.elementor-1400 .elementor-element.elementor-element-92b5cc7{--display:flex;--min-height:218px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:5%;--padding-bottom:5%;--padding-left:8%;--padding-right:8%;}.elementor-1400 .elementor-element.elementor-element-92b5cc7:not(.elementor-motion-effects-element-type-background), .elementor-1400 .elementor-element.elementor-element-92b5cc7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#949494;background-image:url("https://sonidodigital.com.gt/wp-content/uploads/2025/06/fondo-catalogo-1.jpg");}.elementor-1400 .elementor-element.elementor-element-c7fedd4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1400 .elementor-element.elementor-element-60c9ea13{text-align:center;}.elementor-1400 .elementor-element.elementor-element-60c9ea13 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:48px;font-weight:600;text-transform:none;font-style:oblique;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;color:#FFFFFF;}.elementor-1400 .elementor-element.elementor-element-4b68eb16{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-1400 .elementor-element.elementor-element-4b68eb16:not(.elementor-motion-effects-element-type-background), .elementor-1400 .elementor-element.elementor-element-4b68eb16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1400 .elementor-element.elementor-element-4b68eb16.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1400 .elementor-element.elementor-element-93fadc2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1400 .elementor-element.elementor-element-93fadc2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1400 .elementor-element.elementor-element-215d803{--display:flex;}.elementor-1400 .elementor-element.elementor-element-e6cdc25{--display:grid;--e-con-grid-template-columns:2fr 1fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1400 .elementor-element.elementor-element-f56adac{--spacer-size:50px;}.elementor-1400 .elementor-element.elementor-element-b5bd675{--display:grid;--e-con-grid-template-columns:1fr 1fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1400 .elementor-element.elementor-element-cf67bbb{--display:grid;--e-con-grid-template-columns:1fr 4fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1400 .elementor-element.elementor-element-0a3387c{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:0.1fr 8fr;--grid-auto-flow:row;--align-items:start;}.elementor-1400 .elementor-element.elementor-element-946d2ad .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;color:#000000;}.elementor-1400 .elementor-element.elementor-element-441b8ae .elementor-heading-title{color:#FFFFFF;}@media(max-width:1366px){.elementor-1400 .elementor-element.elementor-element-e6cdc25{--grid-auto-flow:row;}.elementor-1400 .elementor-element.elementor-element-b5bd675{--grid-auto-flow:row;}.elementor-1400 .elementor-element.elementor-element-cf67bbb{--grid-auto-flow:row;}.elementor-1400 .elementor-element.elementor-element-0a3387c{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-1400 .elementor-element.elementor-element-e6cdc25{--grid-auto-flow:row;}.elementor-1400 .elementor-element.elementor-element-b5bd675{--grid-auto-flow:row;}.elementor-1400 .elementor-element.elementor-element-cf67bbb{--grid-auto-flow:row;}.elementor-1400 .elementor-element.elementor-element-0a3387c{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-1400 .elementor-element.elementor-element-92b5cc7{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-1400 .elementor-element.elementor-element-60c9ea13 .elementor-heading-title{font-size:45px;}.elementor-1400 .elementor-element.elementor-element-4b68eb16{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-1400 .elementor-element.elementor-element-215d803{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1400 .elementor-element.elementor-element-e6cdc25{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1400 .elementor-element.elementor-element-a601e98.elementor-element{--align-self:stretch;}.elementor-1400 .elementor-element.elementor-element-b5bd675{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1400 .elementor-element.elementor-element-26b0bfb.elementor-element{--align-self:stretch;}.elementor-1400 .elementor-element.elementor-element-cf67bbb{--e-con-grid-template-columns:2fr 4fr;--grid-auto-flow:row;}.elementor-1400 .elementor-element.elementor-element-0a3387c{--grid-auto-flow:row;}}@media(max-width:880px){.elementor-1400 .elementor-element.elementor-element-e6cdc25{--grid-auto-flow:row;}.elementor-1400 .elementor-element.elementor-element-b5bd675{--grid-auto-flow:row;}.elementor-1400 .elementor-element.elementor-element-cf67bbb{--grid-auto-flow:row;}.elementor-1400 .elementor-element.elementor-element-0a3387c{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1400 .elementor-element.elementor-element-92b5cc7{--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-1400 .elementor-element.elementor-element-60c9ea13 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-1400 .elementor-element.elementor-element-215d803{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1400 .elementor-element.elementor-element-e6cdc25{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1400 .elementor-element.elementor-element-a601e98{width:100%;max-width:100%;}.elementor-1400 .elementor-element.elementor-element-b5bd675{--e-con-grid-template-columns:repeat(2, 1fr);--gap:4px 4px;--row-gap:4px;--column-gap:4px;--grid-auto-flow:row;}.elementor-1400 .elementor-element.elementor-element-26b0bfb{width:100%;max-width:100%;}.elementor-1400 .elementor-element.elementor-element-80aa6a6{width:100%;max-width:100%;}.elementor-1400 .elementor-element.elementor-element-cf67bbb{--min-height:0px;--e-con-grid-template-columns:1;--grid-auto-flow:row;}.elementor-1400 .elementor-element.elementor-element-0a3387c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1400 .elementor-element.elementor-element-92b5cc7{--content-width:1144px;}.elementor-1400 .elementor-element.elementor-element-4b68eb16{--content-width:1300px;}.elementor-1400 .elementor-element.elementor-element-93fadc2{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1400 .elementor-element.elementor-element-215d803{--width:100%;}}











