/*

reset

*/

h1,

h2,

h3,

h4,

h5,

h6,

p,

ul,

li,

a {

    margin: 0;

    padding: 0;

    text-decoration: none;

    list-style: none;

}



:focus-visible {

    outline: -webkit-focus-ring-color auto 0px !important;

}



body {

    margin: 0;

    padding: 0;

    font-family: "Open Sans", sans-serif;

}



div {

    box-sizing: border-box;

}



/*

reset

*/







.main_container {

    display: flex;

    width: 100%;

    padding-right: 15px;

    box-sizing: border-box;

    justify-content: space-between;

}



.sidebar_cont {

    width: 12%;

    height: 100vh;

    overflow: hidden;

    display: flex;

    justify-content: center;

    align-items: center;

}



.side {

    width: 100%;

    height: 97vh;

    border-radius: 15px 0 0 15px;

    padding: 15px;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



ul.menu_list {

    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 5px;

    justify-content: center;

    align-items: center;

    box-sizing: border-box;

    padding: 0px 15px;

}



ul.menu_list li {

    width: 100%;

    display: flex;

    align-items: center;

}



ul.menu_list li a {

    width: 100%;

    box-sizing: border-box;

    text-align: left;

    padding: 10px;

    color: #9d9b9b;

    align-items: center;

    display: flex;

    justify-content: flex-start;

    transition: all 0.5s ease-in-out;

    font-weight: 600;

    line-height: 1em;

    gap: 10px;

}



ul.menu_list li a span {

    font-size: 15px;

}



ul.menu_list li a i {

    font-size: 20px;

}



.logo_cont {

    display: flex;

    justify-content: center;

    width: 100%;

    padding: 20px 0;

}



.logo_cont img {

    width: 100px;

}



.content_cont {

    width: 88%;

    height: 98vh;

    overflow-y: auto;

    overflow-x: hidden;

    display: flex;

    justify-content: center;

    align-items: center;

    box-sizing: border-box;

    border-radius: 15px 15px 0 0;

    margin-top: 14px;

}



.content_cont .content {

    width: 100%;

    background-color: #fff;

    height: 97vh;

}



ul.menu_list li a.menu_active {

    background-color: #004cff52;

    color: #000;

    border-radius: 5px;

    transition: all 0.5s ease-in-out;

}



ul.menu_list li a:hover {

    background-color: #004cff52;

    color: #000;

    border-radius: 10px;

    transition: all 0.5s ease-in-out;

}



.contCol {

    width: 100%;

    display: flex;

    flex-direction: column;

    position: relative;

}



.contCol::before {

    content: "";

    width: 100%;

    border-radius: 10px;

    background-color: #004cff52;

    height: 64%;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: -1;

}



.contColImg {

    width: 100%;

    display: flex;

    justify-content: center;

}



.contColImg img {

    width: 100%;

}



.contColinfo {

    width: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 0 15px;

}



.contColinfo h2 {

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 5px;

    margin-top: 5px;

    color: #fff;

}



.contColinfo p {

    font-size: 15px;

    font-weight: 400;

    margin-bottom: 10px;

    color: #fff;

}





.contColinfo a {

    font-size: 15px;

    font-weight: 400;

    margin-bottom: 10px;

    background: #004cff;

    color: #fff;

    padding: 10px 15px;

    border-radius: 20px;

    width: 85%;

    text-align: center;

}



header {

    display: flex;

    justify-content: flex-end;

    padding: 15px 30px;

    gap: 50px;

    position: relative;

    z-index: 2;

}



.buscador {

    width: 10%;

    margin-right: 30px;

}



.buscador input {

    width: 100%;

    border: 1px solid #edeaead9;

    border-radius: 5px;

    padding: 10px 15px;

    color: #ffffff9c;

}



.redes_sociales {

    width: 100%;

    padding-top: 5px;

}



.redes_sociales ul {

    width: 100%;

    display: flex;

    justify-content: center;

    gap: 10px;

}



.redes_sociales ul li {

    width: 17%;

}



.redes_sociales ul li a {

    background-color: #fff;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: background-color 0.5s ease-in-out;

}



.redes_sociales ul li a img {

    width: 100%;

}





/* estilos banner */





.hero-slider {

    margin-top: -82px;

    position: relative;

    max-width: 100%;

    height: 50vh;

    overflow: hidden;

}



.slides {

    display: flex;

    transition: transform 0.5s ease-in-out;

    height: 50vh;

}



.slide {

    min-width: 100%;

    box-sizing: border-box;

    position: relative;

}



.slide img {

    width: 100%;

    height: 100vh;

    object-fit: cover;

}



.caption {

    position: absolute;

    bottom: 20%;

    left: 50%;

    transform: translateX(-50%);

    color: white;

    background: rgba(0, 0, 0, 0.5);

    padding: 20px;

    font-size: 24px;

    text-align: center;

    border-radius: 5px;

}



.prev,

.next {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    background-color: rgba(0, 0, 0, 0.5);

    color: white;

    border: none;

    padding: 10px;

    cursor: pointer;

    font-size: 24px;

    border-radius: 50%;

    z-index: 100;

    width: 52px;

}



.prev {

    left: 10px;

}



.next {

    right: 10px;

}



.prev:hover,

.next:hover {

    background-color: rgba(0, 0, 0, 0.7);

}



















#banner {

    width: 100%;

}



.banner_cont {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}



.banner_cont_iz {

    width: 40%;

    padding: 0 3%;

    display: flex;

    flex-direction: column;

    gap: 15px;

    align-items: flex-start;

}



.banner_cont_iz h2 {

    color: #D7FA54;

    font-size: 80px;

    line-height: 1em;

    font-weight: 700;

}



.banner_cont_iz h2 span {

    font-weight: 500;

}



.banner_cont_iz p {

    color: #000;

    font-size: 30px;

    line-height: 1em;

    font-weight: 500;

}



.banner_cont_iz a {

    font-size: 15px;

    font-weight: 400;

    margin-bottom: 10px;

    background: #004cff;

    color: #fff;

    padding: 10px 25px;

    border-radius: 20px;

    margin-top: 20px;

}



/* estilos banner */

















/* estilos carousel  nuevos ingresos*/





.carousel-container {

    position: relative;

    max-width: 100%;

    overflow: hidden;

    margin: 0 auto;

    width: 100%;

    display: flex;

    justify-content: center;

}



.car_cont {

    display: flex;

    justify-content: center;

    width: 88%;

    overflow: hidden;

}



.carousel-track {

    display: flex;

    transition: transform 0.5s ease-in-out;

    width: 100%;

}



.carousel-item {

    min-width: calc(100% / 3);

    box-sizing: border-box;

    background-color: #fff;

    border-radius: 5px;

    text-align: center;

    padding: 50px;

}



.carousel-prev,

.carousel-next {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    background-color: rgba(0, 0, 0, 0.5);

    color: white;

    border: none;

    padding: 10px;

    cursor: pointer;

    font-size: 24px;

    border-radius: 50%;

    z-index: 100;

    width: 52px;

}



.carousel-prev {

    left: 10px;

}



.carousel-next {

    right: 10px;

}



.carousel-prev:hover,

.carousel-next:hover {

    background-color: rgba(0, 0, 0, 0.7);

}



.carousel-item .info_cont {

    background-color: #fff;

    margin-top: -13px;

    padding: 15px 50px 20px;

    display: flex;

    flex-direction: column;

    gap: 5px;

    transition: all 0.5s ease-in-out;

    align-items: flex-start;

    position: relative;

    height: 210px;

}



.nuevosHover {

    position: absolute;

    bottom: 25px;

    right: 25px;

    opacity: 1;

    transition: all 0.5s ease-in-out;

}



.tarjeta:hover .nuevosHover {

    visibility: hidden;

    opacity: 0;

    transition: all 0.5s ease-in-out;

}



.tarjeta:hover .info_cont {

    background-color: #000;

    transition: all 0.5s ease-in-out;

}



.carousel-item .info_cont h2 {

    color: #000;

    font-size: 18px;

    transition: all 0.5s ease-in-out;

    text-align: left;

}



.tarjeta:hover .info_cont h2 {

    color: #fff;

    transition: all 0.5s ease-in-out;

}



.carousel-item .info_cont h3 {

    color: #000;

    font-size: 15px;

    transition: all 0.5s ease-in-out;

    text-align: left;

    font-weight: 300;

}



.tarjeta:hover .info_cont h3 {

    color: #fff;

    transition: all 0.5s ease-in-out;

}



