{"id":1209,"date":"2026-03-10T14:48:47","date_gmt":"2026-03-10T14:48:47","guid":{"rendered":"https:\/\/steambraceproject.eu\/steamdigitalhub\/?page_id=1209"},"modified":"2026-03-10T14:53:20","modified_gmt":"2026-03-10T14:53:20","slug":"participant-area-ro","status":"publish","type":"page","link":"https:\/\/steambraceproject.eu\/steamdigitalhub\/ro\/participant-area-ro\/","title":{"rendered":"PARTICIPANT AREA &#8211; RO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1209\" class=\"elementor elementor-1209\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d9a8a5a e-flex e-con-boxed e-con e-parent\" data-id=\"d9a8a5a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62866a9 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"62866a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"https:\/\/steambraceproject.eu\/steamdigitalhub\/ro\/home-ro\/\">\n\t\t\t<i aria-hidden=\"true\" class=\"fas fa-long-arrow-alt-left\"><\/i>\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cf80fc color-scheme-inherit text-left elementor-widget elementor-widget-text-editor\" data-id=\"4cf80fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>ZONA PARTICIPAN\u021aILOR<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88fb0ec elementor-widget elementor-widget-spacer\" data-id=\"88fb0ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-93a5459 e-con-full e-flex e-con e-child\" data-id=\"93a5459\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d542303 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"d542303\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .descarga-card{\r\n    display:inline-block;\r\n    text-decoration:none;\r\n    color:inherit;\r\n    max-width:400px;\r\n  }\r\n\r\n  .descarga-img{\r\n    display:block;\r\n    width:100%;\r\n    height:auto;\r\n    border-radius:14px;\r\n    transition: transform .2s ease, box-shadow .2s ease;\r\n  }\r\n\r\n  .descarga-card:hover .descarga-img{\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 12px 28px rgba(0,0,0,0.18);\r\n  }\r\n\r\n  .descarga-note{\r\n    margin:10px 0 0 0;\r\n    font-size:13px;\r\n    color:#6b7280;\r\n    text-align: center;\r\n  }\r\n<\/style>\r\n\r\n<a class=\"descarga-card\"\r\n   href=\"https:\/\/steamdigitalhub.steambraceproject.eu\/wp-content\/uploads\/2026\/02\/STEAMBRACE-STEAM-Week-Blueprint.pdf\"\r\n   download\r\n   target=\"_blank\"\r\n   rel=\"noopener\">\r\n  <img decoding=\"async\" class=\"descarga-img\"\r\n       src=\"https:\/\/steamdigitalhub.steambraceproject.eu\/wp-content\/uploads\/2026\/02\/Participans_Area_Cover.png\"\r\n       alt=\"Descargar documento\">\r\n  <p class=\"descarga-note\">* Face\u021bi clic pentru a desc\u0103rca documentul<\/p>\r\n<\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58c0e74 elementor-widget__width-initial color-scheme-inherit text-left elementor-widget elementor-widget-text-editor\" data-id=\"58c0e74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Bine a\u021bi venit \u00een <strong>zona participan\u021bilor<\/strong>. Aici ve\u021bi g\u0103si documenta\u021bia oficial\u0103 \u0219i resursele desc\u0103rcabile legate de <em>S\u0103pt\u0103m\u00e2na European\u0103 STEAM<\/em>, o ini\u021biativ\u0103 care conecteaz\u0103 \u0219tiin\u021ba, tehnologia, ingineria, artele \u0219i matematica prin activit\u0103\u021bi creative \u0219i incluzive \u00een centre educa\u021bionale \u0219i institu\u021bii culturale din mai multe \u021b\u0103ri europene.<\/p><p>Consulta\u021bi materialele disponibile pentru a urm\u0103ri planificarea, pentru a afla mai multe despre activit\u0103\u021bile s\u0103pt\u0103m\u00e2nii \u0219i pentru a accesa ghiduri \u0219i con\u021binuturi cheie.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ef6612c e-flex e-con-boxed e-con e-parent\" data-id=\"ef6612c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ad29004 e-con-full e-flex e-con e-child\" data-id=\"ad29004\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f864c8f elementor-widget elementor-widget-spacer\" data-id=\"f864c8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eff7a04 elementor-widget elementor-widget-html\" data-id=\"eff7a04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"docs-widget docs-widget--full\" data-docs-widget>\r\n  <div class=\"docs-widget__overlay\">\r\n\r\n    <!-- Estado normal: t\u00edtulo centrado -->\r\n    <button class=\"docs-widget__center\" type=\"button\" aria-expanded=\"false\">\r\n      <h3 class=\"docs-widget__title\">STEAM Weak Logo<\/h3>\r\n      <p class=\"docs-widget__hint\">Trece\u021bi cursorul mouse-ului pentru a vizualiza documentele<\/p>\r\n\r\n      <span class=\"docs-widget__cta\" aria-hidden=\"true\">\r\n        Ver documentos\r\n        <span class=\"docs-widget__chev\">\u2304<\/span>\r\n      <\/span>\r\n    <\/button>\r\n\r\n    <!-- Estado hover \/ abierto: t\u00edtulo arriba + grid debajo -->\r\n    <div class=\"docs-widget__content\" aria-hidden=\"true\">\r\n      <div class=\"docs-widget__top\">\r\n        <div class=\"docs-widget__topText\">\r\n          <div class=\"docs-widget__topTitle\">STEAM Weak Logo<\/div>\r\n          <div class=\"docs-widget__topSub\">Documente disponibile<\/div>\r\n        <\/div>\r\n\r\n        <!-- En m\u00f3vil se muestra como bot\u00f3n -->\r\n        <button class=\"docs-widget__toggle\" type=\"button\" aria-label=\"Mostrar u ocultar documentos\">\r\n          <span class=\"docs-widget__toggleText\">Documents<\/span>\r\n          <span class=\"docs-widget__chev\">\u2304<\/span>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"docs-widget__grid\" aria-label=\"Documentos para descargar\">\r\n        <a class=\"docs-widget__card\" href=\"http:\/\/steambraceproject.eu\/steamdigitalhub\/wp-content\/uploads\/2026\/03\/Copia-de-SteamWeek_Full_Logo.png\" download>\r\n          <span class=\"docs-widget__icon\" aria-hidden=\"true\">\ud83d\udcc4<\/span>\r\n          <span class=\"docs-widget__name\">STEAM Week Full Logo<\/span>\r\n          <span class=\"docs-widget__meta\">PNG \u2022 Desc\u0103rcare<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"docs-widget__card\" href=\"http:\/\/steambraceproject.eu\/steamdigitalhub\/wp-content\/uploads\/2026\/03\/SteamWeek_Full_Logo_White-2.png\" download>\r\n          <span class=\"docs-widget__icon\" aria-hidden=\"true\">\ud83d\udcc4<\/span>\r\n          <span class=\"docs-widget__name\">STEAM Week Full Logo White<\/span>\r\n          <span class=\"docs-widget__meta\">PNG \u2022 Desc\u0103rcare<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"docs-widget__card\" href=\"http:\/\/steambraceproject.eu\/steamdigitalhub\/wp-content\/uploads\/2026\/03\/SteamWeek_LogoSmall-2.png\" download>\r\n          <span class=\"docs-widget__icon\" aria-hidden=\"true\">\ud83d\udcc4<\/span>\r\n          <span class=\"docs-widget__name\">STEAM Week Small Logo<\/span>\r\n          <span class=\"docs-widget__meta\">PNG \u2022 Desc\u0103rcare<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"docs-widget__card\" href=\"http:\/\/steambraceproject.eu\/steamdigitalhub\/wp-content\/uploads\/2026\/03\/SteamWeek_LogoSmall_White-1.png\" download>\r\n          <span class=\"docs-widget__icon\" aria-hidden=\"true\">\ud83d\udcc4<\/span>\r\n          <span class=\"docs-widget__name\">STEAM Week Small Logo White<\/span>\r\n          <span class=\"docs-widget__meta\">PNG \u2022 Desc\u0103rcare<\/span>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .docs-widget--full{\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    overflow: hidden;\r\n    background:\r\n      radial-gradient(800px 300px at 20% 10%, rgba(255,255,255,.10), transparent 60%),\r\n      radial-gradient(600px 250px at 80% 90%, rgba(255,255,255,.08), transparent 55%),\r\n      linear-gradient(135deg, rgba(10,10,14,.92), rgba(18,18,24,.94));\r\n    box-shadow: 0 18px 55px rgba(0,0,0,.35);\r\n  }\r\n\r\n  .docs-widget__overlay{\r\n    position: relative;\r\n    padding: 34px 28px;\r\n    min-height: 180px;\r\n  }\r\n\r\n  \/* Estado normal: centro perfecto *\/\r\n  .docs-widget__center{\r\n    position: absolute;\r\n    inset: 0;\r\n    display: grid;\r\n    place-items: center;\r\n    text-align: center;\r\n    padding: 34px 28px;\r\n    border: 0;\r\n    background: transparent;\r\n    width: 100%;\r\n    cursor: default;\r\n    transition: opacity .18s ease, transform .18s ease;\r\n  }\r\n\r\n  .docs-widget__title{\r\n    margin: 0;\r\n    font-size: clamp(16px, 2.4vw, 22px);\r\n    line-height: 1.15;\r\n    letter-spacing: .2px;\r\n    color: rgba(255,255,255,.92);\r\n  }\r\n\r\n  .docs-widget__hint{\r\n    margin: 10px 0 0;\r\n    font-size: 12px;\r\n    color: rgba(255,255,255,.65);\r\n  }\r\n\r\n  .docs-widget__cta{\r\n    margin-top: 14px;\r\n    display: none;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,.08);\r\n    border: 1px solid rgba(255,255,255,.14);\r\n    color: rgba(255,255,255,.86);\r\n    font-size: 13px;\r\n    user-select: none;\r\n  }\r\n\r\n  .docs-widget__chev{\r\n    display: inline-block;\r\n    transition: transform .18s ease;\r\n    opacity: .9;\r\n  }\r\n\r\n  \/* Contenido hover\/abierto (t\u00edtulo arriba + grid) *\/\r\n  .docs-widget__content{\r\n    width: 100%;\r\n    max-width: 100%;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    pointer-events: none;\r\n    transition: opacity .25s ease, transform .25s ease;\r\n  }\r\n\r\n  .docs-widget__top{\r\n    width: min(650px, 100%);\r\n    margin: 0 auto 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 14px;\r\n  }\r\n\r\n  .docs-widget__topTitle{\r\n    font-weight: 800;\r\n    font-size: clamp(16px, 2.4vw, 22px);\r\n    text-align: center;\r\n    color: rgba(255,255,255,.92);\r\n    letter-spacing: .2px;\r\n  }\r\n\r\n  .docs-widget__topSub{\r\n    margin-top: 4px;\r\n    font-size: 12px;\r\n    color: rgba(255,255,255,.62);\r\n  }\r\n\r\n  \/* Bot\u00f3n toggle solo para m\u00f3vil *\/\r\n  .docs-widget__toggle{\r\n    display: none;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 12px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,.08);\r\n    border: 1px solid rgba(255,255,255,.14);\r\n    color: rgba(255,255,255,.86);\r\n    font-size: 13px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .docs-widget__grid{\r\n    width: min(650px, 100%);\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 14px;\r\n  }\r\n\r\n  \/* Mostrar en hover: oculto centro y muestro content *\/\r\n  .docs-widget--full:hover .docs-widget__center,\r\n  .docs-widget--full:focus-within .docs-widget__center{\r\n    opacity: 0;\r\n    transform: translateY(-6px);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .docs-widget--full:hover .docs-widget__content,\r\n  .docs-widget--full:focus-within .docs-widget__content{\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    pointer-events: auto;\r\n  }\r\n\r\n  \/* Modo m\u00f3vil abierto *\/\r\n  .docs-widget--open .docs-widget__center{\r\n    opacity: 0;\r\n    transform: translateY(-6px);\r\n    pointer-events: none;\r\n  }\r\n  .docs-widget--open .docs-widget__content{\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    pointer-events: auto;\r\n  }\r\n  .docs-widget--open .docs-widget__chev{ transform: rotate(180deg); }\r\n\r\n  \/* Tarjetas *\/\r\n  .docs-widget__card{\r\n    text-decoration: none;\r\n    border-radius: 14px;\r\n    padding: 10px 10px 8px;\r\n    background: rgba(255,255,255,.06);\r\n    border: 1px solid rgba(255,255,255,.10);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    box-shadow: 0 10px 30px rgba(0,0,0,.18);\r\n    display: grid;\r\n    gap: 6px;\r\n    align-content: start;\r\n    transition: transform .18s ease, background .18s ease, border-color .18s ease;\r\n  }\r\n  .docs-widget__card:hover,\r\n  .docs-widget__card:focus{\r\n    transform: translateY(-4px);\r\n    background: rgba(255,255,255,.10);\r\n    border-color: rgba(255,255,255,.22);\r\n    outline: none;\r\n  }\r\n\r\n  .docs-widget__icon{ font-size: 20px; filter: drop-shadow(0 6px 12px rgba(0,0,0,.25)); }\r\n  .docs-widget__name{ font-weight: 700; font-size: 12.5px; color: rgba(255,255,255,.92); }\r\n  .docs-widget__meta{ font-size: 11px; color: rgba(255,255,255,.62); }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 920px){\r\n    .docs-widget__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n  }\r\n  @media (max-width: 720px){\r\n    .docs-widget__center{ cursor: pointer; }\r\n    .docs-widget__cta{ display: inline-flex; }\r\n    .docs-widget__toggle{ display: inline-flex; }\r\n  }\r\n  @media (max-width: 520px){\r\n    .docs-widget__overlay{ padding: 26px 18px; min-height: 280px; }\r\n    .docs-widget__center{ padding: 26px 18px; }\r\n    .docs-widget__grid{ grid-template-columns: 1fr; }\r\n  }\r\n  \r\n  \/* 1) Que el top sea \"ancla\" para posicionar el bot\u00f3n *\/\r\n.docs-widget__top{\r\n  position: relative;\r\n  justify-content: center; \/* en vez de space-between *\/\r\n}\r\n\r\n\/* 2) Que el bloque de texto est\u00e9 realmente centrado *\/\r\n.docs-widget__topText{\r\n  width: 100%;\r\n  text-align: center;\r\n}\r\n\r\n\/* 3) El bot\u00f3n a la derecha sin afectar al centrado del t\u00edtulo *\/\r\n.docs-widget__toggle{\r\n  position: absolute;\r\n  right: 0;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n}\r\n\r\n\/* 4) En m\u00f3vil, como hay bot\u00f3n, dejamos padding a la derecha para que no pise el texto *\/\r\n@media (max-width: 720px){\r\n  .docs-widget__top{\r\n    padding-right: 120px; \/* ajusta si el bot\u00f3n es m\u00e1s ancho *\/\r\n  }\r\n}\r\n\r\n\/* Opcional: centra tambi\u00e9n el subt\u00edtulo *\/\r\n.docs-widget__topSub{\r\n  text-align: center;\r\n}\r\n\r\n\/* --- IMAGEN OPACA EN ESTADO NORMAL --- *\/\r\n\r\n\/* 1) Asegura contexto para capas *\/\r\n.docs-widget--full{\r\n  position: relative;\r\n}\r\n\r\n\/* 2) Imagen oscura encima (solo en estado normal) *\/\r\n.docs-widget--full::before{\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: url(\"https:\/\/steamdigitalhub.steambraceproject.eu\/wp-content\/uploads\/2025\/02\/steambrace-logo.jpg\"); \r\n  background-size: cover;\r\n  background-position: center;\r\n  filter: grayscale(10%) contrast(1.05);\r\n  opacity: .22;                  \/* controla lo visible de la imagen *\/\r\n  z-index: 0;\r\n  transition: opacity .25s ease;\r\n}\r\n\r\n\/* 3) Capa de oscurecimiento extra para que se vea oscurilla *\/\r\n.docs-widget--full::after{\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(0,0,0,.68);   \/* m\u00e1s alto = m\u00e1s oscuro *\/\r\n  z-index: 0;\r\n  transition: opacity .25s ease;\r\n}\r\n\r\n\/* 4) Todo el contenido por encima de las capas *\/\r\n.docs-widget__overlay{\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* 5) En hover (desktop) se quita la imagen y vuelve tu fondo actual tal cual *\/\r\n.docs-widget--full:hover::before,\r\n.docs-widget--full:hover::after,\r\n.docs-widget--full:focus-within::before,\r\n.docs-widget--full:focus-within::after{\r\n  opacity: 0;\r\n}\r\n\r\n\/* 6) En m\u00f3vil cuando est\u00e1 abierto, tambi\u00e9n quitamos la imagen *\/\r\n.docs-widget--open::before,\r\n.docs-widget--open::after{\r\n  opacity: 0;\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    const widgets = document.querySelectorAll('[data-docs-widget]');\r\n    const isTouch = window.matchMedia('(hover: none)').matches;\r\n\r\n    widgets.forEach((widget) => {\r\n      if (!isTouch) return;\r\n\r\n      const centerBtn = widget.querySelector('.docs-widget__center');\r\n      const toggleBtn = widget.querySelector('.docs-widget__toggle');\r\n\r\n      const setExpanded = (open) => {\r\n        widget.classList.toggle('docs-widget--open', open);\r\n        if (centerBtn) centerBtn.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n      };\r\n\r\n      if (centerBtn) {\r\n        centerBtn.addEventListener('click', () => {\r\n          setExpanded(!widget.classList.contains('docs-widget--open'));\r\n        });\r\n      }\r\n\r\n      if (toggleBtn) {\r\n        toggleBtn.addEventListener('click', () => {\r\n          setExpanded(!widget.classList.contains('docs-widget--open'));\r\n        });\r\n      }\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1de1ea elementor-widget elementor-widget-html\" data-id=\"d1de1ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"docs-widget docs-widget--full\" data-docs-widget>\r\n  <div class=\"docs-widget__overlay\">\r\n\r\n    <!-- Estado normal: t\u00edtulo centrado -->\r\n    <button class=\"docs-widget__center\" type=\"button\" aria-expanded=\"false\">\r\n      <h3 class=\"docs-widget__title\">BROCHURE<\/h3>\r\n      <p class=\"docs-widget__hint\">Trece\u021bi cursorul mouse-ului pentru a vizualiza documentele<\/p>\r\n\r\n      <span class=\"docs-widget__cta\" aria-hidden=\"true\">\r\n        Ver documentos\r\n        <span class=\"docs-widget__chev\">\u2304<\/span>\r\n      <\/span>\r\n    <\/button>\r\n\r\n    <!-- Estado hover \/ abierto: t\u00edtulo arriba + grid debajo -->\r\n    <div class=\"docs-widget__content\" aria-hidden=\"true\">\r\n      <div class=\"docs-widget__top\">\r\n        <div class=\"docs-widget__topText\">\r\n          <div class=\"docs-widget__topTitle\">BROCHURE<\/div>\r\n          <div class=\"docs-widget__topSub\">Documente disponibile<\/div>\r\n        <\/div>\r\n\r\n        <!-- En m\u00f3vil se muestra como bot\u00f3n -->\r\n        <button class=\"docs-widget__toggle\" type=\"button\" aria-label=\"Mostrar u ocultar documentos\">\r\n          <span class=\"docs-widget__toggleText\">Documents<\/span>\r\n          <span class=\"docs-widget__chev\">\u2304<\/span>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"docs-widget__grid\" aria-label=\"Documentos para descargar\">\r\n        <a class=\"docs-widget__card\" href=\"http:\/\/steambraceproject.eu\/steamdigitalhub\/wp-content\/uploads\/2026\/03\/Brochure_Eng-1.pdf\" download>\r\n          <span class=\"docs-widget__icon\" aria-hidden=\"true\">\ud83d\udcc4<\/span>\r\n          <span class=\"docs-widget__name\">Brochure English<\/span>\r\n          <span class=\"docs-widget__meta\">PDF \u2022 Desc\u0103rcare<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"docs-widget__card\" href=\"http:\/\/steambraceproject.eu\/steamdigitalhub\/wp-content\/uploads\/2026\/03\/Brochure_Esp-1.pdf\" download>\r\n          <span class=\"docs-widget__icon\" aria-hidden=\"true\">\ud83d\udcc4<\/span>\r\n          <span class=\"docs-widget__name\">Brochure Spanish<\/span>\r\n          <span class=\"docs-widget__meta\">PDF \u2022 Desc\u0103rcare<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"docs-widget__card\" href=\"http:\/\/steambraceproject.eu\/steamdigitalhub\/wp-content\/uploads\/2026\/03\/Brochure_Esp_Print-1.pdf\" download>\r\n          <span class=\"docs-widget__icon\" aria-hidden=\"true\">\ud83d\udcc4<\/span>\r\n          <span class=\"docs-widget__name\">Brochure Spanish Print<\/span>\r\n          <span class=\"docs-widget__meta\">PDF \u2022 Desc\u0103rcare<\/span>\r\n        <\/a>\r\n        \r\n        \r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .docs-widget--full{\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    overflow: hidden;\r\n    background:\r\n      radial-gradient(800px 300px at 20% 10%, rgba(255,255,255,.10), transparent 60%),\r\n      radial-gradient(600px 250px at 80% 90%, rgba(255,255,255,.08), transparent 55%),\r\n      linear-gradient(135deg, rgba(10,10,14,.92), rgba(18,18,24,.94));\r\n    box-shadow: 0 18px 55px rgba(0,0,0,.35);\r\n  }\r\n\r\n  .docs-widget__overlay{\r\n    position: relative;\r\n    padding: 34px 28px;\r\n    min-height: 180px;\r\n  }\r\n\r\n  \/* Estado normal: centro perfecto *\/\r\n  .docs-widget__center{\r\n    position: absolute;\r\n    inset: 0;\r\n    display: grid;\r\n    place-items: center;\r\n    text-align: center;\r\n    padding: 34px 28px;\r\n    border: 0;\r\n    background: transparent;\r\n    width: 100%;\r\n    cursor: default;\r\n    transition: opacity .18s ease, transform .18s ease;\r\n  }\r\n\r\n  .docs-widget__title{\r\n    margin: 0;\r\n    font-size: clamp(16px, 2.4vw, 22px);\r\n    line-height: 1.15;\r\n    letter-spacing: .2px;\r\n    color: rgba(255,255,255,.92);\r\n  }\r\n\r\n  .docs-widget__hint{\r\n    margin: 10px 0 0;\r\n    font-size: 12px;\r\n    color: rgba(255,255,255,.65);\r\n  }\r\n\r\n  .docs-widget__cta{\r\n    margin-top: 14px;\r\n    display: none;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,.08);\r\n    border: 1px solid rgba(255,255,255,.14);\r\n    color: rgba(255,255,255,.86);\r\n    font-size: 13px;\r\n    user-select: none;\r\n  }\r\n\r\n  .docs-widget__chev{\r\n    display: inline-block;\r\n    transition: transform .18s ease;\r\n    opacity: .9;\r\n  }\r\n\r\n  \/* Contenido hover\/abierto (t\u00edtulo arriba + grid) *\/\r\n  .docs-widget__content{\r\n    width: 100%;\r\n    max-width: 100%;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    pointer-events: none;\r\n    transition: opacity .25s ease, transform .25s ease;\r\n  }\r\n\r\n  .docs-widget__top{\r\n    width: min(650px, 100%);\r\n    margin: 0 auto 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 14px;\r\n  }\r\n\r\n  .docs-widget__topTitle{\r\n    font-weight: 800;\r\n    font-size: clamp(16px, 2.4vw, 22px);\r\n    text-align: center;\r\n    color: rgba(255,255,255,.92);\r\n    letter-spacing: .2px;\r\n  }\r\n\r\n  .docs-widget__topSub{\r\n    margin-top: 4px;\r\n    font-size: 12px;\r\n    color: rgba(255,255,255,.62);\r\n  }\r\n\r\n  \/* Bot\u00f3n toggle solo para m\u00f3vil *\/\r\n  .docs-widget__toggle{\r\n    display: none;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 12px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,.08);\r\n    border: 1px solid rgba(255,255,255,.14);\r\n    color: rgba(255,255,255,.86);\r\n    font-size: 13px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .docs-widget__grid{\r\n    width: min(650px, 100%);\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 14px;\r\n  }\r\n\r\n  \/* Mostrar en hover: oculto centro y muestro content *\/\r\n  .docs-widget--full:hover .docs-widget__center,\r\n  .docs-widget--full:focus-within .docs-widget__center{\r\n    opacity: 0;\r\n    transform: translateY(-6px);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .docs-widget--full:hover .docs-widget__content,\r\n  .docs-widget--full:focus-within .docs-widget__content{\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    pointer-events: auto;\r\n  }\r\n\r\n  \/* Modo m\u00f3vil abierto *\/\r\n  .docs-widget--open .docs-widget__center{\r\n    opacity: 0;\r\n    transform: translateY(-6px);\r\n    pointer-events: none;\r\n  }\r\n  .docs-widget--open .docs-widget__content{\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    pointer-events: auto;\r\n  }\r\n  .docs-widget--open .docs-widget__chev{ transform: rotate(180deg); }\r\n\r\n  \/* Tarjetas *\/\r\n  .docs-widget__card{\r\n    text-decoration: none;\r\n    border-radius: 14px;\r\n    padding: 10px 10px 8px;\r\n    background: rgba(255,255,255,.06);\r\n    border: 1px solid rgba(255,255,255,.10);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    box-shadow: 0 10px 30px rgba(0,0,0,.18);\r\n    display: grid;\r\n    gap: 6px;\r\n    align-content: start;\r\n    transition: transform .18s ease, background .18s ease, border-color .18s ease;\r\n  }\r\n  .docs-widget__card:hover,\r\n  .docs-widget__card:focus{\r\n    transform: translateY(-4px);\r\n    background: rgba(255,255,255,.10);\r\n    border-color: rgba(255,255,255,.22);\r\n    outline: none;\r\n  }\r\n\r\n  .docs-widget__icon{ font-size: 20px; filter: drop-shadow(0 6px 12px rgba(0,0,0,.25)); }\r\n  .docs-widget__name{ font-weight: 700; font-size: 12.5px; color: rgba(255,255,255,.92); }\r\n  .docs-widget__meta{ font-size: 11px; color: rgba(255,255,255,.62); }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 920px){\r\n    .docs-widget__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n  }\r\n  @media (max-width: 720px){\r\n    .docs-widget__center{ cursor: pointer; }\r\n    .docs-widget__cta{ display: inline-flex; }\r\n    .docs-widget__toggle{ display: inline-flex; }\r\n  }\r\n  @media (max-width: 520px){\r\n    .docs-widget__overlay{ padding: 26px 18px; min-height: 280px; }\r\n    .docs-widget__center{ padding: 26px 18px; }\r\n    .docs-widget__grid{ grid-template-columns: 1fr; }\r\n  }\r\n  \r\n  \/* 1) Que el top sea \"ancla\" para posicionar el bot\u00f3n *\/\r\n.docs-widget__top{\r\n  position: relative;\r\n  justify-content: center; \/* en vez de space-between *\/\r\n}\r\n\r\n\/* 2) Que el bloque de texto est\u00e9 realmente centrado *\/\r\n.docs-widget__topText{\r\n  width: 100%;\r\n  text-align: center;\r\n}\r\n\r\n\/* 3) El bot\u00f3n a la derecha sin afectar al centrado del t\u00edtulo *\/\r\n.docs-widget__toggle{\r\n  position: absolute;\r\n  right: 0;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n}\r\n\r\n\/* 4) En m\u00f3vil, como hay bot\u00f3n, dejamos padding a la derecha para que no pise el texto *\/\r\n@media (max-width: 720px){\r\n  .docs-widget__top{\r\n    padding-right: 120px; \/* ajusta si el bot\u00f3n es m\u00e1s ancho *\/\r\n  }\r\n}\r\n\r\n\/* Opcional: centra tambi\u00e9n el subt\u00edtulo *\/\r\n.docs-widget__topSub{\r\n  text-align: center;\r\n}\r\n\r\n\/* --- IMAGEN OPACA EN ESTADO NORMAL --- *\/\r\n\r\n\/* 1) Asegura contexto para capas *\/\r\n.docs-widget--full{\r\n  position: relative;\r\n}\r\n\r\n\/* 2) Imagen oscura encima (solo en estado normal) *\/\r\n.docs-widget--full::before{\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: url(\"https:\/\/steamdigitalhub.steambraceproject.eu\/wp-content\/uploads\/2025\/02\/steambrace-logo.jpg\"); \r\n  background-size: cover;\r\n  background-position: center;\r\n  filter: grayscale(10%) contrast(1.05);\r\n  opacity: .22;                  \/* controla lo visible de la imagen *\/\r\n  z-index: 0;\r\n  transition: opacity .25s ease;\r\n}\r\n\r\n\/* 3) Capa de oscurecimiento extra para que se vea oscurilla *\/\r\n.docs-widget--full::after{\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(0,0,0,.68);   \/* m\u00e1s alto = m\u00e1s oscuro *\/\r\n  z-index: 0;\r\n  transition: opacity .25s ease;\r\n}\r\n\r\n\/* 4) Todo el contenido por encima de las capas *\/\r\n.docs-widget__overlay{\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* 5) En hover (desktop) se quita la imagen y vuelve tu fondo actual tal cual *\/\r\n.docs-widget--full:hover::before,\r\n.docs-widget--full:hover::after,\r\n.docs-widget--full:focus-within::before,\r\n.docs-widget--full:focus-within::after{\r\n  opacity: 0;\r\n}\r\n\r\n\/* 6) En m\u00f3vil cuando est\u00e1 abierto, tambi\u00e9n quitamos la imagen *\/\r\n.docs-widget--open::before,\r\n.docs-widget--open::after{\r\n  opacity: 0;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n  (function () {\r\n    const widgets = document.querySelectorAll('[data-docs-widget]');\r\n    const isTouch = window.matchMedia('(hover: none)').matches;\r\n\r\n    widgets.forEach((widget) => {\r\n      if (!isTouch) return;\r\n\r\n      const centerBtn = widget.querySelector('.docs-widget__center');\r\n      const toggleBtn = widget.querySelector('.docs-widget__toggle');\r\n\r\n      const setExpanded = (open) => {\r\n        widget.classList.toggle('docs-widget--open', open);\r\n        if (centerBtn) centerBtn.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n      };\r\n\r\n      if (centerBtn) {\r\n        centerBtn.addEventListener('click', () => {\r\n          setExpanded(!widget.classList.contains('docs-widget--open'));\r\n        });\r\n      }\r\n\r\n      if (toggleBtn) {\r\n        toggleBtn.addEventListener('click', () => {\r\n          setExpanded(!widget.classList.contains('docs-widget--open'));\r\n        });\r\n      }\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8978957 elementor-widget elementor-widget-html\" data-id=\"8978957\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"docs-widget docs-widget--full\" data-docs-widget>\r\n  <div class=\"docs-widget__overlay\">\r\n\r\n    <!-- Estado normal: t\u00edtulo centrado -->\r\n    <button class=\"docs-widget__center\" type=\"button\" aria-expanded=\"false\">\r\n      <h3 class=\"docs-widget__title\">FLYER<\/h3>\r\n      <p class=\"docs-widget__hint\">Trece\u021bi cursorul mouse-ului pentru a vizualiza documentele<\/p>\r\n\r\n      <span class=\"docs-widget__cta\" aria-hidden=\"true\">\r\n        Ver documentos\r\n        <span class=\"docs-widget__chev\">\u2304<\/span>\r\n      <\/span>\r\n    <\/button>\r\n\r\n    <!-- Estado hover \/ abierto: t\u00edtulo arriba + grid debajo -->\r\n    <div class=\"docs-widget__content\" aria-hidden=\"true\">\r\n      <div class=\"docs-widget__top\">\r\n        <div class=\"docs-widget__topText\">\r\n          <div class=\"docs-widget__topTitle\">FLYER<\/div>\r\n          <div class=\"docs-widget__topSub\">Documente disponibile<\/div>\r\n        <\/div>\r\n\r\n        <!-- En m\u00f3vil se muestra como bot\u00f3n -->\r\n        <button class=\"docs-widget__toggle\" type=\"button\" aria-label=\"Mostrar u ocultar documentos\">\r\n          <span class=\"docs-widget__toggleText\">Documents<\/span>\r\n          <span class=\"docs-widget__chev\">\u2304<\/span>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"docs-widget__grid\" aria-label=\"Documentos para descargar\">\r\n        <a class=\"docs-widget__card\" href=\"http:\/\/steambraceproject.eu\/steamdigitalhub\/wp-content\/uploads\/2026\/03\/Flyer_Steamweek_Eng_2026-2.pdf\" download>\r\n          <span class=\"docs-widget__icon\" aria-hidden=\"true\">\ud83d\udcc4<\/span>\r\n          <span class=\"docs-widget__name\">Flyer SteamWeeb English 2026<\/span>\r\n          <span class=\"docs-widget__meta\">PDF \u2022 Desc\u0103rcare<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"docs-widget__card\" href=\"http:\/\/steambraceproject.eu\/steamdigitalhub\/wp-content\/uploads\/2026\/03\/Flyer_Steamweek_Esp_2026-2.pdf\" download>\r\n          <span class=\"docs-widget__icon\" aria-hidden=\"true\">\ud83d\udcc4<\/span>\r\n          <span class=\"docs-widget__name\">Flyer SteamWeek Spanish 2026<\/span>\r\n          <span class=\"docs-widget__meta\">PDF \u2022 Desc\u0103rcare<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"docs-widget__card\" href=\"http:\/\/steambraceproject.eu\/steamdigitalhub\/wp-content\/uploads\/2026\/03\/Flyer_Steamweek_Eng_2026_Print-2.pdf\" download>\r\n          <span class=\"docs-widget__icon\" aria-hidden=\"true\">\ud83d\udcc4<\/span>\r\n          <span class=\"docs-widget__name\">Flyer SteamWeek English 2026 Print<\/span>\r\n          <span class=\"docs-widget__meta\">PDF \u2022 Desc\u0103rcare<\/span>\r\n        <\/a>\r\n        \r\n        \r\n        <a class=\"docs-widget__card\" href=\"http:\/\/steambraceproject.eu\/steamdigitalhub\/wp-content\/uploads\/2026\/03\/Flyer_Steamweek_Esp_2026_Print-2.pdf\" download>\r\n          <span class=\"docs-widget__icon\" aria-hidden=\"true\">\ud83d\udcc4<\/span>\r\n          <span class=\"docs-widget__name\">Flyer SteamWeek Spanish 2026 Print<\/span>\r\n          <span class=\"docs-widget__meta\">PDF \u2022 Desc\u0103rcare<\/span>\r\n        <\/a>\r\n        \r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .docs-widget--full{\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    overflow: hidden;\r\n    background:\r\n      radial-gradient(800px 300px at 20% 10%, rgba(255,255,255,.10), transparent 60%),\r\n      radial-gradient(600px 250px at 80% 90%, rgba(255,255,255,.08), transparent 55%),\r\n      linear-gradient(135deg, rgba(10,10,14,.92), rgba(18,18,24,.94));\r\n    box-shadow: 0 18px 55px rgba(0,0,0,.35);\r\n  }\r\n\r\n  .docs-widget__overlay{\r\n    position: relative;\r\n    padding: 34px 28px;\r\n    min-height: 180px;\r\n  }\r\n\r\n  \/* Estado normal: centro perfecto *\/\r\n  .docs-widget__center{\r\n    position: absolute;\r\n    inset: 0;\r\n    display: grid;\r\n    place-items: center;\r\n    text-align: center;\r\n    padding: 34px 28px;\r\n    border: 0;\r\n    background: transparent;\r\n    width: 100%;\r\n    cursor: default;\r\n    transition: opacity .18s ease, transform .18s ease;\r\n  }\r\n\r\n  .docs-widget__title{\r\n    margin: 0;\r\n    font-size: clamp(16px, 2.4vw, 22px);\r\n    line-height: 1.15;\r\n    letter-spacing: .2px;\r\n    color: rgba(255,255,255,.92);\r\n  }\r\n\r\n  .docs-widget__hint{\r\n    margin: 10px 0 0;\r\n    font-size: 12px;\r\n    color: rgba(255,255,255,.65);\r\n  }\r\n\r\n  .docs-widget__cta{\r\n    margin-top: 14px;\r\n    display: none;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,.08);\r\n    border: 1px solid rgba(255,255,255,.14);\r\n    color: rgba(255,255,255,.86);\r\n    font-size: 13px;\r\n    user-select: none;\r\n  }\r\n\r\n  .docs-widget__chev{\r\n    display: inline-block;\r\n    transition: transform .18s ease;\r\n    opacity: .9;\r\n  }\r\n\r\n  \/* Contenido hover\/abierto (t\u00edtulo arriba + grid) *\/\r\n  .docs-widget__content{\r\n    width: 100%;\r\n    max-width: 100%;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    pointer-events: none;\r\n    transition: opacity .25s ease, transform .25s ease;\r\n  }\r\n\r\n  .docs-widget__top{\r\n    width: min(650px, 100%);\r\n    margin: 0 auto 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 14px;\r\n  }\r\n\r\n  .docs-widget__topTitle{\r\n    font-weight: 800;\r\n    font-size: clamp(16px, 2.4vw, 22px);\r\n    text-align: center;\r\n    color: rgba(255,255,255,.92);\r\n    letter-spacing: .2px;\r\n  }\r\n\r\n  .docs-widget__topSub{\r\n    margin-top: 4px;\r\n    font-size: 12px;\r\n    color: rgba(255,255,255,.62);\r\n  }\r\n\r\n  \/* Bot\u00f3n toggle solo para m\u00f3vil *\/\r\n  .docs-widget__toggle{\r\n    display: none;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 12px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,.08);\r\n    border: 1px solid rgba(255,255,255,.14);\r\n    color: rgba(255,255,255,.86);\r\n    font-size: 13px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .docs-widget__grid{\r\n    width: min(650px, 100%);\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 14px;\r\n  }\r\n\r\n  \/* Mostrar en hover: oculto centro y muestro content *\/\r\n  .docs-widget--full:hover .docs-widget__center,\r\n  .docs-widget--full:focus-within .docs-widget__center{\r\n    opacity: 0;\r\n    transform: translateY(-6px);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .docs-widget--full:hover .docs-widget__content,\r\n  .docs-widget--full:focus-within .docs-widget__content{\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    pointer-events: auto;\r\n  }\r\n\r\n  \/* Modo m\u00f3vil abierto *\/\r\n  .docs-widget--open .docs-widget__center{\r\n    opacity: 0;\r\n    transform: translateY(-6px);\r\n    pointer-events: none;\r\n  }\r\n  .docs-widget--open .docs-widget__content{\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    pointer-events: auto;\r\n  }\r\n  .docs-widget--open .docs-widget__chev{ transform: rotate(180deg); }\r\n\r\n  \/* Tarjetas *\/\r\n  .docs-widget__card{\r\n    text-decoration: none;\r\n    border-radius: 14px;\r\n    padding: 10px 10px 8px;\r\n    background: rgba(255,255,255,.06);\r\n    border: 1px solid rgba(255,255,255,.10);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    box-shadow: 0 10px 30px rgba(0,0,0,.18);\r\n    display: grid;\r\n    gap: 6px;\r\n    align-content: start;\r\n    transition: transform .18s ease, background .18s ease, border-color .18s ease;\r\n  }\r\n  .docs-widget__card:hover,\r\n  .docs-widget__card:focus{\r\n    transform: translateY(-4px);\r\n    background: rgba(255,255,255,.10);\r\n    border-color: rgba(255,255,255,.22);\r\n    outline: none;\r\n  }\r\n\r\n  .docs-widget__icon{ font-size: 20px; filter: drop-shadow(0 6px 12px rgba(0,0,0,.25)); }\r\n  .docs-widget__name{ font-weight: 700; font-size: 12.5px; color: rgba(255,255,255,.92); }\r\n  .docs-widget__meta{ font-size: 11px; color: rgba(255,255,255,.62); }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 920px){\r\n    .docs-widget__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n  }\r\n  @media (max-width: 720px){\r\n    .docs-widget__center{ cursor: pointer; }\r\n    .docs-widget__cta{ display: inline-flex; }\r\n    .docs-widget__toggle{ display: inline-flex; }\r\n  }\r\n  @media (max-width: 520px){\r\n    .docs-widget__overlay{ padding: 26px 18px; min-height: 280px; }\r\n    .docs-widget__center{ padding: 26px 18px; }\r\n    .docs-widget__grid{ grid-template-columns: 1fr; }\r\n  }\r\n  \r\n  \/* 1) Que el top sea \"ancla\" para posicionar el bot\u00f3n *\/\r\n.docs-widget__top{\r\n  position: relative;\r\n  justify-content: center; \/* en vez de space-between *\/\r\n}\r\n\r\n\/* 2) Que el bloque de texto est\u00e9 realmente centrado *\/\r\n.docs-widget__topText{\r\n  width: 100%;\r\n  text-align: center;\r\n}\r\n\r\n\/* 3) El bot\u00f3n a la derecha sin afectar al centrado del t\u00edtulo *\/\r\n.docs-widget__toggle{\r\n  position: absolute;\r\n  right: 0;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n}\r\n\r\n\/* 4) En m\u00f3vil, como hay bot\u00f3n, dejamos padding a la derecha para que no pise el texto *\/\r\n@media (max-width: 720px){\r\n  .docs-widget__top{\r\n    padding-right: 120px; \/* ajusta si el bot\u00f3n es m\u00e1s ancho *\/\r\n  }\r\n}\r\n\r\n\/* Opcional: centra tambi\u00e9n el subt\u00edtulo *\/\r\n.docs-widget__topSub{\r\n  text-align: center;\r\n}\r\n\r\n\/* --- IMAGEN OPACA EN ESTADO NORMAL --- *\/\r\n\r\n\/* 1) Asegura contexto para capas *\/\r\n.docs-widget--full{\r\n  position: relative;\r\n}\r\n\r\n\/* 2) Imagen oscura encima (solo en estado normal) *\/\r\n.docs-widget--full::before{\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: url(\"https:\/\/steamdigitalhub.steambraceproject.eu\/wp-content\/uploads\/2025\/02\/steambrace-logo.jpg\"); \r\n  background-size: cover;\r\n  background-position: center;\r\n  filter: grayscale(10%) contrast(1.05);\r\n  opacity: .22;                  \/* controla lo visible de la imagen *\/\r\n  z-index: 0;\r\n  transition: opacity .25s ease;\r\n}\r\n\r\n\/* 3) Capa de oscurecimiento extra para que se vea oscurilla *\/\r\n.docs-widget--full::after{\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(0,0,0,.68);   \/* m\u00e1s alto = m\u00e1s oscuro *\/\r\n  z-index: 0;\r\n  transition: opacity .25s ease;\r\n}\r\n\r\n\/* 4) Todo el contenido por encima de las capas *\/\r\n.docs-widget__overlay{\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* 5) En hover (desktop) se quita la imagen y vuelve tu fondo actual tal cual *\/\r\n.docs-widget--full:hover::before,\r\n.docs-widget--full:hover::after,\r\n.docs-widget--full:focus-within::before,\r\n.docs-widget--full:focus-within::after{\r\n  opacity: 0;\r\n}\r\n\r\n\/* 6) En m\u00f3vil cuando est\u00e1 abierto, tambi\u00e9n quitamos la imagen *\/\r\n.docs-widget--open::before,\r\n.docs-widget--open::after{\r\n  opacity: 0;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n  (function () {\r\n    const widgets = document.querySelectorAll('[data-docs-widget]');\r\n    const isTouch = window.matchMedia('(hover: none)').matches;\r\n\r\n    widgets.forEach((widget) => {\r\n      if (!isTouch) return;\r\n\r\n      const centerBtn = widget.querySelector('.docs-widget__center');\r\n      const toggleBtn = widget.querySelector('.docs-widget__toggle');\r\n\r\n      const setExpanded = (open) => {\r\n        widget.classList.toggle('docs-widget--open', open);\r\n        if (centerBtn) centerBtn.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n      };\r\n\r\n      if (centerBtn) {\r\n        centerBtn.addEventListener('click', () => {\r\n          setExpanded(!widget.classList.contains('docs-widget--open'));\r\n        });\r\n      }\r\n\r\n      if (toggleBtn) {\r\n        toggleBtn.addEventListener('click', () => {\r\n          setExpanded(!widget.classList.contains('docs-widget--open'));\r\n        });\r\n      }\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f311ac elementor-widget elementor-widget-html\" data-id=\"9f311ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"docs-widget docs-widget--full\" data-docs-widget>\r\n  <div class=\"docs-widget__overlay\">\r\n\r\n    <!-- Estado normal: t\u00edtulo centrado -->\r\n    <button class=\"docs-widget__center\" type=\"button\" aria-expanded=\"false\">\r\n      <h3 class=\"docs-widget__title\">ROLLUP<\/h3>\r\n      <p class=\"docs-widget__hint\">Trece\u021bi cursorul mouse-ului pentru a vizualiza documentele<\/p>\r\n\r\n      <span class=\"docs-widget__cta\" aria-hidden=\"true\">\r\n        Ver documentos\r\n        <span class=\"docs-widget__chev\">\u2304<\/span>\r\n      <\/span>\r\n    <\/button>\r\n\r\n    <!-- Estado hover \/ abierto: t\u00edtulo arriba + grid debajo -->\r\n    <div class=\"docs-widget__content\" aria-hidden=\"true\">\r\n      <div class=\"docs-widget__top\">\r\n        <div class=\"docs-widget__topText\">\r\n          <div class=\"docs-widget__topTitle\">ROLLUP<\/div>\r\n          <div class=\"docs-widget__topSub\">Documente disponibile<\/div>\r\n        <\/div>\r\n\r\n        <!-- En m\u00f3vil se muestra como bot\u00f3n -->\r\n        <button class=\"docs-widget__toggle\" type=\"button\" aria-label=\"Mostrar u ocultar documentos\">\r\n          <span class=\"docs-widget__toggleText\">Documents<\/span>\r\n          <span class=\"docs-widget__chev\">\u2304<\/span>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"docs-widget__grid\" aria-label=\"Documentos para descargar\">\r\n        <a class=\"docs-widget__card\" href=\"http:\/\/steambraceproject.eu\/steamdigitalhub\/wp-content\/uploads\/2026\/03\/Rollup_Eng-1.pdf\" download>\r\n          <span class=\"docs-widget__icon\" aria-hidden=\"true\">\ud83d\udcc4<\/span>\r\n          <span class=\"docs-widget__name\">Rollup English<\/span>\r\n          <span class=\"docs-widget__meta\">PDF \u2022 Desc\u0103rcare<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"docs-widget__card\" href=\"http:\/\/steambraceproject.eu\/steamdigitalhub\/wp-content\/uploads\/2026\/03\/Rollup_Esp-1.pdf\" download>\r\n          <span class=\"docs-widget__icon\" aria-hidden=\"true\">\ud83d\udcc4<\/span>\r\n          <span class=\"docs-widget__name\">Rollup Spanish<\/span>\r\n          <span class=\"docs-widget__meta\">PDF \u2022 Desc\u0103rcare<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"docs-widget__card\" href=\"http:\/\/steambraceproject.eu\/steamdigitalhub\/wp-content\/uploads\/2026\/03\/Rollup_Esp_Print-1.pdf\" download>\r\n          <span class=\"docs-widget__icon\" aria-hidden=\"true\">\ud83d\udcc4<\/span>\r\n          <span class=\"docs-widget__name\">Rollup Spanish Print<\/span>\r\n          <span class=\"docs-widget__meta\">PDF \u2022 Desc\u0103rcare<\/span>\r\n        <\/a>\r\n        \r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .docs-widget--full{\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    overflow: hidden;\r\n    background:\r\n      radial-gradient(800px 300px at 20% 10%, rgba(255,255,255,.10), transparent 60%),\r\n      radial-gradient(600px 250px at 80% 90%, rgba(255,255,255,.08), transparent 55%),\r\n      linear-gradient(135deg, rgba(10,10,14,.92), rgba(18,18,24,.94));\r\n    box-shadow: 0 18px 55px rgba(0,0,0,.35);\r\n  }\r\n\r\n  .docs-widget__overlay{\r\n    position: relative;\r\n    padding: 34px 28px;\r\n    min-height: 180px;\r\n  }\r\n\r\n  \/* Estado normal: centro perfecto *\/\r\n  .docs-widget__center{\r\n    position: absolute;\r\n    inset: 0;\r\n    display: grid;\r\n    place-items: center;\r\n    text-align: center;\r\n    padding: 34px 28px;\r\n    border: 0;\r\n    background: transparent;\r\n    width: 100%;\r\n    cursor: default;\r\n    transition: opacity .18s ease, transform .18s ease;\r\n  }\r\n\r\n  .docs-widget__title{\r\n    margin: 0;\r\n    font-size: clamp(16px, 2.4vw, 22px);\r\n    line-height: 1.15;\r\n    letter-spacing: .2px;\r\n    color: rgba(255,255,255,.92);\r\n  }\r\n\r\n  .docs-widget__hint{\r\n    margin: 10px 0 0;\r\n    font-size: 12px;\r\n    color: rgba(255,255,255,.65);\r\n  }\r\n\r\n  .docs-widget__cta{\r\n    margin-top: 14px;\r\n    display: none;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,.08);\r\n    border: 1px solid rgba(255,255,255,.14);\r\n    color: rgba(255,255,255,.86);\r\n    font-size: 13px;\r\n    user-select: none;\r\n  }\r\n\r\n  .docs-widget__chev{\r\n    display: inline-block;\r\n    transition: transform .18s ease;\r\n    opacity: .9;\r\n  }\r\n\r\n  \/* Contenido hover\/abierto (t\u00edtulo arriba + grid) *\/\r\n  .docs-widget__content{\r\n    width: 100%;\r\n    max-width: 100%;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    pointer-events: none;\r\n    transition: opacity .25s ease, transform .25s ease;\r\n  }\r\n\r\n  .docs-widget__top{\r\n    width: min(650px, 100%);\r\n    margin: 0 auto 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 14px;\r\n  }\r\n\r\n  .docs-widget__topTitle{\r\n    font-weight: 800;\r\n    font-size: clamp(16px, 2.4vw, 22px);\r\n    text-align: center;\r\n    color: rgba(255,255,255,.92);\r\n    letter-spacing: .2px;\r\n  }\r\n\r\n  .docs-widget__topSub{\r\n    margin-top: 4px;\r\n    font-size: 12px;\r\n    color: rgba(255,255,255,.62);\r\n  }\r\n\r\n  \/* Bot\u00f3n toggle solo para m\u00f3vil *\/\r\n  .docs-widget__toggle{\r\n    display: none;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 12px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,.08);\r\n    border: 1px solid rgba(255,255,255,.14);\r\n    color: rgba(255,255,255,.86);\r\n    font-size: 13px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .docs-widget__grid{\r\n    width: min(650px, 100%);\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 14px;\r\n  }\r\n\r\n  \/* Mostrar en hover: oculto centro y muestro content *\/\r\n  .docs-widget--full:hover .docs-widget__center,\r\n  .docs-widget--full:focus-within .docs-widget__center{\r\n    opacity: 0;\r\n    transform: translateY(-6px);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .docs-widget--full:hover .docs-widget__content,\r\n  .docs-widget--full:focus-within .docs-widget__content{\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    pointer-events: auto;\r\n  }\r\n\r\n  \/* Modo m\u00f3vil abierto *\/\r\n  .docs-widget--open .docs-widget__center{\r\n    opacity: 0;\r\n    transform: translateY(-6px);\r\n    pointer-events: none;\r\n  }\r\n  .docs-widget--open .docs-widget__content{\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    pointer-events: auto;\r\n  }\r\n  .docs-widget--open .docs-widget__chev{ transform: rotate(180deg); }\r\n\r\n  \/* Tarjetas *\/\r\n  .docs-widget__card{\r\n    text-decoration: none;\r\n    border-radius: 14px;\r\n    padding: 10px 10px 8px;\r\n    background: rgba(255,255,255,.06);\r\n    border: 1px solid rgba(255,255,255,.10);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    box-shadow: 0 10px 30px rgba(0,0,0,.18);\r\n    display: grid;\r\n    gap: 6px;\r\n    align-content: start;\r\n    transition: transform .18s ease, background .18s ease, border-color .18s ease;\r\n  }\r\n  .docs-widget__card:hover,\r\n  .docs-widget__card:focus{\r\n    transform: translateY(-4px);\r\n    background: rgba(255,255,255,.10);\r\n    border-color: rgba(255,255,255,.22);\r\n    outline: none;\r\n  }\r\n\r\n  .docs-widget__icon{ font-size: 20px; filter: drop-shadow(0 6px 12px rgba(0,0,0,.25)); }\r\n  .docs-widget__name{ font-weight: 700; font-size: 12.5px; color: rgba(255,255,255,.92); }\r\n  .docs-widget__meta{ font-size: 11px; color: rgba(255,255,255,.62); }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 920px){\r\n    .docs-widget__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n  }\r\n  @media (max-width: 720px){\r\n    .docs-widget__center{ cursor: pointer; }\r\n    .docs-widget__cta{ display: inline-flex; }\r\n    .docs-widget__toggle{ display: inline-flex; }\r\n  }\r\n  @media (max-width: 520px){\r\n    .docs-widget__overlay{ padding: 26px 18px; min-height: 280px; }\r\n    .docs-widget__center{ padding: 26px 18px; }\r\n    .docs-widget__grid{ grid-template-columns: 1fr; }\r\n  }\r\n  \r\n  \/* 1) Que el top sea \"ancla\" para posicionar el bot\u00f3n *\/\r\n.docs-widget__top{\r\n  position: relative;\r\n  justify-content: center; \/* en vez de space-between *\/\r\n}\r\n\r\n\/* 2) Que el bloque de texto est\u00e9 realmente centrado *\/\r\n.docs-widget__topText{\r\n  width: 100%;\r\n  text-align: center;\r\n}\r\n\r\n\/* 3) El bot\u00f3n a la derecha sin afectar al centrado del t\u00edtulo *\/\r\n.docs-widget__toggle{\r\n  position: absolute;\r\n  right: 0;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n}\r\n\r\n\/* 4) En m\u00f3vil, como hay bot\u00f3n, dejamos padding a la derecha para que no pise el texto *\/\r\n@media (max-width: 720px){\r\n  .docs-widget__top{\r\n    padding-right: 120px; \/* ajusta si el bot\u00f3n es m\u00e1s ancho *\/\r\n  }\r\n}\r\n\r\n\/* Opcional: centra tambi\u00e9n el subt\u00edtulo *\/\r\n.docs-widget__topSub{\r\n  text-align: center;\r\n}\r\n\r\n\/* --- IMAGEN OPACA EN ESTADO NORMAL --- *\/\r\n\r\n\/* 1) Asegura contexto para capas *\/\r\n.docs-widget--full{\r\n  position: relative;\r\n}\r\n\r\n\/* 2) Imagen oscura encima (solo en estado normal) *\/\r\n.docs-widget--full::before{\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: url(\"https:\/\/steamdigitalhub.steambraceproject.eu\/wp-content\/uploads\/2025\/02\/steambrace-logo.jpg\"); \r\n  background-size: cover;\r\n  background-position: center;\r\n  filter: grayscale(10%) contrast(1.05);\r\n  opacity: .22;                  \/* controla lo visible de la imagen *\/\r\n  z-index: 0;\r\n  transition: opacity .25s ease;\r\n}\r\n\r\n\/* 3) Capa de oscurecimiento extra para que se vea oscurilla *\/\r\n.docs-widget--full::after{\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(0,0,0,.68);   \/* m\u00e1s alto = m\u00e1s oscuro *\/\r\n  z-index: 0;\r\n  transition: opacity .25s ease;\r\n}\r\n\r\n\/* 4) Todo el contenido por encima de las capas *\/\r\n.docs-widget__overlay{\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* 5) En hover (desktop) se quita la imagen y vuelve tu fondo actual tal cual *\/\r\n.docs-widget--full:hover::before,\r\n.docs-widget--full:hover::after,\r\n.docs-widget--full:focus-within::before,\r\n.docs-widget--full:focus-within::after{\r\n  opacity: 0;\r\n}\r\n\r\n\/* 6) En m\u00f3vil cuando est\u00e1 abierto, tambi\u00e9n quitamos la imagen *\/\r\n.docs-widget--open::before,\r\n.docs-widget--open::after{\r\n  opacity: 0;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n  (function () {\r\n    const widgets = document.querySelectorAll('[data-docs-widget]');\r\n    const isTouch = window.matchMedia('(hover: none)').matches;\r\n\r\n    widgets.forEach((widget) => {\r\n      if (!isTouch) return;\r\n\r\n      const centerBtn = widget.querySelector('.docs-widget__center');\r\n      const toggleBtn = widget.querySelector('.docs-widget__toggle');\r\n\r\n      const setExpanded = (open) => {\r\n        widget.classList.toggle('docs-widget--open', open);\r\n        if (centerBtn) centerBtn.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n      };\r\n\r\n      if (centerBtn) {\r\n        centerBtn.addEventListener('click', () => {\r\n          setExpanded(!widget.classList.contains('docs-widget--open'));\r\n        });\r\n      }\r\n\r\n      if (toggleBtn) {\r\n        toggleBtn.addEventListener('click', () => {\r\n          setExpanded(!widget.classList.contains('docs-widget--open'));\r\n        });\r\n      }\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3721c03 elementor-widget elementor-widget-html\" data-id=\"3721c03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"docs-widget docs-widget--full\" data-docs-widget>\r\n  <div class=\"docs-widget__overlay\">\r\n\r\n    <!-- Estado normal: t\u00edtulo centrado -->\r\n    <button class=\"docs-widget__center\" type=\"button\" aria-expanded=\"false\">\r\n      <h3 class=\"docs-widget__title\">PEN<\/h3>\r\n      <p class=\"docs-widget__hint\">Trece\u021bi cursorul mouse-ului pentru a vizualiza documentele<\/p>\r\n\r\n      <span class=\"docs-widget__cta\" aria-hidden=\"true\">\r\n        Ver documentos\r\n        <span class=\"docs-widget__chev\">\u2304<\/span>\r\n      <\/span>\r\n    <\/button>\r\n\r\n    <!-- Estado hover \/ abierto: t\u00edtulo arriba + grid debajo -->\r\n    <div class=\"docs-widget__content\" aria-hidden=\"true\">\r\n      <div class=\"docs-widget__top\">\r\n        <div class=\"docs-widget__topText\">\r\n          <div class=\"docs-widget__topTitle\">PEN<\/div>\r\n          <div class=\"docs-widget__topSub\">Documente disponibile<\/div>\r\n        <\/div>\r\n\r\n        <!-- En m\u00f3vil se muestra como bot\u00f3n -->\r\n        <button class=\"docs-widget__toggle\" type=\"button\" aria-label=\"Mostrar u ocultar documentos\">\r\n          <span class=\"docs-widget__toggleText\">Documents<\/span>\r\n          <span class=\"docs-widget__chev\">\u2304<\/span>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"docs-widget__grid\" aria-label=\"Documentos para descargar\">\r\n        <a class=\"docs-widget__card\" href=\"http:\/\/steambraceproject.eu\/steamdigitalhub\/wp-content\/uploads\/2026\/03\/Pen_Logo-1.pdf\" download>\r\n          <span class=\"docs-widget__icon\" aria-hidden=\"true\">\ud83d\udcc4<\/span>\r\n          <span class=\"docs-widget__name\">Pen Logo<\/span>\r\n          <span class=\"docs-widget__meta\">PDF \u2022 Desc\u0103rcare<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"docs-widget__card\" href=\"http:\/\/steambraceproject.eu\/steamdigitalhub\/wp-content\/uploads\/2026\/03\/Pen-1-scaled.jpg\" download>\r\n          <span class=\"docs-widget__icon\" aria-hidden=\"true\">\ud83d\udcc4<\/span>\r\n          <span class=\"docs-widget__name\">Pen Image<\/span>\r\n          <span class=\"docs-widget__meta\">JPG \u2022 Desc\u0103rcare<\/span>\r\n        <\/a>\r\n        \r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .docs-widget--full{\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    overflow: hidden;\r\n    background:\r\n      radial-gradient(800px 300px at 20% 10%, rgba(255,255,255,.10), transparent 60%),\r\n      radial-gradient(600px 250px at 80% 90%, rgba(255,255,255,.08), transparent 55%),\r\n      linear-gradient(135deg, rgba(10,10,14,.92), rgba(18,18,24,.94));\r\n    box-shadow: 0 18px 55px rgba(0,0,0,.35);\r\n  }\r\n\r\n  .docs-widget__overlay{\r\n    position: relative;\r\n    padding: 34px 28px;\r\n    min-height: 180px;\r\n  }\r\n\r\n  \/* Estado normal: centro perfecto *\/\r\n  .docs-widget__center{\r\n    position: absolute;\r\n    inset: 0;\r\n    display: grid;\r\n    place-items: center;\r\n    text-align: center;\r\n    padding: 34px 28px;\r\n    border: 0;\r\n    background: transparent;\r\n    width: 100%;\r\n    cursor: default;\r\n    transition: opacity .18s ease, transform .18s ease;\r\n  }\r\n\r\n  .docs-widget__title{\r\n    margin: 0;\r\n    font-size: clamp(16px, 2.4vw, 22px);\r\n    line-height: 1.15;\r\n    letter-spacing: .2px;\r\n    color: rgba(255,255,255,.92);\r\n  }\r\n\r\n  .docs-widget__hint{\r\n    margin: 10px 0 0;\r\n    font-size: 12px;\r\n    color: rgba(255,255,255,.65);\r\n  }\r\n\r\n  .docs-widget__cta{\r\n    margin-top: 14px;\r\n    display: none;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,.08);\r\n    border: 1px solid rgba(255,255,255,.14);\r\n    color: rgba(255,255,255,.86);\r\n    font-size: 13px;\r\n    user-select: none;\r\n  }\r\n\r\n  .docs-widget__chev{\r\n    display: inline-block;\r\n    transition: transform .18s ease;\r\n    opacity: .9;\r\n  }\r\n\r\n  \/* Contenido hover\/abierto (t\u00edtulo arriba + grid) *\/\r\n  .docs-widget__content{\r\n    width: 100%;\r\n    max-width: 100%;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    pointer-events: none;\r\n    transition: opacity .25s ease, transform .25s ease;\r\n  }\r\n\r\n  .docs-widget__top{\r\n    width: min(650px, 100%);\r\n    margin: 0 auto 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 14px;\r\n  }\r\n\r\n  .docs-widget__topTitle{\r\n    font-weight: 800;\r\n    font-size: clamp(16px, 2.4vw, 22px);\r\n    text-align: center;\r\n    color: rgba(255,255,255,.92);\r\n    letter-spacing: .2px;\r\n  }\r\n\r\n  .docs-widget__topSub{\r\n    margin-top: 4px;\r\n    font-size: 12px;\r\n    color: rgba(255,255,255,.62);\r\n  }\r\n\r\n  \/* Bot\u00f3n toggle solo para m\u00f3vil *\/\r\n  .docs-widget__toggle{\r\n    display: none;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 12px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,.08);\r\n    border: 1px solid rgba(255,255,255,.14);\r\n    color: rgba(255,255,255,.86);\r\n    font-size: 13px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .docs-widget__grid{\r\n    width: min(650px, 100%);\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 14px;\r\n  }\r\n\r\n  \/* Mostrar en hover: oculto centro y muestro content *\/\r\n  .docs-widget--full:hover .docs-widget__center,\r\n  .docs-widget--full:focus-within .docs-widget__center{\r\n    opacity: 0;\r\n    transform: translateY(-6px);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .docs-widget--full:hover .docs-widget__content,\r\n  .docs-widget--full:focus-within .docs-widget__content{\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    pointer-events: auto;\r\n  }\r\n\r\n  \/* Modo m\u00f3vil abierto *\/\r\n  .docs-widget--open .docs-widget__center{\r\n    opacity: 0;\r\n    transform: translateY(-6px);\r\n    pointer-events: none;\r\n  }\r\n  .docs-widget--open .docs-widget__content{\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    pointer-events: auto;\r\n  }\r\n  .docs-widget--open .docs-widget__chev{ transform: rotate(180deg); }\r\n\r\n  \/* Tarjetas *\/\r\n  .docs-widget__card{\r\n    text-decoration: none;\r\n    border-radius: 14px;\r\n    padding: 10px 10px 8px;\r\n    background: rgba(255,255,255,.06);\r\n    border: 1px solid rgba(255,255,255,.10);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    box-shadow: 0 10px 30px rgba(0,0,0,.18);\r\n    display: grid;\r\n    gap: 6px;\r\n    align-content: start;\r\n    transition: transform .18s ease, background .18s ease, border-color .18s ease;\r\n  }\r\n  .docs-widget__card:hover,\r\n  .docs-widget__card:focus{\r\n    transform: translateY(-4px);\r\n    background: rgba(255,255,255,.10);\r\n    border-color: rgba(255,255,255,.22);\r\n    outline: none;\r\n  }\r\n\r\n  .docs-widget__icon{ font-size: 20px; filter: drop-shadow(0 6px 12px rgba(0,0,0,.25)); }\r\n  .docs-widget__name{ font-weight: 700; font-size: 12.5px; color: rgba(255,255,255,.92); }\r\n  .docs-widget__meta{ font-size: 11px; color: rgba(255,255,255,.62); }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 920px){\r\n    .docs-widget__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n  }\r\n  @media (max-width: 720px){\r\n    .docs-widget__center{ cursor: pointer; }\r\n    .docs-widget__cta{ display: inline-flex; }\r\n    .docs-widget__toggle{ display: inline-flex; }\r\n  }\r\n  @media (max-width: 520px){\r\n    .docs-widget__overlay{ padding: 26px 18px; min-height: 280px; }\r\n    .docs-widget__center{ padding: 26px 18px; }\r\n    .docs-widget__grid{ grid-template-columns: 1fr; }\r\n  }\r\n  \r\n  \/* 1) Que el top sea \"ancla\" para posicionar el bot\u00f3n *\/\r\n.docs-widget__top{\r\n  position: relative;\r\n  justify-content: center; \/* en vez de space-between *\/\r\n}\r\n\r\n\/* 2) Que el bloque de texto est\u00e9 realmente centrado *\/\r\n.docs-widget__topText{\r\n  width: 100%;\r\n  text-align: center;\r\n}\r\n\r\n\/* 3) El bot\u00f3n a la derecha sin afectar al centrado del t\u00edtulo *\/\r\n.docs-widget__toggle{\r\n  position: absolute;\r\n  right: 0;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n}\r\n\r\n\/* 4) En m\u00f3vil, como hay bot\u00f3n, dejamos padding a la derecha para que no pise el texto *\/\r\n@media (max-width: 720px){\r\n  .docs-widget__top{\r\n    padding-right: 120px; \/* ajusta si el bot\u00f3n es m\u00e1s ancho *\/\r\n  }\r\n}\r\n\r\n\/* Opcional: centra tambi\u00e9n el subt\u00edtulo *\/\r\n.docs-widget__topSub{\r\n  text-align: center;\r\n}\r\n\r\n\/* --- IMAGEN OPACA EN ESTADO NORMAL --- *\/\r\n\r\n\/* 1) Asegura contexto para capas *\/\r\n.docs-widget--full{\r\n  position: relative;\r\n}\r\n\r\n\/* 2) Imagen oscura encima (solo en estado normal) *\/\r\n.docs-widget--full::before{\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: url(\"https:\/\/steamdigitalhub.steambraceproject.eu\/wp-content\/uploads\/2025\/02\/steambrace-logo.jpg\"); \r\n  background-size: cover;\r\n  background-position: center;\r\n  filter: grayscale(10%) contrast(1.05);\r\n  opacity: .22;                  \/* controla lo visible de la imagen *\/\r\n  z-index: 0;\r\n  transition: opacity .25s ease;\r\n}\r\n\r\n\/* 3) Capa de oscurecimiento extra para que se vea oscurilla *\/\r\n.docs-widget--full::after{\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(0,0,0,.68);   \/* m\u00e1s alto = m\u00e1s oscuro *\/\r\n  z-index: 0;\r\n  transition: opacity .25s ease;\r\n}\r\n\r\n\/* 4) Todo el contenido por encima de las capas *\/\r\n.docs-widget__overlay{\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* 5) En hover (desktop) se quita la imagen y vuelve tu fondo actual tal cual *\/\r\n.docs-widget--full:hover::before,\r\n.docs-widget--full:hover::after,\r\n.docs-widget--full:focus-within::before,\r\n.docs-widget--full:focus-within::after{\r\n  opacity: 0;\r\n}\r\n\r\n\/* 6) En m\u00f3vil cuando est\u00e1 abierto, tambi\u00e9n quitamos la imagen *\/\r\n.docs-widget--open::before,\r\n.docs-widget--open::after{\r\n  opacity: 0;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n  (function () {\r\n    const widgets = document.querySelectorAll('[data-docs-widget]');\r\n    const isTouch = window.matchMedia('(hover: none)').matches;\r\n\r\n    widgets.forEach((widget) => {\r\n      if (!isTouch) return;\r\n\r\n      const centerBtn = widget.querySelector('.docs-widget__center');\r\n      const toggleBtn = widget.querySelector('.docs-widget__toggle');\r\n\r\n      const setExpanded = (open) => {\r\n        widget.classList.toggle('docs-widget--open', open);\r\n        if (centerBtn) centerBtn.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n      };\r\n\r\n      if (centerBtn) {\r\n        centerBtn.addEventListener('click', () => {\r\n          setExpanded(!widget.classList.contains('docs-widget--open'));\r\n        });\r\n      }\r\n\r\n      if (toggleBtn) {\r\n        toggleBtn.addEventListener('click', () => {\r\n          setExpanded(!widget.classList.contains('docs-widget--open'));\r\n        });\r\n      }\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65d7748 elementor-widget elementor-widget-html\" data-id=\"65d7748\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"docs-widget docs-widget--full\" data-docs-widget>\r\n  <div class=\"docs-widget__overlay\">\r\n\r\n    <!-- Estado normal: t\u00edtulo centrado -->\r\n    <button class=\"docs-widget__center\" type=\"button\" aria-expanded=\"false\">\r\n      <h3 class=\"docs-widget__title\">NOTEBOOK<\/h3>\r\n      <p class=\"docs-widget__hint\">Trece\u021bi cursorul mouse-ului pentru a vizualiza documentele<\/p>\r\n\r\n      <span class=\"docs-widget__cta\" aria-hidden=\"true\">\r\n        Ver documentos\r\n        <span class=\"docs-widget__chev\">\u2304<\/span>\r\n      <\/span>\r\n    <\/button>\r\n\r\n    <!-- Estado hover \/ abierto: t\u00edtulo arriba + grid debajo -->\r\n    <div class=\"docs-widget__content\" aria-hidden=\"true\">\r\n      <div class=\"docs-widget__top\">\r\n        <div class=\"docs-widget__topText\">\r\n          <div class=\"docs-widget__topTitle\">NOTEBOOK<\/div>\r\n          <div class=\"docs-widget__topSub\">Documente disponibile<\/div>\r\n        <\/div>\r\n\r\n        <!-- En m\u00f3vil se muestra como bot\u00f3n -->\r\n        <button class=\"docs-widget__toggle\" type=\"button\" aria-label=\"Mostrar u ocultar documentos\">\r\n          <span class=\"docs-widget__toggleText\">Documents<\/span>\r\n          <span class=\"docs-widget__chev\">\u2304<\/span>\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <div class=\"docs-widget__grid\" aria-label=\"Documentos para descargar\">\r\n        <a class=\"docs-widget__card\" href=\"http:\/\/steambraceproject.eu\/steamdigitalhub\/wp-content\/uploads\/2026\/03\/A5_Notebook_STEAMWEEK-1.pdf\" download>\r\n          <span class=\"docs-widget__icon\" aria-hidden=\"true\">\ud83d\udcc4<\/span>\r\n          <span class=\"docs-widget__name\">A5 Notebook SteamWeek<\/span>\r\n          <span class=\"docs-widget__meta\">PDF \u2022 Desc\u0103rcare<\/span>\r\n        <\/a>\r\n\r\n        <a class=\"docs-widget__card\" href=\"http:\/\/steambraceproject.eu\/steamdigitalhub\/wp-content\/uploads\/2026\/03\/Notebook_Steambrace_A5-1-scaled.jpg\" download>\r\n          <span class=\"docs-widget__icon\" aria-hidden=\"true\">\ud83d\udcc4<\/span>\r\n          <span class=\"docs-widget__name\">Notebook Steambrace A5<\/span>\r\n          <span class=\"docs-widget__meta\">JPEG \u2022 Desc\u0103rcare<\/span>\r\n        <\/a>\r\n         <a class=\"docs-widget__card\" href=\"http:\/\/steambraceproject.eu\/steamdigitalhub\/wp-content\/uploads\/2026\/03\/A5_Notebook_STEAMWEEK_Print-1.pdf\" download>\r\n          <span class=\"docs-widget__icon\" aria-hidden=\"true\">\ud83d\udcc4<\/span>\r\n          <span class=\"docs-widget__name\">A5 Notebook Steambrace Print<\/span>\r\n          <span class=\"docs-widget__meta\">PDF \u2022 Desc\u0103rcare<\/span>\r\n        <\/a>\r\n        \r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n<style>\r\n  .docs-widget--full{\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    overflow: hidden;\r\n    background:\r\n      radial-gradient(800px 300px at 20% 10%, rgba(255,255,255,.10), transparent 60%),\r\n      radial-gradient(600px 250px at 80% 90%, rgba(255,255,255,.08), transparent 55%),\r\n      linear-gradient(135deg, rgba(10,10,14,.92), rgba(18,18,24,.94));\r\n    box-shadow: 0 18px 55px rgba(0,0,0,.35);\r\n  }\r\n\r\n  .docs-widget__overlay{\r\n    position: relative;\r\n    padding: 34px 28px;\r\n    min-height: 180px;\r\n  }\r\n\r\n  \/* Estado normal: centro perfecto *\/\r\n  .docs-widget__center{\r\n    position: absolute;\r\n    inset: 0;\r\n    display: grid;\r\n    place-items: center;\r\n    text-align: center;\r\n    padding: 34px 28px;\r\n    border: 0;\r\n    background: transparent;\r\n    width: 100%;\r\n    cursor: default;\r\n    transition: opacity .18s ease, transform .18s ease;\r\n  }\r\n\r\n  .docs-widget__title{\r\n    margin: 0;\r\n    font-size: clamp(16px, 2.4vw, 22px);\r\n    line-height: 1.15;\r\n    letter-spacing: .2px;\r\n    color: rgba(255,255,255,.92);\r\n  }\r\n\r\n  .docs-widget__hint{\r\n    margin: 10px 0 0;\r\n    font-size: 12px;\r\n    color: rgba(255,255,255,.65);\r\n  }\r\n\r\n  .docs-widget__cta{\r\n    margin-top: 14px;\r\n    display: none;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,.08);\r\n    border: 1px solid rgba(255,255,255,.14);\r\n    color: rgba(255,255,255,.86);\r\n    font-size: 13px;\r\n    user-select: none;\r\n  }\r\n\r\n  .docs-widget__chev{\r\n    display: inline-block;\r\n    transition: transform .18s ease;\r\n    opacity: .9;\r\n  }\r\n\r\n  \/* Contenido hover\/abierto (t\u00edtulo arriba + grid) *\/\r\n  .docs-widget__content{\r\n    width: 100%;\r\n    max-width: 100%;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    pointer-events: none;\r\n    transition: opacity .25s ease, transform .25s ease;\r\n  }\r\n\r\n  .docs-widget__top{\r\n    width: min(650px, 100%);\r\n    margin: 0 auto 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 14px;\r\n  }\r\n\r\n  .docs-widget__topTitle{\r\n    font-weight: 800;\r\n    font-size: clamp(16px, 2.4vw, 22px);\r\n    text-align: center;\r\n    color: rgba(255,255,255,.92);\r\n    letter-spacing: .2px;\r\n  }\r\n\r\n  .docs-widget__topSub{\r\n    margin-top: 4px;\r\n    font-size: 12px;\r\n    color: rgba(255,255,255,.62);\r\n  }\r\n\r\n  \/* Bot\u00f3n toggle solo para m\u00f3vil *\/\r\n  .docs-widget__toggle{\r\n    display: none;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 10px 12px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,.08);\r\n    border: 1px solid rgba(255,255,255,.14);\r\n    color: rgba(255,255,255,.86);\r\n    font-size: 13px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .docs-widget__grid{\r\n    width: min(650px, 100%);\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 14px;\r\n  }\r\n\r\n  \/* Mostrar en hover: oculto centro y muestro content *\/\r\n  .docs-widget--full:hover .docs-widget__center,\r\n  .docs-widget--full:focus-within .docs-widget__center{\r\n    opacity: 0;\r\n    transform: translateY(-6px);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .docs-widget--full:hover .docs-widget__content,\r\n  .docs-widget--full:focus-within .docs-widget__content{\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    pointer-events: auto;\r\n  }\r\n\r\n  \/* Modo m\u00f3vil abierto *\/\r\n  .docs-widget--open .docs-widget__center{\r\n    opacity: 0;\r\n    transform: translateY(-6px);\r\n    pointer-events: none;\r\n  }\r\n  .docs-widget--open .docs-widget__content{\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    pointer-events: auto;\r\n  }\r\n  .docs-widget--open .docs-widget__chev{ transform: rotate(180deg); }\r\n\r\n  \/* Tarjetas *\/\r\n  .docs-widget__card{\r\n    text-decoration: none;\r\n    border-radius: 14px;\r\n    padding: 10px 10px 8px;\r\n    background: rgba(255,255,255,.06);\r\n    border: 1px solid rgba(255,255,255,.10);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    box-shadow: 0 10px 30px rgba(0,0,0,.18);\r\n    display: grid;\r\n    gap: 6px;\r\n    align-content: start;\r\n    transition: transform .18s ease, background .18s ease, border-color .18s ease;\r\n  }\r\n  .docs-widget__card:hover,\r\n  .docs-widget__card:focus{\r\n    transform: translateY(-4px);\r\n    background: rgba(255,255,255,.10);\r\n    border-color: rgba(255,255,255,.22);\r\n    outline: none;\r\n  }\r\n\r\n  .docs-widget__icon{ font-size: 20px; filter: drop-shadow(0 6px 12px rgba(0,0,0,.25)); }\r\n  .docs-widget__name{ font-weight: 700; font-size: 12.5px; color: rgba(255,255,255,.92); }\r\n  .docs-widget__meta{ font-size: 11px; color: rgba(255,255,255,.62); }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 920px){\r\n    .docs-widget__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n  }\r\n  @media (max-width: 720px){\r\n    .docs-widget__center{ cursor: pointer; }\r\n    .docs-widget__cta{ display: inline-flex; }\r\n    .docs-widget__toggle{ display: inline-flex; }\r\n  }\r\n  @media (max-width: 520px){\r\n    .docs-widget__overlay{ padding: 26px 18px; min-height: 280px; }\r\n    .docs-widget__center{ padding: 26px 18px; }\r\n    .docs-widget__grid{ grid-template-columns: 1fr; }\r\n  }\r\n  \r\n  \/* 1) Que el top sea \"ancla\" para posicionar el bot\u00f3n *\/\r\n.docs-widget__top{\r\n  position: relative;\r\n  justify-content: center; \/* en vez de space-between *\/\r\n}\r\n\r\n\/* 2) Que el bloque de texto est\u00e9 realmente centrado *\/\r\n.docs-widget__topText{\r\n  width: 100%;\r\n  text-align: center;\r\n}\r\n\r\n\/* 3) El bot\u00f3n a la derecha sin afectar al centrado del t\u00edtulo *\/\r\n.docs-widget__toggle{\r\n  position: absolute;\r\n  right: 0;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n}\r\n\r\n\/* 4) En m\u00f3vil, como hay bot\u00f3n, dejamos padding a la derecha para que no pise el texto *\/\r\n@media (max-width: 720px){\r\n  .docs-widget__top{\r\n    padding-right: 120px; \/* ajusta si el bot\u00f3n es m\u00e1s ancho *\/\r\n  }\r\n}\r\n\r\n\/* Opcional: centra tambi\u00e9n el subt\u00edtulo *\/\r\n.docs-widget__topSub{\r\n  text-align: center;\r\n}\r\n\r\n\/* --- IMAGEN OPACA EN ESTADO NORMAL --- *\/\r\n\r\n\/* 1) Asegura contexto para capas *\/\r\n.docs-widget--full{\r\n  position: relative;\r\n}\r\n\r\n\/* 2) Imagen oscura encima (solo en estado normal) *\/\r\n.docs-widget--full::before{\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: url(\"https:\/\/steamdigitalhub.steambraceproject.eu\/wp-content\/uploads\/2025\/02\/steambrace-logo.jpg\"); \r\n  background-size: cover;\r\n  background-position: center;\r\n  filter: grayscale(10%) contrast(1.05);\r\n  opacity: .22;                  \/* controla lo visible de la imagen *\/\r\n  z-index: 0;\r\n  transition: opacity .25s ease;\r\n}\r\n\r\n\/* 3) Capa de oscurecimiento extra para que se vea oscurilla *\/\r\n.docs-widget--full::after{\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: rgba(0,0,0,.68);   \/* m\u00e1s alto = m\u00e1s oscuro *\/\r\n  z-index: 0;\r\n  transition: opacity .25s ease;\r\n}\r\n\r\n\/* 4) Todo el contenido por encima de las capas *\/\r\n.docs-widget__overlay{\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* 5) En hover (desktop) se quita la imagen y vuelve tu fondo actual tal cual *\/\r\n.docs-widget--full:hover::before,\r\n.docs-widget--full:hover::after,\r\n.docs-widget--full:focus-within::before,\r\n.docs-widget--full:focus-within::after{\r\n  opacity: 0;\r\n}\r\n\r\n\/* 6) En m\u00f3vil cuando est\u00e1 abierto, tambi\u00e9n quitamos la imagen *\/\r\n.docs-widget--open::before,\r\n.docs-widget--open::after{\r\n  opacity: 0;\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n  (function () {\r\n    const widgets = document.querySelectorAll('[data-docs-widget]');\r\n    const isTouch = window.matchMedia('(hover: none)').matches;\r\n\r\n    widgets.forEach((widget) => {\r\n      if (!isTouch) return;\r\n\r\n      const centerBtn = widget.querySelector('.docs-widget__center');\r\n      const toggleBtn = widget.querySelector('.docs-widget__toggle');\r\n\r\n      const setExpanded = (open) => {\r\n        widget.classList.toggle('docs-widget--open', open);\r\n        if (centerBtn) centerBtn.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n      };\r\n\r\n      if (centerBtn) {\r\n        centerBtn.addEventListener('click', () => {\r\n          setExpanded(!widget.classList.contains('docs-widget--open'));\r\n        });\r\n      }\r\n\r\n      if (toggleBtn) {\r\n        toggleBtn.addEventListener('click', () => {\r\n          setExpanded(!widget.classList.contains('docs-widget--open'));\r\n        });\r\n      }\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ZONA PARTICIPAN\u021aILOR * Face\u021bi clic pentru a desc\u0103rca documentul Bine a\u021bi venit \u00een zona participan\u021bilor. Aici ve\u021bi g\u0103si documenta\u021bia oficial\u0103<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1209","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.7 (Yoast SEO v27.1.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>PARTICIPANT AREA - RO - STEAM Digital HUB<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/steambraceproject.eu\/steamdigitalhub\/ro\/participant-area-ro\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PARTICIPANT AREA - RO\" \/>\n<meta property=\"og:description\" content=\"ZONA PARTICIPAN\u021aILOR * Face\u021bi clic pentru a desc\u0103rca documentul Bine a\u021bi venit \u00een zona participan\u021bilor. Aici ve\u021bi g\u0103si documenta\u021bia oficial\u0103\" \/>\n<meta property=\"og:url\" content=\"https:\/\/steambraceproject.eu\/steamdigitalhub\/ro\/participant-area-ro\/\" \/>\n<meta property=\"og:site_name\" content=\"STEAM Digital HUB\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-10T14:53:20+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/steambraceproject.eu\/steamdigitalhub\/ro\/participant-area-ro\/\",\"url\":\"https:\/\/steambraceproject.eu\/steamdigitalhub\/ro\/participant-area-ro\/\",\"name\":\"PARTICIPANT AREA - RO - STEAM Digital HUB\",\"isPartOf\":{\"@id\":\"https:\/\/steambraceproject.eu\/steamdigitalhub\/#website\"},\"datePublished\":\"2026-03-10T14:48:47+00:00\",\"dateModified\":\"2026-03-10T14:53:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/steambraceproject.eu\/steamdigitalhub\/ro\/participant-area-ro\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/steambraceproject.eu\/steamdigitalhub\/ro\/participant-area-ro\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/steambraceproject.eu\/steamdigitalhub\/ro\/participant-area-ro\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/steambraceproject.eu\/steamdigitalhub\/en\/home\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PARTICIPANT AREA &#8211; RO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/steambraceproject.eu\/steamdigitalhub\/#website\",\"url\":\"https:\/\/steambraceproject.eu\/steamdigitalhub\/\",\"name\":\"STEAM Digital HUB\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/steambraceproject.eu\/steamdigitalhub\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"PARTICIPANT AREA - RO - STEAM Digital HUB","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/steambraceproject.eu\/steamdigitalhub\/ro\/participant-area-ro\/","og_locale":"es_ES","og_type":"article","og_title":"PARTICIPANT AREA - RO","og_description":"ZONA PARTICIPAN\u021aILOR * Face\u021bi clic pentru a desc\u0103rca documentul Bine a\u021bi venit \u00een zona participan\u021bilor. Aici ve\u021bi g\u0103si documenta\u021bia oficial\u0103","og_url":"https:\/\/steambraceproject.eu\/steamdigitalhub\/ro\/participant-area-ro\/","og_site_name":"STEAM Digital HUB","article_modified_time":"2026-03-10T14:53:20+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/steambraceproject.eu\/steamdigitalhub\/ro\/participant-area-ro\/","url":"https:\/\/steambraceproject.eu\/steamdigitalhub\/ro\/participant-area-ro\/","name":"PARTICIPANT AREA - RO - STEAM Digital HUB","isPartOf":{"@id":"https:\/\/steambraceproject.eu\/steamdigitalhub\/#website"},"datePublished":"2026-03-10T14:48:47+00:00","dateModified":"2026-03-10T14:53:20+00:00","breadcrumb":{"@id":"https:\/\/steambraceproject.eu\/steamdigitalhub\/ro\/participant-area-ro\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/steambraceproject.eu\/steamdigitalhub\/ro\/participant-area-ro\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/steambraceproject.eu\/steamdigitalhub\/ro\/participant-area-ro\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/steambraceproject.eu\/steamdigitalhub\/en\/home\/"},{"@type":"ListItem","position":2,"name":"PARTICIPANT AREA &#8211; RO"}]},{"@type":"WebSite","@id":"https:\/\/steambraceproject.eu\/steamdigitalhub\/#website","url":"https:\/\/steambraceproject.eu\/steamdigitalhub\/","name":"STEAM Digital HUB","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/steambraceproject.eu\/steamdigitalhub\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/steambraceproject.eu\/steamdigitalhub\/wp-json\/wp\/v2\/pages\/1209","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/steambraceproject.eu\/steamdigitalhub\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/steambraceproject.eu\/steamdigitalhub\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/steambraceproject.eu\/steamdigitalhub\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/steambraceproject.eu\/steamdigitalhub\/wp-json\/wp\/v2\/comments?post=1209"}],"version-history":[{"count":4,"href":"https:\/\/steambraceproject.eu\/steamdigitalhub\/wp-json\/wp\/v2\/pages\/1209\/revisions"}],"predecessor-version":[{"id":1213,"href":"https:\/\/steambraceproject.eu\/steamdigitalhub\/wp-json\/wp\/v2\/pages\/1209\/revisions\/1213"}],"wp:attachment":[{"href":"https:\/\/steambraceproject.eu\/steamdigitalhub\/wp-json\/wp\/v2\/media?parent=1209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}