#morph-slider-root{position:absolute;inset:0;z-index:-2;overflow:hidden}#morph-slider-root .morph-slider{height:100%}#inicio::before{pointer-events:none}.morph-slider{position:relative;width:100%;height:100%;overflow:hidden;background:#0c0c0e;user-select:none;touch-action:pan-y}.morph-slider-stage{position:absolute;inset:0;cursor:grab;outline:0}.morph-slider-stage:active{cursor:grabbing}.morph-slider-stage:focus-visible{box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}.morph-slider-canvas{display:block;width:100%;height:100%}.morph-slider-caption{position:absolute;left:22px;bottom:22px;z-index:2;max-width:70%;pointer-events:none;display:grid}.morph-slider-caption-text{grid-area:1/1;justify-self:start;display:inline-block;padding:8px 14px;border-radius:10px;font-size:15px;font-weight:600;letter-spacing:.01em;color:#fff;background:rgba(10,10,12,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transform:translateY(12px);filter:blur(6px);transition:opacity var(--ms-swap) cubic-bezier(.16,1,.3,1),transform var(--ms-swap) cubic-bezier(.16,1,.3,1),filter var(--ms-swap) cubic-bezier(.16,1,.3,1)}.morph-slider-caption-text.is-active{opacity:1;transform:translateY(0);filter:blur(0)}.morph-slider-controls{position:absolute;top:50%;left:0;right:0;z-index:3;display:flex;justify-content:space-between;padding:0 16px;transform:translateY(-50%);pointer-events:none}.morph-slider-btn{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#fff;background:rgba(12,12,14,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s ease,border-color .25s ease}.morph-slider-btn:hover{background:rgba(24,24,28,.6);border-color:rgba(255,255,255,.5);transform:scale(1.06)}.morph-slider-btn:active{transform:scale(.96)}.morph-slider-btn:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.morph-slider-indicators{position:absolute;left:0;right:0;bottom:18px;z-index:3;display:flex;gap:8px;justify-content:center;align-items:center}.morph-slider-dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.35);cursor:pointer;transition:width var(--ms-dot) cubic-bezier(.16,1,.3,1),background var(--ms-dot) ease}.morph-slider-dot.is-active{width:22px;background:rgba(255,255,255,.95)}.morph-slider-dot:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}@media (max-width:420px){.morph-slider-btn{width:34px;height:34px}.morph-slider-caption-text{font-size:13px}}@media (prefers-reduced-motion:reduce){.morph-slider-btn,.morph-slider-caption-text,.morph-slider-dot{animation:none;transition:none}}/* ---- Ajuste de apilamiento: el caption debe leerse sobre el scrim ---- */
.morph-slider-caption{z-index:5;inset:0;width:100%;max-width:76rem;margin-inline:auto;display:flex;align-items:flex-end;justify-content:flex-start;pointer-events:none;padding:0 1.5rem 5.5rem}
/* ---- Caption de dos líneas: título + descripción ---- */
.morph-slider-caption-text{display:flex;flex-direction:column;gap:.55rem;align-items:flex-start;text-align:left;padding:1rem 1.6rem;border-radius:16px;color:#fff;background:rgba(8,12,10,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px -12px rgba(0,0,0,.5);opacity:0;transform:translateY(14px);filter:blur(6px);transition:opacity var(--ms-swap) cubic-bezier(.16,1,.3,1),transform var(--ms-swap) cubic-bezier(.16,1,.3,1),filter var(--ms-swap) cubic-bezier(.16,1,.3,1)}
.morph-slider-caption-text.is-active{opacity:1;transform:translateY(0);filter:blur(0)}
.morph-slider-caption-text .morph-caption-title{display:block;font-family:var(--font-display);font-size:clamp(1.3rem,2.6vw,1.9rem);font-weight:600;line-height:1.18;color:#fff;letter-spacing:.005em;text-shadow:0 2px 16px rgba(0,0,0,.35)}
.morph-slider-caption-text .morph-caption-desc{display:block;font-size:1rem;line-height:1.5;font-weight:400;color:rgba(255,255,255,.9);max-width:34rem;text-align:left}
@media (max-width:640px){.morph-slider-caption{padding:0 1.1rem 7.5rem}.morph-slider-caption-text{padding:.85rem 1.2rem;border-radius:12px}.morph-slider-caption-text .morph-caption-title{font-size:1.2rem}.morph-slider-caption-text .morph-caption-desc{font-size:.9rem}}
@media (prefers-reduced-motion:reduce){.morph-slider-caption-text{transition:none}}
@media (max-height: 560px) and (orientation: landscape) {
  #inicio .morph-slider-caption { display: none; }
}