.carousel-item .info_cont p {

    color: #000;

    font-size: 13px;

    transition: all 0.5s ease-in-out;

    text-align: left;

    opacity: 0;

    font-weight: 300;

}



.tarjeta:hover .info_cont p {

    color: #fff;

    opacity: 1;

    transition: all 0.5s ease-in-out;

}



.tarjeta .fecha {

    display: block;

    border: 1px solid #fff;

    border-radius: 5px;

    color: #fff;

    padding: 3px 8px;

    font-size: 11px;

    margin-bottom: 10px;

}



.carousel-container .tarjeta .img_cont {

    width: 100%;

    aspect-ratio: 1/1;

    overflow: hidden;

    position: relative;

}



.carousel-container .tarjeta {

    border-radius: 20px;

    overflow: hidden;

    border: 1px solid #9d9b9b;

}



/* Estilo del contenedor */

.image-container {

    position: relative;

    width: 100%;

    overflow: hidden;

    aspect-ratio: 100/80;

    border-radius: 17px;

}



/* Imagen inicial: Redonda */

.image-mask {

    width: 100%;

    height: 100%;

    object-fit: scale-down;

    clip-path: circle(30% at center);

    /* Inicia con un círculo */

}



.info_cont h2 {

    font-size: 15px;

    font-weight: 600;

}































/* nuevos_clientes*/

#nuevos_clientes {

    display: flex;

    justify-content: center;

}



.nuevos_clientes_cont {

    width: 80%;

    display: flex;

    gap: 20px;

    flex-wrap: wrap;

    padding-bottom: 30px;

}



.nuevo_cliente_cont {

    height: 30vh;

    padding: 30px;

    border-radius: 15px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    display: flex;

    align-items: center;

    position: relative;

    overflow: hidden;

}



.nuevo_cliente_cont:before {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-color: #00000053;

}



.nuevo_cliente_cont:nth-child(1) {

    width: calc(40% - 20px);

    color: #000;

}



.nuevo_cliente_cont:nth-child(1) h2 a {

    color: #000;

}



.nuevo_cliente_cont:nth-child(2) {

    width: calc(60% - 20px);

    color: #000;

}



.nuevo_cliente_cont:nth-child(2) h2 a {

    color: #000;

}



.nuevo_cliente_cont:nth-child(3) {

    width: calc(60% - 20px);

    color: #fff;

}



.nuevo_cliente_cont:nth-child(3) h2 a {

    color: #fff;

}



.nuevo_cliente_cont:nth-child(4) {

    width: calc(40% - 20px);

    color: #fff;

}



.nuevo_cliente_cont:nth-child(4) h2 a {

    width: calc(40% - 20px);

    color: #fff;

}





.nuevo_cliente_cont:nth-child(5) {

    width: calc(70% - 20px);

    color: #000;

}



.nuevo_cliente_cont:nth-child(5) h2 a {

    color: #000;

}







.info_cont_cliente {

    width: 60%;

    position: relative;

}



.cover {

    position: absolute;

    top: 0;

    left: 0;

    width: 101%;

    height: 103%;

    background-size: cover;

    transition: all 0.5s ease-in-out;

    border-radius: 15px;

    background-repeat: no-repeat;

}



.cli1:hover {

    color: #fff;

    transition: all 0.7s ease-in-out;

}



.cli1:hover h2 a {

    color: #fff;

    transition: all 0.7s ease-in-out;

}



.cli2:hover {

    color: #fff;

    transition: all 0.7s ease-in-out;

}



.cli2:hover h2 a {

    color: #fff;

    transition: all 0.7s ease-in-out;

}



.cli1:hover .cover {

    top: -100%;

    left: -100%;

    transition: all 0.5s ease-in-out;

}



.cli2:hover .cover {

    top: -100%;

    left: 100%;

    transition: all 0.5s ease-in-out;

}



.cli3:hover .cover {

    top: 100%;

    left: -100%;

    transition: all 0.5s ease-in-out;

}



.cli4:hover .cover {

    top: 100%;

    left: 100%;

    transition: all 0.5s ease-in-out;

}



.nuevo_cliente_cont:nth-child(1) .cover {

    background-position: 0px -7px;

    background-color: #D7FA54;

}



.nuevo_cliente_cont:nth-child(2) .cover {

    background-position: 0px -7px;

    background-color: #E2E2E2;

}



.nuevo_cliente_cont:nth-child(3) .cover {

    background-position: 0px -11px;

    background-color: #0043FF;

}



.nuevo_cliente_cont:nth-child(4) .cover {

    background-position: 0 -195px;

    background-color: #000;

}



.nuevo_cliente_cont:nth-child(5) .cover {

    background-position: 0px -7px;

    background-color: #D7FA54;

}



























/* estilos carousel  cumplea;os*/



.cumple-container {

    position: relative;

    max-width: 100%;

    overflow: hidden;

    margin: 0 auto;

    width: 100%;

    display: flex;

    justify-content: center;

}



.cum_cont {

    display: flex;

    justify-content: center;

    width: 90%;

}



.cumple-track {

    display: flex;

    transition: transform 0.5s ease-in-out;

    width: 40%;

    overflow: hidden;

}



.cumple-item {

    flex: 1 0 33.33%;

    /* 3 items visibles a la vez */

    height: 300px;

    /* Ajusta según necesites */

    display: flex;

    align-items: center;

    justify-content: center;

}



.cumple-prev,

.cumple-next {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    background-color: rgba(0, 0, 0, 0.5);

    color: white;

    border: none;

    padding: 10px;

    cursor: pointer;

    font-size: 24px;

    border-radius: 50%;

    z-index: 100;

    width: 52px;

}



.cumple-prev {

    left: 10px;

}



.cumple-next {

    right: 10px;

}



.cumple-prev:hover,

.cumple-next:hover {

    background-color: rgba(0, 0, 0, 0.7);

}



.cumple-item .info_cont {

    background-color: #fff;

    margin-top: -13px;

    padding: 15px 50px 20px;

    display: flex;

    flex-direction: column;

    gap: 7px;

    transition: all 0.5s ease-in-out;

    align-items: center;

    position: relative;

    margin-top: 10px;

    position: absolute;

    bottom: 0;

}



.nuevosHover {

    position: absolute;

    bottom: 25px;

    right: 25px;

    opacity: 1;

    transition: all 0.5s ease-in-out;

}



.cumple_tarjeta:hover .nuevosHover {

    visibility: hidden;

    opacity: 0;

    transition: all 0.5s ease-in-out;

}







#titulo {

    padding: 50px 0 0;

    display: flex;

    width: 100%;

    justify-content: center;

    position: relative;

}



#titulo h2 {

    color: #000;

    font-size: 40px;

    line-height: 1em;

    font-weight: 800;

    padding: 50px 0;

    text-align: center;

}



#titulo span {

    font-size: 30px;

    font-weight: 500;

    line-height: 1em;

}



.cum_cont_left_cont {

    background-color: #E2E2E2;

    border-radius: 20px;

    height: 50vh;

}



.cum_cont_right {

    width: 100%;

}



.cumple_titulo {

    padding: 50px 50px 0;

    color: #fff;

}



.cumple_titulo h2 {

    font-size: 50px;

    color: #fff;

    text-align: center;

    width: 100%;

    text-transform: uppercase;

    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);

    line-height: 1em;

}



.cumple_titulo_img {

    width: 100%;

}



.cumple_titulo_img img {

    width: 100%;

}





.seccion-con-carusel {

    display: flex;

    gap: 20px;

    margin: 100px 0 100px;

}



.columna-40 {

    width: 30%;

}



.columna-60 {

    width: 70%;

    padding: 0px;

}



.carousel-wrapper {

    position: relative;

    overflow: hidden;

}



.carousel {

    display: flex;

    transition: transform 0.5s ease-in-out;

    padding-bottom: 120px;

}



.item {

    flex: 0 0 33.333%;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 15px;

    position: relative;

}



.seccion-con-carusel .img_cont img {

    width: 100%;

}



.prev,

.next {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    background-color: rgba(0, 0, 0, 0.5);

    color: #fff;

    border: none;

    padding: 10px;

    cursor: pointer;

}



.prev {

    left: 10px;

}



.next {

    right: 10px;

}



@media (max-width: 767px) {

    .seccion-con-carusel {

        flex-wrap: wrap;

    }



    .columna-40 {

        width: 100%;

    }



    .columna-60 {

        width: 100%;

    }



    .item {

        flex: 0 0 50%;

    }



    .blog_content_cont {

        max-width: 90% !important;

    }

}



