/* MASTER INDUSTRIA — material de capacitaciones
   Portal del participante y páginas de los enlaces de correo.
   Diseño para celular (390 px) primero; columna de 760 px en escritorio. */

@font-face{font-family:'Barlow';src:url('/site/fonts/Barlow-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url('/site/fonts/Barlow-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('/site/fonts/BarlowCondensed-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{
  --navy:#0B1F33;--navy-2:#102B45;--navy-3:#1A3A57;--abismo:#040d16;--hondo:#071624;
  --texto:#FFFFFF;--texto-2:rgba(214,228,232,.78);--gris:rgba(214,228,232,.62);--gris-2:rgba(214,228,232,.44);--gris-3:rgba(214,228,232,.30);
  --borde:rgba(214,228,232,.12);--borde-2:rgba(214,228,232,.08);--fondo:rgba(4,13,22,.6);--blanco:#071624;
  --oro:#FAAF42;--oro-2:#F8C460;--azul:#2B9FFD;--enlace:#4DB0FF;--azul-osc:#8CCBFF;--azul-claro:rgba(43,159,253,.13);
  --ambar:#F8C460;--ambar-claro:rgba(250,175,66,.12);--ambar-medio:#F8C77A;
  --verde:#2E9E6A;--verde-osc:#7FD8AA;--verde-claro:rgba(46,158,106,.16);
  --rojo:#F07258;--rojo-fondo:#C2412A;--rojo-claro:rgba(227,95,70,.15);
  --ancho:820px;
  --cond:'Barlow Condensed','Barlow','Arial Narrow',sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--fondo);color:var(--texto);
  font-family:'Barlow','Helvetica Neue',Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--enlace)}
a:hover{color:var(--texto)}
:focus-visible{outline:3px solid var(--azul);outline-offset:2px}
[hidden]{display:none!important}
.ico{flex:none;display:block}
.tit:focus,.ev-enunciado:focus,.ev-puntaje:focus{outline:none}

.saltar{position:absolute;left:-10000px;top:8px;z-index:50;padding:10px 14px;border-radius:0;background:var(--blanco);color:var(--texto);font-weight:700}
.saltar:focus{left:16px}
.sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.aviso-js{margin:0 0 20px;padding:14px 16px;border-radius:0;background:var(--ambar-claro);color:var(--ambar);font-weight:600}

/* ─── Cabecera, franja y pestañas ─────────────────────────────── */
.pestanas{position:sticky;top:0;z-index:20;flex:none;background:var(--blanco);border-bottom:1px solid var(--borde)}
.pestanas-in{max-width:var(--ancho);margin:0 auto;display:flex;gap:4px;padding:0 8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pestanas-in::-webkit-scrollbar{display:none}
.pestanas a{flex:none;height:44px;padding:0 12px;display:flex;align-items:center;font-size:15px;font-weight:600;color:var(--gris);text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}
.pestanas a:hover{color:var(--texto)}
.pestanas a[aria-current="page"]{font-weight:700;color:var(--texto);border-bottom-color:var(--oro)}

/* ─── Contenedor y vistas ─────────────────────────────────────── */
.cont{width:100%;max-width:var(--ancho);margin:0 auto;padding:24px 20px 32px;flex:1 0 auto}
.vista{display:flex;flex-direction:column;gap:24px}
.js .vista{display:none}
.js .vista.activa{display:flex}
.vista + .vista{margin-top:48px}
.js .vista + .vista{margin-top:0}
#inicio{gap:28px}
[id]{scroll-margin-top:56px}

.volver{align-self:flex-start;min-height:44px;margin:-16px 0 -12px;padding:0;display:inline-flex;align-items:center;gap:6px;
  border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--enlace);text-decoration:none;cursor:pointer}
