/* Cuaderno de Kabbalah — estilos del sitio (convertidos del diseño aprobado) */
:root{
  --noche:#0f1433; --noche-2:#141a3f; --noche-3:#1a2250; --pie:#0b0f28; --borde-noche:#262d63;
  --crema:#f5efe2; --papel:#fffaf0; --borde-papel:#e4d9bf; --linea-papel:#d9ccad; --borde-boton:#b9ad8f;
  --oro:#e2bd6a; --oro-claro:#f3d48f; --oro-hover:#f0cc7c;
  --tinta:#1b2150; --tinta-suave:#464b6b; --tinta-tenue:#5a5f80; --azul:#3a5fa8; --azul-hover:#22417d;
  --texto-noche:#e9e3d2; --titulo-noche:#f6efdc; --suave-noche:#c9cbe0; --tenue-noche:#aab0d6;
  --serif:'Cormorant Garamond',Georgia,serif; --sans:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif; --hebreo:'Frank Ruhl Libre',serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--noche);color:var(--texto-noche);font-family:var(--sans);font-size:19px;line-height:1.6}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:600;line-height:1.1}
p{margin:0}
a{color:var(--oro)} a:hover{color:var(--oro-claro)}
:focus-visible{outline:3px solid var(--oro);outline-offset:3px}
.claro :focus-visible{outline-color:var(--azul)}
.saltar{position:absolute;left:-9999px;top:0;background:var(--oro);color:var(--noche-2);padding:12px 20px;z-index:10;font-weight:700}
.saltar:focus{left:16px;top:16px}
.contenedor{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}
.angosto{max-width:1000px}
.pila{display:flex;flex-direction:column}
.claro{background:var(--crema);color:var(--tinta)}
.claro a{color:var(--azul)} .claro a:hover{color:var(--azul-hover)}
.oscuro{background:var(--noche)} .oscuro-2{background:var(--noche-2)}

