/* ===== INFOALUMNOS — Sistema de diseño EETP 455 ===== */

/* Control de despliegues */
#Ver,#Ver1,#Ver2023,#Ver2023_1,#Ver2024,#Ver2024_1,#Ver2025,#Ver2025_1,#Ver2026,#Ver2026_1 { 
    display: none; 
}

/* Secciones */
.ia-section { 
    padding: 48px 0 64px; 
}

/* Referencias / Leyenda */
.ia-legend {
    display: flex; 
    flex-wrap: wrap; 
    gap: 10px; 
    align-items: center;
    background: var(--paper-2); 
    border: 1px solid var(--steel-light);
    padding: 12px 20px; 
    margin-bottom: 40px;
}

.ia-legend-label {
    font-family: 'IBM Plex Mono', monospace; 
    font-size: .7rem;
    letter-spacing: .12em; 
    text-transform: uppercase; 
    color: var(--steel); 
    margin-right: 6px;
}

.ia-badge {
    display: inline-flex; 
    align-items: center; 
    gap: 6px;
    font-family: 'IBM Plex Mono', monospace; 
    font-size: .72rem;
    letter-spacing: .06em; 
    text-transform: uppercase; 
    font-weight: 600;
    padding: 5px 12px; 
    border: 1px solid;
}

.ia-badge.rojo  { 
    color: #b91c1c; 
    border-color: #fca5a5; 
    background: #fef2f2; 
}

.ia-badge.azul  { 
    color: #1d4ed8; 
    border-color: #93c5fd; 
    background: #eff6ff; 
}

.ia-badge.gris  { 
    color: var(--steel); 
    border-color: var(--steel-light); 
    background: var(--paper); 
}

/* Encabezados de año */
.ia-year-header {
    display: flex; 
    align-items: center; 
    gap: 16px;
    background: var(--navy); 
    color: #fff;
    padding: 14px 24px; 
    margin-bottom: 24px;
    border-left: 5px solid var(--orange);
}

.ia-year-header .yr-icon { 
    font-size: 1.2rem; 
}

.ia-year-header .yr-title {
    font-family: 'Oswald', sans-serif; 
    text-transform: uppercase;
    letter-spacing: .08em; 
    font-size: 1.1rem; 
    margin: 0;
}

.ia-year-header.history {
    background: var(--navy-2); 
    border-left-color: var(--steel-light);
}

/* Grid de columnas vigentes/históricas */
.ia-grid { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 20px; 
    margin-bottom: 40px; 
}

@media (max-width: 768px) { 
    .ia-grid { 
        grid-template-columns: 1fr; 
    } 
}

/* Tarjeta vigente */
.ia-card {
    background: var(--paper-2); 
    border: 1px solid var(--steel-light);
    padding: 24px; 
    position: relative;
}

.ia-card.vigente-rojo  { 
    border-top: 4px solid #dc2626; 
}

.ia-card.vigente-azul  { 
    border-top: 4px solid #2563eb; 
}

.ia-card .card-tag {
    font-family: 'IBM Plex Mono', monospace; 
    font-size: .62rem;
    letter-spacing: .16em; 
    text-transform: uppercase; 
    font-weight: 700;
    padding: 3px 9px; 
    display: inline-block; 
    margin-bottom: 12px;
}

.ia-card .card-tag.rojo { 
    background: #dc2626; 
    color: #fff; 
}

.ia-card .card-tag.azul { 
    background: #2563eb; 
    color: #fff; 
}

.ia-card .card-tag.verde { 
    background: #16a34a; 
    color: #fff; 
}

.ia-card .card-tag.amarillo { 
    background: var(--yellow); 
    color: var(--navy); 
}

.ia-card h4 {
    font-family: 'Oswald', sans-serif; 
    text-transform: uppercase;
    letter-spacing: .04em; 
    font-size: 1.15rem; 
    color: var(--navy); 
    margin: 0 0 6px;
}

