/* Portal del miembro — sistema de diseño de la maqueta 23 («Misión Integral - portal del
 * miembro (maqueta)_23.html», 2026-11-11), copiado tal cual: medidas, colores, tipografía y
 * modo oscuro. Lo propio del portal real (piezas que la maqueta no trae y las clases de las
 * páginas que ya existían) va en css/portal.css, que se carga después. */
/* ===== portal ===== */
/* Misión Integral · Portal del miembro — hoja única v5 (línea visual de la propuesta) */
:root{
  --ink:#00264B;--ink-2:#0A2F57;--ink-3:#0B3A66;--deep:#015DAA;--blue2:#015DAA;--cyan:#007AC3;--blue:#007AC3;--blue-d:#08406B;
  --gold:#E9A901;--gold-soft:#F4D58A;--gold-ink:#8B6A16;--dawn:#E9A901;--jade:#2FA37A;--terra:#C46A3A;--coral:#D98248;
  --mist:#EEF5F4;--paper:#FBFDFC;--charcoal:#00264B;--muted:#5F6E77;--line:#DCE7E6;--line-2:#EDF1F0;
  --sky:#EAF4F8;--haze:#A7BED0;--slate:#33414B;--ice:#CDDDEA;--frost:#BFD6E8;
  --p-fisico:#2FA37A;--p-mental:#007AC3;--p-espiritual:#E9A901;--p-social:#015DAA;--p-misional:#C46A3A;
  --ok:#19784F;--ok-bg:#E4F5EC;--warn:#7D5600;--warn-bg:#FFF2D1;--bad:#A8371F;--bad-bg:#FFF0EB;--off:#5F6E77;--off-bg:#EEF1F2;--info:#015DAA;--info-bg:#E5F2FA;
  --shadow:0 14px 40px rgba(0,38,75,.07);--shadow-sm:0 6px 18px rgba(0,38,75,.05);
  --serif:"Newsreader",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif;--display:"Manrope",system-ui,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--sans);font-size:14px;color:var(--ink);background:var(--paper);line-height:1.5;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.12;margin:0;color:var(--ink);letter-spacing:-.4px}
