.elementor-73097 .elementor-element.elementor-element-d97d516 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-73097 .elementor-element.elementor-element-4e99904 .elementor-repeater-item-9905085 .swiper-slide-bg{background-color:#833CA300;background-image:url(https://izagar.mx/wp-content/uploads/2026/10/PORTADA-1-5.png);background-size:cover;}.elementor-73097 .elementor-element.elementor-element-4e99904 .swiper-slide{transition-duration:calc(5000ms*1.2);height:650px;}.elementor-73097 .elementor-element.elementor-element-4e99904 .elementor-slide-button{background-color:#FB8600;font-family:"Outfit", Sans-serif;font-size:1em;font-weight:600;border-width:0px;border-radius:25px;color:var( --e-global-color-ae65511 );}.elementor-73097 .elementor-element.elementor-element-4e99904 .elementor-slide-button:hover{background-color:var( --e-global-color-87cd3ca );}.elementor-73097 .elementor-element.elementor-element-4e99904 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-73097 .elementor-element.elementor-element-4e99904 .swiper-slide-contents{max-width:50%;}.elementor-73097 .elementor-element.elementor-element-4e99904 .swiper-slide-inner{text-align:start;}.elementor-73097 .elementor-element.elementor-element-4e99904 .elementor-slide-heading{color:var( --e-global-color-e5bdead );font-family:"Outfit", Sans-serif;font-size:4em;font-weight:600;}.elementor-73097 .elementor-element.elementor-element-4e99904 .elementor-slide-description{color:var( --e-global-color-e5bdead );font-family:"Outfit", Sans-serif;font-size:1em;font-weight:400;}.elementor-73097 .elementor-element.elementor-element-ecaaf01 .elementor-repeater-item-9a79c1c .swiper-slide-bg{background-color:#833CA300;background-image:url(https://izagar.mx/wp-content/uploads/2026/10/PORTADA-2-3.png);background-size:cover;}.elementor-73097 .elementor-element.elementor-element-ecaaf01 .swiper-slide{transition-duration:calc(5000ms*1.2);height:650px;}.elementor-73097 .elementor-element.elementor-element-ecaaf01 .elementor-slide-button{background-color:#FB8600;font-family:"Outfit", Sans-serif;font-size:1em;font-weight:600;border-width:0px;border-radius:25px;color:var( --e-global-color-ae65511 );}.elementor-73097 .elementor-element.elementor-element-ecaaf01 .elementor-slide-button:hover{background-color:var( --e-global-color-87cd3ca );}.elementor-73097 .elementor-element.elementor-element-ecaaf01 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-73097 .elementor-element.elementor-element-ecaaf01 .swiper-slide-contents{max-width:50%;}.elementor-73097 .elementor-element.elementor-element-ecaaf01 .swiper-slide-inner{text-align:start;}.elementor-73097 .elementor-element.elementor-element-ecaaf01 .elementor-slide-heading{color:var( --e-global-color-e5bdead );font-family:"Outfit", Sans-serif;font-size:4em;font-weight:600;}.elementor-73097 .elementor-element.elementor-element-ecaaf01 .elementor-slide-description{color:var( --e-global-color-e5bdead );font-family:"Outfit", Sans-serif;font-size:1em;font-weight:400;}.elementor-73097 .elementor-element.elementor-element-0650698{padding:0% 10% 0% 10%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-73097 .elementor-element.elementor-element-7900901 img{width:50%;}.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-73097 .elementor-element.elementor-element-eecb50e{text-align:center;}.elementor-73097 .elementor-element.elementor-element-eecb50e .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:1em;font-weight:600;color:var( --e-global-color-e5bdead );}.elementor-73097 .elementor-element.elementor-element-eecb50e .elementor-heading-title a:hover, .elementor-73097 .elementor-element.elementor-element-eecb50e .elementor-heading-title a:focus{color:var( --e-global-color-46e038f );}.elementor-73097 .elementor-element.elementor-element-96ff8c5 img{width:50%;}.elementor-73097 .elementor-element.elementor-element-d9586ae{text-align:center;}.elementor-73097 .elementor-element.elementor-element-d9586ae .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:1em;font-weight:600;color:var( --e-global-color-e5bdead );}.elementor-73097 .elementor-element.elementor-element-d9586ae .elementor-heading-title a:hover, .elementor-73097 .elementor-element.elementor-element-d9586ae .elementor-heading-title a:focus{color:var( --e-global-color-46e038f );}.elementor-73097 .elementor-element.elementor-element-dba87a5 img{width:50%;}.elementor-73097 .elementor-element.elementor-element-afd5e5c{text-align:center;}.elementor-73097 .elementor-element.elementor-element-afd5e5c .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:1em;font-weight:600;color:var( --e-global-color-e5bdead );}.elementor-73097 .elementor-element.elementor-element-afd5e5c .elementor-heading-title a:hover, .elementor-73097 .elementor-element.elementor-element-afd5e5c .elementor-heading-title a:focus{color:var( --e-global-color-46e038f );}.elementor-73097 .elementor-element.elementor-element-29287e6 img{width:50%;}.elementor-73097 .elementor-element.elementor-element-9644fe2{text-align:center;}.elementor-73097 .elementor-element.elementor-element-9644fe2 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:1em;font-weight:600;color:var( --e-global-color-e5bdead );}.elementor-73097 .elementor-element.elementor-element-9644fe2 .elementor-heading-title a:hover, .elementor-73097 .elementor-element.elementor-element-9644fe2 .elementor-heading-title a:focus{color:var( --e-global-color-46e038f );}.elementor-73097 .elementor-element.elementor-element-a1dbbe9 img{width:50%;}.elementor-73097 .elementor-element.elementor-element-fbc7578{text-align:center;}.elementor-73097 .elementor-element.elementor-element-fbc7578 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:1em;font-weight:600;color:var( --e-global-color-e5bdead );}.elementor-73097 .elementor-element.elementor-element-fbc7578 .elementor-heading-title a:hover, .elementor-73097 .elementor-element.elementor-element-fbc7578 .elementor-heading-title a:focus{color:var( --e-global-color-46e038f );}.elementor-73097 .elementor-element.elementor-element-76e9fd4 img{width:50%;}.elementor-73097 .elementor-element.elementor-element-b375e0a{text-align:center;}.elementor-73097 .elementor-element.elementor-element-b375e0a .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:1em;font-weight:600;color:var( --e-global-color-e5bdead );}.elementor-73097 .elementor-element.elementor-element-b375e0a .elementor-heading-title a:hover, .elementor-73097 .elementor-element.elementor-element-b375e0a .elementor-heading-title a:focus{color:var( --e-global-color-46e038f );}.elementor-73097 .elementor-element.elementor-element-b7d554b img{width:50%;}.elementor-73097 .elementor-element.elementor-element-e8e61d3{text-align:center;}.elementor-73097 .elementor-element.elementor-element-e8e61d3 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:1em;font-weight:600;color:var( --e-global-color-e5bdead );}.elementor-73097 .elementor-element.elementor-element-e8e61d3 .elementor-heading-title a:hover, .elementor-73097 .elementor-element.elementor-element-e8e61d3 .elementor-heading-title a:focus{color:var( --e-global-color-46e038f );}.elementor-73097 .elementor-element.elementor-element-2fffe67 img{width:50%;}.elementor-73097 .elementor-element.elementor-element-da3a698{text-align:center;}.elementor-73097 .elementor-element.elementor-element-da3a698 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:1em;font-weight:600;color:var( --e-global-color-e5bdead );}.elementor-73097 .elementor-element.elementor-element-da3a698 .elementor-heading-title a:hover, .elementor-73097 .elementor-element.elementor-element-da3a698 .elementor-heading-title a:focus{color:var( --e-global-color-46e038f );}.elementor-73097 .elementor-element.elementor-element-2abb2eb img{width:50%;}.elementor-73097 .elementor-element.elementor-element-5993aae{text-align:center;}.elementor-73097 .elementor-element.elementor-element-5993aae .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:1em;font-weight:600;color:var( --e-global-color-e5bdead );}.elementor-73097 .elementor-element.elementor-element-5993aae .elementor-heading-title a:hover, .elementor-73097 .elementor-element.elementor-element-5993aae .elementor-heading-title a:focus{color:var( --e-global-color-46e038f );}.elementor-73097 .elementor-element.elementor-element-6dc0e6d img{width:50%;}.elementor-73097 .elementor-element.elementor-element-6cca382{text-align:center;}.elementor-73097 .elementor-element.elementor-element-6cca382 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:1em;font-weight:600;color:var( --e-global-color-e5bdead );}.elementor-73097 .elementor-element.elementor-element-6cca382 .elementor-heading-title a:hover, .elementor-73097 .elementor-element.elementor-element-6cca382 .elementor-heading-title a:focus{color:var( --e-global-color-46e038f );}.elementor-73097 .elementor-element.elementor-element-4bee7c0:not(.elementor-motion-effects-element-type-background), .elementor-73097 .elementor-element.elementor-element-4bee7c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ae65511 );}.elementor-73097 .elementor-element.elementor-element-4bee7c0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:5% 10% 1% 10%;}.elementor-73097 .elementor-element.elementor-element-4bee7c0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-73097 .elementor-element.elementor-element-8b30d28 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-73097 .elementor-element.elementor-element-ebb4612:not(.elementor-motion-effects-element-type-background), .elementor-73097 .elementor-element.elementor-element-ebb4612 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://izagar.mx/wp-content/uploads/2026/08/SUPERMERADOS-IZAGAR-04-BANNER-QUIENES-SOMOS-2026.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-73097 .elementor-element.elementor-element-ebb4612{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10% 10% 10% 10%;}.elementor-73097 .elementor-element.elementor-element-ebb4612 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-button .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-73097 .elementor-element.elementor-element-93157b4 .elementor-button{background-color:var( --e-global-color-ae65511 );font-family:"Outfit", Sans-serif;font-size:1em;font-weight:400;fill:var( --e-global-color-46e038f );color:var( --e-global-color-46e038f );border-radius:50px 50px 50px 50px;}.elementor-73097 .elementor-element.elementor-element-93157b4 .elementor-button:hover, .elementor-73097 .elementor-element.elementor-element-93157b4 .elementor-button:focus{color:var( --e-global-color-46e038f );border-color:var( --e-global-color-ae65511 );}.elementor-73097 .elementor-element.elementor-element-93157b4 .elementor-button:hover svg, .elementor-73097 .elementor-element.elementor-element-93157b4 .elementor-button:focus svg{fill:var( --e-global-color-46e038f );}.elementor-73097 .elementor-element.elementor-element-a4345c1 > .elementor-widget-container{padding:0% 15% 0% 0%;}.elementor-73097 .elementor-element.elementor-element-a4345c1{text-align:start;}.elementor-73097 .elementor-element.elementor-element-a4345c1 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:3em;font-weight:600;color:var( --e-global-color-e5bdead );}.elementor-73097 .elementor-element.elementor-element-a4345c1 .elementor-heading-title a:hover, .elementor-73097 .elementor-element.elementor-element-a4345c1 .elementor-heading-title a:focus{color:var( --e-global-color-46e038f );}.elementor-73097 .elementor-element.elementor-element-3006c04 > .elementor-widget-container{padding:0% 20% 0% 0%;}.elementor-73097 .elementor-element.elementor-element-3006c04{text-align:start;}.elementor-73097 .elementor-element.elementor-element-3006c04 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:1.2em;font-weight:600;color:var( --e-global-color-e5bdead );}.elementor-73097 .elementor-element.elementor-element-3006c04 .elementor-heading-title a:hover, .elementor-73097 .elementor-element.elementor-element-3006c04 .elementor-heading-title a:focus{color:var( --e-global-color-46e038f );}.elementor-bc-flex-widget .elementor-73097 .elementor-element.elementor-element-0179c79.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-73097 .elementor-element.elementor-element-0179c79.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-73097 .elementor-element.elementor-element-b717e05 .elementor-button{background-color:var( --e-global-color-46e038f );font-family:"Outfit", Sans-serif;font-size:1em;font-weight:400;border-radius:50px 50px 50px 50px;}.elementor-73097 .elementor-element.elementor-element-b717e05 .elementor-button:hover, .elementor-73097 .elementor-element.elementor-element-b717e05 .elementor-button:focus{background-color:var( --e-global-color-87cd3ca );color:var( --e-global-color-ae65511 );border-color:var( --e-global-color-ae65511 );}.elementor-73097 .elementor-element.elementor-element-b717e05 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-73097 .elementor-element.elementor-element-b717e05 .elementor-button:hover svg, .elementor-73097 .elementor-element.elementor-element-b717e05 .elementor-button:focus svg{fill:var( --e-global-color-ae65511 );}.elementor-bc-flex-widget .elementor-73097 .elementor-element.elementor-element-5bdfb4e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-73097 .elementor-element.elementor-element-5bdfb4e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-73097 .elementor-element.elementor-element-b9d4cb6 .elementor-button{background-color:var( --e-global-color-6d2ff02 );font-family:"Outfit", Sans-serif;font-size:1em;font-weight:400;border-radius:50px 50px 50px 50px;}.elementor-73097 .elementor-element.elementor-element-b9d4cb6 .elementor-button:hover, .elementor-73097 .elementor-element.elementor-element-b9d4cb6 .elementor-button:focus{background-color:var( --e-global-color-46e038f );color:var( --e-global-color-ae65511 );border-color:var( --e-global-color-ae65511 );}.elementor-73097 .elementor-element.elementor-element-b9d4cb6 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-73097 .elementor-element.elementor-element-b9d4cb6 .elementor-button:hover svg, .elementor-73097 .elementor-element.elementor-element-b9d4cb6 .elementor-button:focus svg{fill:var( --e-global-color-ae65511 );}@media(min-width:768px){.elementor-73097 .elementor-element.elementor-element-8b30d28{width:100%;}.elementor-73097 .elementor-element.elementor-element-d5b4859{width:60%;}.elementor-73097 .elementor-element.elementor-element-8137002{width:40%;}}@media(max-width:1024px){.elementor-73097 .elementor-element.elementor-element-4e99904 .elementor-slide-heading{font-size:3em;}.elementor-73097 .elementor-element.elementor-element-ecaaf01 .elementor-slide-heading{font-size:3em;}.elementor-73097 .elementor-element.elementor-element-ebb4612:not(.elementor-motion-effects-element-type-background), .elementor-73097 .elementor-element.elementor-element-ebb4612 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://izagar.mx/wp-content/uploads/2026/08/SUPERMERADOS-IZAGAR-01-BANNER-QUIENES-SOMOS-MOVIL-2026.jpg.png");background-position:bottom center;}.elementor-73097 .elementor-element.elementor-element-ebb4612{padding:05% 05% 50% 5%;}}@media(max-width:767px){.elementor-73097 .elementor-element.elementor-element-4e99904 .swiper-slide-contents{max-width:65%;}.elementor-73097 .elementor-element.elementor-element-4e99904 .elementor-slide-heading{font-size:2em;}.elementor-73097 .elementor-element.elementor-element-ecaaf01 .swiper-slide{height:600px;}.elementor-73097 .elementor-element.elementor-element-ecaaf01 .swiper-slide-contents{max-width:100%;}.elementor-73097 .elementor-element.elementor-element-ecaaf01 .swiper-slide-inner{padding:5% 5% 5% 5%;}.elementor-73097 .elementor-element.elementor-element-ecaaf01 .elementor-slide-heading{font-size:2em;}.elementor-73097 .elementor-element.elementor-element-df5246c{width:50%;}.elementor-73097 .elementor-element.elementor-element-39fbe90{width:50%;}.elementor-73097 .elementor-element.elementor-element-0cefdec{width:50%;}.elementor-73097 .elementor-element.elementor-element-6e797ee{width:50%;}.elementor-73097 .elementor-element.elementor-element-e89b5c8{width:50%;}.elementor-73097 .elementor-element.elementor-element-4df2308{width:50%;}.elementor-73097 .elementor-element.elementor-element-cc5c600{width:50%;}.elementor-73097 .elementor-element.elementor-element-20a7efa{width:50%;}.elementor-73097 .elementor-element.elementor-element-1ac0929{width:50%;}.elementor-73097 .elementor-element.elementor-element-546768a{width:50%;}.elementor-73097 .elementor-element.elementor-element-ebb4612:not(.elementor-motion-effects-element-type-background), .elementor-73097 .elementor-element.elementor-element-ebb4612 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://izagar.mx/wp-content/uploads/2026/08/SUPERMERADOS-IZAGAR-01-BANNER-QUIENES-SOMOS-MOVIL-2026.jpg.png");}.elementor-73097 .elementor-element.elementor-element-a4345c1 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-73097 .elementor-element.elementor-element-a4345c1 .elementor-heading-title{font-size:2em;}.elementor-73097 .elementor-element.elementor-element-3006c04 > .elementor-widget-container{padding:0% 0% 0% 0%;}}@media(max-width:1024px) and (min-width:768px){.elementor-73097 .elementor-element.elementor-element-df5246c{width:20%;}.elementor-73097 .elementor-element.elementor-element-39fbe90{width:20%;}.elementor-73097 .elementor-element.elementor-element-0cefdec{width:20%;}.elementor-73097 .elementor-element.elementor-element-6e797ee{width:20%;}.elementor-73097 .elementor-element.elementor-element-e89b5c8{width:20%;}.elementor-73097 .elementor-element.elementor-element-4df2308{width:20%;}.elementor-73097 .elementor-element.elementor-element-cc5c600{width:20%;}.elementor-73097 .elementor-element.elementor-element-20a7efa{width:20%;}.elementor-73097 .elementor-element.elementor-element-1ac0929{width:20%;}.elementor-73097 .elementor-element.elementor-element-546768a{width:20%;}.elementor-73097 .elementor-element.elementor-element-d5b4859{width:100%;}.elementor-73097 .elementor-element.elementor-element-0179c79{width:40%;}.elementor-73097 .elementor-element.elementor-element-5bdfb4e{width:40%;}}/* Start custom CSS for html, class: .elementor-element-9c5a479 *//* =========================================================
   SUPER OFERTAS
   ========================================================= */

#super-ofertas-app {

    --so-primary: #023048;
    --so-orange: #ff8500;
    --so-light: #F7F5F6;

    width: 100%;

    font-family: 'Outfit', sans-serif;

    color: var(--so-primary);

}