/* Start custom CSS for container, class: .elementor-element-0a3387c */.woof-no-results,
.woocommerce-info.woof-no-results {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 1em 0 !important;
}/* End custom CSS */

/* Start custom CSS for shortcode, class: .elementor-element-90fdfc9 *//* ============================================================
   TARJETA DE PRODUCTO CUADRADA
   ============================================================ */
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product{
  position:relative;
  aspect-ratio:1/1;                     /* cuadrado perfecto */
  background:#ffffff;
  border:1px solid #e0e0e0;
  border-radius:12px;                   /* esquinas redondeadas */
  padding:10px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:box-shadow .25s ease;
}
/* Capa gris en hover */
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product::before{
  content:"";
  position:absolute;
  inset:0;
  background:#f5f5f5;                   /* gris claro */
  opacity:0;
  transition:opacity .25s ease;
  z-index:2;                            /* debajo de imagen/título/botón */
}
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product:hover{
  box-shadow:0 4px 10px rgba(0,0,0,.15);
}
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product:hover::before{
  opacity:1;
}

/* ============================================================
   ENLACE FLEX (imagen + título)
   ============================================================ */
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product a.woocommerce-LoopProduct-link{
  display:flex;
  flex-direction:column;
  height:100%;
  position:relative;
  z-index:3;                            /* sobre la capa gris */
}

/* Imagen */
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product a.woocommerce-LoopProduct-link img{
  flex:1 1 auto;                        /* crece y encoge */
  max-height:75%;                       /* deja espacio a título+botón */
  width:100%;
  object-fit:contain;
  background:#ffffff;
  padding:1px;
  display:block;
  z-index:3;
}

/* ============================================================
   TÍTULO DEL PRODUCTO (Roboto 700 oblicua, 16 px)
   ============================================================ */
.elementor-1400 .elementor-element.elementor-element-90fdfc9 .woocommerce-loop-product__title,
.elementor-1400 .elementor-element.elementor-element-90fdfc9 h2.woocommerce-loop-product__title,
.elementor-1400 .elementor-element.elementor-element-90fdfc9 .product-title{
  font-family:'Roboto', sans-serif;
  font-weight:700;
  font-style:italic;                    /* oblicua */
  font-size:16px;                       /* ⇦ tamaño final 16 px */
  color:#000 !important;
  text-align:center;
  margin:10px 0 0;                      /* margen superior fijo */
  flex:0 0 auto;                        /* mantiene su altura */
  transition:opacity .25s ease, transform .25s ease;
  position:relative;
  z-index:4;
}
/* Animación al hover (fade-out / slide-down) */
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product:hover
  .woocommerce-loop-product__title,
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product:hover
  h2.woocommerce-loop-product__title,
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product:hover
  .product-title{
  opacity:0;
  transform:translateY(20px);
}

