@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--navy:#082846;--cyan:#20a9d3;--ink:#18334a;--muted:#64798a;--line:#e1e9ef;--bg:#f5f8fb}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.035em;color:var(--navy);margin:0}p{line-height:1.7;color:var(--muted)}.header{height:90px;position:sticky;top:0;z-index:10;background:#ffffffef;border-bottom:1px solid #edf1f4;display:flex;align-items:center;justify-content:space-between;padding:8px 6%}.header img{width:155px;height:72px;object-fit:contain}.header nav{display:flex;gap:24px;align-items:center;font-size:12px;font-weight:700;color:#3c5366}.header nav a:hover{color:var(--cyan)}.loginlink{padding:11px 14px;border:1px solid #cbd9e4;border-radius:8px}.eyebrow{font-size:10px;letter-spacing:.19em;color:#148bb8;font-weight:800;display:inline-block;margin-bottom:15px}.hero{padding:72px 8%;display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center;min-height:600px;background:radial-gradient(ellipse at 88% 35%,#e8f7fc,transparent 38%),linear-gradient(115deg,#fff 50%,#f5fbfd)}.hero h1{font-size:clamp(42px,5vw,64px);line-height:1.08}.hero h1 em{font-style:normal;color:#139bc8}.hero p{font-size:15px;max-width:570px;margin:23px 0 27px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:white;border:0;border-radius:8px;padding:14px 19px;font-size:12px;font-weight:800;cursor:pointer}.btn:hover{background:#124d77}.btn.secondary{background:white;border:1px solid #cbd9e4;color:var(--navy);margin-left:7px}.checks{font-size:10px;font-weight:700;color:#526b7d;margin-top:29px;line-height:2}.glass-art{height:410px;position:relative;overflow:hidden;border-radius:23px;background:linear-gradient(145deg,#dff5fc,#8bd4eb 48%,#164b77);box-shadow:0 18px 50px #092b4618}.glass-art:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 0 20%,#ffffff65 20.3% 20.8%,transparent 21.1% 50%,#ffffff40 50.3% 50.8%,transparent 51.1%)}.pane{position:absolute;border:2px solid #fff9;background:linear-gradient(130deg,#fff9,#5bb9db55 60%,#fff6);transform:skewY(-7deg)}.pane1{left:14%;top:8%;width:45%;height:78%}.pane2{left:44%;top:19%;width:43%;height:72%;background:linear-gradient(135deg,#bdefffaa,#0c467955)}.glass-label{position:absolute;bottom:20px;left:20px;right:20px;background:#062b48e8;color:white;padding:17px 20px;border-radius:11px}.glass-label small{display:block;color:#c2deeb;margin-top:5px}.section{padding:85px 8%}.heading{text-align:center;max-width:700px;margin:0 auto 40px}.heading h2,.promise h2,.contact h2{font-size:clamp(30px,3vw,42px);line-height:1.2}.heading p{margin:13px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{padding:30px 27px;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px #08284608}.cards article>span{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#e9f8fc;color:#087ca8;font-size:26px;margin-bottom:22px}.cards h3{font-size:19px}.cards p{font-size:13px;min-height:95px}.cards a{font-size:12px;font-weight:800;color:#0789b7}.cards .tint{background:#f1fbfe;border-color:#c7eaf5}.promise{background:var(--navy);color:white;padding:78px 8%}.promise h2{color:white;max-width:600px}.promise .eyebrow{color:#71d6f3}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:44px}.steps b{color:#5dd0f0}.steps h3{color:white;font-size:18px;margin-top:12px}.steps p{font-size:12px;color:#c1d2de}.coverage{background:#fbfdfe}.cities{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}.cities b{padding:15px 23px;background:white;border:1px solid var(--line);border-radius:9px;color:var(--navy);font-size:13px}.muted{text-align:center;font-size:12px}.contact{padding:72px 8%;display:grid;grid-template-columns:1fr .65fr;gap:45px;align-items:center;background:#eaf8fc}.contactbox{background:white;padding:28px;border:1px solid #d5ebf3;border-radius:14px}.contactbox p{font-size:13px}footer{padding:25px 6%;display:flex;align-items:center;gap:22px;border-top:1px solid var(--line)}footer img{width:100px;height:60px;object-fit:contain}footer b{color:var(--navy)}footer p{font-size:12px;margin:4px 0}footer small{font-size:10px;color:var(--muted)}footer>a{margin-left:auto;font-size:12px;font-weight:700;color:var(--navy)}.wa{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#18b86a;color:white;font-size:28px;box-shadow:0 8px 25px #078c4a50;border:3px solid white;z-index:20}.loginpage{min-height:100vh;background:radial-gradient(ellipse at top right,#d9f4fc,transparent 45%),#f5f8fb;display:grid;place-items:center;padding:25px}.back{position:absolute;top:24px;left:25px;font-size:12px;font-weight:700;color:var(--navy)}.loginbox{width:min(100%,420px);padding:35px;background:white;border:1px solid var(--line);border-radius:17px;box-shadow:0 18px 50px #092b4618}.loginbox>img{display:block;width:145px;height:78px;object-fit:contain;margin:0 auto 17px}.loginbox h1{font-size:30px}.loginbox p{font-size:13px}.loginbox form{display:grid;gap:15px}.loginbox label{font-size:12px;font-weight:700}input{width:100%;display:block;padding:12px;margin-top:6px;border:1px solid #d7e2e9;border-radius:8px;font:inherit}.loginbox button{width:100%;margin-top:5px}.loginbox small{display:block;margin-top:18px;font-size:10px;color:var(--muted);line-height:1.6}.error{padding:10px;background:#fff1f0;color:#9b2c23;border-radius:7px;font-size:12px;margin:10px 0}.appbody{background:var(--bg);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#082844;color:#d2e1eb;padding:17px 13px;overflow:auto}.sidebar img{display:block;width:155px;height:70px;object-fit:contain;background:white;border-radius:7px;margin:0 auto 22px}.side{display:block;padding:11px 12px;border-radius:7px;font-size:12px;margin:3px 0}.side:hover,.side.active{background:#164968;color:white}.appmain{margin-left:245px;padding:35px clamp(18px,4vw,50px)}.apphead{display:flex;justify-content:space-between;gap:20px;align-items:center}.apphead h1{font-size:30px}.apphead p{font-size:13px}.note{padding:15px;background:#eef9fd;border:1px solid #d0edf6;border-left:4px solid var(--cyan);border-radius:8px;font-size:12px;line-height:1.6;margin:22px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0}.stat,.module{background:white;border:1px solid var(--line);border-radius:10px;padding:19px}.stat span,.stat small{display:block;font-size:11px;color:var(--muted)}.stat strong{display:block;font-size:28px;color:var(--navy);margin:8px 0}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.module h3{font-size:15px}.module p{font-size:11px}.module strong{font-size:11px;color:#0789b7}.appmain table{border-collapse:collapse;width:100%;background:white;font-size:12px}.appmain th,.appmain td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.appmain th{background:#f8fbfd}.scroll{overflow-x:auto}.appfoot{font-size:10px;color:var(--muted);margin-top:40px}@media(max-width:850px){.header{height:auto;flex-wrap:wrap;padding:7px 4%}.header img{height:53px;width:120px}.header nav{width:100%;overflow:auto;gap:15px;padding:8px 0;font-size:11px}.hero{grid-template-columns:1fr;padding:48px 6%}.hero h1{font-size:43px}.glass-art{height:290px}.section,.promise{padding:60px 6%}.cards{grid-template-columns:1fr}.cards p{min-height:0}.steps{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr;padding:55px 6%}footer{flex-wrap:wrap;padding:22px 5%}footer>a{margin:0;width:100%}.sidebar{position:relative;width:100%;inset:auto;padding:10px}.sidebar img{height:48px;width:105px;margin-bottom:8px}.side{display:inline-block;padding:8px}.appmain{margin:0;padding:22px 13px}.apphead h1{font-size:24px}.stats{grid-template-columns:repeat(2,1fr)}.modules{grid-template-columns:1fr}.wa{right:14px;bottom:14px;width:53px;height:53px}}

