/*

	Theme Name: GIGI 2023
	Theme URL: http://www.visualko.com/
	Description: Sitio ecommerce.
	Author: Ernesto Schulz
	Author URI: http://www.visualko.com/
	Version: 1.0

*/

/*
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200;400;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;600;800&display=swap');
*/



@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200&display=swap');

:root{
  --negro:#000;
  --blanco:#fff;
  --blancoT:rgba(255,255,255,0.85);
  --claro:#f5f5f5;
  --oscuro:#222;
  --gris:#6f6f6f;
  --naranja:#f5ad00;

  --textoClaro:#eeedef;
  --textoGris:#6f6f6f;
  --textoOscuro:#222;
  --textoBlanco:#fff;

  --principal:#000;
  --secundario:#444;
  --tercero:#;
  --cuarto:#343434;
  --quinto:#2B2B2B;
}

/*
h2.titulo{
  color:var(--secundario);
  background:var(--quinto);
  text-shadow: 10px 10px 5px var(--cuarto);
}
*/

html, body {

}
body{
  color:#444;
  background: var(--blanco);
  font-family: 'Mukta', sans-serif;
  font-size: 13px;
  word-wrap: break-word;
  margin-top: 90px;
}
@media screen and (max-width: 480px) {
  body{

  }
}


.centrada {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

h1, h2, h3, h4{
  color:#000;
}

a{
  color:var(--oscuro);
}
a:hover{
  color:var(--oscuro);
  text-decoration: none;
}


.clear{ clear:both;}

.hl{ clear:both; height:auto; overflow:hidden;}
.hlb{ clear:both; height:1px; overflow:hidden; background:#ebe9eb; margin-top:10px; margin-bottom:10px;}
.hl10{ clear:both;	height:10px;}
.hl20{ clear:both;	height:20px;}
.hl30{ clear:both;	height:30px;}
.hl50{ clear:both;	height:50px;}
.hl100{ clear:both;	height:100px;}
.hl150{	clear:both;	height:150px;}

.bb{ padding-bottom:10px; border-bottom:solid 1px #ccc; margin-bottom:10px;}
.bt{ padding-top:10px; border-top:solid 1px #ccc; margin-top:10px;}
.br{ padding-right:10px; border-right:solid 1px #ccc; margin-right:10px;}
.bl{ padding-left:10px; border-left:solid 1px #ccc; margin-left:10px;}

.p0{ padding:0;}
.pl0{ padding-left:0}
.pr0{ padding-right:0}
.m0{ margin:0;	}
.m10{margin:10px 0;}
.p50{ padding:50px 0;	}
.p100{ padding:100px 0;	}
.pbox { padding: 50px;}



.img-full{ width:100%;	height:auto;}
.center{ margin:auto 0;}

.btn-principal{
  background-color: var(--principal);
  color: var(--claro);
}
.btn-principal:hover{
  background-color: var(--secundario);
  color: var(--claro);
}

.btn-secundario{
  background-color: var(--secundario);
  color: var(--claro);
}
.btn-secundario:hover{
  background-color: var(--principal);
  color: var(--claro);
}

.btn-oscuro{
  background-color: var(--principal);
  color: var(--claro);
}
.btn-oscuro:hover{
  background-color: var(--oscuro);
  color: var(--claro);
}

.google-maps {
    position: relative;
    padding-bottom: 540px; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 540px !important;
}
.formulario{
  padding:50px 20px;
}


.italica{font-style: italic;}
.centrado{text-align:center}
.alignRight{text-align:right}
.mayuscula{text-transform:uppercase;}
/*
.naranja{color:rgba(209,132,86,1)}
.bg-naranja{background-color:rgba(209,132,86,1)}
.blanco{color:rgba(255,255,255,1)}
.bg-blanco{background-color:rgba(255,255,255,1)}
.azul{color:rgba(120,148,204,1)}
.bg-azul{background:rgba(120,148,204,1)}
.gris{color:rgba(223,223,220.1)}
.bg-gris{background-color:rgba(223,223,220,1)}
.negro{color:rgba(44,44,44,1)}
.bg-negro{background-color:rgba(44,44,44,1)}
*/

.weight200{font-weight: 200}
.weight300{font-weight: 300}
.weight400{font-weight: 400}
.weight700{font-weight: 700}
.weight800{font-weight: 800}
.weight900{font-weight: 900}

.oscuro{
  background-color:var(--oscuro);
}
.textoOscuro{
  color:var(--oscuro);
}

.claro{
  background-color:var(--claro);
}
.textoClaro{
  color:var(--claro);
}

.bgBlanco{
  background-color:var(--blanco);
}
.textoPrincipal{
  color:var(--principal);
}

.textoSecundario{
  color:var(--secundario);
}




/*******************************/
#intro-cat{}


  .imagen{
  /*  filter: grayscale(100%); */
  }
  .textos{

  }
    .textos h2{
      font-weight: 800;
      margin-bottom: 50px;
    }
    .textos p{
      font-size: 18px;
      font-weight: 400;
      margin-bottom: 20px;
    }
    .textos a{
      color:#000;
      text-decoration: none;
    }
    .textos a:hover{
      text-decoration: none;
    }

@media screen and (max-width: 576px) {
    body{}

  .item-servicio{
    margin-bottom:20px;
  }
}

/*  productos   */

/* Estilo de los botones */

.btn-show-featured-image{
  color:var(--negro);
  text-decoration: none;
  margin:0 5px 0 15px;;
}
.btn-show-first-gallery-image{
  color:var(--negro);
  text-decoration: none;
  margin:0 5px;
}


.product-buttons {
    margin-bottom: 10px;
}

.product-buttons .active{
  text-decoration: underline;
}



/* CUSTOM ON-HOVER IMAGE */
ul.products li.product a div img {
    /* FORMAT ALL IMAGES TO FILL EQUIVALENT SPACE,
    to remove jitter on replacement */
    height: auto;
    width: auto;
    object-fit: cover;
    padding: 0;
    margin: 0 auto;
}
ul.products li.product a div img:nth-of-type(2) {
    display: none;
}
ul.products li.product a div:hover img:nth-of-type(2) {
    display: block;
}
ul.products li.product a div:hover img:nth-of-type(1) {
    display: none;
}








/* fin  productos   */



/*  cart woocoommerce     */

/* Tabla de carrito a dos columnas */

.woocommerce-cart .woocommerce {
  display: flex;
}

/* Table de lista de productos */
.woocommerce-cart .woocommerce-cart-form {
  flex: 1 0 70%; /* 100% at small screens; 70% on larger screens */
  margin-right: 0px;
}

/* Tabla con totales */
.cart-collaterals .cart_totals  {
  width:100% !important;
}

/* Algunos ajustes adicionales */
.woocommerce-cart .cart-collaterals .cart_totals {
  width: 100%;
  padding: 0 20px 70px;
}







#catgorias{}

.item-categoria{

}
.hl-info {
  position:relative;
  height:auto;
  background-position: center right;
  background-size: cover;
  background-repeat: no-repeat;
  padding-left: 20px;
  border-radius: 15px;
  transition: all 1s;
}

.hl-info .info{
  width:60%;
  padding:20% 0;
}
.hl-info .info a{
  text-decoration: none;

}
.hl-info .info h3{
  font-size: 18px;
  font-weight: 800;
}

.hl-info:hover h3{
  color:var(--oscuro);
  text-shadow: 2px 2px 5px var(--claro);
}

#intro-servicios{}
  .container-servicios{
    margin-left: 5%;
    margin-right: 5%;
  }
    .item-servicio{}
      .item-servicio h3{
        font-size: 18px;
        font-weight: 600;
      }
      .item-servicio img{
        max-width: 75px;
        height:auto;
        text-align: center;
      }


/***************    single-product.php   ****************/

/* Ajusta el margen superior o padding-top del elemento "sticky" para compensar la altura del menú */
.is-sticky {
  /* Ajusta el margen superior o padding-top según sea necesario */
  margin-top: 100px; /* Ajusta el valor para que el contenido aparezca debajo del menú fijo */
  /* O bien, si usas padding-top */
  padding-top: 100px; /* Ajusta el valor para que el contenido aparezca debajo del menú fijo */
}


.images{
  width:100% !important;

}

/*

*/

.woocommerce-product-gallery__wrapper{
  width:100% !important;
}
.summary{
  width:100% !important;
}



@media only screen and (min-width: 768px) {
.woocommerce-product-gallery {
  display: flex;
}



.woocommerce-product-gallery .flex-control-thumbs {
order: -10;
margin-top: 0 !important;
margin-right: 10px !important;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  width: 100%;
  padding-top: 0;
  padding-bottom: 5px;
}



.flex-control-thumbs li{
  width: 100% !important;
}

/* Estilos para la parte de resumen fija */
.flex-control-thumbs{
  position: sticky;
  top: 0;
  background-color: #fff; /* Ajusta según tu diseño */
  z-index: 100;
  height: fit-content !important;
}
.sticky-summary {
    position: sticky;
    top: 0;
    background-color: #fff; /* Ajusta según tu diseño */
    z-index: 100;
}
.is-sticky{
  padding-top: 120px;
}


.flex-viewport{
  height:auto !important;
}




/* Estilos para asegurar que el contenido comience después de la parte fija */
.product-content {
    margin-top: 220px; /* Ajusta según tu diseño */
}

.imagewrapper{
  width:300px;
  height:400px;
  overflow: hidden;
}
/***************    fin single-product.php   ****************/

#footer{
  border-top: 1px solid #e3e2e2;
}

.hl_footer{
  padding:0 50px;
}
ul.footer-list{
  margin:0;
  padding:0;
  list-style: none;
}

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

ul.footer-list li a{
  text-decoration:none;
  color:var(--negro);
}
ul.footer-list li a:hover{
  text-decoration:underline;
}

@media only screen and (max-width: 576px) {
  .hl_footer{
    padding:0 20px;
  }
  ul.footer-list {
    margin-bottom: 20px;
  }
  .footer-idiomas{
    display:none;
  }

}