/* Desplegables con el diseño de Sellala (lab 27-oct). Ver desplegable.js. */
.dsp{position:relative;display:inline-flex;min-width:0}
.dsp.dsp-ancho{display:flex;width:100%}
.dsp>select{width:100%;cursor:pointer}
.dsp-btn{position:absolute;inset:0;width:100%;height:100%;border:0;margin:0;padding:0;background:transparent;cursor:pointer;border-radius:var(--r-ctl,12px);-webkit-tap-highlight-color:transparent}
.dsp-btn:focus{outline:none}
.dsp:has(.dsp-btn:focus-visible)>select,.dsp.abierto>select{box-shadow:inset 0 0 0 2px var(--tinta,#15161C)}
.dsp>select:disabled+.dsp-btn{cursor:not-allowed}

.dsp-fondo{position:fixed;inset:0;z-index:9000;background:transparent}
.dsp-fondo.cel{background:rgba(21,22,28,.38);opacity:0;transition:opacity .18s cubic-bezier(.2,0,0,1)}
.dsp-fondo.cel.ver{opacity:1}

.dsp-lista{position:fixed;z-index:9001;display:flex;flex-direction:column;background:var(--blanco,#fff);color:var(--tinta,#15161C);border-radius:14px;
  box-shadow:0 0 0 1px rgba(21,22,28,.08),0 12px 32px -10px rgba(21,22,28,.28),0 2px 6px rgba(21,22,28,.06);
  font:500 15px/1.3 inherit;font-family:inherit;outline:none;overflow:hidden;
  opacity:0;transform:translateY(-4px) scale(.98);transform-origin:top center;transition:opacity .14s cubic-bezier(.2,0,0,1),transform .14s cubic-bezier(.2,0,0,1)}
.dsp-lista.arriba{transform-origin:bottom center;transform:translateY(4px) scale(.98)}
.dsp-lista.ver{opacity:1;transform:none}
.dsp-ops{overflow-y:auto;overscroll-behavior:contain;padding:6px;display:flex;flex-direction:column;gap:2px;min-height:0}
.dsp-op{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:8px 10px 8px 12px;border-radius:10px;cursor:pointer;user-select:none}
.dsp-op svg{width:18px;height:18px;flex:none;color:var(--woop,#F2561C);opacity:0}
.dsp-op.foco{background:var(--hundido,#EBECE5)}
.dsp-op.si{font-weight:700}
.dsp-op.si svg{opacity:1}
.dsp-op.vacio{color:var(--gris,#6B6F7A)}
.dsp-op[aria-disabled]{color:var(--gris2,#9A9EA8);cursor:default}

/* celu: hoja desde abajo */
.dsp-lista.cel{left:0;right:0;bottom:0;top:auto;width:auto;max-height:min(70vh,560px);border-radius:22px 22px 0 0;
  padding-bottom:env(safe-area-inset-bottom,0px);font-size:16px;transform:translateY(100%);transition:transform .24s cubic-bezier(.2,0,0,1)}
.dsp-lista.cel.ver{transform:none}
.dsp-cab{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 20px 6px}
.dsp-asa{width:40px;height:5px;border-radius:99px;background:var(--linea,#DCDED6)}
.dsp-cab b{align-self:flex-start;font-size:18px;font-weight:800;letter-spacing:-.01em}
.dsp-lista.cel .dsp-ops{padding:6px 12px 14px}
.dsp-lista.cel .dsp-op{min-height:52px;padding:10px 14px;border-radius:14px}
.dsp-lista.cel .dsp-op.foco{background:transparent}
.dsp-lista.cel .dsp-op.si{background:var(--woop-suave,#FFE6DB)}
.dsp-lista.cel .dsp-op svg{width:20px;height:20px}
@media (prefers-reduced-motion:reduce){.dsp-lista,.dsp-lista.cel,.dsp-fondo.cel{transition:none}}