/*
 * Landing «Interpretá tu tirada» (/interpreta-tu-tirada/). Se carga después de
 * free-tarot-pack.css y sólo agrega lo propio de esta página: el héroe con la imagen,
 * los pasos, el Gran Tablero sobre fondo de noche y el cierre.
 */

/* ── Héroe: texto a la izquierda, la tirada a la derecha ── */
.ll-hero{background-image:linear-gradient(105deg,rgba(18,9,32,.98) 0%,rgba(38,17,61,.95) 45%,rgba(79,27,87,.9) 75%,rgba(18,9,32,.9) 100%);}
.ll-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,56px);align-items:center;}
.ll-hero-copy{align-items:flex-start;text-align:left;margin:0;max-width:none;}
.ll-hero .hero-copy h1{font-size:clamp(2.1rem,5.2vw,3.5rem);}
.ll-hero .promise{margin-top:18px;max-width:560px;color:rgba(255,248,232,.92);}
.ll-hero .hero-note{margin-top:16px;}
.ll-hero .eyebrow{color:#F3CD78;}
.ll-hero .hero-note span{color:#F3CD78;font-weight:500;}
.ll-hero .btn--probar{color:#FFF8E8;border-color:rgba(246,217,139,.55);}
.ll-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;}
.ll-chips li{padding:7px 13px;border-radius:999px;border:1px solid rgba(246,217,139,.32);background:rgba(18,9,32,.55);color:rgba(255,248,232,.85);font-size:.8rem;line-height:1.3;}
.ll-chips li::before{content:'✦ ';color:#F3CD78;}
.ll-hero-img{margin:0;position:relative;display:grid;place-items:center;}
.ll-hero-img::before{content:'';position:absolute;inset:6% 2%;border-radius:50%;background:radial-gradient(circle,rgba(255,226,151,.32),rgba(123,44,255,.12) 45%,transparent 70%);z-index:-1;}
.ll-hero-img img{width:100%;max-width:400px;height:auto;filter:drop-shadow(0 22px 38px rgba(0,0,0,.45));}
.ll-hero-img figcaption{margin-top:10px;font-family:'Cinzel',serif;font-size:.78rem;letter-spacing:.06em;color:rgba(255,248,232,.7);text-align:center;}

/* ── ¿Te pasa? ── */
.ll-pasa{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.ll-pasa .situacion-card{min-height:0;}
.ll-puente{max-width:640px;margin:30px auto 0;text-align:center;font-size:1.08rem;color:var(--vet-text-dim);}
.ll-puente strong{color:var(--vet-text);}

/* ── Interpretá tu tirada ── */
.ll-pasos{grid-template-columns:repeat(3,minmax(0,1fr));}
.ll-recibis{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:28px;align-items:start;margin-top:40px;}
.ll-recibis h3{font-size:1.25rem;margin-bottom:14px;}
.ll-precio-box{padding:26px 24px;text-align:center;display:grid;gap:10px;justify-items:center;border:2px solid rgba(123,44,255,.3);}
.ll-precio-box .plan-tipo,.ll-precio-box .plan-nota{margin:0;}
.ll-precio{margin:0;font:600 clamp(2rem,4.5vw,2.6rem)/1 'Cinzel',serif;color:var(--vet-gold);}
.ll-precio-box .btn{width:100%;}
.ll-sin-mazo{margin:4px 0 0;font-size:.82rem;color:var(--vet-text-dim);}

/* ── El Gran Tablero, sobre fondo de noche ── */
.ll-oscura{background:radial-gradient(ellipse 70% 50% at 20% 0%,rgba(123,44,255,.32),transparent 65%),radial-gradient(ellipse 60% 45% at 85% 100%,rgba(255,47,214,.18),transparent 62%),#160b28;color:#FFF8E8;}
.ll-oscura .head p,.ll-oscura p{color:rgba(255,248,232,.78);}
.ll-oscura .grad{background:linear-gradient(115deg,#FFF7DD 0%,#F3CD78 30%,#FFF9E8 48%,#FF83E9 80%,#FFF0C2 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.ll-oscura .eyebrow,.ll-oscura .head .eyebrow{color:#F3CD78;}
.ll-oscura .head:not(:has(.orn))::after{color:#F3CD78;}
.ll-tablero{margin:0 auto;max-width:900px;}
.ll-tablero img{display:block;width:100%;height:auto;max-width:100%;filter:drop-shadow(0 26px 50px rgba(0,0,0,.5));}
.ll-tablero figcaption{margin-top:12px;text-align:center;font-size:.86rem;color:rgba(255,248,232,.7);}
.ll-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:40px;}
.ll-area{display:flex;gap:14px;align-items:flex-start;padding:16px 16px 14px;border-radius:14px;border:1px solid rgba(246,217,139,.24);background:rgba(255,255,255,.04);}
.ll-area-n{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(246,217,139,.5);color:#F3CD78;font:600 .95rem/1 'Cinzel',serif;}
.ll-area h3{font-size:.95rem;color:#FFF8E8;margin:4px 0 4px;}
.ll-area p{margin:0;font-size:.84rem;line-height:1.5;color:rgba(255,248,232,.7);}
.ll-claves{columns:3 230px;}
.ll-oscura .zona{background:rgba(255,255,255,.05);border-color:rgba(246,217,139,.22);box-shadow:none;}
.ll-oscura .zona strong{color:#FFF8E8;}
.ll-oscura .zona-txt{color:rgba(255,248,232,.72);}
.ll-oscura .anat .zona .zona-ico{color:#F3CD78;background:rgba(246,217,139,.08);border:1px solid rgba(246,217,139,.4);font-size:1.25rem;}
.ll-modos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;}
.ll-oscura .ll-modos .glass{padding:22px 22px 18px;background:rgba(18,9,32,.6);border-color:rgba(246,217,139,.3);}
.ll-modos h3{font-size:1.02rem;color:#F3CD78;margin-bottom:8px;}
.ll-modos p{margin:0;font-size:.92rem;line-height:1.6;}
.ll-cta-tablero,.ll-cierre{display:grid;justify-items:center;text-align:center;gap:12px;margin-top:40px;}
.ll-precio--claro{color:#F3CD78;}
.ll-nota-clara{margin:0;font-size:.86rem;color:rgba(255,248,232,.7);}
.ll-nota-clara a{color:#F3CD78;}
.ll-oscura .btn--probar{color:#FFF8E8;border-color:rgba(246,217,139,.55);}

/* ── Cierre ── */
.ll-cierre{margin-top:0;}
.ll-cierre h2{font-size:clamp(1.7rem,4vw,2.5rem);}
.ll-cierre .hero-ctas{justify-content:center;margin-top:8px;}

/* ── Celular ── */
@media(max-width:900px){
	.ll-hero-grid{grid-template-columns:1fr;}
	.ll-hero-copy{align-items:center;text-align:center;}
	.ll-chips,.ll-hero .hero-ctas{justify-content:center;}
	.ll-hero-img img{max-width:300px;}
	.ll-pasa{grid-template-columns:repeat(2,minmax(0,1fr));}
	.ll-areas{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
	.ll-pasos,.ll-recibis,.ll-modos{grid-template-columns:1fr;}
	.ll-pasos .ruta-paso::after{display:none;}
}
@media(max-width:560px){
	.ll-pasa,.ll-areas{grid-template-columns:1fr;}
	.ll-hero .btn{width:100%;}
	.puntos{display:none;}
}