/*
Theme Name:   Kadence Child - GrowThruSEO
Theme URI:    https://growthruseo.com
Description:  Child theme de Kadence para GrowThruSEO
Author:       Anderson Herrera
Author URI:   https://growthruseo.com
Template:     kadence
Version:      1.0.0
Text Domain:  kadence-child
*/

/* =============================================
   VARIABLES DE MARCA — GrowThruSEO
   Paleta Sunset
   ============================================= */
:root {
  /* Colores principales */
  --gts-navy:        #001219;
  --gts-dark-teal:   #005F73;
  --gts-teal:        #0A9396;
  --gts-light-teal:  #94D2BD;
  --gts-sand:        #E9D8A6;
  --gts-amber:       #EE9B00;
  --gts-orange:      #CA6702;
  --gts-deep-orange: #BB3E03;
  --gts-brick:       #AE2012;
  --gts-dark-red:    #9B2226;

  /* Neutros */
  --gts-white:       #ffffff;
  --gts-off-white:   #f8f9fa;
  --gts-light-gray:  #f0f0f0;
  --gts-text:        #001219;
  --gts-text-muted:  #4a5568;

  /* Tipografía */
  --gts-font:        'Poppins', sans-serif;

  /* Sombras */
  --gts-shadow-sm:   0 2px 8px rgba(0, 18, 25, 0.08);
  --gts-shadow-md:   0 4px 20px rgba(0, 18, 25, 0.12);
  --gts-shadow-lg:   0 8px 40px rgba(0, 18, 25, 0.18);

  /* Bordes */
  --gts-radius-sm:   6px;
  --gts-radius-md:   12px;
  --gts-radius-lg:   20px;
  --gts-radius-pill: 50px;

  /* Transiciones */
  --gts-transition:  all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  /* Sobreescribir paleta global de Kadence */
  --global-palette1: #001219;
  --global-palette2: #0A9396;
  --global-palette3: #005F73;
  --global-palette4: #001219;
  --global-palette5: #94D2BD;
  --global-palette6: #E9D8A6;
  --global-palette7: #ffffff;
  --global-palette8: #f8f9fa;
  --global-palette9: #EE9B00;
}

/* =============================================
   TIPOGRAFÍA GLOBAL
   ============================================= */
body,
h1, h2, h3, h4, h5, h6,
p, a, button, input, textarea, select,
.wp-block-button__link {
  font-family: var(--gts-font) !important;
}

/* =============================================
   ANIMACIONES DE SCROLL (fade-in)
   ============================================= */
.gts-fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.gts-fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

.gts-fade-in-delay-1 { transition-delay: 0.1s; }
.gts-fade-in-delay-2 { transition-delay: 0.2s; }
.gts-fade-in-delay-3 { transition-delay: 0.3s; }
.gts-fade-in-delay-4 { transition-delay: 0.4s; }
.gts-fade-in-delay-5 { transition-delay: 0.5s; }

/* =============================================
   UTILIDADES GLOBALES
   ============================================= */

/* Fondos de sección */
.gts-bg-dark   { background-color: var(--gts-navy); color: var(--gts-white); }
.gts-bg-teal   { background-color: var(--gts-teal); color: var(--gts-white); }
.gts-bg-light  { background-color: var(--gts-off-white); }
.gts-bg-white  { background-color: var(--gts-white); }

/* Textos */
.gts-text-teal  { color: var(--gts-teal); }
.gts-text-navy  { color: var(--gts-navy); }
.gts-text-white { color: var(--gts-white); }
.gts-text-muted { color: var(--gts-text-muted); }

/* Botones */
.gts-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  border-radius: var(--gts-radius-pill);
  font-family: var(--gts-font);
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: var(--gts-transition);
  cursor: pointer;
  border: 2px solid transparent;
}

.gts-btn-primary {
  background: var(--gts-teal);
  color: var(--gts-white);
}
.gts-btn-primary:hover {
  background: var(--gts-dark-teal);
  color: var(--gts-white);
  transform: translateY(-2px);
  box-shadow: var(--gts-shadow-md);
}

.gts-btn-outline {
  background: transparent;
  border-color: var(--gts-white);
  color: var(--gts-white);
}
.gts-btn-outline:hover {
  background: var(--gts-white);
  color: var(--gts-navy);
  transform: translateY(-2px);
}

.gts-btn-outline-dark {
  background: transparent;
  border-color: var(--gts-navy);
  color: var(--gts-navy);
}
.gts-btn-outline-dark:hover {
  background: var(--gts-navy);
  color: var(--gts-white);
  transform: translateY(-2px);
}

/* Etiquetas / badges */
.gts-badge {
  display: inline-block;
  padding: 4px 14px;
  border-radius: var(--gts-radius-pill);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.gts-badge-teal   { background: rgba(10, 147, 150, 0.12); color: var(--gts-teal); }
.gts-badge-navy   { background: rgba(0, 18, 25, 0.08); color: var(--gts-navy); }
.gts-badge-amber  { background: rgba(238, 155, 0, 0.12); color: var(--gts-amber); }

/* Contenedor estándar */
.gts-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

/* Sección */
.gts-section {
  padding: 96px 0;
}
.gts-section-sm {
  padding: 64px 0;
}

/* Divisor decorativo */
.gts-divider {
  width: 48px;
  height: 4px;
  background: var(--gts-teal);
  border-radius: 2px;
  margin: 16px 0 24px;
}
.gts-divider-center {
  margin-left: auto;
  margin-right: auto;
}

/* Highlight de texto inline */
.gts-highlight {
  color: var(--gts-teal);
}
.gts-highlight-dark {
  background: linear-gradient(135deg, var(--gts-teal), var(--gts-dark-teal));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}