.elementor-1144 .elementor-element.elementor-element-6e20db54{--display:flex;--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;--overlay-opacity:0.5;--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-1144 .elementor-element.elementor-element-6e20db54::before, .elementor-1144 .elementor-element.elementor-element-6e20db54 > .elementor-background-video-container::before, .elementor-1144 .elementor-element.elementor-element-6e20db54 > .e-con-inner > .elementor-background-video-container::before, .elementor-1144 .elementor-element.elementor-element-6e20db54 > .elementor-background-slideshow::before, .elementor-1144 .elementor-element.elementor-element-6e20db54 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1144 .elementor-element.elementor-element-6e20db54 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1144 .elementor-element.elementor-element-bf71d2b{--display:flex;--min-height:0px;--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;}.elementor-1144 .elementor-element.elementor-element-bf71d2b:not(.elementor-motion-effects-element-type-background), .elementor-1144 .elementor-element.elementor-element-bf71d2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-1144 .elementor-element.elementor-element-2c954b5c{--display:flex;--justify-content:center;}.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-1144 .elementor-element.elementor-element-526a83ca img{width:57%;}.elementor-1144 .elementor-element.elementor-element-c26ede4{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );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-1144 .elementor-element.elementor-element-89e86ad .elementor-menu-toggle{margin:0 auto;background-color:#02010100;}.elementor-1144 .elementor-element.elementor-element-89e86ad .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;}.elementor-1144 .elementor-element.elementor-element-89e86ad div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-1144 .elementor-element.elementor-element-89e86ad div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-1144 .elementor-element.elementor-element-3c7f0fa0{--display:flex;--flex-direction:row;--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;--justify-content:center;--align-items:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1144 .elementor-element.elementor-element-7b29b4c9 .elementor-icon-wrapper{text-align:center;}.elementor-1144 .elementor-element.elementor-element-7b29b4c9.elementor-view-stacked .elementor-icon{background-color:#FAFAFA;}.elementor-1144 .elementor-element.elementor-element-7b29b4c9.elementor-view-framed .elementor-icon, .elementor-1144 .elementor-element.elementor-element-7b29b4c9.elementor-view-default .elementor-icon{color:#FAFAFA;border-color:#FAFAFA;}.elementor-1144 .elementor-element.elementor-element-7b29b4c9.elementor-view-framed .elementor-icon, .elementor-1144 .elementor-element.elementor-element-7b29b4c9.elementor-view-default .elementor-icon svg{fill:#FAFAFA;}.elementor-1144 .elementor-element.elementor-element-7b29b4c9 .elementor-icon{font-size:17px;}.elementor-1144 .elementor-element.elementor-element-7b29b4c9 .elementor-icon svg{height:17px;}.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-1144 .elementor-element.elementor-element-71a177da .elementor-button{background-color:#4A5E5B;fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-radius:50px 50px 50px 50px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-1144 .elementor-element.elementor-element-526a83ca img{width:95%;}.elementor-1144 .elementor-element.elementor-element-c26ede4{--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-1144 .elementor-element.elementor-element-89e86ad{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -26px) 0px;padding:0px 0px 0px 0px;--nav-menu-icon-size:27px;}.elementor-1144 .elementor-element.elementor-element-89e86ad .elementor-nav-menu .elementor-item{font-size:7px;}.elementor-1144 .elementor-element.elementor-element-89e86ad .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-1144 .elementor-element.elementor-element-89e86ad .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-1144 .elementor-element.elementor-element-89e86ad .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-1144 .elementor-element.elementor-element-89e86ad .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-1144 .elementor-element.elementor-element-89e86ad .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-1144 .elementor-element.elementor-element-89e86ad .e--pointer-underline .elementor-item:after,
					 .elementor-1144 .elementor-element.elementor-element-89e86ad .e--pointer-overline .elementor-item:before,
					 .elementor-1144 .elementor-element.elementor-element-89e86ad .e--pointer-double-line .elementor-item:before,
					 .elementor-1144 .elementor-element.elementor-element-89e86ad .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-1144 .elementor-element.elementor-element-3c7f0fa0{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(max-width:767px){.elementor-1144 .elementor-element.elementor-element-6e20db54{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1144 .elementor-element.elementor-element-bf71d2b{--justify-content:center;--padding-top:-43px;--padding-bottom:-43px;--padding-left:-43px;--padding-right:-43px;}.elementor-1144 .elementor-element.elementor-element-2c954b5c{--width:39%;}.elementor-1144 .elementor-element.elementor-element-526a83ca img{width:81%;}.elementor-1144 .elementor-element.elementor-element-c26ede4{--width:40%;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1144 .elementor-element.elementor-element-c26ede4.e-con{--align-self:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-1144 .elementor-element.elementor-element-89e86ad{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -14px) 0px;padding:0px 0px 0px 0px;--nav-menu-icon-size:31px;}.elementor-1144 .elementor-element.elementor-element-89e86ad.elementor-element{--align-self:center;}}@media(min-width:768px){.elementor-1144 .elementor-element.elementor-element-2c954b5c{--width:17%;}.elementor-1144 .elementor-element.elementor-element-c26ede4{--width:50%;}.elementor-1144 .elementor-element.elementor-element-3c7f0fa0{--width:20%;}}/* Start custom CSS for container, class: .elementor-element-6e20db54 *//* =========================
   HEADER BASE
========================= */
#header-bar .header-internal{
    border:1px solid transparent;
    transition:all .35s ease;
}

/* =========================
   HEADER AL HACER SCROLL
========================= */
#header-bar.elementor-sticky--effects .header-internal{

    background:rgba(245,241,235,0.82) !important;

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

    margin-top:18px;

    border-radius:24px;

    border:1px solid rgba(255,255,255,0.45);

    padding-left:26px;
    padding-right:26px;

    box-shadow:
      0 8px 30px rgba(91,67,56,0.08),
      0 1px 2px rgba(91,67,56,0.05);
}

/* =========================
   MENU AL HACER SCROLL
========================= */
#header-bar.elementor-sticky--effects .menu-link{
    color:#4A5E5B !important;
    font-weight:500;
    letter-spacing:0.2px;
    transition:all .35s ease;
}

#header-bar.elementor-sticky--effects .menu-link:hover{
    color:#5B4338 !important;
}

/* =========================
   ICONO USUARIO
========================= */
#header-bar.elementor-sticky--effects .elementor-icon svg{
    fill:#4A5E5B !important;
    transition:all .35s ease;
}

