/* ===========================
   SECCIÓN TESTIMONIOS
   =========================== */
.testimonios {
  background: #fff;
  padding: 3rem 5rem 5rem;
  text-align: left;
  margin-top: 2rem;
}

.testimonios h2 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #000;
  margin-bottom: 2rem;
}

/* Contenedor de los cuadros */
.testimonios-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

/* Estilo de cada testimonio */
.testimonio {
  background: #f4f4f4;
  border-radius: 30px;
  padding: 1.5rem 2rem;
  box-shadow: 0 3px 8px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.testimonio:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 14px rgba(0,0,0,0.15);
}

.estrellas {
  color: #f5b342;
  font-size: 1.1rem;
  letter-spacing: 2px;
  margin-bottom: 0.4rem;
}

.testimonio h3 {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0.3rem;
}

.testimonio p {
  font-size: 0.95rem;
  color: #333;
}

/* Responsivo */
@media (max-width: 768px) {
  .testimonios-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
/* Elimina bordes o espacios amarillentos arriba de testimonios */
section.testimonios {
  background: #fff;             /* asegura blanco puro */
  margin-top: 0;                /* elimina espacio fantasma */
  padding-top: 3rem;            /* mantiene aire normal */
  position: relative;
  z-index: 2;                   /* garantiza que tape cualquier fondo anterior */
}


/* Si la línea viene del fondo anterior (ej. productos o esencia) */
section.productos,
section.esencia {
  margin-bottom: 0;   /* elimina solapamiento visual */
  padding-bottom: 0;  /* evita el reborde amarillento */
}