.elementor-109 .elementor-element.elementor-element-77b6f263:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-77b6f263 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hogary.izagar.mx/wp-content/uploads/2026/10/HOGARY-01-BANNER-PRINCIPAL-PROMOCIONES-2026.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-109 .elementor-element.elementor-element-77b6f263{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10% 10% 10% 10%;}.elementor-109 .elementor-element.elementor-element-77b6f263 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-109 .elementor-element.elementor-element-17760d14 > .elementor-element-populated{padding:0px 0px 0px 0px;}.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-109 .elementor-element.elementor-element-476622e6 .elementor-button{background-color:#FFFFFF;font-family:"Outfit", Sans-serif;font-size:1em;font-weight:400;fill:var( --e-global-color-d5e156f );color:var( --e-global-color-d5e156f );border-radius:50px 50px 50px 50px;}.elementor-109 .elementor-element.elementor-element-476622e6 .elementor-button:hover, .elementor-109 .elementor-element.elementor-element-476622e6 .elementor-button:focus{color:#FB8600;border-color:#F7F5F6;}.elementor-109 .elementor-element.elementor-element-476622e6 .elementor-button:hover svg, .elementor-109 .elementor-element.elementor-element-476622e6 .elementor-button:focus svg{fill:#FB8600;}.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-109 .elementor-element.elementor-element-54376b81{padding:0% 0% 0% 0%;text-align:start;}.elementor-109 .elementor-element.elementor-element-54376b81 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:4em;font-weight:bold;line-height:1.2em;color:var( --e-global-color-c4eef72 );}.elementor-109 .elementor-element.elementor-element-54376b81 .elementor-heading-title a:hover, .elementor-109 .elementor-element.elementor-element-54376b81 .elementor-heading-title a:focus{color:#FB8600;}.elementor-109 .elementor-element.elementor-element-77bfd792{padding:0% 20% 0% 0%;text-align:start;}.elementor-109 .elementor-element.elementor-element-77bfd792 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:1.2em;font-weight:400;color:#000000;}.elementor-109 .elementor-element.elementor-element-7c509935{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:1% 10% 1% 10%;}.elementor-109 .elementor-element.elementor-element-7c509935 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-109 .elementor-element.elementor-element-5a5081ec > .elementor-element-populated{padding:100px 0px 0px 0px;}@media(min-width:768px){.elementor-109 .elementor-element.elementor-element-5a5081ec{width:100%;}}@media(max-width:1024px){.elementor-109 .elementor-element.elementor-element-77b6f263:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-77b6f263 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hogary.izagar.mx/wp-content/uploads/2026/10/HOGARY-01-BANNER-PRINCIPAL-PROMOCIONES-MOVIL-2026.jpg");background-position:top center;}.elementor-109 .elementor-element.elementor-element-77b6f263{padding:5% 5% 5% 5%;}.elementor-109 .elementor-element.elementor-element-17760d14 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-109 .elementor-element.elementor-element-54376b81{padding:0% 0% 0% 0%;}}@media(max-width:767px){.elementor-109 .elementor-element.elementor-element-77b6f263:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-77b6f263 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hogary.izagar.mx/wp-content/uploads/2026/10/HOGARY-01-BANNER-PRINCIPAL-PROMOCIONES-MOVIL-2026.jpg");background-position:bottom center;}.elementor-109 .elementor-element.elementor-element-77b6f263{padding:20% 5% 60% 5%;}.elementor-109 .elementor-element.elementor-element-54376b81{padding:0% 0% 0% 0%;}.elementor-109 .elementor-element.elementor-element-54376b81 .elementor-heading-title{font-size:2em;}.elementor-109 .elementor-element.elementor-element-77bfd792{padding:0% 0% 0% 0%;}}@media(max-width:1024px) and (min-width:768px){.elementor-109 .elementor-element.elementor-element-17760d14{width:100%;}}/* Start custom CSS for html, class: .elementor-element-4b7b9ec6 *//* =========================================================
   SUPER OFERTAS
   ========================================================= */

#super-ofertas-app {

    --so-primary: #b00a0c;
    --so-orange: #002c70;
    --so-light: #ffffff;

    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 */