/* yague-contenido.css — paginas de contenido (temario, requisitos, examen, quienes somos, psicotecnicos). Extraido el 24-sep-2026. */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --navy:#23394A; --navy-2:#2E4A5C; --brand-500:#4A7086; --brand-100:#F3E7DA;
  --accent:#A6482F; --accent-light:#E9A183; --accent-ink:#7A3220; --cta-ink:#FFFFFF;
  --white:#ffffff; --gray-light:#FAF3EA; --gray:#6B5D53; --text:#241C16; --radius:12px;
}
body { font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif; color:var(--text); background:var(--white); line-height:1.65; }
nav { background:var(--navy); padding:14px 24px; display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:100; gap:16px; flex-wrap:wrap; }
.logo { display:flex; align-items:center; gap:8px; text-decoration:none; }
.logo-text { color:var(--white); font-size:1.15rem; font-weight:700; letter-spacing:-0.3px; }
.logo-text span { color:var(--accent-light); }
.navlinks { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.navlinks a { color:rgba(255,255,255,0.82); text-decoration:none; font-size:0.88rem; }
.navlinks a:hover { color:var(--accent-light); }
nav a.nav-cta { color:var(--accent-light); font-weight:600; text-decoration:none; font-size:0.88rem; padding:8px 18px; border:2px solid var(--accent-light); border-radius:8px; transition:background .2s; white-space:nowrap; }
nav a.nav-cta:hover { background:var(--accent-light); color:var(--navy); }

.wrap { max-width:860px; margin:0 auto; padding:36px 24px 64px; }
.crumbs { font-size:0.82rem; color:var(--gray); margin-bottom:20px; }
.crumbs a { color:var(--gray); text-decoration:none; }
.crumbs a:hover { color:var(--accent); text-decoration:underline; }

h1 { font-size:2.05rem; line-height:1.22; color:var(--navy); letter-spacing:-0.6px; margin-bottom:10px; }
.updated { color:var(--gray); font-size:0.84rem; margin-bottom:26px; }
.lead { font-size:1.08rem; color:var(--text); margin-bottom:22px; }
h2 { font-size:1.35rem; color:var(--navy); margin:38px 0 12px; letter-spacing:-0.3px; }
h3 { font-size:1.05rem; color:var(--navy-2); margin:24px 0 8px; }
p { margin-bottom:14px; }
ul, ol { margin:0 0 16px 22px; }
li { margin-bottom:7px; }
a { color:var(--accent); }
strong { color:var(--accent-ink); }

.box { background:var(--gray-light); border-radius:var(--radius); padding:18px 22px; margin:18px 0; }
.box.oficial { background:var(--brand-100); border-left:4px solid var(--accent); }
.box p:last-child, .box ul:last-child { margin-bottom:0; }
.box h3 { margin-top:0; }

table { width:100%; border-collapse:collapse; margin:16px 0 22px; font-size:0.93rem; }
th { background:var(--navy-2); color:#fff; text-align:left; padding:10px 12px; font-weight:600; }
td { border-bottom:1px solid #EADFD1; padding:10px 12px; vertical-align:top; }
tr:nth-child(even) td { background:#FDF9F4; }
td.num { width:52px; font-weight:700; color:var(--accent); white-space:nowrap; }

.bloque-tag { display:inline-block; background:var(--navy-2); color:#fff; font-size:0.78rem; font-weight:600; padding:4px 12px; border-radius:999px; margin-bottom:6px; }

.cta { background:var(--navy); color:#fff; border-radius:var(--radius); padding:26px 28px; margin:34px 0 8px; }
.cta h2 { color:#fff; margin:0 0 8px; font-size:1.25rem; }
.cta p { color:rgba(255,255,255,0.85); margin-bottom:16px; }
.cta a.btn { display:inline-block; background:var(--accent); color:var(--cta-ink); text-decoration:none; font-weight:700; padding:13px 26px; border-radius:9px; }
.cta a.btn:hover { background:var(--accent-ink); }
.cta a.alt { color:var(--accent-light); margin-left:14px; font-size:0.9rem; }

.faq details { border-bottom:1px solid #EADFD1; padding:14px 0; }
.faq summary { cursor:pointer; font-weight:600; color:var(--navy); list-style:none; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::before { content:'+ '; color:var(--accent); font-weight:700; }
.faq details[open] summary::before { content:'\2013 '; }
.faq p { margin:10px 0 0; }

.fuente { font-size:0.85rem; color:var(--gray); border-top:1px solid #EADFD1; padding-top:14px; margin-top:34px; }

footer { background:var(--navy); color:rgba(255,255,255,0.55); text-align:center; padding:26px 24px; font-size:0.82rem; }
footer a { color:rgba(255,255,255,0.75); text-decoration:none; margin:0 8px; }
footer a:hover { color:var(--accent-light); }
footer .fnav { margin-bottom:10px; }
footer .fnav.paginas { margin-bottom:14px; }

@media (max-width:640px){
  h1 { font-size:1.62rem; }
  .navlinks { display:none; }
  .wrap { padding:26px 18px 52px; }
  table { font-size:0.88rem; }
  td, th { padding:8px 9px; }
}

.nav-dropdown{ position:relative; cursor:pointer; }
.nav-dropdown > span.lbl{ color:rgba(255,255,255,0.82); font-size:0.88rem; }
.nav-dropdown:hover .nav-dropdown-menu, .nav-dropdown:focus-within .nav-dropdown-menu{ display:flex; }
.nav-dropdown-menu{ display:none; flex-direction:column; position:absolute; top:100%; left:0; background:var(--navy-2); border-radius:8px; padding:8px; min-width:280px; box-shadow:0 8px 20px rgba(0,0,0,0.25); z-index:200; margin-top:6px; }
.nav-dropdown-menu a{ color:rgba(255,255,255,0.88); text-decoration:none; font-size:0.86rem; padding:9px 10px; border-radius:6px; white-space:nowrap; }
.nav-dropdown-menu a:hover{ background:rgba(255,255,255,0.08); color:var(--accent-light); }
.nav-dropdown-menu a.activa{ color:var(--accent-light); font-weight:600; }
.oposicion-cruce{ background:var(--brand-100); border-radius:var(--radius); padding:16px 20px; margin:22px 0 0; font-size:0.94rem; }
.oposicion-cruce a{ font-weight:700; }

/* 24-sep-2026: sin scroll horizontal en movil (tablas y URLs largas) */
.wrap { overflow-wrap:anywhere; }
footer .fnav a { display:inline-block; }