/* =========================================================
   HEADER
   ========================================================= */

#super-ofertas-app .so-header {

    display: flex;

    align-items: center;

    gap: 40px;

    width: 100%;

    margin-bottom: 70px;

}


/* =========================================================
   TITULO
   ========================================================= */

#super-ofertas-app .so-title {

    flex: 0 0 auto;

    margin: 0;

    font-family: 'Outfit', sans-serif;

    font-size: 2em;

    line-height: 1.2;

    font-weight: 600;

    color: var(--so-orange);

}


/* =========================================================
   CONTENEDOR DE CATEGORÍAS
   ========================================================= */

#super-ofertas-app .so-categories-wrapper {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px 16px;

    flex: 1;

    min-width: 0;

}


#super-ofertas-app #so-category-buttons {

    display: contents;

}


/* =========================================================
   BOTONES DE CATEGORÍA
   ========================================================= */

#super-ofertas-app .so-category-button {

    appearance: none;

    border: none;

    outline: none;

    cursor: pointer;

    background: var(--so-light);

    color: var(--so-primary);

    font-family: 'Outfit', sans-serif;

    font-size: 1em;

    font-weight: 400;

    line-height: 1.2;

    padding: 13px 20px;

    border-radius: 30px;

    white-space: nowrap;

    transition:
        background-color 0.25s ease,
        color 0.25s ease;

}


