/**
 * CIAE — Estilos del panel de historial (alumno + preceptor)
 * v8.9.10 — Aplicado el Manual de Marca oficial de CIAE
 *
 * Paleta oficial:
 *   Azul Institucional  #0D1B2E  (fondos, títulos, encabezados)
 *   Dorado Neutro       #B8A27A  (detalles, íconos, separadores)
 *   Beige Claro         #E8E1D5  (fondos secundarios, tarjetas)
 *   Gris Profesional     #5C5C5C  (texto secundario, líneas)
 *   Blanco Marfil        #FAF9F6  (fondo principal, editorial)
 *
 * Tipografías oficiales: Montserrat (SemiBold/Bold, títulos) y
 * Open Sans (Regular/Medium, texto largo).
 *
 * Principios: minimalismo, elegancia, orden visual, jerarquía clara,
 * profesionalismo. Bordes redondeados, tarjetas blancas, espacios amplios,
 * íconos lineales, separadores finos, detalles en dorado neutro.
 * CIAE no es: infantil, informal, saturada visualmente, escolar tradicional,
 * corporativa fría.
 *
 * Este archivo se carga al final de la cadena de estilos (después de
 * style.css, ciae-clean-panel.css, ciae-pro-panel.css,
 * ciae-mobile-responsive.css y student-ui.css) precisamente para poder
 * pisar esas reglas —incluidas las que usan !important— con la identidad
 * de marca oficial.
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Open+Sans:wght@400;500;600&display=swap');

:root{
    --ciae-azul: #0D1B2E;
    --ciae-dorado: #B8A27A;
    --ciae-beige: #E8E1D5;
    --ciae-gris: #5C5C5C;
    --ciae-marfil: #FAF9F6;
    --ciae-font-titulo: 'Montserrat', ui-sans-serif, system-ui, sans-serif;
    --ciae-font-texto: 'Open Sans', ui-sans-serif, system-ui, sans-serif;
}

/* ===== Tipografía general del panel ===== */
#ciae-historial-alumno,
#ciae-historial-alumno *{
    font-family: var(--ciae-font-texto) !important;
}

#ciae-historial-alumno h1,
#ciae-historial-alumno h2,
#ciae-historial-alumno h3,
#ciae-historial-alumno .ciae-title,
#ciae-historial-alumno .ciae-student-hero h2{
    font-family: var(--ciae-font-titulo) !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
}

/* ===== Hero de bienvenida: de gradiente celeste/teal genérico a
   identidad CIAE (marfil + acentos dorados, título en azul institucional) ===== */
.ciae-student-hero{
    background: var(--ciae-marfil) !important;
    border: 1px solid var(--ciae-beige) !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    min-height: 0 !important;
    padding: 18px 24px !important;
    gap: 14px !important;
}

.ciae-student-hero:after{
    background: linear-gradient(135deg, rgba(184,162,122,.16), rgba(13,27,46,.05)) !important;
}

.ciae-student-hero-icon{
    background: var(--ciae-beige) !important;
    border: 1px solid rgba(184,162,122,.35) !important;
    box-shadow: none !important;
    width: 52px !important;
    height: 52px !important;
    font-size: 26px !important;
}

.ciae-student-kicker{
    color: var(--ciae-dorado) !important;
    font-family: var(--ciae-font-titulo) !important;
    font-weight: 700 !important;
    margin: 0 0 2px !important;
}

.ciae-student-hero h2{
    color: var(--ciae-azul) !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    font-size: clamp(20px, 2.4vw, 30px) !important;
    line-height: 1.15 !important;
}

.ciae-student-hero p:not(.ciae-student-kicker){
    color: var(--ciae-gris) !important;
    font-family: var(--ciae-font-texto) !important;
    margin: 4px 0 0 !important;
    font-size: 14px !important;
}

.ciae-student-hero-art{
    font-size: 26px !important;
    padding-right: 6px !important;
}

.ciae-student-hero-art span{
    background: var(--ciae-beige) !important;
    border: 1px solid rgba(184,162,122,.25) !important;
    box-shadow: none !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 14px !important;
}

/* ===== Botón de impresión, en línea con el manual ===== */
.ciae-student-print-btn{
    background: var(--ciae-azul) !important;
    color: #ffffff !important;
    border: 1px solid var(--ciae-azul) !important;
    font-family: var(--ciae-font-titulo) !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    transition: background .15s ease !important;
}
.ciae-student-print-btn:hover{
    background: #142640 !important;
}

/* ===== Tarjetas de sección: blancas, bordes redondeados moderados,
   separador fino dorado bajo el título (como en el manual) ===== */
.ciae-student-section-card{
    background: #ffffff !important;
    border: 1px solid var(--ciae-beige) !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    padding: 18px !important;
}

.ciae-student-section-head{
    border-bottom: 1px solid var(--ciae-beige) !important;
    padding-bottom: 10px !important;
    margin-bottom: 12px !important;
}

.ciae-student-pill{
    background: var(--ciae-beige) !important;
    color: var(--ciae-azul) !important;
    border: 1px solid rgba(184,162,122,.4) !important;
    font-family: var(--ciae-font-titulo) !important;
}

