body {
font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
margin: 0;
padding: 0;
}  *,
*::before,
*::after {
box-sizing: border-box;
} h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
} html:focus-within {
scroll-behavior: smooth;
} body {
line-height: 1.5;
text-rendering: optimizeSpeed;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} ul,
ol {
list-style: none;
} a:not([class]) {
text-decoration-skip-ink: auto;
} img,
picture,
svg,
video,
canvas {
max-width: 100%;
display: block;
} input,
button,
textarea,
select {
font: inherit;
} p,
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word;
} h1,
h2,
h3,
h4,
h5,
h6 {
text-wrap: balance;
}
article img {
display: block;
padding-top: 10px;
} @media (prefers-reduced-motion: reduce) {
html:focus-within {
scroll-behavior: auto;
}
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
} @media (max-width: 767px) {
#mobile-overlay {
z-index: 99980 !important;
background: rgba(0, 0, 0, 0.72) !important;
}
#nav-container {
left: 0 !important;
right: 0 !important;
width: 100% !important;
max-width: none !important;
z-index: 99990 !important;
padding: max(1.15rem, env(safe-area-inset-top)) 1.25rem max(1.25rem, env(safe-area-inset-bottom)) !important;
background:
radial-gradient(circle at 88% 12%, rgba(12, 212, 84, 0.14), transparent 34%),
radial-gradient(circle at 8% 88%, rgba(255, 85, 0, 0.10), transparent 30%),
linear-gradient(180deg, #08110c 0%, #050806 100%) !important;
border-left: 0 !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch;
}
#nav-container > .flex.justify-between {
margin-bottom: 1.15rem !important;
padding-bottom: 0.9rem !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
#close-menu-btn {
width: 2.75rem !important;
height: 2.75rem !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: rgba(255, 255, 255, 0.08) !important;
border: 1px solid rgba(255, 255, 255, 0.10) !important;
color: #ffffff !important;
}
#site-navigation {
margin-bottom: 0 !important;
}
#primary-menu {
gap: 0.48rem !important;
}
#nav-container.menu-abierto #primary-menu > li {
opacity: 1 !important;
transform: translateY(0) !important;
}
#primary-menu > li > a.sw-nav-link {
display: flex !important;
align-items: center !important;
min-height: 3.45rem !important;
padding: 0 1rem !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
border-radius: 1.15rem !important;
background: rgba(255, 255, 255, 0.045) !important;
color: #ffffff !important;
font-size: clamp(1.18rem, 6vw, 1.85rem) !important;
line-height: 1 !important;
letter-spacing: 0.16em !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
#primary-menu > li.current-menu-item > a.sw-nav-link {
border-color: rgba(12, 212, 84, 0.55) !important;
background: rgba(12, 212, 84, 0.11) !important;
color: #0cd454 !important;
}
#primary-menu > li > a.sw-nav-link--orange,
#primary-menu .menu-item--hablemos > a.sw-nav-link--orange {
color: #ff5500 !important;
border-color: rgba(255, 85, 0, 0.28) !important;
background: rgba(255, 85, 0, 0.08) !important;
}
#primary-menu .menu-item--nav-right {
margin-top: 0.65rem !important;
padding-top: 0.95rem !important;
border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
#primary-menu .sw-nav-right-sub {
gap: 0.55rem !important;
}
#primary-menu .sw-nav-right-sub > li {
width: 100% !important;
}
#primary-menu .sw-nav-pill {
min-height: 3.35rem !important;
width: 100% !important;
border-radius: 1.15rem !important;
font-size: 0.82rem !important;
letter-spacing: 0.14em !important;
}
body.sw-mobile-menu-open #sw-live-viewers-widget,
body.sw-mobile-menu-open #pwa-install-banner,
body.sw-mobile-menu-open .gt_switcher,
body.sw-mobile-menu-open .gtranslate_wrapper,
body.sw-mobile-menu-open .trp-language-switcher,
body.sw-mobile-menu-open [class*="translate-widget"],
body.sw-mobile-menu-open [id*="google_translate"],
body.sw-mobile-menu-open [class*="goog-te"] {
opacity: 0 !important;
pointer-events: none !important;
visibility: hidden !important;
}
#nav-container:not(.translate-x-full) {
visibility: visible !important;
}
}