/* ==========================================================================
   Página de ayudas del EVE (Ente Vasco de la Energía) — País Vasco.
   Se carga DESPUÉS de categoria.css, que aporta la cabecera oscura y las
   tarjetas numeradas.

   Sobre la duplicación con ader.css: es deliberada y está acotada. Extraer lo
   común a una hoja compartida cambiaría las hojas que carga la página ADER y,
   con ella, su HTML servido; el encargo exige que esa página salga idéntica y
   hoy no se puede demostrar (está en borrador y su vista previa necesita
   sesión). Cuando se pueda comparar, se extrae. Anotado en ESTADO.md.

   Sin `style=` y sin `<script>` inline. Radios: 10 px el botón, 2 px lo demás.
   Foco de 3 px en verde, heredado de tokens.css.
   ========================================================================== */

.gi-eve{width:100vw;min-width:100vw;margin-left:calc(50% - 50vw)}
.gi-eve__int{
  max-width:1180px;margin-inline:auto;
  padding-inline:max(1.25rem, var(--gi-gutter));
}
.gi-eve__seccion,.gi-eve__proceso,.gi-eve__contacto{
  scroll-margin-top:calc(var(--gi-alto-cabecera, 101px) + 12px);
}
.gi-eve__seccion{padding-block:clamp(2.75rem,2rem + 3vw,4.5rem)}
.gi-eve__seccion + .gi-eve__seccion{border-top:1px solid var(--gi-linea)}
.gi-eve__seccion h2{
  font-family:var(--gi-titular);font-size:var(--gi-t-xl);font-weight:600;
  color:var(--gi-verde-oscuro);margin:0 0 1rem;text-wrap:balance;
}
.gi-eve__antetitulo{
  font-family:var(--gi-titular);font-size:var(--gi-t-xs);font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--gi-verde);margin:0 0 .75rem;
}
.gi-eve__nota{font-size:var(--gi-t-s);color:var(--gi-texto-suave);margin:1rem 0 0}

/* Marcadores ⟦…⟧: misma convención que los textos legales (legal.css no se
   carga aquí). Si aparece un tercer sitio con marcadores, esto sube a tokens. */
.legal-placeholder{
  background:#FFF1C2;border:1px solid #D9A400;border-radius:3px;
  padding:0 .25em;color:#4A3800;font-weight:600;
}

/* --- Cabecera ------------------------------------------------------------- */
.gi-eve__distintivo{
  display:inline-block;font-family:var(--gi-titular);font-weight:600;
  font-size:var(--gi-t-s);letter-spacing:.01em;color:#fff;
  background:rgba(39,168,85,.22);border:1px solid var(--gi-verde);
  border-radius:2px;padding:.35em .8em;margin:0 0 1rem;
}
.gi-eve__distintivo--cerrada{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.45)}
.gi-eve__acciones{
  display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;margin:1.75rem 0 0;max-width:none;
}
.gi-eve__horario{font-size:var(--gi-t-s);color:rgba(233,239,236,.82);line-height:1.4}

/* --- Tarjetas de referencia ----------------------------------------------- */
.gi-eve__referencias{background:#fff;border-bottom:1px solid var(--gi-linea)}
.gi-eve__referencias-int{
  max-width:1180px;margin-inline:auto;
  padding:clamp(1.75rem,1.4rem + 1.6vw,2.75rem) max(1.25rem, var(--gi-gutter));
  display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1rem,.6rem + 1.6vw,2rem);
}
.gi-eve__referencia{
  border:1px solid rgba(16,22,26,.14);border-left:3px solid var(--gi-verde);
  border-radius:2px;padding:clamp(1rem,.8rem + .8vw,1.5rem);
}
.gi-eve__referencia-titulo{
  font-family:var(--gi-titular);font-weight:600;font-size:var(--gi-t-m);margin:0 0 .35rem;
}
.gi-eve__referencia-titulo span{
  display:block;font-size:var(--gi-t-xs);font-weight:400;letter-spacing:.08em;
  text-transform:uppercase;color:var(--gi-texto-suave);
}
.gi-eve__referencia-dato{
  font-family:var(--gi-titular);font-variant-numeric:tabular-nums;font-weight:700;
  font-size:clamp(1.3rem,1.1rem + 1vw,1.8rem);line-height:1.1;color:var(--gi-verde);
  margin:.5rem 0 .35rem;letter-spacing:-.02em;
}
.gi-eve__referencia-pie{font-size:var(--gi-t-s);color:var(--gi-texto-suave);margin:0}
@media (max-width:36rem){ .gi-eve__referencias-int{grid-template-columns:1fr} }

