.elementor-490 .elementor-element.elementor-element-f03c39b{--display:flex;--position:absolute;--min-height:0px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9999;}body:not(.rtl) .elementor-490 .elementor-element.elementor-element-f03c39b{left:-2px;}body.rtl .elementor-490 .elementor-element.elementor-element-f03c39b{right:-2px;}.elementor-490 .elementor-element.elementor-element-54b233cc{--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;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.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-490 .elementor-element.elementor-element-6580b84a .elementor-menu-toggle{margin:0 auto;}.elementor-490 .elementor-element.elementor-element-6580b84a .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-490 .elementor-element.elementor-element-6580b84a .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-astglobalcolor4 );fill:var( --e-global-color-astglobalcolor4 );}.elementor-490 .elementor-element.elementor-element-6580b84a .elementor-nav-menu--main .elementor-item:hover,
					.elementor-490 .elementor-element.elementor-element-6580b84a .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-490 .elementor-element.elementor-element-6580b84a .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-490 .elementor-element.elementor-element-6580b84a .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-astglobalcolor0 );fill:var( --e-global-color-astglobalcolor0 );}.elementor-490 .elementor-element.elementor-element-6580b84a .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-490 .elementor-element.elementor-element-6580b84a .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-490 .elementor-element.elementor-element-6580b84a .e--pointer-framed .elementor-item:before,
					.elementor-490 .elementor-element.elementor-element-6580b84a .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-astglobalcolor0 );}.elementor-490 .elementor-element.elementor-element-2b5d51dc{--display:flex;--min-height:150px;--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;--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;}.elementor-490 .elementor-element.elementor-element-68a03742{--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-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-490 .elementor-element.elementor-element-2259c4ad .elementor-menu-toggle{margin:0 auto;}.elementor-490 .elementor-element.elementor-element-2259c4ad .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-490 .elementor-element.elementor-element-2259c4ad .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-490 .elementor-element.elementor-element-2259c4ad .elementor-nav-menu--main .elementor-item:hover,
					.elementor-490 .elementor-element.elementor-element-2259c4ad .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-490 .elementor-element.elementor-element-2259c4ad .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-490 .elementor-element.elementor-element-2259c4ad .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-astglobalcolor0 );fill:var( --e-global-color-astglobalcolor0 );}.elementor-490 .elementor-element.elementor-element-2259c4ad .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-490 .elementor-element.elementor-element-2259c4ad .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-490 .elementor-element.elementor-element-2259c4ad .e--pointer-framed .elementor-item:before,
					.elementor-490 .elementor-element.elementor-element-2259c4ad .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-astglobalcolor0 );}.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-490 .elementor-element.elementor-element-092a0ad > .elementor-widget-container{margin:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-490 .elementor-element.elementor-element-092a0ad.elementor-element{--align-self:center;}.elementor-490 .elementor-element.elementor-element-092a0ad .elementor-icon-wrapper{text-align:right;}.elementor-490 .elementor-element.elementor-element-092a0ad.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-490 .elementor-element.elementor-element-092a0ad.elementor-view-framed .elementor-icon, .elementor-490 .elementor-element.elementor-element-092a0ad.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-astglobalcolor4 );}.elementor-490 .elementor-element.elementor-element-092a0ad.elementor-view-framed .elementor-icon, .elementor-490 .elementor-element.elementor-element-092a0ad.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-490 .elementor-element.elementor-element-092a0ad.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-490 .elementor-element.elementor-element-092a0ad.elementor-view-framed .elementor-icon:hover, .elementor-490 .elementor-element.elementor-element-092a0ad.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-astglobalcolor0 );border-color:var( --e-global-color-astglobalcolor0 );}.elementor-490 .elementor-element.elementor-element-092a0ad.elementor-view-framed .elementor-icon:hover, .elementor-490 .elementor-element.elementor-element-092a0ad.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-astglobalcolor0 );}.elementor-490 .elementor-element.elementor-element-092a0ad .elementor-icon{font-size:25px;}.elementor-490 .elementor-element.elementor-element-092a0ad .elementor-icon svg{height:25px;}.elementor-490 .elementor-element.elementor-element-903b3da > .elementor-widget-container{margin:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-490 .elementor-element.elementor-element-903b3da.elementor-element{--align-self:center;}.elementor-490 .elementor-element.elementor-element-903b3da .elementor-icon-wrapper{text-align:right;}.elementor-490 .elementor-element.elementor-element-903b3da.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-490 .elementor-element.elementor-element-903b3da.elementor-view-framed .elementor-icon, .elementor-490 .elementor-element.elementor-element-903b3da.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-astglobalcolor4 );}.elementor-490 .elementor-element.elementor-element-903b3da.elementor-view-framed .elementor-icon, .elementor-490 .elementor-element.elementor-element-903b3da.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-490 .elementor-element.elementor-element-903b3da.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-490 .elementor-element.elementor-element-903b3da.elementor-view-framed .elementor-icon:hover, .elementor-490 .elementor-element.elementor-element-903b3da.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-astglobalcolor0 );border-color:var( --e-global-color-astglobalcolor0 );}.elementor-490 .elementor-element.elementor-element-903b3da.elementor-view-framed .elementor-icon:hover, .elementor-490 .elementor-element.elementor-element-903b3da.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-astglobalcolor0 );}.elementor-490 .elementor-element.elementor-element-903b3da .elementor-icon{font-size:25px;}.elementor-490 .elementor-element.elementor-element-903b3da .elementor-icon svg{height:25px;}.elementor-490 .elementor-element.elementor-element-e11c22d > .elementor-widget-container{margin:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-490 .elementor-element.elementor-element-e11c22d.elementor-element{--align-self:center;}.elementor-490 .elementor-element.elementor-element-e11c22d .elementor-icon-wrapper{text-align:right;}.elementor-490 .elementor-element.elementor-element-e11c22d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-490 .elementor-element.elementor-element-e11c22d.elementor-view-framed .elementor-icon, .elementor-490 .elementor-element.elementor-element-e11c22d.elementor-view-default .elementor-icon{color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-astglobalcolor4 );}.elementor-490 .elementor-element.elementor-element-e11c22d.elementor-view-framed .elementor-icon, .elementor-490 .elementor-element.elementor-element-e11c22d.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-astglobalcolor4 );}.elementor-490 .elementor-element.elementor-element-e11c22d.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-astglobalcolor0 );}.elementor-490 .elementor-element.elementor-element-e11c22d.elementor-view-framed .elementor-icon:hover, .elementor-490 .elementor-element.elementor-element-e11c22d.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-astglobalcolor0 );border-color:var( --e-global-color-astglobalcolor0 );}.elementor-490 .elementor-element.elementor-element-e11c22d.elementor-view-framed .elementor-icon:hover, .elementor-490 .elementor-element.elementor-element-e11c22d.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-astglobalcolor0 );}.elementor-490 .elementor-element.elementor-element-e11c22d .elementor-icon{font-size:25px;}.elementor-490 .elementor-element.elementor-element-e11c22d .elementor-icon svg{height:25px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-490 .elementor-element.elementor-element-f03c39b{--width:100%;}.elementor-490 .elementor-element.elementor-element-54b233cc{--width:33%;}.elementor-490 .elementor-element.elementor-element-2b5d51dc{--width:150px;}.elementor-490 .elementor-element.elementor-element-68a03742{--width:33%;}}/* Start custom CSS for container, class: .elementor-element-2b5d51dc *//* Contenedor logo - tamaño y posición */
