.about-section {
background: var(--fondo-seccion); /* Fondo de la sección */
padding: 4rem 2rem;
display: flex;
justify-content: center;
}

.about-content {
display: flex;

align-items: center;
gap: 3rem;
max-width: 1200px;
margin: 0 auto;
}

.about-text {
flex: 1 1 50%;
color: var(--azul-oscuro); /* Texto en azul oscuro */
text-align: left;
}

.about-text h2 {
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 1.5rem;
color: var(--azul-oscuro); /* Título en azul oscuro */
}

.about-text p {
font-size: 1.1rem;
margin-bottom: 1.6rem;
line-height: 1.8;
}

.about-image {
flex: 1 1 40%;
text-align: center;
}

.about-image img {
width: 100%;
max-width: 400px;
border-radius: 50%;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}


/* Estilos Responsivos */
@media (max-width: 768px) {
.about-content {
    flex-direction: column;
    text-align: center;
}

.about-text {
    margin-bottom: 2rem;
}

.about-image img {
    max-width: 250px;
    margin-top: 1rem;
}
}