/* EGM SALINETAS PETRER — sitio estático
   Paleta tomada del logotipo y del banner de convocatoria */
@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap");

:root {
  --verde: #2f8549;
  --verde-oscuro: #0b6b3f;
  --verde-tenue: #eef6f0;
  --carbon: #2a2a2d;
  --tinta: #3a3d3b;
  --gris: #6b726d;
  --linea: #d9e5dc;
  --blanco: #ffffff;
  --radio: 14px;
  --radio-pildora: 999px;
  --ancho: 1140px;
  --titulos: "Archivo", "Arial Narrow", Arial, sans-serif;
  --texto: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--texto);
  font-size: 17px;
  line-height: 1.7;
  color: var(--tinta);
  background: var(--blanco);
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--verde-oscuro); text-underline-offset: 3px; }
a:hover { color: var(--verde); }
a:focus-visible, button:focus-visible, label:focus-visible, summary:focus-visible {
  outline: 3px solid var(--verde);
  outline-offset: 3px;
  border-radius: 4px;
}
h1, h2, h3 { font-family: var(--titulos); color: var(--carbon); line-height: 1.2; margin: 0 0 0.6em; }
h1 { font-size: clamp(1.7rem, 3.4vw, 2.5rem); font-weight: 800; letter-spacing: -0.01em; }
h2 { font-size: clamp(1.35rem, 2.4vw, 1.8rem); font-weight: 700; }
h3 { font-size: 1.15rem; font-weight: 700; }
p { margin: 0 0 1.1em; }
strong { color: var(--carbon); }

.contenedor { width: min(100% - 40px, var(--ancho)); margin-inline: auto; }
.seccion { padding: 64px 0; }
.seccion--tenue { background: var(--verde-tenue); }
.justificado p, .justificado li { text-align: justify; hyphens: auto; }

/* ---------- Cabecera ---------- */
.cabecera {
  position: sticky; top: 0; z-index: 50;
  background: var(--blanco);
  border-bottom: 1px solid var(--linea);
}
.cabecera__barra { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 84px; }
.cabecera__logo img { width: 250px; }
.menu { display: flex; gap: 6px; list-style: none; margin: 0; padding: 0; }
.menu a {
  display: block; padding: 10px 16px;
  font-family: var(--titulos); font-weight: 600; font-size: 0.98rem;
  color: var(--carbon); text-decoration: none;
  border-radius: var(--radio-pildora);
}
.menu a:hover { background: var(--verde-tenue); color: var(--verde-oscuro); }
.menu a[aria-current="page"] { background: var(--verde); color: var(--blanco); }
.menu-conmutador { position: absolute; opacity: 0; pointer-events: none; }
.menu-boton { display: none; cursor: pointer; padding: 10px; border-radius: 10px; }
.menu-boton span { display: block; width: 26px; height: 3px; margin: 5px 0; background: var(--carbon); border-radius: 2px; }

@media (max-width: 820px) {
  .cabecera__logo img { width: 200px; }
  .menu-boton { display: block; }
  .menu {
    display: none; position: absolute; left: 0; right: 0; top: 100%;
    flex-direction: column; gap: 0; padding: 10px 20px 18px;
    background: var(--blanco); border-bottom: 1px solid var(--linea);
  }
  .menu-conmutador:checked ~ .menu { display: flex; }
  .menu a { padding: 14px 16px; }
}

/* ---------- Convocatoria (franja de texto) ---------- */
.convocatoria { background: var(--verde-oscuro); color: var(--blanco); }
.convocatoria__caja { display: block; padding: 22px 0; color: var(--blanco); text-decoration: none; }
a.convocatoria__caja:hover { color: var(--blanco); }
.pildora {
  display: inline-block; padding: 4px 14px; margin-bottom: 10px;
  font-family: var(--titulos); font-weight: 700; font-size: 0.85rem;
  color: var(--verde-oscuro); background: var(--blanco); border-radius: var(--radio-pildora);
}
.convocatoria__titulo { display: block; font-family: var(--titulos); font-weight: 800; font-size: clamp(1.15rem, 2.2vw, 1.5rem); line-height: 1.25; }
.convocatoria__datos { display: block; margin-top: 6px; font-size: 0.98rem; opacity: 0.95; }

/* ---------- Banner de portada: ancho completo y centrado ---------- */
.banner { background: var(--blanco); }
.banner a, .banner__marco { display: block; }
.banner img { width: 100%; margin-inline: auto; }

/* ---------- Portada ---------- */
.bienvenida h1 { text-align: center; max-width: 22em; margin-inline: auto; margin-bottom: 1.2em; }
.bienvenida h1 em { font-style: normal; color: var(--verde); display: block; }
.columna-lectura { max-width: 860px; margin-inline: auto; }

.bloque { padding: 34px 38px; margin-top: 28px; background: var(--blanco); border: 1px solid var(--linea); border-radius: var(--radio); }
.bloque--destacado { border-left: 6px solid var(--verde); }
.bloque > :last-child { margin-bottom: 0; }

