.elementor-1682 .elementor-element.elementor-element-4d4dcca8{--display:flex;--min-height:300px;--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-1682 .elementor-element.elementor-element-4d4dcca8:not(.elementor-motion-effects-element-type-background), .elementor-1682 .elementor-element.elementor-element-4d4dcca8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#949494;background-image:url("https://sonidodigital.com.gt/wp-content/uploads/2025/06/Fondo-motorsports.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-1682 .elementor-element.elementor-element-1fb66632{--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-1682 .elementor-element.elementor-element-13ecb34b{text-align:center;}.elementor-1682 .elementor-element.elementor-element-13ecb34b .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-1682 .elementor-element.elementor-element-6ea32579{--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-1682 .elementor-element.elementor-element-6ea32579.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1682 .elementor-element.elementor-element-3ae963c4{--display:flex;}.elementor-1682 .elementor-element.elementor-element-3ae963c4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1682 .elementor-element.elementor-element-74f94b82{--display:flex;}.elementor-1682 .elementor-element.elementor-element-0d28d2d{--display:grid;--e-con-grid-template-columns:2fr 1fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1682 .elementor-element.elementor-element-d881063{--spacer-size:50px;}.elementor-1682 .elementor-element.elementor-element-bf8e1bb{--display:grid;--e-con-grid-template-columns:1fr 1fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1682 .elementor-element.elementor-element-721b0a4{--display:grid;--e-con-grid-template-columns:1fr 4fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1682 .elementor-element.elementor-element-70d8b8ae{--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-1682 .elementor-element.elementor-element-4e8118ad .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;color:#000000;}@media(max-width:1366px){.elementor-1682 .elementor-element.elementor-element-0d28d2d{--grid-auto-flow:row;}.elementor-1682 .elementor-element.elementor-element-bf8e1bb{--grid-auto-flow:row;}.elementor-1682 .elementor-element.elementor-element-721b0a4{--grid-auto-flow:row;}.elementor-1682 .elementor-element.elementor-element-70d8b8ae{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-1682 .elementor-element.elementor-element-0d28d2d{--grid-auto-flow:row;}.elementor-1682 .elementor-element.elementor-element-bf8e1bb{--grid-auto-flow:row;}.elementor-1682 .elementor-element.elementor-element-721b0a4{--grid-auto-flow:row;}.elementor-1682 .elementor-element.elementor-element-70d8b8ae{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-1682 .elementor-element.elementor-element-4d4dcca8:not(.elementor-motion-effects-element-type-background), .elementor-1682 .elementor-element.elementor-element-4d4dcca8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-1682 .elementor-element.elementor-element-4d4dcca8{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-1682 .elementor-element.elementor-element-13ecb34b .elementor-heading-title{font-size:45px;}.elementor-1682 .elementor-element.elementor-element-6ea32579{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-1682 .elementor-element.elementor-element-0d28d2d{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1682 .elementor-element.elementor-element-ee52fe7.elementor-element{--align-self:stretch;}.elementor-1682 .elementor-element.elementor-element-bf8e1bb{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1682 .elementor-element.elementor-element-9fa9af5.elementor-element{--align-self:stretch;}.elementor-1682 .elementor-element.elementor-element-721b0a4{--e-con-grid-template-columns:2fr 4fr;--grid-auto-flow:row;}.elementor-1682 .elementor-element.elementor-element-70d8b8ae{--grid-auto-flow:row;}}@media(max-width:880px){.elementor-1682 .elementor-element.elementor-element-0d28d2d{--grid-auto-flow:row;}.elementor-1682 .elementor-element.elementor-element-bf8e1bb{--grid-auto-flow:row;}.elementor-1682 .elementor-element.elementor-element-721b0a4{--grid-auto-flow:row;}.elementor-1682 .elementor-element.elementor-element-70d8b8ae{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1682 .elementor-element.elementor-element-4d4dcca8:not(.elementor-motion-effects-element-type-background), .elementor-1682 .elementor-element.elementor-element-4d4dcca8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sonidodigital.com.gt/wp-content/uploads/2025/06/Fondo-motorsports-1536x402.jpg");background-size:cover;}.elementor-1682 .elementor-element.elementor-element-4d4dcca8{--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-1682 .elementor-element.elementor-element-13ecb34b .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-1682 .elementor-element.elementor-element-6ea32579{--padding-top:0%;--padding-bottom:1%;--padding-left:1%;--padding-right:1%;}.elementor-1682 .elementor-element.elementor-element-74f94b82{--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-1682 .elementor-element.elementor-element-0d28d2d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1682 .elementor-element.elementor-element-ee52fe7{width:100%;max-width:100%;}.elementor-1682 .elementor-element.elementor-element-bf8e1bb{--e-con-grid-template-columns:repeat(2, 1fr);--gap:4px 4px;--row-gap:4px;--column-gap:4px;--grid-auto-flow:row;--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-1682 .elementor-element.elementor-element-9fa9af5{width:100%;max-width:100%;}.elementor-1682 .elementor-element.elementor-element-a7af1d0{width:100%;max-width:100%;}.elementor-1682 .elementor-element.elementor-element-721b0a4{--min-height:0px;--e-con-grid-template-columns:1;--grid-auto-flow:row;}.elementor-1682 .elementor-element.elementor-element-70d8b8ae{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1682 .elementor-element.elementor-element-4d4dcca8{--content-width:1144px;}.elementor-1682 .elementor-element.elementor-element-6ea32579{--content-width:1300px;}.elementor-1682 .elementor-element.elementor-element-3ae963c4{--width:100%;}}










/* Start custom CSS for shortcode, class: .elementor-element-7a24a9f6 *//* Contenedor vertical */
ul.linea-cat-menu {
  display: block !important;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Cada elemento en bloque, con separación */
ul.linea-cat-menu li {
  display: block !important;
  margin: 0 0 0.5em; /* espacio entre items */
  padding: 0;
}

/* Enlaces sin bordes, Montserrat y blanco */
ul.linea-cat-menu li a {
  display: block;
  font-family: 'Montserrat', sans-serif !important;
  color: #000000 !important;
  text-decoration: none !important;
  background: none !important;
  padding: 0.4em 0 !important;
  border: none !important;
}

/* Hover opcional */
ul.linea-cat-menu li a:hover {
  opacity: 0.8;
}/* End custom CSS */

/* Start custom CSS for container, class: .elementor-element-70d8b8ae */.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-8fd2d82 *//* ============================================================
   TARJETA DE PRODUCTO CUADRADA
   ============================================================ */
.elementor-1682 .elementor-element.elementor-element-8fd2d82 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-1682 .elementor-element.elementor-element-8fd2d82 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-1682 .elementor-element.elementor-element-8fd2d82 ul.products li.product:hover{
  box-shadow:0 4px 10px rgba(0,0,0,.15);
}
.elementor-1682 .elementor-element.elementor-element-8fd2d82 ul.products li.product:hover::before{
  opacity:1;
}

/* ============================================================
   ENLACE FLEX (imagen + título)
   ============================================================ */
.elementor-1682 .elementor-element.elementor-element-8fd2d82 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-1682 .elementor-element.elementor-element-8fd2d82 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-1682 .elementor-element.elementor-element-8fd2d82 .woocommerce-loop-product__title,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 h2.woocommerce-loop-product__title,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 .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-1682 .elementor-element.elementor-element-8fd2d82 ul.products li.product:hover
  .woocommerce-loop-product__title,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 ul.products li.product:hover
  h2.woocommerce-loop-product__title,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 ul.products li.product:hover
  .product-title{
  opacity:0;
  transform:translateY(20px);
}

/* ============================================================
   BOTÓN “VER PRODUCTO”
   ============================================================ */
.elementor-1682 .elementor-element.elementor-element-8fd2d82 ul.products li.product a.button,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 ul.products li.product a.product_type_simple,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 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-1682 .elementor-element.elementor-element-8fd2d82 ul.products li.product:hover a.button,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 ul.products li.product:hover a.product_type_simple,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 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-1682 .elementor-element.elementor-element-8fd2d82 ul.products li.product a.button:hover,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 ul.products li.product a.product_type_simple:hover,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 ul.products li.product a.product_type_variable:hover{
  background:#ffffff !important;
  color:#003CFC !important;
}

/* ============================================================
   SIN SEPARACIÓN ENTRE TARJETAS
   ============================================================ */
.elementor-1682 .elementor-element.elementor-element-8fd2d82 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-1682 .elementor-element.elementor-element-8fd2d82 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-1682 .elementor-element.elementor-element-8fd2d82 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-1682 .elementor-element.elementor-element-8fd2d82 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-1682 .elementor-element.elementor-element-8fd2d82 ul.products li.product *,
  .elementor-1682 .elementor-element.elementor-element-8fd2d82 ul.products li.product::before{
    transition:none !important;
  }
}

/* ============================================================
   PAGINADOR AZUL UNIFICADO (SHOP / ARCHIVE / LANDINGS)
   - Cubre: nav.navigation.pagination (landings),
            .woocommerce nav.pagination,
            nav.woocommerce-pagination,
            nav.elementor-pagination
   ============================================================ */

/* Contenedor y variables */
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.navigation.pagination,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 .woocommerce nav.pagination,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.woocommerce-pagination,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.elementor-pagination{
  --pg-bg:#1f3dff; --pg-bg-hover:#1633ff; --pg-bg-active:#0f2af5;
  --pg-radius:14px; --pg-pad-y:10px; --pg-pad-x:18px; --pg-font:"Montserrat",sans-serif;
  text-align:center; margin:22px 0;
}

/* Lista */
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.navigation.pagination ul.page-numbers,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 .woocommerce nav.pagination ul.page-numbers,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.woocommerce-pagination ul.page-numbers,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.elementor-pagination ul.page-numbers{
  display:flex; flex-wrap:wrap; justify-content:center; gap:10px;
  list-style:none; margin:0; padding:0;
}

/* Estado base (no solo hover/active) */
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.navigation.pagination .page-numbers a,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.navigation.pagination .page-numbers span,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 .woocommerce nav.pagination .page-numbers a,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 .woocommerce nav.pagination .page-numbers span,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.woocommerce-pagination .page-numbers a,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.woocommerce-pagination .page-numbers span,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.elementor-pagination .page-numbers a,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.elementor-pagination .page-numbers span{
  display:inline-flex; align-items:center; justify-content:center; min-width:44px;
  padding:var(--pg-pad-y) var(--pg-pad-x);
  border-radius:var(--pg-radius);
  border:none !important;
  background:var(--pg-bg) !important;     /* fondo azul también en estado normal */
  color:#fff !important;
  font-family:var(--pg-font) !important; font-weight:600; line-height:1;
  text-decoration:none !important; box-shadow:0 2px 0 rgba(0,0,0,.08);
}

/* Hover */
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.navigation.pagination .page-numbers a:hover,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 .woocommerce nav.pagination .page-numbers a:hover,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.woocommerce-pagination .page-numbers a:hover,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.elementor-pagination .page-numbers a:hover{
  background:var(--pg-bg-hover) !important;
}

/* Actual */
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.navigation.pagination .page-numbers .current,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 .woocommerce nav.pagination .page-numbers .current,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.woocommerce-pagination .page-numbers .current,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.elementor-pagination .page-numbers .current{
  background:var(--pg-bg-active) !important; color:#fff !important;
}

/* Dots */
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.navigation.pagination .page-numbers .dots,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 .woocommerce nav.pagination .page-numbers .dots,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.woocommerce-pagination .page-numbers .dots,
.elementor-1682 .elementor-element.elementor-element-8fd2d82 nav.elementor-pagination .page-numbers .dots{
  background:#e9ecff !important; color:#1b2cff !important;
}/* End custom CSS */

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