/* CENERH Consulting · Capa visual de ultralujo para evaluaciones.html
   Se carga sobre los estilos originales sin modificar la lógica de las pruebas. */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Montserrat:wght@300;400;500;600;700&display=swap");

html:root:not(.sin-lux){
  --ground:#FBF9F5; --surface:#FFFFFF; --surface-2:#F7F4EE;
  --ink:#1D2433; --muted:#6B675F; --faint:#9A958C;
  --border:#E6E1D8; --border-strong:#D6CFC2;
  --amber:#B7791F; --amber-soft:#b7791f14;
  --good:#2F7D55; --mid:#B7791F; --low:#B4352E;
  --shadow:none; --radius:2px;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:Montserrat,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --lux-blue:#0050A0; --lux-navy:#0B2545; --lux-red:#D62828; --lux-gold:#A88B5A; --lux-soft:#355C9A;
  color-scheme:light;
}
html body{background:#FBF9F5;color:#333;font-size:14.5px;line-height:1.65}
html body .wrap{max-width:980px;padding:30px 28px 70px}

/* Logo: siempre sobre fondo claro, sin franjas oscuras */
html body #cenerhLogoFixed{background:#fff;box-shadow:none;border:1px solid #E6E1D8;border-radius:2px;padding:8px 12px}
html body header.top{border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:34px}
html body .mark{background:var(--lux-navy);color:#fff;border-radius:2px;font-family:var(--serif);font-weight:600}
html body .brand b{font-family:var(--serif);font-size:20px;font-weight:600;letter-spacing:.02em}
html body .brand span{font-size:10px;letter-spacing:.2em;text-transform:uppercase}
html body .ghost{border-radius:0;border-color:var(--ink);color:var(--ink);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;padding:9px 18px}
html body .ghost:hover{background:var(--ink);color:#fff}

/* Tipografía */
html body h1{font-family:var(--serif);font-weight:500;font-size:44px;line-height:1.08;letter-spacing:-.01em;color:var(--ink)}
html body h2{font-family:var(--serif);font-weight:500;font-size:30px;color:var(--ink)}
html body h3{font-size:10.5px;letter-spacing:.24em;color:var(--lux-red);font-weight:600;padding-bottom:10px;border-bottom:1px solid var(--lux-blue);margin-bottom:16px}
html body .eyebrow{font-size:10.5px;letter-spacing:.3em;color:var(--lux-red);font-weight:600;display:flex;align-items:center;gap:14px}
html body .eyebrow:before{content:"";width:32px;height:1px;background:var(--lux-red);flex:none}
html body .lede{font-weight:300;font-size:15px}
html body a{color:var(--lux-blue)}

/* Tarjetas y paneles */
html body .card{border-radius:0;box-shadow:none;border:1px solid var(--border);padding:40px 42px}
html body .panel{border-radius:0;background:#F7F4EE}
html body .disc{font-size:12.5px;border-top:1px solid var(--border);color:var(--lux-soft);font-style:italic;font-weight:300}
html body .disc a{font-style:normal;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:600}

/* Catálogo de pruebas: sin emojis */
html body .tcard .ic{display:none}
html body .cat-grid{gap:0;border-top:1px solid var(--border);border-left:1px solid var(--border)}
html body .tcard{border-radius:0;border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;padding:20px 20px 18px;position:relative;transition:background .25s}
html body .tcard:before{content:"";position:absolute;left:0;top:0;height:2px;width:0;background:var(--lux-red);transition:width .35s}
html body .tcard:hover{transform:none;background:#FDFCFA}
html body .tcard:hover:before,html body .tcard.on:before{width:100%}
html body .tcard.on{background:#F7F9FC;box-shadow:inset 0 0 0 1px var(--lux-navy)}
html body .tcard .tn{font-family:var(--serif);font-size:19px;font-weight:600;line-height:1.2;color:var(--ink);margin:0 0 6px}
html body .tcard .td{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--lux-soft)}
html body .tcard .tm{border-top:1px solid var(--border);padding-top:10px;margin-top:14px;font-size:11px}
html body .pill{border-radius:0;background:transparent;border:1px solid var(--border-strong);color:var(--muted);font-weight:600;letter-spacing:.12em}

/* Botones y campos */
html body .btn{border-radius:0;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;padding:14px 26px}
html body .btn.sm{padding:11px 18px}
html body .btn.sec{background:transparent;border:1px solid var(--ink);color:var(--ink)}
html body input[type=text],html body input[type=email],html body select,html body textarea{border-radius:0;background:#fff}
html body .consent,html body .instr,html body .linkbox,html body .codebox{border-radius:0}
html body .sw-btn{border-radius:0}

/* Cuestionario */
html body .scale .opt,html body .opts .opt{border-radius:0;background:#fff}
html body .prog{border-radius:0;height:4px}
html body .prog i{border-radius:0}
html body .qn{font-family:var(--serif);color:var(--lux-gold);font-size:15px}

/* Pie de página claro con línea azul */
html body .cenerh-footer{background:#fff;border-top:1px solid var(--lux-blue);color:var(--muted)}
html body .cenerh-footer .cenerh-legal{color:var(--muted)}
html body .cenerh-footer .cenerh-legal strong{color:var(--ink);letter-spacing:.12em}
html body .cenerh-footer .cenerh-legal a{color:var(--lux-blue)}
html body .cenerh-footer .cenerh-legal .copy{color:var(--faint)}
html body .cenerh-footer .cenerh-social a{background:#F7F4EE;border-radius:0}
html body .cenerh-footer .cenerh-social svg{fill:var(--lux-soft)}
html body .cenerh-footer .cenerh-social a:hover{background:var(--lux-navy)}

/* Bloques nuevos de la portada */
.lux-hero{padding:6px 0 34px}
.lux-hero h1 em{font-style:italic;color:var(--lux-blue)}
.lux-doors{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);background:#fff;margin-top:30px}
.lux-door{padding:30px 32px 28px;color:inherit!important;text-decoration:none!important;position:relative;transition:background .3s}
.lux-door+.lux-door{border-left:1px solid var(--border)}
.lux-door:hover{background:#FDFCFA}
.lux-door .num{font-family:var(--serif);color:var(--lux-gold);letter-spacing:.2em;font-size:15px}
.lux-door h4{font-family:var(--serif);font-weight:500;font-size:27px;color:var(--ink);margin:6px 0 6px}
.lux-door p{font-size:13px;color:var(--muted);font-weight:300;margin:0}
.lux-go{display:inline-flex;align-items:center;gap:12px;margin-top:18px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--lux-blue)}
.lux-go:after{content:"";width:36px;height:1px;background:currentColor;transition:width .3s}
.lux-door:hover .lux-go:after,.lux-feature:hover .lux-go:after,.lux-mod:hover .lux-go:after{width:58px}
.lux-tag{position:absolute;top:30px;right:32px;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--lux-red);border:1px solid rgba(214,40,40,.35);padding:3px 9px}
.lux-feature{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;border:1px solid var(--lux-navy);padding:20px 24px;margin:6px 0 10px;color:inherit!important;text-decoration:none!important;background:#fff;transition:background .3s}
.lux-feature:hover{background:#F7F9FC}
.lux-feature .roman{font-family:var(--serif);font-size:34px;color:var(--lux-gold);line-height:1}
.lux-feature b{font-family:var(--serif);font-size:21px;font-weight:600;color:var(--ink);display:block;line-height:1.2}
.lux-feature span{font-size:12.5px;color:var(--muted);font-weight:300}
.lux-feature span.lux-go{font-size:10.5px;color:var(--lux-blue);font-weight:600}
.lux-mods{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}
.lux-mod{border:1px solid var(--border);padding:30px 28px;background:#fff;color:inherit!important;text-decoration:none!important;transition:border-color .3s,transform .3s;display:flex;flex-direction:column}
.lux-mod:hover{border-color:var(--lux-soft);transform:translateY(-2px)}
.lux-mod .roman{font-family:var(--serif);font-size:44px;color:var(--border-strong);line-height:1}
.lux-mod h4{font-family:var(--serif);font-weight:500;font-size:26px;color:var(--ink);margin:14px 0 2px}
.lux-mod .who{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--lux-red);margin-bottom:12px;font-weight:600}
.lux-mod p{font-size:13px;color:var(--muted);font-weight:300;margin:0;flex:1}
.lux-mod ul{list-style:none;padding:0;margin:18px 0 20px;border-top:1px solid var(--border)}
.lux-mod li{font-size:12px;padding:9px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:12px}
.lux-mod li span{color:var(--muted)}
#lux-gestion{margin-top:24px}

@media (max-width:720px){
  html body .wrap{padding:20px 16px 50px}
  html body .card{padding:26px 18px}
  html body h1{font-size:34px}
  .lux-doors,.lux-mods{grid-template-columns:1fr}
  .lux-door+.lux-door{border-left:0;border-top:1px solid var(--border)}
  .lux-tag{position:static;display:inline-block;margin-bottom:10px}
  .lux-feature{grid-template-columns:1fr;gap:8px}
}