/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : 4 nov 2025, 10:13:17
    Author     : Leo_Web
*/

.bgHeader{
    background-size: cover;
    background-position: bottom;
    background-image: url('../img/BG_Header.png');
}
.bgFooter{
    background-size: cover;
    background-position: bottom;
}
.bgInicio{
    background-size: cover;
    background-position: bottom;
    background-image: url('../img/BG_Inicio.png');
}


.bgExperiencia{
    background-size: cover;
    background-position: bottom;
    background-image: url('../img/BG_Experiencia.png');
}
.bgLoqueHacemos{
    background-size: cover;
    background-position: bottom;
    background-image: url('../img/BG_Fondo_Lo_Que_Hacemos.jpg');
}

.bgPorque{
    background-size: cover;
    background-position: bottom;
    background-image: url('../img/BG_Por_Que.jpg');
}

.bgContact{
    background-size: cover;
    background-position: bottom;
    background-image: url('../img/BG_Contacto.jpg');
}

.pHeader{
    font-family: 'Playfair Display';
    font-weight: 500; /* simula Medium */
    color: white;
}

.h3Regular400{
    font-family: 'Playfair Display';
    font-weight: 400;
    color: #827563;
}

.h1Bold700{
    font-family: 'Playfair Display';
    font-weight: 700;
    color: #52615b;
}

.h6InicioMedium500{
    font-family:'Montserrat';
    font-weight:500;
    color: #52615b;
}



.btnConversemos{
    font-family:'Montserrat';
    font-weight:500;
    color: white;
    background-color: #8fa49c;
    border: none;
    padding-left: 6%;
    padding-right: 6%;
    padding-top: 1%;
    padding-bottom: 1%;
}




.h1ExperienciaBold700{
    font-family: 'Playfair Display';
    font-weight: 700;
    color: white;
}

.h6ExperienciaMedium500{
    font-family:'Montserrat';
    font-weight:500;
    color: white;
}

.h1LoQueHacemosBold700{
    font-family: 'Playfair Display';
    font-weight: 700;
    color: #52615b;
}

.h6LoQueHacemosMedium500{
    font-family:'Montserrat';
    font-weight:500;
    color: #52615b;
}


.h3LoQueHacemosBold700{
    font-family: 'Playfair Display';
    font-weight: 700;
    color: #52615b;
}

.h6LoQueHacemosBold700{
    font-family:'Montserrat';
    font-weight:700;
    color: #52615b;
}


.h1PorQueBold700{
    font-family: 'Playfair Display';
    font-weight: 700;
    color: white;
}

.h6PorQueMedium500{
    font-family:'Montserrat';
    font-weight:500;
    color: white;
}

.h2ContactoBold700{
    font-family: 'Playfair Display';
    font-weight: 700;
    color: #52615b;
}

.h6ContactoMedium500{
    font-family:'Montserrat';
    font-weight:500;
    color: #827563;
}



.parent {
    display: grid;
    grid-template-columns: 1fr;
}
.parent div {

    grid-row-start: 1;
    grid-column-start: 1;
}





/* 7 columnas iguales en pantallas medianas (md) o mayores */
@media (min-width: 768px) {
    .col-md-1-7 {
        flex: 0 0 calc(100% / 7);
        max-width: calc(100% / 7);
    }
    .col-md-1-5 {
        flex: 0 0 calc(100% / 5);
        max-width: calc(100% / 5);
    }
}




.row{
    margin: 0;
    padding: 0;
}



.imgHeader{
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
}

.imgFooter{
    width: 80%;
    padding-left: 3%;
    padding-right: 3%;
}

.imgContact{
    width: 100%;

}




.boton-estrategico {
    background: #208ECE;
    color: #ffffff;
    font-family: 'HelveticaNeueLTPro', Arial, sans-serif;
    font-weight: 600;   /* Medium */
    font-style: normal;
    text-transform: uppercase;
    width: auto;
    border-radius: 40px;
    padding: 10px;
    border: none;
}


.text-center-webkit-center{
    text-align: -webkit-center !important;
}







/* ---- Estilos responsive para tus tabs ---- */

/* Móvil: 2 y 2 */
#LoQueHacemosTab {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
}

#LoQueHacemosTab .nav-item {
    flex: 0 0 50%;        /* 2 columnas en móvil */
    text-align: center;
}

#LoQueHacemosTab .nav-link {
    width: 100%;
}

/* Tablet y Desktop (>=768px): una sola fila, todos iguales */
@media (min-width: 768px) {
    #LoQueHacemosTab {
        flex-wrap: nowrap;   /* Ya no hace filas */
    }

    #LoQueHacemosTab .nav-item {
        flex: 1 1 auto;      /* Cada tab ocupa el mismo ancho */
    }
}

.nav-item {
    flex: 1 1 0;
    text-align: center;
}

/* Asegurar que todos los botones tengan la misma altura */
.nav-link {
    width: 100%;
    height: 100%;
    white-space: normal; /* permite salto de línea si es necesario */
    line-height: 1;
    padding: 0.75rem;
    color:#827563;
    font-family: 'Playfair Display';
    font-weight: 700;

}

