.cf-sec{position:relative;isolation:isolate;overflow:hidden}.cf{display:grid;grid-template-columns:minmax(0,7.4fr) minmax(0,4.6fr);gap:clamp(20px,3vw,40px);align-items:center;margin-top:clamp(18px,3vh,30px)}.cf-lienzo{position:relative;margin:0;border-radius:26px;overflow:hidden;background:#eef2f6;box-shadow:0 40px 90px -40px #000000b3,0 0 0 1px #ffffff80}.cf-visor{position:relative;width:100%;aspect-ratio:16 / 10;background:#eef2f6}.cf-visor canvas{display:block;position:absolute!important;top:0;right:0;bottom:0;left:0;cursor:grab}.cf-visor canvas:active{cursor:grabbing}.cf-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s ease .2s;pointer-events:none;z-index:1}.cf-poster.is-oculto{opacity:0}.cf-lienzo figcaption{position:absolute;right:16px;bottom:12px;z-index:2;font-size:11px;color:#5d6884;letter-spacing:.04em;background:#ffffffb8;padding:3px 9px;border-radius:999px;pointer-events:none}.cf-cartel{position:absolute;left:16px;top:14px;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:#0f1f4ddb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:14px;font-weight:600;box-shadow:0 10px 24px -12px #0f1f4d99;pointer-events:none;animation:cf-entra .5s cubic-bezier(.16,1,.3,1)}.cf-cartel span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3f74ff,#1747c7);font-size:12px}@keyframes cf-entra{0%{opacity:0;transform:translateY(-6px)}}.cf-acciones{position:absolute;left:16px;bottom:12px;z-index:2;display:flex;align-items:center;gap:10px}.cf-girar{font-size:11.5px;color:#5d6884;background:#ffffffb8;padding:4px 10px;border-radius:999px;pointer-events:none}.cf-completa{font:600 12px/1 var(--font, Poppins, sans-serif);color:#0f1f4d;background:#fff;border:1px solid #d6dcea;padding:7px 12px;border-radius:999px;cursor:pointer;box-shadow:0 6px 14px -8px #0f1f4d66;transition:background .3s,color .3s}.cf-completa:hover{background:#1f5eff;border-color:#1f5eff;color:#fff}.cf-completa:focus-visible,.cf-variantes button:focus-visible{outline:2px solid #1f5eff;outline-offset:2px}.cf-variantes{position:absolute;right:16px;top:14px;z-index:2;display:flex;gap:4px;padding:4px;border-radius:999px;background:#ffffffdb;box-shadow:0 8px 20px -12px #0f1f4d80}.cf-variantes button{font:600 12px/1 var(--font, Poppins, sans-serif);color:#2b3a63;background:none;border:0;padding:8px 12px;border-radius:999px;cursor:pointer;transition:background .3s,color .3s}.cf-variantes button[aria-pressed=true]{background:#1f5eff;color:#fff}.cf-panel{position:absolute;right:16px;top:14px;z-index:2;width:min(300px,46%);padding:12px 14px;border-radius:16px;background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 14px 30px -16px #0f1f4d80;font-size:12px;color:#1d2a4d;pointer-events:none}.cf-panel b{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6b7690;margin-bottom:8px}.cf-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.cf-panel li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:6px 8px;border-radius:10px;background:#f3f6fb;transition:background .4s}.cf-panel-tipo{font-weight:700}.cf-panel-pos{color:#4b587a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-panel-est{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:#e3e8f2;color:#4b587a}.cf-panel .is-en-curso .cf-panel-est{background:#1f5eff;color:#fff}.cf-panel .is-completada .cf-panel-est{background:#dff7ee;color:#0b8f63}.cf-panel--p0 li:first-child{background:#e8efff}.cf-panel--p1 .cf-panel-pos{color:#1f5eff;font-weight:600}.cf-panel--p2 .is-en-curso{background:#e8efff}.cf-lienzo.is-completa{border-radius:0;display:grid;place-items:center;background:#eef2f6}.cf-lienzo.is-completa .cf-visor{width:100%;height:100%;aspect-ratio:auto}.cf-pasos{list-style:none;margin:0;padding:0;display:grid;gap:12px}.cf-pasos button{width:100%;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;position:relative;overflow:hidden;text-align:left;padding:18px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#c9d4f5;cursor:pointer;font:inherit;transition:background .4s,border-color .4s,transform .4s}.cf-pasos button:hover{background:#ffffff12}.cf-pasos button:focus-visible{outline:2px solid #7fa2ff;outline-offset:2px}.cf-pasos b{display:block;color:#fff;font-size:16.5px;font-weight:700;margin-bottom:4px}.cf-pasos small{display:block;font-size:14px;line-height:1.55;color:#aebde6}.cf-n{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:700;font-size:13px;color:#9fb2e6;background:#ffffff0f;transition:background .4s,color .4s}.cf-pasos .is-activo button{background:#3f74ff29;border-color:#7fa2ff8c;transform:translate(6px)}.cf-pasos .is-activo .cf-n{background:linear-gradient(135deg,#3f74ff,#1747c7);color:#fff;box-shadow:0 10px 22px -6px #3f74ffb3}.cf-barra{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,#3f74ff,#7fa2ff);transform:scaleX(0);transform-origin:0 50%}.cf-pasos .is-activo .cf-barra{animation:cf-barra 4.2s linear forwards}@keyframes cf-barra{to{transform:scaleX(1)}}@media(max-width:1000px){.cf{grid-template-columns:1fr}}@media(max-width:640px){.cf-visor{aspect-ratio:4 / 3.6}.cf-lienzo{border-radius:20px}.cf-cartel{left:10px;top:10px;font-size:12.5px}.cf-variantes{left:10px;right:auto;top:auto;bottom:46px}.cf-panel{left:10px;right:10px;top:auto;bottom:46px;width:auto}.cf-panel li:nth-child(n+3){display:none}.cf-acciones{left:10px;bottom:10px}.cf-lienzo figcaption{right:10px;bottom:10px}}@media(prefers-reduced-motion:reduce){.cf-cartel,.cf-pasos .is-activo .cf-barra{animation:none}.cf-poster{transition:none}}.cf-sec--reserva{min-height:clamp(560px,70vh,760px)}