.vsl-marco{border-radius:var(--r-l);background:var(--tinta);flex-direction:column;min-width:0;padding:6px;display:flex;position:relative;box-shadow:0 2px 4px #0f1b2d0f,0 34px 80px -34px #0f1b2d8c}.vsl-imagen{border-radius:calc(var(--r-l) - 6px);background:var(--crema);position:relative;overflow:hidden}.vsl-marco video{aspect-ratio:16/9;background:var(--crema);width:100%;height:auto;display:block}.vsl-play{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0 16px;transition:background-color .2s;display:flex;position:absolute;inset:0}.vsl-play[hidden]{display:none}.vsl-marco[data-estado=portada] .vsl-play{align-items:flex-end;padding-bottom:7%}.vsl-marco[data-estado=previa] .vsl-play{background:#0f1b2d0f}.vsl-marco[data-estado=pausa] .vsl-play{background:#0f1b2d29}.vsl-marco[data-estado=fin] .vsl-play{background:#fcfaf7c7}.vsl-play-pastilla{background:var(--tinta);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:12px;min-height:56px;padding:0 26px 0 8px;font-size:1.06rem;font-weight:600;line-height:1.2;transition:background-color .15s,transform .15s;display:inline-flex;box-shadow:0 12px 30px -12px #0f1b2d99}.vsl-play-icono{width:40px;height:40px;color:var(--tinta);background:#fff;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.vsl-play-icono svg{width:18px;height:18px;display:none}.vsl-play-icono svg[data-i=play]{fill:currentColor;margin-left:2px}.vsl-marco:not([data-estado]) .vsl-play-icono svg[data-i=play],.vsl-marco[data-estado=portada] .vsl-play-icono svg[data-i=play],.vsl-marco[data-estado=pausa] .vsl-play-icono svg[data-i=play],.vsl-marco[data-estado=previa] .vsl-play-icono svg[data-i=sonido],.vsl-marco[data-estado=fin] .vsl-play-icono svg[data-i=otra]{display:block}.vsl-marco[data-estado=pausa] .vsl-play-pastilla{gap:0;padding:8px}.vsl-marco[data-estado=pausa] .vsl-play-icono{width:48px;height:48px}.vsl-marco[data-estado=pausa] .vsl-play-texto{display:none}.vsl-marco[data-estado=previa] .vsl-play-pastilla{animation:2.6s ease-out infinite vsl-llama}@keyframes vsl-llama{0%{box-shadow:0 12px 30px -12px #0f1b2d99,0 0 #0f1b2d73}70%,to{box-shadow:0 12px 30px -12px #0f1b2d99,0 0 0 16px #0f1b2d00}}.vsl-play:hover .vsl-play-pastilla{background:#1e2f4c}.vsl-play:active .vsl-play-pastilla{transform:scale(.98)}.vsl-play:focus-visible{outline:none}.vsl-play:focus-visible .vsl-play-pastilla{box-shadow:0 0 0 3px var(--fondo),0 0 0 6px var(--tinta)}.vsl-mandos{color:#fff;align-items:center;gap:4px;min-height:50px;padding:5px 4px 0;display:flex}.vsl-mandos[hidden]{display:none}.vsl-mando{width:40px;height:40px;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;margin:0;padding:0;transition:background-color .15s;display:grid}.vsl-mando[hidden]{display:none}.vsl-mando:hover{background:#ffffff1f}.vsl-mando:focus-visible{outline-offset:0;outline:2px solid #fff}.vsl-mando svg{width:20px;height:20px;display:none}.vsl-mando svg[data-i=play]{fill:currentColor;margin-left:2px}.vsl-mando svg[data-i=pausa]{fill:currentColor}.vsl-marco:not(.sonando) .vsl-mando svg[data-i=play],.vsl-marco.sonando .vsl-mando svg[data-i=pausa],.vsl-marco:not(.callado) .vsl-mando svg[data-i=sonido],.vsl-marco.callado .vsl-mando svg[data-i=silencio],.vsl-marco:not(.en-pantalla) .vsl-mando svg[data-i=pantalla],.vsl-marco.en-pantalla .vsl-mando svg[data-i=salir]{display:block}.vsl-tiempo{color:#ffffffc7;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;min-width:6.8em;padding:0 6px;font-size:.86rem}.vsl-marco{container-type:inline-size}@container (width<=300px){.vsl-tiempo{display:none}}.vsl-barra{--avance:0%;-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:manipulation;background:0 0;flex:auto;width:0;min-width:0;height:32px;margin:0 6px;padding:0}.vsl-barra::-webkit-slider-runnable-track{background:linear-gradient(to right,#fff var(--avance),#ffffff42 var(--avance));border-radius:999px;height:4px}.vsl-barra::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 0 0 4px #ffffff29}.vsl-barra::-moz-range-track{background:#ffffff42;border-radius:999px;height:4px}.vsl-barra::-moz-range-progress{background:#fff;border-radius:999px;height:4px}.vsl-barra::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:14px;height:14px}.vsl-barra:focus{outline:none}.vsl-barra:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #fff}.vsl-marco.en-pantalla{box-shadow:none;background:#000;border-radius:0;justify-content:center;padding:0}.vsl-marco.en-pantalla .vsl-imagen{background:#000;border-radius:0;flex:1;align-items:center;min-height:0;display:flex}.vsl-marco.en-pantalla video{object-fit:contain;aspect-ratio:auto;background:#000;height:100%}.vsl-marco.en-pantalla .vsl-mandos{padding:6px 14px 10px}@media (width<=599px){.vsl-marco{border-radius:20px;padding:4px}.vsl-imagen{border-radius:16px}.vsl-marco[data-estado=portada] .vsl-play{padding-bottom:5%}.vsl-play-pastilla{gap:8px;min-height:42px;padding:0 16px 0 5px;font-size:.94rem}.vsl-play-icono{width:32px;height:32px}.vsl-play-icono svg{width:16px;height:16px}.vsl-marco[data-estado=pausa] .vsl-play-pastilla{padding:6px}.vsl-marco[data-estado=pausa] .vsl-play-icono{width:42px;height:42px}.vsl-mandos{gap:0;min-height:46px;padding-top:3px}.vsl-tiempo{min-width:0;padding:0 4px;font-size:.8rem}.vsl-barra{margin:0 4px}}@media (prefers-reduced-motion:reduce){.vsl-play,.vsl-play-pastilla,.vsl-mando{transition:none}.vsl-play:active .vsl-play-pastilla{transform:none}.vsl-marco[data-estado=previa] .vsl-play-pastilla{animation:none}}.reserva-vsl{border-top:1px solid var(--linea-2);gap:14px;min-width:0;margin-top:6px;padding-top:18px;display:grid}.reserva-vsl[hidden]{display:none}.reserva-vsl h3{letter-spacing:-.015em;font-size:1.2rem;line-height:1.25}.reserva-vsl p{margin:0}.reserva-vsl .vsl-marco{box-shadow:var(--sombra)}