/* Hover */

#super-ofertas-app .so-category-button:hover {

    background: var(--so-primary);

    color: var(--so-light);

}


/* Categoría activa */

#super-ofertas-app .so-category-button.is-active {

    background: var(--so-primary);

    color: var(--so-light);

}


/* =========================================================
   GRID DE OFERTAS
   ========================================================= */

#super-ofertas-app .so-posts-grid {

    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 38px 20px;

    width: 100%;

}


/* =========================================================
   TARJETA
   ========================================================= */

#super-ofertas-app .so-card {

    min-width: 0;

    display: flex;

    flex-direction: column;

}


/* =========================================================
   CONTENEDOR DE IMAGEN
   ========================================================= */

/*
 * IMPORTANTE:
 *
 * No utilizamos aspect-ratio.
 * La altura se adapta automáticamente
 * a la proporción real de cada imagen.
 */

#super-ofertas-app .so-card-image {

    width: 100%;

    height: auto;

    overflow: hidden;

    background: var(--so-light);

    line-height: 0;

}


/* =========================================================
   IMAGEN COMPLETA SIN RECORTE
   ========================================================= */

#super-ofertas-app .so-card-image img {

    display: block;

    width: 100%;

    height: auto;

    max-width: 100%;

    object-fit: contain;

    object-position: center;

    margin: 0;

    padding: 0;

    border: 0;

    transition:
        transform 0.35s ease;

}


