/*
Theme Name: Inspiro Child
Theme URI: https://promedios.com.ar/
Description: Child Theme de Inspiro para Promedios Audiovisuales
Author: Promedios Audiovisuales
Template: inspiro
Version: 1.26
*/


/* ============================================================
   PROMEDIOS AUDIOVISUALES
   CSS DEL CHILD THEME
   ============================================================ */


/* ============================================================
   1. HEADER / LOGO
   ============================================================ */

/*
 * Mantenemos la estructura original de Inspiro.
 * No utilizamos display:flex sobre .inner-wrap.
 */


/* ------------------------------------------------------------
   Logo - escritorio
   ------------------------------------------------------------ */

.site-header .navbar-brand-wpz img,
.site-header .custom-logo,
.navbar-brand-wpz img {
    width: 170px !important;
    max-width: 170px !important;
    height: auto !important;
}


/* ============================================================
   2. HEADER - ESCRITORIO
   TODO EN UNA SOLA LÍNEA
   ============================================================ */

@media (min-width: 1200px) {

    .site-header .navbar-brand-wpz {
        float: left !important;
        max-width: 190px !important;
        padding-right: 15px !important;
        margin: 0 !important;
    }

    .site-header .navbar-collapse {
        float: right !important;
        width: auto !important;
        clear: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: block !important;
    }

    .site-header .navbar-collapse .navbar-nav {
        float: none !important;
        display: block !important;
        white-space: nowrap;
        padding-top: 5px;
    }

    .site-header .navbar-nav > li {
        margin-left: 11px !important;
        margin-right: 11px !important;
    }

    .site-header .sb-search {
        float: right !important;
        clear: none !important;
        margin-left: 5px !important;
    }

    .site-header .wpz_cart {
        float: right !important;
        clear: none !important;
        margin-left: 5px !important;
    }

    .site-header .navbar-toggle {
        float: right !important;
        clear: none !important;
        margin-left: 12px !important;
    }

    .site-header .header_social {
        float: right !important;
        clear: none !important;
    }
}


/* ============================================================
   3. HEADER - TABLET
   ============================================================ */

@media (min-width: 768px) and (max-width: 1199px) {

    .site-header .navbar-brand-wpz img,
    .site-header .custom-logo,
    .navbar-brand-wpz img {
        width: 145px !important;
        max-width: 145px !important;
        height: auto !important;
    }
}


/* ============================================================
   4. HEADER - CELULARES
   ============================================================ */

@media (max-width: 767px) {

    .site-header .navbar-brand-wpz img,
    .site-header .custom-logo,
    .navbar-brand-wpz img {
        width: 120px !important;
        max-width: 120px !important;
        height: auto !important;
    }
}


/* ============================================================
   5. WOOCOMMERCE
   BOTÓN COMPRAR ACCESO
   ============================================================ */

.woocommerce ul.products li.product .button {
    width: auto !important;
    min-width: 0 !important;
    padding: 12px 20px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    display: inline-block !important;
}

.woocommerce a.button.product_type_simple:hover,
.woocommerce a.button.add_to_cart_button:hover,
.woocommerce a.button.ajax_add_to_cart:hover {
    color: #ffffff !important;
}


/* ============================================================
   6. WOOCOMMERCE - CELULARES
   ============================================================ */

@media (max-width: 767px) {

    .woocommerce ul.products li.product .button {
        width: auto !important;
        min-width: 0 !important;
        padding: 10px 14px !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        white-space: nowrap;
        display: inline-block !important;
    }
}


/* ============================================================
   7. FOOTER - PROMEDIOS AUDIOVISUALES
   ============================================================ */

/* Menú del pie centrado */
.site-footer .footer-menu,
.site-footer .menu-footer,
.site-footer .menu-footer ul,
.site-footer .footer-menu ul {
    text-align: center !important;
}

