/*
Theme Name:   EMMA Child
Theme URI:    https://emmaenergy.com
Description:  Child theme de Astra para el rediseño web de EMMA Energy. Tokens de marca, fuentes (Inter + Rubik) y estilos base orientados a conversión. No migrar de plataforma; proteger SEO.
Author:       EMMA Energy
Author URI:   https://emmaenergy.com
Template:     astra
Version:      1.6.0
Text Domain:  emma-child
*/

/* =========================================================
   TOKENS DE MARCA EMMA  (fuente: PLAN §6 / INSIGHTS)
   El naranja #FD830D es EXCLUSIVO para CTAs.
   ========================================================= */
:root {
  /* Índigo / morado */
  --emma-indigo-deep:  #1B1840;  /* marco / bandas oscuras */
  --emma-indigo-band:  #2E2B66;  /* bandas, fondos premium */
  --emma-indigo:       #4D4A9E;  /* principal: titulares, línea "predicho" */
  --emma-violet:       #AC92EC;  /* terciario: dato "real" */

  /* Datos / estados */
  --emma-green:        #8DC049;  /* positivo / ahorro (nunca decorativo) */

  /* CTA — SOLO botones de acción */
  --emma-cta:          #FD830D;
  --emma-cta-hover:    #e57407;

  /* Neutros / superficies */
  --emma-slate:        #516377;  /* texto cuerpo */
  --emma-surface:      #F6F6FB;  /* superficie clara */
  --emma-white:        #FFFFFF;

  /* Tipografía */
  --emma-font-head:    'Inter', system-ui, -apple-system, sans-serif;   /* titulares + cuerpo */
  --emma-font-data:    'Rubik', 'Inter', sans-serif;                    /* números héroe / sexy data */
}

/* =========================================================
   BASE
   ========================================================= */
body {
  font-family: var(--emma-font-head);
  color: var(--emma-slate);
}

h1, h2, h3, h4, h5, h6,
.entry-title, .site-title {
  font-family: var(--emma-font-head);
  color: var(--emma-indigo);
  font-weight: 700;
}

/* Números héroe / cifras de ahorro */
.emma-data,
.emma-metric-number {
  font-family: var(--emma-font-data);
  font-weight: 600;
  color: var(--emma-indigo);
  line-height: 1;
}
.emma-data--green { color: var(--emma-green); }

/* =========================================================
   CTAs  (naranja exclusivo)
   ========================================================= */
.emma-cta,
.wp-block-button.is-style-emma-cta .wp-block-button__link,
.ast-button.emma-cta {
  background-color: var(--emma-cta);
  color: var(--emma-white);
  border: none;
  border-radius: 8px;
  font-family: var(--emma-font-head);
  font-weight: 600;
  padding: 14px 28px;
  text-decoration: none;
  display: inline-block;
  transition: background-color .15s ease;
}
.emma-cta:hover,
.wp-block-button.is-style-emma-cta .wp-block-button__link:hover,
.ast-button.emma-cta:hover {
  background-color: var(--emma-cta-hover);
  color: var(--emma-white);
}

/* CTA secundario (contorno índigo) — para no abusar del naranja */
.emma-cta--ghost {
  background: transparent;
  color: var(--emma-indigo);
  border: 2px solid var(--emma-indigo);
}
.emma-cta--ghost:hover {
  background: var(--emma-indigo);
  color: var(--emma-white);
}

/* =========================================================
   BANDAS / SECCIONES PREMIUM
   ========================================================= */
.emma-band-indigo {
  background: var(--emma-indigo-band);
  color: var(--emma-white);
}
.emma-band-indigo h1,
.emma-band-indigo h2,
.emma-band-indigo h3 { color: var(--emma-white); }

.emma-surface { background: var(--emma-surface); }

/* =========================================================
   ACCESIBILIDAD / MOVIMIENTO
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}
:focus-visible {
  outline: 3px solid var(--emma-violet);
  outline-offset: 2px;
}