@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;
}


.menu-fixed {
    background: #fff;
    z-index: 9;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Sombra tenue */
    transform: translateY(0);
    opacity: 1;
}

header:not(.menu-fixed) {
    margin-top: -20px; /* Ajuste más estable que translateY */
    padding-top: 20px;
    opacity: 0.95; /* Ligero desvanecimiento */

}

.nav-link{
	display: block;
	font-weight: 300;
  font-size: 17px;
  margin: 0 1rem;
  padding: 1rem 3rem !important;
  display: block;
  color: #000;
	border-radius: 10px;
	border: none;
	cursor: pointer;
	/* Definir la transición */
	transition: background-color 0.3s ease, transform 0.3s ease;
}

.nav-link:hover,
.nav-link.active{
	color: #fff!important	;
	background-color: #a5933f;
	transform: scale(1.05);
}

a.dropdown-item {
    font-size: 13px;
    margin-bottom: 1rem;
}

.dropdown-item.active, 
.dropdown-item:active, 
.dropdown-item:hover{
  color: #a5933f;
  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: 40%;
  text-align: center;
  width: 100%;
}

.slider-principal .carousel .texto h2{  
  font-weight: bold;
  font-size: 92px;
}

.slider-principal .carousel .texto p{  
  font-weight: bold;
  font-size: 77px;
  font-weight: 300;

}

.slider-principal .carousel .texto a{ 
  background: #a5933f;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 1rem 4rem;
  border-radius: 20px;
  border: 1px solid #a5933f;
}


.slider-principal .carousel .texto a:hover{ 
  background:transparent;
  border: 1px solid #a5933f;
  color: #a5933f;
}

.slider-principal .flickity-button svg{
  display: none;
}

.slider-principal .flickity-prev-next-button.previous{
  background:url(../img/FLECHA-IZQ.svg)no-repeat;
  background-size: 100%;
  left: 5%;
}

.slider-principal .flickity-prev-next-button.next{
  background:url(../img/FLECHA-DER.svg)no-repeat;
  background-size: 100%;
  right: 5%;
}

.quienes-somos{
  background: #e0e0e0;
  padding: 8rem 0;
  width: 100%;
  float: left;
  position: relative;
}

.quienes-somos h2{
  color: #4a3216;
  text-align: center;
  font-weight: 800;
  font-size: 60px;
  margin-bottom: 4rem;
}

.quienes-somos p{
  font-weight: 300;
  font-size: 17px;
  margin-left: 5%;
}

.quienes-somos a{
 
  margin-top: 10%;
  background: #a5933f;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 1rem 4rem;
  border-radius: 20px;
  border: 1px solid #a5933f;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-left: 5%;
}

.quienes-somos a img{
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: 15%;
}

.quienes-somos a:hover{ 
  background:transparent;
  border: 1px solid #a5933f;
  color: #a5933f;
}

.quienes-somos .guantes{
  position: absolute;
  right: -5%;
  top: 12%;
}

.productos-destacados{
  padding: 6rem 0;
  background: #a4ab37;
  width: 100%;
  float: left;
  position: relative;
}

.productos-destacados h2{
  color: #fff;
  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;
}

.productos-destacados .card img{
  border-radius: .375rem;
}

.productos-destacados .card h3{
  font-weight: 600;
  font-size: 22px;
  margin: 2rem 0 1rem;
  min-height: 80px;
}

.productos-destacados .card p{
  text-align: left;
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 1rem;
  min-height: 105px;
}

.productos-destacados a.btn-dorado{
  background: #a5933f;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 1rem 4rem;
  border-radius: 20px;
  border: 1px solid #a5933f;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-top: 1rem;
  margin-left: 25%;
  margin-bottom: 2rem;
}

.productos-destacados a.btn-dorado:hover{ 
  background:transparent;
  border: 1px solid #a5933f;
  color: #a5933f;
}

.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);
}