/* =========================
   LOGO PNG CAMBIO A VERDE
========================= */
#header-bar .elementor-widget-image img{
    transition:all .35s ease;
}

#header-bar.elementor-sticky--effects .elementor-widget-image img{

    background-color:#4A5E5B !important;

    -webkit-mask-image:url('https://akira.com.ec/wp-content/uploads/2026/04/Logo-Akira-Blanco-e1777301168171.png');
    mask-image:url('https://akira.com.ec/wp-content/uploads/2026/04/Logo-Akira-Blanco-e1777301168171.png');

    -webkit-mask-size:contain;
    mask-size:contain;

    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;

    -webkit-mask-position:center;
    mask-position:center;

    object-position:-9999px;
}

/* =========================
   TRANSICIONES
========================= */
#header-bar,
#header-bar .header-internal,
#header-bar .menu-link,
#header-bar .elementor-icon svg,
#header-bar .elementor-widget-image img{
    transition:all .35s ease;
}

/* =========================
   MOBILE
========================= */
@media (max-width:767px){

#header-bar.elementor-sticky--effects .header-internal{
    margin-top:10px;
    border-radius:18px;
    padding-left:18px;
    padding-right:18px;
    background:rgba(245,241,235,0.92) !important;
}

.elementor-nav-menu--dropdown{
    margin-left:10px;
    margin-right:10px;
    border-radius:18px;
    overflow:hidden;
}
/* =========================
   REVISIÓN MÓVIL (SCROLL)
========================= */
@media (max-width: 767px) {

    /* 1. Centrar verticalmente logo y botón */
    #header-bar.elementor-sticky--effects .e-con-inner {
        display: flex !important;
        align-items: center !important; /* Esto baja el botón para que se alinee con el logo */
        justify-content: space-between !important;
    }

    /* 2. Color del icono hamburguesa al hacer scroll (Verde Akira) */
    /* Apuntamos directamente al SVG y a su trazo (path) */
    #header-bar.elementor-sticky--effects .elementor-menu-toggle svg path {
        fill: #4A5E5B !important;
    }

    /* 3. Ajustar el ancho y posición del Menú Desplegable */
    #header-bar.elementor-sticky--effects .elementor-nav-menu--dropdown {
        background: rgba(245, 241, 235, 0.98) !important; /* Casi opaco para mejor lectura */
        
        /* Reducir ancho y centrar */
        width: 88% !important; 
        margin: 15px auto 0 auto !important; 
        left: 0 !important;
        right: 0 !important;
        
        /* Estética */
        border-radius: 20px;
        border: 1px solid rgba(74, 94, 91, 0.1);
        box-shadow: 0 15px 35px rgba(91,67,56,0.15);
        overflow: hidden;
    }

    /* Asegurar que los links dentro del desplegable sean verdes */
    #header-bar.elementor-sticky--effects .elementor-nav-menu--dropdown .menu-link {
        color: #4A5E5B !important;
        padding: 15px 25px !important;
        border-bottom: 1px solid rgba(74, 94, 91, 0.05);
    }
}
}/* End custom CSS */