/* Vinya Alforí — Diseño «Neón». Todo bajo .val-neon; una sola marcación responsive. */

/* ---- Neutralizar el contenedor del tema lagar/vamtam (full-bleed) ---- */
.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 márgenes a p/h/ul con selectores basados en #id (más específicos que
   una clase), así que los anulamos con la especificidad de #main. */
.va-landing-page #main .val-neon p,
.va-landing-page #main .val-neon h1,
.va-landing-page #main .val-neon h2,
.va-landing-page #main .val-neon h3,
.va-landing-page #main .val-neon ul,
.va-landing-page #main .val-neon ol,
.va-landing-page #main .val-neon li{margin:0;padding:0;list-style:none;}

.val-neon{
	--n-crema:#f6f4ee;
	--n-tinta:#3a3531;
	--n-suave:#6f6862;
	--n-meta:#8c857a;
	--n-oro:#b09a5f;
	--n-oro-osc:#9c8852;
	--n-oro-claro:#a0926a;
	--n-oro-noche:#c8a95f;
	--n-linea:#c2a97a;
	--n-borde:#e7e2d6;
	--n-borde2:#d4cdbf;
	--n-borde3:#ece7db;
	--n-wa:#25a95a;
	--n-check:#6f8a37;
	font-family:'Jost',sans-serif;
	color:var(--n-tinta);
	background:var(--n-crema);
	line-height:1.5;
	overflow-x:hidden;
}
.val-neon *{box-sizing:border-box;}
.val-neon img,.val-neon video{max-width:100%;}

/* ---- Piezas comunes ---- */
.val-n-wrap{max-width:1120px;margin:0 auto;}

.val-n-eyebrow{display:flex;align-items:center;gap:13px;margin-bottom:16px;color:var(--n-oro-claro);}
.val-n-eyebrow span{font-size:clamp(12.5px,1.1vw,15px);font-weight:400;letter-spacing:.02em;}
.val-n-eyebrow__line{width:32px;height:1px;background:var(--n-linea);flex:none;}
.val-n-eyebrow--dark{color:var(--n-oro-noche);}
.val-n-eyebrow--dark .val-n-eyebrow__line{background:var(--n-oro-noche);}
.val-n-eyebrow--center{justify-content:center;}

