/*
 * Estilos globales de La Canasta.
 *
 * Regla de trabajo: los valores de color, tipografia y espaciado NO se
 * escriben a mano aqui. Se consumen como custom properties generadas por
 * theme.json (--wp--preset--color--*, --wp--preset--font-size--*, etc.)
 * para que el editor y el front nunca se desincronicen.
 *
 * Anchos ancla del diseno de Figma:
 *   movil   -> TODO (confirmar en Figma)
 *   desktop -> 1280px
 * Entre ambos se interpola de forma fluida; los breakpoints se reservan
 * para los cambios reales de estructura.
 */

:root {
	--lc-ancho-max: 1280px;
	--lc-bp-tablet: 48rem;  /* 768px */
	--lc-bp-desktop: 80rem; /* 1280px */
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

img,
svg {
	max-width: 100%;
	height: auto;
	display: block;
}

/* Las secciones decorativas necesitan contexto de apilamiento propio
   para que las texturas y flores no se escapen del recorte. */
.lc-seccion {
	position: relative;
	isolation: isolate;
	overflow: clip;
}

.lc-seccion__decoracion {
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
}

.lc-seccion__contenido {
	position: relative;
	max-width: var(--lc-ancho-max);
	margin-inline: auto;
}