MediaWiki:Common.css

Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.

• Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
• Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
• Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5

/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
/* Caja Azul Claro - Información clave */
.caja-azul {
    border-left: 5px solid #87ceeb;
    background: linear-gradient(90deg, #f0f8ff 85%, #e6f7ff 100%);
    padding: 14px;
    border-radius: 4px;
    margin-bottom: 14px;
}

/* Caja Verde - Síntesis positiva */
.caja-verde {
    border-left: 5px solid #2e7d32;
    background: linear-gradient(90deg, #e8f5e9 85%, #ccf4d6 100%);
    padding: 14px;
    border-radius: 4px;
    margin-bottom: 14px;
}

/* Caja Naranja - Procesos/mecánica */
.caja-naranja {
    border-left: 5px solid #e65100;
    background: linear-gradient(90deg, #fff3e0 85%, #ffe0b2 100%);
    padding: 14px;
    border-radius: 4px;
    margin-bottom: 14px;
}

/* Caja Gris - Definiciones y técnicas */
.caja-gris {
    border-left: 5px solid #adb5bd;
    background: linear-gradient(90deg, #f5f5f5 90%, #eeeeee 100%);
    padding: 14px;
    border-radius: 4px;
    margin-bottom: 14px;
}

/* Caja Dorada - Reflexiones/citas */
.caja-dorada {
    border-left: 5px solid #ffd700;
    background: linear-gradient(90deg, #fffbf0 85%, #fff9c4 100%);
    padding: 14px;
    border-radius: 4px;
    margin-bottom: 14px;
}

/* Caja Roja Suave - Advertencias */
.caja-roja {
    border-left: 5px solid #f44336;
    background: linear-gradient(90deg, #ffebee 85%, #ffcdd2 100%);
    padding: 14px;
    border-radius: 4px;
    margin-bottom: 14px;
}

/* Transiciones suaves entre cajas */
.caja-azul, .caja-verde, .caja-naranja, .caja-gris, .caja-dorada, .caja-roja {
    transition: box-shadow 0.28s ease, background 0.34s ease;
}
/* Plantilla:TOC limit - Ocultar subniveles del índice */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}
/* --- MEJORAS WIKIFORUM MODERN --- */

/* 1. Cabeceras de categorías más bonitas */
.wikiforum-category-header {
    background: linear-gradient(90deg, #0645ad 0%, #0b63f6 100%) !important;
    color: white !important;
    padding: 12px 20px !important;
    border-radius: 8px 8px 0 0;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none !important;
}

/* 2. Filas de foros con espacio y efectos */
.wikiforum-row {
    background-color: #fff;
    transition: all 0.2s ease;
}
.wikiforum-row:hover {
    background-color: #f0f7ff; /* Azul muy suave al pasar el ratón */
    transform: translateX(5px); /* Pequeño movimiento a la derecha */
}

/* 3. Textos y Descripciones */
.wikiforum-name a {
    color: #333;
    font-size: 1.15em;
    font-weight: 600;
    text-decoration: none;
}
.wikiforum-description {
    color: #666;
    font-size: 0.95em;
    margin-top: 4px;
    font-style: italic;
}

/* 4. Bordes redondeados generales */
table.wikiforum-table {
    border-collapse: separate;
    border-spacing: 0 10px; /* Separación entre categorías */
    border: none !important;
}
td.wikiforum-row-first {
    border-left: 1px solid #eee;
}
td.wikiforum-row-last {
    border-right: 1px solid #eee;
}

/* ===== ESTILOS DEMARQUÍA - VERSIÓN COMPACTA PRO ===== */

.demarquia-compact-container {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    line-height: 1.5; /* Reducido de 1.7 */
    color: #222;
    max-width: 100%; /* Aprovecha más ancho */
    margin: 0 auto;
    background: #fff;
    font-size: 0.95rem; /* Fuente base ligeramente más compacta */
}

/* Encabezado */
.demarquia-compact-header {
    border-bottom: 3px solid #1a237e;
    margin-bottom: 25px;
    padding-bottom: 15px;
    background: #f4f6f9;
    padding: 20px;
    border-radius: 4px;
}

.demarquia-compact-header h1 {
    font-size: 2rem;
    margin: 0 0 10px 0;
    color: #1a237e;
    font-weight: 700;
}

.demarquia-compact-header p {
    font-size: 1.1rem;
    color: #444;
    margin: 0;
    font-style: italic;
}

/* Secciones */
.demarquia-compact-section {
      padding: 10px 10px 10px 10px;
}

.demarquia-compact-section h2 {
    font-size: 1.4rem;
    color: #cc6600;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 5px;
    margin-top: 0;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Cajas de items (A, B, 1, 2...) */
.demarquia-compact-box {
    border-left: 3px solid #ff9900;
    background: #fffdf5;
    padding: 10px 15px 10px 40px; /* Padding izquierdo para el número */
    margin-bottom: 15px;
    position: relative;
    border-radius: 0 4px 4px 0;
}

/* El número flotante */
.demarquia-compact-number {
    position: absolute;
    left: 8px;
    top: 10px;
    background: #ff9900;
    color: white;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    font-weight: bold;
    font-size: 0.85rem;
}

/* Títulos dentro de las cajas */
.demarquia-compact-box-title {
    font-size: 1.15rem;
    color: #b35900;
    margin: 0 0 10px 0;
    font-weight: 600;
    display: inline-block;
}

/* Subsecciones internas */
.demarquia-compact-subsection {
    margin-bottom: 12px;
}

.demarquia-compact-subsection h4 {
    font-size: 1rem;
    color: #333;
    margin: 5px 0 2px 0;
    font-weight: 700;
}

/* Listas compactas */
.demarquia-compact-list {
    margin: 0;
    padding-left: 15px;
}

.demarquia-compact-list li {
    margin-bottom: 4px;
    padding-left: 5px;
}

/* Párrafos y textos */
.demarquia-compact-paragraph {
    margin-bottom: 10px;
    text-align: justify;
}

.demarquia-compact-strong {
    color: #d67a00;
    font-weight: 600;
}

.demarquia-compact-hr {
    border: 0;
    border-top: 1px solid #eee;
    margin: 20px 0;
}

.demarquia-compact-small {
    font-size: 0.8rem;
    color: #666;
    display: block;
    margin-top: 5px;
}

/* Responsive */
@media (max-width: 768px) {
    .demarquia-compact-box {
        padding-left: 35px;
    }
}


.intro-audios {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 10px;
}
.intro-audio-item {
  background: #fff;
  padding: 6px;
}


.intro-2cl {
  display: grid;
  grid-template-rows: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
}
.intro-2cl-item {
  background: #fff;
  padding: 6px;
}