/* Territorios - verde bosque (#0F3D2E) en lugar del verde lima y
   naranja (#D9822B) en lugar de los detalles azul marino.
   Para Asset Injector > CSS Injector de UN solo sitio.
   html:root gana a :root del tema aunque el CSS se cargue antes;
   el prefijo "body" en el resto de reglas da la especificidad necesaria. */

html:root {
  /* Verde: antes #99C43D (claro). Ahora oscuro, texto encima en blanco. */
  --primary: #0F3D2E;
  --primary-700: #0B2E22;
  --primary-900: #071F17;
  --secondary: #2F6B55;
  --deep: #04120D;
  --on-primary: #ffffff;

  /* Azul marino -> naranja (botones, acentos, foco) */
  --btn: #D9822B;
  --btn-hover: #E8964A;
  --gold: #D9822B;
  --gold-bright: #E8964A;
  --sh-gold: 0 10px 30px rgba(217, 130, 43, .28);

  /* Titulos (h1-h4, hero): eran azul marino. En verde bosque para que sigan
     siendo legibles; el naranja sobre blanco no llega a 3:1 en texto. */
  --title: #0F3D2E;

  /* Fondos y bordes derivados del verde bosque */
  --bg-soft: #eef4f1;
  --bg-mint: #f4f8f6;
  --tint: #dfeae5;
  --border: #c5d8cf;
  --border-soft: #dce8e2;

  /* Sombras */
  --sh-sm: 0 1px 3px rgba(15, 61, 46, .08), 0 1px 2px rgba(15, 61, 46, .06);
  --sh-md: 0 8px 24px rgba(15, 61, 46, .10);
  --sh-lg: 0 18px 48px rgba(15, 61, 46, .14);

  /* Anillo de foco de Claro (tema base): era verde #26a769 */
  --color-focus: #D9822B;
  --color-lightninggreen: #D9822B;
}

/* ============================================================
   BOTONES (estilo pildora con borde del tema)
   Reposo: borde naranja #D9822B, texto naranja oscuro #A85E15 (4.9:1
   sobre blanco; el #D9822B puro solo llega a 2.9:1 en texto).
   Hover: relleno naranja con texto verde bosque (4.1:1).
   ============================================================ */
body .btn-primary, body a.btn-primary, body a.btn-primary:visited,
body .btn-outline, body a.btn-outline, body a.btn-outline:visited,
body .btn-gold, body a.btn-gold, body a.btn-gold:visited,
body .sticky-cta,
body .contact-form .form-submit,
body .contact-form .webform-button--submit,
body .contact-form button[type="submit"],
body .contact-form input[type="submit"] {
  color: #A85E15;
  border-color: #D9822B;
}
body .btn-primary:hover, body a.btn-primary:hover,
body .btn-outline:hover, body a.btn-outline:hover,
body .btn-gold:hover, body a.btn-gold:hover,
body .sticky-cta:hover,
body .contact-form .form-submit:hover,
body .contact-form .webform-button--submit:hover,
body .contact-form button[type="submit"]:hover,
body .contact-form input[type="submit"]:hover {
  background: #D9822B;
  border-color: #D9822B;
  color: #0F3D2E;
}

/* Pill de institucion en ponentes: fondo naranja degradado, texto oscuro */
body .sp-inst { color: #0F3D2E; }

/* Texto naranja pequeno sobre blanco: tono mas oscuro (4.9:1) */
body .ag-time { color: #A85E15; }

/* ============================================================
   TEXTO SOBRE VERDE BOSQUE
   Elementos con fondo --primary que tenian texto oscuro (antes el verde
   era claro). Ahora en blanco.
   ============================================================ */
/* Badge "eyebrow" del hero (Seminario Internacional...) */
body .eyebrow { color: #ffffff; }
body .eyebrow .dot { background: var(--gold); box-shadow: 0 0 0 4px rgba(217, 130, 43, .30); }

/* Agenda: pestana activa */
body .agenda-tab.is-active .at-day,
body .agenda-tab.is-active .at-date { color: #ffffff; }

/* Ponentes sin foto: iniciales */
body .sp-initials::after { color: rgba(255, 255, 255, .95); }

/* Tira animada (marquee): fondo verde lima escrito a mano, estrella azul */
body .marquee { background: var(--primary); border-block: 1px solid rgba(255, 255, 255, .15); }
body .marquee-item { color: #ffffff; }
body .marquee-star { color: var(--gold); }

/* Seccion Turismo: cuadrito separador en naranja sobre la banda verde */
body .tur-separator span { background: var(--gold); }

/* ============================================================
   ACENTOS
   ============================================================ */
/* Hero: el ano y la palabra destacada eran verde lima sobre titulo azul;
   ahora titulo verde bosque + acento naranja. */
body .hero-title .year,
body .hero-subtitle .accent { color: var(--gold); }

/* Otros verdes / azules escritos a mano en territorios.css */
body .field input:focus,
body .field textarea:focus { box-shadow: 0 0 0 3px rgba(15, 61, 46, .25); }
body .register-band::after { background: radial-gradient(circle, rgba(47, 107, 85, .5), transparent 70%); }
body .td-footer-col ul li a:hover { color: #E8964A; }
body #tr-login { background: linear-gradient(135deg, #0F3D2E 0%, #0B2E22 40%, #071F17 100%); }
body #tr-login a:hover { color: #E8964A; }

/* Opcional: sin anillo de foco al hacer click con el mouse, solo con teclado
   (el tema ya dibuja su propio contorno con :focus-visible).
   Borrar esta linea si se prefiere ver siempre el anillo. */
body :focus:not(:focus-visible) { box-shadow: none; }