@media (max-width: 480px) {

    .item {

        flex: 0 0 100%;

    }

}



.seccion-con-carusel .item .info_cont {

    display: flex;

    flex-direction: column;

    gap: 0px;

    transition: all 0.5s ease-in-out;

    align-items: center;

    position: absolute;

    top: 85%;

    left: 0;

    right: 0;

    float: none;

    margin: 10px auto 0;

}



.seccion-con-carusel .item .info_cont h2 {

    color: #000;

    font-size: 22px;

    transition: all 0.5s ease-in-out;

    text-align: center;

}



.seccion-con-carusel .item .info_cont h3 {

    color: #000;

    font-size: 18px;

    transition: all 0.5s ease-in-out;

    text-align: left;

}



.seccion-con-carusel .item .info_cont p {

    color: #000;

    font-size: 15px;

    transition: all 0.5s ease-in-out;

    text-align: left;

    opacity: 0;

}



.cumple_tarjeta {

    position: relative;

    border-radius: 15px;

    height: 50vh;

    display: flex;

    align-items: end;

}



.cumple_tarjeta .img_cont {

    position: relative;

    width: 100%;

    display: flex;

    justify-content: center;

}



.cumple_tarjeta .img_cont img {

    width: 100%;

}



.cumple_tarjeta .fecha {

    color: #000;

    padding: 3px 20px;

    font-size: 22px;

    background-image: url(../images/fechacum1.png);

    background-size: cover;

    width: 78%;

    z-index: 9;

    display: flex;

    justify-content: center;

    align-items: center;

    font-weight: 800;

    background-position: center center;

    height: 100px;

    line-height: 1em;

}



.cumple-container .cumple_tarjeta .img_cont {

    width: 100%;

    overflow: hidden;

    position: relative;

}



.cumple-container .cumple_tarjeta .img_cont img {

    width: 100%;

    /* La imagen ocupará el 100% del ancho de su contenedor */

    height: auto;

    /* Forma ovalada vertical */

    object-fit: cover;

    /* Asegura que la imagen se ajuste bien al contenedor */

}



.seccion-con-carusel .item:nth-child(1) .cumple_tarjeta {

    background-color: #0044ff78;

    background-image: url(../images/PUNTOS-03.png);

    background-position: top right;

    background-size: 150px;

    background-repeat: no-repeat;

}



.seccion-con-carusel .item:nth-child(2) .cumple_tarjeta {

    background-color: #d6fa5480;

    background-image: url(../images/FLECHA-03.png);

    background-position: top right;

    background-size: 150px;

    background-repeat: no-repeat;

}



.seccion-con-carusel .item:nth-child(3) .cumple_tarjeta {

    background-color: #0000006b;

    background-image: url(../images/ESTRELLA-03.png);

    background-position: top right;

    background-size: 150px;

    background-repeat: no-repeat;

}



.seccion-con-carusel .item:nth-child(4) .cumple_tarjeta {

    background-color: #0044ff78;

    background-image: url(../images/PUNTOS-03.png);

    background-position: top right;

    background-size: 150px;

    background-repeat: no-repeat;

}



.seccion-con-carusel .item:nth-child(5) .cumple_tarjeta {

    background-color: #d6fa5480;

    background-image: url(../images/FLECHA-03.png);

    background-position: top right;

    background-size: 150px;

    background-repeat: no-repeat;

}



.seccion-con-carusel .item:nth-child(6) .cumple_tarjeta {

    background-color: #0000006b;

    background-image: url(../images/ESTRELLA-03.png);

    background-position: top right;

    background-size: 150px;

    background-repeat: no-repeat;

}

































/**banner 2******/





.banner2_cont {

    display: flex;

    align-items: center;

    position: relative;

    height: 60vh;

    justify-content: center;

}



.banner2_cont::before {

    content: '';

    width: 92%;

    height: 90%;

    top: 5%;

    left: 0;

    background-color: #D7FA54;

    border-radius: 0 100px 100px 0;

    position: absolute;

    z-index: 1;

}



.banner2_cont_iz {

    width: 50%;

    padding: 0 5%;

    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

}



.banner2_cont_iz h2 {

    font-size: 60px;

    line-height: 1em;

    font-weight: 800
}



.banner2_cont_iz h2 .thin {

    font-weight: 400;

    letter-spacing: -4px;

}



.banner2_cont_der {

    width: 30%;

    position: relative;

    z-index: 2;

}



.linea_espacio {

    width: 57px;

    position: relative;

    display: inline-block;

}



.linea_espacio::before {

    content: "";

    width: 499px;

    height: 4px;

    background-color: #000;

    position: absolute;

    left: -437px;

    top: -22px;

}



.banner2_cont_der img {

    width: 100%;

}



.banner2_cont_iz p {

    font-size: 17px;

    line-height: 1em;

    font-weight: 500;

    margin-top: 15px;

    width: 50%;

}



.banner2_cont_iz a {

    font-size: 15px;

    font-weight: 400;

    margin-bottom: 10px;

    background: #004cff;

    color: #fff;

    padding: 10px 25px;

    border-radius: 20px;

    margin-top: 20px;

    float: left;

}



































/****noticias*****/

#noticias {

    display: flex;

    justify-content: center;

    margin-top: 30px;

}



.noticias_cont {

    width: 70%;

    display: flex;

    justify-content: space-between;

}



.noticia {

    width: 30%;

    display: flex;

    flex-direction: column;

    align-content: center;

}



.notimg {

    width: 100%;

    aspect-ratio: 100 / 50;

    border-radius: 20px;

    background-color: #000;

    overflow: hidden;

}



.notimg img {

    width: 100%;

}



.noticont {

    display: flex;

    flex-direction: column;

    align-content: center;

    gap: 10px;

    padding: 15px 25px;

}



.noticont h2 {

    color: #000;

    font-size: 20px;

    line-height: 1em;

    padding-bottom: 5px;

}



.noticont h2 a {

    color: #000;

}



.noticont p {

    color: #000;

    font-size: 16px;

    line-height: 1em;

    height: 80px;

    overflow: hidden;

}



#titulo.noticias_titulo {

    justify-content: flex-start;

}



#titulo.noticias_titulo h2 {

    text-align: left;

    padding-left: 150px;

    position: relative;

    float: left;

}



#titulo.noticias_titulo h2:before {

    content: '';

    width: 50%;

    height: 2px;

    background-color: #000;

    position: absolute;

    right: -40px;

    top: 80%;

}











































































/*****banner 3******/

.banner3 {

    width: 100%;

    margin-top: 100px;

    padding-bottom: 50px;

    display: flex;

    justify-content: center;

}



.banner3_cont {

    width: 95%;

    display: flex;

    justify-content: center;

    position: relative;

    height: 50vh;

    background-size: cover;

    background-position: center center;

    align-items: center;

    border-radius: 30px;

    overflow: hidden;

}



.banner3_cont img {

    width: 90%;

}



.banner3Txt {

    width: 40%;

    z-index: 2;

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.banner3Txt h2 {

    color: #fff;

    font-size: 50px;

    text-align: center;

}



.capa_over {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.6);

    z-index: 1;

}



.banner3Txt a {

    font-size: 15px;

    font-weight: 400;

    margin-bottom: 10px;

    background: #004cff;

    color: #fff;

    padding: 10px 25px;

    border-radius: 20px;

    margin-top: 20px;

}











/**************



css pagina organizacion



***************/





#banner_interna {

    width: 100%;

    display: flex;

    justify-content: center;

    border-radius: 20px;

    overflow: hidden;

}



.banner_interna_cont {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    background-position: center center;

    background-size: cover;

    height: 55vh;

    position: relative;

}



.banner_interna_cont::before {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.6);

    z-index: 1;

}



.banner_interna_cont_iz {

    position: relative;

    z-index: 2;

}



.banner_interna_cont_iz h2 {

    font-size: 60px;

    color: #fff;

}



#mision {

    width: 100%;

    display: flex;

    justify-content: center;

    margin-top: 150px;

}



.mision_cont {

    width: 60%;

    display: flex;

    justify-content: center;

    gap: 10%;

}



.mision_vision {

    width: 30%;

    border-radius: 20px;

    overflow: hidden;

    -webkit-box-shadow: 0px 0px 30px -11px rgba(0, 0, 0, 0.75);

    -moz-box-shadow: 0px 0px 30px -11px rgba(0, 0, 0, 0.75);

    box-shadow: 0px 0px 30px -11px rgba(0, 0, 0, 0.75);

}