#ciae-historial-alumno .ciae-title{
    color: var(--ciae-azul) !important;
}

.ciae-student-section-head > p{
    color: var(--ciae-gris) !important;
    font-family: var(--ciae-font-texto) !important;
}

.ciae-student-content-grid{
    gap: 14px !important;
}

.ciae-student-data-card{
    padding: 14px !important;
    border: 1px solid var(--ciae-beige) !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.ciae-student-data-card h3{
    color: var(--ciae-azul) !important;
    font-family: var(--ciae-font-titulo) !important;
    font-size: 16px !important;
    margin: 0 0 10px !important;
}

/* ===== Base de tabla, con acentos de marca (afecta también al panel de
   preceptor, sin tocar el comportamiento editable de esas celdas) ===== */
.ciae-table-wrap{
    overflow-x: auto;
    border: 1px solid var(--ciae-beige);
    border-radius: 14px;
    margin-bottom: 20px;
}

.ciae-table{
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    background: #fff;
    font-family: var(--ciae-font-texto);
}

.ciae-table thead th{
    background: var(--ciae-marfil);
    color: var(--ciae-azul);
    font-family: var(--ciae-font-titulo);
    font-weight: 700;
    font-size: 12.5px;
    text-transform: uppercase;
    letter-spacing: .03em;
    text-align: left;
    padding: 10px 14px;
    border-bottom: 2px solid var(--ciae-dorado);
}

.ciae-table tbody td{
    padding: 10px 14px;
    border-bottom: 1px solid var(--ciae-beige);
    color: #292929;
    vertical-align: middle;
}

/* FIX v8.9.11 — BUG REAL: varias hojas de estilo viejas (student-ui.css,
   ciae-clean-panel.css, style.css, ciae-mobile-responsive.css) fuerzan
   table-layout:fixed !important y overflow-wrap:anywhere !important sobre
   .ciae-table. Con columnas de ancho fijo repartido en partes iguales, la
   columna "Observación"/"Descripción" queda demasiado angosta para esa
   palabra completa, y overflow-wrap:anywhere la corta letra por letra
   (efecto "palabras amontonadas" en vertical). La versión anterior de este
   archivo no tenía !important en estas reglas, así que las viejas seguían
   ganando. Ahora sí se pisan de verdad.
*/
.ciae-table.ciae-table-alumno{
    table-layout: auto !important;
}

.ciae-table.ciae-table-alumno thead th{
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

.ciae-table.ciae-table-alumno tbody td{
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

.ciae-table tbody tr:last-child td{
    border-bottom: none;
}

.ciae-table tbody tr:hover{
    background: var(--ciae-marfil);
}

/* ===== Badges de estado de asistencia (semántica de color conservada,
   pero con tonos menos saturados, en línea con "evitar colores
   excesivamente saturados" del manual) ===== */
.ciae-badge{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 12.5px;
    font-family: var(--ciae-font-texto);
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
}

.ciae-badge-ok{
    background: #e5efe7;
    color: #3d6b4a;
}

.ciae-badge-warn{
    background: var(--ciae-beige);
    color: #8a6d2f;
}

.ciae-badge-danger{
    background: #f3e3e0;
    color: #9c4a3d;
}

/* ===== Pills de nota, con color según rango ===== */
.ciae-nota-pill{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    padding: 5px 10px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 13.5px;
    font-family: var(--ciae-font-texto);
    background: var(--ciae-marfil);
    color: var(--ciae-azul);
}

.ciae-nota-alta{
    background: #e5efe7;
    color: #3d6b4a;
}

.ciae-nota-media{
    background: var(--ciae-beige);
    color: #8a6d2f;
}

.ciae-nota-baja{
    background: #f3e3e0;
    color: #9c4a3d;
}

/* ===== Alerta de error ===== */
.ciae-alumno-error{
    background: #f3e3e0;
    border: 1px solid #d9b8b0;
    color: #7a3529;
    padding: 14px 16px;
    border-radius: 12px;
    font-size: 14px;
    font-family: var(--ciae-font-texto);
    line-height: 1.5;
}

.ciae-alumno-error strong{
    display: block;
    margin-bottom: 4px;
    font-family: var(--ciae-font-titulo);
    font-size: 14.5px;
}

/* ===== Empty state prolijo ===== */
#ciae-historial-alumno .empty,
#ciae-att-table-alumno .empty,
#ciae-notas-table-alumno .empty{
    padding: 24px 16px;
    text-align: center;
    color: var(--ciae-gris);
    background: var(--ciae-marfil);
    border: 1px dashed var(--ciae-beige);
    border-radius: 14px;
    font-size: 14px;
    font-family: var(--ciae-font-texto);
}

/* =========================================================
   DOCUMENTO INSTITUCIONAL IMPRESO ("Mi historial académico")
   Antes era texto plano sin identidad. Ahora sigue el mismo
   lenguaje visual del Manual de Marca: encabezado en azul
   institucional, línea fina dorada de separación, tipografía
   Montserrat para títulos y Open Sans para el cuerpo.
   ========================================================= */
@media print{
    .ciae-print-header{
        border-bottom: 2px solid var(--ciae-dorado) !important;
        padding-bottom: 18px !important;
        margin-bottom: 22px !important;
    }

    .ciae-print-header-text h1{
        font-family: var(--ciae-font-titulo) !important;
        color: var(--ciae-azul) !important;
        font-weight: 800 !important;
        font-size: 26px !important;
        letter-spacing: -0.01em !important;
    }

    .ciae-print-header-text p{
        font-family: var(--ciae-font-texto) !important;
        color: var(--ciae-gris) !important;
        font-size: 13px !important;
    }

    #ciae-historial-alumno .ciae-title{
        color: var(--ciae-azul) !important;
        font-family: var(--ciae-font-titulo) !important;
    }

    #ciae-historial-alumno .ciae-student-pill{
        background: var(--ciae-beige) !important;
        color: var(--ciae-azul) !important;
        border: 1px solid var(--ciae-dorado) !important;
    }

    #ciae-historial-alumno h3{
        font-family: var(--ciae-font-titulo) !important;
        color: var(--ciae-azul) !important;
        border-bottom: 1px solid var(--ciae-beige) !important;
        padding-bottom: 8px !important;
    }

    .ciae-table thead th{
        border-bottom: 2px solid var(--ciae-dorado) !important;
        color: var(--ciae-azul) !important;
    }

    .ciae-badge, .ciae-nota-pill{
        background: transparent !important;
        border: 1px solid var(--ciae-gris) !important;
        color: #1a1a1a !important;
    }
}

