.elementor-1742 .elementor-element.elementor-element-35e6ca2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--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:50px;--padding-right:50px;--z-index:20;}.elementor-1742 .elementor-element.elementor-element-35e6ca2:not(.elementor-motion-effects-element-type-background), .elementor-1742 .elementor-element.elementor-element-35e6ca2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-1742 .elementor-element.elementor-element-dfef4e5{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1742 .elementor-element.elementor-element-21895cd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:19px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1742 .elementor-element.elementor-element-1546054{--display:flex;}.elementor-1742 .elementor-element.elementor-element-d786e5d .elementor-heading-title{font-size:16px;}.elementor-1742 .elementor-element.elementor-element-0809aaa .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-1742 .elementor-element.elementor-element-0809aaa .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-1742 .elementor-element.elementor-element-0809aaa .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-1742 .elementor-element.elementor-element-0809aaa .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-1742 .elementor-element.elementor-element-0809aaa .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-1742 .elementor-element.elementor-element-0809aaa .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1742 .elementor-element.elementor-element-0809aaa .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1742 .elementor-element.elementor-element-0809aaa{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1742 .elementor-element.elementor-element-0809aaa .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1742 .elementor-element.elementor-element-0809aaa .elementor-icon-list-item > a{font-weight:600;}.elementor-1742 .elementor-element.elementor-element-0809aaa .elementor-icon-list-text{color:#00A9C1;transition:color 0.3s;}.elementor-1742 .elementor-element.elementor-element-3a79b06{--display:flex;}.elementor-1742 .elementor-element.elementor-element-56b0d1f .elementor-heading-title{font-size:16px;}.elementor-1742 .elementor-element.elementor-element-042a7d9{text-align:center;}.elementor-1742 .elementor-element.elementor-element-8d72b5a{--display:flex;}.elementor-1742 .elementor-element.elementor-element-cfd8a85 .elementor-heading-title{font-size:16px;}.elementor-1742 .elementor-element.elementor-element-fe63f48 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1742 .elementor-element.elementor-element-1e3ae62 .elementor-button{background-color:var( --e-global-color-secondary );}.elementor-1742 .elementor-element.elementor-element-1e3ae62 .elementor-button:hover, .elementor-1742 .elementor-element.elementor-element-1e3ae62 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-1742 .elementor-element.elementor-element-1e3ae62 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1742 .elementor-element.elementor-element-3163dd0{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:var( --e-global-color-primary );--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-1742 .elementor-element.elementor-element-3163dd0 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-1742 .elementor-element.elementor-element-3163dd0 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-1742 .elementor-element.elementor-element-3163dd0 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-weight:600;}.elementor-1742 .elementor-element.elementor-element-e21d142{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1742 .elementor-element.elementor-element-8f5c84e img{width:100px;}.elementor-1742 .elementor-element.elementor-element-ddaedcf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1742 .elementor-element.elementor-element-f32d852 > .elementor-widget-container{padding:15px 15px 15px 15px;}.elementor-1742 .elementor-element.elementor-element-15b346b{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:var( --e-global-color-primary );--toggle-button-border-width:0px;--toggle-icon-size:30px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-1742 .elementor-element.elementor-element-15b346b .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-1742 .elementor-element.elementor-element-bd47778{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-95px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:50px;--padding-right:50px;--z-index:20;}.elementor-1742 .elementor-element.elementor-element-bd47778:not(.elementor-motion-effects-element-type-background), .elementor-1742 .elementor-element.elementor-element-bd47778 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-1742 .elementor-element.elementor-element-be830c8{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1742 .elementor-element.elementor-element-5f6fac0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:19px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1742 .elementor-element.elementor-element-140ce12{--display:flex;}.elementor-1742 .elementor-element.elementor-element-505f2ab .elementor-heading-title{font-size:16px;}.elementor-1742 .elementor-element.elementor-element-f6228fc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-1742 .elementor-element.elementor-element-f6228fc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-1742 .elementor-element.elementor-element-f6228fc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-1742 .elementor-element.elementor-element-f6228fc .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-1742 .elementor-element.elementor-element-f6228fc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-1742 .elementor-element.elementor-element-f6228fc .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1742 .elementor-element.elementor-element-f6228fc .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1742 .elementor-element.elementor-element-f6228fc{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1742 .elementor-element.elementor-element-f6228fc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1742 .elementor-element.elementor-element-f6228fc .elementor-icon-list-item > a{font-weight:600;}.elementor-1742 .elementor-element.elementor-element-f6228fc .elementor-icon-list-text{color:#00A9C1;transition:color 0.3s;}.elementor-1742 .elementor-element.elementor-element-28a790f{--display:flex;}.elementor-1742 .elementor-element.elementor-element-360eaa0 .elementor-heading-title{font-size:16px;}.elementor-1742 .elementor-element.elementor-element-0e63eb0{text-align:center;}.elementor-1742 .elementor-element.elementor-element-c11d713{--display:flex;}.elementor-1742 .elementor-element.elementor-element-f28ade8 .elementor-heading-title{font-size:16px;}.elementor-1742 .elementor-element.elementor-element-3d94962 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1742 .elementor-element.elementor-element-eaf490c .elementor-button{background-color:var( --e-global-color-secondary );}.elementor-1742 .elementor-element.elementor-element-eaf490c .elementor-button:hover, .elementor-1742 .elementor-element.elementor-element-eaf490c .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-1742 .elementor-element.elementor-element-eaf490c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1742 .elementor-element.elementor-element-f9370ac{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:var( --e-global-color-primary );--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-1742 .elementor-element.elementor-element-f9370ac > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-1742 .elementor-element.elementor-element-f9370ac > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-1742 .elementor-element.elementor-element-f9370ac > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-weight:600;}.elementor-1742 .elementor-element.elementor-element-97adf2e{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1742 .elementor-element.elementor-element-da04b35 img{width:180px;}.elementor-1742 .elementor-element.elementor-element-0b30782{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1742 .elementor-element.elementor-element-6399f6b > .elementor-widget-container{padding:15px 15px 15px 15px;}.elementor-1742 .elementor-element.elementor-element-bf51cab{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:var( --e-global-color-primary );--toggle-button-border-width:0px;--toggle-icon-size:30px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-1742 .elementor-element.elementor-element-bf51cab .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-1742 .elementor-element.elementor-element-21895cd{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1742 .elementor-element.elementor-element-1546054{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1742 .elementor-element.elementor-element-042a7d9 p{margin-block-end:0px;}.elementor-1742 .elementor-element.elementor-element-5f6fac0{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1742 .elementor-element.elementor-element-140ce12{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1742 .elementor-element.elementor-element-0e63eb0 p{margin-block-end:0px;}}@media(min-width:768px){.elementor-1742 .elementor-element.elementor-element-dfef4e5{--width:15%;}.elementor-1742 .elementor-element.elementor-element-1546054{--width:10%;}.elementor-1742 .elementor-element.elementor-element-3a79b06{--width:45%;}.elementor-1742 .elementor-element.elementor-element-8d72b5a{--width:45%;}.elementor-1742 .elementor-element.elementor-element-e21d142{--width:70%;}.elementor-1742 .elementor-element.elementor-element-ddaedcf{--width:15%;}.elementor-1742 .elementor-element.elementor-element-be830c8{--width:15%;}.elementor-1742 .elementor-element.elementor-element-140ce12{--width:10%;}.elementor-1742 .elementor-element.elementor-element-28a790f{--width:45%;}.elementor-1742 .elementor-element.elementor-element-c11d713{--width:45%;}.elementor-1742 .elementor-element.elementor-element-97adf2e{--width:70%;}.elementor-1742 .elementor-element.elementor-element-0b30782{--width:15%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1742 .elementor-element.elementor-element-21895cd{--width:100%;}.elementor-1742 .elementor-element.elementor-element-1546054{--width:20%;}.elementor-1742 .elementor-element.elementor-element-3a79b06{--width:40%;}.elementor-1742 .elementor-element.elementor-element-8d72b5a{--width:40%;}.elementor-1742 .elementor-element.elementor-element-ddaedcf{--width:10%;}.elementor-1742 .elementor-element.elementor-element-5f6fac0{--width:100%;}.elementor-1742 .elementor-element.elementor-element-140ce12{--width:20%;}.elementor-1742 .elementor-element.elementor-element-28a790f{--width:40%;}.elementor-1742 .elementor-element.elementor-element-c11d713{--width:40%;}.elementor-1742 .elementor-element.elementor-element-0b30782{--width:10%;}}@media(max-width:767px){.elementor-1742 .elementor-element.elementor-element-35e6ca2{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1742 .elementor-element.elementor-element-dfef4e5{--width:15%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1742 .elementor-element.elementor-element-8d72b5a{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1742 .elementor-element.elementor-element-3163dd0{width:100%;max-width:100%;}.elementor-1742 .elementor-element.elementor-element-e21d142{--width:60%;}.elementor-1742 .elementor-element.elementor-element-8f5c84e img{width:75px;}.elementor-1742 .elementor-element.elementor-element-ddaedcf{--width:25%;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1742 .elementor-element.elementor-element-f32d852 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1742 .elementor-element.elementor-element-15b346b{width:initial;max-width:initial;--toggle-icon-size:25px;}.elementor-1742 .elementor-element.elementor-element-15b346b > .elementor-widget-container{margin:0px -20px 0px -20px;}.elementor-1742 .elementor-element.elementor-element-bd47778{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1742 .elementor-element.elementor-element-be830c8{--width:15%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1742 .elementor-element.elementor-element-c11d713{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1742 .elementor-element.elementor-element-f9370ac{width:100%;max-width:100%;}.elementor-1742 .elementor-element.elementor-element-97adf2e{--width:60%;}.elementor-1742 .elementor-element.elementor-element-0b30782{--width:25%;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1742 .elementor-element.elementor-element-6399f6b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1742 .elementor-element.elementor-element-bf51cab{width:initial;max-width:initial;--toggle-icon-size:25px;}.elementor-1742 .elementor-element.elementor-element-bf51cab > .elementor-widget-container{margin:0px -20px 0px -20px;}}/* Start custom CSS for shortcode, class: .elementor-element-8ed7cf2 *//*---------------------------------------HOME PRODUCT CATEGORIES GRID-------------*/

.procomp-categorias-header {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.cat-card {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
  text-decoration: none;
  aspect-ratio: 1 / 1;
}

.cat-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #f2f2f2;
  display: block;
}

@media (hover: hover) and (pointer: fine) {
  .cat-card {
    transition: transform .3s ease, box-shadow .3s ease;
  }
  .cat-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 30px rgba(0,0,0,.2);
  }
}

.cat-info {
  position: absolute;
  bottom: 5px;
  left: 12px;
  right: 12px;
  background: rgba(255,255,255,.7);
  border-radius: 12px;
  padding: 10px;
  text-align: center;
  backdrop-filter: blur(2px);
}

.cat-info h3 {
  font-size: 14px;
  margin: 0;
  color: #00A9C1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.15;
}

.cat-info span {
  font-size: 12px;
  color: #666;
}

/* Tablet y Móvil (Activación de Scroll Horizontal) */
@media (max-width: 1024px) {
  .procomp-categorias-header {
    display: grid;
    /* Cambiamos a flujo de columna para que se pongan uno al lado del otro */
    grid-auto-flow: column;
    /* Definimos un ancho fijo para cada tarjeta en scroll */
    grid-auto-columns: 160px; 
    grid-template-columns: unset; 
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch; /* Scroll suave en iOS */
    gap: 15px;
    padding-bottom: 10px;
  }

  /* Ocultar barra de scroll (opcional) */
  .procomp-categorias-header::-webkit-scrollbar {
    display: none;
  }
  .procomp-categorias-header {
    -ms-overflow-style: none;  
    scrollbar-width: none;  
  }

  .cat-info h3 {
    font-size: 12px;
  }
}

/* Ajustes específicos para Móvil */
@media (max-width: 767px){
  .procomp-categorias-header {
    grid-auto-columns: 130px; /* Tarjetas un poco más pequeñas en móvil */
    gap: 10px;
  }

  .cat-info h3 {
    font-size: 11px;
    line-height: 1.1;
  }
  
  .cat-info {
    left: 5px;
    right: 5px;
    padding: 6px 2px;
    border-radius: 8px;
  }

  .cat-card {
    transition: none;
    box-shadow: 0 4px 12px rgba(0,0,0,.1); /* Sombras más ligeras en móvil */
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8ed7cf2 *//*---------------------------------------HOME PRODUCT CATEGORIES GRID-------------*/

.procomp-categorias-header {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.cat-card {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
  text-decoration: none;
  aspect-ratio: 1 / 1;
}

.cat-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #f2f2f2;
  display: block;
}

@media (hover: hover) and (pointer: fine) {
  .cat-card {
    transition: transform .3s ease, box-shadow .3s ease;
  }
  .cat-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 30px rgba(0,0,0,.2);
  }
}

.cat-info {
  position: absolute;
  bottom: 5px;
  left: 12px;
  right: 12px;
  background: rgba(255,255,255,.7);
  border-radius: 12px;
  padding: 10px;
  text-align: center;
  backdrop-filter: blur(2px);
}

.cat-info h3 {
  font-size: 14px;
  margin: 0;
  color: #00A9C1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.15;
}

.cat-info span {
  font-size: 12px;
  color: #666;
}

/* Tablet y Móvil (Activación de Scroll Horizontal) */
@media (max-width: 1024px) {
  .procomp-categorias-header {
    display: grid;
    /* Cambiamos a flujo de columna para que se pongan uno al lado del otro */
    grid-auto-flow: column;
    /* Definimos un ancho fijo para cada tarjeta en scroll */
    grid-auto-columns: 160px; 
    grid-template-columns: unset; 
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch; /* Scroll suave en iOS */
    gap: 15px;
    padding-bottom: 10px;
  }

  /* Ocultar barra de scroll (opcional) */
  .procomp-categorias-header::-webkit-scrollbar {
    display: none;
  }
  .procomp-categorias-header {
    -ms-overflow-style: none;  
    scrollbar-width: none;  
  }

  .cat-info h3 {
    font-size: 12px;
  }
}

/* Ajustes específicos para Móvil */
@media (max-width: 767px){
  .procomp-categorias-header {
    grid-auto-columns: 130px; /* Tarjetas un poco más pequeñas en móvil */
    gap: 10px;
  }

  .cat-info h3 {
    font-size: 11px;
    line-height: 1.1;
  }
  
  .cat-info {
    left: 5px;
    right: 5px;
    padding: 6px 2px;
    border-radius: 8px;
  }

  .cat-card {
    transition: none;
    box-shadow: 0 4px 12px rgba(0,0,0,.1); /* Sombras más ligeras en móvil */
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-eea6f43 *//*---------------------------------------HOME PRODUCT CATEGORIES GRID-------------*/

.procomp-categorias-header {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.cat-card {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
  text-decoration: none;
  aspect-ratio: 1 / 1;
}

.cat-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #f2f2f2;
  display: block;
}

@media (hover: hover) and (pointer: fine) {
  .cat-card {
    transition: transform .3s ease, box-shadow .3s ease;
  }
  .cat-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 30px rgba(0,0,0,.2);
  }
}

.cat-info {
  position: absolute;
  bottom: 5px;
  left: 12px;
  right: 12px;
  background: rgba(255,255,255,.7);
  border-radius: 12px;
  padding: 10px;
  text-align: center;
  backdrop-filter: blur(2px);
}

.cat-info h3 {
  font-size: 14px;
  margin: 0;
  color: #00A9C1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.15;
}

.cat-info span {
  font-size: 12px;
  color: #666;
}

/* Tablet y Móvil (Activación de Scroll Horizontal) */
@media (max-width: 1024px) {
  .procomp-categorias-header {
    display: grid;
    /* Cambiamos a flujo de columna para que se pongan uno al lado del otro */
    grid-auto-flow: column;
    /* Definimos un ancho fijo para cada tarjeta en scroll */
    grid-auto-columns: 160px; 
    grid-template-columns: unset; 
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch; /* Scroll suave en iOS */
    gap: 15px;
    padding-bottom: 10px;
  }

  /* Ocultar barra de scroll (opcional) */
  .procomp-categorias-header::-webkit-scrollbar {
    display: none;
  }
  .procomp-categorias-header {
    -ms-overflow-style: none;  
    scrollbar-width: none;  
  }

  .cat-info h3 {
    font-size: 12px;
  }
}

/* Ajustes específicos para Móvil */
@media (max-width: 767px){
  .procomp-categorias-header {
    grid-auto-columns: 130px; /* Tarjetas un poco más pequeñas en móvil */
    gap: 10px;
  }

  .cat-info h3 {
    font-size: 11px;
    line-height: 1.1;
  }
  
  .cat-info {
    left: 5px;
    right: 5px;
    padding: 6px 2px;
    border-radius: 8px;
  }

  .cat-card {
    transition: none;
    box-shadow: 0 4px 12px rgba(0,0,0,.1); /* Sombras más ligeras en móvil */
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-eea6f43 *//*---------------------------------------HOME PRODUCT CATEGORIES GRID-------------*/

.procomp-categorias-header {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.cat-card {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
  text-decoration: none;
  aspect-ratio: 1 / 1;
}

.cat-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #f2f2f2;
  display: block;
}

@media (hover: hover) and (pointer: fine) {
  .cat-card {
    transition: transform .3s ease, box-shadow .3s ease;
  }
  .cat-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 30px rgba(0,0,0,.2);
  }
}

.cat-info {
  position: absolute;
  bottom: 5px;
  left: 12px;
  right: 12px;
  background: rgba(255,255,255,.7);
  border-radius: 12px;
  padding: 10px;
  text-align: center;
  backdrop-filter: blur(2px);
}

.cat-info h3 {
  font-size: 14px;
  margin: 0;
  color: #00A9C1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.15;
}

.cat-info span {
  font-size: 12px;
  color: #666;
}

/* Tablet y Móvil (Activación de Scroll Horizontal) */
@media (max-width: 1024px) {
  .procomp-categorias-header {
    display: grid;
    /* Cambiamos a flujo de columna para que se pongan uno al lado del otro */
    grid-auto-flow: column;
    /* Definimos un ancho fijo para cada tarjeta en scroll */
    grid-auto-columns: 160px; 
    grid-template-columns: unset; 
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch; /* Scroll suave en iOS */
    gap: 15px;
    padding-bottom: 10px;
  }

  /* Ocultar barra de scroll (opcional) */
  .procomp-categorias-header::-webkit-scrollbar {
    display: none;
  }
  .procomp-categorias-header {
    -ms-overflow-style: none;  
    scrollbar-width: none;  
  }

  .cat-info h3 {
    font-size: 12px;
  }
}

/* Ajustes específicos para Móvil */
@media (max-width: 767px){
  .procomp-categorias-header {
    grid-auto-columns: 130px; /* Tarjetas un poco más pequeñas en móvil */
    gap: 10px;
  }

  .cat-info h3 {
    font-size: 11px;
    line-height: 1.1;
  }
  
  .cat-info {
    left: 5px;
    right: 5px;
    padding: 6px 2px;
    border-radius: 8px;
  }

  .cat-card {
    transition: none;
    box-shadow: 0 4px 12px rgba(0,0,0,.1); /* Sombras más ligeras en móvil */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bd47778 */.sticky-header{
    top: -100px !important;
    z-index: -1;
    transition: top 1s ease !important;
}
.sticky-header.elementor-sticky--effects {
    top: 0 !important;
}/* End custom CSS */