/* ==========================================================================
   AMARA · Componentes
   Los colores, tipografías y tamaños viven en theme.json.
   Aquí solo van las piezas que el editor no resuelve por sí solo.
   ========================================================================== */

:root {
	--amara-transicion: 200ms ease;
	--amara-ancho-tarjeta: min(72vw, 300px);
}

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img { height: auto; }
:focus-visible { outline: 2px solid var(--wp--preset--color--dorado-oscuro); outline-offset: 3px; }

/* Etiqueta pequeña en mayúsculas (rótulos, categorías, "Descubrir →") */
.amara-etiqueta {
	font-family: var(--wp--preset--font-family--texto);
	font-size: var(--wp--preset--font-size--pequena);
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	line-height: 1.4;
}
.amara-etiqueta--dorada { color: var(--wp--preset--color--dorado-texto); }

.amara-enlace-flecha a,
a.amara-enlace-flecha {
	font-size: var(--wp--preset--font-size--pequena);
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
	padding-bottom: 2px;
}
.amara-enlace-flecha a::after, a.amara-enlace-flecha::after { content: " →"; }

/* Barra promocional negra */
.amara-barra-promo {
	background: var(--wp--preset--color--gris-logo);
	color: var(--wp--preset--color--blanco);
	text-align: center;
	font-size: var(--wp--preset--font-size--pequena);
	letter-spacing: 0.08em;
	padding: 0.55rem 1rem;
	margin: 0;
}
.amara-barra-promo p { margin: 0; }

/* Cabecera */
.amara-cabecera { border-bottom: 1px solid var(--wp--preset--color--linea); }
.amara-marca a {
	font-family: var(--wp--preset--font-family--titulos);
	font-size: 1.5rem;
	letter-spacing: 0.28em;
	text-decoration: none;
	padding-left: 0.28em; /* compensa el espaciado para centrar ópticamente */
	white-space: nowrap;
}
@media (max-width: 599px) { .amara-marca a { font-size: 1.2rem; letter-spacing: 0.2em; padding-left: 0.2em; } }
.amara-cabecera .wp-block-navigation a { text-decoration: none; }
.amara-cabecera .wp-block-navigation-item__content {
	font-size: var(--wp--preset--font-size--pequena);
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

/* Huecos de foto pendiente: visibles a propósito */
.amara-foto-pendiente {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	aspect-ratio: var(--amara-proporcion, 4 / 5);
	padding: 1.5rem;
	background:
		repeating-linear-gradient(135deg, transparent 0 14px, rgba(140, 95, 55, 0.08) 14px 15px),
		var(--wp--preset--color--arena);
	border: 1px dashed var(--wp--preset--color--dorado-oscuro);
	color: var(--wp--preset--color--gris-texto);
	text-align: center;
}
.amara-foto-pendiente > * { margin: 0 !important; max-width: 32ch; }
.amara-foto-pendiente .amara-etiqueta { color: var(--wp--preset--color--dorado-texto); }
.amara-foto-pendiente--ancha { --amara-proporcion: 16 / 9; }
.amara-foto-pendiente--cuadrada { --amara-proporcion: 1 / 1; }

/* Dato pendiente dentro de un texto */
.amara-pendiente {
	display: inline-block;
	background: #FBEFD9;
	color: #6B4A12;
	border: 1px solid #E8C98F;
	font-size: 0.8em;
	font-weight: 600;
	letter-spacing: 0.04em;
	padding: 0 0.4em;
	line-height: 1.6;
}

/* Tarjeta de producto */
.amara-tarjeta { gap: 0.4rem; }
.amara-tarjeta figure { margin: 0 0 0.6rem; background: var(--wp--preset--color--arena); }
.amara-tarjeta img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; mix-blend-mode: multiply; }
.amara-tarjeta__nombre { margin: 0; font-size: var(--wp--preset--font-size--pequena); font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; }
.amara-tarjeta__nombre a { text-decoration: none; }
.amara-tarjeta__detalle { margin: 0; font-size: var(--wp--preset--font-size--pequena); color: var(--wp--preset--color--gris-texto); }
.amara-tarjeta__precio { margin: 0; font-size: var(--wp--preset--font-size--suave); }

/* Fila con desplazamiento lateral (productos destacados) */
.amara-fila-scroll {
	display: grid !important;
	grid-auto-flow: column;
	grid-auto-columns: var(--amara-ancho-tarjeta);
	gap: 0.75rem !important;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	padding-bottom: 0.5rem;
}
.amara-fila-scroll::-webkit-scrollbar { display: none; }
.amara-fila-scroll > * { scroll-snap-align: start; margin: 0 !important; }