@media (max-width: 640px){
    .ciae-table thead{
        display: none;
    }
    .ciae-table-alumno tbody tr{
        display: block;
        padding: 12px 14px;
        border-bottom: 1px solid var(--ciae-beige);
    }
    .ciae-table-alumno tbody td{
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 4px 0;
        border-bottom: none;
        text-align: right;
    }
    .ciae-table-alumno tbody td::before{
        content: attr(data-label);
        font-weight: 600;
        font-family: var(--ciae-font-titulo);
        color: var(--ciae-gris);
        text-align: left;
    }
}


/* =========================================================
   FIX v8.9.12 — UX/UI responsive real para historial alumno
   - Reduce el espacio superior que dejaban el tema/plantillas.
   - Evita que Observación/Descripción se amontonen letra por letra.
   - Las tarjetas se apilan antes de que las tablas queden angostas.
   - En móvil, las tablas pasan a formato ficha legible.
   ========================================================= */
html:has(#ciae-historial-alumno),
body:has(#ciae-historial-alumno){
    scroll-padding-top: 0 !important;
}

body:has(#ciae-historial-alumno) .site-main,
body:has(#ciae-historial-alumno) .entry-content,
body:has(#ciae-historial-alumno) .wp-site-blocks,
body:has(#ciae-historial-alumno) .wp-block-post-content,
body:has(#ciae-historial-alumno) .elementor-section,
body:has(#ciae-historial-alumno) .elementor-container,
body:has(#ciae-historial-alumno) .elementor-widget-container{
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#ciae-historial-alumno.ciae-student-pro-view,
#ciae-historial-alumno{
    margin-top: 0 !important;
    padding-top: clamp(8px, 1.2vw, 16px) !important;
    overflow: visible !important;
}

#ciae-historial-alumno .ciae-student-shell{
    align-items: start !important;
}

#ciae-historial-alumno .ciae-student-main{
    gap: 12px !important;
}

#ciae-historial-alumno .ciae-student-hero{
    padding: 16px 22px !important;
    min-height: 108px !important;
    margin-top: 0 !important;
}

#ciae-historial-alumno .ciae-student-actions{
    margin: 0 !important;
    padding: 0 !important;
}

#ciae-historial-alumno .ciae-student-section-card{
    padding: 16px !important;
}

#ciae-historial-alumno .ciae-student-content-grid{
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 560px), 1fr)) !important;
    gap: 16px !important;
    align-items: start !important;
}

#ciae-historial-alumno .ciae-student-data-card{
    min-width: 0 !important;
    overflow: hidden !important;
}

#ciae-historial-alumno #ciae-att-table-alumno,
#ciae-historial-alumno #ciae-notas-table-alumno,
#ciae-historial-alumno .ciae-table-wrap{
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}

#ciae-historial-alumno #ciae-att-table-alumno table,
#ciae-historial-alumno #ciae-notas-table-alumno table,
#ciae-historial-alumno .ciae-table.ciae-table-alumno{
    width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
}

#ciae-historial-alumno #ciae-att-table-alumno th,
#ciae-historial-alumno #ciae-att-table-alumno td,
#ciae-historial-alumno #ciae-notas-table-alumno th,
#ciae-historial-alumno #ciae-notas-table-alumno td,
#ciae-historial-alumno .ciae-table.ciae-table-alumno th,
#ciae-historial-alumno .ciae-table.ciae-table-alumno td{
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
    vertical-align: middle !important;
}

