.elementor-359 .elementor-element.elementor-element-a5dc58a{--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;--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-359 .elementor-element.elementor-element-03b08ff{--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;--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-359 .elementor-element.elementor-element-d36f7e9{--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;--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-359 .elementor-element.elementor-element-0655262{--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;--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-359 .elementor-element.elementor-element-f8795e3{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-bc71b03 *//* =========================================================
   BODY IN VISION
   HERO
   Museo de Gellyfx
   Elementor HTML Widget
========================================================= */


/* =========================================================
   VARIABLES
========================================================= */

.biv-hero {

    --biv-black: #050505;
    --biv-black-soft: #0a0a0a;

    --biv-white: #f4f4f2;

    --biv-gray: #414143;
    --biv-gray-light: #88888a;

    --biv-orange: #f4511e;
    --biv-orange-light: #ff6428;

    --biv-cyan: #73c9df;

}


/* =========================================================
   HERO PRINCIPAL
========================================================= */

.biv-hero {

    position: relative;

    width: 100%;

    min-height: 860px;

    display: flex;

    align-items: center;

    overflow: hidden;

    background:
        var(--biv-black);

    color:
        var(--biv-white);

}


/* =========================================================
   BOX SIZING
========================================================= */

.biv-hero,
.biv-hero *,
.biv-hero *::before,
.biv-hero *::after {

    box-sizing: border-box;

}


/* =========================================================
   BACKGROUND
========================================================= */

.biv-hero-background {

    position: absolute;

    inset: 0;

    overflow: hidden;

    pointer-events: none;

}


/* =========================================================
   GRID TECNOLÓGICO
========================================================= */

.biv-hero-grid {

    position: absolute;

    inset: 0;

    opacity: 0.42;

    background-image:

        linear-gradient(
            rgba(255,255,255,0.035) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,0.035) 1px,
            transparent 1px
        );

    background-size:
        80px 80px;

}


/* =========================================================
   MÁSCARA DEL GRID
========================================================= */

.biv-hero-grid::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        radial-gradient(
            circle at 70% 50%,
            transparent 0%,
            rgba(5,5,5,0.25) 35%,
            #050505 75%
        );

}


/* =========================================================
   GLOW NARANJA
========================================================= */

.biv-hero-glow-orange {

    position: absolute;

    width: 650px;

    height: 650px;

    right: -220px;

    top: 50%;

    transform:
        translateY(-50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(244,81,30,0.18) 0%,
            rgba(244,81,30,0.07) 35%,
            transparent 70%
        );

    filter:
        blur(10px);

}


/* =========================================================
   GLOW CYAN
========================================================= */

.biv-hero-glow-cyan {

    position: absolute;

    width: 280px;

    height: 280px;

    right: 25%;

    top: 15%;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(115,201,223,0.08) 0%,
            transparent 70%
        );

}


/* =========================================================
   ÓRBITAS
========================================================= */

.biv-hero-orbit {

    position: absolute;

    border:
        1px solid
        rgba(244,81,30,0.20);

    border-radius: 50%;

}


/* ÓRBITA 1 */

.biv-hero-orbit-one {

    width: 620px;

    height: 620px;

    right: -160px;

    top: 50%;

    transform:
        translateY(-50%)
        rotate(18deg);

}


/* ÓRBITA 2 */

.biv-hero-orbit-two {

    width: 430px;

    height: 430px;

    right: -65px;

    top: 50%;

    transform:
        translateY(-50%)
        rotate(-25deg);

    border-color:
        rgba(115,201,223,0.18);

}


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

.biv-hero-container {

    position: relative;

    z-index: 5;

    width:
        min(
            1380px,
            calc(100% - 100px)
        );

    min-height: 860px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        1.05fr
        0.95fr;

    align-items: center;

    gap: 80px;

}


/* =========================================================
   CONTENIDO
========================================================= */

.biv-hero-content {

    position: relative;

    z-index: 3;

    max-width: 760px;

}


/* =========================================================
   EYEBROW
========================================================= */

.biv-hero-eyebrow {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 32px;

    color:
        var(--biv-gray-light);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 0.22em;

    line-height: 1;

    text-transform: uppercase;

}


.biv-hero-eyebrow-line {

    display: block;

    width: 34px;

    height: 1px;

    background:
        var(--biv-orange);

}


/* =========================================================
   TITULO
========================================================= */

.biv-hero-title {

    margin: 0;

    padding: 0;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        clamp(
            82px,
            10vw,
            155px
        );

    font-weight: 800;

    line-height: 0.76;

    letter-spacing: -0.075em;

    text-transform: uppercase;

}


/* =========================================================
   LÍNEAS DEL TÍTULO
========================================================= */

.biv-title-line {

    display: block;

}


/* =========================================================
   IN
========================================================= */

.biv-title-accent {

    color:
        var(--biv-orange);

    font-size:
        0.72em;

    line-height: 0.95;

    margin-left: 0.10em;

}


/* =========================================================
   DESCRIPCIÓN
========================================================= */

.biv-hero-description {

    max-width: 560px;

    margin:
        46px 0 0;

    padding: 0;

    color:
        rgba(
            244,
            244,
            242,
            0.58
        );

    font-size: 17px;

    font-weight: 400;

    line-height: 1.75;

}


/* =========================================================
   ACCIONES
========================================================= */

.biv-hero-actions {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 14px;

    margin-top: 38px;

}


/* =========================================================
   BOTONES
========================================================= */

.biv-hero-button {

    min-height: 54px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 20px;

    padding:
        0 24px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 0.12em;

    line-height: 1;

    text-decoration: none;

    text-transform: uppercase;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease,
        transform 0.3s ease;

}


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

.biv-hero-button-primary {

    background:
        var(--biv-orange);

    color:
        #ffffff;

}


.biv-hero-button-primary:hover {

    background:
        var(--biv-orange-light);

    color:
        #ffffff;

    transform:
        translateY(-3px);

}


/* =========================================================
   FLECHA
========================================================= */

.biv-button-arrow {

    font-size: 17px;

    line-height: 1;

    transition:
        transform 0.3s ease;

}


.biv-hero-button-primary:hover
.biv-button-arrow {

    transform:
        translate(
            3px,
            -3px
        );

}


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

.biv-hero-button-secondary {

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.22
        );

    color:
        var(--biv-white);

}


.biv-hero-button-secondary:hover {

    border-color:
        var(--biv-orange);

    color:
        var(--biv-orange);

}


/* =========================================================
   ÁREA VISUAL
========================================================= */

.biv-hero-visual {

    position: relative;

    z-index: 3;

    min-height: 600px;

    display: flex;

    align-items: center;

    justify-content: center;

}


/* =========================================================
   FRAME
========================================================= */

.biv-hero-visual-frame {

    position: relative;

    width:
        min(
            100%,
            620px
        );

    min-height: 520px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.10
        );

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

}


/* =========================================================
   LÍNEA SUPERIOR
========================================================= */

.biv-hero-visual-frame::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 90px;

    height: 2px;

    background:
        var(--biv-orange);

}


/* =========================================================
   LÍNEA LATERAL
========================================================= */

