/* OPOSITIVE · estética «Portal» (24-10-2026): Montserrat + Source Sans, cabecera verde noche, portada salvia, mosaico y tarjetas, paleta Promoción. Va DESPUÉS de /promo.css en todas las páginas públicas. */
/* BORRADOR · tipografía híbrida institucional (Arial Black → Archivo Black · Georgia → Source Serif 4) */
:root{--serif:'Source Serif 4',Georgia,serif;--sans:'Archivo',Arial,sans-serif;--tit:'Archivo Black','Arial Black',Arial,sans-serif}
body.pr{font-family:var(--serif);font-size:17px}
.pr-h1,.pr-h2,.pr-h3,.dentro h3,.pr-pilares h3{font-family:var(--tit)!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.005em!important}
.pr-h1{font-size:clamp(36px,5.2vw,64px)!important;line-height:1.04!important}
.pr-h2{font-size:clamp(28px,3.6vw,44px)!important;line-height:1.08!important}
.pr-h3,.dentro h3,.pr-pilares h3{font-size:clamp(18px,1.6vw,21px)!important;line-height:1.2!important}
.pr-h1 em,.pr-h2 em{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0}
.pr-h1 .h1-kw{font-family:var(--sans);text-transform:uppercase}
.pr-cifra,.pr-romano,.dentro__n{font-family:var(--tit)!important;font-weight:400!important}
.pr-cifra{font-size:clamp(32px,3.4vw,44px)!important}
.pr-romano{font-size:34px!important}
.pr-lead{font-family:var(--serif)}
.pr-faq summary{font-family:var(--serif)}
/* imágenes */
.hb-foto{margin:0;position:relative;overflow:hidden;border:1px solid var(--filete)}
.hb-foto img{display:block;width:100%;height:100%;object-fit:cover}
.heroe__pieza .hb-foto{aspect-ratio:3/2;border-left:6px solid var(--oro)}
.hb-perfiles{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));margin-top:8px}
.hb-perfiles article{display:flex;flex-direction:column;gap:12px}
.hb-perfiles .hb-foto{aspect-ratio:4/5}
.hb-perfiles p{margin:0;color:var(--txt)}
.hb-fis{display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:center}
.hb-fis__fotos{display:grid;gap:20px}
.hb-fis__fotos .hb-foto{aspect-ratio:16/9}
.hb-marcas{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));border:1px solid var(--linea-osc);margin-top:8px}
.hb-marcas div{padding:16px 18px;border-right:1px solid var(--linea-osc);display:flex;flex-direction:column;gap:4px}
.hb-marcas b{font:400 22px/1.1 var(--tit);color:var(--oro)}
.hb-marcas span{font:600 11px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--salvia)}
.hb-ia{display:block;margin-top:6px;font-size:11px;opacity:.75}
/* esquinas ligeramente redondeadas (borrador 24-10) */
:root{--r:6px}
.pr-btn,.pr-card,.pr-foto,.pr-marco,.pr-cert,.pr-cert__b,.hb-foto,.hb-marcas,.quiz,.opt,.msg,.plan,.plan .resv,.gratis-caja,.guias a,.guia a,.persona,.red,.modal-op,.cd-box,.cd-panel,.wa-flot,.dentro article.dentro--prem,.hx-card,.hx-opt,.hx-fbox,.hx-rep,.hx-causas span,.pr input[type=text],.pr input[type=email],.pr input[type=tel],.pr input[type=password],.pr select,.pr textarea,.pr #op-cookies .op-ck__b,.pr-faq details{border-radius:var(--r)!important}
.pr-cert::before,.pr-cert::after,.pr-cert>.pr-cert__b::before,.pr-cert>.pr-cert__b::after{border-radius:2px}
.hb-foto img{border-radius:inherit}