.site-footer .footer-menu ul,
.site-footer .menu-footer ul {
    display: inline-block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Crédito propio */
.promedios-footer-credit {
    width: 100%;
    clear: both;
    text-align: center;
    margin: 18px auto 0;
    padding: 10px 15px 18px;
    font-size: 13px;
    line-height: 1.5;
}


/* ============================================================
   8. INSTAGRAM - FOOTER
   ============================================================ */

.promedios-instagram-footer {
    width: 100%;
    clear: both;
    margin: 28px auto 8px;
    padding: 0 15px;
    text-align: center;
}

.promedios-instagram-title {
    margin: 0 0 18px;
    text-align: center;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 600;
}

/*
 * El layout de las miniaturas lo administra Smash Balloon.
 * Este bloque solamente limita y centra el área del feed.
 */
.promedios-instagram-footer #sb_instagram {
    width: 100% !important;
    max-width: 1100px;
    margin: 0 auto !important;
}

/*
 * Evitar que el feed quede pegado al crédito inferior.
 */
.promedios-instagram-footer + .promedios-footer-credit {
    margin-top: 18px;
}

/* Celulares */
@media (max-width: 767px) {

    .promedios-instagram-footer {
        margin-top: 22px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .promedios-instagram-title {
        font-size: 16px;
        margin-bottom: 14px;
    }
}


/* ============================================================
   9. AJUSTES VISUALES DEL BLOQUE INSTAGRAM Y CRÉDITO DEL FOOTER
   ============================================================ */

/* Título "Seguinos en Instagram" visible y coherente con el footer */
.promedios-instagram-title {
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    margin: 0 0 14px !important;
}

/* Reducir el gran espacio vertical antes del feed */
.promedios-instagram-footer {
    margin-top: 18px !important;
    margin-bottom: 6px !important;
    padding-top: 0 !important;
}

/* Acercar el contenido del feed al título */
.promedios-instagram-footer #sb_instagram {
    margin-top: 0 !important;
}

/* Crédito final más legible, pero discreto */
.promedios-footer-credit {
    color: #a7a7a7 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin-top: 14px !important;
    padding-top: 8px !important;
    padding-bottom: 14px !important;
}

/* Celulares */
@media (max-width: 767px) {

    .promedios-instagram-title {
        font-size: 14px !important;
        margin-bottom: 12px !important;
    }

    .promedios-instagram-footer {
        margin-top: 14px !important;
        margin-bottom: 4px !important;
    }

    .promedios-footer-credit {
        font-size: 11px !important;
        margin-top: 12px !important;
    }
}




/* ============================================================
   10. LISTADO DE EMPRESAS / CLIENTES
   BASADO EN EL TRATAMIENTO OSCURO ORIGINAL DE INSPIRO
   ============================================================ */

/*
 * Inspiro define para .full-width_dark:
 *   texto: #b5b5b5
 *   fondo: #222
 *   títulos: #fff
 *
 * Aquí reproducimos el color del tema original y, además,
 * neutralizamos opacity/filter que pueda heredar el contenido
 * generado por Visual Composer.
 */

.page .full-width_dark .entry-content,
.single .full-width_dark .entry-content {
    color: #b5b5b5 !important;
}

