/* Administración Redes DEA — generated from official approved HTML. */ .page-admin-dea *,.page-admin-dea *::before,.page-admin-dea *::after{box-sizing:border-box;margin:0;padding:0;} .page-admin-dea{ --brand:#51f1c5; --brand-dark:#1abf98; --brand-pale:#f0fdf9; --brand-light:#dcfdf2; --brand-border:#a7f3d0; --brand-text:#065f46; --brand-deep:#065F46; --ink:#1d1d1f; --slate:#424245; --muted:#6e6e73; --light:#d2d2d7; --border:#e5e5ea; --bg:#ffffff; --bg-alt:#f5f5f7; --red:#C53030; --amber:#FBBF24; --font-d:'Fraunces',Georgia,serif; --font-b:'DM Sans',system-ui,sans-serif; } .page-admin-dea{scroll-behavior:smooth;} .page-admin-dea{font-family:var(--font-b);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden;font-weight:400;} .page-admin-dea /* ── NAV ── */ nav{position:fixed;top:0;left:0;right:0;z-index:300;height:64px;display:flex;align-items:center;background:rgba(255,255,255,0.88);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border-bottom:1px solid rgba(0,0,0,0.06);} .page-admin-dea .nav-w{width:100%;max-width:1440px;margin:0 auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;} .page-admin-dea .nav-logo img{height:44px;width:auto;display:block;} .page-admin-dea .nav-back{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);text-decoration:none;transition:color .2s;} .page-admin-dea .nav-back:hover{color:var(--ink);} .page-admin-dea .nav-back svg{width:14px;height:14px;} .page-admin-dea .nav-cta{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:white;font-size:14px;font-weight:500;padding:10px 22px;border-radius:100px;text-decoration:none;white-space:nowrap;transition:background .2s;} .page-admin-dea .nav-cta:hover{background:#1DA851;} .page-admin-dea .nav-cta svg{width:16px;height:16px;fill:white;} .page-admin-dea /* ── HELPERS ── */ .fade{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;} .page-admin-dea .fade.in{opacity:1;transform:none;} .page-admin-dea .eyebrow{display:inline-block;font-size:14px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-text);} .page-admin-dea .eyebrow-lines{display:inline-flex;align-items:center;gap:16px;} .page-admin-dea .eyebrow-lines .line{height:1px;width:48px;background:var(--brand-border);} .page-admin-dea /* ── BOTONES ── */ .btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;border-radius:100px;font-family:var(--font-b);font-weight:500;font-size:16px;padding:18px 36px;transition:all .25s ease;border:none;cursor:pointer;} .page-admin-dea .btn-dark{background:var(--ink);color:white;} .page-admin-dea .btn-dark:hover{background:#000;transform:translateY(-1px);} .page-admin-dea .btn-brand{background:var(--brand);color:var(--brand-deep);} .page-admin-dea .btn-brand:hover{background:white;} .page-admin-dea .btn-out{background:white;color:var(--ink);border:1px solid var(--border);} .page-admin-dea .btn-out:hover{border-color:var(--brand-border);background:var(--brand-pale);} .page-admin-dea /* ── PILL CATEGORÍA ── */ .pill-cat{display:inline-flex;align-items:center;gap:12px;padding:8px 20px;background:rgba(81,241,197,0.08);border:1px solid rgba(93,202,165,0.4);border-radius:100px;} .page-admin-dea .pill-cat .dot{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 12px rgba(81,241,197,0.7);animation:pulse 2s infinite;} .page-admin-dea .pill-cat span:last-child{font-size:13.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-text);font-weight:500;} @keyframes pulse{0%,100%{opacity:1;}50%{opacity:.4;}} .page-admin-dea /* ══════════════════════════════ 01 · HERO ══════════════════════════════ */ .s1-hero{padding:160px 48px 140px;text-align:center;background:linear-gradient(180deg,var(--bg) 0%,var(--brand-pale) 100%);position:relative;overflow:hidden;} .page-admin-dea .s1-hero::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:1400px;height:600px;background:radial-gradient(ellipse at center,rgba(81,241,197,0.14) 0%,transparent 60%);pointer-events:none;} .page-admin-dea .s1-inner{position:relative;z-index:2;max-width:1100px;margin:0 auto;} .page-admin-dea .s1-pill{margin-bottom:48px;} .page-admin-dea .s1-h1{font-family:var(--font-d);font-size:clamp(2.4rem,5.4vw,4.8rem);font-weight:400;line-height:1.05;letter-spacing:-.038em;color:var(--ink);margin:0 0 36px;max-width:1000px;margin-left:auto;margin-right:auto;} .page-admin-dea .s1-h1 em{font-style:italic;color:var(--brand-text);} .page-admin-dea .s1-sub{font-family:var(--font-b);font-size:18px;color:var(--muted);font-weight:300;line-height:1.6;max-width:680px;margin:0 auto 56px;} .page-admin-dea .s1-sub strong{font-weight:500;color:var(--brand-deep);} .page-admin-dea /* ══════════════════════════════ 02 · PARADOJA ══════════════════════════════ */ .s2-paradox{padding:160px 48px;background:var(--bg);text-align:center;} .page-admin-dea .s2-inner{max-width:980px;margin:0 auto;} .page-admin-dea .s2-eyebrow{margin-bottom:40px;display:block;} .page-admin-dea .s2-h2{font-family:var(--font-d);font-size:clamp(2.2rem,4.8vw,4rem);font-weight:400;line-height:1.1;letter-spacing:-.03em;color:var(--ink);margin:0 0 48px;} .page-admin-dea .s2-h2 em{font-style:italic;color:var(--brand-text);} .page-admin-dea .s2-p{font-size:19px;color:var(--muted);font-weight:300;line-height:1.65;max-width:720px;margin:0 auto;} .page-admin-dea /* ══════════════════════════════ 03 · CAOS INVISIBLE ══════════════════════════════ */ .s3-chaos{padding:160px 48px;background:var(--bg-alt);text-align:center;} .page-admin-dea .s3-inner{max-width:1000px;margin:0 auto;} .page-admin-dea .s3-eyebrow{margin-bottom:40px;display:block;} .page-admin-dea .s3-h2{font-family:var(--font-d);font-size:clamp(2rem,4.4vw,3.4rem);font-weight:400;line-height:1.12;letter-spacing:-.028em;color:var(--ink);margin:0 0 64px;} .page-admin-dea .s3-h2 em{font-style:italic;color:var(--brand-text);} .page-admin-dea .s3-pills{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:880px;margin:0 auto 64px;} .page-admin-dea .s3-pill{background:white;border:1px solid var(--border);border-radius:100px;padding:14px 26px;font-family:var(--font-d);font-size:17px;color:var(--ink);font-weight:400;line-height:1.3;letter-spacing:-.01em;transition:all .25s ease;} .page-admin-dea .s3-pill:hover{border-color:var(--brand-border);background:var(--brand-pale);transform:translateY(-1px);box-shadow:0 8px 20px rgba(4,52,44,0.06);} .page-admin-dea .s3-result{font-family:var(--font-d);font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:400;color:var(--brand-deep);margin:0 auto;max-width:720px;line-height:1.4;letter-spacing:-.015em;} .page-admin-dea .s3-result em{font-style:italic;color:var(--brand-text);} .page-admin-dea .s3-result-label{display:inline-block;font-family:var(--font-b);font-size:13px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-text);margin-right:8px;vertical-align:middle;} .page-admin-dea /* ══════════════════════════════ 04 · IDENTIFICACIÓN EMOCIONAL ══════════════════════════════ */ .s4-mirror{padding:160px 48px;background:var(--bg);} .page-admin-dea .s4-inner{max-width:1100px;margin:0 auto;} .page-admin-dea .s4-hd{text-align:center;margin-bottom:80px;} .page-admin-dea .s4-eyebrow{margin-bottom:32px;display:block;} .page-admin-dea .s4-h2{font-family:var(--font-d);font-size:clamp(2rem,4.2vw,3.2rem);font-weight:400;line-height:1.12;letter-spacing:-.028em;color:var(--ink);margin:0;} .page-admin-dea .s4-h2 em{font-style:italic;color:var(--brand-text);} .page-admin-dea .s4-pills{display:flex;flex-direction:column;gap:14px;max-width:920px;margin:0 auto;} .page-admin-dea .s4-pill{background:white;border:1px solid var(--brand-border);border-radius:100px;padding:22px 36px;display:flex;align-items:center;gap:24px;box-shadow:0 1px 0 rgba(81,241,197,0.15);transition:all .25s ease;} .page-admin-dea .s4-pill:hover{transform:scale(1.005);box-shadow:0 8px 24px rgba(81,241,197,0.15);} .page-admin-dea .s4-n{font-family:var(--font-d);font-size:26px;color:var(--brand-text);font-weight:400;opacity:.5;flex-shrink:0;letter-spacing:-.02em;} .page-admin-dea .s4-t{font-family:var(--font-d);font-size:20px;font-weight:400;font-style:italic;color:var(--ink);margin:0;line-height:1.4;letter-spacing:-.012em;} .page-admin-dea /* ══════════════════════════════ 05 · MANIFIESTO ══════════════════════════════ */ .s5-manifest{padding:110px 48px;background:linear-gradient(180deg,#ffffff 0%,var(--brand-pale) 100%);color:var(--ink);position:relative;overflow:hidden;text-align:center;} .page-admin-dea .s5-manifest::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1400px;height:1400px;background:radial-gradient(circle,rgba(81,241,197,0.09) 0%,transparent 55%);pointer-events:none;} .page-admin-dea .s5-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;} .page-admin-dea .s5-eyebrow-wrap{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:72px;} .page-admin-dea .s5-eyebrow-wrap .line{height:1px;width:56px;background:var(--brand-border);} .page-admin-dea .s5-eyebrow-wrap span{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--brand-text);font-weight:500;} .page-admin-dea .s5-h1{font-family:var(--font-d);font-size:clamp(2.6rem,6vw,5.6rem);font-weight:400;line-height:1.05;letter-spacing:-.035em;color:var(--ink);margin:0 0 40px;} .page-admin-dea .s5-h1 em{font-style:italic;color:var(--brand-text);} .page-admin-dea .s5-h2{font-family:var(--font-d);font-size:clamp(1.8rem,4vw,3.4rem);font-weight:400;font-style:italic;line-height:1.18;letter-spacing:-.028em;color:var(--slate);margin:0 0 80px;} .page-admin-dea .s5-h2 .bien{color:var(--brand-text);font-style:normal;font-weight:500;} .page-admin-dea .s5-pill{display:inline-flex;align-items:center;gap:14px;padding:14px 28px;background:rgba(81,241,197,0.10);border:1px solid var(--brand-border);border-radius:100px;} .page-admin-dea .s5-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 12px rgba(81,241,197,0.6);animation:pulse 2s infinite;} .page-admin-dea .s5-pill .lbl{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-text);font-weight:500;} .page-admin-dea /* ══════════════════════════════ 06 · PRESENTACIÓN ══════════════════════════════ */ .s6-intro{padding:160px 48px;background:var(--bg);text-align:center;} .page-admin-dea .s6-inner{max-width:1100px;margin:0 auto;} .page-admin-dea .s6-eyebrow{margin-bottom:40px;display:block;} .page-admin-dea .s6-h2{font-family:var(--font-d);font-size:clamp(2.2rem,4.8vw,4.2rem);font-weight:400;line-height:1.08;letter-spacing:-.03em;color:var(--ink);margin:0 0 96px;} .page-admin-dea .s6-h2 em{font-style:italic;color:var(--brand-text);} .page-admin-dea .s6-eyebrow-lines{margin-bottom:28px;} .page-admin-dea .s6-product{font-family:var(--font-d);font-size:clamp(1.5rem,2.8vw,2.2rem);font-weight:500;line-height:1.18;letter-spacing:-.022em;color:var(--brand-deep);margin:0;} .page-admin-dea /* ══════════════════════════════ 07 · DASHBOARD ══════════════════════════════ */ .s7-dash{padding:0 48px 160px;background:var(--bg);} .page-admin-dea .s7-inner{max-width:1400px;margin:0 auto;} .page-admin-dea .s7-frame{background:#f5f5f7;border-radius:18px;padding:14px;box-shadow:0 40px 100px -20px rgba(4,52,44,0.18),0 0 0 1px rgba(0,0,0,0.06);position:relative;overflow:hidden;} .page-admin-dea .s7-frame::before{content:'';position:absolute;top:-100px;right:-80px;width:500px;height:300px;background:radial-gradient(ellipse,rgba(81,241,197,0.18) 0%,transparent 60%);pointer-events:none;z-index:0;} .page-admin-dea .s7-topbar{display:flex;align-items:center;justify-content:space-between;padding:4px 10px 12px;position:relative;z-index:1;} .page-admin-dea .s7-tb-l{display:flex;align-items:center;gap:6px;} .page-admin-dea .s7-dot{width:10px;height:10px;border-radius:50%;} .page-admin-dea .s7-dot.r{background:#FF5F57;}.page-admin-dea .s7-dot.y{background:#FEBC2E;}.page-admin-dea .s7-dot.g{background:#28C840;} .page-admin-dea .s7-title{margin-left:12px;font-size:10px;color:var(--muted);letter-spacing:.04em;} .page-admin-dea .s7-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:white;border:1px solid var(--brand-border);border-radius:100px;font-size:9px;color:var(--brand-text);font-weight:600;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 1px 3px rgba(4,52,44,0.04);} .page-admin-dea .s7-badge .p{width:5px;height:5px;border-radius:50%;background:var(--brand-dark);box-shadow:0 0 8px rgba(81,241,197,0.7);animation:pulse 2s infinite;} .page-admin-dea /* Plataforma con sidebar */ .s7-app{background:white;border-radius:12px;display:grid;grid-template-columns:200px 1fr;overflow:hidden;min-height:640px;position:relative;z-index:1;} .page-admin-dea /* Sidebar */ .s7-side{background:#fafafa;border-right:1px solid #f0f0f3;padding:18px 12px;display:flex;flex-direction:column;} .page-admin-dea .s7-ws{display:flex;align-items:center;gap:8px;padding:6px 8px;margin-bottom:18px;} .page-admin-dea .s7-ws-ic{width:24px;height:24px;border-radius:6px;background:linear-gradient(135deg,var(--brand),var(--brand-dark));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:white;} .page-admin-dea .s7-ws-t{font-size:11px;font-weight:600;color:var(--ink);line-height:1.2;} .page-admin-dea .s7-ws-s{font-size:9px;color:#86868b;line-height:1.2;} .page-admin-dea .s7-nav{display:flex;flex-direction:column;gap:1px;} .page-admin-dea .s7-nav-i{padding:7px 10px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);} .page-admin-dea .s7-nav-i.active{color:var(--brand-deep);background:var(--brand-light);font-weight:500;} .page-admin-dea .s7-nav-i svg{width:13px;height:13px;flex-shrink:0;} .page-admin-dea .s7-side-sec{margin-top:18px;} .page-admin-dea .s7-side-h{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#86868b;padding:0 10px;margin-bottom:6px;font-weight:600;} .page-admin-dea .s7-reg{display:flex;flex-direction:column;gap:1px;} .page-admin-dea .s7-reg-i{padding:5px 10px;border-radius:5px;display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);} .page-admin-dea .s7-reg-i .d{width:5px;height:5px;border-radius:50%;flex-shrink:0;} .page-admin-dea .s7-reg-i .d.ok{background:var(--brand-dark);} .page-admin-dea .s7-reg-i .d.warn{background:#f59e0b;} .page-admin-dea .s7-reg-i .c{margin-left:auto;font-size:9px;color:#86868b;} .page-admin-dea .s7-user{margin-top:auto;padding-top:18px;border-top:1px solid #f0f0f3;display:flex;align-items:center;gap:8px;padding:14px 8px 0;} .page-admin-dea .s7-user-av{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--brand-dark),var(--brand-text));display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:white;} .page-admin-dea .s7-user-n{font-size:10px;font-weight:500;color:var(--ink);line-height:1.2;} .page-admin-dea .s7-user-r{font-size:9px;color:#86868b;line-height:1.2;} .page-admin-dea /* Main */ .s7-main{padding:24px 28px;overflow:hidden;} .page-admin-dea .s7-bread{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;} .page-admin-dea .s7-bread-l{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);} .page-admin-dea .s7-bread-l .cur{color:var(--ink);font-weight:500;} .page-admin-dea .s7-bread-r{display:flex;align-items:center;gap:10px;} .page-admin-dea .s7-search{display:flex;align-items:center;background:#fafafa;border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:10px;color:var(--muted);gap:5px;} .page-admin-dea .s7-search svg{width:11px;height:11px;} .page-admin-dea .s7-team{display:flex;align-items:center;} .page-admin-dea .s7-team-av{width:22px;height:22px;border-radius:50%;border:2px solid white;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:600;color:white;} .page-admin-dea .s7-team-av:not(:first-child){margin-left:-6px;} .page-admin-dea .s7-team-av.dc{background:linear-gradient(135deg,var(--brand-dark),var(--brand-text));} .page-admin-dea .s7-team-av.fm{background:linear-gradient(135deg,#f59e0b,#b45309);} .page-admin-dea .s7-h{font-family:var(--font-d);font-size:28px;font-weight:500;color:var(--ink);margin:0 0 20px;letter-spacing:-.025em;line-height:1;} .page-admin-dea /* KPIs */ .s7-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;} .page-admin-dea .s7-kpi{background:white;border:1px solid var(--border);border-radius:10px;padding:14px 16px;min-height:80px;display:flex;flex-direction:column;justify-content:space-between;} .page-admin-dea .s7-kpi-top{display:flex;align-items:center;gap:8px;} .page-admin-dea .s7-kpi-ic{width:22px;height:22px;border-radius:50%;background:var(--brand-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brand-text);} .page-admin-dea .s7-kpi-ic.warn{background:#fef3c7;color:#b45309;} .page-admin-dea .s7-kpi-ic svg{width:11px;height:11px;} .page-admin-dea .s7-kpi-l{font-size:10px;color:var(--muted);font-weight:500;} .page-admin-dea .s7-kpi-v{font-family:var(--font-d);font-size:26px;font-weight:500;color:var(--brand-deep);letter-spacing:-.025em;line-height:1;} .page-admin-dea .s7-kpi-v-sm{font-family:var(--font-d);font-size:18px;font-weight:500;color:var(--brand-deep);line-height:1;letter-spacing:-.02em;} .page-admin-dea .s7-kpi-v-sm span{font-family:var(--font-b);font-size:10px;color:var(--muted);font-weight:400;letter-spacing:0;} .page-admin-dea .s7-kpi-warn{font-family:var(--font-b);font-size:10px;color:#b45309;font-weight:600;letter-spacing:.04em;text-transform:uppercase;} .page-admin-dea .s7-kpi.hero{background:linear-gradient(135deg,var(--brand-light) 0%,var(--brand-pale) 100%);border:1.5px solid var(--brand-border);text-align:center;position:relative;overflow:hidden;} .page-admin-dea .s7-kpi.hero::before{content:'';position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:radial-gradient(circle,rgba(81,241,197,0.4) 0%,transparent 65%);pointer-events:none;} .page-admin-dea .s7-kpi.hero .l{font-size:10px;color:var(--brand-text);font-weight:600;letter-spacing:.04em;position:relative;} .page-admin-dea .s7-kpi.hero .v{font-family:var(--font-d);font-size:28px;font-weight:500;color:var(--brand-deep);line-height:1;letter-spacing:-.025em;position:relative;} .page-admin-dea .s7-kpi.hero .d{font-size:9px;color:var(--brand-text);margin-top:2px;font-weight:500;position:relative;} .page-admin-dea /* Panel sedes */ .s7-sedes{background:white;border:1px solid var(--border);border-radius:10px;padding:16px 18px;margin-bottom:14px;} .page-admin-dea .s7-sedes-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:8px;} .page-admin-dea .s7-sedes-h h4{font-family:var(--font-d);font-size:14px;font-weight:500;color:var(--ink);margin:0;letter-spacing:-.012em;} .page-admin-dea .s7-sedes-pills{display:flex;gap:8px;} .page-admin-dea .s7-sedes-pill{font-size:9px;padding:2px 8px;border-radius:100px;font-weight:500;} .page-admin-dea .s7-sedes-pill.ok{color:var(--brand-text);background:var(--brand-light);} .page-admin-dea .s7-sedes-pill.warn{color:#b45309;background:#fef3c7;} .page-admin-dea .s7-sedes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;} .page-admin-dea .s7-sede{background:#fafafa;border:1px solid #f0f0f3;border-radius:8px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;} .page-admin-dea .s7-sede.warn{background:#fff7ed;border-color:#fed7aa;} .page-admin-dea .s7-sede-info{min-width:0;flex:1;} .page-admin-dea .s7-sede-n{font-size:11px;color:var(--ink);font-weight:600;line-height:1.2;} .page-admin-dea .s7-sede-s{font-size:9px;color:#86868b;margin-top:2px;} .page-admin-dea .s7-sede.warn .s7-sede-s{color:#b45309;} .page-admin-dea .s7-sede-d{width:6px;height:6px;border-radius:50%;flex-shrink:0;} .page-admin-dea .s7-sede-d.ok{background:var(--brand-dark);box-shadow:0 0 6px rgba(81,241,197,0.6);} .page-admin-dea .s7-sede-d.warn{background:#f59e0b;} .page-admin-dea .s7-sedes-more{margin-top:10px;text-align:center;font-size:10px;color:#86868b;} .page-admin-dea /* Fila final: gráfico + capacitación */ .s7-row{display:grid;grid-template-columns:1fr 0.5fr;gap:10px;} .page-admin-dea .s7-panel{background:white;border:1px solid var(--border);border-radius:10px;padding:14px 16px;} .page-admin-dea .s7-panel-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;} .page-admin-dea .s7-panel-h h4{font-family:var(--font-d);font-size:13px;font-weight:500;color:var(--ink);margin:0;letter-spacing:-.012em;} .page-admin-dea .s7-panel-h span{font-size:9px;color:var(--muted);} .page-admin-dea .s7-chart{display:grid;grid-template-columns:repeat(11,1fr);gap:5px;align-items:end;height:70px;} .page-admin-dea .s7-bar-w{display:flex;flex-direction:column;align-items:center;gap:5px;} .page-admin-dea .s7-bar{width:100%;background:var(--brand-light);border-radius:3px 3px 0 0;} .page-admin-dea .s7-bar.active{background:var(--brand);box-shadow:0 0 0 1.5px var(--brand-deep);} .page-admin-dea .s7-bar-l{font-size:7px;color:#86868b;font-weight:600;} .page-admin-dea .s7-bar-l.active{color:var(--brand-deep);font-weight:700;} .page-admin-dea .s7-cap{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%;} .page-admin-dea .s7-cap-v{font-family:var(--font-d);font-size:30px;font-weight:500;color:var(--brand-deep);line-height:1;letter-spacing:-.025em;} .page-admin-dea .s7-cap-l{font-size:9px;color:var(--muted);margin-top:4px;font-weight:500;} .page-admin-dea .s7-cap-bar{margin-top:12px;width:100%;height:5px;background:#f5f5f7;border-radius:100px;overflow:hidden;} .page-admin-dea .s7-cap-bar-f{height:100%;background:linear-gradient(90deg,var(--brand-dark),var(--brand));border-radius:100px;} .page-admin-dea .s7-cap-p{font-size:9px;color:var(--brand-text);margin-top:4px;font-weight:500;} .page-admin-dea /* ══════════════════════════════ 08 · COMPARACIÓN ══════════════════════════════ */ .s8-comp{padding:120px 48px;background:var(--bg-alt);} .page-admin-dea .s8-inner{max-width:1180px;margin:0 auto;} .page-admin-dea .s8-hd{text-align:center;margin-bottom:80px;} .page-admin-dea .s8-eyebrow{margin-bottom:32px;display:block;} .page-admin-dea .s8-h2{font-family:var(--font-d);font-size:clamp(2.2rem,4.8vw,4rem);font-weight:400;line-height:1.1;letter-spacing:-.028em;color:var(--ink);margin:0;} .page-admin-dea .s8-h2 em{font-style:italic;color:var(--brand-text);} .page-admin-dea .s8-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;} .page-admin-dea .s8-col{background:white;border-radius:24px;padding:56px 44px;border:1px solid var(--border);transition:box-shadow .25s ease;} .page-admin-dea .s8-col:hover{box-shadow:0 24px 60px -12px rgba(0,0,0,0.08);} .page-admin-dea .s8-col.good{background:var(--brand-light);border-color:var(--brand-border);} .page-admin-dea .s8-col-eye{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:16px;display:block;} .page-admin-dea .s8-col.good .s8-col-eye{color:var(--brand-text);} .page-admin-dea .s8-col-h{font-family:var(--font-d);font-size:28px;font-weight:500;color:var(--ink);margin:0 0 36px;letter-spacing:-.022em;} .page-admin-dea .s8-col.good .s8-col-h{color:var(--brand-deep);} .page-admin-dea .s8-list{display:flex;flex-direction:column;gap:16px;} .page-admin-dea .s8-item{display:flex;align-items:flex-start;gap:14px;font-size:15px;line-height:1.5;color:var(--ink);} .page-admin-dea .s8-ic{width:22px;height:22px;border-radius:50%;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:rgba(197,48,48,0.12);color:var(--red);} .page-admin-dea .s8-col.good .s8-ic{background:rgba(81,241,197,0.25);color:var(--brand-text);} .page-admin-dea /* ══════════════════════════════ 09 · MODELO UF ══════════════════════════════ */ .s9-uf{padding:160px 48px;background:var(--bg);} .page-admin-dea .s9-inner{max-width:1100px;margin:0 auto;} .page-admin-dea .s9-hd{text-align:center;margin-bottom:72px;} .page-admin-dea .s9-eyebrow{margin-bottom:32px;display:block;} .page-admin-dea .s9-h2{font-family:var(--font-d);font-size:clamp(2.2rem,4.8vw,4rem);font-weight:400;line-height:1.1;letter-spacing:-.028em;color:var(--ink);margin:0;} .page-admin-dea .s9-h2 em{font-style:italic;color:var(--brand-text);} .page-admin-dea .s9-card{background:linear-gradient(135deg,var(--brand-light) 0%,var(--brand-pale) 100%);border:1px solid var(--brand-border);border-radius:32px;padding:96px 60px;text-align:center;position:relative;overflow:hidden;} .page-admin-dea .s9-card::before{content:'';position:absolute;top:-120px;right:-120px;width:480px;height:480px;background:radial-gradient(circle,rgba(81,241,197,0.22) 0%,transparent 60%);pointer-events:none;} .page-admin-dea .s9-card::after{content:'';position:absolute;bottom:-80px;left:-80px;width:320px;height:320px;background:radial-gradient(circle,rgba(81,241,197,0.12) 0%,transparent 60%);pointer-events:none;} .page-admin-dea .s9-eye{font-size:13.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-text);font-weight:500;margin-bottom:28px;display:block;position:relative;} .page-admin-dea .s9-big{font-family:var(--font-d);font-size:clamp(80px,13vw,144px);font-weight:500;line-height:1;letter-spacing:-.04em;color:var(--brand-deep);margin:0 0 24px;position:relative;} .page-admin-dea .s9-big .mes{font-size:.45em;color:var(--brand-text);font-weight:400;font-style:italic;} .page-admin-dea .s9-cap{font-family:var(--font-d);font-size:clamp(1.3rem,2.2vw,1.8rem);font-weight:400;color:var(--ink);max-width:680px;margin:0 auto 56px;line-height:1.4;letter-spacing:-.015em;position:relative;} .page-admin-dea .s9-cap em{font-style:italic;color:var(--brand-text);} .page-admin-dea .s9-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:780px;margin:0 auto;padding-top:48px;border-top:1px solid var(--brand-border);position:relative;} .page-admin-dea .s9-feat-n{font-family:var(--font-d);font-size:36px;font-weight:500;color:var(--brand-deep);letter-spacing:-.02em;line-height:1;margin-bottom:10px;} .page-admin-dea .s9-feat-l{font-size:13px;color:var(--brand-text);font-weight:500;letter-spacing:.04em;line-height:1.4;} .page-admin-dea .s9-cta{display:inline-flex;align-items:center;gap:10px;margin-top:48px;padding:16px 32px;background:var(--brand-dark);color:#fff;text-decoration:none;border-radius:100px;font-family:var(--font-b);font-size:15px;font-weight:500;letter-spacing:-.005em;transition:all .25s ease;position:relative;} .page-admin-dea .s9-cta:hover{background:#0f9e7c;transform:translateY(-1px);box-shadow:0 12px 32px rgba(26,191,152,0.3);} .page-admin-dea .s9-cta span{font-size:18px;transition:transform .25s ease;} .page-admin-dea .s9-cta:hover span{transform:translateX(4px);} .page-admin-dea /* ══════════════════════════════ 10 · COMPONENTES ══════════════════════════════ */ .s10-comp{padding:120px 48px;background:var(--bg);} .page-admin-dea .s10-inner{max-width:1180px;margin:0 auto;} .page-admin-dea .s10-hd{text-align:center;margin-bottom:56px;} .page-admin-dea .s10-eyebrow{margin-bottom:32px;display:block;} .page-admin-dea .s10-h2{font-family:var(--font-d);font-size:clamp(2.2rem,4.8vw,4rem);font-weight:400;line-height:1.1;letter-spacing:-.028em;color:var(--ink);margin:0 0 28px;} .page-admin-dea .s10-h2 em{font-style:italic;color:var(--brand-text);} .page-admin-dea .s10-sub{font-size:18px;color:var(--muted);font-weight:300;line-height:1.6;max-width:720px;margin:0 auto;} .page-admin-dea .s10-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;} .page-admin-dea .s10-card{background:white;border:1px solid var(--border);border-radius:20px;padding:44px 36px;transition:all .25s ease;} .page-admin-dea .s10-card:hover{border-color:var(--brand-border);box-shadow:0 16px 40px rgba(4,52,44,0.06);transform:translateY(-2px);} .page-admin-dea .s10-n{font-family:var(--font-d);font-size:32px;font-weight:400;color:var(--brand-text);opacity:.4;margin-bottom:24px;line-height:1;letter-spacing:-.02em;} .page-admin-dea .s10-h3{font-family:var(--font-d);font-size:22px;font-weight:500;color:var(--ink);margin:0 0 14px;letter-spacing:-.018em;line-height:1.25;} .page-admin-dea .s10-p{font-size:14px;color:var(--muted);line-height:1.6;font-weight:300;} .page-admin-dea /* ══════════════════════════════ 11 · PLANES ══════════════════════════════ */ .s11-plans{padding:120px 48px;background:var(--bg);} .page-admin-dea .s11-inner{max-width:1200px;margin:0 auto;} .page-admin-dea .s11-hd{text-align:center;margin-bottom:80px;} .page-admin-dea .s11-eyebrow{margin-bottom:32px;display:block;} .page-admin-dea .s11-h2{font-family:var(--font-d);font-size:clamp(2.2rem,4.8vw,4rem);font-weight:400;line-height:1.1;letter-spacing:-.028em;color:var(--ink);margin:0 0 28px;} .page-admin-dea .s11-h2 em{font-style:italic;color:var(--brand-text);} .page-admin-dea .s11-sub{font-size:18px;color:var(--muted);font-weight:300;line-height:1.6;max-width:680px;margin:0 auto;} .page-admin-dea .s11-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;} .page-admin-dea .s11-plan{background:white;border:1px solid var(--border);border-radius:24px;padding:48px 36px;display:flex;flex-direction:column;transition:all .25s ease;} .page-admin-dea .s11-plan:hover{border-color:var(--brand-border);} .page-admin-dea .s11-plan.featured{background:linear-gradient(180deg,var(--brand-light) 0%,white 100%);border-color:var(--brand-border);box-shadow:0 24px 60px -10px rgba(4,52,44,0.12);transform:scale(1.02);position:relative;} .page-admin-dea .s11-plan.featured::before{content:'★ Recomendado';position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--brand-dark);color:#fff;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:8px 18px;border-radius:100px;} .page-admin-dea .s11-eye{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-text);font-weight:500;margin-bottom:14px;display:block;} .page-admin-dea .s11-n{font-family:var(--font-d);font-size:34px;font-weight:500;color:var(--brand-deep);margin:0 0 16px;letter-spacing:-.022em;} .page-admin-dea .s11-tg{font-size:14px;color:var(--muted);line-height:1.55;font-weight:300;margin-bottom:32px;min-height:44px;} .page-admin-dea .s11-feats{display:flex;flex-direction:column;gap:12px;margin-bottom:36px;flex-grow:1;} .page-admin-dea .s11-feat{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--ink);line-height:1.5;} .page-admin-dea .s11-feat .check{width:20px;height:20px;border-radius:50%;background:var(--brand-light);color:var(--brand-text);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;margin-top:1px;} .page-admin-dea .s11-cta{text-align:center;padding:14px 24px;border-radius:100px;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s;display:block;} .page-admin-dea .s11-plan .s11-cta{background:white;color:var(--ink);border:1px solid var(--border);} .page-admin-dea .s11-plan .s11-cta:hover{border-color:var(--brand-border);background:var(--brand-pale);} .page-admin-dea .s11-plan.featured .s11-cta{background:var(--brand-dark);color:#fff;border:1px solid var(--brand-dark);} .page-admin-dea .s11-plan.featured .s11-cta:hover{background:#0f9e7c;} .page-admin-dea /* ══════════════════════════════ 13 · CIERRE EMOCIONAL ══════════════════════════════ */ .s13-close{padding:130px 48px;text-align:center;background:linear-gradient(180deg,var(--bg) 0%,var(--brand-pale) 100%);} .page-admin-dea .s13-inner{max-width:980px;margin:0 auto;} .page-admin-dea .s13-eyebrow{margin-bottom:40px;display:block;} .page-admin-dea .s13-h2{font-family:var(--font-d);font-size:clamp(2.4rem,5.2vw,4.6rem);font-weight:400;line-height:1.08;letter-spacing:-.032em;color:var(--ink);margin:0 0 24px;} .page-admin-dea .s13-h2 em{font-style:italic;color:var(--brand-text);} .page-admin-dea .s13-h3{font-family:var(--font-d);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:400;font-style:italic;color:var(--brand-text);line-height:1.3;letter-spacing:-.02em;} .page-admin-dea /* ══════════════════════════════ 14 · CTA FINAL ══════════════════════════════ */ .s14-cta{padding:0 48px 160px;} .page-admin-dea .s14-inner{max-width:980px;margin:0 auto;background:linear-gradient(135deg,var(--brand-light) 0%,var(--brand-pale) 100%);border:1px solid var(--brand-border);border-radius:32px;padding:80px 56px;text-align:center;position:relative;overflow:hidden;} .page-admin-dea .s14-inner::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:900px;background:radial-gradient(circle,rgba(81,241,197,0.14) 0%,transparent 55%);pointer-events:none;} .page-admin-dea .s14-eye{font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--brand-text);font-weight:500;margin-bottom:32px;display:block;position:relative;} .page-admin-dea .s14-h2{font-family:var(--font-d);font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:400;line-height:1.12;letter-spacing:-.028em;color:var(--ink);margin:0 0 28px;position:relative;} .page-admin-dea .s14-h2 em{font-style:italic;color:var(--brand);} .page-admin-dea .s14-p{font-size:17px;color:var(--slate);font-weight:300;line-height:1.6;max-width:620px;margin:0 auto 48px;position:relative;} .page-admin-dea .s14-cta-wrap{position:relative;} .page-admin-dea .s14-note{font-size:13px;color:var(--muted);margin-top:18px;font-weight:300;position:relative;} .page-admin-dea .s14-contact{display:flex;gap:48px;justify-content:center;flex-wrap:wrap;padding-top:48px;margin-top:56px;border-top:1px solid var(--brand-border);position:relative;} .page-admin-dea .s14-c{display:flex;align-items:center;gap:10px;color:var(--brand-text);text-decoration:none;font-size:14px;transition:color .2s;} .page-admin-dea .s14-c:hover{color:var(--brand-dark);} .page-admin-dea .s14-c svg{width:16px;height:16px;color:var(--brand);} .page-admin-dea /* ══════════════════════════════ FOOTER ══════════════════════════════ */ /* ══════════════════════════════ RESPONSIVE ══════════════════════════════ */ @media(max-width:1024px){ .s7-kpis{grid-template-columns:repeat(2,1fr);} .s7-row2{grid-template-columns:1fr;} .s7-row{grid-template-columns:1fr;} .s7-sedes-grid{grid-template-columns:repeat(2,1fr);} .s7-thead,.s7-trow{grid-template-columns:1.4fr 0.7fr 0.7fr 0.6fr 0.4fr;} .s7-grid{grid-template-columns:1fr;} .s10-grid{grid-template-columns:repeat(2,1fr);} .s11-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto;} .s11-plan.featured{transform:none;} .s12-grid{grid-template-columns:repeat(2,1fr);} } @media(max-width:768px){ .page-admin-dea .nav-w{padding:0 20px;} .page-admin-dea .nav-back span{display:none;} .page-admin-dea .s1-hero,.page-admin-dea .s2-paradox,.page-admin-dea .s3-chaos,.page-admin-dea .s4-mirror,.page-admin-dea .s5-manifest,.page-admin-dea .s6-intro,.page-admin-dea .s7-dash,.page-admin-dea .s8-comp,.page-admin-dea .s9-uf,.page-admin-dea .s10-comp,.page-admin-dea .s11-plans,.page-admin-dea .s12-auth,.page-admin-dea .s13-close,.page-admin-dea .s14-cta,.page-admin-dea footer{padding-left:20px;padding-right:20px;} .page-admin-dea .s1-hero{padding-top:120px;padding-bottom:96px;} .page-admin-dea .s2-paradox,.page-admin-dea .s3-chaos,.page-admin-dea .s4-mirror,.page-admin-dea .s6-intro,.page-admin-dea .s8-comp,.page-admin-dea .s9-uf,.page-admin-dea .s10-comp,.page-admin-dea .s11-plans,.page-admin-dea .s12-auth{padding-top:120px;padding-bottom:120px;} .page-admin-dea .s5-manifest,.page-admin-dea .s13-close{padding-top:120px;padding-bottom:120px;} .page-admin-dea .s4-pill{border-radius:24px;flex-direction:column;align-items:flex-start;gap:8px;padding:22px 26px;} .page-admin-dea .s4-n{font-size:20px;} .page-admin-dea .s8-grid{grid-template-columns:1fr;} .page-admin-dea .s8-col{padding:40px 28px;} .page-admin-dea .s9-card{padding:56px 24px;border-radius:24px;} .page-admin-dea .s9-big{font-size:clamp(64px,18vw,96px);} .page-admin-dea .s9-feats{grid-template-columns:1fr;gap:24px;} .page-admin-dea .s10-grid{grid-template-columns:1fr;} .page-admin-dea .s12-grid{grid-template-columns:1fr;} .page-admin-dea .s14-inner{padding:64px 24px;} .page-admin-dea .s14-contact{flex-direction:column;gap:20px;} .page-admin-dea .s7-body{padding:24px 18px;} .page-admin-dea .s7-h{font-size:24px;margin-bottom:18px;} .page-admin-dea .s7-app{grid-template-columns:1fr;} .page-admin-dea .s7-side{display:none;} .page-admin-dea .s7-main{padding:20px 18px;} .page-admin-dea .s7-kpis{grid-template-columns:1fr;} .page-admin-dea .s7-sedes-grid{grid-template-columns:1fr;} .page-admin-dea .s7-chart{height:60px;gap:4px;} .page-admin-dea .s7-bar-l{font-size:7px;} .page-admin-dea .s7-row{grid-template-columns:1fr;} .page-admin-dea .s7-bread-r .s7-search{display:none;} } .page-admin-dea .vh-hd{position:fixed;top:0;left:0;right:0;z-index:500;height:66px;background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid #a7f3d0;display:flex;align-items:center;} .page-admin-dea .vh-hd-in{width:100%;max-width:1280px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:18px;} .page-admin-dea .vh-hd-logo img{height:44px;width:auto;display:block;} .page-admin-dea .vh-hd-menu{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:center;} .page-admin-dea .vh-hd-menu a{font-family:'DM Sans',sans-serif;font-size:14px;color:#374151;text-decoration:none;white-space:nowrap;transition:color .2s;} .page-admin-dea .vh-hd-menu a:hover{color:#065f46;} .page-admin-dea .vh-hd-menu a.active{color:#065F46;font-weight:500;border-bottom:2px solid #1abf98;padding-bottom:3px;} .page-admin-dea .vh-hd-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;background:#1abf98;color:#fff;font-family:'DM Sans',sans-serif;font-size:13.5px;font-weight:500;padding:9px 16px;border-radius:100px;text-decoration:none;white-space:nowrap;transition:background .2s;} .page-admin-dea .vh-hd-cta:hover{background:#0f9e7c;} @media(max-width:860px){.page-admin-dea .vh-hd-menu{display:none;}} .page-admin-dea .svc-band{background:#f0fdf9;border-top:1px solid #a7f3d0;border-bottom:1px solid #a7f3d0;padding:20px 32px;} .page-admin-dea .svc-band-in{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 34px;} .page-admin-dea .svc-band-i{display:inline-flex;align-items:center;gap:8px;font-family:'DM Sans',sans-serif;font-size:14px;color:#374151;} .page-admin-dea .svc-band-i::before{content:'';width:8px;height:13px;border:2px solid #1abf98;border-top:0;border-left:0;transform:rotate(45deg);display:inline-block;margin-right:2px;} .page-admin-dea .svc-faq{background:#fff;padding:80px 32px;} .page-admin-dea .svc-faq-in{max-width:780px;margin:0 auto;} .page-admin-dea .svc-faq-h{font-family:'Fraunces',serif;font-size:30px;font-weight:500;color:#1d1d1f;text-align:center;margin:0 0 36px;letter-spacing:-.02em;} .page-admin-dea .svc-faq-q{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:12px;overflow:hidden;} .page-admin-dea .svc-faq-q summary{list-style:none;cursor:pointer;padding:20px 24px;font-family:'DM Sans',sans-serif;font-size:16.5px;font-weight:500;color:#1d1d1f;display:flex;justify-content:space-between;align-items:center;gap:16px;} .page-admin-dea .svc-faq-q summary::-webkit-details-marker{display:none;} .page-admin-dea .svc-faq-q summary::after{content:'+';font-size:24px;color:#1abf98;flex-shrink:0;transition:transform .2s;} .page-admin-dea .svc-faq-q[open] summary::after{transform:rotate(45deg);} .page-admin-dea .svc-faq-q[open] summary{color:#065f46;} .page-admin-dea .svc-faq-a{padding:0 24px 22px;font-family:'DM Sans',sans-serif;font-size:15px;color:#374151;line-height:1.65;} .page-admin-dea .s7-hd{max-width:760px;margin:0 auto 40px;text-align:center;} .page-admin-dea .s7-hd .eyebrow{display:block;margin-bottom:14px;} .page-admin-dea .s7-hd-h{font-family:var(--font-d);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.12;letter-spacing:-.025em;color:var(--ink);margin:0;} .page-admin-dea .s7-hd-h em{font-style:italic;color:var(--brand-text);} .page-admin-dea .s7-hd-p{font-size:17px;color:var(--muted);font-weight:300;line-height:1.6;margin:16px 0 0;} .page-admin-dea .s12-sub strong{color:var(--brand-text);font-weight:500;} .page-admin-dea .osv-bridge{padding:100px 24px;background:#f5f5f7;}.page-admin-dea .osv-inner{max-width:1180px;margin:0 auto;}.page-admin-dea .osv-hd{text-align:center;margin-bottom:54px;}.page-admin-dea .osv-eyebrow{display:block;font-size:13.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#065f46;margin-bottom:18px;}.page-admin-dea .osv-h2{font-family:'Fraunces',Georgia,serif;font-size:clamp(2rem,4.4vw,3.2rem);font-weight:400;line-height:1.08;letter-spacing:-.028em;color:#1d1d1f;margin:0 0 18px;}.page-admin-dea .osv-h2 em{font-style:italic;color:#065f46;}.page-admin-dea .osv-sub{font-size:17px;color:#6b7280;font-weight:300;line-height:1.6;max-width:680px;margin:0 auto;}.page-admin-dea .osv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;}.page-admin-dea .osv-svc{position:relative;overflow:hidden;min-height:240px;border:1px solid #a7f3d0;border-radius:16px;padding:22px 20px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;background-size:cover;background-position:center;transition:transform .3s ease,box-shadow .3s ease;} .page-admin-dea .osv-svc::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,52,44,.97) 0%,rgba(4,52,44,.88) 28%,rgba(4,52,44,.5) 62%,rgba(4,52,44,.18) 100%);transition:opacity .3s;} .page-admin-dea .osv-svc>*{position:relative;z-index:1;} .page-admin-dea .osv-svc:hover::after{opacity:.9;}.page-admin-dea .osv-svc:hover{border-color:#51f1c5;transform:translateY(-5px);box-shadow:0 24px 50px -18px rgba(4,52,44,.4);}.page-admin-dea .osv-ic{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}.page-admin-dea .osv-ic svg{width:23px;height:23px;}.page-admin-dea .osv-h{font-family:'Fraunces',Georgia,serif;font-size:18px;font-weight:500;color:#fff;line-height:1.25;margin:0 0 9px;letter-spacing:-.01em;}.page-admin-dea .osv-p{font-size:13.5px;color:rgba(255,255,255,.85);font-weight:300;line-height:1.55;margin:0 0 14px;}.page-admin-dea .osv-cta{font-size:13.5px;font-weight:600;color:#51f1c5;}.page-admin-dea .osv-foot{text-align:center;margin-top:38px;}.page-admin-dea .osv-allbtn{display:inline-flex;align-items:center;gap:10px;background:#1abf98;color:#fff;font-size:15.5px;font-weight:600;padding:16px 32px;border-radius:100px;text-decoration:none;transition:all .25s;box-shadow:0 10px 26px rgba(26,191,152,.3);}.page-admin-dea .osv-allbtn:hover{background:#0f9e7c;transform:translateY(-2px);}.page-admin-dea .osv-allbtn span{transition:transform .25s;}.page-admin-dea .osv-allbtn:hover span{transform:translateX(4px);} .page-admin-dea{overflow-x:hidden;}img{max-width:100%;} .page-admin-dea .s1-shot{max-width:1040px;margin:54px auto 0;border-radius:16px;overflow:hidden;border:1px solid #e5e5ea;box-shadow:0 50px 100px -45px rgba(4,52,44,.45);background:#fff;}.page-admin-dea .s1-shot-bar{display:flex;align-items:center;gap:7px;padding:11px 15px;background:#f2f6f5;border-bottom:1px solid #e7eeeb;}.page-admin-dea .s1-shot-bar span{width:10px;height:10px;border-radius:50%;background:#cdd6d3;}.page-admin-dea .s1-shot-bar b{margin-left:10px;font-size:12px;font-weight:500;color:#7c8a85;}.page-admin-dea .s1-shot img{width:100%;display:block;} .page-admin-dea .s1-inner{max-width:1280px;display:grid;grid-template-columns:1fr 1.12fr;gap:50px;align-items:center;text-align:left;}.page-admin-dea .s1-copy .s1-pill{margin-bottom:26px;}.page-admin-dea .s1-copy .s1-h1{font-size:clamp(2rem,3.3vw,3.4rem);margin:0 0 22px;max-width:none;}.page-admin-dea .s1-copy .s1-sub{margin:0 0 30px;max-width:none;}.page-admin-dea .s1-shot{margin:0;max-width:none;}@media(max-width:900px){.page-admin-dea .s1-inner{grid-template-columns:1fr;text-align:center;gap:38px;}.page-admin-dea .s1-copy .s1-h1,.page-admin-dea .s1-copy .s1-sub{margin-left:auto;margin-right:auto;}} .page-admin-dea .s8-hd{margin-bottom:56px !important;} .page-admin-dea .s8-sub{font-size:18px;color:var(--muted);font-weight:300;line-height:1.65;max-width:680px;margin:22px auto 0;} .page-admin-dea .s8-sub strong{color:var(--brand-text);font-weight:500;} .page-admin-dea .s8-grid{align-items:start;} .page-admin-dea .s8-col{position:relative;} .page-admin-dea .s8-col:not(.good){background:#fbfbfc;} .page-admin-dea .s8-col:not(.good) .s8-col-h{color:var(--muted);} .page-admin-dea .s8-col:not(.good) .s8-item{color:var(--slate);} .page-admin-dea .s8-col.good{box-shadow:0 30px 70px -34px rgba(4,52,44,.4);background:linear-gradient(180deg,#ffffff 0%,var(--brand-light) 100%);} .page-admin-dea .s8-col.good .s8-col-h{color:var(--brand-text);} .page-admin-dea .s8-col.good .s8-ic{background:rgba(26,191,152,.16);color:var(--brand-dark);} .page-admin-dea .s8-badge{position:absolute;top:-14px;left:44px;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#fff;background:var(--brand-dark);padding:8px 16px;border-radius:100px;box-shadow:0 10px 24px -10px rgba(26,191,152,.6);} .page-admin-dea .s8-badge svg{width:13px;height:13px;} @media(max-width:760px){.page-admin-dea .s8-badge{left:50%;transform:translateX(-50%);}} .page-admin-dea .s10-card{position:relative;overflow:hidden;border-radius:20px;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;padding:32px 30px;background-size:cover;background-position:center;border:1px solid var(--brand-border);transition:transform .3s ease,box-shadow .3s ease;} .page-admin-dea .s10-card::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(4,52,44,.96) 8%,rgba(4,52,44,.62) 50%,rgba(4,52,44,.16) 100%);} .page-admin-dea .s10-card>*{position:relative;z-index:1;} .page-admin-dea .s10-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -18px rgba(4,52,44,.55);} .page-admin-dea .s10-n{font-family:var(--font-d);font-size:20px;font-weight:500;color:#7fe9cf;opacity:1;margin-bottom:8px;line-height:1;letter-spacing:0;} .page-admin-dea .s10-h3{color:#fff;margin:0 0 10px;text-shadow:0 1px 10px rgba(0,0,0,.5);} .page-admin-dea .s10-p{color:rgba(255,255,255,.9);text-shadow:0 1px 8px rgba(0,0,0,.45);} .page-admin-dea .s10-sub strong{color:var(--brand-text);font-weight:500;} @media(max-width:900px){.page-admin-dea .s10-grid{grid-template-columns:1fr 1fr;}} @media(max-width:560px){.page-admin-dea .s10-grid{grid-template-columns:1fr;}} .page-admin-dea .s12-plat{padding:120px 48px;background:var(--brand-pale);} .page-admin-dea .s12-inner{max-width:1180px;margin:0 auto;text-align:center;} .page-admin-dea .s12-hd{margin-bottom:48px;} .page-admin-dea .s12-h2{font-family:var(--font-d);font-size:clamp(2.1rem,4.4vw,3.6rem);font-weight:400;line-height:1.08;letter-spacing:-.028em;color:var(--ink);margin:14px 0 16px;} .page-admin-dea .s12-h2 em{font-style:italic;color:var(--brand-text);} .page-admin-dea .s12-sub{font-size:18px;color:var(--muted);font-weight:300;line-height:1.6;max-width:680px;margin:0 auto;} .page-admin-dea .s12-frame{max-width:1040px;margin:0 auto;border-radius:16px;overflow:hidden;border:1px solid #e5e5ea;box-shadow:0 50px 100px -45px rgba(4,52,44,.5);background:#fff;} .page-admin-dea .s12-bar{display:flex;align-items:center;gap:7px;padding:11px 15px;background:#f2f6f5;border-bottom:1px solid #e7eeeb;} .page-admin-dea .s12-bar span{width:10px;height:10px;border-radius:50%;background:#cdd6d3;} .page-admin-dea .s12-bar b{margin-left:10px;font-size:12px;font-weight:500;color:#7c8a85;} .page-admin-dea .s12-stage{position:relative;aspect-ratio:1400/875;background:#fff;} .page-admin-dea .s12-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity .5s ease;} .page-admin-dea .s12-slide.active{opacity:1;} .page-admin-dea .s12-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:none;background:rgba(255,255,255,.9);color:#065F46;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 6px 18px -6px rgba(0,0,0,.35);transition:background .2s;z-index:2;} .page-admin-dea .s12-nav:hover{background:#fff;} .page-admin-dea .s12-prev{left:14px;} .page-admin-dea .s12-next{right:14px;} .page-admin-dea .s12-cap{font-size:15px;color:var(--slate);font-weight:400;margin:22px auto 0;max-width:620px;min-height:22px;} .page-admin-dea .s12-dots{display:flex;justify-content:center;gap:9px;margin-top:16px;} .page-admin-dea .s12-dot{width:9px;height:9px;border-radius:50%;border:none;background:var(--brand-border);cursor:pointer;padding:0;transition:all .2s;} .page-admin-dea .s12-dot.on{background:var(--brand-dark);width:26px;border-radius:6px;} @media(max-width:600px){.page-admin-dea .s12-nav{width:34px;height:34px;font-size:18px;}} .page-admin-dea .s13-lead{font-size:17px;color:var(--muted);font-weight:300;line-height:1.65;max-width:680px;margin:30px auto 0;} .page-admin-dea .s13-lead strong{color:var(--brand-text);font-weight:500;} .page-admin-dea .s13-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:900px;margin:50px auto 0;text-align:left;} .page-admin-dea .s13-pillar{background:#fff;border:1px solid var(--brand-border);border-radius:16px;padding:26px 24px;box-shadow:0 14px 36px -22px rgba(4,52,44,.3);} .page-admin-dea .s13-pillar-h{font-family:var(--font-d);font-size:17px;font-weight:500;color:var(--brand-text);margin-bottom:9px;letter-spacing:-.01em;} .page-admin-dea .s13-pillar-p{font-size:13.5px;color:var(--muted);font-weight:300;line-height:1.55;} @media(max-width:760px){.page-admin-dea .s13-pillars{grid-template-columns:1fr;}} .page-admin-dea .s12-capbar{position:absolute;left:0;right:0;bottom:0;padding:clamp(70px,9vw,120px) clamp(24px,3vw,48px) clamp(20px,2.4vw,34px);background:linear-gradient(to top,rgba(4,52,44,.96) 0%,rgba(4,52,44,.66) 48%,rgba(4,52,44,0) 100%);z-index:1;pointer-events:none;text-align:left;} .page-admin-dea .s12-cap{color:#fff !important;font-size:clamp(18px,2.2vw,27px);font-weight:500;line-height:1.32;margin:0 !important;max-width:860px !important;min-height:0 !important;text-shadow:0 2px 14px rgba(0,0,0,.6);} .page-admin-dea .s12-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1040px;margin:44px auto 0;text-align:left;} .page-admin-dea .s12-feat{background:#fff;border:1px solid var(--brand-border);border-radius:16px;padding:26px 24px;box-shadow:0 16px 40px -26px rgba(4,52,44,.28);} .page-admin-dea .s12-feat-ic{width:44px;height:44px;border-radius:12px;background:var(--brand-light);color:var(--brand-text);display:flex;align-items:center;justify-content:center;margin-bottom:15px;} .page-admin-dea .s12-feat h4{font-family:var(--font-d);font-size:17.5px;font-weight:500;color:var(--ink);margin:0 0 8px;letter-spacing:-.01em;} .page-admin-dea .s12-feat p{font-size:14px;color:var(--muted);font-weight:300;line-height:1.6;margin:0;} .page-admin-dea .s12-feat p strong{color:var(--brand-text);font-weight:500;} @media(max-width:760px){.page-admin-dea .s12-feats{grid-template-columns:1fr;}} .page-admin-dea .s14-inner{background:linear-gradient(160deg,#ffffff 0%,var(--brand-light) 60%,var(--brand-pale) 100%) !important;overflow:hidden;} .page-admin-dea .s14-inner::before{content:'';position:absolute;top:-110px;right:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(81,241,197,.30) 0%,transparent 65%);pointer-events:none;z-index:0;} .page-admin-dea .s14-eye{display:inline-block !important;background:var(--brand-dark);color:#fff !important;padding:9px 20px;border-radius:100px;font-size:13px !important;font-weight:600;letter-spacing:.03em !important;text-transform:none !important;margin-bottom:24px !important;box-shadow:0 10px 26px -10px rgba(26,191,152,.55);} .page-admin-dea .s14-h2{font-size:clamp(2.4rem,4.8vw,3.9rem) !important;color:var(--ink) !important;} .page-admin-dea .s14-h2 em{color:var(--brand-text);font-style:italic;} .page-admin-dea .s14-p{margin:0 auto 26px !important;} .page-admin-dea .s14-points{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;max-width:800px;margin:0 auto 38px;position:relative;} .page-admin-dea .s14-pt{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:500;color:var(--brand-text);} .page-admin-dea .s14-pt svg{width:17px;height:17px;color:var(--brand-dark);flex-shrink:0;} .page-admin-dea .s14-cta-wrap .btn-brand{display:inline-flex;align-items:center;gap:10px;font-size:17px;padding:17px 36px;box-shadow:0 16px 38px -12px rgba(26,191,152,.55);} .page-admin-dea .s14-c{color:var(--brand-text) !important;} .page-admin-dea .s14-contact{border-top-color:var(--brand-border) !important;} .page-admin-dea .s13-bridge{font-size:17px;color:var(--muted);font-weight:300;max-width:700px;margin:0 auto 16px;line-height:1.55;} .page-admin-dea .s13-bridge strong{color:var(--brand-text);font-weight:500;} .page-admin-dea /* P1: manifiesto como ancla oscura */ .s5-manifest{background:linear-gradient(155deg,#065F46 0%,#0F9E7E 100%) !important;position:relative;overflow:hidden;} .page-admin-dea .s5-manifest::before{content:'';position:absolute;top:-120px;left:-80px;width:420px;height:420px;background:radial-gradient(circle,rgba(81,241,197,.16) 0%,transparent 65%);pointer-events:none;} .page-admin-dea .s5-inner{position:relative;z-index:1;} .page-admin-dea .s5-eyebrow-wrap span{color:#aef5e0 !important;} .page-admin-dea .s5-eyebrow-wrap .line{background:rgba(127,233,207,.5) !important;} .page-admin-dea .s5-h1{color:#ffffff !important;} .page-admin-dea .s5-h1 em{color:#7fe9cf !important;} .page-admin-dea .s5-h2{color:rgba(255,255,255,.9) !important;} .page-admin-dea .s5-h2 .bien{color:#7fe9cf !important;} .page-admin-dea .s5-pill{background:rgba(255,255,255,.08) !important;border-color:rgba(81,241,197,.25) !important;} .page-admin-dea .s5-pill .lbl{color:rgba(255,255,255,.8) !important;} .page-admin-dea /* P2: cierre + CTA fusionados,.page-admin-dea ancla oscura inferior */ .s13-close{background:linear-gradient(155deg,#065F46 0%,#0F9E7E 100%) !important;padding:120px 48px !important;text-align:center;position:relative;overflow:hidden;} .page-admin-dea .s13-close::before{content:'';position:absolute;top:-130px;right:-90px;width:440px;height:440px;background:radial-gradient(circle,rgba(81,241,197,.17) 0%,transparent 65%);pointer-events:none;} .page-admin-dea .s13-inner{position:relative;z-index:1;max-width:1000px;margin:0 auto;} .page-admin-dea .s13-eyebrow{color:#aef5e0 !important;} .page-admin-dea .s13-bridge{font-size:17px;color:rgba(255,255,255,.92);font-weight:300;max-width:720px;margin:0 auto 16px;line-height:1.55;} .page-admin-dea .s13-bridge strong{color:#7fe9cf;font-weight:500;} .page-admin-dea .s13-h2{color:#ffffff !important;} .page-admin-dea .s13-h2 em{color:#7fe9cf !important;font-style:italic;} .page-admin-dea .s13-h3{color:#7fe9cf !important;} .page-admin-dea .s13-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:900px;margin:46px auto 0;text-align:left;} .page-admin-dea .s13-pillar{background:rgba(255,255,255,.06) !important;border:1px solid rgba(81,241,197,.22) !important;border-radius:16px;padding:24px 22px;box-shadow:none !important;} .page-admin-dea .s13-pillar-h{font-family:var(--font-d);font-size:17px;font-weight:500;color:#ffffff !important;margin-bottom:8px;} .page-admin-dea .s13-pillar-p{font-size:13.5px;color:rgba(255,255,255,.85) !important;font-weight:300;line-height:1.55;} .page-admin-dea .s13-cta{margin-top:50px;} .page-admin-dea .s13-cta .btn-brand{display:inline-flex;align-items:center;gap:10px;font-size:17px;padding:17px 38px;box-shadow:0 16px 40px -12px rgba(81,241,197,.55);} .page-admin-dea .s13-cta .btn-brand svg{width:19px;height:19px;} .page-admin-dea .s13-note{font-size:13px;color:rgba(255,255,255,.78);margin-top:16px;} .page-admin-dea .s13-contact{display:flex;gap:38px;justify-content:center;margin-top:30px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14);} .page-admin-dea .s13-contact a{color:#7fe9cf;text-decoration:none;font-size:14px;display:inline-flex;align-items:center;gap:8px;} .page-admin-dea .s13-contact svg{width:18px;height:18px;} @media(max-width:760px){.page-admin-dea .s13-pillars{grid-template-columns:1fr;}.page-admin-dea .s13-contact{flex-direction:column;gap:14px;}} /* Official ecosystem/footer block — restored from approved Administración Redes DEA HTML */ .vh-eco{background:#f0fdf9;border-top:1px solid #a7f3d0;padding:42px 32px;font-family:'DM Sans',sans-serif;} .vh-eco-inner{max-width:1100px;margin:0 auto;text-align:center;} .vh-eco-l{display:block;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#065f46;font-weight:600;margin-bottom:18px;} .vh-eco-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 12px;} .vh-eco-links a{font-size:14px;font-weight:500;color:#065F46;text-decoration:none;background:#fff;border:1px solid #a7f3d0;border-radius:100px;padding:9px 18px;transition:all .2s;} .vh-eco-links a:hover{background:#1abf98;color:#fff;border-color:#1abf98;} .vh-brand{background:#f0fdf9;border-top:1px solid #dcfdf2;padding:48px 32px;} footer{background:#065F46;color:rgba(255,255,255,0.65);padding:60px 48px 40px;text-align:center;} .f-w{max-width:1440px;margin:0 auto;} .f-logo{font-family:var(--font-d);color:var(--brand);font-size:20px;margin-bottom:12px;font-weight:500;letter-spacing:-.012em;} .f-tag{font-size:14px;color:rgba(255,255,255,0.7);margin:0 0 36px;} .f-bot{font-size:13px;color:rgba(255,255,255,0.4);padding-top:24px;border-top:1px solid rgba(255,255,255,0.1);margin:0;} @media(max-width:760px){footer{padding-left:20px;padding-right:20px;}.vh-eco{padding-left:20px;padding-right:20px;}}