.lp{--lp-turquesa:#30bfbb;--lp-turquesa-hueso:#29aba7;--lp-turquesa-hondo:#1f8f8b;--lp-menta:#d6f3ea;--lp-amarillo:#f7c531;--lp-amarillo-hueso:#ecb41c;--lp-indigo:#4458a7;--lp-indigo-hondo:#34457f;--lp-naranja:#ef5025;--lp-tinta:#1b2140;--lp-crema:#fffaf0;--lp-ease-out:cubic-bezier(.23, 1, .32, 1);--lp-ease-rebote:cubic-bezier(.34, 1.4, .64, 1);scroll-behavior:smooth;color:var(--lp-tinta)}.lp section[id]{scroll-margin-top:5rem}.lp-display{font-family:var(--font-fredoka), var(--font-nunito), system-ui, sans-serif;letter-spacing:-.01em}.lp-rotulo{font-family:var(--font-fredoka), var(--font-nunito), system-ui, sans-serif;color:#fff;-webkit-text-stroke:.16em var(--lp-indigo);paint-order:stroke fill;text-shadow:0 .09em 0 var(--lp-indigo-hondo);font-weight:700;line-height:1.1}.lp-cinta{background:var(--lp-indigo);color:#fff;font-family:var(--font-fredoka), var(--font-nunito), system-ui, sans-serif;box-shadow:0 4px 0 var(--lp-indigo-hondo);font-weight:700}.lp-hueso{background:var(--lp-amarillo);color:var(--lp-tinta);font-family:var(--font-fredoka), var(--font-nunito), system-ui, sans-serif;filter:drop-shadow(0 2px #0000002e);border-radius:.45em;padding:.4em .95em;font-weight:700;line-height:1;display:inline-block;position:relative}.lp-hueso:before,.lp-hueso:after{content:"";background:radial-gradient(circle at 50% 27%, var(--lp-amarillo) .44em, transparent .46em), radial-gradient(circle at 50% 73%, var(--lp-amarillo) .44em, transparent .46em);width:.95em;height:1.9em;position:absolute;top:50%;translate:0 -50%}.lp-hueso:before{left:-.55em}.lp-hueso:after{right:-.55em}.lp-franja-turquesa{background-color:var(--lp-turquesa);background-image:var(--lp-patron-turquesa);background-size:190px 190px}.lp-franja-amarilla{background-color:var(--lp-amarillo);background-image:var(--lp-patron-amarillo);background-size:190px 190px}.lp-tarjeta{background:#fff;border-radius:1.75rem;padding:.5rem;position:relative;box-shadow:0 18px 30px -18px #1b214073}.lp-tarjeta-fondo{background:linear-gradient(180deg, #e8f8f2 0%, #aee5d7 55%, var(--lp-turquesa) 100%);border-radius:1.35rem;position:relative}.lp-tarjeta-perro{transform-origin:50% 100%;transition:transform .45s var(--lp-ease-rebote);margin-inline:auto;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(0deg,#0000 0,#000 .35rem);mask-image:linear-gradient(0deg,#0000 0,#000 .35rem)}@media (hover:hover) and (pointer:fine){.lp-tarjeta:hover .lp-tarjeta-perro{transform:translateY(-6px)rotate(-1.5deg)}}.lp-boton{transition:transform .16s var(--lp-ease-out), box-shadow .16s var(--lp-ease-out), background-color .2s ease}.lp-boton-indigo{background:var(--lp-indigo);color:#fff;box-shadow:0 5px 0 var(--lp-indigo-hondo)}.lp-boton-indigo:hover{background:#3d4f98}.lp-boton-blanco{color:var(--lp-indigo);background:#fff;box-shadow:0 5px #1b214047}.lp-boton:active{box-shadow:0 1px 0 var(--lp-indigo-hondo);transform:translateY(4px)}@media (hover:hover) and (pointer:fine){.lp-boton:hover{transform:translateY(-2px)}.lp-boton:hover:active{transform:translateY(4px)}}.lp-boleto{-webkit-mask:radial-gradient(circle at 0,#0000 .8rem,#000 .83rem) 0/51% 100% no-repeat,radial-gradient(circle at 100%,#0000 .8rem,#000 .83rem) 100%/51% 100% no-repeat;mask:radial-gradient(circle at 0,#0000 .8rem,#000 .83rem) 0/51% 100% no-repeat,radial-gradient(circle at 100%,#0000 .8rem,#000 .83rem) 100%/51% 100% no-repeat}.lp-polaroid{transition:transform .45s var(--lp-ease-rebote);background:#fff;padding:.6rem .6rem 2.8rem;position:relative;box-shadow:0 20px 34px -20px #1b21408c}.lp-polaroid:before{content:"";z-index:1;background:#f7c531e0;width:5.5rem;height:1.6rem;position:absolute;top:-.7rem;left:50%;translate:-50%;rotate:-3deg;box-shadow:0 1px 2px #0000001f}@media (hover:hover) and (pointer:fine){.lp-polaroid:hover{transform:rotate(0)scale(1.03)}}@media (prefers-reduced-motion:no-preference){.lp-asoma{animation:lp-asoma .95s var(--lp-ease-rebote) both;animation-delay:calc(.25s + var(--d,0) * .14s)}.lp-entra{animation:lp-entra .7s var(--lp-ease-out) both;animation-delay:calc(var(--d,0) * 90ms)}.lp-banda-pista{animation:40s linear infinite lp-banda}.lp-banda:hover .lp-banda-pista{animation-play-state:paused}.lp-flotante{animation:lp-entra .5s var(--lp-ease-out) 1.2s backwards}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.lp-revela{animation:linear both lp-revela;animation-timing-function:var(--lp-ease-out);animation-timeline:view();animation-range:entry calc(var(--i,0) * 7%) entry calc(55% + var(--i,0) * 7%)}.lp-revela-giro{animation:linear both lp-revela-giro;animation-timing-function:var(--lp-ease-out);animation-timeline:view();animation-range:entry calc(var(--i,0) * 8%) entry calc(60% + var(--i,0) * 8%)}.lp-camioneta{animation:linear both lp-camioneta;animation-timeline:view();animation-range:cover 15% cover 65%}}}@media (prefers-reduced-motion:reduce){.lp{scroll-behavior:auto}.lp-boton,.lp-boton:active,.lp-tarjeta-perro,.lp-polaroid{transition:background-color .2s;transform:none!important}}@keyframes lp-asoma{0%{transform:translateY(60%)}}@keyframes lp-entra{0%{opacity:0;transform:translateY(14px)}}@keyframes lp-revela{0%{opacity:0;transform:translateY(30px)}}@keyframes lp-revela-giro{0%{opacity:0;transform:translateY(40px)rotate(-3deg)}}@keyframes lp-banda{to{transform:translate(-50%)}}@keyframes lp-camioneta{0%{transform:translate(0)}to{transform:translate(calc(100cqw - 100%))}}
