.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --c-cal-0:#f5f4ef; --c-cal-1:#efeee7; --c-cal-2:#e6e5db; --c-cal-3:#dbd9cd; --c-cal-4:#d2cfc1; --c-cal-5:#b8b4a3; --c-carbo-1:#322820; --c-carbo-2:#2b231c; --c-carbo-3:#201a15; --c-carbo-4:#171310; --c-carbo-5:#100d0b; --c-ink-1:#1a1815; --c-ink-2:#57534a; --c-ink-3:#635e52; --c-ink-inv-1:#eeece4; --c-ink-inv-2:#b3ab9c; --c-ink-inv-3:#938c7f; --c-brass-deep:#6e5624; --c-brass-bright:#c9a961; --surface:#efeee7; --surface-raised:#e6e5db; --surface-sunken:#dbd9cd; --surface-inverse:#171310; --surface-inverse-raised:#201a15; --text:#1a1815; --text-muted:#57534a; --text-faint:#635e52; --text-on-inverse:#eeece4; --text-on-inverse-muted:#b3ab9c; --text-on-inverse-faint:#938c7f; --hairline:#d2cfc1; --hairline-strong:#b8b4a3; --hairline-on-inverse:#322820; --accent:#6e5624; --accent-on-inverse:#c9a961; --font-display:Bricolage Grotesque; --font-ui:Archivo; --text-xs:clamp(0.72rem, 0.7rem + 0.1vw, 0.78rem); --text-sm:clamp(0.84rem, 0.81rem + 0.15vw, 0.92rem); --text-base:clamp(1rem, 0.95rem + 0.25vw, 1.13rem); --text-lg:clamp(1.15rem, 1.05rem + 0.5vw, 1.4rem); --text-xl:clamp(1.4rem, 1.2rem + 1vw, 1.95rem); --text-2xl:clamp(1.8rem, 1.4rem + 2vw, 3rem); --text-3xl:clamp(2.6rem, 1.7rem + 4vw, 5.4rem); --text-hero:clamp(3.2rem, 1.6rem + 7.5vw, 10rem); --track-hero:-0.045em; --track-display:-0.03em; --track-tight:-0.015em; --track-label:0.18em; --space-2xs:0.25rem; --space-xs:0.5rem; --space-sm:0.75rem; --space-md:1.25rem; --space-lg:2rem; --space-xl:clamp(2.5rem, 1.5rem + 4vw, 5rem); --space-2xl:clamp(4rem, 2rem + 8vw, 9rem); --header-h:4.5rem; --measure:64ch; --container:78rem; --container-narrow:46rem; --gutter:clamp(1.15rem, 4vw, 3.5rem); }
/* Start custom CSS *//* El Noi: capa del menú (equivale al overlay de Header.astro). Se abre con el enlace #menu (:target), sin JavaScript. */
#menu { display: none !important; }
#menu:target { display: grid !important; animation: elnoi-capa 240ms cubic-bezier(0.2, 0.7, 0.3, 1); }
html:has(#menu:target) { overflow: hidden; }
#menu > .e-flexbox-base:last-child { overflow-y: auto; animation: elnoi-panel 420ms cubic-bezier(0.2, 0.7, 0.3, 1); }
#menu > .e-flexbox-base:first-child { animation: elnoi-foto 420ms cubic-bezier(0.2, 0.7, 0.3, 1); }
#menu > .e-flexbox-base:first-child img { filter: saturate(0.7); }
body.admin-bar #menu { top: var(--wp-admin--admin-bar--height, 32px); height: calc(100vh - var(--wp-admin--admin-bar--height, 32px)); }
#menu:target nav > * > * { animation: elnoi-sube 300ms cubic-bezier(0.2, 0.7, 0.3, 1) 200ms both; }
#menu:target nav > :first-child > :nth-child(2) { animation-delay: 245ms; }
#menu:target nav > :first-child > :nth-child(3) { animation-delay: 290ms; }
#menu:target nav > :last-child > :nth-child(1) { animation-delay: 335ms; }
#menu:target nav > :last-child > :nth-child(2) { animation-delay: 380ms; }
@keyframes elnoi-capa { from { opacity: 0; } to { opacity: 1; } }
@keyframes elnoi-panel { from { transform: translateX(100%); } to { transform: none; } }
@keyframes elnoi-foto { from { transform: translateX(-100%); } to { transform: none; } }
@keyframes elnoi-sube { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
#menu a { text-decoration: none; }
/* Idiomas dentro de la capa */
#menu .elementor-nav-menu--main .elementor-nav-menu { justify-content: flex-start; }
#menu .elementor-nav-menu a.elementor-item { font-family: var(--font-ui) !important; font-size: var(--text-xs) !important; font-weight: 700 !important; letter-spacing: 0.16em; text-transform: uppercase; color: var(--text-on-inverse-muted) !important; padding: 0.5em 0.55em !important; }
#menu .elementor-nav-menu .elnoi-idioma--actual > a.elementor-item { color: var(--accent-on-inverse) !important; }
#menu .elementor-nav-menu a.elementor-item:hover { color: var(--accent-on-inverse) !important; }
/* Botón MENÚ: las rayas se separan al pasar el ratón */
.elementor-location-header a[href="#menu"] .e-div-block-base { transition: transform 240ms cubic-bezier(0.2, 0.7, 0.3, 1); }
@media (hover: hover) and (pointer: fine) {
  .elementor-location-header a[href="#menu"]:hover .e-div-block-base:first-child { transform: translateX(-4px); }
  .elementor-location-header a[href="#menu"]:hover .e-div-block-base:last-child { transform: translateX(4px); }
}

/* Portada: las tres casas (VenueCounter.astro). Despliegue al cargar y estado al pasar el ratón. */
.casa-portada img { transform: scale(1.08); filter: saturate(0.82) contrast(1.04); transition: transform 900ms cubic-bezier(0.2, 0.7, 0.3, 1), filter 500ms cubic-bezier(0.2, 0.7, 0.3, 1); }
.casa-portada > .e-div-block-base { transition: opacity 500ms cubic-bezier(0.2, 0.7, 0.3, 1); }
.casa-portada > .e-flexbox-base { transition: transform 500ms cubic-bezier(0.2, 0.7, 0.3, 1); }
.casa-portada > .e-flexbox-base > .e-div-block-base { transform-origin: left center; transition: transform 500ms cubic-bezier(0.2, 0.7, 0.3, 1); }
@media (prefers-reduced-motion: no-preference) {
  .casa-portada { clip-path: inset(0 0 100% 0); animation: elnoi-mostrador 700ms cubic-bezier(0.2, 0.7, 0.3, 1) forwards; }
  .casa-portada:nth-child(2) { animation-delay: 90ms; }
  .casa-portada:nth-child(3) { animation-delay: 180ms; }
}
@keyframes elnoi-mostrador { to { clip-path: inset(0 0 0% 0); } }
@media (hover: hover) and (pointer: fine) {
  .casa-portada:hover img, .casa-portada:focus-visible img { transform: scale(1); filter: saturate(1) contrast(1); }
  .casa-portada:hover > .e-div-block-base, .casa-portada:focus-visible > .e-div-block-base { opacity: 0.78; }
  .casa-portada:hover > .e-flexbox-base, .casa-portada:focus-visible > .e-flexbox-base { transform: translateY(-0.55rem); }
  .casa-portada:hover > .e-flexbox-base > .e-div-block-base { transform: scaleX(2.1); }
}
.casa-portada:active > .e-flexbox-base { transform: scale(0.985); }

/* Locales: tira de fotos del menú del día que corre sola (PhotoMarquee.astro, 52 s) y se para al pasar el ratón */
*:has(> .tira-fotos) { overflow: hidden; }
.tira-fotos { width: max-content !important; max-width: none !important; flex-wrap: nowrap !important; gap: 0.5rem !important; animation: elnoi-tira 26s linear infinite; }
.tira-fotos img { flex: 0 0 auto !important; width: auto !important; height: clamp(6.5rem, 13.5vh, 10rem) !important; aspect-ratio: 3 / 4; object-fit: cover; filter: saturate(0.88); }
@media (max-width: 767px) { .tira-fotos img { height: clamp(4.5rem, 9.5vh, 6.5rem) !important; } }
@media (hover: hover) and (pointer: fine) { .tira-fotos:hover { animation-play-state: paused; } }
@keyframes elnoi-tira { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-25%, 0, 0); } } /* 4 copias: avanza una */

