/*
 * SkySkin - Header CTA estable v1.1.0
 *
 * Esta hoja no inventa la apariencia del botón. El JavaScript copia el
 * aspecto calculado del CTA original antes de moverlo al contenedor visible.
 */

/* Elimina únicamente restos artificiales de versiones viejas. */
header .skyskin-header-cta-item,
.elementor-location-header .skyskin-header-cta-item,
[data-elementor-type="header"] .skyskin-header-cta-item {
    display: none !important;
}

@media (min-width: 1025px) {
    .skyskin-cta-host-v11 {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
        position: relative !important;
        isolation: isolate;
    }

    .skyskin-cta-nav-branch-v11 {
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }

    .skyskin-cta-nav-branch-v11 :where(
        .wp-block-navigation__container,
        ul.elementor-nav-menu,
        ul.menu
    ) {
        flex-wrap: nowrap !important;
        column-gap: clamp(12px, 1.15vw, 22px) !important;
    }

    .skyskin-cta-wrapper-v11 {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: max-content !important;
        max-width: none !important;
        height: auto !important;
        flex: 0 0 auto !important;
        margin: 0 0 0 clamp(14px, 1.8vw, 28px) !important;
        padding: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        position: relative !important;
        inset: auto !important;
        transform: none !important;
        translate: none !important;
        scale: 1 !important;
        filter: none !important;
        clip: auto !important;
        clip-path: none !important;
        -webkit-clip-path: none !important;
        overflow: visible !important;
        animation: none !important;
        z-index: 99999 !important;
    }

    .skyskin-cta-anchor-v11 {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: max-content !important;
        max-width: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        position: relative !important;
        inset: auto !important;
        transform: none !important;
        translate: none !important;
        scale: 1 !important;
        filter: none !important;
        clip: auto !important;
        clip-path: none !important;
        -webkit-clip-path: none !important;
        white-space: nowrap !important;
        animation: none !important;
        z-index: 2 !important;
    }
}

/*
 * En celular no se mueve nada. Solo se evita que el CTA original quede
 * transparente cuando el menú responsive está abierto.
 */
@media (max-width: 1024px) {
    .wp-block-navigation__responsive-container.is-menu-open
        .skyskin-cta-mobile-v11,
    .elementor-nav-menu--dropdown[aria-hidden="false"]
        .skyskin-cta-mobile-v11 {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        filter: none !important;
        clip-path: none !important;
    }
}