:root {
    --bs-blue: #037bc0;
    --bs-green:#8cbc00;
    --bs-secondary:#f5dede;
    --bs-warning:#FF2935;
    --bs-primary:#fff;    
    --bs-info:#3b3737;
    --bs-cyan: #282935;
    --bs-yellow:#DDDDDD;
    --bs-gray:#f5dede;

}
html{
    font-size: 62.5%; /* unificar el tamaño de la fuente 1 rem = 10px **/
}
body{
    font-family: "Poppins", sans-serif;
    font-size: 1.6rem;
    line-height: 2;
}
/*1_colocar selectores de fuentes*/
h1, h2, h3, h4, h5, h6{
    font-family: "Poppins", sans-serif;

}

h1{
    font-size: 3.8rem;
}
@media (min-width:768px){
    h1{
        font-size: 4.5rem;
    }

}
h2{
    font-size: 3.2rem;
    color:var(--bs-warning)!important;
}
@media (min-width:768px){
    h2{
        font-size: 4.5rem;
    }

}
h3{
    font-size: 3.4rem;
}
@media (min-width:768px){
    h3{
        font-size: 4.5rem;
    }

}
h4{
    font-size: 3.4rem;
}
@media (min-width:768px){
    h4{
        font-size: 4.5rem;
    }

}
h6{
    font-size: 3.4rem;
}
@media (min-width:768px){
    h6{
        font-size: 4.5rem;
    }

}








/*Reescribir color*/
.text-primary,
.nombre-sitio {
    color:var(--bs-blue)!important;
}
.btn-success{
    background-color:var(--bs-green)!important;
}
.bg-primary{
    background-color: var(--bs-blue)!important;
}
.bg-secondary{
    background-color: var(--bs-secondary)!important;
}
.bg-warning{
    background-color: var(--bs-warning)!important;
}
/*Nav superior--------------------------------------------*/
.nav-superior{
    font-size: 1rem;
    color:var(--bs-primary)!important;
    
}
@media (min-width:768px){
    .nav-superior{
        background-color: var(--bs-warning)!important;
        color:var(--bs-primary)!important;
        align-items: center;
        margin: 0;
        padding: 0;
    }
}
/*Nav principal--------------------------------------------*/

@media (min-width:768px){
    .nav-principal-fondo{
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        
        position: fixed;
        z-index: 2;
    
    }
}
/*van logo--------------------------------------------------*/
.nav-logo{
    height: 9rem;
    
}
@media (min-width:768px){
    .nav-logo{
        width: auto;
        height: 7rem;
    }
}
/*van logo--------------------------------------------------*/
/*nav-link --------------------------------------------------*/

@media (min-width:768px){
    .nav-link{
        margin: 1rem;/*
        background-color: var(--bs-yellow)!important;*/
    }
} 
/*nav link hover*/
.nav-link:hover{
    color:var(--bs-warning)!important;
}
/*Slider superior-------------------------------------------*/
.slider-superior{
    color:var(--bs-primary)!important;
    background: linear-gradient(330deg, rgba(28,36,112,1) 0%, rgba(255,41,53,1) 73%);
    
}
@media (min-width:768px){
    .slider-superior{
        padding-top: 20rem;
        padding-bottom: 5rem; 
        width: 100%;
        object-fit: cover;
        background-position: center;
        background: rgb(28,36,112);
        background: linear-gradient(330deg, rgba(28,36,112,1) 0%, rgba(255,41,53,1) 73%);

    }

}
/*Slider--------------------------------------------*/