/* Container for the parallax effect */
.parallax {
    height: 500px; /* Adjust the height as needed */
    background-image: url('../img/parallax.jpg'); /* Replace with your image path */
    background-attachment: fixed; /* This is what creates the parallax effect */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    float: left;

}


footer{
  background: #d0d0d0;
  padding: 6rem 0 1rem;
  width: 100%;
  float: left;
  margin-bottom: 1rem;
  color: #4a3216;
}

footer ul{
  list-style: none;
  padding: 0;
}

footer .nav-link,
footer a {
    display: block;
    font-weight: 200;
    font-size: 18px;
    color: #4a3216;
    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: #4a3216 !important;
    background-color: transparent;
    transform: scale(1);
}

footer h4,
footer h4 a{
  text-transform: uppercase;
  font-weight: 800;
  font-size: 22px;
  margin-bottom: 2rem;
}

.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: 45%;
    right: 1%;
    z-index: 999;
    background: rgb(74 50 22 / 50%);
    padding: 1rem;
    border-radius: 10px;
}

.redes ul {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.redes a {
    margin-bottom: .5rem;
    display: block;
}

.nosotros .quienes-somos .guantes {
   position: absolute;
    right: 0;
    top: 60%;
    width: 25%;
}

.nosotros .dorado{
  padding: 10rem 0;
  background: #a5933f;
  width: 100%;
  float: left;
  color: #fff
}

.nosotros .dorado h3{
  font-size: 25px;
  font-weight: 900;
}

.nosotros .dorado p{
  font-size: 20px;
}

.bg-gris{
  background: #e0e0e0;
  padding: 6rem 0;
}

.bg-gris h2{
  font-size: 35px;
}

.bg-gris .btn-dorado {
    margin-top: 10%;
    background: #a5933f;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 1rem 4rem;
    border-radius: 25px;
    border: 1px solid #a5933f;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin-left: 5%;
}


.bg-gris .btn-dorado:hover {
    background: rgb(165 147 63 / 25%);
    border: 1px solid #a5933f;
    color: #a5933f;
}

.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;
}                    

.pl-0{
  padding-left: 0!important;
}


.bg-gris .card h3{
  font-size: 20px;
  font-weight: 900;
  margin: 2rem 0;
  min-height: 72px;
  text-align: center;
}

.bg-gris .card p{
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 2rem;
  min-height: 117px;
}

.contacto .bg-verde{
  background: #a4ab37;
  padding: 6rem ;
  border-radius: 10px;
}


.contacto .bg-verde h3{
  color: #fff;
  font-weight: 800;
  font-size: 33px;

}

.contacto .bg-verde input,
.contacto .bg-verde textarea{
  width: 100%;
  background: transparent;
  border: 1px solid #fff;
  border-radius: 20px;
  padding: 1rem;
  margin-bottom: 17px;
  font-size: 18px;
  resize: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.contacto .bg-verde input.wpcf7-form-control.wpcf7-submit {
    background: #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: 600;
}

.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: contain;
    height: 400px;
    background: rgba(0, 0, 0, 0.07);
}

.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;
}

.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{
  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: #4a3216;
  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;
}


.category-productos .card img{
  border-radius: .375rem;
  object-fit: cover;
  width: 100%;
  height: 385px;
}

.category .btn-dorado {
    margin-top: 0;
    background: #a5933f;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 1rem 4rem;
    border-radius: 25px;
    border: 1px solid #a5933f;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin-left: 5%;
}

.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: #a5933f;
}



.producto-interna hr {
    margin: 0 0 6rem 0;
    color: inherit;
    border: 0;
    border-top: 1px #4a3216 solid;
    opacity: 1;
}

.btn-blanco{
  color: #4a3216;
  font-style: italic;
  font-size: 18px;
  display: block;
  margin-bottom: 2rem;
}

.producto-interna h1{
  color: #4a3216;
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 2rem;
}

