.elementor-72 .elementor-element.elementor-element-adaae4c{--display:flex;--overlay-opacity:0.24;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-72 .elementor-element.elementor-element-adaae4c::before, .elementor-72 .elementor-element.elementor-element-adaae4c > .elementor-background-video-container::before, .elementor-72 .elementor-element.elementor-element-adaae4c > .e-con-inner > .elementor-background-video-container::before, .elementor-72 .elementor-element.elementor-element-adaae4c > .elementor-background-slideshow::before, .elementor-72 .elementor-element.elementor-element-adaae4c > .e-con-inner > .elementor-background-slideshow::before, .elementor-72 .elementor-element.elementor-element-adaae4c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-72 .elementor-element.elementor-element-9c2dc5c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:500;color:#FFFFFF;}.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-72 .elementor-element.elementor-element-5f9e1ef .elementor-button{background-color:#B72828;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:5px 5px 5px 5px;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-adaae4c *//* =========================================
   VIVO PROPIEDADES - HERO FULL SCREEN
   ========================================= */

.vivo-hero {
    position: relative;

    width: 100%;

    min-height: 100vh;
    min-height: 100svh;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    padding:
        120px 8vw
        60px 8vw;

    box-sizing: border-box;

    overflow: hidden;
}


/* =========================================
   OVERLAY OSCURO SOBRE LA FOTO
   ========================================= */

.vivo-hero::before {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.50) 0%,
            rgba(0,0,0,.22) 50%,
            rgba(0,0,0,.08) 100%
        );

    pointer-events: none;

    z-index: 1;
}


/* Hace que el contenido quede sobre el overlay */

.vivo-hero > .e-con-inner,
.vivo-hero > .elementor-container,
.vivo-hero > * {
    position: relative;
    z-index: 2;
}


/* =========================================
   TÍTULO
   ========================================= */

.vivo-hero .elementor-heading-title {

    margin: 0 0 24px 0;

    max-width: 760px;

    font-size:
        clamp(38px, 5vw, 72px);

    line-height: 1.05;

    letter-spacing: -0.02em;

    color: #ffffff;

    text-shadow:
        0 2px 15px rgba(0,0,0,.35);
}


/* =========================================
   TEXTO
   ========================================= */

.vivo-hero .elementor-widget-text-editor {

    max-width: 620px;

    color: rgba(255,255,255,.90);

    font-size:
        clamp(16px, 1.3vw, 19px);

    line-height: 1.65;
}


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

.vivo-hero .elementor-button {

    padding: 15px 30px;

    border-radius: 2px;

    font-size: 15px;

    font-weight: 500;

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.vivo-hero .elementor-button:hover {

    transform: translateY(-2px);

    box-shadow:
        0 10px 30px rgba(0,0,0,.18);
}


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

@media (max-width: 1024px) {

    .vivo-hero {

        padding:
            110px 7vw
            50px 7vw;

    }

    .vivo-hero .elementor-heading-title {

        max-width: 650px;

    }

}


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

@media (max-width: 767px) {

    .vivo-hero {

        min-height: 100svh;

        justify-content: flex-end;

        padding:
            120px 6vw
            70px 6vw;

    }

    .vivo-hero::before {

        background:
            linear-gradient(
                0deg,
                rgba(0,0,0,.70) 0%,
                rgba(0,0,0,.28) 65%,
                rgba(0,0,0,.12) 100%
            );

    }

    .vivo-hero .elementor-heading-title {

        font-size:
            clamp(34px, 10vw, 48px);

        line-height: 1.08;

    }

    .vivo-hero .elementor-button {

        width: 100%;

        text-align: center;

    }

}/* End custom CSS */