#ciae-historial-alumno #ciae-att-table-alumno th:nth-child(1),
#ciae-historial-alumno #ciae-att-table-alumno td:nth-child(1){ width: 24% !important; min-width: 112px !important; }
#ciae-historial-alumno #ciae-att-table-alumno th:nth-child(2),
#ciae-historial-alumno #ciae-att-table-alumno td:nth-child(2){ width: 28% !important; min-width: 132px !important; }
#ciae-historial-alumno #ciae-att-table-alumno th:nth-child(3),
#ciae-historial-alumno #ciae-att-table-alumno td:nth-child(3){ width: 48% !important; min-width: 190px !important; }

#ciae-historial-alumno #ciae-notas-table-alumno th:nth-child(1),
#ciae-historial-alumno #ciae-notas-table-alumno td:nth-child(1){ width: 22% !important; min-width: 112px !important; }
#ciae-historial-alumno #ciae-notas-table-alumno th:nth-child(2),
#ciae-historial-alumno #ciae-notas-table-alumno td:nth-child(2){ width: 32% !important; min-width: 150px !important; }
#ciae-historial-alumno #ciae-notas-table-alumno th:nth-child(3),
#ciae-historial-alumno #ciae-notas-table-alumno td:nth-child(3){ width: 16% !important; min-width: 90px !important; }
#ciae-historial-alumno #ciae-notas-table-alumno th:nth-child(4),
#ciae-historial-alumno #ciae-notas-table-alumno td:nth-child(4){ width: 30% !important; min-width: 180px !important; }

#ciae-historial-alumno #ciae-att-table-alumno th:last-child,
#ciae-historial-alumno #ciae-notas-table-alumno th:last-child{
    white-space: nowrap !important;
}

#ciae-historial-alumno .ciae-badge,
#ciae-historial-alumno .ciae-nota-pill{
    white-space: nowrap !important;
    flex: 0 0 auto !important;
}

@media (max-width: 1180px){
    #ciae-historial-alumno .ciae-student-shell{
        grid-template-columns: 240px minmax(0, 1fr) !important;
        gap: 16px !important;
    }
    #ciae-historial-alumno .ciae-student-hero-art{
        display: none !important;
    }
}

@media (max-width: 980px){
    #ciae-historial-alumno .ciae-student-shell{
        grid-template-columns: 1fr !important;
    }
    #ciae-historial-alumno .ciae-student-menu{
        position: relative !important;
        min-height: auto !important;
    }
    #ciae-historial-alumno .ciae-student-section-head{
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    #ciae-historial-alumno .ciae-student-section-head > p{
        max-width: none !important;
        text-align: left !important;
    }
}

@media (max-width: 700px){
    #ciae-historial-alumno{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #ciae-historial-alumno .ciae-student-hero{
        grid-template-columns: 1fr !important;
        padding: 14px !important;
        border-radius: 18px !important;
    }
    #ciae-historial-alumno .ciae-student-hero-icon{
        display: none !important;
    }
    #ciae-historial-alumno .ciae-student-data-card,
    #ciae-historial-alumno .ciae-student-section-card{
        padding: 12px !important;
        border-radius: 16px !important;
    }
    #ciae-historial-alumno #ciae-att-table-alumno table,
    #ciae-historial-alumno #ciae-notas-table-alumno table,
    #ciae-historial-alumno .ciae-table.ciae-table-alumno{
        min-width: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }
    #ciae-historial-alumno .ciae-table-alumno thead,
    #ciae-historial-alumno #ciae-att-table-alumno thead,
    #ciae-historial-alumno #ciae-notas-table-alumno thead{
        display: none !important;
    }
    #ciae-historial-alumno .ciae-table-alumno tbody tr,
    #ciae-historial-alumno #ciae-att-table-alumno tbody tr,
    #ciae-historial-alumno #ciae-notas-table-alumno tbody tr{
        display: grid !important;
        gap: 8px !important;
        padding: 12px !important;
        margin: 0 0 10px !important;
        border: 1px solid var(--ciae-beige) !important;
        border-radius: 14px !important;
        background: #fff !important;
    }
    #ciae-historial-alumno .ciae-table-alumno tbody td,
    #ciae-historial-alumno #ciae-att-table-alumno tbody td,
    #ciae-historial-alumno #ciae-notas-table-alumno tbody td{
        display: grid !important;
        grid-template-columns: 105px minmax(0, 1fr) !important;
        gap: 10px !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        text-align: left !important;
    }
    #ciae-historial-alumno .ciae-table-alumno tbody td::before,
    #ciae-historial-alumno #ciae-att-table-alumno tbody td::before,
    #ciae-historial-alumno #ciae-notas-table-alumno tbody td::before{
        content: attr(data-label) !important;
        color: var(--ciae-gris) !important;
        font-family: var(--ciae-font-titulo) !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        letter-spacing: .03em !important;
        text-transform: uppercase !important;
        text-align: left !important;
    }
}


/* =========================================================
   FIX v8.9.13 — Layout compacto premium
   Objetivo: eliminar el bloque de aire superior del theme, compactar hero
   y dejar el botón de impresión integrado al encabezado del resumen.
   ========================================================= */