.volver:hover{color:var(--texto)}
.vista-cab{display:flex;flex-direction:column;gap:8px}
.ante{margin:0;font-size:13px;line-height:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--enlace)}
.ante-gris{margin:0;font-size:13px;line-height:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.ante.ante-gris{font-size:13px;line-height:18px;letter-spacing:.06em;color:var(--gris)}
.tit{margin:0;font-family:var(--cond);font-size:30px;line-height:34px;font-weight:700;letter-spacing:.005em}
.lead{margin:0;font-size:16px;line-height:24px;color:var(--texto-2)}
#inicio .lead{font-size:17px;line-height:25px;margin-top:2px}
.sub{margin:0;font-family:var(--cond);font-size:22px;line-height:28px;font-weight:700}
.sec{margin:0;font-size:16px;line-height:24px;color:var(--texto-2)}
.nota{margin:0;font-size:14px;line-height:20px;color:var(--gris)}
.centro{text-align:center}

/* ─── Botones ─────────────────────────────────────────────────── */
.botones{display:flex;flex-direction:column;gap:12px;margin-top:-14px}
.btn-p[disabled],.btn-g[disabled],.btn-p[aria-disabled="true"],.btn-g[aria-disabled="true"]{opacity:.6;cursor:progress}
.btn-resp .ico{transition:transform .15s}
.btn-resp[aria-expanded="true"] .ico{transform:rotate(180deg)}

/* ─── Inicio ──────────────────────────────────────────────────── */
.caja-navy{padding:20px;border-radius:0;background:var(--navy);color:#fff;display:flex;flex-direction:column;gap:14px}
.caja-navy p{margin:0;font-size:16px;line-height:24px;color:var(--texto-2)}
.caja-navy .tarjeta-tit{color:#fff}
.ico-caja{width:40px;height:40px;flex:none;border-radius:0;display:flex;align-items:center;justify-content:center}
.ico-navy{background:var(--navy-2)}
.ico-ambar{background:var(--ambar-claro)}
.ico-verde{background:var(--verde-claro)}
.pildoras{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.pildoras li{height:30px;padding:0 12px;border-radius:0;background:var(--navy-2);border:1px solid var(--navy-3);display:flex;align-items:center;font-size:14px;font-weight:700}
.caja-repasos{padding:18px;gap:12px}
.caja-navy .caja-tit{display:flex;align-items:center;gap:10px;font-size:17px;line-height:24px;font-weight:700;color:#fff}

.bloque{display:flex;flex-direction:column;gap:12px}
.bloque-cab{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.bloque-cab a{min-height:44px;display:flex;align-items:center;font-size:15px;font-weight:600;color:var(--enlace)}
.lista-temas{margin:0;padding:0;list-style:none;background:var(--blanco);border:1px solid var(--borde);border-radius:0;overflow:hidden}
.lista-temas li + li{border-top:1px solid var(--borde-2)}
.lista-temas a{min-height:56px;padding:12px 16px;display:flex;align-items:center;gap:12px;color:var(--texto);text-decoration:none}
.lista-temas a:hover{background:rgba(250,175,66,.06)}
.lista-temas a > span:not(.ins){flex:1;font-size:16px;line-height:22px;font-weight:600}
.ins{width:44px;height:32px;flex:none;border-radius:0;background:var(--azul-claro);color:var(--azul-osc);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700}
.ins-intro{font-size:13px}
.ins-verde{background:var(--verde-claro);color:var(--verde-osc)}

/* ─── Tarjetas ────────────────────────────────────────────────── */
.tarjeta{padding:16px 18px;border-radius:0;background:var(--blanco);border:1px solid var(--borde);display:flex;flex-direction:column;gap:8px}
.tarjeta-tit{margin:0;display:flex;align-items:center;gap:8px;font-size:16px;line-height:22px;font-weight:700}
.tarjeta-tit-g{gap:12px;font-family:var(--cond);font-size:22px;line-height:28px}
.tarjeta-cert{padding:20px;border-radius:0;gap:12px}
.tarjeta-cert :is(.btn-p,.btn-g){margin-top:4px}

/* ─── Temas ───────────────────────────────────────────────────── */
.tarjetas-temas{margin:-4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.tarjeta-tema{padding:16px;color:var(--texto);text-decoration:none;gap:8px;height:100%}
.tarjeta-tema:hover{border-color:var(--gris-3);color:var(--texto)}
.tt-cab{display:flex;align-items:flex-start;gap:12px}
.tt-tit{flex:1;font-size:18px;line-height:24px;font-weight:700}
.tt-idea{font-size:15px;line-height:22px;color:var(--texto-2)}
.tt-etq{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.etq-herr{height:28px;padding:0 10px;border-radius:0;background:var(--ambar-claro);color:var(--ambar);display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700}

.vista > .volver:first-child{margin-top:-16px}
.volver + .vista-cab{margin-top:-12px}
.idea{padding:16px 18px;border-radius:0;background:var(--blanco);border:1px solid var(--borde);border-left:6px solid var(--azul);display:flex;flex-direction:column;gap:6px}
.idea .ante{letter-spacing:.08em}
.idea p:not(.ante){margin:0;font-size:17px;line-height:25px;font-weight:700}

.corte{margin:0;display:flex;flex-direction:column;gap:12px}
.corte-flecha{position:relative;height:14px;margin-bottom:-4px}
.corte-flecha::before{content:"";position:absolute;left:0;right:10px;top:6px;height:2px;background:var(--gris)}
.corte-flecha::after{content:"";position:absolute;right:0;top:1px;border-left:12px solid var(--gris);border-top:6px solid transparent;border-bottom:6px solid transparent}
.corte-capas{display:flex;height:72px}
.corte-capas span{display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;line-height:18px;font-weight:700}
.c-gas{flex:0 0 33.7%;background:var(--ambar-claro);color:var(--ambar);border-radius:0 0 0 8px}
.c-hollin{flex:0 0 6.3%;background:var(--navy-3)}
.c-pared{flex:0 0 14.9%;background:var(--gris-3)}
.c-incr{flex:0 0 6.3%;background:var(--ambar-medio)}
.c-agua{flex:1 1 auto;background:var(--azul-claro);color:var(--azul-osc);border-radius:0 8px 8px 0}
.leyenda{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:20px}
.leyenda li{display:flex;align-items:center;gap:10px}
.leyenda i{width:16px;height:16px;flex:none;border-radius:0}
.corte .nota{font-size:15px;line-height:22px;color:var(--texto-2)}

.desarrollo{display:flex;flex-direction:column;gap:16px}
.desarrollo p{margin:0;font-size:16px;line-height:24px}
.aviso{padding:14px 16px;border-radius:0;background:var(--ambar-claro);display:flex;gap:12px;align-items:flex-start}
.aviso .ico{margin-top:1px}
.aviso p{margin:0}
.aviso b{color:var(--ambar)}
.pasos{margin:0;padding:0;list-style:none;counter-reset:paso;display:flex;flex-direction:column;gap:10px}
.pasos li{counter-increment:paso;position:relative;padding:12px 14px 12px 52px;border-radius:0;background:var(--blanco);border:1px solid var(--borde);font-size:16px;line-height:24px}
.pasos li::before{content:counter(paso);position:absolute;left:14px;top:12px;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;line-height:1}

/* Tablas: en celular cada fila es una ficha con sus etiquetas. */
.tabla table{width:100%;border-collapse:collapse}
.tabla thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tabla tbody,.tabla tr,.tabla th,.tabla td{display:block}
.tabla tbody{display:flex;flex-direction:column;gap:10px}
.tabla tr{padding:12px 14px;border-radius:0;background:var(--blanco);border:1px solid var(--borde)}
.tabla th,.tabla td{text-align:left;font-size:15px;line-height:22px}
.tabla th{font-size:16px;font-weight:700}
.tabla td{margin-top:8px;color:var(--texto-2)}
.tabla [data-etq]::before{content:attr(data-etq);display:block;margin-bottom:2px;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}

.razonar{gap:12px}
.pregunta{margin:0;font-size:17px;line-height:25px}
.respuesta{padding:14px 16px;border-radius:0;border:1px dashed var(--gris-3);background:var(--fondo);font-size:15px;line-height:22px}
.respuesta p{margin:0}
.respuesta a{display:inline-flex;align-items:center;min-height:44px;margin-bottom:-10px;font-weight:600}
.tarjeta-herr,.tarjeta-3d{border-top:4px solid var(--oro);gap:10px}
.tarjeta-3d{border-top-color:var(--azul)}
.tarjeta-herr .sec,.tarjeta-3d .sec{font-size:15px;line-height:22px}
.tarjeta-herr :is(.btn-p,.btn-g){margin-top:4px}
.marco3d{position:relative;width:100%;aspect-ratio:4/3;max-height:70vh;border-radius:0;overflow:hidden;background:var(--navy)}
.marco3d iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.terminos{display:flex;flex-direction:column;gap:10px}
.chips{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.chips li{min-height:34px;padding:6px 12px;border-radius:0;background:var(--blanco);border:1px solid var(--borde);display:flex;align-items:center;font-size:14px;line-height:18px;font-weight:600}
.profundizar{display:flex;flex-direction:column;gap:10px}
.profundizar ul{margin:0;padding:0;list-style:none;background:var(--blanco);border:1px solid var(--borde);border-radius:0;overflow:hidden}
.profundizar li + li{border-top:1px solid var(--borde-2)}
.profundizar a{min-height:56px;padding:10px 16px;display:flex;flex-direction:column;justify-content:center;gap:2px;color:var(--texto);text-decoration:none;font-size:15px;line-height:21px;font-weight:600}
.profundizar a:hover{background:rgba(250,175,66,.06)}
.profundizar small{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--enlace)}
.otros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.otro{min-height:64px;padding:10px 12px;border-radius:0;background:var(--blanco);border:1px solid var(--borde);color:var(--texto);text-decoration:none;display:flex;flex-direction:column;gap:2px}
.otro:hover{border-color:var(--gris-3);color:var(--texto)}
.otro > span:last-child{font-size:15px;line-height:20px;font-weight:600}
.otro-k{display:flex;align-items:center;gap:4px;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--enlace)}
.otro-sig{grid-column:2;align-items:flex-end;text-align:right}

/* ─── Herramientas ────────────────────────────────────────────── */
.tarjeta-tool{padding:16px;gap:8px}
.tarjeta-tool .tarjeta-tit{font-size:18px;line-height:24px}
.tool-cab{display:flex;align-items:center;gap:12px}
.tool-cab .tarjeta-tit{flex:1}
.tool-cerrar{min-width:44px;min-height:44px;padding:0 6px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:var(--enlace);text-decoration:none}
.tool-abrir{margin-top:4px}
.tarjeta-tool.abierta{border-top:4px solid var(--oro);gap:12px}
.tarjeta-calc.abierta{border-top-color:var(--verde)}
.tool-cuerpo{display:flex;flex-direction:column;gap:14px;margin-top:4px}
.tool-cargando{font-size:15px;color:var(--gris)}
.lista-descargas{margin:0;padding:0;list-style:none;background:var(--blanco);border:1px solid var(--borde);border-radius:0;overflow:hidden}
.lista-descargas li + li{border-top:1px solid var(--borde-2)}
.lista-descargas a{min-height:64px;padding:12px 16px;display:flex;align-items:center;gap:12px;color:var(--texto);text-decoration:none}
.lista-descargas a:hover{background:rgba(250,175,66,.06)}
.lista-descargas a > span{flex:1;display:flex;flex-direction:column}
.lista-descargas b{font-size:16px;line-height:22px;font-weight:600}
.lista-descargas small{font-size:13px;line-height:18px;color:var(--gris)}

/* Controles comunes de las herramientas */
.h-ctrl{display:flex;flex-direction:column;gap:6px}
.h-ctrl label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:15px;line-height:20px;font-weight:600}
.h-ctrl output{font-variant-numeric:tabular-nums;font-weight:700;color:var(--texto)}
.h-rango{width:100%;height:44px;margin:0;background:transparent;accent-color:var(--texto);cursor:pointer}
.h-figura{border-radius:0;background:var(--fondo);border:1px solid var(--borde-2);overflow:hidden}
.h-figura svg{display:block;width:100%;height:auto}
.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kpi{padding:12px 14px;border-radius:0;background:var(--fondo);display:flex;flex-direction:column;gap:2px;min-width:0}
.kpi small{font-size:13px;line-height:18px;font-weight:700;color:var(--gris)}
.kpi b{font-size:24px;line-height:30px;font-weight:700;font-variant-numeric:tabular-nums}
.kpi.ok{background:var(--verde-claro)} .kpi.ok small{color:var(--verde-osc)}
.kpi.warn{background:var(--ambar-claro)} .kpi.warn small{color:var(--ambar)}
.kpi.bad{background:var(--rojo-claro)} .kpi.bad small{color:var(--rojo)}
.medidor{display:flex;flex-direction:column;gap:6px}
.medidor-tit{font-size:14px;line-height:20px;font-weight:700;color:var(--gris)}
.medidor-barra{position:relative;height:14px;border-radius:0;background:linear-gradient(90deg,#9BD3B5 0 45%,#F8C77A 45% 70%,#E89A8A 70%)}
.medidor-barra i{position:absolute;top:-5px;width:4px;height:24px;margin-left:-2px;border-radius:0;background:var(--navy);transition:left .2s}
.medidor-esc{display:grid;grid-template-columns:45fr 25fr 30fr;gap:4px;font-size:12px;line-height:16px;color:var(--gris)}
.medidor-esc span:last-child{text-align:right}
.medidor-esc span:nth-child(2){text-align:center}
.h-leyenda{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;line-height:18px;color:var(--texto-2)}
.h-leyenda li{display:flex;align-items:center;gap:6px}
.h-leyenda i{width:12px;height:12px;border-radius:0;flex:none}

/* Lista de verificación */
.seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:0;background:var(--fondo)}
.seg button{min-height:52px;padding:6px 4px;border:0;border-radius:0;background:transparent;color:var(--gris);font:inherit;font-size:15px;line-height:18px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}
.seg button small{font-size:12px;line-height:15px;font-weight:600}
.seg button[aria-selected="true"]{background:var(--blanco);color:var(--texto);box-shadow:inset 0 0 0 1px var(--oro)}
.chk-guia{margin:0;font-size:14px;line-height:20px;color:var(--gris)}
.chk-lista{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.chk{padding:12px;border-radius:0;border:1px solid var(--borde);background:var(--blanco);display:flex;flex-direction:column;gap:10px}
.chk-t{display:flex;flex-direction:column;gap:2px}
.chk-t b{font-size:16px;line-height:22px}
.chk-t span{font-size:14px;line-height:20px;color:var(--texto-2)}
.crit{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:0;background:var(--rojo-claro);color:var(--rojo);font-size:11px;line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;vertical-align:2px}
.chk-est{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.chk-est button{min-height:44px;border:1px solid var(--gris-3);border-radius:0;background:var(--blanco);color:var(--texto);font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.chk-est button[aria-pressed="true"]{background:var(--navy);border-color:var(--texto);color:#fff}
.chk-est button[data-v="NC"][aria-pressed="true"],.chk-est button[data-v="SV"][aria-pressed="true"]{background:var(--rojo-fondo);border-color:var(--rojo-fondo)}
.chk-est button[data-v="C"][aria-pressed="true"]{background:var(--verde);border-color:var(--verde)}
.veredicto{padding:14px 16px;border-radius:0;display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:22px;font-weight:700}
.veredicto i{width:14px;height:14px;margin-top:4px;flex:none;border-radius:50%}
.veredicto small{display:block;margin-top:2px;font-size:14px;line-height:20px;font-weight:400}
.veredicto.alto{background:var(--rojo-claro);color:var(--rojo)} .veredicto.alto i{background:var(--rojo)}
.veredicto.espera{background:var(--ambar-claro);color:var(--ambar)} .veredicto.espera i{background:#E0A030}
.veredicto.sigue{background:var(--verde-claro);color:var(--verde-osc)} .veredicto.sigue i{background:var(--verde)}
.veredicto small{color:var(--texto-2)}
.regla{padding:12px 14px;border-radius:0;background:var(--fondo);font-size:14px;line-height:20px;color:var(--texto-2)}
.regla b{color:var(--texto)}
.btn-texto{align-self:flex-start;min-height:44px;padding:0;border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--enlace);cursor:pointer;text-decoration:underline}

/* Calculadora */
.calc-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.calc-campos .campo input{font-size:18px;font-weight:700}
.calc-dif{margin:0;font-size:15px;line-height:22px;color:var(--texto-2)}
.calc-dif b{color:var(--texto)}
.calc-res{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.calc-res div{padding:12px 14px;border-radius:0;background:var(--verde-claro);display:flex;flex-direction:column;gap:2px;min-width:0}
.calc-res small{font-size:13px;line-height:18px;font-weight:700;color:var(--verde-osc)}
.calc-res b{font-size:26px;line-height:32px;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.calc-res.ahorro div{background:var(--azul-claro)}
.calc-res.ahorro small{color:var(--azul-osc)}

/* ─── Formularios ─────────────────────────────────────────────── */
.form{margin:0;display:flex;flex-direction:column;gap:18px}
.campo{display:flex;flex-direction:column;gap:6px;min-width:0}
.campo label{font-size:15px;line-height:20px;font-weight:600}
.campo .ayuda{margin:-4px 0 0;font-size:13px;line-height:18px;color:var(--gris)}
.campo input + .ayuda{margin-top:0}
.campo input,.campo textarea,.campo select{width:100%;height:48px;padding:0 14px;border:1px solid var(--gris-3);border-radius:0;background:var(--blanco);
  font:inherit;font-size:16px;color:var(--texto);-webkit-appearance:none;appearance:none}
.campo select{padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%234A5566' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.campo textarea{height:auto;min-height:104px;padding:12px 14px;line-height:24px;resize:vertical}
.campo input:focus,.campo textarea:focus,.campo select:focus{outline:none;border-color:var(--enlace);box-shadow:0 0 0 3px rgba(43,159,253,.3)}
.campo input:disabled{background:var(--fondo);color:var(--gris)}
.campo [aria-invalid="true"]{border-color:var(--rojo)}
.campo-error{margin:0;font-size:14px;line-height:20px;font-weight:600;color:var(--rojo)}
.opc{font-weight:400;color:var(--gris)}
.ayuda-sola{margin:-10px 0 0;font-size:13px;line-height:18px;color:var(--gris)}
.casillas{margin:0;padding:16px;min-width:0;border:1px solid var(--borde);border-radius:0;background:var(--blanco);display:flex;flex-direction:column;gap:14px}
.casillas legend{padding:0 6px;font-size:15px;line-height:20px;font-weight:700}
.casillas.invalida{border-color:var(--rojo)}
.casilla{display:flex;gap:12px;align-items:flex-start;min-height:44px;font-size:15px;line-height:22px;cursor:pointer}
.casilla input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--texto);cursor:pointer}
.casilla small{display:block;margin-top:2px;font-size:13px;line-height:18px;color:var(--ambar);font-weight:600}
.casillas .ayuda{margin:0;font-size:14px;line-height:20px;color:var(--gris)}
.radios{flex-direction:row;flex-wrap:wrap;gap:0 28px;padding:0;border:0;border-radius:0;background:none}
/* Pregunta con opciones en línea: el enunciado se ve como la etiqueta de un campo. */
.radios legend{float:left;width:100%;margin:0 0 4px;padding:0;font-size:15px;line-height:20px;font-weight:600}
.radios .casilla{align-items:center}
.trampa{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.bajo-boton{margin:0;font-size:14px;line-height:20px;color:var(--gris)}
.bajo-boton a{color:var(--enlace);font-weight:600}
.nota-info{padding:14px 16px;border-radius:0;background:var(--azul-claro);display:flex;gap:12px;align-items:flex-start}
.nota-info p{margin:0;font-size:15px;line-height:22px;color:var(--azul-osc)}
.separador{display:flex;align-items:center;gap:12px;margin-bottom:-10px;font-size:14px;line-height:20px;color:var(--gris)}
.separador::before,.separador::after{content:"";flex:1;height:1px;background:var(--borde)}
.form-estado:empty{display:none}
.estado{padding:14px 16px;border-radius:0;background:var(--blanco);border:1px solid var(--borde);display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:24px}
.estado > svg{flex:none;width:26px;height:26px}
.estado > div{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}
.estado p{margin:0}
.estado-error{background:var(--ambar-claro);border-color:#F1D3A1}
.form-estado .estado{margin-top:2px}

/* ─── Aviso de privacidad ─────────────────────────────────────── */
.aviso-priv{padding:20px;gap:6px;font-size:16px;line-height:24px}
.aviso-priv h2{margin:0;font-size:17px;line-height:22px;font-weight:700}
.aviso-priv h2:not(:first-child){margin-top:12px}
.aviso-priv p,.aviso-priv ol{margin:0;color:var(--texto-2)}
.aviso-priv ol{padding-left:22px;display:flex;flex-direction:column;gap:6px}
.aviso-priv a{font-weight:600}
.aviso-priv .actualizacion{margin-top:12px;padding-top:14px;border-top:1px solid var(--borde-2);font-size:14px;line-height:20px;color:var(--gris)}

/* ─── Evaluación ──────────────────────────────────────────────── */
.ev-pantalla{display:flex;flex-direction:column;gap:20px}
.ev-pantalla[data-ev="inicio"]{gap:16px;padding-top:12px}
.ev-pantalla[data-ev="inicio"] .tit{font-size:36px;line-height:40px}
.ev-pantalla[data-ev="inicio"] .lead{font-size:18px;line-height:27px}
.ev-pantalla[data-ev="inicio"] .vista-cab{gap:16px}
.ev-pantalla[data-ev="inicio"] :is(.btn-p,.btn-g){margin-top:16px}
.chips-ev li{min-height:32px;padding:7px 12px;border-radius:0}
.ev-avance{display:flex;flex-direction:column;gap:8px}
.ev-num{margin:0;font-size:14px;line-height:18px;font-weight:600;color:var(--texto-2)}
.barra{height:6px;border-radius:0;background:rgba(214,228,232,.12);overflow:hidden}
.barra i{display:block;height:100%;width:0;border-radius:0;background:var(--azul);transition:width .25s}
.barra-llena i{width:100%}
.ev-tema{align-self:flex-start;margin:0;padding:6px 10px;border-radius:0;background:var(--azul-claro);color:var(--azul-osc);font-size:12px;line-height:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.ev-enunciado{margin:0;font-size:21px;line-height:29px;font-weight:700}
.ev-opciones{display:flex;flex-direction:column;gap:10px}
.opcion{width:100%;min-height:56px;padding:14px;border-radius:0;border:1px solid var(--borde);background:var(--blanco);color:var(--texto);
  font:inherit;text-align:left;display:flex;gap:12px;align-items:flex-start;cursor:pointer;-webkit-tap-highlight-color:transparent}
.opcion:hover:not([disabled]){border-color:var(--gris-3)}
.opcion[disabled]{cursor:default;opacity:1}
.letra{flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--gris);color:var(--texto-2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;line-height:1}
.op-txt{display:flex;flex-direction:column;gap:4px}
.op-texto{font-size:16px;line-height:23px}
.op-marca{font-size:13px;line-height:17px;font-weight:700;color:var(--texto-2)}
.opcion.elegida{border:2px solid var(--navy);padding:13px}
.opcion.elegida .letra{background:var(--navy);border-color:var(--texto);color:#fff}
.opcion.correcta{border:2px solid var(--enlace);background:var(--azul-claro);padding:13px}
.opcion.correcta .letra{background:var(--enlace);border-color:var(--enlace);color:#fff}
.opcion.correcta .op-marca{color:var(--azul-osc)}
.ev-retro{padding:16px;border-radius:0;gap:8px}
.ev-retro h3{margin:0;font-size:18px;line-height:24px;font-weight:700}
.ev-retro p{margin:0;font-size:16px;line-height:24px;color:var(--texto-2)}
.chip-opc{display:inline-block;margin-left:10px;padding:4px 8px;border-radius:0;background:var(--borde-2);color:var(--texto-2);font-family:'Barlow',sans-serif;font-size:13px;line-height:16px;font-weight:700;letter-spacing:0;vertical-align:6px}
.ev-pantalla[data-ev="compromiso"] .tit{font-size:32px;line-height:36px}
.ev-pantalla[data-ev="compromiso"] .lead{font-size:17px;line-height:25px}
.ev-pantalla[data-ev="resultado"]{gap:24px}
.ev-pantalla[data-ev="resultado"] > .ante{margin-bottom:-18px}
.ev-puntaje{margin:0;font-family:var(--cond);font-size:56px;line-height:60px;font-weight:700}
.segmentos{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin-top:-12px}
.segmentos i{height:10px;border-radius:0;background:var(--borde)}
.segmentos i.si{background:var(--azul)}
.ev-repasar,.ev-consolidados{display:flex;flex-direction:column;gap:10px}
.ev-repasar .sub,.ev-consolidados .sub{font-family:'Barlow',sans-serif;font-size:19px;line-height:24px}
.lista-repasar{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.lista-repasar li{padding:10px 6px 10px 14px;border-radius:0;background:var(--ambar-claro);display:flex;align-items:center;justify-content:space-between;gap:12px}
.lista-repasar li > span{display:flex;flex-direction:column;gap:2px}
.lista-repasar b{font-size:16px;line-height:21px;font-weight:700}
.lista-repasar small{font-size:13px;line-height:17px;font-weight:700;color:var(--ambar)}
.lista-repasar a{flex:none;min-height:44px;padding:0 10px;display:flex;align-items:center;font-size:15px;font-weight:700;color:var(--texto)}
.lista-consolidados{margin:0;padding:0;list-style:none;border-radius:0;background:var(--blanco);border:1px solid var(--borde)}
.lista-consolidados li{min-height:48px;padding:0 6px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.lista-consolidados li + li{border-top:1px solid var(--borde-2)}
.lista-consolidados li > span{display:flex;align-items:center;gap:10px;font-size:15px;line-height:20px}
.lista-consolidados a{flex:none;min-height:44px;padding:0 10px;display:flex;align-items:center;font-size:15px;font-weight:600;text-decoration:none}
.ev-compromiso{gap:6px}
.ev-compromiso p{margin:0;font-size:15px;line-height:22px;color:var(--texto-2)}
.ev-compromiso p b{color:var(--texto)}
.ev-pantalla[data-ev="resultado"] > .sec{margin-bottom:-14px}
.ev-pie{margin:8px 0 0;padding-top:14px;border-top:1px solid var(--borde);font-size:13px;line-height:18px;color:var(--gris);text-align:center}
#evaluacion[data-pantalla="resultado"] .ev-pie,#evaluacion[data-pantalla="recibir"] .ev-pie{display:none}

/* ─── Repasos por correo ──────────────────────────────────────── */
.rep-lista{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.rep-item{gap:12px}
.rep-q{margin:0;display:flex;gap:12px;font-size:17px;line-height:25px}
.rep-n{width:26px;height:26px;flex:none;margin-top:-1px;border-radius:0;background:var(--oro);color:var(--texto);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;line-height:1}
.vista > p:not([class]){margin:0}

/* ─── Pie ─────────────────────────────────────────────────────── */

/* ─── Páginas de los enlaces de correo ────────────────────────── */
.pag-servidor .cont{padding-top:24px}
.lista-estado{margin:0;padding:0;list-style:none;border-radius:0;background:var(--blanco);border:1px solid var(--borde)}
.lista-estado li{min-height:48px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;line-height:20px}
.lista-estado li + li{border-top:1px solid var(--borde-2)}
.lista-estado b{text-align:right}
.lista-simple{margin:0;padding:0 0 0 22px;display:flex;flex-direction:column;gap:8px;font-size:16px;line-height:24px}
.form-simple{margin:0}
.baja-todo{margin:0;font-size:15px}
.pag-servidor .vista > p{margin:0}

/* ─── Escritorio ──────────────────────────────────────────────── */
@media (min-width:720px){
  .cont{padding:32px 24px 56px}
  .pestanas-in{padding:0 16px}
  .tit{font-size:36px;line-height:40px}
  .botones{flex-direction:row}
  .botones :is(.btn-p,.btn-g){flex:1}
  .tarjetas-temas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .tarjetas-temas li{display:flex}
  .tarjetas-temas .tarjeta-tema{width:100%}
  .kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
  .tarjeta-tool .kpis.k2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .calc-campos{grid-template-columns:repeat(4,minmax(0,1fr))}
  .form{max-width:600px}
  .chk{flex-direction:row;align-items:center;justify-content:space-between}
  .chk-t{flex:1}
  .chk-est{flex:none;width:248px}
  .tabla thead{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;display:table-header-group}
  .tabla table{display:table;border:1px solid var(--borde);border-radius:0;border-collapse:separate;border-spacing:0;overflow:hidden;background:var(--blanco)}
  .tabla tbody{display:table-row-group}
  .tabla tr{display:table-row;padding:0;border:0;border-radius:0}
  .tabla th,.tabla td{display:table-cell;padding:12px 14px;vertical-align:top;border-top:1px solid var(--borde-2);margin:0}
  .tabla thead th{border-top:0;background:var(--fondo);font-size:13px;line-height:18px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
  .tabla [data-etq]::before{content:none}
  .pie-in{padding:28px 24px 24px}
}
@media (min-width:1100px){
  .vista-cab .lead{max-width:680px}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
@media print{
  .franja,.pestanas,.pie,.nav,.foot,.cap-hero,.grain,.saltar,.caja-repasos,.otros,.btn-resp{display:none!important}
  .respuesta[hidden]{display:block!important}
  body{background:#fff}
}

/* ═══ Integración con el sitio · misma hoja, menú y pie de master-industria.com ═══ */
body.cap-portal{display:flex;flex-direction:column;min-height:100vh;background:var(--abismo);color:var(--hielo,#D6E4E8);font-size:16px;line-height:1.55}
.cap-portal a{text-decoration:none}
.cap-portal .cont p a,.cap-portal .cont li > a:not([class]){color:var(--enlace)}
.cap-portal .cont p a:hover{color:var(--oro)}
.lista-temas a:hover,.lista-descargas a:hover,.profundizar a:hover{color:#fff}
.cap-hero{padding-bottom:18px}
.cap-hero .crumb{margin-bottom:0}
.cap-portal .pestanas{top:80px;z-index:110;background:rgba(7,22,36,.97);backdrop-filter:blur(16px);border-top:1px solid var(--borde);border-bottom:1px solid var(--borde)}
.cap-portal .pestanas a{font-family:var(--cond);font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:rgba(214,228,232,.62);border-bottom-width:2px}
.cap-portal .pestanas a:hover{color:#fff}
.cap-portal .pestanas a[aria-current="page"]{color:#fff;border-bottom-color:var(--oro)}
.cap-portal [id]{scroll-margin-top:140px}
.cap-portal .cont .sec{padding:0}
.cap-portal .foot{margin-top:auto}
/* Títulos en el lenguaje del sitio */
.cap-portal .tit{color:#fff;text-transform:uppercase;line-height:1.04}
.cap-portal .sub,.cap-portal .tarjeta-tit-g{text-transform:uppercase;color:#fff}
.cap-portal h2,.cap-portal h3{color:#fff}
.cap-portal .tarjeta-tit,.cap-portal .ev-retro h3,.cap-portal .aviso-priv h2,.cap-portal .ev-enunciado{font-family:var(--f-b,'Barlow');text-transform:none;line-height:1.35}
.cap-portal .tarjeta-tit-g{font-family:var(--cond);line-height:1.1}
.ante{font-family:var(--cond);font-size:12px;letter-spacing:.24em;color:var(--oro)}
.ante.ante-gris,.ante-gris{font-family:var(--cond);letter-spacing:.2em;color:var(--gris)}
.cap-portal .lead{font-size:16.5px;line-height:1.62;color:var(--texto-2)}
.cap-portal .vista-cab::after{content:"";display:block;width:56px;height:2px;margin-top:10px;background:linear-gradient(90deg,var(--oro),rgba(250,175,66,0))}
.ev-pantalla[data-ev] .vista-cab::after{display:none}
/* Superficies */
.tarjeta,.lista-temas,.profundizar ul,.lista-descargas,.lista-consolidados,.lista-estado,.otro,.opcion,.chk,.casillas,.pasos li,.tabla tr,.chips li,.idea,.estado{background:linear-gradient(180deg,rgba(16,43,69,.32),rgba(7,22,36,.6))}
.caja-navy{background:linear-gradient(180deg,#0E2338,var(--navy));border:1px solid rgba(250,175,66,.28)}
.caja-navy p{color:var(--texto-2)}
.tarjeta-tema:hover,.otro:hover,.opcion:hover:not([disabled]){border-color:rgba(250,175,66,.46)}
.idea{border-left:3px solid var(--oro)}
.ins{font-family:var(--cond);letter-spacing:.06em}
.pasos li::before{background:var(--oro);color:var(--navy)}
.opcion.elegida{border-color:var(--oro)}
.opcion.elegida .letra{background:var(--oro);border-color:var(--oro);color:var(--navy)}
.opcion.correcta .letra{color:var(--navy)}
.chk-est button[aria-pressed="true"]{background:var(--oro);border-color:var(--oro);color:var(--navy)}
.seg button[aria-selected="true"]{background:var(--navy-2);color:#fff}
.h-rango,.casilla input{accent-color:var(--oro)}
.medidor-barra i{background:#fff}
.marco3d{border:1px solid var(--borde)}
.h-figura{background:#F4F5F7}
.campo input,.campo textarea,.campo select{background:rgba(4,13,22,.6);border-color:var(--borde);color:#fff}
.campo input:focus,.campo textarea:focus,.campo select:focus{border-color:var(--azul);background:rgba(4,13,22,.85)}
.campo input::placeholder,.campo textarea::placeholder{color:var(--gris-2)}
.campo label,.radios legend,.casillas legend{font-family:var(--cond);font-weight:700;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gris)}
.campo select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23D6E4E8' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
.respuesta{background:rgba(4,13,22,.5)}
.estado-error{border-color:rgba(250,175,66,.4)}
.volver{font-family:var(--cond);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--gris)}
.volver:hover{color:var(--oro)}
/* Botones achaflanados del sitio: dorado lleno y contorno dorado */
/* Botones: sistema del sitio (btn-p / btn-g con btn-m, site.css). Aquí solo el ancho de tarjeta. */
.cap-portal :is(.btn-p,.btn-g){width:100%;white-space:normal;text-align:center}
.btn-texto{color:var(--enlace)}
.rep-n{color:var(--navy)}
@media (max-width:719px){.cap-portal .pestanas a{font-size:12px;letter-spacing:.14em}}
.cap-portal .cont .lista-descargas li > a,.cap-portal .cont .lista-temas li > a,.cap-portal .cont .profundizar li > a{color:#fff}
.cap-portal .lista-descargas a:hover b,.cap-portal .lista-temas a:hover span{color:var(--oro)}