/*
 * Hover muy ligero.
 *
 * Si quieres que la imagen NO tenga ningún
 * movimiento al pasar el mouse, puedes eliminar
 * esta regla.
 */

#super-ofertas-app .so-card:hover
.so-card-image img {

    transform: scale(1.015);

}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

#super-ofertas-app .so-card-description {

    margin-top: 18px;

    font-family: 'Outfit', sans-serif;

    font-size: 1em;

    line-height: 1.45;

    font-weight: 400;

    color: var(--so-primary);

}


/* Quitar márgenes que WordPress pueda agregar */

#super-ofertas-app .so-card-description p {

    margin: 0;

}


/* =========================================================
   LOADING
   ========================================================= */

#super-ofertas-app .so-loading {

    grid-column: 1 / -1;

    text-align: center;

    padding: 50px 20px;

    font-family: 'Outfit', sans-serif;

    font-size: 1em;

    color: var(--so-primary);

}


/* =========================================================
   SIN RESULTADOS
   ========================================================= */

#super-ofertas-app .so-empty {

    grid-column: 1 / -1;

    text-align: center;

    padding: 60px 20px;

    font-family: 'Outfit', sans-serif;

    font-size: 1em;

    color: var(--so-primary);

}


/* =========================================================
   ERROR
   ========================================================= */