body:has(#ciae-historial-alumno) #page,
body:has(#ciae-historial-alumno) #content,
body:has(#ciae-historial-alumno) #primary,
body:has(#ciae-historial-alumno) #main,
body:has(#ciae-historial-alumno) .site,
body:has(#ciae-historial-alumno) .site-content,
body:has(#ciae-historial-alumno) .content-area,
body:has(#ciae-historial-alumno) .site-main,
body:has(#ciae-historial-alumno) .entry,
body:has(#ciae-historial-alumno) article,
body:has(#ciae-historial-alumno) .entry-content,
body:has(#ciae-historial-alumno) .wp-site-blocks,
body:has(#ciae-historial-alumno) .wp-block-group,
body:has(#ciae-historial-alumno) .wp-block-post-content,
body:has(#ciae-historial-alumno) .elementor,
body:has(#ciae-historial-alumno) .elementor-section,
body:has(#ciae-historial-alumno) .elementor-container,
body:has(#ciae-historial-alumno) .elementor-column,
body:has(#ciae-historial-alumno) .elementor-widget-wrap,
body:has(#ciae-historial-alumno) .elementor-widget-container,
body:has(#ciae-historial-alumno) .ast-container,
body:has(#ciae-historial-alumno) .container,
body:has(#ciae-historial-alumno) .wrap{
    padding-top: 0 !important;
    margin-top: 0 !important;
    min-height: 0 !important;
}

body:has(#ciae-historial-alumno) .entry-header,
body:has(#ciae-historial-alumno) header.entry-header,
body:has(#ciae-historial-alumno) .page-header,
body:has(#ciae-historial-alumno) .wp-block-post-title,
body:has(#ciae-historial-alumno) .elementor-page-title,
body:has(#ciae-historial-alumno) .site-header-spacer{
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

#ciae-historial-alumno.ciae-student-pro-view,
#ciae-historial-alumno{
    padding: 8px 14px 18px !important;
    margin: 0 auto !important;
    border-radius: 0 !important;
    background: transparent !important;
}

#ciae-historial-alumno .ciae-student-shell{
    gap: 18px !important;
}

#ciae-historial-alumno .ciae-student-menu{
    top: 8px !important;
    padding: 18px !important;
    border-radius: 18px !important;
}

#ciae-historial-alumno .ciae-student-main{
    gap: 10px !important;
}

#ciae-historial-alumno .ciae-student-hero{
    min-height: 86px !important;
    padding: 14px 22px !important;
    border-radius: 18px !important;
}

#ciae-historial-alumno .ciae-student-hero-icon{
    width: 44px !important;
    height: 44px !important;
    font-size: 22px !important;
}

#ciae-historial-alumno .ciae-student-hero h2{
    font-size: clamp(21px, 2.1vw, 28px) !important;
    line-height: 1.08 !important;
}

#ciae-historial-alumno .ciae-student-hero p:not(.ciae-student-kicker){
    margin-top: 2px !important;
}

#ciae-historial-alumno .ciae-student-hero-art span{
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
    font-size: 21px !important;
}

#ciae-historial-alumno .ciae-student-actions{
    display: none !important;
}

#ciae-historial-alumno .ciae-student-section-card{
    padding: 14px !important;
    border-radius: 18px !important;
}

#ciae-historial-alumno .ciae-student-section-head{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 14px !important;
    padding-bottom: 10px !important;
    margin-bottom: 12px !important;
}

#ciae-historial-alumno .ciae-student-section-tools{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px !important;
    min-width: 0 !important;
}

#ciae-historial-alumno .ciae-student-section-tools p{
    margin: 0 !important;
    color: var(--ciae-gris) !important;
    font-size: 13px !important;
    white-space: normal !important;
    max-width: 460px !important;
    text-align: right !important;
}

#ciae-historial-alumno .ciae-student-print-btn{
    min-height: 40px !important;
    padding: 9px 18px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    font-size: 13.5px !important;
}

#ciae-historial-alumno .ciae-title{
    margin: 8px 0 0 !important;
    font-size: clamp(25px, 2.8vw, 34px) !important;
    line-height: 1.05 !important;
}

#ciae-historial-alumno .ciae-student-data-card{
    padding: 12px !important;
    border-radius: 16px !important;
}

#ciae-historial-alumno .ciae-table-wrap{
    margin-bottom: 0 !important;
    border-radius: 12px !important;
}

#ciae-historial-alumno .ciae-table thead th,
#ciae-historial-alumno .ciae-table tbody td{
    padding: 9px 12px !important;
}

/* FIX v8.9.18: se quitó un "recurso defensivo" que subía todo el módulo
   con margin-top:-150px (-118px con admin bar) para tapar espacio en
   blanco del theme por encima del shortcode. El problema: ese número fijo
   no es válido para todas las páginas/temas — en algunas hay menos espacio
   real arriba, y ese margen negativo terminaba tapando/cortando la parte
   superior del panel (bordes, badge "Resumen", etc). Si el espacio en
   blanco de arriba vuelve a molestar, hay que resolverlo en la página en sí
   (un párrafo vacío del editor, el "título de página" del theme, etc.), no
   tirando de todo el módulo hacia arriba a ciegas con CSS. */

@media (max-width: 1100px){
    #ciae-historial-alumno .ciae-student-section-head{
        grid-template-columns: 1fr !important;
        align-items: start !important;
    }
    #ciae-historial-alumno .ciae-student-section-tools{
        justify-content: space-between !important;
        width: 100% !important;
    }
    #ciae-historial-alumno .ciae-student-section-tools p{
        text-align: left !important;
    }
}

@media (max-width: 700px){
    #ciae-historial-alumno{
        padding: 8px 10px 14px !important;
    }
    #ciae-historial-alumno .ciae-student-hero{
        min-height: 0 !important;
        padding: 14px !important;
    }
    #ciae-historial-alumno .ciae-student-section-tools{
        display: grid !important;
        gap: 10px !important;
    }
    #ciae-historial-alumno .ciae-student-print-btn{
        width: 100% !important;
        justify-content: center !important;
    }
}

/* =========================================================
   CIAE v8.9.15 – FIX layout desplazado a la derecha
   Centrado real respecto al viewport + ancho controlado.
   Evita que el contenedor heredado de WordPress empuje el panel.
   ========================================================= */
#ciae-historial-alumno.ciae-student-pro-view{
    position: relative !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(1500px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    min-width: 0 !important;
    margin: 16px 0 28px !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

#ciae-historial-alumno.ciae-student-pro-view .ciae-student-shell{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: 250px minmax(0, 1fr) !important;
    gap: 18px !important;
    box-sizing: border-box !important;
}

#ciae-historial-alumno.ciae-student-pro-view .ciae-student-main,
#ciae-historial-alumno.ciae-student-pro-view .ciae-student-section-card,
#ciae-historial-alumno.ciae-student-pro-view .ciae-student-data-card,
#ciae-historial-alumno.ciae-student-pro-view .ciae-table-wrap{
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* En notebooks evita que la tabla de notas quede comprimida hacia la derecha. */
@media (max-width: 1380px){
    #ciae-historial-alumno.ciae-student-pro-view{
        width: min(1180px, calc(100vw - 24px)) !important;
        max-width: calc(100vw - 24px) !important;
        margin-top: 12px !important;
    }
    #ciae-historial-alumno.ciae-student-pro-view .ciae-student-shell{
        grid-template-columns: 230px minmax(0, 1fr) !important;
        gap: 14px !important;
    }
    #ciae-historial-alumno.ciae-student-pro-view .ciae-student-content-grid,
    #ciae-historial-alumno.ciae-student-pro-view #ciae-historial-alumno .ciae-grid{
        grid-template-columns: 1fr !important;
    }
    #ciae-historial-alumno.ciae-student-pro-view .ciae-student-menu{
        padding: 16px !important;
        border-radius: 24px !important;
    }
}

