.elementor-1172 .elementor-element.elementor-element-a13cecc{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:25px;--padding-left:50px;--padding-right:50px;}.elementor-1172 .elementor-element.elementor-element-01712b3{--display:flex;--min-height:50vh;--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;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5vw;--padding-bottom:5vw;--padding-left:5vw;--padding-right:5vw;}.elementor-1172 .elementor-element.elementor-element-01712b3:not(.elementor-motion-effects-element-type-background), .elementor-1172 .elementor-element.elementor-element-01712b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131212;background-image:url("https://lion-supply.com/wp-content/uploads/2025/11/CATALOGO.png");background-position:center center;background-size:cover;}.elementor-1172 .elementor-element.elementor-element-01712b3::before, .elementor-1172 .elementor-element.elementor-element-01712b3 > .elementor-background-video-container::before, .elementor-1172 .elementor-element.elementor-element-01712b3 > .e-con-inner > .elementor-background-video-container::before, .elementor-1172 .elementor-element.elementor-element-01712b3 > .elementor-background-slideshow::before, .elementor-1172 .elementor-element.elementor-element-01712b3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1172 .elementor-element.elementor-element-01712b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000B0;--background-overlay:'';}.elementor-1172 .elementor-element.elementor-element-6076cd8{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-1172 .elementor-element.elementor-element-9aa787f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-1172 .elementor-element.elementor-element-9aa787f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:6em;font-weight:500;line-height:0.8em;letter-spacing:-0.05em;color:#FFFFFF;}.elementor-1172 .elementor-element.elementor-element-fdbc020{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1172 .elementor-element.elementor-element-730a402{font-family:"Inter", Sans-serif;font-size:1em;font-weight:400;color:#FF7700;}.elementor-1172 .elementor-element.elementor-element-730a402 a{color:#FFFFFF;}.elementor-1172 .elementor-element.elementor-element-730a402 a:hover{color:#FF7700;}.elementor-1172 .elementor-element.elementor-element-ddb8e2b{--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:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-1172 .elementor-element.elementor-element-6fcdeb4{--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-1172 .elementor-element.elementor-element-50a4f12{--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-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1172 .elementor-element.elementor-element-5c09f65{--grid-columns:5;--grid-column-gap:10px;}.elementor-1172 .elementor-element.elementor-element-5c09f65 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1172 .elementor-element.elementor-element-5c09f65 .e-loop-item > .elementor-section, .elementor-1172 .elementor-element.elementor-element-5c09f65 .e-loop-item > .elementor-section > .elementor-container, .elementor-1172 .elementor-element.elementor-element-5c09f65 .e-loop-item > .e-con, .elementor-1172 .elementor-element.elementor-element-5c09f65 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1172 .elementor-element.elementor-element-5c09f65 .e-loop-nothing-found-message__text{font-family:"Inter", Sans-serif;font-size:3em;font-weight:500;line-height:1em;letter-spacing:-0.05em;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1172 .elementor-element.elementor-element-5c09f65{--grid-columns:2;}}@media(max-width:767px){.elementor-1172 .elementor-element.elementor-element-a13cecc{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1172 .elementor-element.elementor-element-01712b3{--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:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-1172 .elementor-element.elementor-element-6076cd8{--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-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-1172 .elementor-element.elementor-element-9aa787f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1172 .elementor-element.elementor-element-9aa787f{text-align:center;}.elementor-1172 .elementor-element.elementor-element-9aa787f .elementor-heading-title{font-size:4em;}.elementor-1172 .elementor-element.elementor-element-fdbc020{--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-1172 .elementor-element.elementor-element-730a402.elementor-element{--align-self:center;}.elementor-1172 .elementor-element.elementor-element-ddb8e2b{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1172 .elementor-element.elementor-element-6fcdeb4{--width:100%;}.elementor-1172 .elementor-element.elementor-element-2565a52 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 30px 0px;}.elementor-1172 .elementor-element.elementor-element-50a4f12{--width:100%;}.elementor-1172 .elementor-element.elementor-element-5c09f65{--grid-columns:2;--grid-row-gap:10px;}}@media(min-width:768px){.elementor-1172 .elementor-element.elementor-element-6076cd8{--width:50%;}.elementor-1172 .elementor-element.elementor-element-fdbc020{--width:50%;}.elementor-1172 .elementor-element.elementor-element-6fcdeb4{--width:20%;}.elementor-1172 .elementor-element.elementor-element-50a4f12{--width:80%;}}/* Start custom CSS for html, class: .elementor-element-2565a52 *//* === CONTENEDOR PRINCIPAL === */
#ajaxsearchprobsettings1_1 {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: #333 !important;
    line-height: 1.5 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* === LAYOUT RESPONSIVO === */
#ajaxsearchprobsettings1_1 .asp_settings {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    align-items: flex-start !important;
}

/* Filtros (columna izquierda) */
#ajaxsearchprobsettings1_1 fieldset {
    flex: 1 1 250px !important;
    min-width: 220px !important;
    max-width: 300px !important;
    margin-bottom: 16px !important;
}

/* Input de búsqueda (columna derecha o arriba en móvil) */
#ajaxsearchprobsettings1_1 .asp_main_input {
    flex: 2 1 400px !important;
    min-width: 280px !important;
    width: 100% !important;
}

