/**
 * 
 * Css Central del tema, con @media para dispositivos de Escritorio (min-width: 1024px) y
 * dispositivos Móviles (max-width: 1023px)
 * 
 * by: "merlin"
 * v1.3
 */
body{
  margin: 0 !important;
  font-family: "Inter", sans-serif;
}
#masthead{
  display: flex;
  align-items: center;
  padding: 1% 5%;
  /*background-color: #000D1D;*/
  font-weight: bold;
}
.site-branding{
  display: flex;
  align-items: center;
}
.contenedor_botones_header{/* seccion de botones: buscador y carrito*/
  display: flex;
  align-items: center;
  justify-content: end;
}
.header-buscador{
  display: flex;
}
/*
#site-navigation a{
  color: white;
}*/
footer{
  /*background-color: rgb(27, 27, 27);
  color: white;*/
  padding: 1%;
}/*
footer a{
  color: gray;
}*/
/*
 * Single Product
 *//*
.product__summary__info_extra{
  color: gray;
}*/
.product__extra{
  padding-top: 5%;
  width: 100%;
}
.single_product .product__media{
  position: relative;
  height: 100%;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-container a,
.search__results .product .button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button a,
button{
  padding: .618em 1em !important;
  border-radius: 3px !important;
  font-weight: 700 !important;
  border: 0 !important;
  text-decoration: none;
}
.banner_home_page img{
  width: 100%;
}
.categorias_home_page{
  display: flex;
  padding: 2% 0;
  justify-content: space-between;
  gap: 1%;
}
.img_categoria_home_page{
  position: relative;
}
.img_categoria_home_page h2{
  position: absolute;
  right: 5%;
  top: 10%;
  font-weight: bold;
  font-size: 150%;
}

.productos_recientes_home{
  padding: 3% 0;
}
.productos_recientes_home h2{
  font-weight: bold;
}
.productos_recientes_home .productos-recientes{
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 1%;
  padding-top: 1%;
}
.productos_recientes_home .producto-item a{
  text-decoration: none;  
}
.productos_recientes_home .producto-item .contenedor_imagen_producto{
  width: 100%;
  aspect-ratio: 1 / 1;         /* alto = ancho // Permite un cuagrado indepeniente del tamaño de la pantalla*/
  overflow: hidden;            /* recorta excedentes */
  border-radius: 5px;          /* opcional */
  overflow: hidden;
  margin-bottom: 1em;
}
.productos_recientes_home .producto-item img{
  width: 100%;
  height: 100%;
  object-fit: cover;           /* mantiene proporción, recorta si sobra */
  object-position: center;
  display: block;              /* elimina espacios fantasmas */
}
.productos_recientes_home .producto-item i{
  position: absolute;
  top: 5%;
  right: 10%;
  padding: 0.8em;
  border-radius: 100%;
}
.productos_recientes_home .producto-item .precio{
  font-size: 150%;
}
/* títulos del grid */
.productos_recientes_home .producto-item h3{
  /* clamp webkit */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

  /* estándar (silencia linters, harmless si no hay soporte) */
  line-clamp: 2;

  overflow: hidden;
  text-overflow: ellipsis;

  /* define claramente el alto de 2 líneas */
  line-height: 1.25;
  min-height: calc(1.25em * 2);   /* reserva espacio p/ 2 líneas */

  margin: .6em 0 .4em;
  text-align: left;               /* o center si prefieres */
  word-break: break-word;
  overflow-wrap: anywhere;
  hyphens: auto;

  font-size: 125%;
}
.productos_recientes_home .producto-item .precio{
  font-size: 125%;
}
/* precio con separación consistente */
.productos_recientes_home .producto-item .precio{
  display:block;
  margin-top: .25em;
  line-height: 1.2;
}

.productos_recientes_home .oferta-aviso{
  position: absolute;
  top: 2em;
  left: 2em;
  background-color: white;
  padding: 1% 4%;
  border-radius: 25px;
  font-size: 80%;
  transition: all 0.5s;
}

/* El link del producto como bloque */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  display:block;
  text-decoration:none;
}

/* La imagen se fuerza a cuadrado y cubre el cuadro */
.wc-block-grid__products .wc-block-grid__product-image img,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img{
  width:100%;
  aspect-ratio: 1 / 1;   /* hace el cuadrado */
  object-fit: cover;      /* recorta manteniendo proporción */
  object-position: center;
  display:block;          /* quita espacio fantasma inline */
  border-radius: 5px;    /* opcional */
}

/* separación visual del texto */