@media (max-width: 1040px){
    #ciae-historial-alumno.ciae-student-pro-view{
        left: auto !important;
        transform: none !important;
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        margin: 10px auto 22px !important;
    }
    #ciae-historial-alumno.ciae-student-pro-view .ciae-student-shell{
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media print{
    #ciae-historial-alumno.ciae-student-pro-view{
        left: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* =========================================================
   FIX v8.9.16 — Respiro superior equilibrado
   - Corrige el ajuste anterior que dejó el panel demasiado pegado arriba.
   - Mantiene el diseño compacto, pero con margen institucional cómodo.
   ========================================================= */
body:has(#ciae-historial-alumno) .site-main,
body:has(#ciae-historial-alumno) .entry-content,
body:has(#ciae-historial-alumno) .wp-site-blocks,
body:has(#ciae-historial-alumno) .wp-block-post-content,
body:has(#ciae-historial-alumno) .elementor-section,
body:has(#ciae-historial-alumno) .elementor-container,
body:has(#ciae-historial-alumno) .elementor-widget-container{
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#ciae-historial-alumno.ciae-student-pro-view,
#ciae-historial-alumno{
    margin-top: 0 !important;
    padding-top: clamp(32px, 3vw, 48px) !important;
}

#ciae-historial-alumno .ciae-student-shell{
    padding-top: 0 !important;
}

#ciae-historial-alumno .ciae-student-menu,
#ciae-historial-alumno .ciae-student-main{
    margin-top: 0 !important;
}

@media (max-width: 980px){
    #ciae-historial-alumno.ciae-student-pro-view,
    #ciae-historial-alumno{
        padding-top: 24px !important;
    }
}

@media (max-width: 700px){
    #ciae-historial-alumno.ciae-student-pro-view,
    #ciae-historial-alumno{
        padding-top: 18px !important;
    }
}


/* =========================================================
   CIAE v8.9.17 — Pulido visual integral
   - Bordes consistentes y más finos.
   - Cards equilibradas sin marcos dobles pesados.
   - Mejor alineación superior sin quedar pegado ni generar aire excesivo.
   - Tablas más limpias, modernas y legibles.
   ========================================================= */
:root{
    --ciae-line-soft: rgba(13, 27, 46, .08);
    --ciae-line-medium: rgba(13, 27, 46, .12);
    --ciae-card-shadow: 0 16px 42px rgba(13, 27, 46, .06);
    --ciae-card-shadow-soft: 0 10px 26px rgba(13, 27, 46, .045);
}

/* Contenedor general: centrado, con respiro real y sin compensaciones negativas heredadas. */
#ciae-historial-alumno.ciae-student-pro-view{
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(1480px, calc(100vw - 40px)) !important;
    max-width: calc(100vw - 40px) !important;
    margin: clamp(18px, 2.2vw, 34px) 0 clamp(28px, 3vw, 48px) !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.admin-bar #ciae-historial-alumno.ciae-student-pro-view{
    margin-top: clamp(18px, 2vw, 30px) !important;
}

#ciae-historial-alumno.ciae-student-pro-view .ciae-student-shell{
    display: grid !important;
    grid-template-columns: 248px minmax(0, 1fr) !important;
    gap: 22px !important;
    align-items: start !important;
    width: 100% !important;
}

/* Sidebar: menos duro, más institucional y con bordes homogéneos. */
#ciae-historial-alumno .ciae-student-menu{
    top: 18px !important;
    border: 1px solid var(--ciae-line-soft) !important;
    border-radius: 26px !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: var(--ciae-card-shadow-soft) !important;
    padding: 18px !important;
    overflow: hidden !important;
}