h3{letter-spacing:-.2px}
p{margin:0}
a{color:var(--deep)}
button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:8px}
.ic{width:19px;height:19px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ic-sm{width:15px;height:15px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- armazón ---------- */
.app{display:flex;flex-wrap:wrap;min-height:100vh;background:var(--paper)}
.side{flex:1 1 248px;max-width:100%;background:#EEF4F3;border-right:1px solid #D5E2E0;display:flex;box-shadow:inset -12px 0 24px -24px rgba(0,38,75,.25)}
.main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column}
.wrap{width:100%;max-width:1360px;padding-inline:clamp(16px,4.2vw,56px);margin-inline:auto}

/* menú lateral (blanco) */
.menu{width:100%;display:flex;flex-direction:column;gap:4px;padding:25px 16px 18px;color:#4A5B66;background:transparent;font-family:var(--sans)}
.brand{display:flex;align-items:center;gap:11px;padding:0 10px 22px;text-decoration:none;color:var(--ink)}
.brand-name{font:800 14px/1.15 var(--display);letter-spacing:-.4px;color:var(--ink)}
.brand-sub{display:block;font:600 10px var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.profile-mini{margin:0 4px 14px;padding:12px;background:#fff;border:1px solid #DCE7E6;border-radius:14px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 14px rgba(0,38,75,.05)}
.profile-mini b{display:block;font-size:13px;color:var(--ink)}
.profile-mini small{display:block;font-size:12px;color:var(--muted)}
.nav-group{display:flex;flex-direction:column;gap:2px}
.nav-label{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7E8C93;padding:0 12px;margin:12px 0 6px}
.nav-item{display:flex;align-items:center;gap:11px;min-height:40px;padding:9px 12px;border-radius:11px;color:#4A5B66;text-decoration:none;font-size:13.5px;font-weight:500}
.nav-item:hover{background:rgba(255,255,255,.7);color:var(--ink)}
.nav-item.on{background:#fff;color:var(--blue2);font-weight:700;box-shadow:0 6px 16px rgba(0,38,75,.08)}
.nav-item.on .ic{color:var(--blue)}
.nav-item.sub{padding-left:38px;font-size:13px}
.nav-badge{margin-left:auto;min-width:22px;height:20px;padding:0 8px;border-radius:20px;background:#FFF0D4;color:#7D5600;font-size:11px;font-weight:700;display:inline-grid;place-items:center}
.menu-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding:18px 4px 0}
.verse{background:var(--ink);color:#fff;border-radius:15px;padding:17px;position:relative;overflow:hidden}
.verse::after{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-40px;bottom:-50px}
.verse small{display:block;color:#F1C45B;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:700}
.verse p{font:500 18px/1.25 var(--serif);margin:10px 0 8px;color:#fff}
.verse span{font-size:12px;color:#B9C9D3}
.motto{font:italic 500 14px/1.35 var(--serif);color:var(--muted);padding:0 8px}

/* barra superior */
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;min-height:72px;padding:12px clamp(16px,4.2vw,56px);background:rgba(255,255,255,.9);border-bottom:1px solid var(--line)}
.crumb{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted)}
.crumb strong{color:var(--ink);font-weight:700}
.who{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.who-text{display:flex;flex-direction:column;line-height:1.2}
.who-name{font-weight:700;font-size:13px;color:var(--ink)}
.who-roles{font-size:12px;color:var(--muted)}

/* portada oscura (tarjeta, sin ondas) */
.hero-card{position:relative;overflow:hidden;background:var(--ink);color:#fff;border-radius:22px;padding:clamp(22px,3vw,34px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:28px;align-items:center}
.hero-card::before,.hero-card::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08);pointer-events:none}
.hero-card::before{width:390px;height:390px;right:3%;top:-220px}
.hero-card::after{width:260px;height:260px;right:13%;top:-153px}
.hero-card > *{position:relative;z-index:1}
.hero-card .eyebrow{color:#F0C75F}
.hero-card h1{color:#fff;font-size:clamp(30px,3.2vw,40px);letter-spacing:-1px}
.hero-card h1 em{font-style:italic;font-weight:500;color:var(--gold-soft);background:none}
.hero-card .lede{color:#C2D2DC}
.journey{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:20px}
.journey-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}
.journey-head small{display:block;color:#C2D2DC;font-size:12px}
.journey-head b{font:600 20px var(--serif)}
.jsteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;position:relative;list-style:none;margin:0;padding:0}
.jsteps::before{content:"";position:absolute;top:11px;left:12%;right:12%;height:2px;background:rgba(255,255,255,.17)}
.jstep{position:relative;text-align:center}
.jdot{width:23px;height:23px;border:2px solid #668091;background:var(--ink);border-radius:50%;margin:0 auto 9px;position:relative;z-index:1}
.jstep.done .jdot{background:var(--jade);border-color:var(--jade)}
.jstep.now .jdot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 5px rgba(233,169,0,.15)}
.jstep b{display:block;font-size:12px;color:#fff}
.jstep small{display:block;font-size:11px;color:#9EB1BD;margin-top:4px}
.jstep.now b{color:var(--gold-soft)}
.journey-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.11);margin-top:18px;padding-top:14px;font-size:12px;color:#C2D2DC}
.journey-foot strong{color:var(--gold-soft)}
.journey-foot a{color:#fff;font-weight:700;text-decoration:none}

/* tipografía de sección */
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--gold-ink);display:inline-flex;align-items:center;gap:9px}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--gold)}
.eyebrow.on-dark{color:#F0C75F}
.sec-title{font-size:25px}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sec-head-l{display:flex;flex-direction:column;gap:6px}
.muted{color:var(--muted)}
.small{font-size:13px}
.tiny{font-size:12px}
.lede{color:var(--muted);font-size:14.5px;line-height:1.6;max-width:64ch}

/* encabezado de página */
.page{display:flex;flex-direction:column;gap:24px;padding-top:6px;padding-bottom:64px}
.phead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px;padding-top:32px}
.phead-l{display:flex;flex-direction:column;gap:10px;max-width:760px;min-width:0}
.phead h1{font-size:clamp(30px,3vw,40px);letter-spacing:-1.1px}
.phead-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
h1 em,h2 em{font-style:italic;font-weight:500;color:var(--blue2);background:none}
.detail-hero{background:linear-gradient(120deg,#E8F3F5,#F6F8F1);border-radius:18px;padding:25px}

/* tarjetas */
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;min-width:0}
.card-flat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}
.card-mist{background:#F2F6F3;border-radius:17px;padding:21px 23px}
.card-ink{background:var(--ink);color:#fff;border-radius:18px;padding:22px}
.card-ink h3{color:#fff}
.grid{display:grid;gap:17px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.grid-2{display:grid;gap:17px;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr))}
.dash{display:grid;gap:17px;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);align-items:start}
@media (max-width:1100px){.dash{grid-template-columns:minmax(0,1fr)}}
.panel-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}
.panel-head p{color:var(--muted);font-size:12.5px;margin-top:5px}
.text-link{font-size:12.5px;color:var(--blue2);font-weight:700;white-space:nowrap;text-decoration:none;background:none;border:none;padding:4px 0;cursor:pointer}

/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;font-family:var(--sans);font-weight:700;font-size:13px;cursor:pointer;border:none;padding:10px 18px;border-radius:30px;text-decoration:none;white-space:nowrap;transition:transform .18s,background .2s}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 6px 15px rgba(0,122,195,.17)}
.btn-primary:hover{background:var(--blue2);transform:translateY(-1px)}
.btn-gold,.btn-dawn{background:var(--gold-soft);color:#513D0C}
.btn-dark{background:var(--ink);color:#fff}
.btn-ghost,.btn-light{background:#fff;color:var(--ink);border:1px solid var(--line)}
.btn-ghost:hover,.btn-light:hover{border-color:var(--blue)}
.hero-card .btn-light,.btn-outline-light{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.17);color:#fff}
.btn-text{background:none;border:none;color:var(--blue2);font-weight:700;padding:8px 4px;min-height:36px}
.btn-sm{min-height:34px;padding:7px 13px;font-size:12px}
.btn[disabled],.btn.is-off{background:var(--off-bg);color:#8A949B;box-shadow:none;cursor:not-allowed;border:none}
.icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;display:inline-grid;place-items:center;color:var(--ink);cursor:pointer;position:relative;text-decoration:none}

/* etiquetas (tags) */
.pill{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:700;white-space:nowrap;letter-spacing:.2px}
.pill-ok{background:var(--ok-bg);color:var(--ok)}
.pill-warn{background:var(--warn-bg);color:var(--warn)}
.pill-bad{background:var(--bad-bg);color:var(--bad)}
.pill-off{background:var(--off-bg);color:var(--off)}
.pill-info{background:var(--info-bg);color:var(--info)}
.pill-dark{background:rgba(255,255,255,.12);color:#fff}
.tag-up{text-transform:uppercase;font-size:10.5px;letter-spacing:.06em}

/* filtros */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 14px;border-radius:22px;border:1px solid var(--line);background:#fff;color:var(--muted);font:600 12.5px/1 var(--sans);cursor:pointer;text-decoration:none}
.chip .n{font-weight:700;color:var(--ink)}
.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.chip.on .n{color:var(--gold-soft)}

/* métricas */
.kpis{display:grid;gap:17px;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}
.kpi,.stat-tile{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px 19px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;min-width:0}
.kpi-top,.stat-tile .top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}
.kpi-n,.stat-n{font:600 30px/1.05 var(--serif);color:var(--ink);letter-spacing:-.7px;margin-top:6px}
.kpi-n small{font:600 13px var(--sans);color:var(--muted);margin-left:4px;letter-spacing:0}
.stat-l{font-size:12px;font-weight:500;color:var(--muted)}
.stat-sub,.kpi-foot{font-size:12px;color:var(--muted)}
.tile-ic{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:var(--sky);color:var(--blue2);flex:0 0 auto}

/* avance */
.bar{height:6px;border-radius:20px;background:#DBE6E4;overflow:hidden}
.bar > span{display:block;height:100%;border-radius:20px;background:var(--jade)}
.bar.blue > span{background:var(--blue)}
.bar.dawn > span{background:var(--gold)}
.bar.jade > span{background:var(--jade)}
.hrow{display:grid;grid-template-columns:minmax(90px,150px) minmax(0,1fr) 44px;align-items:center;gap:12px;font-size:13px}
.hrow .lbl{font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hrow .val{text-align:right;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.hbar{height:8px;border-radius:20px;background:#E3ECEA;overflow:hidden}
.hbar>span{display:block;height:100%;border-radius:20px}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:0 0 auto}

/* curso destacado */
.course-feature{display:grid;grid-template-columns:112px minmax(0,1fr);gap:17px;align-items:center;background:#F3F7F5;border-radius:14px;padding:13px}
.course-art{height:118px;border-radius:11px;background:linear-gradient(145deg,#CCE8E4,#80B9AD);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:12px;color:#164C4C}
.course-art::before{content:"";position:absolute;width:95px;height:95px;border:1px solid rgba(255,255,255,.6);border-radius:50%;right:-13px;top:-12px}
.course-art span{font:700 11px/1.3 var(--display);position:relative;z-index:1;letter-spacing:.04em}
.course-art.gold{background:linear-gradient(135deg,#F7E7C4,#E2B85D);color:#5C420C}
.course-art.blue{background:linear-gradient(135deg,#DCE9F5,#87B6D8);color:#0B3D63}

/* ruta en claro */
.track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.track li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:0 6px}
.track li::before{content:"";position:absolute;top:13px;right:50%;width:100%;height:2px;background:var(--line)}
.track li:first-child::before{display:none}
.track li.done::before,.track li.now::before{background:var(--jade)}
.node{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--line);font:700 12px var(--display);color:var(--muted)}
.track .done .node{background:var(--jade);border-color:var(--jade);color:#fff}
.track .now .node{background:var(--gold);border-color:var(--gold);color:var(--ink);box-shadow:0 0 0 5px rgba(233,169,0,.18)}
.tname{font:700 13px/1.2 var(--display);color:var(--ink)}
.tsub{font-size:12px;color:var(--muted);line-height:1.35}

/* banda comunidad y pilares */
.community-band{background:#F2F6F3;border-radius:17px;padding:21px 23px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}
.avatars{display:flex;align-items:center}
.avatars .avatar{border:2px solid #F2F6F3;margin-left:-8px}
.avatars .avatar:first-child{margin-left:0}
.pillars{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr))}
.pillar{padding:16px;background:#fff;border:1px solid var(--line);border-radius:15px;display:flex;flex-direction:column;gap:6px}
.pillar b{font:700 13px var(--display)}
.pillar small{color:var(--muted);font-size:12px;line-height:1.45}

/* listas */
.list{display:flex;flex-direction:column}
.li{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line-2)}
.li:first-child{border-top:none}
.li-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.li-title{font-weight:700;color:var(--ink);font-size:13.5px}
.li-sub{font-size:12.5px;color:var(--muted)}
.date-block{width:46px;height:50px;border-radius:11px;background:#F0F6F7;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}
.date-block b{font:600 19px/1 var(--serif);color:var(--ink)}
.date-block small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}
.avatar{width:38px;height:38px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-weight:700;font-size:13px;color:var(--blue2);background:#D8EAF2}
.avatar.lg{width:52px;height:52px;font-size:16px}
.avatar.sm{width:32px;height:32px;font-size:11.5px}
.av-gold{background:#F6E6C9;color:#805D20}
.av-jade{background:#DCEFE5;color:#267557}
.av-terra{background:#F7E2D6;color:#8E4421}
.av-red{background:#FFE4DC;color:#A8371F}

/* «i» de ayuda */
.info{width:22px;height:22px;border-radius:50%;border:1px solid var(--haze);background:#fff;color:var(--blue2);font:700 12px/1 var(--serif);font-style:italic;display:inline-grid;place-items:center;cursor:pointer;padding:0}

/* formularios */
.field{display:flex;flex-direction:column;gap:7px}
.field label,.label{font-size:12px;font-weight:700;color:var(--ink)}
.input,.select,.textarea{width:100%;min-height:44px;padding:11px 12px;border:1px solid #D8E3E2;border-radius:10px;background:#fff;font:400 14px var(--sans);color:var(--ink)}
.textarea{min-height:120px;resize:vertical}
.input:focus,.select:focus,.textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(0,122,195,.11)}
.hint{font-size:12px;color:var(--muted)}
.check{display:flex;align-items:center;gap:10px;min-height:48px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;cursor:pointer;font-size:13px}
.check input{width:18px;height:18px;accent-color:var(--jade);flex:0 0 auto}
.check.on{border-color:#B9DCD0;background:#F0F8F4}

/* avisos */
.alert{display:flex;gap:12px;padding:14px 16px;border-radius:12px;align-items:flex-start;font-size:13px;line-height:1.55}
.alert-info{background:#EDF6F7;color:#355C69}
.alert-warn{background:#FFF3D8;color:#6E5013}
.alert-bad{background:#FFF0EB;color:#8A3523}
.alert strong{display:block;margin-bottom:2px}

/* tablas */
.tbl-box{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff}
.tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}
.tbl th{text-align:left;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:13px 18px;background:#F7FAF9}
.tbl td{padding:15px 18px;border-top:1px solid var(--line-2);color:var(--ink)}
.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}
.tbl tr.total td{font-weight:700;background:#F7FAF9}

/* calendario */
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cal .wd{font-size:10.5px;font-weight:700;color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.08em}
.cal .d{height:36px;border-radius:10px;display:grid;place-items:center;font-size:12.5px;font-weight:600;color:var(--slate);background:#F3F7F5}
.cal .d.out{background:transparent;color:#A3AEB5}
.cal .d.ev{background:var(--ink);color:#fff}
.cal .d.today{box-shadow:inset 0 0 0 2px var(--gold);background:#fff;color:var(--ink)}

/* pestañas */
.tabs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--mist);border-radius:22px}
.tab-btn{min-height:34px;padding:6px 14px;border-radius:20px;border:none;background:transparent;font:700 12.5px var(--sans);color:var(--muted);cursor:pointer}
.tab-btn.on{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}

/* vacíos, próximamente, ventanas */
.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:34px 20px;border:1px dashed var(--line);border-radius:17px;color:var(--muted);font-size:13px}
.empty-ic{width:46px;height:46px;border-radius:14px;background:var(--sky);display:grid;place-items:center;color:var(--blue2)}
.soon-wrap{position:relative}
.soon-body{filter:grayscale(1);opacity:.55;pointer-events:none}
.soon-tag{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:4px 12px;border-radius:20px;background:var(--off-bg);color:var(--slate);font-size:12px;font-weight:700}
.modal{background:#fff;border-radius:20px;box-shadow:0 40px 80px -30px rgba(0,38,75,.45);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:14px;width:100%;max-width:520px}
.scrim{background:rgba(0,38,75,.42);border-radius:20px;padding:clamp(16px,4vw,36px);display:grid;place-items:center}
.modal-foot{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.toast-demo{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font-size:13px;font-weight:600}
.radio-row{display:flex;flex-wrap:wrap;gap:8px}
.kv{display:grid;grid-template-columns:minmax(110px,160px) minmax(0,1fr);gap:10px 16px;font-size:13px}
.kv dt{color:var(--muted);font-weight:600}
.kv dd{margin:0;color:var(--ink);font-weight:600}
.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;background:var(--mist);padding:3px 8px;border-radius:8px;color:var(--ink)}
.timeline{border-left:2px solid var(--line);margin:6px 0 0 8px;padding-left:22px;display:flex;flex-direction:column;gap:20px}
.tl-item{position:relative}
.tl-item::before{content:"";position:absolute;left:-30px;top:4px;width:11px;height:11px;border:3px solid #fff;background:var(--jade);border-radius:50%;box-shadow:0 0 0 1px var(--jade)}

/* acceso */
.auth{min-height:100vh;background:radial-gradient(60% 50% at 100% 0%,rgba(233,169,0,.1),transparent 60%),radial-gradient(60% 60% at 0% 100%,rgba(47,163,122,.1),transparent 60%),var(--mist);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:40px 16px}
.auth-card{width:100%;max-width:440px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:clamp(22px,4vw,34px);display:flex;flex-direction:column;gap:16px}

/* barra inferior del celular */
.tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:rgba(255,255,255,.95);border-top:1px solid var(--line);padding:6px 6px 18px}
.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;color:#5F6E77;font-size:11px;font-weight:600;text-decoration:none}
.tab.on{color:var(--blue2);font-weight:700}
.tab.on .ic{background:var(--sky);border-radius:10px;padding:2px 9px;width:38px;height:24px}

/* ---------- v4: íconos y detalle ---------- */
.tile-ic.gold{background:#FFF2D1;color:#8A6000}
.tile-ic.jade{background:#E4F5EC;color:#19784F}
.tile-ic.terra{background:#FBE9DF;color:#A3501F}
.tile-ic.blue{background:#E5F2FA;color:#015DAA}
.tile-ic.lg{width:44px;height:44px;border-radius:13px}
.tile-ic.lg .ic{width:22px;height:22px}
.p-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}
.p-esp{background:#FFF2D1;color:#8A6000}
.p-fis{background:#E4F5EC;color:#19784F}
.p-men{background:#E5F2FA;color:#015DAA}
.p-soc{background:#E3ECF6;color:#015DAA}
.p-mis{background:#FBE9DF;color:#A3501F}
.course-art .art-ic{position:absolute;right:10px;top:10px;width:46px;height:46px;stroke:currentColor;fill:none;stroke-width:1.4;opacity:.55}
.course-art::after{content:"";position:absolute;width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.18);left:-18px;top:-18px}
.course-art.terra{background:linear-gradient(135deg,#F8DDCB,#D98E63);color:#5C2A0E}
.course-art.navy{background:linear-gradient(135deg,#D7E2F0,#7C9CC4);color:#0B2E57}
.iso-mark{position:absolute;pointer-events:none}
.stage{position:relative;display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line);min-width:0}
.stage.now{border:2px solid var(--gold);box-shadow:0 18px 40px -24px rgba(138,96,0,.45)}
.stage.done{background:#F7FBF9}
.stage.next{background:#F7FAF9;border-style:dashed}
.stage-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.stage-num{font:600 34px/1 var(--serif);color:#C9D7DC;letter-spacing:-1px}
.stage.now .stage-num{color:var(--gold)}
.lesson-dots{display:flex;flex-wrap:wrap;gap:5px}
.ldot{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font:700 10.5px var(--display);background:#EEF1F2;color:#7A878E}
.meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--muted)}
.meta span{display:inline-flex;align-items:center;gap:5px}
.meta .ic{width:14px;height:14px}
.ribbon{position:absolute;top:12px;right:12px;z-index:2}

@media (max-width:720px){
  .stat-n,.kpi-n{font-size:27px}
  .tsub{display:none}
  .course-feature{grid-template-columns:82px minmax(0,1fr);gap:12px;padding:10px}
}

/* =========================================================
   v5 · Identidad Misión Integral (manual de marca)
   Paleta: navy #00264B · azul medio #015DAA · azul claro #007AC3 · amarillo #E9A901 (solo acentos)
   Tipografía: Inter (700 títulos navy · 600 subtítulos azul claro · 400 texto)
   ========================================================= */
:root{
  --ink:#00264B;--ink-2:#0A2F57;--ink-3:#0B3A66;--deep:#015DAA;--blue2:#015DAA;--blue:#007AC3;--cyan:#007AC3;--blue-d:#003A70;
  --gold:#E9A901;--gold-soft:#F6D772;--gold-ink:#7A5800;--dawn:#E9A901;
  --paper:#F6F9FC;--mist:#EEF3F9;--line:#DCE5EF;--line-2:#EAF0F6;--muted:#5A6B7E;--sky:#E6F1FA;
  --surface:#FFFFFF;--surface-2:#F3F7FB;--panel:#EAF1F8;--panel-line:#D6E2EE;--text:#00264B;--text-2:#33465C;
  --serif:"Inter",system-ui,"Calibri",sans-serif;--sans:"Inter",system-ui,"Calibri",sans-serif;--display:"Inter",system-ui,"Calibri",sans-serif;
  --shadow:0 14px 40px rgba(0,38,75,.08);--shadow-sm:0 4px 14px rgba(0,38,75,.06);
}
body{font-family:var(--sans);color:var(--text);background:var(--paper)}
h1,h2,h3,h4{font-family:var(--sans);font-weight:700;letter-spacing:-.02em;color:var(--ink)}
h1 em,h2 em,.hero-card h1 em{font-style:normal;font-weight:600;color:var(--blue)}
.hero-card h1 em{color:#8CCBF2}
.kpi-n,.stat-n,.date-block b,.journey-head b{font-family:var(--sans);font-weight:700;letter-spacing:-.03em}
.app{background:var(--paper)}

/* ---- barra lateral navy ---- */
.side{background:#00264B;border-right:none;box-shadow:none}
.menu{color:#C5D3E3}
.brand{padding:2px 10px 24px}
.brand img{display:block;height:44px;width:auto}
.brand-tag{display:block;font:600 10px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#7F9AB8;margin-top:8px}
.profile-mini{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);box-shadow:none}
.profile-mini b{color:#fff}
.profile-mini small{color:#9FB4CB}
.profile-mini .avatar{background:#007AC3;color:#fff}
.nav-label{color:#7F9AB8}
.nav-item{color:#C9D6E5}
.nav-item:hover{background:rgba(255,255,255,.07);color:#fff}
.nav-item.on{background:rgba(0,122,195,.28);color:#fff;font-weight:700;box-shadow:inset 3px 0 0 #E9A901}
.nav-item.on .ic{color:#E9A901}
.nav-head{font-weight:700;color:#fff;min-height:34px;padding-top:4px;padding-bottom:4px}
.nav-badge{background:#E9A901;color:#00264B}

/* ---- barra superior ---- */
.topbar{background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.who{gap:8px}
.icon-btn{background:var(--surface);border-color:var(--line);color:var(--ink)}
.icon-btn:hover{border-color:var(--blue);color:var(--blue)}
.lang{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 6px 0 11px;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink);margin-right:4px}
.lang select{border:none;background:transparent;color:inherit;font:600 12.5px var(--sans);padding:0 4px;height:34px;cursor:pointer;appearance:auto}
.lang select:focus{outline:none}
.lang:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,122,195,.15)}
.tb-sep{width:1px;height:24px;background:var(--line);margin:0 4px}

/* ---- botones y estados con la paleta ---- */
.btn-primary{background:var(--blue);box-shadow:0 6px 15px rgba(0,122,195,.2)}
.btn-primary:hover{background:var(--blue2)}
.btn-gold,.btn-dawn{background:#E9A901;color:#00264B}
.btn-gold:hover{background:#F2BC22}
.btn-dark{background:#00264B}
.btn-ghost,.btn-light{background:var(--surface);color:var(--ink);border-color:var(--line)}
.eyebrow{color:var(--blue)}
.eyebrow::before{background:var(--gold)}
.hero-card .eyebrow,.eyebrow.on-dark{color:var(--gold-soft)}
.chip.on{background:var(--ink);border-color:var(--ink)}
.tile-ic.blue{background:#E3F0FA;color:#015DAA}
.tile-ic.gold{background:#FDF1CC;color:#7A5800}
.bar.blue > span,.bar > span{background:var(--blue)}
.bar.dawn > span{background:var(--gold)}
.course-art.blue{background:linear-gradient(135deg,#D4E8F7,#66A9DA);color:#00264B}
.course-art.navy{background:linear-gradient(135deg,#0B3A66,#00264B);color:#fff}
.course-art.gold{background:linear-gradient(135deg,#FBEBB8,#E9A901);color:#00264B}
.hero-card{background:#00264B}
.hero-card::before{border-color:rgba(0,122,195,.35)}
.hero-card::after{border-color:rgba(233,169,1,.25)}
.hero-glow{position:absolute;width:420px;height:420px;border-radius:50%;left:-160px;bottom:-240px;background:radial-gradient(circle,rgba(233,169,1,.22),rgba(233,169,1,0) 65%);pointer-events:none;z-index:0}

/* ---- Inicio tipo tablero: accesos rápidos del encabezado ---- */
.quick{grid-column:1/-1;display:flex;flex-direction:column;gap:12px;border-top:1px solid rgba(255,255,255,.12);padding-top:20px}
.quick-legend{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9FB8D2}
.quick-legend span:last-child{letter-spacing:0;text-transform:none;font-weight:500;font-size:12px}
.quick-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr))}
.qa{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;min-width:0}
.qa:hover{background:rgba(255,255,255,.12);border-color:rgba(233,169,1,.6);transform:translateY(-2px);color:#fff}
.qa .q-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;background:rgba(255,255,255,.1)}
.qa b{display:block;font-size:13px;font-weight:700;line-height:1.2}
.qa small{display:block;font-size:11.5px;line-height:1.35;color:#B5C8DC;margin-top:2px}
.qa .q-go{margin-left:auto;opacity:.5;flex:0 0 auto}
.qa:hover .q-go{opacity:1;color:#E9A901}
.q-c1 .q-ic{background:rgba(0,122,195,.35);color:#BFE2FA}
.q-c2 .q-ic{background:rgba(233,169,1,.22);color:#F6D772}
.q-c3 .q-ic{background:rgba(1,93,170,.45);color:#CFE3F7}
.q-c4 .q-ic{background:rgba(255,255,255,.14);color:#fff}
.q-c5 .q-ic{background:rgba(0,122,195,.22);color:#E9F4FC}

/* ---- secciones del tablero: panel teñido + tarjetas de interacción blancas ---- */
.zone{position:relative;background:var(--panel);border:1px solid var(--panel-line);border-radius:22px;padding:22px clamp(16px,2vw,24px) 24px;display:flex;flex-direction:column;gap:16px;scroll-margin-top:90px;min-width:0}
.zone::before{content:"";position:absolute;left:24px;top:-1px;width:56px;height:4px;border-radius:0 0 4px 4px;background:var(--z,var(--blue))}
.zone-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.zone-title{display:flex;align-items:center;gap:12px;min-width:0}
.zone-title .z-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;background:var(--z,var(--blue));color:#fff}
.zone-title small{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--z-ink,var(--blue))}
.zone-title h2{font-size:21px;line-height:1.15;margin-top:2px}
.zone-link{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--blue2);text-decoration:none;padding:8px 12px;border-radius:20px;background:var(--surface);border:1px solid var(--panel-line)}
.zone-link:hover{border-color:var(--blue);color:var(--blue)}
.z-progreso{--z:#007AC3;--z-ink:#007AC3}
.z-oracion{--z:#E9A901;--z-ink:#8A6400}
.z-oracion .z-ic{color:#00264B}
.z-formacion{--z:#015DAA;--z-ink:#015DAA}
.z-proyectos{--z:#0B3A66;--z-ink:#0B3A66}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow-sm);min-width:0;color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:6px}
a.tile:hover,button.tile:hover{border-color:var(--blue);transform:translateY(-1px)}
.tile-row{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}
.tile .t-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.tile .t-n{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--ink)}
.tile .t-n small{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:0;margin-left:4px}
.tile .t-foot{font-size:12px;color:var(--muted)}
.zgrid{display:grid;gap:20px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:stretch}
@media (max-width:1100px){.zgrid{grid-template-columns:minmax(0,1fr)}}
.stage-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.stage-track span{height:8px;border-radius:8px;background:#D3DFEB}
.stage-track span.done{background:#007AC3}
.stage-track span.now{background:linear-gradient(90deg,#007AC3 40%,#D3DFEB 40%)}
.stage-names{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;font-size:11.5px;color:var(--muted)}
.stage-names b{color:var(--ink)}
.pillar-mini{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}
.pm{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:13px;min-width:0}
.pm b{display:block;font-size:12.5px}
.pm small{display:block;font-size:11.5px;color:var(--muted)}
.p-ic{width:34px;height:34px;border-radius:10px}
.p-esp{background:#00264B;color:#F6D772}
.p-fis{background:#007AC3;color:#fff}
.p-men{background:#015DAA;color:#fff}
.p-soc{background:#E3F0FA;color:#015DAA}
.p-mis{background:#FDF1CC;color:#7A5800}
.zone-dark{background:#00264B;border-color:#00264B;color:#fff}
.zone-dark::before{background:#E9A901}
.zone-dark h2{color:#fff}
.zone-dark .zone-title small{color:#F6D772}
.zone-dark .z-ic{background:rgba(255,255,255,.12);color:#F6D772}
.zone-dark .zone-link{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.zone-dark .tile{background:#0B3A66;border-color:rgba(255,255,255,.1);box-shadow:none;color:#fff}
.zone-dark .tile .t-n,.zone-dark .li-title{color:#fff}
.zone-dark .tile .t-top,.zone-dark .tile .t-foot,.zone-dark .li-sub,.zone-dark .muted{color:#AFC3D8}
.zone-dark a.tile:hover{border-color:#E9A901}
.donut-wrap{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:9px;height:9px;border-radius:50%;display:inline-block}
.course-feature{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}

/* ---- modo oscuro ---- */
[data-theme="dark"]{
  --ink:#EAF1F8;--text:#EAF1F8;--text-2:#C9D6E5;--muted:#9DB1C6;--paper:#06172B;--mist:#0E2742;--sky:#123355;
  --surface:#11314F;--surface-2:#0E2A47;--panel:#0B2340;--panel-line:#1A3B5E;--line:#1E4166;--line-2:#183757;
  --blue2:#5DB4EA;--deep:#5DB4EA;--gold-ink:#F6D772;
  --ok-bg:rgba(47,163,122,.18);--ok:#7FD8B2;--warn-bg:rgba(233,169,1,.18);--warn:#F6D772;--bad-bg:rgba(231,90,70,.18);--bad:#FFAE9D;--off-bg:rgba(255,255,255,.08);--off:#AFC3D8;--info-bg:rgba(0,122,195,.22);--info:#9CD3F7;
  --shadow:0 14px 40px rgba(0,0,0,.35);--shadow-sm:0 4px 14px rgba(0,0,0,.25);
  color-scheme:dark;background:var(--paper);color:var(--text)
}
[data-theme="dark"] .app,[data-theme="dark"] body{background:var(--paper)}
[data-theme="dark"] .side{background:#031427;box-shadow:inset -1px 0 0 #12304F}
[data-theme="dark"] .card,[data-theme="dark"] .kpi,[data-theme="dark"] .stat-tile,[data-theme="dark"] .pillar,[data-theme="dark"] .card-flat,[data-theme="dark"] .modal,[data-theme="dark"] .chip,[data-theme="dark"] .input,[data-theme="dark"] .select,[data-theme="dark"] .textarea{background:var(--surface);border-color:var(--line);color:var(--text)}
[data-theme="dark"] .card-mist,[data-theme="dark"] .community-band,[data-theme="dark"] .tabs,[data-theme="dark"] .tbl th{background:var(--surface-2)}
[data-theme="dark"] .chip.on{background:#007AC3;border-color:#007AC3;color:#fff}
[data-theme="dark"] .zone{background:var(--panel);border-color:var(--panel-line)}
[data-theme="dark"] .zone-dark{background:#0F3A63;border-color:#1B4C7A}
[data-theme="dark"] .zone-dark .tile{background:#164A78}
[data-theme="dark"] .tile,[data-theme="dark"] .pm,[data-theme="dark"] .course-feature{background:var(--surface);border-color:var(--line)}
[data-theme="dark"] .zone-link{background:var(--surface);border-color:var(--line);color:#9CD3F7}
[data-theme="dark"] .stage-track span{background:#22476E}
[data-theme="dark"] .stage-track span.now{background:linear-gradient(90deg,#007AC3 40%,#22476E 40%)}
[data-theme="dark"] .hero-card{background:#0B2D52;box-shadow:inset 0 0 0 1px #1B4C7A}
[data-theme="dark"] .bar{background:#22476E}
[data-theme="dark"] .p-soc{background:#123355;color:#9CD3F7}
[data-theme="dark"] .p-mis{background:rgba(233,169,1,.18);color:#F6D772}
[data-theme="dark"] .tile-ic,[data-theme="dark"] .tile-ic.blue{background:#123355;color:#9CD3F7}
[data-theme="dark"] .tile-ic.gold{background:rgba(233,169,1,.18);color:#F6D772}
[data-theme="dark"] .tile-ic.jade{background:rgba(47,163,122,.18);color:#7FD8B2}
[data-theme="dark"] .tile-ic.terra{background:rgba(196,106,58,.2);color:#F2B48D}
[data-theme="dark"] .date-block{background:#123355!important}
[data-theme="dark"] .date-block b{color:#EAF1F8!important}
[data-theme="dark"] .btn-ghost,[data-theme="dark"] .btn-light{background:var(--surface);color:var(--text);border-color:var(--line)}
[data-theme="dark"] .hero-card .btn-light{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.17)}
[data-theme="dark"] .btn-dark{background:#007AC3}
[data-theme="dark"] .text-link,[data-theme="dark"] .crumb strong{color:#9CD3F7}
[data-theme="dark"] .btn-primary{color:#fff}
[data-theme="dark"] .btn-gold{color:#00264B}
[data-theme="dark"] .course-art.navy{background:linear-gradient(135deg,#1B4C7A,#0B2D52)}
/* páginas con estilos en línea: los fondos blancos y textos navy se adaptan */
[data-theme="dark"] [style*="background: #fff"],[data-theme="dark"] [style*="background:#fff"],[data-theme="dark"] [style*="background: #FFFFFF"]{background:var(--surface)!important}
[data-theme="dark"] [style*="background: #F"]:not([style*="#E9A901"]),[data-theme="dark"] [style*="background: #E"]:not([style*="#E9A901"]){background-color:var(--surface-2)!important}
[data-theme="dark"] [style*="color: #00264B"],[data-theme="dark"] [style*="color: #33414B"]{color:var(--text)!important}
[data-theme="dark"] [style*="border: 1px solid #D"],[data-theme="dark"] [style*="border-top: 1px solid #E"]{border-color:var(--line)!important}
.tile.wide{grid-column:span 2}
@media (max-width:720px){.tile.wide{grid-column:auto}.quick-legend span:last-child{display:none}}
[data-theme="dark"] .z-progreso,[data-theme="dark"] .z-formacion{--z-ink:#7CC4F0}
[data-theme="dark"] .z-proyectos{--z:#2C6CA8;--z-ink:#9CC3E8}
[data-theme="dark"] .z-oracion{--z-ink:#F6D772}
/* encabezado compacto de Inicio */
.hero-compact{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:22px clamp(18px,2.2vw,28px)}
.hero-compact::before{top:-260px}.hero-compact::after{top:-190px}
.hc-top{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between}
.hc-text{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:6px}
.hero-compact h1{font-size:clamp(24px,2.4vw,30px);letter-spacing:-.6px}
.hero-compact .lede{font-size:13.5px;line-height:1.5;max-width:560px}
.hc-stage{flex:0 1 460px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}
.stage-chip{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:8px;padding:11px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;transition:border-color .15s}
.stage-chip:hover{border-color:rgba(233,169,1,.6);color:#fff}
.sc-head{display:flex;align-items:center;gap:8px}
.sc-head small{color:#9FB8D2;font-size:11px}
.sc-head b{font-size:14px;font-weight:700}
.sc-head .pill{margin-left:auto}
.sc-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.sc-track span{height:5px;border-radius:5px;background:rgba(255,255,255,.16)}
.sc-track span.now{background:linear-gradient(90deg,#E9A901 40%,rgba(255,255,255,.16) 40%)}
.stage-chip > small{font-size:11.5px;color:#B5C8DC}
.stage-chip strong{color:#F6D772}
.hero-compact .quick{padding-top:14px;gap:10px}
.hero-compact .qa{padding:10px 12px}
.hero-compact .qa .q-ic{width:32px;height:32px;border-radius:10px}

/* ===== v6 · Inicio tablero: indicadores interactivos + paneles diferenciados ===== */
.kt-wrap{display:flex;flex-direction:column;gap:12px;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}
.kt-row{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}
.kt{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#fff;text-align:left;cursor:pointer;font:inherit;min-width:0;transition:background .15s,border-color .15s}
.kt:hover{background:rgba(255,255,255,.1)}
.kt.on{background:#fff;border-color:#fff;color:#00264B;box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}
.ring{width:50px;height:50px;flex:0 0 auto}
.ring circle{fill:none;stroke-width:5;stroke-linecap:butt}
.ring .ring-bg{stroke:rgba(255,255,255,.14)}
.ring text{fill:#fff;font:700 10px Inter,system-ui,sans-serif;text-anchor:middle}
.kt.on .ring .ring-bg{stroke:#E3EAF2}
.kt.on .ring text{fill:#00264B}
.kt.on .ring circle[stroke="rgba(255,255,255,.28)"]{stroke:#C9D6E4}
.kt-txt{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.kt-txt small{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9FB8D2}
.kt-txt b{font-size:14px;font-weight:700;margin-top:2px}
.kt-txt em{font-style:normal;font-size:11.5px;color:#B5C8DC;margin-top:1px}
.kt.on .kt-txt small{color:#007AC3}
.kt.on .kt-txt em{color:#5A6B7E}
.kt-panel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 14px}
.ktp{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center}
.ktp-m{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.ktp-m small{font-size:11px;color:#9FB8D2}
.ktp-m b{font-size:14px;color:#fff}
.ktp-m span{font-size:11.5px;color:#B5C8DC}
.ktp-go{margin-left:auto;display:inline-flex;gap:6px;align-items:center;padding:8px 14px;border-radius:20px;background:#E9A901;color:#00264B;font-weight:700;font-size:12.5px;text-decoration:none}
.ktp-go:hover{background:#F2BC22;color:#00264B}
.dz{border-radius:22px;padding:22px clamp(16px,2vw,24px);display:flex;flex-direction:column;gap:16px;scroll-margin-top:90px;min-width:0;position:relative;overflow:hidden}
.dz-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dz-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}
.dz-t{min-width:0;flex:1 1 auto}
.dz-t small{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.dz-t h2{font-size:21px;line-height:1.15;margin-top:2px}
.dz-link{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;text-decoration:none;padding:8px 12px;border-radius:20px}
.dz-two{display:grid;gap:20px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch}
.dz-two-b{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start}
@media (max-width:1100px){.dz-two,.dz-two-b{grid-template-columns:minmax(0,1fr)}}
/* progreso: blanco con riel azul */
.dz-progreso{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-left:6px solid #007AC3}
.dz-progreso .dz-ic{background:#E3F0FA;color:#007AC3}
.dz-progreso .dz-t small{color:#007AC3}
.dz-progreso .dz-link{background:#007AC3;color:#fff}
.dz-grid{display:grid;gap:20px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch}
@media (max-width:1100px){.dz-grid{grid-template-columns:minmax(0,1fr)}}
.stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-content:start}
@media (max-width:720px){.stepper{grid-template-columns:repeat(2,minmax(0,1fr))}}
.stp{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}
.stp-n{font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.06em}
.stp b{font-size:15px}
.stp small{font-size:11.5px;color:var(--muted)}
.stp .pill{align-self:flex-start;margin-top:6px}
.stp.now{background:#00264B;border-color:#00264B;color:#fff;box-shadow:0 12px 24px -14px rgba(0,38,75,.6)}
.stp.now b{color:#fff}.stp.now small{color:#B5C8DC}.stp.now .stp-n{color:#E9A901}
.stp-next{grid-column:1/-1;font-size:13px;color:var(--muted);margin-top:2px;padding:12px 14px;border-radius:12px;border:1px dashed var(--line);display:flex;gap:6px;align-items:center}
.stp-next b{color:var(--ink)}
.pchart{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}
.pchart-h{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}
.pc-row{display:grid;grid-template-columns:70px minmax(0,1fr) 18px;gap:10px;align-items:center;font-size:12.5px}
.pc-row span{color:var(--muted)}
.pc-bar{height:10px;border-radius:10px;background:#DCE5EF;overflow:hidden}
.pc-bar i{display:block;height:100%;border-radius:10px}
/* formación: panel azul medio */
.dz-formacion{background:linear-gradient(160deg,#015DAA,#00467F);color:#fff}
.dz-formacion .dz-ic{background:rgba(255,255,255,.14);color:#fff}
.dz-formacion .dz-t small{color:#BFE2FA}
.dz-formacion h2{color:#fff}
.dz-formacion .dz-link{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.22)}
.dz-formacion .course-feature{background:#fff;border:none;color:#00264B;box-shadow:0 14px 30px -18px rgba(0,0,0,.5)}
.dz-formacion .course-feature h3{color:#00264B}
.lessons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.lessons i{height:8px;border-radius:6px;background:#DCE5EF}
.lessons i.on{background:#007AC3}
.lessons i.cur{background:repeating-linear-gradient(45deg,#E9A901 0 4px,#F6D772 4px 8px)}
.fstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.fstats div{display:flex;flex-direction:column;align-items:center;padding:10px 6px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}
.fstats b{font-size:22px;font-weight:800;line-height:1.1}
.fstats span{font-size:11px;color:#CFE3F7;text-align:center}
/* oración: panel cálido */
.dz-oracion{background:#FFF8E3;border:1px solid #F3E2A9}
.dz-oracion .dz-ic{background:#E9A901;color:#00264B}
.dz-oracion .dz-t small{color:#8A6400}
.dz-oracion .dz-link{background:#fff;color:#00264B;border:1px solid #F0DC9C}
.pray-hero{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid #F3E2A9}
.pray-n{font-size:56px;font-weight:800;letter-spacing:-.04em;line-height:1;color:#00264B;background:radial-gradient(circle at 50% 55%,rgba(233,169,1,.35),rgba(233,169,1,0) 70%);padding:6px 10px}
.pray-l{font-size:14px;font-weight:600;color:#33465C;max-width:220px}
.pray-split{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ps{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:12px;background:#fff;border:1px solid #F3E2A9;color:#00264B}
.ps i{width:10px;height:10px;border-radius:50%}
.ps b{font-size:18px;font-weight:800}
.ps span{font-size:11.5px;color:#5A6B7E}
/* proyectos: cabecera de color + línea de tiempo */
.dz-proyectos{background:var(--surface);border:1px solid var(--line);padding:0;gap:0;box-shadow:var(--shadow-sm)}
.dz-band{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 22px;background:linear-gradient(120deg,#007AC3,#015DAA 60%,#00264B);color:#fff}
.dz-band h2{color:#fff}
.dz-band .dz-t small{color:#CFE3F7}
.band-n{display:flex;flex-direction:column;align-items:center;padding:6px 12px;border-radius:12px;background:rgba(255,255,255,.12);line-height:1.1}
.band-n b{font-size:20px;font-weight:800}
.band-n span{font-size:11px;color:#CFE3F7}
.tline{list-style:none;margin:0;padding:18px 22px 22px;display:flex;flex-direction:column;gap:0}
.tline li{position:relative;display:flex;align-items:center;gap:12px;padding:12px 0 12px 26px}
.tline li::before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:var(--line)}
.tline li:first-child::before{top:50%}.tline li:last-child::before{bottom:50%}
.tl-dot{position:absolute;left:0;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 2px var(--line);background:#C9D6E4}
.tline li.ok .tl-dot{background:#007AC3;box-shadow:0 0 0 2px #007AC3}
.tline li.warn .tl-dot{background:#E9A901;box-shadow:0 0 0 2px #E9A901}
.tline li > div{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.tline li b{font-size:13.5px}
.tline li > div span{font-size:12px;color:var(--muted)}
.tline li.off b{color:var(--muted)}
/* iglesia: navy */
.dz-iglesia{background:#00264B;color:#fff}
.dz-iglesia::after{content:"";position:absolute;width:300px;height:300px;right:-120px;bottom:-160px;border-radius:50%;background:radial-gradient(circle,rgba(233,169,1,.2),rgba(233,169,1,0) 65%);pointer-events:none}
.dz-iglesia .dz-ic{background:rgba(233,169,1,.18);color:#F6D772}
.dz-iglesia .dz-t small{color:#F6D772}
.dz-iglesia h2{color:#fff}
.dz-iglesia .dz-link{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18)}
.ig-grid{display:grid;gap:14px;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);position:relative;z-index:1}
@media (max-width:720px){.ig-grid{grid-template-columns:minmax(0,1fr)}}
.ig-count{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:18px;border-radius:16px;background:#E9A901;color:#00264B}
.ig-count .ig-days{font-size:52px;font-weight:800;line-height:1;letter-spacing:-.04em}
.ig-count span{font-size:13px;font-weight:600}
.ig-count b{font-size:15px;margin-top:8px}
.ig-count small{font-size:12px;color:#5C4300}
.ig-side{display:flex;flex-direction:column;gap:8px}
.ig-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:13px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;flex-wrap:wrap}
a.ig-card:hover{border-color:#E9A901;color:#fff}
.ig-card > div:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.ig-card b{font-size:13.5px}
.ig-card > div:first-child span{font-size:12px;color:#AFC3D8}
.ig-card .avatar{border-color:#0B3A66}
/* oscuro */
[data-theme="dark"] .kt.on{background:#EAF1F8;border-color:#EAF1F8}
[data-theme="dark"] .pc-bar,[data-theme="dark"] .lessons i:not(.on):not(.cur){background:#22476E}
[data-theme="dark"] .pc-bar i[style*="#00264B"]{background:#9CC3E8!important}
[data-theme="dark"] .dz-progreso .dz-ic{background:#123355;color:#7CC4F0}
[data-theme="dark"] .dz-formacion .course-feature{background:#11314F;color:#EAF1F8}
[data-theme="dark"] .dz-formacion .course-feature h3{color:#EAF1F8}
[data-theme="dark"] .dz-oracion{background:#1E2A33;border-color:#4A4122}
[data-theme="dark"] .pray-hero,[data-theme="dark"] .ps{background:#26333C;border-color:#4A4122;color:#EAF1F8}
[data-theme="dark"] .pray-n{color:#F6D772}
[data-theme="dark"] .pray-l,[data-theme="dark"] .ps span{color:#C9D6E5}
[data-theme="dark"] .dz-oracion .dz-link{background:#26333C;color:#F6D772;border-color:#4A4122}
[data-theme="dark"] .dz-oracion .dz-t small{color:#F6D772}
[data-theme="dark"] .stp.now{background:#007AC3;border-color:#007AC3}
[data-theme="dark"] .stp.now small{color:#E3F0FA}
[data-theme="dark"] .dz-iglesia{background:#0F3A63}

/* ===== v7 · Proyectos ===== */
.pj-kpis{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}
.pj-k{display:flex;align-items:center;gap:12px;padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.pj-k-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;flex:0 0 auto}
.pj-k b{display:block;font-size:24px;font-weight:800;line-height:1.1;color:var(--ink)}
.pj-k div span{font-size:12px;color:var(--muted)}
.pj-gifts{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:14px 16px;border-radius:16px;background:#FFF8E3;border:1px solid #F3E2A9}
.pj-gifts-l{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8A6400;margin-right:6px}
.pj-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}
.pj-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.pj-example{border-style:dashed;box-shadow:none}
.pj-top{position:relative;min-height:128px;padding:16px 18px;color:#fff;display:flex;flex-wrap:wrap;align-content:space-between;justify-content:space-between;gap:10px;overflow:hidden}
.pj-top h3{flex:1 0 100%;color:#fff;font-size:20px;position:relative;z-index:1}
.pj-top .pill{position:relative;z-index:1}
.pj-art{position:absolute;right:14px;bottom:-12px;width:96px;height:96px;fill:none;stroke:#fff;stroke-width:1.2;opacity:.2}
.pj-body{padding:16px 18px;display:flex;flex-direction:column;gap:10px;flex:1 1 auto}
.pj-row{display:flex;justify-content:space-between;gap:8px}
.pj-prog{height:8px;border-radius:8px;background:#DCE5EF;overflow:hidden}
.pj-prog i{display:block;height:100%;background:#007AC3;border-radius:8px}
.pj-hitos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}
.pj-hitos li{display:flex;align-items:center;gap:8px;color:var(--text-2)}
.pj-hitos .hd{width:14px;height:14px;border-radius:50%;border:2px solid #C9D6E4;flex:0 0 auto}
.pj-hitos li.done{color:var(--muted);text-decoration:line-through}
.pj-hitos li.done .hd{background:#007AC3;border-color:#007AC3}
.pj-hitos li.now .hd{border-color:#E9A901;background:radial-gradient(circle,#E9A901 40%,transparent 45%)}
.pj-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.pj-meta span{display:inline-flex;gap:6px;align-items:center}
.pj-meta b{color:var(--ink)}
.pj-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:11px;background:#007AC3;color:#fff!important;font-size:11px;padding:0 6px}
.pj-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--line-2);background:var(--surface-2)}
.pj-sug{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:22px;background:var(--panel);border:1px solid var(--panel-line);scroll-margin-top:90px}
.pj-sug-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.pj-s{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);flex-wrap:wrap}
.pj-match{width:56px;height:56px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(#E9A901 0 70%,#F3E2A9 0);flex:0 0 auto;position:relative}
.pj-match::before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--surface)}
.pj-match b,.pj-match span{position:relative;line-height:1}
.pj-match b{font-size:12px;color:var(--ink)}
.pj-match span{font-size:8.5px;color:var(--muted);margin-top:2px}
.pj-s .li-sub b{color:var(--ink)}
.pj-s .li-main{flex:1 1 150px}
.pj-s .btn{margin-left:auto}
/* ===== v7 · Dones y talentos ===== */
.pp{display:grid;gap:20px 28px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);align-items:center;padding:22px 26px;border-radius:22px;background:#00264B;color:#fff;position:relative;overflow:hidden}
@media (max-width:1100px){.pp{grid-template-columns:minmax(0,1fr)}}
.pp::after{content:"";position:absolute;width:360px;height:360px;left:-160px;bottom:-220px;border-radius:50%;background:radial-gradient(circle,rgba(233,169,1,.22),rgba(233,169,1,0) 65%);pointer-events:none}
.pp-score{display:flex;align-items:center;gap:14px;position:relative;z-index:1}
.pp-ring{width:84px;height:84px;flex:0 0 auto}
.pp-ring circle{fill:none;stroke-width:4}
.pp-ring .ring-bg{stroke:rgba(255,255,255,.16)}
.pp-ring text{fill:#fff;font:800 8px Inter,system-ui,sans-serif;text-anchor:middle}
.pp-ring text.sub{font-weight:500;font-size:4.5px;fill:#9FB8D2}
.pp-score small,.pp-facts small{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#F6D772}
.pp-score h2{color:#fff;font-size:19px;margin:3px 0}
.pp-score span{font-size:12px;color:#B5C8DC}
.pp-levels{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}
.lvl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative}
.lvl::before{content:"";position:absolute;left:12%;right:12%;top:9px;height:2px;background:rgba(255,255,255,.18)}
.lvl li{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}
.lv-dot{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#00264B}
.lvl b{font-size:12px;font-weight:600;color:#CFE3F7}
.lvl-scale{display:flex;justify-content:space-between;font-size:11px;color:#9FB8D2}
.pp-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;position:relative;z-index:1}
.pp-facts div{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.pp-facts small{color:#9FB8D2;letter-spacing:.06em;font-size:10px}
.pp-facts b{font-size:14px}
.pp-facts b.ph{color:#9FB8D2;font-weight:600}
.gifts{display:flex;flex-direction:column;gap:8px}
.gift{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);flex-wrap:wrap}
.g-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto}
.g-main{flex:1 1 160px;min-width:0;display:flex;flex-direction:column;gap:2px}
.g-main b{font-size:14px}
.g-main span{font-size:12px;color:var(--muted)}
.g-note{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}
.tal-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr))}
.tal{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border-radius:16px;background:#fff;border:1px solid #F3E2A9;color:#00264B;font:inherit;text-align:left}
.tal b{font-size:15px}
.tal span:last-child{font-size:11.5px;color:#7A5800}
.t-emb{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#E9A901;color:#00264B}
.tal-add{border-style:dashed;background:transparent;cursor:pointer}
.tal-add .t-emb{background:#FDF1CC}
.quad-wrap{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto 22px;gap:6px}
.ax{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ax-y{writing-mode:vertical-rl;transform:rotate(180deg);text-align:center}
.ax-x{grid-column:2;text-align:center}
.quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.qd{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:14px;border:1.5px solid;transition:transform .15s,box-shadow .15s;cursor:default;min-height:130px}
.qd:hover,.qd:focus{transform:translateY(-2px);box-shadow:var(--shadow-sm);outline:none}
.qd b{font-size:15px}
.qd small{font-size:11.5px;font-weight:600}
.qd span{font-size:12px;line-height:1.45;color:var(--text-2)}
.q1{background:#E6F1FA;border-color:#9CCBEB}.q1 small{color:#007AC3}
.q2{background:#FFF6DB;border-color:#EFD27A}.q2 small{color:#8A6400}
.q3{background:#E7EDF5;border-color:#A9BCD3}.q3 small{color:#015DAA}
.q4{background:#EEF2F7;border-color:#C2CFDE}.q4 small{color:#00264B}
.pas-bars{display:flex;flex-direction:column;gap:9px}
.pb{display:grid;grid-template-columns:78px minmax(0,1fr) 16px;gap:10px;align-items:center;font-size:12.5px}
.pb span{color:#CFE3F7}
.pb div{height:10px;border-radius:10px;background:rgba(255,255,255,.14);overflow:hidden}
.pb i{display:block;height:100%;border-radius:10px;background:#E9A901}
.pas-chips{display:flex;flex-wrap:wrap;gap:6px}
.pas-chips span,.pas-add{padding:6px 11px;border-radius:20px;font-size:12px;font-weight:600}
.pas-chips span{background:rgba(255,255,255,.14);color:#fff}
.pas-add{background:transparent;border:1px dashed rgba(255,255,255,.4);color:#CFE3F7;cursor:pointer;font-family:inherit}
.serve-band{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:22px 26px;border-radius:22px;background:linear-gradient(120deg,#007AC3,#015DAA 55%,#00264B);color:#fff}
.serve-band h2{color:#fff;font-size:22px;margin:6px 0 4px}
.serve-band p{color:#CFE3F7;font-size:13.5px}
[data-theme="dark"] .pj-gifts{background:#1E2A33;border-color:#4A4122}
[data-theme="dark"] .pj-gifts-l{color:#F6D772}
[data-theme="dark"] .pj-prog{background:#22476E}
[data-theme="dark"] .tal{background:#26333C;border-color:#4A4122;color:#EAF1F8}
[data-theme="dark"] .tal span:last-child{color:#F6D772}
[data-theme="dark"] .q1{background:#11314F;border-color:#1F5A8A}[data-theme="dark"] .q2{background:#2A2A22;border-color:#5C4D1E}[data-theme="dark"] .q3{background:#132B47;border-color:#2C4E77}[data-theme="dark"] .q4{background:#15283E;border-color:#2A4363}
[data-theme="dark"] .q1 small,[data-theme="dark"] .q3 small,[data-theme="dark"] .q4 small{color:#9CD3F7}[data-theme="dark"] .q2 small{color:#F6D772}
[data-theme="dark"] .tab-btn.on{background:var(--surface);color:var(--text)}

/* ===== v8 · Inicio espejo del menú ===== */
.kt-3{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
.ktp-list{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(175px,100%),1fr))}
.ktp-i{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none;min-width:0;transition:border-color .15s,background .15s}
.ktp-i:hover{border-color:rgba(233,169,1,.65);background:rgba(255,255,255,.1);color:#fff}
.ktp-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(0,122,195,.35);color:#CFE8FA;flex:0 0 auto}
.ktp-tx{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.ktp-tx small{font-size:11px;color:#9FB8D2}
.ktp-tx b{font-size:14px}
.ktp-tx span{font-size:11.5px;color:#B5C8DC}
.ktp-arr{margin-left:auto;opacity:.45;flex:0 0 auto}
.ktp-i:hover .ktp-arr{opacity:1;color:#E9A901}
.grp-h{display:flex;align-items:center;gap:14px;margin-top:8px;flex-wrap:wrap}
.grp-h span{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.grp-h i{flex:1 1 40px;height:2px;background:linear-gradient(90deg,#E9A901 0 48px,var(--line) 48px)}
.grp-h small{font-size:12px;color:var(--muted)}
.dz-three{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
@media (max-width:1100px){.dz-three{grid-template-columns:minmax(0,1fr)}}
.dz-dones{background:#E6F1FA;border:1px solid #CFE3F7}
.dz-dones .dz-ic{background:#007AC3;color:#fff}
.dz-dones .dz-t small{color:#007AC3}
.dz-dones .dz-link{background:#fff;color:#015DAA;border:1px solid #CFE3F7}
.dz-dones .pchart{background:#fff;border-color:#CFE3F7}
.dn-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dn-counts div{display:flex;flex-direction:column;align-items:center;padding:10px;border-radius:12px;background:#fff;border:1px solid #CFE3F7}
.dn-counts b{font-size:22px;font-weight:800;color:#00264B;line-height:1.1}
.dn-counts span{font-size:11.5px;color:var(--muted)}
.dn-tags{display:flex;gap:6px;flex-wrap:wrap}
.dz-programas{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.dz-programas .dz-ic{background:#00264B;color:#F6D772}
.dz-programas .dz-t small{color:#015DAA}
.dz-programas .dz-link{background:var(--surface-2);color:#015DAA;border:1px solid var(--line)}
.prg-card{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;background:linear-gradient(135deg,#007AC3,#015DAA 55%,#00264B);color:#fff;text-decoration:none;position:relative;overflow:hidden}
.prg-card::after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;border:1px solid rgba(255,255,255,.18);right:-50px;top:-70px}
.prg-card:hover{color:#fff}
.prg-name{font-size:22px;font-weight:800;letter-spacing:.03em}
.prg-sub{font-size:13px;color:#CFE3F7}
.prg-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center}
.prg-facts div{padding:8px 4px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}
.prg-facts b{display:block;font-size:16px;font-weight:800;color:var(--ink)}
.prg-facts span{font-size:11px;color:var(--muted)}
.dz-proyectos .tline{padding:14px 20px 4px}
.dz-link-foot{align-self:flex-start;margin:0 20px 20px;background:var(--surface-2);color:#015DAA;border:1px solid var(--line)}
.dz-eventos{background:var(--surface);border:1px solid var(--line);border-top:6px solid #E9A901;box-shadow:var(--shadow-sm)}
.dz-eventos .dz-ic{background:#FDF1CC;color:#7A5800}
.dz-eventos .dz-t small{color:#8A6400}
.dz-eventos .dz-link{background:var(--surface-2);color:#015DAA;border:1px solid var(--line)}
.ev-list{display:flex;flex-direction:column;gap:8px}
.ev{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);color:inherit;text-decoration:none;flex-wrap:wrap}
a.ev:hover{border-color:#E9A901}
.ev-d{width:48px;height:52px;border-radius:12px;background:#00264B;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;line-height:1}
.ev-d small{font-size:10px;font-weight:700;color:#E9A901;letter-spacing:.08em}
.ev-d b{font-size:20px;font-weight:800;margin-top:3px}
.ev-t{flex:1 1 120px;min-width:0;display:flex;flex-direction:column;gap:2px}
.ev-t b{font-size:13.5px}
.ev-t span{font-size:12px;color:var(--muted)}
.dz-vida{padding:18px;border-radius:22px;background:var(--panel);border:1px solid var(--panel-line)}
.vt{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);scroll-margin-top:90px;min-width:0}
.vt-h{display:flex;align-items:center;gap:10px}
.vt-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#E3F0FA;color:#015DAA}
.vt h2{font-size:17px}
.vt-n{display:flex;align-items:baseline;gap:8px}
.vt-n b{font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--ink)}
.vt-n span{font-size:12.5px;color:var(--muted)}
.vt .btn,.vt .text-link{align-self:flex-start;margin-top:auto}
.vt-empty{display:flex;gap:6px}
.vt-empty .avatar{border:1.5px dashed #9CC3E8;color:#015DAA}
.seg{display:flex;gap:3px;height:10px;border-radius:10px;overflow:hidden}
.seg i{display:block;height:100%}
[data-theme="dark"] .dz-dones{background:#0E2E50;border-color:#1B4C7A}
[data-theme="dark"] .dn-counts div,[data-theme="dark"] .dz-dones .pchart,[data-theme="dark"] .dz-dones .dz-link{background:#11314F;border-color:#1E4166}
[data-theme="dark"] .dn-counts b{color:#EAF1F8}
[data-theme="dark"] .vt-ic{background:#123355;color:#9CD3F7}
/* ===== selector de idioma con banderas ===== */
.lang{position:relative;display:inline-block;height:auto;padding:0;border:none;background:none;margin-right:4px}
.lang-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 10px 0 8px;border-radius:22px;border:1px solid #CFE3F7;background:#EEF6FC;color:#00264B;font:600 13px var(--sans);cursor:pointer}
.lang-btn:hover{border-color:#007AC3}
.flag{width:22px;height:15px;border-radius:3px;flex:0 0 auto;box-shadow:0 0 0 1px rgba(0,38,75,.12);display:block}
.lang-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:70;list-style:none;margin:0;padding:6px;min-width:180px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -18px rgba(0,38,75,.45)}
.lang-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;background:none;border-radius:10px;font:500 13.5px var(--sans);color:var(--text);cursor:pointer;text-align:left}
.lang-menu button:hover{background:var(--surface-2)}
.lang-menu button[aria-selected="true"]{font-weight:700;color:#015DAA}
[data-theme="dark"] .lang-btn{background:#11314F;border-color:#1E4166;color:#EAF1F8}
.topbar{position:relative;z-index:50}

/* ===== v9 · ayudas al pasar el mouse ===== */
.tip{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--surface);border:1px solid currentColor;color:inherit;font:700 10px/1 var(--sans);font-style:normal;letter-spacing:0;text-transform:none;cursor:help;vertical-align:1px;margin-left:4px;opacity:.75}
.tip:hover,.tip:focus{opacity:1}
[data-tip]{position:relative}
[data-tip]:hover::after,[data-tip]:focus-visible::after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);width:max-content;max-width:260px;padding:9px 11px;border-radius:10px;background:#00264B;color:#fff;font:500 12px/1.45 var(--sans);letter-spacing:0;text-transform:none;white-space:normal;text-align:left;z-index:90;box-shadow:0 14px 30px -12px rgba(0,0,0,.45);pointer-events:none}
[data-tip]:hover::before,[data-tip]:focus-visible::before{content:"";position:absolute;left:50%;top:calc(100% + 3px);transform:translateX(-50%);border:5px solid transparent;border-bottom-color:#00264B;z-index:90}
.dz-t small .tip::after{left:0;transform:none}
.dz{overflow:visible}
.dz-iglesia::after{display:none}
.dz-proyectos{overflow:hidden}
[data-theme="dark"] [data-tip]:hover::after{background:#EAF1F8;color:#00264B}
[data-theme="dark"] [data-tip]:hover::before{border-bottom-color:#EAF1F8}
/* agenda en Inicio */
.dz-two-c{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.dz-agenda{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-top:6px solid #00264B}
.dz-agenda .dz-ic{background:#00264B;color:#F6D772}
.dz-agenda .dz-t small{color:#00264B}
.dz-agenda .dz-link,.dz-rec .dz-link{background:var(--surface-2);color:#015DAA;border:1px solid var(--line)}
.ag-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ag-list a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:inherit;text-decoration:none;flex-wrap:wrap}
.ag-list a:hover{border-color:#007AC3;background:var(--surface-2)}
.ag-list li.today a{border-color:#E9A901;background:#FFFBEE}
.ag-when{width:58px;flex:0 0 auto;display:flex;flex-direction:column;line-height:1.2}
.ag-when b{font-size:13.5px;color:var(--ink)}
.ag-when small{font-size:11.5px;color:var(--muted)}
.ag-t{flex:1 1 140px;min-width:0;display:flex;flex-direction:column;gap:2px}
.ag-t b{font-size:13.5px}
.ag-t small{font-size:12px;color:var(--muted)}
.ag-proc{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px dashed var(--line);font-size:12.5px;color:var(--text-2);text-decoration:none}
.ag-proc:hover{border-color:#E9A901;color:var(--ink)}
.ag-dot{width:10px;height:10px;border-radius:50%;background:#E9A901;box-shadow:0 0 0 4px rgba(233,169,1,.2);flex:0 0 auto}
[data-theme="dark"] .ag-list li.today a{background:#2A2A22}
/* recorrido simple, fondo blanco */
.dz-rec{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-top:6px solid #007AC3}
.dz-rec .dz-ic{background:#E3F0FA;color:#007AC3}
.dz-rec .dz-t small{color:#007AC3}
.rt{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:4px}
.rt-line{position:absolute;left:12.5%;right:12.5%;top:15px;height:4px;border-radius:4px;background:#E3EAF2}
.rt-line i{display:block;height:100%;border-radius:4px;background:#007AC3}
.rt-st{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;cursor:default;padding:0 4px 6px;border-radius:12px}
.rt-dot{width:26px;height:26px;border-radius:50%;background:var(--surface);border:3px solid #C9D6E4;position:relative;z-index:1}
.rt-st b{font-size:13.5px;color:var(--muted);font-weight:600;margin-top:4px}
.rt-st small{font-size:11.5px;color:var(--muted)}
.rt-st.now .rt-dot{border-color:#007AC3;box-shadow:0 0 0 6px rgba(0,122,195,.15);background:radial-gradient(circle,#007AC3 38%,var(--surface) 42%)}
.rt-st.now b{color:var(--ink);font-weight:800}
.rt-st.done .rt-dot{background:#007AC3;border-color:#007AC3}
.rt-st:hover{background:var(--surface-2)}
.rt-next{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);text-decoration:none;color:inherit}
.rt-next:hover{border-color:#007AC3}
.rt-next-ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#007AC3;color:#fff;flex:0 0 auto}
.rt-next small{display:block;font-size:11.5px;color:var(--muted)}
.rt-next b{font-size:14px}
.rt-go{margin-left:auto;font-size:12.5px;font-weight:700;color:#015DAA}
@media (max-width:720px){.rt-st b{font-size:12px}.rt-st small{display:none}}
@media (max-width:1100px){.dz-two-c{grid-template-columns:minmax(0,1fr)}}
/* ===== v9 · Mi recorrido (todo en blanco) ===== */
.rs-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-sm);padding:24px;display:flex;flex-direction:column;gap:22px}
.rs-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.rs-k{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#007AC3}
.rs-top h2{font-size:24px;margin-top:4px}
.rs-meter{flex:0 1 340px;display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted)}
.rs-meter b{color:var(--ink)}
.rs-bar{height:10px;border-radius:10px;background:#E3EAF2;overflow:hidden}
.rs-bar i{display:block;height:100%;background:#007AC3;border-radius:10px}
.rs-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.rs-track::before{content:"";position:absolute;left:12.5%;right:12.5%;top:23px;height:4px;border-radius:4px;background:linear-gradient(90deg,#007AC3 0 var(--done,40%),#E3EAF2 var(--done,40%))}
.rs-st{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px 12px;border-radius:14px;border:1.5px solid transparent;background:none;font:inherit;color:inherit;cursor:pointer;text-align:center}
.rs-st:hover{background:var(--surface-2)}
.rs-st.on{border-color:#CFE3F7;background:#F4F9FD}
.rs-dot{width:30px;height:30px;border-radius:50%;background:var(--surface);border:3px solid #C9D6E4;position:relative;z-index:1;margin-bottom:4px}
.rs-st[data-st="done"] .rs-dot{background:#007AC3;border-color:#007AC3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E");background-size:16px;background-position:center;background-repeat:no-repeat}
.rs-st[data-st="now"] .rs-dot{border-color:#007AC3;background:radial-gradient(circle,#E9A901 36%,var(--surface) 40%);box-shadow:0 0 0 6px rgba(0,122,195,.14)}
.rs-n{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.08em}
.rs-st b{font-size:15px;color:var(--ink)}
.rs-st small{font-size:11.5px;color:var(--muted)}
.rs-st:not([data-st]) b,.rs-st[data-st=""] b{color:var(--muted);font-weight:600}
.rs-panel{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.rs-p-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.rs-p-h small{font-size:11.5px;color:var(--muted)}
.rs-p-h h3{font-size:18px;margin-top:2px}
.rs-les{display:flex;flex-direction:column;gap:8px}
.ls-row{display:flex;gap:8px;flex-wrap:wrap}
.ls{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:13px;border:1.5px solid var(--line);color:var(--muted);background:var(--surface)}
.ls.on{background:#007AC3;border-color:#007AC3;color:#fff}
.rs-p-f{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.rs-box{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);padding:20px;display:flex;flex-direction:column;gap:12px}
.rs-box-h{display:flex;align-items:center;gap:6px;color:var(--muted)}
.rs-box-h h2{font-size:18px}
.rs-course{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--line);color:inherit;text-decoration:none;flex-wrap:wrap}
a.rs-course:hover{border-color:#007AC3}
.rs-c-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;flex:0 0 auto}
.rs-c-t{flex:1 1 160px;min-width:0;display:flex;flex-direction:column;gap:4px}
.rs-c-t b{font-size:14px}
.rs-c-t small{font-size:12px;color:var(--muted)}
.rs-c-bar{height:6px;border-radius:6px;background:#E3EAF2;overflow:hidden;max-width:220px}
.rs-c-bar i{display:block;height:100%;background:#007AC3}
.rs-pillar{display:flex;gap:12px;align-items:center;padding:14px;border-radius:14px;border:1px solid var(--line)}
.rs-pillar b{font-size:15px}
.rs-pillar p{font-size:14px;color:var(--text-2)}
.rs-nextst{display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:14px;border:1px dashed var(--line)}
.rs-nextst small{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.rs-nextst b{font-size:15px}
.rs-nextst span{font-size:12.5px;color:var(--muted)}
@media (max-width:720px){.rs-st small{display:none}.rs-st b{font-size:12.5px}.ls{width:34px;height:34px}}
[data-theme="dark"] .rs-st.on{background:#123355;border-color:#1F5A8A}
[data-theme="dark"] .rs-bar,[data-theme="dark"] .rs-c-bar,[data-theme="dark"] .rt-line{background:#22476E}
.dz-two-c{align-items:start}
/* ===== v9 · Mis actividades (patrón ERP Evolusie) ===== */
.ac-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);overflow:visible}
.ack{padding:16px 18px;border-left:1px solid var(--line-2);display:flex;flex-direction:column;gap:2px;cursor:default}
.ack:first-child{border-left:none}
.ack small{font-size:12px;color:var(--muted)}
.ack b{font-size:26px;font-weight:800;color:var(--ink);line-height:1.1}
.ack b.ok{color:#17724F}
.ack b em{font-style:normal;font-size:14px;color:var(--muted);font-weight:600}
.ack span{font-size:12px;color:var(--muted)}
.ac-main{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);padding:18px;display:flex;flex-direction:column;gap:14px}
.ac-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ac-search{flex:1 1 240px;display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}
.ac-search input{border:none;outline:none;background:transparent;font:inherit;color:var(--text);flex:1;min-width:0}
.ac-types{display:flex;gap:6px;flex-wrap:wrap}
.ac-types .chip{min-height:32px;padding:5px 12px}
.ac-bar .tabs .tab-btn{display:inline-flex;align-items:center;gap:6px}
.ac-g{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.ac-gh{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink)}
.ac-gh i{width:8px;height:8px;border-radius:50%;background:#8A9BB0}
.ac-gh span{color:var(--muted);font-weight:600}
.g-today .ac-gh i{background:#E9A901}
.g-wait .ac-gh i{background:#C9D6E4}
.ac-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ac-row{display:flex;align-items:center;gap:12px;padding:10px 8px;border-bottom:1px solid var(--line-2);border-radius:10px;flex-wrap:wrap}
.ac-row:hover{background:var(--surface-2)}
.ac-chk{width:22px;height:22px;border-radius:50%;border:1.5px solid #B8C6D6;background:var(--surface);cursor:pointer;flex:0 0 auto;padding:0}
.ac-chk:hover{border-color:#007AC3;background:#E3F0FA}
.ac-chk.on{background:#007AC3;border-color:#007AC3}
.ac-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}
.ac-t{flex:1 1 200px;min-width:0;display:flex;flex-direction:column;gap:1px}
.ac-t b{font-size:13.5px;font-weight:600;color:var(--ink)}
.ac-t small{font-size:12px;color:var(--muted)}
.ac-time{font:600 12.5px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);width:50px;text-align:right}
.ac-rel{font:600 12.5px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-2);min-width:110px;text-align:right}
.ac-rel.today{color:#B07800}
.ac-rel.wait{color:var(--muted)}
.cal-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
@media (max-width:1100px){.cal-wrap{grid-template-columns:minmax(0,1fr)}}
.cal-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}
.cal-h b{font-size:16px}
.cal-nav{display:flex;gap:6px;align-items:center}
.cal-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:10px}
.cal-legend span{display:inline-flex;align-items:center;gap:6px}
.cal-legend i{width:9px;height:9px;border-radius:3px}
.cal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cal-g .wd{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--muted);padding:0 4px}
.cd{min-height:82px;border:1px solid var(--line);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px;background:var(--surface);cursor:pointer}
.cd:hover{border-color:#007AC3}
.cd b{font-size:13px;color:var(--ink)}
.cd.out{background:var(--surface-2);opacity:.55}
.cd.we{background:var(--surface-2)}
.cd.past b{color:var(--muted)}
.cd.today{border:2px solid #00264B;background:#F2F7FC}
.cd.today b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#00264B;color:#fff}
.cd-n{font-size:11.5px;color:var(--muted)}
.cd-bars{display:flex;gap:3px;margin-top:auto}
.cd-bars i{flex:1;height:5px;border-radius:3px;max-width:28px}
.cal-day{border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}
.cal-day > small{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#007AC3}
.cal-day .ac-t{flex:1 1 120px}
.cal-day h3{font-size:18px}
.cal-day-p{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.cal-day-p .rs-bar{flex:1;height:6px}
.cal-day .ac-row{padding:8px 4px}
.cal-day .ac-time,.cal-day .ac-rel{display:none}
@media (max-width:720px){.cd{min-height:56px;padding:5px}.cd-n{display:none}.ac-rel{min-width:0}}
.pr-wrap{display:flex;flex-direction:column;gap:14px}
.pr-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.pr{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--pc);box-shadow:var(--shadow-sm);color:inherit;text-decoration:none}
.pr:hover{border-color:var(--pc)}
.pr-h small{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pr-h b{display:block;font-size:16px;margin-top:2px}
.pr-h span{font-size:12px;color:var(--muted)}
.pr-steps{list-style:none;margin:0;padding:0;display:flex;align-items:center}
.pr-steps li{flex:1;display:flex;align-items:center;position:relative}
.pr-steps li::after{content:"";flex:1;height:3px;background:#E3EAF2}
.pr-steps li:last-child{flex:0}.pr-steps li:last-child::after{display:none}
.pr-steps li span{width:14px;height:14px;border-radius:50%;border:2px solid #C9D6E4;background:var(--surface);flex:0 0 auto}
.pr-steps li.done span{background:var(--pc);border-color:var(--pc)}
.pr-steps li.done::after{background:var(--pc)}
.pr-steps li.now span{border-color:var(--pc);box-shadow:0 0 0 4px color-mix(in srgb,var(--pc) 22%,transparent)}
.pr-steps em{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pr-next{font-size:12.5px;color:var(--muted);padding-top:10px;border-top:1px solid var(--line-2)}
.pr-next b{color:var(--ink)}
/* ===== v9 · Solicitudes ===== */
.rq-kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}
.rqk{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);cursor:default}
.rqk-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}
.rqk b{display:block;font-size:22px;font-weight:800;line-height:1.1;color:var(--ink)}
.rqk div span{font-size:12px;color:var(--muted)}
.rq-layout{display:grid;gap:20px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}
@media (max-width:1100px){.rq-layout{grid-template-columns:minmax(0,1fr)}}
.rq-main{display:flex;flex-direction:column;gap:14px}
.rq-list{display:flex;flex-direction:column;gap:12px}
.rq{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-left:5px solid #C9D6E4}
.rq-wait{border-left-color:#E9A901}.rq-ok{border-left-color:#007AC3}.rq-no{border-left-color:#E5A595}
.rq-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.rq-h small{font-size:12px;color:var(--muted)}
.rq-h h3{font-size:18px;margin-top:2px}
.rq-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.rq-steps li{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}
.rq-steps li span{height:6px;border-radius:6px;background:#E3EAF2}
.rq-steps li.done span{background:#007AC3}.rq-steps li.done{color:var(--ink);font-weight:600}
.rq-steps li.now span{background:repeating-linear-gradient(45deg,#E9A901 0 5px,#F6D772 5px 10px)}.rq-steps li.now{color:#8A6400;font-weight:700}
.rq-no .rq-steps li.done:last-child span{background:#E5A595}
.rq-meta{font-size:12.5px;color:var(--muted)}
.rq-why{font-size:13px;padding:10px 12px;border-radius:10px;background:#FFF5F2;color:#7A2E1C}
.rq-a{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.rq-side{position:sticky;top:16px;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:20px;background:var(--panel);border:1px solid var(--panel-line)}
.rq-side-h{display:flex;align-items:center;gap:6px}
.rq-side-h h2{font-size:18px}
.sq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sq{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;border-radius:14px;background:var(--surface);border:1px solid var(--line);font:inherit;color:inherit;text-align:left;cursor:pointer}
.sq:hover{border-color:#007AC3;transform:translateY(-1px)}
.sq-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;flex:0 0 auto}
.sq b{font-size:13px;line-height:1.25}
.sq small{font-size:11.5px;color:var(--muted);line-height:1.35}
.rq-dones{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:#00264B;color:#fff;text-decoration:none}
.rq-dones:hover{color:#fff;box-shadow:0 0 0 2px #E9A901}
.rq-dones b{display:block;font-size:13.5px}
.rq-dones small{font-size:12px;color:#B5C8DC}
[data-theme="dark"] .rq-why{background:#3A2420;color:#FFC9BC}
[data-tip]:hover,[data-tip]:focus-visible{z-index:95}
/* ===== v9 · Mi familia ===== */
.fh{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 18px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.fh-who{flex:1 1 320px;display:flex;align-items:center;gap:14px;min-width:0}
.fh-who b{display:block;font-size:16px}
.fh-who div > span{font-size:12.5px;color:var(--muted)}
.fh-who .avatars .avatar{border-color:var(--surface)}
.fh-k{display:flex;flex-direction:column;align-items:center;padding:8px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);min-width:96px;cursor:default}
.fh-k b{font-size:22px;font-weight:800;line-height:1.1;color:var(--ink)}
.fh-k span{font-size:11.5px;color:var(--muted)}
.fh-k.gold{background:#FFF8E3;border-color:#F3E2A9}
.fam-layout{display:grid;gap:20px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}
@media (max-width:1100px){.fam-layout{grid-template-columns:minmax(0,1fr)}}
.fam-main{display:flex;flex-direction:column;gap:20px}
.fam-sh{display:flex;align-items:center;gap:6px;margin-bottom:10px;color:var(--muted)}
.fam-sh h2{font-size:17px}
.fam-sh .n{margin-left:auto;font-size:12px;font-weight:700;padding:2px 9px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}
.fp-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}
.fp{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.fp-top{display:flex;align-items:center;gap:12px}
.fp-n{flex:1;min-width:0;display:flex;flex-direction:column}
.fp-n small{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#007AC3}
.fp-n b{font-size:15px}
.fp-n span{font-size:12.5px;color:var(--muted)}
.fp-tags{display:flex;gap:6px;flex-wrap:wrap}
.ftag{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:12px;cursor:default}
.f-home{background:#E3F0FA;color:#015DAA}.f-dep{background:#FDF1CC;color:#7A5800}.f-min{background:#EEF2F7;color:#33465C}
.fp-prog{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:12px;background:var(--surface-2);border:1px dashed var(--line);font-size:12.5px;color:var(--text-2);text-decoration:none}
.fp-prog:hover{border-color:#E9A901}
.pet-add{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;border-radius:16px;border:1.5px dashed #9CC3E8;background:#F4F9FD;font:inherit;color:inherit;text-align:left;cursor:pointer}
.pet-add:hover{border-color:#007AC3}
.pet-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#007AC3;color:#fff}
.pet-add b{font-size:15px}
.pet-add small{font-size:12.5px;color:var(--muted)}
.fam-side{display:flex;flex-direction:column;gap:16px}
.bd,.fam-for{padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.bd-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.bd-list li{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;cursor:default}
.bd-list li:hover{background:var(--surface-2)}
.bd-list li.next{background:#FFF8E3;border:1px solid #F3E2A9}
.bd-d{width:46px;height:50px;border-radius:12px;background:#00264B;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;flex:0 0 auto}
.bd-d b{font-size:18px;font-weight:800}
.bd-d small{font-size:10px;color:#E9A901;font-weight:700;text-transform:uppercase;margin-top:3px}
.bd-t b{display:block;font-size:14px}
.bd-t small{font-size:12px;color:var(--muted)}
.fam-for{display:flex;flex-direction:column;gap:8px}
.ff{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid var(--line);text-decoration:none;color:inherit}
.ff:hover{border-color:#007AC3}
.ff b{display:block;font-size:13.5px}
.ff small{font-size:12px;color:var(--muted)}
[data-theme="dark"] .pet-add{background:#0E2E50;border-color:#1F5A8A}
[data-theme="dark"] .fh-k.gold,[data-theme="dark"] .bd-list li.next{background:#2A2A22;border-color:#5C4D1E}
/* ===== v9 · Mis cursos ===== */
.rqk b em.kk{font-style:normal;font-size:14px;color:var(--muted);font-weight:600}
.cu{display:flex;flex-direction:column;gap:16px;padding:18px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.cu-tabs{align-self:flex-start}
.tab-btn .n{font-size:11px;margin-left:4px;padding:1px 7px;border-radius:10px;background:var(--surface-2);color:var(--muted)}
.cu-pane{display:flex;flex-direction:column;gap:16px}
.cg{display:flex;flex-direction:column;gap:10px}
.cg-h{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--line-2)}
.cg-h b{font-size:14px}
.cg-h span{font-size:12px;color:var(--muted)}
.cc-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}
.cc{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:visible;background:var(--surface);transition:box-shadow .15s,transform .15s}
.cc:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.cc .course-art{height:104px;border-radius:15px 15px 0 0}
.cc-cert{position:absolute;right:10px;bottom:10px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#E9A901;color:#00264B;z-index:2}
.cc-b{padding:12px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.cc-top{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap}
.cc-pil{font-size:11.5px;color:var(--muted)}
.cc h3{font-size:15px;line-height:1.3}
.cc-why{display:flex;gap:6px;align-items:center;font-size:12px;color:#8A6400;background:#FFF8E3;border-radius:8px;padding:5px 8px;cursor:default}
.cc-bar{height:6px;border-radius:6px;background:#E3EAF2;overflow:hidden}
.cc-bar i{display:block;height:100%;background:#007AC3}
.cc-p{font-size:12px;color:var(--muted)}
.cc-f{padding:0 14px 14px}
.cf{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.cf-sel{flex:0 1 190px}
.cf-sel .select{min-height:40px;padding:8px 10px}
.cf-smart{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:12px;border-radius:14px;background:#FFF8E3;border:1px solid #F3E2A9}
.cf-smart .chip{min-height:30px;padding:4px 11px}
.cf-smart .chip.on{background:#00264B}
.cf-l{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8A6400;margin-right:4px}
.cf-count{font-size:13px;color:var(--muted);display:flex;gap:4px;align-items:baseline;flex-wrap:wrap}
.cf-count .cf-n{display:inline}
.cf-count b{color:var(--ink)}
.pager{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;border-top:1px solid var(--line-2)}
.pager-b{display:flex;gap:6px}
.pg{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font:700 13px var(--sans);color:var(--ink);cursor:pointer}
.pg.on{background:#00264B;border-color:#00264B;color:#fff}
.lg-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}
.lg-bar .btn{margin-left:auto}
.lg-all{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:600}
.lg-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.lg{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);flex-wrap:wrap}
.lg.on{border-color:#007AC3;background:#F4F9FD}
.lg.off{opacity:.7}
.lg-chk input,.lg-all input{width:18px;height:18px;accent-color:#007AC3}
.lg-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#E9A901;color:#00264B;flex:0 0 auto}
.lg.off .lg-ic{background:var(--surface-2);color:var(--muted)}
.lg-t{flex:1 1 220px;min-width:0;display:flex;flex-direction:column}
.lg-t b{font-size:14px}
.lg-t small{font-size:12px;color:var(--muted)}
.lg-m{font-weight:800;font-size:15px;color:var(--ink);cursor:default}
.lg-code{font:600 12.5px ui-monospace,SFMono-Regular,Menlo,monospace;padding:4px 8px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);cursor:default}
.cert-prev{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#F4F9FD,#fff);text-align:center}
.cert-prev small{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#007AC3}
.cert-prev b{font-size:22px}
.cert-prev span{font-size:13.5px;color:var(--text-2)}
.cert-prev em{font-style:normal;font-size:12px;color:var(--muted)}
[data-theme="dark"] .cc-why,[data-theme="dark"] .cf-smart{background:#2A2A22;border-color:#5C4D1E}
[data-theme="dark"] .lg.on{background:#123355}
[data-theme="dark"] .cert-prev{background:#11314F}
/* ===== v9 · Dones y talentos (MI Score) ===== */
.pp2{position:relative;display:flex;flex-direction:column;gap:16px;padding:22px 24px;border-radius:22px;background:#00264B;color:#fff}
.pp2-top{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between}
.pp2-score{display:flex;align-items:center;gap:16px;flex:1 1 420px;min-width:0}
.pp2-k{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#F6D772}
.pp2 h2{color:#fff;font-size:22px;margin:4px 0 2px}
.pp2-s{font-size:12px;color:#B5C8DC}
.pp2-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.pp2 .btn-light{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}
.pp2-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:1 1 360px}
.pp2-facts div{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);cursor:default}
.pp2-facts small{display:block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#9FB8D2}
.pp2-facts b{font-size:14px}
.rz-ring{--p:35;width:84px;height:84px;border-radius:50%;background:conic-gradient(#E9A901 calc(var(--p)*1%),rgba(255,255,255,.14) 0);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;flex:0 0 auto;cursor:default}
.rz-ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#00264B}
.rz-ring b,.rz-ring small{position:relative;line-height:1}
.rz-ring b{font-size:22px;font-weight:800;color:#fff}
.rz-ring small{font-size:10px;color:#9FB8D2;margin-top:3px}
.rz-ring.big{width:96px;height:96px}
.lv-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}
.lv{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;font:inherit;text-align:left;cursor:pointer;flex-wrap:wrap}
.lv:hover{background:rgba(255,255,255,.1)}
.lv.on{background:#fff;color:#00264B;border-color:#fff}
.lv-ic{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#CFE3F7;flex:0 0 auto}
.lv[data-st="now"] .lv-ic{background:#E9A901;color:#00264B}
.lv.on .lv-ic{background:#E3F0FA;color:#015DAA}
.lv.on[data-st="now"] .lv-ic{background:#E9A901;color:#00264B}
.lv b{font-size:14px}
.lv small{font-size:11px;color:#9FB8D2;flex-basis:100%;padding-left:40px;margin-top:-6px}
.lv.on small{color:#5A6B7E}
.lv-scale{position:relative;display:flex;justify-content:space-between;font-size:11px;color:#9FB8D2;height:16px}
.lv-you{position:absolute;transform:translateX(-50%);color:#F6D772;font-weight:700}
.lvp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
@media (max-width:900px){.lvp{grid-template-columns:minmax(0,1fr)}.lv-track{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lvp-d{font-size:14px;line-height:1.55;color:#E3ECF5}
.lvp-r b{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#F6D772}
.lvp-r ul{margin:6px 0 0;padding-left:18px;font-size:13px;color:#CFE3F7;display:flex;flex-direction:column;gap:4px}
.glist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.gr{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface);flex-wrap:wrap}
.gr:hover{border-color:#9CC3E8}
.g-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#E3F0FA;color:#015DAA;flex:0 0 auto}
.g-ic.t{background:#FDF1CC;color:#7A5800}
.gr .g-main{flex:1 1 150px;min-width:0;cursor:default}
.g-lv{width:90px;cursor:default}
.g-bar{display:block;height:8px;border-radius:8px;background:#E3EAF2;overflow:hidden}
.g-bar i{display:block;height:100%;background:#007AC3;border-radius:8px}
.dz-oracion .g-bar i{background:#E9A901}
.g-bar.off{background:repeating-linear-gradient(90deg,#E3EAF2 0 6px,transparent 6px 10px)}
.sw{position:relative;display:inline-block;width:36px;height:20px;flex:0 0 auto;cursor:pointer}
.sw input{opacity:0;width:0;height:0;position:absolute}
.sw span{position:absolute;inset:0;border-radius:20px;background:#C9D6E4;transition:background .15s}
.sw span::after{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.sw input:checked + span{background:#007AC3}
.sw input:checked + span::after{transform:translateX(16px)}
.quad-pos{position:relative}
.qd.me{box-shadow:0 0 0 3px #E9A901 inset}
.qdot{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;z-index:5;cursor:default}
.qdot .ic{width:30px;height:30px;padding:6px;border-radius:50%;background:#E9A901;color:#00264B;box-shadow:0 0 0 6px rgba(233,169,1,.25),0 6px 14px rgba(0,38,75,.3);animation:qpulse 2.4s infinite}
.qdot em{font-style:normal;font-size:11px;font-weight:800;color:#00264B;background:#fff;border-radius:8px;padding:1px 6px;box-shadow:var(--shadow-sm)}
@keyframes qpulse{0%,100%{box-shadow:0 0 0 6px rgba(233,169,1,.25),0 6px 14px rgba(0,38,75,.3)}50%{box-shadow:0 0 0 12px rgba(233,169,1,.1),0 6px 14px rgba(0,38,75,.3)}}
.side-col{display:flex;flex-direction:column;gap:20px}
.hbs{display:flex;flex-direction:column;gap:6px}
.hb{position:relative;display:block;padding:6px 10px;border-radius:8px;font-size:12.5px;font-weight:600;color:#fff;background:linear-gradient(90deg,rgba(255,255,255,.22) var(--w),rgba(255,255,255,.06) var(--w));cursor:default}
.emp{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);cursor:default}
.emp small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#CFE3F7}
.emp b{font-size:14px}
.emp span{font-size:12px;color:#CFE3F7}
.ap-now{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}
.ap-now small{display:block;font-size:11px;color:var(--muted)}
.ap-now b{font-size:22px;font-weight:800}
.ap-now b em{font-style:normal;font-size:13px;color:var(--muted)}
.ap-sec{display:flex;flex-direction:column;gap:8px}
.ap-sec > b{font-size:13px}
.ap-chk{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ap-chk li{display:flex;gap:8px;align-items:flex-start;font-size:13px;padding:8px 10px;border-radius:10px;border:1px solid var(--line)}
.ap-chk li::before{content:"";width:16px;height:16px;border-radius:5px;border:1.5px solid #9CC3E8;flex:0 0 auto;margin-top:1px}
.ap-pts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.ap-pts li{display:grid;grid-template-columns:1fr auto;gap:0 8px;padding:8px 10px;border-radius:10px;background:var(--surface-2);font-size:12.5px}
.ap-pts b{color:#015DAA}
.ap-pts small{grid-column:1/-1;font-size:11px;color:var(--muted)}
.ap-hist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ap-hist li{display:flex;gap:10px;align-items:flex-start}
.ap-hist b{display:block;font-size:13px}
.ap-hist small{font-size:12px;color:var(--muted)}
.ap-d{width:10px;height:10px;border-radius:50%;background:#E9A901;margin-top:5px;flex:0 0 auto}
.ap-d.off{background:#C9D6E4}
.rz-top{display:flex;gap:14px;align-items:center;padding:14px;border-radius:14px;background:#00264B;color:#fff}
.rz-k{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#F6D772}
.rz-top h4{color:#fff;font-size:19px;margin:2px 0}
.rz-top span{font-size:12.5px;color:#B5C8DC}
.rz-n{font-size:14px;line-height:1.55;color:var(--text-2)}
.rz-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rz-grid div{padding:10px 12px;border-radius:10px;border:1px solid var(--line)}
.rz-grid small{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rz-grid b{font-size:13px}
.test-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:20px}
.test-frame{border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff}
.test-frame iframe{display:block;width:100%;height:1200px;border:0}
[data-theme="dark"] .gr{background:var(--surface)}
[data-theme="dark"] .ap-chk li,[data-theme="dark"] .rz-grid div{border-color:var(--line)}
.dz-top{align-items:start}
.gr{display:grid;grid-template-columns:34px minmax(0,1fr) 72px auto 36px;align-items:center}
.gr .g-main{min-width:0}
.gr .pill{font-size:10.5px;padding:2px 8px}
@media (max-width:560px){.gr{grid-template-columns:34px minmax(0,1fr) 36px}.gr .g-lv,.gr .pill{display:none}}
.rs-nat{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--muted);background:var(--surface-2);border-radius:10px;padding:2px 8px}
.rs-st[data-st="now"] .rs-nat{background:#FDF1CC;color:#7A5800}
.rs-st[data-st="done"] .rs-nat{background:#E3F0FA;color:#015DAA}
.rs-natl{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:#7A5800;background:#FDF1CC;border-radius:12px;padding:3px 10px;vertical-align:4px;margin-left:6px}
.rs-nat-big{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#FDF1CC;color:#7A5800;flex:0 0 auto}
.rs-p-h{align-items:center}
.rs-p-h > div{flex:1;min-width:0}
/* ===== v10 · Mi agenda: pestañas y eventos ===== */
.ag-tabs{align-self:flex-start}
.ag-tabs .tab-btn{display:inline-flex;align-items:center;gap:6px}
.ac-main .ac-pane{display:flex;flex-direction:column;gap:12px}
.ev-sec{display:flex;flex-direction:column;gap:10px}
.ev-sec .cg-h{display:flex;align-items:center;gap:6px}
.evc-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr))}
.evc{display:flex;gap:14px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);cursor:default}
.evc:hover{border-color:#9CC3E8}
.ev-d.big{width:58px;height:66px;border-radius:14px}
.ev-d.big b{font-size:24px}
.ev-d em{font-style:normal;font-size:10.5px;color:#CFE3F7;margin-top:3px}
.evc-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.evc-h{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap}
.evc-h h3{font-size:15.5px}
.evc-m{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}
.evc-ses{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.evc-ses span{font-size:12px;font-weight:600;padding:5px 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2)}
.evc-ses span.on{border-color:#007AC3;background:#E3F0FA;color:#015DAA}
.evc-a{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
/* ===== v10 · Inicio reordenado ===== */
.kt-4{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.dz-two-d{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:stretch}
@media (max-width:1100px){.dz-two-d{grid-template-columns:minmax(0,1fr)}}
.dz-two-d .dz-vida{display:flex;flex-direction:column}
.dz-two-d .dz-vida .vt{flex:1}
.dz-compact .prg-facts{display:grid}
.dz-proyectos2{background:var(--surface);border:1px solid var(--line);padding:0;gap:0;box-shadow:var(--shadow-sm);overflow:visible;border-radius:22px}
.dz-proyectos2 .dz-band{border-radius:21px 21px 0 0}
.dz-proyectos2 .dz-band .dz-t{flex:1 1 160px}
.pj-in{display:flex;flex-direction:column;gap:12px;padding:18px 20px 20px}
.pj-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--line);color:inherit;text-decoration:none;flex-wrap:wrap}
.pj-row:hover{border-color:#007AC3}
.pj-row-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#007AC3;color:#fff;flex:0 0 auto}
.pj-row-t{flex:1 1 160px;min-width:0;display:flex;flex-direction:column}
.pj-row-t b{font-size:14.5px}
.pj-row-t small{font-size:12px;color:var(--muted)}
.pj-sug-h{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8A6400}
.pj-chips{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}
.pj-chips a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:#FFF8E3;border:1px solid #F3E2A9;color:inherit;text-decoration:none}
.pj-chips a:hover{border-color:#E9A901}
.pj-chips b{font-size:13px}
.pj-chips small{font-size:11.5px;color:#7A5800}
[data-theme="dark"] .pj-chips a{background:#2A2A22;border-color:#5C4D1E}
[data-theme="dark"] .pj-chips small{color:#F6D772}
/* ===== v10 · Insignias de misionero ===== */
.bdg-wrap{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.bdg-h{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap}
.bdg-h small{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8A6400}
.bdg-h h2{font-size:20px;margin-top:2px}
.bdg-row{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}
.bdg{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:14px 10px;border-radius:16px;border:1px solid var(--line);background:var(--surface-2);cursor:default}
.bdg-ic{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#E3EAF2;color:#8A9BB0}
.bdg-ic .ic{width:26px;height:26px}
.bdg b{font-size:13.5px;line-height:1.25}
.bdg small{font-size:11.5px;color:var(--muted)}
.bdg.won{background:#FFF8E3;border-color:#F3E2A9}
.bdg.won .bdg-ic{background:#E9A901;color:#00264B;box-shadow:0 0 0 4px rgba(233,169,1,.22)}
.bdg.won small{color:#7A5800;font-weight:700}
.bdg.prog .bdg-ic{background:#E3F0FA;color:#007AC3;box-shadow:0 0 0 3px #CFE3F7}
.bdg.next .bdg-ic{background:var(--surface);border:2px dashed #9CC3E8;color:#015DAA}
.bdg.lock{opacity:.6}
.bdg-wrap.compact{padding:16px}
.bdg-wrap.compact .bdg{padding:10px 8px}
.bdg-wrap.compact .bdg-ic{width:44px;height:44px}
[data-theme="dark"] .bdg.won{background:#2A2A22;border-color:#5C4D1E}
/* ===== v11 · Oportunidades y perfil profesional ===== */
.op-head{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.op-k{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);cursor:default;text-decoration:none;color:inherit}
.op-k b{display:block;font-size:16px;font-weight:800;color:var(--ink)}
.op-k span{font-size:12px;color:var(--muted)}
.op-k.cta{background:#FFF8E3;border-color:#F3E2A9;cursor:pointer}
.op-ring{--p:60;width:44px;height:44px;border-radius:50%;background:conic-gradient(#007AC3 calc(var(--p)*1%),#E3EAF2 0);display:grid;place-items:center;position:relative;flex:0 0 auto}
.op-ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--surface)}
.op-ring b{position:relative;font-size:11px!important}
.op-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr))}
.op{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--surface);cursor:default}
.op:hover{border-color:#9CC3E8}
.op-top{display:flex;gap:12px;align-items:flex-start}
.op-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#00264B;color:#F6D772;flex:0 0 auto}
.op-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.op-t small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#007AC3}
.op-t h3{font-size:16px}
.op-t span{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.op-mid{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.op-req{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:5px 10px;border-radius:10px;background:#FDECE8;color:#8A3A22;cursor:default}
.op-req.ok{background:#E3F0FA;color:#015DAA}
.op-match{font-size:12px;color:#8A6400;background:#FFF8E3;padding:5px 10px;border-radius:10px}
.op-f{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sv-mine{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px;border-radius:16px;background:#00264B;color:#fff}
.sv-mine small{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#F6D772}
.sv-mine b{display:block;font-size:16px}
.sv-mine span{font-size:12.5px;color:#B5C8DC}
.sv{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--line);flex-wrap:wrap}
.sv-t{flex:1 1 200px;min-width:0;display:flex;flex-direction:column;gap:3px}
.sv-t b{font-size:14px}
.sv-t > span{font-size:12.5px;color:var(--muted)}
.sv-tags{display:flex;gap:6px;flex-wrap:wrap}
.sv-tags .chip{min-height:26px;padding:3px 10px;font-size:11.5px;cursor:default}
.sv-cert{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#7A5800;cursor:default}
.op-apps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.op-apps li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:14px;align-items:center;padding:14px;border-radius:14px;border:1px dashed var(--line)}
.op-apps li b{display:block;font-size:14px}
.op-apps li small{font-size:12px;color:var(--muted)}
@media (max-width:720px){.op-apps li{grid-template-columns:minmax(0,1fr)}}
.op-check{display:flex;gap:6px;flex-wrap:wrap}
.pf{display:flex;flex-direction:column;gap:16px;padding:26px}
.pf-vis{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
.pf-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}
.pf-certs{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding-top:12px;border-top:1px solid var(--line-2)}
/* ===== v11 · encabezado tipo tablero ===== */
.hero-compact::before,.hero-compact::after{display:none}
.hero-viz{position:absolute;right:0;top:0;width:min(62%,760px);height:100%;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 35%);mask-image:linear-gradient(90deg,transparent 0,#000 35%);opacity:.95}
.hero-compact .hc-top{position:relative;z-index:1;min-height:96px}
.hero-compact .kt-wrap{position:relative;z-index:1;background:linear-gradient(180deg,rgba(0,38,75,0),rgba(0,38,75,.55) 30%)}
[data-theme="dark"] .hero-viz{opacity:.7}
/* ===== v11 · Oficina misionera (CRM) ===== */
.kb{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:10px;overflow-x:auto;padding-bottom:6px}
.kb-col{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);min-width:0}
.kb-h{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 8px;border-bottom:3px solid var(--kc)}
.kb-h b{font-size:13px}
.kb-h span{font-size:12px;font-weight:700;color:var(--muted)}
.kc{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);color:inherit;text-decoration:none}
.kc:hover{border-color:#007AC3}
.kc-h{display:flex;align-items:center;gap:8px}
.kc-h b{font-size:13px;line-height:1.25}
.kc-n{font-size:12px;color:var(--muted)}
.kc-next{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--text-2)}
.kc-next.late{color:#B42318}.kc-next.today{color:#8A6400}.kc-next.none{color:var(--muted);font-weight:500}
.kc-f{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
.kc-loc{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;color:var(--muted)}
.kc-tag{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:8px;background:#E3F0FA;color:#015DAA}
.kb-empty{font-size:12px;color:var(--muted);padding:10px;text-align:center;border:1px dashed var(--line);border-radius:10px}
.kb-add{border:none;background:none;font:600 12px var(--sans);color:#015DAA;cursor:pointer;text-align:left;padding:4px}
.al{width:100%;border-collapse:collapse;font-size:13px}
.al th{text-align:left;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line)}
.al td{padding:12px 10px;border-bottom:1px solid var(--line-2);vertical-align:middle}
.al td:first-child{display:flex;align-items:center;gap:8px}
.al td small{display:block;font-size:11.5px;color:var(--muted)}
.al-bar{height:6px;width:110px;border-radius:6px;background:#E3EAF2;overflow:hidden;margin-bottom:3px}
.al-bar i{display:block;height:100%;background:#007AC3}
@media (max-width:900px){.al thead{display:none}.al tr{display:flex;flex-wrap:wrap;gap:6px 14px;padding:10px 0;border-bottom:1px solid var(--line-2)}.al td{border:none;padding:2px 0}}
.mg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.mg li{display:grid;grid-template-columns:110px 80px minmax(0,1fr) auto 24px;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--line)}
.mg li.late{border-color:#F2C1B8;background:#FFF7F5}.mg li.today{border-color:#F3E2A9;background:#FFFBEE}
.mg-w{font:700 12.5px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink)}
.mg-k{font-size:11.5px;font-weight:700;color:#015DAA}
.mg-t b{display:block;font-size:13.5px}.mg-t small{font-size:12px;color:var(--muted)}
@media (max-width:720px){.mg li{grid-template-columns:minmax(0,1fr) 24px}.mg-w,.mg-k,.mg li .kc-loc{grid-column:1}}
.mg-none{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;border-radius:12px;border:1px dashed var(--line);font-size:13px}
.mg-none span{color:var(--muted);flex:1}
.mp{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px}
@media (max-width:900px){.mp{grid-template-columns:minmax(0,1fr)}}
.mp-svg{width:100%;height:auto;display:block;border-radius:16px}
.mp-side{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;border:1px solid var(--line)}
.mp-side > small{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.mp-side ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.mp-side li{display:flex;gap:10px;align-items:center}
.mp-side li i{width:12px;height:12px;border-radius:50%;flex:0 0 auto}
.mp-side li b{display:block;font-size:13px}.mp-side li small{font-size:11.5px;color:var(--muted)}
[data-theme="dark"] .mg li.late{background:#3A2420}[data-theme="dark"] .mg li.today{background:#2A2A22}
/* ===== v11 · Mi recorrido por pilares ===== */
.pil-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:24px;align-items:center;padding:24px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
@media (max-width:1000px){.pil-card{grid-template-columns:minmax(0,1fr)}}
.pil-radar{width:100%;max-width:340px;height:auto;display:block;margin:0 auto}
.pil-r h2{font-size:22px;margin:4px 0 12px}
.pl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pl{display:grid;grid-template-columns:36px minmax(0,1fr) 140px 92px;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid var(--line);cursor:default}
.pl:hover{border-color:#9CC3E8;background:var(--surface-2)}
.pl-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center}
.pl-t b{display:block;font-size:14px}.pl-t small{font-size:12px;color:var(--muted)}
.pl-bar{height:8px;border-radius:8px;background:#E3EAF2;overflow:hidden}
.pl-bar i{display:block;height:100%;border-radius:8px}
.pl-st{font-size:11.5px;font-weight:700;text-align:center;padding:3px 8px;border-radius:10px;background:#FDF1CC;color:#7A5800}
@media (max-width:720px){.pl{grid-template-columns:36px minmax(0,1fr) 80px}.pl-bar{display:none}}
[data-theme="dark"] .pil-radar polygon[fill="none"],[data-theme="dark"] .pil-radar line{stroke:#22476E}
[data-theme="dark"] .pil-radar text{fill:#EAF1F8}
/* ===== v11 · fichas de curso y programa ===== */
.cm-band{height:96px!important;border-radius:14px!important;display:flex;justify-content:space-between;align-items:flex-end}
.cm-band em{position:relative;z-index:1}
.cm-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media (max-width:560px){.cm-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cm-meta div{padding:9px 10px;border-radius:10px;border:1px solid var(--line)}
.cm-meta small{display:block;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cm-meta b{font-size:13px}
.cm-demo{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:#00264B;color:#fff;text-decoration:none}
.cm-demo:hover{color:#fff;box-shadow:0 0 0 2px #E9A901}
.cm-play{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#E9A901;color:#00264B;flex:0 0 auto}
.cm-demo b{display:block;font-size:14px}.cm-demo small{font-size:12px;color:#B5C8DC}
.cm-why{display:flex;gap:6px;align-items:center;font-size:13px;color:#8A6400;background:#FFF8E3;border-radius:10px;padding:8px 10px}
.cm-open{display:flex;gap:6px;align-items:center;font-size:13px;color:#015DAA;font-weight:600}
.cm-fac{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;border:1px solid var(--line)}
.cm-fac b{display:block;font-size:13.5px}.cm-fac small{font-size:12px;color:var(--muted)}
.cm-sec b{font-size:13px}
.pm-steps{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.pm-steps li{display:flex;gap:10px;align-items:center;font-size:13px}
.pm-steps li span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#E3F0FA;color:#015DAA;font-weight:800;font-size:12px;flex:0 0 auto}
.fac-intro{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;background:var(--surface-2);font-size:13px}
.fac-intro span{color:var(--muted)}
.fac-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.fac{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;border:1px solid var(--line);flex-wrap:wrap}
.fac > div{flex:1 1 150px;min-width:0}
.fac b{display:block;font-size:13.5px}.fac small{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
.fac-cta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:#FFF8E3;border:1px solid #F3E2A9;font-size:13px}
.pg-vs{display:flex;flex-direction:column;gap:12px}
.pg-vs-h h2{font-size:20px;display:flex;align-items:center;gap:6px}
.pg-vs-g{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}
.pg-vs-c{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:18px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm)}
.pg-vs-c.prog{border-top:5px solid #00264B}.pg-vs-c.cur{border-top:5px solid #007AC3}
.pg-vs-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#00264B;color:#F6D772}
.pg-vs-c.cur .pg-vs-ic{background:#007AC3;color:#fff}
.pg-vs-c b{font-size:17px}
.pg-vs-c > span{font-size:13.5px;color:var(--text-2)}
.pg-vs-c ul{margin:0;padding-left:18px;font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:3px}
.pg-lead{display:flex;flex-direction:column;gap:14px}
[data-theme="dark"] .cm-why,[data-theme="dark"] .fac-cta{background:#2A2A22;border-color:#5C4D1E}
/* ===== v11 · muro con personas, grupos y proyectos ===== */
.wall{grid-column:1/-1;display:flex;flex-direction:column;gap:14px;flex-basis:100%}
.wall .sec-head{flex-wrap:wrap;gap:10px}
.wall .tabs .tab-btn{display:inline-flex;align-items:center;gap:6px}
.wp-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}
.wg-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}
.wp{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:14px;background:#FFFBEE;border:1px solid #F3E2A9}
.wp p{font-size:14.5px;line-height:1.5;color:var(--ink)}
.wp-f{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}
.wp-who{font-size:12px;color:var(--muted);flex:1 1 auto}
.wp-pray{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:20px;border:1px solid #E9A901;background:#fff;font:600 12px var(--sans);color:#7A5800;cursor:pointer}
.wp-pray:hover{background:#E9A901;color:#00264B}
.wg{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.wg-h{display:flex;align-items:center;gap:10px}
.wg-h > div{flex:1;min-width:0}
.wg-h b{display:block;font-size:14px}.wg-h small{font-size:12px;color:var(--muted)}
.wg-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#00264B;color:#F6D772;flex:0 0 auto}
[data-theme="dark"] .wp{background:#2A2A22;border-color:#5C4D1E}
[data-theme="dark"] .wp-pray{background:#26333C;color:#F6D772}
.cm-band em.pill{font-style:normal}
.hero-viz{height:62%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 35%),linear-gradient(180deg,#000 60%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 35%),linear-gradient(180deg,#000 60%,transparent);mask-composite:intersect}
.hero-compact .hc-stage{justify-content:flex-end}
.pil-radar{max-width:380px}

/* ===== v18 · proyectos, oficina, iglesia, familia, requisitos ===== */
.pj-grid3{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.pj-facts{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--muted)}
.pj-facts span{display:inline-flex;align-items:center;gap:5px}.pj-facts b{color:var(--text)}
.pj-fit{display:flex;gap:7px;align-items:flex-start;font-size:12.5px;line-height:1.4;padding:8px 10px;border-radius:10px;background:#FDF6E1;color:#5C4400}
.pj-fit .ic{color:#B98600;flex:0 0 auto;margin-top:1px}
.pj-modes{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pj-modes small{width:100%;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pj-mode{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 9px;border-radius:9px;background:#E3F0FA;color:#015DAA}
.pj-apps{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.pj-app{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px dashed var(--line);border-radius:14px;background:var(--surface)}
.pj-app b{display:block;font-size:14px}.pj-app small{font-size:12px;color:var(--muted)}
.pw-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.pw{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:18px;border:1px solid var(--line);background:var(--surface)}
.pw-mis{background:linear-gradient(160deg,#00264B,#0B3A66);color:#fff;border:none}
.pw-mis .pw-opt{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12)}.pw-mis .pw-opt span,.pw-mis p{color:#C8D6E4}.pw-mis .pw-opt b{color:#fff}
.pw-apo{background:#FDF6E1;border-color:#F2DFA6}
.pw-h{display:flex;gap:12px;align-items:flex-start}.pw-h small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.pw-h h3{font-size:20px;margin:2px 0}.pw-h p{font-size:13px;margin:0;color:var(--muted)}
.pw-big{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#E9A901;color:#00264B;flex:0 0 auto}
.pw-apo .pw-big{background:#00264B;color:#F6D772}.pw-who .pw-big{background:#E3F0FA;color:#015DAA}
.pw-opt{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--line)}
.pw-opt b{display:block;font-size:13.5px}.pw-opt span{font-size:12px;color:var(--muted)}.pw-opt .pill{margin-left:auto}
.pw-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(0,122,195,.14);color:#007AC3;flex:0 0 auto}
.pw-mis .pw-ic{background:rgba(255,255,255,.1);color:#F6D772}
.pw-note{font-size:13px;line-height:1.5;padding:12px;border-radius:12px;background:rgba(255,255,255,.7);color:#5C4400}
.pw .btn{margin-top:auto;align-self:flex-start}
.sm-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;font-size:11.5px;font-weight:600;color:var(--muted)}
.sm-steps li{display:flex;align-items:center;gap:6px;padding-top:8px;border-top:3px solid var(--line)}
.sm-steps span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--line);color:var(--text);font-size:11px;flex:0 0 auto}
.sm-steps .done{border-color:#007AC3}.sm-steps .done span{background:#007AC3;color:#fff}.sm-steps .now{border-color:#E9A901;color:var(--text)}.sm-steps .now span{background:#E9A901;color:#00264B}
.sm-paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px}
.sm-path{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.sm-path .ic{color:#007AC3}.sm-path b{font-size:14px}.sm-path small{font-size:12px;color:var(--muted)}
.sm-path.on{border-color:#007AC3;background:#EEF6FC;box-shadow:0 0 0 3px rgba(0,122,195,.12)}
.sm-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:8px}
.sm-opt{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line);cursor:pointer}
.sm-opt input{position:absolute;opacity:0;pointer-events:none}.sm-opt b{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:13.5px}.sm-opt small{display:block;font-size:12px;color:var(--muted)}
.sm-opt.on{border-color:#007AC3;background:#EEF6FC}
.sm-pre{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:12px;border-radius:12px;background:var(--surface-2)}.sm-pre .label{width:100%}

.inv{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:20px 28px;padding:24px;border-radius:20px;background:linear-gradient(130deg,#00264B,#015DAA);color:#fff;position:relative;overflow:hidden}
.inv h2{font-size:24px;margin:4px 0 6px;color:#fff}.inv h2 em{font-style:normal;color:#F6D772}.inv p{margin:0;color:#C8D6E4;font-size:13.5px;max-width:52ch}
.inv-link{display:flex;align-items:center;gap:10px;margin-top:14px;padding:8px 8px 8px 14px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);flex-wrap:wrap}
.inv-link code{font:600 13px/1.3 var(--sans);color:#fff;flex:1 1 200px;min-width:0;overflow-wrap:anywhere}
.inv-prog{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px;font-size:12px;color:#C8D6E4}
.inv-prog .chip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}.inv-prog .chip.on{background:#E9A901;border-color:#E9A901;color:#00264B}
.inv-r{display:flex;flex-direction:column;gap:14px;justify-content:center}
.inv-btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.inv-b{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font:600 12.5px/1.2 var(--sans);cursor:pointer;text-align:center}
.inv-b .ic{color:#F6D772}.inv-b:hover{background:rgba(255,255,255,.16)}
.inv-st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.inv-st div{padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.18)}
.inv-st b{display:block;font-size:20px;color:#fff}.inv-st small{font-size:11.5px;color:#C8D6E4}
.stg{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:var(--surface);margin-bottom:12px}
.stg-h{display:flex;align-items:center;gap:10px}.stg-h b{font-size:15px}
.stg-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#E3F0FA;color:#015DAA}
.stg .al td small{display:block;font-size:12px;color:var(--muted)}
.ses-wrap{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:18px;align-items:start}
.ses-who{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:16px;background:var(--surface-2)}
.ses-who>small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ses-p{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;border:1.5px solid transparent;background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.ses-p b{display:block;font-size:13.5px}.ses-p small{font-size:12px;color:var(--muted)}.ses-p.on{border-color:#007AC3}
.ses-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:4px}.ses-sum div{text-align:center;padding:8px 4px;border-radius:10px;background:var(--surface)}
.ses-sum b{display:block;font-size:18px}.ses-sum small{font-size:11px;color:var(--muted)}
.ses-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}
.ses{list-style:none;margin:0;padding:0 0 0 8px;display:flex;flex-direction:column}
.ses li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:14px;position:relative;padding-bottom:14px}
.ses li:before{content:"";position:absolute;left:7px;top:16px;bottom:0;width:2px;background:var(--line)}.ses li:last-child:before{display:none}
.ses-dot{width:16px;height:16px;border-radius:50%;background:#015DAA;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line);margin-top:12px;position:relative;z-index:1}
.ses li.today .ses-dot{background:#E9A901}
.ses-c{padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}
.ses li.today .ses-c{border-color:#E9A901;background:#FFFBEF}
.ses-h{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.ses-h b{font-size:14px}.ses-h small{margin-left:auto;font-size:12px;color:var(--muted)}
.ses-k{font-size:11px;font-weight:700;padding:3px 8px;border-radius:8px;background:#E3F0FA;color:#015DAA}
.ses-c p{margin:6px 0;font-size:13px;color:var(--muted)}
.ses-f{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:12px}.ses-next{font-weight:600;color:#7A5800}
.reg-t{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.reg-o{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:12px;border:1.5px solid var(--line);cursor:pointer}
.reg-o input{position:absolute;opacity:0;pointer-events:none}.reg-o .ic{color:#007AC3}.reg-o b{font-size:13.5px}.reg-o small{font-size:11.5px;color:var(--muted);line-height:1.3}
.reg-o.on{border-color:#007AC3;background:#EEF6FC}
.reg-next{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:#FDF6E1}
.qr-box{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px}.qr-box svg{border-radius:12px;border:1px solid var(--line);padding:8px;background:#fff}

.hc-next{display:flex;flex-direction:column;gap:4px;width:min(100%,360px);padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;backdrop-filter:blur(6px)}
.hc-next:hover{background:rgba(255,255,255,.13)}
.hc-next small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#F6D772}
.hc-next b{font-size:16px;line-height:1.25}.hc-c{font-size:12.5px;color:#C8D6E4}
.hc-bar{height:6px;border-radius:6px;background:rgba(255,255,255,.15);overflow:hidden;margin-top:6px}.hc-bar i{display:block;height:100%;background:#E9A901;border-radius:6px}
.hc-f{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;font-size:12px;color:#C8D6E4}

.ig-hero{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;gap:20px 28px;align-items:center;justify-content:space-between;padding:26px 28px;border-radius:22px;background:linear-gradient(125deg,#00264B 0%,#0B3A66 55%,#015DAA 100%);color:#fff}
.ig-hero-art{position:absolute;right:-30px;bottom:-60px;width:240px;height:240px;fill:none;stroke:#fff;stroke-width:1;opacity:.07;stroke-linecap:round;stroke-linejoin:round}
.ig-hero-l{display:flex;gap:18px;align-items:center;position:relative;flex:1 1 420px;min-width:0}
.ig-hero-ic{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:#fff;color:#015DAA;flex:0 0 auto}.ig-hero-ic .ic{width:32px;height:32px}
.ig-hero h2{font-size:30px;color:#fff;margin:2px 0 6px}
.ig-hero-m{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:#C8D6E4}.ig-hero-m span{display:inline-flex;gap:6px;align-items:center}
.ig-hero-k{display:flex;gap:10px;position:relative;flex-wrap:wrap}
.ig-hero-k div{min-width:110px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.ig-hero-k b{display:block;font-size:26px;line-height:1.1}.ig-hero-k small{font-size:12px;color:#C8D6E4}
.ig-row{display:grid;gap:16px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}
.ig-mine{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:20px;background:#EAF4FB;border:1px solid #CFE4F4}
.ig-mine-h{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ig-mine-h small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#015DAA}.ig-mine-h h3{font-size:24px;margin:0}
.ig-lead{display:flex;gap:10px;align-items:center}.ig-lead small{display:block;font-size:11.5px;color:var(--muted)}.ig-lead b{font-size:13.5px}
.ig-when{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--surface-2);flex-wrap:wrap}
.ig-when .date-block{width:40px;height:44px;background:var(--surface)}.ig-when b{display:block;font-size:13px}.ig-when small{font-size:12px;color:var(--muted)}
.ig-when.big{background:#fff}
.ig-mine-f{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}.ig-mine-f span{display:inline-flex;gap:6px;align-items:center}
.ig-past{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:20px;background:#00264B;color:#fff}
.ig-week{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:20px;background:var(--surface);border:1px solid var(--line);border-top:4px solid #E9A901}
.ig-week-h{display:flex;gap:10px;align-items:center}.ig-week-h h3{font-size:17px;margin:0}
.ig-week ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ig-week li{display:flex;gap:10px;align-items:center}.ig-week li .date-block{width:38px;height:42px}.ig-week li b{display:block;font-size:13px}.ig-week li small{font-size:12px;color:var(--muted)}
.ig-week li.today .date-block{background:#E9A901;color:#00264B}
.ig-week .text-link{margin-top:auto}
.ig-zone{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:22px;background:var(--surface-2)}
.ig-grid2{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
.ig-g{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.ig-g-h{display:flex;justify-content:space-between;align-items:flex-start}.ig-g h3{font-size:19px;margin:2px 0 0}
.ig-k{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ig-g-f{margin-top:auto}
.ig-row2{display:grid;gap:16px;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.ig-serve{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:20px;background:#FDF6E1;border:1px solid #F2DFA6}
.ig-change{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:20px;border:1.5px dashed var(--line);background:transparent}.ig-change h3{font-size:17px;margin:0}.ig-change p{margin:0}.ig-change .btn{align-self:flex-start;margin-top:auto}

.add-dd{position:relative}.add-dd>summary{list-style:none;cursor:pointer}.add-dd>summary::-webkit-details-marker{display:none}
.add-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:70;width:290px;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}
.add-menu button{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;border:none;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.add-menu button:hover{background:var(--surface-2)}.add-menu b{display:block;font-size:13.5px}.add-menu small{font-size:12px;color:var(--muted)}
.cfam{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:20px;background:linear-gradient(160deg,#00264B,#0B3A66);color:#fff}
.cfam-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.cfam-h small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#F6D772}.cfam-h h2{font-size:22px;color:#fff;margin:2px 0 0}
.cfam-when{display:flex;flex-direction:column;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.08)}.cfam-when b{font-size:15px}.cfam-when span{font-size:12px;color:#C8D6E4}
.cfam-les{font-size:13px;color:#C8D6E4}.cfam-les b{color:#fff}
.cfam-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cfam-steps li{display:flex;gap:10px;align-items:center}.cfam-steps b{display:block;font-size:13px}.cfam-steps small{font-size:12px;color:#C8D6E4}
.cf-ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(233,169,1,.18);color:#F6D772;flex:0 0 auto}
.cfam-wk{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#C8D6E4}.cfam-wk div{display:flex;gap:5px}
.cfam-wk i{width:18px;height:18px;border-radius:6px;background:rgba(255,255,255,.12)}.cfam-wk i.on{background:#E9A901}.cfam-wk i.now{background:transparent;border:2px dashed #F6D772}
.cfam-f{display:flex;gap:8px;flex-wrap:wrap}
.fgoal{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:18px;background:#EAF4FB;border:1px solid #CFE4F4}
.fg-row{display:flex;gap:10px;align-items:center}.fg-row b{display:block;font-size:13.5px}.fg-row small{font-size:12px;color:var(--muted)}

.op-reqs{display:flex;flex-direction:column;gap:6px}.op-reqs small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.op-reqs>div{display:flex;flex-wrap:wrap;gap:6px}
.pc-cat{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:var(--surface-2)}
.pc-g small{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.cat-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));margin-top:12px}
.cat-g{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.cat-g>small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#015DAA}
.cat-i{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--surface-2);font-size:13px}.cat-i span{flex:1 1 auto}.cat-i .ic{color:#B98600}
.cat-i.ok{background:#E3F0FA}.cat-i b{font-size:11.5px;color:#015DAA}

.rqx{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}
.rqx-c{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.rqx-c b{display:block;font-size:14.5px}.rqx-c span{font-size:12.5px;color:var(--muted);line-height:1.45}
.rqx-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto}
.rqt{width:100%;border-collapse:collapse;font-size:13px;min-width:860px}
.rqt th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:12px 14px;background:var(--surface-2)}
.rqt td{padding:12px 14px;border-top:1px solid var(--line-2);vertical-align:middle}
.rqt td b{display:block;font-size:13.5px}.rqt td small{font-size:12px;color:var(--muted)}
.rqcs{display:flex;flex-wrap:wrap;gap:5px}
.rqc{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:4px 8px;border-radius:8px}
.rq-c{background:#FDF1CC;color:#6B4D00}.rq-e{background:#E6F4EE;color:#19784F}.rq-k{background:#E3F0FA;color:#015DAA}.rq-a{background:#00264B;color:#F6D772}.rq-p{background:#EEF1F4;color:#43566A}.rq-d{background:#FFF4D6;color:#7A5800}
.apf{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.apf-s{color:var(--muted);display:inline-flex}
.own{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}.own.mi{color:#015DAA}
.rb{display:flex;flex-direction:column;gap:8px}.rb-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;gap:8px;align-items:center}
.rb-kinds{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:4px}
.apflow{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.apflow li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center}
.apflow .n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#00264B;color:#fff;font-size:12px}
.apflow li.add{display:block}
@media (max-width:1100px){.ig-row{grid-template-columns:1fr 1fr}.ig-mine{grid-column:1/-1}}
@media (max-width:760px){.ig-row,.ig-row2,.ses-wrap{grid-template-columns:1fr}.pj-app{grid-template-columns:1fr}.reg-t,.inv-btns{grid-template-columns:1fr 1fr 1fr}.sm-steps{font-size:0}.sm-steps li{justify-content:center}}
[data-theme="dark"] .pj-fit,[data-theme="dark"] .pw-note,[data-theme="dark"] .reg-next{background:#2A2410;color:#F3DFA0}
[data-theme="dark"] .pj-mode,[data-theme="dark"] .ses-k,[data-theme="dark"] .stg-ic,[data-theme="dark"] .cat-i.ok{background:#0F2E4C;color:#9CD3F7}
[data-theme="dark"] .pw-apo,[data-theme="dark"] .ig-serve{background:#221D0C;border-color:#4A3D12}
[data-theme="dark"] .ig-mine,[data-theme="dark"] .fgoal{background:#0B2440;border-color:#16395E}
[data-theme="dark"] .ig-when.big{background:var(--surface)}
[data-theme="dark"] .sm-path.on,[data-theme="dark"] .sm-opt.on,[data-theme="dark"] .reg-o.on{background:#0F2E4C}
[data-theme="dark"] .ses li.today .ses-c{background:#2A2410}
[data-theme="dark"] .rq-c,[data-theme="dark"] .rq-d{background:#3A2F0A;color:#F3DFA0}[data-theme="dark"] .rq-e{background:#0E3326;color:#8FE0BE}[data-theme="dark"] .rq-k{background:#0F2E4C;color:#9CD3F7}[data-theme="dark"] .rq-p{background:#1B2A3A;color:#B9C9D8}
[data-theme="dark"] .tbl-box{background:var(--surface)}
.pw-mis h3{color:#fff}.pw-mis .pw-opt .pill{color:#00264B}
.cfam .tip{background:rgba(255,255,255,.14);color:#fff;border-color:transparent}
.apf .pill-dark{background:#00264B;color:#fff}.apf .pill{white-space:nowrap}

/* ===== v19 · búsqueda, programas, proyectos ===== */
.tsearch{flex:0 1 440px;margin:0 auto;display:flex;align-items:center;gap:10px;height:42px;padding:0 6px 0 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);text-decoration:none;font-size:13.5px;cursor:text;min-width:0}
.tsearch:hover{border-color:#007AC3;color:var(--text)}.tsearch>.ic{color:#007AC3;flex:0 0 auto}
.tsearch-t{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsearch kbd,.sx kbd{font:600 11px/1 var(--sans);padding:4px 6px;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--muted)}
.tsearch-f{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#00264B;color:#fff;flex:0 0 auto}
@media (max-width:900px){.tsearch{flex:0 0 42px;padding:0;justify-content:center;margin:0 0 0 auto}.tsearch-t,.tsearch kbd,.tsearch-f{display:none}}
.sx-wrap{position:fixed;inset:0;z-index:90;display:flex;justify-content:center;align-items:flex-start;padding:72px 16px 16px}
.sx-wrap[hidden]{display:none}
.sx-backdrop{position:absolute;inset:0;background:rgba(0,38,75,.45);backdrop-filter:blur(2px)}
.sx{position:relative;width:min(760px,100%);max-height:calc(100vh - 96px);display:flex;flex-direction:column;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 80px -20px rgba(0,38,75,.5);overflow:hidden}
.sx-in{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.sx-in>.ic{color:#007AC3;width:22px;height:22px;flex:0 0 auto}
.sx-in input{flex:1 1 auto;min-width:0;border:none;outline:none;background:transparent;font:500 16px/1.3 var(--sans);color:var(--text)}
.sx-f{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line-2)}.sx-f>.ic{color:var(--muted)}
.sx-smart{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 16px;background:linear-gradient(90deg,#FDF6E1,transparent)}
.sx-smart>span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#5C4400;margin-right:4px}.sx-smart>span .ic{color:#B98600}
.sx-q{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;border:1px dashed #E9A901;background:var(--surface);color:var(--text);font:600 12px/1.2 var(--sans);cursor:pointer}.sx-q .ic{color:#B98600;width:13px;height:13px}
.sx-res{overflow-y:auto;padding:8px 10px 12px;display:flex;flex-direction:column;gap:4px}
.sx-g{display:flex;flex-direction:column;gap:2px}.sx-g[hidden]{display:none}
.sx-g>small{padding:10px 8px 4px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sx-i{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px;color:var(--text);text-decoration:none}
.sx-i[hidden]{display:none}.sx-i:hover,.sx-i.on{background:#EAF4FB}
.sx-ic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#E3F0FA;color:#015DAA;flex:0 0 auto}
.sx-t{flex:1 1 auto;min-width:0}.sx-t b{display:block;font-size:13.5px}.sx-t small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-tag{font-size:11px;font-weight:600;color:var(--muted);padding:3px 8px;border-radius:7px;background:var(--surface-2)}
.sx-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:30px;text-align:center;color:var(--muted)}.sx-empty b{color:var(--text)}.sx-empty[hidden]{display:none}
.sx-foot{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;padding:10px 16px;border-top:1px solid var(--line);font-size:11.5px;color:var(--muted)}.sx-foot kbd{margin-right:3px}
.sx-stage{position:relative;min-height:1200px;align-items:center}
.sx-stage .sx-backdrop{position:absolute;inset:-40px -60px;border-radius:0}
.sx-stage .sx{max-height:none;margin-top:10px}
@media (max-width:760px){.sx-wrap{padding:0}.sx{border-radius:0;max-height:100vh;height:100vh}.sx-foot span:last-child{display:none}}
[data-theme="dark"] .sx-i:hover,[data-theme="dark"] .sx-i.on,[data-theme="dark"] .sx-ic{background:#0F2E4C}[data-theme="dark"] .sx-ic{color:#9CD3F7}
[data-theme="dark"] .sx-smart{background:linear-gradient(90deg,#2A2410,transparent)}[data-theme="dark"] .sx-smart>span{color:#F3DFA0}

.pj-filter{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.pj-filter .ac-search{flex:1 1 220px}.pj-filter .chip .ic{color:#B98600}.pj-edit{margin-left:auto}

.pg-k{display:flex;gap:8px}.pg-k div{min-width:92px;padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}
.pg-k b{display:block;font-size:22px;line-height:1.1}.pg-k small{font-size:12px;color:var(--muted)}
.pgs{display:flex;flex-direction:column;gap:16px;padding:22px;border-radius:22px;background:var(--surface-2)}
.pgs-dark{background:linear-gradient(130deg,#00264B,#0B3A66);color:#fff}
.pgs-dark .pgs-h h2,.pgs-dark .pgs-col h3{color:#fff}.pgs-dark .pgs-h small{color:#F6D772}.pgs-dark .text-link{color:#9CD3F7}
.pgs-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pgs-h small{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#015DAA}.pgs-h h2{font-size:22px;margin:0}
.pgs-ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#007AC3;color:#fff;flex:0 0 auto}.pgs-dark .pgs-ic{background:#E9A901;color:#00264B}
.pgs-cols{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr))}
.pgs-col{display:flex;flex-direction:column;gap:10px;min-width:0}.pgs-col h3{font-size:14px;margin:0;display:flex;gap:8px;align-items:center}
.pgt{border-radius:18px;overflow:hidden;background:var(--surface);border:1px solid var(--line)}
.pgt-band{display:flex;flex-direction:column;gap:4px;padding:18px;background:linear-gradient(130deg,#007AC3,#015DAA 55%,#00264B);color:#fff}
.pgt-band .pill{align-self:flex-start}.pgt-band b{font-size:26px;letter-spacing:.02em;font-weight:800}.pgt-band>span:last-child{color:#CFE3F7;font-size:14px}
.pgt-b{display:flex;flex-direction:column;gap:12px;padding:16px 18px}
.pgt-row{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px}
.pgt-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.pgt-track i{display:flex;flex-direction:column;gap:5px;font-style:normal}.pgt-track i:before{content:"";height:6px;border-radius:6px;background:var(--line)}
.pgt-track i.now:before{background:linear-gradient(90deg,#E9A901 15%,var(--line) 15%)}.pgt-track small{font-size:11px;color:var(--muted)}.pgt-track i.now small{color:var(--text);font-weight:700}
.pgt-f{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.pge{display:flex;gap:12px;align-items:center;padding:14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);flex-wrap:wrap}
.pge.lock{border-style:dashed}
.pge-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}
.pge-t{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:3px}.pge-t b{font-size:15px}.pge-t small{font-size:12.5px;color:var(--muted)}
.pge-n{display:flex;flex-wrap:wrap;gap:5px;font-size:12.5px;color:var(--text);margin-top:3px}
.pge-a{display:flex;gap:6px;align-items:center}
.pgr{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:4px 8px;border-radius:8px;background:#FDECE8;color:#8A3A22}
.pgr.ok{background:#E3F0FA;color:#015DAA}
.pgg{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.pgg-h{display:flex;gap:12px;align-items:center}.pgg-h b{display:block;font-size:15px}.pgg-h small{font-size:12.5px;color:#C8D6E4}
.pgg-r{display:flex;flex-wrap:wrap;gap:6px}
.pgg-f{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pgs-dark .btn-ghost{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.pgs-empty{display:flex;flex-direction:column;gap:3px;padding:14px;border-radius:16px;border:1.5px dashed rgba(255,255,255,.25);color:#C8D6E4;font-size:12.5px}.pgs-empty .ic{color:#F6D772}.pgs-empty b{color:#fff;font-size:14px}
.pgp{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:#FDF6E1;color:#00264B;border:1px solid #F2DFA6}
.pgp b{display:block;font-size:15px}.pgp small{font-size:12.5px;color:#5C4400}.pgp .btn{align-self:flex-start}.pgp .chip{background:#fff}
.pgs-who{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}
.pgs-who>small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#F6D772}
.pgw{display:flex;gap:8px;align-items:center}.pgw b{display:block;font-size:13px}.pgw small{font-size:11.5px;color:#C8D6E4}
[data-theme="dark"] .pgr{background:#3A1E16;color:#F2B8A6}[data-theme="dark"] .pgr.ok{background:#0F2E4C;color:#9CD3F7}
[data-theme="dark"] .pgp{background:#221D0C;border-color:#4A3D12;color:#F3DFA0}[data-theme="dark"] .pgp small{color:#E6D39A}
.sx-hint{padding:8px 18px 0;font-size:12.5px;color:var(--muted)}.sx-hint b{color:#015DAA}.sx-hint[hidden]{display:none}
.sx-stage .sx-backdrop{inset:0;border-radius:22px}.sx-stage{padding-top:24px;padding-bottom:24px}
.hc-step{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 10px;border-radius:16px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font:inherit;text-align:left;cursor:pointer;max-width:360px}
.hc-step:hover{background:rgba(255,255,255,.14)}
.hc-step-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#E9A901;color:#00264B;flex:0 0 auto}
.hc-step small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#F6D772}.hc-step b{display:block;font-size:14px;line-height:1.25}
.hc-step-n{min-width:22px;height:22px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.16);font-size:12px;font-weight:700}
.np{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--line);text-decoration:none;color:var(--text)}
.np:hover{border-color:#007AC3}.np.np-main{border:1.5px solid #E9A901;background:#FFFBEF}
.np-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto}
.np-t{flex:1 1 auto;min-width:0}.np-t small{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.np-t b{display:block;font-size:14px}.np-t span{display:block;font-size:12.5px;color:var(--muted)}
.np-go{font-size:12.5px;font-weight:700;color:#015DAA;white-space:nowrap}
[data-theme="dark"] .np.np-main{background:#2A2410}
/* v20 · radar interactivo */
.pil-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px;align-items:center}
@media (max-width:900px){.pil-in{grid-template-columns:1fr}}
.rd-wrap{position:relative;max-width:420px;margin:0 auto;padding:6px 0}
.rd-poly{transform-box:view-box;transform-origin:150px 140px;animation:rdIn 1s cubic-bezier(.2,.8,.2,1) both}
.rd-dot{transform-box:fill-box;transform-origin:center;animation:rdDot .45s cubic-bezier(.3,1.6,.5,1) both}
@keyframes rdIn{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes rdDot{from{transform:scale(0)}to{transform:scale(1)}}
.rd-wrap .pl{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 8px;border:1px solid transparent;border-radius:10px;background:var(--surface);color:var(--text);font:700 11.5px/1.2 var(--sans);cursor:pointer;white-space:nowrap;grid-template-columns:none}
.rd-wrap .pl i{width:8px;height:8px;border-radius:50%;display:block}.rd-wrap .pl b{font-size:11px;color:var(--muted);font-weight:600}
.rd-wrap .pl:hover{border-color:var(--line)}
.rd-wrap .pl.on{border-color:#007AC3;box-shadow:0 0 0 3px rgba(0,122,195,.15);animation:rdPulse 2s ease-in-out infinite}
@keyframes rdPulse{50%{box-shadow:0 0 0 6px rgba(0,122,195,.08)}}
.pl-list{display:flex;flex-direction:column;gap:6px}
.pl-list .pl{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(60px,110px) 44px;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.pl-list .pl:hover{border-color:#9CC3E8}.pl-list .pl.on{border-color:#007AC3;background:#EEF6FC}
.pl-list .pl-ic{width:32px;height:32px}.pl-list .pl-t b{font-size:13.5px}.pl-list .pl-t small{font-size:11.5px}
.pl-v{font-size:12.5px;font-weight:700;text-align:right}
.pl-bar i{transform-origin:left;animation:plGrow 1s .3s cubic-bezier(.2,.8,.2,1) both}
@keyframes plGrow{from{transform:scaleX(0)}}
.pl-sug{display:flex;gap:12px;align-items:center;margin-top:16px;padding:14px 16px;border-radius:16px;background:#FDF6E1;border:1px solid #F2DFA6;flex-wrap:wrap;animation:fadeSug .35s ease both}
@keyframes fadeSug{from{opacity:0;transform:translateY(6px)}}
.pl-sug>div{flex:1 1 280px;min-width:0}.pl-sug small{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:#7A5800}
.pl-sug b{display:block;font-size:15px;color:#00264B;margin:2px 0}.pl-sug span{font-size:12.5px;color:#5C4400}
.pl-sug-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#E9A901;color:#00264B;flex:0 0 auto}
[data-theme="dark"] .pl-sug{background:#221D0C;border-color:#4A3D12}[data-theme="dark"] .pl-sug b{color:#F3DFA0}[data-theme="dark"] .pl-list .pl.on{background:#0F2E4C}
@media (prefers-reduced-motion:reduce){.rd-poly,.rd-dot,.pl-bar i,.pl-sug,.rd-wrap .pl.on{animation:none}}
.fh2{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between;padding:22px 24px;border-radius:22px;background:linear-gradient(125deg,#00264B,#0B3A66 60%,#015DAA);color:#fff}
.fh2-art{position:absolute;right:-30px;bottom:-60px;width:220px;height:220px;fill:none;stroke:#fff;stroke-width:1;opacity:.07}
.fh2-l{position:relative;flex:1 1 360px;min-width:0}.fh2 h2{font-size:28px;color:#fff;margin:4px 0 10px}
.fh2-comp{display:flex;flex-wrap:wrap;gap:8px}
.fh2-comp span{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.1);font-size:12.5px;color:#C8D6E4}
.fh2-comp b{color:#fff;font-size:14px}.fh2-comp .ic{color:#F6D772}.fh2-comp .off{opacity:.65}
.fh2-r{position:relative;display:flex;gap:10px;flex-wrap:wrap}
.fh2-k{display:flex;flex-direction:column;min-width:130px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none}
.fh2-k:hover{background:rgba(255,255,255,.14)}.fh2-k small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#F6D772}.fh2-k b{font-size:16px}.fh2-k span{font-size:12px;color:#C8D6E4}
/* v20 · menos botones, filtros, densidad */
.page{gap:18px}.wrap.page[style*="gap"]{gap:18px!important}.phead{padding-top:22px}
.card{padding:18px}
[data-fset][hidden]{display:none!important}
.f-empty{padding:18px;border-radius:14px;border:1.5px dashed var(--line);text-align:center;color:var(--muted);font-size:13px}.f-empty[hidden]{display:none}
.pj-more,.pge-name,.pgt-name{border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}
.pj-more{font-size:12.5px;font-weight:700;color:#015DAA}.pj-more:hover{text-decoration:underline}
.pge-name{font-size:15px;font-weight:700;color:var(--text)}.pge-name:hover{color:#015DAA;text-decoration:underline}
.pgt-name{font-size:26px;font-weight:800;letter-spacing:.02em;color:#fff}.pgt-name:hover{text-decoration:underline}
.chip .ic{width:14px;height:14px}
.pil-card{display:block}.pil-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
.pil-l,.pil-r{width:100%;min-width:0}.rd-wrap{max-width:440px;width:100%}
.pl-list .pl-t small{white-space:nowrap}

.pj-filter{flex-wrap:nowrap}.pj-filter .ac-search{flex:0 1 280px}.pj-filter .chips{flex:1 1 auto}
@media (max-width:900px){.pj-filter{flex-wrap:wrap}}
.pj-grid3{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
/* v21 · oficina misionera completa */
.of-top{display:grid;gap:16px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
@media (max-width:1000px){.of-top{grid-template-columns:1fr}}
.cuida,.metas{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.cuida{border-left:4px solid #E9A901}
.cuida-h{display:flex;align-items:center;gap:10px}.cuida-h h2{font-size:17px;margin:0}
.cuida-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#FDECE8;color:#B42318;flex:0 0 auto}
.ca-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ca{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--surface-2);flex-wrap:wrap}
.ca.hi{background:#FFF4F1;box-shadow:inset 3px 0 0 #B42318}
.ca-t{flex:1 1 220px;min-width:0}.ca-t b{display:block;font-size:13.5px}.ca-t span{display:block;font-size:12.5px}.ca-t small{display:block;font-size:12px;color:var(--muted)}
.mt{display:flex;flex-direction:column;gap:5px}.mt-h{display:flex;justify-content:space-between;font-size:13px}.mt-h b{font-size:15px}.mt-h small{color:var(--muted);font-weight:500}
.mt-bar{height:8px;border-radius:8px;background:var(--line);overflow:hidden}.mt-bar i{display:block;height:100%;border-radius:8px;transform-origin:left;animation:plGrow .9s cubic-bezier(.2,.8,.2,1) both}
.mt-ins{display:flex;align-items:center;gap:8px;margin-top:auto;padding:10px 12px;border-radius:12px;background:#FDF6E1;color:#5C4400;font-size:12.5px;text-decoration:none}.mt-ins span{color:#B98600;display:inline-flex}.mt-ins b{color:#00264B}
.tab-sep{width:1px;align-self:stretch;margin:6px 4px;background:var(--line)}
.ruta{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:18px;align-items:start}
@media (max-width:900px){.ruta{grid-template-columns:1fr}}
.ruta-map svg{width:100%;height:auto;display:block;border-radius:16px}
.ruta-side{display:flex;flex-direction:column;gap:12px}
.ruta-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ruta-sum div{padding:8px;border-radius:10px;background:var(--surface-2);text-align:center}.ruta-sum b{display:block;font-size:17px}.ruta-sum small{font-size:11px;color:var(--muted)}
.ruta-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ruta-list li{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;border:1px solid var(--line)}
.ruta-list li>div{flex:1 1 auto;min-width:0}.ruta-list b{display:block;font-size:13.5px}.ruta-list span{display:block;font-size:12.5px;color:var(--muted)}.ruta-list small{display:flex;gap:4px;align-items:center;font-size:12px;font-weight:600}
.rt-n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;flex:0 0 auto}
.msgs{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:760px){.msgs{grid-template-columns:1fr}}
.tpl-list{display:flex;flex-direction:column;gap:6px}.tpl-list>small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.tpl{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer}
.tpl b{font-size:13.5px}.tpl small{font-size:12px;color:var(--muted)}.tpl.on{border-color:#007AC3;background:#EEF6FC}.tpl.add{flex-direction:row;align-items:center;gap:6px;border-style:dashed;color:#015DAA;font-weight:700;font-size:13px}
.msg-prev{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;background:var(--surface-2)}
.msg-to{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.bubble{align-self:flex-start;max-width:520px;padding:12px 14px;border-radius:4px 16px 16px 16px;background:#E7F7EC;color:#123;font-size:14px;line-height:1.5}
.bubble mark{background:#FDF1CC;color:#5C4400;border-radius:4px;padding:0 3px}
.msg-f{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.eq-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.eq-head b{display:block;font-size:15px}.eq-head span{font-size:12.5px;color:var(--muted)}
.al td small{display:block;font-size:12px;color:var(--muted)}
.as-steps{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;background:var(--surface-2)}
.as-steps>div{display:flex;gap:8px;align-items:center;font-size:13px}.as-steps>div>span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#007AC3;color:#fff;font-size:11px;font-weight:700;flex:0 0 auto}
.sent{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:#19784F}.sent:before{content:"✓"}
.ph-wrap{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.ph-side{flex:1 1 220px;display:flex;flex-direction:column;gap:10px}
.ph{width:300px;max-width:100%;border-radius:32px;border:8px solid #00264B;background:var(--surface);overflow:hidden;flex:0 0 auto}
.ph-board{padding:20px;display:flex;justify-content:center;background:#F4F7FB;min-height:844px;box-sizing:border-box}.ph-board .ph{width:350px}
.ph-top{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#00264B;color:#fff;font-size:12px}.ph-top b{font-size:14px}
.ph-b{display:flex;flex-direction:column;gap:8px;padding:14px}
.ph-k{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.ph-who,.ph-how{display:flex;gap:6px;flex-wrap:wrap}
.ph-who span{display:flex;align-items:center;gap:6px;padding:5px 10px 5px 5px;border-radius:999px;border:1.5px solid var(--line);font-size:12.5px;font-weight:600}
.ph-who i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 10px/1 var(--sans)}
.ph-who .on,.ph-type .on,.ph-how .on{border-color:#007AC3;background:#EEF6FC}
.ph-type{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ph-type span{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;border-radius:14px;border:1.5px solid var(--line);font-size:12px;font-weight:700}.ph-type .ic{color:#007AC3}
.ph-how span{padding:6px 10px;border-radius:999px;border:1.5px solid var(--line);font-size:12px;font-weight:600}
.ph-mic{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;border:none;background:#FDF6E1;color:#00264B;font:inherit;text-align:left;margin-top:4px}
.ph-mic .ic{width:36px;height:36px;padding:8px;border-radius:50%;background:#E9A901;color:#00264B;box-sizing:border-box}.ph-mic b{display:block;font-size:13px}.ph-mic small{font-size:11.5px;color:#5C4400}
.ph-save{padding:13px;border-radius:14px;border:none;background:#007AC3;color:#fff;font:700 14px/1 var(--sans)}
.ph-hint{margin:0;text-align:center;font-size:11px;color:var(--muted)}
[data-theme="dark"] .ca.hi{background:#3A1E16}[data-theme="dark"] .mt-ins,[data-theme="dark"] .ph-mic{background:#221D0C;color:#F3DFA0}[data-theme="dark"] .tpl.on,[data-theme="dark"] .ph .on{background:#0F2E4C}[data-theme="dark"] .bubble{background:#12341F;color:#E6F5EA}
.ruta-list .rt-n{display:grid}.ac-pane>.ac-types{margin-bottom:12px}
.as-steps>div{display:block;line-height:24px}.as-steps>div>span{display:inline-grid;margin-right:8px;vertical-align:middle}
/* v22 · Mi agenda con color */
.ag-kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}
.agk{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:16px 18px;border-radius:18px;border:none;font:inherit;text-align:left;cursor:pointer;color:#fff;overflow:hidden;transition:transform .15s,box-shadow .15s}
.agk:hover{transform:translateY(-2px);box-shadow:0 12px 24px -14px rgba(0,38,75,.6)}
.agk.on{outline:3px solid #E9A901;outline-offset:2px}
.agk small{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.agk b{font-size:28px;line-height:1.1}.agk b em{font-style:normal;font-size:15px;opacity:.75}.agk>span:not(.agk-ic){font-size:12.5px;opacity:.9}
.agk-ic{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.18)}
.k-ok{background:linear-gradient(135deg,#1F9D6B,#167A53)}
.k-hoy{background:linear-gradient(135deg,#F2BC22,#E9A901);color:#00264B}.k-hoy .agk-ic{background:rgba(0,38,75,.12)}
.k-ev{background:linear-gradient(135deg,#007AC3,#015DAA)}
.k-pr{background:linear-gradient(135deg,#0B3A66,#00264B)}
.agk-bar{display:block;width:100%;height:6px;margin-top:6px;border-radius:6px;background:rgba(0,38,75,.15);overflow:hidden}.agk-bar i{display:block;height:100%;background:#00264B}
.ag-board{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr))}
.ac-g{margin:0;padding:14px;border-radius:18px;border:1px solid var(--line);background:var(--surface)}
.ac-g[hidden]{display:none}
.ac-gh{font-size:14px;padding-bottom:6px}.ac-gh small{margin-left:auto;font-size:11.5px;font-weight:600;color:var(--muted)}
.ac-gh i{width:10px;height:10px;border-radius:50%;display:inline-block}
.ac-g .ac-row{background:var(--surface)}
.g-today{background:#FFF6DA;border-color:#F2DFA6}.g-today .ac-gh{color:#5C4400}
.g-week{background:#EAF4FB;border-color:#CFE4F4}.g-week .ac-gh i{background:#007AC3}.g-week .ac-gh{color:#015DAA}
.g-later{background:var(--surface-2)}.g-later .ac-gh i{background:#8A9BB0}
.g-wait{background:transparent;border:1.5px dashed #E7B4A6}.g-wait .ac-gh i{background:#D97757}.g-wait .ac-gh{color:#8A3A22}
.ev-sec{padding:16px;border-radius:18px}
.ev-mine{background:#EAF4FB;border:1px solid #CFE4F4}.ev-open{background:var(--surface-2);border:1px solid var(--line)}
.ev-mine .cg-h b{color:#015DAA}
.pr-sec{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:18px;margin-bottom:12px}
.pr-me{background:#FFF6DA;border:1px solid #F2DFA6}.pr-me .cg-h b{color:#5C4400}
.pr-wait{background:transparent;border:1.5px dashed var(--line)}
.pr{background:color-mix(in srgb,var(--pc) 7%,var(--surface))}
[data-theme="dark"] .g-today,[data-theme="dark"] .pr-me{background:#2A2410;border-color:#4A3D12}[data-theme="dark"] .g-week,[data-theme="dark"] .ev-mine{background:#0B2440;border-color:#16395E}
[data-theme="dark"] .g-today .ac-gh,[data-theme="dark"] .pr-me .cg-h b{color:#F3DFA0}
.hc-step{padding:8px 16px 8px 8px}.hc-step-t{font-size:15px}
.mt-by{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--muted);padding:4px 8px;border-radius:8px;background:var(--surface-2)}
.pv-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.pv-bar .ac-types{margin:0}
.pr-name{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none}.pr-name:hover b{color:#015DAA;text-decoration:underline}
.sel-sm{height:34px;padding:0 30px 0 10px;font-size:12.5px;min-width:130px}
.pr-acts{display:flex;gap:4px}.pr-acts .icon-btn{width:32px;height:32px}
/* v22 · chat */
.has-dot{position:relative}.dot-n{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#E9A901;color:#00264B;font:800 10px/17px var(--sans);text-align:center}
.chat{display:grid;grid-template-columns:300px minmax(0,1fr) 250px;min-height:640px;border-radius:20px;border:1px solid var(--line);background:var(--surface);overflow:hidden}
@media (max-width:1100px){.chat{grid-template-columns:260px minmax(0,1fr)}.th-ctx{display:none}}
@media (max-width:760px){.chat{grid-template-columns:1fr}.cv-list{display:none}}
.cv-list{display:flex;flex-direction:column;gap:6px;padding:12px;border-right:1px solid var(--line);background:var(--surface-2)}
.cv{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;border:none;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.cv:hover{background:var(--surface)}.cv.on{background:var(--surface);box-shadow:inset 3px 0 0 #007AC3}
.cv-t{flex:1 1 auto;min-width:0}.cv-t b{display:flex;gap:6px;align-items:center;font-size:13.5px}.cv-t small{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv-k{font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;background:#E3F0FA;color:#015DAA}
.cv-r{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.cv-r small{font-size:11px;color:var(--muted)}
.cv-n{min-width:18px;height:18px;border-radius:9px;background:#007AC3;color:#fff;font:700 11px/18px var(--sans);text-align:center}
.th{display:flex;flex-direction:column;min-width:0}
.th-h{display:flex;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}.th-h b{display:block;font-size:14px}.th-h small{font-size:12px;color:#19784F}
.th-b{flex:1 1 auto;display:flex;flex-direction:column;gap:10px;padding:16px;background:linear-gradient(180deg,var(--surface),var(--surface-2))}
.th-day{align-self:center;font-size:11.5px;font-weight:700;color:var(--muted);padding:4px 10px;border-radius:8px;background:var(--surface)}
.bb{max-width:70%;align-self:flex-start;padding:10px 12px;border-radius:4px 14px 14px 14px;background:var(--surface);border:1px solid var(--line)}
.bb p{margin:0;font-size:13.5px;line-height:1.5}.bb small{display:block;margin-top:4px;font-size:11px;color:var(--muted);text-align:right}
.bb.me{align-self:flex-end;border-radius:14px 4px 14px 14px;background:#007AC3;border-color:#007AC3;color:#fff}.bb.me small{color:#CFE3F7}
.bb-card{display:flex;gap:8px;align-items:center;margin-top:8px;padding:8px;border-radius:10px;background:rgba(255,255,255,.15);color:#fff;text-decoration:none}.bb-card b{display:block;font-size:12.5px}.bb-card small{color:#CFE3F7;text-align:left;margin:0}
.th-q{display:flex;gap:6px;flex-wrap:wrap;padding:8px 16px;border-top:1px solid var(--line-2)}
.th-in{display:flex;gap:8px;align-items:center;padding:12px 16px;border-top:1px solid var(--line)}.th-in .input{flex:1 1 auto}
.th-ctx{display:flex;flex-direction:column;gap:12px;padding:16px;border-left:1px solid var(--line)}.th-ctx>small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
[data-theme="dark"] .cv-k{background:#0F2E4C;color:#9CD3F7}
/* v22 · muro */
.mu-f{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 12px;padding:10px;border-radius:14px;background:var(--surface-2)}
.wp-pray.on{background:#FDF1CC;color:#7A5800}
.wg[hidden]{display:none}
.mu-k{display:flex;gap:8px;flex-wrap:wrap}.mu-k div{min-width:96px;padding:10px 12px;border-radius:12px;background:#EAF4FB}.mu-k div.gold{background:#FDF1CC}
.mu-k b{display:block;font-size:22px;line-height:1.1;color:#00264B}.mu-k span{font-size:11.5px;color:var(--muted)}
.pp-chart{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.pp-bars{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;align-items:end;height:180px;padding:10px;border-radius:14px;background:linear-gradient(180deg,var(--surface),var(--surface-2))}
.ppb{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;border:none;background:none;font:inherit;cursor:pointer;padding:0}
.ppb-col{flex:1 1 auto;width:100%;max-width:40px;display:flex;flex-direction:column-reverse;border-radius:8px;overflow:hidden;background:var(--line-2)}
.ppb-col i{display:block;width:100%;transform-origin:bottom;animation:pbUp .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes pbUp{from{transform:scaleY(0)}}
.ppb-o,.pp-leg .ppb-o{background:#007AC3}.ppb-p,.pp-leg .ppb-p{background:#E9A901}
.ppb small{font-size:11px;color:var(--muted);white-space:nowrap}
.ppb:hover .ppb-col{box-shadow:0 0 0 2px #9CC3E8}.ppb.on .ppb-col{box-shadow:0 0 0 3px #00264B}.ppb.on small{color:var(--text);font-weight:700}
.pp-leg{display:flex;gap:14px;font-size:12px;color:var(--muted)}.pp-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.pp-det{margin-top:10px;padding:14px;border-radius:14px;background:#EAF4FB;animation:fadeSug .3s ease both}.pp-det>small{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#015DAA}
.pp-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:6px}.pp-k b{display:block;font-size:18px;color:#00264B}.pp-k span{font-size:12px;color:var(--muted)}
.pp-temas{display:flex;flex-direction:column;gap:6px;margin-top:12px}.pp-temas>small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pt{display:grid;grid-template-columns:110px minmax(0,1fr) 44px;gap:10px;align-items:center;font-size:12.5px}.pt-bar{height:8px;border-radius:8px;background:var(--line-2);overflow:hidden}.pt-bar i{display:block;height:100%;border-radius:8px;transform-origin:left;animation:plGrow 1s cubic-bezier(.2,.8,.2,1) both}.pt b{text-align:right}
[data-theme="dark"] .mu-k div,[data-theme="dark"] .pp-det{background:#0B2440}[data-theme="dark"] .mu-k b,[data-theme="dark"] .pp-k b{color:#fff}
/* v22 · roles */
.mi-hero{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between;padding:24px 26px;border-radius:22px;background:linear-gradient(125deg,#00264B,#0B3A66 60%,#015DAA);color:#fff;margin-top:20px}
.mi-hero>div:first-child{flex:1 1 380px}.mi-hero h1{margin:6px 0}.mi-hero p{margin:0;color:#C8D6E4;font-size:13.5px;max-width:560px}
.mi-hero.emp{background:linear-gradient(125deg,#F2BC22,#E9A901);color:#00264B}.mi-hero.emp h1{color:#00264B}.mi-hero.emp p{color:#5C4400}
.mi-ks{display:flex;gap:10px;flex-wrap:wrap}
.mik{min-width:120px;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.emp .mik{background:rgba(255,255,255,.35);border-color:rgba(0,38,75,.12)}
.mik>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;margin-bottom:4px}.mik b{font-size:20px}.mik small{font-size:12px;opacity:.85}
.mi-ap ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.mi-ap li{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;background:var(--surface-2);flex-wrap:wrap}.mi-ap li>div{flex:1 1 180px;min-width:0}
.mi-ap small{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.mi-ap b{display:block;font-size:13.5px}.mi-ap span{font-size:12px;color:var(--muted)}
.ap-btns{display:flex;gap:4px}
.mi-links{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.mi-links a{display:flex;flex-direction:column;gap:3px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--text);text-decoration:none}
.mi-links a:hover{border-color:#007AC3}.mi-links span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#00264B;color:#F6D772;margin-bottom:6px}.mi-links b{font-size:14.5px}.mi-links small{font-size:12.5px;color:var(--muted)}
.rl-wrap{display:flex;flex-direction:column;gap:8px}
.rl{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;background:var(--rc);color:var(--rf);text-decoration:none;max-width:calc(100% - 90px);transition:transform .15s}
.rl:hover{transform:translateX(4px)}
.rl-n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);font-weight:800;flex:0 0 auto}
.rl>div{flex:1 1 auto;min-width:0}.rl b{display:block;font-size:16px}.rl small{display:block;font-size:12px;opacity:.85}.rl>div>span{display:block;font-size:12.5px;opacity:.9;margin-top:3px}
.rl-go{font-size:12.5px;font-weight:700;white-space:nowrap;opacity:.9}
@media (max-width:760px){.rl{margin-left:0!important;max-width:100%;flex-wrap:wrap}}
.pmx{width:100%;border-collapse:collapse;font-size:13px;min-width:760px}.pmx th{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:10px;text-align:center;background:var(--surface-2)}.pmx th:first-child,.pmx td:first-child{text-align:left}
.pmx td{padding:10px;border-top:1px solid var(--line-2);text-align:center}
.pm-c{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;font-size:13px;font-weight:800;font-style:normal}
.pm-c.adm{background:#00264B;color:#F6D772}.pm-c.use{background:#E3F0FA;color:#015DAA}.pm-c.no{background:var(--surface-2)}
.pm-leg{display:flex;gap:12px;font-size:12px;color:var(--muted)}.pm-leg span{display:flex;gap:6px;align-items:center}
.eo-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}
.eo{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.eo-h{display:flex;justify-content:space-between;gap:10px}.eo-h small{font-size:12px;color:var(--muted)}.eo-h b{display:block;font-size:16px}
.eo-f{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px}
.eo-new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px;border-radius:16px;border:1.5px dashed #E9A901;background:#FFFBEF;color:#00264B;font:inherit;cursor:pointer}.eo-new .ic{color:#B98600}.eo-new small{color:#5C4400}
[data-theme="dark"] .eo-new{background:#221D0C;color:#F3DFA0}[data-theme="dark"] .pm-c.use{background:#0F2E4C;color:#9CD3F7}
.ac-time,.ac-rel{font-family:var(--sans)!important;font-variant-numeric:tabular-nums}

.mu-part{grid-column:1/-1;flex:1 1 100%}
.cv-list .ac-search{flex:0 0 auto;min-height:40px}.cv-list>.chips{flex:0 0 auto}
/* v23 · cambio de perfil en la barra */
.role-sw{margin:0 4px 14px;padding:10px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr 1fr;gap:4px}
.role-sw>small{grid-column:1/-1;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7F9AB8;padding:0 4px 4px}
.role-it{display:flex;align-items:center;gap:6px;padding:6px 7px;border-radius:9px;color:#C8D6E4;text-decoration:none;font-size:11.5px;font-weight:600;line-height:1.15;min-width:0}
.role-it i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);font:800 10px/1 var(--sans);font-style:normal;flex:0 0 auto}
.role-it span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.role-it:hover{background:rgba(255,255,255,.08);color:#fff}
.role-it.on{background:#E9A901;color:#00264B}.role-it.on i{background:#00264B;color:#F6D772}
.prol{display:flex;flex-direction:column;gap:12px;border-left:4px solid #007AC3}
.prol-h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:start}@media (max-width:900px){.prol-h{grid-template-columns:1fr}}
.prol-mods small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.prol-lad{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}@media (max-width:900px){.prol-lad{grid-template-columns:repeat(2,1fr)}}
.prol-lad li{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:12px;background:var(--surface-2);opacity:.65}
.prol-lad li.on{opacity:1;background:#EAF4FB;box-shadow:inset 0 0 0 1.5px #007AC3}
.prol-lad i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#00264B;color:#fff;font:800 11px/1 var(--sans);font-style:normal}
.prol-lad b{font-size:13px}.prol-lad small{font-size:11px;color:var(--muted)}.prol-lad .pill{align-self:flex-start;margin-top:4px}
[data-theme="dark"] .prol-lad li.on{background:#0B2440}
.rq-ap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border-radius:10px;background:var(--surface-2);font-size:12.5px}.rq-ap .ic{color:#015DAA}
.rq-rule{margin-left:auto;font-size:11px;font-weight:700;color:#015DAA;padding:2px 7px;border-radius:6px;background:#E3F0FA}
/* v23 · navegación móvil */
.mnav{display:none}
@media (max-width:760px){
 .app>.side{display:none}
 body.side-open .app:not([hidden])>.side{display:flex;position:fixed;inset:0 20% 0 0;z-index:80;overflow-y:auto;box-shadow:0 0 0 100vmax rgba(0,38,75,.5)}
 .app>.main{padding-bottom:84px}
 .mnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:70;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 24px -16px rgba(0,38,75,.35)}
 .mnav a,.mnav button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border:none;background:none;border-radius:12px;color:var(--muted);font:700 10.5px/1 var(--sans);text-decoration:none;cursor:pointer;position:relative}
 .mnav .on{color:#015DAA;background:#EAF4FB}.mnav .ic{width:22px;height:22px}
 .mnav .dot-n{top:0;right:18%}
 .topbar .lang-btn span,.topbar .who .lang{display:none}
}
/* v23 · pantallas nuevas */
.avg{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:18px;border:1px solid var(--line)}.avg[hidden]{display:none}
.avg.g-later{background:var(--surface-2)}
.avi{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--surface);color:var(--text);text-decoration:none;border:1px solid transparent}
.avi:hover{border-color:#9CC3E8}.avi.new{box-shadow:inset 3px 0 0 #007AC3}.avi.new .avi-t b:after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#007AC3;margin-left:6px;vertical-align:1px}
.avi-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto}
.avi-t{flex:1 1 auto;min-width:0}.avi-t b{display:block;font-size:13.5px}.avi-t small{display:block;font-size:12px;color:var(--muted)}
.avi-r{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}.avi-r small{font-size:11.5px;color:var(--muted)}.avi-go{font-size:12px;font-weight:700;color:#015DAA}
.av-board{grid-template-columns:1fr}
.g-late{background:#FFF1EE;border-color:#F3C9BE}.g-late .ac-gh i{background:#C2412D}.g-late .ac-gh{color:#9E2F1F}
.dn-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:16px;align-items:start}@media (max-width:900px){.dn-grid{grid-template-columns:1fr}}
.dn-form{display:flex;flex-direction:column;gap:14px}.dn-ps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:8px}
.dn-p{display:flex;gap:10px;padding:12px;border-radius:14px;border:1.5px solid var(--line);cursor:pointer}.dn-p input{accent-color:#007AC3}.dn-p.on{border-color:#007AC3;background:#EEF6FC}
.dn-p b{display:block;font-size:13.5px}.dn-p small{display:block;font-size:12px;color:var(--muted);margin:2px 0 6px}.dn-p>span{flex:1 1 auto}
.dn-sum{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;border-radius:14px;background:#FDF6E1;font-size:13.5px}
.dn-side{display:flex;flex-direction:column;gap:16px}.dn-side .card{display:flex;flex-direction:column;gap:10px}.dn-side h2{font-size:16px;margin:0}
.dn-h{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.dn-h li{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px;border-radius:12px;background:var(--surface-2)}.dn-h li>div{flex:1 1 160px}.dn-h b{display:block;font-size:13px}.dn-h small{font-size:12px;color:var(--muted)}
.st-hero{display:flex;flex-wrap:wrap;gap:16px 22px;align-items:center;padding:22px 24px;border-radius:22px;background:linear-gradient(125deg,#00264B,#0B3A66 60%,#015DAA);color:#fff;margin-top:20px}
.st-hero>div:nth-child(2){flex:1 1 320px}.st-hero h1{margin:4px 0}.st-hero p{margin:0;color:#C8D6E4;font-size:13.5px}
.st-hero .chip{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}.st-hero .chip.on{background:#E9A901;border-color:#E9A901;color:#00264B}
.st-acts{display:flex;gap:8px;flex-wrap:wrap}
.st-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 260px;gap:16px;align-items:start}@media (max-width:1100px){.st-grid{grid-template-columns:1fr 1fr}.st-side{grid-column:1/-1}}@media (max-width:760px){.st-grid{grid-template-columns:1fr}}
.st-grid>.card{display:flex;flex-direction:column;gap:10px}.st-grid h2{font-size:16px;margin:0}
.st-side{display:flex;flex-direction:column;gap:12px}
.st-les{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.st-les li{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:var(--surface-2)}.st-les b{display:block;font-size:13px}.st-les small{font-size:12px;color:var(--muted)}
.lsn{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--line);font-size:12px;font-weight:800;flex:0 0 auto}
.st-les li.done .lsn{background:#007AC3;color:#fff}.st-les li.sent{background:#EAF4FB;box-shadow:inset 3px 0 0 #E9A901}.st-les li.sent .lsn{background:#E9A901;color:#00264B}
.pm-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bdg-mini{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.hx-mini{list-style:none;margin:6px 0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:12.5px}.hx-mini b{display:block;font-size:11.5px;color:var(--muted)}
.rp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:16px}.rp-grid .card{display:flex;flex-direction:column;gap:10px}.rp-grid h2{font-size:16px;margin:0}
.fr{display:grid;grid-template-columns:200px minmax(0,1fr) 40px;gap:10px;align-items:center;font-size:12.5px}.fr[hidden]{display:none}
.fr-bar{display:flex;height:14px;border-radius:8px;overflow:hidden;background:var(--line-2)}.fr-bar i{display:block;height:100%;transform-origin:left;animation:plGrow .9s cubic-bezier(.2,.8,.2,1) both}.fr b{text-align:right}
.pp-leg{flex-wrap:wrap}
.re-card{max-width:560px}
[data-theme="dark"] .g-late{background:#3A1E16;border-color:#5A2A1F}[data-theme="dark"] .dn-p.on,[data-theme="dark"] .st-les li.sent{background:#0F2E4C}[data-theme="dark"] .dn-sum{background:#221D0C}
/* v23 · auditoría: cabecera sin saltos, barra de rol legible, móvil */
.topbar{flex-wrap:nowrap}
.crumb{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap}
.who{flex-wrap:nowrap;flex:0 0 auto}
.tsearch{flex:0 1 440px;min-width:42px}
.role-it span{white-space:normal;overflow:visible}
.dn-bar{display:block;height:6px;border-radius:6px;background:var(--line-2);overflow:hidden}.dn-bar i{display:block;width:0;height:100%;background:#007AC3}
@media (max-width:1100px){.topbar .lang-btn span{display:none}}
@media (max-width:760px){
 .topbar{gap:8px;padding:10px 12px;min-height:56px}
 .crumb strong{display:inline}.crumb>*:not(strong){display:none}.crumb{font-size:13.5px}
 .who{gap:6px}.who [data-theme-toggle],.who .lang{display:none}
 .who .icon-btn{width:36px;height:36px}
}
.st-les li.sent:before{content:none}.st-les li.sent{color:inherit;font-weight:inherit;font-size:inherit}
.st-side .ruta-sum b{font-size:13px}
@media (max-width:760px){.topbar .crumb{display:none}.topbar .tsearch{flex:1 1 auto;margin:0;justify-content:flex-start;padding:0 12px}.topbar .tsearch-t{display:block;font-size:13px}}
/* v24 · usuario desplegable con perfiles y funciones de cada módulo */
.role-sw{display:none}
.who-dd{margin:0 4px 14px}
.who-dd>summary{list-style:none;cursor:pointer;margin:0}.who-dd>summary::-webkit-details-marker{display:none}
.who-dd .wd-chev{color:#7F9AB8;transition:transform .2s}.who-dd[open] .wd-chev{transform:rotate(180deg)}
.who-dd[open]>summary{border-color:#E9A901;border-bottom-left-radius:0;border-bottom-right-radius:0}
.wd-panel{display:flex;flex-direction:column;gap:3px;padding:8px;border:1px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 14px 14px;background:rgba(255,255,255,.04)}
.wd-k{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7F9AB8;padding:2px 6px 4px}
.wd-it{display:flex;gap:9px;align-items:center;padding:7px 8px;border-radius:10px;color:#C8D6E4;text-decoration:none}
.wd-it i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);font:800 11px/1 var(--sans);font-style:normal;flex:0 0 auto}
.wd-it b{display:block;font-size:12.5px;color:#fff}.wd-it small{display:block;font-size:10.5px;color:#8FA6BF;line-height:1.25}
.wd-it:hover{background:rgba(255,255,255,.07)}
.wd-it.on{background:#E9A901}.wd-it.on b{color:#00264B}.wd-it.on small{color:#5C4400}.wd-it.on i{background:#00264B;color:#F6D772}
.wd-foot{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:6px 6px 2px;border-top:1px solid rgba(255,255,255,.08);margin-top:4px}
.wd-foot a{font-size:11.5px;font-weight:700;color:#9CD3F7;text-decoration:none}
.wd-fn{font:600 10.5px/1.2 var(--sans);color:#C8D6E4;background:rgba(255,255,255,.08);border:none;border-radius:8px;padding:5px 8px;cursor:pointer}
.wd-fn[aria-pressed="true"]{background:#007AC3;color:#fff}
.nav-t{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.nav-fn{display:block;font-size:10.5px;font-weight:500;line-height:1.25;color:#7F9AB8;white-space:normal;margin-top:1px}
.nav-item.on .nav-fn{color:#C8D6E4}
body.hide-fn .nav-fn{display:none}
.nav-fn,.wd-fn{display:none!important}
/* v26 · franja por perfil en módulos personales */
.rband{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:18px;padding:12px 16px;border-radius:16px;background:linear-gradient(120deg,#00264B,#0B3A66);color:#fff}
.rband-r{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:8px;background:#E9A901;color:#00264B}
.rband-t{flex:1 1 220px;min-width:0}.rband-t b{display:block;font-size:14.5px}.rband-t small{font-size:12px;color:#C8D6E4}
.rband-k{display:flex;gap:8px;flex-wrap:wrap}.rband-k div{padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.08);min-width:84px}
.rband-k b{display:block;font-size:16px;line-height:1.1}.rband-k small{font-size:11px;color:#C8D6E4}
.rband-go{font-size:12.5px;font-weight:700;color:#F6D772;text-decoration:none;white-space:nowrap}.rband-go:hover{text-decoration:underline}
.lotuyo{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);margin-top:16px}
.lotuyo-h{flex:0 0 180px}.lotuyo-h b{display:block;font-size:14.5px}.lotuyo-h small{font-size:11.5px;color:var(--muted)}
.lotuyo-g{flex:1 1 520px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}@media (max-width:900px){.lotuyo-g{grid-template-columns:repeat(2,1fr)}}
.lotuyo-g a{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:12px;background:var(--surface-2);color:var(--text);text-decoration:none}
.lotuyo-g a:hover{background:#EAF4FB}.lotuyo-g span{color:#007AC3}.lotuyo-g small{font-size:11px;color:var(--muted)}.lotuyo-g b{font-size:13px}


/* ===== v28 · barra de módulo: pestañas + herramientas (buscar, filtros, paginación, información) ===== */
.mtb{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;padding:6px;border-radius:18px;background:var(--mist);border:1px solid var(--line-2)}
.mtb>[role=tablist]{background:transparent;padding:0;margin:0;border:0;box-shadow:none;flex:0 1 auto;min-width:0}
.mtb-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto;padding-right:6px}
.mtb-q{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:12px;background:var(--surface,#fff);border:1px solid rgba(0,38,75,.12);color:var(--muted,#5B666F);min-width:220px}
.mtb-q:focus-within{border-color:#007AC3;box-shadow:0 0 0 3px rgba(0,122,195,.15)}
.mtb-q input{border:0;outline:0;background:transparent;font:inherit;font-size:14px;color:var(--text);width:100%;min-width:0}
.mtb .tip{width:22px;height:22px;font-size:11px;margin:0;opacity:.8;color:#015DAA}
.mpg{display:flex;align-items:center;gap:4px}
.mpg-i{font-size:12.5px;color:var(--muted,#5B666F);margin-right:4px;white-space:nowrap}
.mpg-b{min-width:32px;height:32px;padding:0 8px;border-radius:10px;border:1px solid rgba(0,38,75,.12);background:var(--surface,#fff);color:#00264B;font:600 13px/1 inherit;font-family:inherit;cursor:pointer}
.mpg-b.on{background:#00264B;color:#fff;border-color:#00264B}
.mpg-b:disabled{opacity:.4;cursor:default}
.mpg-b:not(:disabled):not(.on):hover{border-color:#007AC3;color:#007AC3}
.pg-off,.pg-q-off{display:none!important}
.mtb-sub{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
[data-theme="dark"] .mtb{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .mpg-b{color:#e6eef6;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
[data-theme="dark"] .mpg-b.on{background:#007AC3;border-color:#007AC3;color:#fff}
[data-theme="dark"] .mtb .tip{color:#9CD3F7}
@media (max-width:760px){.mtb-tools{margin-left:0;width:100%;padding:0 4px 4px}.mtb-q{flex:1 1 100%;min-width:0}.mpg{margin-left:auto}}

/* ===== v28 · indicadores de módulo (cómo vas, no repiten las pestañas) ===== */
.ink-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:1100px){.ink-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.ink-row{grid-template-columns:1fr}}
.ink{position:relative;display:flex;flex-direction:column;gap:2px;padding:16px 18px 14px;border-radius:18px;background:var(--surface);border:1px solid var(--line);overflow:hidden;min-width:0}
.ink::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--tone)}
.ink-b{--tone:#007AC3}.ink-n{--tone:#00264B}.ink-y{--tone:#E9A901}.ink-c{--tone:#3FA9E8}.ink-m{--tone:#015DAA}
.ink small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ink b{font-size:26px;line-height:1.15;color:var(--ink)}.ink b em{font-style:normal;font-size:14px;font-weight:600;color:var(--muted)}
.ink>span{font-size:12.5px;color:var(--muted)}
.ink-ic{position:absolute;right:14px;top:14px;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--tone) 14%,transparent);color:var(--tone)}
.ink-bar{display:block;height:6px;border-radius:6px;background:var(--line-2);overflow:hidden;margin-top:8px}.ink-bar i{display:block;height:100%;border-radius:6px;background:var(--tone)}
.ink-steps{display:flex;gap:4px;margin-top:8px}.ink-steps i{flex:1;height:6px;border-radius:4px;background:var(--line-2)}.ink-steps i.on{background:var(--tone)}.ink-steps i.now{background:repeating-linear-gradient(45deg,var(--tone) 0 4px,transparent 4px 8px)}

/* ===== v28 · Inicio: «Siguiente paso» en la línea del saludo, termina donde empiezan las líneas del gráfico ===== */
.hc-hola{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;max-width:880px}
.hc-hola h1{margin:0}
.hc-hola .hc-step{flex:0 0 auto;padding:6px 14px 6px 6px;border-radius:14px;background:rgba(0,38,75,.55);backdrop-filter:blur(4px)}
.hc-hola .hc-step-ic{width:32px;height:32px;border-radius:10px}
.hc-hola .hc-step-t{font-size:14px}
.hc-text .lede{max-width:600px}
@media (max-width:640px){.hc-hola{max-width:none}}

/* ===== v28 · Mis cursos ===== */
.cc-cert{right:12px;top:12px;bottom:auto}
.pg-empty{grid-column:1/-1;padding:24px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px}

/* ===== v28 · Mi agenda: indicadores de cómo vas ===== */
.agk.ind{cursor:default}.agk.ind:hover{transform:none;box-shadow:none}
.agk-wk{display:flex;gap:4px;margin-top:8px}.agk-wk i{width:14px;height:8px;border-radius:4px;background:rgba(0,38,75,.18)}.agk-wk i.on{background:#00264B}.agk-wk i.now{background:#fff;box-shadow:0 0 0 2px #00264B inset}
.agk-sp{display:flex;align-items:flex-end;gap:4px;height:22px;margin-top:6px}.agk-sp i{width:10px;border-radius:3px;background:rgba(255,255,255,.55)}.agk-sp i:last-child{background:#fff}

/* ===== v28 · Mi recorrido: simulador (la derecha simula, el gráfico muestra) ===== */
.sim-list{display:flex;flex-direction:column;gap:6px}
.sim-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(90px,1.2fr) 72px;gap:12px;align-items:center;padding:7px 10px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);transition:border-color .2s,background .2s}
.sim-row:has(.pl.on){border-color:#007AC3;background:#EEF6FC}
.sim-row.chg{border-style:dashed;border-color:#E9A901}
.sim-row>.pl{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;min-width:0}
.sim-row .pl-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}
.sim-row .pl-t{display:flex;flex-direction:column;min-width:0}.sim-row .pl-t b{font-size:13.5px}.sim-row .pl-t small{font-size:11.5px;color:var(--muted);white-space:nowrap}
.sim-r{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--c) 0 var(--v),#E3EAF2 var(--v));outline:none;cursor:pointer;position:relative}
.sim-r::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--c);box-shadow:0 2px 6px rgba(0,38,75,.25);transition:transform .15s}
.sim-r::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--c)}
.sim-r:hover::-webkit-slider-thumb{transform:scale(1.15)}
.sim-v{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.sim-v b{font-size:15px}.sim-v small{font-size:11px;font-weight:700;color:#2F8F5B;min-height:13px}.sim-v small.neg{color:#B42318}
.sim-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.rd-sim{opacity:0;transition:opacity .3s}.rd-sim.show{opacity:1}
.sim-out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#00264B,#015DAA);color:#fff}
.sim-k{display:flex;flex-direction:column;gap:2px;padding:4px 6px}.sim-k small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9CD3F7}
.sim-k b{font-size:24px;line-height:1.15;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.sim-k b em{font-style:normal;font-size:13px;font-weight:700;padding:2px 8px;border-radius:10px;background:rgba(255,255,255,.14)}
.sim-k b em:empty{display:none}.sim-k b em.up{background:#2F8F5B}.sim-k b em.down{background:#B42318}.sim-k>span{font-size:12px;opacity:.75}
.sim-msg{grid-column:1/-1;margin:0;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.1);font-size:13.5px;line-height:1.45}
.sim-out.on .sim-msg{background:#E9A901;color:#00264B;font-weight:600}
@media (max-width:900px){.pil-card .pil-in{grid-template-columns:1fr}}
@media (max-width:760px){.sim-out{grid-template-columns:1fr}.sim-row{grid-template-columns:1fr 72px}.sim-r{grid-column:1/-1;grid-row:2}}
[data-theme="dark"] .sim-row:has(.pl.on){background:#0F2E4C}[data-theme="dark"] .sim-r{background:linear-gradient(90deg,var(--c) 0 var(--v),#22476E var(--v))}
/* ===== v28 · Programa RESTAURA: etapas como siembra, lecciones como camino ===== */
.rs-track{gap:12px}.rs-track::before{display:none}
.rs-st{border:1.5px solid var(--line);background:var(--surface);padding:14px 10px 12px;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}
.rs-st::after{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:#E3EAF2}
.rs-st[data-st="done"]::after{background:#007AC3}.rs-st[data-st="now"]::after{background:linear-gradient(90deg,#E9A901,#F6D772)}
.rs-st:hover{transform:translateY(-3px);box-shadow:0 14px 26px -18px rgba(0,38,75,.55);background:var(--surface)}
.rs-st.on{border-color:#007AC3;background:linear-gradient(180deg,#F4F9FD,var(--surface));box-shadow:0 0 0 3px rgba(0,122,195,.12)}
.rs-st[data-st="now"]{background:linear-gradient(180deg,#FFF8E3,var(--surface))}
.rs-sp{display:block;width:70%;height:5px;border-radius:5px;background:#E3EAF2;overflow:hidden;margin-top:4px}.rs-sp i{display:block;height:100%;background:#007AC3;border-radius:5px}
.rs-st[data-st="now"] .rs-dot{animation:rsPulse 2s ease-in-out infinite}
@keyframes rsPulse{0%,100%{box-shadow:0 0 0 4px rgba(233,169,1,.25)}50%{box-shadow:0 0 0 10px rgba(233,169,1,.08)}}
.ls-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.ls-h b{font-size:13px;color:var(--ink)}
.ls-path{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));position:relative}
.ls-path::before{content:"";position:absolute;left:calc(50% / var(--n));right:calc(50% / var(--n));top:20px;height:4px;border-radius:4px;background:#E3EAF2}
.lp{position:relative;display:flex;justify-content:center;z-index:1}
.lp span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;background:var(--surface);border:3px solid #C9D6E4;color:var(--muted);transition:transform .2s;cursor:default}
.lp:hover span{transform:scale(1.12)}
.lp.done span{background:#007AC3;border-color:#007AC3;color:#fff}
.lp.now span{background:#E9A901;border-color:#E9A901;color:#00264B;animation:rsPulse 2s ease-in-out infinite}
.lp.lock span{border-style:dashed;opacity:.6}
.lp.next span{border-color:#9CC3E8;color:#015DAA}
@media (max-width:720px){.lp span{width:32px;height:32px;font-size:12px}.ls-path::before{top:15px}}
.rc-all{margin-left:auto;font-size:13px;font-weight:700;color:#007AC3;text-decoration:none}
.rs-box-h{display:flex;align-items:center;gap:8px}
.rc-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);transition:transform .2s,box-shadow .2s,border-color .2s;margin-top:10px}
.rc-card:hover{transform:translateY(-2px);box-shadow:0 14px 26px -18px rgba(0,38,75,.55);border-color:#007AC3}
.rc-card .rs-c-ic{display:none}
.rc-ring{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#007AC3 calc(var(--p,0) * 1%),#E3EAF2 0);position:relative}
.rc-ring::before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--surface)}
.rc-ring b{position:relative;font-size:12.5px;color:var(--ink)}
.rc-ring.rc-new{background:repeating-conic-gradient(#E9A901 0 10deg,#FDF1CC 10deg 20deg)}
.rc-card .rs-c-bar{display:none}
.rc-dots{display:flex;gap:5px;margin-top:6px}.rc-dots i{width:22px;height:6px;border-radius:4px;background:#E3EAF2}.rc-dots i.on{background:#007AC3}.rc-dots i.nx{background:#E9A901;animation:rsPulse 2s infinite}
.rs-why{font-style:normal;font-size:12px;color:var(--muted);text-align:center;line-height:1.3;min-height:31px}
[data-theme="dark"] .rc-ring{background:conic-gradient(#3FA9E8 calc(var(--p,0) * 1%),#22476E 0)}

/* ===== v28 · Proyectos ===== */
.mtb-sl{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:2px}
.mtb-sub .chips{display:flex;flex-wrap:wrap;gap:6px}.mtb-sub .pj-edit{margin-left:auto}

/* ===== v28 · Solicitudes: panel con desplazamiento interno ===== */
article.rq .rq-a{background:none;color:inherit}
.rq-main .sec-head{flex-wrap:wrap}.rq-main .mtb{flex:1 1 100%}
.rq-list[data-fit3]{max-height:760px;overflow-y:auto;overscroll-behavior:contain;padding-right:6px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#9CC3E8 transparent;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 36px),transparent)}
.rq-list[data-fit3].at-end{-webkit-mask-image:none;mask-image:none}
.rq-list[data-fit3]::-webkit-scrollbar{width:8px}.rq-list[data-fit3]::-webkit-scrollbar-thumb{background:#9CC3E8;border-radius:8px}
.fit-more{display:flex;justify-content:center;margin-top:8px;font-size:12.5px;font-weight:700;color:#015DAA}

/* ===== v28 · Muro de oración: 2 filas de 4, paginado ===== */
.wall .wp-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
@media (min-width:1200px){.wall .wp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.mu-f .mpg{margin-left:auto}.mu-f>.tip{margin-left:4px}
.mu-foot{display:flex;justify-content:flex-end;margin-top:14px;padding-top:12px;border-top:1px solid var(--line-2)}

/* ===== v28 · Dones y talentos: dos columnas independientes, sin huecos ===== */
.dz-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.dz-col{display:flex;flex-direction:column;gap:22px;min-width:0}
@media (max-width:980px){.dz-cols{grid-template-columns:1fr}}
.dz-col .serve-band{margin:0}
/* cuadrante con escala: el «Tú» se mueve desde el centro según su MI Score */
.quad-pos{position:relative}
.q-scale{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}
.q-rings ellipse{fill:none;stroke:rgba(0,38,75,.28);stroke-width:1.2;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
.q-goal{fill:none;stroke:#015DAA;stroke-width:1.6;stroke-dasharray:5 5;opacity:.45;vector-effect:non-scaling-stroke;animation:qants 1.6s linear infinite}
.q-next{fill:none;stroke:#E9A901;stroke-width:2.5;stroke-dasharray:6 4;vector-effect:non-scaling-stroke;animation:qants 1s linear infinite}
@keyframes qants{to{stroke-dashoffset:-20}}
.q-mark{position:absolute;transform:translate(-50%,-50%);z-index:4;cursor:help}
.q-arbol{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:800;color:#7A5800;transform:translate(-7px,-50%)}.q-arbol i{width:14px;height:14px;border-radius:50%;border:2.5px solid #E9A901;background:#fff;flex:0 0 auto}
.q-star{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#015DAA;color:#fff;font-size:13px;box-shadow:0 0 0 4px rgba(1,93,170,.18)}
.q-me{left:var(--x);top:var(--y);animation:qmove 1.4s cubic-bezier(.2,.8,.2,1) both}
@keyframes qmove{0%{left:50%;top:50%;opacity:0;transform:translate(-50%,-50%) scale(.4)}35%{opacity:1}100%{left:var(--x);top:var(--y);transform:translate(-50%,-50%) scale(1)}}
.q-me .ic{transition:transform .2s}.q-me:hover .ic,.q-me:focus .ic{transform:scale(1.15)}
.q-me em{white-space:nowrap}
.q-pop{position:absolute;left:50%;top:calc(100% + 10px);transform:translate(-50%,6px);width:260px;padding:12px 14px;border-radius:14px;background:#00264B;color:#fff;box-shadow:0 18px 40px -16px rgba(0,38,75,.6);display:flex;flex-direction:column;gap:3px;text-align:left;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:10}
.q-pop::before{content:"";position:absolute;left:50%;top:-6px;width:12px;height:12px;background:#00264B;transform:translateX(-50%) rotate(45deg)}
.q-pop small{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#F6D772;margin-top:4px}.q-pop b{font-size:14px}.q-pop span{font-size:12.5px;line-height:1.4;opacity:.9}
.q-me:hover .q-pop,.q-me:focus .q-pop,.q-me:focus-within .q-pop{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.q-leg{grid-column:2;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.q-leg i{width:18px;height:0;border-top:1.5px dashed rgba(0,38,75,.35)}
.qd.me{position:relative}

.ph-tip{width:22px;height:22px;font-size:12px;vertical-align:middle;margin-left:6px;color:#015DAA;border-color:#9CC3E8;opacity:.9;-webkit-text-fill-color:#015DAA}

/* ===== v29 · Mi agenda: «Nueva actividad» con tipos rápidos ===== */
.phead:has(.na){position:relative;z-index:25}
.na{position:relative;display:flex;align-items:stretch;border-radius:18px;background:linear-gradient(135deg,#007AC3,#015DAA);box-shadow:0 12px 26px -14px rgba(1,93,170,.8);transition:transform .2s,box-shadow .2s}
.na:hover{transform:translateY(-2px);box-shadow:0 18px 30px -14px rgba(1,93,170,.9)}
.na-main{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border:0;background:none;color:#fff;font:inherit;text-align:left;cursor:pointer}
.na-plus{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#E9A901;color:#00264B;transition:transform .3s}
.na:hover .na-plus{transform:rotate(90deg)}
.na-t b{display:block;font-size:15px}.na-t small{display:block;font-size:11.5px;opacity:.8}
.na-dd{position:relative;display:flex}
.na-more{list-style:none;display:grid;place-items:center;width:42px;border-left:1px solid rgba(255,255,255,.25);color:#fff;cursor:pointer;border-radius:0 18px 18px 0}
.na-more::-webkit-details-marker{display:none}.na-more:hover{background:rgba(255,255,255,.12)}
.na-dd[open] .na-more .ic{transform:rotate(180deg)}
.na-panel{position:absolute;right:0;top:calc(100% + 10px);width:300px;padding:10px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 50px -20px rgba(0,38,75,.45);z-index:30;display:flex;flex-direction:column;gap:2px;animation:naIn .18s ease}
@keyframes naIn{from{opacity:0;transform:translateY(-6px)}}
.na-k{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:4px 8px 6px}
.na-it{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;border:0;background:none;font:inherit;text-align:left;color:var(--text);cursor:pointer}
.na-it:hover{background:var(--mist)}.na-it b{display:block;font-size:14px}.na-it small{display:block;font-size:12px;color:var(--muted)}
.na-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);flex:0 0 auto}
.na-foot{font-size:11.5px;color:var(--muted);padding:8px 8px 2px;border-top:1px solid var(--line-2);margin-top:4px}

/* ===== v29 · simulador: marca del valor real ===== */
.sim-tr{position:relative;display:block}
.sim-orig{position:absolute;left:var(--cur);top:50%;width:3px;height:20px;border-radius:2px;background:#00264B;transform:translate(-50%,-50%);pointer-events:none;z-index:1}
.sim-orig::after{content:"real";position:absolute;left:50%;top:-15px;transform:translateX(-50%);font-size:9.5px;font-weight:800;color:var(--muted);letter-spacing:.04em;opacity:0;transition:opacity .2s}
.sim-row.chg .sim-orig::after,.sim-row.back .sim-orig::after{opacity:1}
.sim-row.back{animation:simBack .9s ease}
@keyframes simBack{0%{box-shadow:0 0 0 0 rgba(233,169,1,.6)}100%{box-shadow:0 0 0 10px rgba(233,169,1,0)}}
[data-theme="dark"] .sim-orig{background:#EAF1F8}

/* ===== v29 · Mis cursos: filtros y «según tu perfil» en una sola línea ===== */
.cf2{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-radius:14px;background:#FFF8E3;border:1px solid #F3E2A9}
.cf2 .cf-sel{flex:0 0 auto}.cf2 .cf-sel .select{min-height:34px;padding:5px 28px 5px 10px;font-size:13px;width:124px;background-color:var(--surface)}
.cf2-sep{width:1px;height:24px;background:#EBD58F;margin:0 4px}
.cf2 .chip{min-height:30px;padding:4px 11px;font-size:13px}.cf2 .chip.on{background:#00264B;color:#fff;border-color:#00264B}
.cf2-more{position:relative}.cf2-more summary{list-style:none;cursor:pointer}.cf2-more summary::-webkit-details-marker{display:none}
.chip-more{background:var(--surface);border:1.5px dashed #C9A640;color:#7A5800;font-weight:700}
.cf2-pop{position:absolute;right:0;top:calc(100% + 6px);display:flex;flex-wrap:wrap;gap:6px;width:260px;padding:10px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 40px -18px rgba(0,38,75,.45);z-index:20}
[data-theme="dark"] .cf2{background:#221D0C;border-color:#4A3D12}

.ins-next{padding:12px 14px;border-radius:14px;background:var(--mist)}.ins-next b{font-size:13.5px}

/* ===== v29 · Solicitudes: indicadores con contraste ===== */
.siq-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:1100px){.siq-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.siq-row{grid-template-columns:1fr}}
.siq{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 18px;border-radius:20px;border:0;font:inherit;text-align:left;cursor:pointer;overflow:hidden;color:#fff;transition:transform .2s,box-shadow .2s;min-height:150px}
.siq::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.08)}
.siq:hover{transform:translateY(-3px);box-shadow:0 16px 30px -16px rgba(0,38,75,.6)}
.siq.on{outline:3px solid #E9A901;outline-offset:2px}
.siq-navy{background:linear-gradient(135deg,#00264B,#0B3A66)}.siq-blue{background:linear-gradient(135deg,#015DAA,#007AC3)}
.siq-gold{background:linear-gradient(135deg,#F2BC22,#E9A901);color:#00264B}.siq-light{background:linear-gradient(135deg,#E3F0FA,#CFE3F7);color:#00264B}
.siq small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.siq b{font-size:30px;line-height:1.1}.siq b em{font-style:normal;font-size:14px;font-weight:600;opacity:.8}
.siq-s{font-size:12px;opacity:.85;margin-top:auto}
.siq-ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(currentColor calc(var(--p) * 1%),rgba(255,255,255,.22) 0);position:relative;margin:2px 0;animation:sqSpin 1s ease both}
.siq-gold .siq-ring{background:conic-gradient(#00264B calc(var(--p) * 1%),rgba(0,38,75,.15) 0)}
.siq-ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:inherit;filter:none}
.siq-blue .siq-ring::before{background:#0569B6}.siq-gold .siq-ring::before{background:#EFB51A}
.siq-ring b{position:relative;font-size:15px}
@keyframes sqSpin{from{transform:rotate(-90deg) scale(.7);opacity:0}}
.siq-bars{display:flex;align-items:flex-end;gap:6px;height:30px}.siq-bars i{width:16px;height:var(--h);border-radius:4px;background:rgba(255,255,255,.7);position:relative}
.siq-bars i.lim{background:transparent;border:1.5px dashed rgba(255,255,255,.6)}
.siq-bars i:hover::after{content:attr(data-v);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);font-size:10px;font-weight:700;white-space:nowrap}
.siq-steps{display:flex;gap:4px;width:100%}.siq-steps i{flex:1;height:7px;border-radius:4px;background:rgba(0,38,75,.15)}.siq-steps i.on{background:#015DAA}.siq-steps i.now{background:repeating-linear-gradient(45deg,#E9A901 0 4px,transparent 4px 8px)}
.rq-main .sec-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.seg-tools{display:flex;align-items:center;gap:8px;margin-left:auto}.seg-tools .mtb-q{min-width:240px}.seg-tools .tip{width:22px;height:22px;font-size:11px;margin:0;color:#015DAA}
.seg-tabs{flex:1 1 100%}
@media (max-width:760px){.seg-tools{margin-left:0;width:100%}.seg-tools .mtb-q{flex:1;min-width:0}}

.ph-tip{background:#015DAA;color:#fff;border-color:#015DAA;-webkit-text-fill-color:#fff;opacity:1;box-shadow:0 2px 6px -2px rgba(1,93,170,.6)}
.ph-tip:hover,.ph-tip:focus{background:#00264B;border-color:#00264B}
[data-theme="dark"] .ph-tip{background:#3FA9E8;border-color:#3FA9E8;-webkit-text-fill-color:#00264B;color:#00264B}

/* ===== v29 · anomalías corregidas ===== */
.mi-hero.emp-hero{background:linear-gradient(125deg,#F2BC22,#E9A901);color:#00264B}.mi-hero.emp-hero h1{color:#00264B}.mi-hero.emp-hero p{color:#5C4400}
.mi-hero.emp-hero .mik{background:rgba(255,255,255,.35);border-color:rgba(0,38,75,.12);color:#00264B}.mi-hero.emp-hero .mik small{color:#5C4400;opacity:1}
.eo-h .pill{align-self:flex-start;white-space:nowrap;flex:0 0 auto}

/* ===== v30 · Mi agenda: indicadores que abren su estadística ===== */
button.agk.ind{cursor:pointer;font:inherit;text-align:left;border:0}
button.agk.ind:hover{transform:translateY(-3px);box-shadow:0 14px 26px -14px rgba(0,38,75,.6)}
.agk-more{font-size:11.5px;font-weight:700;margin-top:6px;opacity:.85}.agk.ind:hover .agk-more{opacity:1;text-decoration:underline}
.st-modal{gap:14px}
/* con una ventana abierta, lo que queda debajo no sube por encima al pasar el mouse */
[data-screen]:has([data-modal-wrap]:not([hidden])) [data-tip]:hover{z-index:auto}
[data-screen]:has([data-modal-wrap]:not([hidden])) .main [data-tip]:hover::after,[data-screen]:has([data-modal-wrap]:not([hidden])) .main [data-tip]:hover::before{display:none}
[data-screen]:has([data-modal-wrap]:not([hidden])) .modal [data-tip]:hover::after,[data-screen]:has([data-modal-wrap]:not([hidden])) .modal [data-tip]:hover::before{display:block}
.st-k{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.st-k div{padding:12px;border-radius:14px;background:var(--mist)}.st-k b{display:block;font-size:22px;color:var(--ink)}.st-k small{font-size:12px;color:var(--muted)}
.st-h{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.st-bars{display:flex;align-items:flex-end;gap:14px;height:150px;padding:8px 4px 0;border-bottom:1px solid var(--line)}
.st-b{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
.st-b span{width:100%;max-width:56px;height:var(--h);border-radius:10px 10px 4px 4px;background:#9CC3E8;position:relative;animation:stGrow .8s ease both}
.st-b.now span{background:#007AC3}.st-b b{position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:12px;color:var(--ink);white-space:nowrap}
.st-b small{font-size:12px;color:var(--muted)}
@keyframes stGrow{from{height:0}}
.st-t{width:100%;border-collapse:collapse;font-size:13px}.st-t th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line)}.st-t td{padding:8px;border-bottom:1px solid var(--line-2)}
.st-ws{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.st-w{display:flex;flex-direction:column;align-items:center;gap:4px}.st-w i{width:100%;height:34px;border-radius:8px;background:var(--line)}.st-w.on i{background:#2F8F5B}.st-w.off i{background:#F3C9C0}.st-w.now i{background:repeating-linear-gradient(45deg,#E9A901 0 5px,#FDF1CC 5px 10px)}.st-w small{font-size:11px;color:var(--muted)}
.st-n{font-size:12.5px;color:var(--muted);margin:0}

.cf2-r{display:flex;align-items:center;gap:8px;margin-left:auto;padding-left:14px;border-left:1px solid #EBD58F;flex-wrap:wrap}
@media (max-width:760px){.cf2-r{margin-left:0;padding-left:0;border-left:0}}

/* ===== v30 · Proyectos: indicadores con fondo propio ===== */
.ink-row .ink{background:linear-gradient(140deg,color-mix(in srgb,var(--tone) 12%,var(--surface)),var(--surface) 75%);border-color:color-mix(in srgb,var(--tone) 22%,var(--line))}
.ink-row .ink .ink-ic{background:var(--tone);color:#fff}.ink-row .ink-y .ink-ic{color:#00264B}
/* ===== v30 · Oportunidades: tarjetas con fondo propio ===== */
.op{background:linear-gradient(180deg,#F1F7FD,var(--surface) 55%);border-color:#D6E2EE;position:relative;overflow:hidden}
.op::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,#007AC3,#015DAA)}
.op:hover{border-color:#9CC3E8;box-shadow:0 12px 24px -18px rgba(0,38,75,.5)}
[data-theme="dark"] .op{background:linear-gradient(180deg,#123355,var(--surface) 55%)}

/* ===== v30 · Muro: alcance de la petición ===== */
.alc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.alc-b{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);font:inherit;text-align:left;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s}
.alc-b .ic{color:#015DAA;margin-bottom:4px}.alc-b b{font-size:13.5px}.alc-b small{font-size:11.5px;color:var(--muted)}
.alc-b:hover{border-color:#9CC3E8}.alc-b.on{border-color:#007AC3;background:#EEF6FC;box-shadow:0 0 0 3px rgba(0,122,195,.12)}
.alc-sel{margin-top:8px}
.pf-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:560px){.alc,.pf-2{grid-template-columns:1fr}}
[data-theme="dark"] .alc-b.on{background:#0F2E4C}

/* ===== v31 · Oficina: centro de operaciones por perfil ===== */
.ofc-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;align-items:center;padding:26px 28px;border-radius:24px;color:#fff;position:relative;overflow:hidden}
.ofc-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.06)}
.ofc-navy{background:linear-gradient(125deg,#00264B,#0B3A66 60%,#015DAA)}.ofc-deep{background:linear-gradient(125deg,#001A35,#00264B 55%,#0B3A66)}
.ofc-blue{background:linear-gradient(125deg,#015DAA,#007AC3)}.ofc-gold{background:linear-gradient(125deg,#F2BC22,#E9A901);color:#00264B}
.ofc-hl h1{color:inherit;margin:6px 0 4px;font-size:34px}.ofc-hl h1 em{color:#9CD3F7;font-style:normal}.ofc-gold .ofc-hl h1 em{color:#015DAA}
.ofc-hl p{margin:0;opacity:.85;font-size:14px;max-width:560px}.ofc-gold .eyebrow{color:#00264B}
.ofc-role{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:rgba(255,255,255,.14);font-size:12px;font-weight:700;margin-bottom:8px}
.ofc-role i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#E9A901;color:#00264B;font-style:normal}.ofc-gold .ofc-role{background:rgba(0,38,75,.12)}.ofc-gold .ofc-role i{background:#00264B;color:#F6D772}
.ofc-act{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.ofc-kp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;position:relative;z-index:1}
.ofc-kk{padding:14px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}.ofc-gold .ofc-kk{background:rgba(255,255,255,.35);border-color:rgba(0,38,75,.12)}
.ofc-kk b{display:block;font-size:24px;line-height:1.1}.ofc-kk small{font-size:12px;opacity:.8}
.ofc-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start}
.ofc-card{padding:18px 20px;border-radius:20px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px;min-width:0}
.ofc-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ofc-h h2{font-size:18px;margin:0}
.ofc-cnt{margin-left:auto;font-size:12.5px;color:var(--muted)}.ofc-cnt b{color:#2F8F5B;font-size:14px}
.ofc-tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ofc-t{display:grid;grid-template-columns:30px 34px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;border:1px solid var(--line-2);background:var(--surface);transition:background .2s,opacity .2s}
.ofc-t.late{border-color:#F3C9C0;background:#FFF6F3}.ofc-t.late .ofc-when{color:#B42318;font-weight:700}
.ofc-chk{width:28px;height:28px;border-radius:50%;border:2px solid #9CC3E8;background:var(--surface);display:grid;place-items:center;color:transparent;cursor:pointer;transition:all .2s}
.ofc-chk:hover{border-color:#007AC3;color:#9CC3E8}
.ofc-t.done{background:#F1FAF5;border-color:#CBE9D8;opacity:.8}.ofc-t.done .ofc-chk{background:#2F8F5B;border-color:#2F8F5B;color:#fff;transform:scale(1.05)}.ofc-t.done .ofc-tt b{text-decoration:line-through}
.ofc-ti{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--mist);color:#015DAA;flex:0 0 auto}
.ofc-tt b{display:block;font-size:14px}.ofc-tt small{font-size:12px;color:var(--muted)}.ofc-when{font-size:12.5px;color:var(--muted);white-space:nowrap}
.ofc-why .ofc-fun{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px}
.ofc-fun>div{padding:10px;border-radius:12px;background:var(--mist);display:flex;flex-direction:column;gap:2px;position:relative}
.ofc-fun>div:not(:last-child)::after{content:"›";position:absolute;right:-6px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:800;z-index:1}
.ofc-fun b{font-size:22px;color:var(--ink)}.ofc-fun span{font-size:12.5px;font-weight:700}.ofc-fun small{font-size:11px;color:var(--muted)}
.ofc-fun .hot{background:#FFF1E6;box-shadow:inset 0 0 0 1.5px #F2B48C}.ofc-fun .ok{background:#E8F5EE}
.ofc-tipx{display:flex;gap:8px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:12px;background:#FFF8E3;color:#5C4400;font-size:13px}.ofc-tipx .ic{color:#E9A901;flex:0 0 auto;margin-top:2px}
.ofc-main{display:flex;flex-direction:column;gap:14px}
.ofc-pane{display:flex;flex-direction:column;gap:12px}
.ofc-mis-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.ofc-mis{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#F4F9FD,var(--surface) 40%)}
.ofc-mis header{display:flex;align-items:center;gap:10px}.ofc-mis header div{flex:1;min-width:0}.ofc-mis header b{display:block}.ofc-mis header small{font-size:12px;color:var(--muted)}
.ofc-mis-st small,.ofc-e header small,.ofc-tool small{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ofc-st{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}
.ofc-st::before{content:"";position:absolute;left:10%;right:10%;top:7px;height:3px;background:var(--line)}
.ofc-st li{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;cursor:help}
.ofc-st i{width:16px;height:16px;border-radius:50%;background:var(--surface);border:3px solid #C9D6E4}
.ofc-st li.done i{background:#007AC3;border-color:#007AC3}.ofc-st li.now i{background:#E9A901;border-color:#E9A901;box-shadow:0 0 0 4px rgba(233,169,1,.25);animation:rsPulse 2s infinite}
.ofc-st span{font-size:10.5px;color:var(--muted);font-weight:600}.ofc-st li.now span{color:var(--ink);font-weight:800}
.ofc-bar{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font-size:12.5px}.ofc-bar b{font-size:13px}.ofc-bar b small{color:var(--muted);font-weight:600}
.ofc-bar>i{grid-column:1/-1;height:6px;border-radius:6px;background:var(--line-2);overflow:hidden}.ofc-bar>i i{display:block;height:100%;background:#007AC3;border-radius:6px}.ofc-bar.y>i i{background:#E9A901}
.ofc-mis-b{display:flex;flex-direction:column;gap:6px}
.ofc-mis-f{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted)}.ofc-mis-f span{display:inline-flex;align-items:center;gap:4px}.ofc-mis-f b{color:var(--ink)}
.ofc-al{flex-basis:100%;padding:6px 10px;border-radius:10px;background:#FFF6F3;color:#B42318 !important;font-weight:600}
.ofc-tool{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:#FFF8E3;border:1px solid #F3E2A9}.ofc-tool div{flex:1;min-width:0}.ofc-tool b{display:block;font-size:13px}.ofc-tool .ofc-ti{background:#E9A901;color:#00264B}
.ofc-mis footer{display:flex;gap:6px;flex-wrap:wrap}
.ofc-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ofc-feed li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line-2)}.ofc-feed li div b{display:block;font-size:13.5px}.ofc-feed li span{font-size:12.5px;color:var(--muted)}.ofc-feed em{font-style:normal;font-weight:700;color:#015DAA}
.ofc-feed li.warn em{color:#B42318}.ofc-feed small{font-size:12px;color:var(--muted);white-space:nowrap}
.ofc-tg{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.ofc-tl2{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:inherit;text-decoration:none;transition:transform .2s,border-color .2s}
a.ofc-tl2:hover{transform:translateY(-2px);border-color:#007AC3}.ofc-tl2 b{font-size:14px}.ofc-tl2 small{font-size:12px;color:var(--muted)}
.ofc-mg{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.ofc-m{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:inherit;text-decoration:none;overflow:hidden;transition:transform .2s,box-shadow .2s}
.ofc-m::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--fc)}
.ofc-m:hover{transform:translateY(-2px);box-shadow:0 12px 24px -16px rgba(0,38,75,.5)}
.ofc-mi{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--fc) 14%,transparent);color:var(--fc);flex:0 0 auto}
.ofc-m b{display:block;font-size:14px}.ofc-m small{display:block;font-size:12px;color:var(--muted)}
.ofc-m em{position:absolute;right:10px;top:8px;font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--fc);opacity:.8}
.ofc-f-agenda{--fc:#007AC3}.ofc-f-crec{--fc:#015DAA}.ofc-f-serv{--fc:#C48E00}.ofc-f-com{--fc:#3FA9E8}.ofc-f-min{--fc:#00264B}
.ofc-leg{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:11.5px;color:var(--muted);flex-wrap:wrap}.ofc-leg i{width:10px;height:10px;border-radius:3px;background:var(--fc);display:inline-block;margin-right:-6px}
.ofc-tw{overflow-x:auto;border:1px solid var(--line);border-radius:16px}
.ofc-tab{width:100%;border-collapse:collapse;font-size:13.5px;min-width:720px}.ofc-tab th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:10px 12px;background:var(--mist)}
.ofc-tab td{padding:10px 12px;border-top:1px solid var(--line-2);vertical-align:middle}.ofc-tab .ofc-st{min-width:220px;margin:0}
.ofc-ml{display:flex;flex-direction:column;gap:8px}.ofc-mr{display:grid;grid-template-columns:auto minmax(160px,1fr) minmax(240px,1.5fr) auto;gap:14px;align-items:center;padding:10px 12px;border-radius:14px;border:1px solid var(--line-2)}
.ofc-mr-t b{display:block}.ofc-mr-t small{font-size:12px;color:var(--muted)}
.ofc-esc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ofc-esc li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid var(--line-2);flex-wrap:wrap}
.ofc-esc li div{flex:1;min-width:180px}.ofc-esc b{display:block;font-size:14px}.ofc-esc small{display:block;font-size:12px;color:var(--muted)}
.ofc-ofg{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}
.ofc-of{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#FFF8E3,var(--surface) 45%)}
.ofc-of header{display:flex;gap:10px;align-items:flex-start}.ofc-of header div{flex:1}.ofc-of header b{display:block}.ofc-of header small{font-size:12px;color:var(--muted)}
.ofc-pipe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.ofc-pipe div{padding:8px;border-radius:10px;background:var(--mist);text-align:center}.ofc-pipe b{display:block;font-size:18px}.ofc-pipe span{font-size:11px;color:var(--muted)}
.ofc-of footer,.ofc-e footer{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ofc-est{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.ofc-e{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:18px;border:1px solid var(--line);background:var(--surface)}
.ofc-e header{display:flex;align-items:center;gap:10px}.ofc-e header div{flex:1;min-width:0}.ofc-e header b{display:block}
.ofc-e .lp span{width:34px;height:34px;font-size:12.5px}.ofc-e .ls-path::before{top:16px}
.ofc-who .ofc-p{display:flex;gap:12px;align-items:center}.ofc-p b{display:block}.ofc-p small{font-size:12.5px;color:var(--muted)}.ofc-act2{display:flex;gap:8px;flex-wrap:wrap}
.ofc-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ofc-quick .ofc-qg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ofc-q{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;border-radius:16px;border:1.5px solid var(--line);background:var(--surface);font:inherit;text-align:left;color:var(--text);cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}
.ofc-q:hover{transform:translateY(-2px);border-color:var(--c);box-shadow:0 10px 22px -16px var(--c)}
.ofc-qi{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--c);color:#fff;margin-bottom:6px}.ofc-q b{font-size:14px}.ofc-q small{font-size:12px;color:var(--muted)}
.ofc-week{display:flex;flex-direction:column;gap:6px;padding-top:6px;border-top:1px solid var(--line-2)}.ofc-week>small{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ofc-kp2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ofc-kp2 div{padding:12px;border-radius:14px;background:var(--mist)}.ofc-kp2 b{display:block;font-size:20px}.ofc-kp2 small{font-size:12px;color:var(--muted)}
.ofc-cfg{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;padding:14px;border-radius:16px;border:1.5px dashed #9CC3E8;background:var(--mist)}.ofc-cfg>div{flex:1 1 260px}.ofc-cfg b{display:block}.ofc-cfg small{font-size:12px;color:var(--muted)}
.ofc-cfg-n{display:flex;align-items:center;gap:6px}.ofc-cfg-n .input{width:80px}
.ofc-row3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:1100px){.ofc-hero,.ofc-row,.ofc-cfg{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;padding:14px;border-radius:16px;border:1.5px dashed #9CC3E8;background:var(--mist)}.ofc-cfg>div{flex:1 1 260px}.ofc-cfg b{display:block}.ofc-cfg small{font-size:12px;color:var(--muted)}
.ofc-cfg-n{display:flex;align-items:center;gap:6px}.ofc-cfg-n .input{width:80px}
.ofc-row3{grid-template-columns:1fr}}
@media (max-width:640px){.ofc-hl h1{font-size:26px}.ofc-t{grid-template-columns:30px minmax(0,1fr) auto}.ofc-t .ofc-ti{display:none}.ofc-t .btn{grid-column:2/-1;justify-self:start}.ofc-mr{grid-template-columns:auto 1fr}.ofc-mr .ofc-st{grid-column:1/-1}.ofc-2,.ofc-kp2{grid-template-columns:1fr}.ofc-leg{display:none}}
[data-theme="dark"] .ofc-t.late{background:#2A1712;border-color:#5C2A1F}[data-theme="dark"] .ofc-t.done{background:#0F2B1F;border-color:#1F5A3D}[data-theme="dark"] .ofc-mis{background:linear-gradient(180deg,#123355,var(--surface) 40%)}
[data-theme="dark"] .ofc-tool,[data-theme="dark"] .ofc-tipx{background:#221D0C;border-color:#4A3D12;color:#F3DFA0}[data-theme="dark"] .ofc-of{background:linear-gradient(180deg,#221D0C,var(--surface) 45%)}

/* «Mi oficina» resalta en el menú: es el centro de operaciones */
.nav-item[data-go^="of"],.nav-item[data-go="mision"]:not(.sub){font-weight:700}

.ofc-tool{flex-wrap:wrap}.ofc-tool>div{flex:1 1 160px}.ofc-tool .btn{margin-left:auto}
.ofc-m em{display:none}
@media (max-width:640px){.rq-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.rq-kpis .rqk{padding:12px}}

.sec-head .mtb{flex:1 1 100%}

.wp-ans{background:linear-gradient(180deg,#EAF7F0,var(--surface) 60%);border-color:#BFE3CF}
.testi{padding:14px 16px;border-radius:14px;background:#EAF7F0;border:1px solid #BFE3CF;display:flex;flex-direction:column;gap:6px}.testi small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#19784F}.testi p{margin:0}

.wg-note{grid-column:1/-1;display:flex;gap:8px;align-items:center;margin:0;padding:8px 12px;border-radius:12px;background:var(--mist);font-size:12.5px;color:var(--muted)}


/* logos */
.mi-logo{display:block;width:131px;height:44px;background:url("../img/logo-blanco.svg") left center/contain no-repeat}
.mi-logo-c{display:block;background:url("../img/logo.svg") left center/contain no-repeat}