*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue-dark:#052f61;--blue-mid:#146194;--blue-light:#76dbf4;--orange:#e87d37;--green:#6a9e1f;--red:#c62324;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-600:#475569;--gray-800:#1e293b;--surface-blue:#eef6fa;--surface-green:#f1f7ec;--surface-warm:#fff8f2;--surface-card:#fff;--border-strong:#cad7e4}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--gray-800);background:var(--surface-blue);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}.hero{background:linear-gradient(135deg, var(--blue-dark) 0%, var(--blue-mid) 50%, #1a7ab5 100%);color:var(--white);text-align:center;padding:3rem 1.25rem 2.5rem;position:relative;overflow:hidden}.hero:before{content:"";background:#ffffff0a;border-radius:50%;width:80vw;height:80vw;position:absolute;top:-60%;right:-30%}.hero:after{content:"";background:#ffffff08;border-radius:50%;width:60vw;height:60vw;position:absolute;bottom:-40%;left:-20%}.hero-content{z-index:1;max-width:540px;margin:0 auto;position:relative}.hero img{filter:drop-shadow(0 20px 40px #0000004d);width:min(280px,70vw);height:auto;margin-bottom:1.5rem}.hero h1{margin-bottom:.25rem;font-size:clamp(1.75rem,6vw,2.5rem);font-weight:800;line-height:1.2}.hero h1 span{color:var(--orange)}.hero .subtitle{opacity:.85;font-size:clamp(.9rem,3vw,1rem);font-weight:400;line-height:1.5}section{background:var(--surface-blue);border-top:1px solid #052f610f;padding:2.5rem 1.25rem}section:nth-of-type(2n):not(.hero):not(.support){background:var(--surface-green)}section:nth-of-type(3n):not(.hero):not(.support){background:var(--surface-warm)}.hero{border-top:0}.section-inner{max-width:540px;margin:0 auto}.section-title{color:var(--blue-dark);align-items:center;gap:.35rem;margin-bottom:1rem;font-size:clamp(1.25rem,5vw,1.5rem);font-weight:700;line-height:1.3;display:flex}.section-title:before{content:"";background:linear-gradient(180deg, var(--orange), var(--green));border-radius:100px;flex-shrink:0;width:5px;height:1.4em}.section-title .emoji{vertical-align:middle;font-size:1.4em}.intro{background:linear-gradient(180deg, var(--white), var(--surface-blue))}.intro p{color:var(--gray-600);margin-bottom:1.25rem;font-size:1.05rem}.learn-list{list-style:none}.learn-list li{color:var(--gray-800);align-items:flex-start;gap:.625rem;padding:.625rem 0;font-size:1rem;font-weight:500;display:flex}.learn-list li .icon{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:.1rem;font-size:.8rem;font-weight:700;display:flex}.cta-text{background:linear-gradient(135deg, var(--blue-dark), var(--blue-mid));color:var(--white);text-align:center;border-radius:12px;margin-top:1.25rem;padding:1rem;font-size:1rem;font-weight:600}.card{background:var(--surface-card);border:1px solid var(--border-strong);border-radius:16px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 10px 28px #052f6114,0 1px 2px #052f6114}.card-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.card-icon.blue{background:#052f611a}.card-icon.orange{background:#e87d371a}.card-icon.green{background:#6a9e1f1a}.card-icon.red{background:#c623241a}.card h3{color:var(--blue-dark);font-size:1.1rem;font-weight:700;line-height:1.3}.card p,.card li{color:var(--gray-600);font-size:.95rem;line-height:1.6}.card ul{margin-top:.5rem;list-style:none}.card ul li{padding:.35rem 0 .35rem 1.5rem;position:relative}.card ul li:before{content:"•";color:var(--orange);font-size:1.2em;font-weight:700;position:absolute;left:0}.activation-card{border-left:5px solid var(--orange)}.card-link{color:var(--blue-dark);border-bottom:2px solid var(--orange);margin-top:1rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-block}.card-link+.card-link{margin-top:.75rem;display:table}.card-link:active{color:var(--orange)}.important-note{border:1px solid #e87d3738;border-left:4px solid var(--orange);color:var(--gray-600);background:#e87d3714;border-radius:12px;margin-top:1rem;padding:1rem;font-size:.93rem;line-height:1.55}.important-note strong{color:var(--blue-dark);margin-bottom:.25rem;display:block}.badge{border-radius:100px;padding:.25rem .75rem;font-size:.85rem;font-weight:700;display:inline-block}.badge-green{color:var(--green);background:#6a9e1f1f}.badge-orange{color:var(--orange);background:#e87d371f}.info-row{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:.875rem 0;display:flex}.info-row:last-child{border-bottom:none}.info-row .label{color:var(--gray-600);font-size:.95rem}.info-row .value{color:var(--blue-dark);font-size:1rem;font-weight:700}.legend{flex-wrap:wrap;gap:1.25rem;margin-top:.75rem;display:flex}.legend-item{align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:flex}.legend-dot{border-radius:50%;width:12px;height:12px}.legend-dot.debit{background:var(--gray-800)}.legend-dot.credit{background:var(--green)}.bg-light{background:var(--surface-blue)}.sending-grid{flex-direction:column;gap:1rem;display:flex}.send-option{border:1px solid var(--border-strong);background:#ffffffdb;border-radius:16px;padding:1.25rem;box-shadow:0 8px 22px #052f610f}.send-option h4{color:var(--blue-dark);margin-bottom:.35rem;font-size:1rem;font-weight:700}.send-option p{color:var(--gray-600);font-size:.9rem}.price-tag{background:linear-gradient(135deg, var(--green), #7fbf28);color:#fff;border-radius:8px;padding:.2rem .6rem;font-size:.95rem;font-weight:700;display:inline-block}.limit-card{background:var(--surface-card);border-left:4px solid var(--blue-dark);border-radius:16px;margin-bottom:.75rem;padding:1.25rem;box-shadow:0 8px 22px #052f6112}.limit-card .limit-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.25rem;font-size:.85rem;font-weight:600}.limit-card .limit-value{color:var(--blue-dark);font-size:1.5rem;font-weight:800}.limit-card .limit-note{color:var(--gray-600);margin-top:.2rem;font-size:.85rem}.limit-card.accent-orange{border-left-color:var(--orange)}.limit-card.accent-green{border-left-color:var(--green)}.limit-card.accent-blue{border-left-color:var(--blue-mid)}.support{background:linear-gradient(135deg, var(--blue-dark) 0%, var(--blue-mid) 100%);color:var(--white)}.support .section-title{color:var(--white)}.schedule-row{border-bottom:1px solid #ffffff1f;justify-content:space-between;padding:.75rem 0;font-size:.95rem;display:flex}.schedule-row:last-child{border-bottom:none}.schedule-row .day{font-weight:600}.schedule-row .hours{opacity:.85}.support-note{color:#ffffffe0;background:#ffffff1a;border:1px solid #ffffff24;border-radius:16px;margin-top:1rem;padding:1rem;font-size:.95rem;line-height:1.55}.support-note strong{color:var(--white);margin-bottom:.25rem;display:block}.phone-number{text-align:center;color:var(--white);letter-spacing:.02em;background:#ffffff1f;border-radius:16px;margin-top:1.5rem;padding:1rem;font-size:clamp(1.5rem,6vw,2rem);font-weight:800;text-decoration:none;transition:background .2s;display:block}.phone-contact{justify-content:center;align-items:center;gap:.6rem;display:inline-flex}.whatsapp-icon{fill:currentColor;flex-shrink:0;width:1.1em;height:1.1em}.phone-number:active{background:#fff3}.phone-label{opacity:.7;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem;font-size:.8rem;font-weight:500;display:block}.tip-card{background:#ffffffe0;border:1px solid #6a9e1f3d;border-radius:16px;margin-bottom:.75rem;padding:1.25rem;box-shadow:0 8px 22px #052f610f}.tip-card p{color:var(--gray-600);font-size:.95rem}.tip-card strong{color:var(--blue-dark)}footer{border-top:1px solid var(--gray-200);background:#eaf1f6;padding:1.75rem 1.25rem 2rem}.legal-inner{max-width:640px;margin:0 auto}footer p{color:var(--gray-600);margin-bottom:.75rem;font-size:.72rem;line-height:1.55}footer p:last-child{margin-bottom:0}.copyright{color:var(--gray-800);font-weight:600}.divider{background:linear-gradient(90deg, var(--blue-dark), var(--orange), var(--green));border:none;height:4px}.fade-in{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(24px)}.fade-in.visible{opacity:1;transform:translateY(0)}@media (width>=768px){section{padding:3.5rem 2rem}.section-inner{max-width:760px}.hero{padding:4rem 2rem 3rem}.sending-grid{flex-direction:row}.send-option{flex:1}}