/* --- Calculadora ----------------------------------------------------------- */
.gi-eve__calc{
  margin:1.75rem 0 0;padding:clamp(1.25rem,1rem + 1.2vw,1.75rem);
  background:#fff;border:1px solid var(--gi-linea);border-radius:2px;
}
.gi-eve__calc[hidden]{display:none}
.gi-eve__calc-perfiles{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 1rem}
.gi-eve__calc-perfiles[hidden]{display:none}
/* El botón elegido se marca con aria-pressed, que es lo que anuncia el lector
   de pantalla; el color va detrás del atributo, no al revés. */
.gi-eve__calc-perfiles .gi-cta[aria-pressed="true"]{
  background:var(--gi-verde);border-color:var(--gi-verde);color:#fff;
}
.gi-eve__calc-campos{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 0 1rem;
}
.gi-eve__calc-campos p{margin:0;max-width:none}
.gi-eve__calc-campos label{
  display:block;font-family:var(--gi-titular);font-size:var(--gi-t-s);font-weight:600;
  color:var(--gi-verde-oscuro);margin:0 0 .35rem;
}
.gi-eve__calc-campos input{
  width:100%;font-family:var(--gi-cuerpo);font-size:var(--gi-t-m);
  padding:.7em .9em;border:1px solid rgba(16,22,26,.22);border-radius:2px;
  background:#fff;color:var(--gi-texto);
}
.gi-eve__calc-campos input:focus-visible{
  outline:3px solid var(--gi-verde);outline-offset:2px;border-color:var(--gi-verde);
}
.gi-eve__calc-resultado{border-top:1px solid var(--gi-linea);padding-top:1rem}
.gi-eve__resultado-total{
  font-family:var(--gi-titular);font-variant-numeric:tabular-nums;font-weight:700;
  font-size:clamp(1.6rem,1.3rem + 1.4vw,2.3rem);line-height:1.1;
  color:var(--gi-verde-oscuro);margin:0 0 .5rem;letter-spacing:-.02em;
}
.gi-eve__resultado-desglose{list-style:none;margin:0 0 .75rem;padding:0}
.gi-eve__resultado-desglose li{font-size:var(--gi-t-s);margin:0 0 .25rem}
.gi-eve__resultado-desglose span{color:var(--gi-texto-suave)}
.gi-eve__aviso{
  margin:.75rem 0 0;padding:.7rem .9rem;font-size:var(--gi-t-s);
  background:var(--gi-verde-claro);border-left:3px solid var(--gi-verde);border-radius:2px;
}
.gi-eve__resultado-nota{margin:1rem 0 0;font-size:var(--gi-t-xs);color:var(--gi-texto-suave)}
@media (max-width:36rem){ .gi-eve__calc-campos{grid-template-columns:1fr} }

