html, body {
    max-width: 100%;
    overflow-x: hidden;
}

 

body {
    padding-top: 56px; 
}

.navbar-brand img {
    height: 200px; 
}

.header-content {
    display: flex;
    flex-wrap: wrap; 
    justify-content: center;
    align-items: center;
    min-height: 80vh;
    text-align: start; 
}

.btn-main {
    margin: 5px; 
}


@media (max-width: 767px) {
    .navbar-brand img {
        height: auto;
        max-width: 100%;
        margin-bottom: 20px; 
    }
}


.servicios-container {
    margin: 40px auto; 
    padding: 50px;
    text-align: center; 
}


.servicio-item {
    padding: 20px;
    margin-top: 20px;
    border: 2px solid #7b56c0; 
    border-radius: 8px; 
    background-color: #f9f9f9; 
    transition: transform 0.3s ease; 
    min-height: 450px;
}

.servicio-icono {
    width: 350px; 
    max-width: 100%;
    margin-bottom: 20px; 
}

.servicio-item:hover {
    transform: scale(1.05); 
}


h3 {
    margin: 20px 0 10px; 
}

.sobre-nosotros-container {
    padding: 60px 0; 
    padding-inline: 50px;
}

.sobre-nosotros-texto h2 {
    margin-bottom: 20px; 
}

.sobre-nosotros-texto p {
    font-size: 16px; 
    margin-bottom: 20px; 
}

.sobre-nosotros-imagenes img {
    max-width: 100%; 
    border-radius: 8px; 
}


.contacto-container {
    padding: 40px 0;
    background: rgb(226,148,231);
    background: linear-gradient(90deg, rgba(226,148,231,1) 0%, rgba(123,86,192,1) 100%);
    text-align: center; 
    color: white;
}

.contacto-info p {
    font-size: 16px; 
    margin: 10px 0; 
}