@font-face{font-family:'Montserrat-Fallback';src:local("Arial");ascent-override:96.88%;descent-override:23.96%;line-gap-override:0%;size-adjust:100%}:root{--color-primary:#c2410c;--color-primary-dark:#9a3412;--color-secondary:#2A5C82;--color-accent:#2A5C82;--color-bg-light:#f1f5f9;--color-bg-white:#ffffff;--color-bg-soft-blue:#e6eff5;--font-main:'Montserrat','Montserrat-Fallback',sans-serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1);--shadow-glow:0 0 20px rgba(16,185,129,0.3);--radius-sm:0.375rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem} *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{font-family:var(--font-main);color:var(--color-text-body);background-color:var(--color-bg-light);line-height:1.6;-webkit-font-smoothing:antialiased} img{max-width:100%;height:auto;display:block} h1,h2,h3,h4,h5,h6{color:var(--color-secondary);line-height:1.2;font-weight:700;margin-bottom:var(--spacing-sm)} a{text-decoration:none;color:inherit} ul{list-style:none} .container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)} .text-center{text-align:center} .text-left{text-align:left} .text-right{text-align:right} .mx-auto{margin-left:auto;margin-right:auto} .w-full{width:100%} .w-12{width:3rem} .h-12{height:3rem} .w-24{width:6rem} .h-24{height:6rem} .rounded-full{border-radius:9999px} .rounded-lg{border-radius:var(--radius-lg)} .rounded-xl{border-radius:var(--radius-xl)} .overflow-hidden{overflow:hidden} .object-cover{object-fit:cover} .flex-shrink-0{flex-shrink:0} .bg-gray-100{background-color:#f3f4f6} .bg-gray-200{background-color:#e5e7eb} .bg-orange-50{background-color:#fff7ed} .max-w-lg{max-width:32rem} .max-w-xl{max-width:36rem} .max-w-2xl{max-width:42rem} .max-w-3xl{max-width:48rem} .max-w-4xl{max-width:56rem} .max-w-5xl{max-width:64rem} .max-w-6xl{max-width:72rem} .block{display:block} .inline-block{display:inline-block} .hidden{display:none} .flex{display:flex} .flex-col{flex-direction:column} .items-center{align-items:center} .justify-center{justify-content:center} .gap-2{gap:0.5rem} .gap-4{gap:1rem} .gap-8{gap:2rem} .mb-2{margin-bottom:0.5rem} .mb-4{margin-bottom:1rem} .mb-6{margin-bottom:1.5rem} .mb-8{margin-bottom:2rem} .mb-12{margin-bottom:3rem} .mt-4{margin-top:1rem} .mt-6{margin-top:1.5rem} .mt-8{margin-top:2rem} .mt-12{margin-top:3rem} .mt-8{margin-top:2rem} .p-2{padding:0.5rem} .p-6{padding:1.5rem} .p-8{padding:2rem} .pt-2{padding-top:0.5rem} .pt-4{padding-top:1rem} .pt-8{padding-top:2rem} .pb-2{padding-bottom:0.5rem} .pb-8{padding-bottom:2rem} .pb-12{padding-bottom:3rem} .text-primary{color:var(--color-primary)} .text-secondary{color:var(--color-secondary)} .text-accent{color:var(--color-accent)} .text-danger{color:var(--color-danger)} .text-white{color:white} .text-gray-500{color:#4b5563} .text-gray-600{color:#374151} .text-green-600{color:#14532d} .text-green-700{color:#14532d} .text-primary{color:#c2410c} .text-sm{font-size:0.875rem} footer{background:var(--color-secondary);color:#ffffff;padding:var(--spacing-lg) 0;font-size:0.9rem} footer h4{color:white} footer a:hover{color:white} .text-base{font-size:1rem} .text-lg{font-size:1.125rem} .text-xl{font-size:1.25rem} .text-2xl{font-size:1.5rem} .text-3xl{font-size:1.875rem} .text-xs{font-size:0.75rem} .font-bold{font-weight:700} .relative{position:relative} .pulse-anim{animation:pulse 2s infinite} @keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,0.7)} 70%{transform:scale(1.02);box-shadow:0 0 0 10px rgba(16,185,129,0)} 100%{transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,0)} } .section{padding:var(--spacing-lg) 0} .bg-white{background-color:var(--color-bg-white)} .bg-light{background-color:var(--color-bg-light)} .bg-soft-blue{background-color:var(--color-bg-soft-blue)} .btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:1.125rem;font-weight:800;border-radius:var(--radius-md);transition:all 0.3s ease;cursor:pointer;box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:0.05em;border:none} .btn-primary{background-color:var(--color-primary);color:white;box-shadow:var(--shadow-glow)} .btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 15px 30px rgba(16,185,129,0.4)} .btn-secondary{background-color:transparent;color:var(--color-secondary);border:2px solid var(--color-secondary)} .btn-secondary:hover{background-color:var(--color-secondary);color:white} .card{background:white;padding:var(--spacing-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform 0.3s ease} .card:hover{transform:translateY(-4px)} .badge{display:inline-block;padding:0.25rem 0.75rem;background:#e0f2fe;color:var(--color-accent);border-radius:99px;font-size:0.875rem;font-weight:600;margin-bottom:var(--spacing-sm)} .alert-box{background:#fffbeb;border-left:4px solid var(--color-warning);padding:1rem;margin:1rem 0;font-size:0.9rem;color:#92400e} .urgency-bar{background-color:var(--color-warning);color:#000;font-weight:700;text-align:center;padding:0.75rem;font-size:0.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media (max-width:480px){.urgency-bar{font-size:0.7rem;padding:0.5rem 0.25rem;display:flex;justify-content:center;align-items:center;gap:4px} } .hero{position:relative;padding:1rem 0 1.5rem 0;overflow:hidden;background:linear-gradient(135deg,#f0fdf4 0%,#ffffff 100%)} .pt-0{padding-top:0 !important} .pb-0{padding-bottom:0 !important} .pt-4{padding-top:1rem !important} .pb-4{padding-bottom:1rem !important} .pt-8{padding-top:2rem !important} .pb-8{padding-bottom:2rem !important} .hero-content{position:relative;z-index:10} .hero h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:var(--spacing-sm)} .hero-bullets li{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem;font-weight:500} .hero-bullets svg{color:var(--color-primary);flex-shrink:0} .nav-logo{font-weight:800;font-size:1.5rem;color:var(--color-secondary);display:flex;align-items:center;gap:0.5rem} .logo-icon{color:var(--color-primary)} .grid{display:grid;gap:var(--spacing-md)} @media (min-width:768px){.grid-2{grid-template-columns:1fr 1fr} .grid-3{grid-template-columns:repeat(3,1fr)} .grid-4{grid-template-columns:repeat(4,1fr)} .grid-4{grid-template-columns:repeat(4,1fr)} } .patas-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem} .patas-icon{width:64px;height:64px;background:var(--color-primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;box-shadow:var(--shadow-glow)} .testimonial-card{border-top:4px solid var(--color-primary)} .testimonial-avatar{width:48px;height:48px;border-radius:50%;background-color:#e2e8f0;margin-right:1rem} .faq-item{border-bottom:1px solid #e2e8f0;padding:1rem 0} .faq-question{cursor:pointer;font-weight:600;display:flex;justify-content:space-between;align-items:center} .faq-answer{color:var(--color-text-body);margin-top:0.5rem;font-size:0.95rem;display:none} .faq-item.active .faq-answer{display:block} .faq-item.active .faq-question{color:var(--color-primary)} footer{background:var(--color-secondary);color:#94a3b8;padding:var(--spacing-lg) 0;font-size:0.9rem} footer h4{color:white} footer a:hover{color:white} .sticky-cta{position:fixed;bottom:0;left:0;width:100%;background:white;padding:1rem;box-shadow:0 -4px 10px rgba(0,0,0,0.1);z-index:100;display:none} @media (max-width:768px){.sticky-cta.show{display:block} } @keyframes float{0%{transform:translateY(0px)} 50%{transform:translateY(-10px)} 100%{transform:translateY(0px)} } .float-anim{animation:float 4s ease-in-out infinite} @keyframes shine{0%{transform:translateX(-150%) skewX(-25deg);opacity:0} 20%{opacity:0.5} 100%{transform:translateX(150%) skewX(-25deg);opacity:0} } .shine-effect{position:relative;overflow:hidden} .shine-effect::after{content:'';position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 100%);transform:translateX(-150%) skewX(-25deg);animation:shine 3s infinite} .text-gradient{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .card{transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275)} .card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px -5px rgba(42,92,130,0.15),0 10px 20px -5px rgba(0,0,0,0.05);border-color:var(--color-primary)} .btn:active{transform:scale(0.96)} .bg-pattern{background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:24px 24px;opacity:0.5} .fade-in-up,.fade-in-left,.fade-in-right,.zoom-in,.stagger-up{opacity:0;will-change:transform,opacity} .animate-on-load{animation-play-state:running !important;animation-delay:0s !important;animation-fill-mode:forwards} .animate-on-load.fade-in-up{animation:fadeInUp 0.8s cubic-bezier(0.16,1,0.3,1) forwards} .animate-on-load.zoom-in{animation:zoomIn 0.8s cubic-bezier(0.16,1,0.3,1) forwards} .fade-in-up.visible{animation:fadeInUp 0.8s cubic-bezier(0.16,1,0.3,1) forwards} @keyframes fadeInUp{from{opacity:0;transform:translateY(40px) scale(0.95)} to{opacity:1;transform:translateY(0) scale(1)} } .fade-in-left.visible{animation:fadeInLeft 0.8s cubic-bezier(0.16,1,0.3,1) forwards} @keyframes fadeInLeft{from{opacity:0;transform:translateX(-40px) scale(0.98)} to{opacity:1;transform:translateX(0) scale(1)} } .fade-in-right.visible{animation:fadeInRight 0.8s cubic-bezier(0.16,1,0.3,1) forwards} @keyframes fadeInRight{from{opacity:0;transform:translateX(40px) scale(0.98)} to{opacity:1;transform:translateX(0) scale(1)} } .zoom-in.visible{animation:zoomIn 0.6s cubic-bezier(0.34,1.56,0.64,1) forwards} @keyframes zoomIn{from{opacity:0;transform:scale(0.85)} to{opacity:1;transform:scale(1)} } .stagger-delay-1{animation-delay:0.1s} .stagger-delay-2{animation-delay:0.2s} .stagger-delay-3{animation-delay:0.3s} .stagger-delay-4{animation-delay:0.4s} .section{content-visibility:auto;contain-intrinsic-size:800px} .bg-red-600{background-color:#dc2626} .rounded-lg{border-radius:0.5rem} @keyframes pulse{0%,100%{opacity:1} 50%{opacity:.8} } .animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite} @media (max-width:767px){.hero-container-responsive{padding-bottom:4rem !important} .video-overlay-btn-responsive{padding:0.75rem !important} .video-overlay-btn-responsive i{width:32px !important;height:32px !important;margin-bottom:0.25rem !important} .video-overlay-btn-responsive p{font-size:0.7rem !important;margin-bottom:0px !important} } .social-notification{position:fixed;bottom:20px;right:20px;background:white;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.15);padding:12px 16px;display:flex;align-items:center;gap:12px;z-index:9999;transform:translateY(20px);opacity:0;transition:all 0.5s cubic-bezier(0.19,1,0.22,1);border-left:4px solid #22c55e;max-width:380px;pointer-events:none;width:auto} .social-notification.show{transform:translateY(0);opacity:1;pointer-events:auto} .social-avatar{width:48px;height:48px;border-radius:50%;background-image:-webkit-image-set(url('images/social_avatars_grid.avif') 1x,url('images/social_avatars_grid.webp') 1x,url('images/social_avatars_grid.png') 1x);background-image:image-set(url('images/social_avatars_grid.avif') type('image/avif'),url('images/social_avatars_grid.webp') type('image/webp'),url('images/social_avatars_grid.png') type('image/png'));background-size:300% 300%;background-position:0 0;flex-shrink:0;border:2px solid #f0fdf4} .social-content{font-size:0.9rem;color:#374151;line-height:1.3;font-family:'Montserrat',sans-serif} .social-name{font-weight:700;color:#111827;display:block} .social-time{font-size:0.75rem;color:#6b7280;margin-top:2px;display:block} .social-close{position:absolute;top:4px;right:6px;color:#9ca3af;cursor:pointer;padding:4px;line-height:1;font-size:14px} .social-close:hover{color:#4b5563} @media (max-width:640px){.social-notification{bottom:10px;left:10px;right:auto;width:calc(100% - 20px);max-width:none;border-radius:8px;padding:10px 12px} .social-avatar{width:40px;height:40px} .social-content{font-size:0.8rem} } .text-4xl{font-size:2.25rem;line-height:2.5rem} .text-6xl{font-size:3.75rem;line-height:1} .font-extrabold{font-weight:800} .line-through{text-decoration:line-through} .text-gray-400{color:#5d6878} .text-white{color:#ffffff} .bg-gray-700{background-color:#374151} .hover\:bg-gray-800:hover{background-color:#1f2937} .bg-gradient-aggressive{background:linear-gradient(90deg,#16a34a 0%,#22c55e 100%);transition:all 0.3s ease} .bg-gradient-aggressive:hover{filter:brightness(1.1);transform:scale(1.02);box-shadow:0 0 20px rgba(34,197,94,0.6)} .border-4{border-width:4px} .border-green-500{border-color:#22c55e} .shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)} .shadow-none{box-shadow:none} .shadow-green-200{box-shadow:0 25px 50px -12px rgba(34,197,94,0.25)} .opacity-50{opacity:0.5} .bg-orange-vibrant{background-color:#c2410c} .border-white{border-color:#ffffff} .stroke-3{stroke-width:3px} .order-1{order:1 !important} .order-2{order:2 !important} @media (min-width:768px){.md\:order-1{order:1 !important} .md\:order-2{order:2 !important} } .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:49;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px);opacity:0;transition:opacity 0.3s ease} .modal-overlay.open{display:flex;opacity:1} .modal-container{background-color:#ffffff;width:90%;max-width:500px;border-radius:1rem;box-shadow:0 25px 50px -12px rgba(0,0,0,0.4);z-index:50;overflow:hidden;transform:scale(0.95);transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;padding-bottom:2rem} .modal-overlay.open .modal-container{transform:scale(1)} .modal-header{background-color:#ef4444;color:white;padding:1rem;text-align:center;font-weight:800;font-size:1.25rem;display:flex;align-items:center;justify-content:center;gap:0.5rem} .modal-body{padding:2rem 2rem 1rem 2rem;text-align:center;color:#334155;background-image:radial-gradient(#f1f5f9 1px,transparent 1px);background-size:20px 20px} .modal-title-main{font-size:1.1rem;font-weight:700;margin-bottom:1rem;line-height:1.5} .modal-offer-box{background-color:#ecfdf5;border:2px dashed #10b981;border-radius:0.75rem;padding:1.5rem;margin:1.5rem 0} .price-strike{text-decoration:line-through;color:#9ca3af;font-size:1rem} .price-deal{color:#16a34a;font-size:2.5rem;font-weight:800;line-height:1} .math-highlight{background-color:#fca5a5;color:#991b1b;font-size:0.8rem;font-weight:800;padding:0.2rem 0.5rem;border-radius:4px;display:inline-block;margin-bottom:0.5rem} .btn-pulse-modal{animation:pulse 1.5s infinite} .bg-green-600{background-color:#16a34a} .hover\:bg-green-700:hover{background-color:#15803d} .shadow-green-soft{box-shadow:0 10px 15px -3px rgba(22,163,74,0.4)} .bg-green-600{background-color:#16a34a} .snap-x{scroll-snap-type:x mandatory} .snap-center{scroll-snap-align:center} .no-scrollbar::-webkit-scrollbar{display:none} .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none} .testimonial-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.5rem;padding-bottom:1rem;scrollbar-width:none} .testimonial-slider::-webkit-scrollbar{display:none} .testimonial-card-item{width:85%;flex-shrink:0;scroll-snap-align:center} @media (min-width:768px){.testimonial-slider{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible;padding-bottom:0} .testimonial-card-item{width:auto !important;flex-shrink:1} } @media (max-width:640px){.modal-container{width:95%;max-height:90vh;overflow-y:auto;margin:auto} .modal-body{padding:1.25rem 1rem} .modal-offer-box{margin:1rem 0;padding:1rem} .modal-title-main{font-size:1rem;margin-bottom:0.5rem} .price-deal{font-size:2rem} .btn{padding:0.75rem 1rem} }