.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price{
  margin-top: 5px;
  text-align: center;     /* si quieres centrar */
}
.woocommerce ul.products li{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.woocommerce ul.products li .woocommerce-loop-product__link{
  width: 100%;
}
/* Título: 2 líneas máx + elipsis y altura reservada */
.wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  /* WebKit (hoy en día necesario) */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

  /* Propiedades estándar (harmless si no hay soporte, y callan el linter) */
  line-clamp: 2;

  overflow: hidden;
  text-overflow: ellipsis;

  line-height: 1.25;
  font-weight: 700;
  margin: 10px 0 0;
  min-height: calc(1.25em * 2);  /* reserva altura de 2 líneas */

  text-align: center;
  word-break: break-word;
  overflow-wrap: anywhere;
  hyphens: auto;
}

/* Cuando el navegador soporte la sintaxis estándar, simplificamos */
@supports (line-clamp: 2) {
  .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title,
  .woocommerce ul.products li.product .woocommerce-loop-product__title{
    display: block;         /* ya no necesitamos -webkit-box */
    /* block-overflow: ellipsis;  <-- quítalo si tu linter lo marca */
  }
}

/* Precio debajo con separación */
.woocommerce ul.products li.product .price{
  display: block;
  margin-top: 6px;
  line-height: 1.2;
  text-align: center;
}
.woocommerce-notices-wrapper{
  position: absolute;
  width: 100%;
}
.wc-block-grid__product .wc-block-grid__product-link{
  text-decoration: none;
  width: 100%;
  font-size: 1em;
}
.wc-block-grid__product .wc-block-grid__product-link .wc-block-grid__product-image{
  width: 100%;
}
/* Estilos para el mini carrito */
#areality-cart-drawer .mini_cart_item,
#areality-mini-cart .mini_cart_item{
  display: flex !;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
