.et033-hdr {
--et033-red: #c0392b;
--et033-red-ink: #a93226;
--et033-black: #111111;
--et033-white: #ffffff;
--et033-whatsapp: #25d366;
--et033-ink: #1c1c1c;
--et033-muted: #6b6b6b;
--et033-line: #e6e6e6;
--et033-surface: #ffffff;
--et033-surface-2: #faf7f6;
--et033-h: 70px;
--et033-max: 1280px;
--et033-pad: 16px;
--et033-radius: 10px;
--et033-tap: 44px;
font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
background: var(--et033-red);
color: var(--et033-white);
position: relative;
z-index: 900;
overflow: visible;
}
@media (min-width: 1180px) {
.et033-hdr {
--et033-h: 78px;
--et033-pad: 24px;
}
}
.et033-hdr[data-et033-open] {
z-index: 1000;
} .elementor-location-header:has(.et033-hdr),
.elementor-location-header.et033-sticky-host {
position: sticky;
top: 0;
z-index: 900;
}
body.admin-bar .elementor-location-header:has(.et033-hdr),
body.admin-bar .elementor-location-header.et033-sticky-host {
top: 32px;
}
@media (max-width: 782px) {
body.admin-bar .elementor-location-header:has(.et033-hdr),
body.admin-bar .elementor-location-header.et033-sticky-host {
top: 46px;
}
} .elementor-location-header:has(.et033-hdr) .e-con,
.elementor-location-header:has(.et033-hdr) .e-con-inner,
.elementor-location-header:has(.et033-hdr) .elementor-widget-container,
.elementor-location-header:has(.et033-hdr) .elementor-shortcode,
.elementor-location-header.et033-sticky-host .e-con,
.elementor-location-header.et033-sticky-host .e-con-inner,
.elementor-location-header.et033-sticky-host .elementor-widget-container,
.elementor-location-header.et033-sticky-host .elementor-shortcode {
padding: 0;
margin: 0;
max-width: none;
width: 100%;
overflow: visible;
} .et033-hdr *,
.et033-hdr *::before,
.et033-hdr *::after {
box-sizing: border-box;
}
.et033-hdr p,
.et033-hdr ul,
.et033-hdr li {
margin: 0;
padding: 0;
list-style: none;
text-indent: 0;
}
.et033-hdr a,
.et033-hdr a:hover,
.et033-hdr a:focus,
.et033-hdr a:visited {
text-decoration: none;
}
.et033-hdr button {
font-family: inherit;
letter-spacing: normal;
text-transform: none;
border-radius: 0;
box-shadow: none;
}
.et033-hdr img {
max-width: none;
display: block;
}
.et033-hdr :focus-visible {
outline: 3px solid #ffd400;
outline-offset: 2px;
border-radius: 4px;
}
.et033-hdr .et033-i {
width: 20px;
height: 20px;
flex: none;
display: block;
}  .et033-hdr .et033-bar {
position: relative;
z-index: 1000;
max-width: var(--et033-max);
margin: 0 auto;
height: var(--et033-h);
padding-left: max(var(--et033-pad), env(safe-area-inset-left));
padding-right: max(var(--et033-pad), env(safe-area-inset-right));
display: flex;
align-items: center;
gap: 10px;
}
.et033-hdr a.et033-logo {
flex: none;
display: flex;
align-items: center;
line-height: 0;
margin-right: auto;
padding: 0;
background: none;
border: 0;
}
.et033-hdr a.et033-logo img {
width: auto;
height: 36px;
max-width: 150px;
max-height: 36px;
object-fit: contain;
border-radius: 0;
box-shadow: none;
}
@media (min-width: 1180px) {
.et033-hdr a.et033-logo img {
height: 42px;
max-height: 42px;
max-width: 176px;
}
}
.et033-hdr a.et033-logo--text {
font-size: 20px;
font-weight: 700;
letter-spacing: -0.01em;
color: var(--et033-white);
line-height: 1.1;
} .et033-hdr .et033-nav {
display: none;
align-items: center;
gap: 0;
margin-right: auto;
}
@media (min-width: 1180px) {
.et033-hdr .et033-nav {
display: flex;
}
}
.et033-hdr .et033-nav .et033-nav__link,
.et033-hdr .et033-nav .et033-nav__trigger {
appearance: none;
-webkit-appearance: none;
background: none;
background-color: transparent;
border: 0;
margin: 0;
padding: 10px 10px;
font-family: inherit;
font-size: 14px;
font-weight: 500;
line-height: 1.2;
color: var(--et033-white);
text-decoration: none;
white-space: nowrap;
border-radius: 8px;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 5px;
position: relative;
box-shadow: none;
text-transform: none;
letter-spacing: 0;
min-height: 40px;
}
@media (min-width: 1400px) {
.et033-hdr .et033-nav .et033-nav__link,
.et033-hdr .et033-nav .et033-nav__trigger {
font-size: 15px;
padding: 10px 13px;
}
}
.et033-hdr .et033-nav .et033-nav__link::after,
.et033-hdr .et033-nav .et033-nav__trigger::after {
content: "";
position: absolute;
left: 10px;
right: 10px;
bottom: 4px;
height: 2px;
background: currentColor;
transform: scaleX(0);
transition: transform 0.18s ease;
}
.et033-hdr .et033-nav .et033-nav__link:hover::after,
.et033-hdr .et033-nav .et033-nav__trigger:hover::after,
.et033-hdr .et033-nav .et033-nav__trigger[aria-expanded="true"]::after {
transform: scaleX(1);
}
.et033-hdr .et033-nav .et033-nav__link:hover,
.et033-hdr .et033-nav .et033-nav__trigger:hover {
color: var(--et033-white);
background: none;
}
.et033-hdr .et033-nav__trigger .et033-i {
width: 15px;
height: 15px;
transition: transform 0.18s ease;
}
.et033-hdr .et033-nav__trigger[aria-expanded="true"] .et033-i {
transform: rotate(180deg);
} .et033-hdr .et033-nav__group {
position: relative;
display: inline-flex;
align-items: center;
}
.et033-hdr .et033-nav__group .et033-nav__link {
padding-right: 2px;
}
.et033-hdr button.et033-nav__subtoggle {
appearance: none;
-webkit-appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 40px;
margin: 0;
padding: 0;
border: 0;
border-radius: 6px;
background: none;
color: var(--et033-white);
cursor: pointer;
}
.et033-hdr button.et033-nav__subtoggle:hover,
.et033-hdr button.et033-nav__subtoggle:focus {
background: none;
color: var(--et033-white);
}
.et033-hdr .et033-nav__subtoggle .et033-i {
width: 15px;
height: 15px;
transition: transform 0.18s ease;
}
.et033-hdr .et033-sub {
position: absolute;
top: calc(100% + 6px);
left: 0;
z-index: 1001;
min-width: 240px;
margin: 0;
padding: 8px;
list-style: none;
background: var(--et033-surface);
border-radius: 12px;
box-shadow: 0 18px 44px rgba(17, 17, 17, 0.22);
opacity: 0;
visibility: hidden;
transform: translateY(-4px);
transition: opacity 0.14s ease, transform 0.14s ease, visibility 0s linear 0.14s;
} .et033-hdr .et033-sub::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -8px;
height: 8px;
}
.et033-hdr .et033-nav__group:hover .et033-sub,
.et033-hdr .et033-nav__group:focus-within .et033-sub,
.et033-hdr .et033-nav__group[data-et033-sub-open] .et033-sub {
opacity: 1;
visibility: visible;
transform: none;
transition: opacity 0.14s ease, transform 0.14s ease;
}
.et033-hdr .et033-nav__group:hover .et033-nav__subtoggle .et033-i,
.et033-hdr .et033-nav__group[data-et033-sub-open] .et033-nav__subtoggle .et033-i {
transform: rotate(180deg);
}
.et033-hdr .et033-sub li {
margin: 0;
padding: 0;
list-style: none;
}
.et033-hdr .et033-sub a {
display: flex;
align-items: center;
min-height: var(--et033-tap);
padding: 8px 12px;
border-radius: 8px;
font-size: 15px;
font-weight: 500;
line-height: 1.25;
color: var(--et033-ink);
text-decoration: none;
white-space: nowrap;
}
.et033-hdr .et033-sub a:hover,
.et033-hdr .et033-sub a:focus-visible {
background: var(--et033-surface-2);
color: var(--et033-red-ink);
} .et033-hdr .et033-actions {
display: flex;
align-items: center;
gap: 8px;
flex: none;
}
.et033-hdr a.et033-cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: var(--et033-tap);
height: var(--et033-tap);
padding: 0 16px;
background: var(--et033-white);
color: var(--et033-red-ink);
font-size: 14px;
font-weight: 700;
letter-spacing: 0.01em;
border-radius: 999px;
border: 0;
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.et033-hdr a.et033-cta:hover {
color: var(--et033-red-ink);
background: var(--et033-white);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
transform: translateY(-1px);
}
.et033-hdr a.et033-cta .et033-i {
width: 17px;
height: 17px;
} .et033-hdr .et033-actions a.et033-cta {
width: var(--et033-tap);
padding: 0;
}
.et033-hdr .et033-actions .et033-cta__txt {
display: none;
}
@media (min-width: 1180px) {
.et033-hdr .et033-actions a.et033-cta {
width: auto;
padding: 0 18px;
}
.et033-hdr .et033-actions .et033-cta__txt {
display: inline;
}
}
.et033-hdr a.et033-wa {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: var(--et033-tap);
height: var(--et033-tap);
min-height: var(--et033-tap);
border-radius: 999px;
background: var(--et033-whatsapp);
color: var(--et033-black);
border: 0;
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.et033-hdr a.et033-wa:hover {
color: var(--et033-black);
background: var(--et033-whatsapp);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
transform: translateY(-1px);
}
.et033-hdr a.et033-wa .et033-i {
width: 22px;
height: 22px;
} .et033-hdr button.et033-burger {
appearance: none;
-webkit-appearance: none;
border: 0;
background: rgba(255, 255, 255, 0.14);
color: var(--et033-white);
width: var(--et033-tap);
height: var(--et033-tap);
min-height: var(--et033-tap);
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0;
flex: none;
}
.et033-hdr button.et033-burger:hover {
background: rgba(255, 255, 255, 0.24);
color: var(--et033-white);
}
.et033-hdr .et033-burger__box {
display: block;
width: 20px;
height: 14px;
position: relative;
}
.et033-hdr .et033-burger__box span {
position: absolute;
left: 0;
right: 0;
height: 2px;
background: currentColor;
border-radius: 2px;
transition: transform 0.2s ease, opacity 0.2s ease;
}
.et033-hdr .et033-burger__box span:nth-child(1) { top: 0; }
.et033-hdr .et033-burger__box span:nth-child(2) { top: 6px; }
.et033-hdr .et033-burger__box span:nth-child(3) { top: 12px; }
.et033-hdr .et033-burger[aria-expanded="true"] .et033-burger__box span:nth-child(1) {
transform: translateY(6px) rotate(45deg);
}
.et033-hdr .et033-burger[aria-expanded="true"] .et033-burger__box span:nth-child(2) {
opacity: 0;
}
.et033-hdr .et033-burger[aria-expanded="true"] .et033-burger__box span:nth-child(3) {
transform: translateY(-6px) rotate(-45deg);
}
@media (min-width: 1180px) {
.et033-hdr button.et033-burger {
display: none;
}
} .et033-hdr .et033-lang {
display: flex;
align-items: center;
}
.et033-hdr .et033-lang--bar {
display: flex;
margin-left: 2px;
} .et033-hdr .et033-langs {
display: inline-flex;
align-items: center;
padding: 3px;
border: 1px solid rgba(255, 255, 255, 0.55);
border-radius: 999px;
}
.et033-hdr .et033-langs a.et033-langs__item {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 34px;
min-height: 30px;
padding: 0 8px;
border-radius: 999px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.04em;
line-height: 1;
color: #ffffff;
text-decoration: none;
}
.et033-hdr .et033-langs a.et033-langs__item:hover {
background: rgba(255, 255, 255, 0.16);
color: #ffffff;
}
.et033-hdr .et033-langs a.et033-langs__item.is-current {
background: #ffffff;
color: var(--et033-red-ink);
} .et033-hdr .et033-langs--nombres {
border-color: var(--et033-line);
}
.et033-hdr .et033-langs--nombres a.et033-langs__item {
min-height: 40px;
padding: 0 16px;
font-size: 15px;
letter-spacing: 0;
color: var(--et033-ink);
}
.et033-hdr .et033-langs--nombres a.et033-langs__item:hover {
background: var(--et033-surface-2);
color: var(--et033-ink);
}
.et033-hdr .et033-langs--nombres a.et033-langs__item.is-current {
background: var(--et033-red);
color: #ffffff;
}
@media (max-width: 400px) {
.et033-hdr .et033-langs a.et033-langs__item {
min-width: 30px;
padding: 0 6px;
}
}
.et033-hdr .et033-lang .gtranslate_wrapper {
display: flex;
align-items: center;
gap: 4px;
flex-wrap: wrap;
}
.et033-hdr .et033-lang .gtranslate_wrapper a {
display: inline-flex;
align-items: center;
line-height: 1;
}
.et033-hdr .et033-lang--bar .gtranslate_wrapper img {
width: 18px;
height: auto;
display: block;
border-radius: 2px;
}
.et033-hdr .et033-lang--bar .gtranslate_wrapper > a {
padding: 3px;
border-radius: 4px;
}
.et033-hdr .et033-lang--bar .gtranslate_wrapper > a:hover {
background: rgba(255, 255, 255, 0.2);
} .et033-hdr .et033-lang--bar .gtranslate_wrapper > a > span,
.et033-hdr .et033-lang--bar .gtranslate_wrapper .gt_white_content,
.et033-hdr .et033-lang--bar .gtranslate_wrapper .gt-current-lang {
display: none;
} .et033-hdr .et033-panel {
display: none;
position: relative;
z-index: 1000;
background: var(--et033-surface);
color: var(--et033-ink);
}
.et033-hdr[data-et033-open] .et033-panel {
display: block;
}
.et033-hdr .et033-panel__inner {
max-width: var(--et033-max);
margin: 0 auto;
}
.et033-hdr .et033-panel__top {
display: none;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 12px max(var(--et033-pad), env(safe-area-inset-right)) 8px
max(var(--et033-pad), env(safe-area-inset-left));
border-bottom: 1px solid var(--et033-line);
}
.et033-hdr .et033-panel__eyebrow {
margin: 0;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.09em;
text-transform: uppercase;
color: var(--et033-muted);
}
.et033-hdr button.et033-close {
appearance: none;
-webkit-appearance: none;
border: 1px solid var(--et033-line);
background: var(--et033-surface);
color: var(--et033-ink);
width: var(--et033-tap);
height: var(--et033-tap);
min-height: var(--et033-tap);
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
flex: none;
padding: 0;
}
.et033-hdr button.et033-close:hover {
background: var(--et033-surface-2);
color: var(--et033-ink);
} .et033-hdr .et033-mega {
display: grid;
gap: 8px 40px;
padding: 18px max(var(--et033-pad), env(safe-area-inset-right)) 22px
max(var(--et033-pad), env(safe-area-inset-left));
}
@media (min-width: 1180px) {
.et033-hdr .et033-mega {
grid-template-columns: 320px minmax(0, 1fr);
padding: 28px 24px 32px; min-height: 372px;
align-content: start;
}
}
.et033-hdr .et033-mega__side,
.et033-hdr .et033-mega__main {
min-width: 0;
}
@media (min-width: 1180px) {
.et033-hdr .et033-mega__side {
border-right: 1px solid var(--et033-line);
padding-right: 36px;
}
}
.et033-hdr .et033-mega__title {
margin: 0 0 10px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.09em;
text-transform: uppercase;
color: var(--et033-muted);
line-height: 1.3;
}
.et033-hdr .et033-featured {
margin-top: 20px;
}
.et033-hdr .et033-search {
position: relative;
display: flex;
align-items: center;
}
.et033-hdr .et033-search .et033-i {
position: absolute;
left: 13px;
color: var(--et033-muted);
pointer-events: none;
}
.et033-hdr input.et033-search__input {
width: 100%;
min-height: var(--et033-tap);
height: var(--et033-tap);
margin: 0;
padding: 10px 14px 10px 40px;
font-family: inherit;
font-size: 15px;
line-height: 1.2;
color: var(--et033-ink);
background: var(--et033-surface-2);
border: 1px solid var(--et033-line);
border-radius: var(--et033-radius);
appearance: none;
-webkit-appearance: none;
box-shadow: none;
}
.et033-hdr input.et033-search__input::placeholder {
color: #9a9a9a;
opacity: 1;
}
.et033-hdr input.et033-search__input:focus {
border-color: var(--et033-red);
background: var(--et033-white);
outline: none;
box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.16);
}
.et033-hdr .et033-search__help,
.et033-hdr .et033-search__status {
margin: 8px 0 0;
font-size: 12.5px;
line-height: 1.35;
color: var(--et033-muted);
}
.et033-hdr .et033-search__status:empty {
margin: 0;
}
.et033-hdr .et033-list {
display: grid;
gap: 2px;
margin: 0;
padding: 0;
list-style: none;
}
.et033-hdr .et033-list--featured {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
} .et033-hdr .et033-list--featured .et033-list__item a {
min-height: 40px;
padding: 8px 12px;
font-size: 14.5px;
font-weight: 500;
border: 1px solid var(--et033-line);
border-radius: 9px;
}
.et033-hdr .et033-list--featured .et033-list__item a:hover {
border-color: var(--et033-red);
} .et033-hdr .et033-groups {
margin: 0;
padding: 0;
list-style: none;
columns: 2;
column-gap: 28px;
}
@media (min-width: 700px) {
.et033-hdr .et033-groups {
columns: 3;
}
}
.et033-hdr .et033-group {
break-inside: avoid;
margin: 0 0 14px;
padding: 0;
list-style: none;
}
.et033-hdr .et033-group[hidden] {
display: none;
}
.et033-hdr a.et033-group__city {
display: block;
padding: 6px 0;
font-size: 15.5px;
font-weight: 700;
line-height: 1.3;
color: var(--et033-ink);
text-decoration: none;
}
.et033-hdr .et033-group--towns a.et033-group__city {
margin-bottom: 6px;
border-bottom: 1px solid var(--et033-line);
}
.et033-hdr a.et033-group__city:hover {
color: var(--et033-red-ink);
}
.et033-hdr .et033-group__towns {
margin: 0;
padding: 0;
list-style: none;
}
.et033-hdr .et033-group__towns .et033-list__item a {
min-height: 0;
padding: 4px 0;
font-size: 14.5px;
color: var(--et033-muted);
border-radius: 0;
}
.et033-hdr .et033-group__towns .et033-list__item a:hover {
background: none;
color: var(--et033-red-ink);
}
@media (pointer: coarse) { .et033-hdr .et033-group__towns .et033-list__item a {
min-height: 36px;
display: flex;
align-items: center;
}
}
.et033-hdr .et033-list__item {
margin: 0;
padding: 0;
list-style: none;
min-width: 0;
}
.et033-hdr .et033-list__item[hidden] {
display: none;
}
.et033-hdr .et033-list__item a {
display: flex;
align-items: center;
min-height: var(--et033-tap);
padding: 8px 10px;
font-size: 15px;
line-height: 1.25;
color: var(--et033-ink);
border-radius: 8px;
transition: background-color 0.14s ease, color 0.14s ease;
overflow-wrap: anywhere;
}
.et033-hdr .et033-list__item a:hover {
background: var(--et033-surface-2);
color: var(--et033-red-ink);
}
.et033-hdr .et033-empty {
margin: 10px 0 0;
padding: 12px 10px;
font-size: 14px;
color: var(--et033-muted);
background: var(--et033-surface-2);
border-radius: var(--et033-radius);
}
.et033-hdr .et033-empty[hidden] {
display: none;
}
.et033-hdr a.et033-mega__more {
display: inline-flex;
align-items: center;
min-height: var(--et033-tap);
margin-top: 12px;
padding: 8px 10px;
font-size: 14px;
font-weight: 600;
color: var(--et033-red-ink);
border-radius: 8px;
}
.et033-hdr a.et033-mega__more:hover {
background: var(--et033-surface-2);
color: var(--et033-red-ink);
text-decoration: underline;
} .et033-hdr .et033-panel__nav,
.et033-hdr .et033-panel__cta {
display: none;
flex-direction: column;
}
.et033-hdr .et033-panel__nav {
padding: 4px max(var(--et033-pad), env(safe-area-inset-right)) 8px
max(var(--et033-pad), env(safe-area-inset-left));
border-top: 1px solid var(--et033-line);
}
.et033-hdr .et033-panel__nav a {
display: flex;
align-items: center;
min-height: var(--et033-tap);
padding: 10px;
font-size: 16px;
font-weight: 600;
color: var(--et033-ink);
border-radius: 8px;
}
.et033-hdr .et033-panel__nav a:hover {
background: var(--et033-surface-2);
color: var(--et033-red-ink);
}
.et033-hdr .et033-panel__cta {
gap: 10px;
padding: 14px max(var(--et033-pad), env(safe-area-inset-right))
max(18px, env(safe-area-inset-bottom))
max(var(--et033-pad), env(safe-area-inset-left));
border-top: 1px solid var(--et033-line);
}
.et033-hdr a.et033-cta--block,
.et033-hdr a.et033-wa--block {
width: 100%;
height: auto;
min-height: 50px;
padding: 12px 16px;
border-radius: var(--et033-radius);
font-size: 16px;
font-weight: 700;
}
.et033-hdr a.et033-cta--block,
.et033-hdr a.et033-cta--block:hover {
background: var(--et033-red);
color: var(--et033-white);
}
.et033-hdr a.et033-cta--block:hover {
background: var(--et033-red-ink);
}
.et033-hdr a.et033-wa--block,
.et033-hdr a.et033-wa--block:hover {
background: var(--et033-whatsapp);
color: var(--et033-black);
}
.et033-hdr .et033-lang--panel {
padding-top: 4px;
}
.et033-hdr .et033-lang--panel .gtranslate_wrapper {
gap: 8px;
}
.et033-hdr .et033-lang--panel .gtranslate_wrapper img {
width: 24px;
height: auto;
border-radius: 2px;
}
.et033-hdr .et033-lang--panel .gtranslate_wrapper > a {
min-height: var(--et033-tap);
min-width: var(--et033-tap);
justify-content: center;
padding: 8px;
border-radius: 8px;
border: 1px solid var(--et033-line);
color: var(--et033-ink);
font-size: 13px;
gap: 6px;
}  @media (min-width: 1180px) {
.et033-hdr .et033-panel {
position: absolute;
left: 50%;
top: calc(100% + 10px);
width: min(1180px, calc(100vw - 48px));
transform: translateX(-50%);
border-radius: 14px;
box-shadow: 0 24px 60px rgba(17, 17, 17, 0.24);
overflow: hidden;
}
.et033-hdr .et033-mega {
grid-template-columns: 280px minmax(0, 1fr);
padding: 0;
min-height: 0;
height: min(560px, calc(100vh - var(--et033-h) - 40px));
}
.et033-hdr .et033-mega__side {
padding: 26px 26px 26px 24px;
background: var(--et033-surface);
overflow-y: auto;
}
.et033-hdr .et033-mega__main {
padding: 26px 26px 10px 2px;
overflow-y: auto;
overscroll-behavior: contain;
}
} .et033-hdr .et033-branch,
.et033-hdr .et033-group__toggle,
.et033-hdr a.et033-panel__tel {
display: none;
}
.et033-hdr .et033-group__head {
display: block;
} @media (max-width: 1179px) {
.et033-hdr .et033-panel {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: auto;
width: min(520px, 92vw);
z-index: 1000;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
box-shadow: -12px 0 40px rgba(17, 17, 17, 0.28);
transform: translateX(100%);
transition: transform 0.24s ease;
}
.et033-hdr[data-et033-open] .et033-panel {
transform: translateX(0);
}
.et033-hdr .et033-panel__inner {
display: flex;
flex-direction: column;
min-height: 100%;
padding-top: env(safe-area-inset-top);
}
.et033-hdr .et033-panel__top,
.et033-hdr .et033-panel__nav,
.et033-hdr .et033-panel__cta {
display: flex;
}
.et033-hdr .et033-panel__cta {
margin-top: auto;
} .et033-hdr .et033-panel__top {
gap: 10px;
justify-content: flex-start;
min-height: var(--et033-h);
padding: 0 max(var(--et033-pad), env(safe-area-inset-right)) 0
max(var(--et033-pad), env(safe-area-inset-left));
background: var(--et033-red);
border-bottom: 0;
position: sticky;
top: 0;
z-index: 2;
}
.et033-hdr .et033-panel__top a.et033-logo {
margin-right: auto;
}
.et033-hdr a.et033-panel__tel {
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--et033-tap);
height: var(--et033-tap);
border-radius: 12px;
background: var(--et033-white);
color: var(--et033-red);
}
.et033-hdr .et033-panel__top button.et033-close,
.et033-hdr .et033-panel__top button.et033-close:hover {
background: transparent;
border-color: rgba(255, 255, 255, 0.55);
color: var(--et033-white);
border-radius: 12px;
} .et033-hdr button.et033-branch {
appearance: none;
-webkit-appearance: none;
display: flex;
align-items: center;
gap: 12px;
width: 100%;
min-height: 56px;
margin: 0;
padding: 8px max(var(--et033-pad), env(safe-area-inset-right)) 8px
max(var(--et033-pad), env(safe-area-inset-left));
border: 0;
border-radius: 0;
background: var(--et033-surface);
color: var(--et033-ink);
font-family: inherit;
font-size: 18px;
font-weight: 700;
text-align: left;
cursor: pointer;
}
.et033-hdr button.et033-branch:hover,
.et033-hdr button.et033-branch:focus {
background: var(--et033-surface);
color: var(--et033-ink);
}
.et033-hdr button.et033-branch > span {
flex: 1;
}
.et033-hdr button.et033-branch .et033-i:first-child {
color: var(--et033-muted);
}
.et033-hdr button.et033-branch .et033-i:last-child,
.et033-hdr button.et033-group__toggle .et033-i {
transition: transform 0.18s ease;
}
.et033-hdr button.et033-branch[aria-expanded="true"] .et033-i:last-child,
.et033-hdr button.et033-group__toggle[aria-expanded="true"] .et033-i,
.et033-hdr .et033-panel[data-et033-searching] button.et033-group__toggle .et033-i {
transform: rotate(180deg);
}
.et033-hdr .et033-panel[data-et033-branch-closed] .et033-mega {
display: none;
}
.et033-hdr .et033-mega {
gap: 0;
padding-top: 0;
padding-bottom: 0;
}
.et033-hdr .et033-mega__main {
margin-top: 22px;
}
.et033-hdr .et033-featured {
margin-top: 14px;
} .et033-hdr .et033-search__help,
.et033-hdr .et033-mega__side > #et033-search-label {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
}
.et033-hdr input.et033-search__input {
border-radius: 999px;
background: var(--et033-white);
}
.et033-hdr .et033-list--featured .et033-list__item a {
min-height: var(--et033-tap);
font-size: 15px;
} .et033-hdr .et033-groups {
columns: 1;
}
.et033-hdr .et033-group {
margin: 0;
border-bottom: 1px solid var(--et033-line);
}
.et033-hdr .et033-group__head {
display: flex;
align-items: center;
}
.et033-hdr a.et033-group__city,
.et033-hdr .et033-group--towns a.et033-group__city {
flex: 1;
display: flex;
align-items: center;
min-height: var(--et033-tap);
margin: 0;
padding: 6px 4px;
border-bottom: 0;
font-size: 16px;
}
.et033-hdr button.et033-group__toggle {
appearance: none;
-webkit-appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
flex: none;
width: var(--et033-tap);
height: var(--et033-tap);
margin: 0;
padding: 0;
border: 0;
border-radius: 8px;
background: transparent;
color: var(--et033-ink);
cursor: pointer;
}
.et033-hdr button.et033-group__toggle:hover,
.et033-hdr button.et033-group__toggle:focus {
background: var(--et033-surface-2);
color: var(--et033-ink);
}
.et033-hdr .et033-group__towns {
display: none;
padding: 0 0 8px;
}
.et033-hdr .et033-group[data-et033-group-open] .et033-group__towns,
.et033-hdr .et033-panel[data-et033-searching] .et033-group__towns {
display: block;
}
.et033-hdr .et033-group__towns .et033-list__item a {
min-height: 40px;
padding: 6px 4px;
font-size: 15px;
} .et033-hdr .et033-panel__nav {
gap: 0;
margin-top: 18px;
padding-top: 0;
border-top: 4px solid var(--et033-line);
}
.et033-hdr .et033-panel__nav a {
gap: 12px;
min-height: 54px;
padding: 8px 4px;
border-bottom: 1px solid var(--et033-line);
border-radius: 0;
font-size: 17px;
font-weight: 700;
}
.et033-hdr .et033-panel__nav a > span:not(.et033-i) {
flex: 1;
}
.et033-hdr .et033-panel__nav .et033-i--section {
color: var(--et033-muted);
}
.et033-hdr .et033-panel__nav .et033-i--arrow {
width: 18px;
height: 18px;
color: var(--et033-muted);
} .et033-hdr .et033-panel__cta {
gap: 12px;
border-top: 0;
padding-top: 22px;
}
.et033-hdr .et033-panel[data-et033-branch-closed] .et033-panel__nav {
margin-top: 0;
} .et033-hdr .et033-panel__group {
border-bottom: 1px solid var(--et033-line);
}
.et033-hdr .et033-panel__grouphead {
display: flex;
align-items: center;
}
.et033-hdr .et033-panel__nav .et033-panel__grouphead a {
flex: 1;
border-bottom: 0;
}
.et033-hdr button.et033-panel__subtoggle {
appearance: none;
-webkit-appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
flex: none;
width: var(--et033-tap);
height: var(--et033-tap);
margin: 0;
padding: 0;
border: 0;
border-radius: 8px;
background: transparent;
color: var(--et033-ink);
cursor: pointer;
}
.et033-hdr button.et033-panel__subtoggle:hover,
.et033-hdr button.et033-panel__subtoggle:focus {
background: var(--et033-surface-2);
color: var(--et033-ink);
}
.et033-hdr .et033-panel__subtoggle .et033-i {
transition: transform 0.18s ease;
}
.et033-hdr .et033-panel__subtoggle[aria-expanded="true"] .et033-i {
transform: rotate(180deg);
}
.et033-hdr .et033-panel__sublist {
display: none;
margin: 0;
padding: 0 0 8px 36px;
list-style: none;
}
.et033-hdr .et033-panel__group[data-et033-sub-open] .et033-panel__sublist {
display: block;
}
.et033-hdr .et033-panel__sublist li {
margin: 0;
list-style: none;
}
.et033-hdr .et033-panel__nav .et033-panel__sublist a {
min-height: 42px;
padding: 6px 4px;
border-bottom: 0;
font-size: 15.5px;
font-weight: 500;
color: var(--et033-muted);
}
.et033-hdr a.et033-cta--block,
.et033-hdr a.et033-wa--block {
gap: 10px;
min-height: 54px;
border-radius: 999px;
font-size: 16px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}
}
@media (max-width: 430px) {
.et033-hdr .et033-panel {
width: 100%;
left: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.et033-hdr .et033-panel,
.et033-hdr a.et033-cta,
.et033-hdr a.et033-wa,
.et033-hdr .et033-nav__link::after,
.et033-hdr .et033-nav__trigger::after,
.et033-hdr .et033-nav__trigger .et033-i,
.et033-hdr .et033-burger__box span {
transition: none;
}
}  .et033-hdr .et033-overlay {
position: fixed;
inset: 0;
z-index: 950;
background: rgba(17, 17, 17, 0.55);
border: 0;
padding: 0;
margin: 0;
}
.et033-hdr .et033-overlay[hidden] {
display: none;
}
@media (min-width: 1180px) {
.et033-hdr .et033-overlay {
background: transparent;
}
} html.et033-lock,
html.et033-lock body {
overflow: hidden;
}
html.et033-lock body {
padding-right: var(--et033-sbw, 0px);
}
.et033-hdr .et033-sr {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
.et033-hdr .et033-i--ext {
width: 15px;
height: 15px;
margin-left: 6px;
opacity: 0.8;
}  .et033-hdr a.et033-logo.et033-logo--ciudad {
padding: 4px;
background: #ffffff;
border-radius: 8px;
line-height: 0;
}
.et033-hdr a.et033-logo.et033-logo--ciudad img {
height: 30px;
max-height: 30px;
max-width: 80px;
}
@media (min-width: 1180px) {
.et033-hdr a.et033-logo.et033-logo--ciudad {
margin-right: 18px;
padding: 5px 8px;
}
.et033-hdr a.et033-logo.et033-logo--ciudad img {
height: 46px;
max-height: 46px;
max-width: 110px;
}
} .et033-hdr.et033-hdr--ciudad {
color: var(--et033-on);
}
.et033-hdr.et033-hdr--ciudad .et033-nav .et033-nav__link,
.et033-hdr.et033-hdr--ciudad .et033-nav .et033-nav__link:hover,
.et033-hdr.et033-hdr--ciudad button.et033-nav__subtoggle,
.et033-hdr.et033-hdr--ciudad button.et033-nav__subtoggle:hover,
.et033-hdr.et033-hdr--ciudad button.et033-nav__subtoggle:focus,
.et033-hdr.et033-hdr--ciudad button.et033-burger,
.et033-hdr.et033-hdr--ciudad button.et033-burger:hover,
.et033-hdr.et033-hdr--ciudad .et033-panel__top button.et033-close,
.et033-hdr.et033-hdr--ciudad .et033-panel__top button.et033-close:hover {
color: var(--et033-on);
}
.et033-hdr.et033-hdr--ciudad .et033-panel__top button.et033-close {
border-color: var(--et033-on);
}
.et033-hdr.et033-hdr--ciudad .et033-lang--bar .et033-langs {
border-color: var(--et033-on);
}
.et033-hdr.et033-hdr--ciudad .et033-lang--bar .et033-langs a.et033-langs__item,
.et033-hdr.et033-hdr--ciudad .et033-lang--bar .et033-langs a.et033-langs__item:hover {
color: var(--et033-on);
} .et033-hdr.et033-hdr--ciudad .et033-lang--bar .et033-langs a.et033-langs__item.is-current {
background: var(--et033-on);
color: var(--et033-red);
} .et033-hdr.et033-hdr--ciudad a.et033-cta--block,
.et033-hdr.et033-hdr--ciudad a.et033-cta--block:hover,
.et033-hdr.et033-hdr--ciudad .et033-langs--nombres a.et033-langs__item.is-current {
background: var(--et033-red-ink);
color: #ffffff;
} @media (min-width: 1180px) {
.et033-hdr .et033-sub.et033-sub--c2,
.et033-hdr .et033-sub.et033-sub--c3 {
top: 100%;
max-height: calc(100vh - var(--et033-h) - 24px);
overflow-y: auto;
column-gap: 8px;
}
.et033-hdr .et033-sub.et033-sub--c2 {
columns: 2;
width: 500px;
}
.et033-hdr .et033-sub.et033-sub--c3 {
columns: 3;
width: 740px;
}
.et033-hdr .et033-sub--c2 li,
.et033-hdr .et033-sub--c3 li {
break-inside: avoid;
}
.et033-hdr .et033-sub--c2 a,
.et033-hdr .et033-sub--c3 a {
white-space: normal;
min-height: 40px;
}
} .et033-hdr .et033-nav .et033-nav__link[aria-current="page"]::after {
transform: scaleX(1);
}
.et033-hdr .et033-sub a[aria-current="page"] {
color: var(--et033-red-ink);
font-weight: 700;
} .et033-hdr .et033-nav__group .et033-nav__link.et033-nav__link--sub {
padding-right: 8px;
}
.et033-hdr .et033-nav__link--sub .et033-i {
width: 15px;
height: 15px;
transition: transform 0.18s ease;
}
.et033-hdr .et033-nav__group:hover .et033-nav__link--sub .et033-i,
.et033-hdr .et033-nav__group[data-et033-sub-open] .et033-nav__link--sub .et033-i {
transform: rotate(180deg);
} .et033-hdr a.et033-cta .et033-cta__txt {
white-space: nowrap;
font-variant-numeric: tabular-nums;
} @media (max-width: 359px) {
.et033-hdr--ciudad .et033-lang--bar {
display: none;
}
}
@media (max-width: 1179px) { .et033-hdr--ciudad .et033-panel__nav {
margin-top: 0;
border-top: 0;
}
.et033-hdr button.et033-panel__grouptoggle {
appearance: none;
-webkit-appearance: none;
display: flex;
align-items: center;
gap: 12px;
width: 100%;
min-height: 54px;
margin: 0;
padding: 8px 4px;
border: 0;
border-radius: 0;
background: transparent;
color: var(--et033-ink);
font-family: inherit;
font-size: 17px;
font-weight: 700;
text-align: left;
cursor: pointer;
}
.et033-hdr button.et033-panel__grouptoggle:hover,
.et033-hdr button.et033-panel__grouptoggle:focus {
background: var(--et033-surface-2);
color: var(--et033-ink);
}
.et033-hdr .et033-panel__grouptoggle > span:not(.et033-i) {
flex: 1;
}
.et033-hdr .et033-panel__grouptoggle .et033-i--section {
color: var(--et033-muted);
}
.et033-hdr .et033-panel__grouptoggle > .et033-i:last-child {
transition: transform 0.18s ease;
}
.et033-hdr .et033-panel__grouptoggle[aria-expanded="true"] > .et033-i:last-child {
transform: rotate(180deg);
}
}