#ciae-historial-alumno .ciae-student-brand{
    padding-bottom: 16px !important;
    margin-bottom: 14px !important;
    border-bottom: 1px solid var(--ciae-line-soft) !important;
}

#ciae-historial-alumno .ciae-student-brand img{
    border: 1px solid var(--ciae-line-soft) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: none !important;
}

#ciae-historial-alumno .ciae-student-nav a{
    border: 1px solid transparent !important;
    border-radius: 16px !important;
    transition: background .18s ease, border-color .18s ease, transform .18s ease !important;
}

#ciae-historial-alumno .ciae-student-nav a:hover{
    background: #F7FAFD !important;
    border-color: var(--ciae-line-soft) !important;
    transform: translateX(2px) !important;
}

#ciae-historial-alumno .ciae-student-nav a.is-active{
    background: linear-gradient(135deg, rgba(217,247,242,.72), rgba(221,236,255,.78)) !important;
    border-color: rgba(30, 91, 145, .10) !important;
    box-shadow: 0 10px 22px rgba(30, 91, 145, .08) !important;
}

#ciae-historial-alumno .ciae-student-user-mini{
    border: 1px solid rgba(31, 120, 104, .10) !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, rgba(231, 255, 251, .78), rgba(248, 252, 255, .92)) !important;
    box-shadow: none !important;
}

/* Columna principal */
#ciae-historial-alumno .ciae-student-main{
    gap: 16px !important;
    min-width: 0 !important;
}

/* Hero: borde único, altura compacta y visual premium. */
#ciae-historial-alumno .ciae-student-hero{
    min-height: 92px !important;
    padding: 18px 24px !important;
    border: 1px solid var(--ciae-line-soft) !important;
    border-radius: 24px !important;
    background: linear-gradient(135deg, #FFFDF9 0%, #FAF9F6 68%, #F2EEE7 100%) !important;
    box-shadow: var(--ciae-card-shadow-soft) !important;
    overflow: hidden !important;
}

#ciae-historial-alumno .ciae-student-hero:after{
    opacity: .9 !important;
    border-left: 1px solid rgba(184,162,122,.10) !important;
}

#ciae-historial-alumno .ciae-student-hero-icon,
#ciae-historial-alumno .ciae-student-hero-art span{
    border: 1px solid var(--ciae-line-soft) !important;
    box-shadow: none !important;
}

#ciae-historial-alumno .ciae-student-hero h2{
    font-size: clamp(23px, 2.2vw, 31px) !important;
    line-height: 1.08 !important;
}

/* Card principal: elimina el efecto de caja dentro de caja pesada. */
#ciae-historial-alumno .ciae-student-section-card{
    border: 1px solid var(--ciae-line-soft) !important;
    border-radius: 24px !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: var(--ciae-card-shadow) !important;
    padding: 20px !important;
    overflow: hidden !important;
}

#ciae-historial-alumno .ciae-student-section-head{
    border-bottom: 1px solid var(--ciae-line-soft) !important;
    padding-bottom: 14px !important;
    margin-bottom: 16px !important;
    align-items: center !important;
}

#ciae-historial-alumno .ciae-student-pill{
    border-radius: 999px !important;
    padding: 6px 12px !important;
    border: 1px solid rgba(184,162,122,.28) !important;
    background: rgba(232,225,213,.72) !important;
    box-shadow: none !important;
}

#ciae-historial-alumno .ciae-title{
    font-size: clamp(27px, 2.6vw, 38px) !important;
    margin-top: 8px !important;
}

#ciae-historial-alumno .ciae-student-section-tools{
    gap: 16px !important;
}