#areality-cart-drawer .mini_cart_item img,
#areality-mini-cart .mini_cart_item img{
  width: 4em;
  margin-right: 1em;
  margin-bottom: 1em;
}
#areality-cart-drawer .mini_cart_item a,
#areality-mini-cart .mini_cart_item a{
  width: 100%;
  text-align: start;
  display: flex;
  font-weight: bold;
  text-decoration: none;
  font-size: 110%;
  align-items: center;
}
#areality-cart-drawer .remove_from_cart_button,
#areality-mini-cart .remove_from_cart_button{
  text-decoration: none;
  font-weight: bold;
}
#areality-cart-drawer .woocommerce-mini-cart__buttons,
#areality-mini-cart .woocommerce-mini-cart__buttons{
  display: none !important;
}
#areality-cart-drawer .woocommerce-mini-cart{
  padding: 3% !important;
}
#areality-cart-drawer .woocommerce-mini-cart__total{
  margin-left: 3% !important;
}
.with-empty-cart-icon {
  min-height: 40vh;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.page,
.no-results,
.not-found{
  min-height: 70vh;
}
.site-footer{
  padding: 0 !important;
}
.footer__contenedor__principal{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3% 0;
}
.footer__contenido{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.buscador__footer{
  display: flex;
  align-items: center;
  justify-content: center;
}
.buscador__footer input{
  height: 100% !important;
  margin-right: 1em !important;
  padding: 12px;
}
.footer__bott{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5%;
  font-size: 70%;
}
.search__results .site-main{
  padding: 0 !important;
}
.search__results .page-header{
  width: 100%;
}
.search__results .woocommerce-breadcrumb{
  margin-bottom: 1em;
}
.search__results .products{
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
  list-style: none;
}
.search__results .product{
  width: 22%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.search__results .product a{
  text-decoration: none;
}
.search__results .product img{
  margin-bottom: 1em;
}
.search__results .product .price{
  margin-bottom: 2em;
}
.search__results .product .woocommerce-loop-product__link{
  margin-bottom: 0.5em;
}
.search__results .woocommerce .woocommerce-ordering select{
  padding: 5px !important;
  border-radius: 5px !important;
}
/*
 * Media para ESCRITORIO =====================================================================
 */
@media screen and (min-width: 1024px){
.elemento__movil{
  display: none;
}
/* Medidas de margenes generales (Escritorio)  */
.site-main{
  padding: 2% 10% 5%;
  margin: 0 !important;
}
.woocommerce-notices-wrapper{
  padding: 0 10%;
}
/* Medidas para el header (Escitorio) */
.site-branding{ /*LOGO*/
  width: 20%;
}
.contenedor_botones_header{/* seccion de botones: buscador y carrito*/
  width: 40%;
}
.contenedor_botones_header .header-boton-carrito{
  margin-right: 1em;
}
.header-boton-carrito{
  padding: 0 2em;
}
.main-navigation{/* nav principal*/
  width: 40% !important
}
.contenedor_botones_header{
  justify-content: end;
}

#site-navigation ul{
  display: flex;
  justify-content: start;
}
#site-navigation li{
  margin-left: 1em;
}
.product__summary__precio{
  color: #96C502;
  font-weight: bold;
}
/*
 * Single Product
 */
.single_product main{
  display: flex;
  flex-wrap: wrap;
  padding: 5% 10%;
}
.single_product .product__media{
  width: 50%;
}
.single_product .product__media .woocommerce-product-gallery__image a,
.single_product .product__media img{
  width: 100%;
  display: flex;
}
.single_product .product__media .woocommerce-product-gallery__trigger{
  display: none !important;
}
.product__ar-viewer{
  width: 100%;
}
.product__summary{
  width: 50%;
  padding: 0 0 0 5%;
}
.product__summary h1{
  font-weight: bold;
}
.product__summary__precio{
  font-size: 300%;
}
.product__summary__agregar_carrito form{
  display: flex;
  align-items: center;
}
.product__summary__agregar_carrito form .quantity{
  margin-right: 1em;
}
.woocommerce-product-description{
  padding-top: 5%;
}
.woocommerce-product-description .woocommerce-product-gallery,
.woocommerce-product-description .entry-summary,
.woocommerce-product-description .products{
    display: none !important;
}
.productos_recientes_home .producto-item{
  position: relative;
  width: 24%;
  padding: 1.5%;
}
.footer__contenido{
  width: 32%;
}
}
/*
 * Media para MÓVILES 
 */
@media screen and (max-width: 1023px){
.elemento__escritorio{
  display: none;
}
/* Medidas de margenes generales (Escritorio)*/
.site-main{
  padding: 2% 5%;
  margin: 0 !important;
}
.woocommerce-notices-wrapper{
  padding: 0 5%;
}
/* Medidas para el header (movil) */
.site-branding{ /*LOGO*/
  width: 40%;
}
.contenedor_botones_header{/* seccion de botones: buscador y carrito*/
  width: 30%;
}
.main-navigation{/* nav principal*/
  width: 30% !important
}
.single_product main{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 5% 10%;
}
#masthead{
  justify-content: space-between;
}
#site-navigation{
  width: auto;
}
.single_product .product__media .woocommerce-product-gallery__trigger{
  display: none !important;
}
.woocommerce-product-description .woocommerce-product-gallery,
.woocommerce-product-description .entry-summary,
.woocommerce-product-description .products{
    display: none !important;
}
.categorias_home_page{
  align-items: center;
  flex-wrap: wrap;
  gap: 5%;
}
.img_categoria_home_page{
  margin: 3% 0;
  width: 47.5%;
}
.img_categoria_home_page h2{
  font-size: 99% !important;
}
.productos_recientes_home{
  padding: 5% 3%;
}
.productos_recientes_home .productos-recientes{
  flex-wrap: wrap;
  gap: 4%;
}
.productos_recientes_home .producto-item{
  width: 48%;
  margin-bottom: 2em;
  padding: 4%;
}
.single_product .product__sku{
  margin-top: 1em !important;
}
.single_product .product__summary__agregar_carrito form{
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.single_product .product__summary__agregar_carrito .quantity{
  margin-right: 1em !important;
}
.product__summary__precio{
  color: #96C502;
  font-size: 200%;
  font-weight: bold;
}
#contenedor_botones_areality{
  font-size: 70%;
}
.footer__contenedor__principal{
  flex-direction: column;
}
.wc-block-components-quantity-selector{
  font-size: 70%;
}
}
/* "Efectos" */
.grow__scale__effect{
  display: inline-block; /* o block, según tu caso */
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.grow__scale__effect:hover{
  transform: scale(1.02); /* aumenta el tamaño un 2%, aprox. 2px si es pequeño */
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.big__grow__scale__effect{
  display: inline-block; /* o block, según tu caso */
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.big__grow__scale__effect:hover{
  transform: scale(1.1); /* aumenta el tamaño un 2%, aprox. 2px si es pequeño */
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-metadata,
.wp-block-woocommerce-cart .wc-block-components-product-metadata__description{
  display: none !important;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-container a,
.wp-block-woocommerce-cart .wc-block-components-button__text{
  width: 100%;
 height: 100%;
}
.wp-block-woocommerce-cart .wc-block-components-totals-coupon__content .wc-block-components-button__text{
  display: flex !important;
  justify-content: center;
  align-items: center;
}