/* Vinya Alforí — Landing Eventos corporativos. Scoped bajo .val-eventos. */

/* ---- Neutralizar el contenedor del tema lagar/vamtam (full-bleed) ---- */
/* El tema envuelve el contenido en .limit-wrapper (ancho máx. centrado) y
   pinta un #sub-header con el título de la página. En las landings queremos
   el cuerpo a sangre completa y sin ese título. */
.va-landing-page #sub-header{display:none;}
.va-landing-page #main{padding:0;margin:0;}
.va-landing-page #main .limit-wrapper,
.va-landing-page #main .vgblk-rw-wrapper{
	max-width:none;
	width:100%;
	margin:0;
	padding:0;
}
/* El tema da margen a los <p> con selectores basados en #id (más específicos que
   una clase), así que forzamos el espaciado del hero con la especificidad de #main. */
.va-landing-page #main .val-hero__lead{margin-bottom:0;}
.va-landing-page #main .val-hero__cta{margin-top:76px;}

.val-eventos{
	font-family:'Jost',sans-serif;
	color:#3a3531;
	background:#f6f4ee;
	line-height:1.5;
	overflow-x:hidden;
}
.val-eventos *{box-sizing:border-box;}
.val-eventos h1,.val-eventos h2,.val-eventos p{margin:0;}
.val-eventos strong{font-weight:500;color:#3a3531;}

.val-eyebrow{display:flex;align-items:center;gap:13px;margin-bottom:16px;}
.val-eyebrow__line{width:32px;height:1px;background:currentColor;flex:none;}
.val-eyebrow__txt{font-size:15px;letter-spacing:.02em;font-weight:400;}
.val-eyebrow--center{justify-content:center;}
.val-eyebrow--gold{color:#e4cf95;margin-bottom:20px;}
.val-eyebrow--gold2{color:#c8a95f;}
.val-eyebrow--sand{color:#a0926a;}

/* ---- Botones ---- */
.val-btn{
	display:inline-flex;align-items:center;gap:11px;border:none;border-radius:8px;
	font-weight:600;letter-spacing:.02em;cursor:pointer;text-decoration:none;
	font-family:inherit;line-height:1;
}
.val-btn svg{flex:none;}
.val-btn--wa{background:#25a95a;color:#fff;padding:17px 30px;font-size:15px;box-shadow:0 10px 30px rgba(37,169,90,.35);transition:background .15s ease;}
.val-btn--wa:hover{background:#1f9450;color:#fff;}
.val-btn--lg{padding:19px 38px;font-size:16px;border-radius:9px;box-shadow:0 12px 34px rgba(37,169,90,.4);}

/* ---- HERO ---- */
.val-hero{
	position:relative;min-height:620px;display:flex;align-items:flex-end;
	background:#2c2824 center/cover no-repeat;overflow:hidden;
}
.val-hero__scrim{position:absolute;inset:0;pointer-events:none;}
/* Degradado que oscurece solo la franja inferior (donde está el texto); arriba se ve la foto limpia. */
.val-hero__scrim--gradient{
	background:linear-gradient(180deg,
		rgba(30,26,22,0) 0%,
		rgba(30,26,22,0) 26%,
		rgba(30,26,22,calc(var(--val-ov,.58) * .45)) 50%,
		rgba(30,26,22,calc(var(--val-ov,.58) * .8)) 74%,
		rgba(30,26,22,var(--val-ov,.58)) 100%);
}
/* Overlay uniforme (oscurece toda la imagen por igual). */
.val-hero__scrim--uniform{background:rgba(30,26,22,var(--val-ov,.52));}
.val-hero__inner{position:relative;width:100%;max-width:1280px;margin:0 auto;padding:0 80px 68px;}
.val-hero__title{font-size:66px;line-height:1.02;font-weight:600;letter-spacing:-.025em;color:#fff;margin-bottom:22px;max-width:760px;}
.val-hero__lead{font-size:19px;line-height:1.55;font-weight:300;color:#ece7dc;margin-bottom:0;max-width:660px;}
.val-hero__cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;}
.val-hero__note{font-size:13.5px;color:#cfc7b7;font-weight:300;}

/* ---- INTRO ---- */
.val-intro{max-width:1000px;margin:0 auto;padding:88px 80px 76px;}
.val-intro__lead{font-size:28px;line-height:1.5;font-weight:300;color:#4a443f;letter-spacing:-.005em;}
.val-intro__cols{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:40px;}
.val-intro__cols p{font-size:15.5px;line-height:1.8;font-weight:300;color:#6f6862;}

/* ---- EXPERIENCIAS ---- */
.val-exp{background:#3a3531;padding:82px 80px;}
.val-exp__wrap{max-width:1120px;margin:0 auto;}
.val-exp__head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:44px;}
.val-exp__title{font-size:40px;line-height:1.08;font-weight:600;letter-spacing:-.02em;color:#fff;max-width:560px;}
.val-exp__sub{font-size:14.5px;line-height:1.7;font-weight:300;color:#b8b0a4;max-width:300px;margin-bottom:6px;}
.val-exp__pills{display:flex;flex-wrap:wrap;gap:12px;}
.val-pill{
	display:inline-flex;align-items:center;gap:10px;padding:14px 24px;
	border:1px solid rgba(200,169,95,.4);border-radius:40px;
	font-size:16px;color:#f3efe6;font-weight:300;letter-spacing:-.005em;
}
.val-pill__dot{width:6px;height:6px;border-radius:50%;background:#c8a95f;flex:none;}

/* ---- DIFERENCIA ---- */
.val-diff{padding:88px 80px 84px;}
.val-diff__wrap{max-width:1120px;margin:0 auto;}
.val-diff__head{text-align:center;margin-bottom:56px;}
.val-diff__title{font-size:42px;line-height:1.05;font-weight:600;letter-spacing:-.02em;color:#3a3531;}
.val-diff__grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.val-card-diff{
	background:#fff;border:1px solid #e7e2d6;border-radius:14px;padding:34px;
	display:flex;gap:22px;align-items:flex-start;
}
.val-card-diff__stat{flex:none;min-width:104px;font-size:32px;font-weight:600;letter-spacing:-.02em;color:#b09a5f;}
.val-card-diff__title{font-size:19px;font-weight:600;color:#3a3531;margin-bottom:8px;letter-spacing:-.01em;}
.val-card-diff__body{font-size:14.5px;line-height:1.65;font-weight:300;color:#6f6862;}

/* ---- CIERRE / CTA ---- */
.val-cta{position:relative;background:#26221e center/cover no-repeat;overflow:hidden;}
.val-cta__scrim{position:absolute;inset:0;background:rgba(38,34,30,var(--val-ov,.6));pointer-events:none;}
.val-cta__inner{position:relative;padding:92px 80px;text-align:center;}
.val-cta__title{font-size:46px;line-height:1.1;font-weight:600;letter-spacing:-.02em;color:#fff;margin:0 auto 20px;max-width:820px;}
.val-cta__lead{font-size:17px;line-height:1.6;font-weight:300;color:#ddd5c7;margin:0 auto 36px;max-width:600px;}
.val-cta__contact{font-size:13.5px;color:#b8b0a4;font-weight:300;margin-top:18px;}
.val-cta__contact a{color:#ddd5c7;text-decoration:none;}
.val-cta__contact a:hover{text-decoration:underline;}

/* ---- STICKY (solo móvil) ---- */
.val-sticky{display:none;}

/* ---------------- RESPONSIVE ---------------- */
@media (max-width:900px){
	.val-hero__inner{padding:0 40px 48px;}
	.val-hero__title{font-size:44px;}
	.val-intro{padding:56px 40px;}
	.val-intro__cols{grid-template-columns:1fr;gap:20px;}
	.val-exp,.val-diff{padding:56px 40px;}
	.val-exp__head{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:28px;}
	.val-exp__title{font-size:30px;}
	.val-diff__title{font-size:32px;}
	.val-cta__inner{padding:64px 40px;}
	.val-cta__title{font-size:34px;}
}

@media (max-width:600px){
	.val-hero{min-height:500px;}
	.val-hero__inner{padding:0 24px 34px;}
	.val-hero__title{font-size:34px;line-height:1.04;margin-bottom:14px;}
	.val-hero__lead{font-size:14.5px;margin-bottom:0;}
	.val-hero__cta{display:none;} /* en móvil basta el botón fijo de WhatsApp */
	.val-intro{padding:40px 24px;}
	.val-intro__lead{font-size:20px;line-height:1.45;font-weight:500;color:#3a3531;}
	.val-intro__cols{margin-top:18px;}
	.val-intro__cols p{font-size:14.5px;line-height:1.75;}
	.val-exp{padding:40px 24px;}
	.val-exp__title{font-size:26px;}
	.val-exp__pills{gap:9px;}
	.val-pill{padding:11px 17px;font-size:13.5px;gap:8px;}
	.val-pill__dot{width:5px;height:5px;}
	.val-eyebrow__line{width:26px;}
	.val-eyebrow__txt{font-size:13px;}
	.val-diff{padding:42px 24px;}
	.val-diff__head{text-align:left;margin-bottom:22px;}
	.val-diff__title{font-size:26px;}
	.val-diff__grid{grid-template-columns:1fr;gap:12px;}
	.val-card-diff{flex-direction:column;gap:6px;padding:20px;}
	.val-card-diff__stat{font-size:26px;min-width:0;}
	.val-cta{margin-bottom:76px;} /* deja hueco al sticky */
	.val-cta__inner{padding:46px 24px;}
	.val-cta__title{font-size:27px;}
	.val-cta__contact{display:none;}

	/* Botón WhatsApp fijo abajo */
	.val-sticky{
		display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:9990;
		justify-content:center;padding:16px;border-radius:12px;font-size:15.5px;
		box-shadow:0 8px 26px rgba(37,169,90,.45);
	}
}