:root{
 --bg:#061014;--bg2:#0a1518;--cream:#efe6d3;--muted:#b8ae9c;
 --gold:#c5a15b;--gold2:#e3c47f;--line:rgba(197,161,91,.34);
 --paper:#e9dfca;--ink:#171613;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--cream);font-family:Inter,sans-serif}
a{color:inherit}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 4vw;background:rgba(5,13,16,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand-lockup{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-alef{font-family:"Cormorant Garamond",serif;font-size:42px;color:var(--gold2);line-height:.8}
.brand-lockup strong{display:block;font:600 17px/1 "Cormorant Garamond",serif;letter-spacing:.13em}
.brand-lockup small{display:block;margin-top:5px;color:#bdaa84;font-size:10px;letter-spacing:.08em}
nav{display:flex;gap:22px;align-items:center}
nav a{text-decoration:none;font-size:12px;color:#d8cdb9}
.nav-gold{color:var(--gold2)!important}

.hero-v21{position:relative;min-height:88vh;overflow:hidden;border-bottom:1px solid var(--line);background:
linear-gradient(90deg,rgba(5,12,15,.95) 0%,rgba(5,12,15,.72) 48%,rgba(5,12,15,.15) 100%),
radial-gradient(circle at 73% 38%,rgba(231,192,110,.18),transparent 18%),
linear-gradient(180deg,#071116,#0a1415)}
.hero-sky{position:absolute;inset:0;background:
radial-gradient(circle at 75% 22%,rgba(255,222,153,.18),transparent 11%),
radial-gradient(circle at 82% 38%,rgba(231,192,110,.08),transparent 20%),
linear-gradient(180deg,rgba(7,20,27,.2),rgba(3,10,12,.68));
}
.hero-sky:before{content:"";position:absolute;inset:0;opacity:.28;background-image:
radial-gradient(circle at 10% 18%,#d9bd7c 0 1px,transparent 1.5px),
radial-gradient(circle at 36% 11%,#fff0c0 0 1px,transparent 1.5px),
radial-gradient(circle at 64% 15%,#d9bd7c 0 1px,transparent 1.5px),
radial-gradient(circle at 89% 10%,#fff0c0 0 1px,transparent 1.5px),
radial-gradient(circle at 78% 32%,#d9bd7c 0 1px,transparent 1.5px);
background-size:240px 180px,310px 230px,280px 220px,350px 260px,220px 170px}
.hero-grid{position:relative;z-index:2;width:min(92%,1450px);margin:auto;min-height:82vh;display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:center;padding:7vh 0 8vh}
.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--gold2);margin-bottom:22px}
.hero-copy h1{font:600 clamp(4rem,7vw,8rem)/.88 "Cormorant Garamond",serif;letter-spacing:-.035em;margin:0;max-width:850px;text-wrap:balance}
.hero-sub{max-width:690px;font-size:16px;line-height:1.65;color:#d6cdbd;margin:28px 0}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;text-decoration:none;padding:16px 22px;border:1px solid var(--gold);font-size:11px;letter-spacing:.1em}
.btn.gold{background:linear-gradient(100deg,#b88d44,#dfbf79);color:#10100d;border-color:#d8b66c;font-weight:600}
.btn.outline{background:rgba(5,12,15,.36)}
.hero-mantra{margin-top:32px;color:#a99a80;font:500 18px/1.3 "Cormorant Garamond",serif;font-style:italic}

.hero-portrait-zone{position:relative;min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero-alef{position:relative;z-index:5;font:600 110px/1 "Cormorant Garamond",serif;color:var(--gold2);text-shadow:0 0 45px rgba(220,185,113,.22);margin-bottom:-5px}
.portrait-wrap{position:relative;z-index:4;width:min(70%,420px);aspect-ratio:1/1;border-radius:50%;padding:8px;border:1px solid var(--gold);background:rgba(6,16,20,.7);box-shadow:0 0 90px rgba(197,161,91,.14)}
.portrait-wrap img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.sacred-ring{position:absolute;border:1px solid rgba(197,161,91,.22);border-radius:50%}
.ring-1{width:510px;height:510px}
.ring-2{width:610px;height:610px;border-style:dashed;animation:spin 60s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.portrait-caption{text-align:center;margin-top:22px;position:relative;z-index:4}
.portrait-caption strong{display:block;font:600 29px/1 "Cormorant Garamond",serif;letter-spacing:.04em}
.portrait-caption span{display:block;margin-top:9px;color:var(--gold2);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.hero-symbols{position:relative;z-index:3;display:flex;justify-content:center;align-items:center;gap:14px;padding:17px;border-top:1px solid rgba(197,161,91,.18);font-size:9px;letter-spacing:.18em;color:#b8a47a}
.hero-symbols i{width:28px;height:1px;background:rgba(197,161,91,.4)}
.threshold{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;padding:26px 6vw;background:#0a1112}
.threshold-line{height:1px;background:var(--line)}
.threshold p{margin:0;color:var(--gold2);font:500 19px "Cormorant Garamond",serif;font-style:italic}

/* Re-style legacy content blocks so the whole site belongs to the new system */
section:not(.hero-v21):not(.threshold){padding:90px max(5vw,24px)}
section:not(.hero-v21):not(.threshold):nth-of-type(even){background:#0b1517}
section:not(.hero-v21):not(.threshold):nth-of-type(odd){background:#0f1110}
h2,h3{font-family:"Cormorant Garamond",serif}
h2{font-size:clamp(2.8rem,5vw,5.2rem);line-height:.95;margin-top:0}
p{line-height:1.7;color:#d2c8b7}
.card,.path-card,.session-card,.digital-card-cta,.meta-item{
 background:linear-gradient(145deg,rgba(16,28,31,.92),rgba(9,17,19,.92))!important;
 border:1px solid var(--line)!important;box-shadow:none!important
}
.path-card,.card,.session-card{padding:26px}
.path-card:hover,.card:hover{border-color:var(--gold)!important;transform:translateY(-2px)}
.meta-item span,.digital-card-kicker{color:var(--gold2)!important;letter-spacing:.16em}
.price-item strong{display:block;margin-top:.34rem}
.continuity-option{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}
.about{padding-top:125px!important}
.portrait-photo{position:relative;overflow:visible!important}
.portrait-photo img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%;border:2px solid var(--gold);padding:6px;background:#071116}
.portrait-alef{position:absolute;left:50%;top:-80px;transform:translateX(-50%);font:600 78px/1 "Cormorant Garamond",serif;color:var(--gold2);z-index:5}
.digital-card-cta{padding:28px!important}
footer{display:flex;justify-content:space-between;gap:20px;padding:28px 4vw;background:#040a0c;border-top:1px solid var(--line);font-size:11px;color:#8f8573}

@media(max-width:980px){
 nav{display:none}
 .hero-grid{grid-template-columns:1fr;padding-top:70px}
 .hero-copy{text-align:center}
 .hero-copy h1{margin:auto}
 .hero-sub{margin-left:auto;margin-right:auto}
 .hero-actions{justify-content:center}
 .hero-portrait-zone{min-height:560px}
 .ring-1{width:430px;height:430px}.ring-2{width:520px;height:520px}
}
@media(max-width:620px){
 .site-header{padding:14px 18px}.brand-lockup small{display:none}
 .hero-grid{width:90%;gap:18px}
 .hero-copy h1{font-size:clamp(3.4rem,17vw,5.4rem);line-height:.9}
 .hero-sub{font-size:14px}
 .hero-actions{display:grid}.btn{text-align:center}
 .hero-portrait-zone{min-height:470px}
 .hero-alef{font-size:80px}
 .portrait-wrap{width:72%}
 .ring-1{width:330px;height:330px}.ring-2{width:400px;height:400px}
 .portrait-caption strong{font-size:25px}
 .hero-symbols{gap:7px;overflow:hidden}.hero-symbols i{width:12px}
 section:not(.hero-v21):not(.threshold){padding:65px 20px}
 footer{display:block;text-align:center}footer div+div{margin-top:8px}
}

.application-section{background:linear-gradient(135deg,#e9dfca,#dcd0b7)!important;color:#171613!important}
.application-grid{width:min(92%,1200px);margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:start}
.application-intro h2{color:#171613}.application-intro p{color:#514a3f}
.form-kicker{color:#866a35;font-size:10px;letter-spacing:.2em}
.form-note{font-family:"Cormorant Garamond",serif;font-size:20px}
.mail-direct{display:inline-block;margin-top:14px;color:#6d542b;text-decoration:none;border-bottom:1px solid #9c7b42;padding-bottom:4px;font-size:13px}
.application-form{display:grid;gap:17px;padding:30px;border:1px solid rgba(91,70,34,.35);background:rgba(255,255,255,.25)}
.application-form label{display:grid;gap:8px;color:#322d25;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.application-form input,.application-form select,.application-form textarea{width:100%;border:0;border-bottom:1px solid #9c8661;background:rgba(255,255,255,.25);padding:13px 10px;font:400 15px Inter;color:#171613;outline:none}
.application-form textarea{border:1px solid #ad9874;resize:vertical}
.application-form input:focus,.application-form select:focus,.application-form textarea:focus{border-color:#6e542b}
.form-submit{border:0;cursor:pointer;width:100%;margin-top:5px}
.hidden-field{position:absolute!important;left:-9999px!important}
@media(max-width:800px){.application-grid{grid-template-columns:1fr;gap:35px}.application-form{padding:22px}}

/* V24 — SOLO reduce la fotografía de la sección "Sobre mí".
   El retrato de portada Cábala · Percepción · Consciencia queda intacto. */
#sobre-mi .portrait-photo{
  width:min(68%,360px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#sobre-mi .portrait-photo img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
}
#sobre-mi .portrait-alef{
  font-size:64px!important;
  top:-62px!important;
}
@media(max-width:700px){
  #sobre-mi .portrait-photo{width:min(72%,290px)!important}
  #sobre-mi .portrait-alef{font-size:56px!important;top:-54px!important}
}

/* V25 — sendero biográfico místico en Sobre mí */
.mystic-journey{position:relative;max-width:430px;margin:10px auto 0;padding:85px 20px 25px 68px;min-height:760px}
.journey-tree{position:absolute;top:-8px;left:50%;transform:translateX(-50%);font:600 92px/1 "Cormorant Garamond",serif;color:var(--gold2);text-shadow:0 0 40px rgba(227,196,127,.2)}
.journey-line{position:absolute;top:100px;bottom:32px;left:37px;width:1px;background:linear-gradient(180deg,rgba(227,196,127,.1),var(--gold),rgba(227,196,127,.15))}
.journey-line:before,.journey-line:after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:70px;height:70px;border:1px solid rgba(197,161,91,.12);border-radius:50%}
.journey-line:before{top:13%}.journey-line:after{bottom:12%}
.journey-step{position:relative;margin:0 0 42px;padding-left:12px}
.journey-dot{position:absolute;left:-39px;top:4px;width:11px;height:11px;border-radius:50%;background:var(--gold2);border:3px solid #0b1517;box-shadow:0 0 0 1px var(--gold),0 0 22px rgba(227,196,127,.35)}
.journey-step small{display:block;color:var(--gold2);font-size:9px;letter-spacing:.22em;margin-bottom:7px}
.journey-step strong{display:block;font:600 22px/1.1 "Cormorant Garamond",serif;color:var(--cream)}
.journey-step p{font-size:12px;line-height:1.55;margin:8px 0 0;color:#a99f8e}
.final-step{margin-bottom:0;padding-top:6px}
.final-step strong{color:var(--gold2);font-size:24px}
@media(max-width:700px){
 .mystic-journey{max-width:360px;padding-left:58px;padding-right:4px}
 .journey-line{left:30px}
 .journey-dot{left:-34px}
 .journey-tree{font-size:78px}
}

/* V28 — lenguaje más orgánico/editorial, menos "cuadrículas" */
:root{
  --soft-cream:#efe7d6;
  --soft-cream-2:#e7dcc6;
}

/* Contenedores generales: más aire y menos cajas */
section:not(.hero-v21):not(.threshold){
  position:relative;
  overflow:hidden;
}
section:not(.hero-v21):not(.threshold) > *{
  position:relative;
  z-index:2;
}

/* Eliminamos la sensación de tarjeta repetida */
.card,
.path-card,
.session-card,
.digital-card-cta,
.meta-item{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}

/* Las agrupaciones pasan a sentirse como piezas editoriales */
.path-card,
.card,
.session-card{
  position:relative;
  padding:24px 10px 28px 34px!important;
}
.path-card:before,
.card:before,
.session-card:before{
  content:"";
  position:absolute;
  left:0;
  top:17px;
  width:10px;
  height:10px;
  border:1px solid var(--gold);
  border-radius:50%;
  box-shadow:0 0 18px rgba(227,196,127,.20);
}
.path-card:after,
.card:after,
.session-card:after{
  content:"";
  position:absolute;
  left:5px;
  top:38px;
  bottom:8px;
  width:1px;
  background:linear-gradient(180deg,var(--gold),transparent);
  opacity:.55;
}

/* Rejillas más sueltas y asimétricas */
.cards,
.paths,
.sessions-grid,
.grid,
.modules-grid{
  gap:36px 58px!important;
}
.cards > *,
.paths > *,
.sessions-grid > *,
.modules-grid > *{
  transform:none!important;
}

/* Sección "Cábala desde cero": fondo claro y estructura tipo recorrido */
#desde-cero{
  background:
    radial-gradient(circle at 15% 20%,rgba(196,160,88,.12),transparent 22%),
    linear-gradient(180deg,var(--soft-cream),var(--soft-cream-2))!important;
  color:var(--ink)!important;
}
#desde-cero h2,
#desde-cero h3,
#desde-cero strong{color:var(--ink)!important}
#desde-cero p{color:#534c41!important}
#desde-cero .path-card:before,
#desde-cero .card:before{border-color:#8e6d34;box-shadow:none}
#desde-cero .path-card:after,
#desde-cero .card:after{background:linear-gradient(180deg,#8e6d34,transparent)}
#desde-cero:before{
  content:"א";
  position:absolute;
  right:-2vw;
  top:20px;
  font:600 26vw/1 "Cormorant Garamond",serif;
  color:rgba(98,76,41,.055);
}

/* Enfoque: composición fluida con halo, sin módulos cerrados */
#enfoque{
  background:
    radial-gradient(circle at 75% 45%,rgba(197,161,91,.10),transparent 28%),
    linear-gradient(180deg,#0b1517,#091214)!important;
}
#enfoque:before{
  content:"";
  position:absolute;
  width:520px;height:520px;
  border:1px solid rgba(197,161,91,.10);
  border-radius:50%;
  right:-180px;top:80px;
}
#enfoque:after{
  content:"";
  position:absolute;
  width:330px;height:330px;
  border:1px dashed rgba(197,161,91,.12);
  border-radius:50%;
  right:-80px;top:175px;
}

/* Sesiones: más elegante y menos bloque comercial */
#sesiones{
  background:linear-gradient(180deg,#071116,#0a1415)!important;
}
#sesiones .session-card{
  padding:30px 18px 34px 42px!important;
}
#sesiones .price-item{
  border-top:1px solid rgba(197,161,91,.22);
  padding-top:18px;
  margin-top:18px;
}
#sesiones .continuity-option{
  border-top:1px solid rgba(197,161,91,.22)!important;
}

/* Sobre mí: mantener el sendero, pero fundirlo más con la página */
#sobre-mi{
  background:
    radial-gradient(circle at 20% 50%,rgba(197,161,91,.08),transparent 25%),
    linear-gradient(180deg,#0d1718,#0a1213)!important;
}
.mystic-journey{
  max-width:460px!important;
  padding-right:30px!important;
}
.journey-step{
  margin-bottom:48px!important;
}
.journey-step strong{
  font-size:24px!important;
}

/* Reflexiones: formato tipo citas/editorial */
#reflexiones{
  background:
    linear-gradient(180deg,var(--soft-cream-2),#f1e9da)!important;
  color:var(--ink)!important;
}
#reflexiones h2,#reflexiones h3,#reflexiones strong{color:var(--ink)!important}
#reflexiones p{color:#574f43!important}
#reflexiones .card,
#reflexiones .path-card{
  padding:26px 0 34px 38px!important;
  border-bottom:1px solid rgba(98,76,41,.18)!important;
}
#reflexiones .card:before,
#reflexiones .path-card:before{
  border-color:#8a6c39;
}
#reflexiones .card:after,
#reflexiones .path-card:after{
  background:linear-gradient(180deg,#8a6c39,transparent);
}

/* Formulario: deja de ser una caja y pasa a ser una pieza abierta */
.application-section{
  background:
    radial-gradient(circle at 90% 20%,rgba(119,87,38,.09),transparent 20%),
    linear-gradient(135deg,#eee6d6,#dfd3bc)!important;
}
.application-form{
  background:transparent!important;
  border:0!important;
  padding:10px 0 10px 18px!important;
  position:relative;
}
.application-form:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:1px;
  background:linear-gradient(180deg,transparent,#9e7d46,transparent);
}
.application-form input,
.application-form select,
.application-form textarea{
  background:transparent!important;
  border-radius:0!important;
}
.application-form textarea{
  border:0!important;
  border-bottom:1px solid #9c8661!important;
}

/* Contacto: menos CTA-caja, más cierre de página */
#contacto{
  background:linear-gradient(180deg,#0a1213,#050b0d)!important;
  text-align:center;
}
#contacto .digital-card-cta{
  max-width:760px;
  margin:34px auto 0!important;
  padding:30px 0!important;
  border-top:1px solid var(--line)!important;
  border-bottom:1px solid var(--line)!important;
}

/* Separadores suaves entre secciones */
#desde-cero:after,
#sesiones:after,
#reflexiones:after{
  content:"";
  position:absolute;
  left:8%;right:8%;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(197,161,91,.28),transparent);
}

/* Titulares con más gesto editorial */
section:not(.hero-v21):not(.threshold) h2{
  max-width:850px;
  letter-spacing:-.025em;
}
section:not(.hero-v21):not(.threshold) h2:after{
  content:"";
  display:block;
  width:56px;height:1px;
  background:var(--gold);
  margin-top:22px;
  opacity:.8;
}

/* En móvil, mantener fluidez y evitar apilamiento rígido */
@media(max-width:800px){
  .cards,.paths,.sessions-grid,.grid,.modules-grid{
    gap:18px!important;
  }
  .path-card,.card,.session-card{
    padding-left:28px!important;
  }
  #desde-cero:before{font-size:62vw;right:-18vw}
  .application-form{padding-left:14px!important}
}