:root{--navy:#0b1e33;--navy2:#122b45;--ink:#152840;--soft:#627287;--muted:#8493a5;--border:#e3e9f0;--green:#0ca781;--bg:#f6f8fb;--white:#fff;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.55}button,input,select,textarea{font:inherit}button,a{transition:background .18s,color .18s,border-color .18s}button{cursor:pointer}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin-top:0}.container{width:min(1180px,calc(100% - 52px));margin:auto}.site-header{height:84px;border-bottom:1px solid #eaf0f4;background:white}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:12px;color:var(--navy)}.logo-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--navy);color:white;font-weight:800;font-size:25px;position:relative}.logo-mark:after{content:"";width:9px;height:9px;background:#2dcda6;border-radius:50%;position:absolute;right:-3px;top:-3px;border:3px solid white}.logo b{display:block;font-size:19px;letter-spacing:-.04em;line-height:1.15}.logo small{font-size:9px;letter-spacing:2px;color:#6e7e91;font-weight:800}.public-nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:650}.public-nav a:hover{color:var(--green)}.button{display:inline-flex;justify-content:center;align-items:center;gap:15px;border-radius:10px;padding:13px 21px;font-size:13px;font-weight:750;border:1px solid transparent;min-height:46px;cursor:pointer}.button-primary{background:#12ae89;color:white;box-shadow:0 8px 18px #0ab18823}.button-primary:hover{background:#098e72}.button-outline{border-color:#cfdbe4;background:white;color:var(--ink)}.button-outline:hover,.button-ghost:hover{border-color:var(--green)}.button-ghost{border-color:#dbe6ec;background:#f9fbfc}.hero{background:radial-gradient(ellipse at 83% 35%,#ebf9f3 0,transparent 42%),#fbfcfe;padding:100px 0 94px}.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:72px}.eyebrow,.section-kicker{font-size:11px;font-weight:850;letter-spacing:2px;color:#078d71}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#eaf8f3;padding:8px 12px;border:1px solid #d1ecdf;border-radius:50px}.green-dot{width:7px;height:7px;background:#04ac77;border-radius:50%}.hero h1{font-size:clamp(42px,4.5vw,68px);line-height:1.1;letter-spacing:-.065em;color:var(--navy);max-width:620px;margin:22px 0}.hero h1 em{font-style:normal;color:#09a983}.hero-desc{font-size:17px;color:#5c7084;max-width:530px;line-height:1.8}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:28px 0}.trust-note{font-size:12px;color:#7c8fa0;font-weight:600}.hero-art{position:relative}.mock-window{background:white;border:1px solid #dce9e9;border-radius:15px;box-shadow:0 30px 65px #153f4b21;overflow:hidden;transform:rotate(1deg)}.mock-top{height:46px;border-bottom:1px solid #e5eaf0;display:flex;align-items:center;gap:6px;padding:0 17px}.mock-dot{width:8px;height:8px;border-radius:50%;background:#d6e3ea}.mock-title{margin-left:14px;color:#7f8c9c;font-size:11px}.mock-body{padding:24px}.mock-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.mock-heading small{font-size:11px;color:var(--soft)}.mock-heading h3{font-size:19px;margin:4px 0 18px}.tag{background:#f5f7fa;border-radius:8px;padding:7px;font-size:10px;color:#8290a0}.mock-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mock-stat{padding:16px;border:1px solid var(--border);border-radius:10px}.mock-stat small{font-size:9px;font-weight:700;color:#7b8fa1}.mock-stat strong{display:block;font-size:23px;margin:6px 0;letter-spacing:-1px}.mock-stat span{font-size:10px;color:#7a8a9b}.mock-stat .up{color:#159c75}.mock-chart{height:117px;display:flex;align-items:flex-end;gap:12px;padding:14px 10px;border-bottom:1px solid var(--border);margin:15px 0}.mock-chart span{flex:1;background:linear-gradient(#30bfa2,#d4f7e9);border-radius:5px 5px 1px 1px}.mock-rows>div{display:flex;align-items:center;gap:13px;padding:10px 0;border-bottom:1px solid #f1f3f6;font-size:11px}.mock-rows i{font-size:9px;font-style:normal;font-weight:800;background:#ecf7f4;padding:7px;border-radius:6px;color:#088f76}.mock-rows span{flex:1;color:#405267}.mock-rows b{color:#138e79;font-size:10px}.art-caption{text-align:right;color:#94a2af;font-size:11px;margin:12px 0}.strip{background:var(--navy);color:#c6d6e4}.strip-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:17px;flex-wrap:wrap}.strip-inner span{font-size:10px;letter-spacing:1.7px;color:#8fabbf;font-weight:850}.strip-inner b{font-size:15px}.section{padding:95px 0}.section h2{font-size:clamp(31px,3.1vw,46px);line-height:1.14;letter-spacing:-.045em;color:var(--navy);margin:14px 0 22px}.section p{color:var(--soft);line-height:1.8}.split{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.check-lines{margin-top:30px;display:grid;gap:15px;font-weight:650;color:#334f60}.check-lines div::first-letter{color:#0da880}.feature-panel{background:#f7fafb;border:1px solid #dfe8ed;border-radius:16px;padding:25px}.feature-top{font-weight:850;letter-spacing:1.2px;font-size:11px;display:flex;justify-content:space-between;gap:10px;margin-bottom:15px}.feature-top span{color:#078e75;letter-spacing:0}.feature-tile{display:flex;align-items:flex-start;gap:14px;padding:18px 12px;background:white;border:1px solid #e8eef1;border-radius:11px;margin:10px 0}.feature-tile>span{font-size:22px}.feature-tile b{font-size:13px}.feature-tile p{margin:3px 0 0;font-size:12px}.alt-section{background:#f7f9fc}.section-head{text-align:center;max-width:620px;margin:0 auto 40px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:white;border:1px solid #e4ebf1;border-radius:13px;padding:30px}.feature-icon{font-size:25px;width:53px;height:53px;display:grid;place-items:center;border-radius:12px;background:#f1f9f7}.feature-card h3{margin:20px 0 8px;font-size:17px}.feature-card p{font-size:13px;margin:0}.price-grid{display:grid;grid-template-columns:1fr 430px;gap:100px;align-items:center}.price-card{border:1px solid #dfe9ec;border-radius:16px;box-shadow:0 18px 40px #132e4610;padding:34px}.pill{font-size:10px;letter-spacing:1.5px;font-weight:850;color:#028e71;background:#e7f9f2;padding:9px;border-radius:30px}.price{display:flex;gap:8px;align-items:baseline;margin:22px 0}.price b{font-size:45px;letter-spacing:-2px;color:var(--navy)}.price span{font-size:12px;color:#72859b}.price-card p{font-size:13px}.price-card .button{width:100%}.cta-section{background:var(--navy);color:white}.cta-inner{max-width:770px;text-align:center}.cta-section h2{color:white}.cta-section p{color:#bed0dd}.cta-section .hero-actions{justify-content:center}.button-white{background:white;color:var(--navy)}.button-outline-light{border-color:#678094;color:white}.contact-note{font-size:12px}.site-footer{background:#071729;color:#a8bdcd;padding:28px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px}.footer-inner b{color:white;font-size:14px}
/* PORTAL */
.portal-body{background:var(--bg);min-height:100vh}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-aside{background:linear-gradient(130deg,#081b2e,#144260);color:white;padding:64px min(8vw,100px);display:flex;flex-direction:column;justify-content:space-between}.auth-aside .logo{color:white}.auth-aside .logo-mark{background:white;color:var(--navy)}.auth-aside h1{font-size:clamp(30px,3vw,45px);line-height:1.15;letter-spacing:-.04em}.auth-aside p{color:#c0d1dd;max-width:460px}.auth-form-wrap{display:flex;justify-content:center;align-items:center;padding:35px}.auth-card{width:min(430px,100%);background:white;border:1px solid var(--border);padding:32px;border-radius:17px;box-shadow:0 14px 45px #24405a09}.auth-card h2{font-size:27px;letter-spacing:-1px}.auth-tabs{display:flex;background:#f3f6f9;border-radius:10px;padding:4px;margin-bottom:26px}.auth-tabs button{border:0;background:transparent;flex:1;padding:11px;border-radius:8px;font-size:13px;font-weight:700;color:#698195}.auth-tabs button.active{background:white;color:var(--navy);box-shadow:0 2px 7px #00000010}.field{display:flex;flex-direction:column;gap:7px;margin:12px 0}.field label{font-size:12px;font-weight:800;color:#445a70}.field input,.field select,.field textarea,.select-input{border:1px solid #dce5ed;background:white;border-radius:9px;padding:11px 12px;color:var(--ink);width:100%;outline:none;font-size:13px;min-height:44px}.field input:focus,.field select:focus,.field textarea:focus,.select-input:focus{border-color:#19b99a;box-shadow:0 0 0 3px #19b99a20}.muted{color:var(--soft)}.tiny{font-size:12px}.auth-card .button{width:100%;margin-top:12px}.inline-link{color:#0b9e83;text-decoration:underline}.alert{padding:12px 14px;border-radius:10px;background:#fff6e7;color:#805b1b;font-size:12px;margin:10px 0;border:1px solid #f3dfb9}.alert.good{background:#e8f8ef;color:#156544;border-color:#c5ecd7}.alert.error{background:#fff0ed;color:#a5352c;border-color:#ffd9d1}.portal-shell{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh}.portal-sidebar{background:var(--navy);color:#cedbe6;padding:29px 17px;display:flex;flex-direction:column;gap:20px}.portal-sidebar .logo{color:white;margin:0 7px 19px}.portal-sidebar .logo-mark{background:#1e4960;color:white}.portal-sidebar .logo small{color:#a0b8c5}.sidebar-caption{font-size:10px;font-weight:850;letter-spacing:1.6px;color:#7393a7;margin:8px 13px}.portal-nav{display:grid;gap:3px}.nav-item{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:9px;color:#c6d3e0;font-size:13px;font-weight:650;border:0;background:transparent;text-align:left;width:100%}.nav-item.active,.nav-item:hover{background:#25455d;color:white}.nav-item span{font-size:18px}.sidebar-spacer{flex:1}.sidebar-account{border-top:1px solid #38516b;padding:18px 9px;font-size:12px;overflow-wrap:anywhere}.sidebar-account strong{display:block;color:white}.portal-main{min-width:0}.portal-topbar{height:81px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 34px}.portal-topbar h2{font-size:17px;margin:0}.portal-topbar .top-right{display:flex;align-items:center;gap:14px}.portal-topbar select{width:auto;max-width:260px}.role-chip{font-size:10px;font-weight:800;letter-spacing:.5px;color:#16806a;background:#e8f7f0;border-radius:20px;padding:6px 11px;white-space:nowrap}.portal-content{padding:32px;max-width:1370px;margin:auto}.portal-content h1{font-size:31px;margin:0 0 6px;letter-spacing:-1px}.content-intro{color:#798b9e;font-size:13px;margin:0 0 26px}.section-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}.section-row h2{font-size:20px;margin:0}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.kpi{background:white;border:1px solid var(--border);border-radius:13px;padding:22px}.kpi .lbl{color:#7f91a2;font-size:11px;font-weight:750;letter-spacing:.3px}.kpi .value{display:block;font-size:28px;font-weight:800;margin:10px 0;color:var(--navy);letter-spacing:-1px}.kpi .note{font-size:11px;color:#8a98a6}.panel{background:white;border:1px solid var(--border);border-radius:13px;padding:24px;margin-bottom:20px}.panel h3{font-size:17px;margin:0 0 15px}.panel .explain{font-size:12px;color:#8191a0}.table-scroll{overflow-x:auto;width:100%}table{border-collapse:collapse;width:100%;font-size:12px;min-width:670px}th{color:#8294a5;text-align:left;font-size:10px;letter-spacing:.8px;font-weight:800;background:#f8fafb}th,td{padding:14px 12px;border-bottom:1px solid #edf1f5}td{color:#41566a}td b{color:#22384c}.badge{font-size:11px;font-weight:750;padding:5px 8px;border-radius:30px;background:#e8f8f0;color:#157b62}.badge.pending{background:#fff2db;color:#a8751c}.button-sm{padding:8px 11px;min-height:30px;font-size:11px;border:1px solid #ccdce5;background:white;border-radius:8px;color:#19384d;font-weight:750}.button-sm:hover{border-color:#0cad8a}.text-button{border:0;background:transparent;color:#078e72;font-weight:800;padding:6px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 17px}.form-grid .full{grid-column:1/-1}.flex{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stack{display:grid;gap:10px}.empty{padding:36px;text-align:center;color:#8a99a9;font-size:13px;border:1px dashed #d7e1e9;border-radius:11px}.empty strong{display:block;color:#4d6575;font-size:16px}.locked{display:grid;place-items:center;min-height:280px;text-align:center;padding:40px;color:#63788c}.locked h2{margin-bottom:10px;color:#1e364b}.locked p{max-width:510px}.toast{position:fixed;bottom:20px;right:20px;background:#123d50;color:white;padding:14px 18px;border-radius:10px;font-size:13px;box-shadow:0 10px 35px #0003;max-width:min(420px,calc(100vw - 36px));z-index:100}.toast.error{background:#9b3634}.mobile-nav-toggle{display:none}.mini-note{font-size:11px;color:#8394a2;padding:12px;border-top:1px solid #2b4964}.overview-flex{display:grid;grid-template-columns:2fr 1fr;gap:20px}.line-list{padding:0;list-style:none}.line-list li{padding:12px 0;border-bottom:1px solid #edf1f5;display:flex;justify-content:space-between;gap:10px;font-size:12px}.line-list li:last-child{border:0}.top-action{display:flex;gap:10px;flex-wrap:wrap}.mobile-logo{display:none}#portal-app[hidden],#auth-screen[hidden]{display:none}
@media(max-width:930px){.hero-grid,.split,.price-grid,.auth-wrap{grid-template-columns:1fr;gap:40px}.hero{padding:65px 0}.hero-art{max-width:650px}.strip-inner{justify-content:center}.portal-shell{grid-template-columns:1fr}.portal-sidebar{position:fixed;top:0;bottom:0;left:0;width:255px;z-index:50;transform:translateX(-103%);transition:transform .2s}.portal-shell.open .portal-sidebar{transform:translateX(0)}.mobile-nav-toggle{display:inline-flex}.portal-topbar{padding:0 18px}.portal-content{padding:24px}.auth-aside{padding:30px}.auth-aside h1{font-size:28px}.auth-aside p{display:none}.auth-form-wrap{padding:15px}.auth-wrap{gap:0}.auth-card{margin:15px auto}.overview-flex{grid-template-columns:1fr}.mobile-logo{display:block}}@media(max-width:690px){.container{width:calc(100% - 32px)}.site-header{height:70px}.public-nav{gap:9px}.public-nav>a:not(:last-child){display:none}.hero h1{font-size:43px}.hero-desc{font-size:15px}.mock-body{padding:13px}.mock-stat strong{font-size:18px}.tag{display:none}.mock-chart{gap:6px}.strip-inner{padding:20px 0}.strip-inner span{width:100%;text-align:center}.strip-inner b{font-size:12px}.section{padding:65px 0}.features-grid{grid-template-columns:1fr}.price-grid{gap:24px}.price-card{padding:24px}.kpi-grid{grid-template-columns:1fr}.portal-topbar .top-right{gap:6px}.portal-topbar select{max-width:150px;font-size:11px}.portal-topbar h2{font-size:13px}.role-chip{display:none}.portal-content h1{font-size:25px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.panel{padding:17px}.footer-inner{display:block}.footer-inner span{display:block;margin:7px 0}.auth-aside{padding:23px}.auth-aside h1{margin:17px 0 0}}


/* Tres paquetes comerciales. Apartado de servicios propuestos, no portal habilitado. */
.pricing-section{background:linear-gradient(180deg,#fff 0%,#f5f8fb 100%)}
.pricing-heading{max-width:760px;margin-bottom:48px}
.pricing-heading p strong{color:#334f60}
.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.plan-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #dce6ee;border-radius:18px;padding:30px 25px 24px;box-shadow:0 12px 30px #0c2d4910;overflow:hidden;min-width:0}
.plan-card.featured-plan{border:2px solid #14ad8b;box-shadow:0 18px 45px #0c785b22;transform:translateY(-8px)}
.plan-label{font-size:10px;letter-spacing:1.25px;font-weight:800;color:#168673;line-height:1.5;margin-bottom:13px;padding-right:70px}
.plan-card h3{font-size:27px;line-height:1.15;letter-spacing:-1px;margin:0 0 7px;color:var(--navy)}
.plan-desc{font-size:13px;min-height:57px;margin:0;color:#718296;line-height:1.5}
.plan-price{display:flex;align-items:baseline;gap:3px;margin:21px 0 1px;color:#0b1e33;white-space:nowrap}
.plan-price>span{font-size:23px;font-weight:750}
.plan-price strong{font-size:clamp(34px,3.0vw,46px);line-height:1.1;letter-spacing:-2.3px}
.plan-price small{font-size:11px;font-weight:700;color:#7d8b9d;margin-left:7px}
.plan-tax{color:#0c9b79!important;font-size:12px;font-weight:750;margin:0!important}
.plan-divider{height:1px;background:#e2eaf0;margin:24px 0}
.plan-features{padding:0;margin:0 0 15px;list-style:none;display:grid;gap:13px}
.plan-features li{position:relative;padding-left:24px;color:#344860;font-size:12.5px;line-height:1.5}
.plan-features li:before{content:'✓';position:absolute;left:0;top:0;color:#0ba481;font-size:16px;font-weight:850}
.plan-exclusion{font-size:11.5px!important;line-height:1.5!important;color:#7b8795!important;margin:auto 0 16px!important}
.plan-contact{width:100%;font-size:12px!important;min-height:46px;padding:10px!important}
.plan-ribbon{position:absolute;top:0;right:0;background:#0baa82;color:#fff;font-size:9px;font-weight:900;letter-spacing:.7px;padding:9px 11px;border-radius:0 13px 0 10px}
.pricing-clarity{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;background:#fff;border:1px solid #e3eaf0;border-radius:15px;margin:29px 0 18px;padding:25px}
.pricing-clarity strong{display:block;margin-bottom:6px;font-size:12px;color:#1e4155}
.pricing-clarity p{font-size:12px;line-height:1.65;margin:0}
.pricing-fineprint{color:#6f7e8b!important;font-size:11.5px;line-height:1.7!important;margin:14px 0 0!important}
@media (max-width:1000px){.plans-grid{grid-template-columns:1fr 1fr}.plan-card.featured-plan{transform:none}.pricing-clarity{grid-template-columns:1fr}}
@media (max-width:710px){.plans-grid{grid-template-columns:1fr}.plan-card{padding:25px}.plan-desc{min-height:0}.plan-price strong{font-size:43px}.pricing-clarity{gap:17px;padding:22px}.pricing-heading{margin-bottom:28px}.plan-label{padding-right:105px}}

/* Planes de cuota fija: version integral */
.pricing-heading em{font-style:normal;color:#08a580}
.all-inclusive-strip{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;background:#eaf8f2;color:#08785f;border:1px solid #c7ecde;padding:14px 16px;border-radius:13px;font-size:12px;font-weight:750;margin-bottom:35px}
.plan-cap{margin:16px 0 0!important;padding:12px 13px;border:1px solid #dcece6;border-radius:10px;background:#f0faf6;font-size:11.5px!important;color:#254f49!important;line-height:1.55!important;min-height:74px}
.plan-cap b{display:block;color:#0b8a69;margin-bottom:2px}
.plan-features{gap:11px}
.plan-features li{font-size:12px;line-height:1.55}
.plan-card .plan-ribbon{font-size:8px;max-width:158px;text-align:center;line-height:1.4}
.plan-exclusion{margin:auto 0 16px!important;padding-top:14px}
.pricing-clarity{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.pricing-clarity{grid-template-columns:1fr}}
@media(max-width:710px){.all-inclusive-strip{justify-content:flex-start;gap:11px}.all-inclusive-strip span,.all-inclusive-strip strong{width:100%}.plan-cap{min-height:0}}