.biv-hero-visual-frame::after {

    content: "";

    position: absolute;

    right: 0;

    bottom: 0;

    width: 2px;

    height: 90px;

    background:
        var(--biv-cyan);

}


/* =========================================================
   LABEL SUPERIOR
========================================================= */

.biv-visual-top-label {

    position: absolute;

    top: 24px;

    left: 26px;

    right: 26px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    color:
        rgba(
            255,
            255,
            255,
            0.38
        );

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 0.16em;

}


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

.biv-hero-logo {

    position: relative;

    z-index: 4;

    width:
        84%;

    display: flex;

    align-items: center;

    justify-content: center;

}


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

.biv-hero-logo-image {

    display: block;

    width: 100%;

    height: auto;

    max-width: 100%;

    object-fit: contain;

}


/* =========================================================
   CRUZ CENTRAL
========================================================= */

.biv-visual-cross {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 100%;

    height: 100%;

    transform:
        translate(
            -50%,
            -50%
        );

    pointer-events: none;

    opacity: 0.18;

}


/* LÍNEA HORIZONTAL */

.biv-visual-cross span:first-child {

    position: absolute;

    top: 50%;

    left: 10%;

    width: 80%;

    height: 1px;

    background:
        var(--biv-cyan);

}


/* LÍNEA VERTICAL */

.biv-visual-cross span:last-child {

    position: absolute;

    top: 10%;

    left: 50%;

    width: 1px;

    height: 80%;

    background:
        var(--biv-cyan);

}


/* =========================================================
   LABEL INFERIOR
========================================================= */

.biv-visual-bottom-label {

    position: absolute;

    left: 26px;

    right: 26px;

    bottom: 24px;

    display: flex;

    justify-content: space-between;

    color:
        rgba(
            255,
            255,
            255,
            0.30
        );

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 0.18em;

}


/* =========================================================
   SCROLL
========================================================= */

.biv-hero-scroll {

    position: absolute;

    z-index: 10;

    left: 50%;

    bottom: 30px;

    transform:
        translateX(-50%);

    display: flex;

    align-items: center;

    gap: 13px;

    color:
        rgba(
            255,
            255,
            255,
            0.38
        );

    font-size: 8px;

    font-weight: 600;

    letter-spacing: 0.18em;

    text-decoration: none;

    text-transform: uppercase;

}


.biv-scroll-line {

    display: block;

    width: 40px;

    height: 1px;

    background:
        var(--biv-orange);

}


.biv-scroll-arrow {

    color:
        var(--biv-orange);

    font-size: 16px;

    transition:
        transform 0.3s ease;

}


.biv-hero-scroll:hover
.biv-scroll-arrow {

    transform:
        translateY(4px);

}


/* =========================================================
   INDEX
========================================================= */

.biv-hero-index {

    position: absolute;

    z-index: 10;

    right: 35px;

    bottom: 30px;

    display: flex;

    align-items: center;

    gap: 15px;

    color:
        rgba(
            255,
            255,
            255,
            0.25
        );

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 0.18em;

    writing-mode:
        vertical-rl;

}


.biv-hero-index span:last-child {

    color:
        var(--biv-orange);

}


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

@media (max-width: 1100px) {

    .biv-hero {

        min-height: 760px;

    }


    .biv-hero-container {

        width:
            calc(100% - 60px);

        min-height: 760px;

        grid-template-columns:
            1fr
            0.9fr;

        gap: 40px;

    }


    .biv-hero-title {

        font-size:
            clamp(
                68px,
                10vw,
                115px
            );

    }


    .biv-hero-description {

        max-width: 480px;

        font-size: 15px;

    }


    .biv-hero-visual {

        min-height: 500px;

    }


    .biv-hero-visual-frame {

        min-height: 430px;

    }


    .biv-hero-orbit-one {

        width: 520px;

        height: 520px;

    }


    .biv-hero-orbit-two {

        width: 360px;

        height: 360px;

    }

}


/* =========================================================
   TABLET VERTICAL / MOBILE
========================================================= */

@media (max-width: 767px) {

    .biv-hero {

        min-height: auto;

        padding:
            90px 0 100px;

    }


    .biv-hero-container {

        width:
            calc(100% - 36px);

        min-height: auto;

        grid-template-columns: 1fr;

        gap: 70px;

    }


    .biv-hero-content {

        max-width: none;

    }


    .biv-hero-title {

        font-size:
            clamp(
                62px,
                17vw,
                105px
            );

    }


    .biv-hero-description {

        max-width: 580px;

        margin-top: 35px;

        font-size: 15px;

    }


    .biv-hero-actions {

        margin-top: 30px;

    }


    .biv-hero-visual {

        min-height: auto;

    }


    .biv-hero-visual-frame {

        width: 100%;

        min-height: 390px;

    }


    .biv-hero-logo {

        width: 82%;

    }


    .biv-hero-glow-orange {

        width: 500px;

        height: 500px;

        right: -280px;

    }


    .biv-hero-orbit-one {

        width: 450px;

        height: 450px;

        right: -230px;

    }


    .biv-hero-orbit-two {

        width: 320px;

        height: 320px;

        right: -160px;

    }


    .biv-hero-scroll {

        display: none;

    }


    .biv-hero-index {

        display: none;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 480px) {

    .biv-hero {

        padding:
            75px 0 70px;

    }


    .biv-hero-container {

        width:
            calc(100% - 28px);

        gap: 55px;

    }


    .biv-hero-eyebrow {

        margin-bottom: 25px;

        font-size: 8px;

    }


    .biv-hero-title {

        font-size: 58px;

        line-height: 0.80;

    }


    .biv-hero-description {

        margin-top: 30px;

        font-size: 14px;

        line-height: 1.65;

    }


    .biv-hero-actions {

        flex-direction: column;

        align-items: stretch;

    }


    .biv-hero-button {

        width: 100%;

        min-height: 52px;

    }


    .biv-hero-visual-frame {

        min-height: 300px;

    }


    .biv-visual-top-label,
    .biv-visual-bottom-label {

        left: 16px;

        right: 16px;

    }


    .biv-visual-top-label {

        top: 17px;

        font-size: 6px;

    }


    .biv-visual-bottom-label {

        bottom: 17px;

        font-size: 6px;

    }


    .biv-hero-logo {

        width: 86%;

    }


    .biv-hero-orbit-one {

        width: 350px;

        height: 350px;

        right: -210px;

    }


    .biv-hero-orbit-two {

        width: 250px;

        height: 250px;

        right: -155px;

    }

}


/* =========================================================
   REDUCIR MOVIMIENTO
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .biv-hero-button,
    .biv-button-arrow,
    .biv-hero-scroll,
    .biv-scroll-arrow {

        transition: none;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a5023fa *//* =========================================================
   BODY IN VISION
   SECCIÓN 02 — CONCEPTO
   Elementor HTML Widget
========================================================= */


/* =========================================================
   SECCIÓN
========================================================= */

.biv-concept {

    --biv-black: #050505;
    --biv-black-soft: #090909;

    --biv-white: #f4f4f2;

    --biv-gray: #777779;
    --biv-gray-dark: #3b3b3d;

    --biv-orange: #f4511e;
    --biv-cyan: #73c9df;

    position: relative;

    width: 100%;

    overflow: hidden;

    padding:
        150px 0
        135px;

    background:
        var(--biv-black);

    color:
        var(--biv-white);

}


/* =========================================================
   BOX SIZING
========================================================= */

.biv-concept,
.biv-concept *,
.biv-concept *::before,
.biv-concept *::after {

    box-sizing: border-box;

}


/* =========================================================
   BORDE SUPERIOR
========================================================= */

.biv-concept::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 1px;

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

}


