/* Arrocería Gandía · skin v2
   Aquí NO hay colores ni tamaños fijos: todo sale de las variables del Kit de Elementor
   (--e-global-color-*, --e-global-typography-*). Solo: estructura de las piezas que no son widgets
   (menú del shortcode, aviso de cookies, barra móvil, formulario CF7), hover, foco, sticky y transiciones. */

:root { --ag-foco: var(--e-global-color-primary); }
html { scroll-padding-top: 96px; }
body { margin: 0; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

/* ---------- Foco visible (3 px, contraste sobre claro y oscuro) ---------- */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--ag-foco); outline-offset: 3px; box-shadow: 0 0 0 6px #fff;
}
.ag-cabecera :focus-visible, .ag-heroe :focus-visible, .elementor-element[class*="ag-boton--banda"] :focus-visible { outline-color: currentColor; box-shadow: none; }
.ag-estilo-negro .ag-cabecera :focus-visible { outline-color: #fff; }

.ag-salto { position: absolute; left: 12px; top: -80px; z-index: 1000; padding: 12px 18px; background: var(--e-global-color-primary); color: #fff !important; text-decoration: none; font-family: var(--e-global-typography-accent-font-family); }
.ag-salto:focus { top: 12px; }
main:focus { outline: none; }

/* ---------- Cabecera fija ---------- */
.ag-cabecera-fija { position: sticky; top: 0; z-index: 100; }
.ag-cabecera { transition: box-shadow .25s ease; }
.ag-cabecera-fija.is-scrolled .ag-cabecera { box-shadow: 0 6px 24px rgba(0, 0, 0, .12); }
body.admin-bar .ag-cabecera-fija { top: 32px; }
.ag-logo-cabecera a, .ag-logo-texto a { display: inline-block; }
.ag-idioma .elementor-heading-title { white-space: nowrap; }

/* ---------- Menú (shortcode [ag_menu]; los enlaces se editan en Apariencia → Menús) ---------- */
.ag-menu__lista { list-style: none; margin: 0; padding: 0; display: flex; gap: 6px 34px; flex-wrap: wrap; justify-content: flex-end; }
.ag-menu__lista a {
	display: inline-block; padding: 10px 0 8px; text-decoration: none; border-bottom: 2px solid transparent;
	color: var(--e-global-color-agcabtexto) !important;
	font-family: var(--e-global-typography-agnav-font-family), serif; font-size: var(--e-global-typography-agnav-font-size);
	font-weight: var(--e-global-typography-agnav-font-weight); letter-spacing: var(--e-global-typography-agnav-letter-spacing);
	transition: border-color .2s ease;
}
.ag-menu__lista a[aria-current="page"] { border-bottom-color: currentColor; }
@media (hover: hover) { .ag-menu__lista a:hover { border-bottom-color: currentColor; } }
/* el Kit estiliza todos los <button>: aquí se neutraliza para la hamburguesa */
.ag-menu__panel { display: contents; }
.ag-menu__ctas { display: none; }
body .ag-menu .ag-menu__boton { display: none; background: transparent; border: 0; padding: 0; margin: 0; box-shadow: none; }

@media (max-width: 1024px) {
	body .ag-menu .ag-menu__boton {
		display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; margin: 0;
		background: transparent; border: 0; cursor: pointer; color: var(--e-global-color-agcabtexto);
	}
	.ag-menu__barras { display: grid; gap: 6px; width: 26px; }
	.ag-menu__barras span { display: block; height: 2px; background: currentColor; transition: transform .25s ease, opacity .2s ease; }
	.ag-menu__boton[aria-expanded="true"] .ag-menu__barras span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
	.ag-menu__boton[aria-expanded="true"] .ag-menu__barras span:nth-child(2) { opacity: 0; }
	.ag-menu__boton[aria-expanded="true"] .ag-menu__barras span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
	/* Menú móvil a pantalla completa bajo la cabecera: enlaces de 56 px y Llamar / WhatsApp abajo (el scroll del fondo se bloquea en skin.js) */
	.ag-menu__panel {
		display: none; position: fixed; left: 0; right: 0; top: var(--ag-cab, 80px); bottom: 0; z-index: 140; flex-direction: column;
		padding: 8px 20px calc(20px + env(safe-area-inset-bottom)); overflow-y: auto; overscroll-behavior: contain;
		background: var(--e-global-color-agcabfondo); border-top: 1px solid var(--e-global-color-aglinea);
	}
	.ag-menu.is-open .ag-menu__panel { display: flex; }
	.ag-menu__lista { display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0; justify-content: flex-start; }
	.ag-menu__lista li { border-bottom: 1px solid var(--e-global-color-aglinea); }
	.ag-menu__lista a { display: flex; align-items: center; min-height: 56px; padding: 6px 0; font-size: 22px; border-bottom: 0; }
	.ag-menu__ctas { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: auto; padding-top: 28px; }
	.ag-menu__cta {
		display: flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 12px; text-decoration: none !important; white-space: nowrap;
		font: 600 14px/1.1 var(--e-global-typography-accent-font-family), serif; letter-spacing: .1em; text-transform: uppercase;
	}
	.ag-menu__cta--llamar { background: var(--e-global-color-accent); color: #fff !important; }
	.ag-menu__cta--wa { background: var(--e-global-color-agwa); color: #111 !important; }
	.ag-menu__lista a[aria-current="page"] { text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 2px; }
	.ag-cabecera, .ag-cabecera > .e-con-inner { position: relative; }
}

/* ---------- Selector de idioma ([ag_idioma] en la cabecera; fila de 3 botones en el menú móvil) ---------- */
.ag-idioma-sel { position: relative; }
body .ag-idioma-sel .ag-idioma__boton {
	display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 4px; margin: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; cursor: pointer;
	color: var(--e-global-color-agcabtexto); font-family: var(--e-global-typography-agnav-font-family), serif; font-size: var(--e-global-typography-agnav-font-size);
	font-weight: var(--e-global-typography-agnav-font-weight); letter-spacing: var(--e-global-typography-agnav-letter-spacing); line-height: 1; text-transform: none;
}
.ag-idioma__boton svg { transition: transform .2s ease; }
.ag-idioma__boton[aria-expanded="true"] svg { transform: rotate(180deg); }
.ag-idioma__lista {
	position: absolute; right: 0; top: calc(100% + 6px); z-index: 160; min-width: 168px; margin: 0; padding: 6px 0; list-style: none;
	background: var(--e-global-color-agcabfondo); border: 1px solid var(--e-global-color-aglinea); box-shadow: 0 10px 28px rgba(0, 0, 0, .14);
}
.ag-idioma__lista[hidden] { display: none; }
.ag-idioma__lista a {
	display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 18px; text-decoration: none; color: var(--e-global-color-agcabtexto) !important;
	font-family: var(--e-global-typography-agnav-font-family), serif; font-size: 17px; letter-spacing: .04em;
}
.ag-idioma__lista .ag-idioma__nombre { font-family: var(--e-global-typography-text-font-family), serif; letter-spacing: 0; }
.ag-idioma__lista a[aria-current="true"] { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; }
@media (hover: hover) { .ag-idioma__lista a:hover { background: var(--e-global-color-secondary); color: var(--e-global-color-primary) !important; } }
.ag-estilo-negro .ag-idioma__lista a:hover { color: #111 !important; }
.ag-menu__idiomas { display: none; }
@media (max-width: 1024px) {
	/* En el menú a pantalla completa el idioma va como fila de 3 botones; el desplegable de la cabecera se queda para quien no abra el menú */
	.ag-menu__idiomas { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 24px; }
	.ag-menu__idiomas a {
		display: flex; align-items: center; justify-content: center; min-height: 48px; text-decoration: none !important; border: 1px solid var(--e-global-color-agcabtexto);
		color: var(--e-global-color-agcabtexto) !important; font: 600 15px/1 var(--e-global-typography-accent-font-family), serif; letter-spacing: .12em;
	}
	.ag-menu__idiomas a[aria-current="true"] { background: var(--e-global-color-agcabtexto); color: var(--e-global-color-agcabfondo) !important; }
	.ag-menu__ctas { margin-top: 0; padding-top: 20px; }
	.ag-menu__idiomas { margin-top: auto; padding-top: 28px; }
}

/* ---------- Botones: transición (los colores son del Kit) ---------- */
.elementor-button { transition: background-color .2s ease, color .2s ease, border-color .2s ease; }

/* ---------- Tarjetas de arroces: zoom suave de la foto al pasar ---------- */
.ag-tarjeta .ag-tarjeta-foto a { display: block; overflow: hidden; }
.ag-tarjeta .ag-tarjeta-foto img { transition: transform .5s ease; }
@media (hover: hover) { .ag-tarjeta:hover .ag-tarjeta-foto img { transform: scale(1.04); } }
.ag-tarjeta .elementor-heading-title a { color: inherit; text-decoration: none; }
@media (hover: hover) { .ag-tarjeta:hover .elementor-heading-title a { text-decoration: underline; text-underline-offset: 4px; } }

/* ---------- Iconos SVG de los valores: solo trazo ---------- */
.ag-valor .elementor-icon svg { fill: none !important; width: 1em; height: 1em; }

/* ---------- Párrafos y prosa ---------- */
.ag-parrafos p, .ag-prosa p { margin: 0 0 .9em; }
.ag-parrafos p:last-child, .ag-prosa p:last-child { margin-bottom: 0; }
.ag-prosa a, .elementor-widget-text-editor a { text-decoration: underline; text-underline-offset: 3px; }
.ag-creditos { padding-left: 1.1em; }
.ag-creditos li { margin-bottom: 1em; }
.ag-tabla { overflow-x: auto; margin: 1em 0; }
.ag-tabla table { width: 100%; border-collapse: collapse; font-size: .85em; min-width: 620px; }
.ag-tabla th, .ag-tabla td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid var(--e-global-color-aglinea); }
.ag-tabla th { color: var(--e-global-color-primary); }

/* ---------- Carta: foto fija al hacer scroll (sticky) ---------- */
@media (min-width: 768px) { .ag-pegajosa { position: sticky; top: 120px; align-self: flex-start; } }
.ag-pestanas .e-n-tab-title { cursor: pointer; }

/* ---------- Pie ---------- */
@media (hover: hover) { .ag-pie .elementor-icon-list-item a:hover .elementor-icon-list-text { text-decoration: underline; text-underline-offset: 3px; } }
.ag-pie .elementor-social-icon { transition: color .2s ease; }

/* ---------- Mapa con consentimiento ---------- */
.ag-mapa.is-cargado { padding: 0 !important; }
.ag-mapa iframe { display: block; width: 100%; height: 100%; min-height: 420px; border: 0; }

/* ---------- Formulario (CF7): tipografía y colores del Kit ---------- */
.ag-form .ag-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
.ag-form .ag-row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
@media (max-width: 767px) { .ag-form .ag-row2 { grid-template-columns: 1fr; } }
.ag-form label, .ag-form legend { font-family: var(--e-global-typography-text-font-family); font-size: 17px; color: var(--e-global-color-text); font-weight: 500; }
.ag-form .ag-req { font-weight: 400; color: var(--e-global-color-agsuave); font-size: .9em; }
.ag-form input[type="text"], .ag-form input[type="tel"], .ag-form input[type="email"], .ag-form input[type="date"], .ag-form select, .ag-form textarea {
	width: 100%; box-sizing: border-box; padding: 12px 14px; font: 18px/1.4 var(--e-global-typography-text-font-family), serif;
	color: var(--e-global-color-text); background: #fff; border: 1px solid var(--e-global-color-agsuave); border-radius: 0;
}
.ag-form fieldset { border: 0; padding: 0; margin: 0 0 16px; }
.ag-form .wpcf7-radio { display: flex; gap: 8px 24px; flex-wrap: wrap; margin-top: 6px; }
.ag-form .wpcf7-list-item { margin: 0; }
.ag-form .wpcf7-list-item label { display: inline-flex; align-items: center; gap: 8px; font-weight: 400; }
.ag-form input[type="radio"], .ag-form input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--e-global-color-primary); }
.ag-form .ag-pista { font-size: 16px; color: var(--e-global-color-agsuave); margin: 0 0 16px; }
.ag-form .ag-consent label { font-weight: 400; }
.ag-form a { text-decoration: underline; text-underline-offset: 3px; }
body .ag-form .ag-submit, body .ag-form input[type="submit"] {
	margin-top: 18px; padding: 17px 38px; border: 1px solid var(--e-global-color-accent); border-radius: 0; cursor: pointer;
	background: var(--e-global-color-accent); color: #fff;
	font-family: var(--e-global-typography-accent-font-family), serif; font-size: var(--e-global-typography-accent-font-size);
	font-weight: var(--e-global-typography-accent-font-weight); letter-spacing: var(--e-global-typography-accent-letter-spacing); text-transform: uppercase;
	transition: background-color .2s ease;
}
@media (hover: hover) { body .ag-form .ag-submit:hover { background: var(--e-global-color-aghover); } }
.ag-form .wpcf7-not-valid-tip { color: #A4161A; font-size: 16px; margin-top: 4px; }
.ag-form .wpcf7-response-output { margin: 18px 0 0 !important; padding: 12px 14px !important; font-size: 17px; }
.ag-form .wpcf7-spinner { display: block; }

/* ---------- Aviso de cookies y preferencias ---------- */
.ag-cookies {
	position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 200; max-width: 720px; margin: 0 auto;
	display: grid; gap: 14px; padding: 20px 22px; background: #fff; color: var(--e-global-color-text);
	border: 0; box-shadow: 0 12px 40px rgba(14, 30, 60, .18);
	font: 17px/1.5 var(--e-global-typography-text-font-family), serif;
}
.ag-cookies[hidden] { display: none; }
.ag-cookies__texto { margin: 0; }
.ag-cookies a, .ag-prefs a { color: var(--e-global-color-primary); text-decoration: underline; }
.ag-cookies__botones, .ag-prefs__botones { display: flex; flex-wrap: wrap; gap: 10px; }
body .ag-cookies .ag-bt, body .ag-prefs .ag-bt {
	min-height: 44px; padding: 10px 22px; border: 1px solid var(--e-global-color-accent); border-radius: 0; cursor: pointer;
	font: 600 14px/1.2 var(--e-global-typography-accent-font-family), serif; letter-spacing: .1em; text-transform: uppercase;
}
body .ag-cookies .ag-bt--lleno, body .ag-prefs .ag-bt--lleno { background: var(--e-global-color-accent); color: #fff; }
@media (hover: hover) { body .ag-cookies .ag-bt--lleno:hover, body .ag-prefs .ag-bt--lleno:hover { background: var(--e-global-color-aghover); } }
body .ag-cookies .ag-bt--linea, body .ag-prefs .ag-bt--linea { background: #fff; color: var(--e-global-color-primary); }
@media (hover: hover) { body .ag-cookies .ag-bt--linea:hover, body .ag-prefs .ag-bt--linea:hover { background: var(--e-global-color-secondary); } }
.ag-prefs { max-width: 560px; width: calc(100% - 32px); padding: 0; border: 0; box-shadow: 0 24px 60px rgba(0, 0, 0, .3); color: var(--e-global-color-text); }
.ag-prefs::backdrop { background: rgba(0, 0, 0, .55); }
.ag-prefs__caja { padding: 28px; font: 17px/1.5 var(--e-global-typography-text-font-family), serif; }
.ag-prefs__titulo { margin: 0 0 16px; font: 500 28px/1.2 var(--e-global-typography-primary-font-family), serif; color: var(--e-global-color-primary); }
.ag-prefs__fila { display: flex; align-items: center; gap: 10px; margin: 14px 0 2px; font-weight: 500; }
.ag-prefs__fila input { width: 20px; height: 20px; accent-color: var(--e-global-color-primary); }
.ag-prefs__ayuda { margin: 0 0 8px 30px; color: var(--e-global-color-agsuave); font-size: 16px; }
.ag-prefs__botones { margin-top: 20px; }

/* ---------- Barra del móvil ---------- */
.ag-barra { display: none; }
@media (max-width: 767px) {
	.ag-barra {
		display: grid; grid-template-columns: 1fr 1fr 1fr; position: fixed; left: 0; right: 0; bottom: 0; z-index: 150;
		padding-bottom: env(safe-area-inset-bottom); background: var(--e-global-color-primary);
		box-shadow: 0 -6px 20px rgba(0, 0, 0, .15); transform: translateY(110%); transition: transform .3s ease;
	}
	.ag-barra.is-visible { transform: none; }
	/* el cuerpo reserva el alto de la barra: nunca tapa el pie ni los últimos botones */
	body:has(.ag-barra) { padding-bottom: calc(56px + env(safe-area-inset-bottom)); }
	body.ag-teclado .ag-barra, body.ag-menu-abierto .ag-barra, body.ag-form-visible .ag-barra { transform: translateY(110%); }
	.ag-barra a {
		display: flex; align-items: center; justify-content: center; min-height: 56px; padding: 0 6px; white-space: nowrap; text-decoration: none !important;
		font: 600 14px/1.1 var(--e-global-typography-accent-font-family), serif; letter-spacing: .1em; text-transform: uppercase;
	}
	.ag-barra__llamar { background: var(--e-global-color-accent); color: #fff !important; }
	.ag-barra__wa { background: var(--e-global-color-agwa); color: #111 !important; }
	.ag-barra__reservar { background: #fff; color: var(--e-global-color-primary) !important; }
	body.ag-cookies-abierto .ag-barra { transform: translateY(110%); }
}
/* =====================================================================================
   v3 · sistema de espaciado y acabado (los tamaños y colores siguen en el Kit y en los widgets)
   ===================================================================================== */
.ag-menu__lista { gap: 6px 40px; }
.ag-menu__lista a { transition: border-color .3s ease; }

/* Botones: el mismo alto en toda la web (52 px) y transición suave */
.elementor-button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; transition: background-color .3s ease, color .3s ease, border-color .3s ease; }
.elementor-button .elementor-button-content-wrapper { align-items: center; gap: 10px; }

/* Fotos con proporción fija (clase en Avanzado → Clases CSS del widget Imagen) */
.ag-foto-1x1 img { width: 100%; aspect-ratio: 1 / 1; height: auto !important; object-fit: cover; display: block; }
.ag-foto-16x10 img { width: 100%; aspect-ratio: 16 / 10; height: auto !important; object-fit: cover; display: block; }
.ag-tarjeta .ag-tarjeta-foto img { transition: transform .4s cubic-bezier(.16, 1, .3, 1); }
@media (hover: hover) { .ag-tarjeta:hover .ag-tarjeta-foto img { transform: scale(1.03); } }
.ag-tarjeta .ag-tarjeta-foto a, .ag-paso-foto .elementor-widget-container { display: block; overflow: hidden; }

/* Ola del logo (widget Icono con el SVG en línea): caja al tamaño real del trazo, sin el cuadrado de 1em */
.ag-ola .elementor-icon { display: inline-flex; line-height: 0; }
body .ag-ola .elementor-icon svg { width: 60px !important; height: 17px !important; fill: none !important; overflow: visible; display: block; }
.ag-ola .elementor-icon svg path { stroke: currentColor; }
.ag-deco { pointer-events: none; }
.ag-banda { position: relative; overflow: hidden; }
.ag-banda :focus-visible, .ag-sobre-oscuro :focus-visible { outline-color: #fff !important; box-shadow: none !important; }

/* Número en círculo (pasos del socarrat y del arroz para llevar) */
.ag-num .elementor-heading-title {
	display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%;
	background: var(--e-global-color-primary); color: var(--e-global-color-agblanco); border: 3px solid var(--e-global-color-agblanco); box-sizing: border-box;
}
.ag-num--peq .elementor-heading-title { width: 44px; height: 44px; border-width: 0; }
.ag-num:not(.ag-num--peq) .elementor-heading-title { margin-inline: auto; }
.ag-num { position: relative; z-index: 2; }

/* =====================================================================================
   Acabado v3 · superficies del navegador y tipografía
   ===================================================================================== */
::selection { background: var(--e-global-color-primary); color: #fff; }
input, textarea, select { caret-color: var(--e-global-color-primary); }
input[type="checkbox"], input[type="radio"] { accent-color: var(--e-global-color-primary); }
html { scrollbar-width: thin; scrollbar-color: var(--e-global-color-aglinea) transparent; }
.elementor-heading-title { text-wrap: balance; }
.elementor-widget-text-editor p { text-wrap: pretty; }
.elementor-widget-text-editor a, .ag-prosa a, .ag-dato a, .ag-form a, .ag-cookies a, .ag-prefs a {
	text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em;
}
.ag-dato .elementor-icon-box-description, .ag-horario .elementor-icon-box-description, .ag-pie .elementor-icon-list-text,
.ag-barra a, .ag-form select, .ag-form input[type="tel"], .ag-form input[type="date"] { font-variant-numeric: lining-nums tabular-nums; }
/* Pestañas: texto tal cual (sin versalitas) y tira fina desplazable en móvil */
.ag-pestanas .e-n-tab-title, .ag-pestanas .e-n-tab-title-text { text-transform: none !important; }
.ag-pestanas .e-n-tabs-heading { scrollbar-width: thin; scrollbar-color: var(--e-global-color-primary) var(--e-global-color-secondary); }
/* Selector de idioma: chevron dibujado (no un glifo Unicode) */
.ag-idioma .elementor-heading-title { display: inline-flex; align-items: center; gap: 8px; }
.ag-idioma .elementor-heading-title::after { content: ""; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); }
/* Formulario: estados */
.ag-form .wpcf7-not-valid { border-color: #A4161A !important; box-shadow: inset 0 0 0 1px #A4161A; }
body .ag-form input[type="submit"]:disabled { background: var(--e-global-color-agsuave); border-color: var(--e-global-color-agsuave); cursor: not-allowed; }
@media (hover: hover) { .ag-form input:hover, .ag-form select:hover, .ag-form textarea:hover { border-color: var(--e-global-color-primary); } }

/* Pestañas (Carta) y filtros (Galería): barra en la rejilla de 1240 */
.ag-pestanas > .e-n-tabs > .e-n-tabs-heading { max-width: 1240px; margin-inline: auto; width: 100%; box-sizing: border-box; }
@media (max-width: 1304px) { .ag-pestanas--carta > .e-n-tabs > .e-n-tabs-heading { padding-inline: 32px; } }
@media (max-width: 767px) { .ag-pestanas--carta > .e-n-tabs > .e-n-tabs-heading { padding-inline: 20px; } }
.ag-filtros > .e-n-tabs > .e-n-tabs-heading { justify-content: center; }
.ag-pestanas .e-n-tab-title { transition: background-color .3s ease, color .3s ease; }

/* Galería: rejilla de 3 columnas de ancho desigual (la del centro más ancha), huecos de 8 px */
.ag-galeria .gallery { display: grid !important; grid-template-columns: 1fr 1.28fr 1fr; gap: 8px; margin: 0 !important; }
.ag-galeria .gallery > br { display: none; }
.ag-galeria .gallery-item { max-width: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
.ag-galeria .gallery-icon, .ag-galeria .gallery-icon a { display: block; overflow: hidden; }
.ag-galeria .gallery-item img { display: block; width: 100%; height: 300px; object-fit: cover; border: 0 !important; transition: transform .4s cubic-bezier(.16, 1, .3, 1); }
@media (hover: hover) { .ag-galeria .gallery-item a:hover img { transform: scale(1.03); } }
@media (max-width: 1024px) { .ag-galeria .gallery-item img { height: 240px; } }
@media (max-width: 767px) { .ag-galeria .gallery { grid-template-columns: 1fr 1fr; } .ag-galeria .gallery-item img { height: 170px; } }

/* Formulario v3: conmutador de 2 segmentos (radio accesible) y campos de 52 px */
.ag-form .ag-seg { margin: 0 0 22px; }
.ag-form .ag-seg .wpcf7-radio { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 0; border: 1px solid var(--e-global-color-primary); }
.ag-form .ag-seg .wpcf7-list-item { margin: 0; position: relative; }
.ag-form .ag-seg .wpcf7-list-item label { display: flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 12px; cursor: pointer; background: var(--e-global-color-agblanco); color: var(--e-global-color-primary); font-weight: 500; text-align: center; transition: background-color .3s ease, color .3s ease; }
.ag-form .ag-seg input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.ag-form .ag-seg label:has(input:checked) { background: var(--e-global-color-primary); color: var(--e-global-color-agblanco); }
.ag-form .ag-seg label:has(input:focus-visible) { outline: 3px solid var(--e-global-color-primary); outline-offset: 3px; }
.ag-form input[type="text"], .ag-form input[type="tel"], .ag-form input[type="email"], .ag-form input[type="date"], .ag-form select { min-height: 52px; }
.ag-form ::placeholder { color: var(--e-global-color-agsuave); opacity: 1; }
.ag-form .ag-pista--arriba { margin-top: -4px; }
body .ag-form .ag-submit, body .ag-form input[type="submit"] { width: 100%; min-height: 52px; }
.ag-form .ag-consent .wpcf7-list-item label { align-items: flex-start; }
.ag-form .ag-consent input[type="checkbox"] { margin-top: 3px; flex: none; }

@media (max-width: 767px) {
	.ag-boton-movil-lleno .elementor-button { width: 100%; }
}

/* =====================================================================================
   v3-final · acabado
   ===================================================================================== */
/* Botones: transición de fondo a 250 ms */
.elementor-button, body .ag-form .ag-submit, body .ag-cookies .ag-bt, body .ag-prefs .ag-bt { transition: background-color .25s ease, color .25s ease, border-color .25s ease; }
/* Fotos de tarjeta (arroces, pasos, lugares): zoom 1,03 en 400 ms dentro de una caja con overflow:hidden */
.ag-paso-foto img { transition: transform .4s cubic-bezier(.16, 1, .3, 1); }
@media (hover: hover) { .e-con:hover > .ag-paso-foto img { transform: scale(1.03); } }

/* Superficies del navegador */
html { scrollbar-width: thin; scrollbar-color: var(--e-global-color-primary) var(--e-global-color-secondary); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--e-global-color-secondary); }
::-webkit-scrollbar-thumb { background: var(--e-global-color-primary); border: 2px solid var(--e-global-color-secondary); }
textarea, input { caret-color: var(--e-global-color-primary); }
progress, input[type="range"] { accent-color: var(--e-global-color-primary); }
h1, h2, h3, .elementor-heading-title { text-wrap: balance; }
p, li { text-wrap: pretty; }
a[href^="tel:"], .ag-horario, .ag-dato .elementor-icon-box-description, .ag-cookies, .ag-pie .elementor-icon-list-text { font-variant-numeric: lining-nums tabular-nums; }

/* Medida de lectura: los párrafos de cuerpo alineados a la izquierda no pasan de ~70 caracteres */
.ag-parrafos, .ag-prosa { max-width: 36em; }
.ag-nota-centrada { margin-inline: auto !important; }

/* Héroe en MÓVIL: la paella arriba (foto a 250 %, pegada arriba) y el texto en el tercio inferior sobre un velo
   de abajo arriba, casi opaco donde está el texto. Sombra de texto sutil como red de seguridad. */
@media (max-width: 767px) {
	.ag-heroe.e-con::before {
		background-image: linear-gradient(0deg, rgba(8, 10, 14, .94) 0%, rgba(8, 10, 14, .9) 38%, rgba(8, 10, 14, .55) 52%, rgba(8, 10, 14, 0) 70%) !important;
		opacity: 1 !important;
	}
	.ag-heroe .elementor-heading-title, .ag-heroe .elementor-widget-text-editor { text-shadow: 0 1px 12px rgba(0, 0, 0, .55); }
}

/* Banda mixta (Contacto): azul marino liso a la izquierda que se funde con la foto con curva suave (sin «hombro») */
@media (min-width: 768px) {
	.ag-mixta-foto.e-con::before {
		background-image: linear-gradient(90deg,
			var(--e-global-color-primary) 0%,
			color-mix(in srgb, var(--e-global-color-primary) 86%, transparent) 12%,
			color-mix(in srgb, var(--e-global-color-primary) 62%, transparent) 26%,
			color-mix(in srgb, var(--e-global-color-primary) 34%, transparent) 42%,
			color-mix(in srgb, var(--e-global-color-primary) 12%, transparent) 58%,
			transparent 72%) !important;
		opacity: 1 !important;
	}
}
@media (max-width: 767px) {
	.ag-mixta-foto.e-con::before {
		background-image: linear-gradient(180deg, var(--e-global-color-primary) 0%, color-mix(in srgb, var(--e-global-color-primary) 55%, transparent) 30%, transparent 65%) !important;
		opacity: 1 !important;
	}
}

/* Firma: la ola se dibuja una vez al entrar (skin.js). Con movimiento reducido: nada se mueve. */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
	.ag-ola--firma svg path { stroke-dasharray: none !important; stroke-dashoffset: 0 !important; }
	.ag-tarjeta:hover .ag-tarjeta-foto img, .e-con:hover > .ag-paso-foto img, .ag-galeria .gallery-item a:hover img { transform: none; }
}

/* Cabeceras de página interiores: velo con curva (oscuro bajo el texto, la foto respira a la derecha / arriba) */
.ag-cabecera-pagina.e-con::before {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .82) 0%, rgba(0, 0, 0, .74) 38%, rgba(0, 0, 0, .38) 62%, rgba(0, 0, 0, .1) 85%) !important; opacity: 1 !important;
}
.ag-cabecera-pagina .elementor-heading-title, .ag-cabecera-pagina .elementor-widget-text-editor { text-shadow: 0 1px 12px rgba(0, 0, 0, .5); }
@media (max-width: 767px) {
	.ag-cabecera-pagina.e-con::before {
		background-image: linear-gradient(0deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .82) 50%, rgba(0, 0, 0, .4) 80%, rgba(0, 0, 0, .15) 100%) !important;
	}
}

/* =====================================================================================
   Móvil nativo (ronda móvil · 25-sep-2026). El layout vive en los contenedores de Elementor
   (controles responsive); aquí solo: toque, sticky, scroll-snap y desvanecidos.
   ===================================================================================== */
/* Toque: sin destello gris de WebKit, sin retardo de doble toque, estado :active propio */
a, button, input, select, textarea, label, summary, [role="tab"], .ag-tarjeta { -webkit-tap-highlight-color: transparent; }
a, button, input, select, textarea, label, summary, [role="tab"] { touch-action: manipulation; }
button, .elementor-button, .ag-barra a, .ag-menu__cta, [role="tab"], .ag-bt { -webkit-user-select: none; user-select: none; }
.elementor-button:active, body .ag-form .ag-submit:active, .ag-barra a:active, .ag-menu__cta:active, .ag-bt:active { filter: brightness(.9); transform: translateY(1px); }
.ag-pestanas .e-n-tab-title:active { filter: brightness(.94); }
.ag-menu__lista a:active, .ag-pie a:active, .ag-prosa a:active, .elementor-widget-text-editor a:active { opacity: .7; }
.ag-tarjeta:active .ag-tarjeta-foto img, .ag-galeria .gallery-item a:active img { transform: scale(.985); transition-duration: .1s; }
/* Sin ratón, los botones no se quedan en su color de «hover» tras el toque: se vuelve al color normal de cada tipo */
@media (hover: none) {
	body .ag-boton--primario .elementor-button:hover { background-color: var(--e-global-color-accent); border-color: var(--e-global-color-accent); color: var(--e-global-color-agblanco); }
	body .ag-boton--heroe .elementor-button:hover { background-color: var(--e-global-color-agherobg); border-color: var(--e-global-color-agheroborde); color: var(--e-global-color-agblanco); }
	body .ag-boton--banda .elementor-button:hover { background-color: var(--e-global-color-agbandabg); border-color: var(--e-global-color-agblanco); color: var(--e-global-color-agbandatexto); }
	body .ag-boton--wa .elementor-button:hover { background-color: var(--e-global-color-agwa); border-color: var(--e-global-color-agwa); color: var(--e-global-color-agnegro); }
	body .ag-boton--linea .elementor-button:hover { background-color: var(--e-global-color-agblanco); border-color: var(--e-global-color-primary); color: var(--e-global-color-primary); }
	body .ag-pestanas .e-n-tab-title[aria-selected="false"]:hover { background-color: var(--e-global-color-secondary); }
}
/* Campos a 16 px o más: iOS no hace zoom al enfocarlos */
input, select, textarea { font-size: max(16px, 1em); }
body.ag-menu-abierto { overflow: hidden; }

@media (max-width: 767px) {
	html { scroll-padding-top: calc(var(--ag-cab, 80px) + 64px); }

	/* Pestañas de la Carta y filtros de la Galería: barra fija bajo la cabecera, desplazable con imán y desvanecido en los bordes */
	.ag-pestanas > .e-n-tabs > .e-n-tabs-heading {
		position: sticky; top: var(--ag-cab, 80px); z-index: 90; background: var(--e-global-color-agblanco);
		justify-content: flex-start !important; flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain;
		scroll-snap-type: x proximity; scroll-padding-inline: 20px; scrollbar-width: none; padding-inline: 20px !important;
		-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--ag-fi, 0px), #000 calc(100% - var(--ag-fd, 0px)), transparent 100%);
		mask-image: linear-gradient(90deg, transparent 0, #000 var(--ag-fi, 0px), #000 calc(100% - var(--ag-fd, 0px)), transparent 100%);
	}
	.ag-pestanas > .e-n-tabs > .e-n-tabs-heading::-webkit-scrollbar { display: none; }
	.ag-pestanas > .e-n-tabs > .e-n-tabs-heading.hay-izq { --ag-fi: 36px; }
	.ag-pestanas > .e-n-tabs > .e-n-tabs-heading.hay-der { --ag-fd: 48px; }
	.ag-pestanas .e-n-tab-title { flex: none !important; width: auto !important; scroll-snap-align: start; min-height: 48px; padding: 12px 18px !important; white-space: nowrap; font-size: 16px; }
	.ag-pestanas .e-n-tab-title .e-n-tab-title-text { font-size: 16px; }
	/* Galería: los filtros alineados a la izquierda (centrados + scroll cortaban el primero) */
	.ag-filtros > .e-n-tabs > .e-n-tabs-heading { padding-inline: 20px !important; margin-inline: -20px; width: calc(100% + 40px); }

	/* Nuestra historia · socarrat: carrusel nativo (tarjeta del 82 %, asoma la siguiente) */
	.ag-carrusel.e-con {
		overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 20px;
		scrollbar-width: none; -webkit-overflow-scrolling: touch;
	}
	.ag-carrusel.e-con::-webkit-scrollbar { display: none; }
	.ag-carrusel.e-con > .e-con { scroll-snap-align: start; }
	.ag-carrusel.e-con > .e-con:last-child { margin-right: 20px; }
	.ag-carrusel-nav { display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 20px; }
	.ag-carrusel-nav__puntos { display: flex; gap: 8px; }
	.ag-carrusel-nav__puntos span { width: 8px; height: 8px; border-radius: 50%; background: var(--e-global-color-aglinea); transition: background-color .25s ease, transform .25s ease; }
	.ag-carrusel-nav__puntos span.is-activo { background: var(--e-global-color-primary); transform: scale(1.25); }
	.ag-carrusel-nav__cont { margin: 0; font: 500 15px/1 var(--e-global-typography-text-font-family), serif; color: var(--e-global-color-agsuave); font-variant-numeric: lining-nums tabular-nums; }

	/* Valores de la portada (2×2 con filetes) e iconos de las notas de la Carta: más contenidos */
	.ag-valor .elementor-icon-box-title { text-wrap: balance; }

	/* Tarjetas de arroces: el nombre cabe en una línea a 20 px en 390; por debajo de 360 baja a 15 px y se equilibra */

	/* Mapa de Contacto (o su aviso) en 4:3 */
	.ag-mapa.e-con { min-height: calc((100vw - 40px) * 3 / 4); }
	.ag-mapa iframe { min-height: 0; height: auto; aspect-ratio: 4 / 3; }

	/* Galería: 2 columnas con 6 px de hueco */
	.ag-galeria .gallery { gap: 6px; }
	.ag-galeria .gallery-item img { height: auto; aspect-ratio: 1 / 1; }
}
@media (max-width: 359px) { .ag-tarjeta .elementor-heading-title { font-size: 15px; text-wrap: balance; } }
@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
	.ag-carrusel.e-con { scroll-behavior: auto; }
}


/* ================= CARTA REAL (25-sep-2026) ================= */
/* Plato: nombre a la izquierda, precio a la derecha, unidos por un filete de puntos; si el nombre va en dos líneas, el precio se alinea a la base */
.e-con.ag-plato { align-items: flex-end; }
.e-con.ag-plato > .ag-plato-nombre { order: 0; flex: 0 1 auto !important; min-width: 0; }
.e-con.ag-plato::after {
	content: ""; order: 1; flex: 1 0 28px; align-self: flex-end; height: 0; margin: 0 12px .38em;
	border-bottom: 2px dotted var(--e-global-color-agsuave); opacity: .45; position: static;
}
.e-con.ag-plato > .ag-plato-precio { order: 2; flex: none !important; white-space: nowrap; }
.ag-plato-precio .elementor-heading-title, .ag-menu-precio .elementor-heading-title { font-variant-numeric: tabular-nums lining-nums; }
.ag-plato-nombre .elementor-heading-title { text-wrap: pretty; }
.ag-plato-ud { font-size: .82em; color: var(--e-global-color-agsuave); white-space: nowrap; }
/* Menús: tarjetas y hoja «tipo carta impresa» */
.e-con.ag-menu > .ag-menu-botones { margin-top: auto; }
.ag-menu-lista { list-style: none; margin: 0; padding: 0; }
.ag-menu-lista li + li { margin-top: 6px; }
.ag-carta-pie p { margin: 0 0 4px; }
/* Páginas de menú (7-oct): hoja de carta impresa con doble filete, como los PDF */
/* (::before lo usa Elementor para el overlay: el filete interior va con outline) */
.e-con.ag-menu-hoja { background-color: #fff !important; outline: 1px solid var(--e-global-color-aglinea); outline-offset: -12px; box-shadow: 0 18px 40px -28px rgba(14, 59, 125, .35); }
.ag-menu-logo img { margin-inline: auto; display: block; }
.e-con.ag-menu-filete { align-self: center; width: 64px !important; max-width: 64px; --width: 64px; border-top: 1px solid var(--e-global-color-primary); opacity: .55; }
.ag-menu-nombre .elementor-heading-title { font-style: italic; font-size: clamp(34px, 4vw, 44px); line-height: 1.05; }
.ag-menu-hoja .ag-menu-precio .elementor-heading-title { font-size: clamp(54px, 6vw, 68px); line-height: 1; }
.ag-menu-por p { font-style: italic; margin: 4px 0 0; }
.ag-menu-intro p { max-width: 36ch; margin-inline: auto; text-wrap: balance; }
.ag-menu-seccion .elementor-heading-title { letter-spacing: .28em; }
.ag-menu-hoja .ag-menu-lista li { font-size: clamp(19px, 1.6vw, 22px); line-height: 1.45; text-wrap: balance; }
.ag-menu-hoja .ag-menu-lista li + li { margin-top: 8px; }
@media (max-width: 767px) {
	.e-con.ag-menu-hoja { outline-offset: -8px; }
	.ag-menu-hoja .ag-menu-lista li { font-size: 18px; }
}
.ag-menu-otros a, .ag-carta-pie a { text-decoration: underline; text-underline-offset: 3px; }
.ag-menu-botones .elementor-button .elementor-button-content-wrapper { justify-content: center; }

/* ================= Submenú del menú principal («Menús») ================= */
.ag-menu__lista > li { position: relative; }
.ag-menu__lista > li.menu-item-has-children { display: flex; align-items: center; gap: 4px; }
body .ag-menu .ag-sub__boton {
	display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 40px; padding: 0; margin: 0;
	background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--e-global-color-agcabtexto) !important; cursor: pointer;
}
.ag-sub__boton svg { transition: transform .2s ease; }
.ag-sub__boton[aria-expanded="true"] svg { transform: rotate(180deg); }
.ag-menu__lista .sub-menu { list-style: none; margin: 0; padding: 0; display: none; }
.ag-menu__lista li.is-sub-open > .sub-menu { display: block; }
@media (min-width: 1025px) {
	.ag-menu__lista .sub-menu {
		position: absolute; top: 100%; left: -18px; z-index: 150; min-width: 230px; padding: 8px 0;
		background: var(--e-global-color-agcabfondo); border: 1px solid var(--e-global-color-aglinea); box-shadow: 0 12px 28px rgba(0,0,0,.08);
	}
	@media (hover: hover) { .ag-menu__lista > li.menu-item-has-children:hover > .sub-menu { display: block; } }
	.ag-menu__lista .sub-menu a { display: block; padding: 10px 18px; border-bottom: 0 !important; white-space: nowrap; }
	@media (hover: hover) { .ag-menu__lista .sub-menu a:hover { text-decoration: underline; text-underline-offset: 4px; } }
}
@media (max-width: 1024px) {
	/* menú a pantalla completa: acordeón (enlace «Menús» + botón de 48 px; los tres menús debajo, sangrados) */
	.ag-menu__lista > li.menu-item-has-children { display: grid; grid-template-columns: 1fr 48px; gap: 0; }
	body .ag-menu .ag-sub__boton { width: 48px; height: 56px; }
	.ag-sub__boton svg { width: 16px; height: 10px; }
	.ag-menu__lista .sub-menu { grid-column: 1 / -1; padding: 0 0 10px 18px; border-left: 2px solid var(--e-global-color-aglinea); margin-bottom: 12px; }
	.ag-menu__lista .sub-menu li { border-bottom: 0; }
	.ag-menu__lista .sub-menu a { min-height: 48px; font-size: 19px; }
}

/* Cabecera de /carta/: botones de descarga en una sola línea en móvil (el icono queda alineado con el texto) */
/* Enlaces legales del pie en el móvil: con FR/IT parten en 2-3 líneas y el divisor «|» se quedaba colgando al final de línea.
   Sin divisor, separados por hueco. */
@media (max-width: 767px) {
	.ag-pie .elementor-inline-items { column-gap: 18px; row-gap: 4px; }
	.ag-pie .elementor-inline-items .elementor-icon-list-item::after { display: none; }
}
@media (max-width: 480px) {
	.ag-cabecera-pagina .ag-menu-botones .elementor-button-text { white-space: nowrap; }
	.ag-cabecera-pagina .ag-menu-botones .elementor-button { letter-spacing: .06em; padding-left: 16px; padding-right: 16px; }
	.ag-cabecera-pagina .ag-menu-botones .elementor-button * { letter-spacing: inherit; }
}