/* Keep long translated headings within their card without hiding content. */
@media (max-width: 767px) {
    #nuestros-servicios h3,
    .banners h2 {
        overflow-wrap: anywhere;
        word-break: normal;
        hyphens: auto;
        max-width: 100%;
    }
}

/* Visible focus indicators; no layout changes. */
.scr-skip-link {
    position: fixed;
    top: 8px;
    left: 8px;
    z-index: 2147483647;
    padding: 10px 16px;
    background: #fff;
    color: #111;
    transform: translateY(-200%);
}
.scr-skip-link:focus { transform: translateY(0); }
/* Keep the added ring for keyboard navigation only. Editable controls and
   embedded frames retain their existing browser/site focus appearance. */
body a:focus-visible,
body button:focus-visible,
body [tabindex]:not(input):not(select):not(textarea):not(iframe):not([contenteditable]):focus-visible {
    outline: 3px solid #111 !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 6px #fff !important;
}
body :is(a,button).btn.btn:focus-visible,
body a[href]:focus-visible,
#gdpr-cookie-message button:focus-visible,
body :is(#featured-properties, #ofertas-properties, #similares-properties-bajada-modal, #similares-properties-modal, #similares-properties) a.property-featured:focus-visible,
body #footer .dropdown-toggle:focus-visible,
body .main-header .dropdown-toggle:focus-visible,
body .main-header-top .dropdown-toggle:focus-visible,
body .slick-dots li button:focus-visible {
    outline: 3px solid #111 !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 6px #fff !important;
}
.badge.label-6, .badge.label-7 { color: #111; }
.badge.label-5 { background-color: #d60000; }
.btn-outline-secondary { color: #246485; border-color: #246485; }
.btn-outline-secondary:hover, .btn-outline-secondary:focus { background-color: #246485; color: #fff; }
.dropdown-menu a { color: #246485 !important; }
#main-nav .scr-keyboard-expanded > .dropdown-menu { display: block; }
body.interior #main-nav > ul > li.active > a { color: #246485; }
@media (min-width: 992px) {
    body.home .main-header.transparente { background-color: rgba(0, 0, 0, .65); }
}