:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#202c2b;background:#f7f9f8;--bg:#f7f9f8;--surface:#fff;--text:#202c2b;--muted:#7b8582;--border:#e5eae7;--green:#17634b;--soft:#eaf4ed}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.6}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1.2px;margin-bottom:10px;font-weight:650}h2{font-size:21px;letter-spacing:-.5px}h3{font-size:16px}p{line-height:1.6}small{color:var(--muted)}aside{position:fixed;width:246px;height:100dvh;background:var(--surface);border-right:1px solid var(--border);padding:30px 20px;display:flex;flex-direction:column;z-index:3}.wordmark{font-size:30px;font-weight:900;letter-spacing:-2px;display:flex;align-items:center;gap:11px;color:var(--green)}.wordmark span{font-size:10px;letter-spacing:2px;border-left:1px solid var(--border);padding-left:11px;font-weight:700}.workspace{display:flex;align-items:center;gap:10px;margin:30px 0 25px;padding:13px 9px;background:var(--bg);border:1px solid var(--border);border-radius:9px;font-size:12px;font-weight:600}.workspace small{display:block;font-size:10px;margin-top:5px;font-weight:400}.workspace-icon{padding:10px;background:var(--soft);color:var(--green);border-radius:7px}.dot{display:inline-block;background:#6bad78;width:7px;height:7px;border-radius:50%;margin-left:auto}.nav-label{display:block;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:1.5px;margin:18px 10px 10px}nav{overflow:auto}nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;color:#73807a;border-radius:7px;font-size:16px;margin:3px 0}nav a span{font-size:12px}nav a.active{color:var(--green);background:var(--soft);font-weight:650}nav a:hover{background:var(--bg)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border);padding:20px 9px 0;font-size:10px}.sidebar-bottom .dot{margin-right:6px}.sidebar-bottom small{display:block;font-size:9px;margin-top:8px}.shell{margin-left:246px}header{height:80px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 36px;gap:20px}.breadcrumb{font-size:11px;color:var(--muted);flex:1}.breadcrumb span{padding:0 13px;color:#c3ccc5}.breadcrumb b{color:var(--text);font-weight:500}.search{display:flex;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:8px 12px;gap:8px}.search input{background:transparent;border:0;outline:0;width:210px;font-size:11px;color:var(--text)}.icon-button{border:0;background:transparent;color:var(--muted);font-size:20px;padding:5px}.avatar{display:grid;place-items:center;width:32px;height:32px;background:#f1e9d7;color:#867043;border-radius:50%;font-size:10px;font-weight:bold}.text-button{background:none;border:0;color:var(--muted);font-size:12px;padding:8px}#menu{display:none}#content{max-width:1370px;margin:auto;padding:37px 40px 20px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:650;color:var(--muted);display:block;margin-bottom:13px}.lead{color:var(--muted);font-size:12px;margin-bottom:26px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.accent{color:#68a47b}.phase{white-space:nowrap;font-size:10px;padding:8px 12px;border:1px solid var(--border);background:var(--surface);border-radius:20px}.phase .dot{margin:0 6px 0 0}.hero{background:#123f34;color:#fff;border-radius:13px;display:flex;justify-content:space-between;overflow:hidden;position:relative;padding:31px 35px;min-height:255px}.hero .eyebrow{color:#9fc5b4}.hero h2{font-size:33px;font-weight:500;line-height:1.15;letter-spacing:-1px;margin-bottom:15px}.hero p{color:#b0c8be;font-size:11px}.hero-link{font-size:11px;display:inline-flex;gap:35px;border-bottom:1px solid #5d8d79;padding-bottom:8px}.hero-graphic{width:45%;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #34624f;border-radius:50%;width:250px;height:250px;transform:rotate(-25deg)}.o2{width:350px;height:350px}.hub{width:112px;height:112px;background:#e0efc8;border-radius:23px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#244733;font-size:57px;font-weight:800;box-shadow:0 0 55px #7faa4e22;transform:rotate(-6deg)}.hub span{font-size:7px;letter-spacing:1px}.float{position:absolute;padding:10px 15px;background:#295b49;border:1px solid #4c7663;border-radius:8px;font-size:10px;z-index:1}.f1{left:4%;top:20px;transform:rotate(-8deg)}.f2{right:0;top:70px;transform:rotate(8deg)}.f3{left:12%;bottom:2px;transform:rotate(-5deg)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:21px 0 30px}.metrics>div{border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:17px 20px}.metrics>div>span{font-size:11px;color:var(--muted)}.metrics strong{display:block;font-size:25px;margin:10px 0;color:#a0aba4}.metrics small{font-size:9px}.hollow-dot{display:inline-block;width:6px;height:6px;border:1px solid #a0aba4;border-radius:50%;margin-right:4px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:29px 0 17px}.section-heading h2{font-size:18px;margin:0 0 6px}.section-heading p{font-size:11px;color:var(--muted);margin:0}.section-heading>span{font-size:10px;color:var(--muted)}.areas{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.area-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:21px 22px 0;transition:transform .2s,border-color .2s}.area-card:hover{transform:translateY(-3px);border-color:#95b8a3}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.area-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;font-size:23px;background:#edf4f0;color:#447b63}.ventas{background:#edf1ff;color:#6c7bc0}.pedidos{background:#fcf2e3;color:#bc985f}.produccion{background:#f4eefa;color:#9e79b3}.tienda{background:#eaf5f5;color:#62a0a2}.marketing{background:#fceff0;color:#c88591}.rrhh{background:#f9efdf;color:#b6a06d}.sistemas{background:#edf0f3;color:#73899f}.arrow{color:#b0bcb4;font-size:17px}.area-card h3{margin-bottom:7px;font-size:14px;font-weight:600}.area-card p{font-size:11px;color:var(--muted);min-height:36px;max-width:240px;margin-bottom:17px}.card-bottom{border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;min-height:43px;font-size:10px;color:var(--muted)}.status{color:#508467}.status:before,.pending:before{content:'•';margin-right:6px}.pending{color:#929d96}.quick-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-links a{border:1px solid var(--border);background:var(--surface);border-radius:8px;display:flex;gap:12px;padding:16px;align-items:center;font-size:11px}.quick-links a>span{background:var(--soft);padding:6px;border-radius:5px;color:var(--green)}.quick-links small{margin-left:auto}.flow{margin-top:28px;border:1px solid var(--border);padding:23px;border-radius:9px;background:var(--surface)}.flow h3{font-weight:500;font-size:16px}.flow p{font-size:11px;color:var(--muted)}.flow p span{padding:0 9px;color:#9eafa4}.flow small{font-size:9px}footer{padding:26px 40px;color:#8c9990;font-size:9px;display:flex;gap:16px;border-top:1px solid var(--border);margin-top:20px}footer small{margin-left:auto;font-size:9px}.tools{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:20px 0}.tool{display:flex;gap:18px;align-items:center;background:var(--surface);border:1px solid var(--border);padding:23px;border-radius:10px}.tool>span:last-child{margin-left:auto;color:var(--muted)}.tool h3{margin-bottom:6px}.tool p{font-size:11px;color:var(--muted);margin-bottom:8px}.tool small{font-size:10px}.tool-icon{padding:12px;background:var(--soft);color:var(--green);border-radius:9px}.department-banner{background:var(--soft);border-radius:12px;padding:25px;display:flex;align-items:center;gap:20px;margin:25px 0}.department-banner h2{margin-bottom:7px}.department-banner p{font-size:12px;margin-bottom:0;color:var(--muted)}.big-icon{font-size:40px;color:var(--green)}.badge{font-size:10px;margin-left:auto;color:var(--green)}.panel{background:var(--surface);border:1px solid var(--border);padding:25px;border-radius:10px}.empty{grid-column:1/-1;text-align:center;padding:60px}.empty>span{font-size:35px;color:var(--muted)}.empty h3{margin-top:20px}.panel p{font-size:12px;color:var(--muted)}.roadmap{margin-top:40px}.section-title{margin-top:30px;font-size:18px}.module-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.module-form .wide{grid-column:1/-1}label{display:block;font-size:12px}label input,label select{display:block;width:100%;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);padding:12px;margin-top:8px}.primary{background:var(--green);color:#fff;border:0;padding:14px 19px;border-radius:7px;font-size:12px}.primary span{float:right}#form-status,#error{color:#b45b49;font-size:12px}.login{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr}.login-story{background:#123f34;color:#fff;padding:60px;display:flex;flex-direction:column;justify-content:space-between}.login-story .wordmark{color:#dfeacb}.login-story h1{font-size:48px;line-height:1.12;font-weight:500}.login-story p{font-size:15px;color:#b2c7bc;max-width:380px}.login-story .eyebrow{color:#aac5b5}.login-form{align-self:center;max-width:450px;padding:40px;margin:auto;width:100%}.login-form h2{font-size:25px}.login-form p{font-size:13px;color:var(--muted)}.login-form label{margin:20px 0}.login-form button.primary{width:100%}.login-form small{display:block;margin:25px 0;font-size:11px;line-height:1.8}#toast{position:fixed;bottom:25px;right:25px;background:#183e30;color:#fff;padding:15px 23px;border-radius:8px;font-size:12px;max-width:90%;opacity:0;pointer-events:none;z-index:5}#toast.visible{opacity:1}[data-theme=dark]{--bg:#151d1a;--surface:#1d2923;--text:#e4ece7;--muted:#a1b0a7;--border:#324237;--green:#9ecaa9;--soft:#2b4032;color:var(--text);background:var(--bg)}[data-theme=dark] .primary{background:#3e7955;color:#fff}[data-theme=dark] .area-icon{background:#304537}[data-theme=dark] .avatar{background:#4d4531;color:#ded1ab}@media(min-width:1500px){#content{padding-top:45px}.hero{min-height:285px}.area-card{padding-top:25px;padding-bottom:5px}}@media(max-width:1100px){aside{width:210px;padding:25px 14px}.shell{margin-left:210px}header{padding:0 22px;gap:12px}.breadcrumb{display:none}.search{margin-right:auto}#content{padding:30px 25px}.hero-graphic{width:40%}.float{padding:8px}.f2{right:-20px}.page-heading h1{font-size:27px}.phase{display:none}.area-card{padding:18px 17px 0}.metrics>div{padding:15px 13px}.flow p span{padding:0 4px}}@media(max-width:780px){aside{transform:translateX(-100%);transition:transform .2s;width:246px;box-shadow:10px 0 30px #0002}.menu-open aside{transform:translateX(0)}.shell{margin-left:0}#menu{display:block}header{height:65px;padding:0 18px}.search{flex:1}.search input{width:100%;min-width:0}.search span{display:none}.avatar{display:none}#content{padding:26px 20px}.hero{padding:27px;min-height:245px}.hero-graphic{display:none}.hero h2{font-size:31px}.areas{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}.quick-links{grid-template-columns:repeat(2,1fr)}.tools{grid-template-columns:1fr}.login{grid-template-columns:1fr}.login-story{padding:30px;gap:35px}.login-story h1{font-size:34px}.login-story small{display:none}.login-form{padding:35px 25px}.login-form h2{font-size:23px}footer{padding:22px;flex-wrap:wrap}footer small{margin-left:0}.department-banner{flex-wrap:wrap}.badge{margin-left:0}.module-form{grid-template-columns:1fr}.module-form .wide{grid-column:auto}}@media(max-width:420px){.areas,.quick-links{grid-template-columns:1fr}.page-heading h1{font-size:25px}.section-heading{gap:15px}.section-heading>span{font-size:9px;max-width:95px;text-align:right}.metrics>div>span{font-size:10px}header{gap:7px}.search input{font-size:10px}.flow p{line-height:2.2}}