.ia-card .card-subtitle { 
    font-size: .85rem; 
    color: var(--steel); 
    margin-bottom: 14px; 
}

.ia-card hr { 
    border: 0; 
    border-top: 1px solid var(--steel-light); 
    margin: 14px 0; 
}

.ia-card .card-info { 
    font-size: .88rem; 
    color: var(--ink); 
    margin-bottom: 8px; 
}

.ia-card .card-info a { 
    color: var(--orange); 
    font-weight: 600; 
}

.ia-card .card-info a:hover { 
    text-decoration: underline; 
}

.ia-card .card-pending {
    background: #f0f9ff; 
    border: 1px solid #bae6fd;
    padding: 12px 16px; 
    font-size: .87rem; 
    color: #0369a1;
}

/* Video embed */
.ia-video-label {
    background: var(--navy); 
    color: #fff;
    font-family: 'IBM Plex Mono', monospace; 
    font-size: .72rem;
    letter-spacing: .1em; 
    text-transform: uppercase;
    padding: 7px 14px; 
    margin-bottom: 8px; 
    display: block;
}

.ia-video-wrap { 
    background: #000; 
    border: 1px solid var(--steel-light); 
}

.ia-video-wrap video { 
    width: 100%; 
    display: block; 
    max-height: 240px; 
}

/* Trigger colapsable */
.ia-trigger {
    display: flex; 
    justify-content: space-between; 
    align-items: center;
    background: var(--paper); 
    border: 1px solid var(--steel-light);
    padding: 12px 18px; 
    cursor: default;
}

.ia-trigger-label {
    font-family: 'IBM Plex Mono', monospace; 
    font-size: .72rem;
    letter-spacing: .1em; 
    text-transform: uppercase; 
    color: var(--steel);
}

.ia-toggle-btn {
    font-family: 'Oswald', sans-serif; 
    font-size: .78rem; 
    letter-spacing: .08em;
    text-transform: uppercase; 
    background: var(--navy-2); 
    color: #fff;
    border: none; 
    padding: 7px 18px; 
    cursor: pointer; 
    transition: background .15s;
}

.ia-toggle-btn:hover { 
    background: var(--navy); 
}

/* Panel desplegable */
.ia-panel { 
    border: 1px solid var(--steel-light); 
    border-top: 0; 
    background: #fff; 
}

/* Filas de la tabla histórica */
.ia-row {
    display: grid; 
    grid-template-columns: 1fr auto;
    align-items: center; 
    gap: 16px;
    padding: 12px 18px; 
    border-bottom: 1px solid var(--steel-light);
}

.ia-row:last-child { 
    border-bottom: 0; 
}

.ia-row-title {
    font-family: 'Oswald', sans-serif; 
    text-transform: uppercase;
    font-size: .9rem; 
    letter-spacing: .03em; 
    color: var(--navy);
}

.ia-row-date { 
    font-size: .8rem; 
    color: var(--steel); 
    margin-top: 2px; 
}

.ia-row-link {
    font-family: 'IBM Plex Mono', monospace; 
    font-size: .72rem;
    letter-spacing: .06em; 
    text-transform: uppercase;
    color: var(--navy); 
    border: 1px solid var(--steel-light);
    padding: 5px 12px; 
    white-space: nowrap; 
    transition: all .15s;
    display: inline-flex; 
    align-items: center; 
    gap: 6px;
}

.ia-row-link:hover { 
    border-color: var(--orange); 
    color: var(--orange); 
}

.ia-collapse-footer {
    padding: 8px 18px; 
    text-align: right; 
    background: var(--paper);
    border-top: 1px solid var(--steel-light);
}

.ia-collapse-footer a {
    font-family: 'IBM Plex Mono', monospace; 
    font-size: .7rem;
    letter-spacing: .08em; 
    text-transform: uppercase; 
    color: var(--steel);
}

.ia-collapse-footer a:hover { 
    color: var(--orange); 
}