/*
Theme Name:   Higuera Kadence
Theme URI:    https://higueramujer.com
Description:  Tema hijo de Kadence para Higuera. Paleta, tipografías, láminas botánicas, efectos de tinta y hojas, y el patrón de la página de inicio.
Author:       Higuera
Template:     kadence
Version:      1.8.0
Requires at least: 6.5
Text Domain:  higuera-kadence
*/

/* ==========================================================
   1. Paleta y tipografías
   Se sobrescriben las variables globales de Kadence en body,
   así ganan aunque el Personalizador tenga otra paleta.
   ========================================================== */
:root {
	--hg-verde: #2D4A2E;
	--hg-verde-osc: #24402A;
	--hg-crema: #F5F1EA;
	--hg-papel: #FBF8F2;
	--hg-terra: #B85C3A;
	--hg-terra-h: #A24F31;
	--hg-oro: #B89759;
	--hg-oro-t: #826632;
	--hg-oro-v: #CDB27A;
	--hg-texto: #3D3A34;
	--hg-suave: #5E5A52;
	--hg-serif: "Cormorant Garamond", Georgia, serif;
	--hg-sans: Inter, system-ui, sans-serif;
	--hg-ease: cubic-bezier(.22, .61, .36, 1);
}

body {
	--global-palette1: #B85C3A; /* acento: botones */
	--global-palette2: #A24F31; /* acento al pasar el mouse */
	--global-palette3: #2D4A2E; /* títulos */
	--global-palette4: #3D3A34; /* texto */
	--global-palette5: #5E5A52; /* texto suave */
	--global-palette6: #826632; /* detalles */
	--global-palette7: #E8DFCD; /* bordes */
	--global-palette8: #F5F1EA; /* fondo */
	--global-palette9: #FBF8F2; /* fondo papel */
	--global-body-font-family: var(--hg-sans);
	--global-heading-font-family: var(--hg-serif);
	background: var(--hg-crema);
	color: var(--hg-texto);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4,
.entry-title {
	font-family: var(--hg-serif);
	font-weight: 500;
	color: var(--hg-verde);
	text-wrap: balance;
}


/* ==========================================================
   2. Cabecera y pie de Kadence
   ========================================================== */
#masthead .site-header-row-container-inner,
#masthead .site-main-header-wrap .site-header-row-container-inner {
	background: rgba(245, 241, 234, .96);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid rgba(184, 151, 89, .4);
}
.main-navigation .primary-menu-container > ul > li.menu-item > a {
	font: 500 16px var(--hg-sans);
	color: var(--hg-verde);
	position: relative;
}
.main-navigation .primary-menu-container > ul > li.menu-item > a::after {
	content: "";
	position: absolute;
	left: var(--global-xs-spacing, .6em);
	right: var(--global-xs-spacing, .6em);
	bottom: .55em;
	height: 1px;
	background: var(--hg-oro);
	transform: scaleX(0);
	transition: transform .45s var(--hg-ease);
}
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover::after,
.main-navigation .primary-menu-container > ul > li.current-menu-item > a::after {
	transform: scaleX(1);
}
#masthead .header-button,
#masthead .header-button:visited {
	background: var(--hg-terra);
	color: #fff;
	border-radius: 2px;
	font: 500 15px var(--hg-sans);
	border: 0;
}
#masthead .header-button:hover { background: var(--hg-terra-h); color: #fff; }

#colophon {
	background: var(--hg-papel);
	border-top: 1px solid rgba(184, 151, 89, .4);
	font-size: 16px;
	color: var(--hg-suave);
}
#colophon a { color: var(--hg-verde); text-underline-offset: 4px; }

/* ==========================================================
   3. Inicio (patrón «Higuera · Inicio completo»)
   Todo vive dentro de .hg-home, así no afecta al resto del sitio.
   ========================================================== */
.hg-home {
	font: 400 18px/1.7 var(--hg-sans);
	color: var(--hg-texto);
	background: var(--hg-crema);
	margin: 0 !important;
	max-width: none !important;
	overflow-x: clip;
}
.hg-home p { margin: 0 0 1.1em; text-wrap: pretty; }
.hg-home h1, .hg-home h2, .hg-home h3 { margin: 0; line-height: 1.1; }
.hg-home img { display: block; max-width: 100%; height: auto; }
.hg-home a:not(.wp-block-button__link) { color: var(--hg-verde); text-underline-offset: 4px; }
.hg-home .wp-block-group, .hg-home .wp-block-image, .hg-home .wp-block-buttons { margin-top: 0; margin-bottom: 0; }

/* Botones */
.hg-home .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 14px; margin: 16px 0 0; }
.hg-home .wp-block-button__link {
	position: relative;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0 28px;
	border-radius: 2px;
	font: 500 17px/1.2 var(--hg-sans);
	text-decoration: none;
	background: var(--hg-terra);
	color: #fff;
	border: 1px solid transparent;
	box-shadow: none;
	transition: background .25s, color .25s, border-color .25s;
}
.hg-home .wp-block-button__link:hover { background: var(--hg-terra-h); color: #fff; }
/* destello dorado que cruza el botón al pasar el mouse */
.hg-home .wp-block-button__link::after {
	content: "";
	position: absolute;
	top: 0; bottom: 0; left: -60%;
	width: 40%;
	background: linear-gradient(100deg, transparent, rgba(255, 236, 190, .45), transparent);
	transform: skewX(-18deg);
	transition: left .8s var(--hg-ease);
}
.hg-home .wp-block-button__link:hover::after { left: 130%; }
.hg-home .is-style-hg-borde .wp-block-button__link { background: transparent; color: var(--hg-verde); border-color: var(--hg-verde); }
.hg-home .is-style-hg-borde .wp-block-button__link:hover { background: var(--hg-verde); color: var(--hg-crema); }
.hg-home .is-style-hg-crema .wp-block-button__link { background: transparent; color: var(--hg-crema); border-color: var(--hg-oro-v); }
.hg-home .is-style-hg-crema .wp-block-button__link:hover { background: var(--hg-crema); color: var(--hg-verde); }

/* Ornamento + número romano */
.hg-home .num {
	display: block;
	text-align: center;
	font: 500 22px/1 var(--hg-serif);
	letter-spacing: .2em;
	color: var(--hg-oro-t);
	margin: 0 0 10px;
}
.hg-home .num::before,
.hg-home .orn::before {
	content: "";
	display: block;
	width: 150px;
	height: 9px;
	margin: 0 auto 16px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 9'%3E%3Cg fill='none' stroke='%23B89759'%3E%3Cpath d='M0 4.5h64M86 4.5h64'/%3E%3Cpath d='M75 .5l4 4-4 4-4-4z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
	transform-origin: center;
}
.hg-home .verde .num::before { filter: brightness(1.25); }
.hg-home .orn { margin: 0; }

/* Lámina (marco doble de grabado) */
.hg-home .lamina {
	margin: 0;
	background: var(--hg-papel);
	border: 1px solid var(--hg-oro);
	outline: 1px solid var(--hg-oro);
	outline-offset: -9px;
	padding: 26px;
	position: relative;
}
.hg-home .lamina img { width: 100%; aspect-ratio: 1; object-fit: cover; mix-blend-mode: multiply; }
.hg-home .lamina-izq img { object-position: left center; }
.hg-home .lamina figcaption {
	font: 500 17px/1 var(--hg-serif);
	letter-spacing: .2em;
	color: var(--hg-oro-t);
	text-align: center;
	padding-top: 16px;
	margin: 0;
}

/* Portada */
.hg-home .hero { padding: 20px 16px 56px; }
.hg-home .hero-marco {
	max-width: 1240px;
	margin: 0 auto;
	border: 1px solid var(--hg-oro);
	outline: 1px solid var(--hg-oro);
	outline-offset: -9px;
	padding: 48px 24px 40px;
	text-align: center;
	background: var(--hg-papel);
}
.hg-home .ante { font: italic 500 23px/1.3 var(--hg-serif); color: var(--hg-oro-t); margin: 0 0 18px; }
.hg-home .hero h1 { font-size: 46px; line-height: 1.04; margin: 0 auto 24px; max-width: 900px; }
.hg-home .bajada { font-size: 19px; max-width: 600px; margin: 0 auto 28px; }
.hg-home .hero .wp-block-buttons { justify-content: center; margin: 0 0 14px; }
.hg-home .nota { font-size: 16px; color: var(--hg-suave); margin: 0 0 6px; }
.hg-home .link-sec a { font: 500 17px var(--hg-sans); text-decoration-color: var(--hg-oro); }
.hg-home .hero-img { max-width: 440px; margin: 40px auto 0; }
.hg-home .hero-img img { width: 100%; mix-blend-mode: multiply; }

/* Capítulos */
.hg-home .cap { padding: 72px 20px; position: relative; }
.hg-home .cap.papel { background: var(--hg-papel); }
.hg-home .cap-in { max-width: 1180px; margin: 0 auto; display: grid; gap: 40px; }
.hg-home .cap-head { text-align: center; max-width: 780px; margin: 0 auto 8px; }
.hg-home .cap h2 { font-size: 38px; line-height: 1.1; margin-top: 18px; }
.hg-home .cap .lamina { max-width: 420px; width: 100%; justify-self: center; }
.hg-home .cap-txt { max-width: 640px; width: 100%; justify-self: center; }
.hg-home .lead { font: italic 500 27px/1.35 var(--hg-serif); color: var(--hg-verde); margin-bottom: 24px; }
.hg-home .cita { font: italic 500 42px/1.15 var(--hg-serif); color: var(--hg-verde); text-align: center; margin: 28px 0 32px; }
.hg-home .cita::before, .hg-home .cita::after { content: ""; display: block; width: 40px; height: 1px; background: var(--hg-oro); margin: 0 auto 18px; }
.hg-home .cita::after { margin: 18px auto 0; }
.hg-home .cierre-cap { font: 500 40px/1.15 var(--hg-serif); color: var(--hg-verde); margin: 8px 0 0; }
.hg-home .cap.verde { background: var(--hg-verde); color: var(--hg-crema); }
.hg-home .cap.verde h2, .hg-home .cap.verde .lead { color: var(--hg-crema); }
.hg-home .cap.verde .num, .hg-home .cap.verde .lamina figcaption { color: var(--hg-oro-v); }
.hg-home .cap.verde .lamina { background: var(--hg-verde-osc); border-color: var(--hg-oro-v); outline-color: var(--hg-oro-v); }
.hg-home .cap.verde .lamina img { mix-blend-mode: normal; }

/* VI: dos maneras de empezar */
.hg-home .sub-cap { font: italic 500 24px/1.3 var(--hg-serif); color: var(--hg-verde); text-align: center; margin: 12px 0 0; }
.hg-home .banda {
	max-width: 1180px;
	margin: 0 auto 48px;
	border: 1px solid var(--hg-oro);
	outline: 1px solid var(--hg-oro);
	outline-offset: -9px;
	padding: 14px;
	background: var(--hg-papel);
}
.hg-home .banda img { width: 100%; aspect-ratio: 3 / 1; min-height: 120px; object-fit: cover; }
.hg-home .cards { display: grid; gap: 28px; max-width: 1180px; margin: 0 auto; }
.hg-home .card {
	padding: 40px 26px 32px;
	background: var(--hg-papel);
	border: 1px solid var(--hg-oro);
	outline: 1px solid var(--hg-oro);
	outline-offset: -9px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	transition: transform .6s var(--hg-ease), box-shadow .6s var(--hg-ease);
}
.hg-home .card:hover { transform: translateY(-4px); box-shadow: 0 30px 60px -40px rgba(45, 74, 46, .55); }
.hg-home .card h3 { font-size: 30px; line-height: 1.15; margin-bottom: 18px; }
.hg-home .card h3 em { color: var(--hg-oro-t); }
.hg-home .card .sub { font: italic 500 22px/1.3 var(--hg-serif); color: var(--hg-verde); margin: -8px 0 18px; }
.hg-home .card ul { list-style: none; padding: 0; margin: 0 0 20px; display: flex; flex-direction: column; gap: 12px; }
.hg-home .card li { position: relative; padding-left: 22px; }
.hg-home .card li::before { content: ""; position: absolute; left: 2px; top: .7em; width: 6px; height: 6px; border: 1px solid var(--hg-oro); transform: rotate(45deg); }
.hg-home .card li strong { font-weight: 600; color: var(--hg-verde); }
.hg-home .card .mini { font-size: 16px; color: var(--hg-suave); }
.hg-home .card .wp-block-buttons { margin-top: auto; }

/* Preguntas frecuentes */
.hg-home .faq { padding: 72px 20px; background: var(--hg-crema); }
.hg-home .faq-in { max-width: 780px; margin: 0 auto; }
.hg-home .faq h2 { font-size: 38px; text-align: center; margin: 0 0 36px; }
.hg-home .wp-block-details { border-top: 1px solid rgba(184, 151, 89, .55); margin: 0; }
.hg-home .wp-block-details:last-of-type { border-bottom: 1px solid rgba(184, 151, 89, .55); }
.hg-home .wp-block-details summary {
	list-style: none;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding: 22px 0;
	font: 500 25px/1.25 var(--hg-serif);
	color: var(--hg-verde);
}
.hg-home .wp-block-details summary::-webkit-details-marker { display: none; }
.hg-home .wp-block-details summary::after {
	content: "";
	flex: none;
	width: 14px; height: 14px;
	margin-top: 9px;
	background: linear-gradient(var(--hg-oro-t), var(--hg-oro-t)) center/14px 1px no-repeat,
	            linear-gradient(var(--hg-oro-t), var(--hg-oro-t)) center/1px 14px no-repeat;
	transition: transform .35s var(--hg-ease);
}
.hg-home .wp-block-details[open] summary::after { transform: rotate(45deg); }
.hg-home .wp-block-details p { padding-bottom: 12px; }
.hg-home .wp-block-details[open] > :not(summary) { animation: hg-abrir .5s var(--hg-ease); }
.hg-home .faq .wp-block-buttons { justify-content: center; margin-top: 40px; }
@keyframes hg-abrir { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

/* VII: autora */
.hg-home .recuadro { border: 1px solid rgba(184, 151, 89, .6); padding: 24px; margin-top: 28px; background: var(--hg-crema); }
.hg-home .recuadro p { margin: 0; }

/* Cierre «Vinimos a reverdecer» */
.hg-home .final {
	position: relative;
	overflow: hidden;
	background: var(--hg-verde) url("assets/img/hojas-cierre.webp") left center / cover no-repeat;
	padding: 96px 20px;
	text-align: center;
}
.hg-home .final::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(36, 64, 42, .35), rgba(36, 64, 42, .75)); }
.hg-home .final-marco {
	position: relative;
	max-width: 1180px;
	margin: 0 auto;
	border: 1px solid var(--hg-oro-v);
	outline: 1px solid var(--hg-oro-v);
	outline-offset: -9px;
	padding: 72px 24px;
}
.hg-home .final .orn::before { filter: brightness(1.25); }
.hg-home .final .frase { font: italic 500 50px/1.1 var(--hg-serif); color: var(--hg-crema); margin: 20px 0 36px; }
.hg-home .final .wp-block-buttons { justify-content: center; }

