/* Pie: franja de Instagram, «La mesa está puesta» con suscripción, columnas de enlaces y barra legal. */
.insta__dentro {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 2fr);
	gap: 2rem;
	align-items: center;
	padding-block: 3.5rem;
}

.insta__titulo {
	margin: 0.5rem 0 0;
	font-size: clamp(1.875rem, 3.4vw, 2.625rem);
}

.insta__texto p {
	margin: 0.625rem 0 1.125rem;
	color: var(--texto-suave);
}

.insta__fotos {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.insta__fotos a {
	display: block;
	overflow: hidden;
	aspect-ratio: 4 / 5;
	border-radius: 16px;
}

.insta__fotos img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s;
}

.insta__fotos a:hover img {
	transform: scale(1.05);
}

@media (max-width: 900px) {
	.insta__dentro { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 560px) {
	.insta__fotos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.site-footer .adorno {
	background-color: #fff;
}

.mesa {
	background: var(--rosa);
}

.mesa__dentro {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) minmax(0, 0.9fr);
	gap: 2.25rem;
	align-items: center;
	padding-block: 3rem;
}

.mesa__foto {
	width: 9.25rem;
	height: 9.25rem;
	border: 5px solid #fff;
	border-radius: 999px;
	object-fit: cover;
	object-position: center 20%;
	box-shadow: 0 0 0 2px var(--rosa-borde);
}

.mesa__frase {
	margin: 0;
	color: var(--color-deep);
	font-family: var(--font-display);
	font-size: clamp(1.875rem, 3.4vw, 2.625rem);
	line-height: 1.1;
}

.mesa__frase em {
	color: var(--fucsia);
	font-style: normal;
}

.mesa__sub {
	margin: 0.625rem 0 0;
	color: var(--texto-suave);
}

.mesa .firma {
	margin-top: 0.625rem;
}

@media (max-width: 960px) {
	.mesa__dentro { grid-template-columns: minmax(0, 1fr); justify-items: start; }
}

.boletin-caja {
	display: grid;
	gap: 0.5rem;
	width: 100%;
	padding: 1.125rem;
	border: 1px solid var(--rosa-borde);
	border-radius: 20px;
	background: #fff;
}

.boletin-caja__titulo {
	color: var(--color-deep);
	font-weight: 800;
}

.boletin-caja__fila {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.5rem;
}

.boletin-caja input[type="email"] {
	height: 3.125rem;
	border-radius: 999px;
}

.boletin-caja__legal {
	margin: 0;
	color: var(--texto-suave);
	font-size: 0.8125rem;
}

.boletin-caja__gracias {
	margin: 0;
	padding: 0.75rem 1rem;
	border-radius: 14px;
	background: var(--amarillo-suave);
	font-weight: 600;
}

@media (max-width: 480px) {
	.boletin-caja__fila { grid-template-columns: minmax(0, 1fr); }
}

.site-footer__enlaces {
	border-top: 1px solid var(--linea);
	background: #fff;
}

.site-footer__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) repeat(4, minmax(0, 1fr));
	gap: 2rem;
	padding-block: 2.75rem;
}

.logo--footer .logo__image {
	width: auto;
	height: 104px;
}

.site-footer__marca p {
	max-width: 16rem;
	margin: 0.75rem 0 0;
	color: var(--texto-suave);
	font-size: 0.9375rem;
}

.site-footer__titulo {
	margin: 0 0 0.75rem;
	color: var(--fucsia);
	font-family: var(--font-body);
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.site-footer__links {
	display: grid;
	gap: 0.5625rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer__links a {
	display: inline-block;
	color: var(--color-deep);
	font-size: 0.9375rem;
	text-decoration: none;
	transition: color 0.15s, transform 0.15s;
}

.site-footer__links a:hover {
	color: var(--fucsia);
	transform: translateX(4px);
}

@media (max-width: 960px) {
	.site-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 480px) {
	.site-footer__grid { grid-template-columns: minmax(0, 1fr); }
}

.site-footer__bar {
	background: var(--ciruela);
	color: color-mix(in oklch, #fff 82%, var(--ciruela));
	font-size: 0.875rem;
}

.site-footer__bar-dentro {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.625rem 1.5rem;
	padding-block: 1rem;
}

.site-footer__bar p {
	margin: 0;
}

.site-footer__legal-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.25rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer__bar a {
	color: #fbeff5;
	text-decoration: none;
}

.site-footer__bar a:hover {
	color: var(--amarillo);
}

/* La franja de la mesa se acomoda a lo que esté configurado (foto, frase, boletín) */
.mesa__dentro {
	display: flex;
	flex-wrap: wrap;
}

.mesa__texto {
	flex: 1 1 20rem;
}

.mesa__dentro > .boletin-caja {
	flex: 1 1 22rem;
}

.mesa--solo-boletin .boletin-caja {
	max-width: 40rem;
	margin-inline: auto;
}