con rol de boton y debe quedarse sin fondo. */ .elementor-kit-10 [type="button"]:focus, .elementor-kit-10 [type="button"]:hover, .elementor-kit-10 [type="submit"]:focus, .elementor-kit-10 [type="submit"]:hover, .elementor-kit-10 button:focus, .elementor-kit-10 button:hover { background-color: var(--e-global-color-primary); color: var(--e-global-color-brand_light); } /* Boton que abre el menu. Es un boton normal de Elementor con la clase `af-open-menu`, que es el `open_.elementor-kit-10` del Popup. Antes se usaba el toggle del widget nav-menu, pero ese alterna su propio estado en paralelo al popup: al cerrar el popup se quedaba en `.elementor-active` y ya no volvia a abrir. Aqui solo hay un disparador, sin estado propio. */ body.elementor-kit-10 .af-menu-btn .elementor-button, body.elementor-kit-10 .af-menu-btn .elementor-button:hover, body.elementor-kit-10 .af-menu-btn .elementor-button:focus { background-color: transparent; border: 0; border-radius: 0; /* Area tactil de 44 px de alto, objetivo del plan. */ min-height: 44px; display: inline-flex; align-items: center; } body.elementor-kit-10 .af-menu-btn .elementor-button-icon svg, body.elementor-kit-10 .af-menu-btn .elementor-button-icon i { width: 20px; height: 20px; display: block; } .elementor-kit-10 input:focus, .elementor-kit-10 select:focus, .elementor-kit-10 textarea:focus { border-color: var(--e-global-color-secondary); } /* -------------------------------------------------------------------------- 2. Sin subrayados en botones ni en la marca Hello Elementor subraya todos los ; en un boton o en el logotipo sobra. Los enlaces de texto SI conservan el subrayado (es su unica pista no cromatica). -------------------------------------------------------------------------- */ .elementor-kit-10 .elementor-button, .elementor-kit-10 .elementor-button:hover, .elementor-kit-10 .elementor-button:focus, .elementor-kit-10 .af-brand-link a, .elementor-kit-10 .af-brand-link a:hover, .elementor-kit-10 .elementor-nav-menu a, .elementor-kit-10 .elementor-nav-menu a:hover, .elementor-kit-10 .elementor-nav-menu a:focus { text-decoration: none; } .elementor-kit-10 .af-brand-link a { color: inherit; } .elementor-kit-10 .af-brand-link a:hover { color: var(--e-global-color-secondary); } /* -------------------------------------------------------------------------- 3. Cabecera: dos variantes segun lo que haya debajo El snippet «AF — Cabecera sobre el hero» marca el con af-header-overlay (hay un hero oscuro: la cabecera se superpone) o af-header-solid (no lo hay: cabecera opaca sobre Lienzo, con borde). -------------------------------------------------------------------------- */ /* --- Variante solida: cabecera normal, con su linea inferior --- */ .af-header-solid .af-header { background-color: var(--e-global-color-brand_light); border-bottom: 1px solid var(--e-global-color-brand_border); } /* -------------------------------------------------------------------------- 4. Capa del menu (Popup de Elementor, plantilla «Popup — Menu principal») El menu vive en un Popup con `open_.elementor-kit-10: .af-open-menu`, asi que aqui solo queda afinar el listado que contiene. -------------------------------------------------------------------------- */ /* Los enlaces son headings con etiqueta SPAN enlazada, no el widget de menu ni botones: no son titulos de seccion, asi que no deben aparecer en el esquema de encabezados. El lo pinta Elementor dentro del span. */ .elementor-kit-10 .af-popup-link .elementor-heading-title { display: block; width: 100%; text-align: center; } /* El enlace ocupa toda la linea para que el area de clic no dependa del largo del texto, y para que el centrado sea real y no optico. */ .elementor-kit-10 .af-popup-link .elementor-heading-title a { display: block; width: 100%; padding: 10px 8px; text-align: center; text-decoration: none; color: var(--e-global-color-brand_light); } /* Arena sobre el fondo del popup = 6,01:1. */ .elementor-kit-10 .af-popup-link .elementor-heading-title a:hover, .elementor-kit-10 .af-popup-link .elementor-heading-title a:focus-visible { color: var(--e-global-color-af_arena); } .elementor-kit-10 .af-popup-mail a:hover .elementor-heading-title, .elementor-kit-10 .af-popup-mail:hover .elementor-heading-title { color: var(--e-global-color-af_arena); } /* Elementor mete un clearfix (`.elementor-location-header:before` con `display:table`) pensado para el flujo normal. Con la cabecera en `position:absolute` esa caja se convierte en una franja vacia. */ .elementor-kit-10 .elementor-location-header:before, .elementor-kit-10 .elementor-location-footer:before { content: none; } /* -------------------------------------------------------------------------- 4. Migas de pan [af_breadcrumb] -------------------------------------------------------------------------- */ .elementor-kit-10 .af-breadcrumb ol { list-style: none; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 .5rem; margin: 0; padding: 0; font-family: "Inter", sans-serif; font-size: 14px; color: var(--e-global-color-af_gris); } .elementor-kit-10 .af-breadcrumb li { margin: 0; display: flex; align-items: baseline; gap: .5rem; } .elementor-kit-10 .af-breadcrumb li + li::before { content: "/"; color: var(--e-global-color-brand_border); } .elementor-kit-10 .af-breadcrumb a { color: var(--e-global-color-af_gris); text-decoration: none; border-bottom: 1px solid var(--e-global-color-brand_border); } .elementor-kit-10 .af-breadcrumb a:hover { color: var(--e-global-color-secondary); border-bottom-color: currentColor; } .elementor-kit-10 .af-breadcrumb [aria-current="page"] { color: var(--e-global-color-primary); } /* -------------------------------------------------------------------------- 5. Navegacion de disciplinas del archivo [af_nav_disciplinas] -------------------------------------------------------------------------- */ .elementor-kit-10 .af-nav-disciplinas ul { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem 1.75rem; margin: 0; padding: 0 0 1rem; border-bottom: 1px solid var(--e-global-color-brand_border); } .elementor-kit-10 .af-nav-disciplinas li { margin: 0; } .elementor-kit-10 .af-nav-disciplinas a { display: inline-block; padding: .35rem 0; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 500; color: var(--e-global-color-text); text-decoration: none; border-bottom: 2px solid transparent; } .elementor-kit-10 .af-nav-disciplinas a:hover { color: var(--e-global-color-secondary); border-bottom-color: var(--e-global-color-brand_border); } /* El activo se marca con color Y con subrayado: nunca solo color. */ .elementor-kit-10 .af-nav-disciplinas a[aria-current="page"] { color: var(--e-global-color-secondary); border-bottom-color: var(--e-global-color-secondary); } /* -------------------------------------------------------------------------- 7. Ficha tecnica de la obra [af_obra_ficha] -------------------------------------------------------------------------- */ .elementor-kit-10 .af-ficha { margin: 0; border-top: 1px solid var(--e-global-color-brand_border); font-family: "Inter", sans-serif; font-size: 16px; } .elementor-kit-10 .af-ficha-fila { display: grid; grid-template-columns: minmax(6.5rem, 34%) 1fr; gap: 1rem; padding: .7rem 0; border-bottom: 1px solid var(--e-global-color-brand_border); } .elementor-kit-10 .af-ficha-etiqueta { margin: 0; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--e-global-color-af_gris); line-height: 1.6; } .elementor-kit-10 .af-ficha-valor { margin: 0; color: var(--e-global-color-primary); line-height: 1.5; } @media (max-width: 480px) { .elementor-kit-10 .af-ficha-fila { grid-template-columns: 1fr; gap: .15rem; } } /* -------------------------------------------------------------------------- 9. Textos legales y descripcion de obra -------------------------------------------------------------------------- */ .elementor-kit-10 .af-legal ul, .elementor-kit-10 .af-legal ol, .elementor-kit-10 .af-obra-texto ul, .elementor-kit-10 .af-obra-texto ol { padding-left: 1.25rem; margin: 0 0 1.5rem; } .elementor-kit-10 .af-legal li, .elementor-kit-10 .af-obra-texto li { margin-bottom: .4rem; line-height: 1.65; } .elementor-kit-10 .af-legal h2 { margin-top: 2.5rem; } /* El H1 de estas paginas viene en MAYUSCULAS dentro del texto, asi que a la escala normal de titulo resulta desproporcionado. Se baja solo aqui. */ .elementor-kit-10 .af-legal h1 { font-size: clamp(1.9rem, 3.4vw, 2.6rem); line-height: 1.15; margin-bottom: 2rem; } /* Jerarquia interna mas contenida, en la misma proporcion. */ .elementor-kit-10 .af-legal h2 { font-size: clamp(1.35rem, 2.1vw, 1.6rem); line-height: 1.25; } .elementor-kit-10 .af-legal h3 { font-size: clamp(1.05rem, 1.5vw, 1.15rem); margin-top: 1.75rem; } /* -------------------------------------------------------------------------- 10. Logos institucionales del pie -------------------------------------------------------------------------- */ .elementor-kit-10 .af-footer-logos img { max-height: 46px; width: auto; object-fit: contain; } /* -------------------------------------------------------------------------- 11. Respetar prefers-reduced-motion en todo el sitio -------------------------------------------------------------------------- */ @media (prefers-reduced-motion: reduce) { .elementor-kit-10 *, .elementor-kit-10 *::before, .elementor-kit-10 *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } /* Sin animacion, la imagen de disciplina se revela igual en hover. */ .elementor-kit-10 .af-disciplina-link:hover .af-disciplina-img { opacity: 1; } } /* -------------------------------------------------------------------------- 11. Tarjeta del loop clicable al completo El container lleva `link`, asi que Elementor lo envuelve en un : el area de clic es toda la tarjeta y basta un solo tabulador por obra. -------------------------------------------------------------------------- */ .elementor-kit-10 a.af-card, .elementor-kit-10 .af-card > a { text-decoration: none; color: inherit; } /* El foco tiene que verse sobre la obra, que puede ser de cualquier color. */ .elementor-kit-10 a.af-card:focus-visible { outline: 3px solid var(--e-global-color-brand_light); outline-offset: 3px; } /* -------------------------------------------------------------------------- Pie claro — enlaces sobre blanco El kit pinta los en Secondary (#111111), que sobre blanco da 18,9:1. Antes el pie era oscuro y forzaba Lienzo; con brand_light = #FFFFFF eso dejaria texto blanco sobre blanco. -------------------------------------------------------------------------- */ .elementor-kit-10 .af-footer a { color: var(--e-global-color-primary); text-decoration: none; } .elementor-kit-10 .af-footer a:hover, .elementor-kit-10 .af-footer a:focus-visible { color: var(--e-global-color-af_gris); }/* End custom CSS */