/* --- VARIABLES DE COLOR Y FUENTES (Basado en clinicasaurea.com) --- */
:root {
    --primary-color: #98d36d; 
    --accent-color: #65943e;  
    --dark-color: #333;
    --light-color: #fff;
    --grey-bg: #f8f9fa;
    --card-green: #a5d6a7;
    --card-pink: #f8bbd0;
    --card-blue: #90caf9;
    --card-yellow: #ffe082;
}

/* --- ESTILOS GLOBALES --- */
#hero, #problema, #servicios, #beneficios, #experiencia, #equipo, #contacto, #faq { padding: 40px 0!important; }
.aurea-h1, .aurea-h2, .aurea-h3 { color: var(--primary-color); margin-bottom: 1rem; }
.aurea-h1 { font-size: 2.3rem; font-weight: 800; }
.aurea-h2 { font-size: 2rem; text-align: center; margin-bottom: 3.5rem; font-weight: 700; }

/* --- SECCIONES HERO Y PROBLEMA --- */
.hero-container, .problema-container { display: flex; align-items: center; gap: 3rem; }
.hero-text, .problema-text { flex: 1; }
.hero-img, .problema-img { flex: 1; }
.hero-img img, .problema-img img { width: 100%; border-radius: 15px; box-shadow: 0 10px 20px rgba(0,0,0,0.1); }

/* --- DISEÑO DE TARJETAS --- */
#servicios, #beneficios, #contacto { background-color: var(--grey-bg); }
.features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; }
.feature-card {
    background: var(--light-color);
    text-align: center;
    padding: 2rem;
    border-radius: 15px;
    border: 2px solid #e0e0e0; /* Borde gris por defecto */
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.feature-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.12);
}
.feature-card h3 {
    color: var(--dark-color);
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
.feature-card i {
    font-size: 4.5rem; /* Iconos grandes */
    margin-bottom: 1.5rem;
    display: block;
}
.feature-card.card-green { border-color: var(--card-green); }
.feature-card.card-green i { color: var(--card-green); }
.feature-card.card-pink { border-color: var(--card-pink); }
.feature-card.card-pink i { color: var(--card-pink); }
.feature-card.card-blue { border-color: var(--card-blue); }
.feature-card.card-blue i { color: var(--card-blue); }
.feature-card.card-yellow { border-color: var(--card-yellow); }
.feature-card.card-yellow i { color: var(--card-yellow); }

/* --- EXPERIENCIA --- */
.logos-clientes {
  display: flex;
  justify-content: center; 
  align-items: flex-start;
  flex-wrap: wrap; 
  gap: 4rem; 
  margin-bottom: 3rem; 
}
.cliente-item {
  display: flex;
  flex-direction: column; 
  align-items: center;   
  text-align: center;
}
.cliente-item p {
  margin-top: 1rem; 
  font-weight: 500;
  color: #333;
}
.testimonial { max-width: 800px; margin: 0 auto; text-align: center; border-left: 4px solid var(--accent-color); padding-left: 2rem; }
.testimonial blockquote { font-size: 1.2rem; font-style: italic; margin-bottom: 1rem; }
.testimonial cite { font-weight: bold; color: var(--primary-color); }

/* --- EQUIPO --- */
.equipo-miembro { display: flex; align-items: center; gap: 3rem; max-width: 900px; margin: 0 auto; }
.equipo-img { flex-shrink: 0; }
.equipo-img img {
    display: block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    object-fit: cover;
    border: 5px solid var(--primary-color);
}
.equipo-info { flex: 1; }
.equipo-info h3 { margin-bottom: 0.25rem; }
.equipo-info h4 { margin-bottom: 1rem; font-style: italic; color: #777; }

/* --- RESPONSIVE --- */
@media(max-width: 992px) {
    .hero-container, .problema-container { flex-direction: column; }
    .equipo-miembro { flex-direction: column; text-align: center; }
}