.elementor-23 .elementor-element.elementor-element-76b330f{--display:flex;--min-height:50px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100;}.elementor-23 .elementor-element.elementor-element-76b330f:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-76b330f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-progress-tracker .current-progress-percentage{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-23 .elementor-element.elementor-element-dfc06a9{--direction:ltr;--horizontal-progress-border:none;--horizontal-height:3px;--horizontal-border-style:none;}.elementor-23 .elementor-element.elementor-element-dfc06a9 .current-progress{background-color:var( --e-global-color-a922e0e );}.elementor-23 .elementor-element.elementor-element-dfc06a9 .elementor-scrolling-tracker-horizontal{background-color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-4f84463{--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:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-5237d9b{--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-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-23 .elementor-element.elementor-element-941d6a1{padding:10px 10px 10px 10px;text-align:start;}.elementor-23 .elementor-element.elementor-element-941d6a1 img{width:292px;height:55px;object-fit:contain;object-position:center center;}.elementor-23 .elementor-element.elementor-element-984332c{--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:flex-end;--align-items:center;}.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-23 .elementor-element.elementor-element-2474844{width:auto;max-width:auto;--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );}.elementor-23 .elementor-element.elementor-element-2474844 .elementor-menu-toggle{margin-left:auto;background-color:#FFFFFF00;border-width:0px;border-radius:0px;}.elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:24px;letter-spacing:-0.45px;}.elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:10px;padding-right:10px;padding-top:4px;padding-bottom:4px;}.elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#000000;}.elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu--dropdown a:hover,
					.elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu--dropdown a:focus,
					.elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-23 .elementor-element.elementor-element-2474844 .elementor-menu-toggle:hover,
					.elementor-23 .elementor-element.elementor-element-2474844 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu--dropdown a:hover,
					.elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu--dropdown a:focus,
					.elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu--dropdown a.highlighted{background-color:#000000;}.elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu--dropdown .elementor-item, .elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;text-transform:uppercase;font-style:normal;text-decoration:none;letter-spacing:1.53px;}.elementor-23 .elementor-element.elementor-element-2474844 div.elementor-menu-toggle{color:#000000;}.elementor-23 .elementor-element.elementor-element-2474844 div.elementor-menu-toggle svg{fill:#000000;}.elementor-23 .elementor-element.elementor-element-2474844 div.elementor-menu-toggle:hover, .elementor-23 .elementor-element.elementor-element-2474844 div.elementor-menu-toggle:focus{color:#000000;}.elementor-23 .elementor-element.elementor-element-2474844 div.elementor-menu-toggle:hover svg, .elementor-23 .elementor-element.elementor-element-2474844 div.elementor-menu-toggle:focus svg{fill:#000000;}.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-23 .elementor-element.elementor-element-ebcf14c .elementor-button{background-color:#B7860F00;font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:1.53px;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:50px 50px 50px 50px;padding:6px 10px 5px 10px;}.elementor-23 .elementor-element.elementor-element-ebcf14c .elementor-button:hover, .elementor-23 .elementor-element.elementor-element-ebcf14c .elementor-button:focus{background-color:#000000;color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-ebcf14c{width:auto;max-width:auto;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;border-radius:50px 50px 50px 50px;}.elementor-23 .elementor-element.elementor-element-ebcf14c .elementor-button:hover svg, .elementor-23 .elementor-element.elementor-element-ebcf14c .elementor-button:focus svg{fill:#FFFFFF;}.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-23 .elementor-element.elementor-element-984332c{--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-23 .elementor-element.elementor-element-2474844{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 2px) 0px;}.elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-23 .elementor-element.elementor-element-2474844 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:22px !important;}.elementor-23 .elementor-element.elementor-element-2474844 .elementor-menu-toggle{border-width:1px;border-radius:0px;}.elementor-23 .elementor-element.elementor-element-ebcf14c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 8px;}.elementor-23 .elementor-element.elementor-element-ebcf14c .elementor-button{padding:10px 10px 10px 10px;}}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-5237d9b{--width:200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-23 .elementor-element.elementor-element-5237d9b{--width:15%;}}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-5237d9b{--width:30%;}.elementor-23 .elementor-element.elementor-element-941d6a1{text-align:center;}.elementor-23 .elementor-element.elementor-element-941d6a1 img{width:100%;height:55px;}.elementor-23 .elementor-element.elementor-element-984332c{--width:60%;}.elementor-23 .elementor-element.elementor-element-ebcf14c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 8px;}.elementor-23 .elementor-element.elementor-element-ebcf14c .elementor-button{padding:10px 10px 10px 10px;}}/* Start custom CSS for button, class: .elementor-element-ebcf14c */#boton-reservar-top {margin-top:5px;}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76b330f *//* ========================================
   STRØ BARBERSHOP — HEADER CSS
   ======================================== */


/* ============ FONDO HEADER ============ */
#stro-header.elementor-sticky--effects {
    background-color: #ffffff !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.4s ease !important;
}


/* ============ LOGO ============ */
#stro-header:not(.elementor-sticky--effects) .elementor-widget-image img {
    filter: brightness(0) invert(1) !important;
    transition: filter 0.4s ease !important;
}

.elementor-sticky--effects .elementor-widget-image img {
    filter: none !important;
}


/* ============ MENÚ — COLORES ============ */
#menu-principal .elementor-item,
#menu-principal .elementor-item-active {
    color: #fafaf0 !important;
    transition: color 0.4s ease !important;
}

.elementor-sticky--effects #menu-principal .elementor-item,
.elementor-sticky--effects #menu-principal .elementor-item-active {
    color: #3c3c3b !important;
}


/* ============ MENÚ — QUITAR HOVER ELEMENTOR ============ */
#menu-principal .elementor-nav-menu--main > ul > li > a.elementor-item::before,
#menu-principal .elementor-nav-menu--main > ul > li > a.elementor-item .elementor-item-highlight {
    display: none !important;
}

