/* Sliders atras para no tapar lo de abajo, con separacion hacia abajo */ #ytwRoot, #ccRoot { z-index: 1 !important; position: relative !important; margin-bottom: 20px !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, #ccRoot .cc-prev { left: 2px !important; } #ytwRoot .ytw-next, #ccRoot .cc-next { right: 2px !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: 10px !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; box-sizing: border-box !important; } html body #a19e8dc2012d01509d01f1a6021587e4 > .wb_content > .wb_element { flex: 1 1 45% !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; margin: 6px 0 !important; display: inline-block !important; overflow: visible !important; } html body #a19e8dc2012d01509d01f1a6021587e4 .wb_button, html body #a19e8dc2012d01509d01f1a6021587e4 .wb_button.wb-anim-entry { width: auto !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 .wb-anim-entry.wb-anim { animation: demontre-pulse 1.6s ease-in-out infinite !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; } } html, body { max-width: 100% !important; overflow-x: hidden !important; } body { width: 100% !important; min-width: 0 !important; } img, iframe, video, embed, object { max-width: 100% !important; height: auto !important; } html body #wb_root, html body #wb_main, html body #wb_header, html body #wb_footer, html body .wb_cont_inner, html body .wb_content { max-width: 100% !important; box-sizing: border-box !important; } #ytwRoot .ytw-track, #ccRoot .cc-track { transform: translate3d(0,0,0); transition: transform .45s ease !important; } #ytwRoot .ytw-card img, #ccRoot .cc-card img { width: 100% !important; height: auto !important; display: block !important; object-fit: contain !important; } #ytwRoot .ytw-prev, #ytwRoot .ytw-next, #ccRoot .cc-prev, #ccRoot .cc-next { z-index: 20 !important; } @media (max-width: 480px) { #ytwRoot .ytw-card, #ccRoot .cc-card { padding: 2px !important; } #ytwRoot .ytw-card a, #ccRoot .cc-card a { border-radius: 6px !important; } #ytwRoot .ytw-dots, #ccRoot .cc-dots { margin-top: 8px !important; } } /* ---------- REDES SOCIALES EN PC ---------- */ @media (min-width: 701px) { html body #a19fe826a01000eb64350dd2c9bae2e1, html body #a19fe827cfa2000b21e0c24ff6507f97 { position: relative !important; z-index: 15 !important; width: 100% !important; max-width: 980px !important; height: auto !important; min-height: 0 !important; margin: 20px auto 28px !important; overflow: visible !important; clear: both !important; } html body #a19fe826a01000eb64350dd2c9bae2e1 > .wb_content, html body #a19fe827cfa2000b21e0c24ff6507f97 > .wb_content { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 18px !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important; overflow: visible !important; box-sizing: border-box !important; } html body #a19fe826a01000eb64350dd2c9bae2e1 > .wb_content > .wb_element, html body #a19fe827cfa2000b21e0c24ff6507f97 > .wb_content > .wb_element { position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; float: none !important; flex: 0 1 220px !important; width: auto !important; min-width: 160px !important; max-width: 260px !important; height: auto !important; margin: 0 !important; overflow: visible !important; box-sizing: border-box !important; } html body #a19fe826a01000eb64350dd2c9bae2e1 .wb_button, html body #a19fe827cfa2000b21e0c24ff6507f97 .wb_button, html body #a19fe826a01000eb64350dd2c9bae2e1 a, html body #a19fe827cfa2000b21e0c24ff6507f97 a { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 46px !important; margin: 0 !important; box-sizing: border-box !important; white-space: nowrap !important; text-align: center !important; overflow: hidden !important; text-overflow: ellipsis !important; } } /* ---------- BOTONES / ICONOS EN PC ---------- */ @media (min-width: 701px) { html body #a19fe826a01000eb64350dd2c9bae2e1, html body #a19e8dc2012d01509d01f1a6021587e4, html body #a19fe38a57d400461ccdbe202dd71616 { position: relative !important; z-index: 10 !important; display: block !important; width: 100% !important; max-width: 1100px !important; height: auto !important; min-height: 0 !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; overflow: visible !important; clear: both !important; } html body #a19fe826a01000eb64350dd2c9bae2e1 { margin-top: 22px !important; margin-bottom: 18px !important; padding: 0 18px !important; } html body #a19fe827cfa2000b21e0c24ff6507f97 > .wb_content { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 18px !important; width: 100% !important; max-width: 760px !important; margin: 0 auto !important; box-sizing: border-box !important; overflow: visible !important; } html body #a19fe827cfa2000b21e0c24ff6507f97 > .wb_content > .wb_element { flex: 0 1 220px !important; width: auto !important; max-width: 220px !important; min-width: 160px !important; margin: 0 !important; position: relative !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; transform: none !important; box-sizing: border-box !important; } html body #a19fe826a01000eb64350dd2c9bae2e1 .wb_button { width: 100% !important; min-height: 48px !important; padding: 12px 16px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; white-space: nowrap !important; line-height: 1.2 !important; text-align: center !important; box-sizing: border-box !important; } html body #a19e8dc2012d01509d01f1a6021587e4 { margin-top: 14px !important; margin-bottom: 16px !important; padding: 0 18px !important; } html body #a19e8dc2012d01509d01f1a6021587e4 > .wb_content { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 18px !important; width: 100% !important; max-width: 620px !important; margin: 0 auto !important; box-sizing: border-box !important; overflow: visible !important; } html body #a19e8dc2012d01509d01f1a6021587e4 > .wb_content > .wb_element { flex: 0 1 260px !important; width: auto !important; max-width: 260px !important; min-width: 190px !important; margin: 0 !important; position: relative !important; left: auto !important; top: auto !important; transform: none !important; box-sizing: border-box !important; } html body #a19e8dc2012d01509d01f1a6021587e4 .wb_button { width: 100% !important; min-height: 52px !important; padding: 13px 18px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; white-space: nowrap !important; line-height: 1.25 !important; text-align: center !important; box-sizing: border-box !important; } html body #a19fe38a57d400461ccdbe202dd71616 { margin-top: 16px !important; margin-bottom: 22px !important; padding: 0 18px !important; } html body #a19fe38a57d400461ccdbe202dd71616 > .wb_content { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 14px !important; width: 100% !important; max-width: 760px !important; margin: 0 auto !important; box-sizing: border-box !important; overflow: visible !important; } html body #a19fe38a57d400461ccdbe202dd71616 > .wb_content > .wb_element, html body #a19fe38a57d400461ccdbe202dd71616 > .wb_content > .wb_element > div, html body #a19fe38a57d400461ccdbe202dd71616 > .wb_content > .wb_element > div > a { flex: 0 1 170px !important; width: auto !important; max-width: 170px !important; min-width: 130px !important; margin: 0 !important; position: relative !important; left: auto !important; top: auto !important; transform: none !important; text-align: center !important; box-sizing: border-box !important; } html body #a19fe38a57d400461ccdbe202dd71616 .wb_button, html body #a19fe38a57d400461ccdbe202dd71616 a { min-height: 46px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; white-space: nowrap !important; box-sizing: border-box !important; } } /* ---------- LOGO CABECERA PC ---------- */ html body .demontre-desktop-header-logo { display: none !important; } @media (min-width: 701px) { html body .demontre-desktop-header-logo { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 1120px !important; margin: 18px auto 8px !important; padding: 0 18px !important; position: relative !important; z-index: 1001 !important; background: transparent !important; box-sizing: border-box !important; } html body .demontre-desktop-header-logo a { display: inline-flex !important; align-items: center !important; justify-content: center !important; max-width: 100% !important; text-decoration: none !important; } html body .demontre-desktop-header-logo img { display: block !important; width: auto !important; max-width: min(420px, 42vw) !important; max-height: 150px !important; height: auto !important; object-fit: contain !important; filter: drop-shadow(0 0 12px rgba(255,0,0,.55)) drop-shadow(0 0 16px rgba(0,170,255,.35)) !important; } } /* ---------- MENU CLASICO + CARTELERA ---------- */ html body .wb-menu, html body nav .wb-menu, html body header .wb-menu { display: block !important; width: 100% !important; max-width: 1120px !important; min-height: 0 !important; height: auto !important; margin: 10px auto 16px !important; padding: 0 10px !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; z-index: 1000 !important; overflow: visible !important; clear: both !important; text-align: center !important; box-sizing: border-box !important; background: transparent !important; } html body .wb-menu ul, html body .wb-menu ul.hmenu, html body .wb-menu ul.vmenu { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 auto !important; padding: 7px !important; list-style: none !important; float: none !important; overflow: visible !important; box-sizing: border-box !important; border: 1px solid rgba(255, 0, 0, .55) !important; border-radius: 10px !important; background: linear-gradient(180deg, rgba(24,24,24,.98), rgba(0,0,0,.98)) !important; box-shadow: 0 0 12px rgba(255,0,0,.35), inset 0 0 10px rgba(255,255,255,.04) !important; } html body .wb-menu li, html body .wb-menu ul.hmenu > li, html body .wb-menu ul.vmenu > li { display: block !important; float: none !important; position: relative !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; flex: 0 0 auto !important; box-sizing: border-box !important; background: transparent !important; } html body .wb-menu li > a, html body .wb-menu ul.hmenu > li > a, html body .wb-menu ul.vmenu > li > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 38px !important; height: auto !important; padding: 9px 13px !important; margin: 0 !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 8px !important; background: linear-gradient(180deg, #181818, #080808) !important; color: #ffffff !important; font-weight: 700 !important; line-height: 1.15 !important; text-align: center !important; text-decoration: none !important; text-transform: none !important; white-space: nowrap !important; box-sizing: border-box !important; text-shadow: 0 0 6px rgba(0,170,255,.65) !important; transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease !important; } html body .wb-menu li > a:hover, html body .wb-menu li.active > a, html body .wb-menu li.active > a:hover { color: #ffffff !important; border-color: rgba(255,0,0,.85) !important; background: linear-gradient(180deg, #9b0000, #260000) !important; box-shadow: 0 0 10px rgba(255,0,0,.55) !important; } html body .wb-menu [class*="collaps"], html body .wb-menu [class*="hamburger"], html body .wb-menu .navbar-toggle, html body .wb-menu .menu-toggle { display: none !important; visibility: hidden !important; } html body .wb-menu li.demontre-menu-cartelera > a { color: #ffffff !important; font-weight: 800 !important; text-shadow: 0 0 8px #ff0000, 0 0 12px #00aaff !important; } html body .wb-menu li.demontre-menu-cartelera > a:hover { color: #ffffff !important; } @media (min-width: 701px) { html body .wb-menu ul.hmenu, html body .wb-menu ul.vmenu { flex-wrap: wrap !important; } html body #a19fe826a01000eb64350dd2c9bae2e1, html body #a19fe827cfa2000b21e0c24ff6507f97, html body #a19fe38a57d400461ccdbe202dd71616 { position: relative !important; z-index: 10 !important; width: 100% !important; max-width: 1100px !important; margin-left: auto !important; margin-right: auto !important; overflow: visible !important; box-sizing: border-box !important; } html body #a19fe827cfa2000b21e0c24ff6507f97 > .wb_content, html body #a19fe38a57d400461ccdbe202dd71616 > .wb_content { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 16px !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; box-sizing: border-box !important; } html body #a19fe827cfa2000b21e0c24ff6507f97 > .wb_content > .wb_element, html body #a19fe38a57d400461ccdbe202dd71616 > .wb_content > .wb_element { position: relative !important; left: auto !important; right: auto !important; top: auto !important; float: none !important; flex: 0 1 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; transform: none !important; box-sizing: border-box !important; } html body #a19fe826a01000eb64350dd2c9bae2e1 .wb_button, html body #a19fe827cfa2000b21e0c24ff6507f97 .wb_button, html body #a19fe38a57d400461ccdbe202dd71616 .wb_button, html body #a19fe38a57d400461ccdbe202dd71616 .demontre-rep { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 120px !important; max-width: 220px !important; min-height: 44px !important; margin: 0 !important; padding: 10px 16px !important; line-height: 1.2 !important; text-align: center !important; white-space: nowrap !important; box-sizing: border-box !important; } } @media (max-width: 700px) { html body .wb-menu, html body .demontre-classic-menu { width: 100% !important; max-width: 100% !important; margin: 8px auto 14px !important; padding: 0 6px !important; box-sizing: border-box !important; overflow: visible !important; } html body .wb-menu ul, html body .wb-menu ul.hmenu, html body .wb-menu ul.vmenu, html body .demontre-classic-menu ul { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: stretch !important; justify-content: center !important; gap: 5px !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; padding: 6px !important; overflow: visible !important; box-sizing: border-box !important; } html body .wb-menu li, html body .wb-menu ul.hmenu > li, html body .wb-menu ul.vmenu > li, html body .demontre-classic-menu li { display: block !important; float: none !important; flex: 1 1 calc(50% - 6px) !important; width: auto !important; max-width: calc(50% - 6px) !important; min-width: 132px !important; margin: 0 !important; padding: 0 !important; position: relative !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; transform: none !important; box-sizing: border-box !important; } html body .wb-menu li > a, html body .wb-menu ul.hmenu > li > a, html body .wb-menu ul.vmenu > li > a, html body .demontre-classic-menu li > a, html body .wb-menu li.demontre-menu-cartelera > a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 40px !important; padding: 9px 6px !important; font-size: 13px !important; line-height: 1.15 !important; text-align: center !important; white-space: normal !important; overflow-wrap: anywhere !important; box-sizing: border-box !important; } } @media (max-width: 360px) { html body .wb-menu li, html body .wb-menu ul.hmenu > li, html body .wb-menu ul.vmenu > li, html body .demontre-classic-menu li { flex-basis: 100% !important; max-width: 100% !important; min-width: 0 !important; } } .wb-anim-entry, .wb-anim-entry-on { visibility: visible !important; opacity: 1 !important; transform: none !important; animation: none !important; }