/* Landings de Talentos con Amor. Mismas medidas y colores que /club-dia-ibague/ (sitio principal). */
:root{--gold:#cb9232;--gold-light:#e0b062;--gold-ink:#8a5f1e;--olive:#686755;--olive-dark:#43423a;--ivory:#f3f1ea;--ivory-dim:#ebe6d9;--ink:#2b2a22}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.lp{margin:0;background:var(--ivory);color:var(--ink);font:300 1rem/1.5 Jost,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.lp img{max-width:100%;height:auto;display:block}
:where(.lp) :is(h1,h2,h3,p,ol,ul,blockquote){margin:0}
:where(.lp) :is(ol,ul){padding:0;list-style:none}
.lp a{color:inherit}
:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}
::selection{background:var(--gold);color:var(--ink)}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:.7rem 1rem;z-index:200}.skip:focus{left:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* Botón principal (igual al sitio) */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.875rem 2rem;border-radius:9999px;background:var(--gold);color:var(--ink);font:500 .72rem/1.2 Jost,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;text-align:center;box-shadow:0 8px 30px -10px rgba(203,146,50,.55);transition:background .3s,transform .3s}
.lp-btn:hover{background:var(--gold-light)}
.lp-cta{display:flex;flex-direction:column}
.lp-cta.is-center{align-items:center;text-align:center}.lp-cta.is-left{align-items:flex-start}
.lp-micro{margin-top:.75rem;font-size:.8rem;line-height:1.375;color:rgba(67,66,58,.8)}
.lp-cta.on-dark .lp-micro,.bg-dark .lp-micro{color:rgba(255,255,255,.75)}
.lp-cta-row{display:flex;justify-content:center;margin-top:2.25rem}.lp-cta-row.is-left{justify-content:flex-start;margin-top:2.25rem}
.lp-steps+.lp-cta-row{margin-top:4rem}

/* Encabezado */
.lp-header{position:absolute;inset:0 0 auto 0;z-index:30;max-width:80rem;margin:0 auto;padding:1rem 1.25rem}
.lp-header a{display:inline-block;border-radius:9999px;background:rgba(255,255,255,.95);padding:.5rem 1rem;box-shadow:0 4px 20px -6px rgba(0,0,0,.25)}
.lp-header img{height:2rem;width:auto}
@media(min-width:640px){.lp-header{padding:1rem 2rem}.lp-header img{height:2.25rem}}

/* Hero */
.lp-hero{position:relative;display:flex;align-items:flex-end;min-height:100vh;min-height:100svh;overflow:hidden;background:var(--olive-dark)}
.lp-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.lp-hero-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(43,42,34,.9),rgba(43,42,34,.45),rgba(43,42,34,.2))}
.lp-hero-in{position:relative;z-index:10;width:100%;max-width:80rem;margin:0 auto;padding:9rem 1.25rem 3.5rem}
.lp-hero-box{max-width:42rem}
.lp-eyebrow{margin-bottom:1.25rem;font-size:.68rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-light)}
.lp-h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:clamp(2.9rem,9.5vw,5.2rem);line-height:1.03;color:#fff;text-wrap:balance}
.lp-h1 em{font-style:italic;color:var(--gold-light)}
.lp-sub{margin-top:1.25rem;max-width:32rem;font-size:1.08rem;font-weight:300;line-height:1.7;color:rgba(255,255,255,.9)}
.lp-hero-cta{margin-top:2rem}
@media(min-width:640px){.lp-hero-in{padding:9rem 2rem 5rem}}

