/* colores
#fbc02c
#1b456e
#00999d */


/* -------------------Reglas Generales */
*{
    font-family: 'Poppins', sans-serif;
}

.alert{
    display: none;
}

.icono{
    width: 1.5rem
}
i{
    font-size: 1.3rem;
}
.sombra{
    text-shadow: 3px 3px 5px #000000f7
}

.color-1{
    color: #00999d;
}
.color-2{
    color: #1b456e;
}
.color-3{
    color: #fbc02c;
}


.bgcolor-1{
    background-image: linear-gradient(to right, #00999d, #008498, #006f8f, #005a81, #1b456e);
}
.bgcolor-2{
    background-image: linear-gradient(to right, #00999d, #008498, #006f8f, #005a81, #1b456e);;
}
.bgcolor-3{
    background-image: linear-gradient(to bottom, #00999d, #008495, #006e88, #0b5978, #1b4564);
}

/* botones */
.btn-principal{
    background-color: #00999d;
    color: #fff;
    font-weight: 700;
}
.btn-principal:hover{
    background-color: #0d5a5d;
    color: #fff;
    font-weight: 700;
}
.btn-secundario{
    background-color:#fbc02c ;
    color: #fff;
    font-weight: 700;
}
.btn-secundario:hover{
    background-color: #a77d13;
    color: #fff;
    font-weight: 700;
}



/* -------------------Reglas Generales ^^^^^^^^ */


/* -------------------NAV */
nav{
    font-size: 1.1rem;
}
nav img{
    height: 10vh;
}
.nav-item a{
    color: #1b456e
}
.nav-item a:hover{
    color: #00999d;
}
.nav-link:hover{
    color: #fbc02c
}



/*------------------------------------------------- INICIO */
.carrusel{
    height: 50vh;
}

.impresion, .laser, .cnc{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    height: 20rem;
    width: 20rem;

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5rem;

    color: #fff;
    text-shadow: 2px 2px #0000004e;
}

.impresion{
    background-image:linear-gradient(#00000052,#00000052), url(https://www.proprintweb.com/cms/wp-content/uploads/2022/07/m%C3%A1quina-de-impresi%C3%B3n-digital-.jpeg);
}
.laser{
    background-image:linear-gradient(#00000052,#00000052), url(https://www.stanser.com/wp-content/uploads/2020/07/l%C3%A1ser-CO2.png);
}
.cnc{
    background-image:linear-gradient(#00000052,#00000052), url(https://routerscnc.com.mx/wp-content/uploads/2022/10/%C2%BFCual-es-la-mejor-marca-en-CNC-Router-BLOG-EXTERNO-2-930x620.jpg);
}


.envios{
    height: 50px;
    display: flex;
    justify-content: space-around;
}


.ocultar-web{
    display: none;
    visibility: hidden;
}
.ocultar-mobile{
    display: flex;
    visibility: visible;
}

/* -------------------triangulos */
.custom-shape-divider-top-1695343771 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1695343771 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 63px;
}

.custom-shape-divider-top-1695343771 .shape-fill {
    fill: #FFFFFF;
}


.custom-shape-divider-bottom-1695345192 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1695345192 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 63px;
}

.custom-shape-divider-bottom-1695345192 .shape-fill {
    fill: #FFFFFF;
}

/* -------------------triangulos */

/* ----------------------------------------------------------- SERVICIOS */
.servicios-bloque{
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    text-shadow: 3px 3px 7px #000000dc;
}

.servicios-bloque:hover{
    scale: 1.02;
    transition-duration: 0.5s; 
}


.letrero-p{
    background-image:linear-gradient(to right, #00989d8a, #0084988a, #006f8f8a, #005a818a, #1b456e8a), url(../img/letrero-pvc.jpg);
}
.senaleticas{
    background-image:linear-gradient(to right, #00989d8a, #0084988a, #006f8f8a, #005a818a, #1b456e8a), url(../img/senaleticas.jpg);
}
.papeleria{
    background-image:linear-gradient(to right, #00989d8a, #0084988a, #006f8f8a, #005a818a, #1b456e8a), url(../img/triptico.jpg);
}
.grafica-vehicular{
    background-image:linear-gradient(to right, #00989d8a, #0084988a, #006f8f8a, #005a818a, #1b456e8a), url(../img/vehicular-completo.jpg);
}
.letrero-obra{
    background-image:linear-gradient(to right, #00989d8a, #0084988a, #006f8f8a, #005a818a, #1b456e8a), url(../img/letrero-obras1.jpg);
}
.merch{
    background-image:linear-gradient(to right, #00989d8a, #0084988a, #006f8f8a, #005a818a, #1b456e8a), url(../img/lapices.jpg);
}
.impresion-digital{
    background-image:linear-gradient(to right, #00989d8a, #0084988a, #006f8f8a, #005a818a, #1b456e8a), url(../img/id-adhesivo.jpg);
}
.etiquetas{
    background-image:linear-gradient(to right, #00989d8a, #0084988a, #006f8f8a, #005a818a, #1b456e8a), url(../img/adhesivo.jpg);
}
.acrilico{
    background-image:linear-gradient(to right, #00989d8a, #0084988a, #006f8f8a, #005a818a, #1b456e8a), url(../img/acrilico.jpg);
}
.decoracion{
    background-image:linear-gradient(to right, #00989d8a, #0084988a, #006f8f8a, #005a818a, #1b456e8a), url(../img/tela-canvas.jpg);
}
.laser-cnc{
    background-image:linear-gradient(to right, #00989d8a, #0084988a, #006f8f8a, #005a818a, #1b456e8a), url(../img/laser-acrilico1.jpg);
}
.diseno{
    background-image:linear-gradient(to right, #00989d8a, #0084988a, #006f8f8a, #005a818a, #1b456e8a), url(../img/diseno.jpg);
}


/* ------------------------------------------------------ NOSOTROS */
.card{
    background-color: transparent;
}

.custom-shape-divider-top-1695575312 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1695575312 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 154px;
}

.custom-shape-divider-top-1695575312 .shape-fill {
    fill: #FFFFFF;
}


/* --------------------------------------------------------------SERVICIOS INTERNO */
.breadcrumb-item a{
    color: #00999d;
    text-decoration: none;
}

.altura-tab{
    height: 50vh;
}

.card img{
    filter: grayscale(1)
}
.card img:hover{
    filter: grayscale(0);
    transition-duration: 0.2s; 
}

/* ----------------------------------------------------------------------CONTACTO */
.deco{
    background-image: url(../img/deco-triangulos.png);
    background-repeat: no-repeat;
    background-size: cover;

    height: 200px;
}

.cotiza{
    background-image: linear-gradient(#00000052,#00000052), url(../img/fondo-cotiza.jpg);
    background-position: center;
    background-repeat: repeat;
    background-size: cover;
}

/* -------------------FOOTER */
footer{
    height: 30vh;
    display: flex;
    align-items: center;
}
.alinear{
    display: flex;
    justify-content: end;
}
.img-footer{
    width: 15vh;
}

.bg-footer{
    background-image: linear-gradient(#000000c6,#000000c6), url(../img/fondo-cotiza.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


@media (max-width: 768px){
    .ocultar-mobile{
        display: none;
        visibility: hidden;
    }
    .ocultar-web{
        display: flex;
        visibility: visible;
    }
    .carrusel{
        height: 30vh;
    }
    .footer{
        padding: 0.5rem;
        text-align: center;
    }
    .alinear{
        display: flex;
        justify-content: center;
    }

    .h3-nosotros{
        margin-top: 1.5rem;
    }

    .otros-mobile{
        width: 50%;
    }
    .max-width{
        max-width:350px;
    }

    .altura-tab{
        height: 80vh;
    }

    .tab-pane{
        font-size: 0.8rem;
    }

    .card-title{
        font-size: 1rem;
    }
    .card{
        padding: 0.25rem;
    }
    .servicios{
        padding: 0 1rem 0 1rem;
    }
}