/* ============================================================
   ANTI-FOUC
   Los 3 contenedores arrancan invisibles (opacity:0) para que
   no se vea ningún parpadeo de tarjetas de más mientras el JS
   colapsa cada bloque. El JS quita esta clase en cuanto termina
   (ocurre en DOMContentLoaded, no hay que esperar a "load").
   Si el JS no llegara a ejecutarse por algún motivo, un timeout
   de seguridad en el propio JS revela el contenido igualmente.
   ============================================================ */
.oidel-fouc-guard {
    opacity: 0;
}
.oidel-fouc-guard.oidel-ready {
    opacity: 1;
    transition: opacity 0.15s ease;
}

/* ============================================================
   Tarjeta toggle "+ See all" / "− See less"
   Único patrón usado en Books, Working Papers y Notes.
   ============================================================ */
.oidel-toggle-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    width: 100% !important;
    min-height: 160px;
    box-sizing: border-box;
    cursor: pointer;
    user-select: none;
    outline-offset: -2px;
}
.oidel-toggle-card:hover,
.oidel-toggle-card:focus-visible {
    background: rgba(243, 146, 0, 0.07) !important;
}

.oidel-toggle-icon.see {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    font-size: 36px;
    line-height: 1;
    font-weight: 400;
    color: #f39200;
    pointer-events: none;
}

.oidel-toggle-label.see {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #f39200;
    pointer-events: none;
}