/* === ESTILOS INTERNOS === */
#ajaxsearchprobsettings1_1 fieldset legend {
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #222 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

#ajaxsearchprobsettings1_1 .asp_nochosen {
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
    background-color: #fff !important;
    padding: 6px 10px !important;
    color: #333 !important;
    width: 100% !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
}

/* Botón de búsqueda */
#ajaxsearchprobsettings1_1 .asp_searchbtn {
    background-color: #0073e6 !important;
    color: #fff !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    padding: 10px 18px !important;
    border: none !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    align-self: flex-start !important;
}

#ajaxsearchprobsettings1_1 .asp_searchbtn:hover {
    background-color: #005bb5 !important;
}

/* Input */
#ajaxsearchprobsettings1_1 .asp_input {
    font-size: 14px !important;
    padding: 8px 10px !important;
    border-radius: 6px !important;
    border: 1px solid #ccc !important;
    width: calc(100% - 20px) !important;
    box-sizing: border-box !important;
    margin-bottom: 10px !important;
}

/* === RESPONSIVE === */

/* Tablets y pantallas medianas */
@media (max-width: 1024px) {
    #ajaxsearchprobsettings1_1 .asp_settings {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    #ajaxsearchprobsettings1_1 fieldset {
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }

    #ajaxsearchprobsettings1_1 .asp_searchbtn {
        width: 100% !important;
    }
}

/* Móviles */
@media (max-width: 768px) {
    #ajaxsearchprobsettings1_1 fieldset {
        display: none !important;
    }

    #ajaxsearchprobsettings1_1 .asp_main_input,
    #ajaxsearchprobsettings1_1 .asp_input {
        width: 100% !important;
        font-size: 16px !important;
        padding: 12px !important;
    }

    #ajaxsearchprobsettings1_1 .asp_searchbtn {
        width: 100% !important;
        padding: 12px !important;
        font-size: 16px !important;
    }

    #ajaxsearchprobsettings1_1 {
        padding: 0 4% !important;
    }
}

/* Móviles pequeños */
@media (max-width: 480px) {
    #ajaxsearchprobsettings1_1 {
        font-size: 12px !important;
    }
    #ajaxsearchprobsettings1_1 .asp_input {
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fcdeb4 */@media (min-width: 768px) {
  .elementor-1172 .elementor-element.elementor-element-6fcdeb4 {
    --width: 33.33% !important; /* 3 columnas */
  }
}

@media (min-width: 1200px) {
  .elementor-1172 .elementor-element.elementor-element-6fcdeb4 {
    --width: 25% !important; /* 4 columnas en pantallas grandes */
  }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-5c09f65 *//* ================================
   LOOP GRID - 5 columnas + ajuste
   ================================ */

.loop-grid-productos .elementor-loop-container{
  display: grid !important;
  gap: 24px !important;
  align-items: stretch;

  /* 5 columnas en vista normal */
  grid-template-columns: repeat(5, minmax(220px, 1fr)) !important;
}

/* baja a 4 */
@media (max-width: 1600px){
  .loop-grid-productos .elementor-loop-container{
    grid-template-columns: repeat(4, minmax(220px, 1fr)) !important;
  }
}

/* baja a 3 */
@media (max-width: 1300px){
  .loop-grid-productos .elementor-loop-container{
    grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
  }
}

/* baja a 2 */
@media (max-width: 992px){
  .loop-grid-productos .elementor-loop-container{
    grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  }
}

/* móviles 2 */
@media (max-width: 600px){
  .loop-grid-productos .elementor-loop-container{
    gap: 16px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* móviles muy pequeños 1 */
@media (max-width: 380px){
  .loop-grid-productos .elementor-loop-container{
    grid-template-columns: 1fr !important;
  }
}

/* cada item ocupa su celda */
.loop-grid-productos .elementor-loop-container > *{
  width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

/* =========================================
   FIX: Cards demasiado altas / mucho vacío
   ========================================= */

/* Esto depende del template, pero generalmente el item es un .elementor-loop-item */
.loop-grid-productos .elementor-loop-item,
.loop-grid-productos .e-loop-item{
  height: auto !important;
}

/* Limita el alto de la imagen y evita que empuje todo hacia abajo */
.loop-grid-productos img{
  max-height: 220px !important;      /* ajusta 200-260 según te guste */
  width: 100% !important;
  object-fit: contain !important;
  display: block;
  margin: 0 auto;
}

/* Si el contenedor de la imagen tiene altura fija grande, lo "desinfla" */
.loop-grid-productos .elementor-widget-image,
.loop-grid-productos .elementor-widget-image .elementor-widget-container{
  margin-bottom: 12px !important;
}

/* =========================================
   TEXTO: evita cortes raros
   ========================================= */

.loop-grid-productos .elementor-heading-title{
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  margin-top: 8px !important;
  line-height: 1.05;
}

/* Botón: que no se parta */
.loop-grid-productos .elementor-button-text{
  white-space: nowrap !important;
}

.loop-grid-productos .elementor-button{
  gap: .5rem;
}/* End custom CSS */