@media (min-width: 900px) {
	.hg-home { font-size: 20px; }
	.hg-home .hero { padding: 40px 40px 96px; }
	.hg-home .hero-marco { padding: 72px 56px; }
	.hg-home .hero h1 { font-size: clamp(56px, 6vw, 80px); }
	.hg-home .ante { font-size: 30px; }
	.hg-home .bajada { font-size: 22px; }
}
@media (min-width: 1150px) {
	.hg-home .hero-marco { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: center; gap: 56px; padding: 72px 72px 72px 80px; text-align: left; }
	.hg-home .hero h1, .hg-home .bajada { margin-left: 0; }
	.hg-home .hero .wp-block-buttons { justify-content: flex-start; }
	.hg-home .hero-img { margin: 0; max-width: none; }
	.hg-home .cap { padding: 128px 40px; }
	.hg-home .cap-in { grid-template-columns: minmax(0, 440px) minmax(0, 640px); justify-content: center; gap: 56px 88px; align-items: start; }
	.hg-home .cap-head { grid-column: 1 / -1; margin-bottom: 24px; }
	.hg-home .cap h2 { font-size: 56px; }
	.hg-home .cap .lamina { position: sticky; top: 130px; }
	.hg-home .cap.inv .lamina { order: 2; }
	.hg-home .cap.inv .cap-txt { order: 1; }
	.hg-home .lead { font-size: 32px; }
	.hg-home .cita { font-size: 60px; }
	.hg-home .cierre-cap { font-size: 54px; }
	.hg-home .banda img { min-height: 260px; }
	.hg-home .cards { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 36px; }
	.hg-home .card { padding: 56px 48px 48px; }
	.hg-home .card h3 { font-size: 38px; }
	.hg-home .faq { padding: 128px 40px; }
	.hg-home .faq h2 { font-size: 56px; margin-bottom: 56px; }
	.hg-home .wp-block-details summary { font-size: 30px; }
	.hg-home .final { padding: 120px 40px; }
	.hg-home .final-marco { padding: 120px 40px; }
	.hg-home .final .frase { font-size: 92px; margin-bottom: 56px; }
}

/* ==========================================================
   4. Efectos botánicos
   Solo se activan si el JavaScript cargó (clase .hg-anim en <html>)
   y si la visitante no pidió reducir el movimiento.
   ========================================================== */

/* 4.1 Aparición suave al hacer scroll */
.hg-anim .hg-r {
	opacity: 0;
	transform: translateY(22px);
	transition: opacity 1.1s var(--hg-ease), transform 1.1s var(--hg-ease);
	transition-delay: var(--hg-d, 0s);
}
.hg-anim .hg-r.hg-in { opacity: 1; transform: none; }

/* 4.2 El grabado se «imprime» de arriba hacia abajo, como tinta sobre papel */
.hg-anim .hg-tinta img {
	clip-path: inset(0 0 100% 0);
	filter: sepia(.7) contrast(.85) blur(3px);
	transform: scale(1.04);
	transition: clip-path 1.8s var(--hg-ease), filter 2.4s var(--hg-ease), transform 2.4s var(--hg-ease);
	transition-delay: .15s;
}
.hg-anim .hg-tinta.hg-in img { clip-path: inset(0 0 0 0); filter: none; transform: none; }

/* 4.3 El marco dorado se dibuja */
.hg-anim .hg-marco { outline-color: transparent; transition: outline-color 1.2s .9s var(--hg-ease); }
.hg-anim .hg-marco.hg-in { outline-color: var(--hg-oro); }
.hg-anim .verde .hg-marco.hg-in { outline-color: var(--hg-oro-v); }

/* 4.4 El ornamento crece desde el centro */
.hg-anim .hg-orn::before { transform: scaleX(0); opacity: 0; transition: transform 1.2s var(--hg-ease), opacity 1.2s; }
.hg-anim .hg-orn.hg-in::before { transform: scaleX(1); opacity: 1; }

/* 4.5 La higuera de la portada respira (balanceo muy lento) */
.hg-anim .hero-img img { transform-origin: 50% 92%; animation: hg-brisa 9s ease-in-out infinite; }
@keyframes hg-brisa {
	0%, 100% { transform: rotate(-.6deg); }
	50% { transform: rotate(.6deg); }
}