/* Identidad oficial VAUH: #2F3D30 #485C48 #C17670 #D3B1A9 #F2DCD1 */
:root{font-family:"Segoe UI",Arial,sans-serif;--bg:#f7f3ef;--surface:#fffdfa;--text:#2f3d30;--muted:#65705f;--border:#e6dcd4;--green:#2f3d30;--soft:#f3e7df;background:var(--bg);color:var(--text)}
body{background:var(--bg)}
aside{background:linear-gradient(#2f3d30f2,#2f3d30fc),url('/brand/pattern.png') center/420px;color:#f2dcd1;padding-top:30px}
.wordmark{display:flex;flex-direction:column;align-items:center;gap:0;letter-spacing:0;color:#f2dcd1}.wordmark img{display:block;width:147px;height:70px;object-fit:contain}.wordmark span{border:0;padding:0;margin-top:14px;font-size:9px;letter-spacing:5px;color:#f2dcd1;font-weight:500}
.workspace{margin-top:26px;margin-bottom:14px;background:#f2dcd109;border-color:#f2dcd122;color:#f2dcd1}.workspace small{color:#d0d6c9}.workspace-icon{background:#f2dcd114;color:#f2dcd1}.dot{background:#d3b1a9}.nav-label{color:#c8c6b6;font-size:8px}nav a{color:#f2dcd1;border:1px solid transparent;font-size:16px;padding:10px 11px}nav a.active{background:#f2dcd114;border-color:#f2dcd135;color:#f2dcd1}nav a:hover{background:#f2dcd11a}nav a span{font-size:12px}.brand-note{font-family:Georgia,serif;font-size:24px;color:#f2dcd1;line-height:1.3;margin:20px 10px}.brand-note em{color:#d3b1a9}.sidebar-bottom{color:#f2dcd1;border-color:#f2dcd130}.sidebar-bottom small{color:#c9d0c2;font-size:9px}
header{background:var(--bg)}.search{background:var(--surface)}.avatar{background:#f2dcd1;color:#76534d}.accent{color:#c17670}.phase{background:#fff9}.eyebrow{color:#65705f}.primary{background:#2f3d30;color:#f2dcd1;box-shadow:0 4px 12px #2f3d3014}.primary:hover{background:#485c48}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);padding:0;min-height:300px;background:#f2e4db;color:#2f3d30;border:1px solid #e6dcd4;border-radius:17px}.hero-copy{padding:34px 36px;background:linear-gradient(115deg,#f7ece5,#f2e4db);z-index:1}.hero .eyebrow{color:#596750;font-size:9px}.hero h2{font-size:39px;line-height:1.16;font-weight:400;letter-spacing:-1.5px}.hero h2 em{font-family:Georgia,serif;color:#76534d;font-weight:400}.hero p{color:#596750;font-size:12px}.hero-link{background:#2f3d30;color:#f2dcd1;border:0;border-radius:8px;padding:12px 17px;gap:28px;box-shadow:0 4px 12px #2f3d3014}.hero-link:hover{background:#485c48}.hero-visual{position:relative;margin:0;overflow:hidden;min-width:0;background:#2f3d30}.hero-visual img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 23%}.hero-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:45px 12px 16px;background:linear-gradient(transparent,#1c2b24ed);text-align:center;color:#f2dcd1;font-size:8px;letter-spacing:2px}
.metrics>div{background:#efe6e0;border-color:#e6dcd4}.metrics>div:first-child{background:#2f3d30;color:#f2dcd1;border-color:#2f3d30}.metrics>div:first-child>span,.metrics>div:first-child strong,.metrics>div:first-child small{color:#f2dcd1}.metrics strong{color:#65705f}.metrics small{color:#65705f}.area-card{border-radius:12px}.area-card:hover{border-color:#bb978d;box-shadow:0 5px 18px #2f3d3009}.area-icon,.ventas,.pedidos,.produccion,.tienda,.marketing,.rrhh,.sistemas{background:#f3e7df;color:#76534d}.administracion,.inventario,.tienda{background:#eaf0e6;color:#485c48}.status{color:#485c48}.pending{color:#776b65}.arrow{color:#b38c83}.card-bottom{color:#76534d}.quick-links a>span{color:#76534d}.flow{background:#f3ebe5}.flow p span{color:#c17670}.department-banner{background:#f2e4db}.department-banner .big-icon{color:#76534d}.badge{color:#76534d}.login-story{background:linear-gradient(#2f3d30e8,#2f3d30f7),url('/brand/pattern.png') center/600px;color:#f2dcd1}.login-story .wordmark{align-items:flex-start}.login-story .wordmark img{width:180px;height:86px}.login-story .wordmark span{margin-left:43px}.login-story h1 em{font-family:Georgia,serif;color:#d3b1a9;font-weight:400}.login-story p,.login-story small{color:#ded4c8}.login-story .eyebrow{color:#d3b1a9}.login-form h2{font-weight:500}.login-form input:focus{outline-color:#c17670}a:focus-visible,button:focus-visible{outline:3px solid #c17670}#toast{background:#2f3d30;color:#f2dcd1}
[data-theme=dark]{--bg:#1f2921;--surface:#29352b;--text:#f2e6df;--muted:#c3c7b7;--border:#485449;--green:#e0c2b7;--soft:#3d4438;background:var(--bg);color:var(--text)}[data-theme=dark] .eyebrow{color:#c3c7b7}[data-theme=dark] .phase{background:var(--surface)}[data-theme=dark] .primary{background:#c17670;color:#fff}[data-theme=dark] .metrics>div{background:#354033;border-color:#485449}[data-theme=dark] .metrics>div:first-child{background:#485c48}[data-theme=dark] .metrics strong,[data-theme=dark] .metrics small{color:#d4d7c9}[data-theme=dark] .status{color:#b9cfaa}[data-theme=dark] .pending{color:#d3b1a9}[data-theme=dark] .area-icon{background:#414b3d;color:#f2dcd1}[data-theme=dark] .card-bottom{color:#d3b1a9}[data-theme=dark] .flow{background:#354033}[data-theme=dark] .department-banner{background:#414b3d}[data-theme=dark] .badge,[data-theme=dark] .department-banner .big-icon{color:#e0c2b7}[data-theme=dark] .quick-links a>span{color:#f2dcd1}
@media(max-height:950px) and (min-width:781px){aside{padding-top:20px;padding-bottom:15px}.wordmark img{width:125px;height:59px}.wordmark span{margin-top:9px}.workspace{margin-top:20px}.brand-note{font-size:21px;margin:16px 10px}.nav-label{margin-top:14px}nav a{padding-top:8px;padding-bottom:8px}.sidebar-bottom{padding-top:15px}}
@media(max-height:780px) and (min-width:781px){.brand-note{display:none}nav{flex:1;min-height:0}.workspace{margin-top:15px;margin-bottom:5px}.sidebar-bottom{flex-shrink:0}}
@media(max-width:1100px){.hero-copy{padding:30px 25px}.hero h2{font-size:34px}.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.brand-note{font-size:22px}}
@media(max-width:780px){.hero{display:block;min-height:0}.hero-copy{padding:27px}.hero-visual{display:none}.hero h2{font-size:35px}.brand-note{display:none}aside{padding:23px 20px}nav{flex:1;min-height:0}.sidebar-bottom{flex-shrink:0}.login-story .wordmark img{width:135px;height:64px}.login-story .wordmark span{margin-left:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* Poppins local: archivos de la biblioteca tipográfica del propietario. */
@font-face{font-family:Poppins;src:url('/fonts/Poppins-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('/fonts/Poppins-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('/fonts/Poppins-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('/fonts/Poppins-ExtraBold.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:Poppins;src:url('/fonts/Poppins-MediumItalic.ttf') format('truetype');font-style:italic;font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('/fonts/Poppins-SemiBoldItalic.ttf') format('truetype');font-style:italic;font-weight:600;font-display:swap}
:root{font-family:Poppins,"Segoe UI",sans-serif;font-size:16px;font-synthesis:none}h1{font-size:34px;font-weight:600;line-height:1.3;letter-spacing:-1px}h2{font-weight:600;line-height:1.4}h3{font-weight:600;line-height:1.5}p{line-height:1.75}.lead{font-size:15px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:500}.wordmark span{font-size:11px;font-weight:500}.workspace{font-size:14px}.workspace small{font-size:12px;line-height:1.5}.nav-label{font-size:10px;line-height:1.6;letter-spacing:1.3px}nav a{padding:11px 10px;gap:10px}nav a span{font-size:14px;line-height:1.5;font-weight:400}nav a.active span{font-weight:500}.sidebar-bottom{font-size:12px;line-height:1.6}.sidebar-bottom small{font-size:11px;line-height:1.6}.brand-note{font-family:Poppins,sans-serif;font-size:23px;font-weight:400;line-height:1.5}.brand-note em{font-weight:500}.breadcrumb{font-size:13px;line-height:1.5}.breadcrumb b{font-weight:500}.search{padding:9px 12px}.search input{font-size:13px;width:245px}.text-button{font-size:13px}.avatar{font-size:12px}.phase{font-size:12px}.hero{min-height:330px}.hero-copy{padding:34px 36px}.hero .eyebrow{font-size:11px;line-height:1.8}.hero h2{font-size:38px;line-height:1.3;font-weight:500;letter-spacing:-1.2px}.hero h2 em,.login-story h1 em{font-family:Poppins,sans-serif;font-weight:500}.hero p{font-size:14px;line-height:1.8}.hero-link{font-size:13px;font-weight:500}.hero-visual figcaption{font-size:10px;line-height:1.6;letter-spacing:1.5px}.metrics>div{padding:20px}.metrics>div>span{font-size:14px;line-height:1.5}.metrics strong{font-size:30px;font-weight:500}.metrics small{font-size:12px;line-height:1.6}.section-heading h2{font-size:23px}.section-heading p{font-size:14px}.section-heading>span{font-size:12px}.area-card{padding:22px 22px 0}.area-card h3{font-size:17px;font-weight:500;line-height:1.5}.area-card p{font-size:14px;min-height:50px;max-width:none;line-height:1.7}.card-bottom{font-size:12px;min-height:49px;gap:10px}.quick-links a{font-size:14px;padding:18px;line-height:1.6}.quick-links small{font-size:12px}.flow .eyebrow{font-size:11px}.flow h3{font-size:19px;font-weight:500}.flow p{font-size:14px;line-height:2}.flow small{font-size:12px;line-height:1.6}footer,footer small{font-size:12px;line-height:1.6}.tool h3{font-size:17px}.tool p{font-size:14px;overflow-wrap:anywhere}.tool small{font-size:12px;overflow-wrap:anywhere}.department-banner p{font-size:15px}.badge{font-size:12px}.panel p{font-size:14px}.section-title{font-size:23px}.module-form label,.login-form label{font-size:14px;font-weight:500}label input,label select{font-size:15px;font-weight:400;min-height:46px}.primary{font-size:14px;font-weight:500;line-height:1.6}.login-form{max-width:510px}.login-form h2{font-size:28px;line-height:1.4}.login-form p{font-size:15px}.login-form small{font-size:13px}.login-story h1{font-size:43px;font-weight:500;line-height:1.3}.login-story p{font-size:17px;max-width:450px}.login-story small{font-size:13px}#toast{font-size:14px;line-height:1.6}#form-status,#error{font-size:14px}
aside{width:280px}.shell{margin-left:280px}header{padding:0 28px;gap:17px}#content{max-width:1450px;padding:36px}.workspace{padding:13px 9px}.brand-note{margin:20px 10px}.section-heading{gap:20px}.tools{grid-template-columns:repeat(2,minmax(0,1fr))}.tool{min-width:0}.tool>div{min-width:0}.areas{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-links{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics>div{min-width:0}
@media(max-height:1050px) and (min-width:781px){.brand-note{display:none}nav{flex:1;min-height:0}.sidebar-bottom{flex-shrink:0}.nav-label{margin-top:14px}nav a{padding:10px}.wordmark img{width:130px;height:62px}}
@media(max-height:800px) and (min-width:781px){aside{padding-top:18px}.workspace{margin-top:17px;margin-bottom:8px}.nav-label{margin-top:11px}nav a{padding:8px 10px}.sidebar-bottom{padding-top:12px}}
@media(max-width:1200px){aside{width:260px}.shell{margin-left:260px}.breadcrumb{display:none}.search{margin-right:auto}#content{padding:28px}.hero h2{font-size:33px}.hero-copy{padding:30px 27px}.hero p br{display:none}.metrics>div{padding:17px 14px}.areas{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading h1{font-size:30px}}
@media(max-width:950px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tools{grid-template-columns:1fr}.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.hero h2{font-size:30px}.hero-copy{padding:25px}.hero .eyebrow{font-size:10px}.hero p{font-size:14px}}
@media(max-width:780px){aside{width:280px}.shell{margin-left:0}header{padding:0 14px;gap:8px}.search{min-width:0;flex:1}.search input{width:100%;font-size:12px}#content{padding:26px 20px}.page-heading h1{font-size:29px}.lead{font-size:15px}.hero{display:block;min-height:0}.hero h2{font-size:34px}.hero-copy{padding:28px}.hero-visual{display:none}.hero .eyebrow{font-size:11px}.hero p{font-size:15px}.section-heading h2{font-size:21px}.section-heading>span{font-size:12px;max-width:110px;line-height:1.6;text-align:right}.section-heading p{font-size:14px}.area-card p{font-size:14px}.brand-note{display:none}.login-story h1{font-size:33px}.login-story p{font-size:15px}.login-form h2{font-size:25px}.department-banner{padding:20px}.department-banner h2{font-size:21px}.department-banner p{font-size:14px}.module-form label{font-size:14px}}
@media(max-width:520px){.areas,.quick-links{grid-template-columns:1fr}.metrics>div>span{font-size:13px}.metrics small{font-size:12px}.metrics>div{padding:16px 13px}.area-card p{min-height:0}.area-card h3{font-size:18px}.area-card{padding:22px 23px 0}.flow p{font-size:14px}.flow p span{padding:0 5px}.tool{padding:20px;gap:12px}.tool-icon{padding:9px}.section-heading{align-items:flex-start}.hero-copy{padding:26px 23px}footer{padding:20px;gap:10px}.search input{font-size:12px}.page-heading h1{font-size:27px}.department-banner .badge{flex-basis:100%}}
/* Herramientas en el espacio central. Orígenes verificados explícitamente. */
.tool-open #content{max-width:none;padding:18px 22px;min-height:calc(100dvh - 80px)}.tool-open footer{display:none}.tool-workspace{display:flex;flex-direction:column;min-height:calc(100dvh - 116px)}.tool-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px 10px 0 0}.tool-toolbar h1{font-size:18px;font-weight:500;letter-spacing:0;margin:0;text-align:center}.tool-toolbar a{font-size:14px;padding:8px 10px;border-radius:6px;white-space:nowrap}.tool-toolbar a:hover{background:var(--soft)}.tool-frame{display:block;width:100%;flex:1;min-height:calc(100dvh - 180px);border:1px solid var(--border);border-top:0;background:white;border-radius:0 0 10px 10px}.tool-pending{margin-top:20px;max-width:760px;align-self:center;padding:32px}.tool-pending h2{font-size:24px}.tool-pending p{font-size:15px}.external-fallback{display:inline-block;margin-top:12px}.tool-open .search{display:none}@media(max-width:780px){.tool-open #content{padding:12px;min-height:calc(100dvh - 65px)}.tool-toolbar{gap:6px;padding:10px 6px;flex-wrap:wrap}.tool-toolbar h1{font-size:15px;order:3;flex-basis:100%;padding:8px}.tool-toolbar a{font-size:13px}.tool-frame{min-height:calc(100dvh - 190px)}.tool-pending{padding:24px}.tool-pending h2{font-size:21px}}
.marketing-source{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:22px 25px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.marketing-source b{font-size:15px;font-weight:500}.marketing-source p{font-size:13px;margin:8px 0 0;color:var(--muted)}.review-notice{padding:15px 18px;border-left:3px solid #c17670;background:var(--soft);font-size:13px;line-height:1.8;border-radius:0 7px 7px 0;margin:18px 0 25px}.marketing-filters{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:20px;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.marketing-filters label{font-size:13px}.schedule-day{font-size:20px;text-transform:capitalize;margin:35px 0 16px;font-weight:500}.scheduled-post{display:flex;gap:22px;align-items:center;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:20px;margin-bottom:15px}.post-preview{position:relative;width:145px;height:155px;flex-shrink:0;border-radius:9px;background:var(--soft);display:grid;place-items:center;overflow:hidden}.post-preview img{width:100%;height:100%;object-fit:contain}.media-count{position:absolute;bottom:6px;right:6px;padding:4px 7px;border-radius:5px;background:#2f3d30ed;color:#f2dcd1;font-size:10px}.post-copy{min-width:0;flex:1}.post-copy h3{font-size:16px;font-weight:500;margin:12px 0 8px}.post-excerpt{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px;white-space:pre-line;overflow-wrap:anywhere}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.post-meta b{font-size:15px;color:var(--text);font-weight:500}.network-tag{border:1px solid var(--border);padding:4px 8px;border-radius:20px;text-transform:capitalize;color:var(--text)}.review-state{padding:5px 8px;border-radius:5px;background:var(--soft);color:#76534d}.review-state.reviewed{background:#e9f0e3;color:#485c48}.review-state.changes_requested{background:#f4e0dc;color:#924c46}.review-open{white-space:nowrap;padding:11px 15px;font-size:13px}.post-dialog{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:14px;width:min(850px,94vw);max-height:90dvh;padding:30px}.post-dialog::backdrop{background:#19251dcc;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dialog-heading h2{font-size:22px}.review-gallery{display:flex;gap:15px;overflow-x:auto;margin:22px 0;scroll-snap-type:x mandatory}.review-gallery img{max-width:min(100%,420px);height:320px;object-fit:contain;border-radius:8px;background:var(--bg);scroll-snap-align:start}.full-caption{white-space:pre-wrap;font-size:15px;overflow-wrap:anywhere}.post-dialog label{font-size:14px}.post-dialog textarea{display:block;width:100%;font:inherit;font-size:14px;padding:12px;margin-top:9px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--text);resize:vertical}.review-history{font-size:12px;background:var(--bg);padding:15px;border-radius:7px}.review-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.secondary{font-size:14px;border:1px solid var(--border);padding:13px 17px;border-radius:7px;color:var(--text);background:var(--soft)}#review-result{font-size:13px;color:#c17670}.marketing-metrics strong{font-size:32px}[data-theme=dark] .review-state{color:#e0c2b7}[data-theme=dark] .review-state.reviewed{background:#3d523d;color:#d2e7c5}[data-theme=dark] .review-state.changes_requested{background:#5c3a35;color:#f4cec5}@media(max-width:1100px){.scheduled-post{flex-wrap:wrap;gap:15px}.post-preview{width:115px;height:125px}.review-open{margin-left:auto}.post-copy{flex-basis:60%}}@media(max-width:650px){.marketing-source{flex-direction:column;align-items:flex-start;padding:20px}.marketing-source .badge{margin:0}.marketing-filters{grid-template-columns:1fr;padding:20px;gap:15px}.scheduled-post{padding:18px;align-items:flex-start}.post-preview{width:100%;height:230px}.post-copy{flex-basis:100%}.review-open{width:100%}.post-dialog{padding:22px}.dialog-heading h2{font-size:18px}.review-gallery img{height:250px}.review-actions{flex-direction:column}.marketing-metrics strong{font-size:28px}}
.tool-auth{margin:18px 0}.tool-auth h2{font-size:22px}.tool-auth .review-actions{justify-content:flex-start;flex-wrap:wrap}.tool-auth .secondary{display:inline-block}.tool-compatibility{margin:16px 0 0;color:var(--muted)}.tool-auth.compact h2,.tool-auth.compact>p:first-of-type{display:none}.tool-auth.compact{padding:15px 20px}.tool-auth.compact .review-actions{margin-top:0}#private-frame{display:flex;flex:1;min-height:0}#private-frame .tool-frame{min-height:calc(100dvh - 300px)}#n8n-drafts{margin:25px 0}#n8n-drafts>p{font-size:14px}.draft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.draft-card{min-width:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--bg)}.draft-card>img{width:100%;height:280px;object-fit:contain;background:var(--surface)}.draft-card>div{padding:22px}.draft-card p{font-size:14px}.draft-card .review-actions{flex-wrap:wrap;justify-content:flex-start}.draft-card button{font-size:12px}.draft-card .full-caption{max-height:250px;overflow:auto}.draft-card .review-history{background:var(--surface)}@media(max-width:1000px){.draft-grid{grid-template-columns:1fr}}@media(max-width:650px){.tool-auth .review-actions>*{width:100%;text-align:center}.tool-auth{padding:20px}.draft-card>img{height:230px}}
/* Herramienta activa: barra compacta y resto de la altura para la aplicación. */
.tool-menu{display:none}.tool-active{overflow:hidden}.tool-active .shell{height:100dvh}.tool-active .shell>header{display:none}.tool-active #content{height:100dvh;min-height:0;padding:8px 10px}.tool-active .tool-workspace{height:100%;min-height:0}.tool-active .tool-toolbar{min-height:48px;flex-shrink:0;padding:4px 12px;gap:12px}.tool-active .tool-toolbar h1{font-size:15px}.tool-active .tool-toolbar a{font-size:13px;padding:7px 9px}.tool-active .tool-frame,.tool-active #private-frame .tool-frame{height:100%;min-height:0;flex:1}.tool-active #private-frame{flex:1;min-height:0}.tool-active .tool-auth{display:none}@media(max-width:780px){.tool-menu{display:block}.tool-active #content{padding:5px}.tool-active .tool-toolbar{flex-wrap:nowrap;gap:5px;padding:4px 5px;min-height:48px}.tool-active .tool-toolbar h1{display:none}.tool-active .tool-toolbar a{font-size:12px;padding:7px 5px}.tool-active .tool-toolbar a:last-child{margin-left:auto}}
.tool-toolbar h1 a{font:inherit;padding:0;color:inherit}.tool-toolbar h1 a:hover{background:none}