/* Overlay de kiosko inyectado en cada página espejada. */ #kiosk-home-btn { position: fixed; bottom: 24px; left: 24px; z-index: 2147483647; display: inline-flex; align-items: center; gap: 12px; min-height: 64px; padding: 0 28px; background: #0a6ebd; color: #fff !important; font: 600 20px/1 "IBM Plex Sans", "Segoe UI", system-ui, sans-serif; border-radius: 9999px; text-decoration: none; box-shadow: 0 8px 24px rgba(0,0,0,.28); } #kiosk-home-btn:active { transform: scale(.96); background: #084c84; } /* Ocultar ruido global */ .kiosk [id*="cookie" i], .kiosk [class*="cookie" i], .kiosk [class*="gdpr" i], .kiosk [id*="gdpr" i] { display: none !important; } /* Por sitio: data-kiosk-site lo pone el post-proceso en */ [data-kiosk-site] form[action*="login" i], [data-kiosk-site] .social, [data-kiosk-site] [class*="redes" i] { display: none !important; } /* Moodle masterdelagua: login modal + buscador + login info */ [data-kiosk-site="master"] .logininfo, [data-kiosk-site="master"] .login-info, [data-kiosk-site="master"] [data-region="drawer"], [data-kiosk-site="master"] .menu-extra-controls-login, [data-kiosk-site="master"] .menu-logincontainer, [data-kiosk-site="master"] #menu-logincontainer, [data-kiosk-site="master"] #header-modal-login, [data-kiosk-site="master"] .modal.login, [data-kiosk-site="master"] #login, [data-kiosk-site="master"] .menu-searchcontainer, [data-kiosk-site="master"] #menu-searchcontainer, [data-kiosk-site="master"] #header-modal-search, [data-kiosk-site="master"] #search, [data-kiosk-site="master"] #theme-search-btn, [data-kiosk-site="master"] form.search-input-wrapper { display: none !important; } /* Drupal aula-virtual: login toboggan / buscador / simplenews / user-login menu */ [data-kiosk-site="aula-virtual"] .logintoboggan, [data-kiosk-site="aula-virtual"] #block-user-login, [data-kiosk-site="aula-virtual"] .cart, [data-kiosk-site="aula-virtual"] .commerce-add-to-cart, [data-kiosk-site="aula-virtual"] #block-views-exp-global-search-page, [data-kiosk-site="aula-virtual"] #block-simplenews-539, [data-kiosk-site="aula-virtual"] .menu-path-user-login { display: none !important; } /* WordPress catedra: buscador + cookie de Divi */ [data-kiosk-site="catedra"] .et_search_form_container, [data-kiosk-site="catedra"] #moove_gdpr_cookie_info_bar { display: none !important; } /* Suscripción / boletín por correo — ocultar en los 3 sitios */ [class*="mailpoet" i], [id*="mailpoet" i], [class*="simplenews" i], .node-simplenews, [class*="newsletter" i], [id*="newsletter" i], [class*="bolet" i], [id*="bolet" i] { display: none !important; } /* Formularios de contacto — ocultar (Cátedra: Divi/CF7 · Aula Virtual: webform Drupal) */ .et_pb_contact_form_container, .wpcf7, .block-webform, .node-webform, .webform-client-form { display: none !important; } /* Cátedra: widget desplegable de Archivos (antes del footer) */ .widget_archive { display: none !important; } /* Aula Virtual: bloque "Últimas noticias" (antes del footer) */ #block-views-aulavirtual-latests-news-block, .view-id-aulavirtual_latests_news { display: none !important; } /* Aula Virtual: franja superior (pre-header) vacía + redes sociales */ [data-kiosk-site="aula-virtual"] .av-header { display: none !important; } /* Correos de contacto: texto fijo, inerte (sin enlace ni acción) */ .kiosk-plain-email { text-decoration: none !important; color: inherit !important; cursor: text !important; pointer-events: none !important; } /* Selectores de idioma — ocultar (Aula Virtual: dropdown · Máster: lista de idiomas) */ [data-kiosk-site="aula-virtual"] #block-lang-dropdown-language, [data-kiosk-site="aula-virtual"] .block-lang-dropdown, [data-kiosk-site="master"] .lang-list { display: none !important; } /* Aula Virtual: botón "Acceso a mis cursos" del header */ [data-kiosk-site="aula-virtual"] .menu-path-moodle-courses { display: none !important; } /* Aula Virtual: filtros de búsqueda (Views) que no funcionan sin backend */ [data-kiosk-site="aula-virtual"] .views-exposed-form { display: none !important; } /* Consentimiento de cookies de Drupal (eu_cookie_compliance): su overlay "opt-in" tapaba la página en móvil → quitarlo y liberar el scroll. */ #sliding-popup, [id*="sliding-popup" i], [class*="eu-cookie" i], [class*="eu_cookie" i] { display: none !important; } html.eu-cookie-compliance-popup-open, body.eu-cookie-compliance-popup-open { overflow: auto !important; } /* Animación de burbuja azul al tocar la pantalla */ .kiosk-ripple { position: fixed; pointer-events: none; border-radius: 50%; background: radial-gradient(circle, rgba(11,158,216,.45) 0%, rgba(11,158,216,0) 70%); transform: scale(0); opacity: .9; z-index: 2147483645; animation: kiosk-ripple-anim .6s ease-out forwards; } @keyframes kiosk-ripple-anim { to { transform: scale(2.4); opacity: 0; } } /* --- Interstitial QR (enlaces que se saldrían del kiosko) --- */ #kiosk-qr-overlay { position: fixed; inset: 0; z-index: 2147483646; display: flex; align-items: center; justify-content: center; padding: 6vw; background: rgba(10, 37, 64, .55); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); font-family: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif; } #kiosk-qr-overlay .kiosk-qr-card { background: #fff; border-radius: 28px; padding: clamp(2rem, 5vh, 3.5rem) clamp(2rem, 6vw, 4rem); max-width: 560px; width: 100%; text-align: center; box-shadow: 0 24px 64px rgba(0,0,0,.35); display: flex; flex-direction: column; align-items: center; gap: 1rem; } #kiosk-qr-overlay .kiosk-qr-title { margin: 0; color: #11487f; font-weight: 700; font-size: clamp(1.8rem, 5vw, 2.6rem); line-height: 1.1; } #kiosk-qr-overlay .kiosk-qr-text { margin: 0; color: #1a1a1a; font-size: clamp(1.1rem, 3vw, 1.5rem); } #kiosk-qr-overlay .kiosk-qr-code { width: clamp(240px, 42vw, 360px); height: clamp(240px, 42vw, 360px); margin: .5rem 0; display: flex; align-items: center; justify-content: center; } #kiosk-qr-overlay .kiosk-qr-code svg { width: 100%; height: 100%; display: block; } #kiosk-qr-overlay .kiosk-qr-host { margin: 0; color: #737373; font-size: clamp(.95rem, 2.4vw, 1.2rem); word-break: break-all; } #kiosk-qr-overlay .kiosk-qr-close { margin-top: .75rem; min-height: 64px; padding: 0 40px; border: 0; border-radius: 9999px; cursor: pointer; background: #0a6ebd; color: #fff; font: 600 20px/1 "IBM Plex Sans", "Segoe UI", system-ui, sans-serif; } #kiosk-qr-overlay .kiosk-qr-close:active { transform: scale(.96); background: #084c84; }