/*Paleta de colores*/
        
         :root {
            --ColorPrimarioTexto: #ff6600;
            --colorSecundario: #E59866;
            --colorNaranjaClaro: #FAD7A0;
            --colorgrisClaro: #F6F5F5;
            --ColorBotonEstamperia: #E59866;
            --colorHoverBotonNaranja:#D35400;

        }
        /*Globales*/
        
        html {
            font-size: 62.5%;
            box-sizing: border-box;
        }
        
        *,
        *:before,
        *:after {
            box-sizing: inherit;
        }
        
        * {
            margin: 0;
            padding: 0;
        }
        
        body {
            font-size: 16px;
            font-family: 'Roboto', sans-serif;
        }
        /*se carga en este lugra para que afecte a toda la pagina*/
        
        h1,
        h2 {
            color: var(--ColorPrimarioTexto);
            text-align: center;
        }

     
        /*TIPOGRAFIAS*/
        
        h1 {
            font-size: 4rem;
        }
        
        h2 {
            font-size: 3.5rem;
        }
        
        h3 {
            font-size: 2.3rem;
            text-align: center;
            color: black;
            margin: 2rem auto 3rem;
            padding: 0rem 2rem;
        }
        @media(min-width: 768px) and (max-width: 1024px) {
            h3{
                font-size: 2rem; 
            }
        }
        @media(min-width: 375px) and (max-width: 767px){
            h3{
                font-size: 1.6rem; 
            }
        }
        /*NAVEGACION*/
        
        .navegacion {
            display: flex;
            justify-content: space-between;
        }
        
        .navegacion__link {
            margin-top: 4.5rem;
            
        }
        
        .logo {
            display: inline;
            width: 10rem;
            margin: 1rem;
        }
        
        .navegacion a {
            text-decoration: none;
            padding: 1.8rem;
            font-size: 2.1rem;
            color: black;
            
        }
        .navegacion__tituloMovil{
            display: none;
        }
        @media(min-width: 768px) and (max-width: 1024px) {
            .navegacion a {
                text-decoration: none;
                font-size: 1.7rem;
                color: black;
            }
        }
        @media(min-width: 375px) and (max-width: 767px){
            .navegacion {
                display: grid;
                grid-template-columns: 1fr;
            }

                .logo{
                   display: none;
                }

            .navegacion__link{
                display: grid;
                grid-template-columns: 1fr;
                margin: 1rem auto ;
                padding: 0.5rem;
            }
            .navegacion__link a{
                font-size: 1.9rem;
                padding: 0.6rem;
                margin: 0 auto;
            }
            .objeto{
                display: none;
            }
            .navegacion__tituloMovil{
                display: inline;
                font-size: 2rem;
                width: 10rem;
            }
        }
        
        
        a:hover {
            color: var(--ColorPrimarioTexto);
        }
        
        .objeto {
            /*CREE UN OBJETO PARA PODER DISTRIBUIR MEJOR EL FLEX*/
            visibility: hidden;
            margin-top: 2rem;
        }

        /*MENU DESPLEGABLE*/

        #menu-desplegable{
            display: none;
        }
        header img{
            display: none;
        }
        .desplegable{
            display: none;
        }
        .tituloMovil{
            display: none;
        }

        @media(min-width: 375px) and (max-width: 767px){
            .navegacion{
                display: flex;
                height: 9rem;
            }
            .tituloMovil {
                display: inline;
                position: absolute;
                top: 4%;
                left: 4%;
            }
            .tituloMovil  h1{
                font-weight: bolder;
                font-size: 2.2rem;
            }
            header  img{
                width: 7%;
                display: block;
                margin: 7.5% 86%;
                top: -3rem;
            }
           label img:hover{
               cursor: pointer;
               transform: scale(1.1);
           }
           .navegacion__link{
               position: absolute;
               left: -110%;
               top: 26.4%;
               background-color: rgba(0, 0, 0, 0.93);
               border: none;
               padding: 0rem 13rem 3rem ;
               transition: 0.8s;
               z-index: 3;
           }
           .navegacion__link a{
               color: white;
               font-size: 2.5rem;
               font-weight: 700;
               text-align: center;
               margin-top: 4.6rem;
           }
           .desplegable{
               display: block;
           }
              #menu-desplegable:checked ~ .navegacion__link{
               left: 0%;
           }
            
        }

        /*PORTADA*/
        .portada{
            margin: 0rem auto ;
            position: relative;
            overflow: hidden;
        }
        .portada__imagen img{
            width: 100%;
        }
        @media(min-width: 375px) and (max-width: 767px){
            .portada__imagen img{
                height: 100%;
                margin: 0 auto;
            }
        }


        /*comienza el efecto hover de la portada*/
        .portada__logo img{
            width: 20%;
            position: absolute;
            top: 55%;
            left: 50%;
            transform: translate(-55%, -50%);
        }

        @media(min-width: 375px) and (max-width: 767px){
            .portada__logo img{
                width: 20%;
                position: absolute;
                top: 55%;
                left: 50%;
                transform: translate(-55%, -50%);
            }
        }
        .portada:hover .portada__logo img{
            transform: translate(-55%, -50%) scale(1.2);
            transition: all 3s;
        }
        
        .portada:before,
        .portada:after {
            content: "";
            position: absolute;
            width: 50%;
            height: 220%;
            top: 0rem;
            left: 0rem;
            transition: all 1s;
            background-color: white;
            border: 2rem solid var(--ColorPrimarioTexto) ;
               
        }
        .portada:before{
            transform: rotate(71deg) translateX(-140%) translateY(-0%);  
        }

        .portada:hover:before{
            cursor: pointer;
            transform:  rotate(71deg) translateX(-95%)translateY(-22%);  
        }

        .portada:after{
            transform: rotate(71deg) translateX(140%) translateY(-60%);  
        }

        .portada:hover:after{
            cursor: pointer;
            transform:  rotate(71deg) translateX(55%)translateY(-60%);  
        }
        /* PORTADA MOVIL */
        @media(min-width: 375px) and (max-width: 767px){

            .portada:before{
                transform: rotate(71deg) translateX(-155%) translateY(-0%);  
            }
            .portada:hover:before{
                cursor: pointer;
                transform:  rotate(69deg) translateX(-100%)translateY(-22%);  
            }
    
            .portada:hover:after{
                cursor: pointer;
                transform:  rotate(69deg) translateX(53%)translateY(-50%);  
            }
        }
        /*termina el efecto hover de la portada*/
   

        @media(min-width: 375px) and (max-width: 767px){
            .portada__imagen {
                width: 100%;
                height: 17rem;
            }
        }



        /* LOGOS CLIENTES*/

        .logosClientes {
            display: flex;
            justify-content: space-evenly;
            margin: 6rem auto;
        }
        
        .logosClientes img {
            width: 90%;
        }
        
        .logosClientes__imagenes {
            width: 9rem;
            margin: auto auto;
            transition: transform 0.5s ; /*para dar efecto de escala*/
        }
        .logosClientes__imagenes:hover{ /* efecto de escala*/
            transform: scale(1.5);
        }
        @media(min-width: 768px) and (max-width: 1024px){
            .logosClientes {
                display: grid;
                grid-template-columns: repeat(5, 1fr);
            }
            
            .logosClientes__imagenes {
                width: 9rem;
                margin: 1.4 auto;
            }
            .logosClientes {
                margin: 2rem auto;
            }
        }
         @media(min-width: 375px) and (max-width: 767px){
            .logosClientes {
                display: grid;
                grid-template-columns: repeat(5, 1fr);
                width: 100%;
                margin: 1rem;
            }
            .logosClientes__imagenes{
                width: 40%;
                margin: 1rem;
            }
        }

        /*SOBRE NOSOTROS*/
        
        .seccionNosotros h1 {
            margin: 10rem auto 5rem;
        }
        
        .sobreNosotros {
            display: flex;
            justify-content: space-evenly;
        }

        
        @media(min-width: 768px) and (max-width: 1024px) {
            .sobreNosotros {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
            }
            .SobreNosotros__contenido{
                margin: 0 auto;
            }
            .SobreNosotros__contenido:nth-child(3){
                grid-column: 1 / 3;
            }
            .seccionNosotros h1{
                margin: 1rem auto 2rem;
            }
        }
        @media(min-width: 375px) and (max-width: 767px){
            .seccionNosotros h1{
                margin: 1rem auto 2rem;
            }
            .sobreNosotros{
                display: grid;
                grid-template-columns: 1fr;
            }
            .SobreNosotros__contenido{
                margin: 0 auto;
            }
        }

        .sobreNosotros h2 {
            color: black;
            font-weight: normal;
            margin-bottom: 2rem;
        }

        .SobreNosotros__contenido {
            width: 22%;
        }
        @media(max-width: 1400px) {
            .SobreNosotros__contenido{
                width: 35rem;
                
            }
            .seccionNosotros h1{
                margin: 1rem auto 2rem;
            }
        }
        
        .SobreNosotros__contenido img {
            width: 60%;
            display: block;
            margin: 3rem auto;
        }
        @media(min-width: 375px) and (max-width: 767px){ 
            .SobreNosotros__contenido img {
                width: 50%;
            }
        }

        
        .SobreNosotros__contenido p {
            text-align: center;
            margin: -3rem auto 0rem;
            line-height: 1.6;
            font-size: 2rem;
            padding: 2rem;
        }

        /*CARUOSEL*/

        .carousel-item img {
            margin: 0 auto;
            display: block;
            width: 100%;
            height: 50rem;
            padding: 4rem;
         }
         .carousel-indicators button[type]{
             width: 6rem;
             height: 1rem;
             background-color: var(--ColorPrimarioTexto);
         }
         @media(max-width: 1400px) {
            .carousel-item img {
                height: 35rem;
             }
         }
         @media(min-width: 768px) and (max-width: 1024px) {
            .carousel-item img {
                height: 30rem;
             }
         }
         @media(min-width: 375px) and (max-width: 767px){
            .carousel-item img {
                height: 18rem;
                margin-bottom: 2rem;
                padding: 2rem;
             }
         }


        /*SERVICIOS*/
        
        .servicios_imagenes {
            display: flex;
            justify-content: space-evenly;
        }
        @media(min-width: 768px) and (max-width: 1024px) {
            .servicios_imagenes {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                
            }
        }
        @media(min-width: 375px) and (max-width: 767px){
            .servicios_imagenes{
                display: grid;
                grid-template-columns: 1fr;
            }
        }
        .servicios_imagenes img {
            width: 100%;
            border-radius: 1rem;
        }
        
        .servicios h1 {
            margin: 4rem auto 2rem;
        }
        
        .servicios__subtitulo {
            color: var(--ColorPrimarioTexto);
            font-size: 2rem;
            font-weight: 700;
            margin: 2rem 1rem;
            text-align: center;
        }
        
        .servicio__imagen {
            width: 40rem;
            height: 60rem;
            margin-top: 4rem;
            padding: 2rem;
            border-radius: 2rem;
            background-color: var(--colorgrisClaro);
            -webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.75);
            transition: transform 0.5s ; /*para dar efecto escalable*/
        }
        .servicio__imagen:hover{
            transform: scale(1.03); /*para dar efecto escalable*/
            background-color: var(--colorgrisClaro);
            -webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.75);
            transition: transform 0.5s ;
        }
        @media(min-width: 1025px) and (max-width: 1400px) {
           .servicio__imagen{
            width: 40rem;
            height: 60rem;
            margin: 4rem 2rem;
            padding: 2rem;
            border-radius: 2rem;
            background-color: var(--colorgrisClaro);
            -webkit-box-shadow: 0px 0px 2px 0.3px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 0px 0px 2px 0.3px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 0px 2px 0.3px rgba(0, 0, 0, 0.75);
           } 
           .servicio__imagen:hover{
            -webkit-box-shadow: 0px 0px 2px 0.3px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 0px 0px 2px 0.3px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 0px 2px 0.3px rgba(0, 0, 0, 0.75);
        }
        }
        @media(min-width: 768px) and (max-width: 1024px) {
            .servicio__imagen{
                width: 92%;
                margin: 1rem auto;
            }
            
        }
        @media(min-width: 375px) and (max-width: 767px){
            .servicio__imagen{
                width: 90%;
                margin: 1rem auto;
                -webkit-box-shadow: 0px 0px 2px 0.3px rgba(0, 0, 0, 0.75);
                -moz-box-shadow: 0px 0px 2px 0.3px rgba(0, 0, 0, 0.75);
                box-shadow: 0px 0px 2px 0.3px rgba(0, 0, 0, 0.75);
            }
            .servicio__imagen:hover{
                -webkit-box-shadow: 0px 0px 2px 0.3px rgba(0, 0, 0, 0.75);
                -moz-box-shadow: 0px 0px 2px 0.3px rgba(0, 0, 0, 0.75);
                box-shadow: 0px 0px 2px 0.3px rgba(0, 0, 0, 0.75);
            }
            .servicios h1 {
                margin-top: 1rem;
            }
        }
        
        .servicio__imagen p {
            text-align: center;
            font-weight: normal;
            line-height: 1.5;
            margin: 1.4rem auto;
        }
        /*BOTONES en servicios*/
        
        .servicios__boton {
            background-color: var(--ColorPrimarioTexto);
            padding: 1rem;
            border-radius: 1rem;
            font-size: 1.6rem;
            font-weight: bold;
            width: 100%;
            margin: 0 auto;
            text-align: center;
        }
        .servicios__boton:hover{
            background-color: var(--colorHoverBotonNaranja);
        }
        @media(max-width: 1400px) {
            .servicios__boton{
                
                margin: 12rem auto;
                text-align: center;
            }
        }
        @media(min-width: 768px) and (max-width: 1024px) {
            .servicios__boton {
                margin: 1rem auto;
            }
        }
        @media(min-width: 375px) and (max-width: 767px){
            .servicios__boton {
                margin: 0rem auto;
            }
        }
        
        .servicio__parrafo {
            height: 15rem;
        }
        
        .servicios__boton a {
            text-decoration: none;
            font-size: 2.2rem;
            color: white;
        }


        /*TABLA*/

        @media(min-width: 375px) and (max-width: 767px){ /*PARA HACER DESAPARECER 2 FILAS DE LA TABLA*/
        .tabla__NoResponsive{
            display: none;
        }
    }
        .tabla__logos {
            display: flex;
            justify-content: center;
            margin-top: 2rem;
        }
        
        .tabla table {
            margin: 10rem 1rem;
            width: 100%;
            border-radius: 2rem;
        }
        @media(min-width: 768px) and (max-width: 1024px) {
            .tabla table {
                margin: 8rem auto;
            }
        }
        .tabla h1 {
            margin-top: 9rem;
            text-align: center;
        }
        .tabla h3{
            margin-bottom: 3rem;
        }
        @media(min-width: 375px) and (max-width: 767px){
            .tabla h3{
                font-size: 1.5rem;
                margin-bottom: 3rem;
            }
        }
        
        .tabla__logos--logo {
            margin: 4rem 2rem 5rem;
            align-items: center;
            
        }
        
        .tituloTabla td {
            color: var(--colorTablaTitulo);
            font-weight: bold;
            padding: 0.5rem 0.5rem;  
        }
        
        td {
            width: 30rem;
            color: var(--colorTablaTexto);
            text-align: center;
            padding: 1rem 1rem;
            font-size: 2rem;
        }

        @media(min-width: 1024px) and (max-width: 1400px){
            td {
                font-size: 1.8rem;
            }
         }
         @media(min-width: 375px) and (max-width: 767px){
           td{
            padding: 0.5rem 0.5rem;
            font-size: 1.5rem;
         }
         .tituloTabla td {
            padding: 0.5rem 1.9rem;  
        }
        }

        .botonTabla{
           width: 17%;
            margin: 0 auto;
            border-radius: 1rem;
            color: white;
            font-size: 2.2rem;
            transition: transform 0.5s;
        }
        .botonTabla:hover{
            cursor: pointer;
            transform: scale(1.2);
        }

        .botonTabla img{
            display: block;
            width: 100%;
        }
        @media(min-width: 768px) and (max-width: 1024px) {
            .botonTabla{
                width: 8rem;
            }
        }
        @media(min-width: 375px) and (max-width: 767px){
            .botonTabla{
                width: 5rem;
            }
        }

        .tabla__contenido__taller{
            font-size: 2.2rem;
            font-weight: bolder;
            text-transform: uppercase;
        }

        @media(min-width: 1024px) and (max-width: 1400px){
            .tabla__contenido__taller{
                font-size: 1.8rem;
            }

        }
        @media(min-width: 375px) and (max-width: 767px){
            .tabla__contenido__taller{
                font-size: 1.5rem;
        }
    }
        .EstamperiaSelect:hover{
            cursor: pointer;
            background-color: #3b3b3b;
            color: white; 
        }
        .fondoTabla{
            background-image: url(../img/fondoTablaOk.png);
            background-repeat: space;
            background-size: 100% 100%;
            padding: 5rem;
        }
        @media(min-width: 1024px) and (max-width: 1400px){
            .fondoTabla{
                padding: 1rem;
        }
    }
        @media(min-width: 768px) and (max-width: 1024px) {
            .fondoTabla{
                padding: 6rem;
        }
    }
    @media(min-width: 375px) and (max-width: 767px){
        .fondoTabla{
            padding: 0.5rem;
    }
    }

        /*MODAL TABLA*/

        .modal-content{
            width: 100rem;
            left: -50%;
            background-color: white;
        }
        @media(min-width: 375px) and (max-width: 767px){
            .modal-content{
                width: 80rem;
                left: -50%;
            }
        }
        .detalle{
                width: 170%; 
                left: -50%;
                background-color: white;
        }
        @media(min-width: 1024px) and (max-width: 1400px){
            .detalle{
                width: 110%; 
                left: -10%;
        }
        }
        @media(min-width: 768px) and (max-width: 1024px) {
            .detalle{
                width: 140%; 
                left: -20%;
        }
        .modal-body{
            width: 80%;
            left: 11%;
        }
        }
        @media(min-width: 375px) and (max-width: 767px){
            .detalle{
                width: 190%; 
                left: -45%;
        }
        }
        .modal-body video{
            width: 100%;
        }
        @media(min-width: 375px) and (max-width: 767px){
            .modal-body{
                width: 50%;
                left: 0%;
                margin: 0 auto;
            }
            .modal-title{
                font-size: 3rem;
            }
        }
        .modal-body img{
            width: 100%;
            display: block;
            margin: 0 auto;
        }

        
        /*FORMULARIO*/
        
        .seccionFormulario {
            width: 100%;
            position: relative;
        }
        .seccionFormulario:hover{
            cursor: pointer;
        }
        
        .seccionFormulario h2 {
            margin: 10rem auto 0rem;
            position: absolute;
            top: 15rem;
            left: 18%;
            color: black;
            font-weight: normal;
            font-size: 4rem;
        }
        @media(min-width: 768px) and (max-width: 1024px) {
            .seccionFormulario h2 {
                margin: 0rem auto ;
                top: 12rem;
                left: auto;
                font-size: 2rem;
                padding: 2rem;
            }
        }
        @media(min-width: 375px) and (max-width: 767px){
            .seccionFormulario h2 {
                top: 7rem;
                left: auto;
                font-size: 2rem;
                padding: 2rem;
            }
        }
        
        .seccionFormulario h3 {
            position: absolute;
            top: 40rem;
            left: 33%;
            font-weight: normal;
            font-size: 2.5rem;
        }
        @media(min-width: 768px) and (max-width: 1024px) {
            .seccionFormulario h3 {
                top: 30rem;
            }
        }
        
        .seccionFormulario__boton {
            position: absolute;
            top: 60rem;
            left: 45%;
            width: 4rem;
        }
        .seccionFormulario a {
            text-decoration: none;
            background-color: var(--ColorPrimarioTexto);
            font-size: 3rem;
            font-weight: bold;
            color: white;
            padding: 2rem;
            border-radius: 2rem;
        }
        .seccionFormulario a:hover{
            background-color: var(--colorHoverBotonNaranja);
        }
        @media(min-width: 1024px) and (max-width: 1400px){
           
            .seccionFormulario__boton{
                left: 41%;
            }
            .seccionFormulario h3 {
                left: 23%;
            }
            .seccionFormulario h2{
                left: 0.5%;
            }
        }
        @media(min-width: 768px) and (max-width: 1024px) {

            .seccionFormulario h2{
                font-size: 3.5rem;
            }
            .seccionFormulario h3{
                left: 6%;
            }
            .seccionFormulario__boton{
                top: 45rem;
                left: 38%;
            }
        }
        @media(min-width: 375px) and (max-width: 767px){
            .seccionFormulario__boton{
                top: 30rem;
                left: 35%;
            }
            .seccionFormulario h2{
                font-size: 2rem;
                font-weight: bolder;
                margin: 0rem auto;
            }
            .seccionFormulario h3{
                font-size: 1.5rem;
                font-weight: bolder;
                left: auto;
                top: 20rem;
                padding: 0rem 1rem;
            }
            .seccionFormulario a{
                font-size: 2rem;
                padding: 1rem;
            }
        }

        .seccionFormulario img {
            width: 100%;
            height: 80rem;
        }
        @media(min-width: 375px) and (max-width: 767px){
            .seccionFormulario img {
                margin-top: 2rem;
                height: 35rem;
            }
        }
        @media(min-width: 768px) and (max-width: 1024px) {
            .seccionFormulario img{
                height: 60rem;
            }
        }

        /* PAGINA CONTACTO */

        form {
            width: 50%;
            margin: 3rem auto 1rem;
            border-radius: 2rem;
            background-color: var(--colorgrisClaro);
            box-shadow: 0.2px 1px 5px rgba(0,0,0,1.0);
            
        }
        .formulario__fondo{
            background-image: url(../img/fondoformulario.jpg);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            
        }
        .formulario__fondo h2{
            margin: 4rem auto 2rem;
        }
        @media(min-width: 375px) and (max-width: 767px) {
            .formulario__fondo h2{
                font-size: 2rem;
            }
        }

        @media(min-width: 1024px) and (max-width: 1400px){
            form {
                width: 70%;
             }
        }
        @media(min-width: 768px) and (max-width: 1024px) {
            form {
               width: 80%;
            }
        }
        @media(min-width: 375px) and (max-width: 767px) {
            form {
                width: 90%;
             }
        }

        
        .formulario fieldset {
            border: none;
        }
        
        .formulario fieldset p {
            font-size: 2.5rem;
            padding: 2rem;
        }
        
        .formulario legend {
            text-align: center;
            font-size: 2rem;
            padding: 2rem;
            color: black;
        }        
        .contenedor-campos {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            width: 95%;
            margin: 0 auto;
            
        }
       
        .campo {
            margin: 2rem;
        }
        @media(min-width: 375px) and (max-width: 767px) {
            .contenedor-campos{
                display: grid;
                grid-template-columns: 1fr;
                
            }
        }
            
        .campo label {
            color: black;
            font-size: 1.9rem;
            font-weight: bold;
        }
        
        .campo input {
            margin: .2rem;
            width: 100%;
            height: 2rem;
            border-radius: 1rem;
            border: none;
            transition: transform 1s;
            box-shadow: 0.2px 1px 5px rgba(0,0,0,1.0);
        }
        .campo input:hover{
            transform: scale(1.05);
        }
        
        .input-text {
            width: 1rem;
            padding: 2.5rem;
            color: black;
            font-size: 1.7rem;
        }
        .comoSerContactado{
            text-align: center;
            margin: .5rem ;
        }
        .comoSerContactado p{ 
            margin: 0 auto;
        }
        .campo2 {
            display: inline;
            padding: 2rem;
            width: 5rem;
        }
        
        .mensaje {
            margin: 2rem ;
        }
        
        .mensaje textarea {
            width: 100%;
            height: 10rem;
            font-size: 2rem;
            box-shadow: 0.2px 1px 5px rgba(0,0,0,1.0);
        }
        .botonFormulario{
            display: flex;
            justify-content: space-evenly;
        }
        @media(min-width: 375px) and (max-width: 767px) {
            .botonFormulario{
                display: block;
                text-align: center;
            }
            .botonFormulario1{
                padding: 2rem;
            }
        }
        .botonFormulario input {
            width: 20rem;
            height: 5rem;
            background-color: white;
            color: black;
            border: 1px solid var(--ColorPrimarioTexto);
            border-radius: 1rem;
            font-size: 1.8rem;
            font-weight: bolder;
            margin: 1rem auto;
        }
        .botonFormulario input:hover{
            cursor: pointer;
            color: white;
            background-color: var(--colorHoverBotonNaranja);
        }

        .botonFormulario a{
           text-align: center;   
        }

        /*FOOTER*/
        /*LISTAS INFERIORES*/
        
        .listasInferior {
            color: black;
            display: flex;
            justify-content: space-evenly;
            line-height: 1.5;
            bottom: 5rem;
            margin-top: 6rem;
           
        }
         
            footer p{
                margin-top: 4rem;
            }
        
        @media(min-width: 768px) and (max-width: 1024px) {
            .listasInferior {
                bottom: 5rem;
                margin: 0 auto;
            }

            .listasInferior li{
                width: 20rem;
            }
            }
            @media(min-width: 375px) and (max-width: 767px){
                .listasInferior{
                    display: grid;
                    grid-template-columns: 1fr;
                    margin-top: 5rem;
                }
                footer p{
                    bottom: 5rem;
                }
            }
        
        .listasInferior li {
            list-style: none;
            text-align: center;
        }
        .listasInferior ul{
            margin-top: 8rem;
        }
        .listasInferior ol {
            margin-top: 7rem;
        }

        .listasInferior ol li{
            margin: 1rem auto;
        }
        @media(min-width: 1024px) and (max-width: 1400px){
            .listasInferior li img {
                width: 5%;
            }
        }
        .listasInferior a {
            color: black;
            text-decoration: none;
            line-height: 1.9;
        }
        
        .listasInferior a:hover {
            color: var(--ColorPrimarioTexto);
        }
        
        footer {
            color: black;
            padding: 1rem;
            text-align: center;
            background-color: var(--colorgrisClaro);
        }
        footer p{
            margin-top: 4rem;
        }
        .ListaConEnlace a{
            margin-top: 9rem;
        }
        
        /* PAGINAS SUBLIMACION - ESTAMPERIA - TRANSFER - CONFECCION*/

        /*BOTON PALETA DE COLORES-SUBLIMACION*/
        .BotonPaletaColores{

            width: 30%;
            margin: 8rem auto 5rem;
        }
        .BotonPaletaColores a{
            display: block;
           text-align: center;
           border-radius: 1rem;
            background-color: var(--ColorPrimarioTexto);
            text-decoration: none;
            color: white;
            font-size: 2.5rem;
            padding: 3rem;
            margin: 0 auto;
        }
        .BotonPaletaColores a:hover{
            background-color: var(--colorHoverBotonNaranja);
        }
        .nuestraPaleta{
            text-align: center;
            margin: 5rem auto 0;
            padding: 2rem;
        }
        .nuestraPaleta p{
            font-size: 2.5rem;
        }
        @media(min-width: 768px) and (max-width: 1024px) {
            .BotonPaletaColores{

                width: 40%;
                margin: 8rem auto 5rem;
            }
            .BotonPaletaColores a{
                font-size: 2.3rem;
            }
            .nuestraPaleta p{
                font-size: 2.3rem;
            }

        }
        @media(min-width: 375px) and (max-width: 767px){
            .BotonPaletaColores{

                width: 60%;
                margin: 8rem auto 1rem;
            }
            .BotonPaletaColores a{
                font-size: 2rem;
                padding: 1.5rem;
            }
            .nuestraPaleta p{
                font-size: 2rem;
                padding: 0 3rem;
            }

        }
        

        .PaginasServicios h1 {
            margin: 4rem auto;
            font-weight: bold;
        }
        
        .PaginasServicios__contenedor {
            width: 90%;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            transition: transform 2s;

        }
        @media(min-width: 375px) and (max-width: 767px){
            .PaginasServicios__contenedor {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                margin-bottom: 2rem;
            }

        }
        
        .PaginasServicios__contenedor img {
            width: 100%;
            height: 100%;
            border-radius: 0.5rem;
          -webkit-box-shadow: 0px 0px 5px 0.3px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 0px 0px 5px 0.3px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 0px 5px 0.3px rgba(0, 0, 0, 0.75);
            transition:transform 1s ;
        }
        .PaginasServicios__contenedor img:hover{
            transform: scale(1.05);
            -webkit-box-shadow: 0px 0px 10px 0.3px rgba(0, 0, 0, 0.75);
            -moz-box-shadow: 0px 0px 10px 0.3px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 0px 10px 0.3px rgba(0, 0, 0, 0.75);
            cursor: pointer;
        }
        .PaginasServicios__contenido{
            padding: 1rem;
        }
        /*modal*/

        .modal-body p{
            text-align: center;
            padding: 2rem;
            font-size: 2rem;
        }
        .modal-title {
            margin: 0 auto;
        }
        .PaginasServicios__contenido {
            width: 100%;
            margin: auto auto;
        }
        
        .PaginasServicios__contenido p{
            text-align: center;
            margin: 25% auto;
            line-height: 2;
            font-size: 2.3rem;
        }
        .modal-footer button{
            margin: 0 auto;
            width: 20rem;
            height: 5rem;
            font-size: 1.8rem;
            background-color: var(--ColorPrimarioTexto);
            color: black;
        }
        .modal-footer button:hover{
            background-color: var(--colorHoverBotonNaranja);
        }
        
        /*PAGINAS DE POLITICAS*/
        
        .seguridad__titulo h1 {
            margin: 3rem auto;
            padding: 0rem 1rem;
        }
        
        .seguridad {
            width: 95%;
            margin: 3rem auto;
            display: flex;
            justify-content: space-evenly;
        }

        .seguridad__parrafo {
            text-align: center;
            width: 70%;
            padding: 1rem;
            line-height: 2;
            margin: 1rem auto;
            font-size: 1.8rem;
        }