/* Listados de texto dentro del contenido */
.page .full-width_dark .entry-content .wpb_text_column ul,
.page .full-width_dark .entry-content .wpb_text_column ul li,
.page .full-width_dark .entry-content .wpb_text_column ul li a,
.page .full-width_dark .entry-content .wpb_wrapper ul,
.page .full-width_dark .entry-content .wpb_wrapper ul li,
.page .full-width_dark .entry-content .wpb_wrapper ul li a,
.single .full-width_dark .entry-content .wpb_text_column ul,
.single .full-width_dark .entry-content .wpb_text_column ul li,
.single .full-width_dark .entry-content .wpb_text_column ul li a,
.single .full-width_dark .entry-content .wpb_wrapper ul,
.single .full-width_dark .entry-content .wpb_wrapper ul li,
.single .full-width_dark .entry-content .wpb_wrapper ul li a {
    color: #b5b5b5 !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Si la página no utiliza la clase full-width_dark, mantenemos
 * el mismo aspecto únicamente para listas de texto del contenido.
 */
.site-content .wpb_text_column ul li,
.site-content .wpb_text_column ul li a,
.entry-content .wpb_text_column ul li,
.entry-content .wpb_text_column ul li a {
    color: #b5b5b5 !important;
    opacity: 1 !important;
    filter: none !important;
}

/* Marcadores/viñetas */
.page .full-width_dark .entry-content li::marker,
.single .full-width_dark .entry-content li::marker,
.site-content .wpb_text_column li::marker,
.entry-content .wpb_text_column li::marker {
    color: #b5b5b5 !important;
    opacity: 1 !important;
}

/* Enlaces al pasar el mouse */
.page .full-width_dark .entry-content .wpb_text_column li a:hover,
.page .full-width_dark .entry-content .wpb_wrapper li a:hover,
.single .full-width_dark .entry-content .wpb_text_column li a:hover,
.single .full-width_dark .entry-content .wpb_wrapper li a:hover,
.site-content .wpb_text_column li a:hover,
.entry-content .wpb_text_column li a:hover {
    color: #ffffff !important;
    opacity: 1 !important;
}

/*
 * No modificar listados de WooCommerce.
 */
.woocommerce .site-content ul.products li,
.woocommerce .site-content ul.products li a,
.woocommerce .entry-content ul.products li,
.woocommerce .entry-content ul.products li a {
    color: inherit !important;
    opacity: 1 !important;
    filter: none !important;
}



/* ============================================================
   11. LISTADO DE EMPRESAS - ELEMENTOR
   LOS TRES BLOQUES REALES DEL LISTADO
   ============================================================ */

/*
 * Los tres listados son widgets separados de Elementor:
 * - c56e9d2
 * - 980395d
 * - 0614460
 *
 * Se igualan color, tamaño, opacidad y espaciado para que
 * ninguna columna se vea distinta de las otras.
 */

.elementor-element-c56e9d2,
.elementor-element-980395d,
.elementor-element-0614460,
.elementor-element-c56e9d2 *,
.elementor-element-980395d *,
.elementor-element-0614460 * {
    opacity: 1 !important;
    filter: none !important;
}

/* Texto uniforme: gris claro, nunca blanco */
.elementor-element-c56e9d2 .elementor-icon-list-text,
.elementor-element-980395d .elementor-icon-list-text,
.elementor-element-0614460 .elementor-icon-list-text {
    color: #a4a8ad !important;
    -webkit-text-fill-color: #a4a8ad !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
}

/* Íconos/puntos uniformes */
.elementor-element-c56e9d2 .elementor-icon-list-icon,
.elementor-element-980395d .elementor-icon-list-icon,
.elementor-element-0614460 .elementor-icon-list-icon,
.elementor-element-c56e9d2 .elementor-icon-list-icon i,
.elementor-element-980395d .elementor-icon-list-icon i,
.elementor-element-0614460 .elementor-icon-list-icon i {
    color: #858b92 !important;
}

/* Espaciado uniforme */
.elementor-element-c56e9d2 .elementor-icon-list-item,
.elementor-element-980395d .elementor-icon-list-item,
.elementor-element-0614460 .elementor-icon-list-item {
    margin: 0 !important;
    padding: 2px 0 !important;
}

/* Hover un poco más claro, sin llegar al blanco puro */
.elementor-element-c56e9d2 .elementor-icon-list-text:hover,
.elementor-element-980395d .elementor-icon-list-text:hover,
.elementor-element-0614460 .elementor-icon-list-text:hover {
    color: #c2c5c8 !important;
    -webkit-text-fill-color: #c2c5c8 !important;
}


/* ============================================================
   11.1 TABLET / ANCHOS INTERMEDIOS
   ============================================================ */

@media (max-width: 1024px) {

    .elementor-element-c56e9d2 .elementor-icon-list-text,
    .elementor-element-980395d .elementor-icon-list-text,
    .elementor-element-0614460 .elementor-icon-list-text {
        font-size: 13.5px !important;
        line-height: 1.3 !important;
    }
}



/* ============================================================
   11.2 MÓVIL - DOS COLUMNAS BALANCEADAS
   ============================================================ */

@media (max-width: 767px) {

    /*
     * En lugar de dividir cada widget de Elementor por separado,
     * unificamos visualmente los 3 listados y armamos una sola grilla.
     * Así quedan 9 empresas a la izquierda y 9 a la derecha.
     */
    .elementor-element-701e079
    .elementor-element-b43257a
    > .elementor-widget-wrap {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        grid-template-rows: repeat(9, auto) !important;
        column-gap: 18px !important;
        row-gap: 5px !important;
        align-items: start !important;
    }

    .elementor-element-c56e9d2,
    .elementor-element-980395d,
    .elementor-element-0614460,
    .elementor-element-c56e9d2 > .elementor-widget-container,
    .elementor-element-980395d > .elementor-widget-container,
    .elementor-element-0614460 > .elementor-widget-container,
    .elementor-element-c56e9d2 .elementor-icon-list-items,
    .elementor-element-980395d .elementor-icon-list-items,
    .elementor-element-0614460 .elementor-icon-list-items {
        display: contents !important;
    }

    .elementor-element-c56e9d2 .elementor-icon-list-item,
    .elementor-element-980395d .elementor-icon-list-item,
    .elementor-element-0614460 .elementor-icon-list-item {
        display: flex !important;
        align-items: flex-start !important;
        min-width: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 1px 0 !important;
    }

    /*
     * Reparto vertical:
     * izquierda = elementos 1 a 9
     * derecha   = elementos 10 a 18
     */

    /* Widget 1: elementos globales 1-6 -> izquierda filas 1-6 */
    .elementor-element-c56e9d2 .elementor-icon-list-item:nth-child(1) { grid-column: 1; grid-row: 1; }
    .elementor-element-c56e9d2 .elementor-icon-list-item:nth-child(2) { grid-column: 1; grid-row: 2; }
    .elementor-element-c56e9d2 .elementor-icon-list-item:nth-child(3) { grid-column: 1; grid-row: 3; }
    .elementor-element-c56e9d2 .elementor-icon-list-item:nth-child(4) { grid-column: 1; grid-row: 4; }
    .elementor-element-c56e9d2 .elementor-icon-list-item:nth-child(5) { grid-column: 1; grid-row: 5; }
    .elementor-element-c56e9d2 .elementor-icon-list-item:nth-child(6) { grid-column: 1; grid-row: 6; }

    /* Widget 2: primeros 3 -> izquierda filas 7-9 */
    .elementor-element-980395d .elementor-icon-list-item:nth-child(1) { grid-column: 1; grid-row: 7; }
    .elementor-element-980395d .elementor-icon-list-item:nth-child(2) { grid-column: 1; grid-row: 8; }
    .elementor-element-980395d .elementor-icon-list-item:nth-child(3) { grid-column: 1; grid-row: 9; }

    /* Widget 2: últimos 3 -> derecha filas 1-3 */
    .elementor-element-980395d .elementor-icon-list-item:nth-child(4) { grid-column: 2; grid-row: 1; }
    .elementor-element-980395d .elementor-icon-list-item:nth-child(5) { grid-column: 2; grid-row: 2; }
    .elementor-element-980395d .elementor-icon-list-item:nth-child(6) { grid-column: 2; grid-row: 3; }

    /* Widget 3 completo -> derecha filas 4-9 */
    .elementor-element-0614460 .elementor-icon-list-item:nth-child(1) { grid-column: 2; grid-row: 4; }
    .elementor-element-0614460 .elementor-icon-list-item:nth-child(2) { grid-column: 2; grid-row: 5; }
    .elementor-element-0614460 .elementor-icon-list-item:nth-child(3) { grid-column: 2; grid-row: 6; }
    .elementor-element-0614460 .elementor-icon-list-item:nth-child(4) { grid-column: 2; grid-row: 7; }
    .elementor-element-0614460 .elementor-icon-list-item:nth-child(5) { grid-column: 2; grid-row: 8; }
    .elementor-element-0614460 .elementor-icon-list-item:nth-child(6) { grid-column: 2; grid-row: 9; }

    /* Tipografía más compacta y uniforme */
    .elementor-element-c56e9d2 .elementor-icon-list-text,
    .elementor-element-980395d .elementor-icon-list-text,
    .elementor-element-0614460 .elementor-icon-list-text {
        color: #a4a8ad !important;
        -webkit-text-fill-color: #a4a8ad !important;
        font-size: 12px !important;
        line-height: 1.22 !important;
        font-weight: 400 !important;
        overflow-wrap: anywhere !important;
    }

    .elementor-element-c56e9d2 .elementor-icon-list-icon,
    .elementor-element-980395d .elementor-icon-list-icon,
    .elementor-element-0614460 .elementor-icon-list-icon {
        margin-right: 5px !important;
        flex: 0 0 auto !important;
    }

    .elementor-element-c56e9d2 .elementor-icon-list-icon i,
    .elementor-element-980395d .elementor-icon-list-icon i,
    .elementor-element-0614460 .elementor-icon-list-icon i {
        font-size: 9px !important;
        color: #858b92 !important;
    }
}


/* ============================================================
   11.3 TELÉFONOS MUY ANGOSTOS - UNA SOLA COLUMNA
   ============================================================ */

@media (max-width: 340px) {

    .elementor-element-701e079
    .elementor-element-b43257a
    > .elementor-widget-wrap {
        display: block !important;
    }

    .elementor-element-c56e9d2,
    .elementor-element-980395d,
    .elementor-element-0614460,
    .elementor-element-c56e9d2 > .elementor-widget-container,
    .elementor-element-980395d > .elementor-widget-container,
    .elementor-element-0614460 > .elementor-widget-container,
    .elementor-element-c56e9d2 .elementor-icon-list-items,
    .elementor-element-980395d .elementor-icon-list-items,
    .elementor-element-0614460 .elementor-icon-list-items {
        display: block !important;
    }

    .elementor-element-c56e9d2 .elementor-icon-list-item,
    .elementor-element-980395d .elementor-icon-list-item,
    .elementor-element-0614460 .elementor-icon-list-item {
        display: flex !important;
        grid-column: auto !important;
        grid-row: auto !important;
        margin-bottom: 4px !important;
    }

    .elementor-element-c56e9d2 .elementor-icon-list-text,
    .elementor-element-980395d .elementor-icon-list-text,
    .elementor-element-0614460 .elementor-icon-list-text {
        font-size: 12px !important;
    }
}


/* ============================================================
   12. FOOTER - VENTA DE EQUIPOS
   ============================================================ */

.promedios-footer-products {
    width: 100%;
}

.promedios-footer-products-title {
    margin: 0 0 18px !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

.promedios-footer-products-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.promedios-footer-product {
    display: flex !important;
    align-items: center;
    gap: 12px;
    width: 100%;
    text-decoration: none !important;
    color: inherit !important;
}

.promedios-footer-product-image {
    display: block;
    flex: 0 0 74px;
    width: 74px;
    height: 56px;
    overflow: hidden;
    background: #181818;
}

.promedios-footer-product-image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: cover;
}

.promedios-footer-product-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
    text-align: left;
}