.lista { list-style: none; margin: 0 0 1.1em; padding: 0; }
.lista li { position: relative; padding: 0 0 0 30px; margin-bottom: 0.8em; }
.lista li::before {
  content: ""; position: absolute; left: 0; top: 0.55em;
  width: 12px; height: 12px; border-radius: 3px; background: var(--verde);
}

.firma { margin-top: 30px; padding: 26px 30px; background: var(--verde-tenue); border-radius: var(--radio); }
.firma p { margin: 0; text-align: left; }
.firma__nombre { font-family: var(--titulos); font-weight: 800; font-size: 1.2rem; color: var(--carbon); }

.fepeval h2 { text-align: center; max-width: 26em; margin-inline: auto; }
.fepeval__nota { text-align: center; font-size: 1.05rem; margin-bottom: 26px; }
.video { position: relative; max-width: 900px; margin: 0 auto 40px; aspect-ratio: 16 / 9; border-radius: var(--radio); overflow: hidden; background: var(--carbon); }
.video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.imagen-completa { width: 100%; border-radius: var(--radio); }

/* ---------- Noticias ---------- */
.noticias__cabecera { text-align: center; margin-bottom: 36px; }
.rejilla-noticias { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
@media (max-width: 960px) { .rejilla-noticias { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .rejilla-noticias { grid-template-columns: 1fr; } }
.tarjeta-noticia { display: flex; flex-direction: column; background: var(--blanco); border: 1px solid var(--linea); border-radius: var(--radio); overflow: hidden; }
.tarjeta-noticia__imagen { display: block; aspect-ratio: 1 / 1; background: var(--verde-tenue); overflow: hidden; }
.tarjeta-noticia__imagen img { width: 100%; height: 100%; object-fit: cover; }
.tarjeta-noticia__cuerpo { padding: 20px 22px 24px; }
.tarjeta-noticia__fecha { display: inline-block; margin-bottom: 8px; font-size: 0.88rem; font-weight: 600; color: var(--verde-oscuro); }
.tarjeta-noticia h3 { margin: 0; font-size: 1.08rem; line-height: 1.35; }
.tarjeta-noticia h3 a { color: var(--carbon); text-decoration: none; }
.tarjeta-noticia h3 a:hover { color: var(--verde-oscuro); text-decoration: underline; }
.noticias__todas { text-align: center; margin-top: 34px; }

/* ---------- Botones ---------- */
.boton {
  display: inline-block; padding: 13px 26px;
  font-family: var(--titulos); font-weight: 700; font-size: 1rem; text-decoration: none;
  color: var(--blanco); background: var(--verde); border: 2px solid var(--verde);
  border-radius: var(--radio-pildora);
}
.boton:hover { background: var(--verde-oscuro); border-color: var(--verde-oscuro); color: var(--blanco); }
.boton--contorno { color: var(--verde-oscuro); background: transparent; }
.boton--contorno:hover { color: var(--blanco); }

/* ---------- Páginas interiores ---------- */
.titulo-pagina { padding: 46px 0; background: var(--verde-tenue); border-bottom: 1px solid var(--linea); }
.titulo-pagina h1 { margin: 0; }
.descarga { text-align: center; margin-bottom: 36px; }
.folleto img { width: 100%; margin-bottom: 22px; border: 1px solid var(--linea); border-radius: var(--radio); }
.caracteristicas p { padding-left: 4px; }

.contacto-rejilla { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
@media (max-width: 760px) { .contacto-rejilla { grid-template-columns: 1fr; } }
.contacto-dato { font-family: var(--titulos); font-weight: 700; font-size: 1.25rem; color: var(--carbon); margin: 0; }
.contacto-fepeval img { width: 320px; margin-bottom: 18px; }

/* ---------- Artículo ---------- */
.articulo { max-width: 820px; margin-inline: auto; }
.articulo .subtitulo { font-size: 1.2rem; color: var(--gris); }
.articulo__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin: 0 0 26px; }
.articulo__imagen { width: 100%; max-width: 651px; margin: 0 auto 30px; border-radius: var(--radio); border: 1px solid var(--linea); }
.articulo h3 { margin-top: 1.6em; }
.volver { display: inline-block; margin-top: 26px; font-weight: 600; }

/* ---------- Pie: verde completo ---------- */
.pie { background: var(--verde-oscuro); color: var(--blanco); padding: 52px 0 26px; }
.pie a { color: var(--blanco); }
.pie__rejilla { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
@media (max-width: 760px) { .pie__rejilla { grid-template-columns: 1fr; text-align: center; } .pie__logo, .pie__fepeval img { margin-inline: auto; } }
.pie__logo { width: 300px; }
.pie__rotulo { margin: 0 0 12px; font-family: var(--titulos); font-weight: 700; letter-spacing: 0.04em; }
.pie__fepeval img { width: 260px; }
.pie__contacto { margin: 34px 0 0; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.28); text-align: center; }
.pie__copy { margin: 10px 0 0; text-align: center; font-size: 0.9rem; opacity: 0.85; }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }