@font-face {
    font-family: "Impacto";
    src: url("../fonts/Impact.ttf");
}

@font-face {
    font-family: "Calibri";
    src: url("../fonts/Calibri LT 45 Light.ttf");
    font-display: fallback;
}

@font-face {
    font-family: "CalibriBold";
    src: url("../fonts/Calibri LT 65 Bold.ttf");
}

@font-face {
    font-family: "wow";
    src: url("../fonts/world of water.ttf");
}

.menu {
    padding: 0.7vw 2.1vw;
    text-align: center;
}

.menu-item {
    padding: 0.7vw 2.1vw;
    display: inline-block;
    color: black;
    text-decoration: none;
    font-size: 5vw;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

nav li {
    font-size: 1vw;
}

@media (max-width: 991px) {
    nav li {
        width: 350px;
        font-size: 2.5vw;
    }
}

.logo {
    width: 800px;
    margin: 15px;
}

#cambioNav {
    display: flex;
}

@media (max-width: 991px) {
    .logo {
        width: 340px;
    }
    #cambioNav {
        display: block;
    }
}

.bandera {
    width: 2.7vw;
    height: 1.8vw;
}

@media (max-width: 991px) {
    .bandera {
        width: 30px;
        height: 20px;
    }
}

.pointer {
    cursor: pointer;
}

.menu-item:hover {
    color: darkgray;
    font-size: 1.54vw;
}

.menu-logo {
    height: 75px;
}

body {
    background-color: white;
    font-family: 'Calibri';
}

.persona {
    display: inline-block;
    margin-left: auto!important;
    vertical-align: top;
    margin-right: auto!important;
}

.div-imagen>div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    padding: 10px;
    margin: 0;
}

div#imagenAlex {
    width: 22.2vw;
    height: 26vw;
    background-image: url(../imagenes/alex-bn.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(-1.4vw 1.4vw 0.7vw rgba(0, 0, 0, 0.25));
}

div#infoAlex {
    width: 22.2vw;
    height: 22.3vw;
    font-size: 1.2vw;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    transition: opacity 500ms;
    color: rgb(0, 0, 0);
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

div#imagenAlex:hover div#infoAlex {
    opacity: 1;
}

div#imagenGerardo {
    width: 22.2vw;
    height: 26vw;
    background-image: url(../imagenes/gerardo-definitiva.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(-1.4vw 1.4vw 0.7vw rgba(0, 0, 0, 0.25));
}

div#infoGerardo {
    width: 22.2vw;
    height: 22.3vw;
    font-size: 1.2vw;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    transition: opacity 500ms;
    color: rgb(0, 0, 0);
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

div#imagenGerardo:hover div#infoGerardo {
    opacity: 1;
}

div#imagenErika {
    width: 22.2vw;
    height: 26vw;
    background-image: url(../imagenes/erika.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(-1.4vw 1.4vw 0.7vw rgba(0, 0, 0, 0.25));
}

div#infoErika {
    width: 22.2vw;
    height: 22.3vw;
    font-size: 1.2vw;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    transition: opacity 500ms;
    color: rgb(0, 0, 0);
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

div#imagenErika:hover div#infoErika {
    opacity: 1;
}

div#imagenEnrique {
    width: 22.2vw;
    height: 26vw;
    background-image: url(../imagenes/enrique.png);
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(-1.4vw 1.4vw 0.7vw rgba(0, 0, 0, 0.25));
}

div#infoEnrique {
    width: 22.2vw;
    height: 22.3vw;
    font-size: 1.2vw;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    transition: opacity 500ms;
    color: rgb(0, 0, 0);
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

div#imagenEnrique:hover div#infoEnrique {
    opacity: 1;
}

div#imagenManuel {
    width: 22.2vw;
    height: 26vw;
    background-image: url(../imagenes/Manuel.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(-1.4vw 1.4vw 0.7vw rgba(0, 0, 0, 0.25));
}

div#infoManuel {
    width: 22.2vw;
    height: 22.3vw;
    font-size: 1.2vw;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    transition: opacity 500ms;
    color: rgb(0, 0, 0);
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

div#imagenManuel:hover div#infoManuel {
    opacity: 1;
}

div#imagenDavid {
    width: 22.2vw;
    height: 26vw;
    background-image: url(../imagenes/david-bn.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(-1.4vw 1.4vw 0.7vw rgba(0, 0, 0, 0.25));
}

div#infoDavid {
    width: 22.2vw;
    height: 22.3vw;
    font-size: 1.2vw;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    transition: opacity 500ms;
    color: rgb(0, 0, 0);
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

div#imagenDavid:hover div#infoDavid {
    opacity: 1;
}

div#imagenGloria {
    width: 22.2vw;
    height: 26vw;
    background-image: url(../imagenes/Gloria.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(-1.4vw 1.4vw 0.7vw rgba(0, 0, 0, 0.25));
}

div#infoGloria {
    width: 22.2vw;
    height: 22.3vw;
    font-size: 1.2vw;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    transition: opacity 500ms;
    color: rgb(0, 0, 0);
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

div#imagenGloria:hover div#infoGloria {
    opacity: 1;
}

div#imagenAlan {
    width: 22.2vw;
    height: 26vw;
    background-image: url(../imagenes/alan-bn.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(-1.4vw 1.4vw 0.7vw rgba(0, 0, 0, 0.25));
}

div#infoAlan {
    width: 22.2vw;
    height: 22.3vw;
    font-size: 1.2vw;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    transition: opacity 500ms;
    color: rgb(0, 0, 0);
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

div#imagenAlan:hover div#infoAlan {
    opacity: 1;
}

div#imagenPatricia {
    width: 22.2vw;
    height: 26vw;
    background-image: url(../imagenes/patri-bn.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(-1.4vw 1.4vw 0.7vw rgba(0, 0, 0, 0.25));
}

div#infoPatricia {
    width: 22.2vw;
    height: 22.3vw;
    font-size: 1.2vw;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    transition: opacity 500ms;
    color: rgb(0, 0, 0);
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

div#imagenPatricia:hover div#infoPatricia {
    opacity: 1;
}

div#imagenIago {
    width: 22.2vw;
    height: 26vw;
    background-image: url(../imagenes/enigma69.png);
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(-1.4vw 1.4vw 0.7vw rgba(0, 0, 0, 0.25));
}

div#infoIago {
    width: 22.2vw;
    height: 22.3vw;
    font-size: 1.2vw;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    transition: opacity 500ms;
    color: rgb(0, 0, 0);
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

div#imagenIago:hover div#infoIago {
    opacity: 1;
}

div#imagenAlba {
    width: 22.2vw;
    height: 26vw;
    background-image: url(../imagenes/enigma69.png);
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(-1.4vw 1.4vw 0.7vw rgba(0, 0, 0, 0.25));
}

div#infoAlba {
    width: 22.2vw;
    height: 22.3vw;
    font-size: 1.2vw;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    transition: opacity 500ms;
    color: rgb(0, 0, 0);
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

div#imagenAlba:hover div#infoAlba {
    opacity: 1;
}

div#imagenPedro {
    width: 22.2vw;
    height: 26vw;
    background-image: url(../imagenes/enigma69.png);
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(-1.4vw 1.4vw 0.7vw rgba(0, 0, 0, 0.25));
}

div#infoPedro {
    width: 22.2vw;
    height: 22.3vw;
    font-size: 1.2vw;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    transition: opacity 500ms;
    color: rgb(0, 0, 0);
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

div#imagenPedro:hover div#infoPedro {
    opacity: 1;
}

div#imagenLidia {
    width: 22.2vw;
    height: 26vw;
    background-image: url(../imagenes/enigma69.png);
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(-1.4vw 1.4vw 0.7vw rgba(0, 0, 0, 0.25));
}

div#infoLidia {
    width: 22.2vw;
    height: 22.3vw;
    font-size: 1.2vw;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    transition: opacity 500ms;
    color: rgb(0, 0, 0);
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

div#imagenLidia:hover div#infoLidia {
    opacity: 1;
}

div#imagenPablo {
    width: 22.2vw;
    height: 26vw;
    background-image: url(../imagenes/enigma69.png);
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(-1.4vw 1.4vw 0.7vw rgba(0, 0, 0, 0.25));
}

div#infoPablo {
    width: 22.2vw;
    height: 22.3vw;
    font-size: 1.2vw;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    transition: opacity 500ms;
    color: rgb(0, 0, 0);
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

div#imagenPablo:hover div#infoPablo {
    opacity: 1;
}

div#imagenHugo {
    width: 22.2vw;
    height: 26vw;
    background-image: url(../imagenes/enigma69.png);
    background-repeat: no-repeat;
    background-size: contain;
    filter: drop-shadow(-1.4vw 1.4vw 0.7vw rgba(0, 0, 0, 0.25));
}

div#infoHugo {
    width: 22.2vw;
    height: 22.3vw;
    font-size: 1.2vw;
    background-color: rgba(255, 255, 255, 0.9);
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    transition: opacity 500ms;
    color: rgb(0, 0, 0);
    text-align: center;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

div#imagenHugo:hover div#infoHugo {
    opacity: 1;
}

.nombres {
    font-family: 'Calibri';
    font-style: normal;
    font-size: 1.19vw;
    line-height: 1.5vw;
    text-align: center;
}

.fondo_amigos {
    background-image: url("../imagenes/fondo_amigos.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 101.4vw;
    height: 28.6vw;
    max-width: 101.4vw;
    max-height: 28.6vw;
    padding: 14vw;
}

.colocacion {
    display: flex;
    position: relative;
    bottom: 10.9vw;
    right: 13.1vw;
}

.thoja {
    margin-top: 9vw;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: center;
}

.thoja p {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: bold;
    font-size: 1.4vw;
    line-height: 1.75vw;
    text-align: center;
    padding-right: 4vw;
    padding-left: 4vw;
}

.colocacion div {
    width: 24.5vw;
    height: 22.1vw;
}

.titulocolaboradores {
    margin-top: 18vw;
    text-align: center;
    width: 52.3vw;
    height: 2.4vw;
}

.titulocolaboradoresext {
    margin-top: 18vw;
    text-align: center;
    width: 38.3vw;
    height: 2.4vw;
}

#h1titulocolab {
    position: relative;
    bottom: 1.8vw;
    font-family: Impact, "Impacto";
    font-style: normal;
    font-weight: bold;
    font-size: 2.8vw;
    line-height: 3.4vw;
}

.fondoKit {
    background: url('../imagenes/kit_fondo.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100% auto;
}

.fondoReacciona {
    background: url('../imagenes/fondoReacciona.jpeg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100% auto;
}

.PrincipalInicio {
    background-image: url("../imagenes/fondo_inicio.png");
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 54.8vw;
    padding-bottom: 280px;
}

#inicio {
    width: 40vw;
    height: 4.9vw;
    font-family: 'Impacto';
    font-style: normal;
    font-weight: 63vw;
    font-size: 4vw;
    line-height: 5vw;
    text-align: center;
}

#inicio2 {
    width: 33vw;
    height: 4.9vw;
    text-align: center;
    font-family: 'Impacto';
    font-style: normal;
    font-weight: 63vw;
    font-size: 4vw;
    line-height: 5vw;
}

.colocacionservs2 {
    display: flex;
    justify-content: center;
    width: 100vw;
    height: 23vw;
    max-width: 109vw;
    max-height: 23vw;
    position: relative;
    bottom: 8vw;
    justify-content: center;
    text-align: center;
}

.principalCuadradosi {
    display: flex;
    justify-content: center;
    position: relative;
    bottom: 22vw;
}

.cabecerainicio {
    font-family: 'Calibri';
    font-style: normal;
    height: 5.6vw;
    width: 40vw;
    font-size: 1.5vw;
    line-height: 2vw;
    max-width: 40vw;
    text-align: right;
}

.cuadradosi {
    position: relative;
    top: 18vw;
    display: flex;
    justify-content: center;
    box-shadow: -20px 20px 10px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    max-width: 29.5vw;
    padding-bottom: 8vw;
    /* padding-bottom: 14vw; */
    max-height: 1vw;
    /* max-height: 33.6vw; */
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 21vw;
    font-size: 1.4vw;
    line-height: 1.8vw;
    text-align: justify;
    background-color: white;
}

.titulocuad {
    font-size: 3vw;
}

.plus {
    margin-top: 1vw;
    background-image: url("../imagenes/fondo_plus.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 18.8vw;
    margin-right: 7.3vw;
    max-height: auto;
    max-width: 48vw;
}

.plus2 {
    display: flex;
    position: relative;
    right: 54vw;
    background-color: white;
    box-shadow: -1.4vw 1.4vw 0.7vw rgba(0, 0, 0, 0.15);
    border-radius: 0.2vw;
    width: 41vw;
    height: 22.5vw;
    max-width: 41vw;
    max-height: 22.5vw;
}

.plus2 p {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 23vw;
    font-size: 1.5vw;
    line-height: 2vw;
    text-align: justify;
}

#plusimg {
    position: relative;
    bottom: 5.5vw;
    left: 5.5vw;
    margin-bottom: -5vw;
}

.integral {
    margin-top: 8vw;
    background-image: url("../imagenes/fondo_integral.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 18.04vw;
    margin-left: 9vw;
    max-height: auto;
    max-width: 48vw;
}

.integral2 {
    display: flex;
    position: relative;
    left: 15vw;
    bottom: 10.5vw;
    background-color: white;
    box-shadow: -1.4vw 1.4vw 0.7vw rgba(0, 0, 0, 0.15);
    border-radius: 0.2vw;
    width: 48vw;
    height: 22.3vw;
    max-width: 48vw;
    max-height: 22.3vw;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 31vw;
    font-size: 2vw;
    line-height: 2.5vw;
    text-align: justify;
    padding-left: 4vw;
    padding-right: 4vw;
}

.parrafofilosofia {
    padding-left: 16vw;
    padding-right: 16vw;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 300;
    font-size: 1.6vw;
    line-height: 2vw;
}

.PrincipalDonde {
    background-image: url("../imagenes/principe.png");
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 737px;
}

#donde1 {
    display: flex;
    justify-content: center;
    width: 37vw;
    height: 5.4vw;
    font-family: 'Impacto';
    font-style: normal;
    font-weight: 70vw;
    font-size: 3.5vw;
    line-height: 5.4vw;
}

#servicios1 {
    display: flex;
    justify-content: center;
    width: 37vw;
    height: 5vw;
    text-align: center;
    font-family: 'Impacto';
    font-style: normal;
    font-weight: 70vw;
    font-size: 4vw;
    line-height: 5vw;
}

.cabecera {
    display: flex;
    justify-content: center;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: bold;
    font-size: 1.8vw;
    line-height: 2.5vw;
}

.cabeceraserv2 {
    display: flex;
    justify-content: center;
    font-family: 'Calibri';
    font-style: normal;
    font-size: 1.28vw;
    line-height: 1vw;
}

.cabeceraserv3 {
    display: flex;
    justify-content: center;
    font-family: 'Calibri';
    font-style: normal;
    font-size: 1.28vw;
    line-height: 1.5vw;
}

.cabeceraserv {
    display: flex;
    justify-content: center;
    font-family: 'Calibri';
    font-style: normal;
    font-size: 1.3vw;
    line-height: 2.5vw;
}

#feder {
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    width: 52vw;
    height: 37.2vw;
    margin: auto;
}

#pymes {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: bold;
    font-size: 1.25vw;
    line-height: 1.5vw;
    text-align: center;
    margin-top: 5.6vw;
    margin-bottom: 2vw;
}

.PrincipalServicios {
    background-image: url("../imagenes/fondo_servicios.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-size: cover;
    max-height: 51.8vw;
    padding-bottom: 330px;
}

.tituloserv {
    margin-top: 2vw;
    text-align: center;
    width: 35vw;
    height: 2.3vw;
}

.tituloserv2 {
    text-align: center;
    width: 35vw;
    height: 2.3vw;
}

.tituloserv3 {
    text-align: center;
    width: 46vw;
    height: 2.3vw;
}

.tituloserv4 {
    text-align: center;
    width: 18vw;
    height: 2.3vw;
}

.tituloserv5 {
    text-align: center;
    width: 21.5vw;
    height: 2.3vw;
}

#h1titulo {
    position: relative;
    bottom: 2.5vw;
    font-family: 'Impacto';
    font-style: normal;
    font-weight: 70vw;
    font-size: 4vw;
    line-height: 5vw;
}

.estrategia {
    margin-top: 5.9vw;
    background-image: url("../imagenes/fondo_estrategia.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 7.3vw;
    width: 79vw;
}

#estrategia1 {
    display: flex;
    position: relative;
    right: 21vw;
    bottom: 3vw;
    text-align: center;
    width: 41vw;
    height: 32vw;
    font-family: 'Calibri';
    font-weight: 31vw;
    font-size: 1.5vw;
    line-height: 2vw;
    padding-left: 4vw;
    padding-right: 4vw;
    text-align: center;
    background: #FBFAFA;
    box-shadow: -20px 20px 10px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

#estrategia1 p:nth-of-type(1) {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: bold;
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 0px;
    text-align: center;
}

.tituloservs {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: bold;
    font-size: 3.1vw;
    line-height: 3.7vw;
    text-align: center;
}

.tituloservsf {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: bold;
    font-size: 3.1vw;
    line-height: 3.7vw;
    text-align: start;
    margin-top: 2vw;
    margin-left: 5vw;
}

.organizacion {
    margin-top: 5.9vw;
    background-image: url("../imagenes/fondo_organizacion.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 1.3vw;
    width: 79vw;
}

#organizacion1 {
    display: flex;
    position: relative;
    left: 47vw;
    text-align: center;
    width: 41vw;
    height: 32vw;
    font-family: 'Calibri';
    font-weight: 31vw;
    font-size: 1.5vw;
    line-height: 2vw;
    text-align: center;
    padding-left: 4vw;
    padding-right: 4vw;
    background: #FBFAFA;
    box-shadow: -20px 20px 10px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

#organizacion1 p:nth-of-type(1) {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: bold;
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 1.5vw;
    text-align: center;
}

.personas {
    margin-top: 5.9vw;
    background-image: url("../imagenes/fondo_personas.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 7.3vw;
    width: 79vw;
}

#personas1 {
    display: flex;
    position: relative;
    right: 21vw;
    text-align: center;
    width: 41vw;
    height: 32vw;
    font-family: 'Calibri';
    font-weight: 31vw;
    font-size: 1.5vw;
    line-height: 2vw;
    padding-left: 3vw;
    padding-right: 3vw;
    text-align: center;
    background: #FBFAFA;
    box-shadow: -20px 20px 10px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

#personas1 p:nth-of-type(1) {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: bold;
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 1.5vw;
    text-align: center;
}

.seguimiento {
    margin-top: 5.9vw;
    background-image: url("../imagenes/fondo_seguimiento.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 7.3vw;
    width: 74vw;
}

#seguimiento1 {
    display: flex;
    position: relative;
    left: 40vw;
    text-align: center;
    width: 41vw;
    height: 39vw;
    font-family: 'Calibri';
    font-weight: 31vw;
    font-size: 1.5vw;
    line-height: 2vw;
    padding-left: 3vw;
    padding-right: 3vw;
    text-align: center;
    background: #FBFAFA;
    box-shadow: -20px 20px 10px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

#seguimiento1 p:nth-of-type(1) {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: bold;
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 1.5vw;
    text-align: center;
}

.comercial {
    margin-top: 5.9vw;
    background-image: url("../imagenes/fondo_comercial.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 7.3vw;
    width: 74vw;
    margin-bottom: 15vw;
}

#comercial1 {
    display: flex;
    position: relative;
    right: 23vw;
    bottom: 3vw;
    text-align: center;
    width: 41vw;
    height: 39vw;
    font-family: 'Calibri';
    font-weight: 31vw;
    font-size: 1.5vw;
    line-height: 2vw;
    padding-left: 4vw;
    padding-right: 4vw;
    text-align: center;
    background: #FBFAFA;
    box-shadow: -20px 20px 10px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

#comercial1 p:nth-of-type(1) {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: bold;
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 1.5vw;
    text-align: center;
}

.PrincipalServicios2 {
    background-image: url("../imagenes/fondo_servicios2.png");
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 51.3vw;
    padding-bottom: 310px;
}

.PrincipalServicios3 {
    background-image: url("../imagenes/fondo_servicios3.png");
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 51.3vw;
    padding-bottom: 310px;
}

#servicios2 {
    display: flex;
    justify-content: center;
    width: 37vw;
    height: 5vw;
    font-family: 'Impacto';
    font-style: normal;
    font-weight: 70vw;
    font-size: 4vw;
    line-height: 5vw;
}

#lista1 {
    margin-left: 7vw;
    margin-top: 3.5vw;
    margin-bottom: 2vw;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 31vw;
    font-size: 1.4vw;
    line-height: 1.5vw;
}

.infoeligedata {
    display: flex;
    justify-content: center;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 31vw;
    font-size: 1.4vw;
    line-height: 1.5vw;
    margin-left: 7vw;
    margin-right: 7vw;
}

.infoeligedata span {
    color: #1e6aa2;
}

.diagnostico {
    margin-top: 5.9vw;
    background-image: url("../imagenes/fondo_diagnostico.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 7vw;
    width: 78vw;
}

#diagnostico1 {
    display: flex;
    position: relative;
    right: 23vw;
    width: 46vw;
    height: 32vw;
    font-family: 'Calibri';
    font-weight: 31vw;
    font-size: 1.5vw;
    line-height: 2vw;
    padding-left: 4vw;
    padding-right: 4vw;
    text-align: center;
    background: #FBFAFA;
    box-shadow: -20px 20px 10px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

#diagnostico1 p:nth-of-type(1) {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: bold;
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 1.5vw;
    text-align: center;
}

#formacion {
    width: 70vw;
    font-family: 'Calibri';
    font-weight: 31vw;
    font-size: 1.5vw;
    line-height: 2vw;
    padding-left: 4vw;
    padding-right: 4vw;
    background: #FFFFFF;
    box-shadow: -1.5vw 1.5vw 0.7vw rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

.plataformas {
    margin-top: 5.9vw;
    background-image: url("../imagenes/fondo_plataformas.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 7vw;
    width: 78vw;
}

#plataformas1 {
    display: flex;
    position: relative;
    left: 40vw;
    text-align: center;
    width: 41vw;
    height: 32vw;
    font-family: 'Calibri';
    font-weight: 31vw;
    font-size: 1.5vw;
    line-height: 2vw;
    padding-left: 4vw;
    padding-right: 4vw;
    text-align: center;
    background: #FBFAFA;
    box-shadow: -20px 20px 10px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

#plataformas1 p:nth-of-type(1) {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: bold;
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 1.5vw;
    text-align: center;
}

.formacion {
    margin-top: 5.9vw;
    background-image: url("../imagenes/fondo_acompañamiento.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 7vw;
    width: 68vw;
    margin-bottom: 5vw;
}

#acompañamiento {
    display: flex;
    position: relative;
    left: 18vw;
    text-align: center;
    width: 68vw;
    height: 37vw;
    font-family: 'Calibri';
    font-weight: 31vw;
    font-size: 1.5vw;
    line-height: 2vw;
    text-align: center;
    background: #FBFAFA;
    box-shadow: -1.5vw 1.5vw 0.7vw rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

#formacion1 p:nth-of-type(1) {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: bold;
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 1.5vw;
}

.datadriven {
    margin-top: 5.9vw;
    background-image: url("../imagenes/fondo_data.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 7vw;
    width: 69vw;
    margin-bottom: 15vw;
}

#datadriven1 {
    display: flex;
    position: relative;
    right: 25vw;
    width: 46vw;
    height: 32vw;
    font-family: 'Calibri';
    font-weight: 31vw;
    font-size: 1.5vw;
    line-height: 2vw;
    padding-left: 4vw;
    padding-right: 4vw;
    text-align: center;
    background: #FBFAFA;
    box-shadow: -20px 20px 10px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

#datadriven1 p:nth-of-type(1) {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: bold;
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 1.5vw;
    text-align: center;
}

.kitdigital {
    color: white;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 54vw;
    font-size: 1.3vw;
    line-height: 2.5vw;
    margin-left: 3vw;
}

.kitconsulting {
    color: black;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 54vw;
    font-size: 1.3vw;
    line-height: 2.5vw;
    margin-left: 3vw;
}

.mundoFondo {
    display: flex;
}

#conocer {
    font-weight: 54vw;
    font-size: 2.8vw;
    line-height: 3.9vw;
    font-weight: bold;
    font-family: 'Calibri';
    font-style: normal;
    color: black;
    margin-left: 26vw;
}

#conocerServicios {
    font-weight: 54vw;
    font-size: 2.8vw;
    line-height: 3.9vw;
    font-weight: bold;
    font-family: 'Calibri';
    font-style: normal;
    color: black;
    margin-left: 26vw;
}

