.contando88 {
    margin:0;
    height: 20vh;
    display:flex;
    justify-content: center;
    align-items: center;
}


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

/* Estilo básico para el Slider*/
#gallery {
    width: 100%;
    margin: auto;
    overflow: hidden;
 }
 
 .gallery-container {
    display: flex;
    transition: transform 0.5s ease-in-out;
 }
 
 .gallery-item {
    min-width: 100%;
    box-sizing: border-box;
 }
 
 .gallery-item img {
    width: 100%;
    display: block;
 }
 
 /* Navegación del Slider */
 .gallery-navigation {
    display: flex;
    justify-content: space-between;
    position: relative;
    top: -50px;
 }
 
 .nav-button {
    background-color: #008CBA;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
 }
 
 .nav-button:hover {
 background-color: #005f5f;
 }


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


.contenedor1000{
    height: 10px;  /*155*/
    width: 180px;  /*aqui centramos el numero , mayo tamaño se mueve a la derecha, menor tamaño se mueve a la izquierda*/
    position: relative;
    transform: rotate(180deg);
    text-align: center;
    /*background-color: #1cad34;*/
    justify-content: center;
    

    /*margin:0;
    height: 100vh;
    display:flex;
    justify-content: center;
    align-items: center;*/

}

.contenedor2000{
    height: 10px;  /*155*/
    width: 200px; /*aqui centramos el numero , mayo tamaño se mueve a la derecha, menor tamaño se mueve a la izquierda*/
    position: relative;
    transform: rotate(180deg);
    text-align: center;
    /*background-color: #923814;*/
    justify-content: center;

    

}

.contenedor3000{
    height: 10px;  /*155*/
    width: 130px;  /*aqui centramos el numero , mayo tamaño se mueve a la derecha, menor tamaño se mueve a la izquierda*/
    position: relative;
    transform: rotate(180deg);
    text-align: center;
    /*background-color: #1cad34;*/
    justify-content: center;

 

}

.img-55 {
    width: 75%;
    object-fit: cover;
    justify-content: center;

}

.img-77 {
    width: 80%;
    object-fit: cover;
    justify-content: center;
    border-radius: 20px;
    /*: 0 0 6px var(--color_shadow);*/
    box-shadow: 0 45px 65px rgba(0,0,0,0.50), 0 35px 22px rgba(0,0,0,0.16);

}

.img-97 {
    width: 80%;
    object-fit: cover;
    justify-content: center;
    border-radius: 20px;
    /*: 0 0 6px var(--color_shadow);*/
    box-shadow: 0 45px 65px rgba(0,0,0,0.50), 0 35px 22px rgba(0,0,0,0.16);

}

.gallery__container {
     width: 90%;
     max-width: 1100px;
     margin: 40px auto;

     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(100px,1fr));
     gap: 40px;
     align-items: center;
     justify-items: center;
     justify-content: center;

}

.gallery__container2 {
    width: 90%;
    max-width: 900px;
    margin: 40px auto;

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px,1fr));
    gap: 40px;
    align-items: center;
    justify-items: center;
    justify-content: center;

}

.gallery__container img {
    height: 100%;
}


.contenedor4000{
    height: 10px;  /*155*/
    width: 150px;  /*aqui centramos el numero , mayo tamaño se mueve a la derecha, menor tamaño se mueve a la izquierda*/
    position: relative;
    transform: rotate(180deg);
    text-align: center;
    /*background-color: #cbd628;*/
    justify-content: center;


}



.color_fondo{
    height: 0;
    width: 0%;
    background-color: #fff; /*color fondo de numero */
    position: absolute;

}

.color_fondo2{
    height: 0;
    width: 0%;
    background-color: #fff; /*color fondo de numero */
    position: absolute;
    justify-content: center;
    text-align: center;

}

.color_fondo3{
    height: 0;
    width: 0%;
    background-color: #fff;  /*color fondo de numero */
    position: absolute;

}

.color_fondo4{
    height: 0;
    width: 0%; /*estabba en 60%*/
    background-color: #fff;  /*color fondo de numero */
    position: absolute;

}