/* =========================================================
   FONDO DECORATIVO
========================================================= */

.biv-concept-bg {

    position: absolute;

    inset: 0;

    pointer-events: none;

}


/* =========================================================
   NÚMERO GRANDE
========================================================= */

.biv-concept-bg-number {

    position: absolute;

    right: -40px;

    top: 40px;

    color:
        rgba(
            255,
            255,
            255,
            0.025
        );

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        clamp(
            280px,
            32vw,
            520px
        );

    font-weight: 800;

    line-height: 1;

    letter-spacing: -0.08em;

}


/* =========================================================
   LÍNEAS DECORATIVAS
========================================================= */

.biv-concept-bg-line {

    position: absolute;

    height: 1px;

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

}


.biv-concept-bg-line-1 {

    width: 45%;

    right: 0;

    top: 35%;

}


.biv-concept-bg-line-2 {

    width: 30%;

    right: 8%;

    top: 70%;

    background:
        rgba(
            244,
            81,
            30,
            0.25
        );

}


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

.biv-concept-container {

    position: relative;

    z-index: 2;

    width:
        min(
            1380px,
            calc(100% - 100px)
        );

    margin: 0 auto;

}


/* =========================================================
   CABECERA
========================================================= */

.biv-concept-header {

    max-width: 1000px;

    margin-bottom: 95px;

}


/* =========================================================
   LABEL DE SECCIÓN
========================================================= */

.biv-section-label {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 28px;

    color:
        var(--biv-gray);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 0.20em;

    line-height: 1;

    text-transform: uppercase;

}


.biv-section-label-line {

    width: 34px;

    height: 1px;

    flex: 0 0 auto;

    background:
        var(--biv-orange);

}


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

.biv-concept-title {

    max-width: 900px;

    margin: 0;

    padding: 0;

    color:
        var(--biv-white);

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size:
        clamp(
            52px,
            6vw,
            88px
        );

    font-weight: 700;

    line-height: 0.96;

    letter-spacing: -0.055em;

}


/* =========================================================
   SEGUNDA LÍNEA
========================================================= */

.biv-concept-title span {

    display: block;

    color:
        var(--biv-gray);

}


/* =========================================================
   CONTENIDO
========================================================= */

.biv-concept-content {

    display: grid;

    grid-template-columns:
        1.15fr
        0.85fr;

    gap: 110px;

    align-items: start;

}


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

.biv-concept-main {

    max-width: 760px;

}


.biv-concept-lead {

    margin: 0;

    color:
        rgba(
            244,
            244,
            242,
            0.88
        );

    font-size:
        clamp(
            28px,
            3vw,
            43px
        );

    font-weight: 400;

    line-height: 1.20;

    letter-spacing: -0.025em;

}


/* =========================================================
   PALABRA DESTACADA
========================================================= */

.biv-concept-lead span {

    color:
        var(--biv-orange);

}


/* =========================================================
   DESCRIPCIÓN
========================================================= */

.biv-concept-description {

    padding-top: 5px;

}


.biv-concept-description p {

    margin:
        0 0 25px;

    color:
        rgba(
            244,
            244,
            242,
            0.52
        );

    font-size: 15px;

    font-weight: 400;

    line-height: 1.8;

}


/* =========================================================
   LINK
========================================================= */

.biv-concept-link {

    display: inline-flex;

    align-items: center;

    gap: 18px;

    margin-top: 20px;

    color:
        var(--biv-orange);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 0.14em;

    line-height: 1;

    text-decoration: none;

    text-transform: uppercase;

}


/* =========================================================
   FLECHA
========================================================= */

.biv-concept-link-arrow {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 28px;

    height: 28px;

    border:
        1px solid
        rgba(
            244,
            81,
            30,
            0.50
        );

    font-size: 15px;

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        color 0.25s ease;

}


.biv-concept-link:hover {

    color:
        var(--biv-orange-light, #ff6428);

}


.biv-concept-link:hover
.biv-concept-link-arrow {

    transform:
        translate(
            3px,
            -3px
        );

    background:
        var(--biv-orange);

    color:
        #ffffff;

}


/* =========================================================
   STATEMENT
========================================================= */

.biv-concept-statement {

    display: grid;

    grid-template-columns:
        80px
        auto
        1fr;

    align-items: center;

    gap: 25px;

    margin-top: 125px;

    padding-top: 25px;

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.10
        );

}


/* =========================================================
   NÚMERO STATEMENT
========================================================= */

.biv-concept-statement-number {

    color:
        var(--biv-orange);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 0.12em;

}


/* =========================================================
   PALABRAS
========================================================= */

.biv-concept-statement-text {

    display: flex;

    align-items: center;

    gap: 30px;

}


.biv-concept-statement-text span {

    color:
        rgba(
            255,
            255,
            255,
            0.32
        );

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 0.20em;

}


/* =========================================================
   LÍNEA
========================================================= */

.biv-concept-statement-line {

    width: 100%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(
                244,
                81,
                30,
                0.50
            ),
            transparent
        );

}


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

