.elementor-586 .elementor-element.elementor-element-4db9589{--display:flex;--min-height:67vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:90px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}.elementor-586 .elementor-element.elementor-element-db5c000{--display:flex;--min-height:5vh;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-586 .elementor-element.elementor-element-db5c000.e-con{--flex-grow:0;--flex-shrink:0;}.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-586 .elementor-element.elementor-element-50b6b2f{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-586 .elementor-element.elementor-element-50b6b2f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-586 .elementor-element.elementor-element-50b6b2f img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center center;}.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-586 .elementor-element.elementor-element-4276a6d:hover{--e-transform-translateX:35px;}.elementor-586 .elementor-element.elementor-element-4276a6d{margin:0px -20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-transform-transition-duration:400ms;text-align:start;}.elementor-586 .elementor-element.elementor-element-4276a6d.elementor-element{--align-self:center;}.elementor-586 .elementor-element.elementor-element-4276a6d .elementor-heading-title{font-family:"Spectral SC", Sans-serif;font-size:4rem;font-weight:600;color:#555555;}.elementor-586 .elementor-element.elementor-element-d32a39d{--display:flex;--min-height:5vh;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-586 .elementor-element.elementor-element-565d082{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-586 .elementor-element.elementor-element-565d082.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-586 .elementor-element.elementor-element-565d082 img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center center;}.elementor-586 .elementor-element.elementor-element-ac575c5:hover{--e-transform-translateX:35px;}.elementor-586 .elementor-element.elementor-element-ac575c5.elementor-element{--align-self:center;}.elementor-586 .elementor-element.elementor-element-ac575c5{--e-transform-transition-duration:400ms;text-align:start;}.elementor-586 .elementor-element.elementor-element-ac575c5 .elementor-heading-title{font-family:"Spectral SC", Sans-serif;font-size:4rem;font-weight:600;color:#555555;}.elementor-586 .elementor-element.elementor-element-553ea35{--display:flex;--min-height:5vh;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-586 .elementor-element.elementor-element-79d8e3f{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-586 .elementor-element.elementor-element-79d8e3f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-586 .elementor-element.elementor-element-79d8e3f img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center center;}.elementor-586 .elementor-element.elementor-element-66cb798:hover{--e-transform-translateX:35px;}.elementor-586 .elementor-element.elementor-element-66cb798.elementor-element{--align-self:center;}.elementor-586 .elementor-element.elementor-element-66cb798{--e-transform-transition-duration:400ms;text-align:start;}.elementor-586 .elementor-element.elementor-element-66cb798 .elementor-heading-title{font-family:"Spectral SC", Sans-serif;font-size:4rem;font-weight:600;color:#555555;}.elementor-586 .elementor-element.elementor-element-b44d208{--display:flex;--min-height:5vh;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-586 .elementor-element.elementor-element-f331c7c{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-586 .elementor-element.elementor-element-f331c7c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-586 .elementor-element.elementor-element-f331c7c img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:center center;}.elementor-586 .elementor-element.elementor-element-bb5428d:hover{--e-transform-translateX:35px;}.elementor-586 .elementor-element.elementor-element-bb5428d.elementor-element{--align-self:center;}.elementor-586 .elementor-element.elementor-element-bb5428d{--e-transform-transition-duration:400ms;text-align:start;}.elementor-586 .elementor-element.elementor-element-bb5428d .elementor-heading-title{font-family:"Spectral SC", Sans-serif;font-size:4rem;font-weight:600;color:#555555;}body.elementor-page-586:not(.elementor-motion-effects-element-type-background), body.elementor-page-586 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#181818;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-586 .elementor-element.elementor-element-db5c000{--width:81.099%;}.elementor-586 .elementor-element.elementor-element-d32a39d{--width:85%;}.elementor-586 .elementor-element.elementor-element-553ea35{--width:85%;}.elementor-586 .elementor-element.elementor-element-b44d208{--width:85%;}}/* Start custom CSS for container, class: .elementor-element-4db9589 *//* 1. ESTADO INICIAL DE LA IMAGEN (OCULTA Y CENTRADA) */
.img-one {
    /* Usamos opacidad en lugar de display para que la transición funcione */
    opacity: 0; 
    visibility: hidden;
    
    /* Posicionamiento fijo respecto a la pantalla (Viewport) */
    position: fixed; 
    top: 57%;
    left: 32%;
    transform: translate(-50%, -50%); 
    
    /* Ajustes de tamaño para que se vea elegante */
    width: 40; 
    max-height: 90vh; 
    object-fit: contain;
    
    /* Capas y Seguridad */
    z-index: 5; 
    pointer-events: none; /* Importante: para que la foto no bloquee tus clicks */
    
    /* TRANSICIÓN SUAVE (Dura 0.8 segundos con curva de aceleración natural) */
    transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out; 
}

/* 2. ESTADO AL PASAR EL MOUSE (REVELADO) */
.text:hover > .img-one {
    opacity: 1; 
    visibility: visible;
}

/* 3. CAMBIO DE FONDO Y TEXTO (EL EFECTO QUE YA TE GUSTABA) */
.text:hover {
    cursor: pointer;
    background-color: black;
    transition: all 0.5s ease-in;
}

.text:hover .paragraph-scroll,
.text:hover .elementor-heading-title {
    color: #FFFFFF !important;
}

/* 4. RESET DE ESTILOS ADICIONALES */
.text {
    position: relative; /* Asegura que el hover detecte bien a la imagen hija */
    transition: all 0.4s ease;
}/* End custom CSS */
/* Start custom CSS *//* =============================================
   1. LOGO: CAMBIO A BLANCO (SOLO EN EL HEADER)
   ============================================= */
/* Usamos body.elementor-page-586es ultra-específicos para no tocar tus fotos de proyectos */
header .elementor-widget-image img,
.elementor-nav-menu--main + .elementor-widget-image img,
.site-logo img {
    filter: brightness(0) invert(1) !important;
    transition: all 0.4s ease;
}

/* =============================================
   2. BURGER MENU: LAS 3 RAYAS (ESTADO CERRADO)
   ============================================= */
/* Atacamos tu botón personalizado .burger */
.burger, 
.burger::before, 
.burger::after {
    background-color: #FFFFFF !important;
}

/* =============================================
   3. BURGER MENU: LA "X" (ESTADO ABIERTO)
   ============================================= */
.burger.active,
.burger.active::before, 
.burger.active::after {
    background-color: #FFFFFF !important;
}

/* =============================================
   4. LIMPIEZA Y SEGURIDAD
   ============================================= */
/* Esto asegura que el botón sea transparente y no tenga bordes feos */
.toggle-btn button.burger {
    background: transparent !important;
    border: none !important;
    outline: none !important;
}

.burger:focus {
    outline: none !important;
    border: none !important;
}/* End custom CSS */