.elementor-2324 .elementor-element.elementor-element-7d098000{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.03);--padding-top:30px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-2324 .elementor-element.elementor-element-7d098000:not(.elementor-motion-effects-element-type-background), .elementor-2324 .elementor-element.elementor-element-7d098000 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-uicore_white );}.elementor-2324 .elementor-element.elementor-element-489d1171{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2324 .elementor-element.elementor-element-4a7062e3{text-align:start;}.elementor-2324 .elementor-element.elementor-element-4a7062e3 img{width:75%;}.elementor-2324 .elementor-element.elementor-element-4f99a180{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2324 .elementor-element.elementor-element-3b831107 .elementor-menu-toggle{margin-left:auto;}.elementor-2324 .elementor-element.elementor-element-3b831107 .elementor-nav-menu--main .elementor-item{color:#313131;fill:#313131;padding-left:15px;padding-right:15px;}.elementor-2324 .elementor-element.elementor-element-3b831107 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-uicore_primary );}.elementor-2324 .elementor-element.elementor-element-11bdf149{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2324 .elementor-element.elementor-element-167aeb6e.elementor-element{--align-self:flex-end;}.elementor-2324 .elementor-element.elementor-element-d1cff57{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--z-index:99;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-2324 .elementor-element.elementor-element-4a7062e3{width:auto;max-width:auto;}.elementor-2324 .elementor-element.elementor-element-4a7062e3 img{width:55%;}.elementor-2324 .elementor-element.elementor-element-70ff901b{width:100%;max-width:100%;z-index:100;}}@media(min-width:768px){.elementor-2324 .elementor-element.elementor-element-489d1171{--width:25%;}.elementor-2324 .elementor-element.elementor-element-4f99a180{--width:50%;}.elementor-2324 .elementor-element.elementor-element-11bdf149{--width:25%;}}/* Start custom CSS for nav-menu, class: .elementor-element-3b831107 *//* =====================================================
   ZINKINDIGITAL · MENÚ CLARO PARA ELEMENTOR
   Clase del widget: zinki-about-elementor-menu
   ===================================================== */

.zinki-about-elementor-menu {
    --zinki-ink: #172033;
    --zinki-blue: #2e8be6;
    --zinki-green: #c4dd09;
    --zinki-green-dark: #8da500;

    font-family: "Outfit", sans-serif;
}

/* Limpiar estilos y márgenes de Elementor */

.zinki-about-elementor-menu .elementor-nav-menu,
.zinki-about-elementor-menu .elementor-nav-menu ul {
    margin: 0;
    padding: 0;
}

.zinki-about-elementor-menu
.elementor-nav-menu--main {
    display: flex;
    align-items: center;
    justify-content: center;
}

.zinki-about-elementor-menu
.elementor-nav-menu--main
> .elementor-nav-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

/* =====================================================
   ENLACES PRINCIPALES
   ===================================================== */

.zinki-about-elementor-menu
.elementor-nav-menu--main
.elementor-item {
    position: relative;
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 12px 15px;
    border-radius: 11px;
    color: var(--zinki-ink);
    background: transparent;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        transform 0.25s ease;
}

/* Línea verde inferior */

.zinki-about-elementor-menu
.elementor-nav-menu--main
.elementor-item::after {
    content: "";
    position: absolute;
    right: 16px;
    bottom: 6px;
    left: 16px;
    width: auto;
    height: 2px;
    border-radius: 999px;
    background: var(--zinki-green);
    opacity: 1;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.28s ease;
}

/* Eliminar posibles efectos automáticos de Elementor */

.zinki-about-elementor-menu
.elementor-nav-menu--main
.elementor-item::before {
    display: none !important;
}

/* Hover */

.zinki-about-elementor-menu
.elementor-nav-menu--main
.elementor-item:hover,
.zinki-about-elementor-menu
.elementor-nav-menu--main
.elementor-item:focus {
    color: var(--zinki-blue);
    background: rgba(46, 139, 230, 0.06);
    transform: translateY(-2px);
}

/* Página activa */

.zinki-about-elementor-menu
.elementor-nav-menu--main
.elementor-item:hover::after,
.zinki-about-elementor-menu
.elementor-nav-menu--main
.elementor-item:focus::after,
.zinki-about-elementor-menu
.elementor-nav-menu--main
.elementor-item.elementor-item-active::after,
.zinki-about-elementor-menu
.elementor-nav-menu--main
.current-menu-item > .elementor-item::after,
.zinki-about-elementor-menu
.elementor-nav-menu--main
.current-menu-ancestor > .elementor-item::after {
    transform: scaleX(1);
}

.zinki-about-elementor-menu
.elementor-nav-menu--main
.elementor-item.elementor-item-active,
.zinki-about-elementor-menu
.elementor-nav-menu--main
.current-menu-item > .elementor-item,
.zinki-about-elementor-menu
.elementor-nav-menu--main
.current-menu-ancestor > .elementor-item {
    color: var(--zinki-blue);
    background: rgba(46, 139, 230, 0.08);
}

/* =====================================================
   ICONOS DEL MENÚ
   Solo funciona si los iconos están dentro de los enlaces
   ===================================================== */

.zinki-about-elementor-menu
.elementor-nav-menu--main
.elementor-item i,
.zinki-about-elementor-menu
.elementor-nav-menu--main
.elementor-item svg {
    width: 18px;
    color: var(--zinki-green-dark);
    fill: var(--zinki-green-dark);
    font-size: 13px;
}

/* =====================================================
   SUBMENÚ
   ===================================================== */

.zinki-about-elementor-menu
.elementor-nav-menu--main
.sub-menu {
    min-width: 220px;
    margin-top: 10px !important;
    padding: 10px;
    border: 1px solid rgba(23, 32, 51, 0.09);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 45px rgba(23, 32, 51, 0.14);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.zinki-about-elementor-menu
.elementor-nav-menu--main
.sub-menu
.elementor-sub-item {
    min-height: 44px;
    padding: 12px 14px;
    border-radius: 9px;
    color: var(--zinki-ink);
    background: transparent;
    font-size: 14px;
    font-weight: 500;
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        padding-left 0.25s ease;
}

.zinki-about-elementor-menu
.elementor-nav-menu--main
.sub-menu
.elementor-sub-item:hover,
.zinki-about-elementor-menu
.elementor-nav-menu--main
.sub-menu
.elementor-sub-item.elementor-item-active {
    color: var(--zinki-blue);
    background: rgba(46, 139, 230, 0.07);
    padding-left: 18px;
}

/* Flechas de submenú */

.zinki-about-elementor-menu .sub-arrow {
    margin-left: 8px;
    color: var(--zinki-green-dark);
    font-size: 11px;
}

/* =====================================================
   PORTÁTILES
   ===================================================== */

@media (max-width: 1120px) {
    .zinki-about-elementor-menu
    .elementor-nav-menu--main
    > .elementor-nav-menu {
        gap: 2px;
    }

    .zinki-about-elementor-menu
    .elementor-nav-menu--main
    .elementor-item {
        gap: 7px;
        padding-right: 11px;
        padding-left: 11px;
        font-size: 14px;
    }
}

/* =====================================================
   ACCESIBILIDAD
   ===================================================== */

@media (prefers-reduced-motion: reduce) {
    .zinki-about-elementor-menu *,
    .zinki-about-elementor-menu *::before,
    .zinki-about-elementor-menu *::after {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-167aeb6e *//* =====================================================
   ZINKINDIGITAL · BOTÓN DE CONTACTO
   ===================================================== */

.zinki-contact-button {
    --zinki-green: #bfd719;
    --zinki-green-hover: #cce52a;
    --zinki-dark: #0b1727;

    position: relative;
    display: inline-flex;
    width: fit-content;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 22px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 12px;
    color: var(--zinki-dark);
    background: var(--zinki-green);
    box-shadow: 0 12px 28px rgba(191, 215, 25, 0.19);
    font-family: "Outfit", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition:
        color 0.3s ease,
        background-color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease;
}

.zinki-contact-button:hover,
.zinki-contact-button:focus {
    color: var(--zinki-dark);
    background: var(--zinki-green-hover);
    border-color: rgba(255, 255, 255, 0.25);
    box-shadow: 0 17px 36px rgba(191, 215, 25, 0.29);
    transform: translateY(-3px);
}

.zinki-contact-button i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 1;
}

.zinki-contact-button__arrow {
    transition: transform 0.3s ease;
}

.zinki-contact-button:hover .zinki-contact-button__arrow,
.zinki-contact-button:focus .zinki-contact-button__arrow {
    transform: translateX(4px);
}

/* Evita el contorno predeterminado, pero mantiene uno accesible */

.zinki-contact-button:focus {
    outline: none;
}

.zinki-contact-button:focus-visible {
    outline: 3px solid rgba(191, 215, 25, 0.35);
    outline-offset: 4px;
}

/* Tablet */

@media (max-width: 1150px) {
    .zinki-contact-button {
        padding-right: 18px;
        padding-left: 18px;
    }
}

/* Ocultar el botón del header en móvil */

@media (max-width: 860px) {
    .zinki-contact-button {
        display: none;
    }
}

/* Accesibilidad */

@media (prefers-reduced-motion: reduce) {
    .zinki-contact-button,
    .zinki-contact-button__arrow {
        transition: none;
    }
}/* End custom CSS */