/* ==========================================================================
   a11y.css — Accesibilidad Sonido Chamizo (subsanación Kit Digital, 09/2026)
   Se carga después de css/template.min.css desde los ficheros de plantilla de chamizov2
   ========================================================================== */

/* Texto solo para lectores de pantalla */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Foco visible en todo el sitio (Themler lo anula con outline-width:0). Doble color: contorno blanco con halo negro, visible sobre el fondo negro, sobre el rojo y sobre el azul del aviso de cookies */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffffff!important;outline-offset:2px;box-shadow:0 0 0 6px #000000!important}

/* Destino del enlace de salto */
#contenido{scroll-margin-top:90px}
#contenido:focus{outline:none}

/* Enlace "Saltar al contenido principal" (visible solo al recibir el foco): negro sobre blanco, 21:1 */
.skip-link{position:absolute;left:-999px;top:8px;z-index:100000;background:#ffffff;color:#000000;padding:10px 16px;border-radius:4px;font-size:16px;text-decoration:none;width:auto;height:auto;overflow:visible}
.skip-link:focus{left:8px;top:8px}
a.skip-link:focus,a.skip-link:hover{color:#000000!important;background:#ffffff!important;text-decoration:underline}

/* Menú principal y enlaces: estados al pasar el puntero, al recibir el foco y opción activa en rojo claro sobre negro (6,9:1), subrayados.
   La plantilla usaba el rojo #db2418 sobre negro (4,28:1) */
.bd-menu-3.nav-pills .bd-menuitem-7>a:hover,.bd-menu-3.nav-pills .bd-menuitem-7>a:hover>span,
.bd-menu-3.nav-pills .bd-menuitem-7>a:focus,.bd-menu-3.nav-pills .bd-menuitem-7>a:focus>span,
.bd-menu-3.nav-pills .bd-menuitem-7>a.active,.bd-menu-3.nav-pills .bd-menuitem-7>a.active>span,
.bd-toplevel-item .bd-menu-3.nav-pills .bd-menuitem-7>a.active,.bd-toplevel-item .bd-menu-3.nav-pills .bd-menuitem-7:not(.active)>a:hover:not(.active){color:#ff5c50!important;text-decoration:underline}
a:hover,a:focus,.bd-hmenu-3 .bd-menu-close-icon a:hover,.bd-hmenu-3 .bd-menu-close-icon a:focus{color:#ff5c50}
.bd-footerarea-1 .custom a:hover,.bd-footerarea-1 .custom a:focus{color:#ff5c50!important;text-decoration:underline}

/* Menú desplegable en móvil: fondo negro opaco y opciones largas en varias líneas (antes "HORA LOCA EXTREMADURA" quedaba cortada) */
.bd-hmenu-3 .navbar-collapse.in,.bd-hmenu-3 .navbar-collapse.collapsing{background-color:#000000}
@media (max-width:767px){.bd-hmenu-3 .navbar-collapse .bd-menuitem-7>a,.bd-hmenu-3 .navbar-collapse .bd-menuitem-7>a>span{white-space:normal!important}}
/* En el panel del menú móvil, que recorta lo que sobresale, el indicador de foco se dibuja hacia dentro del enlace para que se vea completo */
@media (max-width:767px){.bd-hmenu-3 .navbar-collapse a:focus-visible{outline-offset:-5px!important;box-shadow:none!important}}

/* Botón del menú en móvil y botón de cierre: área mínima de 44×44 px (el nombre accesible lo añade a11y.js) */
.bd-responsivemenu-3 a[data-toggle="collapse"]{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.bd-hmenu-3 .bd-menu-close-icon a{display:inline-block;min-width:44px;min-height:44px;box-sizing:border-box}

/* Cabecera fija que aparece al desplazar la página: fondo negro opaco (la plantilla la dejaba transparente y el menú blanco quedaba sobre las fotografías) */
.bd-affix-1.affix{background-color:#000000!important}

/* Selector de idioma GTranslate: cada bandera con un área de 32×32 px (antes 18×19 px; mínimo exigido 24×24), las dos en la misma línea */
#gt-wrapper-90 a.glink{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0 1px;vertical-align:middle}
#gt-wrapper-90 a.glink img{margin:0}

/* Pie de página: encabezados con el aspecto que tenían (texto en negrita de 20 px) y enlaces de 24 px de alto como mínimo */
.bd-footerarea-1 h2.titulo-pie{font-size:20px;line-height:1.3;font-weight:bold;color:#ffffff;margin:0;text-transform:none}
.bd-footerarea-1 .custom a{color:#ffffff;text-decoration:underline;display:inline-block;padding:6px 6px;line-height:20px}

/* Aviso de cookies (Web357): 14 px, botones con altura suficiente y colores con contraste
   (antes texto blanco de 12 px sobre #3b89c7, 3,76:1, y sobre #7b8a8b, 3,59:1) */
#w357_cpnb_outer .cpnb-message,#w357_cpnb_outer .cpnb-button,#cpnb_inner{font-size:14px!important;line-height:1.4}
#w357_cpnb_outer .cpnb-button{min-height:32px;padding:6px 12px!important}
#cpnb-accept-btn,.cpnb-button-ok,.cpnb-m-enableAllButton{background-color:#0b5394!important;color:#ffffff!important}
#cpnb-accept-btn:hover,#cpnb-accept-btn:focus,.cpnb-button-ok:hover,.cpnb-button-ok:focus,.cpnb-m-enableAllButton:hover,.cpnb-m-enableAllButton:focus{background-color:#083d6e!important;color:#ffffff!important}
#cpnb-moreinfo-btn,.cpnb-button-more-default,.cpnb-button-more-modal{background-color:#4a5859!important;color:#ffffff!important}
#cpnb-moreinfo-btn:hover,#cpnb-moreinfo-btn:focus,.cpnb-button-more-default:hover,.cpnb-button-more-default:focus,.cpnb-button-more-modal:hover,.cpnb-button-more-modal:focus{background-color:#364041!important;color:#ffffff!important}

/* Título de artículo impreso por la plantilla como h1: mismo aspecto que tenía el h2 (30 px, grosor normal, centrado) */
h1.bd-postheader-7{font-weight:500;margin:0 0 10px}

/* Portada: enlaces de los servicios (texto blanco sobre negro, 21:1) */
.seccion-botones .icono a{color:#ffffff;text-decoration:underline}

/* Preferencia de movimiento reducido */
@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}

/* Página de error 404: la plantilla escribía el texto en blanco sobre una caja gris claro (#f4f4f4). Texto oscuro con contraste (negro 19,1:1; #222222 14,5:1; enlace #0b5394 7,1:1) */
.bd-text404-41,.bd-text404-41 p{color:#222222!important}
.bd-text404-41 h1{color:#000000!important;font-size:30px;line-height:1.3;text-align:left;margin:0 0 12px}
.bd-text404-41 a{color:#0b5394!important;text-decoration:underline}
.bd-text404-41 a:hover,.bd-text404-41 a:focus{color:#083d6e!important}
.bd-body-9 a:focus-visible{outline:3px solid #000000!important;box-shadow:0 0 0 6px #ffffff!important}

/* Enlaces de teléfono y correo de la página Contactar: 31 px de alto como mínimo (antes texto sin enlace) */
.bd-content-7 a[href^="tel:"],.bd-content-7 a[href^="mailto:"]{display:inline-block;padding:6px 4px;line-height:19px;color:#ffffff;text-decoration:underline}

/* Ventana "Configuración" del aviso de cookies: botón "Guardar configuración" con contraste (antes blanco sobre #85c788, 2,0:1; ahora sobre #1b5e20, 7,9:1),
   botones de 14 px, botón de cierre y casillas de 24 px como mínimo y rótulo del desplegable de categorías en español */
.cpnb-m-SaveChangesButton,#cpnb-save-btn-m{background-color:#1b5e20!important;color:#ffffff!important}
.cpnb-m-SaveChangesButton:hover,.cpnb-m-SaveChangesButton:focus,#cpnb-save-btn-m:hover,#cpnb-save-btn-m:focus{background-color:#0d3d12!important;color:#ffffff!important}
#cpnb_inner .cpnb-button{font-size:14px!important;min-height:32px}
#cpnb-modal-close{min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
#cpnb_inner input.cpnb-checkbox,#cpnb_inner input[type="checkbox"]{width:24px;height:24px;vertical-align:middle}
@media only screen and (max-width:600px){.cpnb-left-menu-toggle::after,.cpnb-left-menu-toggle-button{content:"Categorías"}}

/* Viñetas de las listas: la plantilla las dibuja con un carácter de una fuente de iconos que los lectores de pantalla leían como "ŕ"; se mantiene la viñeta y se le da un texto alternativo vacío */
.bd-bulletlist li:before,.bd-tagstyles:not(.bd-custom-bulletlist):not(.shape-only) ul:not([class*=menu]) li:before{content:"ŕ" / ""}

/* Títulos de sección de las páginas legales, marcados como h2 con el aspecto que tenían (negrita, tamaño del texto, alineados a la izquierda) */
h2.titulo-legal{font-family:"Open Sans",Arial,"Arial Unicode MS",Helvetica,sans-serif!important;font-size:14px!important;line-height:1.43;letter-spacing:normal;font-weight:bold;text-align:left!important;text-transform:none;margin:1.2em 0 .5em;color:#ffffff}

/* Enlace de la página de error: 25 px de alto */
.bd-text404-41 a{display:inline-block;padding:3px 0}