.elementor-5016 .elementor-element.elementor-element-a2bf833{--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;--padding-top:15px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-5016 .elementor-element.elementor-element-8e7f70e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--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-5016 .elementor-element.elementor-element-1c86031{--display:flex;--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-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-5016 .elementor-element.elementor-element-0e32b20 .elementor-heading-title{font-family:"Solar", Sans-serif;font-weight:600;color:#000000;}.elementor-5016 .elementor-element.elementor-element-750861e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content: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-5016 .elementor-element.elementor-element-750861e.e-con{--align-self:center;}.elementor-5016 .elementor-element.elementor-element-612eceb .elementor-heading-title{font-family:"Solar", Sans-serif;font-size:17px;font-weight:600;color:#000000;}.elementor-5016 .elementor-element.elementor-element-9dd861d .elementor-heading-title{font-family:"Solar", Sans-serif;font-weight:600;color:#000000;}.elementor-5016 .elementor-element.elementor-element-3088016 .elementor-heading-title{font-family:"Solar", Sans-serif;font-weight:600;color:#000000;}.elementor-5016 .elementor-element.elementor-element-1e02e1a .elementor-heading-title{font-family:"Solar", Sans-serif;font-weight:600;color:#000000;}.elementor-5016 .elementor-element.elementor-element-2242888{--display:flex;--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-5016 .elementor-element.elementor-element-27d048f{text-align:end;}.elementor-5016 .elementor-element.elementor-element-27d048f .elementor-heading-title{font-family:"Solar", Sans-serif;font-weight:600;color:#000000;}.elementor-5016 .elementor-element.elementor-element-e613b5a{--display:flex;--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-5016 .elementor-element.elementor-element-2777d92 > .elementor-widget-container{margin:9px 0px 0px 0px;}.elementor-5016 .elementor-element.elementor-element-2777d92{text-align:center;}.elementor-5016 .elementor-element.elementor-element-2777d92 .elementor-heading-title{font-family:"ABC Pelikan", Sans-serif;font-size:86px;font-weight:700;line-height:56px;color:#000000;}.elementor-5016 .elementor-element.elementor-element-56887b9{--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;}@media(min-width:768px){.elementor-5016 .elementor-element.elementor-element-1c86031{--width:20%;}.elementor-5016 .elementor-element.elementor-element-750861e{--width:60%;}.elementor-5016 .elementor-element.elementor-element-2242888{--width:20%;}}/* Start custom CSS for heading, class: .elementor-element-0e32b20 */@font-face {
    font-family: "ABC Marfa Mono";
    src: url("https://laava.es/wp-content/uploads/2026/08/ABCMarfaMonoVariable-Trial.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

.elementor-5016 .elementor-element.elementor-element-0e32b20 .elementor-heading-title {
    font-family: "ABC Marfa Mono", monospace !important;
    font-size: 14px !important;
    font-weight: 300 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-612eceb */@font-face {
    font-family: "ABC Marfa Mono";
    src: url("https://laava.es/wp-content/uploads/2026/08/ABCMarfaMonoVariable-Trial.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

.elementor-5016 .elementor-element.elementor-element-612eceb .elementor-heading-title {
    font-family: "ABC Marfa Mono", monospace !important;
    font-size: 14px !important;
    font-weight: 300 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9dd861d */@font-face {
    font-family: "ABC Marfa Mono";
    src: url("https://laava.es/wp-content/uploads/2026/08/ABCMarfaMonoVariable-Trial.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

.elementor-5016 .elementor-element.elementor-element-9dd861d .elementor-heading-title {
    font-family: "ABC Marfa Mono", monospace !important;
    font-size: 14px !important;
    font-weight: 300 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3088016 */@font-face {
    font-family: "ABC Marfa Mono";
    src: url("https://laava.es/wp-content/uploads/2026/08/ABCMarfaMonoVariable-Trial.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

.elementor-5016 .elementor-element.elementor-element-3088016 .elementor-heading-title {
    font-family: "ABC Marfa Mono", monospace !important;
    font-size: 14px !important;
    font-weight: 300 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1e02e1a */@font-face {
    font-family: "ABC Marfa Mono";
    src: url("https://laava.es/wp-content/uploads/2026/08/ABCMarfaMonoVariable-Trial.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

.elementor-5016 .elementor-element.elementor-element-1e02e1a .elementor-heading-title {
    font-family: "ABC Marfa Mono", monospace !important;
    font-size: 14px !important;
    font-weight: 300 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-27d048f */@font-face {
    font-family: "ABC Marfa Mono";
    src: url("https://laava.es/wp-content/uploads/2026/08/ABCMarfaMonoVariable-Trial.ttf") format("truetype");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

.elementor-5016 .elementor-element.elementor-element-27d048f .elementor-heading-title {
    font-family: "ABC Marfa Mono", monospace !important;
    font-size: 14px !important;
    font-weight: 300 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2bf833 *//* =========================================================
   MENÚ — SUPERPUESTO SOBRE EL PROYECTO
   ========================================================= */

.up-menu{
    position:fixed !important;

    top:0 !important;
    left:0 !important;
    right:0 !important;

    width:100% !important;

    margin:0 !important;

    z-index:9999 !important;

    background:transparent !important;

    pointer-events:auto;
}


/* =========================================================
   EL PROYECTO EMPIEZA ARRIBA DEL TODO
   ========================================================= */

.up-project{
    position:fixed !important;

    top:0 !important;
    left:0 !important;

    width:100vw !important;
    height:100vh !important;

    margin:0 !important;

    overflow:hidden;

    z-index:1;
}


/* =========================================================
   GALERÍA DETRÁS DEL MENÚ
   ========================================================= */

.up-project-gallery{
    top:0 !important;
    right:0 !important;

    height:100vh !important;

    z-index:10;
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   PROYECTO INDIVIDUAL — CARRUSEL VERTICAL INFINITO
   ========================================================= */


/* =========================================================
   RESET
   ========================================================= */

html,
body{
    margin:0;
    padding:0;

    width:100%;
    height:100%;

    overflow:hidden !important;

    background:#EAE2C4 !important;
}


/* =========================================================
   ESCENA
   ========================================================= */

.up-project{
    position:relative;

    width:100vw;
    height:100vh;

    overflow:hidden;

    background:#EAE2C4 !important;

    color:#000;
}


/* =========================================================
   COLUMNAS DE INFORMACIÓN
   ========================================================= */

.up-project-info{
    position:absolute;

    top:50%;

    height:auto;

    box-sizing:border-box;

    z-index:20;

    pointer-events:none;
}


/* =========================================================
   COLUMNA 1 — NOMBRE DEL PROYECTO
   ========================================================= */

.up-project-info--name{
    left:0;

    width:17vw;

    padding-left:12px;

    /*
     * El bloque de información tiene 5 líneas.
     * Lo desplazamos hacia arriba para que
     * CASA SALITRE arranque a la misma altura
     * que la primera línea de información.
     */
    transform:translateY(-60px);
}


/* =========================================================
   COLUMNA 2 — INFORMACIÓN DEL PROYECTO
   ========================================================= */

.up-project-info--services{
    left:17vw;

    width:30vw;

    padding-left:12px;

    /*
     * Mismo desplazamiento que el título.
     * Así CASA SALITRE y la primera línea
     * arrancan exactamente a la misma altura.
     */
    transform:translateY(-60px);
}


/* =========================================================
   TÍTULO — ABC PELIKAN BOLD
   17px
   ========================================================= */

.up-project-name{
    font-family:"ABC Pelikan", sans-serif !important;

    font-size:16px;

    font-weight:700 !important;

    line-height:24px;

    letter-spacing:0;

    color:#000;

    white-space:nowrap;
}


/* =========================================================
   INFORMACIÓN — MARFA MONO LIGHT
   17px
   ========================================================= */

.up-project-services{
    font-family:"ABC Marfa Mono", "Marfa Mono", monospace !important;

    font-size:15px;

    font-weight:300 !important;

    line-height:24px;

    letter-spacing:0;

    color:#000;

    pointer-events:auto;
}


.up-project-services > div{
    display:block;

    white-space:nowrap;
}


/* =========================================================
   OCULTAMOS "VER PROYECTO"
   ========================================================= */

.up-project-link{
    display:none !important;
}


/* =========================================================
   GALERÍA
   ========================================================= */

.up-project-gallery{
    position:absolute;

    top:0;
    right:0;

    width:53vw;
    height:100vh;

    overflow:hidden;

    background:#EAE2C4 !important;

    z-index:10;
}


/* =========================================================
   SLIDES
   ========================================================= */

.up-project-slide{
    position:absolute;

    top:50%;

    right:0;
    left:auto;

    width:100%;
    height:auto;

    margin:0;
    padding:0;

    transform-origin:right center;

    will-change:transform;

    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
}


/* =========================================================
   IMÁGENES
   ========================================================= */

.up-project-slide img{
    display:block;

    width:100%;
    height:auto;

    margin:0;
    padding:0;

    border:0;

    object-fit:unset;

    user-select:none;
    -webkit-user-select:none;

    pointer-events:none;
}


/* =========================================================
   VOLVER — MARFA MONO LIGHT
   17px
   ========================================================= */

.up-project-back,
.up-project-back:hover,
.up-project-back:focus,
.up-project-back:active{
    position:absolute;

    left:12px;
    bottom:12px;

    z-index:50;

    margin:0;

    padding:0 !important;

    border:0 !important;
    outline:0 !important;

    background:transparent !important;
    background-color:transparent !important;

    box-shadow:none !important;

    font-family:"ABC Marfa Mono", "Marfa Mono", monospace !important;

    font-size:15px;
    font-weight:300;
    line-height:24px;

    color:#aaa;

    text-decoration:none !important;

    cursor:pointer;

    -webkit-appearance:none;
    appearance:none;
}


.up-project-back:hover{
    color:#000 !important;

    background:transparent !important;

    text-decoration:none !important;

    box-shadow:none !important;
}


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

@media(max-width:1024px){

    .up-project-info--name{
        width:20vw;
    }


    .up-project-info--services{
        left:20vw;

        width:30vw;
    }


    .up-project-gallery{
        width:50vw;
    }

}


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

@media(max-width:767px){

    .up-project-info--name{
        top:70px;
        left:12px;

        width:auto;
        height:auto;

        padding:0;

        transform:none;
    }


    .up-project-info--services{
        top:120px;
        left:12px;

        width:auto;
        height:auto;

        padding:0;

        transform:none;
    }


    .up-project-services > div{
        white-space:normal;
    }


    .up-project-gallery{
        top:260px;

        width:100vw;

        height:calc(100vh - 260px);

        background:#EAE2C4 !important;
    }

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Solar';
	font-display: auto;
	src: url('https://semicustom1.wearelaava.com/wp-content/uploads/2025/03/ABCSolarVariable-Trial.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'ABC Pelikan';
	font-display: auto;
	src: url('https://semicustom1.wearelaava.com/wp-content/uploads/2026/07/ABCPelikanVariableVF-Trial.ttf') format('truetype');
}
/* End Custom Fonts CSS */