/* Secciones */
.lp-sec{padding:5rem 1.25rem;position:relative}
@media(min-width:640px){.lp-sec{padding:7rem 2rem}}
.bg-cream{background:var(--ivory)}.bg-white{background:#fff}.bg-arena{background:var(--ivory-dim)}.bg-dark{background:var(--olive-dark)}
.lp-wrap-sm{max-width:42rem;margin:0 auto}.lp-wrap-faq{max-width:48rem;margin:0 auto}.lp-wrap-md{max-width:56rem;margin:0 auto}
.lp-wrap-lg{max-width:64rem;margin:0 auto}.lp-wrap-xl{max-width:72rem;margin:0 auto}
.center{text-align:center}.rel{position:relative}
.lp-wrap-sm.center,.lp-head{text-align:center}.lp-head.is-left{text-align:left}
.lp-title{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.1;color:var(--ink);text-wrap:balance}
.lp-title em{font-style:italic;color:var(--gold-ink)}
.bg-dark .lp-title{color:#fff}.bg-dark .lp-title em{color:var(--gold-light)}
.lp-head.w48{max-width:48rem;margin-left:auto;margin-right:auto}
.lp-rule{width:2.5rem;height:1px;background:var(--gold);margin:1.5rem auto}.lp-rule.is-left,.lp-head.is-left .lp-rule{margin-left:0}
.lp-body p{margin:0 0 1.1rem;font-size:1.05rem;line-height:1.8;color:var(--olive-dark)}
.lp-body em{color:var(--gold-ink)}
.bg-dark .lp-body p{color:rgba(255,255,255,.85)}
@media(max-width:1023px){.lp-split .lp-title{text-wrap:balance}}

/* Video */
.lp-video{position:relative;aspect-ratio:16/9;margin-top:2.5rem;overflow:hidden;border-radius:4px;background:var(--olive-dark);box-shadow:0 30px 60px -36px rgba(43,42,34,.55)}
.lp-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.lp-after{padding-top:2rem;display:flex;justify-content:center;transition:opacity .7s ease}
.lp-after[hidden]{display:none}.lp-after.is-fading{opacity:0}
.lp-note{max-width:36rem;margin:2rem auto 0;font-size:1.02rem;line-height:1.7;color:var(--olive-dark)}

/* Frase fuerte */
.lp-cards{display:grid;gap:1.25rem;margin-top:3rem}
@media(min-width:768px){.lp-cards.n3{grid-template-columns:repeat(3,1fr)}.lp-cards.n2{grid-template-columns:repeat(2,1fr)}.lp-cards.n4{grid-template-columns:repeat(2,1fr)}}
.lp-card{height:100%;border-left:2px solid var(--gold);background:rgba(255,255,255,.04);padding:1.75rem 1.5rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.45rem;font-style:italic;line-height:1.375;color:#fff}
.bg-cream .lp-card,.bg-white .lp-card,.bg-arena .lp-card{background:#fff;color:var(--ink);box-shadow:0 20px 50px -36px rgba(43,42,34,.35)}
.lp-num{display:block;margin-bottom:.75rem;font:500 .74rem Jost,sans-serif;font-style:normal;letter-spacing:.2em;color:var(--gold-light)}
.bg-cream .lp-num,.bg-white .lp-num,.bg-arena .lp-num{color:var(--gold-ink)}
.lp-closing{max-width:42rem;margin:3rem auto 0;text-align:center;font-size:1.08rem;font-weight:300;line-height:1.8;color:rgba(255,255,255,.85)}
.lp-closing strong,.lp-closing em{font-style:normal;font-weight:500;color:var(--gold-light)}
.bg-cream .lp-closing,.bg-white .lp-closing,.bg-arena .lp-closing{color:var(--olive-dark)}
.bg-cream .lp-closing strong,.bg-cream .lp-closing em,.bg-white .lp-closing strong,.bg-white .lp-closing em,.bg-arena .lp-closing strong,.bg-arena .lp-closing em{color:var(--gold-ink)}

/* Pasos */
.lp-steps{margin-top:3.5rem;display:grid;gap:4rem}
.lp-step{display:grid;gap:1rem}
@media(min-width:768px){.lp-step{grid-template-columns:7rem 1fr;gap:2rem}}
.lp-stepnum{font-family:"Cormorant Garamond",Georgia,serif;font-size:3.4rem;font-weight:300;line-height:1;color:var(--gold)}
@media(min-width:768px){.lp-stepnum{font-size:4.5rem}}
.lp-step h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.8rem;font-weight:500;line-height:1.25;color:var(--ink)}
.lp-steptext{margin-top:.75rem;max-width:42rem;font-size:1.02rem;line-height:1.8;color:var(--olive-dark)}
.lp-days{display:grid;gap:.75rem;margin-top:2rem}
@media(min-width:640px){.lp-days{grid-template-columns:repeat(5,1fr);gap:.5rem}.lp-days.n3{grid-template-columns:repeat(3,1fr)}.lp-days.n4{grid-template-columns:repeat(4,1fr)}.lp-days.n6{grid-template-columns:repeat(6,1fr)}.lp-days.n2{grid-template-columns:repeat(2,1fr)}.lp-days.n1{grid-template-columns:1fr}}
.lp-days li{display:flex;align-items:center;gap:1rem;border:1px solid rgba(104,103,85,.15);border-radius:4px;background:rgba(243,241,234,.6);padding:.75rem 1rem}
.lp-days li.last{border-color:var(--gold);background:var(--ivory)}
@media(min-width:640px){.lp-days li{flex-direction:column;gap:.5rem;padding:1.25rem .5rem;text-align:center}}
.lp-day{font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-ink)}
.lp-dayname{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.25rem;line-height:1.4;color:var(--ink)}
.lp-highlight{margin-top:1.5rem;border-left:2px solid var(--gold);background:var(--ivory);padding:1rem 1.25rem;font-size:1rem;line-height:1.6;color:var(--ink)}
.bg-cream .lp-highlight{background:#fff}

/* Texto + foto */
.lp-split{display:grid;gap:3rem;align-items:center;max-width:72rem;margin:0 auto}
.lp-split.solo{max-width:42rem}
@media(min-width:1024px){.lp-split{grid-template-columns:1fr 1fr;gap:4rem}.lp-split.solo{grid-template-columns:1fr}.lp-split.flip>.lp-photo{order:-1}}
.lp-quote{margin-top:2rem;border-left:2px solid var(--gold);background:#fff;padding:1.5rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.5rem;font-style:italic;line-height:1.375;color:var(--ink);box-shadow:0 20px 50px -36px rgba(43,42,34,.35)}
.lp-photo{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:4px}
.lp-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Línea de tiempo */
.lp-timeline{margin-top:3rem;border-left:1px solid rgba(203,146,50,.6)}
.lp-timeline li{position:relative;padding:0 0 2.5rem 2rem}.lp-timeline li:last-child{padding-bottom:0}
.lp-dot{position:absolute;left:-5px;top:.5rem;width:10px;height:10px;border-radius:9999px;background:var(--gold)}
.lp-time{font-size:.74rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-ink)}
.lp-event{margin-top:.25rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.55rem;line-height:1.375;color:var(--ink)}
.lp-tnote{margin-top:2.5rem;text-align:center;font-style:italic;color:var(--olive-dark)}
.bg-dark .lp-event{color:#fff}

/* Equipo */
.lp-split2{display:grid;gap:2.5rem;align-items:center;margin-top:3rem}
@media(min-width:1024px){.lp-split2{grid-template-columns:1fr 1fr;gap:3.5rem}.lp-split2.solo{grid-template-columns:1fr;max-width:42rem;margin-left:auto;margin-right:auto}}
.lp-team{display:grid;gap:1.75rem}
.lp-team h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.55rem;font-weight:500;color:var(--ink)}
.lp-team p{margin-top:.375rem;line-height:1.6;color:var(--olive-dark)}

/* Banner */
.lp-banner{overflow:hidden}
.lp-bannerimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.14}
.lp-bannertext{font-size:1.05rem;font-weight:300;line-height:1.8;color:rgba(255,255,255,.85)}

/* Preguntas */
.lp-faq{margin-top:2.5rem;border-top:1px solid rgba(104,103,85,.15)}
.lp-faq details{border-bottom:1px solid rgba(104,103,85,.15)}
.lp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:3.5rem;padding:1rem 0;cursor:pointer;list-style:none;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.35rem;line-height:1.375;color:var(--ink)}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary span{flex-shrink:0;font-size:1.6rem;font-weight:300;line-height:1;color:var(--gold-ink);transition:transform .3s}
.lp-faq details[open] summary span{transform:rotate(45deg)}
.lp-faq details p{padding:0 2.5rem 1.5rem 0;font-size:1rem;line-height:1.8;color:var(--olive-dark)}

/* Cierre */
.lp-closing-sec{background:radial-gradient(ellipse at top,var(--olive) 0%,var(--olive-dark) 62%);padding:6rem 1.25rem;text-align:center}
@media(min-width:640px){.lp-closing-sec{padding:8rem 2rem}}
.lp-closing-title{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:clamp(2.2rem,5.4vw,3.6rem);line-height:1.1;color:#fff;text-wrap:balance}
.lp-closing-title em{font-style:italic;color:var(--gold-light)}
.lp-line{margin-top:2rem;font-size:.82rem;color:rgba(255,255,255,.55)}
.lp-tagline{margin-top:1.5rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.125rem;font-style:italic;color:var(--gold-light)}

/* Barra fija móvil */
.lp-sticky{position:fixed;inset:auto 0 0 0;z-index:40;border-top:1px solid rgba(104,103,85,.15);background:rgba(243,241,234,.95);padding:.75rem 1rem max(.75rem,env(safe-area-inset-bottom));backdrop-filter:blur(8px);transition:opacity .5s}
.lp-sticky[hidden]{display:none}.lp-sticky.is-fading{opacity:0}
.lp-sticky .lp-btn{width:100%}
@media(min-width:1024px){.lp-sticky{display:none}}

/* Aparición suave (solo fade; sin JS todo se ve) */
.lp-reveal{transition:opacity .9s ease}.lp-reveal.is-hidden{opacity:0}
@media(prefers-reduced-motion:reduce){.lp-reveal,.lp-after,.lp-sticky{transition:none!important}.lp-reveal.is-hidden{opacity:1}}

/* Pie (idéntico al del sitio principal) */
.lpf{background:var(--olive-dark);color:rgba(255,255,255,.7);padding:3.5rem 1.25rem;font-weight:300}
@media(min-width:640px){.lpf{padding-left:2rem;padding-right:2rem}}
.lpf a{text-decoration:none}
.lpf-top{max-width:80rem;margin:0 auto;display:flex;flex-direction:column;gap:2.5rem}
@media(min-width:640px){.lpf-top{flex-direction:row;align-items:flex-start;justify-content:space-between}}
.lpf-brand{display:flex;align-items:center;gap:.75rem}
.lpf-brand img{width:2.5rem;height:2.5rem;border-radius:9999px;object-fit:cover}
.lpf-name{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.125rem;line-height:1.556;color:#fff}
.lpf-tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.4)}
.lpf-sedes{display:grid;gap:2rem;font-size:.85rem;line-height:1.6}
@media(min-width:640px){.lpf-sedes{grid-template-columns:repeat(2,1fr);gap:3.5rem}}
.lpf-label{margin-bottom:.5rem;font-size:.66rem;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--gold-light)}
.lpf-dim{color:rgba(255,255,255,.5)}
.lpf-contact{display:flex;flex-direction:column;gap:.75rem;font-size:.85rem;line-height:1.6}
.lpf-contact a{display:flex;align-items:center;gap:.5rem;color:inherit}.lpf-contact a:hover{color:#fff}
.lpf-bottom{max-width:80rem;margin:2.5rem auto 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.75rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;font-size:.72rem;line-height:1.5;color:rgba(255,255,255,.35)}
@media(min-width:640px){.lpf-bottom{flex-direction:row}}
.lpf-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem 1.25rem}
.lpf-links a{color:rgba(255,255,255,.7);text-decoration:underline;text-underline-offset:4px;transition:color .3s}.lpf-links a:hover{color:#fff}
.lpf-links .f-credit{color:rgba(255,255,255,.35)}.lpf-social{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.25rem}.lpf-contact .lpf-social a{display:grid;place-items:center;width:2.2rem;height:2.2rem;border:1px solid rgba(255,255,255,.2);border-radius:9999px;color:rgba(255,255,255,.75)}.lpf-contact .lpf-social a:hover{color:#fff;border-color:var(--gold-light)}
@media(max-width:1023px){body.lp:has(.lp-sticky) .lpf{padding-bottom:6rem}}

/* Testimonios */
.lp-testi{display:grid;gap:1.5rem;margin:3rem auto 0;grid-template-columns:1fr;justify-items:center}
@media(min-width:640px){.lp-testi.n2{grid-template-columns:repeat(2,1fr);max-width:44rem}.lp-testi.n3{grid-template-columns:repeat(3,1fr)}}
.lp-testi.n1{max-width:22rem}
.lp-tcard{width:100%;max-width:22rem;overflow:hidden;border-radius:4px;background:#fff;border:1px solid rgba(104,103,85,.1);box-shadow:0 20px 50px -38px rgba(43,42,34,.4)}
.bg-white .lp-tcard{background:var(--ivory)}
.bg-dark .lp-tcard{border-color:rgba(255,255,255,.08)}
.lp-yt-wrap{position:relative;background:var(--olive-dark)}
.lp-yt-wrap.v{aspect-ratio:9/16}.lp-yt-wrap.h{aspect-ratio:16/9}
.lp-yt-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lp-yt{position:absolute;inset:0;display:block;color:#fff}
.lp-yt img{width:100%;height:100%;object-fit:cover}
.lp-yt::after{content:"";position:absolute;inset:0;background:rgba(43,42,34,.18);transition:background .3s}
.lp-yt:hover::after{background:rgba(43,42,34,.3)}
.lp-play{position:absolute;z-index:1;left:50%;top:50%;width:4.5rem;height:4.5rem;transform:translate(-50%,-50%);border-radius:9999px;background:var(--gold);box-shadow:0 10px 30px -8px rgba(0,0,0,.5);transition:transform .3s}
.lp-play::before{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-left:1.15rem solid var(--ink);border-top:.75rem solid transparent;border-bottom:.75rem solid transparent}
.lp-yt:hover .lp-play{transform:translate(-50%,-50%) scale(1.06)}
.lp-tphoto{aspect-ratio:4/5;position:relative;overflow:hidden}
.lp-tphoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lp-tcap{padding:1.25rem}
.lp-tquote{margin-bottom:.9rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.3rem;font-style:italic;line-height:1.375;color:var(--ink)}
.lp-tname{font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.lp-trel{margin-top:.25rem;font-size:.85rem;color:var(--olive-dark)}
.lp-tcap:empty{display:none}
