.about-hero img {
width: 100%;
height: auto;
}
.about-content {
padding: 40px 20px;
text-align: center;
}
.about-content h1 {
color: #238d7a;
margin-bottom: 20px;
animation: fadeInUp 1s ease-out;
}
.about-content img {
max-width: 100%;
margin-top: 20px;
}
.about-mission-vision {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 40px 20px;
background-color: #f9f9f9;
}
.about-mission-vision .mission,
.about-mission-vision .vision {
flex: 1 1 300px;
margin: 20px;
text-align: center;
}
.about-mission-vision img {
width: 80px;
height: 80px;
margin-bottom: 20px;
}
.about-values {
text-align: center;
padding: 40px 20px;
}
.about-values h2 {
color: #238d7a;
margin-bottom: 20px;
}
.about-values ul {
list-style: none;
padding: 0;
}
.about-values ul li {
margin: 10px 0;
}
/* Bot��n flotante WhatsApp */
#whatsapp-button {
position: fixed;
bottom: 90px;
right: 20px;
width: 55px;
height: 55px;
background-color: #25D366;
border-radius: 50%;
background-image: url('../icons/icono-whatsapp.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 28px;
border: none;
cursor: pointer;
}
/* Bot��n subir */
#scroll-top-button {
position: fixed;
bottom: 20px;
right: 20px;
width: 55px;
height: 55px;
background-color: #ffffff;
color: #238d7a;
border: 2px solid #238d7a;
font-size: 24px;
line-height: 55px;
text-align: center;
cursor: pointer;
border-radius: 8px;
}
/* Animaci��n */
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(20px); }
}
/* Responsive */
@media (max-width: 768px) {
.about-mission-vision {
flex-direction: column;
align-items: center;
}
.about-content img,
.about-hero img {
display: none;
}
}