/* --- Tablas de tramos ------------------------------------------------------- */
.gi-eve__tabla{width:100%;border-collapse:collapse;margin:1.5rem 0 0;font-size:var(--gi-t-s)}
.gi-eve__tabla caption{
  text-align:left;font-family:var(--gi-titular);font-weight:600;
  font-size:var(--gi-t-m);color:var(--gi-verde-oscuro);margin:0 0 .5rem;
}
.gi-eve__tabla th,.gi-eve__tabla td{
  text-align:left;vertical-align:top;padding:.6rem .7rem;border-bottom:1px solid var(--gi-linea);
}
.gi-eve__tabla thead th{font-family:var(--gi-titular);font-weight:600;background:var(--gi-fondo)}
.gi-eve__tabla tbody th{font-family:var(--gi-titular);font-weight:600;color:var(--gi-verde-oscuro)}
.gi-eve__tabla td{font-variant-numeric:tabular-nums;white-space:nowrap}
@media (max-width:48rem){
  /* La tabla se desplaza sola en horizontal antes que romper la página. */
  .gi-eve__tabla{display:block;overflow-x:auto}
}

.gi-eve__ejemplo{
  margin:2rem 0 0;padding:clamp(1rem,.8rem + .8vw,1.5rem);
  background:var(--gi-verde-claro);border-radius:2px;
}
.gi-eve__ejemplo h3{
  font-family:var(--gi-titular);font-size:var(--gi-t-l);font-weight:600;
  color:var(--gi-verde-oscuro);margin:0 0 .5rem;
}
.gi-eve__ejemplo p{margin:0}

/* --- Para quién -------------------------------------------------------------- */
.gi-eve__perfiles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,.7rem + 1.2vw,1.5rem)}
.gi-eve__perfil{
  border:1px solid rgba(16,22,26,.14);border-left:3px solid var(--gi-verde);
  border-radius:2px;padding:clamp(1.1rem,.9rem + .8vw,1.5rem);
}
.gi-eve__perfil h3{font-family:var(--gi-titular);font-size:var(--gi-t-m);font-weight:600;margin:0 0 .5rem}
.gi-eve__perfil p{margin:0;font-size:var(--gi-t-s);color:var(--gi-texto-suave)}
@media (max-width:48rem){ .gi-eve__perfiles{grid-template-columns:1fr} }

/* --- Proceso ------------------------------------------------------------------ */
.gi-eve__proceso{padding-block:clamp(3rem,2.4rem + 3vw,5rem)}
.gi-eve__proceso h2{
  font-family:var(--gi-titular);font-size:var(--gi-t-xl);font-weight:600;
  color:#fff;margin:0 0 .75rem;text-wrap:balance;
}
.gi-eve__lema{font-size:var(--gi-t-l);color:rgba(233,239,236,.82);margin:0 0 2rem;max-width:52ch}
.gi-eve__pasos{
  list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(6,1fr);gap:clamp(.75rem,.5rem + 1vw,1.25rem);
}
.gi-eve__paso{
  background:var(--gi-tecnico-2);border:1px solid rgba(255,255,255,.10);
  border-left:3px solid var(--gi-verde);border-radius:2px;
  padding:clamp(1rem,.8rem + .6vw,1.35rem);
}
.gi-eve__paso-num{
  font-family:var(--gi-titular);font-variant-numeric:tabular-nums;font-weight:700;
  font-size:var(--gi-t-l);line-height:1;color:var(--gi-verde);margin:0 0 .5rem;
}
.gi-eve__paso h3{
  font-family:var(--gi-titular);font-size:var(--gi-t-m);font-weight:600;
  color:#fff;margin:0 0 .4rem;line-height:1.25;
}
.gi-eve__paso p{margin:0;font-size:var(--gi-t-s);color:rgba(233,239,236,.82);max-width:none}
@media (max-width:64rem){ .gi-eve__pasos{grid-template-columns:repeat(3,1fr)} }
@media (max-width:48rem){ .gi-eve__pasos{grid-template-columns:repeat(2,1fr)} }
@media (max-width:36rem){ .gi-eve__pasos{grid-template-columns:1fr} }