/* BORRADOR B · estética portal guardiacivil.es (Montserrat + Source Sans, mosaico, tarjetas) con la paleta Promoción de Opositive */
:root{
  --noche:#fbf9f4; --noche-2:#f4f0e6; --gc:#1f4d3a; --militar:#17320b;
  --salvia:#5d6b58; --salvia-txt:#5d6b58; --oro:#e7b519; --oro-viejo:#7d5f0e; --filete:#b8902a;
  --marfil:#fbf9f4; --papel:#f4f0e6; --linea:#e2dac8; --linea-osc:#e2dac8;
  --txt-claro:#17320b; --txt-claro-2:#3d4b38; --txt:#3d4b38;
  --serif:'Source Sans 3','Source Sans Pro',Arial,sans-serif; --sans:'Source Sans 3','Source Sans Pro',Arial,sans-serif;
  --tit:'Montserrat',Arial,sans-serif; --verde:#1f4d3a; --verde-2:#17320b; --amarillo:#e7b519; --gris:#f4f0e6
}
body.pr{background:#fbf9f4;color:#17320b;font-family:var(--sans);font-size:17px}
.pr a{color:var(--verde)} .pr a:hover{color:#17320b}
.pr-h1,.pr-h2,.pr-h3,.dentro h3,.pr-pilares h3{font-family:var(--tit)!important;font-weight:700!important;letter-spacing:0!important;color:#17320b}
.pr-h2{text-transform:uppercase}
.pr-h3,.dentro h3,.pr-pilares h3{text-transform:none!important}
.pr-h1{text-transform:none!important;font-size:clamp(34px,4.6vw,56px)!important}
.pr-h1 em,.pr-h2 em{font-family:var(--tit);font-style:normal;font-weight:700;color:var(--verde)!important;text-transform:inherit}
.pr-ante{color:var(--verde)!important;font-family:var(--tit);font-weight:700;letter-spacing:.14em}
.pr-ante::before{background:#b8902a;height:3px;width:28px}
.pr-cifra,.dentro__n,.pr-romano,.hb-marcas b{font-family:var(--tit)!important;font-weight:700!important;color:var(--verde)!important}
.pr-lead,.pr p{color:#3d4b38}
/* cabecera: blanca con raya verde, como el portal */
.pr-head{background:#fbf9f4!important;border-bottom:4px solid var(--verde)!important;box-shadow:none}
.pr-nav a,.pr-nav button{color:var(--verde)!important;font-family:var(--tit)!important;font-weight:700!important}
.pr-logo{background:transparent}
/* botones */
.pr-btn--oro{background:var(--amarillo)!important;color:#0d1f16!important;border-color:var(--amarillo)!important;font-family:var(--tit)}
.pr-btn--linea{color:var(--verde)!important;border-color:var(--verde)!important;font-family:var(--tit)}
.pr-btn--linea:hover{background:var(--verde)!important;color:#fff!important}
/* secciones */
.pr-claro{background:#fbf9f4}
.pr-osc2{background:#f4f0e6}
.pr-papel{background:#f4f0e6}
.pr-borde-y{border-color:#e2dac8}
/* héroe */
.heroe{background:#fbf9f4}
.heroe__pieza .hb-foto{border:0;border-left:6px solid var(--verde)}
/* cifras como mosaico de accesos (verde / gris) */
.cifras{padding-block:28px!important;background:#fbf9f4!important;border:0!important}
.cifras .pr-grid--4{gap:10px}
.cifras .pr-grid--4>div{border:1px solid #e2dac8!important;background:var(--gris);padding:22px 20px!important;text-align:center;align-items:center;border-radius:var(--r,0)}
.cifras .pr-grid--4>div:nth-child(odd){background:var(--verde);border-color:var(--verde)!important}
.cifras .pr-grid--4>div:nth-child(odd) span{color:#fff!important}
.cifras .pr-grid--4>div span+span{font-size:14px}
/* tarjetas tipo «noticia»: borde gris fino */
.hb-perfiles article,.pr-pilares article{background:#fff;border:1px solid #e2dac8;padding:16px;border-radius:var(--r,0)}
.hb-foto{border:0}
.dentro article{border-color:#e2dac8}
.dentro h3{color:#17320b}
.dentro p,.dentro p b{color:#333}
.dentro article.dentro--prem{border:2px solid var(--verde)}
/* barra de título de sección como «Notas de prensa · Ver todas» */
.pr-cabeza .pr-h2,.pr-cabsec .pr-h2{border-bottom:2px solid #e2dac8;padding-bottom:12px}
/* test y tarjetas del aula */
.hx-rep{background:#fff;border-color:var(--verde)}
.hx-rep-t{color:var(--verde)} .hx-rep-h{color:#202020;font-family:var(--tit)} .hx-rep-p{color:#333}
.hx-stem{font-family:var(--sans);font-weight:600}
.hb-marcas{border-color:#e2dac8}.hb-marcas div{border-color:#e2dac8}
/* pie gris oscuro */
.pr-pie{background:#0d1f16!important;color:#f4f0e6}
.pr-pie a,.pr-pie span,.pr-pie p,.pr-pie li{color:#e2dac8!important}
.pr-pie h2{color:var(--amarillo)!important;font-family:var(--tit)!important}
.pr-cert::before,.pr-cert::after,.pr-cert>.pr-cert__b::before,.pr-cert>.pr-cert__b::after{border-color:var(--verde)!important}
/* textos que en la versión oscura iban en oro: en blanco van en verde (contraste AA) */
.heroe__duda a,.h1-kw,.guias__ante,.guias__ir,.guia__ante,.guia__ir,.n-banco,.pr-enlace,.anual-cta{color:var(--verde)!important}
.etq{color:#fff!important}
.guias__ante--r{color:#a8240f!important}

.pr-ante{color:#7d5f0e!important}
.pr-h1 em,.pr-h2 em{color:var(--verde)!important}
.plan.dest .etq{color:#0d1f16!important}
/* franja superior verde noche + portada en Verde GC; a partir de ahí, claro */
.pr-head{background:#0d1f16!important;border-bottom:3px solid #b8902a!important}
.pr-head .pr-nav a,.pr-head .pr-nav button{color:#f4f0e6!important}
.pr-head .pr-nav a:hover,.pr-head .pr-nav button:hover{color:#e7b519!important}
.pr-head .pr-btn--oro{color:#0d1f16!important}
.heroe,.me-hero{background:#1f4d3a!important;color:#f4f0e6}
.heroe .pr-h1,.me-hero .pr-h1{color:#fff!important}
.heroe .pr-h1 em,.me-hero .pr-h1 em{color:#e7b519!important}
.heroe .h1-kw,.heroe .pr-ante,.me-hero .pr-ante{color:#e7b519!important}
.heroe .pr-ante::before,.me-hero .pr-ante::before{background:#e7b519}
.heroe p,.heroe .pr-lead,.me-hero p,.me-hero .pr-lead{color:#e2dac8!important}
.heroe .pr-lead b{color:#fff}
.heroe a:not(.pr-btn),.me-hero a:not(.pr-btn),.heroe__duda a{color:#e7b519!important}
.heroe .pr-btn--linea,.me-hero .pr-btn--linea{color:#fff!important;border-color:#f4f0e6!important}
.heroe .pr-btn--linea:hover,.me-hero .pr-btn--linea:hover{background:#fff!important;color:#1f4d3a!important}
.heroe__pieza .hb-foto{border-left-color:#e7b519!important}
.me-hero .pr-marco{border-color:#b8902a}
.me-hero .pr-marco a{color:#17320b!important}
.me-hero .pr-marco .n,.me-hero .me-indice__t{color:#7d5f0e!important}
.me-hero .pr-miga,.me-hero .pr-miga a{color:#e2dac8!important}
/* portada en Salvia #8B9985 con texto Verde militar (la franja de arriba sigue en verde noche) */
.heroe,.me-hero{background:#8b9985!important;color:#17320b}
.heroe .pr-h1,.me-hero .pr-h1{color:#0d1f16!important}
.heroe .pr-h1 em,.me-hero .pr-h1 em{color:#fff!important}
.heroe .h1-kw,.heroe .pr-ante,.me-hero .pr-ante{color:#17320b!important}
.heroe .pr-ante::before,.me-hero .pr-ante::before{background:#17320b}
.heroe p,.heroe .pr-lead,.me-hero p,.me-hero .pr-lead{color:#17320b!important}
.heroe .pr-lead b{color:#0d1f16}
.heroe a:not(.pr-btn),.me-hero a:not(.pr-btn),.heroe__duda a,.me-hero .pr-miga,.me-hero .pr-miga a{color:#0d1f16!important}
.heroe .pr-btn--linea,.me-hero .pr-btn--linea{color:#0d1f16!important;border-color:#17320b!important}
.heroe .pr-btn--linea:hover,.me-hero .pr-btn--linea:hover{background:#17320b!important;color:#fff!important}
.heroe__pieza .hb-foto{border-left-color:#17320b!important}
/* texto de portada dentro de un recuadro como el del simulacro (marfil + filete dorado) */
.heroe .heroe__txt{background:#f4f0e6;border:1px solid #b8902a;border-radius:var(--r,6px);padding:clamp(24px,3vw,40px) clamp(22px,3vw,40px)}
.heroe .heroe__txt .pr-h1{color:#17320b!important}
.heroe .heroe__txt .pr-h1 em{color:#1f4d3a!important}
.heroe .heroe__txt .h1-kw{color:#7d5f0e!important}
.heroe .heroe__txt p,.heroe .heroe__txt .pr-lead{color:#3d4b38!important}
.heroe .heroe__txt .pr-lead b{color:#17320b}
.heroe .heroe__txt a:not(.pr-btn){color:#1f4d3a!important}
.heroe .heroe__txt .pr-btn--linea{color:#1f4d3a!important;border-color:#1f4d3a!important}
/* botón flotante de WhatsApp con su verde original */
.wa-flot{background:#25d366!important;border:0!important;color:#fff!important}
.wa-flot:hover{background:#1ebe5d!important;color:#fff!important}
.wa-flot span,.wa-flot svg{color:#fff!important;fill:#fff!important}

/* === Global (todas las páginas): sobre fondo claro el oro de TEXTO pasa a oro oscuro (AA);
   los rellenos dorados (botones, chips, barras) siguen en oro #E7B519 === */
:root{--oro:#7d5f0e}
.pr-btn--oro,.pr .pr-btn--oro,.pr-chip,.pr-borrador,.plan.dest .etq,.pr-skip,.pr-barra>i,.me-escala__b i,.me-memoria li:nth-child(1) .e i,.pg-wa:hover,#op-cookies .op-ck__b,.pr #op-cookies .op-ck__b,body #op-cookies .op-ck__b{background:#e7b519!important;border-color:#e7b519!important;color:#0d1f16!important}
.pr-h1 em,.pr-h2 em{color:#1f4d3a!important}
.pr-head .pr-btn--oro{color:#0d1f16!important}
.pr-pie h2{color:#e7b519!important}
.pr-pie a:hover{color:#e7b519!important}

/* Portadas del resto de páginas: misma banda salvia que la principal */
.pg-hero,.tm-hero,.te-hero,.sp-hero,.lg-cab{background:#8b9985!important;color:#17320b;--oro:#17320b;--salvia:#17320b;--txt:#17320b;--txt-claro-2:#17320b}
:is(.pg-hero,.tm-hero,.te-hero,.sp-hero,.lg-cab) :is(h1,.pr-h1,.pr-h2){color:#0d1f16!important}
:is(.pg-hero,.tm-hero,.te-hero,.sp-hero,.lg-cab) :is(h1,.pr-h1,.pr-h2) em{color:#fff!important}
:is(.pg-hero,.tm-hero,.te-hero,.sp-hero,.lg-cab) :is(p,li,span,.pr-lead){color:#17320b}
:is(.pg-hero,.tm-hero,.te-hero,.sp-hero,.lg-cab) a:not(.pr-btn){color:#0d1f16!important}
:is(.pg-hero,.tm-hero,.te-hero,.sp-hero,.lg-cab) .pr-ante::before{background:#17320b}
:is(.pg-hero,.tm-hero,.te-hero,.sp-hero,.lg-cab) .pr-btn--linea{color:#0d1f16!important;border-color:#17320b!important}
:is(.pg-hero,.tm-hero,.te-hero,.sp-hero,.lg-cab) .pr-btn--linea:hover{background:#17320b!important;color:#fff!important}
/* recuadros laterales de esas portadas: marfil con filete dorado, como el del simulacro */
:is(.pg-hero,.tm-hero,.te-hero) .pr-marco{background:#f4f0e6;border:1px solid #b8902a;border-radius:var(--r,6px);--oro:#7d5f0e;--salvia:#5d6b58}
:is(.pg-hero,.tm-hero,.te-hero) .pr-marco :is(span,p,li){color:#3d4b38}
/* WhatsApp flotante de las páginas interiores */
.pg-wa{background:#25d366!important;border:0!important;color:#fff!important}
.pg-wa:hover{background:#1ebe5d!important;color:#fff!important}