.mision_vision_img {

    width: 100%;

    aspect-ratio: 100/50;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

}



.mision_vision_txt {

    padding: 45px 25px;

}



#titulo.valores_titulo h2 {

    position: relative;

}



#titulo.valores_titulo h2:before {

    content: '';

    width: 150px;

    height: 2px;

    background-color: #000;

    position: absolute;

    right: -80px;

    top: 80%;

}



#valores {

    width: 100%;

    display: flex;

    justify-content: center;

    margin-top: 50px;

    padding-bottom: 50px;

}



.valores_cont {

    width: 80%;

    display: flex;

    gap: 50px;

    flex-wrap: wrap;

    justify-content: center;

}



.valor {

    width: 30%;

    display: flex;

    justify-content: center;

    flex-direction: column;

    align-items: center;

}



.valor_tit {

    border-radius: 25px 25px 0 0;

    width: 100%;

    padding: 10px 20px 0px;

    text-align: center;

    font-size: 50px;

    font-weight: 900;

}



.valor:nth-child(1) {

    width: 40%;

}



.valor:nth-child(1) .valor_tit {

    background-color: #004cff;

    color: #d7fa54;

    width: 80%;

    border: 1px solid #004cff;

}



.valor:nth-child(1) .valor_hide {

    background-color: #004cff;

    color: #fff;

    width: 80%;

}



.valor:nth-child(2) {

    width: 40%;

}



.valor:nth-child(2) .valor_tit {

    background-color: #d7fa54;

    color: #004cff;

    width: 80%;

    border: 1px solid #d7fa54;

}





.valor:nth-child(2) .valor_hide {

    width: 80%;

    background-color: #d7fa54;

}





.valor:nth-child(3) .valor_tit {

    background-color: #000;

    color: #fff;

    border: 1px solid #000;

}



.valor:nth-child(3) .valor_hide {

    background-color: #000;

    color: #fff;

}



.valor:nth-child(4) .valor_tit {

    background-color: #fff;

    color: #004cff;

    border-left: 1px solid #000;

    border-top: 1px solid #000;

    border-right: 1px solid #000;

}



.valor:nth-child(4) .valor_hide {

    background-color: #fff;

    color: #004cff;

    border-left: 1px solid #000;

    border-bottom: 1px solid #000;

    border-right: 1px solid #000;

}



.valor:nth-child(5) .valor_tit {

    background-color: #004cff;

    color: #fff;

}



.valor:nth-child(5) .valor_hide {

    background-color: #004cff;

    color: #fff;

}



.valor_hide {

    width: 100%;

    margin-top: 0px;

    border-radius: 0 0 25px 25px;

    padding: 10px 20px 20px;

    min-height: 150px;

}



.valor_hide p {

    font-size: 15px;

    font-weight: 400;

    text-align: center;

}









#politica {

    width: 100%;

    display: flex;

    justify-content: center;

    margin-top: 100px;

    padding-top: 90px;

    padding-bottom: 50px;

    position: relative;

    overflow: hidden;

}



.politica_cont {

    width: 70%;

    display: flex;

    position: relative;

    z-index: 2;

}



.politica_cont_left {

    width: 50%;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 20px;

}



.politica_cont_left h2 {

    font-size: 80px;

    line-height: 1em;

}



.politica_cont_left a {

    font-size: 15px;

    font-weight: 400;

    margin-bottom: 10px;

    background: #004cff;

    color: #fff;

    padding: 10px 25px;

    border-radius: 20px;

}



.politica_cont_right {

    width: 50%;

}





.politica_cont_right img {

    width: 100%;

    border-radius: 15px;

}



.asterisco {

    position: absolute;

    top: 2%;

    right: -14%;

    max-width: 530px;

    z-index: 1;

}



.asterisco img {

    width: 100%;

}



#nosotros_gnrl {

    width: 100%;

    display: flex;

    justify-content: center;

    margin-top: 50px;

    padding-bottom: 100px;

}



.nosotros_gnrl_cont {

    width: 60%;

    display: flex;

    gap: 50px;

    position: relative;

    flex-wrap: wrap;

    justify-content: center;

}



.tarjeta_gnrl {

    width: calc(36% - 100px);

    aspect-ratio: 1/1;

    display: flex;

    justify-content: center;

    align-items: center;

    background-position: center center;

    background-size: cover;

    border-radius: 30px;

    position: relative;

}



.tarjeta_gnrl::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.3);

    border-radius: 30px;

    z-index: 1;

}



.gnrl_txt {

    position: relative;

    z-index: 2;

}



.gnrl_txt h3 {

    text-align: center;

    line-height: 1em;

    font-size: 16px;

}



.gnrl_txt a {

    font-size: 30px;

    color: #fff;

    transition: all 0.5s ease-in-out;

}



.tarjeta_gnrl:hover a {

    color: #D7FA54;

    transition: all 0.5s ease-in-out;

}



.nosotros_interna {

    display: flex;

    justify-content: center;

}



.nosotros_interna .nosotros_gnrl_cont {

    width: 80%;



}



.nosotros_interna .tarjeta_gnrl {

    width: calc(31% - 50px);

    aspect-ratio: 1 / 1;

    display: flex;

    justify-content: center;

    align-items: center;

    background-position: center center;

    background-size: cover;

    border-radius: 30px;

    position: relative;

}











/******CSS formularios y formatos************/





#titulo.titulo_formularios {

    justify-content: center;

}



#titulo.titulo_formularios h2 {

    width: 80%;

    text-align: left;

}



.nosotros_interna {

    display: flex;

    justify-content: center;

}



#formularios_gnrl {

    width: 100%;

    display: flex;

    justify-content: center;

    margin-top: 50px;

    padding-bottom: 100px;

}



.formularios_gnrl_cont {

    width: 60%;

    display: flex;

    gap: 100px;

    position: relative;

    flex-wrap: wrap;

    justify-content: center;

}



.formularios_interna .formularios_gnrl_cont {

    width: 80%;

}



.pretii .formularios_gnrl_cont {

    width: 100%;

}



.formularios_interna .tarjeta_gnrl {

    width: calc(31% - 50px);

    aspect-ratio: 1 / 1;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    background-position: center center;

    background-size: cover;

    border-radius: 30px;

    position: relative;

    flex-direction: column;

    overflow: hidden;

    -webkit-box-shadow: 0px 0px 30px -11px rgba(0, 0, 0, 0.75);

    -moz-box-shadow: 0px 0px 30px -11px rgba(0, 0, 0, 0.75);

    box-shadow: 0px 0px 30px -11px rgba(0, 0, 0, 0.75);

}



.formularios_interna .forms_img {

    width: 100%;

}



.formularios_interna .forms_img img {

    width: 100%;

}



.formularios_interna .gnrl_txt {

    position: relative;

    z-index: 2;

    display: flex;

    justify-content: center;

    align-content: center;

    flex-wrap: wrap;

    width: 100%;

    padding: 10px;

    height: 122px;

}



.formularios_interna .tarjeta_gnrl::before {

    display: none;

}



.formularios_interna .gnrl_txt a {

    font-size: 30px;

    color: #000;

    transition: all 0.5s ease-in-out;

}





/****css seccion academy e internas*****/



.bloque_txt {

    width: 100%;

    display: flex;

    justify-content: center;

    padding: 50px 0;

}



.bloque_txt h2 {

    width: 80%;

    font-size: 35px;

    color: #000;

    line-height: 1.1em;

    font-weight: 100;

}



































/**seccion empleados**/



#empleados {

    width: 100%;

    display: flex;

    justify-content: center;

    padding-top: 100px;

    flex-direction: column;

    align-items: center;

    gap: 15px;

}



.empleados_cont {

    width: 90%;

    display: flex;

    gap: 20px;

    flex-wrap: wrap;

    justify-content: center;

}



.empleado_card {

    width: calc(31% - 2%);

    display: flex;

    flex-direction: column;

    padding: 20px;

    gap: 15px;

    border: 1px solid #00000093;

}



.empleado_top {

    width: 100%;

    display: flex;

    gap: 10px;

    padding-bottom: 10px;

    align-items: center;

}



.empleado_img {

    width: calc(35% - 3%);

    border-radius: 100%;

    overflow: hidden;

    aspect-ratio: 1/1;

}



.empleado_img img {

    width: 100%;

}



.empleado_info {

    width: calc(67% - 3%);

}



.empleado_info h2 {

    font-size: 15px;

    line-height: 1em;

    color: #004CFF;

    font-weight: 500;

}



