/* Sliders atras para no tapar lo de abajo, con separacion hacia abajo */ #ytwRoot, #ccRoot { z-index: 1 !important; position: relative !important; margin-bottom: 28px !important; } /* REDES: los 3 botones en fila, mas grandes y separados */ #a19fe826a01000eb64350dd2c9bae2e1 { position: relative !important; z-index: 10 !important; margin-top: 8px !important; }/* ============================================================ DEMONTRE RADIO - OVERRIDES GLOBALES (persistentes) Inyectado en Y al final de (despues del JS del widget) para GANAR sobre cualquier CSS embebido del builder. No se pierde al republicar desde el suite de Neolo. ============================================================ */ /* ---------- FONDO NEGRO UNIFORME (toda la web) ---------- */ html, body, body.site, #wro, #wb_root, #wb_header, #wb_main, #wb_footer, #wro .wb_content, #wb_root .wb_content, .wb_cont, .wb_cont_inner, .wb_cont_bg, .wb_section, .wb_footer, #wb_footer_c, .root, section, article, header, footer, main, nav, .wb_layout, .wb-layout-vertical, .wb-layout-horizontal, .wb_box, .wb_element { background-color: #000000 !important; background-image: none !important; border: none !important; outline: none !important; box-shadow: none !important; } body.site:before, body:before, body.site:after, body:after, .wb_sbg, .wb-bg-image { display: none !important; background: #000000 !important; content: none !important; } /* ---------- ELIMINAR BARRAS DE COMPARTIR EN REDES (definitivo) ---------- Regla CSS de maxima prioridad: ni siquiera un instante aparece. */ html body .wb_share_button, html body .wb_share, html body .wb-share, html body .wb-social-share, html body [data-plugin="BookmarksShare"], html body .BookmarksShare, html body .wb_bookmarks_share, html body .wb_share_button_wrap { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; position: absolute !important; pointer-events: none !important; opacity: 0 !important; z-index: -9999 !important; clip: rect(0,0,0,0) !important; } /* ---------- CORREGIR RECUADROS NEGROS SOBRE LOS SLIDERS ---------- */ #ccRoot, #ccRoot .cc-slider, #ccRoot .cc-viewport, #ccRoot .cc-track, #ccRoot .cc-card, #ytwRoot, #ytwRoot .ytw-slider, #ytwRoot .ytw-viewport, #ytwRoot .ytw-track, #ytwRoot .ytw-card, [data-plugin="CustomHtml"], .jodit-wysiwyg, .wb_pswp { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; overflow: visible !important; max-height: none !important; height: auto !important; min-height: 0 !important; } .wb_cont_inner:has(#ytwRoot), .wb_cont_inner:has(#ccRoot), .wb_element:has(#ytwRoot), .wb_element:has(#ccRoot), .wb_content:has(#ytwRoot), .wb_content:has(#ccRoot) { background: transparent !important; overflow: visible !important; } /* ---------- SLIDERS CONTENEDOR ---------- */ #ytwRoot, #ccRoot { max-width: 1100px; width: 100%; margin: 0 auto; box-sizing: border-box; position: relative; overflow: hidden; background: transparent !important; } #ytwRoot .ytw-viewport, #ccRoot .cc-viewport { overflow: hidden !important; } #ytwRoot .ytw-track, #ccRoot .cc-track { display: flex !important; flex-wrap: nowrap !important; width: 100% !important; box-sizing: border-box; } /* === TARJETAS: 3 en PC, 3 en tablet, 3 en movil === */ #ytwRoot .ytw-card, #ccRoot .cc-card { flex: 0 0 33.3333% !important; max-width: 33.3333% !important; padding: 8px !important; box-sizing: border-box !important; } /* ---------- TITULOS SIEMPRE VISIBLES (blanco, legible) ---------- */ #ytwRoot .ytw-meta, #ccRoot .cc-meta { padding: 10px 10px 12px !important; } #ytwRoot .ytw-meta h4, #ccRoot .cc-card .cc-title, #ccRoot .cc-meta h4 { color: #ffffff !important; font-size: 0.95em !important; line-height: 1.35 !important; font-weight: 600 !important; margin: 0 !important; display: block !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-shadow: 0 0 4px rgba(0,0,0,.9) !important; min-height: 2.6em !important; max-height: none !important; white-space: normal !important; } /* Encabezados de seccion (Ultimos videos / Proximos conciertos) */ #ytwRoot .ytw-title, #ccRoot .cc-title { color: #ffffff !important; text-align: center !important; font-family: 'Orbitron', sans-serif !important; font-size: 2em !important; letter-spacing: 1px !important; font-weight: 800 !important; text-shadow: 0 0 10px #0af, 0 0 20px #f00 !important; display: block !important; } /* Mismo estilo metal en movil (PC y telefono iguales) */ @media (max-width: 600px) { #ytwRoot .ytw-title, #ccRoot .cc-title { color: #ffffff !important; text-align: center !important; font-family: 'Orbitron', sans-serif !important; font-size: 1.6em !important; letter-spacing: 1px !important; font-weight: 800 !important; text-shadow: 0 0 10px #0af, 0 0 20px #f00 !important; display: block !important; } } /* Fondo de tarjetas para que el titulo resalte */ #ytwRoot .ytw-card a, #ccRoot .cc-card a { background: #1a1a1a !important; border: 1px solid #333 !important; border-radius: 8px; overflow: hidden; display: block; text-decoration: none; color: #fff !important; box-shadow: 2px 8px rgba(0,0,0,.35); } #ytwRoot .ytw-card a:hover, #ccRoot .cc-card a:hover { background: #222 !important; } /* Puntos / dots */ #ytwRoot .ytw-dots button, #ccRoot .cc-dots button { background: #555 !important; } #ytwRoot .ytw-dots button.ytw-active, #ccRoot .cc-dots button.cc-active { background: #ff0000 !important; } /* ---------- RESPONSIVE (3 afiches/videos en movil, sin desborde) ---------- */ @media (max-width: 900px) { #ytwRoot .ytw-card, #ccRoot .cc-card { flex: 0 0 33.3333% !important; max-width: 33.3333% !important; } } @media (max-width: 600px) { #ytwRoot, #ccRoot { overflow: hidden; padding: 0 4px; box-sizing: border-box; } /* 3 por pantalla en telefono (afiches Y videos) */ #ytwRoot .ytw-card, #ccRoot .cc-card { flex: 0 0 33.3333% !important; max-width: 33.3333% !important; padding: 3px !important; } #ytwRoot .ytw-title, #ccRoot .cc-title { font-size: 1.3em !important; } /* TITULOS VISIBLES EN TELEFONO */ #ytwRoot .ytw-meta h4, #ccRoot .cc-meta h4, #ccRoot .cc-card .cc-title { color: #ffffff !important; font-size: 0.8em !important; line-height: 1.25 !important; display: block !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; min-height: 2.4em !important; text-shadow: 0 0 3px #000 !important; } #ytwRoot .ytw-prev { left: -6px !important; } #ytwRoot .ytw-next { right: -6px !important; } } @media (max-width: 700px) { /* Sliders atras para no tapar lo de abajo */ html body #ytwRoot { z-index: 1 !important; position: relative !important; margin-bottom: 110px !important; padding-bottom: 20px !important; } /* Cada bloque en su propio renglon, sin solaparse (clear + position + z-index) */ html body #a19fe826a01000eb64350dd2c9bae2e1, html body #a19e8dc2012d01509d01f1a6021587e4, html body #a19fe38a57d400461ccdbe202dd71616 { position: relative !important; z-index: 10 !important; clear: both !important; display: block !important; width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; overflow: visible !important; } /* Distancia clara entre el slide y los iconos (suben los bloques) */ html body #a19fe826a01000eb64350dd2c9bae2e1 { margin-top: 28px !important; } html body #a19e8dc2012d01509d01f1a6021587e4 { position: relative !important; top: -44px !important; z-index: 20 !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; } html body #a19fe38a57d400461ccdbe202dd71616 { position: relative !important; top: 0 !important; margin-top: 0 !important; z-index: 12 !important; } /* REDES: 3 botones en fila, bien separados (sin mezclar letras) */ #a19fe827cfa2000b21e0c24ff6507f97 > .wb_content { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: center !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; } #a19fe827cfa2000b21e0c24ff6507f97 > .wb_content > .wb_element { flex: 1 1 0 !important; width: auto !important; max-width: 33.333% !important; min-width: 92px !important; margin: 0 4px !important; } #a19fe826a01000eb64350dd2c9bae2e1 .wb_button { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 16px 8px !important; font-size: 18px !important; box-sizing: border-box !important; white-space: normal !important; overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.2 !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; } #a19fe826a01000eb64350dd2c9bae2e1 .wb_button svg { width: 24px !important; height: 24px !important; flex-shrink: 0 !important; margin-right: 6px !important; } /* APP + TUNEIN: fila horizontal centrada, subidos un poco */ html body #a19e8dc2012d01509d01f1a6021587e4 > .wb_content { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 14px !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; box-sizing: border-box !important; } html body #a19e8dc2012d01509d01f1a6021587e4 > .wb_content > .wb_element.wb-anim-entry { flex: 1 1 45% !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; margin: 6px 0 !important; display: flex !important; overflow: visible !important; } html body #a19e8dc2012d01509d01f1a6021587e4 .wb_button, html body #a19e8dc2012d01509d01f1a6021587e4 .wb_button.wb-anim-entry { flex: 1 1 100% !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 12px 10px !important; font-size: 14px !important; box-sizing: border-box !important; text-align: center !important; white-space: normal !important; overflow: visible !important; line-height: 1.4 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; animation: demontre-pulse 1.6s ease-in-out infinite !important; } html body #a19e8dc2012d01509d01f1a6021587e4 .wb_button span { display: inline !important; line-height: 1.4 !important; white-space: normal !important; } html body #a19e8dc2012d01509d01f1a6021587e4 .wb-anim-entry.wb-anim { width: auto !important; max-width: 100% !important; flex: 1 1 45% !important; display: flex !important; } /* Estilo vistoso botones nuevos */ .demontre-btn-app { background: linear-gradient(135deg,#ff0000,#ff5a00) !important; color:#fff !important; border:2px solid #fff !important; border-radius:12px !important; font-weight:700 !important; box-shadow:0 0 12px rgba(255,0,0,.6) !important; } .demontre-btn-tunein { background: linear-gradient(135deg,#1db954,#0a7d38) !important; color:#fff !important; border:2px solid #fff !important; border-radius:12px !important; font-weight:700 !important; box-shadow:0 0 12px rgba(29,185,84,.6) !important; } /* REPRODUCTORES: fila horizontal abajo */ #a19fe38a57d400461ccdbe202dd71616 > .wb_content { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; } #a19fe38a57d400461ccdbe202dd71616 > .wb_content > .wb_element, #a19fe38a57d400461ccdbe202dd71616 > .wb_content > .wb_element > div, #a19fe38a57d400461ccdbe202dd71616 > .wb_content > .wb_element > div > a { flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; max-width: 25% !important; margin: 2px !important; display: inline-block !important; text-align: center !important; } .demontre-rep { display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient(135deg,#222,#444) !important; color: #fff !important; border: 2px solid #ff0000 !important; border-radius: 10px !important; padding: 12px 6px !important; font-size: 13px !important; font-weight: 700 !important; text-decoration: none !important; box-shadow: 0 0 8px rgba(255,0,0,.5) !important; } } font-size: 13px !important; font-weight: 700 !important; text-decoration: none !important; box-shadow: 0 0 8px rgba(255,0,0,.5) !important; } } html, body { max-width: 100% !important; overflow-x: hidden !important; } img { max-width: 100% !important; height: auto !important; } .wb-anim-entry, .wb-anim-entry-on { visibility: visible !important; opacity: 1 !important; transform: none !important; animation: none !important; } /* 📱 MÓVIL: bajar el slide de Últimos videos para despejarlo de los iconos de arriba */ @media (max-width: 768px) { #ytwRoot, #ccRoot { margin-top: 50px !important; z-index: 1 !important; } /* tambien separamos el bloque de reproductores hacia abajo */ html body #a19fe38a57d400461ccdbe202dd71616 { margin-top: 40px !important; } }