/* Estilos para código SQL */
.sql-keyword {
    color: #FF6B6B; /* Rojo para palabras clave */
    font-weight: bold;
}

.sql-identifier {
    color: #4ECDC4; /* Verde azulado para identificadores */
}

.sql-string {
    color: #FFD166; /* Amarillo para cadenas de texto */
}

.sql-number {
    color: #83BCFF; /* Azul claro para números */
}

.sql-comment {
    color: #98C379; /* Verde para comentarios */
    font-style: italic;
}

.sql-function {
    color: #C792EA; /* Morado para funciones */
    font-weight: bold;
}

.sql-type {
    color: #F9AC66; /* Naranja para tipos de datos */
}

/* Estilos para código PHP */
.php-tag {
    color: #C586C0; /* Morado para etiquetas PHP */
}

.php-keyword {
    color: #569CD6; /* Azul para palabras clave */
    font-weight: bold;
}

.php-string {
    color: #CE9178; /* Marrón claro para cadenas */
}

.php-function {
    color: #DCDCAA; /* Amarillo claro para funciones */
}

.php-variable {
    color: #9CDCFE; /* Azul claro para variables */
}

.php-number {
    color: #B5CEA8; /* Verde claro para números */
}

.php-comment {
    color: #6A9955; /* Verde para comentarios */
    font-style: italic;
}

/* Estilos para el editor VS Code */
.vscode-editor {
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 1.5rem;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.vscode-editor-header {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.9rem;
}

.vscode-editor-content {
    background-color: #1E1E1E;
    color: #DCDCDC;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.9rem;
    line-height: 1.4;
}

.vscode-editor-content pre {
    margin-bottom: 0;
    padding: 0;
}

.vscode-editor-content code {
    background: transparent !important;
    padding: 0 !important;
}

.vscode-editor-footer {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.8rem;
    opacity: 0.8;
}