/* etapa 2: formularios y operaciones comerciales */
.notice.success{background:#effaf4;border-color:#ccebd8;border-left-color:#22a56a;color:#245b40}
.notice.error{background:#fff3f1;border-color:#f7d1cb;border-left-color:#d64b3d;color:#8d3028}
.form-card{margin-bottom:22px}.data-form{padding:0 22px 22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid label{font-size:11px;font-weight:700;color:#385368;display:block}.form-grid input,.form-grid select,.form-grid textarea,.search-bar input,.inline-form input{font-family:inherit;font-size:12px;border:1px solid #d7e2e9;border-radius:7px;padding:11px 12px;width:100%;margin-top:7px;background:#fff;color:var(--ink)}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.search-bar input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px #20a9d31c}.form-grid textarea{resize:vertical}.span-2{grid-column:span 2}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.search-bar{display:flex;gap:9px;margin:20px 0;align-items:center}.search-bar input{margin:0;max-width:500px}.actions{min-width:170px}.actions>a{display:inline-block;color:#0789b7;font-size:11px;font-weight:800;margin-right:10px}.inline-form{display:inline-flex;gap:5px;align-items:center;margin-top:5px}.inline-form input{width:130px;margin:0;padding:6px;font-size:10px}.link-danger{border:0;background:none;color:#b5362d;font-weight:800;font-size:10px;cursor:pointer}.status-text{display:inline-block;background:#f0f7fa;padding:5px 8px;border-radius:20px;font-size:10px}
@media(max-width:700px){.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.data-form{padding:0 14px 16px}.search-bar{flex-wrap:wrap}.search-bar input{max-width:none;flex:1 1 100%}.actions{min-width:220px}}
