/* Página de Diagnóstico: el comprobador de la web actual con el diseño nuevo.
   No cambia su marcado ni su comportamiento: solo redefine colores, letras y fondos. */
body.pag-diag{
  --font-poppins:'Work Sans',system-ui,sans-serif;
  --font-inter:'Work Sans',system-ui,sans-serif;
  --font-header:'Work Sans',system-ui,sans-serif;
  --font-orbitron:'Work Sans',system-ui,sans-serif;
  --font-code:'Work Sans',system-ui,sans-serif;
  --font-fira-code:'Work Sans',system-ui,sans-serif;
  --text-primary:#212529;
  --text-secondary:#4b5560;
  --text-muted:#6b7280;
  --brand-pink:#ae00e3;
  --brand-cta:#ae00e3;
  --brand-cta-hover:#c40fd6;
  --cyan-neon:#6a12c8;
  --purple-neon:#8818f8;
  --gold-neon:#b45309;
  --glass-bg:#ffffff;
  --glass-border:#e6d8fa;
  --glass-border-hover:#c9a6f5;
  --gradient-signature:linear-gradient(120deg,#8a14d8,#c40fd6 55%,#d60082);
  --bg-dark:#ffffff;
  --card-radius:18px;
  --borde-separa:#e6d8fa;
  --borde-neutro:#dfe3e8;
}
/* franja de degradado detrás del formulario, como la cabecera de las demás páginas */
.diag-fondo{height:520px;margin-top:-76px;margin-bottom:-444px;padding:0}
.pag-diag main{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 32px 40px;font-family:'Work Sans',system-ui,sans-serif}
.pag-diag main section,.pag-diag main .section-container{padding:0;max-width:none}
.pag-diag .cmp-hero{padding-top:54px;text-align:center}
.pag-diag .cmp-hero .eyebrow-signature,.pag-diag .cmp-hero > p:first-child{color:var(--amarillo)!important;font-size:18px;letter-spacing:.02em;text-transform:uppercase;font-weight:400;background:none;-webkit-text-fill-color:currentColor}
.pag-diag .cmp-h1{color:#fff!important;font-size:54px;font-weight:600;line-height:1.05;letter-spacing:-1px;margin:8px 0 14px;background:none;-webkit-text-fill-color:#fff}
.pag-diag .cmp-hero > p{color:#fff}
.pag-diag .cmp-form.glass-panel,.pag-diag .glass-panel{background:#fff;border:0;border-radius:20px;box-shadow:0 26px 60px rgba(40,10,90,.28);backdrop-filter:none;color:var(--text-primary);text-align:left}
.pag-diag .cmp-form{margin-top:30px;padding:34px}
.pag-diag .cmp-form p,.pag-diag .cmp-form label{color:var(--text-secondary)}
.pag-diag .input-signature,.pag-diag .cmp-input{background:#fff;border:1.5px solid #cfd4dc;border-radius:10px;color:var(--text-primary);font-size:17px;box-shadow:none}
.pag-diag .input-signature:focus,.pag-diag .cmp-input:focus{border-color:var(--brand-pink);outline:3px solid rgba(174,0,227,.18)}
.pag-diag .btn-gradient-signature,.pag-diag a.btn-gradient-signature,.pag-diag .cmp-boton{background:var(--brand-cta);color:#fff;border-radius:8px;font-weight:500;font-size:18px;text-transform:none;letter-spacing:0;box-shadow:none}
.pag-diag .btn-gradient-signature:hover{transform:none;box-shadow:none;filter:brightness(1.12)}
.pag-diag .btn-outline-signature{border-radius:8px;border:1px solid var(--brand-pink);color:var(--brand-pink);background:#fff;text-transform:none;letter-spacing:0}
.pag-diag .h2-signature,.pag-diag main h2{font-weight:300;font-size:40px;line-height:1.15;letter-spacing:-.5px;color:var(--text-primary);background:none;-webkit-text-fill-color:currentColor;text-align:center;margin:80px 0 26px}
.pag-diag .gradient-line-250{display:none}
.pag-diag .cmp-oficial,.pag-diag .cmp-aviso{color:var(--text-muted)}
.pag-diag .cmp-como-num{color:var(--brand-pink);font-weight:300}
.pag-diag .faq-item{border:0;border-top:1px solid var(--linea);border-radius:0;background:none;box-shadow:none}
.pag-diag .faq-question{font-size:19px;font-weight:600;color:var(--text-primary);padding:22px 0}
.pag-diag .faq-answer{color:var(--text-secondary);font-size:17px}
.pag-diag .cmp-registros{background:var(--gris-2);border-radius:18px;padding:30px 34px;margin-top:70px}
.pag-diag .cmp-registros h2{margin-top:0;font-size:26px;text-align:left}
.pag-diag .banda{margin-top:50px}
@media (max-width:1180px){.diag-fondo{margin-top:-70px}.pag-diag .cmp-h1{font-size:38px}.pag-diag main{padding:0 18px 30px}}

.pag-diag .cmp-hero > p.cmp-oficial,.pag-diag .cmp-oficial{color:var(--text-muted)!important;margin-top:18px}
