.elementor-8 .elementor-element.elementor-element-c6acfee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-c6acfee:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-c6acfee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-a1e278e{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-a1e278e:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-a1e278e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-5b844b4{width:100%;max-width:100%;top:0px;}.elementor-8 .elementor-element.elementor-element-5b844b4.elementor-element{--flex-grow:1;--flex-shrink:0;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-5b844b4{left:0px;}body.rtl .elementor-8 .elementor-element.elementor-element-5b844b4{right:0px;}.elementor-8 .elementor-element.elementor-element-72a6480{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-72a6480:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-72a6480 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-c565dfb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-c565dfb:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-c565dfb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-20d8a8c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-1ea2d36.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-1999929{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8 .elementor-element.elementor-element-1999929:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-1999929 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-1999929.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-c7c5de4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8 .elementor-element.elementor-element-f9aa0a4{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-c7c5de4{--width:50%;}.elementor-8 .elementor-element.elementor-element-f9aa0a4{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-5b844b4 *//* Aristo Group - Sección 1 (Captura de Pantalla) */

/* Importar la fuente 'Montserrat' que se asemeja al estilo */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

body { margin: 0; font-family: 'Montserrat', sans-serif; }

.aristo-hero-screen {
    position: relative;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

/* Header */
.aristo-header {
    width: 100%;
    padding: 20px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 10;
}

.aristo-logo {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 500;
}

.aristo-logo svg {
    margin-right: 10px;
}

.aristo-nav-menu {
    display: flex;
    gap: 30px;
}

.aristo-nav-menu a {
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: color 0.3s ease;
}

.aristo-nav-menu a:hover {
    color: rgba(255,255,255,0.7);
}

.aristo-btn-catalog {
    border: 1px solid #fff;
    padding: 5px 15px;
    border-radius: 20px;
}

.aristo-menu-burger {
    display: flex;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
}

.aristo-menu-burger span {
    width: 25px;
    height: 2px;
    background-color: #fff;
}

/* Contenido Principal (Texto y Video) */
.aristo-main-content {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1; /* Ocupa el espacio restante */
}

.aristo-main-title {
    position: relative;
    font-size: clamp(4rem, 10vw, 10rem); /* Tamaño adaptativo y grande */
    font-weight: 800;
    line-height: 0.8; /* Para que las líneas estén cerca */
    text-align: center;
    margin: 0;
    white-space: nowrap; /* Evita que el texto se rompa */
    letter-spacing: -0.05em; /* Espaciado entre letras */
}

.aristo-text-fill {
    color: #fff; /* Texto blanco por defecto */
}

.aristo-text-outline {
    color: transparent; /* Hace el texto transparente */
    -webkit-text-stroke: 1px #fff; /* Borde blanco para el efecto outline */
    text-stroke: 1px #fff; /* Versión estándar */
}

/* Video que sirve como máscara de texto */
.aristo-text-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 2; /* Asegura que esté sobre el fondo pero debajo del texto */
    
    /* EFECTO MÁSCARA: Esto es lo crucial para que el video se vea DENTRO del texto */
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text x="50%" y="50%" text-anchor="middle" dominant-baseline="central" style="font-family: Montserrat, sans-serif; font-weight: 800; font-size: 100px; fill: black;">LIVING</text></svg>');
    -webkit-mask-size: cover;
    -webkit-mask-position: center;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text x="50%" y="50%" text-anchor="middle" dominant-baseline="central" style="font-family: Montserrat, sans-serif; font-weight: 800; font-size: 100px; fill: black;">LIVING</text></svg>');
    mask-size: cover;
    mask-position: center;
    /* La máscara se aplicará con JS, esto es un placeholder */
    opacity: 0; /* Por defecto invisible, JS lo manipulará */
}


/* Barra Inferior */
.aristo-bottom-bar {
    width: 100%;
    padding: 20px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8rem;
    position: relative;
    z-index: 10;
}

.aristo-lang-switcher {
    border: 1px solid #fff;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
}

.aristo-scroll-text {
    font-weight: 300;
    letter-spacing: 2px;
}

.aristo-accessibility-icon {
    cursor: pointer;
}

/* Media Queries para Responsive */
@media (max-width: 768px) {
    .aristo-header, .aristo-bottom-bar {
        padding: 15px 20px;
    }
    .aristo-nav-menu {
        display: none; /* Ocultar menú en móvil para simplificar, se usaría un menú hamburguesa real */
    }
    .aristo-main-title {
        font-size: clamp(3rem, 15vw, 6rem);
    }
    .aristo-scroll-text {
        display: none; /* Ocultar en móviles si el espacio es crítico */
    }
}/* End custom CSS */