/* Landing nueva (borrador) · se suma a web.css */
.hero h1{font-size:clamp(2rem,1.3rem + 3vw,3.4rem)}
.cta.center{justify-content:center}

/* Huecos de foto */
.photo-slot{margin:0}
.photo-slot .ph{display:grid;place-items:center;aspect-ratio:5/6;border-radius:999px 999px 36px 36px;background:linear-gradient(160deg,var(--t-pink),var(--t-sand) 55%,var(--t-mint));box-shadow:0 40px 70px -40px rgba(91,68,55,.6);text-align:center;padding:24px}
.photo-slot .ph span{font-family:var(--script);font-size:1.5rem;color:var(--ink-soft);max-width:12em}
.photo-slot.tall .ph{aspect-ratio:4/5;border-radius:36px 36px 999px 999px}
.photo-slot img{width:100%;aspect-ratio:5/6;object-fit:cover;border-radius:999px 999px 36px 36px;box-shadow:0 40px 70px -40px rgba(91,68,55,.6)}
.photo-slot.tall img{aspect-ratio:4/5;border-radius:36px 36px 999px 999px}

.narrow{max-width:760px;text-align:center}
.draft-note{margin:18px 0 22px;padding:16px 20px;border-radius:20px;border:1.5px dashed var(--beige);background:rgba(255,253,249,.7);color:var(--ink-soft);font-size:15px;line-height:1.6;text-align:left}

/* Te suena */
.mirror{background:var(--paper);padding-top:40px}
.chips{list-style:none;margin:26px 0 28px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.chips li{padding:10px 18px;border-radius:999px;background:var(--card);box-shadow:var(--shadow-chip,0 10px 24px -18px rgba(91,68,55,.5));font-family:var(--script);font-size:1.3rem;color:var(--ink)}
.chips li:nth-child(3n+1){background:var(--t-pink)}
.chips li:nth-child(3n+2){background:var(--t-mint)}
.chips li:nth-child(3n){background:var(--t-sand)}

/* Sobre mí */
.about{background:linear-gradient(180deg,var(--paper),#f7eddd)}
.about .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}

/* Programa */
.program{background:#f7eddd}
.program .num{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--t-mint);font-family:var(--serif);font-size:1.7rem;color:var(--sea-ink);margin-bottom:16px}
.program .feat:nth-child(2) .num{background:var(--t-pink)}
.program .feat:nth-child(3) .num{background:var(--t-blue)}
.program-cta{margin-top:40px;padding:30px 34px;border-radius:32px;background:var(--deep);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px}
.program-cta p{margin:0;color:#e9f4f1;max-width:34em;font-size:1.1rem}
.program-cta .btn{background:#fff;color:var(--deep)}
.program-cta .btn:hover{background:var(--t-mint)}

/* App */
.app{background:linear-gradient(180deg,#f7eddd,#e3f4f1)}
.app-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.ticks{list-style:none;padding:0;margin:20px 0 26px;display:grid;gap:12px}
.ticks li{position:relative;padding-left:30px;line-height:1.6;color:var(--ink-soft)}
.ticks li::before{content:'';position:absolute;left:0;top:.55em;width:14px;height:14px;border-radius:50%;background:var(--aqua)}
.ticks b{color:var(--ink);font-weight:500}
.badges{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px}
.badges img{height:48px;width:auto;display:block}
.soon{padding:4px 14px;border-radius:999px;background:var(--pink);font-family:var(--script);font-size:1.15rem;color:var(--ink)}
.phones{position:relative;min-height:500px}
.phones img{position:absolute;width:min(240px,48%);height:auto;aspect-ratio:780/1520;object-fit:cover;border-radius:34px;border:6px solid var(--ink);box-shadow:0 30px 60px -28px rgba(91,68,55,.7);background:#fff}
.phones .ph1{left:4%;top:0;transform:rotate(-4deg)}
.phones .ph2{right:4%;top:50px;transform:rotate(4deg)}

/* Testimonios */
.voices{background:#e3f4f1}

.close{padding-bottom:90px}
.close h2{max-width:20em;margin-left:auto;margin-right:auto}

@media (max-width:860px){
  .about .wrap,.app-grid{grid-template-columns:1fr;gap:36px}
  .photo-slot .ph{aspect-ratio:1/1}
  .photo-slot.tall .ph{aspect-ratio:1/1;border-radius:36px}
  .photo-slot{max-width:420px}
  .phones{width:100%;min-height:400px;max-width:420px;margin:0 auto}
  .phones img{width:46%}
  .program-cta{padding:26px}
}

/* Caminito de huellas */
.trail{position:absolute;left:0;top:0;width:100%;overflow:hidden;pointer-events:none;z-index:6}
.trail span{position:absolute;width:20px;height:32px;color:#b8a084;opacity:0;transition:opacity .9s var(--ease)}
.trail span.on{opacity:.55}
.trail svg{display:block;width:100%;height:100%;fill:currentColor}
@media (max-width:860px){.trail span{width:14px;height:22px}.trail span.on{opacity:.45}}