/* ---------- Temario · qué hay dentro de cada tema ---------- */
.opr-ix-d-alto{display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,.5fr) !important;
  gap:clamp(20px,3vw,44px) !important; align-items:center !important; margin-bottom:clamp(24px,3vw,34px) !important}
.opr-ix-d-cabeza{max-width:56ch !important}
.opr-ix-dentro .opr-h2{color:#fff !important; text-wrap:balance !important}

.opr-ix-d-figura{display:flex !important; justify-content:flex-end !important; align-items:flex-end !important; min-height:1px !important}
.opr-ix-dentro img.opr-ix-tablet{display:block !important; height:auto !important; max-width:100% !important;
  filter:drop-shadow(0 22px 40px rgba(0,0,0,.45)) !important}

/* --- carrusel: arrastre lateral, sin librerías --- */
.opr-ix-d-carrusel{position:relative !important; margin:0 calc(-1 * clamp(18px,4vw,48px)) !important}
.opr-ix-d-pista{display:flex !important; gap:12px !important; overflow-x:auto !important; scroll-snap-type:x mandatory !important;
  padding:4px clamp(18px,4vw,48px) 14px !important; scroll-padding-left:clamp(18px,4vw,48px) !important;
  scrollbar-width:none !important; -webkit-overflow-scrolling:touch !important}
.opr-ix-d-pista::-webkit-scrollbar{display:none !important}
.opr-ix-d-pista:focus-visible{outline:2px solid var(--p400) !important; outline-offset:4px !important; border-radius:var(--radio) !important}

.opr-ix-d-ficha{flex:0 0 auto !important; width:min(300px, 78vw) !important; scroll-snap-align:start !important;
  display:flex !important; flex-direction:column !important; gap:8px !important; padding:22px 20px 20px !important;
  border-radius:var(--radio) !important; background:rgba(255,255,255,.03) !important;
  box-shadow:inset 0 0 0 1px var(--p800) !important; transition:background .18s ease, box-shadow .18s ease !important}
.opr-ix-d-ficha:hover{background:rgba(255,255,255,.06) !important; box-shadow:inset 0 0 0 1px var(--p700) !important}
.opr-ix-d-orden{font-size:.6875rem !important; font-weight:800 !important; color:var(--p600) !important; font-variant-numeric:tabular-nums !important}
.opr-ix-d-ficha b{font-size:1.0625rem !important; font-weight:700 !important; letter-spacing:-.016em !important; line-height:1.25 !important; color:#fff !important}
.opr-ix-d-ficha span{font-size:.90625rem !important; line-height:1.55 !important; color:var(--p400) !important; text-wrap:pretty !important; flex:1 1 auto !important}
.opr-ix-d-cifra{margin-top:6px !important; padding-top:12px !important; border-top:1px solid var(--p800) !important;
  font-size:.78125rem !important; font-weight:600 !important; color:var(--p500) !important; font-variant-numeric:tabular-nums !important}

.opr-ix-d-flecha{position:absolute !important; top:calc(50% - 20px) !important; width:42px !important; height:42px !important; border-radius:999px !important;
  display:grid !important; place-items:center !important; background:var(--p800) !important; color:#fff !important;
  box-shadow:inset 0 0 0 1px var(--p700), 0 8px 20px rgba(0,0,0,.4) !important;
  transition:background .16s ease, opacity .16s ease !important}
.opr-ix-d-flecha:hover{background:var(--p700) !important}
.opr-ix-d-flecha svg{width:19px !important; height:19px !important}
.opr-ix-d-flecha.es-izq{left:clamp(4px,1vw,12px) !important}
.opr-ix-d-flecha.es-der{right:clamp(4px,1vw,12px) !important}
.opr-ix-d-nota{margin-top:6px !important}

@media (max-width:900px){
  .opr-ix-d-alto{grid-template-columns:1fr !important; gap:0 !important}
  .opr-ix-d-figura{order:-1 !important; justify-content:flex-start !important; margin-bottom:18px !important}
  .opr-ix-d-flecha{display:none !important}
}