#super-ofertas-app .so-error {

    grid-column: 1 / -1;

    padding: 25px;

    background: var(--so-light);

    color: var(--so-primary);

    font-family: 'Outfit', sans-serif;

    text-align: center;

}


/* =========================================================
   PAGINACIÓN
   ========================================================= */

#super-ofertas-app .so-pagination {

    display: flex;

    justify-content: flex-end;

    align-items: center;

    gap: 8px;

    width: 100%;

    margin-top: 45px;

}


/* =========================================================
   BOTONES DE PAGINACIÓN
   ========================================================= */

#super-ofertas-app .so-page-button {

    appearance: none;

    border: none;

    outline: none;

    cursor: pointer;

    min-width: 42px;

    height: 42px;

    padding: 0 14px;

    border-radius: 30px;

    background: var(--so-light);

    color: var(--so-primary);

    font-family: 'Outfit', sans-serif;

    font-size: 1em;

    font-weight: 400;

    line-height: 1;

    transition:
        background-color 0.25s ease,
        color 0.25s ease;

}


/* Hover */

#super-ofertas-app .so-page-button:hover {

    background: var(--so-primary);

    color: var(--so-light);

}


/* Página activa */

#super-ofertas-app .so-page-button.is-active {

    background: var(--so-primary);

    color: var(--so-light);

}