/*colocar el banner del slider*/
.slidersuperior{
    height: 20rem;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (min-width:768px){
    .slidersuperior{  
            
        height:65rem;
        width: 100%;
        object-fit: cover;
        background-position: center;
        padding-top: 10.3rem; 
    }

}

/*iconos superiores--------------------------------------------*/
/*contenedor icono*/
.icono-contenedor{
    display: flex;
    justify-content: center;

}
@media (min-width:768px){
    .icono-contenedor{
        display: flex;
        align-items: center;
    }
}

/*Icono superior*/
.iconosup{
    height: 7rem;
    width: auto;
    

}
@media (min-width:768px){
    .iconosup{
        height: 7rem;
        width: auto;
        padding: 0;

    }
}

/*.titulo icono superior*/
.text-icono{
        font-size: 2rem;
        padding-top:2rem ;
        line-height: 1.5rem;
        text-align: center;
}
@media (min-width:768px){
    .text-icono{
        font-size: 1.8rem;
        margin: 0;
        padding-top: 0;
        line-height: 2rem;
        text-align:left ;
    }

}
/*.texto icono superior*/
.text-icono-parrafo{
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding-top: 0.5rem;
    text-align: center;
}
@media (min-width:768px){
    .text-icono-parrafo{
       font-size: 1.3rem;
        margin: 0;
        line-height: 1.9rem;
        text-align: left;
    }

}
/*titulo principal--------------------------------------------*/
/*titulo principal*/
.titulo-principal{
    color:var(--bs-warning)!important;
}

/*productos--------------------------------------------*/
/*titulo producto home*/
.titulo-producto-home{
   
    line-height: 2rem;
    padding: 0;
    margin: 0;
    
}
@media (min-width:768px){
    .titulo-producto-home{
       font-weight:500;
       font-size: 2rem;
       line-height: 2.8rem;
       

    }

}

/*parrafo-producto-home*/
.parrafo-producto-home{
    
    line-height: 1.5rem;
    margin-bottom: 2rem;
    
}
@media (min-width:768px){
    .parrafo-producto-home{
        font-weight: 300;
        line-height: 1.3rem;
        font-size: 1.3rem;
        padding-top: 0.5rem;
        margin-bottom: 2rem;

    }

}
/*precio-producto-home*/
.precio-producto-home{
    color:var(--bs-warning)!important;
    

}
@media (min-width:768px){
    .precio-producto-home{
        color:var(--bs-warning)!important;

    }

}
/*boton-ver*/
.boton-ver{
    background-color:var(--bs-warning)!important;
    color:var(--bs-primary)!important;

}
@media (min-width:768px){
    .boton-ver{
        font-size: 10rem;
        background: rgb(28,36,112);
background: linear-gradient(330deg, rgba(28,36,112,1) 0%, rgba(255,41,53,1) 73%);

    }

}
/*Nosotros------ -----------------------------------------------*/


/*contenedor nosotros nuevo*/
.contenedor-imprenta-mejor-precio{
    background-color:var(--bs-warning)!important;

}
@media (min-width:768px){
    .contenedor-imprenta-mejor-precio{
        background: rgb(255,255,255);
        background: linear-gradient(257deg, rgba(255,255,255,1) 27%, rgba(255,41,53,1) 77%);
        background-image: url(../img/nosotros.webp);
        background-repeat: no-repeat;
        background-size: cover;
    }

}

/*titulo-principal-nuevo*/
.titulo-principal-nuevo{

    color:var(--bs-primary)!important;
    padding-top: 5rem;
}
@media (min-width:768px){
    .titulo-principal-nuevo{
       
        position: relative;
        color:var(--bs-primary)!important;
      
    }

}
/*parrafo nosotros nuevo*/
.parrafo-nosotros-nuevo{
    color:var(--bs-primary)!important;
 

}
@media (min-width:768px){
    .parrafo-nosotros-nuevo{
       
       color:var(--bs-primary)!important;
    }

}
/*img-nosotros imprenta nuevo*/

@media (min-width:768px){
    .img-nosotros-sec-mejor-precio{
        width: auto;
        height: 43rem;    

    }

}
/*por que elegirnos -----------------------------------------------*/
/*elejirnos*/

@media (min-width:768px){
    .elejirnos{
        padding-top: 10rem;
        padding-bottom: 10rem;
}

}
/*Icono bajo*/
.iconobajo{
    width: 7rem;
    height: auto;
}
@media (min-width:768px){
    .iconobajo{
        width: 7rem;
}

}
/*text Icono bajo*/
.text-icono-bajo{
    font-size: 2rem;
    padding-top:2rem ;
    line-height: 3rem;
    text-align: center;
   
}
@media (min-width:768px){
    .text-icono-bajo{
        font-size: 1.8rem;
        margin: 0;
        text-align:center ;
    }
}
/*parrafo icono bajo*/
.parrafo-icono-bajo{
    font-size: 1.5rem;
    line-height: 1.7rem;
    padding-top: 0.5rem;
    text-align: center;
}
@media (min-width:768px){
    .parrafo-icono-bajo{
        font-size: 1.3rem;
         margin: 0;
         line-height: 1.9rem;
         text-align: left;
     }
 
 }

/*medios de pago---------------------------------------*/
.mediospago{
    background:var(--bs-warning);

}
@media (min-width:768px){
    .mediospago{
        background: rgb(255,255,255);
        background: linear-gradient(257deg, rgba(255,255,255,1) 27%, rgba(255,41,53,1) 77%);
        background-image: url(../img/pago-seguro-fondo.webp);
    
}
}
/*--titulo de pago------------------------------------------------------*/
.titulo-pago{
    color:var(--bs-primary)!important;

}
@media (min-width:768px){
    .titulo-pago{
        color:var(--bs-primary)!important;
    
}
}
/*parrafo-pago------------------------------------------------*/
.parrafo-pago{
    color:var(--bs-primary)!important;
    

}
@media (min-width:768px){
    .parrafo-pago{
        color:var(--bs-primary)!important;
        text-transform: uppercase;
    
}
}

/*img-fondo-formulario------------------------------------------------------------*/

@media (min-width:768px){
    .img-fondo-formulario{
        padding-top: 10rem;
        padding-bottom: 10rem;   
    }
}
/*formulario contenedor*/
@media (min-width:768px){
    .fondo-formulario{
        background-color:var(--bs-gray)!important;
        border-radius: 2rem;
        padding: 2rem;
    }
}
/*caja de formulario*/

@media (min-width:768px){
    .caja-texto-formulario{           
        font-size: 3rem;
        line-height: 0.1rem;
    }
}
/*btn form*/

@media (min-width:768px){
    .btn-form{           
        font-size: 1.3rem;
        padding-bottom: 1.1rem;
        padding-top: 1.1rem;
        padding-right: 5rem;
        padding-left: 5rem;
    }
}


/*carrusel--------------------------------------------*/

@media (min-width:768px){
    .carrusel{
        padding-top: 10rem;
        padding-bottom: 10rem;   
    }
}
/*Imprenta secci+on pagina interna----------------------------------------------------------------*/

@media (min-width:768px){
    .imprenta-pagina{
       
        padding-top: 15rem;
        padding-bottom: 1rem;
        
    }

}

/*footer-----------------------------------------------*/
.footer{
    background-color:var(--bs-cyan)!important;
    color:var(--bs-primary)!important;
    padding-bottom: 0;
}


/*img footer*/
.img-footer{
    width: 8rem;
    height: auto;
}
@media (min-width:768px){
    .img-footer{
        width: 12rem;
        height: auto;
    }
}
.texto-footer{
    line-height: 3rem;
}
@media (min-width:768px){
    .texto-footer{
        line-height: 3rem;
    }
}

/*text Icono bajo*/

@media (min-width:768px){
    .titulo-footer{
        font-size: 1.3rem;
        margin: 0;
        text-align:left ;
    }
}



/*seccion producto--------------------------------------------*/
/*img-produc-interno*/

.img-produc-interno{
    width: auto;
    height: 60rem;
    object-fit: cover;
    padding: 0;
    margin: 0;
    
    
}

@media(min-width:786px){
    .img-produc-interno{
        height: 50rem;
        width: 100%;
    }
}

/*detall-produc*/
.detall-produc{
    margin-top: rem;
}

/*Caracteristicas de la lista*/

.lista{
    line-height: 2rem;
    list-style-type:none ;
    list-style-position: outside;
    margin: 0;
    padding: 0;
}

@media(min-width:786px){
    .lista{
        text-transform: uppercase;
        line-height: 2rem;
        list-style-type:none ;
        list-style-position: outside;
        margin: 0;
        padding: 0;
    }
}
/*precio IVG*/
.precio{
    line-height: 2rem;
    list-style-type:none ;
    list-style-position: outside;
}

@media(min-width:786px){
    .precio{
        color: var(--bs-warning)!important;
        list-style-type:none ;
        list-style-position: outside;
    }
}

/*boton de comprar*/

.btn-primary {
    background-color: var(--bs-warning)!important;
    border: none;
}

/*seccion descubre todo lo que puedes hacer------------------*/

/*titulo producto home*/
.titulo-producto-home{
   
    line-height: 2rem;
    padding: 0;
    margin: 0;
    
}
@media (min-width:768px){
    .titulo-producto-home{
       font-weight:500;
       font-size: 2rem;
       line-height: 2.8rem;
       

    }

}

/*parrafo-producto-home*/
.parrafo-producto-home{
    
    line-height: 1.5rem;
    margin-bottom: 2rem;
    
}
@media (min-width:768px){
    .parrafo-producto-home{
        font-weight: 300;
        line-height: 1.3rem;
        font-size: 1.3rem;
        padding-top: 0.5rem;
        margin-bottom: 2rem;

    }

}
/*precio-producto-home*/
.precio-producto-home{
    color:var(--bs-warning)!important;
    

}
@media (min-width:768px){
    .precio-producto-home{
        color:var(--bs-warning)!important;

    }

}




/*img-imprenta-principal---------------------------------------------------------------------*/


/*img-imprenta-principal---------------------------------------------------------------------*/

/*WhatsApp-------------------------------------------------------------------------------------*/
.float-wa{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;
}
/*boton superior WhatsApp------------------------------------------------------------------------*/
.boton-superior-whatsapp{
    display:inline-block;
    background-color:var(--bs-warning)!important;
    color:#FFF;
    padding:10px 20px;
    border-radius:5px;
    text-align:center;
    text-decoration:none;
    font-size:16px;
}
.boton-superior-whatsapp:hover{
    display:inline-block;
    color:var(--bs-warning)!important;
    background-color:var(--bs-primary)!important;
    
    border-radius:5px;
    border: 1px solid #FF2935;
    
}


/*slider---------------------------------------------------------------------------*/
/*
.hero{
    height: 20rem;
    width: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}*/
@media (min-width:768px){
    .hero{  
        background-image: url(../img/pulseras-banner.webp);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height:65rem;
        width: 100%;
        object-fit: cover;
        background-position: center;
        padding-top: 18rem; 
        color:var(--bs-primary)!important;
    }

}

/*texto landing--------------------------------------------------------------------*/
@media (min-width:768px){
    .texto-landing{  
        font-size: 3rem;
        color:var(--bs-primary)!important;
    }

}