/* Encabezado */
.encabezado{border-bottom:1px solid var(--borde-noche);background:var(--noche)}
.encabezado .contenedor{padding-top:18px;padding-bottom:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.marca{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f3ead3;min-height:44px}
.marca:hover{color:#f3ead3}
.sello{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--oro);display:flex;align-items:center;justify-content:center;font-family:var(--hebreo);font-size:22px;color:var(--oro)}
.marca-nombre{font-family:var(--serif);font-size:26px;font-weight:600}
.menu{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;font-size:18px}
.menu a{color:var(--texto-noche);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.menu a:hover,.menu a[aria-current="page"]{color:var(--oro)}
.menu a.boton-oro{color:var(--noche-2)}
.dominio{font-size:16px;color:var(--tenue-noche)}

/* Botones */
.boton{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;font-weight:700;text-decoration:none;padding:16px 28px;font-size:19px;line-height:1.2;text-align:center;border:0;font-family:inherit;cursor:pointer}
.boton-oro{background:var(--oro);color:var(--noche-2)} .boton-oro:hover{background:var(--oro-hover);color:var(--noche-2)}
.claro .boton-oro{color:var(--noche-2)}
.boton-linea{border:1.5px solid var(--oro);color:var(--oro-claro);font-weight:600;padding:15px 28px} .boton-linea:hover{background:rgba(226,189,106,.12);color:var(--oro-claro)}
.boton-tinta{background:var(--tinta);color:var(--titulo-noche)} .boton-tinta:hover,.claro .boton-tinta:hover{background:#2a3373;color:var(--titulo-noche)}
.claro .boton-tinta{color:var(--titulo-noche)}
.boton-chico{padding:10px 20px;font-size:18px}
.botones{display:flex;flex-wrap:wrap;gap:16px}

/* Textos comunes */
.antetitulo{font-size:16px;letter-spacing:.14em;text-transform:uppercase;color:var(--oro);font-weight:600}
.titulo-grande{font-size:clamp(44px,8vw,72px);line-height:1.05;color:var(--titulo-noche)}
.titulo-pagina{font-size:clamp(42px,7vw,64px);line-height:1.05;color:var(--titulo-noche)}
.titulo-seccion{font-size:clamp(36px,5.5vw,52px)}
.oscuro .titulo-seccion,.oscuro-2 .titulo-seccion{color:var(--titulo-noche)}
.bajada{font-size:21px;color:var(--suave-noche);max-width:640px}
.nota{font-size:20px;color:var(--tinta-suave)}
.suave{color:var(--suave-noche)}
.claro .suave{color:var(--tinta-suave)}

/* Portada */
.portada{background:radial-gradient(ellipse at 75% 30%,#1d2a6b 0%,var(--noche) 60%)}
.portada .contenedor{padding-top:96px;padding-bottom:104px;display:flex;flex-wrap:wrap;align-items:center;gap:56px}
.portada-texto{flex:999 1 520px;min-width:0;gap:28px}
.portada-arbol{flex:1 1 280px;display:flex;justify-content:center}
.portada-arbol img{width:340px}

.seccion{padding-top:96px;padding-bottom:96px}
.cabeza-seccion{gap:12px;max-width:760px}

/* Tarjetas */
.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:28px}
.tarjeta{text-decoration:none;color:var(--tinta);background:var(--papel);border:1.5px solid var(--borde-papel);border-radius:20px;padding:36px;display:flex;flex-direction:column;gap:16px}
.claro .tarjeta,.claro .tarjeta:hover{color:var(--tinta)}
.tarjeta:hover{border-color:var(--oro)}
.letra{font-family:var(--hebreo);font-size:44px;color:var(--azul);line-height:1.2}
.tarjeta-titulo{font-family:var(--serif);font-size:32px;font-weight:700;line-height:1.15}
.tarjeta-texto{color:var(--tinta-suave)}
.tarjeta-accion{font-weight:700;color:var(--azul)}

/* Quién escribe */
.quien .contenedor{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.quien-imagen{flex:1 1 360px;aspect-ratio:4/3;border-radius:20px;background:var(--noche-3);border:1px dashed #4a5390;display:flex;align-items:center;justify-content:center;color:var(--tenue-noche);font-size:16px;text-align:center;padding:24px;overflow:hidden}
.quien-imagen.con-foto{padding:0;border:0}
.quien-imagen img{width:100%;height:100%;object-fit:cover}
.quien-texto{flex:999 1 480px;min-width:0;gap:20px}

/* Lo último */
.ultimo-cabeza{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}
.ultimo-cabeza a{font-weight:700;min-height:44px;display:inline-flex;align-items:center}
.video{text-decoration:none;color:var(--tinta);display:flex;flex-direction:column;gap:14px}
.claro .video,.claro .video:hover{color:var(--tinta)}
.miniatura{aspect-ratio:16/9;border-radius:14px;background:var(--noche-3);overflow:hidden}
.miniatura img{width:100%;height:100%;object-fit:cover}
.video:hover .miniatura{outline:2px solid var(--oro);outline-offset:3px}
.video-serie{font-size:15px;color:var(--tinta-tenue);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.video-titulo{font-family:var(--serif);font-size:28px;font-weight:700;line-height:1.2}

/* Membresía */
.niveles{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}
.nivel{background:var(--noche-3);border:1px solid #2f3a7a;border-radius:20px;padding:36px;display:flex;flex-direction:column;gap:16px}
.nivel.destacado{border:1.5px solid var(--oro)}
.nivel-cabeza{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.nivel h3{font-size:34px;color:var(--titulo-noche)}
.precio{font-size:22px;font-weight:700;color:var(--oro)}

/* Llamado al PDF */
.llamado .contenedor{padding-top:80px;padding-bottom:80px;display:flex;flex-wrap:wrap;gap:40px;align-items:center;justify-content:space-between}
.llamado-texto{flex:999 1 480px;min-width:0;gap:10px}
.llamado h2{font-size:clamp(34px,5vw,44px)}
.caja-tinta{background:var(--tinta);color:var(--texto-noche);border-radius:20px;padding:40px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.caja-tinta h2{font-size:36px;color:var(--titulo-noche)}
.caja-tinta .pila{flex:999 1 420px;min-width:0;gap:8px}
.caja-tinta p{color:var(--suave-noche)}

/* Pie */
.pie{background:var(--pie);border-top:1px solid var(--borde-noche)}
.pie .contenedor{padding-top:48px;padding-bottom:48px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;font-size:16px;color:var(--tenue-noche)}
.pie-nombre{font-family:var(--serif);font-size:22px;color:#f3ead3}
.pie nav{display:flex;flex-wrap:wrap;gap:4px 24px}
.pie a{color:var(--texto-noche);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.pie a:hover{color:var(--oro-claro)}
.pie-corto .contenedor{padding-top:36px;padding-bottom:36px}
.pie-corto a{color:var(--oro);text-decoration:underline}

/* Aprende en orden */
.cabecera-pagina .contenedor{padding-top:80px;padding-bottom:72px;gap:20px}
.cabecera-pagina .bajada{max-width:720px}
.ruta{padding-top:56px;padding-bottom:96px;gap:40px}
.filtros{display:flex;flex-wrap:wrap;gap:12px}
.filtros[hidden]{display:none}
.filtro{min-height:44px;padding:10px 22px;border-radius:999px;font:inherit;font-size:17px;font-weight:600;cursor:pointer;background:transparent;color:var(--tinta);border:1.5px solid var(--borde-boton)}
.filtro[aria-pressed="true"]{background:var(--tinta);color:var(--titulo-noche);border-color:var(--tinta)}
.grupo{gap:20px}
.grupo[hidden]{display:none}
.grupo-cabeza{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;border-bottom:1.5px solid var(--linea-papel);padding-bottom:12px}
.grupo-cabeza h2{font-size:40px;font-weight:700}
.grupo-cabeza span{color:var(--tinta-tenue);font-size:17px}
.pasos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.paso{text-decoration:none;color:var(--tinta);background:var(--papel);border:1.5px solid var(--borde-papel);border-radius:16px;padding:18px 22px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.claro .paso,.claro .paso:hover{color:var(--tinta)}
.paso:hover{border-color:var(--azul)}
.paso-numero{width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:var(--tinta);color:var(--oro);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}
.paso-miniatura{width:160px;flex:0 0 160px;aspect-ratio:16/9;border-radius:10px;background:var(--noche-3);overflow:hidden}
.paso-miniatura img{width:100%;height:100%;object-fit:cover}
.paso-texto{flex:999 1 260px;min-width:0;display:flex;flex-direction:column;gap:4px}
.paso-titulo{font-family:var(--serif);font-size:27px;font-weight:700;line-height:1.2}
.paso-meta{font-size:16px;color:var(--tinta-tenue)}
.paso-accion{font-weight:700;color:var(--azul);font-size:17px}

/* 10 sefirot */
.landing{background:radial-gradient(ellipse at 20% 20%,#1d2a6b 0%,var(--noche) 60%)}
.landing .contenedor{padding-top:88px;padding-bottom:88px;display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.landing-texto{flex:999 1 520px;min-width:0;gap:24px}
.landing h1{font-size:clamp(44px,7.5vw,68px);line-height:1.05;color:var(--titulo-noche)}
.lista-check{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.lista-check li{display:flex;gap:14px;align-items:flex-start}
.lista-check span:first-child{color:var(--oro);font-weight:700}
.panel{flex:1 1 400px;min-width:0;background:var(--crema);color:var(--tinta);border-radius:24px;padding:40px}
.panel h2{font-size:36px;font-weight:700;line-height:1.1}
.formulario{gap:20px}
.campo{display:flex;flex-direction:column;gap:8px}
.campo label{font-weight:600}
.campo input{font:inherit;font-size:19px;padding:14px 16px;border-radius:12px;border:1.5px solid var(--borde-boton);background:var(--papel);color:var(--tinta);min-height:52px;width:100%}
.campo input:focus{outline:3px solid var(--oro);outline-offset:2px}
.formulario .boton{font-size:20px;min-height:56px}
.letra-chica{font-size:15px;color:var(--tinta-suave)}
.panel a.boton-tinta{color:var(--titulo-noche)}
.gracias{gap:18px;align-items:flex-start}
.gracias .letra{font-size:52px}
.gracias h2,.gracias h1{font-size:38px;font-weight:700;line-height:1.1;color:var(--tinta)}
.gracias p{color:var(--tinta-suave)}
.enlace-volver{font-size:16px;padding:8px 0;min-height:44px;display:inline-flex;align-items:center}
.sefirot{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:18px}
.sefira{background:var(--papel);border:1.5px solid var(--borde-papel);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.sefira-he{font-family:var(--hebreo);font-size:30px;color:var(--azul);line-height:1.2}
.sefira-nombre{font-family:var(--serif);font-size:26px;font-weight:700}
.sefira-pagina{font-size:15px;color:var(--tinta-tenue)}
.cita .contenedor{max-width:900px;padding-top:80px;padding-bottom:80px;gap:18px;align-items:center;text-align:center}
.cita p{font-family:var(--serif);font-size:32px;line-height:1.3;color:var(--titulo-noche)}
.cita a{font-weight:600;min-height:44px;display:inline-flex;align-items:center}

/* Tienda */
.producto{background:var(--papel);border:1.5px solid var(--borde-papel);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.producto-portada{aspect-ratio:4/3;background:var(--noche-3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.producto-portada .letra{font-size:64px;color:var(--oro);line-height:1}
.producto-portada span:last-child{font-size:14px;color:var(--tenue-noche);letter-spacing:.1em;text-transform:uppercase}
.producto-cuerpo{padding:26px;display:flex;flex-direction:column;gap:12px;flex:1}
.producto h3{font-size:28px;line-height:1.2;font-weight:700}
.producto p{color:var(--tinta-suave);font-size:17px}
.producto-pie{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.producto-precio{font-size:24px;font-weight:700}
.producto .boton{padding:12px 24px}
.boton[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.garantias{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:24px}
.garantias h3{font-family:var(--sans);font-size:19px;font-weight:700}
.garantias p{color:var(--tinta-suave);font-size:17px}

/* Texto largo (privacidad) */
.texto-largo{max-width:760px;padding-top:56px;padding-bottom:96px;gap:20px}
.texto-largo h2{font-size:32px;font-weight:700;margin-top:16px}
.texto-largo ul{margin:0;padding-left:1.2em}
.texto-largo li{margin-bottom:8px}

@media (max-width:640px){
  body{font-size:18px}
  .portada .contenedor,.seccion{padding-top:64px;padding-bottom:64px}
  .portada-arbol img{width:240px}
  .tarjeta,.nivel,.panel,.caja-tinta{padding:28px}
  .paso{gap:14px}
  .paso-miniatura{width:100%;flex-basis:100%}
  .cita p{font-size:26px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.formulario-systeme{min-height:200px}
.panel a:not(.boton){color:var(--azul)} .panel a:not(.boton):hover{color:var(--azul-hover)}
.formulario-systeme iframe{display:block;border:0;width:100%}