@media (max-width: 1024px) {

    .biv-concept {

        padding:
            120px 0
            110px;

    }


    .biv-concept-container {

        width:
            calc(100% - 60px);

    }


    .biv-concept-content {

        gap: 60px;

    }


    .biv-concept-header {

        margin-bottom: 70px;

    }


    .biv-concept-title {

        font-size:
            clamp(
                48px,
                6.5vw,
                70px
            );

    }


    .biv-concept-lead {

        font-size:
            clamp(
                25px,
                3vw,
                34px
            );

    }


    .biv-concept-statement {

        margin-top: 90px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .biv-concept {

        padding:
            90px 0
            85px;

    }


    .biv-concept-container {

        width:
            calc(100% - 36px);

    }


    .biv-concept-header {

        margin-bottom: 55px;

    }


    .biv-section-label {

        margin-bottom: 22px;

        font-size: 8px;

    }


    .biv-concept-title {

        font-size:
            clamp(
                42px,
                11vw,
                60px
            );

    }


    .biv-concept-content {

        grid-template-columns: 1fr;

        gap: 40px;

    }


    .biv-concept-lead {

        font-size:
            clamp(
                25px,
                7vw,
                34px
            );

        line-height: 1.18;

    }


    .biv-concept-description {

        max-width: 620px;

    }


    .biv-concept-description p {

        font-size: 14px;

        line-height: 1.75;

    }


    .biv-concept-statement {

        grid-template-columns:
            40px
            1fr;

        gap: 15px;

        margin-top: 70px;

    }


    .biv-concept-statement-text {

        gap: 18px;

        flex-wrap: wrap;

    }


    .biv-concept-statement-line {

        grid-column:
            1 / -1;

    }


    .biv-concept-bg-number {

        right: -30px;

        top: 30px;

        font-size: 280px;

    }

}


/* =========================================================
   MOBILE PEQUEÑO
========================================================= */

@media (max-width: 480px) {

    .biv-concept {

        padding:
            75px 0
            70px;

    }


    .biv-concept-container {

        width:
            calc(100% - 28px);

    }


    .biv-concept-title {

        font-size: 41px;

    }


    .biv-concept-lead {

        font-size: 25px;

    }


    .biv-concept-description p {

        font-size: 13px;

    }


    .biv-concept-statement {

        margin-top: 55px;

    }


    .biv-concept-statement-text span {

        font-size: 7px;

    }


    .biv-concept-bg-number {

        font-size: 220px;

    }

}


/* =========================================================
   REDUCIR MOVIMIENTO
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .biv-concept-link,
    .biv-concept-link-arrow {

        transition: none;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8253d85 *//* =========================================================
   BODY IN VISION
   SECCIÓN 03 — LA EXPERIENCIA
   Elementor HTML Widget
========================================================= */


/* =========================================================
   SECCIÓN PRINCIPAL
========================================================= */

.biv-experience {

    --biv-black: #050505;
    --biv-black-soft: #0a0a0a;

    --biv-white: #f4f4f2;

    --biv-gray: #777779;
    --biv-gray-dark: #3b3b3d;

    --biv-orange: #f4511e;
    --biv-orange-light: #ff6428;

    --biv-cyan: #73c9df;

    position: relative;

    width: 100%;

    overflow: hidden;

    padding:
        150px 0
        140px;

    background:
        var(--biv-black-soft);

    color:
        var(--biv-white);

}


/* =========================================================
   BOX SIZING
========================================================= */

.biv-experience,
.biv-experience *,
.biv-experience *::before,
.biv-experience *::after {

    box-sizing: border-box;

}


/* =========================================================
   BORDE SUPERIOR
========================================================= */

.biv-experience::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 1px;

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

}


/* =========================================================
   BACKGROUND
========================================================= */

.biv-experience-bg {

    position: absolute;

    inset: 0;

    pointer-events: none;

}


/* =========================================================
   CÍRCULO DECORATIVO
========================================================= */

.biv-experience-bg-circle {

    position: absolute;

    width: 700px;

    height: 700px;

    right: -350px;

    top: 50%;

    transform:
        translateY(-50%);

    border:
        1px solid
        rgba(
            244,
            81,
            30,
            0.10
        );

    border-radius: 50%;

}


.biv-experience-bg-circle::before {

    content: "";

    position: absolute;

    inset: 90px;

    border:
        1px solid
        rgba(
            115,
            201,
            223,
            0.08
        );

    border-radius: 50%;

}


/* =========================================================
   LÍNEA DECORATIVA
========================================================= */

.biv-experience-bg-line {

    position: absolute;

    right: 0;

    top: 48%;

    width: 35%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(
                244,
                81,
                30,
                0.20
            )
        );

}


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

.biv-experience-container {

    position: relative;

    z-index: 2;

    width:
        min(
            1380px,
            calc(100% - 100px)
        );

    margin: 0 auto;

}


/* =========================================================
   HEADER
========================================================= */

.biv-experience-header {

    margin-bottom: 85px;

}


/* =========================================================
   LABEL
========================================================= */

.biv-section-label {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 28px;

    color:
        var(--biv-gray);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 0.20em;

    line-height: 1;

    text-transform: uppercase;

}


.biv-section-label-line {

    width: 34px;

    height: 1px;

    background:
        var(--biv-orange);

}


/* =========================================================
   HEADING
========================================================= */

.biv-experience-heading {

    display: grid;

    grid-template-columns:
        1.2fr
        0.8fr;

    gap: 80px;

    align-items: end;

}


.biv-experience-title {

    margin: 0;

    color:
        var(--biv-white);

    font-size:
        clamp(
            52px,
            6vw,
            86px
        );

    font-weight: 700;

    line-height: 0.95;

    letter-spacing: -0.055em;

}


.biv-experience-title span {

    display: block;

    color:
        var(--biv-gray);

}


.biv-experience-intro {

    max-width: 450px;

    margin: 0;

    color:
        rgba(
            244,
            244,
            242,
            0.52
        );

    font-size: 15px;

    line-height: 1.8;

}


/* =========================================================
   CARDS
========================================================= */

.biv-experience-cards {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.12
        );

    border-left:
        1px solid
        rgba(
            255,
            255,
            255,
            0.12
        );

}


/* =========================================================
   CARD
========================================================= */

.biv-experience-card {

    position: relative;

    min-height: 580px;

    display: flex;

    flex-direction: column;

    padding:
        30px 32px 35px;

    border-right:
        1px solid
        rgba(
            255,
            255,
            255,
            0.12
        );

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

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

    transition:
        background 0.35s ease,
        border-color 0.35s ease;

}


.biv-experience-card:hover {

    background:
        rgba(
            244,
            81,
            30,
            0.035
        );

    border-color:
        rgba(
            244,
            81,
            30,
            0.25
        );

}


/* =========================================================
   CARD TOP
========================================================= */

.biv-experience-card-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

}


/* =========================================================
   NUMBER
========================================================= */

.biv-experience-number {

    color:
        var(--biv-orange);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 0.12em;

}


/* =========================================================
   CATEGORY
========================================================= */

.biv-experience-category {

    color:
        rgba(
            255,
            255,
            255,
            0.30
        );

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 0.16em;

}


/* =========================================================
   VISUAL
========================================================= */

.biv-experience-visual {

    position: relative;

    height: 245px;

    margin:
        35px 0
        25px;

    overflow: hidden;

}


/* =========================================================
   CARD 01 — OBSERVAR
========================================================= */

.biv-visual-observe {

    display: flex;

    align-items: center;

    justify-content: center;

}


/* CÍRCULO */

.biv-observe-circle {

    position: absolute;

    width: 165px;

    height: 165px;

    border:
        1px solid
        rgba(
            244,
            81,
            30,
            0.60
        );

    border-radius: 50%;

}


.biv-observe-circle::before {

    content: "";

    position: absolute;

    inset: 28px;

    border:
        1px solid
        rgba(
            244,
            81,
            30,
            0.30
        );

    border-radius: 50%;

}


.biv-observe-circle::after {

    content: "";

    position: absolute;

    inset: 62px;

    border:
        1px solid
        rgba(
            115,
            201,
            223,
            0.65
        );

    border-radius: 50%;

}


/* PUNTO */

.biv-observe-point {

    position: absolute;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    background:
        var(--biv-cyan);

    box-shadow:
        0 0 25px
        rgba(
            115,
            201,
            223,
            0.55
        );

}


/* LÍNEA */

.biv-observe-line {

    position: absolute;

    width: 100%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(
                115,
                201,
                223,
                0.40
            ),
            transparent
        );

}


/* =========================================================
   CARD 02 — EXPLORAR
========================================================= */

.biv-visual-explore {

    display: flex;

    align-items: center;

    justify-content: center;

}


/* ANILLOS */

