:root{
    --bg: #FAF6EF;
    --bg-alt: #F2EBDD;
    --bg-card: #FFFFFF;
    --border: rgba(42,39,51,0.11);
    --border-soft: rgba(42,39,51,0.07);
    --text: #2A2733;
    --text-dim: #6B6475;
    --text-faint: #9B94A3;
    --gold: #C79A3E;
    --gold-deep: #A87D2C;
    --gold-soft: rgba(199,154,62,0.13);
    --teal: #2FA393;
    --teal-soft: rgba(47,163,147,0.12);
    --violet: #8571D9;
    --violet-soft: rgba(133,113,217,0.12);
    --espresso: #2E2A28;
    --espresso-card: #38332F;
    --espresso-text: #F1E9DF;
    --espresso-text-dim: #B8ABA0;
    --espresso-gold: #D9A441;
    --espresso-violet: #9A86E8;
    --radius-lg: 22px;
    --radius-md: 16px;
    --radius-sm: 10px;
    color-scheme: light;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:'Inter',sans-serif;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *{animation-duration:0.001ms !important; transition-duration:0.001ms !important;}
  }
  .wrap{max-width:960px;margin:0 auto;padding-inline:20px;}
  .wrap-narrow{max-width:680px;margin:0 auto;padding-inline:20px;}
  .section-alt{background:var(--bg-alt);}
  a{color:inherit;}
  img{max-width:100%;}

  /* ---------- header ---------- */
  header{
    position:sticky;
    top:env(safe-area-inset-top,0px);
    z-index:40;
    background:rgba(250,246,239,0.88);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border-bottom:1px solid var(--border-soft);
  }
  .header-inner{
    max-width:960px;margin:0 auto;
    display:flex;justify-content:space-between;align-items:center;
    padding:16px 20px;
  }
  .header-inner{position:relative;}
  .logo{font-family:'Fraunces',serif;font-weight:600;font-size:17px;letter-spacing:0.01em;}
  .logo em{font-style:italic;color:var(--gold-deep);}
  a.logo-link{text-decoration:none;color:inherit;}
  nav{display:flex;gap:4px;align-items:center;}
  nav a{
    font-size:13.5px;color:var(--text-dim);text-decoration:none;
    padding:8px 12px;border-radius:20px;transition:background .15s, color .15s;
    white-space:nowrap;
  }
  nav a:hover{color:var(--text); background:var(--gold-soft);}
  nav a.is-active:not(.nav-cta){background:var(--gold-soft); color:var(--text);}
  nav a.nav-cta{
    background:var(--text);color:var(--bg);font-weight:600;padding:8px 16px;
  }
  nav a.nav-cta:hover{background:var(--gold-deep); color:#fff;}
  .menu-toggle{
    display:none;background:none;border:none;cursor:pointer;padding:8px;
    color:var(--text);border-radius:10px;
  }
  .menu-toggle:hover{background:var(--gold-soft);}
  @media (max-width:600px){
    .menu-toggle{display:inline-flex;align-items:center;justify-content:center;}
    header nav{
      position:absolute;top:100%;left:0;right:0;
      background:var(--bg);border-bottom:1px solid var(--border-soft);
      flex-direction:column;align-items:stretch;gap:2px;
      padding:8px 20px 16px;display:none;
      box-shadow:0 12px 20px -12px rgba(42,39,51,0.18);
    }
    header nav.is-open{display:flex;}
    header nav a{padding:12px 10px;border-radius:10px;}
    header nav a.nav-cta{margin-top:8px;text-align:center;}
  }

  /* ---------- hero ---------- */
  .hero{padding:64px 0 56px;text-align:center;}
  .hero-eyebrow{
    display:inline-flex;align-items:center;gap:7px;
    font-size:12px;text-transform:uppercase;letter-spacing:0.12em;
    color:var(--gold-deep);font-weight:700;margin:0 0 22px;
    background:var(--gold-soft);padding:7px 14px;border-radius:20px;
  }
  .hero h1{
    font-family:'Fraunces',serif;font-weight:500;
    font-size:clamp(30px,5.6vw,46px);line-height:1.16;
    margin:0 0 20px;letter-spacing:-0.015em;text-wrap:balance;
  }
  .hero h1 em{font-style:italic;color:var(--gold-deep);}
  .hero p{font-size:16.5px;color:var(--text-dim);max-width:460px;margin:0 auto 34px;text-wrap:balance;}

  .btn-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
  .btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:14px 26px;border-radius:30px;font-size:14.5px;font-weight:600;
    text-decoration:none;font-family:'Inter',sans-serif;border:1.5px solid transparent;
    transition:transform .15s ease, background .15s ease, border-color .15s ease;
  }
  .btn:active{transform:scale(0.97);}
  .btn-primary{background:var(--gold);color:#2A1E06;}
  .btn-primary:hover{background:var(--gold-deep);}
  .btn-secondary{background:transparent;color:var(--text);border-color:var(--border);}
  .btn-secondary:hover{border-color:var(--text-dim);}
  .btn-light{background:rgba(255,255,255,0.08);color:var(--espresso-text);border-color:rgba(241,233,223,0.25);}
  .btn-light:hover{background:rgba(255,255,255,0.16);}

  /* perspective triad graphic */
  .triad-caption{
    font-size:12.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:0.08em;
    font-weight:600;margin:0 0 22px;
  }
  .triad{
    display:grid;grid-template-columns:repeat(3,1fr);
    max-width:460px;margin:0 auto 8px;position:relative;
  }
  .triad::before{
    content:"";position:absolute;top:32px;left:16.6667%;right:16.6667%;height:1.5px;
    background:repeating-linear-gradient(90deg, var(--border) 0 6px, transparent 6px 11px);
    z-index:0;
  }
  .triad-node{
    display:flex;flex-direction:column;align-items:center;gap:10px;
    min-width:0;position:relative;z-index:1;padding-inline:4px;
  }
  .triad-circle{
    width:64px;height:64px;border-radius:50%;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 1px 0 var(--border-soft) inset;
    background:var(--bg);
  }
  .triad-circle svg{width:26px;height:26px;}
  .triad-label{
    font-size:12.5px;color:var(--text-dim);font-weight:600;text-align:center;line-height:1.3;
    overflow-wrap:break-word;max-width:100%;
  }
  @media (max-width:400px){
    .triad-circle{width:52px;height:52px;}
    .triad-circle svg{width:21px;height:21px;}
    .triad::before{top:26px;}
    .triad-label{font-size:11px;}
  }
  .triad-plus{
    text-align:center;font-size:12px;color:var(--text-faint);margin-top:14px;
    font-style:italic;
  }

  /* ---------- sections ---------- */
  section{padding:56px 0;border-top:1px solid var(--border-soft);}
  .section-head{max-width:560px;margin:0 0 30px;}
  .eyebrow{
    font-size:11.5px;text-transform:uppercase;letter-spacing:0.12em;
    color:var(--gold-deep);font-weight:700;margin:0 0 12px;
  }
  h2{font-family:'Fraunces',serif;font-weight:500;font-size:clamp(22px,3.4vw,28px);margin:0 0 14px;letter-spacing:-0.01em;text-wrap:balance;}
  .lede{color:var(--text-dim);font-size:15.5px;max-width:520px;}

  /* signals - condensed chips */
  .signals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;}
  @media (max-width:700px){.signals{grid-template-columns:1fr;}}
  .signal{
    background:var(--bg-card);border:1px solid var(--border-soft);
    border-radius:var(--radius-sm);padding:18px 16px;font-size:14px;color:var(--text-dim);
    position:relative;
  }
  .signal-mark{
    width:26px;height:26px;border-radius:50%;background:var(--gold-soft);
    display:flex;align-items:center;justify-content:center;margin-bottom:10px;
  }
  .signal-mark svg{width:13px;height:13px;color:var(--gold-deep);}
  .pending-tag{
    display:inline-block;font-size:10px;background:rgba(224,113,106,0.13);color:#b5453d;
    padding:2px 8px;border-radius:10px;margin-top:8px;font-family:'Inter',sans-serif;font-weight:600;
    letter-spacing:0.02em;
  }

  /* method */
  .method-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center;margin-top:6px;}
  @media (max-width:760px){.method-grid{grid-template-columns:1fr;gap:28px;}}
  .method-body{font-size:15px;color:var(--text-dim);}
  .method-body strong{color:var(--text);font-weight:600;}
  .perspective-list{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;}
  .perspective-list li{
    display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-dim);
  }
  .p-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
  .p-dot.gold{background:var(--gold);}
  .p-dot.violet{background:var(--violet);}
  .p-dot.teal{background:var(--teal);}
  .pnl-note{font-size:12.5px;color:var(--text-faint);margin-top:16px;font-style:italic;}

  .pull-quote{
    background:var(--espresso);color:var(--espresso-text);border-radius:var(--radius-lg);
    padding:30px 28px;position:relative;overflow:hidden;
  }
  .pull-quote::before{
    content:"";position:absolute;top:-30%;right:-15%;width:200px;height:200px;border-radius:50%;
    background:radial-gradient(circle, rgba(217,164,65,0.20), transparent 70%);
  }
  .pull-quote .q{font-family:'Fraunces',serif;font-style:italic;font-size:20px;margin:0 0 10px;position:relative;line-height:1.35;}
  .pull-quote .sub{font-size:13px;color:var(--espresso-text-dim);margin:0;position:relative;}

  /* exercise card */
  .exercise-card{
    background:var(--espresso);color:var(--espresso-text);border-radius:var(--radius-lg);
    padding:36px 32px;position:relative;overflow:hidden;
  }
  @media (max-width:480px){.exercise-card{padding:26px 20px;}}
  .exercise-card::before{
    content:"";position:absolute;top:-40%;right:-8%;width:240px;height:240px;border-radius:50%;
    background:radial-gradient(circle, rgba(217,164,65,0.20), transparent 70%);
  }
  .exercise-card::after{
    content:"";position:absolute;bottom:-30%;left:-6%;width:180px;height:180px;border-radius:50%;
    background:radial-gradient(circle, rgba(154,134,232,0.14), transparent 70%);
  }
  .exercise-card .eyebrow{color:var(--espresso-gold);position:relative;}
  .exercise-card h3{font-family:'Fraunces',serif;font-weight:500;font-size:22px;margin:0 0 10px;position:relative;}
  .exercise-card p{color:var(--espresso-text-dim);font-size:14.5px;margin:0 0 22px;max-width:440px;position:relative;}
  .exercise-meta{display:flex;gap:18px;margin-top:20px;position:relative;flex-wrap:wrap;}
  .exercise-meta span{font-size:12px;color:var(--espresso-text-dim);display:flex;align-items:center;gap:6px;}
  .exercise-meta svg{width:13px;height:13px;}

  /* value ladder */
  .ladder{display:flex;flex-direction:column;gap:14px;margin-top:28px;}
  .step{
    display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;
    background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-md);
    padding:20px 22px;position:relative;
  }
  @media (max-width:640px){
    .step{grid-template-columns:auto 1fr;}
    .step-price{grid-column:2;justify-self:start;margin-top:4px;}
  }
  .step-num{
    font-family:'Fraunces',serif;font-style:italic;font-size:22px;color:var(--text-faint);
    width:36px;text-align:center;
  }
  .step-body h4{margin:0 0 4px;font-size:15.5px;font-weight:600;font-family:'Inter',sans-serif;}
  .step-body p{margin:0;font-size:13.5px;color:var(--text-dim);}
  .step-price{
    font-family:'Fraunces',serif;font-size:15px;color:var(--gold-deep);white-space:nowrap;
    text-align:right;
  }
  .step-price small{display:block;font-family:'Inter',sans-serif;font-size:10.5px;color:var(--text-faint);font-weight:600;text-transform:uppercase;letter-spacing:0.06em;}
  .step.is-highlight{border-color:var(--gold); box-shadow:0 0 0 1px var(--gold-soft);}
  .step.is-future{
    background:transparent;border-style:dashed;
  }
  .step.is-future .step-body h4, .step.is-future .step-price{color:var(--text-faint);}
  .step-connector{
    width:1.5px;height:14px;background:var(--border);margin-left:36px;
  }

  /* pricing */
  .price-box{
    background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);
    padding:32px 30px;margin-top:26px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;
  }
  @media (max-width:480px){.price-box{padding:24px 22px;}}
  .price-tag{font-family:'Fraunces',serif;font-size:34px;color:var(--gold-deep);margin:0 0 2px;}
  .price-tag span{font-size:14px;color:var(--text-dim);font-family:'Inter',sans-serif;font-weight:500;}
  .price-detail{font-size:13.5px;color:var(--text-dim);max-width:340px;margin:8px 0 0;}
  .price-cta{display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
  .price-note{font-size:11.5px;color:var(--text-faint);}

  /* about */
  .about{display:flex;gap:26px;align-items:flex-start;margin-top:24px;}
  @media (max-width:560px){.about{flex-direction:column;align-items:center;text-align:center;}}
  .about-photo{
    width:104px;height:104px;border-radius:50%;flex-shrink:0;
    background:linear-gradient(135deg, var(--gold-soft), var(--violet-soft));
    display:flex;align-items:center;justify-content:center;
    font-family:'Fraunces',serif;font-style:italic;color:var(--text-faint);font-size:12px;text-align:center;
  }
  .about-text p{font-size:14.5px;color:var(--text-dim);font-style:italic;margin:0 0 10px;}

  /* closing */
  .closing{text-align:center;padding:76px 0 64px;}
  .closing h2{font-size:clamp(22px,3.6vw,28px);}
  .closing p{color:var(--text-dim);margin:0 0 28px;}

  footer{padding:26px 0 44px;text-align:center;font-size:12px;color:var(--text-faint);}
  .footer-inner{display:flex;flex-direction:column;gap:6px;align-items:center;}

  /* ---------- sub-pages (ejercicios / audios / agendar) ---------- */
  .view{display:block;}
  .page-hero{padding:52px 0 44px;text-align:center;border-top:none;}
  .page-hero h1{
    font-family:'Fraunces',serif;font-weight:500;font-size:clamp(26px,4.6vw,36px);
    margin:0 0 14px;letter-spacing:-0.01em;text-wrap:balance;
  }
  .page-hero p{color:var(--text-dim);font-size:15.5px;max-width:480px;margin:0 auto;text-wrap:balance;}

  .exercise-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px;}
  @media (max-width:700px){.exercise-grid{grid-template-columns:1fr;}}
  .ex-card{
    background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-md);
    padding:26px 24px;display:flex;flex-direction:column;
  }
  .ex-card h3{font-family:'Fraunces',serif;font-weight:500;font-size:19px;margin:0 0 10px;}
  .ex-card p{font-size:14px;color:var(--text-dim);margin:0 0 18px;flex-grow:1;}
  .ex-card .btn{align-self:flex-start;}
  .ex-card.is-future{background:transparent;border-style:dashed;}
  .ex-card.is-future h3, .ex-card.is-future p{color:var(--text-faint);}

  .audio-demo{
    background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-md);
    padding:24px 22px;margin-top:26px;
  }
  .audio-demo audio{width:100%;margin-top:12px;}
  .audio-demo .pending-tag{margin-top:12px;}

  .facil-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px;}
  @media (max-width:640px){.facil-grid{grid-template-columns:1fr;}}
  .facil-card{
    background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-md);
    padding:26px 24px;text-align:center;
  }
  .facil-photo{
    width:88px;height:88px;border-radius:50%;margin:0 auto 14px;
    background:linear-gradient(135deg, var(--gold-soft), var(--violet-soft));
    display:flex;align-items:center;justify-content:center;
    font-family:'Fraunces',serif;font-style:italic;color:var(--text-faint);font-size:11.5px;text-align:center;
  }
  .facil-card h3{font-family:'Fraunces',serif;font-weight:500;font-size:17px;margin:0 0 4px;}
  .facil-role{font-size:12.5px;color:var(--text-faint);margin:0 0 14px;}
  .facil-card .btn{width:100%;justify-content:center;}

  .cta-band{
    background:var(--espresso);color:var(--espresso-text);border-radius:var(--radius-lg);
    padding:32px 28px;text-align:center;margin-top:40px;
  }
  .cta-band h3{font-family:'Fraunces',serif;font-weight:500;font-size:20px;margin:0 0 8px;}
  .cta-band p{color:var(--espresso-text-dim);font-size:14px;margin:0 0 20px;max-width:420px;margin-inline:auto;}