*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f7f3;color:#203236;font:16px/1.6 system-ui,sans-serif}a{color:inherit}header,main,footer{max-width:1180px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid #d9e2db}.logo{width:160px;height:82px;object-fit:contain}nav{display:flex;gap:28px}nav a,footer a{text-decoration:none}section{padding:64px 28px}h1{font-size:clamp(42px,6vw,72px);line-height:1.06;letter-spacing:-3px;margin:18px 0 24px}h2{font-size:clamp(30px,4vw,44px);line-height:1.15;letter-spacing:-1px}h3{font-size:22px;line-height:1.3}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:#27735c}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.lead{font-size:20px;max-width:590px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;text-decoration:none;border:1px solid #1b4c3d;border-radius:8px;font-weight:650;background:transparent;font:inherit;cursor:pointer}.primary{background:#1b4c3d;color:white}.muted,small{color:#667873}.preview{background:#fff;padding:24px;border:1px solid #dbe3dc;border-radius:16px;box-shadow:0 18px 40px #173f2c0b}.map-art{height:260px;position:relative;border-radius:10px;overflow:hidden;background:repeating-linear-gradient(35deg,transparent 0 43px,#f9fbf9 44px 55px,transparent 56px 98px),repeating-linear-gradient(110deg,#e1eadd 0 60px,#f7faf5 61px 74px,#e1eadd 75px 130px)}.pin{position:absolute;background:#235c47;color:white;border:4px solid white;padding:9px;border-radius:50%;box-shadow:0 4px 10px #18372822}.p1{left:18%;top:25%}.p2{left:58%;top:45%}.p3{left:74%;top:12%}.map-label{position:absolute;bottom:18px;left:18px;background:white;padding:8px 12px;border-radius:5px;font-size:13px}.preview-row{display:flex;justify-content:space-between;border-bottom:1px solid #e4e9e4;padding:15px 0;font-size:14px}.green{color:#287b52}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.features article{padding:24px;border-top:2px solid #bfd0c0}.features article>span{font-size:11px;letter-spacing:1px;color:#4b7766}.workflow{background:#e4ece1;border-radius:16px}.workflow ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.workflow li{display:grid;gap:10px}.workflow b{font-size:22px}.access{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center}footer{border-top:1px solid #d9e2db;padding:28px;display:flex;gap:20px;justify-content:space-between;font-size:13px}footer div{display:flex;gap:20px}.login{max-width:460px;margin:50px auto;padding:28px;background:white;border-radius:16px;border:1px solid #dbe3dc}.login h1{font-size:34px;letter-spacing:-1px}.login label{display:grid;margin:18px 0;gap:7px}.login input,.login select,.login textarea{font:inherit;padding:12px;border:1px solid #bbc9bf;border-radius:7px;max-width:100%;width:100%}.login .button{width:100%}[role=status]{white-space:pre-wrap;color:#7b3532}.config{max-width:850px;margin:auto;padding:30px}.config label{display:grid;gap:6px;margin:14px 0}.config input,.config textarea,.config select{font:inherit;padding:12px;border:1px solid #bbc9bf;border-radius:7px;width:100%}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}@media(max-width:760px){header{padding:12px 20px;gap:15px}.logo{width:115px;height:62px}nav{gap:12px;font-size:13px}.hero,.access{grid-template-columns:1fr;gap:20px}section{padding:36px 20px}.features{grid-template-columns:1fr}.workflow ol{grid-template-columns:1fr 1fr}footer,footer div{flex-wrap:wrap}.login{margin:25px 16px}.config-grid{grid-template-columns:1fr}h1{letter-spacing:-2px}}
/* Identidad pública: energía publicitaria y controles accesibles. */
body{background:#fff8fd;color:#30204b}
header{background:#fff;border-bottom:0;border-radius:0 0 24px 24px;box-shadow:0 7px 25px #6220af09}
nav a:last-child{background:#6526c7;color:#fff;padding:9px 20px;border-radius:30px;font-weight:700}
nav{align-items:center}
.hero{position:relative;gap:45px;padding-top:68px;padding-bottom:75px;background:radial-gradient(circle at 2% 15%,#ffe4484a,transparent 38%),radial-gradient(circle at 88% 50%,#d2afff80,transparent 45%);border-radius:0 0 45px 45px}
h1{font-weight:850;font-size:clamp(44px,5.3vw,66px);line-height:1.07;letter-spacing:-2.5px}
h1 em{font-style:normal;color:#e92f89}
.eyebrow{color:#6926c5;letter-spacing:1.6px}
.lead{color:#514468;line-height:1.65}
.button{border:2px solid #6526c7;color:#6526c7;background:white;border-radius:30px;font-weight:750;transition:transform .18s,box-shadow .18s}
.button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6a24c520}
.button:focus-visible,nav a:focus-visible{outline:3px solid #e72a87;outline-offset:4px}
.button.primary{background:#d81773;color:white;border-color:#d81773;box-shadow:0 7px 18px #d8177325}
.muted,small{color:#6e617d}
.preview{border:3px solid #fff;box-shadow:0 22px 50px #6024b925;border-radius:24px;transform:rotate(2deg);background:#fff}
.preview>.eyebrow{color:#bf0e65}
.map-art{border-radius:17px;background:repeating-linear-gradient(35deg,transparent 0 43px,#fff 44px 55px,transparent 56px 98px),repeating-linear-gradient(110deg,#e1cef8 0 60px,#fff9fb 61px 74px,#bdeadd 75px 130px)}
.pin{border-radius:16px;background:#6926c5;font-weight:800;box-shadow:0 6px 12px #6926c530}
.p2{background:#d81773}.p3{background:#165f95}
.map-label{background:#ffed72;color:#382245;font-weight:750}
.preview-row{border-color:#e9dff1}.preview-row b{color:#6926c5}.preview-row .green{background:#ddf8df;color:#286a38;padding:2px 10px;border-radius:20px}
.features{gap:22px}
.features article{background:#fff;border:1px solid #f0dbea;border-radius:22px;padding:28px;box-shadow:0 6px 20px #7526a706;border-top:5px solid #d81773}
.features article:nth-child(2),.features article:nth-child(5){background:#f4edff;border-top-color:#6926c5}
.features article:nth-child(3),.features article:nth-child(6){background:#fff9db;border-top-color:#edb327}
.features article>span{color:#92416b;font-weight:750}.features p{color:#655472}
.workflow{background:#6526c7;color:#fff;border-radius:30px;margin:16px 28px;padding:42px}
.workflow li{border-top:2px solid #b394ed;padding-top:16px}.workflow li span{color:#e9dfff}
.workflow li b{color:#ffe979}
.access{background:#ffe3f0;border-radius:30px;margin:44px 28px;padding:42px}
footer{background:#fff;border-top:1px solid #eddff2;color:#695777}
.login{border:1px solid #e8d4f0;box-shadow:0 16px 50px #6826b510;border-radius:24px}
.config{background:white;border-radius:24px}
@media(max-width:760px){.hero{padding-top:36px;gap:35px}.preview{transform:none}.workflow,.access{margin:16px 16px;padding:28px 22px}header nav{gap:10px}nav a:last-child{padding:7px 12px}.hero h1{font-size:44px}.lead{font-size:18px}.features article{padding:24px}.button{width:100%}header .logo{width:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
.region{background:#fff}.region>p:not(.eyebrow){max-width:780px}.country-tags{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.country-tags span{padding:8px 16px;background:#ffe3f0;color:#9e1155;border-radius:22px;font-weight:700}.country-tags span:nth-child(even){background:#efe4ff;color:#6526c7}