/* ==========================================================
   TESTIMONIOS - White Chat Segment
   Objetivo:
   - Diferenciar visualmente TESTIMONIOS del bloque anterior (Fundador)
   - Estética tipo chat: fondo claro y cards blancas
   - Mantener acento dorado de marca
   ========================================================== */

#testimonios.testimonios-section{
  background: linear-gradient(180deg, #FFFFFF 0%, #F6F7F9 100%) !important;
  position: relative;
}

#testimonios.testimonios-section::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  /* Repartimos el dorado en todo el bloque (no solo arriba) */
  background:
    /* base vertical suave (sensación de degradé en toda la sección) */
    linear-gradient(180deg, rgba(255,255,255,0.00) 0%, rgba(212,175,55,0.06) 50%, rgba(255,255,255,0.00) 100%),

    /* halo superior sutil */
    radial-gradient(1100px 620px at 50% -18%, rgba(212,175,55,0.10) 0%, rgba(255,255,255,0) 70%),

    /* halo medio/bajo extendido */
    radial-gradient(1400px 900px at 50% 72%, rgba(212,175,55,0.08) 0%, rgba(255,255,255,0) 74%),

    /* diagonal metálica muy suave */
    linear-gradient(135deg, rgba(212,175,55,0.05) 0%, rgba(255,255,255,0) 45%, rgba(212,175,55,0.035) 100%);
  opacity: 1;
}

#testimonios.testimonios-section > *{
  position: relative;
  z-index: 1;
}

/* Header */
#testimonios .section-title{
  color: #0B0B0B !important;
}

#testimonios .section-description{
  color: rgba(0,0,0,0.62) !important;
}

#testimonios .section-tag{
  background: rgba(212,175,55,0.12) !important;
  border-color: rgba(212,175,55,0.28) !important;
}

/* Rating */
#testimonios .testimonios-rating-general{
  background: rgba(0,0,0,0.03) !important;
  border-color: rgba(212,175,55,0.22) !important;
}

#testimonios .rating-number{
  color: #111 !important;
}

#testimonios .rating-count{
  color: rgba(0,0,0,0.55) !important;
}

/* Cards tipo chat */
#testimonios .testimonio-card{
  background: #FFFFFF !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,0.08) !important;
}

/* Forzar TODOS los textos internos a negro/gris (porque testimonios.css trae blanco) */
#testimonios .testimonio-card,
#testimonios .testimonio-card *{
  color: rgba(0,0,0,0.78) !important;
}

/* Ajustes finos por tipo */
#testimonios .testimonio-rating{ color: #D4AF37 !important; }
#testimonios .testimonio-texto{ color: rgba(0,0,0,0.72) !important; }
#testimonios .testimonio-nombre{ color: #0B0B0B !important; }
#testimonios .testimonio-rol{ color: rgba(212,175,55,0.95) !important; }
#testimonios .testimonio-equipo{ color: rgba(0,0,0,0.58) !important; }

/* Compat si existen estas clases en algún template */
#testimonios .testimonio-text{ color: rgba(0,0,0,0.72) !important; }
#testimonios .testimonio-name{ color: #0B0B0B !important; }
#testimonios .testimonio-team{ color: rgba(0,0,0,0.55) !important; }

/* Carousel buttons */
#testimonios .carousel-btn{
  background: #FFFFFF !important;
  border: 1px solid rgba(0,0,0,0.10) !important;
  color: #111 !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.10) !important;
}

#testimonios .carousel-btn:hover{
  border-color: rgba(212,175,55,0.55) !important;
}