.producto-interna p{
  font-weight: 400;
  font-size: 18px;
}

.producto-interna .btn-dorado{
  margin-top: 0;
  background: #a5933f;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 1rem 4rem;
  border-radius: 25px;
  border: 1px solid #a5933f;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 0;
}

.producto-interna .btn-dorado svg{
  margin-right: 10px;
}

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 #000!important;
}

.is-search-icon{
  background: #a8923d;
  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: #a8923d!important;
}

.logo-img {
    margin: 1rem 0;
}

.logo-img {
    margin: 1rem 0;
    float: left;
    width: 80%;
}

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: #a5933f;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 1rem 4rem;
  border-radius: 25px;
  border: 1px solid #a5933f;
  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;
}


.carousel-productos,
.carousel-nav{
  padding: 10px;
}


.carousel-productos .carousel-cell{
  padding: 10px;
  width: 100%;
  float: left;
}

.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 3px rgba(165,147, 63, 0.5);

}

.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(165,147, 63, 0.5);
}

.carousel-nav .carousel-cell.is-nav-selected {
  background: #a5933f;
}

.flickity-button-icon {
    fill: #a5933f;
}


.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; /* Espacio entre el color y el nombre */
}

.color-name {
    font-size: 13px;
    color: #000;
    text-align: center;
    word-wrap: break-word; /* Asegura que el texto se ajuste si es largo */
}

.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;
}

.bg-gris h3{

    color: #000;
    font-weight: 700;
    font-size: 33px;
    text-transform: capitalize;
    margin-top: 2rem;
}

.cotizador h3 {
    color: #000;
    font-weight: 700;
    font-size: 33px;
    text-transform: capitalize;
    margin-top: 2rem;
}

.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: #a5933f;
    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;
}

.bg-verde label {
    font-size: 16px;
    margin: 0 0;
}

.producto-interna .btn-dorado svg {
  margin: 0 auto;
  display: block;
}

.producto-interna p, 
.producto-interna ul li, 
.usos-recomendados {
    font-weight: 400;
    font-size: 18px;
}

.usos-recomendados{
  width: 100%;
  float: left;
  margin: 4rem 0 0;
}

.usos-recomendados h2 {
    font-size: 35px;
}

/* El modal (oculto por defecto) */
.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(165,147,63,0.5); /* Fondo negro translúcido */
}

/* Imagen dentro del modal */
.modal-content {
    margin: auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
}

/* El botón de cierre */
.close {
    position: absolute;
    top: 10px;
    right: 25px;
    color: #000;
    font-size: 36px;
    font-weight: bold;
    transition: 0.3s;
    z-index: 9;
}

.close:hover,
.close:focus {
    color: #000;
    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); /* Sombra resaltada */
    border-radius: 5px;
}



@media (min-width: 1920px){
  .nosotros .quienes-somos .guantes {
      top: 44%;
  }

  .contacto .bg-verde h3{
    margin-bottom: 3rem;
  }
}

@media (min-width:768px) and (max-width:1024px){
  .nav-link{
    text-align: center;
  }

  nav {
      margin-bottom: 4rem;
  }

  nav li {
      width: 50%;
      margin: 0 auto;
  }

  .slider-principal .carousel .texto h2{
    font-size: 42px;
  }

  .slider-principal .carousel .texto p{
    font-size: 35px;
    margin-bottom: 2rem;
  }

  .quienes-somos .guantes{
    top: 32%;
    width: 30%;
  }

  .quienes-somos a {
    width: 100%;
  }

  .parallax{
    height: 300px;
  }

  .productos-destacados a.btn-dorado{
    width: 100%;
    margin-left:0;
  }

  .nosotros .quienes-somos .guantes {
      left: 0;
  }

  .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){

  html,
  body{
    text-align: center;
  }

  .page h2 {
      font-size: 45px;
      padding-top: 4rem;
  }

  .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;
    }


}