/* Casa Azul: DreamHome-inspired hover only. Normal appearance stays in its existing styles. */
html body :is(.home-hero-action,.botonlacabrablue,.botonlacabra,.botonlacabrainicio,.btn-contact,.btn-primary,button.button,a.button,input.button,.boton-landing,.agent-button,.custom-button):not(:is(.disabled,.no-cursor,[disabled],[aria-disabled="true"])) {
    transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out !important;
}

@media (hover: hover) and (pointer: fine) {
    /* Blue actions retain the Casa Azul palette, becoming a darker blue. */
    html body :is(.home-hero-action.primary,.btn-primary,.boton-landing,.custom-button.primary):not(:is(.disabled,.no-cursor,[disabled],[aria-disabled="true"])):hover {
        background: #111 !important;
        color: #fff !important;
        filter: none !important;
        text-decoration: none !important;
    }

    /* Dark actions stay dark, rather than inheriting an unrelated theme color. */
    html body :is(.home-hero-action.secondary,.custom-button.secondary):not(:is(.disabled,.no-cursor,[disabled],[aria-disabled="true"])):hover {
        background: #333 !important;
        color: #fff !important;
        filter: none !important;
        text-decoration: none !important;
    }

    /* The shared CTA is dark at rest: DreamHome dark-to-brand behavior. */
    html body a.botonlacabrablue:not(:is(.disabled,.no-cursor,[disabled],[aria-disabled="true"])):hover {
        background: #111 !important;
        color: #fff !important;
        filter: none !important;
        text-decoration: none !important;
    }
    html body :is(.callventa,.callvalora) a.botonlacabrablue:not(:is(.disabled,.no-cursor,[disabled],[aria-disabled="true"])):hover {
        background: #111 !important;
        border-color: #111 !important;
        color: #fff !important;
    }

    /* Restore the previous purchase hover colors while preserving its normal placement. */
    html body .portada-container .button-container a.custom-button.secondary:not(:is(.disabled,.no-cursor,[disabled],[aria-disabled="true"])):hover {
        background: #444444 !important;
        border-color: #ffffff !important;
        color: #ffffff !important;
    }

    /* The outlined link sits on blue: restore its original white fill and blue text. */
    html body .myf a.botonlacabra:not(:is(.disabled,.no-cursor,[disabled],[aria-disabled="true"])):hover {
        background: #ffffff !important;
        color: #005aa0 !important;
    }

    /* Existing grey form actions keep their established darker grey. */
    html body :is(.btn-contact,button.button,a.button,input.button,.agent-button):not(:is(.disabled,.no-cursor,[disabled],[aria-disabled="true"])):hover {
        background: #353c3f !important;
        color: #fff !important;
        text-decoration: none !important;
    }

    /* Outlined actions fill with the site's own blue. */
    html body :is(.botonlacabra,.botonlacabrainicio):not(:is(.disabled,.no-cursor,[disabled],[aria-disabled="true"])):hover {
        background: #005aa0 !important;
        color: #fff !important;
        text-decoration: none !important;
    }

    /* The reference has a color transition, not the previous scale enlargement. */
    html body .custom-button:not(:is(.disabled,[disabled],[aria-disabled="true"])):hover {
        transform: none !important;
    }
}

@media (hover:hover) and (pointer:fine) {
    html body .portada-container .callventa .lacabra>a.botonlacabrablue:not(:is(.disabled,.no-cursor,[disabled],[aria-disabled="true"])):hover {
        background:#ffffff !important;
        border-color:#ffffff !important;
        color:#005aa0 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html body :is(.home-hero-action,.botonlacabrablue,.botonlacabra,.botonlacabrainicio,.btn-contact,.btn-primary,button.button,a.button,input.button,.boton-landing,.agent-button,.custom-button) {
        transition: none !important;
    }
}

html body .portada-container .button-container a.custom-button.secondary:not(:is(.disabled,.no-cursor,[disabled],[aria-disabled="true"])):hover { transform: translateY(50%) !important; }