.biv-explore-ring {

    position: absolute;

    border:
        1px solid
        rgba(
            244,
            81,
            30,
            0.45
        );

    border-radius: 50%;

    transform:
        rotate(
            35deg
        );

}


.ring-one {

    width: 180px;

    height: 180px;

}


.ring-two {

    width: 130px;

    height: 210px;

    border-color:
        rgba(
            115,
            201,
            223,
            0.30
        );

    transform:
        rotate(
            -35deg
        );

}


.ring-three {

    width: 85px;

    height: 150px;

    border-color:
        rgba(
            244,
            81,
            30,
            0.25
        );

    transform:
        rotate(
            80deg
        );

}


/* CENTRO */

.biv-explore-core {

    position: absolute;

    width: 18px;

    height: 18px;

    border-radius: 50%;

    background:
        var(--biv-orange);

    box-shadow:
        0 0 30px
        rgba(
            244,
            81,
            30,
            0.45
        );

}


/* =========================================================
   CARD 03 — COMPRENDER
========================================================= */

.biv-visual-understand {

    position: relative;

}


/* LÍNEAS */

.biv-understand-line {

    position: absolute;

    height: 1px;

    background:
        rgba(
            115,
            201,
            223,
            0.45
        );

    transform-origin:
        left center;

}


.line-one {

    width: 70%;

    top: 40%;

    left: 12%;

    transform:
        rotate(
            -18deg
        );

}


.line-two {

    width: 65%;

    top: 50%;

    left: 12%;

    transform:
        rotate(
            12deg
        );

    background:
        rgba(
            244,
            81,
            30,
            0.45
        );

}


.line-three {

    width: 60%;

    top: 60%;

    left: 12%;

    transform:
        rotate(
            -8deg
        );

}


/* NODOS */

.biv-understand-node {

    position: absolute;

    width: 9px;

    height: 9px;

    border-radius: 50%;

    background:
        var(--biv-cyan);

    box-shadow:
        0 0 15px
        rgba(
            115,
            201,
            223,
            0.50
        );

}


.node-one {

    top: 29%;

    left: 25%;

}


.node-two {

    top: 46%;

    left: 55%;

    background:
        var(--biv-orange);

}


.node-three {

    top: 55%;

    left: 78%;

}


/* =========================================================
   CONTENIDO CARD
========================================================= */

.biv-experience-card-content {

    margin-top: auto;

}


.biv-experience-card-content h3 {

    margin:
        0 0 15px;

    color:
        var(--biv-white);

    font-size: 32px;

    font-weight: 600;

    line-height: 1;

    letter-spacing: -0.035em;

}


.biv-experience-card-content p {

    max-width: 320px;

    margin: 0;

    color:
        rgba(
            244,
            244,
            242,
            0.48
        );

    font-size: 13px;

    line-height: 1.75;

}


/* =========================================================
   FLECHA
========================================================= */

.biv-experience-card-arrow {

    position: absolute;

    right: 30px;

    bottom: 30px;

    color:
        var(--biv-orange);

    font-size: 20px;

    opacity: 0.65;

    transition:
        transform 0.3s ease,
        opacity 0.3s ease;

}


.biv-experience-card:hover
.biv-experience-card-arrow {

    opacity: 1;

    transform:
        translate(
            4px,
            -4px
        );

}


/* =========================================================
   FOOTER DE SECCIÓN
========================================================= */

.biv-experience-footer {

    display: grid;

    grid-template-columns:
        auto
        1fr
        auto;

    align-items: center;

    gap: 25px;

    margin-top: 45px;

}


.biv-experience-footer-label {

    color:
        var(--biv-orange);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 0.15em;

}


.biv-experience-footer-line {

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(
                244,
                81,
                30,
                0.45
            ),
            transparent
        );

}


.biv-experience-footer-text {

    color:
        rgba(
            255,
            255,
            255,
            0.25
        );

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 0.16em;

}


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

@media (max-width: 1024px) {

    .biv-experience {

        padding:
            120px 0
            110px;

    }


    .biv-experience-container {

        width:
            calc(100% - 60px);

    }


    .biv-experience-heading {

        gap: 50px;

    }


    .biv-experience-title {

        font-size:
            clamp(
                48px,
                6.5vw,
                70px
            );

    }


    .biv-experience-card {

        min-height: 510px;

        padding:
            25px;

    }


    .biv-experience-visual {

        height: 205px;

    }


    .biv-experience-card-content h3 {

        font-size: 27px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .biv-experience {

        padding:
            90px 0
            85px;

    }


    .biv-experience-container {

        width:
            calc(100% - 36px);

    }


    .biv-experience-header {

        margin-bottom: 55px;

    }


    .biv-experience-heading {

        grid-template-columns: 1fr;

        gap: 30px;

    }


    .biv-experience-title {

        font-size:
            clamp(
                42px,
                11vw,
                60px
            );

    }


    .biv-experience-intro {

        font-size: 14px;

        line-height: 1.75;

    }


    /* CARDS */

    .biv-experience-cards {

        grid-template-columns: 1fr;

    }


    .biv-experience-card {

        min-height: 500px;

        padding:
            25px;

    }


    .biv-experience-visual {

        height: 210px;

        margin:
            30px 0
            25px;

    }


    .biv-experience-card-content h3 {

        font-size: 28px;

    }


    .biv-experience-card-content p {

        font-size: 13px;

    }


    .biv-experience-footer {

        grid-template-columns:
            auto
            1fr;

        gap: 15px;

    }


    .biv-experience-footer-text {

        grid-column:
            1 / -1;

    }


    .biv-experience-bg-circle {

        width: 450px;

        height: 450px;

        right: -300px;

    }

}


/* =========================================================
   MOBILE PEQUEÑO
========================================================= */

@media (max-width: 480px) {

    .biv-experience {

        padding:
            75px 0
            70px;

    }


    .biv-experience-container {

        width:
            calc(100% - 28px);

    }


    .biv-experience-title {

        font-size: 41px;

    }


    .biv-experience-card {

        min-height: 470px;

        padding:
            22px;

    }


    .biv-experience-visual {

        height: 190px;

    }


    .biv-experience-card-content h3 {

        font-size: 25px;

    }


    .biv-experience-card-content p {

        font-size: 12px;

    }


    .biv-experience-footer-text {

        font-size: 7px;

    }

}


/* =========================================================
   REDUCIR MOVIMIENTO
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .biv-experience-card,
    .biv-experience-card-arrow {

        transition: none;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c78145a *//* =========================================================
   BODY IN VISION
   SECCIÓN 04 — LA VISIÓN
   Elementor HTML Widget
========================================================= */


/* =========================================================
   SECCIÓN
========================================================= */

.biv-vision {

    --biv-black: #050505;
    --biv-black-soft: #090909;

    --biv-white: #f4f4f2;

    --biv-gray: #777779;
    --biv-gray-light: #a0a0a2;

    --biv-orange: #f4511e;
    --biv-orange-light: #ff6428;

    --biv-cyan: #73c9df;

    position: relative;

    width: 100%;

    min-height: 850px;

    overflow: hidden;

    padding:
        150px 0;

    background:
        var(--biv-black);

    color:
        var(--biv-white);

}


/* =========================================================
   BOX SIZING
========================================================= */

.biv-vision,
.biv-vision *,
.biv-vision *::before,
.biv-vision *::after {

    box-sizing: border-box;

}


/* =========================================================
   BORDE
========================================================= */

.biv-vision::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 1px;

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

}


