/* A&V — ajustes globales */

html {
	scroll-behavior: smooth;
}

/* Las secciones ancladas se detienen debajo del header fijo */
[id] {
	scroll-margin-top: 90px;
}

/* Header pegajoso (agregue la clase "av-header" al grupo del header
   en el Editor del sitio → Avanzado → Clase(s) CSS adicional(es)) */
.av-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: rgba(255, 255, 255, 0.97);
	backdrop-filter: blur(6px);
	border-bottom: 1px solid #e2e2e2;
	transition: padding 200ms ease;
}

.av-header .custom-logo {
	height: 72px;
	width: auto;
	transition: height 200ms ease;
}

/* Estado reducido al hacer scroll (lo aplica av.js) */
.av-header.av-shrink .custom-logo {
	height: 44px;
}

/* Enlaces del menú en mayúsculas estilo A&V */
.av-header .wp-block-navigation a {
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	text-decoration: none;
}

/* Botón flotante de WhatsApp */
.av-whatsapp {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 110;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #6fbd45;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
	transition: background 160ms ease;
}

.av-whatsapp:hover {
	background: #519040;
}

/* Franja diagonal de marca (opcional, para la parte superior de secciones verdes) */
.av-patron {
	height: 12px;
	background: repeating-linear-gradient(
		-45deg,
		#3a7228 0px, #3a7228 12px,
		#426e30 12px, #426e30 24px,
		#4b8035 24px, #4b8035 36px,
		#569040 36px, #569040 48px,
		#5b9748 48px, #5b9748 60px
	);
}