.preguntas {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: bold;
    font-size: 2.3vw;
    line-height: 3.5vw;
}

.textokit {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 54vw;
    font-size: 2;
    line-height: 2.5vw;
}

#descubremas {
    background: #FFFFFF;
    border-radius: 2vw;
    width: 25vw;
    height: 4.5vw;
    left: 3.5vw;
    top: 61.5vw;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 54vw;
    font-size: 2vw;
    line-height: 2.5vw;
    color: #5B5E66;
}

.infokit {
    display: flex;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 54vw;
    font-size: 2vw;
    line-height: 2.5vw;
    color: #FFFFFF;
    margin-top: 3vw;
}

.infokitConsulting {
    display: flex;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 54vw;
    font-size: 1.3vw;
    line-height: 2.5vw;
    color: black;
    margin-top: 3vw;
    margin-left: 3vw;
}

.tituloKit {
    display: flex;
    align-items: center;
}

.square {
    width: 1vw;
    /* Ajusta el tamaño del cuadrado */
    height: 1vw;
    /* Color amarillo */
    margin-right: 1vw;
    /* Espacio entre el cuadrado y el texto */
}

.principalCuadradosConsulting {
    display: flex;
    justify-content: space-around;
    align-items: center;
    min-height: 31.2vw;
    color: black;
    background-color: #7F7F7F;
    width: 100%;
}

.cuadradosConsulting {
    height: 20vw;
    width: 28vw;
    border-radius: 2vw;
}

.headerCuadradoConsulting {
    background-color: #3BB3CF;
    color: #FFFFFF;
    width: 100%;
    font-weight: bold;
    text-align: center;
    border-top-left-radius: 2vw;
    border-top-right-radius: 2vw;
}

.headerCuadradoDigital {
    background-color: #c91631;
    color: #FFFFFF;
    width: 100%;
    font-weight: bold;
    text-align: center;
    border-top-left-radius: 2vw;
    border-top-right-radius: 2vw;
    height: 13vw;
    align-items: center;
    display: flex;
}

.bodyCuadradoConsulting {
    background-color: #FFFFFF;
    width: 100%;
    border-bottom-left-radius: 2vw;
    border-bottom-right-radius: 2vw;
}

.section-containerConsulting {
    display: flex;
    align-items: center;
    gap: 2vw;
    margin-bottom: 3vw;
}

.containerTitleConsulting {
    display: flex;
    align-items: center;
    width: 25vw;
    margin-left: 5vw;
}

.section-titleConsulting {
    font-size: 1.5vw;
    font-weight: bold;
    color: #00B2D4;
    margin-left: 1vw;
    font-family: 'Calibri';
}

.section-titleDigital {
    font-size: 1.5vw;
    font-weight: bold;
    color: #c91631;
    margin-left: 1vw;
    font-family: 'Calibri';
}

.cards-containerConsulting {
    display: flex;
    flex-wrap: wrap;
    gap: 2vw;
    /* margin-left: auto; */
    margin-left: 5vw;
    margin-bottom: 3vw;
    /* Mueve las tarjetas hacia la derecha */
}

.cards-containerDigital {
    display: flex;
    flex-wrap: wrap;
    gap: 3vw;
    /* margin-left: auto; */
    margin-left: 5vw;
    margin-bottom: 3vw;
    /* Mueve las tarjetas hacia la derecha */
}

.cardConsulting {
    width: 20vw;
    padding: 1.5vw;
    background-color: #FFFFFF;
    border: 0.2vw solid #FFC107;
    border-radius: 0.5vw;
    box-shadow: 0.5vw 0.5vw 1vw rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.cardDigital {
    width: 18vw;
    padding: 1.5vw;
    background-color: #FFFFFF;
    border: 0.2vw solid #f7b819;
    border-radius: 0.5vw;
    box-shadow: 0.5vw 0.5vw 1vw rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 2vw;
}

.card-titleConsulting {
    font-size: 1.2vw;
    color: #00B2D4;
    margin: 0;
    font-weight: 600;
}

.card-titleDigital {
    font-size: 1.2vw;
    color: #c91631;
    margin: 0;
    font-weight: 600;
}

.priceConsulting {
    font-size: 1.2vw;
    color: #555555;
    margin-top: 1vw;
    font-weight: 600;
}

.priceDigital {
    font-size: 1.2vw;
    color: #555555;
    margin-top: 1vw;
    font-weight: 600;
    margin-top: auto;
    margin-bottom: 0px;
}

.condiciones {
    background-image: url("../imagenes/blanco.png");
}

.condiciones p {
    text-align: center;
    font-family: 'Calibri';
    font-style: normal;
    font-size: 1.79vw;
    line-height: 2vw;
}

.principalCuadrados {
    display: flex;
    justify-content: center;
    min-height: 31.2vw;
    color: #767981;
}

.cuadrados {
    display: flex;
    width: 22vw;
    justify-content: center;
    box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.25);
    border-radius: 2vw;
    width: 24.5vw;
    height: 25vw;
    min-height: 31vw;
}