/* ============================================================
   BOTÓN “VER PRODUCTO”
   ============================================================ */
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product a.button,
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product a.product_type_simple,
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product a.product_type_variable{
  position:absolute;
  left:50%;
  transform:translate(-50%, 20px);      /* parte 20 px más abajo */
  bottom:12px;
  width:85%;
  height:50px;
  background:#003CFC !important;        /* azul corporativo */
  color:#fff !important;
  border:1px solid #003CFC !important;
  border-radius:12px;
  font-family:'Roboto', sans-serif;
  font-size:16px;
  display:flex;
  align-items:center;
  justify-content:center;               /* centra texto */
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .25s ease,
             transform .25s ease,
             background .2s ease,
             color .2s ease;
  z-index:5;
}
/* Mostrar / animar al hover */
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product:hover a.button,
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product:hover a.product_type_simple,
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product:hover a.product_type_variable{
  opacity:1;
  visibility:visible;
  transform:translate(-50%, 0);         /* slide-up */
  pointer-events:auto;
}
/* Hover dentro del botón: inversión de colores */
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product a.button:hover,
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product a.product_type_simple:hover,
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product a.product_type_variable:hover{
  background:#ffffff !important;
  color:#003CFC !important;
}

/* ============================================================
   SIN SEPARACIÓN ENTRE TARJETAS
   ============================================================ */
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products{
  row-gap:0 !important;
  column-gap:0 !important;
  grid-row-gap:0 !important;
}

/* ============================================================
   ESTILOS ADICIONALES (WOOF, META, ETC.)
   ============================================================ */
button.woof_reset_button_2{
  background:#0056b3 !important;
  color:#fff !important;
  border:1px solid #004494 !important;
  padding:2px 7px !important;
  border-radius:3px !important;
  text-transform:none !important;
}
button.woof_reset_button_2:hover{
  background:#004494 !important;
  color:#fff !important;
}

.woof_front_title{
  background:#0056b3 !important;
  color:#fff !important;
  display:inline-block;
  padding:2px 7px;
  border-radius:3px;
  margin-right:5px;
}

body .product_meta li[data-container="product_brand"] > a[data-tax="product_brand"],
body .product_meta li[data-container="product_brand"] > a[data-tax="product_brand"] span{
  color:#0056b3 !important;
}

.woof_products_top_panel li{
  color:#fff;
}

/* ===================== FIN ===================== */


/* ============================================================
   OVERRIDES: IMAGEN COMPLETA, SIN CROP (NO SE ELIMINA NADA)
   ============================================================ */

/* Centrar el contenido del enlace y permitir que la imagen
   use el alto disponible sin recortarse */
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product a.woocommerce-LoopProduct-link{
  align-items:center;                   /* centra hijos horizontal */
  justify-content:flex-start;           /* imagen arriba, título después */
}

/* Forzar que la imagen JAMÁS se recorte:
   - Mantener proporción
   - Limitar por máximos dentro del cuadrado
   - Centrarla */
.elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product a.woocommerce-LoopProduct-link img{
  width:auto !important;                /* no forzar 100% de ancho */
  height:auto !important;               /* conserva proporción */
  max-width:90% !important;             /* cabe horizontalmente */
  max-height:75% !important;            /* coincide con tu layout */
  object-fit:contain !important;        /* nunca recortar */
  margin:0 auto !important;             /* centrar */
  align-self:center !important;         /* centrar en flex */
  background:#ffffff;                   /* mantiene tu bg */
  display:block;
}

/* Si necesitas un poco más de área para imágenes verticales en desktop,
   incrementa el max-height ligeramente */
@media (min-width:768px){
  .elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product a.woocommerce-LoopProduct-link img{
    max-height:80% !important;
  }
}

/* Respeta usuarios con reducción de movimiento
   (no cambia estilos previos, solo suaviza animaciones) */
@media (prefers-reduced-motion: reduce){
  .elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product *,
  .elementor-1400 .elementor-element.elementor-element-90fdfc9 ul.products li.product::before{
    transition:none !important;
  }
}/* End custom CSS */

/* Start custom CSS for container, class: .elementor-element-cf67bbb */.woocommerce ul.products li.product-category a img {
    display: none;
}
    .count {
      display: none;
    }/* End custom CSS */

/* Start custom CSS for heading, class: .elementor-element-441b8ae */.elementor-widget-archive-products .woocommerce .products:not(:empty) ~ .no-results-message {
  display: none !important;
}
.elementor-widget-archive-products .woocommerce .products:empty ~ .no-results-message {
  display: block !important;
}/* End custom CSS */