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

/* 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 anula el contorno). Doble color: negro con halo blanco, visible sobre blanco y sobre azul */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #000000!important;outline-offset:2px;box-shadow:0 0 0 6px #ffffff!important}
#w357_cpnb_outer a:focus-visible,#w357_cpnb_outer [tabindex]:focus-visible,.bd-footerarea-1 a:focus-visible{outline:3px solid #ffffff!important;box-shadow:0 0 0 6px #000000!important}

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

/* Enlace "Saltar al contenido principal" (visible solo al recibir el foco) */
.skip-link{position:absolute;left:-999px;top:8px;z-index:100000;background:#000000;color:#ffffff;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;outline:3px solid #ffffff;outline-offset:2px}
a.skip-link:focus,a.skip-link:hover{color:#ffffff!important;background:#000000!important}

/* Menú principal: opción activa y estados al pasar el puntero y al recibir el foco en azul oscuro sobre blanco (7,5:1).
   La plantilla usaba #44a4e8 (2,7:1) y #009fe2 (3,0:1) */
.bd-menu-1.nav-pills .bd-menuitem-1>a.active,.bd-menu-1.nav-pills .bd-menuitem-1>a.active>span,
.bd-menu-1.nav-pills .bd-menuitem-1>a:hover,.bd-menu-1.nav-pills .bd-menuitem-1>a:hover>span,
.bd-menu-1.nav-pills .bd-menuitem-1>a:focus,.bd-menu-1.nav-pills .bd-menuitem-1>a:focus>span,
.bd-menu-1.nav-pills .bd-menuitem-1:not(.active)>a:hover:not(.active){color:#0c54a1!important;text-decoration:underline}

/* Enlaces del contenido y de la cabecera: estado al pasar el puntero y al recibir el foco (la plantilla usaba #009fe2, 3,0:1) */
.bd-headerarea-1 a:hover,.bd-headerarea-1 a:focus,#contenido a:hover,#contenido a:focus,.bd-content-7 a:hover,.bd-content-7 a:focus,.bd-content-9 a:hover,.bd-content-9 a:focus,.bd-content-2 a:hover,.bd-content-2 a:focus{color:#0c54a1!important;text-decoration:underline}

/* Pie de página (fondo azul): enlaces en blanco, subrayados, con altura mínima de 36 px */
.bd-footerarea-1 .custom a{color:#ffffff;text-decoration:underline;display:inline-block;padding:8px 6px;line-height:20px}
.bd-footerarea-1 .custom a:hover,.bd-footerarea-1 .custom a:focus{color:#ffffff!important;text-decoration:underline}

/* Cajas de título de los servicios (antes texto blanco sobre #44a4e8, 2,7:1): fondo azul oscuro (7,5:1) */
h2.cajas,h3.cajas,.cajas{background-color:#0c54a1!important;color:#ffffff!important}
.cajas strong{color:#ffffff!important}

/* Botones "VER GALERÍA COMPLETA AQUÍ" y "ENVIAR" (antes blanco sobre #0aa3e3, 2,85:1): azul oscuro, 44 px de alto */
input[type="submit"],button[type="submit"]{background:#0c54a1!important;color:#ffffff!important;min-height:44px;padding:10px 16px!important;border:0;border-radius:4px;font-weight:bold;cursor:pointer}
input[type="submit"]:hover,input[type="submit"]:focus,button[type="submit"]:hover,button[type="submit"]:focus{background:#083b72!important;text-decoration:underline}

/* Formulario de contacto: texto de los campos con contraste (antes #777777, 4,48:1), etiquetas, casilla de 24 px */
#registroentrada input[type="text"],#registroentrada input[type="tel"],#registroentrada input[type="email"],#registroentrada textarea{color:#222222!important;background:#ffffff;border:1px solid #767676;min-height:44px;box-sizing:border-box}
#registroentrada textarea::placeholder,#registroentrada input::placeholder{color:#595959;opacity:1}
#registroentrada label{font-weight:bold;cursor:pointer}
#registroentrada input[type="checkbox"]{width:24px;height:24px;vertical-align:middle;margin:0 8px 0 0;cursor:pointer}

/* Selector de idioma GTranslate: cada bandera con un área de 44×44 px */
#gt-wrapper-93 a.glink{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 2px;vertical-align:middle}
#gt-wrapper-93 a.glink img{margin:0}

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

/* 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-button,.cpnb-button-ok,.cpnb-m-enableAllButton{background-color:#0b5394!important;color:#ffffff!important}
.cpnb-button:hover,.cpnb-button: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-button-more-default,.cpnb-button-more-modal{background-color:#4a5859!important;color:#ffffff!important}
.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) */
h1.bd-postheader-7{font-weight:inherit}

/* Portada: título principal (antes un párrafo con estilo) */
h1.titulo-portada{color:#0c54a1;font-size:50px;line-height:1.2;margin:15px;font-weight:bold}

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

/* Enlaces a las galerías (antes un input type=submit dentro de un enlace, blanco sobre #0aa3e3): enlace con aspecto de botón, 44 px de alto */
a.boton-galeria{display:inline-block;min-height:44px;line-height:24px;padding:10px 16px;box-sizing:border-box;background:#0c54a1!important;color:#ffffff!important;border-radius:4px;font-weight:bold;text-decoration:none}
a.boton-galeria:hover,a.boton-galeria:focus{background:#083b72!important;color:#ffffff!important;text-decoration:underline}

/* Estado al pasar el puntero y al recibir el foco de los enlaces-botón de galería: la regla general de enlaces del contenido (#contenido a) tiene más especificidad, por eso se repite con el mismo ámbito (blanco sobre #083b72, 11,2:1) */
#contenido a.boton-galeria:hover,#contenido a.boton-galeria:focus,.bd-content-7 a.boton-galeria:hover,.bd-content-7 a.boton-galeria:focus{color:#ffffff!important;background:#083b72!important;text-decoration:underline}

/* Cabecera fija que aparece al desplazar la página: fondo blanco opaco (la plantilla la dejaba al 75 % de opacidad y el contenido se veía a través del menú) */
.bd-affix-1.affix{background-color:#ffffff!important}