:root{--ink:#10191e;--muted:#617079;--paper:#f5f7f5;--blue:#007b98;--lime:#daf272;--line:#dce3e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}
header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:14px 6vw;background:#f8faf8ee;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(15px)}.brand{display:flex;gap:11px;align-items:center}.brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#dcf8ff,#05acd7);font-weight:900}.brand strong,.brand small{display:block}.brand small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-top:3px}nav{display:flex;gap:28px;justify-content:center}nav a{font-size:12px;font-weight:800}.cartToggle,.menuToggle{border:1px solid var(--line);background:white;border-radius:999px;padding:10px 14px;font-weight:800}.cartToggle b{background:var(--ink);color:white;border-radius:50%;padding:4px 7px;margin-left:7px}.menuToggle{display:none}
.hero{min-height:750px;padding:80px 7vw;display:grid;grid-template-columns:1.08fr .92fr;gap:8vw;align-items:center;background:radial-gradient(circle at 90% 10%,#b9eff9,transparent 28%),#f8fbfa}.eyebrow{color:var(--blue);font-size:10px;text-transform:uppercase;letter-spacing:.17em;font-weight:900}.hero h1{font-size:clamp(50px,6vw,86px);letter-spacing:-.065em;line-height:.96;margin:22px 0}.hero h1 em{font-family:Georgia,serif;color:var(--blue);font-weight:400}.heroCopy>p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.7;max-width:650px}.actions{display:flex;gap:25px;align-items:center;margin-top:30px;font-size:12px;font-weight:900}.primary,.frontCard button,.productCard button,#safeForm button,#orderForm>button{background:var(--ink);color:white;border:0;border-radius:999px;padding:14px 19px;font-weight:800}.proof{display:flex;gap:13px;align-items:center;border-top:1px solid var(--line);margin-top:45px;padding-top:20px;max-width:600px}.proof>b{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--lime)}.proof span{color:var(--muted);font-size:11px;line-height:1.5}.proof strong{display:block;color:var(--ink)}
.heroImage{height:520px;position:relative;overflow:hidden;border-radius:45% 45% 38% 38%;box-shadow:0 35px 90px #06445433}.heroImage img{width:100%;height:100%;object-fit:cover;object-position:center 42%}.heroImage span{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#ffffffdd;border-radius:999px;padding:11px 15px;font-size:10px;font-weight:900;white-space:nowrap}.strip{display:flex;justify-content:center;gap:5vw;flex-wrap:wrap;background:var(--ink);color:#dae5e8;padding:17px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.section{padding:105px 7vw}.heading{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:50px}.heading h2,.impact h2,.safeSection h2{font-size:clamp(38px,4.5vw,64px);line-height:1.02;letter-spacing:-.055em;margin:15px 0 0}.heading>p{color:var(--muted);line-height:1.8;font-size:14px}.frontGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.frontCard{min-height:350px;border-radius:28px;display:grid;grid-template-columns:.8fr 1fr;overflow:hidden;border:1px solid #00000014}.frontCard>div:last-child{padding:38px;display:flex;justify-content:center;flex-direction:column}.frontCard h3{font-size:35px;letter-spacing:-.04em;margin:18px 0 12px}.frontCard p{color:#42545d;line-height:1.6;font-size:12px}.frontCard a{font-weight:900;font-size:11px;margin-top:12px}.frontVisual{display:grid;place-items:center;overflow:hidden;padding:12px}.frontVisual img{width:100%;height:100%;object-fit:contain}.front-tupinko{background:#e1e5e6}.front-kodatoys{background:#bfecef}.front-kodasafe{background:linear-gradient(135deg,#07212c,#007e9d);color:white}.front-kodasafe p{color:#cbe4eb}.front-kodaart{background:#e5bb87}.safeLogo{text-align:center;font-size:70px}.safeLogo strong{display:block;font-size:12px;letter-spacing:.2em}.soon{font-size:10px;color:var(--lime)}
.products{background:white}.productGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.productCard{background:var(--paper);padding:12px;border-radius:20px}.productImage{height:300px;border-radius:15px;background:linear-gradient(145deg,#d6eff1,#7abfca);display:grid;place-items:center;overflow:hidden}.productImage img{width:100%;height:100%;object-fit:cover}.productImage span{font-size:100px;color:white}.productCard>small{display:block;margin:18px 4px 8px;color:var(--blue);text-transform:uppercase;font-weight:900;font-size:8px}.productCard h3{margin:8px 4px;font-size:20px}.productCard p{color:var(--muted);font-size:11px;line-height:1.6;min-height:35px}.productCard>strong{display:block;margin:12px 4px}.productCard button{width:100%;margin-top:8px}.emptyCatalog{text-align:center;padding:70px;background:#edf2f1;border-radius:24px}.emptyCatalog>span{font-size:60px;color:var(--blue)}
.impact{background:#0b1a21;color:white;padding:90px 8vw;min-height:620px;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.ten{color:var(--lime);font-size:clamp(180px,24vw,340px);font-weight:900;letter-spacing:-.13em}.ten small{font-size:.3em;vertical-align:top}.impact>div:last-child>p:last-child{color:#b4c3c8;line-height:1.7}.safeSection{padding:90px 7vw;background:linear-gradient(135deg,#007b98,#092d39);color:white;display:grid;grid-template-columns:.6fr 1fr 1fr;gap:45px;align-items:center}.radar{aspect-ratio:1;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;font-size:80px}.safeSection>div>p:last-child{color:#c9e4eb;line-height:1.7}#safeForm{background:white;color:var(--ink);padding:25px;border-radius:22px}label{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.08em;margin:10px 0}input,select,textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;margin-top:5px;background:#f5f8f7}#safeForm button,#orderForm>button{width:100%;margin-top:8px}#safeForm>small{display:block;text-align:center;color:var(--muted);font-size:8px;line-height:1.5;margin-top:10px}.success{text-align:center;padding:60px 10px}
.socialGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.socialGrid a{background:#ecefee;border-radius:16px;padding:22px;display:flex;justify-content:space-between;font-size:11px}.socialGrid a.active{background:white;border:1px solid #70c7d7}.socialGrid span{color:var(--muted);font-size:9px}.policies{padding:80px 7vw;background:#e8edec}.policies>div{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.policies article{background:white;border-radius:16px;padding:22px}.policies h2{font-size:36px;letter-spacing:-.04em}.policies h3{font-size:15px}.policies p,.policies>small{color:var(--muted);font-size:11px;line-height:1.7}.policies>small{display:block;margin-top:20px}
footer{background:#091419;color:white;padding:70px 7vw 25px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px}footer h3{font-size:10px;text-transform:uppercase;color:#8da0a8}footer a,footer p{display:block;color:#aab9bf;font-size:11px;line-height:1.7}.copyright{grid-column:1/-1;border-top:1px solid #ffffff18;padding-top:20px}
.overlay{position:fixed;inset:0;background:#061015aa;opacity:0;pointer-events:none;z-index:50;transition:.25s}.overlay.open{opacity:1;pointer-events:auto}.cart{position:fixed;right:0;top:0;bottom:0;width:min(510px,94vw);background:white;z-index:60;padding:26px;overflow:auto;transform:translateX(105%);transition:.3s}.cart.open{transform:none}.cartHead{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.cartHead small{color:var(--blue);text-transform:uppercase;font-weight:900}.cartHead h2{margin:5px 0}.cartClose{border:0;border-radius:50%;width:40px;height:40px;font-size:22px}.cartItems article{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.cartItems strong,.cartItems small,.cartItems span{display:block}.cartItems small{color:var(--muted);margin:4px 0}.qty{display:flex;align-items:center;gap:9px}.qty button{border:0;border-radius:50%;width:27px;height:27px}.cartEmpty{text-align:center;padding:90px 0}.cartEmpty>span{font-size:60px;color:var(--blue)}.cartSummary{display:grid;grid-template-columns:1fr auto;padding:20px 0}.cartSummary small{grid-column:1/-1;color:var(--muted)}.check{display:flex;gap:8px;text-transform:none;letter-spacing:0;line-height:1.5}.check input{width:auto;margin:0}.formMessage{color:#a43b2d;font-size:10px}.wa{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#26bd69;color:white;border:4px solid white;font-weight:900;z-index:25}
@media(max-width:900px){header{grid-template-columns:1fr auto auto}.menuToggle{display:block}header nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:20px;flex-direction:column}header nav.open{display:flex}.hero{grid-template-columns:1fr}.heroImage{max-width:520px;width:100%;margin:auto}.frontCard{grid-template-columns:1fr}.frontVisual{height:280px}.safeSection{grid-template-columns:1fr 1fr}.safeSection form{grid-column:1/-1}.policies>div{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.brand small{display:none}.cartToggle{font-size:0}.cartToggle b{font-size:11px;margin:0}.hero{padding:65px 22px}.hero h1{font-size:49px}.section{padding:75px 22px}.heading,.frontGrid,.productGrid,.impact,.safeSection,.socialGrid,.policies>div,footer{grid-template-columns:1fr}.impact{padding:75px 22px}.ten{font-size:180px}.safeSection{padding:75px 22px}.policies{padding:65px 22px}}

.frontHeader{grid-template-columns:auto 58px 1fr auto}.frontHeader>img{height:54px;width:54px;object-fit:contain}.frontBack{color:var(--muted);font-size:12px;font-weight:800}.frontCta{background:var(--ink);color:white;border-radius:999px;padding:12px 17px;font-size:12px;font-weight:900}.frontHero{min-height:700px;padding:70px 7vw;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;background:radial-gradient(circle at 80% 25%,color-mix(in srgb,var(--front-accent) 28%,white),transparent 35%),#f8faf8}.frontHero h1{font-size:clamp(58px,8vw,110px);line-height:.9;letter-spacing:-.07em;margin:15px 0}.frontHero h2{font-size:clamp(25px,3vw,45px);letter-spacing:-.04em;margin:15px 0}.frontHero>div>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.7}.frontLogoStage{min-height:500px;display:grid;place-items:center}.frontLogoStage img{max-height:500px;max-width:100%;filter:drop-shadow(0 30px 45px #0003)}.frontStory{padding:100px 10vw;background:var(--ink);color:white}.frontStory .eyebrow{color:var(--front-accent)}.frontStory h2{font-size:clamp(35px,4.5vw,62px);line-height:1.08;letter-spacing:-.05em;max-width:1050px}.frontStory>p:last-child{color:#b5c1c6;line-height:1.7;max-width:700px}.microsite .products .eyebrow{color:var(--front-accent)}
@media(max-width:800px){.frontHeader{grid-template-columns:1fr auto}.frontHeader>img,.frontHeader nav{display:none}.frontHero{grid-template-columns:1fr;padding:60px 22px}.frontLogoStage{min-height:300px}.frontLogoStage img{max-height:300px}}

/* Ajuste de identidad V1.2: logos completos, proporcionales y sin máscaras. */
.heroImage{background:#fff;border:1px solid #007b9822;border-radius:28px;display:grid;height:520px;overflow:visible;padding:34px;place-items:center}
.heroImage img{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}
.heroImage span{bottom:-18px;border:1px solid var(--line);box-shadow:0 10px 30px #10202912}
.frontVisual{background:transparent;overflow:hidden;padding:28px}
.frontVisual img{display:block;height:auto;max-height:250px;max-width:100%;object-fit:contain;width:auto}
.front-tupinko{background:#f1f3f3}.front-kodatoys{background:#e7f7f8}.front-kodaart{background:#f4e5d5}