/* ─────────────────────────────────────────────────────────────────────────────
   Haza — sistema de color de 2 acentos
   Fuente de verdad: editar SOLO aquí para cambiar tonos en todo el sitio.

   Terracota (#C1633C) = ACCION
     Todo lo que invita a hacer clic o avanzar: botones CTA, estado
     activo/seleccionado en el cotizador, focus states.

   Indigo (#3F4B8C) = CLASIFICACION
     Información y categoría, no acción: badges de producto, precios
     en fichas, tags de filtro.

   Ver MAPA-DEL-PROYECTO.md → sección "Tokens de color".
──────────────────────────────────────────────────────────────────────────── */
:root {
  /* ── Terracota (ACCION) ── */
  --color-terracota: #C1633C;
  --color-terracota-bg: rgba(193, 99, 60, 0.12);
  --color-terracota-text: #2B1006; /* texto oscuro sobre fondo terracota */

  /* ── Indigo (CLASIFICACION) ── */
  --color-indigo: #3F4B8C;
  --color-indigo-bg: #2B3060;     /* fondo oscuro de etiqueta */
  --color-indigo-text: #AAB4E8;   /* texto claro sobre fondo indigo o fondo oscuro de tarjeta */

  /* Override del template — hace que todos los componentes que usan
     var(--at-theme-primary) hereden terracota automáticamente */
  --at-theme-primary: var(--color-terracota);
}

/* ── TAREA 1: botón "ir arriba" movido a la esquina inferior izquierda ── */
.back-to-top-wrapper {
  right: auto !important;
  left: 50px;
}
@media (max-width: 574.98px) {
  .back-to-top-wrapper {
    left: 20px;
    right: auto !important;
  }
}

/* ── CLASIFICACION: tag "DISPONIBLE AHORA" en Section4
   Override necesario porque .card_case__studies-featured-tag usa
   background: var(--at-theme-primary) en main.css ── */
.card_case__studies-featured-tag {
  background: var(--color-indigo-bg) !important;
  color: var(--color-indigo-text) !important;
}