:root{
  --bg:#06141d; --bg2:#0b2533; --card:#0d2635; --line:rgba(255,255,255,.10);
  --text:#edf7fb; --muted:#a9c0ca; --cyan:#17d7ff; --blue:#1689ff;
  --yellow:#ffe000; --orange:#ff9d2e; --green:#29e39b; --shadow:0 20px 70px rgba(0,0,0,.35);
  --radius:24px; --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 80% -10%,#103f55 0,#06141d 42%,#040b10 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}.container{width:min(var(--max),92%);margin:auto}
.topbar{background:#031018;border-bottom:1px solid var(--line);font-size:.9rem;color:#cce3eb}
.topbar .container{display:flex;justify-content:space-between;gap:15px;padding:8px 0;flex-wrap:wrap}
.topbar a{color:#fff}.topbar a:hover{color:var(--cyan)}
.nav{position:sticky;top:0;z-index:50;background:rgba(4,14,21,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.navin{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.brand{font-weight:950;letter-spacing:.04em;font-size:1.3rem}.brand span{color:var(--cyan)} .brand b{color:var(--yellow)}
.menu{display:flex;gap:20px;align-items:center;font-weight:700;font-size:.94rem}.menu a{color:#d8e9ee}.menu a:hover{color:var(--cyan)}
.menu .cta{padding:10px 15px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan));color:#001018}
.menu-btn{display:none;background:none;border:1px solid var(--line);color:#fff;border-radius:10px;padding:8px 12px;font-size:1.2rem}
.hero{position:relative;min-height:760px;display:grid;align-items:center;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 35%,rgba(23,215,255,.20),transparent 34%),radial-gradient(circle at 85% 25%,rgba(255,224,0,.10),transparent 28%)}
.grid-bg{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.hero .container{position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}
.kicker{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(23,215,255,.3);background:rgba(23,215,255,.08);color:#a9f2ff;padding:7px 12px;border-radius:999px;font-weight:800;font-size:.85rem}
h1{font-size:clamp(2.5rem,6vw,5.2rem);line-height:.98;margin:18px 0 22px;letter-spacing:-.055em}
h1 .grad{background:linear-gradient(90deg,#fff,var(--cyan),#8c9dff);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.15rem;color:#c5d8df;max-width:680px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border-radius:14px;border:1px solid var(--line);font-weight:900;cursor:pointer;transition:.2s transform,.2s box-shadow}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.btn.primary{background:linear-gradient(90deg,var(--blue),var(--cyan));color:#001018;border:0}.btn.yellow{background:linear-gradient(90deg,var(--yellow),#ffb52e);color:#151000;border:0}.btn.ghost{background:rgba(255,255,255,.04)}
.trust{display:flex;gap:18px;flex-wrap:wrap;color:#9fb7c1;font-size:.9rem}.trust strong{color:#fff}
.hero-media{position:relative}.hero-media img{width:100%;border-radius:30px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.13)}
.floating{position:absolute;right:-15px;bottom:-20px;background:rgba(5,20,29,.88);border:1px solid rgba(255,255,255,.12);padding:15px 18px;border-radius:18px;box-shadow:var(--shadow);backdrop-filter:blur(12px);max-width:280px}
.floating b{color:var(--yellow)}
section{padding:88px 0}.section-head{max-width:760px;margin-bottom:36px}.eyebrow{color:var(--cyan);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}
h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.04em;margin:10px 0 14px}.sub{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(180deg,rgba(16,49,64,.85),rgba(7,25,34,.85));border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:0 10px 40px rgba(0,0,0,.16);transition:.25s transform,.25s border}
.card:hover{transform:translateY(-5px);border-color:rgba(23,215,255,.35)} .icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(23,215,255,.10);font-size:1.45rem;margin-bottom:18px}
.card h3{margin:0 0 8px;font-size:1.2rem}.card p{margin:0;color:var(--muted)} .card ul{padding-left:18px;color:#b9cbd2}
.darkband{background:linear-gradient(180deg,#071923,#06131b);border-block:1px solid var(--line)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.stat b{font-size:2rem;color:#fff}.stat span{display:block;color:var(--muted)}
.solar{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.solar img{width:100%;border-radius:28px;border:1px solid var(--line);box-shadow:var(--shadow)}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.check{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{position:relative;padding:24px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.03)}.num{font-size:2rem;font-weight:950;color:var(--cyan)}
.quote{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}.panel{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:24px;padding:25px}
form{display:grid;gap:14px}label{font-weight:800;font-size:.9rem}input,select,textarea{width:100%;background:#071821;color:#fff;border:1px solid #24404e;border-radius:12px;padding:12px 13px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(23,215,255,.08)}textarea{min-height:130px;resize:vertical}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-note{font-size:.82rem;color:#89a5af}.success,.error{display:none;padding:12px 14px;border-radius:12px}.success{background:rgba(41,227,155,.12);color:#9effd3}.error{background:rgba(255,90,90,.12);color:#ffc0c0}
.ai{position:fixed;right:18px;bottom:18px;z-index:80}.ai-btn{width:60px;height:60px;border-radius:50%;border:0;background:linear-gradient(135deg,#7d5cff,var(--cyan));font-size:1.4rem;box-shadow:0 15px 40px rgba(0,0,0,.4);cursor:pointer}.ai-box{display:none;width:min(360px,calc(100vw - 36px));height:500px;margin-bottom:10px;border:1px solid var(--line);border-radius:22px;background:#071821;box-shadow:var(--shadow);overflow:hidden}.ai-box.open{display:flex;flex-direction:column}.ai-head{padding:14px 16px;background:linear-gradient(90deg,#172550,#063b4a);font-weight:900}.ai-log{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.msg{max-width:88%;padding:10px 12px;border-radius:14px;font-size:.9rem}.bot{background:#112b38;align-self:flex-start}.user{background:#0b7190;align-self:flex-end}.ai-form{display:flex;padding:10px;border-top:1px solid var(--line);gap:8px}.ai-form input{margin:0}.ai-form button{border:0;border-radius:12px;padding:0 14px;background:var(--cyan);font-weight:900}
footer{padding:55px 0 25px;border-top:1px solid var(--line);background:#030b10}.footergrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footergrid h3{font-size:1rem}.footergrid p,.footergrid a{color:#9eb3bc}.footergrid a:hover{color:#fff}.copyright{margin-top:35px;padding-top:20px;border-top:1px solid var(--line);color:#718891;font-size:.85rem}
.cookie{position:fixed;left:18px;right:18px;bottom:18px;z-index:90;display:none;background:#06131b;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow);max-width:760px}.cookie.show{display:flex;gap:15px;align-items:center;justify-content:space-between}.cookie p{margin:0;color:#b8cbd2;font-size:.88rem}
.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.menu{display:none}.menu-btn{display:block}.menu.open{display:flex;position:absolute;top:72px;left:0;right:0;background:#06141d;padding:18px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.hero{min-height:auto;padding:80px 0}.hero-grid,.solar,.quote{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.footergrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){section{padding:65px 0}.cards,.process,.stats,.formgrid,.checks{grid-template-columns:1fr}.hero{padding-top:60px}.floating{position:relative;right:auto;bottom:auto;margin-top:12px}.topbar .container{justify-content:center}.cookie.show{flex-direction:column;align-items:flex-start}}

.whatsapp-float{position:fixed;left:18px;bottom:18px;z-index:85;display:flex;align-items:center;background:#20c968;border-radius:999px;box-shadow:0 12px 35px rgba(0,0,0,.35);overflow:hidden}.whatsapp-float a{padding:13px 18px;color:#fff;font-weight:900}.whatsapp-float button{border:0;background:rgba(0,0,0,.15);color:#fff;height:100%;padding:0 12px;font-size:1.1rem;cursor:pointer}.whatsapp-float.hidden{display:none}.captcha-wrap{display:grid;gap:10px;padding:15px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.captcha-title{display:flex;justify-content:space-between;gap:15px;align-items:baseline;flex-wrap:wrap}.captcha-title small{color:var(--muted)}.captcha-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.captcha-image{width:230px;height:76px;border-radius:14px;border:1px solid #24404e;background:#071821;display:block}.captcha-refresh{border:1px solid #24404e;background:#0a202b;color:#fff;border-radius:12px;padding:11px 13px;font:inherit;font-weight:800;cursor:pointer}.captcha-refresh:hover{border-color:var(--cyan);color:var(--cyan)}.captcha-input{max-width:360px}.captcha-input input{font-weight:900;letter-spacing:.16em;text-transform:uppercase}.captcha-warning{padding:12px;border:1px dashed #9b7710;background:rgba(255,224,0,.07);border-radius:12px;color:#ffe98b}@media(max-width:600px){.whatsapp-float{left:10px;bottom:10px}.whatsapp-float a{padding:11px 14px}.whatsapp-float span{display:none}}
/* SEIRED V2 */
.topin{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.service-img{width:100%;border-radius:16px;margin-bottom:16px;border:1px solid rgba(255,255,255,.08)}.more{display:inline-block;margin-top:16px;color:var(--cyan);font-weight:800}.contact-box{margin-top:25px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}.contact-box hr{border:0;border-top:1px solid var(--line);margin:15px 0}.honeypot{position:absolute;left:-9999px}.consent{display:flex;align-items:flex-start;gap:8px;color:#a9c0ca;font-size:.85rem}.consent input{width:auto;margin-top:4px}.captcha-warning{padding:12px;border:1px dashed #9b7710;background:rgba(255,224,0,.07);border-radius:12px;color:#ffe98b}.whatsapp-float{position:fixed;left:18px;bottom:18px;z-index:90;display:flex;align-items:stretch;background:#0a2b25;border:1px solid rgba(41,227,155,.45);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.35);overflow:hidden}.whatsapp-float.hidden{display:none}.whatsapp-float a{padding:12px 15px;display:grid;grid-template-columns:36px 1fr;column-gap:8px;align-items:center}.whatsapp-float a span{grid-row:span 2;font-size:1.7rem}.whatsapp-float b{color:#aaffd9}.whatsapp-float small{color:#8bbcae}.whatsapp-float button{border:0;border-left:1px solid rgba(255,255,255,.1);background:transparent;color:#a9c0ca;padding:0 10px;font-size:1.2rem;cursor:pointer}.whatsapp-restore{display:none;position:fixed;left:18px;bottom:18px;z-index:89;width:52px;height:52px;border:0;border-radius:50%;background:#19c77a;color:#00150c;font-size:1.4rem;box-shadow:0 15px 40px rgba(0,0,0,.35);cursor:pointer}.whatsapp-restore.show{display:block}.ai-close{float:right;background:transparent;border:0;color:#fff;font-size:1.2rem;cursor:pointer}.cookie{display:none;position:fixed;left:18px;right:18px;bottom:18px;z-index:100;max-width:780px;background:#06131b;border:1px solid var(--line);border-radius:18px;padding:15px 18px;box-shadow:var(--shadow);align-items:center;justify-content:space-between;gap:15px}.cookie.show{display:flex}.cookie p{margin:3px 0 0;color:#9eb7c1;font-size:.84rem}.cookie a{color:var(--cyan)}@media(max-width:700px){.cookie.show{flex-direction:column;align-items:flex-start}.whatsapp-float{left:10px;bottom:10px}.whatsapp-restore{left:10px;bottom:10px}}
.legal{max-width:900px}.legal h2{font-size:1.55rem;margin-top:30px}.legal p{color:#b9ccd3}.legal a{color:var(--cyan)}


/* SEIRED responsive hardening: móvil, tablet, portátil y escritorio */
img,video,iframe{max-width:100%}
input,select,textarea,button{max-width:100%}
.container,.wrap,main,section,article{min-width:0}
body{overflow-wrap:break-word}
@media(min-width:901px) and (max-width:1180px){.container{width:94%}.hero-grid{gap:28px}.footergrid{gap:20px}}
@media(max-width:900px){.navin{gap:12px}.brand{font-size:1.15rem}.menu.open{max-height:calc(100vh - 72px);overflow-y:auto}.hero-grid,.solar,.quote{gap:24px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.footergrid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:20px}}
@media(max-width:600px){.container{width:calc(100% - 28px)}section{padding:52px 0}.hero{padding:48px 0}.hero h1{font-size:clamp(2rem,10vw,3.3rem)}.lead{font-size:1rem}.actions .btn{flex:1 1 100%;width:100%}.cards,.process,.stats,.formgrid,.checks{grid-template-columns:minmax(0,1fr)}.footergrid{grid-template-columns:minmax(0,1fr);gap:18px}.topbar{font-size:.8rem}.navin{min-height:62px}.menu.open{top:62px}.panel{padding:16px;border-radius:16px}.cookie.show{left:10px;right:10px;bottom:10px;padding:13px}.ai{right:10px;bottom:10px}.ai-btn{width:52px;height:52px}.whatsapp-float{left:10px;bottom:10px;max-width:calc(100vw - 80px)}.whatsapp-float a{padding:10px 12px}.floating{max-width:none}.formgrid>*{min-width:0}}
@media(max-width:360px){.container{width:calc(100% - 20px)}.brand{font-size:1rem}.btn{padding:11px 12px}.trust{gap:9px}.footergrid{gap:12px}}


/* SEIRED 2026 — contraste accesible, maquetación y responsive refinados */
:root{--cyan:#21d4f5;--muted:#c2d2dc;--line:rgba(145,190,210,.28);--max:1240px}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{color:#f4f8fb;background:#06141d;line-height:1.6}
.sub,.lead,.card p,.step p,.footergrid p,.legal p{color:#c7d5de}
.nav{background:rgba(3,13,22,.97);border-bottom-color:rgba(33,212,245,.28)}
.menu a{color:#eef6fa}
.menu a:hover,.more:hover,.footergrid a:hover{color:#35def7}
.hero{min-height:640px;padding:76px 0;background:linear-gradient(115deg,#06131d 0%,#0b2638 55%,#06131d 100%)}
.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:38px}
.hero-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;max-height:520px;border-radius:20px;border:1px solid rgba(68,215,245,.45);box-shadow:0 18px 55px rgba(0,0,0,.38)}
.floating{right:12px;bottom:12px;max-width:300px;background:#071923;border:1px solid rgba(33,212,245,.42);color:#f2f8fb}
.kicker{color:#baf6ff;border-color:rgba(33,212,245,.5);background:rgba(33,212,245,.1)}
.btn.primary{color:#00151d;background:linear-gradient(100deg,#00a8ff,#22d4f5)}
.btn.yellow{color:#1c1700;background:linear-gradient(100deg,#ffe33d,#ffc928)}
.card{background:linear-gradient(155deg,#0c2a40,#071a29);border-color:rgba(121,190,219,.3);color:#f5faff}
.card h3{color:#fff;line-height:1.25}
.card p{color:#d2e0e8;line-height:1.55}
.service-img{aspect-ratio:16/9;object-fit:cover;background:#0a2638}
.more{color:#47e3fa}
.panel{background:#f8fbff;color:#162d40;border-color:#c7d6e3;box-shadow:0 14px 45px rgba(0,0,0,.2)}
.panel label{color:#20384a}
.panel input,.panel select,.panel textarea{background:#fff;color:#162d40;border-color:#b7c6d3}
.panel input::placeholder,.panel textarea::placeholder{color:#607487;opacity:1}
.panel .form-note{color:#536b7d}
.contact-box{background:#fff;color:#18354a;border-color:#c9d8e5}
.contact-box a{color:#075985;font-weight:700}
.form-note,.captcha-title small{color:#b9cbd5}
.ai-box{background:#071923;border-color:rgba(33,212,245,.5)}
.ai-head{color:#fff}.msg.bot{color:#f0f8fb;background:#123447}.msg.user{color:#fff;background:#075f83}
.ai-form input{background:#fff;color:#142d40;border-color:#a8bbc9}
footer{background:#020b12}
:focus-visible{outline:3px solid #ffdc36;outline-offset:3px}
@media(min-width:1200px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:1100px){.hero{padding:56px 0}.hero-grid{gap:24px}.hero h1{font-size:clamp(2.4rem,4.5vw,4rem)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero{padding:42px 0}.hero-grid{grid-template-columns:minmax(0,1fr);gap:26px}.hero h1{font-size:clamp(2.2rem,8.5vw,3.5rem);line-height:1.04}.hero-media{max-width:680px}.hero-media img{aspect-ratio:16/10;max-height:360px}.floating{position:relative;right:auto;bottom:auto;margin:10px 0 0;max-width:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{padding:15px;border-radius:15px}.service-img{border-radius:10px;margin-bottom:12px}.card h3{font-size:1.03rem}.card p{font-size:.9rem}.quote{grid-template-columns:minmax(0,1fr)}.panel{padding:18px}.ai-box{height:min(500px,calc(100dvh - 100px))}}
@media(max-width:420px){.cards{grid-template-columns:minmax(0,1fr)}.card{padding:16px}.service-img{aspect-ratio:16/8}.actions .btn{flex:1 1 100%}.trust{display:grid;grid-template-columns:1fr 1fr}.ai-box{width:calc(100vw - 20px)}.ai{right:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}