#ciae-historial-alumno .ciae-student-print-btn{
    border-radius: 999px !important;
    min-height: 42px !important;
    padding: 10px 20px !important;
    box-shadow: 0 10px 22px rgba(13, 27, 46, .12) !important;
}

/* Grilla de tablas: dos columnas cuando hay ancho suficiente; una columna cuando se empieza a apretar. */
#ciae-historial-alumno .ciae-student-content-grid{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
}

#ciae-historial-alumno .ciae-student-data-card{
    border: 1px solid var(--ciae-line-soft) !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: none !important;
    padding: 14px !important;
    overflow: hidden !important;
}

#ciae-historial-alumno .ciae-student-data-card h3{
    margin: 0 0 12px !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
}

/* Tablas: bordes suaves, sin dobles líneas marcadas, encabezado más claro. */
#ciae-historial-alumno .ciae-table-wrap,
#ciae-historial-alumno #ciae-att-table-alumno .ciae-table-wrap,
#ciae-historial-alumno #ciae-notas-table-alumno .ciae-table-wrap{
    border: 1px solid var(--ciae-line-soft) !important;
    border-radius: 18px !important;
    overflow: auto !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.65) !important;
}

#ciae-historial-alumno .ciae-table{
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #fff !important;
}

#ciae-historial-alumno .ciae-table thead th{
    background: #F7F9FC !important;
    color: #405875 !important;
    border-bottom: 1px solid var(--ciae-line-soft) !important;
    border-right: 1px solid var(--ciae-line-soft) !important;
    padding: 12px 14px !important;
}

#ciae-historial-alumno .ciae-table thead th:last-child{
    border-right: 0 !important;
}

#ciae-historial-alumno .ciae-table tbody td{
    border-bottom: 1px solid rgba(13,27,46,.055) !important;
    border-right: 1px solid rgba(13,27,46,.055) !important;
    padding: 13px 14px !important;
    color: #243044 !important;
}

#ciae-historial-alumno .ciae-table tbody td:last-child{
    border-right: 0 !important;
}

#ciae-historial-alumno .ciae-table tbody tr:last-child td{
    border-bottom: 0 !important;
}

#ciae-historial-alumno .ciae-table tbody tr:nth-child(even){
    background: rgba(13,27,46,.018) !important;
}

#ciae-historial-alumno .ciae-table tbody tr:hover{
    background: rgba(184,162,122,.08) !important;
}

#ciae-historial-alumno .ciae-badge,
#ciae-historial-alumno .ciae-nota-pill{
    border: 1px solid rgba(13,27,46,.06) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

#ciae-historial-alumno .ciae-nota-pill{
    min-width: 52px !important;
    border-radius: 10px !important;
}

/* Si la notebook no da ancho, las tablas se apilan para evitar compresión visual. */
@media (max-width: 1420px){
    #ciae-historial-alumno.ciae-student-pro-view{
        width: min(1240px, calc(100vw - 32px)) !important;
        max-width: calc(100vw - 32px) !important;
    }
    #ciae-historial-alumno.ciae-student-pro-view .ciae-student-shell{
        grid-template-columns: 230px minmax(0, 1fr) !important;
        gap: 18px !important;
    }
    #ciae-historial-alumno .ciae-student-content-grid{
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 1040px){
    #ciae-historial-alumno.ciae-student-pro-view{
        left: auto !important;
        transform: none !important;
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        margin: 18px auto 32px !important;
    }
    #ciae-historial-alumno.ciae-student-pro-view .ciae-student-shell{
        grid-template-columns: 1fr !important;
    }
    #ciae-historial-alumno .ciae-student-menu{
        position: relative !important;
        top: 0 !important;
    }
}

@media (max-width: 700px){
    #ciae-historial-alumno.ciae-student-pro-view{
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        margin: 12px auto 24px !important;
    }
    #ciae-historial-alumno .ciae-student-section-card,
    #ciae-historial-alumno .ciae-student-data-card,
    #ciae-historial-alumno .ciae-student-hero,
    #ciae-historial-alumno .ciae-student-menu{
        border-radius: 18px !important;
    }
    #ciae-historial-alumno .ciae-student-section-card{
        padding: 14px !important;
    }
    #ciae-historial-alumno .ciae-student-section-head{
        gap: 12px !important;
    }
    #ciae-historial-alumno .ciae-title{
        font-size: 25px !important;
    }
    #ciae-historial-alumno .ciae-table-wrap{
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    #ciae-historial-alumno .ciae-table-alumno tbody tr,
    #ciae-historial-alumno #ciae-att-table-alumno tbody tr,
    #ciae-historial-alumno #ciae-notas-table-alumno tbody tr{
        border: 1px solid var(--ciae-line-soft) !important;
        box-shadow: 0 8px 18px rgba(13,27,46,.035) !important;
    }
}

@media print{
    #ciae-historial-alumno.ciae-student-pro-view{
        left: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
    }
}


/* CIAE v8.10.0 — estados de evaluación no numéricos */
.ciae-nota-estado{background:#eef2f7!important;color:#475569!important;min-width:74px!important;}