/* Botones deshabilitados */

#super-ofertas-app .so-page-button:disabled {

    opacity: 0.35;

    cursor: default;

}


/* Hover de botón deshabilitado */

#super-ofertas-app
.so-page-button:disabled:hover {

    background: var(--so-light);

    color: var(--so-primary);

}


/* Puntos suspensivos */

#super-ofertas-app .so-page-dots {

    cursor: default;

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    #super-ofertas-app .so-header {

        flex-direction: column;

        align-items: flex-start;

        gap: 25px;

        margin-bottom: 45px;

    }


    #super-ofertas-app
    .so-categories-wrapper {

        width: 100%;

    }


    #super-ofertas-app .so-posts-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap: 35px 20px;

    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    #super-ofertas-app .so-header {

        gap: 20px;

        margin-bottom: 35px;

    }


    #super-ofertas-app .so-title {

        font-size: 2em;

    }


    #super-ofertas-app
    .so-categories-wrapper {

        gap: 8px;

    }


    #super-ofertas-app
    .so-category-button {

        font-size: 0.95em;

        padding: 10px 16px;

    }


    #super-ofertas-app .so-posts-grid {

        grid-template-columns: 1fr;

        gap: 35px;

    }


    #super-ofertas-app
    .so-card-description {

        margin-top: 14px;

    }


    #super-ofertas-app .so-pagination {

        justify-content: flex-end;

        margin-top: 35px;

    }


    #super-ofertas-app
    .so-page-button {

        min-width: 40px;

        height: 40px;

        padding: 0 12px;

    }

}/* End custom CSS */