nav-link.active {
    color: white;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-link:hover{
    color:#827563;
    border-color: #827563 #827563 #fff;
}

.nav-tabs {
    border-bottom: 2px solid #827563;
}




.divCenter{
    text-align: -webkit-center;
}


h1,h2,h3,h4,h5{
    word-break: break-word;
}


.borde-shadowForm {
    border: 2px solid #08529D;
    border-radius: 40px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 3px;
    cursor: pointer;
}

.boton-estrategicoForm {
    background: #08529D;
    color: #ffffff;
    font-family: 'HelveticaNeueLTPro', Arial, sans-serif;
    font-weight: 600; /* Medium */
    text-transform: uppercase;
    border: none;
    border-radius: 40px;
    padding: 10px 20px;

    /* 🔧 Claves para Safari */
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;          /* elimina el espacio fantasma */
    margin: 0;               /* evita herencia indeseada */
    -webkit-appearance: none; /* quita el estilo nativo del botón */

    appearance: none;
}

.error{
    color: red;
}



.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    color: white;
    background-color: #827563;
    border-color: #827563 #827563 #827563;
}




div:where(.swal2-container) div:where(.swal2-popup) {
    border-radius: 0;
    border: 2px solid #1D1D1B;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    font-family:'Montserrat';
    font-weight:500;
    color: white;
    background-color: #8fa49c;
}



.divMensaje{
    color: #1D1D1B;
    font-family: 'HelveticaNeueLTPro', Arial, sans-serif;
    font-weight: 400;   /* Medium */
    font-style: normal;
}

#image-161-17 {
    position: fixed;
    right: 2%;
    bottom: 3%;
    width: 70px;
}


.animaBoton{
    -webkit-animation: bounce .5s infinite alternate;
    -moz-animation: bounce .5s infinite alternate;
    animation: bounce .5s infinite alternate;
}
@-webkit-keyframes bounce {
    to {
        -webkit-transform: scale(1.05);
    }
}
@-moz-keyframes bounce {
    to {
        -moz-transform: scale(1.05);
    }
}
@keyframes bounce {
    to {
        transform: scale(1.05);
    }
}



















@media (min-width: 768px){
    .imgHeader{
        width: 50%;
    }
    .imgFooter{
        width: 50%;
    }
    .imgContact{
        width: 50%;
        padding-left: 3%;
        padding-right: 3%;
    }
}





.btnPadding{
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}







/* ---- Tamaños base (mobile first) ---- */
h1 {
    font-size: 2rem;
}      /* 32px */
h2 {
    font-size: 1.75rem;
}   /* 28px */
h3 {
    font-size: 1.5rem;
}    /* 24px */
h4 {
    font-size: 1.25rem;
}   /* 20px */
h5 {
    font-size: 1.1rem;
}    /* 17.6px */
h6 {
    font-size: 1rem;
}      /* 16px */


/* ---- SM ≥ 576px ---- */
@media (min-width: 576px) {
    h1 {
        font-size: 2.25rem;
    }   /* 36px */
    h2 {
        font-size: 2rem;
    }      /* 32px */
    h3 {
        font-size: 1.75rem;
    }   /* 28px */
    h4 {
        font-size: 1.5rem;
    }    /* 24px */
    h5 {
        font-size: 1.25rem;
    }   /* 20px */
    h6 {
        font-size: 1rem;
    }      /* 16px */
}


/* ---- MD ≥ 768px ---- */
@media (min-width: 768px) {
    h1 {
        font-size: 2.5rem;
    }   /* 40px */
    h2 {
        font-size: 2.25rem;
    }  /* 36px */
    h3 {
        font-size: 2rem;
    }     /* 32px */
    h4 {
        font-size: 1.75rem;
    }  /* 28px */
    h5 {
        font-size: 1.5rem;
    }   /* 24px */
    h6 {
        font-size: 1.25rem;
    }  /* 20px */
}


/* ---- LG ≥ 992px ---- */
@media (min-width: 992px) {
    h1 {
        font-size: 3rem;
    }     /* 48px */
    h2 {
        font-size: 2.5rem;
    }   /* 40px */
    h3 {
        font-size: 2.25rem;
    }  /* 36px */
    h4 {
        font-size: 2rem;
    }     /* 32px */
    h5 {
        font-size: 1.75rem;
    }  /* 28px */
    h6 {
        font-size: 1.5rem;
    }   /* 24px */
}


/* ---- XL ≥ 1200px ---- */
@media (min-width: 1200px) {
    h1 {
        font-size: 3.5rem;
    }   /* 56px */
    h2 {
        font-size: 3rem;
    }     /* 48px */
    h3 {
        font-size: 2.5rem;
    }   /* 40px */
    h4 {
        font-size: 2.25rem;
    }  /* 36px */
    h5 {
        font-size: 2rem;
    }     /* 32px */
    h6 {
        font-size: 1.75rem;
    }  /* 28px */
}


/* ---- XXL ≥ 1400px ---- */
@media (min-width: 1400px) {
    h1 {
        font-size: 3.2rem;
    }
    h2 {
        font-size: 2.8rem;
    }
    h3 {
        font-size: 2.4rem;
    }
    h4 {
        font-size: 2rem;
    }
    h5 {
        font-size: 1.8rem;
    }
    h6 {
        font-size: 1.6rem;
    }
}