/* Muestras de color */
.amara-muestras { display: flex; gap: 0.6rem; flex-wrap: wrap; align-items: center; }
.amara-muestra {
	width: 2rem; height: 2rem; border-radius: 50%;
	border: 1px solid var(--wp--preset--color--linea);
	box-shadow: inset 0 0 0 3px var(--wp--preset--color--blanco-roto);
}
.amara-muestra.is-activa { outline: 1px solid var(--wp--preset--color--negro); outline-offset: 2px; }
.amara-muestra--oro { background: linear-gradient(135deg, #E8C27A, #B98A3E); }
.amara-muestra--plata { background: linear-gradient(135deg, #F1F1F1, #A9A9A9); }
.amara-muestra--gris-plomo { background: linear-gradient(135deg, #7A7874, #3E3C3A); }

/* Muestra de color de la paleta (solo en la guía de estilo) */
.amara-color { aspect-ratio: 1 / 1; border: 1px solid var(--wp--preset--color--linea); }

/* Selector de cantidad */
.amara-cantidad {
	display: inline-flex; align-items: center;
	border: 1px solid var(--wp--preset--color--negro);
	height: 3rem;
}
.amara-cantidad span { min-width: 3rem; text-align: center; }

/* Acordeones (bloque "Detalles") */
.wp-block-details summary {
	cursor: pointer;
	list-style: none;
	display: flex; justify-content: space-between; align-items: center;
	font-size: var(--wp--preset--font-size--pequena);
	font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;
}
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after { content: "+"; font-size: 1.25rem; font-weight: 300; transition: transform var(--amara-transicion); }
.wp-block-details[open] summary::after { transform: rotate(45deg); }

/* Texto sobre foto (portada, categorías, banners) */
.amara-sobre-foto .wp-block-cover__inner-container { color: var(--wp--preset--color--blanco); }
.amara-sobre-foto h1, .amara-sobre-foto h2 { color: inherit; }

/* Pie */
.amara-pie { color: var(--wp--preset--color--gris-claro-pie); }
.amara-pie a { color: var(--wp--preset--color--blanco); text-decoration: none; }
.amara-pie a:hover { text-decoration: underline; }
.amara-pie h4 { color: var(--wp--preset--color--dorado-logo); }
.amara-pie .amara-marca-pie { font-family: var(--wp--preset--font-family--titulos); color: var(--wp--preset--color--dorado-logo); letter-spacing: 0.3em; }
.amara-pie ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.5rem; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* Fila de la cabecera: menú | marca centrada | buscar y carrito */
.amara-cabecera__fila {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 0.5rem;
}
.amara-cabecera__fila > * { margin: 0 !important; }
.amara-cabecera__acciones { gap: 0.25rem !important; }
.amara-cabecera .wp-block-search__button { background: transparent; color: var(--wp--preset--color--negro); border: 0; padding: 0.5rem; }
.amara-cabecera .wp-block-navigation__responsive-container.is-menu-open { padding: 1.5rem; background: var(--wp--preset--color--blanco-roto); }
.amara-cabecera .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: var(--wp--preset--font-size--suave); padding: 0.6rem 0; }

/* Botón de contorno con el mismo tamaño que el principal */
.wp-block-button.is-style-outline > .wp-block-button__link {
	padding: 0.95rem 1.75rem;
	border-width: 1px;
}

/* Pie: dos columnas en móvil, cuatro en ordenador */
.amara-pie .wp-block-columns { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 782px) { .amara-pie .wp-block-columns { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.amara-pie h4 { margin-bottom: 0.9rem; }
.amara-pie li { font-size: var(--wp--preset--font-size--suave); }

/* ==========================================================================
   PORTADA
   ========================================================================== */

/* Ritmo vertical común: como mucho ~144 px entre bloques en ordenador */
.amara-seccion { padding-block: clamp(2.75rem, 6vw, 4.5rem); }
.amara-seccion--ajustada { padding-block: clamp(2rem, 4.5vw, 3.25rem); }
.amara-cabecera-seccion { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 0.75rem 2rem; margin-bottom: clamp(1.25rem, 3vw, 2rem) !important; }
.amara-cabecera-seccion > * { margin: 0 !important; }

/* Aparición suave (solo si hay JavaScript y la persona no pidió reducir movimiento) */
.amara-js .amara-revelar { opacity: 0; transform: translateY(18px); transition: opacity 700ms ease, transform 700ms cubic-bezier(.2,.7,.2,1); }
.amara-js .amara-revelar.is-visible { opacity: 1; transform: none; }
@media (scripting: none) { .amara-revelar { opacity: 1 !important; transform: none !important; } }
@media (prefers-reduced-motion: reduce) { .amara-js .amara-revelar { opacity: 1; transform: none; } }

/* ---- Carrusel ------------------------------------------------------------ */
.amara-carrusel { position: relative; margin-block: 0 !important; }
.amara-carrusel__pista {
	display: flex !important; gap: 0 !important;
	overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
	overscroll-behavior-x: contain;
}
.amara-carrusel__pista::-webkit-scrollbar { display: none; }
.amara-diapositiva {
	flex: 0 0 100%; scroll-snap-align: start; margin: 0 !important;
	display: grid !important; grid-template-columns: 1fr; gap: 0 !important;
	background: var(--wp--preset--color--blanco-roto);
}
.amara-diapositiva__foto { order: -1; margin: 0 !important; background: var(--wp--preset--color--arena); }
.amara-diapositiva__foto img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.amara-diapositiva__texto {
	display: flex; flex-direction: column; justify-content: center; gap: 1rem;
	padding: 1.75rem 1.25rem 3.75rem !important;
}
.amara-diapositiva__texto > * { margin: 0 !important; max-width: 30rem; }
.amara-diapositiva__texto .wp-block-buttons { margin-top: 0.5rem !important; }
@media (min-width: 782px) {
	.amara-diapositiva { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); min-height: min(82vh, 760px); }
	.amara-diapositiva__foto { order: 0; }
	.amara-diapositiva__foto img { aspect-ratio: auto; height: 100%; min-height: min(82vh, 760px); }
	.amara-diapositiva__texto { padding: clamp(2rem, 5vw, 5rem) clamp(1.5rem, 5vw, 5rem) !important; }
}
.amara-carrusel__controles {
	position: absolute; left: 1.25rem; bottom: 1.5rem; display: flex; gap: 0.5rem; z-index: 2;
}
@media (min-width: 782px) { .amara-carrusel__controles { left: clamp(1.5rem, 5vw, 5rem); bottom: 2rem; } }
.amara-carrusel__punto {
	width: 28px; height: 28px; padding: 0; border: 0; background: transparent; cursor: pointer; position: relative;
}
.amara-carrusel__punto::before {
	content: ""; position: absolute; left: 4px; right: 4px; top: 13px; height: 2px;
	background: var(--wp--preset--color--linea); transition: background var(--amara-transicion);
}
.amara-carrusel__punto[aria-current="true"]::before { background: var(--wp--preset--color--negro); }
.amara-carrusel__flecha {
	display: none; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
	width: 44px; height: 44px; border: 1px solid var(--wp--preset--color--linea); border-radius: 50%;
	background: rgba(245, 239, 233, 0.92); cursor: pointer; color: var(--wp--preset--color--negro);
}
.amara-carrusel__flecha::before { content: ""; position: absolute; inset: 0; margin: auto; width: 9px; height: 9px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; transform: translateX(-2px) rotate(45deg); }
.amara-carrusel__flecha--anterior::before { transform: translateX(2px) rotate(-135deg); }
.amara-carrusel__flecha--anterior { left: 1rem; }
.amara-carrusel__flecha--siguiente { right: 1rem; }
@media (min-width: 1100px) and (hover: hover) { .amara-carrusel__flecha { display: block; } }

/* ---- Beneficios ------------------------------------------------------------ */
.amara-beneficios { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.75rem 1.25rem !important; }
@media (min-width: 900px) { .amara-beneficios { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem !important; } }
.amara-beneficio { display: flex; flex-direction: column; gap: 0.5rem !important; }
.amara-beneficio > * { margin: 0 !important; }
.amara-beneficio svg { width: 32px; height: 32px; color: var(--wp--preset--color--dorado-oscuro); margin-bottom: 0.25rem; }
.amara-beneficio h3 { font-size: 1.125rem; }
.amara-beneficio p { font-size: var(--wp--preset--font-size--suave); color: var(--wp--preset--color--gris-texto); line-height: 1.55; }

/* ---- Colección (tarjetas generadas desde WooCommerce) ----------------------- */
.amara-fila { position: relative; }
.amara-coleccion { --amara-ancho-tarjeta: min(68vw, 290px); }
@media (min-width: 1100px) { .amara-coleccion { --amara-ancho-tarjeta: calc((100% - 3rem) / 5); } }
.amara-tarjeta { display: flex; flex-direction: column; gap: 0.35rem; }
.amara-tarjeta > * { margin: 0; }
.amara-tarjeta__foto { position: relative; display: block; background: var(--wp--preset--color--arena); overflow: hidden; margin-bottom: 0.65rem !important; }
.amara-tarjeta__foto img { transition: transform 900ms cubic-bezier(.2,.7,.2,1); }
@media (hover: hover) { .amara-tarjeta:hover .amara-tarjeta__foto img { transform: scale(1.04); } }
.amara-tarjeta__detalle { display: flex; align-items: center; gap: 0.45rem; }
.amara-muestra--mini { width: 0.8rem; height: 0.8rem; box-shadow: none; }
.amara-muestra--dorado { background: linear-gradient(135deg, #E8C27A, #B98A3E); }
.amara-tarjeta__aviso { position: absolute; left: 0.75rem; top: 0.75rem; background: var(--wp--preset--color--blanco-roto); font-size: var(--wp--preset--font-size--pequena); font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; padding: 0.3rem 0.55rem; }
/* Acabado agotado: el color se sigue reconociendo */
.amara-tarjeta.is-agotado .amara-tarjeta__foto img { filter: grayscale(.55) saturate(.85) brightness(.86); opacity: .72; }
.amara-tarjeta.is-agotado .amara-tarjeta__foto::after { content: ""; position: absolute; inset: 0; background: rgba(10, 9, 7, .22); }
.amara-tarjeta__precio .woocommerce-Price-amount { font-weight: 500; }

.amara-fila__flecha {
	display: none; position: absolute; top: calc(var(--amara-ancho-tarjeta, 290px) / 2); transform: translateY(-50%); z-index: 2;
	width: 44px; height: 44px; border: 1px solid var(--wp--preset--color--linea); border-radius: 50%;
	background: var(--wp--preset--color--blanco-roto); cursor: pointer; color: var(--wp--preset--color--negro);
}
.amara-fila__flecha::before { content: ""; position: absolute; inset: 0; margin: auto; width: 9px; height: 9px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; transform: translateX(-2px) rotate(45deg); }
.amara-fila__flecha--anterior::before { transform: translateX(2px) rotate(-135deg); }
.amara-fila__flecha--anterior { left: -22px; }
.amara-fila__flecha--siguiente { right: -22px; }
@media (min-width: 782px) and (hover: hover) { .amara-fila__flecha { display: block; } }
.amara-fila.sin-desplazamiento .amara-fila__flecha,
.amara-fila.al-inicio .amara-fila__flecha--anterior,
.amara-fila.al-final .amara-fila__flecha--siguiente { opacity: 0; pointer-events: none; }

/* ---- Bloques con foto (modelos y banner): con hueco pendiente si no hay foto -- */
.amara-modelos { display: grid !important; grid-template-columns: 1fr; gap: 0.75rem !important; }
@media (min-width: 782px) { .amara-modelos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.amara-modelos > * { margin: 0 !important; }
.amara-bloque-foto .wp-block-cover__inner-container > * { margin-block: 0 0.5rem; }
.amara-bloque-foto h2 { color: inherit; }
.amara-bloque-foto:not(:has(img, video)) {
	background:
		repeating-linear-gradient(135deg, transparent 0 14px, rgba(140, 95, 55, 0.08) 14px 15px),
		var(--wp--preset--color--arena) !important;
	outline: 1px dashed var(--wp--preset--color--dorado-oscuro);
	outline-offset: -1px;
	color: var(--wp--preset--color--negro) !important;
}
.amara-bloque-foto:not(:has(img, video)) .wp-block-cover__background { opacity: 0 !important; }
.amara-bloque-foto:not(:has(img, video)) .wp-block-cover__inner-container { color: var(--wp--preset--color--negro); }
.amara-bloque-foto:has(img, video) .amara-nota-pendiente { display: none; }
.amara-nota-pendiente {
	font-size: var(--wp--preset--font-size--pequena); color: var(--wp--preset--color--dorado-texto);
	letter-spacing: 0.04em; max-width: 34ch;
}
.amara-nota-pendiente strong { letter-spacing: 0.16em; text-transform: uppercase; font-weight: 600; }

/* ---- Lo que recibes / Instalación (foto + texto) ----------------------------- */
.amara-dupla { display: grid !important; grid-template-columns: 1fr; gap: clamp(1.75rem, 4vw, 4rem) !important; align-items: center; }
@media (min-width: 782px) { .amara-dupla { grid-template-columns: repeat(2, minmax(0, 1fr)); } .amara-dupla--invertida > :first-child { order: 2; } }
.amara-dupla > * { margin: 0 !important; }
.amara-dupla__foto { background: var(--wp--preset--color--arena); }
.amara-dupla__foto img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.amara-dupla__texto { display: flex; flex-direction: column; gap: 1rem; }
.amara-dupla__texto > * { margin: 0 !important; max-width: 34rem; }

.amara-lista-check { list-style: none; padding: 0 !important; display: grid; gap: 0.6rem; }
.amara-lista-check li { position: relative; padding-left: 1.75rem; }
.amara-lista-check li::before {
	content: ""; position: absolute; left: 0.15rem; top: 0.45em; width: 0.55rem; height: 0.3rem;
	border-left: 1.5px solid var(--wp--preset--color--dorado-oscuro); border-bottom: 1.5px solid var(--wp--preset--color--dorado-oscuro);
	transform: rotate(-45deg);
}
.amara-lista-check li.amara-no::before { border: 0; width: 0.7rem; height: 1.5px; top: 0.75em; background: var(--wp--preset--color--gris-texto); transform: none; }
.amara-lista-check li.amara-no { color: var(--wp--preset--color--gris-texto); }

.amara-datos { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 !important; border-top: 1px solid var(--wp--preset--color--linea); }
.amara-datos > * { margin: 0 !important; padding: 1rem 0.75rem 1rem 0; border-bottom: 1px solid var(--wp--preset--color--linea); }
.amara-datos p:first-child { font-family: var(--wp--preset--font-family--titulos); font-size: 1.375rem; line-height: 1.2; }
.amara-dato { display: flex; flex-direction: column; gap: 0.2rem; }
.amara-dato > * { margin: 0 !important; }
.amara-dato__valor { font-family: var(--wp--preset--font-family--titulos); font-size: 1.375rem; line-height: 1.2; }
.amara-dato__texto { font-size: var(--wp--preset--font-size--suave); color: var(--wp--preset--color--gris-texto); line-height: 1.45; }

.amara-caja {
	border: 1px solid var(--wp--preset--color--linea); background: var(--wp--preset--color--blanco-roto);
	padding: clamp(1.25rem, 3vw, 2rem) !important;
}
.amara-caja > * { margin-block: 0 0.75rem; }
.amara-caja > :last-child { margin-bottom: 0; }

/* ---- Marca ---------------------------------------------------------------- */
.amara-marca-bloque { text-align: center; }
.amara-marca-bloque > * { margin-inline: auto !important; max-width: 40rem; }
.amara-marca-bloque .wp-block-buttons { justify-content: center; }

/* ---- Envíos sin letra pequeña --------------------------------------------- */
.amara-garantias { display: grid !important; grid-template-columns: 1fr; gap: 0 !important; border-top: 1px solid var(--wp--preset--color--linea); }
@media (min-width: 782px) { .amara-garantias { grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 0; } }
.amara-garantia { display: grid !important; grid-template-columns: 32px 1fr; gap: 0.25rem 1rem !important; padding: 1.25rem 0; border-bottom: 1px solid var(--wp--preset--color--linea); align-items: start; }
@media (min-width: 782px) { .amara-garantia { border-bottom: 0; padding: 0 1.5rem; border-left: 1px solid var(--wp--preset--color--linea); } .amara-garantia:first-child { border-left: 0; padding-left: 0; } }
.amara-garantia > * { margin: 0 !important; grid-column: 2; }
.amara-garantia > .wp-block-html, .amara-garantia > svg { grid-column: 1; grid-row: 1 / span 2; }
.amara-garantia svg { width: 28px; height: 28px; color: var(--wp--preset--color--dorado-oscuro); }
.amara-garantia h3, .amara-garantia .amara-garantia__titulo { font-family: var(--wp--preset--font-family--texto); font-size: var(--wp--preset--font-size--pequena); font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; line-height: 1.5; }
.amara-garantia p { font-size: var(--wp--preset--font-size--suave); color: var(--wp--preset--color--gris-texto); line-height: 1.5; }

/* ---- Preguntas frecuentes ------------------------------------------------- */
.amara-faq { border-top: 1px solid var(--wp--preset--color--linea); }
.amara-faq .wp-block-details summary { font-family: var(--wp--preset--font-family--titulos); font-size: 1.125rem; font-weight: 400; letter-spacing: 0; text-transform: none; padding-block: 0.35rem; gap: 1rem; }
.amara-faq .wp-block-details > :not(summary) { color: var(--wp--preset--color--gris-texto); margin-top: 0.75rem; max-width: 46rem; }

/* ---- Newsletter ------------------------------------------------------------ */
.amara-newsletter { text-align: center; }
.amara-newsletter > * { margin-inline: auto !important; }
.amara-newsletter__form { display: flex; border: 1px solid var(--wp--preset--color--negro); max-width: 460px; }
.amara-newsletter__form input { flex: 1; min-width: 0; border: 0; background: transparent; padding: 0 1rem; font: inherit; }
.amara-newsletter__form .wp-element-button { border: 0; }

/* Las secciones a todo ancho van pegadas entre sí (sin franjas del color del cuerpo) */
.wp-block-post-content > .alignfull { margin-block: 0 !important; }

/* Móvil: menos altura en bloques grandes para que cada sección se aprecie de un vistazo */
@media (max-width: 781px) {
	.amara-modelos .wp-block-cover { min-height: 440px !important; }
	.amara-dupla__foto img { aspect-ratio: 4 / 3; }
	.amara-bloque-foto.alignfull { min-height: 460px !important; }
}

/* Carrusel en móvil: la foto mide siempre lo mismo y el texto ocupa el resto */
@media (max-width: 781px) {
	.amara-diapositiva { grid-template-rows: auto 1fr; }
	.amara-diapositiva__texto { justify-content: flex-start; }
}

/* Carrusel en ordenador: la foto rellena su mitad sin estirar la diapositiva */
@media (min-width: 782px) {
	.amara-diapositiva { height: min(82vh, 760px); min-height: 520px; }
	.amara-diapositiva__foto { position: relative; overflow: hidden; }
	.amara-diapositiva__foto img { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; }
}

/* Foto de portada apaisada: el encuadre sigue a la modelo, que está a la derecha */
.amara-foco-modelo img { object-position: 73% 35%; }

/* ==========================================================================
   PÁGINA CADENAS (colección)
   ========================================================================== */
.amara-migas { font-size: var(--wp--preset--font-size--pequena); color: var(--wp--preset--color--gris-texto); letter-spacing: 0.04em; margin-bottom: 1.5rem !important; }
.amara-migas a { text-decoration: none; }
.amara-coleccion-intro > * { margin-block: 0 0.9rem; }
.amara-coleccion-intro__texto { max-width: 38rem; font-size: var(--wp--preset--font-size--media); line-height: 1.55; color: var(--wp--preset--color--gris-texto); }
.amara-chips { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 1.5rem; }
.amara-chips a {
	display: inline-flex; align-items: baseline; gap: 0.5rem; text-decoration: none;
	border: 1px solid var(--wp--preset--color--negro); padding: 0.7rem 1.1rem;
	font-size: var(--wp--preset--font-size--pequena); font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;
	transition: background var(--amara-transicion), color var(--amara-transicion);
}
.amara-chips a span { font-weight: 400; letter-spacing: 0.04em; text-transform: none; color: var(--wp--preset--color--gris-texto); }
.amara-chips a:hover { background: var(--wp--preset--color--negro); color: var(--wp--preset--color--blanco); }
.amara-chips a:hover span { color: inherit; }
html { scroll-behavior: smooth; scroll-padding-top: 1rem; }

.amara-modelo__fila { display: grid !important; grid-template-columns: 1fr; gap: 1.75rem !important; align-items: start; }
@media (min-width: 900px) { .amara-modelo__fila { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(2rem, 4vw, 4rem) !important; } .amara-modelo__info { position: sticky; top: 2rem; } }
.amara-modelo__fila > * { margin: 0 !important; }
.amara-modelo__info > * { margin-block: 0 0.9rem; }
.amara-ficha-corta { list-style: none; padding: 0 !important; border-top: 1px solid var(--wp--preset--color--linea); margin-block: 1.25rem !important; }
.amara-ficha-corta li { display: flex; justify-content: space-between; gap: 1rem; padding: 0.7rem 0; border-bottom: 1px solid var(--wp--preset--color--linea); font-size: var(--wp--preset--font-size--suave); }
.amara-ficha-corta li span { color: var(--wp--preset--color--gris-texto); }

/* Rejilla de acabados: fila deslizable en móvil, columnas exactas en ordenador (sin huecos huérfanos) */
.amara-rejilla { display: grid; grid-auto-flow: column; grid-auto-columns: min(68vw, 290px); gap: 0.75rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.amara-rejilla::-webkit-scrollbar { display: none; }
.amara-rejilla > * { scroll-snap-align: start; }
@media (min-width: 782px) {
	.amara-rejilla { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; gap: 1rem; }
	.amara-rejilla:has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.amara-ayuda-compra { display: grid !important; grid-template-columns: 1fr; gap: 1.25rem !important; align-items: center; }
@media (min-width: 782px) { .amara-ayuda-compra { grid-template-columns: minmax(0, 1fr) auto; gap: 3rem !important; } }
.amara-ayuda-compra > * { margin: 0 !important; }
.amara-ayuda-compra p { max-width: 44rem; margin-top: 0.5rem; }

/* Estilo de vida: texto centrado + cuatro looks (fila deslizable en móvil, cuatro columnas en ordenador) */
.amara-estilo__texto { max-width: 40rem; margin-inline: auto !important; margin-bottom: clamp(1.5rem, 3vw, 2.25rem) !important; }
.amara-estilo__texto > * { margin-block: 0 0.75rem; }
.amara-lookbook { display: grid !important; grid-auto-flow: column; grid-auto-columns: min(70vw, 300px); gap: 0.6rem !important; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.amara-lookbook::-webkit-scrollbar { display: none; }
.amara-lookbook > * { margin: 0 !important; scroll-snap-align: start; overflow: hidden; background: var(--wp--preset--color--arena); }
.amara-lookbook img { display: block; width: 100%; aspect-ratio: 486 / 793; object-fit: cover; transition: transform 900ms cubic-bezier(.2,.7,.2,1); }
@media (hover: hover) { .amara-lookbook > *:hover img { transform: scale(1.03); } }
@media (min-width: 782px) { .amara-lookbook { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: visible; gap: 0.75rem !important; } }

/* Cadenas: el párrafo de entrada alineado a la izquierda, igual que el título */
.amara-coleccion-intro > .amara-coleccion-intro__texto { margin-left: max(0px, calc((100% - 1280px) / 2)) !important; margin-right: auto !important; text-align: left; }

/* Imágenes con rótulos: se ven enteras, sin recortar en ningún tamaño */
.amara-dupla__foto.amara-sin-recorte img, .amara-sin-recorte img { aspect-ratio: 1 / 1 !important; object-fit: contain; }

/* ==========================================================================
   Portada a medida de la primera pantalla
   --amara-cabecera la calcula amara.js (barra promocional + cabecera).
   svh = alto de pantalla que no cambia al aparecer/ocultarse la barra del móvil,
   así la foto no se reencuadra al hacer scroll.
   ========================================================================== */
:root { --amara-cabecera: 140px; }
.amara-foco-modelo img { object-position: 50% 15%; }
@media (min-width: 782px) {
	.amara-diapositiva {
		height: calc(100vh - var(--amara-cabecera));
		height: calc(100svh - var(--amara-cabecera));
		min-height: 520px; max-height: 920px;
	}
	.amara-diapositiva__foto img { min-height: 0; }
}
@media (max-width: 781px) {
	.amara-diapositiva { height: calc(100vh - var(--amara-cabecera)); height: calc(100svh - var(--amara-cabecera)); min-height: 560px; grid-template-rows: minmax(0, 1fr) auto; }
	.amara-diapositiva__foto { min-height: 0; overflow: hidden; }
	.amara-diapositiva__foto img { aspect-ratio: auto; height: 100%; }
	.amara-diapositiva__texto { padding: 1.25rem 1.25rem 3.25rem !important; gap: 0.7rem; }
	.amara-diapositiva__texto h1, .amara-diapositiva__texto h2 { font-size: clamp(2rem, 8.5vw, 2.6rem) !important; }
	.amara-diapositiva__texto p:not(.amara-etiqueta) { font-size: 0.95rem; line-height: 1.5; }
}

/* Sin separación entre la cabecera y el contenido ni antes del pie (lo marca cada sección) */
.wp-site-blocks > * { margin-block-start: 0 !important; }

/* Fotos de producto con fondo blanco (sin mezclar con el color de la web) */
.amara-tarjeta__foto, .amara-tarjeta figure, .amara-dupla__foto, .amara-diapositiva__foto:not(.amara-foco-modelo) { background: #FFFFFF !important; }
.amara-tarjeta img { mix-blend-mode: normal; }

/* Fotos de producto con esquinas suavemente redondeadas (mismo radio en toda la web) */
:root { --amara-radio-foto: 18px; }
.amara-tarjeta__foto,
.amara-dupla__foto, .amara-dupla__foto img,
.woocommerce-product-gallery__image, .woocommerce-product-gallery__image img,
.flex-control-thumbs img,
.wc-block-components-product-image, .wc-block-components-product-image img,
.wc-block-cart-item__image img, .wc-block-components-order-summary-item__image img {
	border-radius: var(--amara-radio-foto);
	overflow: hidden;
}

/* Secciones con fondo azul noche: textos claros y detalles en caramelo claro */
.amara-seccion--oscura { color: var(--wp--preset--color--blanco-roto); }
.amara-seccion--oscura h1, .amara-seccion--oscura h2, .amara-seccion--oscura h3, .amara-seccion--oscura h4 { color: var(--wp--preset--color--blanco-roto); }
.amara-seccion--oscura .amara-etiqueta--dorada { color: var(--wp--preset--color--dorado-logo); }
.amara-seccion--oscura .has-gris-texto-color, .amara-seccion--oscura p { color: var(--wp--preset--color--gris-claro-pie) !important; }
.amara-seccion--oscura h2 + p, .amara-seccion--oscura .amara-marca-bloque p:not(.amara-etiqueta) { color: #E6E9EE !important; }
.amara-seccion--oscura .wp-block-button.is-style-outline > .wp-block-button__link { color: var(--wp--preset--color--blanco-roto); border-color: var(--wp--preset--color--blanco-roto); background: transparent; }
.amara-seccion--oscura .wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--wp--preset--color--blanco-roto); color: var(--wp--preset--color--negro); }

/* Envíos sin letra pequeña: título y texto siempre pegados, igual en las tres columnas */
.amara-garantia { align-content: start; }

/* Bloques de modelo con foto: el texto va en un recuadro azul noche para leerse sobre cualquier imagen */
.amara-modelos .amara-bloque-foto:has(img) .wp-block-cover__background { opacity: 0 !important; }
.amara-modelos .amara-bloque-foto:has(img) .wp-block-cover__inner-container {
	width: auto; max-width: min(100%, 26rem);
	background: rgba(31, 42, 58, 0.86);
	padding: 1.1rem 1.4rem 1.2rem;
	border-radius: 12px;
	color: var(--wp--preset--color--blanco-roto);
}
.amara-modelos .amara-bloque-foto:has(img) .wp-block-cover__inner-container > * { margin-block: 0 0.4rem; }
.amara-modelos .amara-bloque-foto:has(img) .wp-block-cover__inner-container > :last-child { margin-bottom: 0; }
.amara-modelos .amara-bloque-foto:has(img) h2 { font-size: clamp(1.75rem, 3vw, 2.4rem) !important; }
.amara-modelos .amara-bloque-foto:has(img) .amara-etiqueta { color: var(--wp--preset--color--dorado-logo); }
.amara-modelos .wp-block-cover { border-radius: var(--amara-radio-foto); overflow: hidden; }

/* Bloques de modelo: mismo formato que la foto (vertical 4:5) para ver la cadena completa, sin recortes */
.amara-modelos .wp-block-cover.amara-bloque-foto:has(img) { min-height: 0 !important; height: auto !important; aspect-ratio: 4 / 5 !important; align-self: start; }
.amara-modelos .wp-block-cover.amara-bloque-foto:has(img) .wp-block-cover__image-background { object-position: 50% 50% !important; }

/* Diapositiva con foto horizontal completa: se ve entera sobre su mismo azul */
.amara-diapositiva .amara-diapositiva__foto.amara-foto-completa { background: #2E3546 !important; }
.amara-diapositiva .amara-foto-completa img { object-fit: contain !important; }
/* …y sus bordes se funden con ese azul para que no se note el rectángulo de la foto */
.amara-diapositiva .amara-foto-completa img {
	-webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 5%, #000 95%, transparent 100%), linear-gradient(to right, transparent 0, #000 1.5%, #000 98.5%, transparent 100%);
	-webkit-mask-composite: source-in; mask-composite: intersect;
}
.amara-diapositiva .amara-diapositiva__foto.amara-foto-completa { display: flex !important; align-items: center; justify-content: center; }
.amara-diapositiva .amara-diapositiva__foto.amara-foto-completa img {
	position: static !important; inset: auto !important;
	width: 100% !important; height: auto !important; min-height: 0 !important; max-height: 100%;
	aspect-ratio: 1960 / 1000 !important; object-fit: cover !important;
}

/* Carrusel en ordenador: la foto gana espacio (4/7) para que las imágenes apaisadas no pierdan los extremos */
@media (min-width: 782px) {
	.amara-diapositiva { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); }
}

/* Fotos de producto del carrusel: siempre enteras, con margen de seguridad;
   el hueco se rellena con la misma foto difuminada (la pone amara.js) */
.amara-diapositiva .amara-diapositiva__foto.amara-foto-segura { position: relative; overflow: hidden; background: var(--wp--preset--color--negro) !important; }
.amara-foto-segura::before {
	content: ""; position: absolute; inset: -60px;
	background: var(--amara-fondo-foto, none) center / cover no-repeat;
	filter: blur(32px); opacity: 0.85;
}
.amara-diapositiva .amara-foto-segura img {
	position: relative; z-index: 1;
	width: 100%; height: 100%;
	object-fit: contain !important;
	padding: clamp(14px, 3.5vw, 44px); box-sizing: border-box;
}
@media (min-width: 782px) { .amara-diapositiva .amara-foto-segura img { position: absolute !important; inset: 0 !important; } }
@media (max-width: 781px) { .amara-diapositiva .amara-foto-segura img { aspect-ratio: auto; height: 100%; } }

/* El titular del carrusel se adapta también a la ALTURA de la pantalla, para que la diapositiva quepa siempre */
@media (min-width: 782px) {
	.amara-diapositiva { min-height: 420px; }
	.amara-diapositiva__texto h1, .amara-diapositiva__texto h2 { font-size: clamp(2rem, min(7.2vh, 4.6vw), 4.25rem) !important; }
	.amara-diapositiva__texto { padding-block: clamp(1.25rem, 4vh, 4rem) !important; gap: clamp(0.5rem, 1.6vh, 1rem); }
}

/* Bloque de marca sobre azul noche: título en el dorado de la paleta, texto en blanco */
.amara-seccion--oscura .amara-marca-bloque h2 { color: var(--wp--preset--color--dorado-logo) !important; }
.amara-seccion--oscura .amara-marca-bloque p:not(.amara-etiqueta) { color: var(--wp--preset--color--blanco-roto) !important; }

/* ---- Páginas de ayuda (Envíos y devoluciones) ------------------------------- */
.amara-texto-guia { color: var(--wp--preset--color--gris-texto); }
.amara-info { border-top: 1px solid var(--wp--preset--color--linea); margin-top: clamp(1.5rem, 3vw, 2.25rem) !important; }
.amara-info__fila { display: grid !important; grid-template-columns: 1fr; gap: 0.35rem 2rem; padding-block: 1.25rem; border-bottom: 1px solid var(--wp--preset--color--linea); }
.amara-info__fila > * { margin: 0 !important; }
.amara-info__fila h3 { font-family: var(--wp--preset--font-family--texto); font-size: var(--wp--preset--font-size--pequena); font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; line-height: 1.6; }
.amara-info__fila p { color: var(--wp--preset--color--gris-texto); }
@media (min-width: 782px) { .amara-info__fila { grid-template-columns: 13rem 1fr; } }

.amara-pasos { list-style: none; padding: 0; margin-block: clamp(1.5rem, 3vw, 2.25rem) !important; counter-reset: paso; display: grid; gap: 1.25rem; }
.amara-pasos > li { counter-increment: paso; position: relative; padding-left: 3.5rem; min-height: 2.5rem; color: var(--wp--preset--color--gris-texto); }
.amara-pasos > li::before { content: counter(paso); position: absolute; left: 0; top: 0; width: 2.5rem; height: 2.5rem; border-radius: 50%; border: 1px solid var(--wp--preset--color--dorado-oscuro); color: var(--wp--preset--color--dorado-oscuro); display: grid; place-items: center; font-family: var(--wp--preset--font-family--titulos); font-size: 1.125rem; }
.amara-pasos > li strong { display: block; color: var(--wp--preset--color--negro); font-weight: 600; margin-bottom: 0.15rem; }

.amara-recuadro { background: var(--wp--preset--color--arena); border-radius: var(--amara-radio-foto, 18px); padding: clamp(1.25rem, 3vw, 2rem); }
.amara-recuadro > * { margin-block: 0 0.75rem !important; }
.amara-recuadro > :last-child { margin-bottom: 0 !important; }
.amara-recuadro h3 { font-family: var(--wp--preset--font-family--texto); font-size: var(--wp--preset--font-size--pequena); font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; }
.amara-recuadro ul { padding-left: 1.1rem; display: grid; gap: 0.5rem; }

.amara-seccion--oscura .amara-marca-bloque .wp-block-buttons { gap: 0.75rem; }

/* Foto vertical (4:5) en las secciones foto + texto: se ve entera, sin recortar */
.amara-dupla__foto.amara-foto-vertical img { aspect-ratio: 4 / 5 !important; object-fit: cover; }

/* ---- Contáctanos: tarjetas de canal ---------------------------------------- */
.amara-canales { display: grid !important; grid-template-columns: 1fr; gap: 1rem !important; }
@media (min-width: 782px) { .amara-canales { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem !important; } }
.amara-canal { display: flex !important; flex-direction: column; gap: 0.6rem; background: var(--wp--preset--color--blanco); border: 1px solid var(--wp--preset--color--linea); border-radius: var(--amara-radio-foto, 18px); padding: clamp(1.5rem, 3vw, 2.25rem); }
.amara-canal > * { margin: 0 !important; }
.amara-canal svg { width: 32px; height: 32px; color: var(--wp--preset--color--dorado-oscuro); margin-bottom: 0.4rem; }
.amara-canal h2 { font-size: var(--wp--preset--font-size--grande); }
.amara-canal p { color: var(--wp--preset--color--gris-texto); }
.amara-canal .amara-canal__dato { margin-top: auto !important; padding-top: 0.75rem; border-top: 1px solid var(--wp--preset--color--linea); color: var(--wp--preset--color--negro); font-weight: 600; overflow-wrap: anywhere; }
.amara-dupla__foto.amara-foto-horizontal img { aspect-ratio: 5 / 4 !important; object-fit: cover; }

/* ---- Cómo funciona: los 3 pasos con foto ----------------------------------- */
.amara-pasos-visuales { display: grid !important; grid-template-columns: 1fr; gap: 1.5rem !important; }
.amara-pasos-visuales > * { margin: 0 !important; }
@media (min-width: 782px) { .amara-pasos-visuales { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.75rem !important; } }
.amara-paso-visual { display: flex !important; flex-direction: column; background: var(--wp--preset--color--blanco-roto); border: 1px solid var(--wp--preset--color--linea); border-radius: var(--amara-radio-foto, 18px); overflow: hidden; }
.amara-paso-visual > * { margin: 0 !important; }
.amara-paso-visual__foto img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.amara-paso-visual__numero { align-self: flex-start; margin: -1.4rem 0 0 1.5rem !important; width: 2.8rem; height: 2.8rem; border-radius: 50%; display: grid; place-items: center; position: relative; z-index: 1; background: var(--wp--preset--color--negro); color: var(--wp--preset--color--dorado-logo); font-family: var(--wp--preset--font-family--titulos); font-size: 1.25rem; line-height: 1; }
.amara-paso-visual h3 { font-size: var(--wp--preset--font-size--grande); padding: 0.9rem 1.5rem 0.35rem; }
.amara-paso-visual p:not(.amara-paso-visual__numero) { color: var(--wp--preset--color--gris-texto); padding: 0 1.5rem 1.6rem; }

.amara-aviso { display: flex !important; align-items: center; gap: 1rem; margin-top: 1.5rem !important; padding: 1rem 1.25rem; border-radius: var(--amara-radio-foto, 18px); background: var(--wp--preset--color--arena); }
.amara-aviso::before { content: "!"; flex: none; width: 2rem; height: 2rem; border-radius: 50%; border: 1.5px solid var(--wp--preset--color--dorado-oscuro); color: var(--wp--preset--color--dorado-oscuro); display: grid; place-items: center; font-family: var(--wp--preset--font-family--titulos); font-size: 1.1rem; }
.amara-aviso > * { margin: 0 !important; }

/* ---- Ficha de producto: acceso a «Cómo funciona» y aire antes del pie -------- */
.amara-ficha-ayuda { margin: 0.75rem 0 1.5rem; }
body.single-product main.wp-block-group { padding-bottom: clamp(3rem, 7vw, 5.5rem); }
.amara-ficha-ayuda > .wp-block-button__link { background: transparent !important; color: var(--wp--preset--color--negro) !important; border: 1px solid var(--wp--preset--color--negro) !important; }
.amara-ficha-ayuda > .wp-block-button__link:hover { background: var(--wp--preset--color--negro) !important; color: var(--wp--preset--color--blanco-roto) !important; }

/* Barra del menú y menú desplegado en el beige más claro de la paleta */
.amara-cabecera.has-background,
.amara-cabecera .wp-block-navigation__responsive-container.is-menu-open { background-color: var(--wp--preset--color--blanco) !important; }

/* ---- Páginas legales ------------------------------------------------------- */
.amara-legal { color: var(--wp--preset--color--gris-texto); line-height: 1.7; }
.amara-legal > * { margin-block: 0 0.9rem !important; }
.amara-legal h2 { font-size: var(--wp--preset--font-size--grande); color: var(--wp--preset--color--negro); margin-block: 2.25rem 0.75rem !important; }
.amara-legal__tabla table, .amara-legal__tabla th, .amara-legal__tabla td { border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; }
.amara-legal strong, .amara-legal a { color: var(--wp--preset--color--negro); }
.amara-legal ul, .amara-legal ol { padding-left: 1.2rem; }
.amara-legal li { margin-bottom: 0.35rem; }
.amara-legal__fecha { font-size: var(--wp--preset--font-size--pequena); letter-spacing: 0.08em; text-transform: uppercase; color: var(--wp--preset--color--dorado-texto); }
.amara-legal__tabla { overflow-x: auto; }
.amara-legal__tabla table { width: 100%; border-collapse: collapse; font-size: var(--wp--preset--font-size--suave); }
.amara-legal__tabla th { text-align: left; font-weight: 600; color: var(--wp--preset--color--negro); border-bottom: 1px solid var(--wp--preset--color--negro); padding: 0.6rem 0.75rem 0.6rem 0; }
.amara-legal__tabla td { vertical-align: top; border-bottom: 1px solid var(--wp--preset--color--linea); padding: 0.6rem 0.75rem 0.6rem 0; }
.amara-legal__tabla td:first-child { overflow-wrap: anywhere; }

/* ---- Ficha de producto (plantilla propia) ---------------------------------- */
.amara-ficha { padding-top: 0.75rem; }
.amara-ficha .woocommerce-breadcrumb { font-size: var(--wp--preset--font-size--pequena); color: var(--wp--preset--color--gris-texto); }
.amara-ficha__cabecera-movil { display: none; }
.amara-ficha__compra .wp-block-post-title { margin-top: 0; }
@media (max-width: 781px) {
	/* En el móvil: nombre y precio arriba, galería más compacta y la compra justo después */
	.amara-ficha__cabecera-movil { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-block: 0.25rem 0.75rem !important; }
	.amara-ficha__cabecera-movil > * { margin: 0 !important; }
	.amara-ficha__cabecera-movil .wp-block-post-title { font-size: clamp(1.6rem, 7vw, 2rem); }
	.amara-ficha__cabecera-movil .wc-block-components-product-price { font-size: 1.25rem; white-space: nowrap; }
	.amara-ficha__titulo, .amara-ficha__precio { display: none !important; }
	.amara-ficha__columnas { gap: 1rem !important; }
	.amara-ficha__compra { display: flex; flex-direction: column; }
	.amara-ficha__resumen { order: 3; }
	.amara-ficha .flex-control-thumbs { display: flex !important; gap: 0.5rem; overflow-x: auto; margin-top: 0.5rem !important; }
	.amara-ficha .flex-control-thumbs li { flex: 0 0 56px !important; width: 56px !important; margin: 0 !important; }
	/* Menos aire entre la galería, el color y el botón para que la compra se vea en la primera pantalla */
	.amara-ficha .woocommerce-product-gallery { margin-bottom: 0.5rem !important; }
	.amara-ficha__compra > *, .amara-ficha__compra form.cart { margin-top: 0 !important; }
	.amara-ficha table.variations { margin-bottom: 0.5rem !important; }
	.amara-ficha .single_variation_wrap .woocommerce-variation { margin-bottom: 0.5rem !important; }
}

/* Flechas de la fila de la colección: dentro de la pantalla en portátiles */
@media (max-width: 1365px) { .amara-fila__flecha--anterior { left: 0; } .amara-fila__flecha--siguiente { right: 0; } }

/* Carrito, pago, confirmación del pedido y Mi cuenta: aire antes de la franja azul del pie */
body.woocommerce-cart main.wp-block-group,
body.woocommerce-checkout main.wp-block-group,
body.woocommerce-account main.wp-block-group { padding-bottom: clamp(3rem, 7vw, 5.5rem) !important; }