.empleado_info h3 {

    font-size: 13px;

    line-height: 1em;

    font-weight: 400;

    padding-top: 5px;

}



.empleado_info h4 {

    padding-top: 5px;

    font-size: 15px;

    line-height: 1em;

    text-transform: uppercase;

}





.icon_cont {

    display: flex;

    gap: 5px;

    align-items: center;

    justify-content: space-between;

}



.icon_cont i {

    width: 16px;

}



.icon_cont p {

    width: 93%;

    font-size: 11px;

}



.empleado_bot {

    display: flex;

    flex-direction: column;

    gap: 10px;

    border-top: 1px solid #00000093;

    padding-top: 25px;

}



#load-more-btn {

    font-size: 15px;

    font-weight: 400;

    margin-bottom: 10px;

    background: #004cff;

    color: #fff;

    padding: 10px 25px;

    border-radius: 20px;

    border: none;

}







/**seccion empleados**/





/*****seccion pretii*****/



.pretii .formularios_gnrl_cont {

    gap: 20px;

}



.formularios_interna.pretii .tarjeta_gnrl {

    aspect-ratio: initial !important;

}





.pretii .gnrl_txt {

    height: 100px;

    display: flex;

    align-items: center;

    display: none;

}



#search-form {

    display: flex;

    align-items: center;

    width: 100%;

    gap: 20px;

    justify-content: flex-end;

    padding: 0 30px;

    box-sizing: border-box;

}



#search-form input[type="text"] {

    height: 22px;

}



#search-form #area-select {

    height: 27.2px;

    color: #000000a3;

}



#search-form button {

    height: 27px;

    font-size: 15px;

    font-weight: 400;

    background: #004cff;

    color: #fff;

    padding: 0px 25px;

    border-radius: 20px;

    border: none;

}





















/*****seccion pretii*****/















/****responsive****/















































/* Oculta el sidebar en pantallas pequeñas */

@media (max-width: 767px) {

    .sidebar_cont {

        width: 0;

        height: 100vh;

        overflow: hidden;

        transition: width 0.3s ease;

    }



    .content_cont {

        width: calc(100% - 2%);

    }



    .toggle-btn {

        z-index: 10;

        background-color: #333;

        color: white;

        border: none;

        padding: 10px;

        font-size: 20px;

        cursor: pointer;

        width: 47px;

        height: 47px;

    }

}



/* Cuando el sidebar está visible */

.sidebar_active .sidebar_cont {

    width: 100%;

    transition: width 0.3s ease;

}



.sidebar_active .content_cont {

    width: 0%;

    transition: width 0.3s ease;

}



.toggle-btn {

    display: none;

    position: fixed;

    top: 15px;

    left: 15px;

}



@media(max-width:767px) {

    .banner_cont {

        flex-direction: column-reverse;

    }



    .banner_cont_iz {

        width: 100%;

        padding: 0 3%;

    }



    .banner_cont_iz h2 {

        font-size: 30px;

    }



    .toggle-btn {

        display: block;

    }



    .banner3Txt h2 {

        font-size: 25px;

    }



    .seccion-con-carusel {

        flex-direction: column;

    }



    .cumple_titulo {

        padding: 50px 25px 0;

    }



    .cumple_titulo h2 {

        font-size: 34px;

    }



    .noticias_cont {

        width: 90%;

        flex-direction: column;

    }



    .carousel-item {

        min-width: 100%;

        /* Un ítem por vista */

        padding: 0;

    }



    .carousel-item .info_cont {

        padding: 15px 20px 20px;

    }



    .nuevo_cliente_cont:nth-child(1) {

        width: calc(100% - 0px);

    }



    .nuevo_cliente_cont:nth-child(2) {

        width: calc(100% - 0px);

    }



    .nuevo_cliente_cont:nth-child(3) {

        width: calc(100% - 0px);

    }



    .nuevo_cliente_cont:nth-child(4) {

        width: calc(100% - 0px);

    }



    .nuevo_cliente_cont:nth-child(5) {

        width: calc(100% - 0px);

    }



    .nuevo_cliente_cont:nth-child(1) .cover {

        background-position: 20px -6px;

        background-color: #D7FA54;

        background-size: contain;

    }



    .nuevo_cliente_cont:nth-child(2) .cover {

        background-position: 0px -6px;

        background-color: #E2E2E2;

        background-size: contain;

    }



    .nuevo_cliente_cont:nth-child(3) .cover {

        background-position: 0px -6px;

        background-color: #0043FF;

        background-size: contain;

    }



    .nuevo_cliente_cont:nth-child(4) .cover {

        background-position: 0px 100%;

        background-color: #000;

        background-size: contain;

    }



    .nuevo_cliente_cont:nth-child(5) .cover {

        background-position: 0px 100%;

        background-color: #D7FA54;

        background-size: contain;

    }



    .banner2_cont_iz h2 {

        font-size: 25px;

    }



    .banner2_cont_iz {

        width: 100%;

    }



    .banner2_cont_iz p {

        width: 90%;

    }



    .banner2_cont_der {

        width: 70%;

    }



    #titulo.noticias_titulo h2 {

        padding-left: 30px;

    }



    .noticia {

        width: 100%;

    }



    .banner_cont_der {

        width: 100%;

    }



    .banner_cont_der img {

        width: 100%;

    }



    .main_container {

        padding-right: 15px;

        padding-left: 15px;

    }



    .banner2_cont::before {

        width: 100%;

        border-radius: 0 30px 30px 0;

    }



    .banner2_cont_iz h2 .thin {

        letter-spacing: 0px;

    }



    .banner2_cont_der img {

        margin-top: -91px;

    }



    .banner_interna_cont_iz h2 {

        font-size: 30px;

        line-height: 1em;

    }



    .banner_interna_cont {

        height: 22vh;

    }



    #mision {

        margin-top: 100px;

    }



    .mision_cont {

        width: 90%;

        flex-wrap: wrap;

        gap: 20px;

    }



    .mision_vision {

        width: 100%;

    }



    .valores_cont {

        width: 100%;

    }



    .valor {

        width: 100% !important;

    }



    .valor_tit {

        width: 100% !important;

        font-size: 37px;

    }



    .valor_hide {

        width: 100% !important;

    }



    .politica_cont {

        width: 90%;

        flex-wrap: wrap;

    }



    .politica_cont_left {

        width: 100%;

    }



    .politica_cont_right {

        width: 100%;

    }



    .politica_cont_left h2 {

        font-size: 50px;

    }



    .nosotros_gnrl_cont {

        width: 90%;

        gap: 20px !important;

    }



    .tarjeta_gnrl {

        width: calc(100% - 0px);

    }



    #nosotros_gnrl {

        margin-top: 20px;

        padding-bottom: 30px;

        flex-wrap: wrap;

    }



    .nosotros_interna .tarjeta_gnrl {

        width: calc(100% - 0px) !important;

    }





















    .cum_cont_left_cont {

        height: 50vh;

        display: flex;

        justify-content: space-around;

        flex-direction: column;

    }



    .cumple_tarjeta {

        height: 62vh;

    }



    .banner2_cont {

        flex-direction: column;

    }





















    .formularios_interna .formularios_gnrl_cont {

        width: 100%;

        gap: 50px;

    }



    .formularios_interna .tarjeta_gnrl {

        width: calc(95% - 0px) !important;

        aspect-ratio: auto;

    }



    .formularios_interna .tarjeta_gnrl {

        width: calc(95% - 0px);

        aspect-ratio: auto;

    }



    .formularios_interna .gnrl_txt {

        padding-bottom: 20px;

        padding-left: 5px;

        padding-right: 5px;

        height: 160px;

    }



    .banner_interna_cont_iz {

        padding: 0 15px;

    }



    #titulo h2 {

        padding: 20px 0;

        font-size: 27px;

    }



    #titulo span {

        font-size: 25px;

    }



    .info_cont_cliente {

        width: 100%;

    }









    .formularios_interna .gnrl_txt a {

        font-size: 19px;

    }



    #formularios_gnrl {

        margin-top: 20px;

    }



    .gnrl_txt a {

        font-size: 20px;

    }





    .gnrl_txt h3 {

        padding: 5px;

    }





    .contColImg img {

        width: 50%;

    }





    .redes_sociales ul li {

        width: 12%;

    }





    .empleados_cont {

        width: 100%;

        gap: 20px;

    }



    .empleado_card {

        width: calc(100% - 2%);

    }



    #search-form {

        flex-wrap: wrap;

        justify-content: flex-start;

        padding: 0 10px;

        gap: 10px;

    }



    #search-form input[type="text"] {

        width: 100%;

    }



    #search-form #area-select {

        width: 100%;

    }



    .seccion-con-carusel .item .info_cont h2 {

        font-size: 15px;

    }



    .seccion-con-carusel .item .info_cont h3 {

        color: #000;

        font-size: 17px;

    }



    .cumple_tarjeta .fecha {

        font-size: 18px;

        width: 78%;

        height: 72px;

    }

}











































