html,body{height:auto;min-height:100%;overflow-x:hidden;scroll-behavior:smooth}body{font-family:'Inter',sans-serif;background-color:#f8f9fa;color:#212529;padding-top:80px}.loader{position:fixed;inset:0;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity 0.8s ease,visibility 0.8s ease;font-family:'Inter',sans-serif}.logo-container{position:absolute;top:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:logoPulse 2s ease-in-out infinite}.logo{width:100px;height:auto;animation:logoFadeIn 1s ease forwards;filter:drop-shadow(0 0 5px rgb(0 0 0 / .2))}.brand-tagline{margin-top:10px;font-size:.9rem;color:#bbb;letter-spacing:.5px;text-align:center;max-width:200px;opacity:0;animation:fadeInText 1s ease forwards 0.6s}.spinner{width:60px;height:60px;border:6px solid rgb(255 255 255 / .2);border-top:6px solid #ffc107;border-radius:50%;animation:spin 1s linear infinite;margin-top:100px;z-index:2}.loading-text{margin-top:20px;text-align:center}.welcome-text{font-size:1.8rem;color:#212529;font-weight:700;margin-bottom:.5rem}.sub-welcome-text{font-size:1.2rem;color:#212529;margin-bottom:.5rem}.additional-text{font-size:1rem;color:#6c757d;margin-bottom:2rem}.checkmark-container{display:none;flex-direction:column;align-items:center;animation:fadeIn 1s ease forwards;z-index:2}.checkmark{font-size:64px;color:#fff;background-color:#25d366;width:80px;height:80px;border-radius:50%;text-align:center;line-height:80px}.success-text{font-size:1.4rem;color:#212529;font-weight:600;margin-top:1rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes popIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInText{to{opacity:1}}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.5)}100%{opacity:1;transform:scale(1)}}@keyframes logoPulse{0%,100%{transform:scale(1) rotate(0deg);opacity:.8}50%{transform:scale(1.05) rotate(1deg);opacity:1}}.hero{background-image:url(assets/img/hero-background.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-bottom:2rem}.hero::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);z-index:1}.hero .container{position:relative;z-index:2}.fade-in,.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease,transform 0.8s ease}.fade-in.visible,.fade-in-up.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:0.2s}.delay-2{transition-delay:0.4s}.delay-3{transition-delay:0.6s}.delay-4{transition-delay:0.8s}.delay-5{transition-delay:1.0s}.delay-6{transition-delay:1.2s}.delay-7{transition-delay:1.4s}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#benefits{position:relative;z-index:2;margin-top:0!important}#benefits h2{position:relative;z-index:3}p,h1,h2,h3,h4{word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}h1,h2{text-wrap:balance}.hero .container h1{font-size:clamp(2rem, 6vw, 3.5rem)}.hero .container p{font-size:clamp(1rem, 3vw, 1.3rem)}:root{--scroll-offset:90px}section[id]{scroll-margin-top:var(--scroll-offset)}.accordion-collapse{transition:height 0.5s ease;overflow:hidden}.btn-whatsapp-float{position:fixed;bottom:20px;left:20px;z-index:999;display:none;transition:opacity 0.3s ease-in-out}.btn-whatsapp-float:hover{background-color:#1ebe5d}.type-effect{overflow:hidden;white-space:nowrap;border-right:3px solid #fff;animation:typing 3.5s steps(40,end),blink 0.75s step-end infinite}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink{50%{border-color:#fff0}}.separador-hero-beneficios{background:#f8f9fa;padding:1rem 0;display:flex;justify-content:center;align-items:center;margin-top:-2rem;margin-bottom:2rem}.separador-simple{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;max-width:100%;padding:0 1rem;flex-wrap:nowrap;overflow:hidden;position:relative}.separador-simple::before,.separador-simple::after{content:"";flex:1;height:2px;background:linear-gradient(to right,transparent,#198754,transparent);animation:pulseLine 3s ease-in-out infinite;min-width:30px}.separador-texto{font-size:1.1rem;font-weight:600;color:#198754;background:#fff;padding:.25rem 1rem;border-radius:2rem;box-shadow:0 0 6px rgb(0 0 0 / .05);white-space:nowrap}.separador-texto{font-size:1rem;padding:.5rem .75rem;text-align:center;max-width:90vw}@keyframes pulseLine{0%,100%{opacity:.2}50%{opacity:1}}.emoji-person{font-size:2rem;margin-top:1rem;animation:bounceEmoji 2s infinite}@keyframes bounceEmoji{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.separator-line{height:2px;width:80%;margin:2rem auto;background:linear-gradient(to right,transparent,#157347,transparent)}.separator-icon{margin-top:-1rem;background:#fff;display:inline-block;padding:0 .5rem}.plan{transition:all 0.4s ease;position:relative;z-index:1;overflow:hidden;margin-bottom:2rem}.plan::before{content:"";position:absolute;top:-20px;left:-20px;width:calc(100% + 40px);height:calc(100% + 40px);border-radius:20px;z-index:-1;opacity:0;filter:blur(25px);transition:opacity 0.3s ease,transform 0.4s ease}.plan:hover::before{opacity:1;transform:scale(1.05)}.plan-basic::before{background:radial-gradient(circle,rgb(0 200 255 / .4),transparent 70%)}.plan-pro::before{background:radial-gradient(circle,rgb(255 165 0 / .4),transparent 70%)}.plan-ultimate::before{background:radial-gradient(circle,rgb(128 0 255 / .5),transparent 70%)}.plan-destacado{transform:scale(1.05);background-color:#fff;border:2px solid #25d366;box-shadow:0 0 15px rgb(37 211 102 / .3),0 0 40px rgb(37 211 102 / .2),0 0 60px rgb(37 211 102 / .1);transition:transform 0.3s ease,box-shadow 0.3s ease}.plan-destacado:hover{transform:scale(1.08);box-shadow:0 0 20px rgb(37 211 102 / .4),0 0 50px rgb(37 211 102 / .3),0 0 80px rgb(37 211 102 / .2)}.plan-porvida{background-color:#000;color:#fff;border:2px solid #ffc107;box-shadow:0 0 20px rgb(255 193 7 / .3);transition:transform 0.3s ease}.plan-porvida:hover{transform:scale(1.05)}.plan-mensual{border:1px solid #dee2e6;background-color:#f8f9fa;transition:transform 0.2s ease}.plan-mensual:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgb(0 0 0 / .08)}.destacado-pago-unico{background:linear-gradient(135deg,#25d366,#128c7e);animation:glow-pulse 2.5s ease-in-out infinite;border:2px solid #ffffff40;transition:transform 0.3s ease;position:relative;z-index:1;color:#fff}.destacado-pago-unico:hover{transform:scale(1.03)}@keyframes glow-pulse{0%{box-shadow:0 0 10px rgb(255 255 255 / .1)}50%{box-shadow:0 0 20px rgb(255 255 255 / .4)}100%{box-shadow:0 0 10px rgb(255 255 255 / .1)}}.beneficio-box{background:#fff;transition:transform 0.3s ease,box-shadow 0.3s ease;border-radius:.75rem;box-shadow:0 0 0 #fff0}.beneficio-box:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgb(0 0 0 / .08)}.beneficio-icon{font-size:2rem;transition:transform 0.3s ease}.beneficio-box:hover .beneficio-icon{transform:scale(1.2) rotate(4deg)}.main-header{transition:all 0.3s ease;backdrop-filter:blur(8px);border-bottom:1px solid rgb(0 0 0 / .05);z-index:1000}.navbar-brand span{font-family:'Poppins',sans-serif;font-weight:700;letter-spacing:.5px}.navbar-nav .nav-link{transition:color 0.2s ease}.navbar-nav .nav-link:hover{color:#198754}.navbar .btn-success{font-weight:600;border-radius:.5rem;box-shadow:0 2px 10px rgb(25 135 84 / .2)}@media (max-width:991.98px){.navbar-nav{background:#fff;padding:1rem;border-radius:.75rem;box-shadow:0 4px 20px rgb(0 0 0 / .05)}}.medallas-colgantes .linea-verde::before{content:"";position:absolute;top:0;left:15%;right:15%;height:2px;background-color:#198754;z-index:0}.navbar-brand img{max-width:150px;width:auto;height:auto}.medalla{font-size:2.5rem;display:inline-block;position:relative;z-index:1;margin-top:1rem;animation:medallaBalanceo 2.5s ease-in-out infinite}@keyframes medallaBalanceo{0%,100%{transform:rotate(0deg)}50%{transform:rotate(5deg)}}.medallas-colgantes{position:relative}.medalla-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}.cordon{width:4px;height:24px;background-color:#198754;border-radius:2px;margin-bottom:4px;position:relative}.medalla{font-size:2.8rem;display:inline-block;animation:medallaBalanceo 3s ease-in-out infinite}.medalla-principal{font-size:3.2rem;animation-delay:0.3s}@keyframes medallaBalanceo{0%,100%{transform:rotate(0deg)}50%{transform:rotate(4deg)}}.text-green-emphasis{color:#198754;font-size:1.1rem;line-height:1.4}.promo-destacada .resaltado{color:#ff6f00;text-shadow:0 0 6px rgb(255 111 0 / .4);font-weight:800;transition:all 0.3s ease}.promo-destacada .resaltado:hover{text-shadow:0 0 12px rgb(255 111 0 / .6)}.promo-destacada{font-size:1.7rem;font-weight:600;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;text-align:center}.resaltado-naranja{color:#ff5722;font-weight:800;text-shadow:0 1px 3px rgb(0 0 0 / .2)}.efecto-promocion{position:relative;color:#fff;font-weight:800;display:inline-block}.efecto-promocion::after{content:'';position:absolute;left:0;bottom:-3px;width:100%;height:3px;background:linear-gradient(90deg,#25d366,#198754);border-radius:2px;animation:pulse-line 2s infinite ease-in-out}@keyframes pulse-line{0%,100%{opacity:.2}50%{opacity:1}}.cookie-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .7);z-index:9999;justify-content:center;align-items:center;overflow:hidden;animation:fadeIn 0.5s ease-in-out;opacity:0;transition:opacity 0.5s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cookie-modal-content{background-color:#fff;border-radius:10px;width:90%;max-width:500px;padding:20px;box-shadow:0 4px 15px rgb(0 0 0 / .1);display:flex;flex-direction:column;text-align:center}.cookie-modal-header h2{color:#198754;font-size:1.5rem;margin-bottom:1rem;font-weight:600}.cookie-modal-body p{color:#333;font-size:1rem;margin-bottom:1.5rem}.cookie-modal-body a{color:#198754;text-decoration:underline}.cookie-modal-body a:hover{color:#155d44}.cookie-modal-footer{display:flex;justify-content:center}.cookie-modal button{background-color:#198754;color:#fff;border:none;padding:12px 25px;cursor:pointer;font-size:1.1rem;border-radius:30px;transition:background-color 0.3s ease}.cookie-modal button:hover{background-color:#155d44}.cookie-modal button:focus{outline:none}.cookie-modal-content{animation:slideUp 0.5s ease-out}@keyframes slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-modal.show{opacity:1}#countdown span{background-color:#fff;color:#212529;padding:10px 16px;border-radius:12px;box-shadow:0 2px 8px rgb(0 0 0 / .1);min-width:70px;text-align:center;font-weight:600}.promocion-destacada::after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#ffffff,#25d366);border-radius:2px;animation:pulse-line 2s ease-in-out infinite}@keyframes pulse-line{0%,100%{opacity:.2}50%{opacity:1}}.desvanecido-verde{position:absolute;bottom:-1px;left:0;width:100%;height:30px;background:linear-gradient(to bottom,rgb(25 135 84),#fff0);z-index:5}.bg-gradient-promo{background:linear-gradient(135deg,#198754,#28a745);box-shadow:0 2px 10px rgb(0 0 0 / .15)}.badge.bg-light{font-weight:600;color:#212529!important}footer.bg-dark{background-color:#111!important;color:#fff;font-family:'Inter',sans-serif}footer h5,footer h6{color:#fff;margin-bottom:1rem}footer ul li a{color:#fff;transition:color 0.3s ease}footer ul li a:hover{color:#25d366;text-decoration:underline}footer i.fas{color:#25d366}.d-flex.gap-2 a:hover i{color:#25d366;transform:scale(1.1);transition:all 0.2s ease-in-out}hr.border-light{border-top:1px solid rgb(255 255 255 / .1)!important;margin:2rem auto;width:80%}.text-decoration-underline:hover{text-decoration:underline!important;color:#25d366!important}.btn-warning.footer-distribuidor{background-color:#ffc107;border:none;font-weight:700;transition:all 0.3s ease}.btn-warning.footer-distribuidor:hover{background-color:#e0a800;transform:translateY(-2px);box-shadow:0 4px 10px rgb(0 0 0 / .2)}.footer-distribuidor:hover{transform:scale(1.05);background-color:#ffcc00!important;color:#000!important}.footer-distribuidor{transition:all 0.3s ease-in-out}s footer,footer *{background-color:#121212!important;color:white!important}.logo-container{position:absolute;top:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:logoPulse 2s ease-in-out infinite}.brand-tagline{margin-top:10px;font-size:.9rem;color:#bbb;letter-spacing:.5px;text-align:center;max-width:200px;opacity:0;animation:fadeInText 1s ease forwards 0.6s}.medalla-wrapper{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;align-items:center;animation:balanceo 3s ease-in-out infinite}.cordon{width:4px;height:20px;background-color:#198754;border-radius:2px}.medalla{font-size:2rem;color:#ffc107;background:linear-gradient(135deg,#fffbe6,#fff3b0);padding:12px;border-radius:50%;box-shadow:0 4px 12px rgb(0 0 0 / .2);border:2px solid #fcd34d;animation:brilloMedalla 2s ease-in-out infinite}@keyframes balanceo{0%,100%{transform:rotate(0deg)}50%{transform:rotate(2deg)}}@keyframes brilloMedalla{0%,100%{transform:scale(1);box-shadow:0 4px 12px rgb(0 0 0 / .2)}50%{transform:scale(1.05);box-shadow:0 6px 16px rgb(0 0 0 / .3)}}@keyframes glowPulse{0%,100%{opacity:.3}50%{opacity:.6}}.loader::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(circle at 30% 30%,rgb(255 255 255 / .2),transparent 70%);animation:glowPulse 3s ease-in-out infinite;z-index:0}.frase-dinamica-container{position:relative;height:24px;margin-top:10px;overflow:hidden}.frase-dinamica{position:absolute;width:100%;opacity:0;transform:translateY(20px);transition:all 0.6s ease}.frase-dinamica.active{opacity:1;transform:translateY(0)}.checkmark-container:hover .checkmark{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 6px 20px rgb(37 211 102 / .5)}.success-text{font-size:1.4rem;color:#212529;font-weight:600;margin-top:1rem}@keyframes fadeInUp{from{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}#fixed-demo-form{position:fixed;bottom:20px;right:20px;width:250px;z-index:1000;transition:transform 0.3s ease-in-out}.fade-in{opacity:0;transition:opacity 0.6s ease,transform 0.6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}
@font-face {
  font-family: 'Roboto';
  src: url('assets/fonts/roboto.woff2') format('woff2'),
       url('assets/fonts/roboto.woff') format('woff');
  font-display: swap;
}