/* Pie: fotos de Instagram */
.elementor a:has(> .ig-foto) { display: block !important; overflow: hidden !important; }
.ig-foto { filter: saturate(0.85); transition: transform 600ms cubic-bezier(0.2, 0.7, 0.3, 1), filter 400ms cubic-bezier(0.2, 0.7, 0.3, 1); }
@media (hover: hover) and (pointer: fine) { .ig-foto:hover { transform: scale(1.05); filter: saturate(1); } }

/* Movimiento reducido: sin desplazamientos */
@media (prefers-reduced-motion: reduce) {
  #menu:target, #menu > *, #menu:target nav > * > * { animation: none !important; }
  .tira-fotos { animation: none; }
  .casa-portada img, .ig-foto { transition: none; }
}

/* El Noi: cabecera fija y página actual en el menú */
.elementor-location-header { position: sticky; top: 0; z-index: 40; }
body.admin-bar .elementor-location-header { top: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) { body.admin-bar .elementor-location-header { top: 0; } } /* en móvil la barra de WordPress no es fija */
/* Como aria-current de Header.astro: la casa (o Nosotros, Contacto) de la página que se está viendo, en latón */
.page-id-45 #menu nav a[href="https://elnoisitges.com/arroceria/"],
.page-id-46 #menu nav a[href="https://elnoisitges.com/ca/arrosseria/"],
.page-id-47 #menu nav a[href="https://elnoisitges.com/en/rice-restaurant/"],
.page-id-48 #menu nav a[href="https://elnoisitges.com/fr/riz-restaurant/"],
.page-id-49 #menu nav a[href="https://elnoisitges.com/braseria/"],
.page-id-50 #menu nav a[href="https://elnoisitges.com/ca/braseria/"],
.page-id-51 #menu nav a[href="https://elnoisitges.com/en/brasserie/"],
.page-id-52 #menu nav a[href="https://elnoisitges.com/fr/braseria/"],
.page-id-53 #menu nav a[href="https://elnoisitges.com/aiguadolc/"],
.page-id-54 #menu nav a[href="https://elnoisitges.com/ca/aiguadolc/"],
.page-id-55 #menu nav a[href="https://elnoisitges.com/en/aiguadolc/"],
.page-id-56 #menu nav a[href="https://elnoisitges.com/fr/aiguadolc/"],
.page-id-25 #menu nav a[href="https://elnoisitges.com/nosotros/"],
.page-id-26 #menu nav a[href="https://elnoisitges.com/ca/nosaltres/"],
.page-id-27 #menu nav a[href="https://elnoisitges.com/en/about/"],
.page-id-28 #menu nav a[href="https://elnoisitges.com/fr/nous/"],
.page-id-29 #menu nav a[href="https://elnoisitges.com/contacto/"],
.page-id-30 #menu nav a[href="https://elnoisitges.com/ca/contacte/"],
.page-id-31 #menu nav a[href="https://elnoisitges.com/en/contact/"],
.page-id-32 #menu nav a[href="https://elnoisitges.com/fr/contact/"] { color: var(--accent-on-inverse) !important; }
/* Nosotros: sin banda de Instagram en el pie, como en Footer.astro (la página ya tiene la suya) */
.page-id-25 .elementor-location-footer footer > :first-child,
.page-id-26 .elementor-location-footer footer > :first-child,
.page-id-27 .elementor-location-footer footer > :first-child,
.page-id-28 .elementor-location-footer footer > :first-child { display: none !important; }