.promedios-footer-product-name {
    color: #b5b5b5 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

.promedios-footer-product-link {
    margin-top: 4px;
    color: #858b92 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
}

.promedios-footer-product:hover .promedios-footer-product-name {
    color: #d0d0d0 !important;
}

.promedios-footer-product:hover .promedios-footer-product-link {
    color: #ffffff !important;
}

.promedios-footer-products-empty {
    margin: 0;
    color: #858b92;
    font-size: 13px;
    line-height: 1.5;
}


/* Tablet */
@media (max-width: 1024px) {

    .promedios-footer-product-image {
        flex-basis: 68px;
        width: 68px;
        height: 52px;
    }

    .promedios-footer-product-name {
        font-size: 12px !important;
    }
}


/* Móvil */
@media (max-width: 767px) {

    .promedios-footer-products-title {
        margin-bottom: 14px !important;
        font-size: 15px !important;
    }

    .promedios-footer-products-list {
        gap: 10px;
    }

    .promedios-footer-product {
        max-width: 420px;
    }

    .promedios-footer-product-image {
        flex-basis: 82px;
        width: 82px;
        height: 62px;
    }

    .promedios-footer-product-name {
        font-size: 13px !important;
    }

    .promedios-footer-product-link {
        font-size: 11px !important;
    }
}


/* ============================================================
   13. FOOTER - TÍTULOS DE SECCIÓN CON ENLACE
   ============================================================ */

/* Venta de Equipos */
.promedios-footer-products-title a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.promedios-footer-products-title a:hover {
    color: #b5b5b5 !important;
}

/* Ticketera de Eventos (widget del footer, cuando esté activo) */
.site-footer .widget-title .promedios-footer-section-title-link,
.site-footer .title .promedios-footer-section-title-link,
.site-footer h3 .promedios-footer-section-title-link {
    color: #ffffff !important;
    text-decoration: none !important;
}

.site-footer .widget-title .promedios-footer-section-title-link:hover,
.site-footer .title .promedios-footer-section-title-link:hover,
.site-footer h3 .promedios-footer-section-title-link:hover {
    color: #b5b5b5 !important;
}


/* ============================================================
   14. FOOTER PROPIO - 3 BLOQUES ADMINISTRABLES
   ============================================================ */

.promedios-footer-own-widgets {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 42px;
    width: 100%;
}

.promedios-footer-own-block {
    min-width: 0;
}

.promedios-footer-own-title,
.promedios-footer-own-title a {
    margin: 0 0 18px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    text-decoration: none !important;
}

.promedios-footer-own-title a:hover {
    color: #b5b5b5 !important;
}

/* Redes sociales propias, sin depender de WPZOOM */
.promedios-social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.promedios-social-links li {
    margin: 0 !important;
    padding: 0 !important;
}

.promedios-social-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #2b2b2b;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: opacity .18s ease, transform .18s ease;
}

