/*
Theme Name:   Astra Child Eclipsi27
Theme URI:    https://eclipsi27.com
Description:  Child theme de Astra para eclipsi27.com (eclipse total 2 agosto 2027). Misma estructura que eclipsi26.com.
Author:       Clara Llopart
Author URI:   https://clarallopart.pro
Template:     astra
Version:      1.3.1
Text Domain:  astra-child-eclipsi27
*/

/* ------------------------------------------------------------------
   Design tokens (heredados de eclipsi26; ajustar si 2027 cambia paleta)
   ------------------------------------------------------------------ */
:root {
  --e27-negro:         #060608;
  --e27-dorado:        #C9A84C;
  --e27-dorado-oscuro: #A8872E;
  --e27-crema:         #F2EDE4;
  --e27-noche:         #0A0520;
  --e27-crema-claro:   #FBF9F4;

  --e27-font-display: 'Bebas Neue', Impact, 'Arial Narrow', sans-serif;
  --e27-font-body:    'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --e27-font-mono:    'DM Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;
}

/* ------------------------------------------------------------------
   Tipografía global (fuera de .e27nb: cabecera, menú, pie, entradas)
   Astra en "Inherit" + Elementor sin fuentes por defecto -> manda esto.
   ------------------------------------------------------------------ */
body,
button,
input,
select,
textarea {
  font-family: var(--e27-font-body);
}

h1, h2, h3, h4, h5, h6,
.site-title,
.entry-title {
  font-family: var(--e27-font-display);
  font-weight: 400; /* Bebas Neue solo tiene 400: evita negrita sintética */
  letter-spacing: 0.02em;
}

/* ------------------------------------------------------------------
   Namespace para HTML de Elementor: .e27nb
   (equivalente a .e26nb; todo bloque HTML custom va dentro de .e27nb)
   ------------------------------------------------------------------ */
.e27nb,
.e27nb * {
  box-sizing: border-box;
}

.e27nb {
  font-family: var(--e27-font-body);
  color: var(--e27-crema);
  line-height: 1.6;
}

.e27nb h1,
.e27nb h2,
.e27nb h3 {
  font-family: var(--e27-font-display);
  letter-spacing: 0.02em;
  line-height: 1.1;
}

.e27nb .e27-dato,
.e27nb code {
  font-family: var(--e27-font-mono);
}

.e27nb a {
  color: var(--e27-dorado);
}

.e27nb a:hover,
.e27nb a:focus {
  color: var(--e27-dorado-oscuro);
}

/* Utilidad: fondo noche para secciones de datos/mapa */
.e27nb.e27-noche {
  background: var(--e27-noche);
}

/* Utilidad: tarjeta crema para fichas de municipio */
.e27nb .e27-card {
  background: var(--e27-crema-claro);
  color: var(--e27-negro);
  border: 1px solid var(--e27-dorado);
  border-radius: 6px;
  padding: 1.25rem;
}

/* ------------------------------------------------------------------
   Pie de página Astra (copyright): color sin HTML inline
   ------------------------------------------------------------------ */
.ast-footer-copyright,
.ast-footer-copyright p {
  color: var(--e27-crema);
  font-size: 0.875rem;
}

.ast-footer-copyright a {
  color: var(--e27-dorado);
  text-decoration: none;
}

.ast-footer-copyright a:hover,
.ast-footer-copyright a:focus {
  color: var(--e27-dorado-oscuro);
  text-decoration: underline;
}