*{
    font-family: 'Century Gothic Thin' ,sans-serif;
}
.navbar-brand img{
    padding-left: 20px;
}
.oculto{
    display: none;
}
body{
    text-align: center;
}
.texIn{
    padding-left: 3%;
    padding-right: 3%;
}
.twodivs{
    padding-block-start: 7%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
}
.carousel{
    transform: translateY(-16px);
}
@media(max-width:767px){
    .twodivs{
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 1px;
        padding-block-start: 7%;
    }
    .carousel{
        transform: translateY(0px);
    }
}
.twodivss{
    display: flex;
    gap: 10px;
    padding-block-start: 1%;
}
.onediv{
    font-size: 30px;
    width: 100%;
    flex-grow: 0;
    padding: 2%;
}
.onediv p{
    text-align: center;
}
.letraTam p img{
    height: 25px;
} 
.letraTit{
    color: #000000;
    font-size: 25px;
}
.navColor{
    background-color: #ffffff65;
}
.navbar .container-fluid{
    position:fixed;
    width: 100%;
    z-index: 99;
    transform: translateY(40px);
    background-color: #ffffff65;
}
.navColor ul{
    background-color: #ffffff00;
    font-size: 30px;
    width: 80%;
}
.navColor ul a p:hover{
    background-color: #ffffff;
    border-radius: 40px;
}
.navColor ul a{
    color: #000000;
}
@media(max-width:767px){
    .navbar .container-fluid{
        position:relative;
        z-index: 0;
        transform: translateY(0px);
    }
}
.carousel .carousel-indicators button {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}
.buton-Carrusel{
    display: inline-block;
    position: relative;
    background-color: #D9D9D9;
    border: none;
    width: 226px;
    height: 18px;
}
.divTexto1 p{
    text-align: justify;
}
.ul{
    font-size: 22px;
    list-style:inside;
    text-align: left;
    padding-left: 5%;
    margin: 0;
}
.divsalt{
    width: 100%;
    background-color: #f4f2f2a8;
}
.divHome{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1px;
}
@media(max-width:767px){
    .divHome{
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 1px;
        padding-block-start: 7%;
    }
}
.divHome h3{
    font-size: 50px;
    padding-left: 24%;
    text-align: center;
}
.divsalt h3{
    font-size: 50px;
    /* font-style: italic; */
    padding: 2%;
    padding-block-start: 2%;
}
.marcas{
    padding: 5%;
    font-size: 40px;
}
.divTexto2{
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.buton-Carrusel::after,.buton-Carrusel::before{
    content: ' ';
    position: absolute;
    width: 540px;
    height: 1px;
    background-color: black;
    top: 0.3em;
}
.buton-Carrusel::before{
    left: -560px;
}
.buton-Carrusel::after{
    right: -560px;
}
.imgCirculosTarjeta{
    width: 280px;
    height: 280px;
}
.circulos{
    display: flex;
    padding-block-start: 3%;
}
.twodiv{
    width: 100%;
    padding-block-end: 7%;
}
.twodiv ul li{
    padding: 2%;
    font-size: 25px;
    text-align: left;
}
.twodiv ul li img{
    width: 55px;
}
.textoviniles p{
    padding-left: 5%;
    font-size: 25px;
    text-align: justify;
}
.textoviniles .helps{
    padding-block-start: 15%;
}
.textoviniles .helps h2{
    padding-left: 3%;
}
.twodivu{
    width: 85%;
    padding-left: 5%;
}
.twodivu ul li{
    font-size: 25px;
    text-align: left;
}
.twodivu ul li img{
    width: 50px;
}
.twodivul{
    width: 100%;
    padding-left: 5%;
}
.twodivul ul li{
    font-size: 25px;
    text-align: left;
}
.twodivul ul li img{
    width: 50px;
}
.imgproyect{
    padding-block-start: 14%;
    padding-left: 8%;
}
.imgproyect img{
    width: 450px;
    height: 700px;
    box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.275);
}
@media(max-width:767px){
    .imgproyect{
        padding-block-start: 4%;
    }
    .imgproyect img{
        width: 250px;
        height: 450px;
        box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.275);
    }
    .fnosotros{
        display: none;
    }
    .fcontacto .a{
        font-size: 10px;
    }
}
/* carrusel expres */
.img-slider{
    width: 50%;
    padding-block-start: 20%;
    background-image: url(../img/carruseles/slider/inicio/Servicio_de_decoracion_de_Miniso_con_vinil.jpg);
    background-size: 100% 100%;
    width: 550px;
    height: 650px;
    animation: slides 12s infinite linear;
    box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.275);
}
@keyframes slides{
    25%{background-image: url(../img/carruseles/slider/inicio/Servicio_de_decoracion_de_restaurantes_con_vinil.jpg);}
    50%{background-image: url(../img/carruseles/slider/inicio/Servicio_de_personalizacion_de_ropa_con_vinil_textil.jpg);}
    75%{background-image: url(../img/carruseles/slider/inicio/Servicios_de_diseño.jpg);}
    100%{background-image: url(../img/carruseles/slider/inicio/Servicios_de_material_popcon_vinil.jpg);}
}
@media(max-width:767px){
    .img-slider{
        width: 50%;
        padding-block-start: 20%;
        padding-left: 30%;
        background-image: url(../img/carruseles/slider/inicio/Servicio_de_decoracion_de_Miniso_con_vinil.jpg);
        background-size: 100% 100%;
        width: 350px;
        height: 450px;
        animation: slides 12s infinite linear;
        box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.275);
    }
    @keyframes slides{
        25%{background-image: url(../img/carruseles/slider/inicio/Servicio_de_decoracion_de_restaurantes_con_vinil.jpg);}
        50%{background-image: url(../img/carruseles/slider/inicio/Servicio_de_personalizacion_de_ropa_con_vinil_textil.jpg);}
        75%{background-image: url(../img/carruseles/slider/inicio/Servicios_de_diseño.jpg);}
        100%{background-image: url(../img/carruseles/slider/inicio/Servicios_de_material_popcon_vinil.jpg);}
    }
}
.img-slid{
    background-image: url(../img/pagvinil/imgSlider/Decoracion-con-vinil-traslucido-en-oficinas-corporativas.jpg);
    background-size: 100% 100%;
    width: 550px;
    height: 750px;
    translate: 9%;
    animation: slide 12s infinite linear;
    box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.275); 
}
@keyframes slide{
    25%{background-image: url(../img/pagvinil/imgSlider/Pizarrones-personalizados-con-vinil-adhesivo.jpg);}
    50%{background-image: url(../img/pagvinil/imgSlider/Impresion-de-stikers-etiquetas-en-vinil-adhesivo.jpg);}
    75%{background-image: url(../img/pagvinil/imgSlider/Decoracion-con-vinil-traslucido-en-oficinas-corporativas.jpg);}
    100%{background-image: url(../img/pagvinil/imgSlider/Rotulacion-de-camiones-parquevehicular-de-mercancia-con-vinil.jpg);}
}
@media(max-width:767px){
    .img-slid{
        background-image: url(../img/pagvinil/imgSlider/Decoracion-con-vinil-traslucido-en-oficinas-corporativas.jpg);
        background-size: 100% 100%;
        width: 300px;
        height: 400px;
        translate: 9%;
        animation: slide 12s infinite linear;
        box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.275); 
    }
    @keyframes slide{
        25%{background-image: url(../img/pagvinil/imgSlider/Pizarrones-personalizados-con-vinil-adhesivo.jpg);}
        50%{background-image: url(../img/pagvinil/imgSlider/Impresion-de-stikers-etiquetas-en-vinil-adhesivo.jpg);}
        75%{background-image: url(../img/pagvinil/imgSlider/Decoracion-con-vinil-traslucido-en-oficinas-corporativas.jpg);}
        100%{background-image: url(../img/pagvinil/imgSlider/Rotulacion-de-camiones-parquevehicular-de-mercancia-con-vinil.jpg);}
    }
}
.img-sli{
    background-image: url(../img/pagTextil/imgslider/Bata-camisola-personalizada-con-vinil-textil.jpg);
    background-size: 100% 100%;
    width: 550px;
    height: 750px;
    translate: 9%;
    animation: slid 12s infinite linear;
    box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.275); 
}
@keyframes slid{
    25%{background-image: url(../img/pagTextil/imgslider/Chaleco-personalizado-con-vinil-textil.jpg);}
    50%{background-image: url(../img/pagTextil/imgslider/Chamarra-personalizada-con-cierre-con-vinil-textil.jpg);}
    75%{background-image: url(../img/pagTextil/imgslider/Bata-camisola-personalizada-con-vinil-textil.jpg);}
    100%{background-image: url(../img/pagTextil/imgslider/Chamarra-personalizada-con-vinil-textil.jpg);}
}
@media(max-width:767px){
    .img-sli{
        background-image: url(../img/pagTextil/imgslider/Bata-camisola-personalizada-con-vinil-textil.jpg);
        background-size: 100% 100%;
        width: 300px;
        height: 400px;
        translate: 9%;
        animation: slid 12s infinite linear;
        box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.275); 
    }   
    @keyframes slid{
        25%{background-image: url(../img/pagTextil/imgslider/Chaleco-personalizado-con-vinil-textil.jpg);}
        50%{background-image: url(../img/pagTextil/imgslider/Chamarra-personalizada-con-cierre-con-vinil-textil.jpg);}
        75%{background-image: url(../img/pagTextil/imgslider/Bata-camisola-personalizada-con-vinil-textil.jpg);}
        100%{background-image: url(../img/pagTextil/imgslider/Chamarra-personalizada-con-vinil-textil.jpg);}
    }
}
.img-sl{
    background-image: url(../img/pagMagicpop/imgslider/Material-pop-señaletica-cenfas-en-exihibidor-con-vinil-en-centro-comercial-soriana..jpg);
    background-size: 100% 100%;
    width: 550px;
    height: 750px;
    translate: 9%;
    animation: sli 12s infinite linear;
    box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.275); 
}
@keyframes sli{
    25%{background-image: url(../img/pagMagicpop/imgslider/Material-pop-señaletica-cenfas-en-exihibidor-con-vinil-en-centro-comercial-soriana1..jpg);}
    50%{background-image: url(../img/pagMagicpop/imgslider/Material-pop-señaletica-en-exihibidor-con-vinil-en-centro-comercial-soriana..jpg);}
    75%{background-image: url(../img/pagMagicpop/imgslider/Material-pop-señaletica-cenfas-en-exihibidor-con-vinil-en-centro-comercial-soriana..jpg);}
    100%{background-image: url(../img/pagMagicpop/imgslider/Material-pop-señaletica-en-exihibidor-con-vinil-en-centro-comercial-soriana1..jpg);}
}
@media(max-width:767px){
    .img-sl{
        background-image: url(../img/pagMagicpop/imgslider/Material-pop-señaletica-cenfas-en-exihibidor-con-vinil-en-centro-comercial-soriana..jpg);
        background-size: 100% 100%;
        width: 300px;
        height: 400px;
        translate: 9%;
        animation: sli 12s infinite linear;
        box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.275); 
    }   
    @keyframes sli{
        25%{background-image: url(../img/pagMagicpop/imgslider/Material-pop-señaletica-cenfas-en-exihibidor-con-vinil-en-centro-comercial-soriana1..jpg);}
        50%{background-image: url(../img/pagMagicpop/imgslider/Material-pop-señaletica-en-exihibidor-con-vinil-en-centro-comercial-soriana..jpg);}
        75%{background-image: url(../img/pagMagicpop/imgslider/Material-pop-señaletica-cenfas-en-exihibidor-con-vinil-en-centro-comercial-soriana..jpg);}
        100%{background-image: url(../img/pagMagicpop/imgslider/Material-pop-señaletica-en-exihibidor-con-vinil-en-centro-comercial-soriana1..jpg);}
    }
}
.img-sls{
    background-image: url(../img/pagDisenoGrafico/imgslider/Diseño-grafico-para-decoracion-de-cadenas-de-hoteles-con-vinil.jpg);
    background-size: 100% 100%;
    width: 550px;
    height: 750px;
    translate: 9%;
    animation: slis 12s infinite linear;
    box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.275); 
}
@keyframes slis{
    25%{background-image: url(../img/pagDisenoGrafico/imgslider/Diseño-grafico-para-empresas-grandes-con-vinil.jpg);}
    50%{background-image: url(../img/pagDisenoGrafico/imgslider/Diseño-grafico-para-negocios-grandes-cadenas-de-restaurantes-con-vinil.jpg);}
    75%{background-image: url(../img/pagDisenoGrafico/imgslider/Diseño-grafico-para-decoracion-de-cadenas-de-hoteles-con-vinil.jpg);}
    100%{background-image: url(../img/pagDisenoGrafico/imgslider/Diseño-grafico-para-negocios-grandes-con-vinil.jpg);}
}
@media(max-width:767px){
    .img-sls{
        background-image: url(../img/pagDisenoGrafico/imgslider/Diseño-grafico-para-decoracion-de-cadenas-de-hoteles-con-vinil.jpg);
        background-size: 100% 100%;
        width: 300px;
        height: 400px;
        translate: 9%;
        animation: slis 12s infinite linear;
        box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.275); 
    }   
    @keyframes slis{
        25%{background-image: url(../img/pagDisenoGrafico/imgslider/Diseño-grafico-para-empresas-grandes-con-vinil.jpg);}
        50%{background-image: url(../img/pagDisenoGrafico/imgslider/Diseño-grafico-para-negocios-grandes-cadenas-de-restaurantes-con-vinil.jpg);}
        75%{background-image: url(../img/pagDisenoGrafico/imgslider/Diseño-grafico-para-decoracion-de-cadenas-de-hoteles-con-vinil.jpg);}
        100%{background-image: url(../img/pagDisenoGrafico/imgslider/Diseño-grafico-para-negocios-grandes-con-vinil.jpg);}
    }
}
/* fin */
.imgTarjeta{
    width: 280px;
    height: 396px;
    border-radius: 10%;
    box-shadow: 10px 7px 20px black;
}
.imgTarjeta:hover{
    transition: all 1s ease-in-out;
    transform: scale(1.2);
}
/*inicio de las tarjetas con efecto*/
.tarjeta{
    position:relative;
    width: 230px;
    height: 230px;
}
.tarjeta .face{
    position: absolute;
    width: 230px;
    height: 230px;
    backface-visibility: hidden;
    border-radius: 70%;
    overflow: hidden;
    transition: .5s;
}
.tarjeta .front{
    transform: perspective(230px) rotateY(0deg);
}
.tarjeta .front .img{
    position: absolute;
    width: 230px;
    height: 230px;
    object-fit: cover;
}
.tarjeta .back .img{
    position: absolute;
    width: 230px;
    height: 230px;
    object-fit: cover;
}
.tarjeta .back{
    transform: perspective(230px) rotateY(180deg);
}
.tarjeta:hover .front{
    transform: perspective(230px) rotateY(180deg);
}
.tarjeta:hover .back{
    transform: perspective(230px) rotateY(360deg);
}
/*fin de las tarjetas con efecto*/
/*inicio del carrusel infinito*/
.slider{
    width: 80vw;
    height: auto;
    margin: auto;
    overflow: hidden;
}
.slider .slide-track{
    display: flex;
    animation: scroll 40s linear infinite;
    -webkit-animation: scroll 40s linear infinite;
    width: calc(250px * 12);
}
.slider .slide{
    width: 200px;
}
.slider .slide img{
    width: 100%;
}
@keyframes scroll{
    0%{
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100%{
        -webkit-transform: translateX(calc(-400px * 3));
        transform: translateX(calc(-400px * 3));
    }
}
.sliderRide{
    width: 80vw;
    height: auto;
    margin: auto;
    overflow: hidden;
}
.sliderRide .slide-trackRide{
    display: flex;
    animation: scrolls 40s linear infinite;
    -webkit-animation: scrolls 40s linear infinite;
    width: calc(250px * 12);
}
.sliderRide .slideRide{
    width: 200px;
}
.sliderRide .slideRide img{
    width: 100%;
}
@keyframes scrolls{
    0%{
        -webkit-transform: translateX(calc(-400px * 3));
        transform: translateX(calc(-400px * 3));
    }
    100%{
        -webkit-transform: translateX();
        transform: translateX(0);
    }
}
/*fin del carrusel infinito*/
.pTextou{
    font-size: 20px;
    text-align:justify;
    padding: 1em;
    padding-left: 10%;
    padding-block-start: 1em;
}
.ulstyle li{
    font-size: 20px;
    list-style:inside;
    text-align: left;
    padding-left: 10%;
}
.ulstyles li{
    font-size: 18px;
    list-style:inside;
    text-align: left;
    padding-left: 0;
    margin: 0;
}
li{
    list-style: none;
}
.a{
    color: #D9D9D9;
    text-align: start;
    font-size: 15px;
}
.colsm{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1px;
}
.imgFooter img{
    width: 30px;
}
.imgFooter img:hover {
    transform: scale(1.2);
}
footer{
    background-color: #494747;
}
.dimenciones{
    text-align:start ;
}
.tamano{
    padding-block-start: 5%;
    height: 60px;
}
.marcaFooter{
    color: #908B8B;
    font-size: 13px;
}
.btn-formulario{
    background-color: #898497;
    color: #fff;
    width: 100%;
    height: 140px;
    font-size: 30px;
    border: none;
}
.botonFormulario{
    text-align: start;
}
.botonFormulario img{
    width: 100%;
}
.ptext{
    text-align: justify;
    font-size: 17px;
}
.pTexto{
    font-size: 20px;
    text-align:justify;
    padding: 3em;
    padding-left: 10%;
    padding-block-start: 1em;
}
.pTexto h1{
    font-size: 10%;
}
.tarje{
    position:relative;
    width: 290px;
    height: 290px;
}
.tarje:hover{
    transition: all 0.7s ease-in-out;
    transform: translateY(-20px);
}
.imgDTargeta{
    width: 290px;
    height: 290px;
}
.tarje .laimgDTargeta{
    width: 630px;
    height: 290px;
}
.LasTarjetas{
    padding: 3%;
    padding-block-end: 70px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 0px;
}
.LasTarjetass{
    padding: 3%;
    padding-block-start: 70px;
    padding-block-end: 70px;
    display: flex;
    justify-content: center;
}
.tarjeSola:hover{
    transition: all 0.7s ease-in-out;
    transform: translateY(-20px);
}
@media(max-width:767px){
    .LasTarjetas{
        padding: 2%;    
        padding-block-end: 70px;
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 0px;
    }
    .LasTarjetass{
        padding: 2%;    
        padding-block-end: 70px;
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 0px;
    }
    .tarje{
        position:relative;
        padding: 2%;
        width: 330px;
        height: 330px;
    }
    .tarje:hover{
        transition: all 0.7s ease-in-out;
        transform: translateY(-20px);
    }
    .tarje .laimgDTargeta{
        width: 330px;
        height: 290px;
    }
}
.LasTarjetas img{
    box-shadow: 10px 7px 20px black;
}
.LasTarjetass img{
    box-shadow: 10px 7px 20px black;
}
.tam{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 2px;
}
.tammano{
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 2px;
}
@media(max-width:767px){
    .tam{
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2px;
        padding-right: 5%;
    }
}
.LaTarjetaSola{
    padding-block-start: 60px;
    padding-block-end: 60px;
    width: 100%;
    height: 324px;
}
.LaTarjetaSola:hover{
    transition: all 0.7s ease-in-out;
    transform: translateY(-20px);
}
.LaTarjetaSola img{
    box-shadow: 10px 7px 20px black;
}
.imgDTargetaSSola{
    position:relative;
    width: 90%;
    height: 290px;
}
.padang{
    padding: 15px 10px 10px;
    padding-block-start: 5%;
}
.padangs div{
    justify-content: space-evenly;
}
.LaTarjetaSol{
    padding-left: 40%;
    padding-block-end: 60px;
    width: 324px;
    height: 324px;
}
.LaTarjetaSol img{
    box-shadow: 10px 7px 20px black;
}
.TarjetaSol{
    width: 324px;
    height: 324px;
}
.imgDTargetaSSol{
    width: 290px;
    height: 290px;
}
@media(max-width:767px){
    .LaTarjetaSol{
        padding-left: 0%;
        padding-block-end: 60px;
        width: 324px;
        height: 324px;
    }   
    .LaTarjetaSol img{
        box-shadow: 10px 7px 20px black;
    }
    .TarjetaSol{
        width: 324px;
        height: 324px;
    }
    .imgDTargetaSSol{
        width: 290px;
        height: 290px;
    }
}
.tarjetaConLinks{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr));
    grid-gap: 1rem;
}
.tarjetaConLinks div a{
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
@media(max-width:767px){
    .imgTarjeta{
        width: 180px;    
        height: 296px;
        border-radius: 10%;
        box-shadow: 10px 7px 20px black;
    }
    .imgTarjeta:hover{
        transition: all 1s ease-in-out;
        transform: scale(1.2);
    }
    .tarjetaConLinks{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 2fr));
        grid-gap: 1rem;
    }
    .tarjetaConLinks div a{
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
}
.imgvinilAdhesivo{
    width: 550px;
    height: 750px;
}
.texvinilAdhesivo{
    padding-block-start: 8%;
    padding-right: 5%;
    padding: 8%;
}
.carousel-inner{
    flex: 1 0 auto;
    width: 400px;
    height: 500px;
    position: relative;
}
.carousel-item {
    width: 222px;
    height: 490px;
    overflow-y: auto;
    display: flex;
    position: relative;
}
.carousel-item img{
    width: 222px;
    height: 490px;
}
@media(max-width:767px){   
    .carousel-inner{
        flex: 1 0 auto;    
        width: 400px;
        height: 250px;
        position: relative;
    }
    .carousel-item {
        width: 222px;
        height: 290px;
        overflow-y: auto;
        display: flex;
        position: relative;
    }
    .carousel-item img{
        width: 222px;
        height: 250px;
    }
}
.carousel-control-prev-icon img{
    width: 40px;
    height: 40px;
    transform: perspective(40px) rotateY(180deg);
}
.carousel-control-next-icon img{
    width: 40px;
    height: 40px;
}
.form-control{
    text-align: justify;
}
.rowl{
    padding-block-start: 4%;
    padding: 5%;
    justify-content: space-evenly;
}
.ro .textprodYserv1{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr));
    grid-gap: 3rem;
}
.ro .textprodYserv2{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr));
    grid-gap: 3rem;
}
.texh2{
    text-align: left;
    font-size: 30px;
}
.textp{
    text-align: justify;
    font-size: 25px;
}
.textNosotros{
    padding-block-start: 10%;
    padding-right: 4%;
    width: 100%;
}
.colorSec{
    background-color: #ECE8DF;
    width: 100%;
}
.divicion{
    text-align: center;
    padding: 5% 0;
}
.divicionimg{
    text-align: center;
}
.divicionimg img{
    width: 40%;
}
.diviciontex{
    text-align: justify;
    font-size: 23px;
}
.div3{
    display: grid;
    width: 900px;
    padding-block-start: 5%;
}
.div3_1{
    display: flex;
}
.div3_1 h5{
    padding-block-start: 1%;
    padding-inline-start: 1%;
}
.div3_2 p{
    text-align: justify;
    font-size: 25px;
}
.div3 img{
    width: 5%;
}
.div4{
    display: grid;
    width: 900px;   
}
.div4 img{
    width: 5%;
}
.div4_1{
    display: flex;
    flex-direction: row-reverse;
}
.div4_1 h5{
    padding-block-start: 1%;
    padding-inline-start: 1%;
}
.div4_2 dl{
    text-align:right;
    font-size: 25px;
}
.div4_2 dl dd{
    text-align: justify;
}
.colorSec h1{
    padding-block-start: 3%;
    padding-block-end: 3%;
    padding-inline-start: 1%;
}
.divs{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}
.divs div{
    padding: 12%;
}
.divs h6{
    font-size: 32px;
}
.divs p{
    font-size: 24px;
    text-align: justify;
}
.divs dl{
    text-align: left;
}
.divs dl dd{
    text-align: justify;
}
/*estilos de lo blogs*/
.Blog{
    font-size: 20px;
    padding: 2em;
}
.Blog h1{
    font-size: 80px;
    padding-block-start: 1%;
}
.Blog h4{
    font-size: 40px;
    text-align: left;
    padding: 5px 40px 5px;
}
.Blog p{
    padding-block-start: 1%;
    text-align:justify;
    font-size: 25px;
    padding: 5px 40px 5px;
}
.Blog1{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(11.25rem, 100%), 1fr));
    grid-gap: 1rem;
    text-align: justify;
}
.Blog1 div{
    padding: 20%;
}
.Blog1 h3{
    color: #898584;
}
.Blog1 h6{
    padding-block-start: 0%;
}
.Blog2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(11.30rem, 100%), 1fr));
    grid-gap: 1rem;
}
.Blog2 div{
    justify-content: space-evenly;
}
.Blog2 img{
    padding: 2%;
    width: 320px;
}
.Blog2 img:hover{
    transition: all 1s ease-in-out;
    transform: scale(1.2);
}
/* fin del estilo de blogs */
.proyectos {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(11.30rem, 100%), 1fr));
    grid-gap: 1rem;
    transition: .5s ease-in-out;
}
.proyectos div{
    justify-content: space-evenly;
}
.proyectos h2{
    position: absolute;
    z-index: 1;
    font-size: 22px;
    line-height: 23px;
    color: #fff;
}
.proyectos a img{
    object-fit: cover;
    height: 424px;
    width: 260px;
    border-radius: 15px;
    box-shadow: 10px 7px 20px black;
    transition: .3s ease-in-out;
}
.proyectos a{
    padding: 2%;
    height: 424px;
}
.botoncitoFormulario{
    text-align: right;
    width: 100%;
}
.botoncitoFormulariooo{
    text-align: center;
    width: 100%;
}
.botoncitoFormulariooo button{
    border-radius: 35px;
    font-size: 35px;
}
.botoncitoFormularioo{
    text-align: center;
}
.botoncitoFormularioo button{
    width: 10%;
    height: 45px;
    border-radius: 30px;
    background-color: #384054;
    color: #fff;
    font-size: 22px;
}
.proyectos-proyectos-proyecto{
    padding: 1%;
    padding-block-start: 4%;
}
.proyectos-proyectos-proyecto h2{
    font-size: 42px;
}
.proyectos-proyectos-proyecto .proyectos-proyectos{
    padding-block-start: 1%;
    padding-block-end: 3%;
}
.proyectos-proyectos div{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 2fr));
    grid-gap: 2rem;
    transition: .5s ease-in-out;
}
.proyectos-proyectos div{
    justify-content: space-evenly; 
}
.proyectos-proyectos a img{
    object-fit: cover;
    height: 470px;
    width: 320px;
    border-radius: 15px;
    box-shadow: 10px 7px 20px black;
    transition: .3s ease-in-out;
}
.navs{
    display: flex;
    justify-content: center;
    padding: 2%;
}
.navs a{
    font-size: 35px;
    padding: 10px 50px 20px;
    text-decoration: none;
    color: black;
}
.navs a:hover{
    transition: all .2s ease-in-out;
    color: #fff;
    background-color: #49546e;
    border-radius: 50px;
    box-shadow: 10px 7px 20px black;
}
@media(max-width:767px){
    .navs{
        display: grid;
        justify-content: center;
        padding: 0%;
        padding-block-end: 2%;
    }
    .navs a{
        text-align: center;
        font-size: 25px;
        padding: 10px 30px 10px;
        text-decoration: none;
        color: black;
    }
    .navs a:hover{
        transition: all .2s ease-in-out;
        color: #fff;
        background-color: #49546e;
        border-radius: 50px;
        box-shadow: 10px 7px 20px black;
    }   
}
.definis{
    padding-block-end: 3%;
}
.definis h3{
    font-size: 70px;
    padding: 2%;
}
.definis button{
    font-size: 30px;
    border-radius: 50px;
    background-color: #49546e;
    box-shadow: 10px 7px 20px black;
    border: none;
}
.definis a{
    color: #fff;
    text-decoration: none;
}
.definis a:hover{
    color: #fff;
}
.hr{
    display: flex;
    justify-content: center;
}
.hr div{
    height: 5px;
    width: 80%;
    background-color: #f4f2f2ed;
}
.imgNosotross{
    display: flex;
    justify-content: center;
    align-content: center;
    padding-block-start: 15%;
    width: 400px;
    height: 500px;
}
/*  */
.btn-flotante {
	position: fixed;
	bottom: 50px;
	right: 30px;
	transition: all 300ms ease 0ms;
	z-index: 99;
}
.btn-flotante img{
    width: 70px;
}
.btn-flotante img:hover {
    border-radius: 35px;
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
	transform: translateY(-7px);
}