:root{--navy:#092f3b;--ink:#112e40;--teal:#0c938e;--orange:#f56b3d;--paper:#faf9f5;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.5}a{color:inherit}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.top{background:var(--navy);color:white}.top nav{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:60px}.brand{font-weight:700;text-decoration:none}.navlinks{display:flex;align-items:center;gap:12px;font-size:.9rem}.navlinks>a:not(.navback){text-decoration:none}.navlinks [aria-current]{text-decoration:underline;text-underline-offset:5px}.navback,.button{display:inline-block;border-radius:8px;background:var(--orange);color:white;text-decoration:none;font-weight:700;padding:12px 19px}.navback{padding:9px 13px}.hero{display:grid;grid-template-columns:45% 55%;align-items:center;min-height:480px;padding-block:55px 40px}.hero-copy{position:relative;z-index:1}.eyebrow{color:#087e82;font-weight:800;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(2.7rem,5.5vw,5.1rem);line-height:1.02;letter-spacing:-.055em;margin:18px 0;color:#102e42}.hero h2{font-size:1.3rem;margin:0 0 20px}.intro{font-size:clamp(1.05rem,1.5vw,1.25rem);max-width:530px}.hero-art{width:100%;height:430px;object-fit:cover;object-position:center;border-radius:30px;mask-image:linear-gradient(to right,transparent 0%,black 12%)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.outline{background:white;color:var(--navy);border:1px solid #b5ccd1}.audience{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:55px}.audience-card{background:white;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px #082c3810;transition:transform .2s}.audience-card:hover{transform:translateY(-5px)}.audience-card img{width:100%;height:175px;object-fit:cover;display:block}.audience-card div{padding:20px}.audience-card h3{font-size:1.3rem;margin:0 0 8px}.audience-card p{font-size:.93rem;margin:0}.topics{background:linear-gradient(120deg,#052e3d,#06495b);color:white;padding:45px 0}.topics-layout{display:grid;grid-template-columns:2fr 1fr;gap:25px;align-items:center}.topics h2,.method h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:0 0 24px}.light{color:#79e1dc}.topics ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 25px}.topics li{display:flex;align-items:center;gap:13px}.topics li span{color:#ffb14a;font-size:1.6rem;min-width:32px}.phone-graphic{justify-self:center;transform:rotate(-10deg);border:9px solid #10202d;border-radius:30px;background:#111;box-shadow:15px 20px 35px #0019;padding:5px;width:175px;height:265px}.phone-screen{background:linear-gradient(155deg,#f7f9fb,#b6ecfa);border-radius:18px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#08344c;padding:12px}.phone-screen span{font-size:3rem;color:var(--orange)}.phone-screen strong{font-size:1.25rem}.phone-screen small{margin-top:18px;font-weight:bold}.method{display:grid;grid-template-columns:2fr 1fr;gap:28px;padding-block:60px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.step{background:white;border:1px solid #e5eeee;border-radius:17px;padding:18px}.step-number{display:grid;place-items:center;background:var(--teal);border-radius:50%;width:48px;height:48px;color:white;font-size:1.2rem;font-weight:800}.step:nth-child(2) .step-number{background:var(--orange)}.step:nth-child(3) .step-number{background:#5ab95e}.step h3{font-size:1rem}.step p{font-size:.9rem}.outcomes{background:#fff3df;border-radius:18px;padding:26px}.outcomes h2{font-size:1.45rem}.outcomes ul{list-style:none;padding:0}.outcomes li{display:flex;gap:12px;margin:14px 0;font-size:.95rem}.outcomes li span{background:#58b75a;color:white;border-radius:50%;width:22px;height:22px;text-align:center;flex:none}.cta{display:grid;grid-template-columns:1fr 1fr;min-height:240px;border-radius:20px;overflow:hidden;background:#073643;color:white;margin-bottom:25px}.cta img{width:100%;height:100%;min-height:240px;object-fit:cover}.cta-content{padding:36px}.cta h2{font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.15;margin:0 0 12px}.cta p{margin-bottom:24px}.note{font-size:.82rem;color:#5e7180;margin-bottom:40px}footer{background:var(--navy);color:white;padding:22px 0}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;font-size:.82rem}.footer a{color:white}@media(max-width:900px){.hero{grid-template-columns:1fr 1fr}.audience{grid-template-columns:repeat(2,1fr)}.method{grid-template-columns:1fr}.hero-art{height:360px}}@media(max-width:650px){.wrap{width:min(100% - 30px,1160px)}.top nav{align-items:flex-start;padding:12px 0;flex-wrap:wrap}.navlinks{flex-wrap:wrap}.hero{grid-template-columns:1fr;padding-top:30px}.hero-art{height:280px;mask-image:none;grid-row:1}.hero h1{font-size:2.8rem}.audience{grid-template-columns:1fr 1fr;gap:10px}.audience-card img{height:125px}.audience-card div{padding:13px}.audience-card h3{font-size:1.1rem}.audience-card p{font-size:.83rem}.topics-layout{grid-template-columns:1fr}.topics ul{grid-template-columns:1fr}.phone-graphic{display:none}.steps{grid-template-columns:1fr}.cta{grid-template-columns:1fr}.cta img{max-height:220px}.cta-content{padding:25px}}@media(max-width:380px){.audience{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.audience-card{transition:none}}


/* V3.2: imagen original aprobada; los seis temas siguen siendo HTML traducible */
.topics-layout{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:14px}
.phone-visual{width:100%;max-width:440px;min-height:0;justify-self:end;display:block}
.phone-visual img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:900px){.topics-layout{grid-template-columns:minmax(0,1.4fr) minmax(245px,1fr)}}
@media(max-width:650px){.topics-layout{grid-template-columns:1fr}.phone-visual{justify-self:center;max-width:420px;margin:8px auto 0}}

/* V3.3: assets transparentes, iconos del arte aprobado */
.topics-layout{grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);gap:22px}
.topics li{min-width:0;gap:12px}
.topics li span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;min-width:42px}
.topics li span img{display:block;width:42px;height:42px;object-fit:contain}
.phone-visual{width:100%;max-width:500px;justify-self:center;overflow:visible}
.phone-visual img{width:100%;height:auto;display:block;object-fit:contain}
@media(max-width:900px){.topics-layout{grid-template-columns:minmax(0,1.25fr) minmax(245px,1fr)}.topics li span{flex-basis:35px;min-width:35px}.topics li span img{width:35px;height:35px}}
@media(max-width:650px){.topics-layout{grid-template-columns:1fr}.phone-visual{max-width:420px;margin:10px auto 0}}