.val-n-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:10px;
	border:none;border-radius:6px;cursor:pointer;text-decoration:none;
	font-family:inherit;line-height:1.15;text-align:center;
	transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.val-n-btn--gold{background:var(--n-oro);color:#fff;padding:18px 34px;font-size:15.5px;font-weight:600;letter-spacing:.01em;}
.val-n-btn--gold:hover,.val-n-btn--gold:focus{background:var(--n-oro-osc);color:#fff;}
.val-n-btn--ghost{background:#fff;color:var(--n-tinta);border:1px solid var(--n-borde2);padding:16px 26px;font-size:15px;font-weight:500;}
.val-n-btn--ghost:hover,.val-n-btn--ghost:focus{border-color:var(--n-wa);color:var(--n-tinta);}
.val-n-btn--soft{background:var(--n-crema);color:var(--n-tinta);border:1px solid var(--n-borde2);padding:15px 30px;font-size:14.5px;font-weight:500;}
.val-n-btn--soft:hover,.val-n-btn--soft:focus{border-color:var(--n-wa);color:var(--n-tinta);}
.val-n-btn--block{width:100%;}
.val-n-btn__wa{color:var(--n-wa);display:flex;}
.val-n-btn svg{flex:none;}

/* ---- HERO ---- */
.val-n-hero{display:grid;grid-template-columns:1.06fr 1fr;background:var(--n-crema);}
.val-n-hero__text{padding:clamp(30px,5vw,76px) clamp(22px,5vw,64px) clamp(32px,5vw,72px) clamp(22px,6vw,80px);display:flex;flex-direction:column;justify-content:center;}
.val-n-hero__title{
	font-size:clamp(34px,4.6vw,62px);line-height:1.02;font-weight:600;
	letter-spacing:-.03em;color:var(--n-tinta);margin:0 0 20px !important;
}
.val-n-hero__lead{font-size:clamp(14.5px,1.4vw,18px);line-height:1.6;font-weight:300;color:var(--n-suave);max-width:520px;margin:0 0 30px !important;}

.val-n-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;max-width:520px;margin:0 0 34px !important;}
.val-n-fact{display:flex;align-items:center;gap:11px;font-size:clamp(14px,1.2vw,15px);font-weight:400;color:var(--n-tinta);}
.val-n-fact__ico{color:var(--n-oro);display:flex;flex:none;}

.val-n-hero__cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}

.val-n-hero--solo{grid-template-columns:1fr;}
.val-n-hero--solo .val-n-hero__text{max-width:960px;margin:0 auto;width:100%;}
.val-n-hero__media{position:relative;min-height:620px;overflow:hidden;background:var(--n-tinta);}
.val-n-hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.val-n-badge{
	position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;gap:9px;
	background:rgba(255,255,255,.94);border-radius:30px;padding:7px 14px;
	font-size:11.5px;font-weight:500;letter-spacing:.03em;color:#8a7844;
}
.val-n-badge__dot{width:6px;height:6px;border-radius:50%;background:var(--n-oro);flex:none;}

/* ---- QUÉ VAS A VIVIR ---- */
.val-n-vivir{padding:clamp(36px,6vw,88px) clamp(22px,6vw,80px) clamp(34px,6vw,80px);}
.val-n-vivir__title{font-size:clamp(26px,3.4vw,44px);line-height:1.06;font-weight:600;letter-spacing:-.025em;max-width:700px;margin:0 0 16px !important;}
.val-n-vivir__lead{font-size:clamp(14.5px,1.3vw,17px);line-height:1.7;font-weight:300;color:var(--n-suave);max-width:640px;margin:0 0 clamp(24px,3vw,50px) !important;}
.val-n-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.val-n-card{background:#fff;border:1px solid var(--n-borde);border-radius:12px;padding:clamp(18px,2.4vw,30px) clamp(18px,2.2vw,28px);}
.val-n-card__ico{width:44px;height:44px;border-radius:10px;background:#f3efe4;color:var(--n-oro-claro);display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex:none;}
.val-n-card__title{font-size:clamp(16px,1.5vw,19px);font-weight:600;letter-spacing:-.01em;margin:0 0 9px !important;}
.val-n-card__body{font-size:clamp(13.5px,1.15vw,14.5px);line-height:1.65;font-weight:300;color:var(--n-suave);margin:0 !important;}

/* ---- CÓMO FUNCIONA LA NOCHE ---- */
.val-n-noche{display:grid;grid-template-columns:1fr 1fr;background:var(--n-tinta);}
.val-n-noche--solo{grid-template-columns:1fr;}
.val-n-noche__media{position:relative;min-height:580px;overflow:hidden;background:#2c2824;}
.val-n-noche__media img,.val-n-noche__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.val-n-noche__body{padding:clamp(34px,5vw,76px) clamp(22px,5vw,68px);}
.val-n-noche__title{font-size:clamp(25px,2.9vw,36px);line-height:1.08;font-weight:600;letter-spacing:-.02em;color:#fff;margin:0 0 clamp(20px,2.6vw,32px) !important;}
.val-n-steps{display:flex;flex-direction:column;}
.val-n-step{display:flex;gap:clamp(16px,2vw,24px);padding:clamp(16px,1.8vw,20px) 0;border-bottom:1px solid rgba(255,255,255,.13);}
.val-n-step__time{flex:none;width:52px;font-size:clamp(13px,1.1vw,14px);color:var(--n-oro-noche);font-weight:500;font-variant-numeric:tabular-nums;padding-top:3px;}
.val-n-step__title{font-size:clamp(16px,1.5vw,18px);font-weight:500;color:#fff;margin-bottom:5px;}
.val-n-step__body{font-size:clamp(13.5px,1.15vw,14.5px);line-height:1.6;font-weight:300;color:#b8b0a4;}

/* ---- RESERVA ---- */
.val-n-book{background:var(--n-crema);padding:clamp(36px,6vw,84px) clamp(22px,6vw,80px);}
.val-n-book__wrap{max-width:920px;margin:0 auto;}
.val-n-book__head{text-align:center;margin-bottom:34px;}
.val-n-book__title{font-size:clamp(26px,3.2vw,42px);line-height:1.06;font-weight:600;letter-spacing:-.025em;margin:0 0 12px !important;}
.val-n-book__sub{font-size:clamp(14px,1.3vw,16.5px);color:var(--n-suave);font-weight:300;margin:0 !important;}

.val-n-panel{background:#fff;border:1px solid var(--n-borde);border-radius:14px;padding:clamp(22px,3vw,36px) clamp(20px,3vw,40px);box-shadow:0 2px 6px rgba(60,53,45,.05);}
.val-n-panel__row{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.val-n-panel__actions{flex:1;min-width:260px;display:flex;flex-direction:column;gap:11px;}
.val-n-lbl{font-size:12.5px;letter-spacing:.04em;color:var(--n-meta);font-weight:400;margin-bottom:10px;}
.val-n-sep{width:1px;height:64px;background:var(--n-borde3);}

.val-n-stepper{display:flex;align-items:center;gap:18px;}
.val-n-step-btn{
	width:44px;height:44px;border-radius:50%;border:1px solid var(--n-borde2);background:#fff;
	color:var(--n-tinta);font-size:21px;font-weight:300;cursor:pointer;
	display:flex;align-items:center;justify-content:center;font-family:inherit;line-height:1;
	transition:border-color .15s ease,color .15s ease;
}
.val-n-step-btn:hover{border-color:var(--n-oro);color:var(--n-oro);}
.val-n-step-btn[disabled]{opacity:.4;cursor:not-allowed;border-color:var(--n-borde3);color:var(--n-meta);}
.val-n-stepper__val{font-size:30px;font-weight:600;min-width:36px;text-align:center;font-variant-numeric:tabular-nums;}
.val-n-total__val{font-size:clamp(30px,3vw,38px);font-weight:700;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums;}

.val-n-includes{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid var(--n-borde3);margin-top:28px !important;padding-top:20px !important;}
.val-n-includes li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--n-suave);font-weight:300;}
.val-n-includes__ico{color:var(--n-check);display:flex;flex:none;}

.val-n-note{text-align:center;margin-top:24px !important;font-size:14px;color:var(--n-meta);font-weight:300;line-height:1.6;}
.val-n-note strong{color:var(--n-tinta);font-weight:500;}
.val-n-btn--ig{display:none;width:100%;margin-top:14px;background:transparent;font-weight:400;font-size:14px;padding:14px;border-radius:8px;}

/* ---- BARRA FIJA (solo móvil) ---- */
.val-n-sticky{display:none;}
.val-n-sticky__wa{
	flex:none;width:54px;height:54px;border-radius:10px;background:var(--n-wa);color:#fff;
	display:flex;align-items:center;justify-content:center;text-decoration:none;
	box-shadow:0 6px 20px rgba(37,169,90,.4);
}

/* ---------------- Tablet ---------------- */
@media (max-width:1000px){
	.val-n-cards{grid-template-columns:repeat(2,1fr);}
}

/* ---------------- Móvil ---------------- */
@media (max-width:900px){
	.val-n-hero{grid-template-columns:1fr;}
	.val-n-hero__media{order:-1;min-height:0;height:330px;}
	.val-n-hero__text{padding:28px 22px 30px;}
	.val-n-facts{grid-template-columns:1fr;gap:11px;}
	.val-n-hero__cta{display:none;} /* en móvil manda la barra fija */

	.val-n-cards{grid-template-columns:1fr;}
	.val-n-card{display:flex;gap:15px;align-items:flex-start;padding:18px;border-radius:11px;}
	.val-n-card__ico{width:38px;height:38px;border-radius:9px;margin-bottom:0;}
	.val-n-card__title{margin:0 0 5px !important;}

	.val-n-noche{grid-template-columns:1fr;}
	.val-n-noche__media{min-height:0;height:240px;}
	.val-n-noche__body{padding:36px 22px 34px;}

	.val-n-panel__row{flex-direction:column;align-items:stretch;gap:18px;}
	.val-n-sep{display:none;}
	.val-n-qty{display:flex;align-items:center;justify-content:space-between;gap:14px;}
	.val-n-qty .val-n-lbl{margin-bottom:0;}
	.val-n-total{display:flex;align-items:baseline;justify-content:space-between;gap:14px;border-top:1px solid var(--n-borde3);padding-top:16px;}
	.val-n-total .val-n-lbl{margin-bottom:0;}
	.val-n-panel__actions{min-width:0;}
	.val-n-includes{flex-direction:column;gap:9px;}
	.val-n-btn--ig{display:inline-flex;}

	.val-n-sticky{
		position:fixed;left:0;right:0;bottom:0;z-index:40;
		display:flex;gap:10px;align-items:center;padding:12px 14px;
		background:linear-gradient(180deg,rgba(246,244,238,0) 0%,rgba(246,244,238,.92) 35%,var(--n-crema) 65%);
	}
	.val-n-sticky .val-n-btn--gold{flex:1;padding:16px;font-size:15px;border-radius:10px;box-shadow:0 6px 20px rgba(60,53,45,.18);}
	.val-n-book{padding-bottom:104px;}
}

@media (prefers-reduced-motion:reduce){
	.val-n-btn{transition:none;}
}