/* Tema VMedios — Colores dinámicos | 2026-04-18 23:36:58 UTC
 * NO editar — se regenera al guardar en Personalizar */

/* === Player bar === */
#vmedia-player-bar { background: rgba(0,0,0,0.55) !important; }
/* === Navbar === */
.navigation-bar { background-color: #7b2cbf !important; }
#navbarCollapse { background-color: #7b2cbf !important; }
@media (max-width:991px) { .navbar-main { background-color: #7b2cbf !important; } .main-navigation ul li a { color: #ffffff !important; } .main-navigation li + li { border-top-color: rgba(255,255,255,0.15) !important; } }
#navbarCollapse .nav-menu > li > a, #navbarCollapse .main-navigation ul li a { color: #ffffff !important; }
#navbarCollapse .main-navigation ul li a:hover, #navbarCollapse .nav-menu > li > a:hover { color: #e040fb !important; }
.navigation-bar .main-navigation ul li a,
.navigation-bar .nav-menu > li > a { color: #ffffff !important; }
.navigation-bar .main-navigation ul li a:hover,
.navigation-bar .nav-menu > li > a:hover,
.navigation-bar .main-navigation ul li.current-menu-item > a { color: #e040fb !important; }

/* === Dropdown submenús — mismo color que el navbar === */
.navigation-bar .main-navigation li ul,
.navigation-bar .main-navigation .dropdown-menu { background-color: #7b2cbf !important; border-color: rgba(255,255,255,0.15) !important; }
.navigation-bar .main-navigation .dropdown-menu a,
.navigation-bar .main-navigation li ul a { color: #ffffff !important; background-color: transparent !important; }
.navigation-bar .main-navigation .dropdown-menu a:hover,
.navigation-bar .main-navigation li ul li:hover > a { background-color: rgba(0,0,0,0.2) !important; color: #e040fb !important; }

/* === Altura del menú (controlada desde Personalizar) === */
.navigation-bar .main-navigation a,
.navigation-bar .main-navigation ul li a,
.navigation-bar .nav-menu > li > a { padding-top: 12px !important; padding-bottom: 12px !important; font-size: 11px !important; line-height: 1.3 !important; }
.navigation-bar .main-navigation li ul a,
.navigation-bar .main-navigation .dropdown-menu a { padding-top: 5px !important; padding-bottom: 5px !important; font-size: 11px !important; }

/* === Barra Superior === */
.info-bar { background-color: #3a0068 !important; }
.info-bar, .info-bar a, .info-bar .date ul li { color: #eeeeee !important; }

/* === Títulos de sección === */
.title-wrap .section-title,
.title-wrap h3.section-title { background-color: #8224e3 !important; color: #ffffff !important; }
.title-wrap .section-title::before,
.title-wrap::before { border-bottom-color: #8224e3 !important; }

/* === Badges de categoría === */
.cat-links a, .entry-meta .cat-links a,
.post-categories a { background-color: #8224e3 !important; color: #ffffff !important; }

/* === Footer === */
#colophon, .site-footer { background-color: #1a1a1a !important; color: #cccccc !important; }
.site-footer a { color: #aaaaaa !important; }
.site-footer a:hover { color: #ffffff !important; }
.site-footer .widget-title { color: #cccccc !important; border-bottom-color: #aaaaaa !important; }

/* === Radio — color del botón SVG === */
.vmedia-radio-btn circle { fill: #e00000; }

/* === Botones de Portales en Vivo === */
.vmedia-portal-btns { display:flex; align-items:center; gap:6px; flex-shrink:0; padding:4px 8px; }
.vmedia-portal-btns a {
    display:inline-flex; align-items:center; gap:4px;
    padding:4px 12px; font-size:11px; font-weight:700;
    line-height:1.3; white-space:nowrap; text-decoration:none;
    border-radius:20px; transition:filter .2s;
}

/* Botones en la barra del menú (desktop horizontal) */
.vmedia-portal-btns:not(.vmedia-portal-btns-top) { margin-left:auto; }

/* Barra superior (hamburguesa móvil + desktop hamburguesa) */
.vmedia-topbar-row {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}
.vmedia-topbar-row .vmedia-portal-btns-top {
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 6px;
    padding: 2px 0;
}
.vmedia-topbar-row .vmedia-search-top {
    margin-left: auto;
    flex-shrink: 0;
}

/* En desktop horizontal: ocultar botones del topbar (están en navbar-main) */
@media (min-width: 992px) {
    .vmedia-topbar-row .vmedia-portal-btns-top { display: none; }
    .vmedia-topbar-row .vmedia-search-top { display: none; }
}
/* En desktop hamburguesa: mostrar en topbar, ocultar en navbar-main */
@media (min-width: 992px) {
    .vmedia-desktop-hamburger .vmedia-topbar-row .vmedia-portal-btns-top { display: flex; }
    .vmedia-desktop-hamburger .vmedia-topbar-row .vmedia-search-top { display: inline-block; }
    .vmedia-desktop-hamburger .vmedia-portal-btns:not(.vmedia-portal-btns-top) { display: none; }
    .vmedia-desktop-hamburger .nav-search { display: none; }
}
/* En móvil: topbar siempre muestra botones y búsqueda */
@media (max-width: 991px) {
    .vmedia-topbar-row .vmedia-portal-btns-top { display: flex; }
    .vmedia-topbar-row .vmedia-search-top { display: inline-block; }
    .vmedia-portal-btns:not(.vmedia-portal-btns-top) { display: none !important; }
    .nav-search { display: none !important; }
    .vmedia-portal-btns-top { flex-wrap: wrap; }
}

.vmedia-portal-btn-1 { background:#e00000 !important; color:#ffffff !important; border-radius:20px !important; }
.vmedia-portal-btn-1:hover { filter:brightness(1.15); color:#ffffff !important; }
.vmedia-portal-btn-2 { background:#000000 !important; color:#ffffff !important; border-radius:20px !important; }
.vmedia-portal-btn-2:hover { filter:brightness(1.15); color:#ffffff !important; }

/* === Menú Hamburguesa en Escritorio (Desktop) === */
@media (min-width: 992px) {
    .vmedia-desktop-hamburger .navbar-toggler { display:block !important; }
    .vmedia-desktop-hamburger #navbarCollapse {
        display: none !important;
        position: absolute;
        top: 100%;
        left: 0;
        width: 280px;
        max-height: 80vh;
        overflow-y: auto;
        z-index: 9999;
        background-color: #7b2cbf;
        box-shadow: 0 6px 20px rgba(0,0,0,0.3);
        border-radius: 0 0 8px 8px;
    }
    .vmedia-desktop-hamburger #navbarCollapse.vm-open {
        display: block !important;
    }
    .vmedia-desktop-hamburger .navigation-bar { position: relative; }
    .vmedia-desktop-hamburger .vmedia-navbar-container { justify-content: flex-start; gap: 12px; }
    .vmedia-desktop-hamburger #navbarCollapse .nav-menu { flex-direction: column !important; }
    .vmedia-desktop-hamburger #navbarCollapse .nav-menu > li > a {
        padding: 10px 16px !important;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        font-size: 13px !important;
    }
    /* Neutralizar hover-dropdown en panel hamburguesa desktop */
    .vmedia-desktop-hamburger #navbarCollapse .main-navigation ul li:hover ul,
    .vmedia-desktop-hamburger #navbarCollapse .main-navigation ul ul li:hover ul,
    .vmedia-desktop-hamburger #navbarCollapse .main-navigation li:hover .dropdown-menu {
        display: none !important;
    }
    /* Solo mostrar submenú cuando está activo por clic */
    .vmedia-desktop-hamburger #navbarCollapse .main-navigation .dropdown-parent .sub-menu.dropdown-active,
    .vmedia-desktop-hamburger #navbarCollapse .main-navigation .dropdown-parent .children.dropdown-active {
        display: block !important;
        position: static !important;
        box-shadow: none !important;
        border: none !important;
        background: rgba(0,0,0,0.15) !important;
        width: 100% !important;
    }
    .vmedia-desktop-hamburger .vmedia-portal-btns { margin-left: auto; }
}