@layer components{.lp-caja{position:relative;overflow:hidden}.lp-video{object-fit:cover;object-position:50% 0;opacity:0;pointer-events:none;block-size:100%;inline-size:100%;transition:opacity .2s var(--ease-out,cubic-bezier(.16, 1, .3, 1));position:absolute;inset:0}.lp-caja[data-lp-listo]>.lp-video{opacity:1}.lp-centinela{pointer-events:none;block-size:1px;position:absolute;inset-inline:0}.lp-pie{justify-content:space-between;align-items:center;gap:var(--spacing-boton,1.5rem) 1.5rem;flex-wrap:wrap;min-block-size:2.75rem;display:flex}.lp-pie>:not(.lp-boton){flex:14rem}.lp-boton{min-block-size:2.75rem;color:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px var(--lp-borde,currentColor);font-family:var(--font-ui);font-variation-settings:"wdth" 100;text-align:start;transition:scale .1s var(--ease-out,cubic-bezier(.16, 1, .3, 1)), box-shadow .16s ease;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:.5rem;flex:none;align-items:center;gap:.5rem;margin:0;padding-inline:1rem;font-size:.9375rem;font-weight:500;line-height:1.2;display:inline-flex}.lp-boton>svg{flex:none}.lp-boton:focus-visible{outline-offset:2px;outline:2px solid}.lp-boton:active{scale:.97}@media (hover:hover) and (pointer:fine){.lp-boton.lp-boton:hover{box-shadow:inset 0 0 0 2px var(--lp-borde,currentColor)}}@media (prefers-reduced-motion:reduce){.lp-video.lp-video,.lp-boton.lp-boton{transition:none}.lp-boton.lp-boton:active{scale:1}}}