@media(min-width:768px) and (max-width:1023px) {

    .banner_cont_iz {

        width: 100%;

        padding: 0 3%;

    }



    .banner_cont_iz h2 {

        font-size: 30px;

    }



    .banner3Txt h2 {

        font-size: 25px;

    }



    .cumple_titulo {

        padding: 50px 25px 0;

    }



    .cumple_titulo h2 {

        font-size: 18px;

    }



    .noticias_cont {

        width: 90%;

        flex-direction: column;

    }



    .carousel-item {

        min-width: calc(100% / 1);

        padding: 60px;

    }



    .carousel-item .info_cont {

        padding: 15px;

    }



    .image-mask {

        clip-path: circle(43% at center);

    }



    .nuevo_cliente_cont:nth-child(1) {

        width: calc(100% - 0px);

    }



    .nuevo_cliente_cont:nth-child(2) {

        width: calc(100% - 0px);

    }



    .nuevo_cliente_cont:nth-child(3) {

        width: calc(100% - 0px);

    }



    .nuevo_cliente_cont:nth-child(4) {

        width: calc(100% - 0px);

    }



    .nuevo_cliente_cont:nth-child(1) .cover {

        background-position: 0px -6px;

        background-color: #D7FA54;

    }



    .nuevo_cliente_cont:nth-child(2) .cover {

        background-position: 0px -6px;

        background-color: #E2E2E2;

    }



    .nuevo_cliente_cont:nth-child(3) .cover {

        background-position: 0px -6px;

        background-color: #0043FF;

    }



    .nuevo_cliente_cont:nth-child(4) .cover {

        background-position: 0px -275px;

        background-color: #000;

    }



    .nuevo_cliente_cont:nth-child(5) {

        width: 100%;

        color: #000;

    }



    .banner2_cont_iz h2 {

        font-size: 25px;

    }



    .banner2_cont_iz {

        width: 100%;

    }



    .banner2_cont_iz p {

        width: 90%;

    }



    .banner2_cont_der {

        width: 70%;

    }



    .cumple_tarjeta {

        border-radius: 15px;

        height: 39vh;

    }



    .cum_cont_left_cont {

        height: 39.3vh;

    }



    .seccion-con-carusel .item .info_cont {

        top: 71%;

    }



    #titulo.noticias_titulo h2 {

        padding-left: 30px;

    }



    .noticia {

        width: 100%;

    }



    .banner_cont_der {

        width: 100%;

    }



    .banner_cont_der img {

        width: 100%;

    }



    .main_container {

        padding-right: 15px;

        padding-left: 15px;

    }



    .banner2_cont::before {

        width: 100%;

        border-radius: 0 30px 30px 0;

    }



    .banner2_cont_iz h2 .thin {

        letter-spacing: 0px;

    }



    .banner2_cont_der img {

        margin-top: -91px;

    }



    .banner_interna_cont_iz h2 {

        font-size: 40px;

    }



    .banner_interna_cont {

        height: 34vh;

    }



    #mision {

        margin-top: 100px;

    }



    .mision_cont {

        width: 90%;

        flex-wrap: wrap;

        gap: 20px;

    }



    .mision_vision {

        width: 47%;

    }



    .mision_vision_img {

        aspect-ratio: 100 / 100;

    }



    .valores_cont {

        width: 100%;

    }



    .valor {

        width: 100% !important;

    }



    .valor_tit {

        width: 100% !important;

    }



    .valor_hide {

        width: 100% !important;

    }



    .politica_cont {

        width: 90%;

        flex-wrap: wrap;

    }



    .politica_cont_left {

        width: 100%;

    }



    .politica_cont_right {

        width: 100%;

    }



    .politica_cont_left h2 {

        font-size: 50px;

    }



    .nosotros_gnrl_cont {

        width: 90%;

        gap: 10px;

    }



    .tarjeta_gnrl {

        width: calc(48% - 0px);

    }



    #nosotros_gnrl {

        margin-top: 50px;

        padding-bottom: 30px;

        flex-wrap: wrap;

    }



    .nosotros_interna .tarjeta_gnrl {

        width: calc(47% - 0px) !important;

    }



    .sidebar_cont {

        width: calc(30% - 2%);

    }



    .gnrl_txt a {

        font-size: 16px !important;

    }











    .formularios_interna .tarjeta_gnrl {

        width: calc(50% - 50px) !important;

    }



    .side {

        padding: 15px 0;

    }





    .empleados_cont {

        width: 90%;

        gap: 10px;

    }



    .empleado_card {

        width: calc(60% - 2%);

    }



    .content_cont {

        width: calc(70% - 2%);

    }





    .formularios_gnrl_cont,

    .nosotros_gnrl_cont {

        width: 90% !important;

        gap: 20px !important;

    }



    .formularios_interna .tarjeta_gnrl,

    .nosotros_interna .tarjeta_gnrl {

        aspect-ratio: 75 / 100 !important;

    }



    .item {

        flex: 0 0 100%;

    }



    .columna-40 {

        width: 35%;

    }



    #titulo span {

        font-size: 22px;

    }



    .cumple_tarjeta .img_cont img {

        width: 75%;

    }



    .seccion-con-carusel .item .info_cont h2 {

        font-size: 16px;

    }



    .cumple_tarjeta .fecha {

        font-size: 20px;

    }



    .cumple_tarjeta .fecha {

        height: 82px;

    }



    .banner3Txt {

        width: 60%;

    }



    #search-form {

        flex-wrap: wrap;

        justify-content: flex-end;

        padding: 0 10px;

        gap: 10px;

    }



    #search-form input[type="text"] {

        width: 48%;

    }



    #search-form #area-select {

        width: 48%;

    }

}











@media(min-width:1024px) and (max-width:1279px) {



    .banner_cont_iz {

        width: 100%;

        padding: 0 3%;

    }



    .banner_cont_iz h2 {

        font-size: 30px;

    }



    .banner3Txt h2 {

        font-size: 25px;

    }



    .cumple_titulo {

        padding: 50px 25px 0;

    }



    .cumple_titulo h2 {

        font-size: 25px;

    }



    .carousel-item {

        min-width: calc(100% / 3);

        padding: 20px;

    }



    .carousel-item .info_cont {

        padding: 15px 15px 15px;

    }



    .cumple_tarjeta {

        height: 45vh;

    }





    .seccion-con-carusel .item .info_cont {

        top: 75%;

    }



    #titulo.noticias_titulo h2 {

        padding-left: 30px;

    }





    .banner_cont_der {

        width: 100%;

    }



    .banner_cont_der img {

        width: 100%;

    }



    .main_container {

        padding-right: 15px;

        padding-left: 15px;

    }



    .banner2_cont::before {

        width: 100%;

        border-radius: 0 30px 30px 0;

    }



    .banner2_cont_iz h2 .thin {

        letter-spacing: 0px;

    }



    .banner2_cont_der img {

        margin-top: -91px;

    }



    .banner_interna_cont_iz h2 {

        font-size: 40px;

    }



    .banner_interna_cont {

        height: 34vh;

    }



    #mision {

        margin-top: 100px;

    }



    .mision_vision {

        width: 100%;

    }



    .valores_cont {

        width: 100%;

    }



    .politica_cont {

        width: 90%;

        flex-wrap: wrap;

    }



    .politica_cont_left {

        width: 100%;

    }



    .politica_cont_right {

        width: 100%;

    }



    .politica_cont_left h2 {

        font-size: 50px;

    }



    .nosotros_gnrl_cont {

        width: 100%;

        gap: 50px !important;

    }



    .tarjeta_gnrl {

        width: calc(43% - 100px);

    }



    .nosotros_interna .nosotros_gnrl_cont {

        width: 100%;

    }



    .sidebar_cont {

        width: calc(21%);

    }



    .content_cont {

        width: calc(75%);

    }



    #politica {

        padding-top: 0px;

    }



    .valor_tit {

        font-size: 30px;

    }



    .gnrl_txt {

        padding: 15px;

    }



    .gnrl_txt a {

        font-size: 15px !important;

    }



    ul.menu_list li a span {

        font-size: 13px;

    }



    .info_cont_cliente p {

        font-size: 12px;

    }



    .info_cont_cliente {

        width: 80%;

    }



    .banner2_cont_iz h2 {

        font-size: 31px;

    }



    .banner2_cont_iz p {

        width: 70%;

    }



    .noticias_cont {

        width: 80%;

    }



    .noticont {

        padding: 15px 20px;

    }



    .formularios_gnrl_cont,

    .nosotros_gnrl_cont {

        gap: 50px !important;

    }



    .formularios_interna .tarjeta_gnrl {

        width: calc(35% - 50px) !important;

        aspect-ratio: 75 / 100 !important;

    }



    .nosotros_interna .tarjeta_gnrl {

        width: calc(35% - 50px) !important;

        aspect-ratio: 100 / 100 !important;

    }



    .empleados_cont {

        width: 100%;

    }



    .item {

        flex: 0 0 50%;

    }



    .seccion-con-carusel .item .info_cont h2 {

        font-size: 14px;

    }



    .cumple_tarjeta .fecha {

        width: 100%;

        height: 85px;

        font-size: 18px;

    }



    .seccion-con-carusel .item .info_cont h3 {

        font-size: 17px;

    }



    .cumple_tarjeta .img_cont img {

        width: 85%;

    }



    .cum_cont_left_cont {

        height: 45vh;

    }



}













