/* --- Preguntas frecuentes ------------------------------------------------------ */
.gi-eve__faq{border-bottom:1px solid var(--gi-linea);padding:.9rem 0}
.gi-eve__faq summary{
  font-family:var(--gi-titular);font-weight:600;font-size:var(--gi-t-m);
  color:var(--gi-verde-oscuro);cursor:pointer;list-style:none;
  display:flex;align-items:flex-start;gap:.6rem;
}
.gi-eve__faq summary::-webkit-details-marker{display:none}
.gi-eve__faq summary::before{content:"+";font-weight:700;color:var(--gi-verde);line-height:1.25;flex:none}
.gi-eve__faq[open] summary::before{content:"\2212"}
.gi-eve__faq summary:focus-visible{outline:3px solid var(--gi-verde);outline-offset:3px;border-radius:4px}
.gi-eve__faq p{margin:.75rem 0 0 1.4rem;color:var(--gi-texto)}

/* --- Contacto -------------------------------------------------------------------- */
.gi-eve__contacto{padding-block:clamp(3rem,2.4rem + 3vw,5rem)}
.gi-eve__contacto-rejilla{
  display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,1.5rem + 3vw,4rem);align-items:start;
}
.gi-eve__contacto h2{
  font-family:var(--gi-titular);font-size:var(--gi-t-xl);font-weight:600;
  color:#fff;margin:0 0 .75rem;text-wrap:balance;
}
.gi-eve__contacto-datos p{color:rgba(233,239,236,.82)}
.gi-eve__privacidad{
  margin:1.5rem 0 0;padding:1rem 1.1rem;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.14);border-left:3px solid var(--gi-verde);border-radius:2px;
}
.gi-eve__privacidad p{margin:0;font-size:var(--gi-t-s);line-height:1.6}
.gi-eve__separador{border:0;border-top:1px solid rgba(255,255,255,.14);margin:2rem 0 1.5rem}
.gi-eve__otra-via{font-family:var(--gi-titular);font-weight:600;color:#fff;margin:0 0 1rem}
.gi-eve__correo{margin:1.25rem 0 0}
.gi-eve__correo a{color:#fff;text-decoration:underline}
.gi-eve__correo a:hover{color:var(--gi-verde)}
.gi-eve__contacto-form{background:#fff;border-radius:2px;padding:clamp(1.25rem,1rem + 1.4vw,2rem)}
.gi-eve__contacto-form h3{
  font-family:var(--gi-titular);font-size:var(--gi-t-l);font-weight:600;
  color:var(--gi-verde-oscuro);margin:0 0 1rem;
}
/* WPForms se estiliza por VARIABLES CSS en :root y usa la variable «-alt» para
   el estado NORMAL: está al revés de lo que sugiere el nombre (NOTAS-DISENO). */
.gi-eve__contacto-form .wpforms-container{
  --wpforms-button-background-color-alt:#27A854;
  --wpforms-button-background-color:#0D3D1F;
  --wpforms-button-text-color:#FFFFFF;
  --wpforms-button-border-radius:10px;
  --wpforms-field-border-color:rgba(16,22,26,.22);
  --wpforms-field-border-radius:2px;
  --wpforms-label-color:#0D3D1F;
  --wpforms-label-sublabel-color:#5A6660;
  --wpforms-button-size-font-size:15px;
}
.gi-eve__contacto-form .wpforms-container .wpforms-form button[type=submit],
.gi-eve__contacto-form .wpforms-container .wpforms-form input[type=submit]{
  display:inline-block;font-family:var(--gi-titular);font-weight:600;
  font-size:var(--gi-t-s);padding:.85em 1.6em;border-radius:var(--gi-radio);
  background:var(--gi-verde);color:#fff;border:2px solid transparent;cursor:pointer;
}
.gi-eve__contacto-form .wpforms-container .wpforms-form button[type=submit]:hover,
.gi-eve__contacto-form .wpforms-container .wpforms-form input[type=submit]:hover{
  background:var(--gi-verde-oscuro);color:#fff;
}
/* Los cinco campos de campaña: texto normal escondido, porque WPForms Lite no
   tiene campo oculto. display:none los saca del tabulador y del árbol de
   accesibilidad, y el navegador los envía igual. */
.gi-eve__contacto-form .wpforms-field.gi-campo-utm{display:none}
@media (max-width:64rem){ .gi-eve__contacto-rejilla{grid-template-columns:1fr} }

/* --- Fuentes ----------------------------------------------------------------------- */
.gi-eve__fuentes{background:#fff;border-top:1px solid var(--gi-linea)}
.gi-eve__fuentes .gi-eve__int{padding-block:clamp(1.5rem,1.2rem + 1vw,2.25rem)}
.gi-eve__fuentes p{margin:0;font-size:var(--gi-t-s);color:var(--gi-texto-suave);max-width:none}

/* --- Barra fija de móvil ------------------------------------------------------------- */
.gi-eve__barra{display:none}
@media (max-width:921px){
  .gi-eve__barra{
    position:fixed;left:0;right:0;bottom:0;z-index:50;
    display:flex;align-items:center;gap:.6rem;
    padding:.6rem max(.75rem, env(safe-area-inset-left,0px))
            calc(.6rem + env(safe-area-inset-bottom,0px));
    background:rgba(247,249,248,.96);border-top:1px solid var(--gi-linea);
  }
  .gi-eve__barra-cta{flex:1 1 auto;text-align:center}
  .gi-eve__barra-icono{
    flex:none;width:52px;height:52px;padding:0;
    display:inline-flex;align-items:center;justify-content:center;
  }
  .gi-eve__barra-icono svg{width:24px;height:24px;fill:var(--gi-verde-oscuro)}
  /* Hueco bajo el PIE, que va fuera de <main>, para que la barra no lo tape. */
  /* gi-flotantes:inicio — botones flotantes por encima de la barra (06/10).
     El botón de CookieYes para cambiar el consentimiento (abajo a la
     izquierda) y la flecha de volver arriba de Astra (abajo a la derecha)
     quedaban DEBAJO de la barra y tapaban el botón principal y el de
     WhatsApp. Suben por encima: alto de la barra con sus mismas unidades
     (lo mide ader.js en --gi-barra-alto, área segura de iOS incluida) y 12px
     de aire. Sin JS, un alto de respaldo con el botón principal en dos líneas
     (72px), .6rem arriba y abajo, 1px de borde y el área segura. El de
     CookieYes NO se oculta: retirar el consentimiento tiene que ser tan fácil
     como darlo. */
  :root{
    --gi-barra-alto:calc(72px + 1.2rem + 1px + env(safe-area-inset-bottom,0px));
    --gi-flotante-bajo:calc(var(--gi-barra-alto) + 12px);
  }
  .cky-btn-revisit-wrapper.cky-revisit-bottom-left,
  .cky-btn-revisit-wrapper.cky-revisit-bottom-right{bottom:var(--gi-flotante-bajo) !important}
  #ast-scroll-top{bottom:var(--gi-flotante-bajo) !important}
  /* Hueco bajo el pie: la barra y, encima, los flotantes (45px). */
  .gi-pie{padding-bottom:calc(var(--gi-flotante-bajo) + 45px + 12px)}
  /* gi-flotantes:fin */
}

/* --- Aviso de la cabecera y etiqueta de las cifras (02/10) -------------------
   El aviso va en texto, sin caja, en la cabecera oscura; la etiqueta, encima de
   las tablas, para que nadie lea las cifras como de la convocatoria nueva. */
.gi-eve__aviso-cabecera{
  font-family:var(--gi-titular);font-weight:600;font-size:var(--gi-t-s);
  color:#fff;margin:1rem 0 0;max-width:62ch;
}
.gi-eve__etiqueta-cifras{
  font-family:var(--gi-titular);font-weight:600;font-size:var(--gi-t-s);
  color:var(--gi-verde-oscuro);margin:1rem 0 0;
}