@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
html,
body{	
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
color: #000;
overflow-x: hidden;
}
.poppins-thin {
font-family: "Poppins", sans-serif;
font-weight: 100;
font-style: normal;
}
.poppins-extralight {
font-family: "Poppins", sans-serif;
font-weight: 200;
font-style: normal;
}
.poppins-light {
font-family: "Poppins", sans-serif;
font-weight: 300;
font-style: normal;
}
.poppins-regular {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
}
.poppins-medium {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
}
.poppins-semibold {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-style: normal;
}
.poppins-bold {
font-family: "Poppins", sans-serif;
font-weight: 700;
font-style: normal;
}
.poppins-extrabold {
font-family: "Poppins", sans-serif;
font-weight: 800;
font-style: normal;
}
.poppins-black {
font-family: "Poppins", sans-serif;
font-weight: 900;
font-style: normal;
}
.poppins-thin-italic {
font-family: "Poppins", sans-serif;
font-weight: 100;
font-style: italic;
}
.poppins-extralight-italic {
font-family: "Poppins", sans-serif;
font-weight: 200;
font-style: italic;
}
.poppins-light-italic {
font-family: "Poppins", sans-serif;
font-weight: 300;
font-style: italic;
}
.poppins-regular-italic {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: italic;
}
.poppins-medium-italic {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: italic;
}
.poppins-semibold-italic {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-style: italic;
}
.poppins-bold-italic {
font-family: "Poppins", sans-serif;
font-weight: 700;
font-style: italic;
}
.poppins-extrabold-italic {
font-family: "Poppins", sans-serif;
font-weight: 800;
font-style: italic;
}
.poppins-black-italic {
font-family: "Poppins", sans-serif;
font-weight: 900;
font-style: italic;
}
.is-form-style.is-form-style-3 input.is-search-input,
.is-ajax-search-no-result{
font-family: "Poppins", sans-serif;
}
a,
button{
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
text-decoration: none!important;
}
a:hover,
button:hover{
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
}
header{ background:  #004da2 ;
}
header .bg-headerblanco{
background: #fff;
height: auto;
}
header .bg-headerblanco img{
margin: 1rem auto 0;
display: block;
}
nav.navbar.navbar-expand-lg {
padding: 0;
}
.nav-link{
display: block;
font-weight: 300;
font-size: 17px;
margin: 0 1rem;
padding: 1rem 1rem !important;
display: block;
color: #fff;
border: none;
cursor: pointer; transition: background-color 0.3s ease, transform 0.3s ease;
}
.navbar-brand{ }
.nav-link:hover,
.nav-link.active{
font-weight: 500;
color: #fff!important	;
border-bottom: 2px solid;
}
a.dropdown-item {
font-size: 13px;
margin-bottom: 1rem;
}
.dropdown-item.active, 
.dropdown-item:active, 
.dropdown-item:hover{
color: #004da2;
background: transparent;
}
.slider-principal{
width: 100%;
float: left;
background-color: #e0e0e0;
}
.slider-principal .carousel{
width: 100%;
float: left;
}
.slider-principal .carousel .relativo{
position: relative;
width: 100%;
float: left;
}
.slider-principal .carousel .texto{
position: absolute;
top: 35%;
text-align: left;
width: 30%;
left: 10%; 
border: 1px solid #fff;
padding: 2rem ;
}
.slider-principal .carousel .texto::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
filter: blur(10px);
background: #ffffff66;
}
.slider-principal .carousel .texto h2{  
text-align: left;
font-weight: 500;
font-size: 40px;
margin-bottom: 0;
}
.slider-principal .carousel .texto p{  
font-size: 35px;
font-weight: 300;
}
.slider-principal .carousel .texto a{ 
background: #004da2;
color: #fff;
font-size: 16px;
font-weight: 400;
padding: 1rem 4rem;
border-radius: 10px;
border: 1px solid #004da2;
margin-top: 4rem;
display: block;
width: 40%;
text-align: center;
}
.slider-principal .carousel .texto a:hover{ 
background:transparent;
border: 1px solid #004da2;
color: #004da2;
}
.slider-principal .flickity-button svg{
display: none;
}
.slider-principal .flickity-prev-next-button.previous{
background:url(//elsauz.com/wp-content/themes/el-sauz/img/FLECHA-IZQ.svg)no-repeat;
background-size: 100%;
left: 5%;
}
.slider-principal .flickity-prev-next-button.next{
background:url(//elsauz.com/wp-content/themes/el-sauz/img/FLECHA-DER.svg)no-repeat;
background-size: 100%;
right: 5%;
}
.slider-principal .flickity-page-dots{
bottom: 25px;
}
.slider-principal .flickity-page-dots .dot{
background: #004da2;
border-radius: 0;
}
.quienes-somos{
background: #f0f0ed;
padding: 8rem 0;
width: 100%;
float: left;
position: relative;
}
.quienes-somos h2{
color: #004da2;
text-align: center;
font-weight: 800;
font-size: 60px;
margin-bottom: 4rem;
}
.quienes-somos p{
font-weight: 300;
font-size: 17px;
text-align: justify;
}
.quienes-somos a.nosotros{
margin-top: 10%;
color: #004da2;
font-size: 16px;
font-weight: 700;
padding: 1rem 4rem;
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
width: 50%;
margin-left: 5%;
float: right;
}
.quienes-somos a.nosotros img{
display: block;
max-width: 100%;
height: auto;
margin-left: 15%;
}
.quienes-somos a:hover{ 
background:transparent;
}
.quienes-somos .guantes{
position: absolute;
right: -5%;
top: 12%;
}
.productos-destacados{
padding: 6rem 0;
background: #fff;
width: 100%;
float: left;
position: relative;
}
.productos-destacados h2{
color: #000;
font-weight: 800;
font-size: 60px;
text-align: center;
margin-bottom: 4rem;
}
.productos-destacados p{
font-weight: 300;
font-size: 17px;
text-align: center;
margin-bottom: 3rem;
}
.productos-destacados .card{
padding: 1.5rem;
margin: 2rem;
border: 0;
}
.productos-destacados .card img{
border-radius: 0;
}
.productos-destacados .card h3{
font-weight: 600;
font-size: 22px;
margin: 2rem 0 1rem;
}
.productos-destacados .card p{
text-align: left;
font-size: 15px;
font-weight: 300;
margin-bottom: 1rem;
color: #000;
}
.productos-destacados a.btn-dorado{
background: #004da2;
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 1rem 4rem;
border-radius: 0;
border: 1px solid #004da2;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 1rem;
margin-bottom: 2rem;
}
.productos-destacados a.btn-dorado:hover{ 
background:transparent;
border: 1px solid #004da2;
color: #004da2;
}
.productos-destacados .btn-productos {
position: absolute;
bottom: 10%;
right: 2%;
float: left;
display: block;
width: 5%;
}
.productos-destacados .btn-productos img {
width: 100%;
transform: rotate(90deg);
}
.productos-destacados .btn-productos:hover{
transform: scale(1.1);
} .parallax {
height: 500px; background-image: url(//elsauz.com/wp-content/themes/el-sauz/img/parallax.png); background-attachment: fixed; background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
float: left;
}
.blog-home{
padding: 4rem 0 6rem;
background: #f0f0ed;
float: left;
width: 100%;
}
.blog-home h3{
font-size: 40px;
font-weight: 600;
text-align: center;
}
.blog-home a.azul{
background: #004da2;
color: #fff;
font-size: 16px;
padding: 1rem 4rem;
border-radius: 0;
border: 1px solid #004da2;
justify-content: center;
align-items: center;
margin-top: 3rem;
margin-bottom: 2rem;
display: block;
width: 30%;
margin-left: 35%;
text-align: center;
}
.blog-home .card{
border: 0;
padding: 2rem;
}
.blog-home .card h2{
font-size: 20px;
margin-top: 2rem;
margin-bottom: 2rem;
}
.blog-home a{
text-align: left;
display: block;
}
.blog-home span{
float: right;
font-size: 18px;
font-weight: 300;
font-style: italic;
}
footer{
background: #fff;
padding: 6rem 0 1rem;
width: 100%;
float: left;
margin-bottom: 1rem;
color: #004da2;
}
footer ul{
list-style: none;
padding: 0;
}
footer .nav-link,
footer a {
display: block;
font-weight: 200;
font-size: 18px;
color: #004da2;
border-radius: 10px;
border: none;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.3s ease;
margin:1rem 0;
padding: 0!important;
}
footer .nav-link:hover, 
footer .nav-link.active,
footer a {
color: #004da2 !important;
background-color: transparent;
transform: scale(1);
}
footer h4,
footer h4 a{
text-transform: uppercase;
font-weight: 800;
font-size: 22px;
margin-bottom: 2rem;
}
footer .nav-link:hover, 
footer .nav-link.active{
border:0;
font-weight: 200;
}
.page h4 a{
font-size: 20px;
font-weight: 600;
}
.copyright{
text-align: center;
margin: 2rem 0 0;
text-transform: uppercase;
font-style: italic;
}
footer img{
margin: .5rem 0;
width: 100%;
}
.redes {
position: fixed;
top: 30%;
right: 1%;
z-index: 999;
padding: 1rem;
border-radius: 10px;
}
.redes ul {
list-style: none;
display: inline-block;
padding: 0;
margin: 0;
}
.redes a {
margin-bottom: .5rem;
display: block;
transition: transform 0.3s ease-in-out; }
.redes a:hover {
transform: scale(1.1); }
.nosotros .quienes-somos .guantes {
position: absolute;
right: 0;
top: 60%;
width: 25%;
}
.nosotros .dorado{
padding: 10rem 0;
background: #e3e1e4;
width: 100%;
float: left;
color: #000
}
.nosotros .dorado h3{
font-size: 25px;
font-weight: 900;
}
.nosotros .dorado p{
font-size: 20px;
}
.nosotros .card{
background: #f0f0ed;
border: 0;
padding: 4rem 3rem;
}
.nosotros .card h3{
font-weight: 600;
text-align: center;
}
.nosotros .card p{
font-size: 15px;
}
.bg-gris{
background: #e0e0e0;
padding: 6rem 0;
}
.bg-gris h2{
font-size: 35px!important;
}
.bg-gris .btn-dorado {
margin-top: 10%;
background: #004da2;
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 1rem 4rem;
border-radius: 25px;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.bg-gris .btn-dorado:hover {
background: rgb(0 77 162 / 25%);
border: 1px solid #004da2;
color: #004da2;
}
.bg-gris .btn-dorado img {
display: block;
max-width: 100%;
height: auto;
margin-left: 15%;
}
.bg-gris .card{
padding: 2rem;
border: 0;
margin-bottom: 4rem;
background: transparent;
}                    
.pl-0{
padding-left: 0!important;
}
.bg-gris .card h3{
font-size: 20px;
font-weight: 600;
margin: 2rem 0;
min-height: 50px;
}
.bg-gris .card p{
font-size: 14px;
font-weight: 400;
margin-bottom: 2rem;
min-height: 117px;
}
.contacto .bg-verde{
background: #f0f1ec;
padding: 6rem ;
border-radius: 0;
margin-top: -40%;
}
.contacto .bg-verde h3{
color: #000;
font-weight: 700;
font-size: 33px;
text-transform: capitalize;
}
.contacto .bg-verde input,
.contacto .bg-verde textarea{
width: 100%;
background: transparent;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #000;
border-radius: 0;
padding: 1rem;
margin-bottom: 17px;
font-size: 18px;
resize: none;
}
::-webkit-input-placeholder { color: #000;
}
::-moz-placeholder { color: #000;
}
:-ms-input-placeholder { color: #000;
}
:-moz-placeholder { color: #000;
}
.contacto .bg-verde input.wpcf7-form-control.wpcf7-submit {
background: #014da1;
color: #fff;
width: 50%;
float: right;
border: 1px solid #fff;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
font-weight: 400;
}
.contacto .bg-verde input.wpcf7-form-control.wpcf7-submit:hover{
background: transparent;
color: #fff;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
}
.contacto h3{
font-size: 22px;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 2rem;
}
.contacto p{
font-size: 16px;
}
.contacto iframe{
width: 100%;
height: auto;
border-radius: 10px;
}
.contacto .card{
position: relative;
width: 100%;
float: left;
}
.contacto .card a{
width: 50%;
display: block;
margin: 0 20%;
border: 1px solid #000;
font-weight: 800;
background: transparent;
position: absolute;
top: 33%;
padding: 1rem;
border-radius: 25px;
font-size: 22px;
text-align: center;
}
.contacto .card a:hover{
background: #000;
color: #fff;
}
.page h2{
font-size: 55px;
font-weight: 600;
}
.page h4{
font-size: 20px;
font-weight: 600;
margin: 2rem 0;
}
.page p,
.page ul li{
font-size: 16px;
}
.blog-interna{
padding: 4rem 0;
}
.blog-interna img{
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
.blog-interna h1 {
font-size: 35px;
font-weight: 600;
color: #242e2c;
margin: 0.67em 0;
}
.blog-interna span.date {
font-size: 14px;
color: #66706d;
font-weight: 500;
margin-bottom: 5rem;
display: block;
}
.blog-interna p,
.blog-interna ul li {
margin-bottom: 3rem;
font-size: 18px;
}
.flickity-button:disabled{
display: none;
}
.blog-interna .img-principal img {
border-bottom-right-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
margin-bottom: 5rem;
width: 100%;
object-fit: cover;
height: 500px;
object-position: top center;
background: rgba(0, 0, 0, 0.07);
}
.contacto .bg-verde {
background: #f0f1ec;
padding: 6rem;
border-radius: 0;
margin-top: 0;
}
.cuadro-sombreado {
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
width: 100%;
float: left;
padding: 4rem 2rem;
border-radius: 15px;
}
.cuadro-sombreado .etiqueta {
color: #95a5b4;
padding: 4px 6px;
border: 1px solid #9a9a9a;
margin: 0 10px 10px 0;
display: inline-block;
font-size: 13px;
border-radius: 10px;
}
.cuadro-sombreado .etiqueta:hover {
color: #fff;
background: #9a9a9a;
}
.cuadro-sombreado input.search-input {
width: 87%;
height: 40px;
border: 1px solid #dddddd;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
margin: 3px 0 0;
padding: 0 15px;
}
.cuadro-sombreado button.search-submit {
width: 13%;
height: 40px;
background: #a8923d;
border: 0;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
margin-left: -4px;
}
.category-blog .card{
padding: 4rem 3rem;
margin-bottom: 0!important;
}
.bg-blanco{
min-height: 602.33px;
background: #fff!important;
}
.category-blog .card.bg-blanco h2,
.category-blog .bg-gray h2{
font-size: 18px;
font-weight: 600;
margin:2rem 0;
}
.bg-gris .card.bg-blanco p,
.bg-gris .bg-gray p{
height: auto!important;
min-height: auto!important;
}
.card.first-card{
border-bottom: 1px solid;
border-radius:0;
}
.bg-gris .bg-gray{
background: #e3e1e4;
margin-bottom: 2rem;
border-radius: .375rem;
}
.blog-interna .img-principal .texto {
background: #fff;
width: 15%;
position: absolute;
top: 15%;
right: -2%;
padding: 1rem;
border-radius: 15px;
color: #c7b26e;
box-shadow: 22px -3px 39px -4px rgba(0, 0, 0, 0.1);
text-align: center;
}
.blog-interna h2, 
.blog-interna h3, 
.blog-interna h4, 
.blog-interna h5, 
.blog-interna h6 {
font-weight: 600;
color: #a8923d;
margin: 2rem 0;
}
.blog-interna .texto ul {
list-style: none;
display: inline-flex;
padding: 0;
}
.blog-interna .texto ul li {
padding: 0 1rem;
font-size: 18px;
}
.blog-interna .img-principal {
position: relative;
}
.cuadro-sombreado img {
border-radius: 15px;
}
.cuadro-sombreado p {
font-size: 14px;
margin-bottom: 10px;
color: #566270;
}
.cuadro-sombreado p.post-date {
font-size: 12px;
font-style: italic;
color: #b3b3b3;
}
.category-blog .card img{
height: auto!important;
border-radius: 10px;
}
.blog-cotizar {
background: #000;
border: 1px solid #000;
padding: 10px 15px;
color: #fff;
margin-top: 1rem;
border-radius: 10px;
width: 100%;
text-align: center;
display: block;
font-size: 14px;
}
.blog-cotizar svg {
margin-left: 10px;
}
.blog-cotizar:hover {
background: #fff;
color: #000;
}
.blog-cotizar svg path,
.blog-cotizar svg rect {
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
}
.blog-cotizar:hover svg path,
.blog-cotizar:hover svg rect {
fill: #000;
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
}
.autor h5 {
color: #666f6d;
margin: 2rem 0 .5rem;
text-transform: uppercase;
}
.autor p{
color: #000000;
font-size: 19px;
font-weight: 600;
}
.category h1{
color: #000;
font-size: 62px;
font-weight: 800;
}
.category hr {
margin: 0 0 6rem 0;
color: inherit;
border: 0;
border-top: 1px #4a3216 solid;
opacity: 1;
}
.card img{
border-radius: .375rem;
}
.destacada.zoom-image{
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5), -4px -4px 10px rgba(0, 77, 162, 0.5);
}
.carousel-productos,
.carousel-nav{
padding: 10px;
}
.carousel-productos .carousel-cell{
padding: 10px;
}
.carousel-productos .carousel-cell img {
width: 100%;
height: 330px;
margin-bottom: 4rem;
object-fit: cover;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5),                   
-2px -2px 5px rgba(0,77, 162, 0.5);
}
.category .btn-dorado {
margin-top: 0;
background: #004da2;
color: #fff;
font-size: 16px;
font-weight: 500;
padding: 1rem 4rem;
border: 1px solid #004da2;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
width: 100%;
}
.pagination,
.woocommerce-pagination {
font-size: 16px;
text-align: center;
width: 100%;
float: left;
padding-left: 0;
list-style: none;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
margin-top: 3rem;
background: #e0e0e0;
}
a.page-numbers {
padding: 0 .5rem;
}
span.page-numbers,
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span{
font-weight: 800;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current,
span.page-numbers.current{
color: #004da2;
}
.category .bg-gris{
background: #ececec;
}
.producto-interna hr {
margin: 0 0 6rem 0;
color: inherit;
border: 0;
border-top: 1px #4a3216 solid;
opacity: 1;
}
.btn-blanco{
color: #004da2;
font-style: italic;
font-size: 18px;
display: block;
margin-bottom: 2rem;
}
.producto-interna h1{
color: #000;
font-size: 28px;
font-weight: 800;
margin-bottom: 2rem;
}
.page h2{
text-align: center;
}
.producto-interna p,
.producto-interna ul li,
.usos-recomendados{
font-weight: 400;
font-size: 18px;
}
.usos-recomendados ul{
margin-top: 1rem;
}
.producto-interna .btn-dorado{
margin-top: 25px;
background: #004da2;
color: #fff;
font-size: 16px;
font-weight: 600;
padding: 1rem 4rem;
border-radius: 10px;
border: 1px solid #004da2;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin-left: 0;
}
.btn-dorado.mercado{
margin-top: 25px;
background: #fce501;
color: #fff;
font-size: 16px;
font-weight: 600;
padding: 1rem 4rem;
border-radius: 10px;
border: 1px solid #fce501;
display: flex
;
justify-content: center;
align-items: center;
width: 100%;
margin-left: 0;
}
.btn-dorado.mercado:hover {
background: rgb(252 229 1/ 25%);
border: 1px solid #fce501;
color: #fff;
}
.flecha-rotar{
transform: rotate(315deg);
}
.producto-interna .btn-dorado svg{
margin: 0 auto;
display: block;
}
input#is-search-input-28{
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
}
.is-form-style input.is-search-input,
.is-search-icon{
border:1px solid #fff!important;
}
.is-search-icon{
background: #fff;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
}
.is-search-icon svg path {
fill: #000!important;
}
.is-ajax-search-details a,
.is-ajax-search-result a{
color: #014da1!important;
}
label{
font-size: 16px;
margin: 6rem 0;
}
select{
background: transparent;
border-radius: 10px;
padding: .5rem 3rem;
font-size: 16px;
margin-left: 10px;
text-align: center;
}
.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images {
float: left;
width: 38%;
}
.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary{
width: 58%;
}
section.related.products {
width: 100%;
float: left;
}
span.sku_wrapper {
display: none;
}
span.posted_in {
width: 100%;
float: left;
display: block;
}
.product_meta{
width: 100%;
float: left;
font-size: 14px;
}
.related.products h2 {
color: #4a3216;
font-size: 24px;
font-weight: 800;
margin: 3rem 0;
}
.woocommerce-product-gallery__wrapper, 
.woocommerce ul.products li.product a img{
border: 25px solid #ffff;
border-radius: 10px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
font-size: 16px;
min-height: 80px;
}
.woocommerce ul.products li.product .button{
margin-top: 0;
background: #004da2;
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 1rem 4rem;
border-radius: 25px;
border: 1px solid #004da2;
display: flex;
justify-content: center;
align-items: center;
width: 90%;
margin-left: 5%;
}
.woocommerce .woocommerce-result-count {
margin: 0 0 1em;
padding: .5rem 0;
}
.woocommerce .woocommerce-ordering select{
margin-bottom: 1em;
}
.height349{
height: 349px;
object-fit: cover;
width: 100%;
}
.category .card img {
border-radius: .375rem;
height: 349px;
object-fit: cover;
width: 100%;
border-radius: 10px;
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5), 
-4px -4px 10px rgba(0,77, 162, 0.5); }
.producto-interna .btn-dorado.no {
margin-top: 0;
background: #004da2;
color: #fff;
font-size: 16px;
font-weight: 600;
padding: 10px 4rem;
border-radius: 10px;
border: 1px solid #004da2;
display: flex
;
justify-content: center;
align-items: center;
width: 100%;
margin-left: 0;
margin-bottom: 2rem;
min-height: 62px;
}
.carousel-nav{
width: 100%;
}
.carousel-nav .carousel-cell {
width: 25%;
padding: 5px;
margin-right: 5px;
}
.carousel-nav .carousel-cell img{
object-fit: cover;
height: 65px;
width: 100%;
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5), 
-2px -2px 3px rgba(0,77, 162, 0.5);
}
.carousel-nav .carousel-cell.is-nav-selected {
background: #014da1;
}
.flickity-button-icon {
fill: #014da1;
}
.marcas-home{
width: 100%;
float: left;
}
header {
position: relative;
width: 100%;
top: 0;
left: 0;
transition: all 0.4s ease-in-out; z-index: 99;
}
.menu-fixed {
z-index: 9;
position: fixed;
top: 0;
left: 0;
width: 100%;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); transform: translateY(0);
opacity: 1;
}
header:not(.menu-fixed) {
margin-top: -20px; padding-top: 20px;
opacity: 0.95; }
.color-boxes {
display: flex;
gap: 20px;
flex-wrap: wrap;
margin: 15px 0;
}
.color-box-wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.color-box {
width: 50px;
height: 50px;
border: 1px solid #ccc;
display: block;
margin-bottom: 4px; }
.color-name {
font-size: 13px;
color: #000;
text-align: center;
word-wrap: break-word; }
.color-boxes {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.color-box-wrapper {
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
cursor: pointer;
padding: 5px;
border-radius: 5px;
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.color-box {
width: 40px;
height: 40px;
border-radius: 5px;
border: 1px solid #ccc;
}
.color-box-wrapper.selected {
transform: scale(1.1);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.color-name {
font-size: 14px;
color: #333;
}
.cotizador label {
font-size: 16px;
margin: 1rem 0 0;
}
.cotizador h3 {
color: #000;
font-weight: 700;
font-size: 33px;
text-transform: capitalize;
}
.cotizador .bg-verde input, 
.cotizador .bg-verde textarea {
width: 100%;
background: transparent;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #000;
border-radius: 0;
padding: 1rem;
margin-bottom: 17px;
font-size: 18px;
resize: none;
}
.cotizador .bg-verde input.wpcf7-form-control.wpcf7-submit {
background: #014da1;
color: #fff;
width: 50%;
float: right;
border: 1px solid #fff;
-webkit-transition: all .5slinear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5slinear;
font-weight: 400;
}
.cotizador .bg-verde {
background: #f0f1ec;
padding: 6rem;
border-radius: 0;
margin-top: 0;
}
.zoom-view {
position: absolute;
width: 200px; height: 200px;
border: 2px solid #004da2;
overflow: hidden;
display: none;
pointer-events: none;
background-repeat: no-repeat;
background-size: 300% 300%; z-index: 1000;
}
li.yith_magnifier_thumbnail img{
height: 85px!important;
object-fit: cover;
}
a.yith_magnifier_zoom.woocommerce-main-image img{
height: 372px!important;
object-fit: cover;
}
.product_meta{
display: none;
}
.zoom-image {
cursor: zoom-in;
} .close {
position: absolute;
top: 10px;
right: 20px;
color: white;
font-size: 30px;
font-weight: bold;
cursor: pointer;
z-index: 1001; }
.close:hover,
.close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
.slider {
display: flex;
overflow: hidden;
position: relative;
}
.slide {
flex: 1;
margin: 0 10px;
}
.slide img {
width: 100%;
height: auto;
cursor: pointer;
} .modal {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,77,162,0.5); } .modal-content {
margin: auto;
display: block;
max-width: 100%;
max-height: 100%;
min-width: 100%;
min-height: 100%;
} .close {
position: absolute;
top: 10px;
right: 25px;
color: #fff;
font-size: 36px;
font-weight: bold;
transition: 0.3s;
}
.close:hover,
.close:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
.modal-dialog.modal-dialog-centered{
min-width: 80%;
background: transparent;
--bs-modal-bg:transparent;
border:0;
--bs-modal-border-color:transparent;
}
.modal .carousel-cell{
width: 100%;
height: 500px;
}
.modal .carousel-cell img{
width: 100%;
height: 100%;
object-fit: cover;
}
.modal .relativo{
position: relative;
}
.color-box-wrapper {
cursor: pointer;
text-align: center;
padding: 5px;
border-radius: 5px;
transition: box-shadow 0.3s ease;
}
.color-box-wrapper.selected {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius: 5px;
}
@media (min-width: 2260px) {
header {
background: linear-gradient(to right, white 37%, #004da2 37%)!important;
}
}
@media (min-width: 1909px){
header {
background: linear-gradient(to right, white 34%, #004da2 34%);
}
.contacto .bg-verde h3{
margin-bottom: 3rem;
}
}
@media (min-width:768px) and (max-width:1024px){
header {
background: linear-gradient(to right, white 50%, #004da2 50%);
}
.nav-link{
text-align: right;
}
nav {
margin-bottom: 4rem;
}
nav li {
width: 50%;
margin: 0 0 0 50%;
}
.slider-principal .carousel .texto h2{
font-size: 25px;
}
.slider-principal .carousel .texto p{
font-size: 18px;
margin-bottom: 1rem;
}
.slider-principal .carousel .texto a{
margin-top: 1rem;
width: 80%;
}
.quienes-somos a {
width: 100%;
}
.parallax{
height: 400px;
}
.productos-destacados a.btn-dorado{
width: 100%;
margin-left:0;
}
.blog-home h3 {
font-size: 25px;
}
.blog-home a.azul {
font-size: 14px;
width: 45%;
margin-left: 25%;
}
.blog-home p,
.blog-home span{
font-size: 14px;
}
.blog-home .card h2 {
font-size: 17px;
}
.wp-block-image img {
box-sizing: border-box;
height: auto;
max-width: 100%;
vertical-align: bottom;
margin: 0 auto;
display: block;
}
.nosotros .dorado h3 {
margin-top: 4rem;
}
footer .nav-link, footer a{
text-align: left;
}
footer .nav-link, 
footer a,
.page h4,
.page h4 a{
font-size: 16px;
}
p.copyright{
font-size: 12px;
}
.category h1{
font-size: 40px;
}
.bg-gris .card{
margin-bottom: 4rem;
}
.blog-interna p {
font-size: 15px;
margin: 0 15px 3rem;
}
.blog-interna .img-principal .texto {
width: 30%;
top: 15%;
right: 2%;
}
.blog-interna {
padding: 0 0 4rem 0;
}
.cuadro-sombreado input.search-input{
width: 79%;
}
.cuadro-sombreado button.search-submit{
width: 21%;
}
.cuadro-sombreado .blog-interna p {
font-size: 15px;
margin: 10px 15px 1rem;
}
.page h2 {
text-align: center;
}
label {
font-size: 14px;
margin: 0 0 1rem;
text-align: center;
display: block;
}
select{
font-size: 14px;
margin-bottom: 2rem;
}
.blog-interna h2, 
.blog-interna h3, 
.blog-interna h4, 
.blog-interna h5, 
.blog-interna h6{
margin-left: 15px;
}
.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary {
float: left;
width: 100%;
}
}
@media (max-width:767px){
a.navbar-brand {
width: 80%;
}
.slider-principal .carousel .texto {
position: relative;
top: 0%;
text-align: left;
width: 100%;
left: 0;
border: 1px solid #fff;
padding: 2rem;
text-align:center;
}
.slider-principal .carousel .texto a {
width: 100%;
text-align: center;
}
.slider-principal .carousel .texto h2{
text-align: center;
}
.quienes-somos a.nosotros {
width: 100%;
}
.blog-home h3 {
font-size: 25px;
font-weight: 600;
text-align: center;
}
.blog-home a.azul {
width: 50%;
margin-left: 25%;
}
header {
background: linear-gradient(to right, white 83%, #004da2 83%);
}
.page p, .page ul li {
font-size: 16px;
text-align: center;
}
.productos-destacados .card p {
text-align: center;
}
div#main-menu{
background: #004da2;
}
.bg-blanco {
min-height: 492px;
background: #fff !important;
}
.img-principal {
margin-bottom: 2rem;
}
html,
body{
text-align: center;
}
.page h2 {
font-size: 45px;
padding-top: 2rem;
}
.woocommerce .woocommerce-result-count {
text-align: center;
width: 100%;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
float: inline-start;
width: 95%;
}
.woocommerce .woocommerce-ordering select {
margin-bottom: 1em;
width: 100%;
}
label {
font-size: 14px;
margin: 0 0 1rem;
text-align: center;
display: block;
}
select{
font-size: 14px;
margin-bottom: 2rem;
}
.quienes-somos img.w-100{
margin-bottom: 3rem;
}
.nav-link{
text-align: center;
color: #000;
}
nav {
margin-bottom: 0;
}
.dropdown a{
text-align: center;
}
.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary {
float: left;
width: 100%;
}
.slider-principal .carousel .texto h2{
font-size: 33px;
}
.slider-principal .carousel .texto p{
font-size: 25px;
margin-bottom: 2rem;
}
.quienes-somos .guantes{
display: none;
}
.quienes-somos a {
width: 100%;
margin-left: 0;
}
.parallax{
height: 300px;
}
.productos-destacados a.btn-dorado{
width: 100%;
margin-left:0;
}
.nosotros .quienes-somos .guantes {
display: none;
}
.nosotros .dorado h3 {
margin-top: 4rem;
}
footer .nav-link, 
footer a,
.page h4,
.page h4 a{
font-size: 16px;
}
p.copyright{
font-size: 12px;
}
.category h1{
font-size: 40px;
}
.bg-gris .card{
margin-bottom: 4rem;
}
.blog-interna p {
font-size: 15px;
margin: 0 15px 3rem;
}
.blog-interna .img-principal .texto {
width: 100%;
top: 0;
right: 0;
position: relative;
}
.blog-interna .img-principal img{
margin-bottom: 0;
}
.blog-interna {
padding: 0 0 4rem 0;
}
.cuadro-sombreado input.search-input{
width: 79%;
}
.cuadro-sombreado button.search-submit{
width: 21%;
}
.cuadro-sombreado .blog-interna p {
font-size: 15px;
margin: 10px 15px 1rem;
}
footer img {
margin: .5rem auto 2rem;
width: 25%;
display: block;
}
.bg-gris {
padding: 0rem 0;
}
.producto-interna .btn-dorado{
margin-bottom: 10rem;
}
.btn-blanco {
margin-bottom: 2rem;
text-align: left;
margin-top: 2rem;
}
.cuadro-sombreado img {
border-radius: 15px;
margin-bottom: 1rem;
}
.cuadro-sombreado p {
font-size: 15px;
margin: 0 15px 1rem;
}
.category-blog .bg-gris{
padding-top: 2rem;
}
.is-menu.default form{
margin-bottom: 2rem;
}
.pagination{
margin-top: 0;
background: #e0e0e0;
}
.logo-img {
margin: 1rem 0;
width: 50%;
float: left;
}
}
@media (max-width:360px){
.slider-principal .carousel .texto {
position: relative;
top: 0%;
text-align: left;
width: 100%;
left: 0;
border: 1px solid #fff;
padding: 2rem;
text-align:center;
}
.slider-principal .carousel .texto a {
width: 100%;
text-align: center;
}
.slider-principal .carousel .texto h2{
text-align: center;
}
.quienes-somos a.nosotros {
width: 100%;
}
.blog-home h3 {
font-size: 25px;
font-weight: 600;
text-align: center;
}
.blog-home a.azul {
width: 50%;
margin-left: 25%;
}
header {
background: linear-gradient(to right, white 83%, #004da2 83%);
}
.page p, .page ul li {
font-size: 16px;
text-align: center;
}
.productos-destacados .card p {
text-align: center;
}
div#main-menu{
background: #004da2;
}
.bg-blanco {
min-height: 492px;
background: #fff !important;
}
.img-principal {
margin-bottom: 2rem;
}
html,
body{
text-align: center;
}
.page h2 {
font-size: 45px;
padding-top: 2rem;
}
.woocommerce .woocommerce-result-count {
text-align: center;
width: 100%;
}
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
float: inline-start;
width: 95%;
}
.woocommerce .woocommerce-ordering select {
margin-bottom: 1em;
width: 100%;
}
label {
font-size: 14px;
margin: 0 0 1rem;
text-align: center;
display: block;
}
select{
font-size: 14px;
margin-bottom: 2rem;
}
.quienes-somos img.w-100{
margin-bottom: 3rem;
}
.nav-link{
text-align: center;
}
nav {
margin-bottom: 0;
}
.dropdown a{
text-align: center;
}
.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary {
float: left;
width: 100%;
}
.slider-principal .carousel .texto h2{
font-size: 33px;
}
.slider-principal .carousel .texto p{
font-size: 25px;
margin-bottom: 2rem;
}
.quienes-somos .guantes{
display: none;
}
.quienes-somos a {
width: 100%;
margin-left: 0;
}
.parallax{
height: 300px;
}
.productos-destacados a.btn-dorado{
width: 100%;
margin-left:0;
}
.nosotros .quienes-somos .guantes {
display: none;
}
.nosotros .dorado h3 {
margin-top: 4rem;
}
footer .nav-link, 
footer a,
.page h4,
.page h4 a{
font-size: 16px;
}
p.copyright{
font-size: 12px;
}
.category h1{
font-size: 40px;
}
.bg-gris .card{
margin-bottom: 4rem;
}
.blog-interna p {
font-size: 15px;
margin: 0 15px 3rem;
}
.blog-interna .img-principal .texto {
width: 100%;
top: 0;
right: 0;
position: relative;
}
.blog-interna .img-principal img{
margin-bottom: 0;
}
.blog-interna {
padding: 0 0 4rem 0;
}
.cuadro-sombreado input.search-input{
width: 79%;
}
.cuadro-sombreado button.search-submit{
width: 21%;
}
.cuadro-sombreado .blog-interna p {
font-size: 15px;
margin: 10px 15px 1rem;
}
footer img {
margin: .5rem auto 2rem;
width: 25%;
display: block;
}
.bg-gris {
padding: 0rem 0;
}
.producto-interna .btn-dorado{
margin-bottom: 10rem;
}
.btn-blanco {
margin-bottom: 2rem;
text-align: left;
margin-top: 2rem;
}
.cuadro-sombreado img {
border-radius: 15px;
margin-bottom: 1rem;
}
.cuadro-sombreado p {
font-size: 15px;
margin: 0 15px 1rem;
}
.category-blog .bg-gris{
padding-top: 2rem;
}
.is-menu.default form{
margin-bottom: 2rem;
}
.pagination{
margin-top: 0;
background: #e0e0e0;
}
.logo-img {
margin: 1rem 0;
width: 50%;
float: left;
}
}