@media(min-width:1280px) and (max-width:1300px) {



    .banner_cont_iz {

        width: 100%;

        padding: 0 3%;

    }



    .toggle-btn {

        display: block;

    }



    .banner3Txt h2 {

        font-size: 39px;

    }



    .cumple_titulo {

        padding: 50px 25px 0;

    }



    .cumple_titulo h2 {

        font-size: 41px;

    }



    .carousel-item {

        min-width: calc(100% / 3);

        padding: 20px;

    }



    .carousel-item .info_cont {

        padding: 15px 15px 15px;

    }



    #titulo.noticias_titulo h2 {

        padding-left: 30px;

    }





    .banner_cont_der {

        width: 100%;

    }



    .banner_cont_der img {

        width: 100%;

    }



    .main_container {

        padding-right: 15px;

        padding-left: 15px;

    }



    .banner2_cont::before {

        border-radius: 0 30px 30px 0;

    }



    .banner_interna_cont_iz h2 {

        font-size: 40px;

    }



    .banner_interna_cont {

        height: 34vh;

    }



    #mision {

        margin-top: 100px;

    }



    .mision_vision {

        width: 100%;

    }



    .valores_cont {

        width: 100%;

    }



    .politica_cont {

        width: 90%;

        flex-wrap: wrap;

    }



    .politica_cont_left {

        width: 100%;

    }



    .politica_cont_right {

        width: 100%;

    }



    .politica_cont_left h2 {

        font-size: 50px;

    }



    .nosotros_gnrl_cont {

        width: 100%;

        gap: 50px;

    }



    .nosotros_interna .nosotros_gnrl_cont {

        width: 100%;

    }



    .sidebar_cont {

        width: 20%;

    }



    #politica {

        padding-top: 0px;

    }



    .banner2_cont_iz h2 {

        font-size: 47px;

    }



    .cumple_tarjeta .fecha {

        font-size: 15px;

        height: 64px;

    }



    .nuevo_cliente_cont:nth-child(2) .cover {

        background-position: -140px -7px;

    }



    .seccion-con-carusel .item .info_cont {

        top: 91%;

    }



    .banner_cont_iz h2 {

        font-size: 70px;

    }



    .prev,

    .next {

        width: 30px;

        height: 30px;

        line-height: 30px;

        padding: 0 !important;

    }



    .banner2_cont_der {

        width: 40%;

    }



    .tarjeta .fecha {

        margin-top: 20px;

    }



    .valor_tit {

        font-size: 35px;

    }



    .formularios_interna .gnrl_txt a {

        font-size: 15px;

        line-height: 0.8em;

    }



    .formularios_interna .tarjeta_gnrl {

        aspect-ratio: 1 / 1.2;

    }



    .mision_vision_img {

        aspect-ratio: 1 / 0.7;

    }





}











@media(min-width:1301px) and (max-width:1550px) {



    .banner_cont_iz {

        width: 100%;

        padding: 0 3%;

    }



    .banner3Txt h2 {

        font-size: 39px;

    }



    .cumple_titulo {

        padding: 50px 25px 0;

    }



    .cumple_titulo h2 {

        font-size: 41px;

    }



    .carousel-item {

        min-width: calc(100% / 3);

        padding: 20px;

    }



    .carousel-item .info_cont {

        padding: 15px 15px 15px;

    }



    #titulo.noticias_titulo h2 {

        padding-left: 30px;

    }





    .banner_cont_der {

        width: 100%;

    }



    .banner_cont_der img {

        width: 100%;

    }



    .main_container {

        padding-right: 15px;

        padding-left: 15px;

    }



    .banner2_cont::before {

        border-radius: 0 30px 30px 0;

    }



    .banner_interna_cont_iz h2 {

        font-size: 40px;

    }



    .banner_interna_cont {

        height: 34vh;

    }



    #mision {

        margin-top: 100px;

    }



    .mision_vision {

        width: 100%;

    }



    .valores_cont {

        width: 100%;

    }



    .politica_cont {

        width: 90%;

        flex-wrap: wrap;

    }



    .nosotros_gnrl_cont {

        width: 80%;

        gap: 50px;

    }



    .nosotros_interna .nosotros_gnrl_cont {

        width: 100%;

    }



    .sidebar_cont {

        width: 20%;

    }



    #politica {

        padding-top: 0px;

    }



    .banner2_cont_iz h2 {

        font-size: 47px;

    }



    .cumple_tarjeta .fecha {

        font-size: 15px;

        height: 64px;

    }



    .nuevo_cliente_cont:nth-child(2) .cover {

        background-position: -140px -7px;

    }



    .seccion-con-carusel .item .info_cont {

        top: 85%;

    }



    .banner_cont_iz h2 {

        font-size: 70px;

    }



    .prev,

    .next {

        width: 30px;

        height: 30px;

        line-height: 30px;

        padding: 0 !important;

    }



    .banner2_cont_der {

        width: 40%;

    }



    .tarjeta .fecha {

        margin-top: 20px;

    }



    .valor_tit {

        font-size: 35px;

    }



    .formularios_interna .gnrl_txt a {

        font-size: 15px;

        line-height: 0.8em;

    }



    .formularios_interna .tarjeta_gnrl {

        aspect-ratio: auto;

    }



    .formularios_interna .gnrl_txt {

        padding-left: 5px;

        padding-right: 5px;

        padding-bottom: 20px;

    }



    .mision_vision_img {

        aspect-ratio: 1 / 0.7;

    }



    .politica_cont_left h2 {

        font-size: 70px;

    }



    .gnrl_txt h3 {

        padding-left: 15px;

        padding-right: 15px;

    }



    .gnrl_txt a {

        font-size: 20px;

    }



    #titulo.titulo_formularios h2 {

        padding-bottom: 20px;

    }



    #formularios_gnrl {

        padding-bottom: 50px;

    }



    .tarjeta_gnrl {

        width: calc(43% - 100px);

    }

}









/**** punto de corte pantalla 1366 x 641*****/

@media (min-width: 1300px) and (max-width: 1600px) and (min-height: 641px) and (max-height: 768px) {

    .banner_cont_iz h2 {

        color: #D7FA54;

        font-size: 70px;

        line-height: 1em;

        font-weight: 700;

    }



    ul.menu_list li a span {

        font-size: 14px;

    }



    .logo_cont img {

        width: 80px;

    }



    ul.menu_list li a {

        padding: 5px 10px;

    }



    .logo_cont {

        padding: 0 20px 15px;

    }



    .redes_sociales ul li {

        width: 12%;

    }



    body {

        overflow: hidden;

    }



    .noticias_cont {

        width: 90%;

    }



    .seccion-con-carusel .item .info_cont h2 {

        font-size: 18px;

    }



    .seccion-con-carusel .item .info_cont h3 {

        font-size: 15px;

    }



    .banner2_cont_iz p {

        width: 80%;

    }



    .bloque_txt h2 {

        font-size: 25px;

    }



    .mision_cont {

        width: 60%;

    }



    .tarjeta_gnrl {

        width: calc(37% - 100px);

    }







}



/* News */



.blog_content {

    margin-top: 50px;

}