.numero {
    height: 50%;
    width: 60%;
    font-size: 3.5em;  
    font-family: sans-serif;
    font-weight: bold;
   /* color: #fff;
    background-color: #fff;*/
    color: #012555;
    background-color: #fff;
    position: absolute;
    mix-blend-mode: screen;
    
    display:flex;   
    justify-content: center;
    align-items: center;
    transform: rotate(-180deg);
    text-align: center;

}

.numero2 {
    height: 50%;
    width: 60%;
    font-size: 3.5em; 
    font-family: sans-serif;
    font-weight: bold;
    color: #012555;
    background-color: #fff;
    position: absolute;
    mix-blend-mode: screen;
    
    display:flex;   
    justify-content: center;
    align-items: center;
    transform: rotate(-180deg);
    text-align: center;

}

.numero3 {
    height: 50%;
    width: 60%;
    font-size: 3.5em;  
    font-family: sans-serif;
    font-weight: bold;
    color: #012555;
    background-color: #fff;
    position: absolute;
    mix-blend-mode: screen;
    
    display:flex;   
    justify-content: center;
    align-items: center;
    transform: rotate(-180deg);

}


.numero4 {
    height: 50%;
    width: 60%;
    font-size: 3.5em; 
    font-family: sans-serif;
    font-weight: bold;
    color: #012555;
    background-color: #fff;
    position: absolute;
    mix-blend-mode: screen;
    
    display:flex;   
    justify-content: center;
    align-items: center;
    transform: rotate(-180deg);

}

.imagen_fondo {
    background-image: url(../imgayc/proyecto_cabecerar/cab_ugarte.jpg);
    background-position: center ;
    background-repeat: no-repeat;
    background-size: cover;

    height: 500px;
    
}

.imagen_fondo_alfa {
    background-image: url(../imgayc/proyecto_cabecerar/cab_alfa.png);
    background-position: center ;
    background-repeat: no-repeat;
    background-size: cover;

    height: 500px;
    
}


.imagen_fondo_aeropuerto {
    background-image: url(../imgayc/proyecto_cabecerar/cab_aeropuerto.jpg);
    background-position: center ;
    background-repeat: no-repeat;
    background-size: cover;

    height: 500px;
    
}

.imagen_fondo_cajamarca {
    background-image: url(../imgayc/proyecto_cabecerar/cab_cajamarca.jpg);
    background-position: center ;
    background-repeat: no-repeat;
    background-size: cover;

    height: 500px;
    
}

.imagen_fondo_chiquian {
    background-image: url(../imgayc/proyecto_cabecerar/cab_chiquian.jpg);
    background-position: center ;
    background-repeat: no-repeat;
    background-size: cover;

    height: 500px;
    
}

.imagen_fondo_incario {
    background-image: url(../imgayc/proyecto_cabecerar/cab_incario.jpg);
    background-position: center ;
    background-repeat: no-repeat;
    background-size: cover;

    height: 500px;
    
}


.imagen_fondo_costa {
    background-image: url(../imgayc/proyecto_cabecerar/cab_costa.jpg);
    background-position: center ;
    background-repeat: no-repeat;
    background-size: cover;

    height: 500px;
    
}

.imagen_fondo_lalibertad {
    background-image: url(../imgayc/proyecto_cabecerar/cab_lalibertad.jpg);
    background-position: center ;
    background-repeat: no-repeat;
    background-size: cover;

    height: 500px;
    
}

.imagen_fondo_lamolina {
    background-image: url(../imgayc/proyecto_cabecerar/cab_lamolina.jpg);
    background-position: center ;
    background-repeat: no-repeat;
    background-size: cover;

    height: 500px;
    
}

.imagen_fondo_lospinos {
    background-image: url(../imgayc/proyecto_cabecerar/cab_lospinos.jpg);
    background-position: center ;
    background-repeat: no-repeat;
    background-size: cover;

    height: 500px;
    
}

.imagen_fondo_mariana {
    background-image: url(../imgayc/proyecto_cabecerar/cab_mariana.jpg);
    background-position: center ;
    background-repeat: no-repeat;
    background-size: cover;

    height: 500px;
    
}

