.elementor-70 .elementor-element.elementor-element-087e201{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:stretch;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-70 .elementor-element.elementor-element-087e201:not(.elementor-motion-effects-element-type-background), .elementor-70 .elementor-element.elementor-element-087e201 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF36;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-70 .elementor-element.elementor-element-ef4b6a6 img{width:100%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-70 .elementor-element.elementor-element-ec38e88.elementor-element{--align-self:center;}.elementor-70 .elementor-element.elementor-element-ec38e88 .elementor-menu-toggle{margin:0 auto;}.elementor-70 .elementor-element.elementor-element-ec38e88 .elementor-nav-menu .elementor-item{font-family:"Roboto Flex", Sans-serif;font-weight:600;}.elementor-70 .elementor-element.elementor-element-ec38e88 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-70 .elementor-element.elementor-element-ec38e88 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-70 .elementor-element.elementor-element-ec38e88 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-70 .elementor-element.elementor-element-ec38e88 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-70 .elementor-element.elementor-element-ec38e88 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-70 .elementor-element.elementor-element-ec38e88 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-70 .elementor-element.elementor-element-ec38e88 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF;}.elementor-70 .elementor-element.elementor-element-ec38e88 .e--pointer-framed .elementor-item:before,
					.elementor-70 .elementor-element.elementor-element-ec38e88 .e--pointer-framed .elementor-item:after{border-color:#FFFFFF;}.elementor-70 .elementor-element.elementor-element-ec38e88 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-70 .elementor-element.elementor-element-ec38e88 .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-70 .elementor-element.elementor-element-ec38e88 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-70 .elementor-element.elementor-element-ec38e88 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-70 .elementor-element.elementor-element-ec38e88 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-70 .elementor-element.elementor-element-ec38e88 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-70 .elementor-element.elementor-element-ec38e88 .e--pointer-underline .elementor-item:after,
					 .elementor-70 .elementor-element.elementor-element-ec38e88 .e--pointer-overline .elementor-item:before,
					 .elementor-70 .elementor-element.elementor-element-ec38e88 .e--pointer-double-line .elementor-item:before,
					 .elementor-70 .elementor-element.elementor-element-ec38e88 .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-70 .elementor-element.elementor-element-f51486c .elementor-button{background-color:#a4040c;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-70 .elementor-element.elementor-element-087e201{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-70 .elementor-element.elementor-element-087e201{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-087e201 *//* =========================================
   VIVO PROPIEDADES - HEADER PREMIUM
   ========================================= */

.vivo-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;

    background: rgba(255, 255, 255, 0.10);

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    border-bottom: 1px solid rgba(255, 255, 255, 0.14);

    padding: 20px 5vw;

    box-sizing: border-box;

    transition:
        background .35s ease,
        backdrop-filter .35s ease,
        box-shadow .35s ease,
        padding .35s ease;
}


/* =========================================
   CONTENEDOR INTERNO
   ========================================= */

.vivo-header > .e-con-inner,
.vivo-header > .elementor-container {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;

    flex-wrap: nowrap !important;

    gap: 32px;
}


/* =========================================
   LOGO
   ========================================= */

.vivo-header .elementor-widget-image,
.vivo-header .elementor-widget-theme-site-logo {
    flex: 0 0 auto !important;
}


/* LOGO MÁS GRANDE */
.vivo-header img {
    display: block;

    width: auto !important;
    height: auto !important;

    max-height: 140px !important;
    max-width: 280px !important;

    object-fit: contain;

    transition:
        transform .35s ease,
        max-height .35s ease,
        max-width .35s ease;
}


/* =========================================
   CONTENEDOR DEL MENÚ
   ========================================= */

.vivo-header .elementor-widget-nav-menu {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}


/* =========================================
   MENÚ: TODO EN UNA SOLA LÍNEA
   ========================================= */

.vivo-header .elementor-nav-menu--main {
    width: 100% !important;
}

.vivo-header .elementor-nav-menu {
    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;
    justify-content: center !important;

    flex-wrap: nowrap !important;

    width: 100% !important;

    gap: clamp(24px, 2.6vw, 46px) !important;

    white-space: nowrap !important;
}


/* =========================================
   CADA ITEM DEL MENÚ
   ========================================= */

.vivo-header .elementor-nav-menu > li {
    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================
   LINKS DEL MENÚ (SIEMPRE BLANCOS)
   ========================================= */

.vivo-header .elementor-nav-menu > li > a,
.vivo-header .elementor-nav-menu a {

    color: #ffffff !important;

    font-size: 16px !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    padding: 10px 0 !important;

    white-space: nowrap !important;

    text-shadow:
        0 2px 6px rgba(0,0,0,.65),
        0 1px 2px rgba(0,0,0,.85) !important;

    transition:
        opacity .25s ease,
        color .25s ease;
}


/* =========================================
   HOVER
   ========================================= */

.vivo-header .elementor-nav-menu a:hover {
    color: #ffffff !important;
    opacity: .72;
}


/* =========================================
   ITEM ACTIVO
   ========================================= */

.vivo-header
.elementor-nav-menu
.current-menu-item > a,

.vivo-header
.elementor-nav-menu
.current_page_item > a {

    color: #ffffff !important;

    text-shadow:
        0 2px 7px rgba(0,0,0,.7),
        0 1px 2px rgba(0,0,0,.9) !important;
}


/* =========================================
   SUBRAYADO ACTIVO
   ========================================= */

.vivo-header
.elementor-nav-menu
.current-menu-item > a::after,

.vivo-header
.elementor-nav-menu
.current_page_item > a::after {

    background-color: #ffffff !important;
}


/* =========================================
   BOTÓN DERECHO
   ========================================= */

.vivo-header .elementor-widget-button {
    flex: 0 0 auto !important;
}


/* =========================================
   HEADER STICKY (fondo oscuro para que
   el texto blanco siga siendo legible)
   ========================================= */

.vivo-header.elementor-sticky--effects {

    position: fixed;

    background: rgba(23, 23, 23, 0.85);

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    box-shadow:
        0 8px 30px rgba(0,0,0,.25);

    border-bottom:
        1px solid rgba(255,255,255,.08);

    padding-top: 12px;
    padding-bottom: 12px;
}


/* =========================================
   MENÚ AL HACER SCROLL — SIGUE BLANCO
   ========================================= */

.vivo-header.elementor-sticky--effects
.elementor-nav-menu a {

    color: #ffffff !important;

    text-shadow:
        0 1px 3px rgba(0,0,0,.5) !important;
}


/* =========================================
   ITEM ACTIVO AL HACER SCROLL
   ========================================= */

.vivo-header.elementor-sticky--effects
.elementor-nav-menu
.current-menu-item > a,

.vivo-header.elementor-sticky--effects
.elementor-nav-menu
.current_page_item > a {

    color: #ffffff !important;
}


/* =========================================
   LOGO AL HACER SCROLL
   ========================================= */

.vivo-header.elementor-sticky--effects img {

    max-height: 100px !important;
    max-width: 220px !important;
}


/* =========================================
   TABLET GRANDE
   ========================================= */

@media (max-width: 1200px) {

    .vivo-header {
        padding-left: 3vw;
        padding-right: 3vw;
    }

    .vivo-header .elementor-nav-menu {
        gap: 20px !important;
    }

    .vivo-header .elementor-nav-menu a {
        font-size: 14px !important;
    }

    .vivo-header img {
        max-height: 120px !important;
        max-width: 240px !important;
    }
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

    .vivo-header {
        padding: 16px 5vw;
    }

    .vivo-header img {
        max-height: 100px !important;
        max-width: 220px !important;
    }

    .vivo-header.elementor-sticky--effects img {
        max-height: 84px !important;
    }
}


/* =========================================
   MÓVIL
   ========================================= */

@media (max-width: 767px) {

    .vivo-header {
        padding: 12px 5vw;
    }

    .vivo-header img {
        max-height: 78px !important;
        max-width: 175px !important;
    }

    .vivo-header.elementor-sticky--effects img {
        max-height: 66px !important;
    }
}/* End custom CSS */