:root{--navy:#031a2b;--navy2:#062c41;--teal:#11d4c8;--white:#f4fdff;--muted:#b5d3dd;--border:#12647a;--ink:#102c40}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,'Segoe UI',Arial,sans-serif;background:#f6fafb;color:var(--ink)}a{text-decoration:none;color:inherit}button,input{font:inherit}.shell{width:min(1280px,calc(100% - 64px));margin:auto}.top{background:#031c30;color:#fff;border-bottom:1px solid #12526a;position:sticky;top:0;z-index:20}.top-inner{min-height:76px;display:flex;align-items:center;gap:36px}.logo{font-weight:900;font-size:30px;line-height:1;letter-spacing:-1.5px;white-space:nowrap;color:white}.logo span{color:var(--teal)}.logo small{display:block;letter-spacing:2.3px;font-size:9px;line-height:2.1;color:#d6edf3}.nav{margin-left:auto;display:flex;align-items:center;gap:32px;font-size:14px;font-weight:700}.nav a:hover{color:var(--teal)}.cta{background:var(--teal);color:#002136;padding:14px 24px;border-radius:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;cursor:pointer}.cta:hover{background:#50f5e7}.outline{background:transparent;color:white;border:1px solid #8dc8d6;padding:13px 23px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}.outline:hover{border-color:var(--teal);color:var(--teal)}.mobile-toggle{display:none}.dark{background:radial-gradient(ellipse at 78% 38%,#086079 0%,#07364a 25%,#031b30 64%);color:var(--white);position:relative;overflow:hidden}.hero{padding:74px 0 37px}.hero-grid{display:grid;grid-template-columns:47% 53%;align-items:center;gap:12px}.eyebrow{color:var(--teal);font-size:13px;letter-spacing:4px;font-weight:900;text-transform:uppercase}.hero h1{font-size:clamp(41px,4.2vw,67px);letter-spacing:-2.5px;line-height:1.1;margin:17px 0}.hero h1 em{font-style:normal;color:var(--teal)}.hero p{font-size:18px;color:#e5f3f7;line-height:1.55;max-width:595px}.actions{display:flex;gap:15px;flex-wrap:wrap;margin:30px 0 26px}.ticks{display:flex;gap:23px;flex-wrap:wrap;font-size:13px}.ticks span:before{content:'✓ ';color:var(--teal);font-weight:900}.hero-art{width:100%;display:block;filter:drop-shadow(0 0 20px #00dadb50);border-radius:18px}.feature-row{margin-top:38px;display:grid;grid-template-columns:repeat(5,1fr) 1.15fr;gap:12px}.feature{border:1px solid #176078;background:linear-gradient(145deg,#073d54a6,#06263dc7);border-radius:11px;padding:14px 12px;display:flex;align-items:center;gap:11px;min-height:68px}.feature .ico{font-size:25px;color:var(--teal)}.feature b{font-size:13px;display:block}.feature small{font-size:11px;color:#b0d3e0}.admin-link{border:2px solid var(--teal);border-radius:30px;display:flex;justify-content:center;align-items:center;gap:10px;font-weight:800;align-self:center;min-height:51px}.admin-link:hover{background:var(--teal);color:var(--navy)}.waves{height:65px;background:radial-gradient(ellipse at 20% 100%,#0b8c96a0,transparent 45%),radial-gradient(ellipse at 80% 100%,#10bdc48c,transparent 42%);opacity:.6}.section{padding:75px 0}.section h2{font-size:clamp(28px,3vw,40px);letter-spacing:-1px;margin:11px 0 20px}.lead{color:#456579;line-height:1.8;max-width:900px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}.card{background:#fff;border:1px solid #d6e5eb;border-radius:16px;padding:25px;box-shadow:0 7px 25px #0c34440b}.card h3{margin:8px 0;color:#082f45}.card p{color:#577185;line-height:1.65;margin:0}.card .icon{font-size:28px;color:#02a99e}.alt-bg{background:#edf6f8}.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel-dark{background:linear-gradient(140deg,#072e43,#031a2b);color:white;border:1px solid #157588;border-radius:17px;padding:30px;box-shadow:0 12px 35px #05273922}.panel-dark h3{font-size:25px;margin:0 0 10px}.panel-dark p{color:#bad8df;line-height:1.7}.ghost-pill{display:inline-block;color:#20dbd0;border:1px solid #187b88;border-radius:40px;padding:6px 14px;font-size:12px;font-weight:800;letter-spacing:.5px}.form-label{display:block;font-size:13px;font-weight:700;margin:14px 0 8px}.field{border:1px solid #5e98aa;background:#082c3d;color:#fff;width:100%;padding:14px;border-radius:9px;outline-offset:3px}.field::placeholder{color:#8caebb}.cta.disabled,.cta:disabled{background:#51868a;color:#e7f0f2;cursor:not-allowed;opacity:.8}.note{font-size:12px;line-height:1.7;color:#b9d2db}.demo-band{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer{background:#031c30;color:#bcd4db;padding:32px 0}.footer .shell{display:flex;justify-content:space-between;align-items:center;gap:20px}.fine{font-size:12px;color:#6c8794}.demo-chip{border:1px solid #80ccd3;color:#087a80;padding:9px 12px;border-radius:9px;font-weight:700;display:inline-block}.admin-preview-banner{background:#d8f5f1;color:#05545d;padding:13px 26px;text-align:center;font-weight:700;font-size:13px}.admin-app{background:linear-gradient(155deg,#041f33,#052d42);min-height:100vh;color:white}.admin-layout{display:grid;grid-template-columns:240px 1fr}.sidebar{background:#031929;min-height:100vh;padding:26px 16px;border-right:1px solid #12627b}.side-link{display:block;padding:13px 16px;margin:5px 0;border-radius:9px;color:#d8edf0;font-weight:650}.side-link.active{background:var(--teal);color:#003043}.side-link.disabled{opacity:.55;cursor:default}.admin-main{padding:30px}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.admin-head h1{font-size:30px;margin:0}.admin-head p{margin:7px 0 0;color:#bdd4dc}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.kpi,.admin-box{border:1px solid #126a80;background:linear-gradient(135deg,#073c53,#031f31);padding:21px;border-radius:13px}.kpi b{font-size:27px;display:block;margin-top:10px}.kpi small{color:#b8dce5}.admin-cols{display:grid;grid-template-columns:1.35fr 1fr .9fr;gap:15px;margin-top:19px}.admin-box h3{margin:0 0 20px}.mock-table{width:100%;border-collapse:collapse;font-size:13px}.mock-table th,.mock-table td{border-bottom:1px solid #326278;padding:11px 7px;text-align:left}.mock-table th{color:#add9e0}.chip{border-radius:30px;background:#09bda4;color:#002f36;padding:4px 11px;font-size:12px;font-weight:800}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick div{padding:21px 8px;border:1px solid #05c6c0;border-radius:11px;text-align:center;font-weight:750;font-size:13px}.sys-status{color:#d4f4ec;line-height:2.5}.sys-status span{color:#16ec9a}.no-data{text-align:center;color:#9bc0ca;margin-top:35px;font-size:13px}.preview-back{color:#22e0d4;text-decoration:underline}
@media(max-width:1120px){.feature-row{grid-template-columns:repeat(3,1fr)}.kpis{grid-template-columns:repeat(3,1fr)}.admin-cols{grid-template-columns:1fr 1fr}.admin-cols>:last-child{grid-column:1/-1}}@media(max-width:760px){.shell{width:min(100% - 32px,1280px)}.top-inner{min-height:68px}.nav{display:none;position:absolute;top:68px;left:0;right:0;padding:18px;background:#041e30;flex-direction:column;align-items:stretch;gap:12px}.nav.open{display:flex}.mobile-toggle{display:block;margin-left:auto;border:1px solid #3b7183;color:white;background:none;padding:7px 12px;border-radius:8px}.hero{padding:42px 0 25px}.hero-grid{grid-template-columns:1fr}.hero-art{max-width:570px;margin:18px auto 0}.hero h1{font-size:43px}.feature-row{grid-template-columns:repeat(2,1fr)}.cards,.two{grid-template-columns:1fr}.section{padding:50px 0}.demo-band,.footer .shell{flex-direction:column;align-items:flex-start}.admin-layout{grid-template-columns:1fr}.sidebar{min-height:auto}.admin-main{padding:18px}.kpis{grid-template-columns:repeat(2,1fr)}.admin-cols{grid-template-columns:1fr}.admin-cols>:last-child{grid-column:auto}.admin-head{display:block}}
/* Evolución visual aprobada — portada V8 */
.top-inner{max-width:1430px}.hero{padding:48px 0 28px}.hero-grid{grid-template-columns:43% 57%;gap:30px}.hero h1{font-size:clamp(42px,4.1vw,65px)}.hero p{margin-top:18px}.hero-copy .eyebrow{margin:0}.feature-row{max-width:1430px;margin-top:22px}.waves{height:30px;opacity:.45}.hero-image-wrap{position:relative}.hero-image-wrap:before{content:"";position:absolute;inset:12% 7%;background:#00cec8;filter:blur(75px);opacity:.17}.hero-art{position:relative;filter:drop-shadow(0 0 22px #04d9cf45)}
.solution-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:36px}.solution-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:25px}.solution-card{padding:19px 15px;min-height:190px;border-color:#b6d7de}.solution-card h3{font-size:15px}.solution-card p{font-size:13px}.industries{padding:22px 0 0 33px;border-left:1px solid #a3dbdb}.industries h3{font-size:21px;margin:12px 0 29px}.industries-grid{display:grid;grid-template-columns:repeat(3,1fr);row-gap:25px;column-gap:6px;text-align:center}.industries-grid span{font-size:29px;color:#046f78}.industries-grid small{display:block;font-size:12px;color:#17384a;margin-top:8px;font-weight:700}.about-band{background:linear-gradient(110deg,#031c2d,#034054 55%,#041c2f);color:white;padding:50px 0}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.about-grid article{padding:0 26px}.about-grid article:first-child{padding-left:0}.about-grid article+article{border-left:1px solid #11c6bc}.about-grid h2{font-size:27px;margin:12px 0}.about-grid p{line-height:1.6;color:#e2f5f8;font-size:14px}.about-icon{font-size:40px;color:var(--teal);line-height:1}.contact-layout{display:grid;grid-template-columns:0.88fr 1.12fr;gap:65px}.contact-side{border-left:1px solid #85cece;padding-left:60px}.contact-access{background:#fff}.client-panel{max-width:520px;margin-top:22px;padding:27px}.client-panel h3{font-size:23px}.wide{width:100%;margin-top:20px}.contact-form{margin-top:22px}.contact-form label{font-size:13px;font-weight:750;display:block;margin-bottom:8px;color:#143249}.contact-form input,.contact-form select,.contact-form textarea{background:#fff;color:#0b293d;border:1px solid #abc9d3;width:100%;border-radius:8px;padding:12px;min-height:44px;font:inherit}.contact-form textarea{resize:vertical;min-height:105px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid #0ccdc3;outline-offset:1px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 20px;margin-bottom:18px}.send-row{display:flex;justify-content:flex-end;margin-top:16px}.form-status{color:#536d79;font-size:12px;line-height:1.5}.demo-section{background:#e8f4f6}.demo-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-grid{display:grid!important;grid-template-columns:1fr 1.2fr .7fr 1fr;align-items:start!important;gap:40px;padding:24px 0}.footer-grid p{margin:8px 0;font-size:13px}.footer-grid a:hover{color:var(--teal)}.footer-help{border:1px solid #0bb5b0;padding:19px;border-radius:13px}.footer-help a{color:var(--teal)}.footer-bottom{border-top:1px solid #23526a;padding-top:15px;font-size:12px;color:#97bec9}.nav-admin{padding:10px 15px;border-color:#5b9aa8}
@media(max-width:1200px){.solution-layout{grid-template-columns:1fr}.industries{border:0;border-top:1px solid #a3dbdb;padding:23px 0}.industries-grid{grid-template-columns:repeat(6,1fr)}.solution-grid{grid-template-columns:repeat(4,1fr)}.contact-layout{gap:28px}.contact-side{padding-left:28px}}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.hero-image-wrap{max-width:700px;margin:auto}.solution-grid{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr}.contact-side{border:0;border-top:1px solid #a3dbdb;padding:30px 0 0}.about-grid{grid-template-columns:1fr}.about-grid article,.about-grid article:first-child{padding:0}.about-grid article+article{padding:20px 0 0;border-left:0;border-top:1px solid #11c6bc}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.hero{padding:42px 0 22px}.hero-grid{gap:4px}.hero h1{font-size:clamp(37px,10vw,51px)}.solution-grid{grid-template-columns:repeat(2,1fr)}.industries-grid{grid-template-columns:repeat(3,1fr)}.contact-side{padding-left:0}.form-grid{grid-template-columns:1fr}.demo-inner{display:block}.footer-grid{grid-template-columns:1fr}.feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-row .admin-link{grid-column:1/-1;justify-self:stretch}.section{padding:55px 0}.send-row .cta{width:100%}}

/* V9: pictogramas propios relacionados con cada industria */
.industries-grid .industry-card{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-height:112px;border-radius:15px;border:1px solid #c6e7e9;background:linear-gradient(155deg,#fff,#eaf9fa);box-shadow:0 5px 18px #0c4b580d;transition:transform .2s,border-color .2s,box-shadow .2s;padding:14px 7px;color:#057b84}
.industries-grid .industry-card:hover{transform:translateY(-4px);border-color:#04bcb7;box-shadow:0 9px 25px #0c626c26}
.industries-grid .industry-card span{color:#12364a;font-size:13px;font-weight:800;text-align:center}
.industry-svg{display:block;width:47px;height:47px;flex-shrink:0}
.footer-grid{grid-template-columns:1fr 1.3fr .65fr .95fr 1.15fr!important;gap:24px}
.footer-social b{display:block;color:#fff;margin:0 0 15px}
.instagram-coming{display:inline-flex;align-items:center;gap:11px;border:1px solid #1fb0b5;border-radius:12px;padding:10px 13px;color:#4feade;background:#064052;font-size:14px;font-weight:700;cursor:default}
.instagram-coming small{display:block;color:#c0d8db;font-size:10px;font-weight:400;margin-top:3px}
@media(max-width:1200px){.footer-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:760px){.footer-grid{grid-template-columns:1fr!important}.industries-grid .industry-card{min-height:99px}.industry-svg{width:40px;height:40px}}