:root {
    --rey: #074890;
    --secundario: #087fb3;
    --nav: #cfd4d7;
    --tex-nav: #155f82;
}

html{
    font-size: 62.5%;
    box-sizing: border-box;
    scroll-snap-type: y mandatory;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body{
    font-size: 16px;
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}

.background{
    background-color: white;
}

.sombra{
    box-shadow: 0px 6px 16px -2px rgba(0,0,0,0.51);
    background-color: whitesmoke;
    padding: 2rem;
    border-radius: 1rem;
    margin-top: 3rem;
}

h1{
    font-size: 8rem;
    color: var(--rey);
    font-weight: bold;
}

h2{
    font-size: 2.8rem;
}

h3{
    font-size: 1.8rem;
}

h1, h2, h3{
    text-align: center;
}

/*HEADER*/
.contenedor{
    max-width: 120rem;
    margin: 0 auto;
}

.contenedor{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {

    .contenedor{
        display: grid;
        grid-template-columns: 30% 50% 20%;
    }
    
    .header__logo{
        width: 70px;
        margin-top: 1rem;
        align-items: center;
    }
  
}
 
.header__logo{
    width: 170px;
    margin-top: 1rem;
    align-items: center;
}


.link__home a{  /*link hacia inicio en letras*/
    text-decoration: none;
}

.titulo:nth-child(1){
    text-align: justify;
    margin-top: 1rem;
    margin-left: 7rem;
}

.titulo:nth-child(2){
    text-align: left;
    margin-top: -5rem;
    margin-left: 10rem;
    font-size: 3rem;
    color: var(--secundario);
}



.titulo_texto{
    font-size: 2.7rem;
    color: darkgreen;
}
.titulo span{
    font-size: 2rem;
    color: red;
}

.numero p{
    font-size: 2rem;
    text-align: center;
    color: red;
    font-weight: bold;
}


.primernumero{
    display: flex;
    flex-direction: center;
    align-items: center;
}

.segundonumero{
    display: flex;
    flex-direction: center;
    align-items: center;
}



/**NAVEGACIÓN*/
.nav-bg{
    background-color: var(--nav); 
    margin-top: 2rem;
}

.contenedor2{
    max-width: 120rem;
    margin: 0 auto;
    margin-top: 2rem;
}

.navegacion{
  display: flex;
  flex-direction: column;
  list-style: none;
}

@media (min-width: 768px) {
    .navegacion{
        flex-direction: row;
        justify-content: space-around;
    }
    
}  

.navegacion li{
    position: relative;
    display: inline-block;
}

.navegacion li:hover ul{
    display: block;
}
.navegacion ul{
    display: none;
    position: absolute;
}
.navegacion a{
    display: block;
    text-align: center;
    color: var(--tex-nav);
    text-decoration: none;
    font-size: 2rem;
    font-weight: bold;
    padding: .7rem;
    
}

.navegacion :hover{
    background-color: #25628c; /*ddf1fc*/
    color: white;
    border-radius: .5rem;
}





/* "PRESENTACIÓN INDEX" */
.subtitulo{
    background-image: url(../img/oficinaFumi.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
    position: relative;
    margin-bottom: 2rem;
}

.cont-subtitulo{
    position: absolute;
    background-color: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}


.mision__texto h2,
.cont-subtitulo h2, 
.cont-subtitulo p{
    color: white;
}



.mision{ /* SEGUNDA IMAGEN INDEX*/
    background-image: url(../img/img_mision3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    position: relative;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.mision__texto{
    position: absolute;
    background-color: rgba(0, 0, 0, 0.324);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.titulo_servicios{
    color: var(--rey);
    background-color: rgba(0, 0, 0, 0.114);
    padding: .5rem;
}
.titulo_servicios h2{
    font-size: 4rem;
}

/*
.section-servicios{
    background-color: rgba(0, 0, 0, 0.114);
    margin-bottom: 3rem;
    padding-bottom: 3rem;
}
.section-servicios__grid{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem;
    justify-items: center;
}

@media (min-width: 768px) {
    .section-servicios__grid{
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
    }
}
*/

.fondo{
    background-color: rgba(0, 0, 0, 0.114);
}
.container{
    width: 90%;
	max-width: 1200px;
	margin: auto;
	padding: 40px 0;

    display: grid;
    grid-template-columns: 3fr; 
    
}


.containerDOS{
    max-width: 120rem;
    display: grid;
    grid-template-columns: 3fr; 
    justify-items: center;
    
}



.containerDOS a,
.container a{
    text-decoration: none;
}
 
.granosIMG:hover,
.decimaIMG:hover,
.novenaIMG:hover,
.octavaIMG:hover,
.septimaIMG:hover,
.sextaIMG:hover,
.quintaIMG:hover,
.cuartaIMG:hover,
.terceraIMG:hover,
.segundaIMG:hover,
.primeraIMG:hover{
    transform: scale(1.1);
    transition: 500ms;
}


.container-servicios{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
    justify-items: center;
    
}

@media (min-width: 768px) {
    .container-servicios{
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
    }
}


.container-servicios-dos{
    display: grid;
    grid-template-columns: 33.3 33.3 33.3;
    gap: 2rem;
    justify-content: center;
    
}


@media (min-width: 768px) {
    .container-servicios-dos{
        grid-template-columns: repeat(3, 1fr);
        justify-items: center;
    }
}

.container-servicios-dos p{
    width: 400px;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 3rem;
    font-weight: bold;
    color: white;
}

.container-servicios p{
    width: 500px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 3rem;
    font-weight: bold;
    color: white;
}

.primeraIMG{
    background-image: url(/img/fumigación_.jpg);
    min-height: 200px;
    padding: 20px;
    position: relative;
    border-radius: 20px;
    background-size: cover;
    width: 500px;
    height: 300px;
    background-size: cover;
    background-position: center center;
    
}

.segundaIMG{
    background-image: url(/img/GRID_UNO_.jpg);
    min-height: 200px;
    padding: 20px;
    position: relative;
    border-radius: 20px;
    width: 500px;
    height: 300px;
    background-size: cover;
    background-position: center center;  

    
}

.terceraIMG{
    background-image: url(/img/GRID_TRES.jpg);
    min-height: 200px;
    padding: 20px;
    position: relative;
    border-radius: 20px;
    width: 500px;
    height: 300px;
    background-size: cover;
    background-position: center center;
    
}

.cuartaIMG{
    background-image: url(/img/GRID_DOS.jpg);
    min-height: 200px;
    padding: 20px;
    position: relative;
    border-radius: 20px;
    width: 500px;
    height: 300px;
    background-size: cover;
    background-position: center center;
}



.quintaIMG{
    background-image: url(/img/semillas_.jpg);
    min-height: 200px;
    position: relative;
    border-radius: 20px;
    width: 400px;
    height: 250px;
    background-size: cover;
    background-position: center center;
}

.sextaIMG{
    background-image: url(/img/polilla2.jpg);
    min-height: 200px;
    position: relative;
    border-radius: 20px;
    width: 400px;
    height: 250px;
    background-size: cover;
    background-position: center center;
}

.septimaIMG{
    background-image: url(/img/termita_.jpg);
    min-height: 200px;
    position: relative;
    border-radius: 20px;
    width: 400px;
    height: 250px;
    background-size: cover;
    background-position: center center;
    
}

.novenaIMG{
    background-image: url(/img/araña.jpg);
    min-height: 200px;
    position: relative;
    border-radius: 20px;
    width: 400px;
    height: 250px;
    background-size: cover;
    background-position: center center;
}

.decimaIMG{
    background-image: url(/img/aves.jpg);
    min-height: 200px;
    position: relative;
    border-radius: 20px;
    width: 400px;
    height: 250px;
    background-size: cover;
    background-position: center center;
}
.octavaIMG{
    background-image: url(/img/curso.jpg);
    min-height: 200px;
    position: relative;
    border-radius: 20px; 
    width: 400px;
    height: 250px;
    background-size: cover;
    background-position: center center;
}


.video{
    background-color: var(--nav);
    width: 650px;
    height: 450px;
    display: flex;
    align-self: center;
    width: 100%;
    position: relative;
    padding: 3rem;
    justify-content: center;
}
    


.refdos{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 3rem;
}

@media (min-width: 768px) {

    .refdos{
        display: grid;
        grid-template-columns: 50% 50%;
    }
}

.refdos__IMGdos{
    width: 90%;
}
.refdos__IMG{
    width: 100%;
}



/* SERVICIOS */
@media (min-width: 768px) { /*barra de servicios*/
    .servicios{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    
}

.servicio{
    display: flex;
    flex-direction: column;
    align-items: center;
}


/* CERTIFICACIONES EN HTML */

.certificaciones-container{
    width: 90%;
	max-width: 1200px;
	margin: auto;
	padding: 40px 0;

    display: grid;
    grid-template-columns: 3fr; 
    
}

@media (min-width: 768px) {
    .certificaciones-container{
        grid-template-columns: repeat(2, 1);
        justify-items: center;
    
    }
}

.certificaciones{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
    justify-items: center;
               
}

.cofeprisIMG{
    display: grid;
    min-height: 200px;
    padding: 20px;
    position: relative;
    background-size: cover;
    width: 500px;
    height: 300px;
    background-size: cover;
    background-position: center center;
}

.profecoIMG{
    display: grid;
    min-height: 200px;
    padding: 20px;
    position: relative;
    background-size: cover;
    width: 500px;
    height: 300px;
    background-size: cover;
    background-position: center center;
}

.titulo-certificaciones h2{
    font-size: 5rem;
    color:var(--rey)
}

.titulo-empresas h2{
    text-align: center;
    font-size: 3.5rem;
    color: var(--rey);
}

.slider-box{
    width: 1280px;
    height: auto;
    margin: 50px auto 0;
    overflow: hidden;
}


.slider-box ul{
    display: flex;
    padding: 0;
    width: 400%;
    animation: slide 20s infinite ease-in-out;
}

.slider-box li{
    width: 100%;
    list-style: none;
    position: relative;
}

.slider-box img{
    width: 100%;
}

@keyframes slide{
    0%{ margin-left: 0;}
    20%{ margin-left: 0;}

    25%{ margin-left: -100%;}
    45%{ margin-left: -100%;}

    50%{ margin-left: -200%;}
    70%{ margin-left: -200%;}

    75%{ margin-left: -300%;}
    100%{ margin-left: -300%;}
}

@media (max-width: 991px) {
    .slider-box{
        width: 50%;
    }
}






/*CONTACTO.HTML*/

.titulo_contacto h2{
    color: white;
    padding: 4rem;
}

.banner-contacto{
    background-image: url(/img/backgroundContacto.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
    position: relative;
    margin-bottom: 2rem;
}



.formulario{
    background-color: #a0a9ad;
    width: min(60rem, 100%);
    margin: 0 auto;
    padding: 2rem;
    border-radius: 1rem;
}

.formulario fieldset{
    border: none;
}

.formulario legend{
    text-align: center;
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 2rem;
    color: white;
}

@media (min-width: 768px) {   /*columnas de campos*/
    .contenedor-campos{
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-rows: auto auto 20rem;
        column-gap: 1rem;
    }

    .campo:nth-child(3),
    .campo:nth-child(4){
        grid-column: 1 / 3;
    }
}

.campos{
    margin-bottom: 1rem;
}

.campo label{
    color: white;
    font-weight: bold;
    margin-bottom: .5rem;
    display: block;
}

.campo textarea{
    height: 20rem;
}

.input-text{
    width: 100%;
    border: none;
    padding: 1.5rem;
    border-radius: .5rem;
}

.boton{
    background-color: var(--rey);
    color: white;
    padding: 1rem 3rem;
    margin-top: 3rem;
    font-size: 2rem;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: .5rem;
    width: 90%;
    text-align: center;
    border: none;
}


@media (min-width: 768px) {
    .boton{
        width: auto;
    }
    
}

.boton:hover{
    cursor: pointer;
}



.whats{
    background-image: url(../img/whats.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    position: relative;
    margin-bottom: 2rem;
}
.contenido-whats{
    position: absolute;
    color:white;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;;
}


/* UTILIDADES */
.w-100{
    width: 100%;
}

@media (min-width: 768px) {
    .w-100{
        width: auto;
    }
}

.flex{
    display: flex;
}

.alinear{
    justify-content: flex-end;
}

/*DISEÑO DE "NOSOTROS.HTML*/

.contenedor3{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.eslogan__img{
    width: 500px;
}

@media (min-width: 768px) {
    .eslogan__img{
        width: 1200px;
        align-items: center;
    }
}

.banner_empresa{
    background-image: url(../img/banner_empresa.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 200px;
    background-size: cover;
    background-position: center center; 
}

.cont_banner{ /*banner*/
    position: absolute;
    background-color: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cont_banner h2{
    color: white;
    font-size: 4.5rem;

}

.titulo_historia h3{
    color: var(--rey);
    font-size: 3.5rem;
}

.anho p{
    font-size: 3rem;
    text-align: left;
    margin-left: 3rem;
}


.fondo_historia{
    display: grid;
    grid-template-columns: 50% 50%;
    background-color: rgba(0, 0, 0, .4);
    height: 400px;
    align-items: center;
}

.content_historia_uno p{
    color: white;
    font-size: 3rem;
    text-align: center;
    padding: 2rem;
    margin-left: 5rem;
}

.edificio{
    height: 400px;
    justify-content: end;
    margin-left: 9rem;
}

.liderazgo h3{
    text-align: left;
}

.historia_dos{
    display: grid;
    grid-template-columns: 50% 50%;
    background-color: grey;
    height: 400px;
}

.niebla{
    height: 400px;
}

.content_historia_dos{
    color: white;
    font-size: 3rem;
    text-align: center;
    margin-right: 8rem;
}

.segundoEdificio{
    background-color: var(--nav);
    display: flex;
    flex-direction: column;
}
.permitanos{

    width: 1257px;
    align-self: center;
}

/*DISEÑO DE "SERVICIOS.HTML*/
.subtitulo__servicios{
    background-image: url(../img/pfumi.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
    position: relative;
    margin-bottom: 2rem;
}



.img_comercial{
    width: 350px;
}

.img_residencia{
    width: 350px;
}

.img_industrial{
    width: 350px;
}

.servicios h3{
    font-size: 3rem;
}

.container_servicios_completos a{
    text-decoration: none;
}

.container_servicios_completos p, h3{
    color: var(--rey);
    
    align-self: center;
}

.titulo_servicios_dos{
    background-color: var(--tex-nav);
    padding: 3rem;
    margin-top: 2rem;
    
}

.titulo_servicios_dos h2{
    font-size: 5rem;
    color: #a0a9ad;
}

.sombra_dos{
    box-shadow: 0px 6px 16px -2px rgba(0,0,0,0.51);
    background-color: var(--nav);
    padding: 2rem;
    border-radius: 1rem;
    margin-top: 3rem;
    margin-bottom: 7rem;
}
.primeraIMG_servicios_content{
    display: grid;
    grid-template-columns: 40% 60% ;
}

.servicios-extras{
    display: grid;
    grid-template-columns: 33.3 33.3 33.3;
    gap: 2rem;
    align-items: center;
    
}


@media (min-width: 768px) {
    .servicios-extras{
        grid-template-columns: repeat(3, 1fr);
        justify-items: center;
    }
}

.servicios-extras a{
    text-decoration: none;
}

.servicios-extras p{
    font-size: 3rem;
    color: white;
    text-align: center;
}

.containerDOS_servicios{
    max-width: 120rem;
    display: grid;
    grid-template-columns: 3fr; 
    justify-items: center;
}
.primeraIMG_dos{
    width: 450px;
    display: flex;
    flex-direction: row;
    padding: 20px;
    position: relative;
    border-radius: 50px;
    background-size: cover;
    background-position: center center;
}


.primeraIMG_servicios h3{
    font-size: 4rem;
    text-align: center;
}
.primeraIMG_servicios p{
    font-size: 2rem;
    text-align: center;
}

.granosIMG{
   
    background-image: url(/img/cereales.png);
    min-height: 200px;
    position: relative;
    border-radius: 20px;
    width: 400px;
    height: 250px;
    background-size: cover;
    background-position: center center;
        
    
}

.titulo_plagas{
    height: 100px;
    margin-top: 6rem;
    background-color: rgba(0, 0, 0, .3);
    align-content: center;
}

.titulo_plagas h2{
    font-size: 4rem;
}

.container_plagas{
    width: 100%;
    height: 250px;
}

.mip{
    width: 768px;
}

/*FUMIGACION.HTML*/

.titulo_pag_fum{
    background: url(../img/background-fumigacion.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
    position: relative;
    margin-bottom: 2rem;
    background-position: center center;
}

.titulo_pag_control{
    background: url(../img/background_integral.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
    position: relative;
    margin-bottom: 2rem;
    background-position: center center;
}

.titulo_pag_san{
    background: url(../img/background_sanitizacion.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
    position: relative;
    margin-bottom: 2rem;
    background-position: center center;
}

.titulo_pag_desin{
    background: url(../img/background_desinfeccion.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
    position: relative;
    margin-bottom: 2rem;
    background-position: center center;
}

.titulo_pag_granos{
    background: url(../img/background_granos.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
    position: relative;
    margin-bottom: 2rem;
    background-position: center center;
}

.titulo_pag_polilla{
    background: url(../img/background_polilla.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
    position: relative;
    margin-bottom: 2rem;
    background-position: center center;
}

.titulo_pag_termita{
    background: url(../img/backgroun_termita.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
    position: relative;
    margin-bottom: 2rem;
    background-position: center center;
}

.titulo_pag_silvestre{
    background: url(../img/background_silvestre.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
    position: relative;
    margin-bottom: 2rem;
    background-position: top center;
}

.titulo_pag_capacitacion{
    background: url(../img/background_capacitacion.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
    position: relative;
    margin-bottom: 2rem;
    background-position: center center;
}

.titulo_pag_fum_content{
    align-content: center;
}

.titulo_pag_fum_content h1{
    color: white;
}

.texto_fumigacion{
    text-align: end;
}




.carousel{
    margin: 0;
    padding: 0;
    display: flex;
    height: 100vh;
    width: 100%;
    align-items: center;
    background: rgb(49, 49, 49);
}

h4, small, a{
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none;
}

.carousel{
    width: 100%;
    margin: 0px 0px;
}

@media (min-width: 768px) {
    .carousel{
        margin: 0px 60px;
    }

}

.carrusel h2{
    font-size: 45px;
    line-height: 38px;
    padding-bottom: 50px;
    opacity: .9;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
}

.carrusel-list{
    position: relative;
    display: flex;
    align-items: center;
    width: fit-content;
    height: 304px;
    padding: 10px 0px;
    margin: 0px auto;
    max-width: 90vw;
    overflow: hidden;
}

.carrusel-track{
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    transition: .5s ease-in-out;
}

.carrusel{
    position: relative;
    width: 210px;
    padding: 0 18px;
    float: left;
    box-sizing: border-box;
    display: flex;
    height: 100px;
}

.carrusel h4{
    position: absolute;
    z-index: 1;
    font-size: 22px;
    line-height: 23px;
    color: #ffffff;
    padding: 	15px;
}

.carrusel h4 small{
    font-size: 15px;
    display: block;
}

.carrusel a img{
    object-fit: cover;
    height: 300px;
    width: 200px;
    border-radius: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    transition: .3s ease-in-out;
}

@media (min-width: 768px) {
    .carrusel{
        width: 275px;
    }

    .carrusel a img{
        width: 250px;
    }
}

.carrusel-arrow{
    border-radius: 30px;
    background-color: #ffffff;
    position: absolute;
    z-index: 4;
    width: 48px;
    height: 48px;
    text-align: center;
    border: 0;
    cursor: pointer;
}

.carrusel-arrow:focus{
    outline: 0;
}

.carrusel-arrow svg{
    width: 12px;
    height: 100%;
    color: rgba(0, 0, 0, 0.7)
}

.carrusel-prev{
    left: 0px;
}

.carrusel-next{
    right: 0px;
}

/*PAG FUMIGACION*/

.fumigacion_body{
    background-image: url(../img/azul.jpg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {

    .fumigacion_body{
        display: grid;
        grid-template-columns: 60% 40%;
    }
}

.texto_fumigacion_fumi h3{
    text-align: center;
    font-size: 3rem;
    color: black;
}

.fondo_fumi{
    background-image: url(../img/superazul.jpg);
}
.texto_fumigacion_fumi p{
    text-align: justify;
    font-size: 3rem;
    color: black;
    padding: 3rem;
}

.imgFumi_img{
    height: 370px;
    border-radius: 2%;
}







/*PAG CONTROL INTEGRADO DE PLAGAS*/

.fumigacion_body{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {

    .fumigacion_body{
        display: grid;
        grid-template-columns: 60% 40%;
    }
}




/* OFRECER .HTML*/
.grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

@media (min-width: 768px) {
    .grid{
        grid-template-columns: repeat(4, 1fr);
    }
}
.ofrecer{
    background-color: rgb(215, 211, 211);
    border-radius: 1rem;
}

.ofrecer__texto{
    padding: 1rem;
    font-size: 2.5rem;
    text-align: center;
    color:#25628c;
}

.icono{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem;
}

.container-final{
    height: 500px ;
    background-color: var(--rey);

    display: grid;
    grid-template-columns: 50% 50%;
}

.container-final h2{
    color: white;
}


.container-final p{
    color: white;
    font-size: 3rem;
    text-align: center;
}

.titulo-container-final{
    margin-top: 5rem;
}

.redes a{
    margin-left: 15rem;
    text-decoration: none;
    color: white;
    font-size: 2rem;
    
}


.fondo_formulario{
    background-image: url(../img/edificio.jpg);
}