.cuadrados div {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.6vw;
    justify-content: center;
    border-radius: 2vw;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 31vw;
    font-size: 1.6vw;
    line-height: 2vw;
    text-align: center;
}

.precio {
    background-color: #EAEAEA;
    width: 20.2vw;
    height: 9.2vw;
}

.lado {
    writing-mode: vertical-rl;
    background-color: #838790;
    margin-left: auto;
    transform: rotate(180deg);
    height: 25.4vw;
    width: 4vw;
    margin-top: 2.6vw;
    font-family: 'Calibri';
    font-style: normal;
    font-weight: bold;
    font-size: 2vw;
    line-height: 2.5vw;
    text-align: center;
    color: #FFFFFF;
    border-top-right-radius: 2vw;
    border-bottom-right-radius: 2vw;
}

.PrincipalTestimonios {
    background-image: url("../imagenes/fondo_testimonios.png");
    background-repeat: no-repeat;
    background-size: cover;
}

#testimoniostitulo {
    display: flex;
    justify-content: center;
    width: 45vw;
    height: 4.9vw;
    font-family: 'Impacto';
    font-style: normal;
    font-weight: 63vw;
    font-size: 4vw;
    line-height: 5vw;
    text-align: center;
}

.cabeceratest {
    display: flex;
    justify-content: start;
    font-family: 'Calibri';
    font-style: normal;
    font-size: 1.5vw;
    line-height: 2.5vw;
}

.testimonios1 {
    display: flex;
}

.testimonios1 p {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 2vw;
    font-size: 1vw;
    line-height: 2vw;
    margin-left: 1.4vw;
}

.testimonios1 div:nth-of-type(1) {
    width: 62.5vw;
    height: 39.5vw;
    padding: 10vw;
}

.testimonios1 div:nth-of-type(2) {
    width: 40vw;
    height: 39.5vw;
    padding: 7.8vw;
}

.testimonios2 {
    display: flex;
}

.testimonios2 p {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 23vw;
    font-size: 1vw;
    line-height: 2vw;
    margin-left: 1.4vw;
}

.testimonios2 div:nth-of-type(2) {
    width: 62.5vw;
    height: 39.5vw;
    padding: 10vw;
}

.testimonios2 div:nth-of-type(1) {
    width: 40vw;
    height: 39.5vw;
    padding: 7.8vw;
}

.PrincipalEquipo {
    background-image: url("../imagenes/fondo_equipo.png");
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 51.8vw;
    padding-bottom: 245px;
}

#equipo1 {
    display: flex;
    justify-content: center;
    width: 32vw;
    height: 4.9vw;
    font-family: 'Impacto';
    font-style: normal;
    font-weight: 63vw;
    font-size: 4vw;
    line-height: 5vw;
    text-align: center;
}

.cabeceraequipo {
    display: flex;
    justify-content: center;
    font-family: 'Calibri';
    font-style: normal;
    font-size: 1.5vw;
    line-height: 2.5vw;
}

.cuadrados3 {
    max-width: 20vw;
    max-height: 27.1vw;
    background: #FFFFFF;
    box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.25);
    border-radius: 2vw;
    margin-bottom: 10vw;
}

.cuadrados3 p:nth-of-type(1) {
    font-family: 'CalibriBold';
    font-style: normal;
    font-weight: bold;
    font-size: 2.4vw;
    line-height: 2.4vw;
    text-align: center;
    color: #5B5B5B;
}

.cuadrados3 p:nth-of-type(2) {
    font-family: 'CalibriBold';
    font-style: normal;
    font-weight: bold;
    font-size: 1.2vw;
    line-height: 2.8vw;
    text-align: center;
    color: #94104D;
}

.cuadrados3 p:nth-of-type(3) {
    font-family: 'CalibriBold';
    font-style: normal;
    font-weight: bold;
    font-size: 1.6vw;
    line-height: 2.1vw;
    text-align: center;
    color: #5B5B5B;
    padding-bottom: 1vw;
}

.circulo {
    margin-left: 3vw;
    position: relative;
    bottom: 6vw;
    width: 14vw;
    height: 14vw;
}

.sitioWeb {
    width: 81vw;
    height: 61vw;
    background: #FFFFFF;
    box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.25);
    border-radius: 2.1vw;
}

.gestion {
    width: 81vw;
    height: 66vw;
    background: #FFFFFF;
    box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.25);
    border-radius: 2.1vw
}

.gestion p {
    font-family: "Calibri";
    font-style: normal;
    font-size: 1.2vw;
    line-height: 2.4vw;
    color: #000000;
    margin-bottom: 0px;
}

.gestion span {
    font-family: "CalibriBold";
    font-style: normal;
    font-size: 1.1vw;
    color: #000000;
}

.gestion li {
    font-family: 'Calibri';
    font-style: normal;
    font-size: 1.4vw;
    line-height: 2.4vw;
    color: #000000;
}

.sitioWeb span {
    font-family: "CalibriBold";
    font-style: normal;
    font-size: 1.3vw;
    color: #000000;
}

.sitioWeb p {
    font-family: "Calibri";
    font-style: normal;
    font-size: 1.3vw;
    line-height: 2.4vw;
    color: #000000;
    margin-bottom: 0px;
}

.rayaEmergente {
    width: 44.2vw;
    height: 4.5vw;
    background: #C4C4C4;
    border-radius: 2.1vw;
    position: relative;
    left: 10vw;
    bottom: 2.5vw;
    margin-top: 20vw;
}

.rayaEmergente2 {
    width: 21.9vw;
    height: 4.5vw;
    background: #C4C4C4;
    border-radius: 2.1vw;
    text-align: center;
    font-style: normal;
    font-size: 2.2vw;
    line-height: 2.4vw;
    position: relative;
    left: 12vw;
    bottom: 2.5vw;
    margin-top: 20vw;
}

.rayaEmergente3 {
    width: 30.3vw;
    height: 4.5vw;
    background: #C4C4C4;
    border-radius: 2.1vw;
    text-align: center;
    font-style: normal;
    font-size: 2.2vw;
    line-height: 2.4vw;
    position: relative;
    left: 12vw;
    bottom: 2.5vw;
    margin-top: 20vw;
}

.circuloEmergente {
    position: relative;
    bottom: 12vw;
    left: 2vw;
}

.superior {
    position: relative;
    bottom: 16vw;
    width: 30vw;
    left: 18vw;
    font-style: normal;
    font-size: 1.6vw;
    line-height: 2.4vw;
}

.precioEmergente {
    width: 25.6vw;
    height: 6.2vw;
    background: #9F0F50;
    border-radius: 3.5vw;
    position: relative;
    left: 55vw;
    bottom: 3vw;
}

.precioEmergente2 {
    background: #9F0F50;
    width: 23.4vw;
    height: 13.3vw;
    border-radius: 3.5vw;
    margin-left: 2.5vw;
    position: relative;
    bottom: 15vw;
}

.precioEmergente3 {
    width: 27.6vw;
    height: 7.7vw;
    background: #9F0F50;
    border-radius: 3.5vw;
    position: relative;
    left: 52vw;
    bottom: 8vw;
}

.cuadradoSuperior {
    width: 20.8vw;
    height: 15vw;
    background: #8E8E8E;
    border-radius: 2.1vw;
    position: relative;
    bottom: 54vw;
    left: 55vw;
}

.cuadradoSuperior p {
    font-family: 'Calibri';
    font-style: normal;
    font-size: 1.1vw;
    line-height: 1.4vw;
    color: #FFFFFF;
    margin-left: 2vw;
}

.cuadradoSuperior2 {
    width: 21.4vw;
    height: 6.3vw;
    background: #8E8E8E;
    border-radius: 2.1vw;
    position: relative;
    bottom: 67vw;
    left: 55vw;
}

.cuadradoSuperior2 p {
    font-family: 'Calibri';
    font-style: normal;
    font-size: 1.1vw;
    line-height: 1.4vw;
    color: #FFFFFF;
    margin-left: 2vw;
}

abbr[title] {
    border-bottom: none !important;
    cursor: inherit !important;
    text-decoration: none !important;
}

.acordeon__boton {
    display: block;
    border: none;
    outline: none;
    cursor: pointer;
    background: transparent;
    color: #0a184c;
    text-align: left;
    transition: background 0.2s;
    font-size: 1.5vw;
}

.acordeon__boton::after {
    content: '\25be';
    float: left;
    transform: scale(1.5);
    transform: rotate(-90deg);
}

.acordeon__boton--active {
    background: transparent;
}

.acordeon__boton--active::after {
    content: '\25be';
    transform: rotate(245deg);
}

.acordeon__contenido {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s;
    padding: 0 15px;
    font-family: 'Calibri';
    background: transparent;
}

.acordeon__contenido>p {
    padding-top: 6px;
}

.acordeon {
    max-width: 90%;
}

.acordeon__menu {
    display: block;
    width: 100%;
    padding: 15px;
    border: none;
    outline: none;
    cursor: pointer;
    text-align: left;
    transition: background 0.2s;
}

.acordeon__menu::after {
    content: url("/plataforma/iconos/arrow_down.png");
    align-items: center;
}

.acordeon__menu--active::after {
    content: url("/plataforma/iconos/arrow_up.png");
}

.acordeon__perfil::after {
    content: url("/plataforma/iconos/arrow_perfil_down.png");
    align-items: center;
}

.acordeon__perfil--active::after {
    content: url("/plataforma/iconos/arrow_perfil_up.png");
}


/*.noticias{
    font-family: 'Calibri';
    color: black;
}*/


/* Footer general styling */

.footer {
    margin-top: 8vw;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    background-color: #333;
    padding: 20px;
    font-family: 'Calibri';
    color: #fff;
}

.footer-section {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 1.6;
}

.footer-section p {
    margin: 5px 0;
}

.footer-section h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
}


/* Link styling */

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

.footer-section a:hover {
    text-decoration: none;
    color: #d4cece;
}


/* Icon styling */

.footer-section i {
    margin-right: 8px;
    color: #fff;
}


/* Responsive adjustments */

@media (max-width: 768px) {
    .footer {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .footer-section {
        margin-bottom: 15px;
    }
}