/* 4.6 Brillo dorado que recorre la frase de la portada una vez */
.hg-anim .ante {
	background: linear-gradient(100deg, var(--hg-oro-t) 0 40%, #E9CF8E 50%, var(--hg-oro-t) 60% 100%) 0 0 / 300% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: hg-brillo 3.2s 1s var(--hg-ease) both;
}
@keyframes hg-brillo { from { background-position: 100% 0; } to { background-position: 0 0; } }

/* 4.7 «¿y yo, cuándo?» aparece letra a letra */
.hg-anim .cita .hg-l { display: inline-block; opacity: 0; transform: translateY(.3em); filter: blur(4px); transition: opacity .7s, transform .7s var(--hg-ease), filter .7s; }
.hg-anim .cita.hg-in .hg-l { opacity: 1; transform: none; filter: none; }

/* 4.8 Hojas que caen lentamente (portada y cierre) */
.hg-hojas { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 1; }
.hg-hoja {
	position: absolute;
	top: -60px;
	width: var(--s, 26px);
	height: var(--s, 26px);
	color: var(--c, var(--hg-oro-v));
	opacity: 0;
	animation: hg-caer var(--t, 18s) linear var(--d, 0s) infinite;
}
.hg-hoja svg { width: 100%; height: 100%; display: block; animation: hg-girar var(--g, 6s) ease-in-out infinite alternate; }
@keyframes hg-caer {
	0% { transform: translate(0, 0); opacity: 0; }
	10% { opacity: var(--o, .55); }
	85% { opacity: var(--o, .55); }
	100% { transform: translate(var(--x, 80px), calc(var(--h, 700px) + 120px)); opacity: 0; }
}
@keyframes hg-girar { from { transform: rotate(-35deg) rotateY(0); } to { transform: rotate(40deg) rotateY(160deg); } }
.hg-home .hero { position: relative; }
.hg-home .hero-marco { position: relative; z-index: 2; }
.hg-home .final-marco { z-index: 2; }

/* 4.9 El tallo: una rama dorada que crece con la lectura (solo escritorio) */
.hg-tallo { display: none; }
@media (min-width: 1150px) {
	.hg-tallo {
		display: block;
		position: fixed;
		left: 26px;
		top: 120px;
		bottom: 40px;
		width: 24px;
		z-index: 30;
		pointer-events: none;
	}
	.hg-tallo-linea { position: absolute; left: 11px; top: 0; bottom: 0; width: 1px; background: rgba(184, 151, 89, .25); }
	.hg-tallo-crece { position: absolute; left: 11px; top: 0; width: 1px; height: 100%; background: var(--hg-oro); transform-origin: top; transform: scaleY(var(--p, 0)); }
	.hg-tallo-hoja { position: absolute; left: 12px; width: 16px; height: 16px; color: var(--hg-oro); transform: scale(0) rotate(-40deg); transform-origin: 0 100%; transition: transform .8s var(--hg-ease); }
	.hg-tallo-hoja:nth-child(odd) { left: auto; right: 12px; transform-origin: 100% 100%; }
	.hg-tallo-hoja.on { transform: scale(1) rotate(0); }
	.hg-tallo-hoja:nth-child(odd).on { transform: scale(-1, 1) rotate(0); }
}

@media (prefers-reduced-motion: reduce) {
	.hg-hojas, .hg-tallo { display: none !important; }
	html { scroll-behavior: auto; }
}

/* ==========================================================
   5. Cartas (blog): lectura cómoda
   ========================================================== */
.single-post .entry-content { font: 400 19px/1.75 var(--hg-sans); color: var(--hg-texto); }
.single-post .entry-content > p:first-of-type { font: italic 500 26px/1.4 var(--hg-serif); color: var(--hg-verde); }
.single-post .entry-content h2 { font-size: 40px; line-height: 1.15; margin-top: 1.6em; }
.single-post .entry-content h3 { font-size: 30px; }
.single-post .entry-content blockquote { border-left: 1px solid var(--hg-oro); font: italic 500 28px/1.35 var(--hg-serif); color: var(--hg-verde); padding-left: 28px; }
.single-post .entry-content a { color: var(--hg-verde); text-decoration-color: var(--hg-oro); text-underline-offset: 4px; }
.single-post .entry-content a:hover { color: var(--hg-terra-h); }
.single-post .entry-content .wp-block-button__link { background: var(--hg-terra); color: #fff; border-radius: 2px; text-decoration: none; }

/* ==========================================================
   6. Capa femenina: arcos, curvas, cursivas y acentos de marca
   Mantiene los mismos fondos; suma forma y color en los detalles.
   ========================================================== */

/* Botones redondeados */
.hg-home .wp-block-button__link,
#masthead .header-button,
.single-post .entry-content .wp-block-button__link { border-radius: 999px; padding-left: 32px; padding-right: 32px; }

/* Palabras en cursiva terracota dentro de los títulos */
.hg-home h1 em, .hg-home h2 em {
	font-style: italic;
	font-weight: 500;
	color: var(--hg-terra);
}
.hg-home .cap.verde h2 em { color: var(--hg-oro-v); }
.hg-home .card h3 em { color: var(--hg-terra); }

/* Número romano en terracota, con una ramita de higuera como ornamento */
.hg-home .num { color: var(--hg-terra); font-style: italic; }
.hg-home .cap.verde .num { color: var(--hg-oro-v); }
.hg-home .num::before,
.hg-home .orn::before {
	width: 190px;
	height: 26px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 26'%3E%3Cg fill='none' stroke='%23B89759' stroke-linecap='round'%3E%3Cpath d='M4 16C30 16 48 12 70 13'/%3E%3Cpath d='M186 16C160 16 142 12 120 13'/%3E%3Cpath d='M40 15c-2-6-8-9-14-8 3 5 8 8 14 8z' fill='%23B89759' fill-opacity='.35'/%3E%3Cpath d='M150 15c2-6 8-9 14-8-3 5-8 8-14 8z' fill='%23B89759' fill-opacity='.35'/%3E%3Cpath d='M95 21c0-6 0-10 0-15'/%3E%3Cpath d='M95 9c-5-4-11-4-15-1 4 4 10 5 15 1zM95 9c5-4 11-4 15-1-4 4-10 5-15 1z' fill='%23B89759' fill-opacity='.35'/%3E%3C/g%3E%3Ccircle cx='95' cy='20' r='3.4' fill='%23B85C3A'/%3E%3C/svg%3E");
}

/* Portada: marco con arco superior y un halo terracota detrás de la higuera */
.hg-home .hero-marco { border-radius: 320px 320px 6px 6px / 140px 140px 6px 6px; }
.hg-home .hero-img { position: relative; }
.hg-home .hero-img::before {
	content: "";
	position: absolute;
	inset: 6% 4% 14%;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(184, 92, 58, .16), rgba(184, 151, 89, .08) 55%, transparent 72%);
	z-index: 0;
}
.hg-home .hero-img img { position: relative; z-index: 1; }

/* Láminas en forma de arco (ventana) */
.hg-home .lamina { border-radius: 240px 240px 4px 4px; padding-top: 34px; }
.hg-home .lamina img { border-radius: 220px 220px 2px 2px; }
.hg-home .banda { border-radius: 140px 140px 4px 4px / 90px 90px 4px 4px; }
.hg-home .banda img { border-radius: 128px 128px 2px 2px / 80px 80px 2px 2px; }

/* Tarjetas con arco suave y viñetas en forma de hoja */
.hg-home .card { border-radius: 120px 120px 6px 6px / 60px 60px 6px 6px; padding-top: 56px; }
.hg-home .card li::before {
	width: 9px; height: 9px; top: .55em; left: 0;
	border: 0;
	border-radius: 0 100% 0 100%;
	background: var(--hg-terra);
	opacity: .8;
	transform: rotate(0);
}

/* Cita «¿y yo, cuándo?» en terracota */
.hg-home .cita { color: var(--hg-terra); }
.hg-home .cita::before, .hg-home .cita::after { width: 60px; background: linear-gradient(90deg, transparent, var(--hg-oro), transparent); }
.hg-home .cierre-cap { font-style: italic; color: var(--hg-terra); }

/* Secciones que empiezan con una curva, como la copa de un árbol */
.hg-home .arco {
	z-index: 1;
	margin-top: -64px;
	border-radius: 50% 50% 0 0 / 64px 64px 0 0;
	padding-top: calc(72px + 40px);
}
@media (min-width: 1150px) {
	.hg-home .arco { margin-top: -110px; border-radius: 50% 50% 0 0 / 110px 110px 0 0; padding-top: calc(128px + 60px); }
}
.hg-home .final.arco { margin-top: -110px; }

/* Preguntas: la pregunta abierta se tiñe de terracota */
.hg-home .wp-block-details summary:hover,
.hg-home .wp-block-details[open] summary { color: var(--hg-terra); }

/* Recuadro de la autora con esquina curva */
.hg-home .recuadro { border-radius: 0 60px 0 60px; border-color: rgba(184, 92, 58, .35); }

/* Cierre: marco en arco */
.hg-home .final-marco { border-radius: 360px 360px 6px 6px / 150px 150px 6px 6px; }

/* Menú: subrayado en terracota */
.main-navigation .primary-menu-container > ul > li.menu-item > a::after { background: var(--hg-terra); }

/* ==========================================================
   7. Fotos fijas (portada y cierre)
   Bloques «Portada» de WordPress con fondo fijo: la foto se queda
   quieta y el contenido pasa por encima al hacer scroll.
   ========================================================== */
.hg-home .wp-block-cover {
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.hg-home .wp-block-cover__image-background {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 0;
}
.hg-home .wp-block-cover__image-background.has-parallax { background-attachment: fixed; }
.hg-home .wp-block-cover__background { position: absolute; inset: 0; opacity: 1 !important; z-index: 1; }
.hg-home .wp-block-cover__inner-container { position: relative; z-index: 3; width: 100%; }
/* En iPhone y tabletas el fondo fijo no funciona bien: ahí la foto se desplaza normal */
@media (hover: none), (max-width: 899px) {
	.hg-home .wp-block-cover__image-background.has-parallax { background-attachment: scroll; }
}

/* Portada con la foto de la higuera */
.hg-home .hero { min-height: 88vh !important; padding: 120px 20px 96px; text-align: left; }
.hg-home .hero .wp-block-cover__image-background { background-position: 70% 30% !important; }
.hg-home .hero .wp-block-cover__background {
	background: linear-gradient(90deg, rgba(245, 241, 234, .97) 0%, rgba(245, 241, 234, .88) 34%, rgba(245, 241, 234, .35) 58%, rgba(245, 241, 234, 0) 76%) !important;
}
.hg-home .hero-texto { max-width: 1180px; margin: 0 auto; }
.hg-home .hero-texto > * { max-width: 620px; }
.hg-home .hero h1 { margin: 0 0 24px; text-align: left; }
.hg-home .hero .bajada { margin: 0 0 30px; }
.hg-home .hero .wp-block-buttons { justify-content: flex-start; }
@media (max-width: 899px) {
	.hg-home .hero { min-height: 92vh !important; align-items: flex-end; padding: 300px 20px 56px; }
	.hg-home .hero .wp-block-cover__image-background { background-position: 72% 0 !important; background-size: auto 56%; background-color: var(--hg-crema); }
	.hg-home .hero .wp-block-cover__background {
		background: linear-gradient(180deg, rgba(245, 241, 234, 0) 0%, rgba(245, 241, 234, .55) 26%, rgba(245, 241, 234, .97) 40%, var(--hg-crema) 60%) !important;
	}
}

/* Cierre «Vinimos a reverdecer» con foto fija de hojas */
.hg-home .final { background: none; min-height: 0 !important; padding: 120px 20px; }
.hg-home .final::before { display: none; }
.hg-home .final .wp-block-cover__background {
	background: linear-gradient(90deg, rgba(36, 64, 42, .45), rgba(36, 64, 42, .82)) !important;
}
@media (min-width: 1150px) { .hg-home .final { padding: 160px 40px; } }

/* Las hojas que caen quedan sobre la foto y bajo el texto */
.hg-home .wp-block-cover .hg-hojas { z-index: 2; }

/* ==========================================================
   8. El fruto: un higo que madura al final del recorrido
   ========================================================== */
.hg-fruto { width: 80px; height: 96px; margin: 0 auto 6px; transform-origin: 50% 10%; }
.hg-fruto svg { width: 100%; height: 100%; display: block; overflow: visible; }
.hg-higo-cuerpo { fill: var(--hg-terra); transition: fill 2.6s var(--hg-ease) .6s; }
.hg-higo-hoja { fill: var(--hg-oro-v); }
.hg-higo-tallo { stroke: var(--hg-oro-v); }
.hg-higo-brillo { stroke: rgba(255, 236, 200, .45); }
.hg-higo-veta { stroke: rgba(60, 20, 10, .22); }
.hg-home .final .orn::before { display: none; }

/* Con efectos: el higo brota pequeño y verde, crece y madura a terracota */
.hg-anim .hg-fruto.hg-r { opacity: 0; transform: scale(.35) rotate(-8deg); transition: opacity .9s, transform 1.6s cubic-bezier(.34, 1.56, .64, 1); }
.hg-anim .hg-fruto.hg-in { opacity: 1; transform: none; animation: hg-mecer 5s ease-in-out 2.4s infinite; }
.hg-anim .hg-fruto .hg-higo-cuerpo { fill: #7A8F55; }
.hg-anim .hg-fruto.hg-in .hg-higo-cuerpo { fill: var(--hg-terra); }
@keyframes hg-mecer { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }

/* Higo al final del tallo dorado (escritorio) */
.hg-tallo-higo { position: absolute; left: 1px; top: calc(100% - 6px); width: 22px; height: 26px; transform: scale(0); transform-origin: 50% 0; transition: transform 1s cubic-bezier(.34, 1.56, .64, 1); }
.hg-tallo-higo svg { width: 100%; height: 100%; display: block; }
.hg-tallo-higo .hg-higo-cuerpo { fill: #7A8F55; }
.hg-tallo-higo.on { transform: scale(1); }
.hg-tallo-higo.on .hg-higo-cuerpo { fill: var(--hg-terra); }
.hg-tallo-higo .hg-higo-hoja, .hg-tallo-higo .hg-higo-tallo { fill: var(--hg-oro); stroke: var(--hg-oro); }
.hg-tallo-higo .hg-higo-tallo { fill: none; }

/* ==========================================================
   9. Cabecera limpia y portada legible
   ========================================================== */
#masthead .site-header-row-container-inner,
#masthead .site-main-header-wrap .site-header-row-container-inner {
	background: var(--hg-papel);
	backdrop-filter: none;
	border-bottom: 1px solid rgba(184, 151, 89, .28);
	box-shadow: 0 10px 30px -28px rgba(45, 74, 46, .45);
}

/* El texto de la portada vive sobre un velo crema sólido; la foto queda a la derecha */
.hg-home .hero .wp-block-cover__image-background { background-position: 85% 35% !important; }
.hg-home .hero .wp-block-cover__background {
	background: linear-gradient(90deg, var(--hg-crema) 0%, var(--hg-crema) 40%, rgba(245, 241, 234, .9) 50%, rgba(245, 241, 234, .35) 64%, rgba(245, 241, 234, 0) 78%) !important;
}
.hg-home .hero-texto > * { max-width: 540px; }
.hg-home .hero h1 em { display: block; }
.hg-home .hero .hg-hojas { opacity: .6; }
@media (min-width: 900px) and (max-width: 1249px) {
	.hg-home .hero .wp-block-cover__background {
		background: linear-gradient(90deg, var(--hg-crema) 0%, var(--hg-crema) 50%, rgba(245, 241, 234, .85) 60%, rgba(245, 241, 234, 0) 86%) !important;
	}
	.hg-home .hero .wp-block-cover__image-background { background-position: 100% 35% !important; }
	.hg-home .hero-texto > * { max-width: 480px; }
	.hg-home .hero h1 { font-size: 58px; }
}

/* ==========================================================
   9. Ajustes de limpieza (v3)
   ========================================================== */
/* Sin textura de grano: el sitio se ve más limpio */
body::after { content: none; display: none; }

/* Cabecera limpia: fondo sólido, sin desenfoque, línea muy suave */
#masthead .site-header-row-container-inner,
#masthead .site-main-header-wrap .site-header-row-container-inner {
	background: var(--hg-papel);
	backdrop-filter: none;
	border-bottom: 1px solid rgba(184, 151, 89, .22);
	box-shadow: 0 10px 30px -24px rgba(45, 74, 46, .35);
}

/* Portada: el título siempre en dos líneas y sobre la zona clara de la foto */
.hg-home .hero h1 { max-width: 640px; }
.hg-home .hero .wp-block-cover__background {
	background: linear-gradient(90deg, rgba(245, 241, 234, .98) 0%, rgba(245, 241, 234, .93) 40%, rgba(245, 241, 234, .55) 60%, rgba(245, 241, 234, 0) 80%) !important;
}
@media (min-width: 900px) and (max-width: 1149px) {
	.hg-home .hero .wp-block-cover__image-background { background-position: 85% 30% !important; }
	.hg-home .hero .wp-block-cover__background {
		background: linear-gradient(90deg, rgba(245, 241, 234, .98) 0%, rgba(245, 241, 234, .94) 55%, rgba(245, 241, 234, .4) 78%, rgba(245, 241, 234, 0) 100%) !important;
	}
	.hg-home .hero h1 { font-size: 56px; }
}
.hg-home .hero-texto { padding: 0 8px; }

/* ==========================================================
   10. Ajustes automáticos para la página que usa el patrón de inicio
   Aunque no se cambien los ajustes de la página en Kadence,
   se oculta el título grande y se quitan márgenes y cajas.
   ========================================================== */
body:has(.hg-home) .entry-hero,
body:has(.hg-home) .entry-header,
body:has(.hg-home) .page-title { display: none !important; }
body:has(.hg-home) .content-area { margin-top: 0 !important; margin-bottom: 0 !important; }
body:has(.hg-home) .content-container.site-container { max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; }
body:has(.hg-home) .entry.content-bg,
body:has(.hg-home) .entry-content-wrap { padding: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; }
body:has(.hg-home) .entry-content { margin: 0 !important; }
body:has(.hg-home) .entry-footer, body:has(.hg-home) .comments-area { display: none !important; }

/* Si hay logo, el nombre del sitio en texto no se repite al lado */
.site-branding:has(img.custom-logo) .site-title-wrap { display: none; }
#masthead .custom-logo { background: transparent; }

/* ==========================================================
   11. Versión v4: ancho completo real, ajustes de escritorio
       y versión para celular
   ========================================================== */

/* La página ocupa todo el ancho de la pantalla, sin importar
   la caja de contenido de Kadence (evita el borde y el corrimiento) */
body:has(.hg-home) { overflow-x: clip; }
.hg-home.alignfull,
.hg-home {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	position: relative;
	left: auto;
}

/* ---------- Escritorio ---------- */
@media (min-width: 900px) {
	/* El texto de la portada vive sobre un velo crema sólido; la foto queda a la derecha */
	.hg-home .hero .wp-block-cover__image-background { background-position: 85% 35% !important; }
	.hg-home .hero .wp-block-cover__background {
		background: linear-gradient(90deg, var(--hg-crema) 0%, var(--hg-crema) 40%, rgba(245, 241, 234, .9) 50%, rgba(245, 241, 234, .35) 64%, rgba(245, 241, 234, 0) 78%) !important;
	}
	.hg-home .hero { min-height: 86vh !important; padding: 110px 48px 96px; }
	.hg-home .hero-texto { padding: 0; }
}

/* ---------- Celular (hasta 899 px) ---------- */
@media (max-width: 899px) {
	.hg-home { font-size: 17px; line-height: 1.7; }

	/* Portada: la foto arriba, el texto abajo sobre crema, nunca encima del árbol */
	.hg-home .hero {
		display: block;
		min-height: 0 !important;
		padding: calc(48vh - 24px) 22px 56px !important;
		background: var(--hg-crema);
	}
	.hg-home .hero .wp-block-cover__image-background {
		inset: 0 0 auto 0;
		height: 48vh;
		background-size: cover !important;
		background-position: 72% 40% !important;
		background-attachment: scroll !important;
		background-color: var(--hg-crema);
	}
	.hg-home .hero .wp-block-cover__background {
		inset: 0 0 auto 0;
		height: 48vh;
		background: linear-gradient(180deg, rgba(245, 241, 234, 0) 55%, rgba(245, 241, 234, .85) 88%, var(--hg-crema) 100%) !important;
	}
	.hg-home .hero-texto { padding: 0; }
	.hg-home .hero-texto > * { max-width: none; }
	.hg-home .ante { font-size: 20px; margin-bottom: 12px; }
	.hg-home .hero h1 { font-size: 40px; line-height: 1.06; margin-bottom: 18px; }
	.hg-home .hero .bajada { font-size: 17px; margin-bottom: 24px; }
	.hg-home .hero .wp-block-buttons .wp-block-button,
	.hg-home .hero .wp-block-button__link { width: 100%; }
	.hg-home .nota { font-size: 15px; text-align: center; margin-top: 10px; }
	.hg-home .link-sec { text-align: center; }

	/* Capítulos más compactos */
	.hg-home .cap { padding: 56px 22px; }
	.hg-home .cap-in { gap: 28px; }
	.hg-home .cap h2 { font-size: 32px; margin-top: 12px; }
	.hg-home .num { font-size: 18px; }
	.hg-home .num::before, .hg-home .orn::before { width: 150px; height: 21px; margin-bottom: 10px; }
	.hg-home .lead { font-size: 23px; margin-bottom: 18px; }
	.hg-home .cita { font-size: 36px; margin: 22px 0 26px; }
	.hg-home .cierre-cap { font-size: 32px; }
	.hg-home .cap .lamina { max-width: 300px; padding: 18px; padding-top: 24px; position: static; }
	.hg-home .lamina figcaption { font-size: 14px; padding-top: 10px; }

	/* Curvas de las secciones más suaves */
	.hg-home .arco { margin-top: -36px; border-radius: 50% 50% 0 0 / 36px 36px 0 0; padding-top: calc(56px + 24px); }
	.hg-home .final.arco { margin-top: -36px; }

	/* Dos maneras de empezar */
	.hg-home .sub-cap { font-size: 20px; }
	.hg-home .banda { margin-bottom: 28px; padding: 10px; border-radius: 90px 90px 4px 4px / 50px 50px 4px 4px; }
	.hg-home .banda img { min-height: 0; aspect-ratio: 16 / 9; border-radius: 82px 82px 2px 2px / 44px 44px 2px 2px; }
	.hg-home .cards { gap: 22px; }
	.hg-home .card { padding: 40px 22px 26px; border-radius: 80px 80px 6px 6px / 40px 40px 6px 6px; }
	.hg-home .card h3 { font-size: 26px; }
	.hg-home .card .sub { font-size: 19px; }
	.hg-home .card .wp-block-buttons, .hg-home .card .wp-block-button, .hg-home .card .wp-block-button__link { width: 100%; }
	.hg-home .wp-block-button__link { font-size: 16px; min-height: 52px; padding: 0 20px; text-align: center; }

	/* Preguntas */
	.hg-home .faq { padding: 56px 22px; }
	.hg-home .faq h2 { font-size: 32px; margin-bottom: 24px; }
	.hg-home .wp-block-details summary { font-size: 21px; padding: 18px 0; }

	/* Autora */
	.hg-home .recuadro { padding: 20px; border-radius: 0 40px 0 40px; font-size: 16px; }

	/* Cierre */
	.hg-home .final { padding: 80px 18px !important; }
	.hg-home .final-marco { padding: 48px 18px; border-radius: 160px 160px 6px 6px / 70px 70px 6px 6px; }
	.hg-home .final .frase { font-size: 42px; margin: 12px 0 26px; }
	.hg-home .hg-fruto { width: 60px; height: 72px; }

	/* Menos hojas cayendo en pantallas chicas */
	.hg-home .hg-hoja:nth-child(n+6) { display: none; }
}

/* ==========================================================
   12. Cabecera propia de Higuera (reemplaza la de Kadence)
   ========================================================== */
.hg-cabecera-propia #masthead { display: none !important; }
.hg-saltar { position: absolute; left: -9999px; top: 8px; z-index: 10001; background: var(--hg-verde); color: #fff; padding: 10px 16px; border-radius: 999px; }
.hg-saltar:focus { left: 12px; }

.hg-cab {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: var(--hg-papel);
	border-bottom: 1px solid rgba(184, 151, 89, .22);
	transition: box-shadow .4s var(--hg-ease), background .4s;
}
.admin-bar .hg-cab { top: 32px; }
@media (max-width: 782px) { .admin-bar .hg-cab { top: 46px; } }
.hg-cab--baja { box-shadow: 0 12px 30px -26px rgba(45, 74, 46, .55); }
.hg-cab-in {
	max-width: 1240px;
	margin: 0 auto;
	height: 92px;
	padding: 0 32px;
	display: flex;
	align-items: center;
	gap: 28px;
	transition: height .4s var(--hg-ease);
}
.hg-cab--baja .hg-cab-in { height: 74px; }
.hg-cab-logo { margin-right: auto; display: block; line-height: 0; }
.hg-cab-logo img { height: 52px; width: auto; transition: height .4s var(--hg-ease); }
.hg-cab--baja .hg-cab-logo img { height: 44px; }

.hg-cab-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 6px; }
.hg-cab-menu > li { position: relative; }
.hg-cab-menu a {
	position: relative;
	display: block;
	padding: 10px 14px;
	font: 500 16px var(--hg-sans);
	color: var(--hg-verde);
	text-decoration: none;
	letter-spacing: .01em;
}
.hg-cab-menu > li > a::after {
	content: "";
	position: absolute;
	left: 14px; right: 14px; bottom: 4px;
	height: 1px;
	background: var(--hg-terra);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .45s var(--hg-ease);
}
.hg-cab-menu > li > a:hover::after,
.hg-cab-menu > li.current-menu-item > a::after,
.hg-cab-menu > li.current-menu-ancestor > a::after { transform: scaleX(1); }
.hg-cab-menu a:hover { color: var(--hg-terra-h); }
/* Submenús (si agregas subpáginas en Apariencia → Menús) */
.hg-cab-menu .sub-menu {
	list-style: none; margin: 0; padding: 12px 0;
	position: absolute; top: 100%; left: 0; min-width: 240px;
	background: var(--hg-papel);
	border: 1px solid rgba(184, 151, 89, .35);
	border-radius: 18px;
	box-shadow: 0 24px 40px -30px rgba(45, 74, 46, .5);
	opacity: 0; visibility: hidden; transform: translateY(6px);
	transition: opacity .3s, transform .3s var(--hg-ease), visibility .3s;
}
.hg-cab-menu li:hover > .sub-menu, .hg-cab-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.hg-cab-menu .sub-menu a { padding: 10px 20px; font-size: 15px; }

.hg-cab-boton {
	display: inline-flex; align-items: center;
	min-height: 48px; padding: 0 24px;
	border-radius: 999px;
	background: var(--hg-terra); color: #fff;
	font: 500 15px var(--hg-sans);
	text-decoration: none;
	transition: background .25s;
	white-space: nowrap;
}
.hg-cab-boton:hover { background: var(--hg-terra-h); color: #fff; }

.hg-cab-hamb { display: none; width: 48px; height: 48px; border: 0; background: none; padding: 0; cursor: pointer; flex-direction: column; justify-content: center; align-items: center; gap: 6px; }
.hg-cab-hamb span { display: block; width: 24px; height: 1.6px; background: var(--hg-verde); border-radius: 2px; transition: transform .35s var(--hg-ease), opacity .25s, width .35s; }
.hg-cab-hamb span:nth-child(2) { width: 16px; margin-left: 8px; }
.hg-cab-hamb[aria-expanded="true"] span:nth-child(1) { transform: translateY(7.6px) rotate(45deg); }
.hg-cab-hamb[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.hg-cab-hamb[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7.6px) rotate(-45deg); }

@media (max-width: 999px) {
	.hg-cab-nav, .hg-cab-boton { display: none; }
	.hg-cab-hamb { display: flex; }
	.hg-cab-in { height: 72px; padding: 0 16px 0 20px; }
	.hg-cab--baja .hg-cab-in { height: 64px; }
	.hg-cab-logo img { height: 40px; }
	.hg-cab--baja .hg-cab-logo img { height: 36px; }
}

/* Menú del celular: un cajón crema con forma de arco */
.hg-sin-scroll, .hg-sin-scroll body { overflow: hidden; }
.hg-cajon {
	position: fixed; inset: 0; z-index: 999;
	background: rgba(36, 64, 42, .35);
	opacity: 0;
	transition: opacity .4s var(--hg-ease);
}
.hg-cajon.abierto { opacity: 1; }
.hg-cajon-in {
	position: absolute; inset: 72px 0 0 0;
	background: var(--hg-crema);
	overflow-y: auto;
	transform: translateY(-14px);
	transition: transform .5s var(--hg-ease);
}
.admin-bar .hg-cajon-in { top: 118px; }
.hg-cajon.abierto .hg-cajon-in { transform: none; }
.hg-cajon-arco {
	margin: 22px 16px 32px;
	padding: 40px 22px 36px;
	border: 1px solid var(--hg-oro);
	outline: 1px solid var(--hg-oro);
	outline-offset: -8px;
	border-radius: 200px 200px 10px 10px / 110px 110px 10px 10px;
	background: var(--hg-papel);
	text-align: center;
}
.hg-ramita { width: 170px; height: 24px; display: block; margin: 0 auto 18px; }
.hg-cajon-menu { list-style: none; margin: 0 0 26px; padding: 0; }
.hg-cajon-menu li { border-bottom: 1px solid rgba(184, 151, 89, .3); }
.hg-cajon-menu li:last-child { border-bottom: 0; }
.hg-cajon-menu a {
	display: block; padding: 16px 0;
	font: italic 500 30px/1.15 var(--hg-serif);
	color: var(--hg-verde); text-decoration: none;
}
.hg-cajon-menu .current-menu-item > a { color: var(--hg-terra); }
.hg-cajon-menu .sub-menu { list-style: none; padding: 0 0 10px; margin: 0; }
.hg-cajon-menu .sub-menu a { font: 500 16px var(--hg-sans); padding: 8px 0; }
.hg-cajon-menu .sub-menu li { border: 0; }
.hg-cajon-boton {
	display: flex; align-items: center; justify-content: center;
	min-height: 54px; border-radius: 999px;
	background: var(--hg-terra); color: #fff;
	font: 500 17px var(--hg-sans); text-decoration: none;
}
.hg-cajon-nota { font-size: 15px; color: var(--hg-suave); margin: 12px 0 22px; }
.hg-cajon-redes, .hg-pie-redes { display: flex; gap: 12px; justify-content: center; }
.hg-cajon-redes a, .hg-pie-redes a {
	width: 44px; height: 44px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	border: 1px solid rgba(184, 151, 89, .6);
	color: var(--hg-verde);
	transition: background .25s, color .25s;
}
.hg-cajon-redes a:hover { background: var(--hg-verde); color: var(--hg-crema); }
.hg-cajon-redes svg, .hg-pie-redes svg { width: 20px; height: 20px; }

/* ==========================================================
   13. Pie de página propio de Higuera (reemplaza el de Kadence)
   ========================================================== */
.hg-pie-propio #colophon { display: none !important; }
.hg-pie {
	position: relative;
	background: var(--hg-verde);
	color: rgba(245, 241, 234, .82);
	font: 400 16px/1.7 var(--hg-sans);
	margin-top: 0;
	border-radius: 50% 50% 0 0 / 90px 90px 0 0;
	overflow: hidden;
}
/* Hoja de higuera de fondo, muy suave */
.hg-pie::before {
	content: "";
	position: absolute;
	right: -80px; bottom: -60px;
	width: 520px; height: 520px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='none' stroke='%23CDB27A' stroke-width='.5' d='M50 97C50 89 49 83 48 77 40 84 26 87 14 81 20 78 26 72 28 65 18 66 8 61 4 51 13 48 24 50 32 56 28 44 34 22 50 6 66 22 72 44 68 56 76 50 87 48 96 51 92 61 82 66 72 65 74 72 80 78 86 81 74 87 60 84 52 77 51 83 50 89 50 97ZM50 95V24M49 70 26 57M51 70l23-13M50 46 38 36M50 46l12-10'/%3E%3C/svg%3E") center / contain no-repeat;
	opacity: .18;
	pointer-events: none;
}
.hg-pie a { color: var(--hg-crema); text-decoration: none; }
.hg-pie a:hover { color: var(--hg-oro-v); }

/* Banda superior: la carta */
.hg-pie-carta { padding: 110px 24px 64px; text-align: center; position: relative; }
.hg-pie-carta-in { max-width: 640px; margin: 0 auto; }
.hg-pie-ante { font: italic 500 22px/1.3 var(--hg-serif); color: var(--hg-oro-v); margin: 0 0 6px; }
.hg-pie-titulo { font: 500 48px/1.08 var(--hg-serif); color: var(--hg-crema); margin: 0 0 16px; }
.hg-pie-bajada { margin: 0 auto 28px; max-width: 520px; }
.hg-pie-boton {
	display: inline-flex; align-items: center; min-height: 54px; padding: 0 30px;
	border-radius: 999px; background: var(--hg-terra); color: #fff !important;
	font: 500 17px var(--hg-sans); transition: background .25s;
}
.hg-pie-boton:hover { background: var(--hg-terra-h); }
/* En el inicio la página ya termina invitando a la carta: no se repite */
body:has(.hg-home) .hg-pie-carta { display: none; }
body:has(.hg-home) .hg-pie { margin-top: -1px; }
body:has(.hg-home) .hg-pie-cols { padding-top: 110px; }

/* Columnas */
.hg-pie-cols {
	position: relative;
	max-width: 1180px; margin: 0 auto;
	padding: 56px 32px 48px;
	display: grid; gap: 40px;
	grid-template-columns: 1.4fr 1fr 1.2fr 1.2fr;
	border-top: 1px solid rgba(205, 178, 122, .25);
}
body:has(.hg-home) .hg-pie-cols { border-top: 0; }
.hg-pie-logo img { height: 52px; width: auto; display: block; margin-bottom: 14px; }
.hg-pie-lema { font: italic 500 22px/1.3 var(--hg-serif); color: var(--hg-oro-v); margin: 0 0 10px; }
.hg-pie-texto { margin: 0 0 20px; font-size: 15px; }
.hg-pie-redes { justify-content: flex-start; }
.hg-pie-redes a { color: var(--hg-crema); border-color: rgba(205, 178, 122, .5); }
.hg-pie-redes a:hover { background: var(--hg-crema); color: var(--hg-verde); }
.hg-pie-h { font: 600 12px/1 var(--hg-sans); letter-spacing: .18em; text-transform: uppercase; color: var(--hg-oro-v); margin: 8px 0 18px; }
.hg-pie-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.hg-pie-menu a { position: relative; font-size: 15.5px; }
.hg-pie-menu a::before { content: ""; display: inline-block; width: 0; height: 1px; background: var(--hg-oro-v); vertical-align: middle; margin-right: 0; transition: width .35s var(--hg-ease), margin .35s var(--hg-ease); }
.hg-pie-menu a:hover::before { width: 14px; margin-right: 8px; }
.hg-pie-mail { font: italic 500 21px var(--hg-serif); color: var(--hg-crema) !important; border-bottom: 1px solid rgba(205, 178, 122, .6); }

/* Aviso y base */
.hg-pie-aviso { position: relative; max-width: 1180px; margin: 0 auto; padding: 0 32px 28px; }
.hg-pie-aviso p {
	margin: 0; padding: 18px 22px;
	font-size: 13.5px; line-height: 1.6;
	color: rgba(245, 241, 234, .7);
	border: 1px solid rgba(205, 178, 122, .3);
	border-radius: 0 40px 0 40px;
}
.hg-pie-base {
	position: relative;
	max-width: 1180px; margin: 0 auto;
	padding: 20px 32px 30px;
	display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px;
	font-size: 13.5px; color: rgba(245, 241, 234, .6);
	border-top: 1px solid rgba(205, 178, 122, .2);
}
.hg-pie-base p { margin: 0; }
.hg-pie-legal { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 20px; }
.hg-pie-legal a { color: rgba(245, 241, 234, .75); }

@media (max-width: 999px) {
	.hg-pie-cols { grid-template-columns: 1fr 1fr; gap: 34px 24px; }
	.hg-pie-marca { grid-column: 1 / -1; }
}
@media (max-width: 599px) {
	.hg-pie { border-radius: 50% 50% 0 0 / 44px 44px 0 0; }
	.hg-pie-carta { padding: 76px 22px 48px; }
	.hg-pie-titulo { font-size: 36px; }
	.hg-pie-boton { width: 100%; justify-content: center; }
	.hg-pie-cols { grid-template-columns: 1fr; padding: 44px 22px 36px; text-align: center; }
	body:has(.hg-home) .hg-pie-cols { padding-top: 76px; }
	.hg-pie-logo img { margin: 0 auto 14px; }
	.hg-pie-redes { justify-content: center; }
	.hg-pie-menu { align-items: center; }
	.hg-pie-aviso { padding: 0 22px 24px; }
	.hg-pie-base { padding: 18px 22px 26px; flex-direction: column; align-items: center; text-align: center; }
	.hg-pie-legal { justify-content: center; }
}

/* Portada: frase de entrada antes de la bajada */
.hg-home .bajada-frase { font: italic 500 28px/1.3 var(--hg-serif); color: var(--hg-verde); margin: 0 0 12px; max-width: 620px; }
@media (min-width: 900px) { .hg-home .bajada-frase { font-size: 32px; } }
@media (max-width: 899px) { .hg-home .bajada-frase { font-size: 24px; margin-bottom: 10px; } }

/* Tipografía propia en cabecera, menú y pie (no depende de Kadence) */
.hg-cab, .hg-cajon, .hg-pie { font-family: var(--hg-sans); }
/* En el inicio, el cierre ya es verde: el pie continúa sin curva */
body:has(.hg-home) .hg-pie { border-radius: 0; }
body:has(.hg-home) .hg-pie-cols { border-top: 1px solid rgba(205, 178, 122, .25); padding-top: 64px; }
@media (max-width: 599px) { body:has(.hg-home) .hg-pie-cols { padding-top: 48px; } }
.hg-home .hero .bajada { margin-bottom: 14px; }
.hg-home .bajada-cierre { font: italic 500 24px/1.3 var(--hg-serif); color: var(--hg-terra); margin: 0 0 28px; max-width: 620px; }
@media (max-width: 899px) { .hg-home .bajada-cierre { font-size: 21px; margin-bottom: 22px; } }
/* Portada más compacta: el botón queda visible sin bajar en una pantalla común */
@media (min-width: 900px) {
	.hg-home .hero { padding-top: 72px; padding-bottom: 72px; }
	.hg-home .ante { font-size: 25px; margin-bottom: 12px; }
	.hg-home .hero h1 { font-size: clamp(48px, 4.6vw, 68px); margin-bottom: 18px; }
	.hg-home .bajada-frase { font-size: 27px; margin-bottom: 10px; }
	.hg-home .hero .bajada { font-size: 19px; line-height: 1.65; margin-bottom: 12px; }
	.hg-home .bajada-cierre { font-size: 22px; margin-bottom: 24px; }
	.hg-home .nota { margin-top: 4px; }
}
.hg-home .cap-txt .cierre-cap + .final-cap { margin-top: 14px; }
.hg-home .final-cap { font-weight: 500; color: var(--hg-verde); }
/* Cita del capítulo II: frase más larga, un poco más chica */
.hg-home .cita { text-wrap: balance; }
@media (min-width: 1150px) { .hg-home .cap.inv .cita { font-size: 46px; } }
@media (max-width: 899px) { .hg-home .cita { font-size: 30px; } }

/* Portada v5: etiqueta superior, título y varios párrafos */
.hg-home .eyebrow {
	font: 600 12.5px/1.2 var(--hg-sans);
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--hg-oro-t);
	margin: 0 0 18px;
	display: flex; align-items: center; gap: 12px;
}
.hg-home .eyebrow::before { content: ""; width: 34px; height: 1px; background: var(--hg-oro); }
.hg-home .hero .bajada { margin-bottom: 10px; }
.hg-home .hero .bajada-frase { margin-bottom: 16px; }
.hg-home .hero .wp-block-buttons { gap: 12px 14px; }
.hg-home .hero .is-style-hg-borde .wp-block-button__link { background: rgba(251, 248, 242, .6); }
@media (min-width: 900px) {
	.hg-home .hero h1 { font-size: clamp(46px, 4.4vw, 64px); }
	.hg-home .hero .bajada { font-size: 18px; line-height: 1.6; }
	.hg-home .hero .wp-block-cover__background {
		background: linear-gradient(90deg, var(--hg-crema) 0%, var(--hg-crema) 44%, rgba(245, 241, 234, .9) 54%, rgba(245, 241, 234, .35) 68%, rgba(245, 241, 234, 0) 80%) !important;
	}
}
@media (max-width: 899px) {
	.hg-home .eyebrow { font-size: 11px; letter-spacing: .18em; }
	.hg-home .hero .wp-block-buttons { flex-direction: column; }
}

/* Listas dentro de los capítulos: viñeta en forma de hoja */
.hg-home .cap-txt .wp-block-list { list-style: none; padding: 0; margin: 0 0 1.2em; display: flex; flex-direction: column; gap: 8px; }
.hg-home .cap-txt .wp-block-list li { position: relative; padding-left: 26px; }
.hg-home .cap-txt .wp-block-list li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 10px; height: 10px; border-radius: 0 100% 0 100%; background: var(--hg-terra); }
.hg-home .cap.verde .wp-block-list li::before { background: var(--hg-oro-v); }
.hg-home .cap.verde .cierre-cap { color: var(--hg-oro-v); }
.hg-home .cap.verde .final-cap { color: var(--hg-crema); }

/* VI: dos formas de acompañarte */
.hg-home .intro-cap { max-width: 640px; margin: 10px auto 0; text-align: center; }
.hg-home .seis .cap-head { margin-bottom: 36px; }
.hg-home .card .etiqueta { font: 600 12px/1.2 var(--hg-sans); letter-spacing: .2em; text-transform: uppercase; color: var(--hg-oro-t); margin: 0 0 12px; }
.hg-home .card h3 { margin-bottom: 12px; }
.hg-home .card .precio {
	display: inline-block; margin: 0 0 20px; padding: 6px 16px;
	border-radius: 999px; border: 1px solid rgba(184, 92, 58, .45);
	font: 500 14px/1.2 var(--hg-sans); color: var(--hg-terra);
	background: rgba(184, 92, 58, .06);
}
.hg-home .card .sub { margin: 0 0 14px; }
.hg-home .card ul li { font-size: .95em; }
.hg-home .card ul li strong { display: block; margin-bottom: 2px; }
.hg-home .cierre-seis { max-width: 720px; margin: 48px auto 0; text-align: center; font: italic 500 26px/1.4 var(--hg-serif); color: var(--hg-verde); }
@media (max-width: 899px) { .hg-home .cierre-seis { font-size: 22px; margin-top: 32px; } }

/* VII: Detrás de Higuera (carta de Sofía) */
.hg-home .preguntas { margin: 6px 0 22px; padding: 6px 0 6px 22px; border-left: 1px solid var(--hg-oro); }
.hg-home .preguntas p { font: italic 500 24px/1.35 var(--hg-serif); color: var(--hg-verde); margin: 0 0 6px; }
.hg-home .recuadro { margin: 8px 0 24px; }
.hg-home .firma { margin-top: 26px; }
.hg-home .firma p { margin: 0; }
.hg-home .firma-nombre { font: italic 500 34px/1.2 var(--hg-serif); color: var(--hg-terra); margin-top: 6px !important; }
.hg-home .firma-cargo { font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: var(--hg-oro-t); margin-top: 4px !important; }
.hg-home .wp-block-details > p:last-child { padding-bottom: 20px; }
.hg-home .wp-block-details > p { margin-bottom: .7em; padding-bottom: 0; }
@media (max-width: 899px) { .hg-home .preguntas p { font-size: 21px; } .hg-home .firma-nombre { font-size: 30px; } }

/* Cierre v5: texto completo sobre la foto verde */
.hg-home .final h2 { color: var(--hg-crema); font-size: 52px; line-height: 1.1; margin: 0 auto 26px; max-width: 760px; }
.hg-home .final h2 em { color: var(--hg-oro-v); }
.hg-home .final-texto { max-width: 620px; margin: 0 auto 30px; color: rgba(245, 241, 234, .9); }
.hg-home .final-texto p { margin: 0 0 .8em; }
.hg-home .final-destacado { font: italic 500 28px/1.3 var(--hg-serif); color: var(--hg-oro-v); margin: 18px 0 14px !important; }
.hg-home .final .wp-block-buttons { justify-content: center; gap: 12px 14px; margin-bottom: 40px; }
.hg-home .final-eyebrow { font: 600 12px/1.2 var(--hg-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--hg-oro-v); margin: 0 0 6px; }
.hg-home .final .frase { font-size: 56px; margin: 0; }
@media (min-width: 1150px) { .hg-home .final h2 { font-size: 64px; } .hg-home .final .frase { font-size: 72px; } }
@media (max-width: 899px) {
	.hg-home .final h2 { font-size: 36px; }
	.hg-home .final-destacado { font-size: 23px; }
	.hg-home .final .wp-block-buttons { flex-direction: column; }
	.hg-home .final .frase { font-size: 40px; }
}

/* Recorrido: Me reconozco · Me escucho · Me descubro · Me animo */
.hg-home .ruta { background: var(--hg-papel); padding: 40px 20px; border-bottom: 1px solid rgba(184, 151, 89, .25); }
.hg-home .ruta-in { max-width: 980px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; position: relative; }
.hg-home .ruta-in::before { content: ""; position: absolute; left: 12%; right: 12%; top: 22px; height: 1px; background: linear-gradient(90deg, transparent, var(--hg-oro) 12%, var(--hg-oro) 88%, transparent); }
.hg-home .paso { text-align: center; position: relative; }
.hg-home .paso p { margin: 0; }
.hg-home .paso-n {
	width: 44px; height: 44px; margin: 0 auto 10px !important;
	display: flex; align-items: center; justify-content: center;
	border-radius: 50% 50% 50% 0; transform: rotate(-45deg);
	background: var(--hg-papel); border: 1px solid var(--hg-oro);
	font: italic 500 20px/1 var(--hg-serif); color: var(--hg-terra);
}
.hg-home .paso-n::first-line { }
.hg-home .paso-t { font: italic 500 22px/1.2 var(--hg-serif); color: var(--hg-verde); }
.hg-home .paso:nth-child(4) .paso-t { color: var(--hg-terra); }
@media (max-width: 599px) {
	.hg-home .ruta { padding: 28px 12px; }
	.hg-home .ruta-in { gap: 4px; }
	.hg-home .paso-n { width: 36px; height: 36px; font-size: 17px; }
	.hg-home .ruta-in::before { top: 18px; }
	.hg-home .paso-t { font-size: 15.5px; }
}

/* Mockup de las cuatro guías de El mapa de tu don */
.hg-home .mockup { position: relative; height: 230px; margin: 4px 0 26px; width: 100%; }
.hg-home .guia {
	position: absolute; bottom: 0;
	width: 34%; aspect-ratio: 3 / 4;
	padding: 14px 12px;
	border-radius: 4px 10px 10px 4px;
	display: flex; flex-direction: column; justify-content: flex-end;
	box-shadow: 0 18px 30px -18px rgba(45, 74, 46, .55), inset 6px 0 0 rgba(0, 0, 0, .08);
	transition: transform .5s var(--hg-ease);
}
.hg-home .guia::before {
	content: ""; position: absolute; top: 14px; left: 12px; right: 12px; height: 18px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 26'%3E%3Cg fill='none' stroke='%23CDB27A' stroke-linecap='round'%3E%3Cpath d='M4 16C30 16 48 12 70 13M186 16C160 16 142 12 120 13M95 21c0-6 0-10 0-15'/%3E%3Cpath d='M95 9c-5-4-11-4-15-1 4 4 10 5 15 1zM95 9c5-4 11-4 15-1-4 4-10 5-15 1z' fill='%23CDB27A' fill-opacity='.4'/%3E%3C/g%3E%3Ccircle cx='95' cy='20' r='3.4' fill='%23B85C3A'/%3E%3C/svg%3E") center / contain no-repeat;
}
.hg-home .guia p { margin: 0; }
.hg-home .guia-l { font: 600 9.5px/1.2 var(--hg-sans); letter-spacing: .16em; text-transform: uppercase; opacity: .8; margin-bottom: 4px !important; }
.hg-home .guia-t { font: italic 500 17px/1.12 var(--hg-serif); }
.hg-home .g1 { left: 0; background: var(--hg-verde); color: var(--hg-crema); transform: rotate(-7deg); z-index: 1; }
.hg-home .g2 { left: 20%; background: #EFE6D3; color: var(--hg-verde); transform: rotate(-2deg) translateY(-10px); z-index: 4; border: 1px solid rgba(184, 151, 89, .5); }
.hg-home .g3 { left: 42%; background: var(--hg-terra); color: #fff; transform: rotate(3deg); z-index: 3; }
.hg-home .g4 { left: 64%; background: #3E5B3F; color: var(--hg-crema); transform: rotate(8deg) translateY(6px); z-index: 2; }
.hg-home .g2::before { filter: saturate(1.2) brightness(.8); }
.hg-home .card:hover .g1 { transform: rotate(-9deg) translateX(-4px); }
.hg-home .card:hover .g4 { transform: rotate(10deg) translate(4px, 6px); }
@media (max-width: 599px) { .hg-home .mockup { height: 190px; } .hg-home .guia-t { font-size: 14px; } .hg-home .guia { padding: 10px 9px; } }
/* Ajustes: número del recorrido derecho y guías sin taparse */
.hg-home .paso-n { transform: none; border-radius: 50%; }
.hg-home .guia { width: 27%; }
.hg-home .g1 { left: 0; transform: rotate(-5deg); }
.hg-home .g2 { left: 24.5%; transform: rotate(-1.5deg) translateY(-8px); }
.hg-home .g3 { left: 49%; transform: rotate(2deg) translateY(-2px); }
.hg-home .g4 { left: 73%; transform: rotate(5deg) translateY(4px); }
.hg-home .card:hover .g1 { transform: rotate(-7deg) translateX(-3px); }
.hg-home .card:hover .g4 { transform: rotate(7deg) translate(3px, 4px); }
.hg-home .guia-t { font-size: 15px; }
@media (max-width: 599px) { .hg-home .mockup { height: 150px; } .hg-home .guia-t { font-size: 11.5px; } .hg-home .guia-l { font-size: 8px; } .hg-home .guia::before { top: 8px; height: 12px; } }
.hg-home .guia { width: 24.5%; }
.hg-home .g2 { left: 25%; } .hg-home .g3 { left: 50.5%; } .hg-home .g4 { left: 75.5%; }
@media (max-width: 599px) { .hg-home .mockup { height: 130px; margin-top: 0; } }

/* ==========================================================
   14. Efectos sobrios (v1.3): se quitan los que distraían
   ========================================================== */
/* Aparición más corta y discreta */
.hg-anim .hg-r { transform: translateY(12px); transition: opacity .9s var(--hg-ease), transform .9s var(--hg-ease); transition-delay: 0s; }
/* Grabados: impresión más rápida y sin desenfoque fuerte */
.hg-anim .hg-tinta img { filter: sepia(.4); transform: none; transition: clip-path 1.3s var(--hg-ease), filter 1.6s var(--hg-ease); }
/* Fuera: brillo dorado del titular, destello de botones, ornamentos que crecen,
   marcos que se dibujan, balanceo, tallo lateral y tarjetas que se levantan */
.hg-anim .ante, .hg-anim .eyebrow { animation: none !important; -webkit-text-fill-color: currentColor; background: none; }
.hg-home .wp-block-button__link::after { display: none; }
.hg-anim .hg-orn::before { transform: none; opacity: 1; }
.hg-anim .hg-marco { outline-color: var(--hg-oro); }
.hg-anim .hero-img img { animation: none; }
.hg-tallo { display: none !important; }
.hg-home .card:hover { transform: none; box-shadow: none; }
.hg-home .card.uno { box-shadow: none; }
.hg-home .card:hover .g1, .hg-home .card:hover .g4 { transform: none; }
.hg-home .card:hover .g1 { transform: rotate(-5deg); }
.hg-home .card:hover .g4 { transform: rotate(5deg) translateY(4px); }
/* El higo madura sin rebote y se queda quieto */
.hg-anim .hg-fruto.hg-r { transform: scale(.7); transition: opacity 1s, transform 1.4s var(--hg-ease); }
.hg-anim .hg-fruto.hg-in { animation: none; transform: none; }

/* ==========================================================
   15. Página de la carta gratuita (/carta/)
   ========================================================== */
.hg-carta { background: var(--hg-crema); padding: 72px 20px 96px; }
.hg-carta .carta-in { max-width: 1120px; margin: 0 auto; display: grid; gap: 40px; align-items: center; }
.hg-carta .carta-texto .orn::before { margin: 0 0 18px; }
.hg-carta h1 { font-size: clamp(42px, 5vw, 66px); line-height: 1.05; margin: 0 0 22px; }
.hg-carta h1 em { color: var(--hg-terra); }
.hg-carta .bajada-frase { font-size: 27px; }
.hg-carta .bajada { font-size: 18px; max-width: 540px; }
.hg-carta .carta-form {
	background: #fff;
	border: 1px solid var(--hg-oro);
	outline: 1px solid var(--hg-oro);
	outline-offset: -9px;
	border-radius: 220px 220px 8px 8px / 110px 110px 8px 8px;
	padding: 70px 22px 26px;
	box-shadow: 0 30px 60px -44px rgba(45, 74, 46, .45);
}
.hg-carta .hg-brevo { display: block; width: 100%; max-width: 540px; height: 600px; margin: 0 auto; border: 0; }
.hg-carta .carta-form .mini { text-align: center; font-size: 14px; color: var(--hg-suave); max-width: 420px; margin: 8px auto 0; }
@media (min-width: 900px) {
	.hg-carta .carta-in { grid-template-columns: 1fr 1fr; gap: 64px; }
}
@media (max-width: 899px) {
	.hg-carta { padding: 48px 16px 64px; }
	.hg-carta .carta-texto { text-align: center; }
	.hg-carta .carta-texto .orn::before { margin: 0 auto 14px; }
	.hg-carta .eyebrow { justify-content: center; }
	.hg-carta .eyebrow::before { display: none; }
	.hg-carta .bajada { margin-left: auto; margin-right: auto; font-size: 17px; }
	.hg-carta .bajada-frase { font-size: 23px; }
	.hg-carta .carta-form { padding: 48px 6px 20px; border-radius: 140px 140px 8px 8px / 64px 64px 8px 8px; }
	.hg-carta .hg-brevo { height: 720px; }
}

/* ==========================================================
   16. Celular: la foto de la portada va de fondo, detrás del texto
   ========================================================== */
@media (max-width: 899px) {
	.hg-home .hero {
		display: flex;
		align-items: center;
		min-height: 0 !important;
		padding: 64px 22px 56px !important;
		background: none;
	}
	.hg-home .hero .wp-block-cover__image-background {
		inset: 0;
		height: auto;
		background-size: cover !important;
		background-position: 70% center !important;
	}
	.hg-home .hero .wp-block-cover__background {
		inset: 0;
		height: auto;
		/* velo crema: deja ver las hojas pero el texto se lee siempre */
		background: linear-gradient(180deg, rgba(245, 241, 234, .72) 0%, rgba(245, 241, 234, .86) 30%, rgba(245, 241, 234, .9) 100%) !important;
	}
}
@media (max-width: 599px) { .hg-home .hero .eyebrow::before { display: none; } }
/* Tablet (también horizontal, hasta 1149 px): misma portada con la foto detrás del texto */
@media (min-width: 900px) and (max-width: 1149px) {
	.hg-home .hero { min-height: 0 !important; padding: 96px 56px 88px !important; }
	.hg-home .hero .wp-block-cover__image-background { inset: 0; background-size: cover !important; background-position: 70% center !important; background-attachment: scroll !important; }
	.hg-home .hero .wp-block-cover__background { inset: 0; background: linear-gradient(180deg, rgba(245, 241, 234, .74) 0%, rgba(245, 241, 234, .86) 35%, rgba(245, 241, 234, .9) 100%) !important; }
	.hg-home .hero-texto > * { max-width: 680px; }
}
@media (min-width: 600px) and (max-width: 899px) {
	.hg-home .hero { padding: 80px 48px 72px !important; }
	.hg-home .hero .wp-block-buttons { flex-direction: row; }
	.hg-home .hero .wp-block-buttons .wp-block-button, .hg-home .hero .wp-block-button__link { width: auto; }
	.hg-home .hero h1 { font-size: 52px; }
}

/* ==========================================================
   17. V · El fundamento de Higuera (respaldo científico)
   Fondo marfil, centrado, una ilustración botánica fina; nada académico.
   ========================================================== */
.hg-home .ciencia { text-align: center; }
.hg-home .ciencia-in { max-width: 760px; margin: 0 auto; position: relative; }
.hg-home .ciencia-in::before {
	content: "";
	display: block;
	width: 120px; height: 120px;
	margin: 0 auto 6px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23826632' stroke-width='.9' stroke-linecap='round'%3E%3Cpath d='M60 112C60 90 58 70 52 52M52 52C40 44 28 44 18 50 26 58 40 60 52 52zM56 70C68 60 82 58 94 64 86 72 70 74 56 70zM53 56C56 40 66 28 80 22 78 36 68 48 53 56zM52 52C50 38 42 26 30 20 30 34 38 46 52 52z'/%3E%3Cpath d='M18 50 52 52M94 64 56 70M80 22 53 56M30 20 52 52' stroke-opacity='.45'/%3E%3C/g%3E%3Cpath d='M66 84c-5 0-7 4-8 8-4 3-6 8-5 13 1 5 6 8 11 8s10-3 11-8c1-5-1-10-5-13-1-4-2-8-4-8z' fill='%23B85C3A' fill-opacity='.85'/%3E%3C/svg%3E") center / contain no-repeat;
}
.hg-home .ciencia .num { margin-top: 0; }
.hg-home .ciencia .num::before { display: none; }
.hg-home .eyebrow-centro { justify-content: center; margin-top: 4px; }
.hg-home .eyebrow-centro::before { display: none; }
.hg-home .ciencia h2 { font-size: 38px; line-height: 1.1; margin: 0 auto 26px; }
.hg-home .ciencia .lead { margin-bottom: 18px; }
.hg-home .ciencia p:not(.lead):not(.eyebrow):not(.num):not(.cierre-cap):not(.final-cap):not(.link-ciencia) { max-width: 640px; margin-left: auto; margin-right: auto; }
.hg-home .ciencia .final-cap { margin-top: 22px; }
.hg-home .ciencia .cierre-cap { font-size: 32px; margin-top: 8px; }
.hg-home .link-ciencia { margin-top: 26px; }
.hg-home .link-ciencia a { font: 500 16px var(--hg-sans); color: var(--hg-verde); text-decoration: none; border-bottom: 1px solid var(--hg-oro); padding-bottom: 3px; }
.hg-home .link-ciencia a:hover { color: var(--hg-terra-h); border-color: var(--hg-terra); }
@media (min-width: 1150px) { .hg-home .ciencia h2 { font-size: 56px; } .hg-home .ciencia .cierre-cap { font-size: 40px; } }
@media (max-width: 899px) { .hg-home .ciencia h2 { font-size: 32px; } .hg-home .ciencia .cierre-cap { font-size: 26px; } .hg-home .ciencia-in::before { width: 96px; height: 96px; } }

/* Nota científica breve en la portada */
.hg-home .nota-ciencia { font-size: 14.5px; color: var(--hg-suave); margin: 16px 0 0; padding-left: 14px; border-left: 2px solid var(--hg-oro); max-width: 520px; }

/* ==========================================================
   18. Pie de página v2: tres columnas equilibradas, aviso discreto
   ========================================================== */
.hg-pie { color: rgba(245, 241, 234, .9); }
.hg-pie::before { width: 380px; height: 380px; right: -40px; bottom: -30px; opacity: .1; }
.hg-pie-cols { grid-template-columns: 1.5fr 1fr 1.2fr; gap: 56px; padding: 64px 40px 48px; }
.hg-pie-texto { font-size: 15.5px; color: rgba(245, 241, 234, .9); max-width: 380px; }
.hg-pie-sello { font: italic 500 19px/1.3 var(--hg-serif); color: var(--hg-oro-v); margin: 0 0 22px; }
.hg-pie-redes a { width: 50px; height: 50px; }
.hg-pie-redes svg { width: 23px; height: 23px; }
.hg-pie-menu a { font-size: 16px; color: rgba(245, 241, 234, .95); }
.hg-pie-mail { display: inline-block; font-size: 26px; margin: 4px 0 10px; }
.hg-pie-nota { font-size: 14px; color: rgba(245, 241, 234, .75); margin: 0; }
.hg-pie-aviso { display: none; }
.hg-pie-base { display: block; padding: 22px 40px 30px; }
.hg-pie-aviso-corto { font-size: 13px; line-height: 1.6; color: rgba(245, 241, 234, .68); max-width: 820px; margin: 0 0 14px; }
.hg-pie-base-fila { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; font-size: 13.5px; color: rgba(245, 241, 234, .72); }
.hg-pie-base-fila p { margin: 0; }
.hg-pie-legal a { color: rgba(245, 241, 234, .82); }
.hg-pie-legal li + li::before { content: "·"; margin-right: 20px; color: rgba(205, 178, 122, .6); }
.hg-pie-legal { gap: 6px 20px; }
@media (max-width: 999px) { .hg-pie-cols { grid-template-columns: 1fr 1fr; } .hg-pie-marca { grid-column: 1 / -1; } }
@media (max-width: 599px) {
	.hg-pie-cols { grid-template-columns: 1fr; padding: 44px 22px 32px; gap: 34px; }
	.hg-pie-texto { margin-left: auto; margin-right: auto; }
	.hg-pie-base { padding: 20px 22px 28px; text-align: center; }
	.hg-pie-aviso-corto { margin-left: auto; margin-right: auto; }
	.hg-pie-base-fila { flex-direction: column; align-items: center; }
	.hg-pie-mail { font-size: 22px; }
	.hg-pie::before { width: 260px; height: 260px; }
}
@media (max-width: 599px) { .hg-pie-legal li + li::before { display: none; } .hg-pie-aviso-corto { margin-bottom: 18px; } }

/* ==========================================================
   19. Formulario de la carta dentro del inicio (#carta)
   ========================================================== */
html { scroll-behavior: smooth; scroll-padding-top: 96px; }
@media (max-width: 999px) { html { scroll-padding-top: 80px; } }
.hg-home .hg-carta { padding: 96px 20px 104px; background: var(--hg-crema); }
.hg-home .hg-carta h2 { font-size: clamp(38px, 4.2vw, 56px); line-height: 1.08; margin: 0 0 18px; }
.hg-home .hg-carta h2 em { color: var(--hg-terra); }
@media (max-width: 899px) { .hg-home .hg-carta { padding: 64px 16px 72px; } .hg-home .hg-carta h2 { font-size: 34px; } }
@media (min-width: 900px) { .hg-carta .hg-brevo { height: 540px; } .hg-carta .carta-form { padding-top: 56px; } }
.hg-carta .carta-texto .eyebrow::before { display: none; }

/* ==========================================================
   20. Carátula de la carta gratuita (tarjeta 01 y sección #carta)
   ========================================================== */
.hg-home .portada-carta { margin: 4px 0 26px; display: flex; justify-content: center; align-items: flex-end; height: 230px; }
.hg-home .portada-carta img {
	height: 100%; width: auto; max-width: 100%; object-fit: contain;
	border-radius: 3px;
	transform: rotate(-3deg);
	box-shadow: 0 22px 34px -20px rgba(45, 74, 46, .6), 0 0 0 1px rgba(184, 151, 89, .35);
	transition: transform .5s var(--hg-ease);
}
.hg-home .card:hover .portada-carta img { transform: rotate(-1deg) translateY(-3px); }
.hg-home .hg-carta .portada-carta.grande { height: auto; justify-content: flex-start; margin: 30px 0 0; }
.hg-home .hg-carta .portada-carta.grande img { height: auto; width: 100%; max-width: 300px; transform: rotate(-2.5deg); box-shadow: 0 34px 50px -30px rgba(45, 74, 46, .6), 0 0 0 1px rgba(184, 151, 89, .35); }
@media (max-width: 899px) {
	.hg-home .hg-carta .portada-carta.grande { justify-content: center; margin: 22px 0 6px; }
	.hg-home .hg-carta .portada-carta.grande img { max-width: 210px; }
}
@media (max-width: 599px) { .hg-home .portada-carta { height: 190px; } }
@media (prefers-reduced-motion: reduce) { .hg-home .portada-carta img { transition: none; } }