/* ==========================================================================
   LA JUNGLA TOURS S.A.S. — SCOPED DESIGN TOKENS (D02, D04, D06, D17)
   ========================================================================== */

@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('/wp-content/themes/twentytwentyfive/assets/fonts/red-hat-display/RedHatDisplay-Variable.woff2') format('woff2');
}

:root {
  --font-family-display: 'Red Hat Display', sans-serif;
}

body,
.ljt-widget,
.elementor-widget-ljt {
  --ljt-color-primary:      #FF6600;
  --ljt-color-primary-text: #D15300;
  --ljt-color-secondary:    #23A9DC;
  --ljt-color-accent:       #1B85B8;
  --ljt-bg:                 #FFFFFF;
  --ljt-surface:            #FFFFFF;
  --ljt-surface-alt:        #F4F6F8;
  --ljt-border:             #E2E8F0;
  --ljt-text-strong:        #1E293B;
  --ljt-text-muted:         #64748B;
  --ljt-text-inverse:       #FFFFFF;
  --ljt-radius:             8px;
  --ljt-transition:         0.2s ease;
  font-family: 'Red Hat Display', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #1E293B;
}

/* Escala Fluida D04 */
.ljt-heading,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Red Hat Display', sans-serif;
}

.ljt-heading {
  font-size: clamp(1.5rem, 2vw + 1rem, 3rem);
  line-height: 1.2;
}

/* Enlaces con contraste WCAG 2.1 AA (4.9:1) */
a, .elementor a {
  color: #D15300;
  text-decoration: none;
  transition: color 0.2s ease;
}
a:hover, .elementor a:hover {
  color: #FF6600;
}

/* Botón píldora oficial (D05 / D06) */
.boton-pildora,
.elementor-button.boton-pildora,
.elementor-button {
  border-radius: 9999px !important;
  font-weight: 700 !important;
  transition: all 0.2s ease !important;
}

.elementor-button--primary,
.boton-pildora {
  background-color: #FF6600 !important;
  color: #FFFFFF !important;
}

.elementor-button--primary:hover,
.boton-pildora:hover {
  background-color: #D15300 !important;
  color: #FFFFFF !important;
  transform: translateY(-1px);
}

/* Tarjeta con borde (D06) */
.tarjeta-borde {
  background-color: #FFFFFF;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.tarjeta-borde:hover {
  box-shadow: 0 10px 25px -5px rgba(30, 41, 59, 0.08);
  transform: translateY(-2px);
}