#menu-principal .elementor-nav-menu--main > ul > li > a.elementor-item,
#menu-principal .elementor-nav-menu--main > ul > li > a.elementor-item:hover,
#menu-principal .elementor-nav-menu--main > ul > li > a.elementor-item:focus,
#menu-principal .elementor-nav-menu--main > ul > li > a.elementor-item:active,
#menu-principal .elementor-nav-menu--main > ul > li > a.elementor-item-active {
    background-color: transparent !important;
    background: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    outline: none !important;
}


/* ============ MENÚ — EFECTO 3D CILINDRO ============ */
#menu-principal .elementor-nav-menu--main > ul > li > a.elementor-item {
    position: relative;
    overflow: hidden;
    display: inline-block;
    height: 1.5em;
    line-height: 1.5em;
}

#menu-principal .elementor-nav-menu--main > ul > li > a.elementor-item span {
    display: block;
    transition: transform 0.35s ease;
}

#menu-principal .elementor-nav-menu--main > ul > li > a.elementor-item::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    display: block;
    transition: transform 0.35s ease;
    color: inherit;
}

#menu-principal .elementor-nav-menu--main > ul > li > a.elementor-item:hover span {
    transform: translateY(-100%);
}

#menu-principal .elementor-nav-menu--main > ul > li > a.elementor-item:hover::after {
    transform: translateY(-100%);
}


/* ============ BOTÓN RESERVAR ============ */
#stro-header:not(.elementor-sticky--effects) .elementor-button {
    border-color: #fafaf0 !important;
    color: #fafaf0 !important;
    background-color: transparent !important;
    transition: all 0.4s ease !important;
}

.elementor-sticky--effects .elementor-button {
    border-color: #3c3c3b !important;
    color: #3c3c3b !important;
    background-color: transparent !important;
}


/* ============ HAMBURGUESA (MÓVIL) ============ */
#stro-header:not(.elementor-sticky--effects) .elementor-menu-toggle {
    border-color: #fafaf0 !important;
    transition: border-color 0.4s ease !important;
}

#stro-header:not(.elementor-sticky--effects) .elementor-menu-toggle i,
#stro-header:not(.elementor-sticky--effects) .elementor-menu-toggle svg {
    color: #fafaf0 !important;
    fill: #fafaf0 !important;
    transition: all 0.4s ease !important;
}

.elementor-sticky--effects .elementor-menu-toggle {
    border-color: #3c3c3b !important;
}

.elementor-sticky--effects .elementor-menu-toggle i,
.elementor-sticky--effects .elementor-menu-toggle svg {
    color: #3c3c3b !important;
    fill: #3c3c3b !important;
}


/* ============ DROPDOWN MÓVIL ============ */
#menu-principal .elementor-nav-menu--dropdown .elementor-item {
    color: #3c3c3b !important;
}/* End custom CSS */