.blog_content_cont {

    max-width: 70%;

    margin: 0 auto;

    color: #000;

    font-size: 22px;

    line-height: 1.6em;

    font-weight: 700;

    margin-bottom: 20px !important;

    margin-left: auto;

    margin-right: auto;

}





.blog_content_cont p {

    color: #000;

    font-size: 18px;

    line-height: 1.6em;

    font-weight: 400;

    margin-bottom: 20px !important;

    margin-left: auto;

    margin-right: auto;

}



.blog_content_cont img {

    width: 100%;

    height: 100%;

}



.text_feelingood {

    margin-top: 20px;

}



.text_feelingood_cont {

    max-width: 88%;

    margin: 0 auto;

    color: #000;

    font-size: 18px;

    line-height: 1.2em;

    font-weight: 400;

    margin-bottom: 20px !important;

    margin-left: auto;

    margin-right: auto;

}





.text_feelingood_cont p {

    color: #000;

    font-size: 15px;

    line-height: 1.2em;

    font-weight: 400;

    margin-bottom: 10px !important;

    margin-left: auto;

    margin-right: auto;

}



.text_feelingood_cont ul {

    line-height: 1.4em;

    font-size: 14px;

    list-style: disc;

}



.text_feelingood_cont ul li {

    list-style: disc !important;

}



.text_feelingood_cont img {

    width: 100%;

    height: 100%;

}



.share-section {

    margin-top: 2rem;

    padding: 1rem 0;

    text-align: center;

    margin-bottom: 2rem;

}



.share-button {

    padding: 0.5rem 1rem;

    background-color: transparent;

    color: #000;

    border: none;

    border-radius: 5px;

    cursor: pointer;

    font-size: 1rem;

    display: inline-flex;

    align-items: center;

    gap: 0.5rem;

    font-size: 18px;

}



/*.share-button:hover {

    background-color: #004CFF;

    color: #fff;

}



.share-button:hover .share-icon path {

    fill: #fff;

}*/





/************ estilos del login************/







#login_section {

    width: 100%;

    height: 100vh;

    background: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

    overflow: hidden;

    flex-direction: column;

    justify-content: space-around;

    align-items: center;

    position: relative;

}



.login_cont {

    width: 27%;

    display: flex;

    justify-content: center;

    -webkit-box-shadow: 0px 0px 11px -4px rgba(0, 0, 0, 0.75);

    -moz-box-shadow: 0px 0px 11px -4px rgba(0, 0, 0, 0.75);

    box-shadow: 0px 0px 11px -4px rgba(0, 0, 0, 0.75);

    border-top: 5px solid #D7FA54;

    position: relative;

    z-index: 2;

    background-color: #fff;

}



.form_cont {

    width: 70%;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 15% 0;

}



.form_image_cont {

    width: 40%;

}



.form_image_cont img {

    width: 100%;

}



.form_cont form {

    width: 100%;

    display: flex;

}



.form_cont form input {

    width: 100%;

    background-color: #EFEFEF;

    border: 1px solid #C6C6C6;

    padding: 0 10px;

    height: 40px;

    line-height: 40px;

}



/* Para navegadores webkit (Chrome, Safari, Opera) */

.form_cont input::-webkit-input-placeholder {

    color: #878787;

}



/* Para Firefox */

.form_cont input::-moz-placeholder {

    color: #878787;

}



/* Para Internet Explorer 10+ */

.form_cont input:-ms-input-placeholder {

    color: #878787;

}



/* Para Microsoft Edge */

.form_cont input::-ms-input-placeholder {

    color: #878787;

}





.forgot {

    width: 100%;

}



.forgot ul {

    display: flex;

    width: 100%;

    justify-content: space-between;

    flex-wrap: wrap;

}



.forgot a {

    color: #D1D1D1;

    font-size: 12px;

}



.form_cont button {

    margin-bottom: 10px;

    background: #004cff;

    padding: 10px 25px;

    font-size: 15px;

    font-weight: 400;

    color: #fff;

    border-radius: 20px;

    margin-top: 20px;

    border: 0px;

    -webkit-box-shadow: 0px 0px 11px -4px rgba(0, 0, 0, 0.75);

    -moz-box-shadow: 0px 0px 11px -4px rgba(0, 0, 0, 0.75);

    box-shadow: 0px 0px 11px -4px rgba(0, 0, 0, 0.75);

}



.figura1 {

    position: absolute;

    bottom: 34%;

    left: 30%;

    width: 10%;

    z-index: 1;

    animation: rotate 120s linear infinite;

    /* La animación dura 20 segundos, es lineal y se repite infinitamente */

}



.figura1 img {

    width: 100%;

}





@keyframes rotate {

    from {

        transform: rotate(0deg);

        /* Comienza desde 0 grados */

    }



    to {

        transform: rotate(360deg);

        /* Termina en 360 grados, una rotación completa */

    }

}







.figura2 {

    position: absolute;

    bottom: 74%;

    left: 64%;

    width: 3%;

    z-index: 3;

    animation: rotate 120s linear infinite;

    border-radius: 100%;

}



.figura2 img {

    width: 100%;

}









.figura3 {

    position: absolute;

    bottom: 95%;

    left: 0%;

    width: 5%;

    z-index: 3;

    animation: rotate 120s linear infinite;

    border-radius: 100%;

}



.figura3 img {

    width: 100%;

}







@media(max-width:800px) {

    .login_cont {

        width: 70%;

    }



    .form_cont {

        width: 70%;

        display: flex;

        flex-direction: column;

        align-items: center;

        padding: 15% 0;

    }



    .form_image_cont {

        width: 40%;

    }



    .figura2 {

        bottom: 80%;

        left: 64%;

        width: 4%;

    }

}

























































/* Animación de entrada */

@keyframes slideIn {

    0% {

        transform: translateY(100px);

        /* Desliza desde abajo */

        opacity: 0;

        /* Totalmente invisible */

    }



    100% {

        transform: translateY(0);

        /* Posición original */

        opacity: 1;

        /* Completamente visible */

    }

}



.nosotros_interna .tarjeta_gnrl {

    width: calc(31% - 50px);

    aspect-ratio: 100 / 100;

    background-position: center center;

    background-size: cover;

    border-radius: 30px;

    position: relative;

    display: flex;

    opacity: 0;

    /* Inicia invisible */

    transform: translateY(100px);

    /* Inicia deslizándose desde abajo */

    animation: slideIn 0.8s ease forwards;

    /* Aplica la animación */

    animation-delay: calc(0.2s * var(--animation-order));

    /* Retraso progresivo para cada tarjeta */

}



.formularios_interna .tarjeta_gnrl {

    width: calc(31% - 50px);

    aspect-ratio: 100 / 100;

    background-position: center center;

    background-size: cover;

    border-radius: 30px;

    position: relative;

    display: flex;

    opacity: 0;

    /* Inicia invisible */

    transform: translateY(100px);

    /* Inicia deslizándose desde abajo */

    animation: slideIn 0.8s ease forwards;

    /* Aplica la animación */

    animation-delay: calc(0.2s * var(--animation-order));

    /* Retraso progresivo para cada tarjeta */

}



.formularios_gnrl_cont,

.nosotros_gnrl_cont {

    width: 80%;

    display: flex;

    gap: 50px;

    position: relative;

    flex-wrap: wrap;

    justify-content: center;

}



/* Añade una pequeña transición al hover si deseas */

.tarjeta_gnrl:hover {

    transform: scale(1.05);

    /* Agranda ligeramente en hover */

    transition: transform 0.3s ease;

}







/* Estado inicial de las tarjetas */

.formularios_interna .tarjeta_gnrl,

.nosotros_interna .tarjeta_gnrl {

    opacity: 0;

    /* Inicialmente invisibles */

    transform: translateY(100px);

    /* Fuera de la vista */

    transition: opacity 0.8s ease, transform 0.8s ease;

    /* Animación suave */

}



/* Clase que activa la animación cuando se añade */

.formularios_interna .tarjeta_gnrl.animate,

.nosotros_interna .tarjeta_gnrl.animate {

    opacity: 1;

    /* Visible */

    transform: translateY(0);

    /* En su posición original */

}



.ren_text {

    margin-right: 1rem;

}




@media (min-width: 1300px) and (max-width: 1600px) and (min-height: 641px) and (max-height: 720px) {
    .nosotros_interna .tarjeta_gnrl {
        aspect-ratio: 140 / 100 !important;
    }

    .formularios_interna .tarjeta_gnrl {
        aspect-ratio: 81 / 100;
    }
}