@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap'); #vip, #vip * { box-sizing: border-box; } #vip h1, #vip h2, #vip h3, #vip h4, #vip p, #vip ul, #vip ol { margin: 0; } #vip img { max-width: 100%; } #vip button { font-family: inherit; } html { scroll-behavior: smooth; } #vip a { color: #FE3E02; text-decoration: none; } #vip a:hover { color: #FE3E02; } #vip details > summary { list-style: none; } #vip details > summary::-webkit-details-marker { display: none; } #vip details[open] .vip-plus { transform: rotate(45deg); color: #FE3E02; } @media (max-width: 719px) { #vip .vip-card-vip { order: 1; } #vip .vip-card-free { order: 2; } } @keyframes vipShine { to { background-position: -200% center; } } #vip .vip-urgencia { background-image: linear-gradient(100deg,#F4F4F4 0%,#F4F4F4 30%,#C9CDD2 38%,#FFFFFF 45%,#8E949B 50%,#FFFFFF 55%,#C9CDD2 62%,#F4F4F4 70%,#F4F4F4 100%); background-size: 200% auto; background-position: 0% center; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; animation: vipShine 3.2s linear infinite; filter: drop-shadow(0 1px 1px rgba(17,16,16,.25)); } @media (prefers-reduced-motion: reduce) { #vip .vip-urgencia { animation: none; } } #vip .g2 { position: relative; aspect-ratio: 1240 / 490; } #vip .g2-img { position: absolute; left: 21%; width: 58%; top: 2%; } #vip .g2-card { position: absolute; width: 21%; } #vip .g2-l { left: 0; } #vip .g2-r { right: 0; } #vip .g2-card { top: 14%; display: flex; } #vip .g2-svg, #vip .g2-dot { display: block; } #vip .g2-mob { display: none; } @media (max-width: 1099px) { #vip .g2 { aspect-ratio: auto; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); grid-template-areas: "img img" "cl cr" "l r"; column-gap: 14px; align-items: start; } #vip .g2-img { position: static; width: 100%; grid-area: img; } #vip .g2-card { position: static; width: auto; display: block; align-self: stretch; } #vip .g2-card > div { height: 100%; } #vip .g2-l { grid-area: l; } #vip .g2-r { grid-area: r; } #vip .g2-svg, #vip .g2-dot { display: none; } #vip .g2-mob { display: flex; flex-direction: column; align-items: center; } #vip .g2-mob-l { grid-area: cl; } #vip .g2-mob-r { grid-area: cr; } } #vip.rv-on [data-rv]:not(.is-in) { opacity: 0; } #vip.rv-on [data-rv].is-in { animation: rvUp .9s cubic-bezier(.2,.7,.2,1) var(--d,0s) backwards; } #vip.rv-on [data-rv="down"].is-in { animation-name: rvDown; } #vip.rv-on [data-rv="up-s"].is-in { animation-name: rvUpS; } #vip.rv-on [data-rv="left"].is-in { animation-name: rvLeft; } #vip.rv-on [data-rv="right"].is-in { animation-name: rvRight; } #vip.rv-on [data-rv="zoom"].is-in { animation-name: rvZoom; animation-duration: 1.2s; } #vip.rv-on [data-rv="grow"] { transform-origin: top; } #vip.rv-on [data-rv="grow"].is-in { animation-name: rvGrow; animation-duration: 1.6s; } #vip.rv-on [data-rv="pop"].is-in { animation-name: rvPop; animation-duration: .6s; } #vip.rv-on [data-rv="bar"]:not(.is-in) { opacity: 1; width: 0 !important; } #vip.rv-on [data-rv="bar"].is-in { animation-name: rvBar; animation-duration: 1.6s; } #vip.rv-on [data-rv="draw"] { stroke-dasharray: 100; } #vip.rv-on [data-rv="draw"].is-in { animation-name: rvDraw; animation-duration: .8s; } @keyframes rvUp { from { opacity: 0; transform: translateY(28px); } } @keyframes rvUpS { from { opacity: 0; transform: translateY(28px) scale(.95); } to { transform: scale(.95); } } @keyframes rvDown { from { opacity: 0; transform: translateY(-100%); } } @keyframes rvLeft { from { opacity: 0; transform: translateX(-48px); } } @keyframes rvRight { from { opacity: 0; transform: translateX(48px); } } @keyframes rvZoom { from { opacity: 0; transform: scale(.9) translateY(24px); filter: blur(10px); } } @keyframes rvGrow { from { transform: scaleY(0); } } @keyframes rvPop { 0% { opacity: 0; transform: scale(0); } 70% { transform: scale(1.4); } } @keyframes rvBar { from { width: 0; } } @keyframes rvDraw { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } } @media (prefers-reduced-motion: reduce) { #vip.rv-on [data-rv] { opacity: 1 !important; animation: none !important; } } #vip .lv-card { transform-origin: left center; transition: transform .45s cubic-bezier(.2,.7,.2,1), opacity .45s ease, filter .45s ease, box-shadow .45s ease; } @media (min-width: 720px) { #vip .lv-card.lv-next { transform: scale(1.02); } } @media (hover: hover) { #vip .lv-list:hover .lv-card { transform: scale(.97); opacity: .55; filter: saturate(.7); } #vip .lv-list .lv-card:hover { transform: scale(1.04); opacity: 1; filter: none; box-shadow: 0 30px 70px -30px rgba(0,0,0,.9); } #vip .lv-list:hover .lv-card.lv-next { transform: scale(.99); } #vip .lv-list .lv-card.lv-next:hover { transform: scale(1.05); } } #vip .tk3-n { transition: background .25s ease, border-color .25s ease; } @media (hover: hover) { #vip .tk3:hover .tk3-n { background: #FE3E02; border-color: transparent !important; } } #vip .vip-hv1:hover {transform: scale(1) !important; border-color: rgba(255,255,255,.22) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 50px -12px rgba(255,255,255,.12), 0 30px 70px -30px rgba(0,0,0,.7) !important} #vip .vip-hv2:hover {background: rgba(255,255,255,.1) !important; border-color: rgba(255,255,255,.3) !important; color: #fff !important} #vip .vip-hv3:hover {transform: scale(1.03) !important; box-shadow: 0 0 0 1px rgba(254,62,2,.12), 0 0 80px -10px rgba(254,62,2,.36), 0 44px 110px -40px rgba(254,62,2,.55), inset 0 1px 0 rgba(255,255,255,.08) !important} #vip .vip-hv4:hover {color: #fff !important; transform: translateY(-2px) !important; box-shadow: 0 0 44px -4px rgba(254,62,2,.7), inset 0 1px 0 rgba(255,255,255,.35) !important} #vip .vip-hv5:hover {color: #FFFFFF !important} #vip .vip-hv6:hover {transform: scale(1.04) !important; border-color: rgba(254,62,2,.5) !important} #vip .vip-hv7:hover {transform: scale(1.04) !important; border-color: rgba(254,62,2,.5) !important} #vip .vip-hv8:hover {color: #fff !important; transform: translateY(-2px) !important; box-shadow: 0 20px 44px -10px rgba(254,62,2,.85), inset 0 1px 0 rgba(255,255,255,.35) !important} #vip .vip-hv9:hover {color: #FFFFFF !important} (function(){var root=document.getElementById('vip');if(!root)return;root.classList.add('rv-on');var io=('IntersectionObserver' in window)?new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('is-in');io.unobserve(e.target);}});},{threshold:.15,rootMargin:'0px 0px -6% 0px'}):null;function scan(){root.querySelectorAll('[data-rv]:not([data-rv-w])').forEach(function(el){el.setAttribute('data-rv-w','');if(io)io.observe(el);else el.classList.add('is-in');});}scan();var n=0,t=setInterval(function(){scan();if(++n>40)clearInterval(t);},150);document.addEventListener('DOMContentLoaded',scan);})();