/* Nosotros: tira de Instagram desplazable (InstagramStrip.astro) */
.tira-instagram { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
.elementor .tira-instagram > * { flex: 0 0 auto !important; width: clamp(11rem, 40vw, 17rem) !important; display: block !important; scroll-snap-align: start; }
.tira-instagram img { width: clamp(11rem, 40vw, 17rem) !important; max-width: none !important; height: auto !important; aspect-ratio: 1; object-fit: cover; }
section:has(> .tira-instagram) > :first-child { flex-direction: row !important; flex-wrap: wrap; align-items: center !important; column-gap: var(--space-md) !important; }
section:has(> .tira-instagram) > :first-child > h2 { flex-basis: 100%; }

/* Contacto: detalles del formulario en carbón */
.elementor form.e-form-base input[type="checkbox"] { accent-color: #c9a961; }
.elementor form.e-form-base input[type="date"] { color-scheme: dark; }
.elementor form.e-form-base select option { color: #1a1815; }
.elementor form.e-form-base textarea { resize: vertical; }
.elementor form.e-form-base a { color: var(--accent-on-inverse); text-decoration: underline; text-underline-offset: 0.2em; }

/* Reserva: cuando el bloque ya muestra el calendario de CoverManager, deja de tener proporción fija */
#reservar .e-flexbox-base:has(> iframe) { aspect-ratio: auto !important; max-height: none !important; height: auto !important; }

/* Nosotros: el pie empieza con las columnas (sin banda de Instagram), con menos aire arriba */
.page-id-25 .elementor-location-footer footer > :nth-child(2),
.page-id-26 .elementor-location-footer footer > :nth-child(2),
.page-id-27 .elementor-location-footer footer > :nth-child(2),
.page-id-28 .elementor-location-footer footer > :nth-child(2) { padding-top: var(--space-xl) !important; }/* End custom CSS */