.logo-header {
  width: 100px; /* tamaño fijo del logo */
  height: 100px;
  background-image: url('https://cervezamagallanes.cl/wp-content/uploads/2025/06/Logo-Negro.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-image 0.4s ease;
  cursor: pointer; /* opcional para que se note hover */
}

/* Cambiar a logo cobre al hacer hover */
.logo-header:hover {
  background-image: url('https://cervezamagallanes.cl/wp-content/uploads/2025/06/Logo-Cobre.png');
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f03c39b *//* === Header por defecto: fondo transparente === */
.elementor-490 .elementor-element.elementor-element-f03c39b {
  background-color: transparent;
  transition: background-color 1s ease;
}

/* === Header sticky: fondo blanco 60% (transparente) con sombra sutil === */
.elementor-490 .elementor-element.elementor-element-f03c39b.elementor-sticky--effects {
  background-color: rgba(255, 255, 255, 0.6) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: background-color 1s ease, box-shadow 1s ease;
}

/* === Menús por defecto: texto blanco === */
.menu-texto a,
.menu-izq a,
.menu-der a {
  color: white;
  transition: color 1s ease;
}

/* === Menús sticky: texto negro === */
.elementor-sticky--effects .menu-texto a,
.elementor-sticky--effects .menu-izq a,
.elementor-sticky--effects .menu-der a {
  color: black !important;
}

/* === Menús al inicio: muy juntos al centro === */
.menu-izq,
.menu-der {
  transition: transform 0.8s ease, opacity 0.6s ease, color 1s ease;
}

.menu-izq {
  transform: translateX(30px);
}

.menu-der {
  transform: translateX(-30px);
}

/* === Menús se separan con leve retardo al hacer scroll, quedan más cerca del logo (20px) === */
.elementor-sticky--effects .menu-izq {
  transform: translateX(1px);
  transition-delay: 0.2s;
}

.elementor-sticky--effects .menu-der {
  transform: translateX(-1px);
  transition-delay: 0.2s;
}

/* === Logo oculto al inicio === */
.logo-header {
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 1s ease, transform 1s ease;
}

/* === Logo aparece con animación === */
.elementor-sticky--effects .logo-header {
  animation: logoAppear 1s ease forwards;
  animation-delay: 0.4s;
}

/* === Tamaño del logo === */
.logo-header img {
  height: 100px;
  transition: height 0.8s ease;
}

/* === Animación para aparición del logo === */
@keyframes logoAppear {
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Ícono SVG en estado inicial: blanco */
.menu-der .elementor-icon svg path {
  fill: white;
  transition: fill 0.6s ease;
}

/* Ícono SVG cuando header está sticky: negro */
.elementor-sticky--effects .menu-der .elementor-icon svg path {
  fill: black !important;
}

/* === Menú sticky: cambiar color al pasar el mouse (hover) === */
.elementor-sticky--effects .menu-izq a:hover,
.elementor-sticky--effects .menu-der a:hover {
  color: #B28564 !important;
}

/* === Menú sticky: ítem activo (clic) === */
.elementor-sticky--effects .menu-izq .elementor-item.elementor-item-active,
.elementor-sticky--effects .menu-der .elementor-item.elementor-item-active {
  color: #B28564 !important;
}

/* === Ícono SVG: blanco por defecto (inicio) === */
.menu-der .elementor-icon svg path {
  fill: white;
  transition: fill 0.4s ease;
}

/* === Ícono SVG: negro en sticky (scroll) === */
.elementor-sticky--effects .menu-der .elementor-icon svg path {
  fill: black;
}

/* === Hover: cobre en ambos estados === */
.menu-der .elementor-icon:hover svg path {
  fill: #B28564 !important;
}/* End custom CSS */