/* =========================================================
   BACKGROUND
========================================================= */

.biv-vision-background {

    position: absolute;

    inset: 0;

    pointer-events: none;

}


/* =========================================================
   GRID
========================================================= */

.biv-vision-grid {

    position: absolute;

    inset: 0;

    opacity: 0.20;

    background-image:

        linear-gradient(
            rgba(255,255,255,0.035) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,0.035) 1px,
            transparent 1px
        );

    background-size:
        90px 90px;

}


/* =========================================================
   GLOW
========================================================= */

.biv-vision-glow {

    position: absolute;

    width: 800px;

    height: 800px;

    left: -400px;

    top: 50%;

    transform:
        translateY(-50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(
                244,
                81,
                30,
                0.10
            ),
            transparent 68%
        );

}


/* =========================================================
   ÓRBITAS
========================================================= */

.biv-vision-orbit {

    position: absolute;

    border-radius: 50%;

    border:
        1px solid
        rgba(
            244,
            81,
            30,
            0.10
        );

}


.biv-vision-orbit-1 {

    width: 700px;

    height: 700px;

    left: -420px;

    top: 50%;

    transform:
        translateY(-50%);

}


.biv-vision-orbit-2 {

    width: 480px;

    height: 480px;

    left: -310px;

    top: 50%;

    transform:
        translateY(-50%);

    border-color:
        rgba(
            115,
            201,
            223,
            0.10
        );

}


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

.biv-vision-container {

    position: relative;

    z-index: 2;

    width:
        min(
            1380px,
            calc(100% - 100px)
        );

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        0.95fr
        1.05fr;

    gap: 120px;

    align-items: center;

}


/* =========================================================
   VISUAL
========================================================= */

.biv-vision-visual {

    position: relative;

    min-height: 600px;

    display: flex;

    align-items: center;

    justify-content: center;

}


/* =========================================================
   FRAME
========================================================= */

.biv-vision-visual-frame {

    position: relative;

    width: 100%;

    max-width: 610px;

    height: 600px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            0.10
        );

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

}


/* =========================================================
   ESQUINAS
========================================================= */

.biv-vision-visual-frame::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100px;

    height: 2px;

    background:
        var(--biv-orange);

}


.biv-vision-visual-frame::after {

    content: "";

    position: absolute;

    right: 0;

    bottom: 0;

    width: 2px;

    height: 100px;

    background:
        var(--biv-cyan);

}


/* =========================================================
   LABEL SUPERIOR
========================================================= */

.biv-vision-visual-label {

    position: absolute;

    top: 24px;

    left: 28px;

    right: 28px;

    display: flex;

    justify-content: space-between;

    color:
        rgba(
            255,
            255,
            255,
            0.30
        );

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 0.17em;

}


/* =========================================================
   SISTEMA VISUAL
========================================================= */

.biv-vision-system {

    position: relative;

    width: 390px;

    height: 390px;

}


/* =========================================================
   CÍRCULOS
========================================================= */

.biv-system-circle {

    position: absolute;

    top: 50%;

    left: 50%;

    border-radius: 50%;

    transform:
        translate(
            -50%,
            -50%
        );

}


.system-circle-1 {

    width: 340px;

    height: 340px;

    border:
        1px solid
        rgba(
            244,
            81,
            30,
            0.42
        );

}


.system-circle-2 {

    width: 250px;

    height: 250px;

    border:
        1px solid
        rgba(
            244,
            81,
            30,
            0.28
        );

}


.system-circle-3 {

    width: 150px;

    height: 150px;

    border:
        1px solid
        rgba(
            115,
            201,
            223,
            0.42
        );

}


/* =========================================================
   LÍNEAS
========================================================= */

.biv-system-line {

    position: absolute;

    top: 50%;

    left: 50%;

    transform-origin:
        center;

}


.system-line-1 {

    width: 360px;

    height: 1px;

    transform:
        translate(
            -50%,
            -50%
        )
        rotate(0deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(
                115,
                201,
                223,
                0.45
            ),
            transparent
        );

}


.system-line-2 {

    width: 360px;

    height: 1px;

    transform:
        translate(
            -50%,
            -50%
        )
        rotate(60deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(
                244,
                81,
                30,
                0.45
            ),
            transparent
        );

}


.system-line-3 {

    width: 360px;

    height: 1px;

    transform:
        translate(
            -50%,
            -50%
        )
        rotate(-60deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(
                115,
                201,
                223,
                0.30
            ),
            transparent
        );

}


/* =========================================================
   NODOS
========================================================= */

.biv-system-node {

    position: absolute;

    width: 9px;

    height: 9px;

    border-radius: 50%;

    background:
        var(--biv-cyan);

    box-shadow:
        0 0 20px
        rgba(
            115,
            201,
            223,
            0.50
        );

}


.system-node-1 {

    top: 22px;

    left: 50%;

    transform:
        translateX(-50%);

}


.system-node-2 {

    right: 42px;

    bottom: 88px;

    background:
        var(--biv-orange);

    box-shadow:
        0 0 20px
        rgba(
            244,
            81,
            30,
            0.50
        );

}


.system-node-3 {

    left: 42px;

    bottom: 88px;

}


/* =========================================================
   CENTRO
========================================================= */

.biv-system-core {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 25px;

    height: 25px;

    transform:
        translate(
            -50%,
            -50%
        );

    border-radius: 50%;

    background:
        var(--biv-cyan);

    box-shadow:
        0 0 45px
        rgba(
            115,
            201,
            223,
            0.60
        );

}


/* =========================================================
   FOOTER VISUAL
========================================================= */

.biv-vision-visual-footer {

    position: absolute;

    left: 28px;

    right: 28px;

    bottom: 24px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    color:
        rgba(
            255,
            255,
            255,
            0.25
        );

    font-size: 7px;

    font-weight: 700;

    letter-spacing: 0.15em;

}


/* =========================================================
   CONTENT
========================================================= */

.biv-vision-content {

    max-width: 680px;

}


/* =========================================================
   LABEL
========================================================= */

.biv-vision-content
.biv-section-label {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 28px;

    color:
        var(--biv-gray);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 0.20em;

    text-transform: uppercase;

}


.biv-vision-content
.biv-section-label-line {

    width: 34px;

    height: 1px;

    background:
        var(--biv-orange);

}


/* =========================================================
   TITLE
========================================================= */

.biv-vision-title {

    margin: 0;

    color:
        var(--biv-white);

    font-size:
        clamp(
            50px,
            5.5vw,
            80px
        );

    font-weight: 700;

    line-height: 0.96;

    letter-spacing: -0.055em;

}


.biv-vision-title span {

    display: block;

    color:
        var(--biv-gray);

}


/* =========================================================
   COPY
========================================================= */

.biv-vision-copy {

    margin-top: 45px;

}


.biv-vision-lead {

    margin:
        0 0 28px;

    color:
        var(--biv-white);

    font-size: 23px;

    line-height: 1.35;

}


