body{
    background:#830747;
    }
    .tratamientos,
    .nosotros,
    section{
    background:transparent;
}


/*=====================================
            MENÚ
=====================================*/

.navbar{
    background:#f3ebf0 !important;   /* Cambia este color */
}
.navbar .nav-link{
    color:#5E3A20 !important;
    font-weight:600;
}

.navbar .nav-link:hover{
    color:#C06C84 !important;
}

.navbar-brand{
    color:#5E3A20 !important;
}

.navbar-toggler{
    border-color:#5E3A20;
}




/* Pie de firma */
.footer{
    background:#e8c0dc; /* Color principal pie de firma */
    color:#faf8f8;         /* Color de la letra */
}

.footer a{
    color:#fff;
    text-decoration:none;
}

.footer a:hover{
    color:#8160dd;
}

.navbar-brand span{
    font-size:18px;
    font-weight:600;
}

.social-icon-btn{
    font-size:28px;
    color:#fff;
    margin-right:12px;
}

.logo-footer-achicado{
    height:60px;
    width:auto;
}

/*=====================================
        WHATSAPP FOOTER
=====================================*/

.whatsapp-link{

    color:white;
    text-decoration:none;
    font-size:18px;
    transition:0.3s;

}

.whatsapp-link i{

    color:#25D366;
    font-size:24px;
    margin-right:8px;
    transition:0.3s;

}

.whatsapp-link:hover{

    color:#25D366;

}

.whatsapp-link:hover i{

    transform:scale(1.2);

}


/*=====================================
        TRATAMIENTOS
=====================================*/

.tratamientos{
    background:#ffffff;
}

.tratamientos h2{
    color:#6b3b1d;
    font-weight:700;
}

.tratamientos p{
    max-width:900px;
    margin:auto;
    margin-bottom:40px;
}

.tratamiento-img{
    width:100%;
    height:280px;
    object-fit:cover;
    border-radius:15px;
    transition:.4s;
}

.tratamiento-img:hover{
    transform:scale(1.05);
}

.carousel-control-next-icon,
.carousel-control-prev-icon{

    background-color:#8b5a2b;
    border-radius:50%;
    padding:18px;

}

/*==================================================
                    NOSOTROS
==================================================*/

.nosotros{

    background:#ffffff;
}
.titulo-seccion{
    font-size:2.2rem;
    font-weight:700;
    color:#5c3521;
}
.titulo-seccion span{
    color:#b07d4f;
}

.nosotros p{
    text-align:justify;
    font-size:1.05rem;
    line-height:1.8;
    color:#555;
}

.nosotros img{
    border-radius:15px;
    transition:.4s;
}

.nosotros img:hover{
    transform:scale(1.04);
}

.nosotros .card{
    border-radius:18px;
    padding:20px;
    transition:.4s;

}

.nosotros .card:hover{
    transform:translateY(-8px);
}

.nosotros h3{
    color:#6e3b2a;
    font-weight:600;
}

.nosotros .fa-heart{
    color:#c66d6d;
}

.nosotros .fa-star{
    color:#d8a340;
}

/*==================================================
        ESTILOS PARA LAS BANDERAS (AÑADIDO)
==================================================*/
.lang-btn {
    width: 30px;
    height: auto;
    cursor: pointer;
    border-radius: 4px;
    transition: transform 0.2s ease, filter 0.2s ease;
}

.lang-btn:hover {
    transform: scale(1.15);
    filter: brightness(1.1);
}

/* Ocultar banderas en pantallas muy pequeñas si obstruyen el menú */
@media (max-width: 400px) {
    .la-selector {
        gap: 5px !important;
    }
    .lang-btn {
        width: 25px;
    }
}

/*==================================================
                    SERVICIOS
==================================================*/

.servicios{

    padding:80px 0;

    background:#FAF7F2;

}

.titulo-servicios{

    color:#6E3B2A;

    font-size:42px;

    font-weight:700;

}

.subtitulo-servicios{

    color:#666;

    font-size:20px;

    max-width:850px;

    margin:auto;

}

.servicio-card{

    position:relative;

    overflow:hidden;

    border-radius:20px;

    background:#fff;

    box-shadow:0 8px 20px rgba(0,0,0,.15);

    transition:.4s;

}

.servicio-card img{

    width:100%;

    height:300px;

    object-fit:cover;

    transition:.6s;

}

.servicio-info{

    padding:20px;

    text-align:center;

}

.servicio-info h4{

    color:#6E3B2A;

    font-weight:700;

}

.servicio-info p{

    color:#666;

}

/*=================================
        EFECTO DEL MOUSE
==================================*/

.servicio-card:hover{

    transform:translateY(-10px);

    box-shadow:0 15px 35px rgba(0,0,0,.30);

}

.servicio-card:hover img{

    transform:scale(1.12);

    filter:brightness(1.1);

}

/*==================================================
                CONTACTO
==================================================*/

.contacto{

    background:#FAF7F2;

}

.titulo-contacto{

    color:#6E3B2A;

    font-size:42px;

    font-weight:700;

}

.formulario{

    border:2px solid #D8BFD8;

    border-radius:10px;

    padding:15px;

    font-size:20px;

    transition:.4s;

}

.formulario:focus{

    border-color:#C98AA8;

    box-shadow:0 0 15px rgba(201,138,168,.35);

}

.contacto label{

    font-size:22px;

    font-weight:600;

    color:#5C3521;

}

.btn-enviar{

    background:#C98AA8;

    color:white;

    padding:15px 40px;

    border-radius:30px;

    font-size:20px;

    font-weight:600;

    transition:.4s;

}

.btn-enviar:hover{

    background:#8B5E3C;

    color:white;

    transform:translateY(-5px);

}

.foto-contacto{

    border-radius:20px;

    box-shadow:0 15px 35px rgba(0,0,0,.20);

    transition:.4s;

}

.foto-contacto:hover{

    transform:scale(1.05);

}

.mapa-google{

    margin-top:20px;

    border-radius:15px;

    box-shadow:0 10px 25px rgba(0,0,0,.15);

    transition:.4s;

}

.mapa-google:hover{

    transform:scale(1.04);

}

.contacto p{

    font-size:18px;

    color:#666;

}
/*==================================
            MAPA
===================================*/

.mapa-google{

    overflow:hidden;

    border-radius:15px;

    box-shadow:0 10px 25px rgba(0,0,0,.20);

    margin-top:20px;

}

.mapa-google iframe{

    width:100%;

    height:350px;

}

.direccion-contacto{

    margin-top:25px;

    text-align:center;

}

.direccion-contacto h4{

    color:#7b4f32;

    font-weight:700;

}

.direccion-contacto p{

    font-size:18px;

    color:#555;

    line-height:1.7;

}

.btn-mapa{

    background:#d68db0;

    color:white;

    border-radius:30px;

    padding:12px 28px;

    transition:.4s;

}

.btn-mapa:hover{

    background:#8b5e3c;

    color:white;

    transform:translateY(-3px);

}