.promedios-social-link:hover {
    opacity: .8;
    transform: translateY(-1px);
}

.promedios-social-link svg {
    width: 17px;
    height: 17px;
    fill: currentColor;
    display: block;
}

/* Colores de marca */
.promedios-social-link--facebook { background: #0866ff; }
.promedios-social-link--instagram { background: #1e73be; }
.promedios-social-link--youtube { background: #1e73be; }
.promedios-social-link--vimeo { background: #1e73be; }

.promedios-ticketera-text {
    margin: 0;
    color: #b5b5b5;
    font-size: 13px;
    line-height: 1.55;
}

.promedios-footer-own-products .promedios-footer-products-title {
    margin-bottom: 18px !important;
}

/* Tablet */
@media (max-width: 900px) {
    .promedios-footer-own-widgets {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
    }

    .promedios-footer-own-block:last-child {
        grid-column: 1 / -1;
    }
}

/* Móvil */
@media (max-width: 600px) {
    .promedios-footer-own-widgets {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .promedios-footer-own-block:last-child {
        grid-column: auto;
    }

    .promedios-footer-own-title,
    .promedios-footer-own-title a {
        font-size: 15px !important;
        margin-bottom: 14px !important;
    }
}

/* ============================================================
   15. PANEL ADMIN PROMEDIOS THEME
   ============================================================ */

.promedios-theme-admin .form-table th {
    width: 220px;
}

.promedios-theme-admin .promedios-admin-section {
    background: #fff;
    border: 1px solid #dcdcde;
    border-radius: 4px;
    padding: 18px 22px;
    margin: 18px 0;
}

.promedios-theme-admin .promedios-admin-section h2 {
    margin-top: 0;
}

.promedios-theme-admin .description {
    max-width: 760px;
}


/* ============================================================
   16. AJUSTES MÓVIL FOOTER v1.20
   ============================================================ */

@media (max-width: 600px) {

    /* Un poco más de aire entre Redes / Equipos / Ticketera */
    .promedios-footer-own-widgets {
        row-gap: 32px !important;
    }

    /* Todos los SVG sociales quedan perfectamente centrados */
    .promedios-social-link svg {
        width: 17px !important;
        height: 17px !important;
        max-width: 17px !important;
        max-height: 17px !important;
        overflow: visible;
    }

    /* Vimeo apenas más contenido para igualarlo visualmente */
    .promedios-social-link--vimeo svg {
        width: 16px !important;
        height: 16px !important;
    }
}


/* ============================================================
   17. PANEL PROMEDIOS THEME - NAVEGACIÓN PRINCIPAL v1.23
   ============================================================ */

.promedios-theme-admin {
    max-width: 1100px;
}

.promedios-admin-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 18px 0 24px;
    padding: 12px;
    background: #ffffff;
    border: 1px solid #dcdcde;
    border-radius: 6px;
}

.promedios-admin-nav a {
    display: inline-block;
    padding: 8px 12px;
    background: #f0f0f1;
    border: 1px solid #dcdcde;
    border-radius: 4px;
    color: #1d2327;
    font-weight: 600;
    text-decoration: none;
}

.promedios-admin-nav a:hover,
.promedios-admin-nav a:focus {
    background: #2271b1;
    border-color: #2271b1;
    color: #ffffff;
}

.promedios-admin-group-heading {
    margin: 30px 0 10px;
    padding-top: 8px;
    border-top: 2px solid #dcdcde;
}

.promedios-admin-group-heading h2 {
    margin-bottom: 4px;
    font-size: 22px;
}

.promedios-admin-group-heading p {
    margin-top: 0;
    color: #646970;
}


/* ============================================================
   18. PANEL PROMEDIOS THEME - SOLAPAS GRANDES v1.24
   ============================================================ */

.promedios-admin-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 22px 0 30px;
}

.promedios-admin-tab {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    min-height: 92px;
    padding: 18px 20px;
    background: #ffffff;
    border: 2px solid #dcdcde;
    border-radius: 8px;
    color: #1d2327;
    text-decoration: none;
    box-sizing: border-box;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.promedios-admin-tab:hover,
.promedios-admin-tab:focus {
    border-color: #2271b1;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    transform: translateY(-1px);
    color: #135e96;
}

.promedios-admin-tab .dashicons {
    width: 26px;
    height: 26px;
    font-size: 26px;
    margin-bottom: 3px;
}

.promedios-admin-tab strong {
    font-size: 19px;
    line-height: 1.15;
    letter-spacing: .2px;
}

.promedios-admin-tab small {
    color: #646970;
    font-size: 12px;
    line-height: 1.3;
}

.promedios-admin-section-featured {
    scroll-margin-top: 35px;
}

.promedios-admin-section-featured > h2 {
    margin: 0 0 6px !important;
    font-size: 24px !important;
    line-height: 1.2;
    border-bottom: 2px solid #2271b1;
    padding-bottom: 10px;
}

.promedios-admin-group-heading#promedios-footer {
    scroll-margin-top: 35px;
}

.promedios-admin-group-heading#promedios-footer h2 {
    font-size: 26px !important;
    line-height: 1.2;
}

.promedios-checkbox-list label {
    display: block;
    margin: 0 0 10px;
    font-size: 14px;
}

@media (max-width: 900px) {
    .promedios-admin-tabs {
        grid-template-columns: 1fr;
    }

    .promedios-admin-tab {
        min-height: auto;
    }
}


/* ============================================================
   19. PANEL PROMEDIOS THEME - SOLAPAS REALES v1.25
   ============================================================ */

.promedios-admin-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 22px 0 26px;
}

.promedios-admin-tab {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    min-height: 96px;
    padding: 18px 20px;
    background: #f6f7f7;
    border: 2px solid #dcdcde;
    border-radius: 9px;
    color: #1d2327;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease, background .15s ease;
}

.promedios-admin-tab:hover,
.promedios-admin-tab:focus {
    border-color: #2271b1;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    transform: translateY(-1px);
    outline: none;
}

.promedios-admin-tab.is-active {
    background: #ffffff;
    border-color: #2271b1;
    box-shadow: 0 3px 12px rgba(34,113,177,.14);
}

.promedios-admin-tab.is-active strong {
    color: #135e96;
}

.promedios-admin-tab .dashicons {
    width: 27px;
    height: 27px;
    font-size: 27px;
    line-height: 1;
    margin-bottom: 3px;
}

.promedios-admin-tab strong {
    font-size: 19px;
    line-height: 1.15;
    letter-spacing: .2px;
}

.promedios-admin-tab small {
    color: #646970;
    font-size: 12px;
    line-height: 1.3;
}

.promedios-admin-tab-panel[hidden] {
    display: none !important;
}

.promedios-admin-tab-panel.is-active {
    display: block;
}

.promedios-admin-tab-panel .promedios-admin-section {
    margin-top: 0;
}

.promedios-admin-save-bar {
    position: sticky;
    bottom: 0;
    z-index: 5;
    margin-top: 22px;
    padding: 12px 16px 10px;
    background: rgba(240,240,241,.96);
    border-top: 1px solid #dcdcde;
    backdrop-filter: blur(4px);
}

.promedios-admin-save-bar .submit {
    margin: 0;
    padding: 0;
}

.promedios-admin-save-bar .button-primary {
    min-height: 38px;
    padding-left: 18px;
    padding-right: 18px;
    font-weight: 600;
}

@media (max-width: 900px) {
    .promedios-admin-tabs {
        grid-template-columns: 1fr;
    }

    .promedios-admin-tab {
        min-height: auto;
    }
}