.biv-vision-lead strong {

    color:
        var(--biv-orange);

    font-weight: 600;

}


.biv-vision-copy > p:not(.biv-vision-lead) {

    max-width: 600px;

    margin:
        0 0 22px;

    color:
        rgba(
            244,
            244,
            242,
            0.52
        );

    font-size: 15px;

    line-height: 1.8;

}


/* =========================================================
   CONCEPTOS
========================================================= */

.biv-vision-concepts {

    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    margin-top: 45px;

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.12
        );

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

}


.biv-vision-concept {

    min-height: 90px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    gap: 8px;

    padding:
        15px 20px;

    border-right:
        1px solid
        rgba(
            255,
            255,
            255,
            0.10
        );

}


.biv-vision-concept:last-child {

    border-right: none;

}


.biv-vision-concept-number {

    color:
        var(--biv-orange);

    font-size: 8px;

    font-weight: 700;

}


.biv-vision-concept-text {

    color:
        rgba(
            255,
            255,
            255,
            0.65
        );

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 0.14em;

}


/* =========================================================
   LINK
========================================================= */

.biv-vision-link {

    display: inline-flex;

    align-items: center;

    gap: 18px;

    margin-top: 35px;

    color:
        var(--biv-orange);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 0.14em;

    text-decoration: none;

    text-transform: uppercase;

}


.biv-vision-link-arrow {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 30px;

    height: 30px;

    border:
        1px solid
        rgba(
            244,
            81,
            30,
            0.45
        );

    font-size: 15px;

    transition:
        transform 0.25s ease,
        background 0.25s ease;

}


.biv-vision-link:hover
.biv-vision-link-arrow {

    background:
        var(--biv-orange);

    color:
        #ffffff;

    transform:
        translate(
            3px,
            -3px
        );

}


/* =========================================================
   ÍNDICE LATERAL
========================================================= */

.biv-vision-side-index {

    position: absolute;

    top: 50%;

    right: 25px;

    transform:
        translateY(-50%)
        rotate(180deg);

    color:
        rgba(
            255,
            255,
            255,
            0.20
        );

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 0.20em;

    writing-mode:
        vertical-rl;

}


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

@media (max-width: 1100px) {

    .biv-vision {

        padding:
            120px 0;

    }


    .biv-vision-container {

        width:
            calc(100% - 60px);

        gap: 70px;

    }


    .biv-vision-visual {

        min-height: 500px;

    }


    .biv-vision-visual-frame {

        height: 500px;

    }


    .biv-vision-system {

        transform:
            scale(0.82);

    }


    .biv-vision-title {

        font-size:
            clamp(
                45px,
                5.5vw,
                65px
            );

    }


    .biv-vision-lead {

        font-size: 20px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .biv-vision {

        min-height: auto;

        padding:
            90px 0;

    }


    .biv-vision-container {

        width:
            calc(100% - 36px);

        grid-template-columns: 1fr;

        gap: 65px;

    }


    .biv-vision-visual {

        min-height: auto;

        order: 2;

    }


    .biv-vision-content {

        order: 1;

    }


    .biv-vision-visual-frame {

        height: 420px;

    }


    .biv-vision-system {

        transform:
            scale(0.72);

    }


    .biv-vision-title {

        font-size:
            clamp(
                42px,
                11vw,
                60px
            );

    }


    .biv-vision-copy {

        margin-top: 35px;

    }


    .biv-vision-lead {

        font-size: 19px;

    }


    .biv-vision-copy > p:not(.biv-vision-lead) {

        font-size: 14px;

    }


    .biv-vision-concepts {

        margin-top: 35px;

    }


    .biv-vision-concept {

        min-height: 80px;

        padding:
            12px;

    }


    .biv-vision-concept-text {

        font-size: 7px;

    }


    .biv-vision-side-index {

        display: none;

    }


    .biv-vision-glow {

        left: -500px;

    }

}


/* =========================================================
   MOBILE PEQUEÑO
========================================================= */

@media (max-width: 480px) {

    .biv-vision {

        padding:
            75px 0;

    }


    .biv-vision-container {

        width:
            calc(100% - 28px);

        gap: 50px;

    }


    .biv-vision-title {

        font-size: 41px;

    }


    .biv-vision-lead {

        font-size: 18px;

    }


    .biv-vision-copy > p:not(.biv-vision-lead) {

        font-size: 13px;

        line-height: 1.7;

    }


    .biv-vision-visual-frame {

        height: 330px;

    }


    .biv-vision-system {

        transform:
            scale(0.55);

    }


    .biv-vision-visual-label {

        top: 17px;

        left: 17px;

        right: 17px;

        font-size: 6px;

    }


    .biv-vision-visual-footer {

        left: 17px;

        right: 17px;

        bottom: 17px;

        font-size: 5px;

    }


    .biv-vision-concept {

        min-height: 72px;

        padding:
            10px 7px;

    }


    .biv-vision-concept-number {

        font-size: 7px;

    }


    .biv-vision-concept-text {

        font-size: 6px;

        letter-spacing: 0.08em;

    }

}


/* =========================================================
   REDUCIR MOVIMIENTO
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .biv-vision-link,
    .biv-vision-link-arrow {

        transition: none;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6a65c6a *//* =========================================================
   BODY IN VISION
   SECCIÓN 05 — CIERRE / CTA FINAL
   Elementor HTML Widget
========================================================= */


/* =========================================================
   VARIABLES
========================================================= */

.biv-final {

    --biv-black: #050505;
    --biv-white: #f4f4f2;

    --biv-gray: #777779;

    --biv-orange: #f4511e;
    --biv-orange-light: #ff6428;

    --biv-cyan: #73c9df;

}


/* =========================================================
   SECCIÓN
========================================================= */

.biv-final {

    position: relative;

    width: 100%;

    min-height: 760px;

    display: flex;

    align-items: center;

    overflow: hidden;

    padding:
        120px 0;

    background:
        var(--biv-black);

    color:
        var(--biv-white);

}


/* =========================================================
   BOX SIZING
========================================================= */

.biv-final,
.biv-final *,
.biv-final *::before,
.biv-final *::after {

    box-sizing: border-box;

}


/* =========================================================
   BORDE SUPERIOR
========================================================= */

.biv-final::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 1px;

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

}


/* =========================================================
   BACKGROUND
========================================================= */

.biv-final-background {

    position: absolute;

    inset: 0;

    overflow: hidden;

    pointer-events: none;

}


/* =========================================================
   GRID
========================================================= */

.biv-final-grid {

    position: absolute;

    inset: 0;

    opacity: 0.32;

    background-image:

        linear-gradient(
            rgba(255,255,255,0.035) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,0.035) 1px,
            transparent 1px
        );

    background-size:
        90px 90px;

}


/* =========================================================
   GLOW
========================================================= */

.biv-final-glow {

    position: absolute;

    width: 850px;

    height: 850px;

    left: 50%;

    top: 50%;

    transform:
        translate(
            -50%,
            -50%
        );

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(
                244,
                81,
                30,
                0.13
            ) 0%,
            rgba(
                244,
                81,
                30,
                0.035
            ) 35%,
            transparent 70%
        );

}


/* =========================================================
   CÍRCULOS
========================================================= */

