/* ============================================================
   Marca GEA en los bloques NATIVOS de Gutenberg
   (Botón, Separador/líneas, Cita…). Solo afecta a páginas con
   el editor de bloques (Canvas/blog); Divi usa sus propias
   clases (.et_pb_*), así que no se pisan.
   Depende de las variables de assets/css/gea-tokens.css.
   ============================================================ */

/* ---------- Botón nativo (core/button) → estética GEA ---------- */
.wp-block-button__link {
  font-family: 'Barlow', system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  border-radius: 0;                 /* branding GEA: esquinas cuadradas */
  padding: 15px 28px;
  background-color: var(--gea-verde);
  color: var(--gea-papel);
  transition: background-color 0.25s ease, color 0.25s ease;
}
.wp-block-button__link:hover,
.wp-block-button__link:focus {
  background-color: var(--gea-mostaza);
  color: var(--gea-papel);
}

/* Variante contorno nativa (is-style-outline) en clave GEA */
.wp-block-button.is-style-outline .wp-block-button__link {
  border-radius: 0;
  border: 1.5px solid var(--gea-verde);
  color: var(--gea-verde);
  background: transparent;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--gea-verde);
  color: var(--gea-papel);
}

/* Estilo "GEA" explícito (botón mostaza con texto blanco) */
.wp-block-button.is-style-gea .wp-block-button__link {
  background-color: var(--gea-mostaza);
  color: #fff;
}
.wp-block-button.is-style-gea .wp-block-button__link:hover {
  background-color: var(--gea-verde);
  color: var(--gea-papel);
}

/* ---------- Separador (core/separator) → "líneas" GEA ---------- */
/* Por defecto: línea corta, centrada, mostaza (acento de marca). */
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  border: 0;
  height: 2px;
  width: 80px;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--gea-mostaza);
  opacity: 1;
}
/* Variante ancha: línea fina salvia de lado a lado. */
.wp-block-separator.is-style-wide {
  border: 0;
  height: 1px;
  background-color: var(--gea-salvia);
  opacity: 1;
}
/* Variante de puntos: en mostaza. */
.wp-block-separator.is-style-dots::before {
  color: var(--gea-mostaza);
}

/* ---------- Cita / cita destacada nativas ---------- */
.wp-block-quote {
  border-left: 3px solid var(--gea-mostaza);
  padding-left: 1.2em;
  font-style: italic;
}
.wp-block-pullquote {
  border-top: 2px solid var(--gea-mostaza);
  border-bottom: 2px solid var(--gea-mostaza);
  color: var(--gea-verde);
}