.imagen_fondo_ugarte {
    background-image: url(../imgayc/proyecto_cabecerar/cab_ugarte.jpg);
    background-position: center ;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;

    height: 500px;
    
}

.imagen_fondo_bi {
    background-image: url(../imgayc/proyecto_cabecerar/cab_bic.jpg);
    background-position: center ;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;

    height: 500px;
    
}


.latrablanca {
    color: #fff;
}





.colorFondo {
    background: #012555;
}

.bi {
    font-size: 35px;
    color: #f7f3f3;
    margin: 20px;

}

/*
.bi-facebook{
    color: blue;

}*/

.bi-facebook:hover{
    color:#143e8d;

}

.bi-instagram:hover{
    color:#b84e11;

}

.bi-linkedin:hover{
    color:#136eb8;

}

.fondobanner {
    background: #012555;
    background-size: cover;
}

.fondo_color_contac {

    background-color: #012555;
    color: #fff;
}


.cabecera_ancho {
    /*background-image: url(imgayc/proyectos_cab/cab_Hospital/cab_Hospital.png);*/
    background-image: url(../proyectos/cab_Hospital.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 600px;
}

.cabecera_ancho_quatro {
    /*background-image: url(imgayc/proyectos_cab/cab_Hospital/cab_Hospital.png);*/
    background-image: url(../imgayc/proyectos_cab/qu4tro.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 600px;
}

.cabecera_ancho_regatas {
    /*background-image: url(imgayc/proyectos_cab/cab_Hospital/cab_Hospital.png);*/
    background-image: url(../imgayc/proyectos_cab/regatas.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 600px;
}

.cabecera_ancho_aeropuerto {
    /*background-image: url(imgayc/proyectos_cab/cab_Hospital/cab_Hospital.png);*/
    background-image: url(../imgayc/proyectos_cab/aeropuerto.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 600px;
}

.cabecera_ancho_lospinos {
    /*background-image: url(imgayc/proyectos_cab/cab_Hospital/cab_Hospital.png);*/
    background-image: url(../imgayc/proyectos_cab/lospinos.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 600px;
}

.cabecera_ancho_alfalaval {
    /*background-image: url(imgayc/proyectos_cab/cab_Hospital/cab_Hospital.png);*/
    background-image: url(../imgayc/proyectos_cab/alfalaval.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 600px;
}

.cabecera_ancho_ccmolina {
    /*background-image: url(imgayc/proyectos_cab/cab_Hospital/cab_Hospital.png);*/
    background-image: url(../imgayc/proyectos_cab/laMolina.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 600px;
}

.cabecera_ancho_incario {
    /*background-image: url(imgayc/proyectos_cab/cab_Hospital/cab_Hospital.png);*/
    background-image: url(../imgayc/proyectos_cab/incario.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 600px;
}

.cabecera_ancho_samana {
    /*background-image: url(imgayc/proyectos_cab/cab_Hospital/cab_Hospital.png);*/
    background-image: url(../imgayc/proyectos_cab/samana.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 600px;
}

.cabecera_ancho_costa {
    /*background-image: url(imgayc/proyectos_cab/cab_Hospital/cab_Hospital.png);*/
    background-image: url(../imgayc/proyectos_cab/costa.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 600px;
}



.card888{
    width: 70%;
    height: 420px;
    padding: 10px 10px 2px 10px;
    overflow: hidden;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 30px;
    position: relative;
    /*text-align: right;*/
    margin-bottom: 30px;
    box-shadow: 0 0 6px var(--color_shadow);

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.centrarTexto {
   text-align: center;   
}

.card8888_conocenos {

    font-size: 16px;
    width: 70%;
    height: 350px;
    padding: 20px 10px 10px 10px;
    overflow: hidden;
    background-color: #697FA3;  /*rojo af2934 697FA3   012555*/
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 30px;
    position: relative;
    /*text-align: right;*/
    margin-bottom: 30px;
    box-shadow: 0 0 6px var(--color_shadow);
    color: #fff;
    text-align: justify;

}

.card8888{
    font-size: 20px;
    width: 50%;
    height: 420px;
    padding: 20px 10px 2px 10px;
    overflow: hidden;
    background-color: #012555;  /*rojo af2934*/
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 30px;
    position: relative;
    text-align: left;
    /*text-align: right;*/
    margin-bottom: 30px;
    box-shadow: 0 0 6px var(--color_shadow);
    color: #fff;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.card8888_info_general{
    font-size: 20px;
    width: 50%;
    height: 300px;
    padding: 20px 10px 10px 10px;
    overflow: hidden;
    background-color: #012555;  /*rojo af2934  012555*/
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 30px;
    position: relative;
    /*text-align: right;*/
    margin-bottom: 30px;
    box-shadow: 0 0 6px var(--color_shadow);
    color: #fff;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}


.card8888_descrip_proy{
    font-size: 20px;
    width: 50%;
    height: 300px;
    padding: 20px 10px 10px 10px;
    overflow: hidden;
    background-color: #68031c;  /*rojo af2934  012555*/
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 30px;
    position: relative;
    /*text-align: right;*/
    margin-bottom: 30px;
    box-shadow: 0 0 6px var(--color_shadow);
    color: #fff;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}


.proyectos_fondo_card_gris{
    /*font-size: 20px;
    width: 50%;
    height: 300px;
    padding: 20px 10px 10px 10px;
    overflow: hidden;*/
    background-color: #55585c;  /*rojo af2934  012555*/
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    /*border-radius: 30px;
    position: relative;*/
    /*text-align: right;*/
    /*margin-bottom: 30px;
    box-shadow: 0 0 6px var(--color_shadow);
    color: #fff;*/

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}




.card_mision{
    width: 95%;
    height: 220px;
    padding: 5px 5px 5px 5px;
    overflow: hidden;
    background-color: #3c6caa;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 10px;
    position: relative;
    /*text-align: right;*/
    margin-bottom: 30px;
    box-shadow: 0 0 6px var(--color_shadow);
    color: #fff;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.card_empresa{
    width: 95%;
    height: 200px;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    /*background-color: #697FA3;*/
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 10px;
    position: relative;
    text-align: justify;
    /*text-align: right;*/
    margin-bottom: 30px;
    /*box-shadow: 0 0 6px var(--color_shadow);*/
    color: #000;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.card_experiencia{
    width: 95%;
    height: 270px;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    /*background-color: #fff;*/
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 10px;
    position: relative;
    /*text-align: right;*/
    text-align: justify;
    margin-bottom: 30px;
    /*box-shadow: 0 0 6px var(--color_shadow);*/
    color: #000;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.card_servicios1{
    width: 95%;
    height: 400px;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    background-color: #fff;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 10px;
    position: relative;
    text-align: justify;
    /*text-align: right;*/
    margin-bottom: 10px;
    /*box-shadow: 0 0 6px var(--color_shadow);*/
    color: #000;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.card_servicios2{
    width: 95%;
    height: 660px;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    background-color: #fff;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 10px;
    position: relative;
    text-align: justify;
    /*text-align: right;*/
    margin-bottom: 10px;
    /*box-shadow: 0 0 6px var(--color_shadow);*/
    color: #000;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.card_servicios3{
    width: 95%;
    height: 540px;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    background-color: #fff;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 10px;
    position: relative;
    text-align: justify;
    /*text-align: right;*/
    margin-bottom: 10px;
    /*box-shadow: 0 0 6px var(--color_shadow);*/
    color: #000;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.card_servicios4{
    width: 95%;
    height: 600px;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    background-color: #fff;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 10px;
    position: relative;
    text-align: justify;
    /*text-align: right;*/
    margin-bottom: 10px;
    /*box-shadow: 0 0 6px var(--color_shadow);*/
    color: #000;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}


.card_servicios5{
    width: 95%;
    height: 1320px;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    background-color: #fff;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 10px;
    position: relative;
    text-align: justify;
    /*text-align: right;*/
    margin-bottom: 10px;
    /*box-shadow: 0 0 6px var(--color_shadow);*/
    color: #000;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}



.card_vision{
    width: 95%;
    height: 220px;
    padding: 5px 5px 5px 5px;
    overflow: hidden;
    background-color: #fff;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 10px;
    position: relative;
    /*text-align: right;*/
    margin-bottom: 10px;
    box-shadow: 0 0 6px var(--color_shadow);
    color: #000;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}


.card_nuestra_empresa{
    width: 70%;
    height: 400px;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 30px;
    position: relative;
    /*text-align: right;*/
    margin-bottom: 30px;
    box-shadow: 0 0 6px var(--color_shadow);

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.card_nuestra_empresa_gris{
    width: 60%;
    height: 300px;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    background-color: #012555;  /*666666   012555 */ 
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    color: #fff;
    border-radius: 30px;
    position: relative;
    /*text-align: right;*/
    /*margin-bottom: 15px;*/
    box-shadow: 0 0 6px var(--color_shadow);
    font-size: 18px;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}



.card_contacto{
    width: 70%;
    height: 150px;
    padding: 10px 10px 2px 10px;
    overflow: hidden;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 30px;
    position: relative;
    /*text-align: right;*/
    margin-bottom: 30px;
    box-shadow: 0 0 6px var(--color_shadow);

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}


.card__img888 {
    text-align: center;
    width: 95%;
    height: 200px;
    object-fit: cover;
    border-radius: 60px 60px 60px 60px;

}

.negrita {
    font-weight:bold;

}

.texto {
    text-align: left;
}

.container-cards99 {
    display: flex; /* Para que los elementos se pongan en la misma linea */
    justify-content: center;   /*Para que se ordenen y se pongan a las esquinas*/
    align-items: center;
    flex-wrap: wrap; /* en el caso no tengan mas espacio disponible, se van hacia abajo */
    background-size: cover;
} 

.cabecera {
    width: 100% !important;
    height: 785px !important;
}

.footer {
    width: 100% !important;
    height: 390px !important;
}

.imagen_contacto {
    padding-right: 50px;
}


.imagen_conocenos {
    width: 100%;
    height: 100%;
    object-fit: cover;  /**presenta la imagen dentro del objeto */
    object-position: center top;
   
}

.imagen_conocenos_marco{
    width: 100%;
    height: 420px;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    /*border-radius: 30px;*/
    position: relative;
    /*text-align: right;*/
    margin-bottom: 30px;
    box-shadow: 0 0 6px var(--color_shadow);

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.imagen_conocenos_marco-gris{
    width: 100%;
    height: 420px;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    background-color: #666666;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    /*border-radius: 30px;*/
    color: #fff;
    position: relative;
    /*text-align: right;*/
    margin-bottom: 30px;
    box-shadow: 0 0 6px var(--color_shadow);

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}




.imagen_servicios {
    width: 100%;
    height: 100%;
    object-fit: cover;  /**presenta la imagen dentro del objeto */
    object-position: center top;
   
}

.imagen_servicios_marco_contactanos{
    width: 320px;
    height: 340px;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    background-color: #697FA3;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    /*border-radius: 30px;*/
    position: relative;
    /*text-align: right;*/
    margin-bottom: 30px;
    box-shadow: 0 0 6px var(--color_shadow);
    border-radius: 15px 15px 15px 15px ;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.texto_marco_contactanos{
    width: 320px;
    height: 160px;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    background-color: #697FA3;
    color: #fff;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    /*border-radius: 30px;*/
    position: relative;
    /*text-align: right;*/
    margin-bottom: 30px;
    box-shadow: 0 0 6px var(--color_shadow);
    border-radius: 15px 15px 15px 15px ;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}


.imagen_servicios_marco9{
    width: 500px;
    height: 400px;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    /*background-color: #fff;*/
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    /*border-radius: 30px;*/
    position: relative;
    /*text-align: right;*/
    margin-bottom: 30px;
    /*box-shadow: 0 0 6px var(--color_shadow);*/
    border-radius: 30px 30px 30px 30px ;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.conocenos_letra {
    font-size: 24px;
    justify-content: center;
    padding: 10px 10px 10px 10px;
}

.conocenos_letra_mision {
    font-size: 18px;
   /* font-weight: bold;*/
    justify-content: left;
    padding: 10px 10px 10px 10px;
}

.contactenos_letra {
    font-size: 16px;
    font-weight: bold;
    justify-content: center;
    padding: 10px 10px 10px 10px;
    background-color: #666666;
    color: #fff;
    border-radius: 15px 15px 15px 15px ;
}

.contactenos_campos {
    font-size: 20px;
    font-weight: bold;
   /* justify-content: center;*/
    /*padding: 10px 10px 10px 10px;*/
}


.contactenos_boton {
    font-size: 20px;
    font-weight: bold;
    width: 100px;
    height: 60px;
    background-color: #0a2041;
    color: #fff;
    border-radius: 15px 15px 15px 15px ;
   /* justify-content: center;*/
    /*padding: 10px 10px 10px 10px;*/
}

.contactenos_boton_borrar {
    font-size: 20px;
    font-weight: bold;
    width: 100px;
    height: 60px;
    background-color: #f10808;
    color: #fff;
    border-radius: 15px 15px 15px 15px ;
   /* justify-content: center;*/
    /*padding: 10px 10px 10px 10px;*/
}

.fondoservicios__{
    background-color: #697FA3;
    width: 100%;
}

@media screen and (max-width:700px){
    .bi {
        font-size: 35px;
        color: #fff;
        margin: 20px;
    
    }


    .contactenos_letra {
        font-size: 16px;
        font-weight: bold;
        justify-content: center;
        padding: 30px 30px 30px 30px;
    }


.altomovil {

    height: "900px";

}


.galeria-port-servicios{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
  
}

.about__icons {
    /*width: 25%;*/
    display: grid;
    gap: 1em;
    justify-items: center;
    width: 250px;
    overflow: hidden;    
    margin: 0 auto;
}

.about__icons-texto {
    /*width: 25%;*/
    display: grid;
    gap: 1em;
    justify-items: center;
    width: 300px;
    overflow: hidden;    
    margin: 0 auto;
    font-size: 12px;
}

.card888{
    width: 70%;
    height: 450px;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 30px;
    position: relative;
    /*text-align: right;*/
    margin-bottom: 30px;
    box-shadow: 0 0 6px var(--color_shadow);

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.negrita {
    font-weight:bold;

}

.texto {
    text-align: left;
}

.container-cards99 {
    display: flex; /* Para que los elementos se pongan en la misma linea */
    justify-content: center;   /*Para que se ordenen y se pongan a las esquinas*/
    align-items: center;
    flex-wrap: wrap; /* en el caso no tengan mas espacio disponible, se van hacia abajo */

} 

.subtitle {

    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 18px;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    text-align: center;
    color: #012555;

}

.cabecera {
    width: 100% !important;
    height: 550px !important;
}

.footer {
    width: 100% !important;
    height: 1000px !important;
}


.about__main {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    display: grid;
    width: 80%;
    margin: 0 auto;
    gap: 1em;
    overflow: hidden;
    grid-template-columns: repeat(auto-fit, minmax(260px, auto));
}



.bi {
    font-size: 35px;
    color: #f7f3f3;
    margin: 20px;

}

/*
.bi-facebook{
    color: blue;

}*/

.bi-facebook:hover{
    color:#143e8d;

}

.bi-instagram:hover{
    color:#b84e11;

}

.bi-linkedin:hover{
    color:#136eb8;

}


.card8888{
    width: 100%;
    height: 630px;
    padding: 15px 5px 5px 5px;
    overflow: hidden;
    background-color: #012555;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 30px;
    position: relative;
    /*text-align: right;*/
    text-align: left;
    /*margin-bottom: 30px;*/
    box-shadow: 0 0 6px var(--color_shadow);
    color: #fff;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.card8888_conocenos {

    font-size: 16px;
    width: 100%;
    height: 400px;
    padding: 20px 10px 10px 10px;
    overflow: hidden;
    background-color: #012555;  /*rojo af2934*/
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 30px;
    position: relative;
    /*text-align: right;*/
    margin-bottom: 30px;
    box-shadow: 0 0 6px var(--color_shadow);
    color: #fff;
    text-align: justify;

}


.card_empresa{
    width: 95%;
    height: 350px;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    /*background-color: #3c6caa; */  /*3c6caa*/
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 10px;
    position: relative;
    text-align: justify;
    /*text-align: right;*/
    margin-bottom: 30px;
    /*box-shadow: 0 0 6px var(--color_shadow);*/
    color: #000;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.card_experiencia{
    width: 95%;
    height: 350px;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    background-color: #fff;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 10px;
    position: relative;
    /*text-align: right;*/
    margin-bottom: 30px;
    /*box-shadow: 0 0 6px var(--color_shadow);*/
    color: #000;
    text-align: justify;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}


.card_nuestra_empresa_gris{
    width: 100%;
    height: 380px;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    background-color: #012555;  /*666666*/
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    color: #fff;
    border-radius: 30px;
    position: relative;
    /*text-align: right;*/
    margin-bottom: 15px;
    box-shadow: 0 0 6px var(--color_shadow);
    font-size: 16px;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}


.imagen_servicios_marco9{
    width: 350px;
    height: 250px;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    background-color: #fff;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    /*border-radius: 30px;*/
    position: relative;
    /*text-align: right;*/
    margin-bottom: 30px;
    /*box-shadow: 0 0 6px var(--color_shadow);*/
    border-radius: 15px 15px 15px 15px ;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}


.fondo_color_contac {

    background-color: #012555;
    color: #fff;
}

@media screen and (max-width: 1000px) { 

    .conocenos_letra_mision {
        font-size: 14px;
       /* font-weight: bold;*/
        justify-content: left;
        padding: 5px 5px 5px 5px;
    }

    .card_servicios1{
        width: 95%;
        height: 700px;
        padding: 5px 5px 5px 5px;
        overflow: hidden;
        background-color: #fff;
        /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
        /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
        border-radius: 10px;
        position: relative;
        text-align: left;
        /*text-align: right;*/
        font-size: 6px;
        margin-bottom: 10px;
        /*box-shadow: 0 0 6px var(--color_shadow);*/
        color: #000;
    
        /*display: flex;
        justify-content: space-between;
        align-items: center;*/
    
    }

    .card_servicios2{
        width: 95%;
        height: 900px;
        padding: 5px 5px 5px 5px;
        overflow: hidden;
        background-color: #fff;
        /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
        /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
        border-radius: 10px;
        position: relative;
        text-align: left;
        /*text-align: right;*/
        font-size: 6px;
        margin-bottom: 10px;
        /*box-shadow: 0 0 6px var(--color_shadow);*/
        color: #000;
    
        /*display: flex;
        justify-content: space-between;
        align-items: center;*/
    
    }

    .card_servicios3{
        width: 95%;
        height: 1000px;
        padding: 5px 5px 5px 5px;
        overflow: hidden;
        background-color: #fff;
        /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
        /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
        border-radius: 10px;
        position: relative;
        text-align: left;
        /*text-align: right;*/
        font-size: 6px;
        margin-bottom: 10px;
        /*box-shadow: 0 0 6px var(--color_shadow);*/
        color: #000;
    
        /*display: flex;
        justify-content: space-between;
        align-items: center;*/
    
    }

    .card_servicios4{
        width: 95%;
        height: 1000px;
        padding: 5px 5px 5px 5px;
        overflow: hidden;
        background-color: #fff;
        /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
        /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
        border-radius: 10px;
        position: relative;
        text-align: left;
        /*text-align: right;*/
        font-size: 6px;
        margin-bottom: 10px;
        /*box-shadow: 0 0 6px var(--color_shadow);*/
        color: #000;
    
        /*display: flex;
        justify-content: space-between;
        align-items: center;*/
    
    }


    .card_servicios5{
        width: 95%;
        height: 1400px;
        padding: 5px 5px 5px 5px;
        overflow: hidden;
        background-color: #fff;
        /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
        /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
        border-radius: 10px;
        position: relative;
        text-align: left;
        /*text-align: right;*/
        font-size: 6px;
        margin-bottom: 10px;
        /*box-shadow: 0 0 6px var(--color_shadow);*/
        color: #000;
    
        /*display: flex;
        justify-content: space-between;
        align-items: center;*/
    
    }




}


@media screen and (max-width: 500px) { 

    .fondo_color_contac {

        background-color: #012555;
        color: #fff;
    }
    
.card8888_descrip_proy{
    font-size: 14px;
    width: 90%;
    height: 380px;
    padding: 5px 5px 5px 5px;
    overflow: hidden;
    background-color: #012555;  /*rojo af2934  012555*/
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 30px;
    position: relative;
    /*text-align: right;*/
    margin-bottom: 10px;
    box-shadow: 0 0 6px var(--color_shadow);
    color: #fff;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.card8888_info_general{
    font-size: 14px;
    width: 90%;
    height: 380px;
    padding: 5px 5px 5px 5px;
    overflow: hidden;
    background-color: #012555;  /*rojo af2934  012555*/
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 30px;
    position: relative;
    /*text-align: right;*/
    margin-bottom: 30px;
    box-shadow: 0 0 6px var(--color_shadow);
    color: #fff;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.contactenos_letra {
    font-size: 16px;
    font-weight: bold;
    width: 50px;
    justify-content: center;
    padding: 10px 10px 10px 10px;
    background-color: #c51818; /*666666*/
    color: #fff;
    border-radius: 15px 15px 15px 15px ;
}


.card_servicios1{
    width: 95%;
    height: 570px;
    padding: 5px 5px 5px 5px;
    overflow: hidden;
    background-color: #fff;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 10px;
    position: relative;
    text-align: left;
    /*text-align: right;*/
    font-size: 6px;
    margin-bottom: 10px;
    /*box-shadow: 0 0 6px var(--color_shadow);*/
    color: #000;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.card_servicios2{
    width: 95%;
    height: 960px;
    padding: 5px 5px 5px 5px;
    overflow: hidden;
    background-color: #fff;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 10px;
    position: relative;
    text-align: left;
    /*text-align: right;*/
    font-size: 6px;
    margin-bottom: 10px;
    /*box-shadow: 0 0 6px var(--color_shadow);*/
    color: #000;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.card_servicios3{
    width: 95%;
    height: 700px;
    padding: 5px 5px 5px 5px;
    overflow: hidden;
    background-color: #fff;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 10px;
    position: relative;
    text-align: left;
    /*text-align: right;*/
    font-size: 6px;
    margin-bottom: 10px;
    /*box-shadow: 0 0 6px var(--color_shadow);*/
    color: #000;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.card_servicios4{
    width: 95%;
    height: 900px;
    padding: 5px 5px 5px 5px;
    overflow: hidden;
    background-color: #fff;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 10px;
    position: relative;
    text-align: left;
    /*text-align: right;*/
    font-size: 6px;
    margin-bottom: 10px;
    /*box-shadow: 0 0 6px var(--color_shadow);*/
    color: #000;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.card_servicios5{
    width: 95%;
    height: 1900px;
    padding: 5px 5px 5px 5px;
    overflow: hidden;
    background-color: #fff;
    /*background: linear-gradient(180deg, var(--black3) 0%, var(--black1) 100%);*/
    /*background: linear-gradient(180deg, var(--black2) 0%, var(--black3) 100%);*/
    border-radius: 10px;
    position: relative;
    text-align: left;
    /*text-align: right;*/
    font-size: 6px;
    margin-bottom: 10px;
    /*box-shadow: 0 0 6px var(--color_shadow);*/
    color: #000;

    /*display: flex;
    justify-content: space-between;
    align-items: center;*/

}

.conocenos_letra_mision {
    font-size: 14px;
   /* font-weight: bold;*/
    justify-content: left;
    padding: 5px 5px 5px 5px;
}

.gallery__container2 {
    width: 90%;
    max-width: 900px;
    margin: 40px 100px;

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px,1fr));
    gap: 40px;
    align-items: center;
    justify-items: center;
    justify-content: center;

}

.yy44444{
    display: flex; /* Para que los elementos se pongan en la misma linea */
    justify-content: space-between;   /*Para que se ordenen y se pongan a las esquinas*/
    align-items: center;
    flex-wrap: wrap; /* en el caso no tengan mas espacio disponible, se van hacia abajo */
}

}