.biv-final-circle {

    position: absolute;

    border-radius: 50%;

    border:
        1px solid
        rgba(
            244,
            81,
            30,
            0.13
        );

}


.final-circle-one {

    width: 650px;

    height: 650px;

    left: 50%;

    top: 50%;

    transform:
        translate(
            -50%,
            -50%
        );

}


.final-circle-two {

    width: 430px;

    height: 430px;

    left: 50%;

    top: 50%;

    transform:
        translate(
            -50%,
            -50%
        );

    border-color:
        rgba(
            115,
            201,
            223,
            0.10
        );

}


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

.biv-final-container {

    position: relative;

    z-index: 5;

    width:
        min(
            1380px,
            calc(100% - 100px)
        );

    min-height: 520px;

    margin: 0 auto;

    display: flex;

    flex-direction: column;

}


/* =========================================================
   PARTE SUPERIOR
========================================================= */

.biv-final-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 25px;

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

}


.biv-final-label {

    color:
        var(--biv-orange);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 0.18em;

}


.biv-final-code {

    color:
        rgba(
            255,
            255,
            255,
            0.25
        );

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 0.18em;

}


/* =========================================================
   CONTENIDO CENTRAL
========================================================= */

.biv-final-content {

    flex: 1;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

}


/* =========================================================
   EYEBROW
========================================================= */

.biv-final-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 28px;

    color:
        var(--biv-gray);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 0.20em;

    text-transform: uppercase;

}


.biv-final-eyebrow::before,
.biv-final-eyebrow::after {

    content: "";

    width: 30px;

    height: 1px;

    background:
        var(--biv-orange);

}


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

.biv-final-title {

    max-width: 1050px;

    margin: 0;

    color:
        var(--biv-white);

    font-size:
        clamp(
            70px,
            9vw,
            135px
        );

    font-weight: 700;

    line-height: 0.84;

    letter-spacing: -0.07em;

}


.biv-final-title span {

    display: block;

    color:
        var(--biv-orange);

}


/* =========================================================
   DESCRIPCIÓN
========================================================= */

.biv-final-description {

    max-width: 560px;

    margin:
        38px auto 0;

    color:
        rgba(
            244,
            244,
            242,
            0.52
        );

    font-size: 16px;

    line-height: 1.8;

}


/* =========================================================
   ACCIONES
========================================================= */

.biv-final-actions {

    margin-top: 35px;

}


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

.biv-final-button {

    min-height: 56px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 25px;

    padding:
        0 28px;

    background:
        var(--biv-orange);

    color:
        #ffffff;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 0.13em;

    text-decoration: none;

    text-transform: uppercase;

    transition:
        background 0.3s ease,
        transform 0.3s ease;

}


.biv-final-button:hover {

    background:
        var(--biv-orange-light);

    color:
        #ffffff;

    transform:
        translateY(-3px);

}


/* =========================================================
   FLECHA
========================================================= */

.biv-final-button-arrow {

    font-size: 18px;

    line-height: 1;

    transition:
        transform 0.3s ease;

}


.biv-final-button:hover
.biv-final-button-arrow {

    transform:
        translate(
            4px,
            -4px
        );

}


/* =========================================================
   PARTE INFERIOR
========================================================= */

.biv-final-bottom {

    display: grid;

    grid-template-columns:
        auto
        1fr
        auto;

    align-items: center;

    gap: 25px;

    padding-top: 25px;

    border-top:
        1px solid
        rgba(
            255,
            255,
            255,
            0.10
        );

}


/* =========================================================
   FIRMA
========================================================= */

.biv-final-signature {

    display: flex;

    align-items: center;

    gap: 8px;

    color:
        rgba(
            255,
            255,
            255,
            0.45
        );

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 0.12em;

}


.biv-signature-accent {

    color:
        var(--biv-orange);

}


/* =========================================================
   LÍNEA
========================================================= */

.biv-final-line {

    width: 100%;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(
                244,
                81,
                30,
                0.45
            ),
            transparent
        );

}


/* =========================================================
   MUSEO
========================================================= */

.biv-final-museum {

    color:
        rgba(
            255,
            255,
            255,
            0.25
        );

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 0.18em;

}


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

@media (max-width: 1024px) {

    .biv-final {

        min-height: 680px;

        padding:
            100px 0;

    }


    .biv-final-container {

        width:
            calc(100% - 60px);

    }


    .biv-final-title {

        font-size:
            clamp(
                60px,
                9vw,
                100px
            );

    }


    .biv-final-description {

        font-size: 15px;

    }


    .final-circle-one {

        width: 550px;

        height: 550px;

    }


    .final-circle-two {

        width: 360px;

        height: 360px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .biv-final {

        min-height: 650px;

        padding:
            80px 0;

    }


    .biv-final-container {

        width:
            calc(100% - 36px);

        min-height: 490px;

    }


    .biv-final-top {

        padding-bottom: 20px;

    }


    .biv-final-label,
    .biv-final-code {

        font-size: 7px;

    }


    .biv-final-title {

        font-size:
            clamp(
                50px,
                14vw,
                80px
            );

        line-height: 0.88;

    }


    .biv-final-description {

        max-width: 500px;

        margin-top: 30px;

        font-size: 14px;

        line-height: 1.7;

    }


    .biv-final-button {

        width: 100%;

    }


    .biv-final-actions {

        width: 100%;

        max-width: 360px;

    }


    .biv-final-bottom {

        grid-template-columns:
            1fr
            1fr;

        gap: 15px;

    }


    .biv-final-line {

        display: none;

    }


    .biv-final-museum {

        text-align: right;

    }


    .final-circle-one {

        width: 450px;

        height: 450px;

    }


    .final-circle-two {

        width: 290px;

        height: 290px;

    }


    .biv-final-glow {

        width: 600px;

        height: 600px;

    }

}


/* =========================================================
   MOBILE PEQUEÑO
========================================================= */

@media (max-width: 480px) {

    .biv-final {

        min-height: 600px;

        padding:
            70px 0;

    }


    .biv-final-container {

        width:
            calc(100% - 28px);

    }


    .biv-final-top {

        align-items: flex-start;

        gap: 15px;

    }


    .biv-final-label,
    .biv-final-code {

        font-size: 6px;

        letter-spacing: 0.12em;

    }


    .biv-final-title {

        font-size: 48px;

    }


    .biv-final-eyebrow {

        font-size: 8px;

        letter-spacing: 0.14em;

    }


    .biv-final-eyebrow::before,
    .biv-final-eyebrow::after {

        width: 18px;

    }


    .biv-final-description {

        font-size: 13px;

    }


    .biv-final-button {

        min-height: 52px;

        padding:
            0 18px;

        font-size: 8px;

    }


    .biv-final-signature {

        font-size: 8px;

    }


    .biv-final-museum {

        font-size: 6px;

    }


    .final-circle-one {

        width: 350px;

        height: 350px;

    }


    .final-circle-two {

        width: 220px;

        height: 220px;

    }

}


/* =========================================================
   REDUCIR MOVIMIENTO
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .biv-final-button,
    .biv-final-button-arrow {

        transition: none;

    }

}/* End custom CSS */