.elementor-10 .elementor-element.elementor-element-b743e27{--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-10 .elementor-element.elementor-element-95c6b82{--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-theme-site-logo .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-10 .elementor-element.elementor-element-1dc0ebf img{width:100%;}.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-10 .elementor-element.elementor-element-f81feb2{--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;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-fcea96f .elementor-menu-toggle{margin:0 auto;}.elementor-10 .elementor-element.elementor-element-fcea96f .elementor-nav-menu .elementor-item{font-family:"Flama", Sans-serif;font-weight:300;text-transform:uppercase;}.elementor-10 .elementor-element.elementor-element-fcea96f .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-astglobalcolor4 );fill:var( --e-global-color-astglobalcolor4 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-877c72c .elementor-button{background-color:#FED50000;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-95c6b82{--width:40%;}.elementor-10 .elementor-element.elementor-element-f81feb2{--width:60%;}.elementor-10 .elementor-element.elementor-element-877c72c.elementor-element{--order:-99999 /* order start hack */;}}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-95c6b82{--width:10%;}.elementor-10 .elementor-element.elementor-element-f81feb2{--width:90%;}}/* Start custom CSS for container, class: .elementor-element-b743e27 *//* Estado inicial de la cabecera */
.elementor-10 .elementor-element.elementor-element-b743e27 {
    transition: all 0.4s ease-in-out;
    background-color: transparent; /* O tu color inicial */
    padding: 15 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

/* Estado cuando el usuario hace scroll (Sticky Activo) */
.elementor-10 .elementor-element.elementor-element-b743e27.elementor-sticky--effects {
    background-color: #ffffff !important; /* Color al bajar */
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
    padding: 7px 0;
    position: fixed; 
}

/* Cambiar tamaño del logo al bajar */
.elementor-10 .elementor-element.elementor-element-b743e27.elementor-sticky--effects img {
    width: 80% !important; /* Se achica al 80% */
    transition: all 0.4s ease-in-out;
    /*filter: brightness(0) invert(0); */
}

/* Cambiar color de los textos del menú al bajar */
.elementor-10 .elementor-element.elementor-element-b743e27.elementor-sticky--effects .elementor-item {
    color: #000000 !important; /* Color de las letras al bajar */
}
/* Posicionar el logo negro encima del de color */
.logo-negro {
    position: absolute !important;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

.logo-color {
    transition: opacity 0.4s ease-in-out;
}

/* Al hacer scroll: el de color desaparece, el negro aparece */
.elementor-10 .elementor-element.elementor-element-b743e27.elementor-sticky--effects .logo-color {
    opacity: 0;
}

.elementor-10 .elementor-element.elementor-element-b743e27.elementor-sticky--effects .logo-negro {
    opacity: 1;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Flama';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://iluminacionprofesional.com.pe/wp-content/uploads/2026/03/Flama-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Flama';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://iluminacionprofesional.com.pe/wp-content/uploads/2026/03/Flama-Italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */