/* ============================================================
   YANG SHENG · assets/web-ys.css — lo que Yang Sheng añade a web.css
   (productos, caminos, ebooks, tienda, mi espacio,
   entradas, legales). Solo variables del contrato: funciona con las
   5 plantillas y las 15 paletas. web.css NO se toca.
   ============================================================ */
.site .pre{white-space:pre-line}
.site .ys-sec{padding:20px 30px 60px;max-width:1180px;margin:0 auto}
.t2 .ys-sec{padding-top:0}
.site .ys-center{text-align:center;margin-top:26px}
.site .ys-vacio{opacity:.65;font-style:italic;text-align:center;padding:22px;border:1px dashed color-mix(in srgb,var(--c-dark) 25%,transparent);border-radius:calc(var(--rad)*.2);max-width:640px;margin:0 auto}
.site .ys-suave{opacity:.65;font-size:.92em}
.site .ys-nota{font-size:13px;opacity:.7;line-height:1.55;max-width:720px;margin:18px auto 0}
.site .ys-contra{color:#8a4b00;opacity:1;background:#f5c26b33;padding:12px 16px;border-radius:calc(var(--rad)*.2)}
.t2 .ys-contra{color:#f5c26b}
.site .ys-link{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;border-bottom:1px solid var(--c-accent);padding-bottom:2px;display:inline-block;margin-top:14px;font-size:14px}
.site .ys-msg{background:color-mix(in srgb,var(--c-accent) 18%,var(--c-bg));border-left:3px solid var(--c-accent);padding:12px 16px;border-radius:calc(var(--rad)*.15);margin:0 auto 22px;max-width:640px;font-size:14.5px}
.site .ys-msg-ok{border-color:#3a8a4a}
/* 25/10/2026 (Fede): en la piel v2 la caja del aviso sale oscura (la paleta 17 es invertida) y el texto no se leía: texto blanco */
.site.ys-v2 .ys-msg{color:#fff}
.site.ys-v2 .ys-msg a{color:#fff}
.site .ys-banda-prueba{background:#f5c26b33;border:1px dashed #c99a3a;color:#6a4a00;padding:12px 16px;border-radius:calc(var(--rad)*.15);font-size:13.5px;line-height:1.5;margin:14px 0}
.t2 .ys-banda-prueba{color:#f5c26b}
.site .ys-banda-prueba a{text-decoration:underline}
.site .ys-plazas{font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.75;margin-top:12px}
.site .ys-precio{font-family:var(--f-head);font-size:18px;color:var(--c-accent);text-align:right;line-height:1.2}
.site .ys-aviso{max-width:560px;margin:14px auto 0;line-height:1.5}
.site .ys-foto-wrap{max-width:1040px;margin:0 auto 30px}
.site .ys-foto-ancha{width:100%;height:340px;border-radius:calc(var(--rad)*.25)}
.site .ph-vacio{display:grid;place-items:center;min-height:180px;background:color-mix(in srgb,var(--c-dark) 8%,transparent);color:color-mix(in srgb,var(--c-dark) 60%,transparent);font-size:14px;font-family:var(--f-body);cursor:pointer;border-radius:calc(var(--rad)*.2);border:1.5px dashed color-mix(in srgb,var(--c-dark) 30%,transparent)}
.site .ys-ph-tipo{display:grid;place-items:center;background:color-mix(in srgb,var(--c-accent) 22%,var(--c-surface));font-size:44px;min-height:160px;width:100%}
.site .pg-svc .foto .ys-ph-tipo{height:380px;border-radius:calc(var(--rad)*.22)}

/* ── bloques de página interior ── */
.site .ys-bloque{max-width:820px;margin:44px auto 0}
.site .ys-bloque>h2{font-size:clamp(24px,3cqw,36px);margin-bottom:18px;letter-spacing:-.01em}
.site .ys-bloque>h3,.site .ys-prosa h3{font-size:20px;margin:22px 0 10px}
.site .ys-prosa p,.site .ys-historia p{font-size:16.5px;line-height:1.75;margin-bottom:14px;opacity:.9}
.site .ys-prosa h2{font-size:clamp(24px,3cqw,34px);margin:30px 0 12px}
.site .ys-prosa h4{font-size:16px;margin:18px 0 8px}
.site .ys-prosa ul,.site .ys-prosa ol{margin:0 0 14px 22px;line-height:1.7;font-size:15.5px}
.site .ys-prosa li{margin-bottom:6px}
.site .ys-historia p:first-child{font-family:var(--f-head);font-size:21px;line-height:1.5;opacity:1}
.site .ys-legal .ys-prosa{font-size:15px}
.site .ys-estrecha{max-width:720px}

/* ── rejillas y tarjetas genéricas ── */
.site .ys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.site .ys-tres{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.site .ys-card{background:color-mix(in srgb,var(--c-surface) 55%,var(--c-bg));border:1px solid color-mix(in srgb,var(--c-dark) 10%,transparent);border-radius:calc(var(--rad)*.25);padding:26px 26px 22px;display:flex;flex-direction:column;gap:10px;transition:transform .3s,box-shadow .3s}
.site .ys-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -28px color-mix(in srgb,var(--c-dark) 60%,transparent)}
.t2 .ys-card{background:#ffffff08;border-color:#ffffff18}
.site .ys-card h3{font-size:21px;font-weight:500;line-height:1.2}
.site .ys-card p{font-size:14.5px;line-height:1.6;opacity:.85;flex:1}
.site .ys-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.site .ys-card-mini{gap:4px;padding:18px 20px}
.site .ys-card-mini span{font-size:13.5px;opacity:.7}
.site .ys-caminos .ys-link{margin-top:6px;align-self:flex-start}
.site .ys-dos{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.site .ys-caja{background:color-mix(in srgb,var(--c-surface) 60%,var(--c-bg));border-radius:calc(var(--rad)*.25);padding:26px 28px}
.site .ys-caja-b{background:var(--c-dark);color:var(--c-bg)}
.t2 .ys-caja{background:#ffffff08}
.t2 .ys-caja-b{background:var(--c-bg);color:var(--c-dark)}
.site .ys-caja h3{font-size:19px;margin-bottom:14px}
.site .ys-caja ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.site .ys-caja li{font-size:14.5px;line-height:1.6;padding-left:20px;position:relative;opacity:.9}
.site .ys-caja li::before{content:"—";position:absolute;left:0;color:var(--c-accent)}
.site .ys-caja-b li::before{color:var(--c-accent)}
.site .ys-frases{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.site .ys-frases blockquote{margin:0;font-family:var(--f-head);font-size:19px;line-height:1.4;padding:20px 22px;border-left:2px solid var(--c-accent);background:color-mix(in srgb,var(--c-surface) 45%,var(--c-bg))}
.t2 .ys-frases blockquote{background:#ffffff06}

/* tabla de los cinco elementos */
.site .ys-tabla-wrap{overflow-x:auto;margin:12px 0}
.site .ys-tabla{width:100%;border-collapse:collapse;font-size:14px}
.site .ys-tabla th{text-align:left;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.65;padding:10px 12px;border-bottom:1px solid color-mix(in srgb,var(--c-dark) 25%,transparent)}
.site .ys-tabla td{padding:12px;border-bottom:1px solid color-mix(in srgb,var(--c-dark) 10%,transparent);vertical-align:top;line-height:1.45}
.site .ys-tabla td:first-child{font-family:var(--f-head);font-size:17px;font-weight:500}
.site .ys-tabla tr.ys-el-madera td:first-child{color:#5f8f4e}.site .ys-tabla tr.ys-el-fuego td:first-child{color:#c0392b}.site .ys-tabla tr.ys-el-tierra td:first-child{color:#b0842a}.site .ys-tabla tr.ys-el-metal td:first-child{color:#8a8f96}.site .ys-tabla tr.ys-el-agua td:first-child{color:#2f4f7a}
.t2 .ys-tabla tr.ys-el-agua td:first-child{color:#7fa8d3}.t2 .ys-tabla tr.ys-el-metal td:first-child{color:#d9dde2}

/* ── los colores de los cinco elementos ── */
.site tr.ys-el-madera{background:linear-gradient(145deg,#6f9a5b,#3f6a37)}.site tr.ys-el-fuego{background:linear-gradient(145deg,#d9583f,#8f2c1c)}.site tr.ys-el-tierra{background:linear-gradient(145deg,#d1a24a,#8f6a1e)}.site tr.ys-el-metal{background:linear-gradient(145deg,#c7ccd2,#7e858d)}.site tr.ys-el-agua{background:linear-gradient(145deg,#3d5a80,#141e2b)}

/* ── el regalo ── */
.site .ys-regalo{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:1040px;margin:0 auto;padding:44px;border-radius:calc(var(--rad)*.3);background:var(--c-dark);color:var(--c-bg)}
.t2 .ys-regalo{background:var(--c-bg);color:var(--c-dark)}
.site .ys-regalo h2{font-size:clamp(26px,3.2cqw,40px);margin-bottom:12px}
.site .ys-regalo p{font-size:15.5px;line-height:1.65;opacity:.9}
.site .ys-regalo .skick,.site .ys-regalo .s-kicker{color:var(--c-accent);opacity:1}
.site .ys-regalo-form{background:color-mix(in srgb,var(--c-bg) 92%,transparent);color:var(--c-dark);border-radius:calc(var(--rad)*.25);padding:24px}
.site .ys-regalo-libro{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;margin-bottom:16px}
.site .ys-regalo-libro .ph{width:64px;height:84px;border-radius:6px;object-fit:cover;min-height:0;font-size:24px}
.site .ys-regalo-libro b{display:block;font-family:var(--f-head);font-size:19px;line-height:1.2}
.site .ys-regalo-libro span{font-size:13px;opacity:.7}

/* ── formularios ── */
.site .ys-form{display:flex;flex-direction:column;gap:14px;max-width:520px;margin:0 auto}
.site .ys-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;letter-spacing:.04em;opacity:.9}
.site .ys-form input:not([type=checkbox]),.site .ys-form textarea,.site .ys-form select{font:inherit;font-size:16px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--c-dark) 25%,transparent);border-radius:calc(var(--rad)*.2);background:#fff;color:#222;letter-spacing:0}
.site .ys-form input:focus,.site .ys-form textarea:focus,.site .ys-form select:focus{outline:2px solid var(--c-accent);outline-offset:1px}
.site .ys-form .ys-check{display:block;position:relative;padding-left:29px;font-size:13.5px;line-height:1.55;letter-spacing:0;opacity:.85}
.site .ys-form .ys-check input{position:absolute;left:0;top:3px;width:18px;height:18px}
.site .ys-form .ys-check .ys-link{display:inline;white-space:nowrap}
.site .ys-form button[type=submit]{border:none;cursor:pointer;font-family:var(--f-body);margin-top:4px}
.site .ys-form-linea{text-align:center;margin-top:8px}
.site .ys-codigo{font-size:28px!important;letter-spacing:.35em!important;text-align:center;font-family:var(--f-head)}
.site .ys-salir{margin-top:40px}
.site .ys-pagar{font-size:14px!important;padding:17px 30px!important}

/* ── ebooks ── */
.site .ys-libros{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.site .ys-libro{display:grid;grid-template-columns:110px 1fr;gap:18px;background:color-mix(in srgb,var(--c-surface) 55%,var(--c-bg));border:1px solid color-mix(in srgb,var(--c-dark) 10%,transparent);border-radius:calc(var(--rad)*.25);padding:18px;align-items:start}
.t2 .ys-libro{background:#ffffff08;border-color:#ffffff18}
.site .ys-libro .ph{width:110px;height:150px;border-radius:8px;object-fit:cover;min-height:0;font-size:34px}
.site .ys-libro h3{font-size:19px;line-height:1.2;margin-bottom:6px}
.site .ys-libro p{font-size:13.5px;line-height:1.55;opacity:.8}
.site .ys-libro-pie{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}
.site .ys-indice{margin:14px 0}
.site .ys-indice b{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.65;margin-bottom:8px}
.site .ys-indice ol{margin:0 0 0 20px;font-size:14px;line-height:1.7;opacity:.85}

/* ── membresía ── */
.site .ys-banda{max-width:820px;margin:44px auto 0;padding:34px 36px;border-radius:calc(var(--rad)*.3);background:var(--c-dark);color:var(--c-bg);text-align:center}
.t2 .ys-banda{background:var(--c-bg);color:var(--c-dark)}
.site .ys-banda h2{font-size:clamp(22px,2.8cqw,32px);margin-bottom:10px}
.site .ys-banda p{font-size:15px;line-height:1.65;opacity:.9;margin-bottom:18px}
.site .ys-banda .pg-rsv{background:var(--c-bg);color:var(--c-dark)}
.t2 .ys-banda .pg-rsv{background:var(--c-dark);color:var(--c-bg)}
.site .ys-banda ol,.site .ys-banda ul{text-align:left;margin:0 auto 12px;max-width:560px;line-height:1.65;font-size:15px}
.site .ys-precios{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:10px 0 18px}
.site .ys-precio-card{border:1px solid color-mix(in srgb,var(--c-dark) 18%,transparent);border-radius:calc(var(--rad)*.25);padding:28px 24px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center;background:color-mix(in srgb,var(--c-surface) 45%,var(--c-bg))}
.site .ys-precio-card-b{border-color:var(--c-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-accent) 20%,transparent)}
.t2 .ys-precio-card{background:#ffffff08}
.site .ys-precio-n{font-family:var(--f-head);font-size:44px;line-height:1}
.site .ys-precio-l{font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.site .ys-precio-card .pg-rsv{margin-top:10px}

/* ── faq ── */
.site .ys-faq{max-width:760px;margin:0 auto}
.site .ys-faq-item{border-top:1px solid color-mix(in srgb,var(--c-dark) 15%,transparent);padding:6px 0}
.site .ys-faq-item:last-child{border-bottom:1px solid color-mix(in srgb,var(--c-dark) 15%,transparent)}
.site .ys-faq-item summary{cursor:pointer;font-family:var(--f-head);font-size:19px;padding:14px 30px 14px 0;position:relative;list-style:none}
.site .ys-faq-item summary::-webkit-details-marker{display:none}
.site .ys-faq-item summary::after{content:"+";position:absolute;right:4px;top:12px;font-size:22px;color:var(--c-accent)}
.site .ys-faq-item[open] summary::after{content:"–"}
.site .ys-faq-item p{font-size:15px;line-height:1.7;opacity:.85;padding:0 0 16px}

/* ── evento ── */
.site .ys-evento-datos{display:flex;flex-direction:column;gap:10px;margin:6px 0 16px;font-size:14.5px;line-height:1.5}
.site .ys-evento-datos b{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent);margin-bottom:2px}
.site .ys-pasados .ys-card{opacity:.7}

/* ── mi espacio ── */
.site .ys-hoy{max-width:820px;margin:0 auto}
.site .ys-hoy h2{font-size:clamp(22px,2.8cqw,32px);margin-bottom:14px}
.site .ys-hoy-card{background:var(--c-dark);color:var(--c-bg);border-radius:calc(var(--rad)*.3);padding:30px 34px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.t2 .ys-hoy-card{background:var(--c-bg);color:var(--c-dark)}
.site .ys-hoy-card .s-kicker{color:var(--c-accent);opacity:1;margin-bottom:4px}
.site .ys-hoy-card h3{font-size:24px}
.site .ys-hoy-card p{font-size:15px;line-height:1.6;opacity:.9}
.site .ys-hoy-card .pg-rsv{background:var(--c-bg);color:var(--c-dark);margin-top:8px}
.t2 .ys-hoy-card .pg-rsv{background:var(--c-dark);color:var(--c-bg)}
.site .ys-mio{border:1px solid color-mix(in srgb,var(--c-dark) 12%,transparent);border-radius:calc(var(--rad)*.25);padding:22px;margin-bottom:16px;background:color-mix(in srgb,var(--c-surface) 40%,var(--c-bg))}
.t2 .ys-mio{background:#ffffff06;border-color:#ffffff18}
.site .ys-mio-cab{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;margin-bottom:16px}
.site .ys-mio-cab h3{font-size:22px;line-height:1.2}
.site .ys-mini{width:72px;height:72px;border-radius:12px;object-fit:cover;min-height:0;font-size:28px}
.site .ys-dias{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.site .ys-dia{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:calc(var(--rad)*.2);border:1px solid color-mix(in srgb,var(--c-dark) 15%,transparent);font-size:13px;line-height:1.35;color:inherit}
.site .ys-dia b{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-accent)}
.site .ys-dia i{font-style:normal;font-size:11.5px;opacity:.6}
.site .ys-dia.abierta{background:color-mix(in srgb,var(--c-accent) 14%,var(--c-bg));border-color:var(--c-accent)}
.site .ys-dia.abierta:hover{transform:translateY(-2px)}
.site .ys-dia.cerrada{opacity:.55;border-style:dashed}
.site .ys-dia.hoy{box-shadow:0 0 0 3px color-mix(in srgb,var(--c-accent) 35%,transparent)}
.site .ys-pasos{margin:0 auto;max-width:560px;text-align:left;line-height:1.7;font-size:15px;padding-left:22px}

/* ── entradas ── */
.site .ys-entrada-mini{align-items:flex-start;gap:6px}
.site .ys-codigo-txt{font-family:var(--f-head);font-size:22px;letter-spacing:.2em;color:var(--c-accent)}
.site .ys-codigo-txt.grande{font-size:30px;text-align:center;margin:10px 0}
.site .ys-ticket{max-width:420px;margin:0 auto;border:2px dashed color-mix(in srgb,var(--c-dark) 30%,transparent);border-radius:calc(var(--rad)*.3);padding:26px;text-align:center;background:#fff;color:#222}
.site .ys-ticket-estado{font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:8px 14px;border-radius:99px;display:inline-block;margin-bottom:14px;background:#3a8a4a;color:#fff}
.site .ys-ticket-usada .ys-ticket-estado{background:#888}
.site .ys-ticket-anulada .ys-ticket-estado{background:#b3362b}
.site .ys-ticket-estado small{display:block;font-size:10px;letter-spacing:.05em;text-transform:none;opacity:.85}
.site .ys-qr svg{width:220px;height:220px;display:block;margin:0 auto}
.site .ys-ticket .ys-nota{margin-top:10px}
.site .ys-checkin{margin:18px auto 0;max-width:420px;text-align:center}
.site .ys-checkin button{font:inherit;font-size:16px;padding:16px 28px;border:none;border-radius:calc(var(--rad)*.3);background:#3a8a4a;color:#fff;cursor:pointer;width:100%}
.site .ys-checkin .hecho{color:#3a8a4a;font-weight:600;margin-top:8px}

/* ── checkout ── */
.site .ys-resumen{background:color-mix(in srgb,var(--c-surface) 55%,var(--c-bg));border-radius:calc(var(--rad)*.25);padding:20px 22px;margin-bottom:26px}
.t2 .ys-resumen{background:#ffffff08}
.site .ys-resumen-fila{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center}
.site .ys-resumen-fila b{display:block;font-family:var(--f-head);font-size:20px;line-height:1.2}
.site .ys-resumen-precio{text-align:right;font-family:var(--f-head);font-size:28px;line-height:1}
.site .ys-resumen-precio span{display:block;font-family:var(--f-body);font-size:11px;opacity:.6;margin-top:4px;letter-spacing:.05em}
.site .ys-checkout .ys-form{max-width:none}
.site .ys-checkout .s-kicker{margin:10px 0 0}

/* ── lección ── */
.site .ys-video{max-width:820px;margin:0 auto 26px;aspect-ratio:16/9;background:#000;border-radius:calc(var(--rad)*.2);overflow:hidden}
.site .ys-video iframe,.site .ys-video video{width:100%;height:100%;border:0;display:block}
.site .ys-leccion .ys-banda{text-align:left}
.site .ys-leccion .ys-banda p{margin-bottom:10px}

/* ── editor: el lint sanitario y las fotos clicables ── */
.site [data-edit].ed-lint{outline:2px solid #e0a020!important;background:#e0a02022}
.site [data-foto]{cursor:pointer}
.site img[data-foto]:hover,.site .ph-vacio:hover{outline:3px dashed #5b8fc7;outline-offset:-3px}

/* ── móvil (según el ancho del propio marco) ── */
@container web (max-width:860px){
  .site .ys-sec{padding:10px 18px 40px}
  .site .ys-dos,.site .ys-regalo,.site .ys-precios{grid-template-columns:1fr}
  .site .ys-regalo{padding:28px 22px}
  .site .ys-libro{grid-template-columns:84px 1fr}
  .site .ys-libro .ph{width:84px;height:116px}
  .site .ys-foto-ancha{height:220px}
  .site .ys-resumen-fila{grid-template-columns:56px 1fr;grid-template-rows:auto auto}
  .site .ys-resumen-precio{grid-column:1/3;text-align:left}
  .site .ys-banda,.site .ys-bloque{margin-top:34px}
  .site .ys-hoy-card{padding:22px}
}

/* ── sin foto: el diseño se reordena a una columna en vez de dejar un hueco ── */
.t0 .hero.sin-foto{grid-template-columns:1fr;min-height:0}
.t0 .hero.sin-foto .hero-in{padding:64px 56px}
.t2 .r-hero.sin-foto{min-height:0;padding:80px 20px}
.t3 .hero.sin-foto,.t4 .hero.sin-foto{grid-template-columns:1fr}
.site .about.sin-foto,.t1 .e-about.sin-foto,.t2 .r-about.sin-foto{grid-template-columns:1fr;max-width:760px}
.site .ys-regalo-libro>div{min-width:0}

/* ── el menú con siete entradas: que quepa en cualquier plantilla ── */
.t0 .links,.t3 .links,.t2 .r-links{flex-wrap:wrap;justify-content:center;row-gap:6px}
.t0 .links{gap:6px 18px;font-size:11.5px} .t3 .links{gap:6px 16px;font-size:13px} .t2 .r-links{gap:6px 20px;font-size:10.5px}
.t2 .r-nav{gap:16px;padding:22px 30px} .t2 .r-logo{white-space:nowrap}
.t1 .e-navline{flex-wrap:wrap;gap:10px 24px;font-size:10.5px}
.t4 .links{flex-wrap:wrap;row-gap:6px;font-size:10.5px} .t4 .links span,.t4 .links a{padding:0 10px}
.t0 .nav .logo,.t3 .nav .logo,.t4 .nav .logo{white-space:nowrap}
@container web (max-width:1120px){
  .t0 .links,.t3 .links,.t2 .r-links,.t4 .links{gap:4px 12px}
}
/* ── plantilla oscura (Ritual): los días abiertos y las tarjetas no pueden quedar blancos sobre blanco ── */
.t2 .ys-dia.abierta{background:color-mix(in srgb,var(--c-accent) 28%,transparent);color:var(--c-bg)}
.t2 .ys-dia{border-color:#ffffff22}
.t2 .ys-libro-tx,.t2 .ys-card h3{color:var(--c-bg)}
.t2 .ys-form input:not([type=checkbox]),.t2 .ys-form textarea,.t2 .ys-form select{background:#fff;color:#222}
.t2 .ys-resumen b{color:var(--c-bg)}
.t2 .ys-precio-n{color:var(--c-bg)}
.site .ys-msg-top{position:sticky;top:0;z-index:70;margin:0;max-width:none;border-radius:0;text-align:center;background:var(--c-dark);color:var(--c-bg);border-left:0;border-bottom:3px solid var(--c-accent)}
.t2 .ys-msg-top{background:var(--c-bg);color:var(--c-dark)}

/* ============================================================
   16/09/2026 · EL DISEÑO ÚNICO: Ritual + Salvia y tierra, fundidas.
   La salvia (--c-dark) es el fondo de la plantilla. La tierra (--c-dark2)
   entra como una banda cálida que se funde por arriba y por abajo. Detrás
   de cada zona puede ir un FONDO: una foto de textura desbordada y
   desenfocada, con una capa de color encima para que el texto respire.
   ============================================================ */
.site .ys-zona{position:relative;isolation:isolate}
.site .ys-zona-in{position:relative;z-index:1}
.site .ys-zona-tierra{color:var(--c-bg2);padding:36px 0;
  background:linear-gradient(180deg,var(--c-dark) 0%,var(--c-dark2) min(180px,22%),var(--c-dark2) max(calc(100% - 180px),78%),var(--c-dark) 100%)}
/* dentro de la tierra, lo que era «oscuro sobre claro» se invierte con la tierra clara */
.site .ys-zona-tierra .ys-caja-b{background:var(--c-bg2);color:var(--c-dark2)}
.site .ys-zona-tierra .r-contact{background:#00000014;border-color:#ffffff1c}
.site .ys-zona-tierra .r-hours h3,.site .ys-zona-tierra .s-cline b{color:var(--c-accent)}
.site .ys-zona-tierra .r-dit{border-color:#ffffff14}
.site .ys-zona-tierra .r-sechead h2,.site .ys-zona-tierra .r-dit{color:var(--c-bg2)}
.site .ys-zona-salvia{background:transparent}
.site .ys-fondo{position:absolute;inset:-40px;z-index:0;background-size:cover;background-position:center;
  filter:blur(22px) saturate(.75) brightness(.7);opacity:.42;transform:scale(1.06);pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 140px,#000 calc(100% - 140px),transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 140px,#000 calc(100% - 140px),transparent 100%)}
.site .ys-zona-tierra .ys-fondo{filter:blur(30px) saturate(.65) brightness(.95) contrast(.85);opacity:.26;mix-blend-mode:soft-light}
.site .ys-zona-salvia .ys-fondo{opacity:.3;filter:blur(24px) saturate(.7) brightness(.8)}
/* una luz suave arriba de cada zona de tierra: le quita lo plano sin ensuciar */
.site .ys-zona-tierra::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(70% 45% at 50% 22%,#ffffff10,transparent 70%)}
/* grano fino encima del fondo: quita el aspecto plano del desenfoque */
.site .ys-zona.con-fondo::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
/* la tierra usa su propio acento (salvia) en lo pequeño, y el dorado en lo grande */
.site .ys-zona-tierra .r-sechead .s-kicker,.site .ys-zona-tierra .s-kicker{color:var(--c-accent2)}
.site .ys-zona-tierra .s-philo{border-color:transparent;margin-bottom:0}
.site .ys-zona-tierra .s-philo blockquote{color:var(--c-bg2)}
.site .ys-zona-tierra .ys-card{background:#00000018;border-color:#ffffff1c}
.site .ys-zona-tierra .r-about .phw::after{border-color:var(--c-accent2)}
.site .ys-zona-tierra .r-about h2{color:var(--c-bg2)}
.site .ys-zona-tierra .ys-regalo{background:var(--c-bg2);color:var(--c-dark2);box-shadow:0 40px 80px -40px #00000080}
.site .ys-zona-tierra .ys-regalo .s-kicker{color:var(--c-accent2)}
.site .ys-zona-tierra .pg-quote,.site .ys-zona-tierra .pg-step{border-color:#ffffff22}
.site .ys-zona-tierra .r-cta.line,.site .ys-zona-tierra .pg-rsv.linea{border-color:#ffffff66}
.site .ys-zona-tierra .pg-rsv.grande{background:var(--c-bg2);color:var(--c-dark2)}
/* la cabecera de una página interior lleva el fondo solo arriba */
.site .ys-zona-cabecera .ys-fondo{inset:-40px -40px auto -40px;height:620px;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 40%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 40%,transparent 100%)}
/* el cierre de una página interior: banda de tierra a todo el ancho aunque viva dentro de .pg */
.site .ys-zona-cierre{width:100cqw;margin:56px 0 -70px calc(50% - 50cqw);padding:60px 26px 70px}
.site .ys-zona-cierre .pg-quote{margin-bottom:26px;border-top:0}
.site .ys-zona-cierre .pg-cta-fila{margin-top:0}
.site .ys-zona-cierre .ys-fondo{opacity:.55}
/* el botón del editor para cambiar el fondo de una zona */
.site .ys-fondo-btn{position:absolute;right:18px;top:18px;z-index:3;font:inherit;font-size:12px;letter-spacing:.06em;padding:8px 12px;border-radius:99px;
  border:1px dashed #ffffff88;background:#00000066;color:#fff;cursor:pointer;backdrop-filter:blur(6px)}
.site .ys-fondo-btn:hover{background:var(--c-accent);color:var(--c-dark);border-style:solid}
/* la galería de la portada, en Ritual: tres fotos a sangre con un velo suave */
.t2 .r-gal .ph{height:360px;opacity:.92;transition:transform .6s,opacity .3s;filter:saturate(.85)}
.t2 .r-gal>div{overflow:hidden}
.t2 .r-gal:hover .ph{opacity:.75} .t2 .r-gal>div:hover .ph{opacity:1;transform:scale(1.03)}
/* el hero, con la foto un poco más presente y más aire */
.t2 .r-hero .ph{opacity:.55;filter:saturate(.85)}
.t2 .r-hero{min-height:720px}
.t2 .r-hero .sub{max-width:600px;font-size:16.5px;line-height:1.75}
/* la página de qigong: retrato alto y el índice de la postura Wuji */
.site .pg-qigong .foto img{height:520px;object-fit:cover;object-position:center top}
.site .pg-qigong .tx .s-kicker{color:var(--c-accent)}
.site .ys-bloque-ancho{max-width:1040px}
.site .ys-bloque-ancho .ys-regalo{padding:40px}
.site .ys-prosa .ys-caja{margin-top:6px}
.site .ys-prosa .ys-caja li{font-size:16px}
.t2 .ys-caja:not(.ys-caja-b){color:var(--c-bg)}
/* móvil */
@container web (max-width:860px){
  .site .ys-zona-tierra{padding:20px 0;background:linear-gradient(180deg,var(--c-dark) 0%,var(--c-dark2) min(90px,20%),var(--c-dark2) max(calc(100% - 90px),80%),var(--c-dark) 100%)}
  .site .ys-zona-cierre{padding:44px 18px 56px}
  .site .ys-fondo-btn{right:10px;top:10px}
  .site .pg-qigong .foto img{height:360px}
  .t2 .r-hero{min-height:0}
  .t2 .r-gal .ph{height:240px}
}

/* ============================================================
   MODO LUMINOSO (.ys-claro · paleta 16 «Salvia y tierra · luz», 16/09/2026)
   Ritual es una plantilla oscura: pinta el fondo con --c-dark y el texto con --c-bg.
   Con la paleta luminosa esos papeles se invierten (fondo salvia claro, tinta verde;
   arena y tinta tierra en las zonas de tierra). Aquí se arregla lo que la plantilla
   daba por hecho: los blancos translúcidos pasan a sombras, y la portada sigue
   siendo oscura y cinematográfica para que la foto y el menú respiren.
   ============================================================ */
.site.ys-claro{--ink:#2E372D;--ink-2:#4A3B2E;--luz:#F4F2EA;--linea:#0000001a;--velo:#00000008}
/* la portada: bloque oscuro sobre la foto, que se funde con la página clara por abajo */
.ys-claro.t2 .r-hero{background:var(--ink)}
.ys-claro.t2 .r-hero .ph{opacity:.62}
.ys-claro.t2 .r-hero::before{background:linear-gradient(180deg,#2E372Dd9 0%,#2E372D66 30%,#2E372D73 62%,var(--c-dark) 100%)}
.ys-claro.t2 .r-hero h1,.ys-claro.t2 .r-hero .sub{color:var(--luz)}
.ys-claro.t2 .r-hero .s-kicker,.ys-claro.t2 .r-hero .kick2{color:#DDB995}
.ys-claro.t2 .r-hero .r-cta.line{color:var(--luz);border-color:#ffffff66}
.ys-claro.t2 .r-hero.sin-foto{background:var(--ink)}
/* el menú: tinta sobre las páginas claras; claro solo en la portada, donde va encima de la foto oscura */
.ys-claro.t2 .r-nav,.ys-claro.t2 .r-nav a,.ys-claro.t2 .r-nav span{color:var(--ink)}
.ys-claro.t2 .r-links{opacity:.85}
.ys-claro.t2 .r-links .on{color:var(--c-accent)}
.ys-claro.t2 .r-book{color:var(--ink);border-color:var(--c-accent)}
.ys-claro.t2 .r-book:hover{background:var(--c-accent);color:var(--luz)}
.ys-claro.t2 .mburger{border-color:#00000040;color:var(--ink)}
.ys-claro.t2.pag-inicio .r-nav,.ys-claro.t2.pag-inicio .r-nav a,.ys-claro.t2.pag-inicio .r-nav span{color:var(--luz)}
.ys-claro.t2.pag-inicio .r-links .on{color:#DDB995}
.ys-claro.t2.pag-inicio .r-book{color:var(--luz);border-color:#DDB995}
.ys-claro.t2.pag-inicio .r-book:hover{background:#DDB995;color:var(--ink)}
.ys-claro.t2.pag-inicio .mburger{border-color:#ffffff55;color:var(--luz)}
/* si la portada está apagada, la home tampoco tiene foto oscura: menú en tinta */
.ys-claro.t2.pag-inicio.sin-hero .r-nav,.ys-claro.t2.pag-inicio.sin-hero .r-nav a,.ys-claro.t2.pag-inicio.sin-hero .r-nav span{color:var(--ink)}
/* los blancos translúcidos de la plantilla, ahora sombras suaves */
.ys-claro.t2 .s-philo,.ys-claro.t2 .r-badges,.ys-claro.t2 .r-dit,.ys-claro.t2 .r-dit:last-of-type,.ys-claro.t2 .r-svc,.ys-claro.t2 .r-svc .quien,
.ys-claro.t2 .r-step,.ys-claro.t2 .r-step:last-child,.ys-claro.t2 .r-box,.ys-claro.t2 .r-contact,.ys-claro.t2 .s-hrow,.ys-claro.t2 .r-footer,
.ys-claro.t2 .pg-quote,.ys-claro.t2 .pg-step,.ys-claro.t2 .pg-step:last-child,.ys-claro.t2 .pg-list li,.ys-claro.t2 .pg-list li:last-child,.ys-claro.t2 .pg-datos .fila,
.ys-claro.t2 .ys-card,.ys-claro.t2 .ys-libro,.ys-claro.t2 .ys-mio,.ys-claro.t2 .ys-dia{border-color:var(--linea)}
.ys-claro.t2 .r-box,.ys-claro.t2 .r-contact,.ys-claro.t2 .ys-card,.ys-claro.t2 .ys-caja,.ys-claro.t2 .ys-frases blockquote,.ys-claro.t2 .ys-libro,
.ys-claro.t2 .ys-precio-card,.ys-claro.t2 .ys-mio,.ys-claro.t2 .ys-resumen{background:var(--velo)}
.ys-claro.t2 .r-cta.line{color:var(--c-bg);border-color:#00000040}
.ys-claro.t2 .ys-contra,.ys-claro.t2 .ys-banda-prueba{color:#8F5A3C}
.ys-claro.t2 .r-badge{opacity:.8}
.ys-claro.t2 .r-sechead p{opacity:.8}
.ys-claro.t2 .r-badge::before{color:var(--c-accent)}
/* las cajas «invertidas» de la plantilla (regalo, banda, hoy) quedan como bloques de tinta: buen contraste */
.ys-claro.t2 .ys-regalo,.ys-claro.t2 .ys-banda,.ys-claro.t2 .ys-hoy-card,.ys-claro.t2 .ys-caja-b{box-shadow:0 30px 60px -30px #2E372D66}
.ys-claro.t2 .ys-regalo .s-kicker,.ys-claro.t2 .ys-banda .s-kicker{color:#DDB995}
.ys-claro.t2 .ys-regalo .pg-rsv,.ys-claro.t2 .ys-regalo button[type=submit]{background:var(--c-accent);color:var(--luz)}
/* la tierra: arena clara, tinta tierra, líneas y velos oscuros */
.site.ys-claro .ys-zona-tierra .r-contact,.site.ys-claro .ys-zona-tierra .ys-card{background:#00000008;border-color:var(--linea)}
.site.ys-claro .ys-zona-tierra .r-dit,.site.ys-claro .ys-zona-tierra .pg-quote,.site.ys-claro .ys-zona-tierra .pg-step{border-color:#00000018}
.site.ys-claro .ys-zona-tierra .r-cta.line,.site.ys-claro .ys-zona-tierra .pg-rsv.linea{border-color:#00000040}
.site.ys-claro .ys-zona-tierra .r-hours h3,.site.ys-claro .ys-zona-tierra .s-cline b{color:var(--c-accent)}
.site.ys-claro .ys-zona-tierra::before{background:radial-gradient(70% 45% at 50% 22%,#ffffff70,transparent 70%)}
.site.ys-claro .ys-zona-tierra .ys-regalo{box-shadow:0 30px 60px -30px #4A3B2E66}
/* los fondos de textura: multiplican sobre el claro, muy suaves, para no ensuciar */
.site.ys-claro .ys-fondo{filter:blur(26px) saturate(.55) brightness(1.06);opacity:.28;mix-blend-mode:multiply}
.site.ys-claro .ys-zona-tierra .ys-fondo{filter:blur(30px) saturate(.5) brightness(1.08);opacity:.22;mix-blend-mode:multiply}
.site.ys-claro .ys-zona.con-fondo::after{opacity:.03}
.site.ys-claro .ys-zona-cierre .ys-fondo{opacity:.3}
/* el pie, en tinta, cierra la página */
.ys-claro.t2 .r-footer{background:var(--ink);color:var(--luz);border-top:0;padding-top:56px}
.ys-claro.t2 .r-footer a,.ys-claro.t2 .r-footer span{color:var(--luz)}
.ys-claro.t2 .r-footer .r-logo{color:var(--luz)}

/* ============================================================
   22/09/2026 · LA PIEL v2 (.ys-v2 · paleta 17 «Arena y salvia cálida»)
   Fede: «colores mucho más cálidos, sin franjas, sin márgenes blancos, las
   tarjetas se ven fatal en escritorio, el regalo no combina». Aquí se
   reescribe la piel encima de Ritual + .ys-claro sin tocar web.css:
   crema cálida de fondo, tinta oliva, terracota, arena. Las tarjetas de
   producto pasan de carrusel a rejilla en escritorio; el regalo es una
   tarjeta clara; las zonas de tierra son un cambio de tono suave, no
   una franja; el pie es tierra oscura.
   ============================================================ */
.site.ys-v2{--ink:#2F352A;--ink-2:#4A3A2C;--luz:#F8F3EA;--crema:#F6EFE3;--arena:#EEE1CB;--terra:#BF7448;--terra-2:#A8623A;--salvia:#7E8C62;--linea:#4a3a2c1f;--velo:#4a3a2c0a;--blanco:#FFFCF7;
  --sombra:0 26px 56px -40px #4a3a2c73;
  /* 22/09/2026 tarde, Fede: «ha desaparecido el verde, ahora es todo tierra;
     habría que hacer un mix». El salvia vuelve como la voz tranquila (superficies
     grandes, números, viñetas, rayas) y la terracota se queda para lo que se pulsa. */
  --salvia-2:#69784F;--oliva:#333B2B;--oliva-2:#3C4433;--salvia-velo:#7e8c620f}
.site.ys-v2{background:var(--crema);color:var(--ink);font-weight:400}
.site.ys-v2 p{letter-spacing:.005em}
.ys-v2.t2 .r-links{opacity:.9;font-size:11px;letter-spacing:.18em}
.ys-v2.t2 .r-nav{padding:22px 44px}
.ys-v2.t2 .r-logo{letter-spacing:.26em}
/* ── portada: bloque cálido y oscuro sobre la foto, que se funde con la crema ── */
.ys-v2.t2 .r-hero{background:var(--oliva);min-height:min(760px,92vh);padding:150px 30px 96px}
.ys-v2.t2 .r-hero .ph{opacity:.6;filter:saturate(.8) sepia(.18) brightness(.95)}
.ys-v2.t2 .r-hero::before{background:linear-gradient(180deg,#242b1fe6 0%,#2b331f5e 30%,#333b2b78 58%,var(--crema) 100%)}
.ys-v2.t2 .r-hero .s-kicker,.ys-v2.t2 .r-hero .kick2{color:#E8C39A}
.ys-v2.t2 .r-hero .s-kicker{font-size:10.5px;letter-spacing:.3em;opacity:.95}
.ys-v2.t2 .r-hero h1{font-size:clamp(38px,5.4cqw,74px);letter-spacing:0;line-height:1.08;font-weight:400}
.ys-v2.t2 .r-hero .kick2{font-size:clamp(22px,2.6cqw,32px);margin:8px 0 26px}
.ys-v2.t2 .r-hero .sub{font-size:17px;line-height:1.8;max-width:620px;opacity:.94}
.ys-v2.t2 .r-hero .r-cta.line{border-color:#ffffff7a}
.ys-v2.t2 .trust,.ys-v2.t2 .r-hero .trust{opacity:.8}
.ys-v2.t2.pag-inicio .r-links .on,.ys-v2.t2.pag-inicio .r-book{color:#E8C39A;border-color:#E8C39A}
.ys-v2.t2.pag-inicio .r-book:hover{background:#E8C39A;color:var(--ink)}
/* ── botones: terracota con letra crema, esquinas suaves ── */
.ys-v2.t2 .r-cta,.ys-v2.t2 .pg-rsv,.ys-v2.t2 .ys-regalo .pg-rsv,.ys-v2.t2 .ys-regalo button[type=submit]{background:var(--terra);color:var(--luz);border-radius:6px;letter-spacing:.16em;font-weight:500;box-shadow:0 12px 24px -16px #bf744899}
.ys-v2.t2 .r-cta:hover,.ys-v2.t2 .pg-rsv:hover{background:var(--terra-2);filter:none;opacity:1}
.ys-v2.t2 .r-cta.line,.ys-v2.t2 .pg-rsv.linea{background:transparent;box-shadow:none;color:inherit}
.ys-v2.t2 .r-cta.line{color:var(--luz)}
.ys-v2.t2 .ys-zona-salvia .r-cta.line,.ys-v2.t2 .ys-zona-tierra .r-cta.line,.ys-v2.t2 .r-pg .r-cta.line{color:var(--ink);border-color:#4a3a2c55}
.ys-v2.t2 .r-rsv,.ys-v2.t2 .r-book{border-radius:6px;border-color:var(--terra);color:var(--ink)}
.ys-v2.t2 .r-rsv:hover,.ys-v2.t2 .r-book:hover{background:var(--terra);color:var(--luz)}
.ys-v2.t2 .r-more,.ys-v2 .ys-link{color:var(--terra);border-color:var(--terra)}
/* ── los sellos bajo la portada ── */
.ys-v2.t2 .r-badges{border-color:var(--linea);padding:22px 20px;gap:44px}
.ys-v2.t2 .r-badge{font-size:10.5px;letter-spacing:.2em;opacity:.75}
.ys-v2.t2 .r-badge::before{color:var(--salvia)}
/* ── cabeceras de sección: kicker terracota con una raya, título en serif sin mayúsculas ── */
.ys-v2.t2 .r-sechead{padding:88px 20px 52px}
.ys-v2.t2 .r-sechead .s-kicker,.ys-v2 .s-kicker,.ys-v2 .skick{color:var(--terra);font-size:10.5px;letter-spacing:.28em}
.ys-v2.t2 .r-sechead .s-kicker::after{content:'';display:block;width:34px;height:1px;background:var(--salvia);margin:14px auto 0;opacity:.85}
.ys-v2.t2 .r-sechead h2{text-transform:none;letter-spacing:0;font-size:clamp(30px,3.8cqw,50px);line-height:1.12;font-weight:400}
.ys-v2.t2 .r-sechead p{opacity:.78;font-size:16px;max-width:560px;margin-top:16px;line-height:1.7}
/* ── las zonas: crema y arena, sin franjas. El cambio de tono es un degradado largo y suave. ── */
.site.ys-v2 .ys-zona-salvia{padding:20px 0;
  background:linear-gradient(180deg,var(--crema) 0%,#EFF0E4 230px,#EFF0E4 calc(100% - 230px),var(--crema) 100%)}
.site.ys-v2 .ys-zona-salvia::before{background:radial-gradient(60% 40% at 50% 15%,#ffffff66,transparent 70%)}
.site.ys-v2 .ys-zona-tierra{padding:20px 0;color:var(--ink-2);
  background:linear-gradient(180deg,var(--crema) 0%,var(--arena) 260px,var(--arena) calc(100% - 260px),var(--crema) 100%)}
.site.ys-v2 .ys-zona-tierra::before{background:radial-gradient(60% 40% at 50% 18%,#ffffff5c,transparent 70%)}
.site.ys-v2 .ys-fondo{opacity:.16;filter:blur(30px) saturate(.5) brightness(1.1);mix-blend-mode:multiply}
.site.ys-v2 .ys-zona-tierra .ys-fondo{opacity:.14}
.site.ys-v2 .ys-zona.con-fondo::after{opacity:.025}
/* ── «te suena»: frases en serif, líneas cálidas, un número pequeño en terracota ── */
.ys-v2.t2 .r-dolor{max-width:860px}
.ys-v2.t2 .r-dit,.ys-v2.t2 .r-dit:last-of-type{border-color:#4a3a2c22;font-size:clamp(21px,2.5cqw,30px);padding:30px 16px;color:var(--ink-2);font-weight:400}
.ys-v2.t2 .r-dcierre{opacity:.75;font-size:14.5px}
/* ── tu frase: bloque de arena con ornamento ── */
.ys-v2.t2 .s-philo{border:0;margin:56px auto 24px;max-width:960px;padding:64px 40px;background:var(--blanco);border-radius:10px;box-shadow:var(--sombra)}
.ys-v2.t2 .s-philo .orn{color:var(--salvia)}
.ys-v2.t2 .s-philo blockquote{color:var(--ink);font-size:clamp(26px,3.2cqw,40px);line-height:1.3}
.ys-v2.t2 .s-philo .by{opacity:.6}
/* ── los caminos: tarjetas claras ── */
.ys-v2.t2 .ys-card{background:var(--blanco);border:1px solid var(--linea);border-radius:10px;padding:28px 28px 24px;box-shadow:var(--sombra);color:var(--ink)}
.ys-v2.t2 .ys-card h3{color:var(--ink);font-size:23px;letter-spacing:0}
.ys-v2.t2 .ys-card p{opacity:.85;font-size:15px}
.ys-v2.t2 .ys-precio{color:var(--terra)}
.site.ys-v2 .ys-zona-tierra .ys-card{background:var(--blanco);border-color:var(--linea)}
/* ── las tarjetas de producto: un CARRUSEL de librería (D-2026-09-22-f y -g)
      22/09 tarde, Fede: «la sombra sale cortada, no hay animación, las portadas
      se ven horribles». Así que: la pista tiene aire propio para que la sombra
      no se recorte, la portada descansa sobre papel (sin el halo desenfocado,
      que quedaba sucio) y las tarjetas entran con una animación de scroll.
      Las portadas van de 0,75 a 1,15 de proporción, así que `contain` manda. ── */
.ys-v2.t2 .car{padding:0 30px;max-width:1180px;--car-gap:26px;--car-w:clamp(286px,calc((100cqw - 112px)/3),348px);--arw-top:150px}
/* el aire de la pista: sin él, overflow-x recorta la sombra de las tarjetas */
.ys-v2.t2 .car .track{align-items:stretch;padding:22px 26px 30px;margin:-22px -26px -12px;scroll-padding-left:26px}
.ys-v2.t2 .car .arw{background:var(--blanco);color:var(--terra);border:1px solid var(--linea);box-shadow:0 18px 34px -18px #4a3a2c80;width:46px;height:46px}
.ys-v2.t2 .car .arw:hover{background:var(--terra);color:var(--luz);border-color:var(--terra)}
.ys-v2.t2 .car .dots{color:var(--ink);margin-top:2px}
.ys-v2.t2 .car .dots button{background:var(--salvia);opacity:.3}
.ys-v2.t2 .car .dots button[aria-current="true"]{background:var(--terra);opacity:1}
.ys-v2.t2 .r-svc{display:flex;flex-direction:column;min-height:0;border:1px solid var(--linea);border-radius:18px;overflow:hidden;background:var(--blanco);box-shadow:0 24px 48px -34px #4a3a2c8c;color:var(--ink);transition:transform .4s cubic-bezier(.2,.7,.3,1),box-shadow .4s}
.ys-v2.t2 .r-svc:hover{transform:translateY(-6px);box-shadow:0 40px 70px -36px #4a3a2ca6}
/* la portada: descansa sobre papel, entera y con su sombra — como un librito en la mesa */
.ys-v2.t2 .r-svc .rim{aspect-ratio:1/1;min-height:0;border-bottom:1px solid var(--linea);
  background:linear-gradient(168deg,#FBF6EC 0%,var(--arena) 100%)}
.ys-v2.t2 .r-svc .rim::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 80% at 50% 0%,#ffffff5e,transparent 60%)}
.ys-v2.t2 .r-svc .rim .ph{inset:26px;width:calc(100% - 52px);height:calc(100% - 52px);object-fit:contain;object-position:center;
  border-radius:3px;filter:drop-shadow(0 4px 6px #4a3a2c2e) drop-shadow(0 22px 30px #4a3a2c3d);transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.ys-v2.t2 .r-svc:hover .rim .ph{transform:scale(1.035)}
.ys-v2.t2 .r-svc .rtx{padding:24px 26px 24px;justify-content:flex-start;flex:1}
.ys-v2.t2 .r-svc .r-num{color:var(--salvia);font-size:11px;letter-spacing:.3em;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.ys-v2.t2 .r-svc .r-num::after{content:'';flex:1;height:1px;background:var(--salvia);opacity:.4}
.ys-v2.t2 .r-svc h3{text-transform:none;letter-spacing:0;font-size:22px;line-height:1.2;color:var(--ink);margin-bottom:10px}
.ys-v2.t2 .r-svc .ben{color:var(--terra);font-size:17px;line-height:1.35;margin-bottom:12px}
.ys-v2.t2 .r-svc .desc{opacity:.82;font-size:14.5px;line-height:1.65;margin-bottom:0}
.ys-v2.t2 .r-svc .inc{opacity:.75;font-size:12px;letter-spacing:.02em}
.ys-v2.t2 .r-svc .inc::before{color:var(--salvia)}
.ys-v2.t2 .r-svc .quien{border-color:var(--linea);opacity:.75}
.ys-v2.t2 .r-svc .rfoot{margin-top:auto;padding-top:20px;justify-content:space-between;border-top:1px solid var(--linea);gap:14px}
.ys-v2.t2 .r-svc .pr{color:var(--ink);font-size:23px}
.ys-v2.t2 .r-svc .pr span{color:var(--ink);opacity:.55}
/* ── el texto plegado y su «Ver más» ── */
.ys-v2 .desc-w{margin-bottom:14px}
.ys-v2 .desc-w .desc{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.ys-v2 .desc-w.abierta .desc{display:block;overflow:visible}
.ys-v2 .ys-mas{margin-top:8px;padding:0;background:none;border:0;border-bottom:1px solid currentColor;color:var(--terra);font-family:var(--f-body);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;line-height:1.6}
.ys-v2 .ys-mas:hover{opacity:.7}
.ys-v2 .ys-mas:focus-visible{outline:2px solid var(--salvia);outline-offset:3px;border-radius:2px}
/* la animación del carrusel: las tarjetas entran y salen con suavidad.
   Solo donde el navegador sabe hacerlo (animation-timeline); en el resto, nada. */
@supports (animation-timeline: view()){
  @keyframes ys-entra{from{opacity:.3;transform:scale(.93)}18%,82%{opacity:1;transform:scale(1)}to{opacity:.3;transform:scale(.93)}}
  .ys-v2.t2 .car .track>*{animation:ys-entra linear both;animation-timeline:view(inline);animation-range:entry 0% exit 100%}
  .ys-v2.t2 .car .track>*:hover{animation:none}
}
@media (prefers-reduced-motion: reduce){
  .ys-v2.t2 .car .track>*{animation:none!important}
  .ys-v2.t2 .r-svc,.ys-v2.t2 .r-svc .rim .ph{transition:none}
}
.ys-v2.t2 .llamfila{margin-top:26px}
/* ── sobre Ale: retrato con marco terracota fino y aire ── */
.ys-v2.t2 .r-about{padding:100px 30px;gap:76px}
.ys-v2.t2 .r-about .phw::after{border-color:var(--terra);opacity:.7}
.ys-v2.t2 .r-about .ph{border-radius:4px;filter:saturate(.95)}
.ys-v2.t2 .r-about h2{color:var(--ink);text-transform:none;letter-spacing:0;font-size:clamp(30px,3.6cqw,46px)}
.ys-v2.t2 .r-about p{opacity:.88;font-size:16.5px;line-height:1.8}
/* ── el regalo: tarjeta clara, libro grande a la izquierda, formulario a la derecha ── */
.ys-v2.t2 .ys-regalo,.site.ys-v2 .ys-zona-tierra .ys-regalo{background:var(--blanco);color:var(--ink);border:1px solid var(--linea);border-radius:14px;box-shadow:var(--sombra);padding:52px;gap:52px;grid-template-columns:1fr 1fr}
.ys-v2.t2 .ys-regalo .s-kicker,.site.ys-v2 .ys-zona-tierra .ys-regalo .s-kicker{color:var(--terra)}
.ys-v2.t2 .ys-regalo h2{font-size:clamp(30px,3.6cqw,44px);color:var(--ink);line-height:1.1}
.ys-v2.t2 .ys-regalo p{opacity:.85;font-size:16px;line-height:1.75}
.ys-v2.t2 .ys-regalo-form{background:var(--arena);border-radius:10px;padding:28px;box-shadow:none;color:var(--ink)}
.ys-v2.t2 .ys-regalo-libro{grid-template-columns:96px 1fr;gap:18px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--linea)}
.ys-v2.t2 .ys-regalo-libro .ph{width:96px;height:128px;border-radius:6px;box-shadow:0 14px 28px -18px #4a3a2c99}
.ys-v2.t2 .ys-regalo-libro b{color:var(--ink);font-size:20px}
.ys-v2.t2 .ys-regalo-libro span{opacity:.75;font-size:13.5px}
.ys-v2.t2 .ys-form label{opacity:1;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.ys-v2.t2 .ys-form input:not([type=checkbox]),.ys-v2.t2 .ys-form textarea,.ys-v2.t2 .ys-form select{border-radius:6px;border-color:#4a3a2c33;background:#fff}
.ys-v2.t2 .ys-form .ys-check{text-transform:none;letter-spacing:0;font-size:13.5px}
/* ── preguntas: acordeón limpio ── */
.ys-v2.t2 .ys-faq-item,.ys-v2.t2 .ys-faq-item:last-child{border-color:var(--linea)}
.ys-v2.t2 .ys-faq-item summary{font-size:21px;color:var(--ink);padding:18px 34px 18px 0}
.ys-v2.t2 .ys-faq-item summary::after{color:var(--terra);top:16px}
.ys-v2.t2 .ys-faq-item p{opacity:.85;font-size:15.5px}
/* ── contacto: tarjeta clara sobre la arena ── */
.ys-v2.t2 .r-contact,.site.ys-v2 .ys-zona-tierra .r-contact{background:var(--blanco);border:1px solid var(--linea);border-radius:14px;box-shadow:var(--sombra);color:var(--ink)}
.ys-v2.t2 .r-contact h2{color:var(--ink);text-transform:none;letter-spacing:0;font-size:clamp(28px,3.2cqw,40px)}
.ys-v2.t2 .r-contact .lead{opacity:.85}
.ys-v2.t2 .s-cline b,.site.ys-v2 .ys-zona-tierra .s-cline b,.ys-v2.t2 .r-hours h3,.site.ys-v2 .ys-zona-tierra .r-hours h3{color:var(--terra)}
.ys-v2.t2 .s-hrow{border-color:var(--linea)}
/* ── el pie: tierra oscura y cálida ── */
.ys-v2.t2 .r-footer{background:var(--oliva);color:#EFE4D2;margin-top:80px;padding-top:64px}
.ys-v2.t2 .r-footer a,.ys-v2.t2 .r-footer span,.ys-v2.t2 .r-footer .r-logo{color:#EFE4D2}
/* ── páginas interiores ── */
.ys-v2.t2 .r-pg{color:var(--ink)}
.ys-v2.t2 .pg-head h1,.ys-v2.t2 .pg-sobre h1,.ys-v2.t2 .pg-svc h1{color:var(--ink);letter-spacing:0}
.ys-v2.t2 .pg-lead{opacity:.85;font-size:17px;line-height:1.75}
.ys-v2.t2 .pg-quote,.ys-v2.t2 .pg-step,.ys-v2.t2 .pg-step:last-child,.ys-v2.t2 .pg-list li,.ys-v2.t2 .pg-list li:last-child,.ys-v2.t2 .pg-datos .fila{border-color:var(--linea)}
.ys-v2.t2 .pg-quote .orn,.ys-v2.t2 .pg-list li::before,.ys-v2.t2 .pg-svc .inc::before{color:var(--salvia)}
.ys-v2.t2 .pg-step .t,.ys-v2.t2 .pg-svc .quien b{color:var(--terra)}
.ys-v2.t2 .pg-svc .ben{color:var(--terra);border-color:var(--terra)}
.ys-v2.t2 .pg-rsv.linea{color:var(--ink);border-color:var(--terra)}
.ys-v2 .ys-bloque>h2,.ys-v2 .ys-prosa h2{letter-spacing:0;color:var(--ink)}
.ys-v2 .ys-prosa p,.ys-v2 .ys-historia p{opacity:.9;font-size:17px;line-height:1.8}
.ys-v2.t2 .ys-caja,.ys-v2.t2 .ys-caja:not(.ys-caja-b){background:var(--blanco);border:1px solid var(--linea);border-radius:10px;color:var(--ink);box-shadow:var(--sombra)}
.ys-v2.t2 .ys-caja-b,.site.ys-v2 .ys-zona-tierra .ys-caja-b{background:var(--oliva-2);color:#EFE4D2;border:0}
.ys-v2.t2 .ys-caja li::before,.ys-v2.t2 .ys-caja-b li::before{color:var(--salvia)}
.ys-v2.t2 .ys-frases blockquote{background:var(--blanco);border-left-color:var(--terra);border-radius:0 8px 8px 0;color:var(--ink);box-shadow:var(--sombra)}
.ys-v2.t2 .ys-tabla th{border-color:#4a3a2c33;opacity:.7}
.ys-v2.t2 .ys-tabla td{border-color:var(--linea)}
.ys-v2.t2 .ys-libro{background:var(--blanco);border-color:var(--linea);border-radius:10px;box-shadow:var(--sombra);color:var(--ink)}
.ys-v2.t2 .ys-libro-tx,.ys-v2.t2 .ys-libro h3{color:var(--ink)}
.ys-v2.t2 .ys-banda,.ys-v2.t2 .ys-hoy-card{background:var(--oliva-2);color:#EFE4D2;border-radius:14px}
.ys-v2.t2 .ys-banda .s-kicker,.ys-v2.t2 .ys-hoy-card .s-kicker{color:#E8C39A}
.ys-v2.t2 .ys-banda .pg-rsv,.ys-v2.t2 .ys-hoy-card .pg-rsv{background:var(--terra);color:var(--luz)}
.ys-v2.t2 .ys-zona-cierre{padding:64px 26px 80px}
.ys-v2.t2 .ys-precio-card{background:var(--blanco);border-color:var(--linea);border-radius:12px}
.ys-v2.t2 .ys-precio-card-b{border-color:var(--terra);box-shadow:0 0 0 3px #bf744833}
.ys-v2.t2 .ys-precio-n{color:var(--ink)}
.ys-v2.t2 .mhead{background:var(--crema);color:var(--ink);box-shadow:0 1px 0 var(--linea)}
.ys-v2.t2 .mburger{border-color:#4a3a2c33;color:var(--ink)}
.ys-v2.t2.pag-inicio .mhead{background:var(--oliva);color:var(--luz)}
.ys-v2.t2.pag-inicio .mburger{border-color:#ffffff55;color:var(--luz)}
/* la página de qigong y las fotos de página: esquinas suaves */
.ys-v2 .pg-sobre .foto img,.ys-v2 .pg-svc .foto img,.ys-v2 .pg-qigong .foto img,.ys-v2 .ys-foto-ancha{border-radius:8px}
/* ── móvil ── */
@container web (max-width:860px){
  .ys-v2.t2 .r-hero{padding:120px 22px 70px;min-height:0}
  .ys-v2.t2 .r-hero h1{font-size:38px}
  .ys-v2.t2 .r-sechead{padding:60px 18px 34px}
  .ys-v2.t2 .s-philo{margin:34px 18px 10px;padding:44px 24px;border-radius:8px}
  .site.ys-v2 .ys-zona-tierra{background:linear-gradient(180deg,var(--crema) 0%,var(--arena) 120px,var(--arena) calc(100% - 120px),var(--crema) 100%)}
  /* el carrusel en el móvil: una tarjeta por pantalla, centrada, con el mismo
     aire a los dos lados y un asomo de la siguiente que invita a arrastrar */
  .ys-v2.t2 .car{padding:0 18px;--car-w:calc(100cqw - 74px);--car-gap:14px;--arw-top:130px}
  .ys-v2.t2 .car .track{padding:18px 18px 26px;margin:-18px -18px -10px;scroll-padding-left:18px}
  .ys-v2.t2 .r-svc{border-radius:16px}
  .ys-v2.t2 .r-svc .rim .ph{inset:20px;width:calc(100% - 40px);height:calc(100% - 40px)}
  .ys-v2.t2 .r-svc .rtx{padding:22px 22px 22px}
  .ys-v2.t2 .r-svc h3{font-size:21px}
  .ys-v2.t2 .r-about{padding:56px 22px;gap:36px}
  /* EL REGALO EN MÓVIL: una sola columna. La piel v2 volvía a poner 1fr 1fr
     y se salía de la pantalla (Fede, 22/09 tarde: «está totalmente roto»). */
  .ys-v2.t2 .ys-regalo,.site.ys-v2 .ys-zona-tierra .ys-regalo{grid-template-columns:1fr;padding:30px 22px;gap:26px;border-radius:14px}
  .ys-v2.t2 .ys-regalo h2{font-size:31px}
  .ys-v2.t2 .ys-regalo-form{padding:20px}
  .ys-v2.t2 .ys-regalo-libro{grid-template-columns:76px 1fr;gap:14px}
  .ys-v2.t2 .ys-regalo-libro .ph{width:76px;height:102px}
  .ys-v2.t2 .ys-regalo-libro b{font-size:17px;line-height:1.25}
  .ys-v2.t2 .r-contact{padding:34px 22px;border-radius:14px}
  .ys-v2.t2 .r-footer{margin-top:50px;padding-top:44px}
  /* la cabecera del móvil: el botón se comía el nombre y salía «Yang Sh…»
     (medido: el nombre pedía 82 px y solo tenía 76) */
  .ys-v2.t2 .mhead{padding:10px 12px;gap:9px}
  .ys-v2.t2 .mhead .mbook{padding:9px 12px;font-size:10px;letter-spacing:.1em}
  /* el logo del pie cabía en 34cqw y salía «YANG S…» */
  .ys-v2 .s-footer .s-logotxt{max-width:min(340px,88cqw)}
  .ys-v2.t2 .s-footer .r-logo{font-size:18px;letter-spacing:.2em}
}
/* ══════════════════════════════════════════════════════════════
   EL POP-UP «¿HABLAMOS ANTES?» (22/09/2026 tarde)
   El marcado estaba en web.php desde el principio, pero NADIE le había
   escrito el CSS: `.lm-*` tenía 0 reglas (comprobado en testing), así que
   al pulsar el botón el formulario aparecía desnudo al final de la página
   en vez de abrirse encima. Aquí está el cristal que le faltaba.
   ══════════════════════════════════════════════════════════════ */
/* el modal vive FUERA de .site, donde no hay reset: se lo pone él */
.lm-fondo,.lm-fondo *{box-sizing:border-box}
.lm-fondo{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;
  background:#242b1fb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  animation:lm-entra .22s ease-out;overflow-y:auto}
.lm-fondo[hidden]{display:none}
@keyframes lm-entra{from{opacity:0}to{opacity:1}}
@keyframes lm-sube{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
.lm-caja{position:relative;width:min(520px,100%);max-height:calc(100vh - 40px);overflow-y:auto;
  background:#FFFCF7;color:#2F352A;border-radius:18px;padding:38px 34px 32px;
  box-shadow:0 50px 90px -40px #1a1f14cc;animation:lm-sube .3s cubic-bezier(.2,.7,.3,1);
  font-family:var(--f-body,system-ui)}
.lm-x{position:absolute;top:12px;right:14px;width:38px;height:38px;border:0;background:transparent;
  color:#2F352A;opacity:.45;font-size:26px;line-height:1;cursor:pointer;border-radius:50%;transition:.15s}
.lm-x:hover{opacity:1;background:#2f352a12}
.lm-caja h3{font-family:var(--f-head,Georgia,serif);font-size:27px;line-height:1.18;font-weight:400;margin:0 26px 10px 0;color:#2F352A}
.lm-caja .lm-p{font-size:15px;line-height:1.65;opacity:.8;margin:0 0 22px}
.lm-caja form{display:flex;flex-direction:column;gap:14px}
.lm-caja label{display:flex;flex-direction:column;gap:6px;font-size:11.5px;letter-spacing:.1em;
  text-transform:uppercase;color:#4A3A2C;font-weight:500}
.lm-caja input,.lm-caja textarea{font:inherit;font-size:15.5px;text-transform:none;letter-spacing:0;
  color:#2F352A;background:#fff;border:1px solid #4a3a2c33;border-radius:8px;padding:12px 13px;width:100%;box-sizing:border-box}
.lm-caja textarea{resize:vertical;min-height:84px;line-height:1.55}
.lm-caja input:focus,.lm-caja textarea:focus{outline:none;border-color:#7E8C62;box-shadow:0 0 0 3px #7e8c6230}
.lm-nota{margin:-8px 0 0;font-size:12.5px;opacity:.6}
.lm-check{display:block!important;position:relative;padding-left:30px;
  text-transform:none!important;letter-spacing:0!important;font-size:13.5px!important;font-weight:400!important;line-height:1.55;opacity:.85}
.lm-check input{position:absolute;left:0;top:2px;width:19px;height:19px;accent-color:#7E8C62}
.lm-check a{color:#BF7448;text-decoration:underline;text-underline-offset:2px}
.lm-enviar{margin-top:6px;background:#BF7448;color:#F8F3EA;border:0;border-radius:8px;padding:15px 22px;
  font:inherit;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;cursor:pointer;
  transition:background .18s;box-shadow:0 14px 26px -16px #bf7448aa}
.lm-enviar:hover{background:#A8623A}
.lm-enviar:disabled{opacity:.6;cursor:default}
.lm-gracias{font-size:16px;line-height:1.7;color:#2F352A;margin:0;padding:6px 0 4px}
@media (max-width:520px){
  .lm-fondo{padding:0;place-items:end stretch}
  .lm-caja{width:100%;max-height:92vh;border-radius:20px 20px 0 0;padding:30px 22px 26px}
  .lm-caja h3{font-size:24px}
}
@media (prefers-reduced-motion: reduce){ .lm-fondo,.lm-caja{animation:none} }

/* «¿Hablamos antes?» fuera de la portada va en tinta, no en claro */
.ys-v2 .llamfila .llam.clara,.ys-v2 .ys-zona-tierra .llam.clara,.ys-v2 .r-pg .llam.clara{color:var(--ink);opacity:.75}
.ys-v2.t2 .trust{font-size:11px}

/* ═══════════════ LA FICHA DEL EBOOK (22/09/2026, rehecha) ═══════════════
   La portada entera, como un libro sobre la mesa; el texto y el regalo al lado;
   los capítulos en su banda; «Otros ebooks» con el carrusel de la portada. */
.ebf{max-width:1180px;padding:56px 34px 40px;--acc:var(--eb-acento,#B59E7D)}
.ebf-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:start}
.ebf-izq{position:sticky;top:96px;display:flex;flex-direction:column;align-items:center}
.ebf-libro{position:relative;margin:0;width:100%;box-sizing:border-box;padding:44px 40px 50px;border-radius:22px;
  background:radial-gradient(90% 70% at 50% 42%,color-mix(in srgb,var(--acc) 26%,transparent),transparent 72%),linear-gradient(170deg,#FBF6EC,var(--arena,#EEE1CB));
  box-shadow:inset 0 0 0 1px var(--linea,#0000001a)}
.ebf-portada{display:block;width:100%;height:auto;max-height:min(640px,72vh);object-fit:contain;margin:0 auto;border-radius:3px 6px 6px 3px;
  box-shadow:-1px 0 0 #00000014,0 2px 4px #4a3a2c24,0 18px 30px -8px #4a3a2c4d,0 44px 60px -30px #4a3a2c59}
.ebf-libro::after{content:'';position:absolute;left:40px;top:44px;bottom:50px;width:14px;pointer-events:none;border-radius:3px 0 0 3px;
  background:linear-gradient(90deg,#00000022,#ffffff26 40%,transparent)}
.ebf-sin{aspect-ratio:3/4;display:grid;place-items:center;font-size:54px;background:var(--blanco,#fff)}
.ebf-meta{margin:18px 0 0;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.7;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.ebf-meta span{color:var(--acc)}
.ebf-der{padding-top:6px}
.ebf-der h1{font-family:var(--f-head);font-weight:500;font-size:clamp(34px,4.2vw,52px);line-height:1.06;margin:10px 0 18px;color:var(--ink,#2F352A)}
.ebf-ben{font-family:var(--f-head);font-style:italic;font-size:22px;line-height:1.35;color:var(--terra,#BF7448);margin:0 0 20px;padding-left:16px;border-left:2px solid var(--acc)}
.ebf-desc{font-size:16px;line-height:1.75;opacity:.88}
.ebf-desc p{margin:0 0 12px}
.ebf-para{margin:26px 0 30px;padding:20px 22px;border-radius:14px;background:color-mix(in srgb,var(--acc) 12%,var(--blanco,#FFFCF7));border:1px solid color-mix(in srgb,var(--acc) 28%,transparent)}
.ebf-para b{display:block;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px;color:var(--ink-2,#4A3A2C)}
.ebf-para ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ebf-para li{position:relative;padding-left:22px;font-size:15px;line-height:1.5}
.ebf-para li::before{content:'';position:absolute;left:2px;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--acc)}
.ebf-caja{margin-top:8px;padding:26px 26px 28px;border-radius:18px;background:var(--blanco,#FFFCF7);border:1px solid var(--linea,#0000001a);box-shadow:0 30px 60px -40px #4a3a2c80}
.ebf-precio{font-family:var(--f-head);font-size:34px;line-height:1;margin-bottom:16px;color:var(--ink,#2F352A)}
.ebf-precio span{display:block;font-family:var(--f-body);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-top:6px}
.ebf .ebf-caja .ys-regalo-form{background:none;padding:0;border:0;box-shadow:none;margin:0}
.ebf-dentro{margin:96px auto 0;max-width:980px;text-align:center}
.ebf-dentro h2{font-family:var(--f-head);font-weight:500;font-size:clamp(28px,3.2vw,40px);margin:8px 0 34px}
.ebf-dentro ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;text-align:left;counter-reset:none}
.ebf-dentro ol li{display:flex;gap:16px;align-items:baseline;padding:16px 18px;border-radius:12px;background:var(--blanco,#FFFCF7);border:1px solid var(--linea,#0000001a);font-size:15.5px;line-height:1.45}
.ebf-dentro ol li span{font-family:var(--f-head);font-size:24px;line-height:1;color:var(--acc);min-width:30px}
.ebf-inc{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;text-align:left}
.ebf-inc li{display:flex;gap:12px;align-items:center;font-size:14.5px;opacity:.9}
.ebf-inc .ys-inf{height:16px;flex:none}
.ebf-subir{display:inline-block;margin-top:34px}
.ebf-aviso{max-width:760px;margin:56px auto 0;text-align:center}
.ebf-otros{margin-top:84px}
.ebf-otros .r-sechead{padding:0 0 30px;text-align:center}
.ebf-otros .r-sechead h2{font-family:var(--f-head);font-weight:500;font-size:clamp(28px,3.2vw,40px);margin:8px 0 0}
@container web (max-width:860px){
  .ebf{padding:22px 18px 30px}
  .ebf-hero{grid-template-columns:minmax(0,1fr);gap:28px}
  .ebf-izq{position:static}
  .ebf-libro{padding:28px 26px 32px;max-width:420px;margin:0 auto}
  .ebf-libro::after{left:26px;top:28px;bottom:32px}
  .ebf-portada{max-height:none}
  .ebf-der h1{font-size:34px}
  .ebf-ben{font-size:19px}
  .ebf-caja{padding:22px 18px 24px}
  .ebf-dentro{margin-top:64px}
  .ebf-dentro ol,.ebf-inc{grid-template-columns:minmax(0,1fr)}
  .ebf-otros{margin-top:60px}
}
/* las tarjetas del carrusel: marco vertical para que la portada (casi siempre 3:4) se vea entera y grande */
.ys-v2.t2 .r-svc .rim{aspect-ratio:4/5;height:auto;min-height:0}
.ys-v2.t2 .r-svc .rim .ph{inset:22px;width:calc(100% - 44px);height:calc(100% - 44px)}
/* el aviso de la vista previa privada de un ebook (?ver=…) */
.ys-vista{position:sticky;top:0;z-index:30;background:#8E4227;color:#FDF1ED;text-align:center;font-size:13px;letter-spacing:.04em;padding:9px 16px}

/* ═══════════════ MEDICINA TRADICIONAL CHINA Y QIGONG CON ACUARELAS (23/09/2026) ═══════════════
   Ale: «las acuarelas más finas, no tan densas» y «falta luz». Fede: la foto de arriba de MTC fuera,
   la tabla de los cinco elementos no se leía, y en Qigong el ebook de qigong y sus acuarelas. */
.site .ys-trans{background:none}
/* la cabecera de MTC: los cinco elementos flotando en un arco */
.ys-mtc-arco{display:flex;justify-content:center;align-items:flex-end;gap:clamp(4px,2vw,28px);margin:6px auto 30px;max-width:900px;padding:0 10px}
.ys-mtc-arco img{width:clamp(58px,15vw,150px);height:auto;transform:translateY(calc(var(--k) * 0px));animation:ys-flota 8s ease-in-out infinite,ys-aparece 1.1s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--k) * -1.6s),calc(var(--k) * .12s)}
.ys-mtc-arco img:nth-child(2),.ys-mtc-arco img:nth-child(4){margin-bottom:26px}
.ys-mtc-arco img:nth-child(3){margin-bottom:44px}
@keyframes ys-flota{0%,100%{translate:0 0;rotate:-1.5deg}50%{translate:0 -8px;rotate:1.5deg}}
@keyframes ys-aparece{from{opacity:0;filter:blur(8px);scale:.9}to{opacity:1;filter:none;scale:1}}

/* la rueda de los cinco elementos */
.ys-bloque-5e .ys-nota{margin-top:22px}
.ys-5e{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:center;margin-top:26px}
.ys-5e-rueda{position:relative;width:min(100%,420px);aspect-ratio:1;margin:0 auto}
.ys-5e-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ys-5e-svg .c{fill:none;stroke:#4a3a2c1c;stroke-width:.6}
.ys-5e-svg .k{fill:none;stroke:#4a3a2c14;stroke-width:.5;stroke-dasharray:2 3}
.ys-5e-svg .g{fill:none;stroke:url(#none);stroke:var(--terra,#BF7448);stroke-width:1.1;stroke-linecap:round;stroke-dasharray:36 429;opacity:.55;transform-origin:100px 100px;animation:ys-gira 14s linear infinite}
@keyframes ys-gira{to{transform:rotate(360deg)}}
/* cada elemento en su vértice: Fuego arriba, en el sentido del reloj (Madera a la izquierda de arriba) */
.ys-5e-b{--ang:calc(-90deg + (var(--p) - 1) * 72deg);position:absolute;left:50%;top:50%;width:27%;aspect-ratio:1;margin:-13.5% 0 0 -13.5%;
  transform:rotate(var(--ang)) translate(137%) rotate(calc(-1 * var(--ang)));border:0;border-radius:50%;cursor:pointer;padding:6px;
  background:radial-gradient(circle,#FFFDF8 55%,#FFFDF800 72%);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:scale .35s cubic-bezier(.2,.7,.3,1),filter .35s}
.ys-5e-b img{width:88%;height:auto;transition:scale .5s cubic-bezier(.2,.7,.3,1)}
.ys-5e-b span{font-family:var(--f-head);font-size:15px;margin-top:-4px;color:var(--ink,#2F352A)}
.ys-5e-b:hover img,.ys-5e-b.on img{scale:1.12}
.ys-5e-b.on{filter:drop-shadow(0 10px 18px #4a3a2c33)}
.ys-5e-b.on span{font-weight:600}
.ys-5e-b:focus-visible{outline:2px solid var(--terra,#BF7448);outline-offset:2px}
.ys-5e-b::after{content:'';position:absolute;inset:6%;border-radius:50%;border:1.5px solid var(--el);opacity:0;scale:.85;transition:.35s}
.ys-5e-b.on::after{opacity:.55;scale:1}
/* la ficha */
.ys-5e-fichas{display:grid}
.ys-5e-f{grid-area:1/1;display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:start;padding:26px 26px 24px;border-radius:22px;
  background:linear-gradient(150deg,#FFFDF8 20%,var(--el-velo) 100%);border:1px solid var(--el-borde);box-shadow:0 30px 60px -44px #4a3a2c80;
  opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s,transform .5s cubic-bezier(.2,.7,.3,1),visibility .5s}
.ys-5e-f.on{opacity:1;visibility:visible;transform:none}
.ys-5e-im img{width:100%;height:auto}
.ys-5e-f h3{font-family:var(--f-head);font-size:34px;font-weight:500;margin:0 0 12px;color:var(--el)}
.ys-5e-f dl{margin:0;display:grid;gap:10px}
.ys-5e-f dl div{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:baseline;padding-bottom:9px;border-bottom:1px dashed var(--el-borde)}
.ys-5e-f dl div:last-child{border-bottom:0;padding-bottom:0}
.ys-5e-f dt{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--el);opacity:.9}
.ys-5e-f dd{margin:0;font-size:16px;line-height:1.45;color:var(--ink,#2F352A)}
.ys-el-madera{--el:#5E7F45;--el-velo:#E6EEDB;--el-borde:#5E7F4533}
.ys-el-fuego{--el:#C4553A;--el-velo:#F8E2D8;--el-borde:#C4553A33}
.ys-el-tierra{--el:#A87A2A;--el-velo:#F4E8CF;--el-borde:#A87A2A38}
.ys-el-metal{--el:#6F7A86;--el-velo:#ECEEF0;--el-borde:#6F7A8638}
.ys-el-agua{--el:#2F5A86;--el-velo:#DDE8F2;--el-borde:#2F5A8633}
/* sin JavaScript (o en el editor antes de engancharse): las cinco fichas una debajo de otra */
.ys-5e:not(.vivo) .ys-5e-fichas{gap:14px}
.ys-5e:not(.vivo) .ys-5e-f{grid-area:auto;opacity:1;visibility:visible;transform:none}
@container web (max-width:860px){
  .ys-5e{grid-template-columns:1fr;gap:18px}
  .ys-5e-rueda{width:min(100%,330px)}
  .ys-5e-b span{font-size:13px}
  .ys-5e-f{grid-template-columns:78px 1fr;padding:20px 18px;gap:14px}
  .ys-5e-f h3{font-size:28px}
  .ys-5e-f dl div{grid-template-columns:78px 1fr}
  .ys-5e-f dd{font-size:15px}
}

/* QIGONG: Ale en acuarela arriba, la postura Wuji dibujada, los tres movimientos */
.ys-qg-hero .foto{display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(70% 60% at 50% 60%,#E4EDDD 0%,#F3EEE3 55%,transparent 80%);border-radius:28px}
.site .ys-qg-hero .foto img.ys-qg-ale{height:auto!important;max-height:560px;width:auto;max-width:100%;object-fit:contain;animation:ys-aparece 1.4s cubic-bezier(.2,.7,.2,1) both}
.ys-qg-lado{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:34px;align-items:start}
.ys-qg-lado>img{width:100%;height:auto;position:sticky;top:110px}
.ys-qg-mov-intro{max-width:640px}
.ys-qg-mov{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.ys-qg-mov article{position:relative;padding:18px 20px 22px;border-radius:22px;background:linear-gradient(170deg,#FFFDF8,#F1F4EA);border:1px solid #7E8C6226;box-shadow:0 26px 50px -40px #4a3a2c80;
  transition:transform .45s cubic-bezier(.2,.7,.3,1),box-shadow .45s}
.ys-qg-mov article:hover{transform:translateY(-5px);box-shadow:0 36px 60px -40px #4a3a2c99}
.ys-qg-mov img{width:100%;aspect-ratio:1;height:auto;object-fit:contain;transition:scale .6s cubic-bezier(.2,.7,.3,1)}
.ys-qg-mov article:hover img{scale:1.04}
.ys-qg-mov .n{position:absolute;top:16px;left:18px;font-family:var(--f-head);font-size:24px;color:var(--salvia,#7E8C62)}
.ys-qg-mov h3{font-family:var(--f-head);font-weight:500;font-size:23px;margin:6px 0 6px}
.ys-qg-mov p{margin:0;font-size:15px;line-height:1.55;opacity:.85}
@container web (max-width:860px){
  .ys-qg-lado{grid-template-columns:1fr;gap:12px}
  .ys-qg-lado>img{position:static;width:min(60%,200px);margin:0 auto}
  .ys-qg-mov{grid-template-columns:1fr}
  .site .ys-qg-hero .foto img.ys-qg-ale{max-height:420px}
}
@media (prefers-reduced-motion:reduce){ .ys-mtc-arco img,.ys-5e-svg .g,.site .ys-qg-hero .foto img.ys-qg-ale{animation:none} }

/* ═══════════════ MÁS LUZ Y MÁS ALEGRÍA (23/09/2026) ═══════════════
   Ale: «falta luz y falta alegría, es todo un poco demasiado denso». Sin tocar la estructura:
   papel más claro, la cabecera de la portada en luz (antes, bosque oscuro con velo oliva),
   el pie y las cajas oscuras en tonos de arena y salvia, manchas de acuarela suaves detrás de
   las cabeceras, y todo aparece al bajar, despacio (web-publico.js · html.ys-anim). */
.site.ys-v2{--crema:#FBF6EE;--luz:#FFFBF4;--arena:#F3E7D4;background:var(--crema)}
/* la cabecera de la portada, en luz */
.ys-v2.t2 .r-hero{background:linear-gradient(180deg,#FFF8EE 0%,var(--crema) 100%)}
.ys-v2.t2 .r-hero .ph{opacity:.38;filter:saturate(.9) brightness(1.08)}
.ys-v2.t2 .r-hero::before{background:radial-gradient(70% 60% at 20% 20%,#F6D9C3aa,transparent 70%),radial-gradient(60% 60% at 85% 40%,#DDE8CFaa,transparent 70%),linear-gradient(180deg,#FFF9F0d9 0%,#FFF9F099 45%,var(--crema) 100%)}
.site.ys-v2.t2 .r-hero h1,.site.ys-v2.t2 .r-hero .sub,.site.ys-v2.t2 .r-hero .trust{color:var(--ink);text-shadow:none}
.site.ys-v2.t2 .r-hero .s-kicker,.site.ys-v2.t2 .r-hero .kick2{color:var(--terra);text-shadow:none}
.ys-v2.t2 .r-hero .r-cta.line{border-color:var(--terra);color:var(--terra-2)}
.ys-v2.t2.pag-inicio .r-nav,.ys-v2.t2.pag-inicio .r-nav a,.ys-v2.t2.pag-inicio .r-nav span{color:var(--ink)}
.ys-v2.t2.pag-inicio .r-links .on,.ys-v2.t2.pag-inicio .r-book{color:var(--terra-2);border-color:var(--terra)}
.ys-v2.t2.pag-inicio .r-book:hover{background:var(--terra);color:#fff}
.ys-v2.t2.pag-inicio .mhead{background:#FFF9F0ee;color:var(--ink)}
.ys-v2.t2.pag-inicio .mburger{border-color:var(--linea);color:var(--ink)}
/* el pie y las cajas oscuras, en claro */
.ys-v2.t2 .r-footer{background:linear-gradient(180deg,#F1EADB 0%,#E7EBDD 100%);color:var(--ink)}
.ys-v2.t2 .r-footer a,.ys-v2.t2 .r-footer span,.ys-v2.t2 .r-footer .r-logo,.ys-v2.t2 .r-footer p{color:var(--ink)}
.ys-v2.t2 .ys-caja-b,.site.ys-v2 .ys-zona-tierra .ys-caja-b{background:linear-gradient(160deg,#EEF2E6,#E4EAD8);color:var(--ink);border:1px solid #7E8C6233}
.ys-v2.t2 .ys-caja-b h3,.ys-v2.t2 .ys-caja-b li{color:var(--ink)}
/* manchas de acuarela detrás de las cabeceras de las páginas interiores */
.site.ys-v2 .pg{position:relative}
.site.ys-v2 .pg::before{content:'';position:absolute;left:50%;top:-40px;width:min(1100px,140%);height:520px;translate:-50% 0;z-index:-1;pointer-events:none;
  background:radial-gradient(38% 50% at 22% 40%,#F7DCC8b0,transparent 70%),radial-gradient(34% 46% at 78% 30%,#DDE9D0b0,transparent 70%),radial-gradient(30% 40% at 55% 70%,#DCE9EF80,transparent 70%);
  filter:blur(10px);animation:ys-respira 24s ease-in-out infinite alternate}
@keyframes ys-respira{to{transform:translate3d(2%,-2%,0) scale(1.05)}}
.site.ys-v2 .siteFrame,.site.ys-v2{isolation:isolate}
/* aparecer al bajar: solo si el JavaScript ha encendido html.ys-anim (sin él, todo se ve) */
html.ys-anim .site .ys-anim-o{opacity:0;transform:translateY(22px);filter:blur(4px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1),filter .9s}
html.ys-anim .site .ys-anim-o.visto{opacity:1;transform:none;filter:none}
/* los botones principales, un brillo que pasa despacio */
.ys-v2.t2 .pg-rsv.grande,.ys-v2.t2 .r-cta:not(.line){position:relative;overflow:hidden}
.ys-v2.t2 .pg-rsv.grande::after,.ys-v2.t2 .r-cta:not(.line)::after{content:'';position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,#ffffff55,transparent);transform:skewX(-18deg);animation:ys-brillo 6s ease-in-out infinite}
@keyframes ys-brillo{0%,70%{left:-60%}100%{left:130%}}
@media (prefers-reduced-motion:reduce){
  .site.ys-v2 .pg::before,.ys-v2.t2 .pg-rsv.grande::after,.ys-v2.t2 .r-cta:not(.line)::after{animation:none}
  html.ys-anim .site .ys-anim-o{opacity:1;transform:none;filter:none;transition:none}
}

/* ═══════════════ LAS ESCENAS: ALE EN ACUARELA EN SUS PAISAJES (23/09/2026) ═══════════════
   Fede: «darle muchísima vida a toda la web», Ale en el campo, la montaña, el mar, la playa, un jardín.
   · .ys-esc-v  vídeo en bucle; el papel del vídeo es blanco puro y se funde con la página (multiply).
   · .ys-esc-i  acuarela con fondo transparente, flotando despacio.
   · Al entrar en pantalla, la acuarela «se pinta» desde el centro (máscara que crece: --esc-r).
   · Detrás, una mancha de color del paisaje que respira.
   Sin JavaScript todo se ve quieto y entero; con movimiento reducido, sin animación y sin vídeo. */
@property --esc-r{syntax:'<percentage>';inherits:false;initial-value:220%}
.site .ys-esc{--esc-fin:220%;--esc-c:#EFE6D6;position:relative;margin:0;display:block}
.site .ys-esc-v{--esc-fin:100%}
.site .ys-esc::before{content:'';position:absolute;inset:6% 4%;border-radius:50%;background:radial-gradient(closest-side,var(--esc-c),transparent);
  filter:blur(18px);opacity:.75;pointer-events:none;animation:ys-esc-halo 11s ease-in-out infinite alternate}
.site .ys-esc-m{position:relative;display:block;width:100%;height:auto;background:none;
  --esc-r:var(--esc-fin);
  -webkit-mask-image:radial-gradient(50% 50% at 50% 50%,#000 calc(var(--esc-r) * .7),transparent var(--esc-r));
          mask-image:radial-gradient(50% 50% at 50% 50%,#000 calc(var(--esc-r) * .7),transparent var(--esc-r))}
.site .ys-esc.pinta .ys-esc-m{transition:--esc-r 2.4s cubic-bezier(.2,.7,.2,1)}
.site .ys-esc-v .ys-esc-m{mix-blend-mode:multiply;object-fit:cover}
.site .ys-esc-i .ys-esc-m{animation:ys-esc-flota 10s ease-in-out infinite}
html.ys-esc .site .ys-esc:not(.pinta) .ys-esc-m{--esc-r:0%}
.ys-esc-mar{--esc-c:#CFE7E5}.ys-esc-playa{--esc-c:#F7DDC9}.ys-esc-montana{--esc-c:#E3E2F2}
.ys-esc-campo{--esc-c:#F4E4C2}.ys-esc-jardin{--esc-c:#ECDDF0}.ys-esc-olivo{--esc-c:#E2EBD1}
@keyframes ys-esc-flota{0%,100%{translate:0 0;rotate:-.6deg}50%{translate:0 -10px;rotate:.6deg}}
@keyframes ys-esc-halo{from{transform:scale(.94) translate(-2%,1%)}to{transform:scale(1.06) translate(2%,-1%)}}

/* la portada (/home): el texto a la izquierda, Ale en el mar a la derecha */
.ys-v2.t2 .r-hero.con-escena{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:10px 30px;align-items:center;text-align:left;
  padding-left:max(30px,calc((100% - 1260px) / 2));padding-right:max(20px,calc((100% - 1260px) / 2))}
.ys-v2.t2 .r-hero.con-escena>.ph{display:none}
.ys-v2.t2 .r-hero.con-escena .r-hero-inner{max-width:560px}
.ys-v2.t2 .r-hero.con-escena .sub{margin-left:0}
.ys-v2.t2 .r-hero.con-escena .r-ctas{justify-content:flex-start}
.ys-v2.t2 .r-hero.con-escena .trust{justify-content:flex-start}
.ys-esc-hero{width:100%;max-width:760px;justify-self:center}
/* la cita de la portada: Ale meditando entre flores, encima */
.ys-esc-philo{width:min(300px,70%);margin:0 auto 6px!important}
/* el regalo de la portada: Ale leyendo bajo el olivo, bajo el texto */
.ys-esc-regalo{width:min(380px,100%);margin:18px 0 -10px!important}
/* texto + escena, lado a lado; la escena se queda quieta mientras se lee */
.site .ys-con-esc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:34px;align-items:start}
.site .ys-con-esc>.ys-esc{position:sticky;top:96px}
.site .ys-bloque.ys-historia.ys-con-esc,.site .ys-bloque-esc{max-width:1040px}
.site .ys-esc-peq{max-width:300px;justify-self:center}
.site .ys-esc-centro{width:min(560px,100%);margin:0 auto 10px!important}
.site .ys-esc-cab{width:min(820px,100%);margin:-6px auto 10px!important}
/* qigong: la montaña ocupa la foto de la cabecera */
.ys-qg-hero .foto .ys-esc-qg{width:min(100%,430px);margin:0 auto}
@container web (max-width:860px){
  .ys-v2.t2 .r-hero.con-escena{grid-template-columns:1fr;text-align:center;padding:110px 18px 40px}
  .ys-v2.t2 .r-hero.con-escena .sub{margin:0 auto 26px}
  .ys-v2.t2 .r-hero.con-escena .r-ctas,.ys-v2.t2 .r-hero.con-escena .trust{justify-content:center}
  .ys-esc-hero{max-width:520px;margin-top:4px!important}
  .site .ys-con-esc{grid-template-columns:1fr;gap:6px}
  .site .ys-con-esc>.ys-esc{position:relative;top:auto;order:-1;width:min(100%,460px);justify-self:center}
  .site .ys-esc-peq{max-width:220px}
  .ys-esc-regalo{margin:12px auto -6px!important}
}
@media (prefers-reduced-motion:reduce){
  .site .ys-esc::before,.site .ys-esc-i .ys-esc-m{animation:none}
  .site .ys-esc.pinta .ys-esc-m{transition:none}
}
/* la portada en luz: «¿Hablamos antes?» ya no puede ir en blanco */
.ys-v2.t2 .r-hero .llam{color:var(--terra-2,#8E4227);text-shadow:none;opacity:.9}

/* ═══════════════ LOS COLORES DE LOS CINCO ELEMENTOS (23/09/2026, tarde) ═══════════════
   Fede: «los colores de los cinco elementos están increíbles, el color y el degradado».
   · METAL  (#6F7A86 · velo #ECEEF0) → el fondo general de la web: limpio, frío, deja brillar lo demás.
   · AGUA, MADERA, TIERRA → las secciones (bandas, cajas, citas, regalo, pie), con degradados
     de varios tipos: lineal en diagonal, circular, desde un lado.
   · FUEGO  (#C4553A · velo #F8E2D8) → los botones que se pulsan (CTA).
   Es la última capa: se pinta encima de la piel v2 sin tocar la estructura. */
.site.ys-v2{
  --madera:#5E7F45;--madera-v:#E6EEDB;--fuego:#C4553A;--fuego-2:#A8432C;--fuego-v:#F8E2D8;
  --tierra:#A87A2A;--tierra-v:#F4E8CF;--metal:#6F7A86;--metal-v:#ECEEF0;--agua:#2F5A86;--agua-v:#DDE8F2;
  --papel:#FFFDF8;--crema:#F3F4F3;--terra:var(--fuego);--terra-2:var(--fuego-2);
  --ficha:linear-gradient(150deg,var(--papel) 20%,var(--metal-v) 100%);
  background:radial-gradient(120% 70% at 50% 0%,var(--papel) 0%,#FFFDF800 60%),linear-gradient(180deg,#F7F7F5 0%,var(--metal-v) 100%)}
/* las manchas detrás de las cabeceras: agua, madera y tierra */
.site.ys-v2 .pg::before{background:radial-gradient(38% 50% at 22% 40%,#DDE8F2d9,transparent 70%),radial-gradient(34% 46% at 78% 30%,#E6EEDBd9,transparent 70%),radial-gradient(30% 40% at 55% 72%,#F4E8CFb3,transparent 70%)}
/* la portada: metal con una marea de agua detrás de Ale en el mar */
.ys-v2.t2 .r-hero{background:radial-gradient(55% 70% at 78% 45%,var(--agua-v) 0%,#DDE8F200 70%),linear-gradient(180deg,var(--papel) 0%,#F3F4F3 100%)}
.ys-v2.t2 .r-hero::before{background:radial-gradient(60% 55% at 12% 18%,#F8E2D880,transparent 70%),linear-gradient(180deg,#FFFDF800 60%,#F3F4F3 100%)}
/* las bandas: salvia → MADERA (degradado desde la izquierda) · tierra → TIERRA (circular) */
.site.ys-v2 .ys-zona-salvia{background:radial-gradient(90% 60% at 0% 50%,#E6EEDBcc 0%,#E6EEDB00 70%),linear-gradient(180deg,#F3F4F300 0%,#EEF2E7 240px,#EEF2E7 calc(100% - 240px),#F3F4F300 100%)}
.site.ys-v2 .ys-zona-tierra{color:var(--ink-2);background:radial-gradient(70% 55% at 50% 50%,#F4E8CFf2 0%,#F4E8CF00 75%),linear-gradient(180deg,#F3F4F300 0%,#F6EEDD 240px,#F6EEDD calc(100% - 240px),#F3F4F300 100%)}
/* la cita de la portada: una ficha de madera · el regalo: una ficha de agua */
.ys-v2.t2 .s-philo{background:linear-gradient(150deg,var(--papel) 20%,var(--madera-v) 100%);border:1px solid #5E7F4533;box-shadow:0 30px 60px -44px #5E7F4599}
.ys-v2.t2 .s-philo .orn{color:var(--madera)}
.site.ys-v2 .ys-regalo,.site.ys-v2 .ys-zona-tierra .ys-regalo{background:linear-gradient(150deg,var(--papel) 20%,var(--agua-v) 100%);color:var(--ink);border:1px solid #2F5A8633;box-shadow:0 34px 70px -44px #2F5A8699}
.site.ys-v2 .ys-regalo h2{color:var(--agua)}
.site.ys-v2 .ys-regalo .s-kicker,.site.ys-v2 .ys-zona-tierra .ys-regalo .s-kicker{color:var(--agua)}
.site.ys-v2 .ys-regalo-form{background:#FFFDF8b3;border-color:#2F5A8622}
/* las tarjetas: fichas de metal; los tres tesoros y los pasos respiran igual */
.ys-v2.t2 .ys-card,.site.ys-v2 .ys-zona-tierra .ys-card{background:var(--ficha);border:1px solid #6F7A8633;box-shadow:0 26px 52px -40px #6F7A86b3;color:var(--ink)}
.ys-v2.t2 .r-svc{border-color:#6F7A8633;box-shadow:0 24px 48px -34px #6F7A86a6}
.ys-v2.t2 .r-svc .rim{background:radial-gradient(circle at 50% 45%,var(--papel) 30%,var(--metal-v) 100%)}
/* qué hago y qué no · qué puede y qué no: agua para el sí, madera para el no */
.ys-v2.t2 .ys-caja:not(.ys-caja-b),.site.ys-v2 .ys-caja{background:linear-gradient(150deg,var(--papel) 20%,var(--agua-v) 100%);border:1px solid #2F5A8629;color:var(--ink)}
.site.ys-v2 .ys-caja h3{color:var(--agua)}
.ys-v2.t2 .ys-caja-b,.site.ys-v2 .ys-zona-tierra .ys-caja-b{background:linear-gradient(150deg,var(--papel) 20%,var(--madera-v) 100%);border:1px solid #5E7F4533;color:var(--ink)}
.ys-v2.t2 .ys-caja-b h3{color:var(--madera)}
/* los movimientos de qigong: madera */
.site.ys-v2 .ys-qg-mov article{background:linear-gradient(170deg,var(--papel) 25%,var(--madera-v) 100%);border-color:#5E7F4533}
.site.ys-v2 .ys-qg-mov .n{color:var(--madera)}
/* los números y viñetas en madera; los kickers en fuego */
.ys-v2.t2 .r-sechead .s-kicker::after{background:var(--madera)}
/* el pie: madera que sube desde abajo */
.ys-v2.t2 .r-footer{background:radial-gradient(80% 90% at 50% 100%,var(--madera-v) 0%,#E6EEDB00 75%),linear-gradient(180deg,#F3F4F3 0%,#EDF1E6 100%);color:var(--ink)}
/* ── FUEGO: todo lo que se pulsa ── */
.ys-v2.t2 .r-cta:not(.line),.ys-v2.t2 .pg-rsv:not(.linea),.ys-v2.t2 .ys-regalo .pg-rsv,.ys-v2.t2 .ys-regalo button[type=submit],.site.ys-v2 .ys-form button[type=submit]{
  background:linear-gradient(135deg,var(--fuego) 0%,#D9785C 100%);color:#fff;border:0;box-shadow:0 14px 28px -16px #C4553Acc}
.ys-v2.t2 .r-cta:not(.line):hover,.ys-v2.t2 .pg-rsv:not(.linea):hover,.site.ys-v2 .ys-form button[type=submit]:hover{background:linear-gradient(135deg,var(--fuego-2) 0%,var(--fuego) 100%);filter:none}
.ys-v2.t2 .r-cta.line,.ys-v2.t2 .pg-rsv.linea,.ys-v2.t2 .ys-zona-salvia .r-cta.line,.ys-v2.t2 .ys-zona-tierra .r-cta.line,.ys-v2.t2 .r-pg .r-cta.line{border-color:var(--fuego);color:var(--fuego-2);background:transparent}
.ys-v2.t2 .r-book,.ys-v2.t2.pag-inicio .r-book,.ys-v2.t2 .r-rsv{border-color:var(--fuego);color:var(--fuego-2)}
.ys-v2.t2 .r-book:hover,.ys-v2.t2.pag-inicio .r-book:hover,.ys-v2.t2 .r-rsv:hover{background:var(--fuego);color:#fff}
.ys-v2.t2 .r-more,.ys-v2 .ys-link{color:var(--fuego-2);border-color:var(--fuego)}
/* la cabecera de Alejandra con su vídeo */
.site .pg-sobre.con-video .foto{background:none}
.site .ys-ale-video{display:block;width:auto;max-width:100%;height:auto;max-height:80vh;margin:0 auto;aspect-ratio:9/16;border-radius:18px;background:#1f241c;box-shadow:0 30px 60px -34px #2F5A8699;object-fit:cover}
/* las páginas interiores van enteras dentro de una banda: ahí manda el METAL (el fondo general), no la madera */
.site.ys-v2 .ys-zona-cabecera{background:none}
.ys-v2.t2.pag-inicio .r-nav a.r-book,.ys-v2.t2 .r-nav a.r-book{color:var(--fuego-2);border-color:var(--fuego)}
.ys-v2.t2.pag-inicio .r-nav a.r-book:hover,.ys-v2.t2 .r-nav a.r-book:hover{background:var(--fuego);color:#fff}

/* ═══════════════ UN SOLO FONDO DE METAL Y BLOQUES QUE FLOTAN (23/09/2026, noche) ═══════════════
   Fede: «en la web quiero que sea toda con el efecto metal… mantenemos todo el fondo de metal y así
   no hay unos cortes abruptos… los diferentes bloques de otro color, flotantes».
   · El fondo: un único degradado de metal de arriba abajo. Las bandas, las fotos de fondo de las
     zonas, la portada y el pie dejan de pintar su propio fondo: ya no hay cortes.
   · Los bloques de color flotan encima, redondeados y con sombra:
       MADERA → las citas («Todo es energía…», «Nuestro cuerpo ha nacido para ser sano…»)
       AGUA   → los ebooks y el regalo
       TIERRA → «¿Hablamos?»
   · Todo lo demás (tarjetas, cajas) en papel y metal, sin más colores. El FUEGO, solo en lo que se pulsa. */
.site.ys-v2.t2{background:radial-gradient(120% 40% at 50% 0%,var(--papel) 0%,#FFFDF800 70%),linear-gradient(180deg,#F8F8F6 0%,#F1F2F2 35%,var(--metal-v) 70%,#E6E9EC 100%)}
.site.ys-v2.t2 .ys-zona,.site.ys-v2.t2 .ys-zona-salvia,.site.ys-v2.t2 .ys-zona-tierra,.site.ys-v2.t2 .ys-zona-cabecera,
.site.ys-v2.t2 .r-hero,.site.ys-v2.t2 .r-footer{background:none}
.site.ys-v2.t2 .r-hero::before,.site.ys-v2.t2 .pg::before{background:none}
.site.ys-v2.t2 .ys-fondo,.site.ys-v2.t2 .ys-fondo-btn{display:none}
.site.ys-v2.t2 .r-footer{border-top:1px solid #6F7A861f}
/* el molde de un bloque flotante */
.site.ys-v2.t2{--flota-sombra:0 1px 0 #fff inset,0 50px 90px -60px var(--flota-c,#6F7A86),0 18px 40px -34px #2F352A40}
.site.ys-v2.t2 .pag-flota,
.site.ys-v2.t2.pag-inicio #productos,
.site.ys-v2.t2 .ys-zona-cierre .ys-zona-in,
.site.ys-v2.t2 .ys-bloque-ancho,
.site.ys-v2.t2 .r-contact{position:relative;border-radius:28px;box-shadow:var(--flota-sombra);
  background:linear-gradient(150deg,var(--papel) 18%,var(--flota-v) 100%);border:1px solid color-mix(in srgb,var(--flota-c) 20%,transparent)}
/* agua: los ebooks de la portada y el bloque del ebook en qigong */
.site.ys-v2.t2.pag-inicio #productos,.site.ys-v2.t2 .ys-bloque-ancho{--flota-c:var(--agua);--flota-v:var(--agua-v)}
.site.ys-v2.t2.pag-inicio #productos{box-sizing:border-box;max-width:1180px;margin:0 auto;padding:clamp(40px,6vw,80px) clamp(16px,3vw,40px);overflow:hidden}
.site.ys-v2.t2.pag-inicio #productos .s-kicker{color:var(--agua)}
.site.ys-v2.t2 .ys-bloque-ancho{padding:clamp(28px,4vw,48px)}
.site.ys-v2.t2 .ys-bloque-ancho .ys-regalo{background:none;border:0;box-shadow:none;padding:0}
/* madera: el cierre con la cita de cada página interior */
.site.ys-v2.t2 .ys-zona-cierre{width:auto;margin:70px auto 20px;padding:0 20px;max-width:1040px}
.site.ys-v2.t2 .ys-zona-cierre .ys-zona-in{--flota-c:var(--madera);--flota-v:var(--madera-v);padding:clamp(40px,6vw,70px) clamp(20px,5vw,60px)}
.site.ys-v2.t2 .ys-zona-cierre .pg-quote .orn,.site.ys-v2.t2 .ys-zona-cierre .ys-inf{color:var(--madera)}
/* tierra: ¿Hablamos? */
.site.ys-v2.t2 .r-contact{--flota-c:var(--tierra);--flota-v:var(--tierra-v)}
.site.ys-v2.t2 .r-contact .s-kicker,.site.ys-v2.t2 .r-contact h3{color:var(--tierra)}
/* la cita de la portada ya es madera; sombra de bloque flotante como los demás */
.ys-v2.t2 .s-philo{--flota-c:var(--madera);border-radius:28px;box-shadow:var(--flota-sombra)}
.site.ys-v2.t2 .ys-regalo{--flota-c:var(--agua);border-radius:28px;box-shadow:var(--flota-sombra)}
/* menos colores: las cajas de «puede / no puede» y «hago / no hago» en papel y metal; el título conserva su color */
.ys-v2.t2 .ys-caja:not(.ys-caja-b),.site.ys-v2.t2 .ys-caja,.ys-v2.t2 .ys-caja-b,.site.ys-v2.t2 .ys-zona-tierra .ys-caja-b{background:var(--ficha);border:1px solid #6F7A8629}
@container web (max-width:700px){
  .site.ys-v2.t2.pag-inicio #productos{margin:0 10px;border-radius:22px;padding:36px 12px}
  .site.ys-v2.t2 .ys-zona-cierre{margin:50px auto 10px;padding:0 12px}
  .site.ys-v2.t2 .ys-zona-cierre .ys-zona-in,.site.ys-v2.t2 .r-contact,.site.ys-v2.t2 .ys-bloque-ancho{border-radius:22px}
}

/* ═══════════════ LA PORTADA, REORDENADA (23/09/2026, noche) ═══════════════
   Fede: los ebooks sueltos sobre el fondo (su ficha de texto en agua), fuera «Empieza por lo gratis»
   y la fila de «sin permanencia…», dos botones en la portada, «te suena» con otro formato, la medicina
   tradicional china y el qigong en la portada, las preguntas más bonitas, Instagram como sección
   y un «¿Hablamos?» más cálido. */
/* la portada: el texto más arriba */
.ys-v2.t2 .r-hero.con-escena{padding-top:112px;padding-bottom:60px;min-height:0}
.ys-v2.t2 .r-hero.con-escena .r-ctas{gap:12px;flex-wrap:wrap}
.ys-v2.t2 .r-hero.con-escena button.r-cta{font-family:inherit;font-size:11.5px;letter-spacing:.16em;font-weight:500;cursor:pointer}
@container web (max-width:860px){
  .ys-v2.t2 .r-hero.con-escena{padding-top:34px;padding-bottom:20px}
  .ys-v2.t2 .r-hero.con-escena .r-ctas{justify-content:center}
  .ys-v2.t2 .r-hero.con-escena .r-ctas>*{flex:1 1 150px;max-width:260px;justify-content:center;text-align:center}
}
/* los ebooks: sin caja alrededor; la ficha del texto de cada ebook, en agua */
.site.ys-v2.t2.pag-inicio #productos{background:none;border:0;box-shadow:none;border-radius:0;max-width:1180px;padding:20px 30px 50px;overflow:visible}
.ys-v2.t2 .r-svc .rtx{background:linear-gradient(160deg,var(--papel) 0%,var(--agua-v) 100%)}
.ys-v2.t2 .r-svc{border-color:#2F5A8629;box-shadow:0 30px 60px -40px #2F5A86a6}
.ys-v2.t2 .r-svc .r-num{color:var(--agua)}
.ys-v2.t2 .r-svc .r-num::after{background:var(--agua)}
@container web (max-width:700px){ .site.ys-v2.t2.pag-inicio #productos{margin:0;padding:10px 18px 40px} }

/* «te suena alguna de estas»: la cabecera a un lado y cada frase en su ficha, con la acuarela de un elemento */
.ys-dolor{max-width:1120px;margin:0 auto;padding:30px 30px 20px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:50px;align-items:start}
.ys-dolor-cab{position:sticky;top:110px;text-align:left}
.ys-dolor-cab h2{font-size:clamp(32px,3.6cqw,48px);line-height:1.1;font-weight:400;margin:14px 0 26px;color:var(--ink)}
.ys-dolor-cab .s-kicker::after{display:none}
.ys-dolor-cierre{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;border-radius:20px;background:#FFFDF8b3;border:1px solid #6F7A8626}
.ys-dolor-cierre .orn{flex:0 0 auto;width:44px}
.ys-dolor-cierre .orn img,.ys-dolor-cierre .orn svg{width:44px;height:auto}
.ys-dolor-cierre p{margin:0;font-family:var(--f-head);font-style:italic;font-size:19px;line-height:1.45;color:var(--ink-2)}
.ys-dolor-lista{display:grid;gap:16px}
.ys-dolor-it{--c:var(--metal);--cv:var(--metal-v);display:grid;grid-template-columns:74px minmax(0,1fr);gap:18px;align-items:center;padding:20px 24px 20px 16px;border-radius:22px;
  background:linear-gradient(150deg,var(--papel) 25%,var(--cv) 100%);border:1px solid color-mix(in srgb,var(--c) 20%,transparent);
  box-shadow:0 1px 0 #fff inset,0 26px 50px -38px color-mix(in srgb,var(--c) 80%,#000);transition:transform .4s cubic-bezier(.2,.7,.3,1)}
.ys-dolor-it:nth-child(even){margin-left:34px;margin-right:-10px}
.ys-dolor-it:hover{transform:translateY(-3px)}
.ys-dolor-it img{width:74px;height:74px;object-fit:contain;background:none}
.ys-dolor-it p{margin:0;font-family:var(--f-head);font-size:clamp(19px,1.9cqw,23px);line-height:1.35;color:var(--ink)}
.ys-el-madera{--c:var(--madera);--cv:var(--madera-v)} .ys-el-fuego{--c:var(--fuego);--cv:var(--fuego-v)} .ys-el-tierra{--c:var(--tierra);--cv:var(--tierra-v)}
.ys-el-metal{--c:var(--metal);--cv:var(--metal-v)} .ys-el-agua{--c:var(--agua);--cv:var(--agua-v)}
@container web (max-width:820px){
  .ys-dolor{grid-template-columns:1fr;gap:22px;padding:20px 18px 10px}
  .ys-dolor-cab{position:static;text-align:center}
  .ys-dolor-cab h2{margin:12px 0 0}
  .ys-dolor-cierre{order:2}
  .ys-dolor-cab .ys-dolor-cierre{display:none}
  .ys-dolor-it{grid-template-columns:56px minmax(0,1fr);gap:14px;padding:16px 18px 16px 12px}
  .ys-dolor-it:nth-child(even){margin:0}
  .ys-dolor-it img{width:56px;height:56px}
  .ys-dolor-lista::after{content:none}
}
/* en el móvil el cierre va debajo de las frases */
.ys-dolor-lista+.ys-dolor-cierre-m{display:none}

/* la medicina tradicional china en la portada */
.ys-home-mtc{text-align:center;max-width:1080px;margin:0 auto;padding:70px 30px 40px}
.ys-home-mtc h2,.ys-home-qg h2,.ys-insta h2,.ys-faq-cab h2{font-size:clamp(30px,3.4cqw,46px);line-height:1.12;font-weight:400;color:var(--ink);margin:14px 0 18px}
.ys-home-lead{max-width:680px;margin:0 auto 34px;font-size:17px;line-height:1.75;color:var(--ink-2)}
.ys-home-5e{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 auto 34px;max-width:900px}
.ys-home-5e figure{margin:0;padding:16px 8px 14px;border-radius:22px;background:linear-gradient(170deg,var(--papel) 30%,var(--cv) 100%);border:1px solid color-mix(in srgb,var(--c) 18%,transparent);
  box-shadow:0 24px 44px -36px color-mix(in srgb,var(--c) 80%,#000);transition:transform .45s cubic-bezier(.2,.7,.3,1)}
.ys-home-5e figure:hover{transform:translateY(-6px) rotate(-1deg)}
.ys-home-5e img{width:100%;max-width:120px;aspect-ratio:1;object-fit:contain;background:none;display:block;margin:0 auto}
.ys-home-5e figcaption{font-family:var(--f-head);font-size:19px;color:color-mix(in srgb,var(--c) 80%,#1c2118);margin-top:6px}
@container web (max-width:700px){
  .ys-home-mtc{padding:50px 18px 30px}
  .ys-home-5e{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .ys-home-5e figure{padding:8px 2px 8px;border-radius:14px}
  .ys-home-5e figcaption{font-size:13.5px}
}
/* el qigong en la portada: ficha de madera flotante */
.ys-home-qg{max-width:1120px;margin:30px auto;padding:0 30px}
.ys-home-qg-in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center;padding:clamp(34px,5vw,60px);border-radius:28px;
  background:linear-gradient(150deg,var(--papel) 18%,var(--madera-v) 100%);border:1px solid #5E7F4533;box-shadow:0 1px 0 #fff inset,0 50px 90px -60px var(--madera),0 18px 40px -34px #2F352A40}
.ys-home-qg-tx p{font-size:16.5px;line-height:1.75;color:var(--ink-2);margin:0 0 26px}
.ys-home-qg .s-kicker{color:var(--madera)}
.ys-home-qg-movs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ys-home-qg-movs figure{margin:0;text-align:center}
.ys-home-qg-movs figure:nth-child(2){transform:translateY(-18px)}
.ys-home-qg-movs img{width:100%;aspect-ratio:1;object-fit:contain;background:none;mix-blend-mode:multiply;display:block}
.ys-home-qg-movs figcaption{font-size:13px;letter-spacing:.04em;color:var(--ink-2);margin-top:4px}
.ys-home-qg-movs figcaption b{color:var(--madera);font-weight:500;margin-right:4px}
@container web (max-width:820px){
  .ys-home-qg{padding:0 12px}
  .ys-home-qg-in{grid-template-columns:1fr;gap:18px;border-radius:22px;padding:30px 20px 24px;text-align:center}
  .ys-home-qg-movs figure:nth-child(2){transform:none}
  .ys-home-qg-movs figcaption{font-size:11.5px}
}
/* las preguntas: la cabecera a un lado (con Ale en el campo) y cada pregunta en su ficha */
.ys-faq-home{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:50px;align-items:start;padding:0 0 10px}
.ys-faq-cab{position:sticky;top:110px}
.ys-faq-cab h2{margin-bottom:10px}
.ys-esc-faq{width:min(340px,100%);margin:6px 0 16px!important}
.ys-faq-home .ys-faq{max-width:none;margin:0;display:grid;gap:12px}
.ys-v2.t2 .ys-faq-home .ys-faq-item,.ys-v2.t2 .ys-faq-home .ys-faq-item:last-child{border:1px solid #6F7A8629;border-radius:20px;padding:4px 22px;
  background:linear-gradient(160deg,var(--papel) 40%,var(--metal-v) 100%);box-shadow:0 20px 40px -34px #6F7A86;transition:box-shadow .35s,background .35s}
.ys-v2.t2 .ys-faq-home .ys-faq-item[open]{background:linear-gradient(160deg,var(--papel) 30%,var(--agua-v) 100%);border-color:#2F5A8633;box-shadow:0 30px 60px -40px #2F5A86}
.ys-v2.t2 .ys-faq-home .ys-faq-item summary{font-size:20px;padding:16px 46px 16px 0}
.ys-v2.t2 .ys-faq-home .ys-faq-item summary::after{content:'+';top:50%;right:0;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  font-size:20px;line-height:1;color:#fff;background:linear-gradient(135deg,var(--fuego) 0%,#D9785C 100%);transition:transform .35s}
.ys-v2.t2 .ys-faq-home .ys-faq-item[open] summary::after{content:'+';transform:translateY(-50%) rotate(45deg)}
.ys-v2.t2 .ys-faq-home .ys-faq-item p{padding:0 0 18px;font-size:15.5px}
@container web (max-width:820px){
  .ys-faq-home{grid-template-columns:1fr;gap:18px;padding:0 4px}
  .ys-faq-cab{position:static;text-align:center}
  .ys-esc-faq{margin:6px auto 10px!important;width:min(260px,80%)}
  .ys-faq-cab>div:last-child{display:none}
  .ys-faq-home::after{content:none}
  .ys-v2.t2 .ys-faq-home .ys-faq-item summary{font-size:18px}
}
.ys-faq-home+.ys-faq-mas{display:none}
/* Instagram, sección propia */
.ys-insta{max-width:1120px;margin:40px auto;padding:0 30px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center}
.ys-insta-tx p{font-size:16.5px;line-height:1.75;color:var(--ink-2);margin:0 0 22px}
.ys-insta-btn{display:inline-flex!important;align-items:center;gap:10px}
.ys-insta-at{margin:12px 0 0!important;font-size:13px!important;letter-spacing:.06em;opacity:.75}
.ys-insta-fotos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ys-insta-f{border-radius:20px;overflow:hidden;aspect-ratio:4/5;box-shadow:0 30px 50px -36px #2F352A99;transform:rotate(calc((var(--k) - 1) * 2deg)) translateY(calc(var(--k) * 8px - 8px))}
.ys-insta-f .ph{width:100%;height:100%;object-fit:cover;display:block}
@container web (max-width:820px){
  .ys-insta{grid-template-columns:1fr;gap:22px;padding:0 18px;text-align:center}
  .ys-insta-fotos{gap:8px}
  .ys-insta-f{border-radius:14px}
}
/* ¿Hablamos?: su cara, su voz y el horario aparte */
.site.ys-v2.t2 .ys-hablamos{max-width:1080px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:44px;padding:clamp(34px,5vw,60px);align-items:center;overflow:hidden}
.ys-hablamos::before{content:'';position:absolute;width:420px;height:420px;right:-120px;top:-160px;border-radius:50%;background:radial-gradient(circle,#F8E2D8cc,transparent 70%);pointer-events:none}
.ys-hab-tx{position:relative}
.ys-hab-cara{width:88px;height:88px;border-radius:50%;object-fit:cover;display:block;margin:0 0 18px;border:3px solid #fff;box-shadow:0 14px 30px -14px #A87A2A99}
.site.ys-v2.t2 .ys-hablamos h2{font-size:clamp(34px,4cqw,52px);margin:0 0 12px}
.ys-hab-btns{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.ys-hab-firma{margin:16px 0 0!important;font-family:var(--f-head);font-style:italic;font-size:18px;color:var(--tierra)}
.site.ys-v2.t2 .ys-hablamos .r-hours{position:relative;background:#FFFDF8d9;border:1px solid #A87A2A26;border-radius:22px;padding:26px 24px;box-shadow:0 24px 44px -34px #A87A2A}
.site.ys-v2.t2 .ys-hablamos .r-hours h3{margin-top:0}
@container web (max-width:820px){
  .site.ys-v2.t2 .ys-hablamos{grid-template-columns:1fr;gap:24px;margin:30px 12px 0;padding:30px 20px}
  .ys-hab-cara{width:74px;height:74px}
  .site.ys-v2.t2 .ys-hablamos .r-hours{padding:20px 18px}
}
.ys-home-5e img,.ys-home-qg-movs img,.ys-dolor-it img{height:auto}
/* móvil: el cierre de «te suena» y «Todas las preguntas» van al final; los dos botones de la portada, iguales */
@container web (max-width:820px){
  .ys-dolor-cab,.ys-faq-cab{display:contents}
  .ys-dolor>.ys-dolor-lista{order:3} .ys-dolor .ys-dolor-cierre{order:4;display:flex!important;margin-top:4px}
  .ys-dolor .s-kicker,.ys-dolor h2{text-align:center}
  .ys-faq-home>.ys-faq{order:3} .ys-faq-cab>div:last-child{display:block!important;order:4;text-align:center}
  .ys-faq-home .s-kicker,.ys-faq-home h2{text-align:center}
}
@container web (max-width:860px){ .ys-v2.t2 .r-hero.con-escena .r-ctas>*{width:100%;max-width:300px;flex:0 0 auto;box-sizing:border-box} }
.site.ys-v2.t2 .ys-hablamos .s-hrow{gap:14px}
.ys-v2.t2 .r-hero.con-escena .r-ctas>*{display:inline-flex;align-items:center;justify-content:center;min-height:52px;line-height:1.2;padding-top:0;padding-bottom:0;box-sizing:border-box}

/* ═══════════════ LOS DOS CICLOS DE LA RUEDA (23/09/2026, noche · Ale) ═══════════════
   Generación por el círculo (fuego cálido, la armonía) y control por la estrella (agua, el equilibrio).
   Una estela recorre cada trazo y una luz la encabeza; cada elemento late cuando le llega su luz. */
.ys-5e-col{display:flex;flex-direction:column;align-items:center;gap:14px}
.ys-5e-svg .c{fill:none;stroke:#C4553A2e;stroke-width:.7}
.ys-5e-svg .k{fill:none;stroke:#2F5A8629;stroke-width:.6;stroke-dasharray:1.6 2.6}
.ys-5e-svg .gen,.ys-5e-svg .ctl{fill:none;stroke-linecap:round;animation:ys-estela 12s linear infinite}
.ys-5e-svg .gen{stroke:#C4553A;stroke-width:1.5;stroke-dasharray:12 88;opacity:.75}
.ys-5e-svg .ctl{stroke:#2F5A86;stroke-width:1.2;stroke-dasharray:9 91;opacity:.6}
@keyframes ys-estela{from{stroke-dashoffset:12}to{stroke-dashoffset:-88}}
.ys-5e-svg .ctl{animation-name:ys-estela-k}
@keyframes ys-estela-k{from{stroke-dashoffset:9}to{stroke-dashoffset:-91}}
.ys-5e-svg .luz-gen .punto{fill:#C4553A}.ys-5e-svg .luz-gen .halo{fill:#F8E2D8;opacity:.85}
.ys-5e-svg .luz-ctl .punto{fill:#2F5A86}.ys-5e-svg .luz-ctl .halo{fill:#DDE8F2;opacity:.9}
.ys-5e-svg .halo{animation:ys-luz 2.4s ease-in-out infinite}
@keyframes ys-luz{0%,100%{r:5.5}50%{r:8}}
/* cada elemento late al llegarle cada luz: aro cálido (generación) y aro azul (control) */
.ys-5e-b .ys-5e-pg,.ys-5e-b .ys-5e-pk{position:absolute;inset:8%;border-radius:50%;pointer-events:none;opacity:0}
.ys-5e-b .ys-5e-pg{box-shadow:0 0 0 2px #C4553A99,0 0 22px 4px #F8E2D8;animation:ys-late 12s ease-out infinite;animation-delay:calc(var(--gi) * 2.4s)}
.ys-5e-b .ys-5e-pk{inset:2%;box-shadow:0 0 0 1.5px #2F5A8680,0 0 20px 3px #DDE8F2;animation:ys-late 12s ease-out infinite;animation-delay:calc(var(--ki) * 2.4s)}
@keyframes ys-late{0%{opacity:0;transform:scale(.8)}2%{opacity:1;transform:scale(1)}12%{opacity:0;transform:scale(1.18)}100%{opacity:0}}
.ys-5e-b img{position:relative}
.ys-5e-ley{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:0!important;font-size:12px!important;letter-spacing:.06em;color:var(--ink-2,#5E5A4F)}
.ys-5e-ley span{display:inline-flex;align-items:center;gap:8px}
.ys-5e-ley i{display:inline-block;width:26px;height:0;border-top:2px solid #C4553A;border-radius:2px}
.ys-5e-ley .k i{border-top:2px dashed #2F5A86}
@media (prefers-reduced-motion:reduce){
  .ys-5e-svg .gen,.ys-5e-svg .ctl,.ys-5e-svg .halo,.ys-5e-b .ys-5e-pg,.ys-5e-b .ys-5e-pk{animation:none}
  .ys-5e-svg .luz-gen,.ys-5e-svg .luz-ctl{display:none}
}
/* «te suena»: la quinta ficha es el cierre, con la tierra, en cursiva y alineada como las demás */
.ys-dolor-fin p{font-style:italic;color:var(--ink-2)}
.ys-dolor-it.ys-dolor-fin:nth-child(even){margin-left:0;margin-right:0}
.ys-dolor-cab{align-self:start}

/* ═══════════════ EL CARRUSEL, «¿NECESITAS HABLAR?», EL POP-UP Y EL MENÚ DEL MÓVIL (23/09/2026, noche) ═══════════════ */
/* los puntos del carrusel → una barra fina por tramos; el tramo que ves, en fuego y más largo */
.ys-v2.t2 .car .dots{display:flex;justify-content:center;align-items:center;gap:5px;margin:14px auto 0;max-width:280px}
.ys-v2.t2 .car .dots button{flex:1 1 0;min-width:10px;max-width:26px;height:3px;padding:0;border:0;border-radius:3px;cursor:pointer;
  background:#6F7A86;opacity:.22;transition:flex-grow .45s cubic-bezier(.2,.7,.3,1),max-width .45s cubic-bezier(.2,.7,.3,1),opacity .3s,background .3s;position:relative}
.ys-v2.t2 .car .dots button::before{content:'';position:absolute;inset:-10px 0}
.ys-v2.t2 .car .dots button[aria-current="true"]{flex-grow:3;max-width:64px;background:linear-gradient(90deg,var(--fuego),#D9785C);opacity:1}
.ys-v2.t2 .car .dots button:hover{opacity:.5}
/* «¿Necesitas hablar?» bajo los ebooks: la cara de Ale y una pastilla */
.llamfila{text-align:center}
.ys-hablar{display:inline-flex;align-items:center;gap:12px;padding:7px 20px 7px 7px;border-radius:99px;cursor:pointer;font:inherit;
  background:linear-gradient(150deg,var(--papel,#FFFDF8) 20%,var(--tierra-v,#F4E8CF) 100%);border:1px solid #A87A2A33;color:var(--ink,#2F352A);
  box-shadow:0 1px 0 #fff inset,0 18px 34px -22px #A87A2Aaa;transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s}
.ys-hablar img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 4px 10px -4px #2F352A66}
.ys-hablar span{font-family:var(--f-head);font-size:20px;line-height:1}
.ys-hablar i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:15px;
  background:linear-gradient(135deg,var(--fuego,#C4553A),#D9785C);transition:transform .35s}
.ys-hablar:hover{transform:translateY(-2px);box-shadow:0 1px 0 #fff inset,0 24px 40px -22px #A87A2Acc}
.ys-hablar:hover i{transform:translateX(3px)}
/* el pop-up: con la cara de Ale arriba */
.lm-cara{display:block;width:64px;height:64px;border-radius:50%;object-fit:cover;margin:0 0 14px;border:3px solid #fff;box-shadow:0 12px 24px -12px #A87A2A99}
.lm-caja{background:linear-gradient(160deg,#FFFDF8 30%,#F4E8CF 130%)!important}
.lm-enviar{background:linear-gradient(135deg,#C4553A 0%,#D9785C 100%)!important;border-radius:99px!important;letter-spacing:.08em}

/* ── EL MENÚ DEL MÓVIL ── */
html.ys-menu-abierto,html.ys-menu-abierto body{overflow:hidden}
.site .mdrawer{background:#2F352A00;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:1;visibility:hidden;
  transition:background .5s ease,backdrop-filter .5s ease,-webkit-backdrop-filter .5s ease,visibility 0s linear .6s}
.site .mdrawer.open{background:#2F352A59;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);visibility:visible;transition:background .45s ease,backdrop-filter .45s ease,-webkit-backdrop-filter .45s ease,visibility 0s}
.site .mdrawer-in{top:10px;right:10px;bottom:auto;left:auto;width:min(360px,calc(100% - 20px));max-height:calc(100dvh - 20px);padding:0;border-radius:26px;overflow-y:auto;overscroll-behavior:contain;
  background:linear-gradient(170deg,#FFFDF8 0%,#F5F5F2 55%,#ECEEF0 100%);color:var(--ink,#2F352A);display:block;
  box-shadow:0 1px 0 #fff inset,0 40px 80px -30px #1c211899,0 10px 30px -20px #1c211866;
  transform:none;clip-path:circle(0% at calc(100% - 34px) 30px);transition:clip-path .5s cubic-bezier(.7,0,.3,1)}
.site .mdrawer.open .mdrawer-in{clip-path:circle(150% at calc(100% - 34px) 30px);transition:clip-path .75s cubic-bezier(.2,.8,.2,1)}
/* la cabecera: Ale en acuarela, quién es y cerrar */
.mm-cab{position:relative;display:flex;align-items:center;gap:14px;padding:18px 58px 16px 16px;background:radial-gradient(120% 140% at 0% 0%,#F8E2D8 0%,#FFFDF800 60%),radial-gradient(100% 120% at 100% 0%,#DDE8F2 0%,#FFFDF800 60%);
  border-bottom:1px solid #6F7A861f}
.mm-ale{flex:0 0 auto;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,#FFFDF8 45%,#E6EEDB 100%);display:grid;place-items:center;overflow:hidden;
  box-shadow:0 0 0 3px #fff,0 12px 26px -12px #5E7F4599}
.mm-ale img{width:118%;height:auto;margin-top:18%;mix-blend-mode:multiply;background:none}
.mm-quien{display:flex;flex-direction:column;min-width:0}
.mm-marca{font-family:var(--f-head);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-2,#5E5A4F)}
.mm-marca em{font-style:normal;letter-spacing:.08em;color:var(--fuego,#C4553A)}
.mm-quien b{font-family:var(--f-head);font-weight:500;font-size:21px;line-height:1.15;margin-top:3px}
.mm-quien small{font-size:12.5px;color:var(--ink-2,#5E5A4F);margin-top:2px;line-height:1.35}
.mm-x{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:1px solid #6F7A8633;background:#FFFDF8cc;cursor:pointer;
  font-size:22px;line-height:1;color:var(--ink,#2F352A);display:grid;place-items:center;transition:transform .35s}
.mm-x:hover{transform:rotate(90deg)}
/* la lista, como un menú de app: icono en su color de elemento, nombre y una línea */
.mm-lista{padding:8px 8px 4px}
.mdrawer-in .mlink.mm-it{display:grid;grid-template-columns:40px minmax(0,1fr) 14px;align-items:center;gap:12px;padding:10px 10px;border:0;border-radius:16px;
  font-family:var(--f-body);font-size:inherit;color:var(--ink,#2F352A);text-decoration:none;transition:background .25s}
.mdrawer-in .mlink.mm-it:hover,.mdrawer-in .mlink.mm-it:focus-visible{background:#6F7A8612;outline:none}
.mdrawer-in .mlink.mm-it.on{background:linear-gradient(90deg,#F8E2D8cc,#FFFDF800)}
.mdrawer-in .mlink.mm-it.on b{color:var(--fuego-2,#A8432C)}
.mm-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(150deg,#FFFDF8 10%,var(--cv) 100%);
  border:1px solid color-mix(in srgb,var(--c) 22%,transparent);color:var(--c)}
.mm-ico svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mm-tx{display:flex;flex-direction:column;min-width:0}
.mm-tx b{font-family:var(--f-head);font-weight:500;font-size:18.5px;line-height:1.15}
.mm-tx small{font-size:12.5px;color:var(--ink-2,#5E5A4F);line-height:1.35;margin-top:1px}
.mm-fl{font-size:22px;color:#6F7A8680;line-height:1;transition:transform .3s}
.mm-it:hover .mm-fl{transform:translateX(3px)}
/* el pie: los dos botones, Instagram y dónde */
.mm-pie{padding:12px 16px 18px;border-top:1px solid #6F7A861f;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.site .mm-cta{display:flex;align-items:center;justify-content:center;text-align:center;min-height:46px;padding:0 10px;border-radius:99px;font:inherit;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;font-weight:500;text-decoration:none;cursor:pointer;color:#fff;border:0;background:linear-gradient(135deg,var(--fuego,#C4553A),#D9785C);box-shadow:0 12px 22px -14px #C4553Acc}
.site .mm-cta.b{background:#FFFDF8;color:var(--fuego-2,#A8432C);box-shadow:inset 0 0 0 1.5px var(--fuego,#C4553A);letter-spacing:.06em}
.mm-ig{grid-column:1 / -1;justify-self:center;display:inline-flex;align-items:center;gap:7px;margin-top:4px;font-size:13px;color:var(--ink-2,#5E5A4F);text-decoration:none}
.mm-ig svg{color:var(--fuego,#C4553A)}
.mm-donde{grid-column:1 / -1;margin:0;text-align:center;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2,#5E5A4F);opacity:.7}
/* la coreografía: al abrir, Ale florece y los enlaces entran uno a uno; al cerrar, todo se va a la vez y rápido */
.mm-ale,.mm-quien,.mm-it,.mm-pie{opacity:0;transform:translateX(16px);transition:opacity .2s ease,transform .2s ease}
.mm-ale{transform:scale(.6) rotate(-12deg)}
.mdrawer.open .mm-ale{opacity:1;transform:none;transition:opacity .6s ease .18s,transform .8s cubic-bezier(.2,1.4,.3,1) .18s}
.mdrawer.open .mm-quien{opacity:1;transform:none;transition:opacity .5s ease .26s,transform .6s cubic-bezier(.2,.8,.2,1) .26s}
.mdrawer.open .mm-it,.mdrawer.open .mm-pie{opacity:1;transform:none;transition:opacity .45s ease calc(.3s + var(--i,0) * .055s),transform .6s cubic-bezier(.2,.8,.2,1) calc(.3s + var(--i,0) * .055s),background .25s}
/* la hamburguesa, más fina */
.ys-v2.t2 .mburger{border-radius:50%;width:42px;height:42px;background:#FFFDF8b3}
.ys-v2.t2 .mburger span{width:17px;height:1.6px}
.ys-v2.t2 .mburger span:nth-child(2){width:11px;margin-left:6px}
@media (prefers-reduced-motion:reduce){
  .site .mdrawer-in,.site .mdrawer.open .mdrawer-in{clip-path:none;transition:none}
  .mm-ale,.mm-quien,.mm-it,.mm-pie,.mdrawer.open .mm-ale,.mdrawer.open .mm-quien,.mdrawer.open .mm-it,.mdrawer.open .mm-pie{opacity:1;transform:none;transition:none}
}
/* Ale en la cabecera del menú: encuadrada de medio cuerpo (la acuarela es de cuerpo entero) */
.mm-ale{position:relative;display:block}
.mm-ale img{position:absolute;width:215px;max-width:none;height:auto;left:-65px;top:-24px;margin:0}

/* ═══════════════ LA ESTANTERÍA DE EBOOKS (/ebooks · 23/09/2026, noche) ═══════════════
   Portada grande de Ale en acuarela sobre el color de cada ebook; la tarjeta entera lleva al ebook. */
.site.ys-v2 .ys-libros{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px;max-width:1120px;margin:0 auto}
.site.ys-v2 .ys-libro{--ev:color-mix(in srgb,var(--eb-acento) 18%,#FFFDF8);display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:24px;text-decoration:none;color:var(--ink);
  background:#FFFDF8;border:1px solid color-mix(in srgb,var(--eb-acento) 26%,transparent);box-shadow:0 1px 0 #fff inset,0 30px 60px -44px color-mix(in srgb,var(--eb-acento) 80%,#000);
  transition:transform .45s cubic-bezier(.2,.7,.3,1),box-shadow .45s}
.site.ys-v2 a.ys-libro:hover{transform:translateY(-6px);box-shadow:0 1px 0 #fff inset,0 44px 70px -44px color-mix(in srgb,var(--eb-acento) 90%,#000)}
.site.ys-v2 .ys-libro-port{aspect-ratio:4/4.4;display:grid;place-items:center;padding:18px 18px 0;background:radial-gradient(70% 70% at 50% 55%,color-mix(in srgb,var(--eb-acento) 30%,#FFFDF8) 0%,var(--ev) 55%,#FFFDF8 100%)}
.site.ys-v2 .ys-libro-port .ph{width:auto;height:100%;max-width:100%;object-fit:contain;border-radius:0;mix-blend-mode:multiply;background:none;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.site.ys-v2 a.ys-libro:hover .ys-libro-port .ph{transform:scale(1.04)}
.site.ys-v2 .ys-libro-tx{display:flex;flex-direction:column;flex:1;padding:18px 22px 20px}
.site.ys-v2 .ys-libro h3{font-size:22px;line-height:1.18;margin:0 0 8px;color:var(--ink)}
.site.ys-v2 .ys-libro p{font-size:14.5px;line-height:1.55;color:var(--ink-2);opacity:1;margin:0}
.site.ys-v2 .ys-libro-pie{margin-top:auto;padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.ys-libro-meta{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--eb-acento) 70%,#2F352A)}
.ys-libro-ir{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:#fff;padding:9px 14px;border-radius:99px;background:linear-gradient(135deg,var(--fuego),#D9785C)}
@container web (max-width:700px){ .site.ys-v2 .ys-libros{grid-template-columns:1fr 1fr;gap:12px} .site.ys-v2 .ys-libro h3{font-size:17px} .site.ys-v2 .ys-libro p{display:none} .site.ys-v2 .ys-libro-tx{padding:12px 12px 14px} .site.ys-v2 .ys-libro-pie{flex-direction:column;align-items:flex-start;gap:8px;padding-top:10px} .site.ys-v2 .ys-libro{border-radius:18px} }
/* la ficha del ebook: la portada de Ale sin marco de papel, fundida con el color del ebook */
.site.ys-v2 .ebf-libro{background:radial-gradient(70% 70% at 50% 55%,color-mix(in srgb,var(--eb-acento) 30%,#FFFDF8) 0%,color-mix(in srgb,var(--eb-acento) 14%,#FFFDF8) 55%,#FFFDF800 100%)!important;box-shadow:none!important;border:0!important}
.site.ys-v2 .ebf-libro .ebf-portada{mix-blend-mode:multiply;box-shadow:none!important;filter:none!important;border-radius:0!important}
/* las portadas son acuarela sobre papel crema: el borde del papel se desvanece para que no se vea el rectángulo */
.site.ys-v2 .ys-libro-port .ph,.site.ys-v2 .ebf-libro .ebf-portada,.site.ys-v2 .ys-regalo-libro .ph{
  -webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent 100%);mask-image:radial-gradient(closest-side,#000 72%,transparent 100%)}
.site .ys-bloque:has(>.ys-libros){max-width:1120px}

/* ═══════════════ 24/09/2026 · LOS EBOOKS AL FRENTE, LOS BOTONES CON FUEGO Y LA CABECERA QUE SE APARTA ═══════════════
   Fede: «los tres grandes (10 rituales, qigong, dormir) en cajas grandes con la explicación y el preview; el resto
   en pequeño y horizontal; en el móvil un carrusel con uno central fuerte y los de al lado atrás y cortados; lo mismo
   en la portada; los botones con más fuego; la cabecera que se esconde al bajar y vuelve al subir; la foto real de
   Ale en el menú; "Ebooks gratis" en vez de "Empezar gratis"; el Yang Sheng con sus letras chinas».
   Lo pinta lib/web-render.php (pageEbooks, cardDest, cardMini, coverflow, cta, logoTxt, mhead); el efecto del
   carrusel y la cabecera, web-publico.js (coverflow, minis, cabecera). */

/* ── la marca: YANG SHENG 養生, como en la página de enlaces ── */
.site .s-logotxt .s-logo-han,.site .mname .s-logo-han{font-style:normal;letter-spacing:.06em;color:var(--fuego,#C4553A);font-size:.82em;margin-left:.25em}
.ys-v2.t2 .r-logo .s-logotxt{font-size:16px;letter-spacing:.34em;text-transform:uppercase}
.ys-v2.t2 .mhead .mlogo{display:flex;align-items:center;min-width:0;flex:1}
.ys-v2.t2 .mhead .mname{font-family:var(--f-head);font-size:13.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink)}

/* ── la cabecera se esconde al bajar y vuelve al subir ── */
.ys-v2.t2 .r-nav{position:sticky;top:0;z-index:40;transition:transform .45s cubic-bezier(.3,.7,.2,1),background .35s,box-shadow .35s,padding .35s}
.ys-nav-flota .ys-v2.t2 .r-nav{background:#FFFDF8e6;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 1px 0 #6F7A861f,0 18px 40px -30px #2F352A66;padding-top:14px;padding-bottom:14px}
.ys-nav-oculta .ys-v2.t2 .r-nav{transform:translateY(-110%);box-shadow:none}
.ys-v2.t2 .mhead{transition:transform .4s cubic-bezier(.3,.7,.2,1)}
.ys-nav-oculta .ys-v2.t2 .mhead{transform:translateY(-110%)}
@media (prefers-reduced-motion:reduce){.ys-v2.t2 .r-nav,.ys-v2.t2 .mhead{transition:none}}

/* ── los botones, con más fuego: degradado vivo, brillo que pasa, flecha que avanza ── */
.ys-v2.t2 .r-cta:not(.line),.ys-v2.t2 .pg-rsv:not(.linea),.ys-v2.t2 a.ys-fuego,.site.ys-v2 .ys-form button[type=submit]{
  background:linear-gradient(120deg,#B8432A 0%,var(--fuego) 38%,#E0795A 100%);background-size:160% 100%;background-position:0 0;color:#fff;border:0;border-radius:99px;
  box-shadow:0 1px 0 #ffffff40 inset,0 16px 30px -14px #C4553Ae6,0 4px 10px -6px #A8432C99;transition:transform .3s cubic-bezier(.3,.7,.2,1),box-shadow .3s,background-position .5s}
.ys-v2.t2 .r-cta:not(.line):hover,.ys-v2.t2 .pg-rsv:not(.linea):hover,.ys-v2.t2 a.ys-fuego:hover,.site.ys-v2 .ys-form button[type=submit]:hover{
  transform:translateY(-2px);background-position:100% 0;box-shadow:0 1px 0 #ffffff40 inset,0 22px 38px -14px #C4553Aff,0 0 0 6px #C4553A14}
.ys-v2.t2 .r-cta,.ys-v2.t2 .pg-rsv,.ys-v2.t2 .r-book,.ys-v2.t2 .mbook{display:inline-flex;align-items:center;justify-content:center;gap:9px}
.ys-v2.t2 .r-cta.line,.ys-v2.t2 .pg-rsv.linea{border-radius:99px;border:1.5px solid var(--fuego);color:var(--fuego-2);background:#FFFDF8b3;transition:background .3s,color .3s,transform .3s}
.ys-v2.t2 .r-cta.line:hover,.ys-v2.t2 .pg-rsv.linea:hover{background:var(--fuego);color:#fff;transform:translateY(-2px)}
.ys-v2.t2 .r-cta i,.ys-v2.t2 .pg-rsv i,.ys-v2.t2 .ys-dest-btn i{font-style:normal;display:inline-block;transition:transform .3s}
.ys-v2.t2 .r-cta:hover i,.ys-v2.t2 .pg-rsv:hover i,.ys-v2.t2 a.ys-dest:hover .ys-dest-btn i{transform:translateX(4px)}
.ys-ico-libro{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
/* el de arriba («Ebooks gratis»): lleno de fuego, que se vea */
.ys-v2.t2 .r-nav a.r-book,.ys-v2.t2.pag-inicio .r-nav a.r-book{background:linear-gradient(120deg,#B8432A,var(--fuego) 45%,#E0795A);color:#fff;border:0;border-radius:99px;padding:12px 22px;
  box-shadow:0 12px 24px -14px #C4553Ae6;transition:transform .3s,box-shadow .3s}
.ys-v2.t2 .r-nav a.r-book:hover,.ys-v2.t2.pag-inicio .r-nav a.r-book:hover{background:linear-gradient(120deg,#A8432C,var(--fuego) 45%,#E0795A);color:#fff;transform:translateY(-2px);box-shadow:0 18px 30px -14px #C4553Aff}
.ys-v2.t2 .mhead .mbook{background:linear-gradient(120deg,#B8432A,var(--fuego) 45%,#E0795A);color:#fff;border:0;border-radius:99px;box-shadow:0 10px 20px -12px #C4553Ae6;white-space:nowrap}
.ys-v2.t2 .mhead .mbook .ys-ico-libro{width:15px;height:15px}
/* «Leer mi historia entera» y los enlaces «ver más»: una pastilla con borde de fuego y flecha */
.ys-v2.t2 .r-more,.ys-v2 .ys-link{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--fuego);border-radius:99px;padding:11px 20px;color:var(--fuego-2);
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;text-decoration:none;background:#FFFDF8b3;transition:background .3s,color .3s,transform .3s,box-shadow .3s}
.ys-v2.t2 .r-more:hover,.ys-v2 .ys-link:hover{background:var(--fuego);color:#fff;transform:translateY(-2px);box-shadow:0 14px 26px -14px #C4553Ae6}
.site.ys-v2 .ys-form .ys-check .ys-link{display:inline;border:0;border-bottom:1px solid var(--fuego);border-radius:0;padding:0;background:none;text-transform:none;letter-spacing:0;font-size:inherit;font-weight:inherit}

/* ── el menú del móvil: su foto real, redonda ── */
.mm-ale.mm-ale-foto{background:#E6EEDB;box-shadow:0 0 0 3px #fff,0 10px 22px -12px #2F352A99}
.mm-ale.mm-ale-foto img{position:static;width:100%;height:100%;object-fit:cover;left:auto;top:auto;margin:0;mix-blend-mode:normal}

/* ── /ebooks · la cabecera: en el ordenador, texto a la izquierda y Ale bajo el olivo a la derecha, y cabe entera ── */
.site .pg-ebooks{max-width:1180px}
.site .ys-eb-hero .ys-eb-hero-cta{display:flex;justify-content:center;margin-top:8px}
@container web (min-width:901px){
  .site .pg-ebooks{padding-top:14px}
  .site .ys-eb-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;min-height:min(560px,calc(100vh - 150px))}
  .site .ys-eb-hero .pg-head{text-align:left;margin:0 0 26px;max-width:none}
  .site .ys-eb-hero .pg-head h1{font-size:clamp(40px,4.6cqw,60px)}
  .site .ys-eb-hero .ys-eb-hero-cta{justify-content:flex-start}
  .site .ys-eb-hero .ys-esc-cab{width:100%;margin:0!important;max-height:calc(100vh - 170px)}
  .site .ys-eb-hero .ys-esc-cab video,.site .ys-eb-hero .ys-esc-cab img{max-height:calc(100vh - 170px);width:100%;object-fit:contain}
}
.site .ys-eb-intro{max-width:760px;margin-left:auto;margin-right:auto;text-align:center}
.site .ys-eb-intro p{font-size:17px;line-height:1.75}

/* ── el carrusel con una caja en el centro ── */
.site .ys-cf{position:relative;--cf-w:min(380px,74cqw)}
.site .ys-cf-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  padding:26px calc(50% - var(--cf-w) / 2) 64px;margin:0 -26px}
.site .ys-cf-track::-webkit-scrollbar{display:none}
.site .ys-cf-track>*{flex:0 0 var(--cf-w);scroll-snap-align:center;transform-origin:50% 0;transition:transform .18s linear,opacity .18s linear;will-change:transform}
.site .ys-cf-arw{position:absolute;top:calc(50% - 44px);z-index:20;width:48px;height:48px;border-radius:50%;border:1px solid #6F7A8633;background:#FFFDF8ee;color:var(--ink);font-size:26px;line-height:1;cursor:pointer;
  box-shadow:0 14px 30px -18px #2F352A99;display:grid;place-items:center;transition:transform .3s,opacity .3s}
.site .ys-cf-arw:hover:not(:disabled){transform:scale(1.08)}
.site .ys-cf-arw:disabled{opacity:0;pointer-events:none}
.site .ys-cf-arw.prev{left:max(4px,calc(50% - var(--cf-w) / 2 - 70px))}
.site .ys-cf-arw.next{right:max(4px,calc(50% - var(--cf-w) / 2 - 70px))}
.site .ys-cf-dots{display:flex;justify-content:center;gap:8px;margin-top:-34px}
.site .ys-cf-dots button{width:8px;height:8px;border-radius:99px;border:0;padding:0;background:#6F7A8640;cursor:pointer;transition:width .35s,background .35s}
.site .ys-cf-dots button[aria-current=true]{width:26px;background:var(--fuego)}
.site .ys-cf:not(.cf-on) .ys-cf-arw,.site .ys-cf:not(.cf-on) .ys-cf-dots{display:none}
/* los tres destacados en el ordenador: una fila de tres, sin efecto */
@container web (min-width:901px){
  .site .ys-cf-dest .ys-cf-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;overflow:visible;padding:10px 0 20px;margin:0}
  .site .ys-cf-dest .ys-cf-track>*{transform:none!important;opacity:1!important}
  .site .ys-cf-home{--cf-w:390px}
}

/* ── la caja grande de un ebook ── */
.site .ys-dest{--ev:color-mix(in srgb,var(--eb-acento) 18%,#FFFDF8);position:relative;display:flex;flex-direction:column;border-radius:28px;overflow:hidden;text-decoration:none;color:var(--ink);
  background:linear-gradient(180deg,#FFFDF8 0%,#FFFDF8 60%,var(--ev) 100%);border:1px solid color-mix(in srgb,var(--eb-acento) 26%,#FFFFFF);
  box-shadow:0 1px 0 #fff inset,0 40px 80px -46px color-mix(in srgb,var(--eb-acento) 80%,#2F352A),0 10px 24px -20px #2F352A55;transition:box-shadow .4s}
.site a.ys-dest:hover{box-shadow:0 1px 0 #fff inset,0 50px 90px -44px color-mix(in srgb,var(--eb-acento) 95%,#2F352A),0 12px 26px -18px #2F352A66}
.site .ys-dest-port{position:relative;aspect-ratio:1/1;display:grid;place-items:center;padding:22px 22px 4px;overflow:hidden;
  background:radial-gradient(68% 68% at 50% 56%,color-mix(in srgb,var(--eb-acento) 34%,#FFFDF8) 0%,var(--ev) 52%,#FFFDF8 100%)}
.site .ys-dest-port .ph{width:auto;height:100%;max-width:100%;object-fit:contain;border-radius:0;mix-blend-mode:multiply;background:none;min-height:0;
  -webkit-mask-image:radial-gradient(closest-side,#000 76%,transparent 100%);mask-image:radial-gradient(closest-side,#000 76%,transparent 100%);transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.site a.ys-dest:hover .ys-dest-port .ph{transform:scale(1.045)}
.site .ys-dest-chip{position:absolute;left:18px;top:18px;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:color-mix(in srgb,var(--eb-acento) 60%,#2F352A);
  background:#FFFDF8e6;border:1px solid color-mix(in srgb,var(--eb-acento) 30%,transparent);padding:6px 11px;border-radius:99px}
.site .ys-dest-tx{display:flex;flex-direction:column;flex:1;padding:20px 26px 26px}
.site .ys-dest h3{font-family:var(--f-head);font-weight:500;font-size:27px;line-height:1.12;margin:0 0 8px;color:var(--ink);text-wrap:balance}
.site .ys-dest-sub{font-family:var(--f-head);font-style:italic;font-size:18px;line-height:1.35;color:color-mix(in srgb,var(--eb-acento) 62%,#2F352A);margin:0 0 12px}
.site .ys-dest-desc{font-size:14.5px;line-height:1.6;color:var(--ink-2);margin:0 0 14px}
.site .ys-dest-dentro{list-style:none;margin:0 0 20px;padding:12px 0 0;border-top:1px solid color-mix(in srgb,var(--eb-acento) 25%,transparent)}
.site .ys-dest-dentro li{display:flex;gap:12px;align-items:baseline;font-family:var(--f-head);font-size:17px;line-height:1.3;padding:5px 0;color:var(--ink)}
.site .ys-dest-dentro li::before{display:none}
.site .ys-dest-dentro span{font-family:var(--f-body);font-size:10.5px;letter-spacing:.14em;color:color-mix(in srgb,var(--eb-acento) 70%,#2F352A);min-width:20px}
.site .ys-dest-mas{font-size:12.5px;color:var(--ink-2);opacity:.8;margin:4px 0 0 32px;font-style:italic}
.site .ys-dest-btn{align-self:stretch;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;border-radius:99px;
  font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;color:#fff;background:linear-gradient(120deg,#B8432A 0%,var(--fuego) 40%,#E0795A 100%);
  box-shadow:0 1px 0 #ffffff40 inset,0 16px 30px -14px #C4553Ae6;position:relative;overflow:hidden;flex:none}
.site .ys-dest-btn::after{content:'';position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,#ffffff55,transparent);transform:skewX(-18deg);animation:ys-brillo 6s ease-in-out infinite}
.site .ys-cf.cf-on .ys-dest:not(.cf-centro) .ys-dest-btn::after{animation:none}
@media (prefers-reduced-motion:reduce){.site .ys-dest-btn::after{animation:none}}

/* ── las cajas pequeñas (horizontales) ── */
.site .ys-minis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.site .ys-ebh{--ev:color-mix(in srgb,var(--eb-acento) 18%,#FFFDF8);display:grid;grid-template-columns:132px 1fr;gap:0;border-radius:22px;overflow:hidden;text-decoration:none;color:var(--ink);background:#FFFDF8;
  border:1px solid color-mix(in srgb,var(--eb-acento) 22%,#FFFFFF);box-shadow:0 24px 50px -40px color-mix(in srgb,var(--eb-acento) 80%,#2F352A);transition:transform .35s cubic-bezier(.3,.7,.2,1),box-shadow .35s}
.site a.ys-ebh:hover{transform:translateY(-4px);box-shadow:0 34px 60px -40px color-mix(in srgb,var(--eb-acento) 95%,#2F352A)}
.site .ys-ebh-port{display:grid;place-items:center;padding:10px;background:radial-gradient(75% 75% at 50% 55%,color-mix(in srgb,var(--eb-acento) 30%,#FFFDF8) 0%,var(--ev) 60%,#FFFDF8 100%)}
.site .ys-ebh-port .ph{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;border-radius:0;mix-blend-mode:multiply;background:none;min-height:0}
.site .ys-ebh-tx{display:flex;flex-direction:column;padding:16px 18px 14px}
.site .ys-ebh h3{font-family:var(--f-head);font-weight:500;font-size:20px;line-height:1.18;margin:0 0 6px;color:var(--ink)}
.site .ys-ebh p{font-size:13.5px;line-height:1.5;color:var(--ink-2);margin:0 0 10px}
.site .ys-ebh-pie{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--eb-acento) 70%,#2F352A)}
.site .ys-ebh-pie b{font-weight:500;color:var(--fuego-2)}
.site .ys-minis-ver{display:none}

/* ── ¿Por qué son gratis? una carta de Ale ── */
.site .ys-gratis-in{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:30px;align-items:center;padding:46px 52px;border-radius:32px;overflow:hidden;
  background:radial-gradient(70% 90% at 100% 100%,var(--fuego-v,#F8E2D8) 0%,#F8E2D800 70%),linear-gradient(150deg,var(--papel,#FFFDF8) 30%,var(--agua-v,#DDE8F2) 130%);
  border:1px solid #C4553A26;box-shadow:0 44px 80px -54px #A8432Caa}
.site .ys-gratis .s-kicker{color:var(--fuego-2)}
.site .ys-gratis h2{text-align:left;margin:6px 0 20px;font-size:clamp(32px,3.6cqw,48px);line-height:1.1}
.site .ys-gratis-carta{position:relative;padding-left:26px;border-left:2px solid #C4553A55}
.site .ys-gratis-carta::before{content:'“';position:absolute;left:-14px;top:-34px;font-family:var(--f-head);font-size:96px;line-height:1;color:var(--fuego);opacity:.35}
.site .ys-gratis-carta p{font-family:var(--f-head);font-size:clamp(21px,2.1cqw,26px);line-height:1.45;color:var(--ink);margin:0}
.site .ys-gratis-firma{display:flex;align-items:center;gap:14px;margin-top:24px}
.site .ys-gratis-firma img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 10px 22px -12px #2F352A99}
.site .ys-gratis-firma span{display:flex;flex-direction:column;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.site .ys-gratis-firma b{font-family:var(--f-head);font-style:italic;font-weight:500;font-size:28px;letter-spacing:0;text-transform:none;color:var(--fuego-2);line-height:1}
.site .ys-gratis-esc{margin:0!important;width:100%}

/* ── Cómo funciona: tres pasos con icono, unidos por una línea ── */
.site .ys-como-pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;position:relative;counter-reset:none}
.site .ys-como-pasos::before{content:'';position:absolute;left:16%;right:16%;top:38px;border-top:2px dashed #C4553A40;z-index:0}
.site .ys-como-pasos li{position:relative;z-index:1;text-align:center;padding:0 16px 22px;margin:0}
.site .ys-como-pasos li::before{display:none}
.site .ys-como-ico{position:relative;display:grid;place-items:center;width:76px;height:76px;margin:0 auto 16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--fuego-v,#F8E2D8));
  box-shadow:0 0 0 6px #FFFDF8,0 18px 32px -18px #A8432Ccc}
.site .ys-como-ico svg{width:30px;height:30px;fill:none;stroke:var(--fuego-2);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.site .ys-como-ico b{position:absolute;right:-4px;top:-4px;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--fuego),#E0795A);color:#fff;font-size:12.5px;font-weight:500;display:grid;place-items:center;box-shadow:0 0 0 3px #FFFDF8}
.site .ys-como-pasos .x{font-size:16px;line-height:1.6;color:var(--ink-2);max-width:300px;margin:0 auto}
.site .ys-como-cta{display:flex;justify-content:center;margin-top:18px}

/* ── el móvil ── */
@container web (max-width:900px){
  .site .ys-cf{--cf-w:70cqw}
  .site .ys-cf-arw{display:none!important}
  .site .ys-cf-track{margin:0 -18px;gap:14px;padding-top:18px;padding-bottom:58px}
  .site .ys-dest-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .site .ys-ebh-pie{flex-wrap:wrap;gap:4px 10px}
  .site .ys-ebh-pie>*{white-space:nowrap}
  .site .ys-dest h3{font-size:24px}
  .site .ys-dest-tx{padding:16px 20px 22px}
  .site .ys-dest-port{padding:16px 16px 2px}
  .site .ys-minis{grid-template-columns:1fr;gap:12px}
  .site .ys-minis:not(.abiertos)>*:nth-child(n+3){display:none}
  .site .ys-minis-ver{display:flex;align-items:center;justify-content:center;gap:6px;margin:16px auto 0;font:inherit;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;
    color:var(--fuego-2);background:#FFFDF8;border:1.5px solid var(--fuego);border-radius:99px;padding:12px 22px;cursor:pointer}
  .site .ys-minis-ver span{opacity:.6}
  .site .ys-ebh{grid-template-columns:104px 1fr;border-radius:18px}
  .site .ys-ebh h3{font-size:18px}
  .site .ys-ebh p{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .site .ys-gratis-in{grid-template-columns:1fr;padding:30px 22px 26px;gap:12px;border-radius:26px}
  .site .ys-gratis-esc{order:-1;width:min(78%,300px);justify-self:center}
  .site .ys-gratis-carta{padding-left:18px}
  .site .ys-gratis-carta p{font-size:21px}
  .site .ys-como-pasos{grid-template-columns:1fr;gap:0;padding-left:4px}
  .site .ys-como-pasos::before{left:41px;right:auto;top:30px;bottom:60px;border-top:0;border-left:2px dashed #C4553A40}
  .site .ys-como-pasos li{display:grid;grid-template-columns:76px 1fr;gap:16px;align-items:center;text-align:left;padding:0 0 20px}
  .site .ys-como-ico{margin:0;width:70px;height:70px}
  .site .ys-como-pasos .x{margin:0;max-width:none}
}
.site .ys-bloque.ys-eb-dest,.site .ys-bloque.ys-eb-resto,.site .ys-bloque.ys-gratis,.site .ys-bloque.ys-como{max-width:1120px;margin-left:auto;margin-right:auto}
.ys-v2.t2 .pg-ebooks .r-sechead{padding:56px 20px 34px}
@container web (max-width:900px){.ys-v2.t2 .pg-ebooks .r-sechead{padding:40px 12px 18px}}
/* para que la cabecera pueda quedarse arriba (sticky), la web recorta lo que sobra por los lados con «clip», que no crea
   una caja con scroll propio (con «hidden» la cabecera se iba con la página) */
.site.ys-v2{overflow-x:hidden;overflow-x:clip}
/* «Leer mi historia entera» (Hola, soy Ale): lleno de fuego, como «Ver el ebook» */
.ys-v2.t2 .r-about .r-more{background:linear-gradient(120deg,#B8432A 0%,var(--fuego) 40%,#E0795A 100%);color:#fff;border:0;padding:14px 26px;margin-top:18px;
  box-shadow:0 1px 0 #ffffff40 inset,0 16px 30px -14px #C4553Ae6}
.ys-v2.t2 .r-about .r-more:hover{color:#fff;box-shadow:0 1px 0 #ffffff40 inset,0 22px 38px -14px #C4553Aff,0 0 0 6px #C4553A14}

/* ═══════════════ EL FEED DE INSTAGRAM (29/09/2026 · Fede) ═══════════════
   «En vez de un botón con tres fotos cutres, que se vincule con la cuenta y se vaya actualizando».
   Los últimos reels de @yangsheng.mtc (lib/instagram.php), en vertical como en el móvil; cada uno
   se abre en Instagram. Ordenador: arriba el texto y, a la derecha, su perfil y el botón; debajo
   cuatro reels en ola. Móvil: los ocho, uno detrás de otro, deslizando con el dedo. */
.ys-insta.ys-igf{display:block;max-width:1180px}
.ys-igf-cab{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px 56px;align-items:end;margin-bottom:34px}
.ys-igf .ys-insta-tx p{margin:0;max-width:560px}
.ys-igf .ys-insta-tx h2{margin-bottom:12px}
.ys-igf-acc{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.ys-igf-perfil{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.ys-igf-perfil img,.ys-igf-sinfoto{width:56px;height:56px;border-radius:50%;object-fit:cover;display:grid;place-items:center;flex:none;
  border:3px solid var(--blanco,#FFFCF7);box-shadow:0 0 0 2px var(--terra,#BF7448),0 14px 26px -14px #4a3a2c99;background:var(--arena,#EEE1CB);color:var(--terra,#BF7448)}
.ys-igf-perfil span{display:flex;flex-direction:column;line-height:1.25}
.ys-igf-perfil b{font-weight:500;font-size:16px;letter-spacing:.02em}
.ys-igf-perfil small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);opacity:.75}
.ys-igf-tira{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-bottom:28px}
.ys-igf-it{position:relative;display:block;aspect-ratio:9/16;border-radius:20px;overflow:hidden;text-decoration:none;color:#fff;
  background:var(--arena,#EEE1CB);box-shadow:0 34px 54px -38px #2F352Aa6;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.ys-igf-it:nth-child(even){transform:translateY(28px)}
.ys-igf-it:nth-child(n+5){display:none}
.ys-igf-it img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.ys-igf-it::after{content:'';position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(to top,#2F352Ad0,#2F352A00);pointer-events:none}
.ys-igf-it:hover{box-shadow:0 44px 64px -36px #2F352Ac0}
.ys-igf-it:hover img{transform:scale(1.045)}
.ys-igf-it:focus-visible{outline:3px solid var(--terra,#BF7448);outline-offset:4px}
.ys-igf-ic{position:absolute;top:12px;right:12px;z-index:1;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:#2F352A40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}
.ys-igf-pie{position:absolute;left:14px;right:14px;bottom:13px;z-index:1;display:flex;justify-content:space-between;gap:8px;color:#fff;
  font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 8px #0006}
.ys-igf-mas{display:none}
@container web (max-width:1000px){ .ys-igf-tira{grid-template-columns:repeat(3,minmax(0,1fr))} .ys-igf-it:nth-child(n+4){display:none} }
@container web (max-width:820px){
  .ys-insta.ys-igf{padding:0}
  .ys-igf-cab{grid-template-columns:1fr;justify-items:center;text-align:center;padding:0 18px;margin-bottom:22px}
  .ys-igf .ys-insta-tx p{margin:0 auto}
  .ys-igf-acc{align-items:center}
  .ys-igf-tira{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 18px 22px;scroll-padding:0 18px;scrollbar-width:none;overscroll-behavior-x:contain}
  .ys-igf-tira::-webkit-scrollbar{display:none}
  .ys-igf-it,.ys-igf-it:nth-child(n+4),.ys-igf-it:nth-child(n+5){display:block;flex:0 0 58%;scroll-snap-align:start;border-radius:16px}
  .ys-igf-it:nth-child(even){transform:none}
  .ys-igf-mas{display:flex;flex:0 0 42%;scroll-snap-align:start;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:9/16;
    border-radius:16px;border:1px dashed #BF744880;color:var(--terra,#BF7448);text-decoration:none;background:var(--blanco,#FFFCF7);text-align:center;padding:12px}
  .ys-igf-mas svg{width:28px;height:28px;color:var(--terra,#BF7448)}
  .ys-igf-mas b{font-weight:500;font-size:15px;color:var(--ink)}
  .ys-igf-mas small{font-size:11.5px;letter-spacing:.06em;color:var(--ink-2)}
}
@media (prefers-reduced-motion:reduce){ .ys-igf-it,.ys-igf-it img{transition:none} .ys-igf-it:hover img{transform:none} }

/* ═══════════ LAS SESIONES ONLINE (30/09/2026 · /sesiones, fase 2 de D-2026-09-29-c) ═══════════
   Fede: «una página independiente, súper interactiva». Tarjetas por sesión con su elemento (--el),
   calendario con solo los días que Ale ha abierto, horas en botones grandes (y la hora de quien
   reserva si está en otra zona), formulario con el resumen arriba. El bloque «¿Prefieres que lo
   miremos tú y yo?» de las demás páginas y la puerta de la página de enlaces, aquí también. */
.site .ys-ses{--el:#C4553A}
.site .ys-ses-vista{background:#FFF3D6;border:1px dashed #C99A3A;color:#6A4A00;border-radius:10px;padding:10px 16px;font-size:14px;margin:18px auto 0;max-width:1100px;text-align:center}
.site .ys-ses-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;max-width:1180px;margin:0 auto;padding:56px 28px 30px}
.site .ys-ses-hero h1{font-family:var(--f-head);font-weight:500;font-size:clamp(38px,5vw,64px);line-height:1.02;margin:10px 0 16px;color:var(--ink)}
.site .ys-ses-hero .pg-lead{font-size:18px;line-height:1.65;max-width:560px}
.site .ys-ses-hero-foto .ph{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:220px 220px 18px 18px;box-shadow:0 40px 70px -44px #2F352Aa0}
.site .ys-ses-facts{list-style:none;padding:0;margin:22px 0 26px;display:flex;flex-wrap:wrap;gap:8px}
.site .ys-ses-facts li{font-size:13px;letter-spacing:.04em;padding:7px 13px;border-radius:999px;background:var(--blanco,#FFFCF7);border:1px solid var(--linea,#4a3a2c1f);color:var(--ink-2,#4A3A2C)}
.site .ys-ses-facts li::before{content:'·';margin-right:7px;color:var(--terra,#BF7448);font-weight:700}
/* reservar */
.site .ys-ses-reserva{max-width:1180px;margin:0 auto;padding:46px 28px 56px;scroll-margin-top:70px}
.site .ys-ses-reserva .r-sechead{text-align:center;margin-bottom:26px}
.site .ys-ses-sub{max-width:560px;margin:8px auto 0;opacity:.85}
.site .ys-ses-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.site .ys-ses-card{position:relative;display:flex;flex-direction:column;gap:12px;cursor:pointer;padding:26px 24px 20px;border-radius:18px;
  background:linear-gradient(160deg,var(--papel,#FFFDF8) 30%,var(--el-velo) 100%);border:1.5px solid var(--el-borde);box-shadow:0 26px 50px -40px #4a3a2c90;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .25s}
.site .ys-ses-card:hover{transform:translateY(-3px);box-shadow:0 34px 60px -40px #4a3a2ca0}
.site .ys-ses-card input{position:absolute;opacity:0;pointer-events:none}
.site .ys-ses-card:focus-within{outline:3px solid var(--el);outline-offset:3px}
.site .ys-ses-card.on,.site .ys-ses-card:has(input:checked){border-color:var(--el);box-shadow:0 0 0 3px var(--el-borde),0 34px 60px -40px #4a3a2ca0}
.site .ys-ses-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.site .ys-ses-nom{font-family:var(--f-head);font-weight:500;font-size:27px;line-height:1.1;color:var(--ink)}
.site .ys-ses-borr{font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:#FFF3D6;color:#6A4A00;border:1px dashed #C99A3A}
.site .ys-ses-res{font-size:15px;line-height:1.55;color:var(--ink-2,#4A3A2C)}
.site .ys-ses-inc{display:flex;flex-direction:column;gap:6px}
.site .ys-ses-inc span{font-size:14px;line-height:1.45;padding-left:18px;position:relative}
.site .ys-ses-inc span::before{content:'';position:absolute;left:2px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--el)}
.site .ys-ses-pie{margin-top:auto;display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:14px;border-top:1px dashed var(--el-borde)}
.site .ys-ses-precio{font-family:var(--f-head);font-size:34px;line-height:1;color:var(--el)}
.site .ys-ses-dur{font-size:12.5px;letter-spacing:.03em;opacity:.8;text-align:right}
.site .ys-ses-elegir{display:block;text-align:center;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;padding:11px;border-radius:8px;background:var(--el);color:#fff}
.site .ys-ses-elegir span+span{display:none}
.site .ys-ses-card.on .ys-ses-elegir,.site .ys-ses-card:has(input:checked) .ys-ses-elegir{background:transparent;color:var(--el);box-shadow:inset 0 0 0 1.5px var(--el)}
.site .ys-ses-card.on .ys-ses-elegir span:first-child,.site .ys-ses-card:has(input:checked) .ys-ses-elegir span:first-child{display:none}
.site .ys-ses-card.on .ys-ses-elegir span+span,.site .ys-ses-card:has(input:checked) .ys-ses-elegir span+span{display:inline}
/* el paso de cuándo */
.site .ys-ses-paso{margin-top:28px;padding:28px;border-radius:18px;background:var(--blanco,#FFFCF7);border:1px solid var(--linea,#4a3a2c1f);scroll-margin-top:80px}
.site .ys-ses-primera{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:15px;padding:0 0 18px;border-bottom:1px dashed var(--linea,#4a3a2c1f);margin-bottom:22px}
.site .ys-ses-primera input{width:20px;height:20px;margin-top:2px;accent-color:var(--terra,#BF7448);flex:none}
.site .ys-ses-primera small{display:block;font-size:13px;opacity:.75;margin-top:3px}
.site .ys-ses-cuando{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:34px}
.site .ys-ses-h{font-family:var(--f-head);font-weight:500;font-size:24px;margin:0 0 14px;color:var(--ink)}
.site .ys-cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.site .ys-cal-nav b{font-weight:500;font-size:16px;letter-spacing:.04em}
.site .ys-cal-fl{width:40px;height:40px;border-radius:50%;border:1px solid var(--linea,#4a3a2c1f);background:transparent;font-size:20px;cursor:pointer;color:var(--ink)}
.site .ys-cal-fl:disabled{opacity:.25;cursor:default}
.site .ys-cal-rej{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.site .ys-cal-dn{text-align:center;font-size:11.5px;letter-spacing:.12em;opacity:.55;padding-bottom:4px}
.site .ys-cal-d{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;font-size:15px;color:#4a3a2c66;border:0;background:transparent;font-family:inherit}
.site .ys-cal-d.libre{cursor:pointer;color:var(--ink);background:#E1EFDC;box-shadow:inset 0 0 0 1.5px #8DBB84;position:relative;transition:transform .15s}
.site .ys-cal-d.libre:hover{transform:scale(1.06)}
.site .ys-cal-d.libre b{font-weight:600}
.site .ys-cal-d.libre i{font-style:normal;font-size:10px;letter-spacing:.04em;color:#2E5A29;opacity:.85}
.site .ys-cal-d.libre.on{background:var(--ink,#2F352A);color:#fff;box-shadow:none}
.site .ys-cal-d.libre.on i{color:#fff}
.site .ys-ses-dia{font-size:15px;font-weight:600;margin:0 0 10px}
.site .ys-ses-hs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.site .ys-ses-h1{font:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border-radius:10px;cursor:pointer;
  background:#fff;border:1.5px solid #8DBB84;color:#2E5A29;transition:background .15s,transform .15s}
.site .ys-ses-h1 b{font-size:17px;font-weight:600;letter-spacing:.02em}
.site .ys-ses-h1 small{font-size:11px;opacity:.8}
.site .ys-ses-h1:hover{background:#E1EFDC;transform:translateY(-1px)}
.site .ys-ses-h1.on{background:var(--ink,#2F352A);border-color:var(--ink,#2F352A);color:#fff}
.site .ys-ses-cargando{opacity:.7;font-size:14px;padding:30px 0}
.site .ys-ses-sin{text-align:center;padding:10px 0 4px}
.site .ys-ses-sin p{max-width:520px;margin:0 auto 14px}
/* el formulario */
.site .ys-ses-form{max-width:760px;margin:28px auto 0;padding:30px 30px 34px;border-radius:18px;background:var(--blanco,#FFFCF7);border:1px solid var(--linea,#4a3a2c1f);scroll-margin-top:80px}
.site .ys-ses-resumen{padding:18px 20px;border-radius:14px;background:linear-gradient(150deg,var(--papel,#FFFDF8) 20%,#F4E8CF 100%);border:1px solid #A87A2A38}
.site .ys-ses-resumen .s-kicker{margin:0 0 8px}
.site .ys-ses-resumen-in{display:grid;grid-template-columns:1fr auto;gap:4px 18px;align-items:baseline}
.site .ys-ses-resumen-in b{font-family:var(--f-head);font-weight:500;font-size:24px;grid-column:1}
.site .ys-ses-resumen-in span{grid-column:1;font-size:14.5px}
.site .ys-ses-resumen-in .ys-ses-rprecio{grid-column:2;grid-row:1/span 3;font-family:var(--f-head);font-size:36px;color:var(--terra,#BF7448);align-self:center}
.site .ys-ses-rcuando small{opacity:.75}
.site .ys-ses-campos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.site .ys-ses-campos label:last-child{grid-column:1/-1}
.site .ys-ses-campos small{text-transform:none;letter-spacing:0;font-size:12.5px;opacity:.75}
.site .ys-ses-via{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 22px}
.site .ys-ses-via legend{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;color:var(--ink-2,#4A3A2C)}
.site .ys-form .ys-ses-via label{flex-direction:row;align-items:center;gap:8px;font-size:15px;text-transform:none;letter-spacing:0;cursor:pointer}
.site .ys-ses-via input{width:18px;height:18px;accent-color:var(--terra,#BF7448)}
.site .ys-ses-pagar{width:100%;justify-content:center}
.site .ys-ses-pagar.enviando{opacity:.6}
.site .ys-ses-como .pg-step{border-top:3px solid var(--el)}
.site .ys-ses-como{max-width:1180px;margin:0 auto}
.site .ys-ses-cambios{max-width:820px;margin:0 auto}
/* reservada */
.site .ys-ses-listo{max-width:760px;margin:0 auto;padding:60px 26px 70px;text-align:center}
.site .ys-ses-listo h1{font-family:var(--f-head);font-weight:500;font-size:clamp(38px,5vw,58px);margin:10px 0 12px;color:var(--ink)}
.site .ys-ses-datos{margin:26px auto;text-align:left;display:grid;gap:0;border-radius:16px;overflow:hidden;border:1px solid #A87A2A38;background:var(--blanco,#FFFCF7)}
.site .ys-ses-datos div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:13px 20px;border-bottom:1px dashed #A87A2A38}
.site .ys-ses-datos div:last-child{border-bottom:0}
.site .ys-ses-datos dt{font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.65;padding-top:3px}
.site .ys-ses-datos dd{margin:0;font-size:16px}
.site .ys-ses-datos small{opacity:.7}
.site .ys-ses-pasos{text-align:left;max-width:560px;margin:0 auto 26px;padding-left:22px;line-height:1.6}
.site .ys-ses-pasos li{margin-bottom:8px}
/* el bloque de las demás páginas */
.site .ys-ses-bloque{max-width:1100px;margin:34px auto;padding:36px 40px;border-radius:22px;display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center;
  background:linear-gradient(135deg,var(--papel,#FFFDF8) 25%,#F8E2D8 100%);border:1px solid #C4553A2e;box-shadow:0 30px 60px -48px #4a3a2c90}
.site .ys-ses-bloque h2{font-family:var(--f-head);font-weight:500;font-size:clamp(28px,3.4vw,40px);line-height:1.1;margin:8px 0 10px;color:var(--ink)}
.site .ys-ses-bloque p{margin:0;line-height:1.6}
.site .ys-ses-bloque-lista{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.site .ys-ses-bloque-lista li{font-size:13px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #C4553A2e}
.site .ys-ses-bloque-cta{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.site .ys-ses-desde{font-size:14px;letter-spacing:.06em}
.site .ys-ses-desde b{font-family:var(--f-head);font-weight:500;font-size:34px;color:#C4553A;margin-left:4px}
@container web (max-width:820px){
  .site .ys-ses-hero{grid-template-columns:1fr;padding:30px 18px 10px;gap:22px}
  .site .ys-ses-hero-foto{order:-1}
  .site .ys-ses-hero-foto .ph{aspect-ratio:16/11;border-radius:18px}
  .site .ys-ses-reserva{padding:30px 14px 40px}
  .site .ys-ses-paso{padding:20px 16px}
  .site .ys-ses-cuando{grid-template-columns:1fr;gap:22px}
  .site .ys-ses-form{padding:22px 16px 26px}
  .site .ys-ses-campos{grid-template-columns:1fr}
  .site .ys-ses-resumen-in .ys-ses-rprecio{font-size:28px}
  .site .ys-ses-bloque{grid-template-columns:1fr;padding:28px 22px;margin:24px 14px;text-align:center}
  .site .ys-ses-bloque-lista{justify-content:center}
  .site .ys-ses-datos div{grid-template-columns:1fr;gap:2px}
}
@media (prefers-reduced-motion:reduce){ .site .ys-ses-card,.site .ys-cal-d.libre,.site .ys-ses-h1{transition:none} }
.site .ys-ses-form[hidden],.site .ys-ses-paso[hidden],.site .ys-ses-sin[hidden]{display:none}

/* ═══════════ 22/10/2026 · EL FORMULARIO DE ENTRADA DE UNA EXPERIENCIA (/formulario/<slug>, lib/formularios.php) ═══════════ */
.site .ys-fm .pg-head{text-align:center}
.site .ys-fm-evento{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;margin:6px auto 30px;padding:18px 22px;max-width:560px;border-radius:14px;background:var(--arena,#EEE1CB);color:var(--ink-2,#4A3A2C)}
.site .ys-fm-evento b{font-family:var(--f-head);font-size:20px;font-weight:500;color:var(--ink,#2F352A)}
.site .ys-fm-evento span{font-size:14.5px;line-height:1.5}
.site .ys-fm-form{max-width:600px;gap:22px}
.site .ys-fm-caja{border:1px solid var(--linea,#4a3a2c1f);border-radius:16px;background:var(--blanco,#FFFCF7);padding:22px 22px 24px;margin:0;display:flex;flex-direction:column;gap:16px;min-width:0}
.site .ys-fm-caja legend{font-family:var(--f-head);font-size:19px;font-weight:500;padding:0 8px;margin-left:-8px;color:var(--ink,#2F352A);letter-spacing:0;text-transform:none}
.site .ys-fm-priv{background:#EEF1E6;border-color:#7E8C6255}
.site .ys-fm-priv legend::before{content:"";display:inline-block;width:11px;height:13px;margin-right:9px;vertical-align:-1px;background:var(--salvia,#7E8C62);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13'%3E%3Cpath d='M2.5 5.5V4a3 3 0 0 1 6 0v1.5H10a1 1 0 0 1 1 1V12a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V6.5a1 1 0 0 1 1-1zm1.5 0h3V4a1.5 1.5 0 0 0-3 0z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 13'%3E%3Cpath d='M2.5 5.5V4a3 3 0 0 1 6 0v1.5H10a1 1 0 0 1 1 1V12a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V6.5a1 1 0 0 1 1-1zm1.5 0h3V4a1.5 1.5 0 0 0-3 0z'/%3E%3C/svg%3E") center/contain no-repeat}
.site .ys-fm-privnota{margin:-4px 0 2px;font-size:14px;line-height:1.55;color:#4E5A3C}
.site .ys-fm-form label{text-transform:none;letter-spacing:0;font-size:15px;line-height:1.45;color:var(--ink,#2F352A);opacity:1}
.ys-v2.t2 .ys-fm-form label{font-size:15px;letter-spacing:0;text-transform:none;color:var(--ink,#2F352A)}
.site .ys-fm-ayuda{display:block;font-size:13px;line-height:1.45;opacity:.7;margin-top:-2px}
.site .ys-fm-form textarea{resize:vertical;min-height:84px;line-height:1.5}
.site .ys-fm-form .ys-check{font-size:14px}
.site .ys-fm-form .ys-check .ys-fm-ayuda{margin-top:4px}
.site .ys-fm-form button[type=submit]{align-self:center;padding-left:34px;padding-right:34px}
.site .ys-fm-info{text-align:center;margin-top:0;font-size:12.5px}
@media (max-width:600px){
  .site .ys-fm-caja{padding:18px 16px 20px;border-radius:14px}
  .site .ys-fm-form button[type=submit]{align-self:stretch}
}
.site .ys-fm .ys-msg{background:#F6E6D8;color:var(--ink,#2F352A);border-left-color:var(--terra,#BF7448);max-width:560px}

/* ============================================================
   25/10/2026 · LA LANDING DE UNA EXPERIENCIA (pageEvento, /ev/<slug>)
   Once bloques en una columna que se lee de arriba abajo: cabecera a dos
   columnas, listas con marca, el «parar» como prosa, quién te acompaña con
   su foto, los momentos numerados, los detalles en rejilla, las preguntas
   plegadas y el cierre con el botón otra vez. Solo variables del contrato.
   ============================================================ */
.site .ys-land{max-width:1040px}
.site .ys-land-sec{max-width:760px;margin:0 auto;padding:46px 0 0}
.site .ys-land-sec h2{font-family:var(--f-head);font-size:clamp(26px,3.4cqw,38px);font-weight:500;line-height:1.15;margin:0 0 18px}
.site .ys-land-sec h3{font-family:var(--f-head);font-size:21px;font-weight:500;margin:0 0 12px}
.site .ys-land-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.site .ys-land-hero h1{font-family:var(--f-head);font-size:clamp(32px,4.4cqw,52px);font-weight:500;line-height:1.08;margin:8px 0 16px}
.site .ys-land-hero-foto img,.site .ys-land-hero-foto .ys-ph-tipo{width:100%;height:440px;object-fit:cover;border-radius:calc(var(--rad)*.25)}
.site .ys-land-lema{font-family:var(--f-head);font-style:italic;font-size:19px;line-height:1.45;color:var(--c-accent);padding-left:14px;border-left:2px solid var(--c-accent);margin:0 0 18px}
.site .ys-land-datos{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14.5px}
.site .ys-land-datos li{position:relative;padding-left:14px}
.site .ys-land-datos li::before{content:"·";position:absolute;left:0;color:var(--c-accent);font-weight:700}
.site .ys-land-cta{justify-content:flex-start;margin-top:4px}
.site .ys-land-nota{font-size:13px;opacity:.7;margin-top:10px}
.site .ys-land-lista-si,.site .ys-land-lista-ok,.site .ys-land-lista-no{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:16px;line-height:1.55}
.site .ys-land-lista-si li,.site .ys-land-lista-ok li,.site .ys-land-lista-no li{position:relative;padding-left:26px}
.site .ys-land-lista-si li::before{content:"—";position:absolute;left:0;color:var(--c-accent)}
.site .ys-land-lista-ok li::before{content:"✓";position:absolute;left:0;color:var(--c-accent)}
.site .ys-land-lista-no li::before{content:"✕";position:absolute;left:0;opacity:.45}
.site .ys-land-cierre-si{margin-top:22px;font-family:var(--f-head);font-size:20px;line-height:1.4}
.site .ys-land-prosa p{font-size:17px;line-height:1.75}
.site .ys-land-quien{display:grid;grid-template-columns:240px 1fr;gap:34px;align-items:start}
.site .ys-land-quien-foto img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:calc(var(--rad)*.25)}
.site .ys-land-firma{font-size:13.5px;opacity:.75;line-height:1.55;margin-top:14px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--c-dark) 14%,transparent)}
.site .ys-land-intro{font-size:16px;line-height:1.6;opacity:.9;margin-bottom:16px}
.site .ys-land-momentos{list-style:none;margin:0;padding:0;counter-reset:mom;display:flex;flex-direction:column;gap:14px}
.site .ys-land-momentos li{counter-increment:mom;position:relative;padding-left:52px;font-size:16px;line-height:1.6}
.site .ys-land-momentos li::before{content:counter(mom,decimal-leading-zero);position:absolute;left:0;top:-2px;font-family:var(--f-head);font-size:24px;color:var(--c-accent)}
.site .ys-land-emocion{margin-top:20px;font-family:var(--f-head);font-style:italic;font-size:19px;line-height:1.5;color:var(--c-accent)}
.site .ys-land-dos{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.site .ys-land-aviso{margin:22px 0 0;max-width:none}
.site .ys-land-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.site .ys-land-grid>div{background:color-mix(in srgb,var(--c-surface) 55%,var(--c-bg));border:1px solid color-mix(in srgb,var(--c-dark) 10%,transparent);border-radius:calc(var(--rad)*.25);padding:18px 20px;font-size:15px;line-height:1.55}
.site .ys-land-grid b{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-accent);margin-bottom:6px;font-weight:600}
.site .ys-land-mapa{display:inline-block;margin-top:8px;font-size:13px;letter-spacing:.04em;border-bottom:1px solid currentColor;color:var(--terra,var(--c-accent))}
.ys-v2 .ys-land-grid>div{background:var(--blanco);border-color:var(--linea)}
.ys-v2 .ys-land-grid b,.ys-v2 .ys-land-momentos li::before,.ys-v2 .ys-land-lema,.ys-v2 .ys-land-emocion{color:var(--terra)}
.site .ys-land-traer{margin-top:26px}
.site .ys-land-faq details{border-top:1px solid color-mix(in srgb,var(--c-dark) 14%,transparent);padding:14px 0}
.site .ys-land-faq details:last-child{border-bottom:1px solid color-mix(in srgb,var(--c-dark) 14%,transparent)}
.site .ys-land-faq summary{cursor:pointer;font-family:var(--f-head);font-size:19px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.site .ys-land-faq summary::-webkit-details-marker{display:none}
.site .ys-land-faq summary::after{content:"+";color:var(--c-accent);font-size:22px;line-height:1}
.site .ys-land-faq details[open] summary::after{content:"–"}
.site .ys-land-resp{padding-top:8px;font-size:15.5px;line-height:1.65;opacity:.9}
.site .ys-land-fin{text-align:center;padding-top:56px}
.site .ys-land-fin .ys-land-prosa p{font-size:19px;font-family:var(--f-head);line-height:1.5}
.site .ys-land-fin .ys-land-cta{justify-content:center;margin-top:18px}
.site .ys-land-despues{margin:0;padding:0 0 0 24px;line-height:1.7;font-size:16px}
.site .ys-land-despues li{margin-bottom:8px;padding-left:6px}
/* el código de descuento en la página de pago, y el formulario de entrada en la de gracias */
.site .ys-codform{margin:-6px 0 18px}
.site .ys-codform-fila{display:flex;gap:10px;align-items:stretch;margin-top:6px}
.site .ys-codform-fila input{flex:1;letter-spacing:.04em}
.ys-v2 .ys-checkout .ys-msg{background:#F6E6D8;color:var(--ink);border-left-color:var(--terra)}
.ys-v2 .ys-checkout .ys-msg-ok{background:#E8EEDF;border-left-color:var(--salvia)}
.site .ys-codform-fila .pg-rsv{white-space:nowrap}
.site .ys-precio-antes{opacity:.5;font-size:.75em;margin-right:6px}
.site .ys-gracias-form{max-width:560px;margin:26px auto 0;text-align:center;align-items:center}
.site .ys-gracias-form b{font-family:var(--f-head);font-size:21px;font-weight:500}
@media (max-width:760px){
  .site .ys-land-hero{grid-template-columns:1fr;gap:22px}
  .site .ys-land-hero-foto{order:-1}
  .site .ys-land-hero-foto img,.site .ys-land-hero-foto .ys-ph-tipo{height:260px}
  .site .ys-land-quien{grid-template-columns:1fr}
  .site .ys-land-quien-foto{max-width:220px}
  .site .ys-land-dos,.site .ys-land-grid{grid-template-columns:1fr}
  .site .ys-land-sec{padding-top:36px}
  .site .ys-codform-fila{flex-direction:column}
}

/* ============================================================
   25/10/2026 (tarde) · LA PÁGINA DE PAGO v2 (pageCheckout; Fede: «está perfecto, móntalo»)
   Título y subtítulo con el resumen; la caja con el producto, sus datos con icono y un TOTAL
   en la letra del texto (en la de los títulos el 1 se leía como una I); «tus datos» con
   «¿No eres tú?»; las casillas alineadas con su primera línea; el aviso de la pasarela de BBVA.
   ============================================================ */
.site .ys-chk-sub{max-width:560px;margin:14px auto 0;font-size:17px;line-height:1.55}
.site .ys-chk-sub em{font-family:var(--f-head);font-style:italic;font-size:1.1em}
.site .ys-chk-caja{padding:22px 24px 18px;border:1px solid color-mix(in srgb,var(--c-dark) 10%,transparent)}
.site .ys-checkout .ys-chk-caja>.s-kicker{margin:0 0 14px}
.site .ys-chk-prod{display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:start}
.site .ys-chk-prod .ys-mini{width:88px;height:88px}
.site .ys-chk-tipo{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.65;margin:2px 0 4px}
.site .ys-chk-caja .ys-chk-prod b{display:block;font-family:var(--f-head);font-size:22px;line-height:1.2;font-weight:500;color:inherit}
.site .ys-chk-datos{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14.5px;line-height:1.45}
.site .ys-chk-datos li{display:flex;gap:9px;align-items:flex-start}
.site .ys-chk-datos svg{flex:none;width:16px;height:16px;margin-top:2px;opacity:.75}
.site .ys-chk-cuentas{margin-top:18px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--c-dark) 14%,transparent);font-family:var(--f-body);font-variant-numeric:lining-nums tabular-nums}
.site .ys-chk-linea{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;opacity:.8;margin-bottom:6px}
.site .ys-chk-desc{color:var(--salvia,var(--c-accent));opacity:1}
.site .ys-chk-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:2px}
.site .ys-chk-total>span{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase}
.site .ys-chk-caja .ys-chk-total b{font-family:var(--f-body);font-size:28px;font-weight:600;line-height:1.1;letter-spacing:0;color:inherit}
.site .ys-chk-total b small{font-size:14px;font-weight:400;opacity:.7;margin-left:5px}
.site .ys-chk-iva{text-align:right;font-size:12px;opacity:.6;margin-top:3px}
.site .ys-checkout #ys-chk-form>.s-kicker{margin:6px 0 -4px}
.site .ys-chk-yo p{margin:0;font-size:15.5px;line-height:1.5}
.site .ys-chk-yo .ys-suave{font-size:13.5px;margin-top:3px}
.site .ys-form .ys-chk-nota{font-size:12.5px;opacity:.7;letter-spacing:0;text-transform:none}
.site .ys-form button.ys-noeres,.site.ys-v2 .ys-form button.ys-noeres[type=submit]{display:inline;width:auto;min-height:0;margin:6px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;color:inherit;font:inherit;font-size:13px;letter-spacing:0;text-transform:none;text-decoration:underline;text-underline-offset:3px;opacity:.75;cursor:pointer}
.site.ys-v2 .ys-form button.ys-noeres[type=submit]:hover{background:none;box-shadow:none;transform:none;opacity:1}
/* la casilla: sin el margen del navegador, centrada con la primera línea del texto */
.site .ys-form .ys-check input{margin:0;top:.5px}
.site.ys-v2 .ys-form .ys-check input{accent-color:var(--fuego)}
.site .ys-chk-seguro{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;padding:14px 16px;border-radius:calc(var(--rad)*.2);background:color-mix(in srgb,var(--c-surface) 55%,var(--c-bg));border:1px solid color-mix(in srgb,var(--c-dark) 10%,transparent);font-size:13.5px;line-height:1.55;letter-spacing:0}
.site .ys-chk-seguro svg{width:20px;height:20px;margin-top:1px;color:var(--salvia,var(--c-accent))}
.site .ys-chk-seguro b{display:block;font-size:14.5px;margin-bottom:2px}
.site .ys-chk-seguro p{margin:0;opacity:.85}
.site.ys-v2 .ys-resumen.ys-chk-caja,.ys-v2 .ys-chk-seguro{background:var(--blanco);border-color:var(--linea)}
@media (max-width:760px){
  .site .ys-chk-caja{padding:18px 16px 14px}
  .site .ys-chk-prod{grid-template-columns:64px 1fr;gap:14px}
  .site .ys-chk-prod .ys-mini{width:64px;height:64px}
  .site .ys-chk-caja .ys-chk-prod b{font-size:19px}
  .site .ys-chk-caja .ys-chk-total b{font-size:26px}
}

/* ============================================================
   25/10/2026 (tarde) · LA LANDING ESPECIAL (pageEventoEspecial, landing = 'especial')
   Fede: «diferente, especial y espectacular» para la primera experiencia en Barcelona.
   Portada a sangre sobre la foto del sitio, cinta con el ritmo, bandas oscuras con la sala
   detrás, el vídeo del sitio en un marco de móvil con sus fotos en mosaico, una línea de
   tiempo, los detalles como una entrada y una barra para reservar en el móvil.
   Solo variables de la piel v2 (con su red si faltan). Nada de web.css se toca.
   ============================================================ */
.site .ys-bcn{--bcn-ink:var(--ink,#2F352A);--bcn-terra:var(--terra,#BF7448);--bcn-crema:var(--crema,#F6EFE3);--bcn-arena:var(--arena,#EEE1CB);
  --bcn-blanco:var(--blanco,#FFFCF7);--bcn-linea:var(--linea,#4a3a2c1f);--bcn-noche:#211B15;
  max-width:1180px;margin:0 auto;padding:0 0 40px;position:relative}
.site .ys-bcn-full{width:100vw;margin-left:calc(50% - 50vw);position:relative}
.site .ys-bcn h2{font-family:var(--f-head);font-weight:500;font-size:clamp(30px,4.2vw,50px);line-height:1.08;margin:0 0 20px;letter-spacing:-.01em}
.site .ys-bcn h3{font-family:var(--f-head);font-weight:500;font-size:24px;margin:0 0 14px}
.site .ys-bcn-eti{display:inline-block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--bcn-terra);font-weight:600;margin-bottom:14px}
.site .ys-bcn-sec{padding:96px 24px 0;max-width:1080px;margin:0 auto}
.site .ys-bcn-intro{font-size:17px;line-height:1.6;opacity:.85;margin:0 0 22px}
.site .ys-bcn-emocion{font-family:var(--f-head);font-style:italic;font-size:clamp(20px,2.2vw,25px);line-height:1.45;color:var(--bcn-terra);margin:28px 0 0}
.site .ys-bcn-prosa p{font-size:18px;line-height:1.75;margin:0 0 1em}

/* 1 · la portada */
.site .ys-bcn-hero{min-height:min(92svh,860px);display:flex;align-items:flex-end;color:#FFF8EE;
  background:linear-gradient(180deg,#1d17117a 0%,#1d171126 34%,#1d1711b3 72%,#1d1711ee 100%),var(--bg,none) center 45%/cover no-repeat,var(--bcn-noche)}
.site .ys-bcn-hero-in{width:100%;max-width:1180px;margin:0 auto;padding:140px 32px 64px;animation:ysBcnSube 1.1s cubic-bezier(.2,.7,.2,1) both}
.site .ys-bcn-kicker{font-size:12px;letter-spacing:.28em;text-transform:uppercase;font-weight:600;color:#F3C9A6;margin-bottom:18px}
.site .ys-bcn-hero h1{font-family:var(--f-head);font-weight:500;font-size:clamp(38px,6.2vw,84px);line-height:1.02;letter-spacing:-.015em;max-width:15ch;margin:0 0 22px;color:#FFF8EE;text-shadow:0 2px 30px #0006}
.site .ys-bcn-lema{font-family:var(--f-head);font-style:italic;font-size:clamp(18px,2vw,23px);line-height:1.45;max-width:46ch;margin:0 0 34px;color:#F6E7D6;padding-left:16px;border-left:2px solid #E59B6C}
.site .ys-bcn-billete{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:0;
  border:1px solid #fff3;border-radius:14px;background:#1d171140;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);width:fit-content;max-width:100%}
.site .ys-bcn-billete li{padding:14px 26px;display:flex;flex-direction:column;gap:2px;border-left:1px dashed #fff4}
.site .ys-bcn-billete li:first-child{border-left:0}
.site .ys-bcn-billete b{font-family:var(--f-head);font-weight:500;font-size:28px;line-height:1.1;color:#FFF8EE}
.site .ys-bcn-billete span{font-size:12.5px;letter-spacing:.04em;color:#EBD9C6}
.site .ys-bcn-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.site .ys-bcn-hero .pg-rsv.grande,.site .ys-bcn-fin .pg-rsv.grande{background:var(--bcn-terra);border-color:var(--bcn-terra);color:#fff;box-shadow:0 14px 34px -12px #BF744899;transition:transform .25s,box-shadow .25s}
.site .ys-bcn-hero .pg-rsv.grande:hover,.site .ys-bcn-fin .pg-rsv.grande:hover{transform:translateY(-2px);box-shadow:0 20px 40px -12px #BF7448bb}
.site .ys-bcn-nota{font-size:13px;margin-top:14px;opacity:.8}
.site .ys-bcn-baja{position:absolute;left:50%;bottom:18px;width:26px;height:42px;margin-left:-13px;border:1.5px solid #fff8;border-radius:14px}
.site .ys-bcn-baja span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:ysBcnRueda 1.8s ease-in-out infinite}
@keyframes ysBcnSube{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes ysBcnRueda{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}

/* la cinta del ritmo */
.site .ys-bcn-ritmo{background:var(--bcn-terra);color:#FFF6EC;overflow:hidden;white-space:nowrap;padding:15px 0;font-family:var(--f-head);font-style:italic;font-size:21px}
.site .ys-bcn-ritmo-in{display:inline-flex;animation:ysBcnCinta 38s linear infinite}
.site .ys-bcn-ritmo-in span{padding:0 28px}
.site .ys-bcn-ritmo-in span::after{content:"✦";font-style:normal;font-size:12px;margin-left:56px;opacity:.7;vertical-align:middle}
@keyframes ysBcnCinta{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* 2 · ¿te pasa esto? */
.site .ys-bcn-si{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:start}
.site .ys-bcn-si-lista{list-style:none;margin:0;padding:0;counter-reset:si}
.site .ys-bcn-si-lista li{counter-increment:si;position:relative;padding:15px 0 15px 50px;border-bottom:1px solid var(--bcn-linea);font-family:var(--f-head);font-size:clamp(19px,1.9vw,23px);line-height:1.35}
.site .ys-bcn-si-lista li::before{content:counter(si,decimal-leading-zero);position:absolute;left:0;top:19px;font-family:var(--f-body,inherit);font-size:12px;letter-spacing:.12em;color:var(--bcn-terra);font-weight:600}
.site .ys-bcn-si-cierre{margin:30px 0 0;padding:22px 26px;background:var(--bcn-blanco);border-radius:14px;border-left:3px solid var(--bcn-terra);font-size:17px;line-height:1.6}
.site .ys-bcn-si-foto{margin:0;position:sticky;top:96px}
.site .ys-bcn-si-foto img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:220px 220px 18px 18px;box-shadow:0 30px 60px -30px #4a3a2c88}

/* 3 · parar */
.site .ys-bcn-parar{margin-top:110px;color:#F6EADB;background:linear-gradient(90deg,#1d1711f2 0%,#1d1711d9 55%,#1d17118c 100%),var(--bg,none) center/cover no-repeat,var(--bcn-noche)}
.site .ys-bcn-parar-in{max-width:1080px;margin:0 auto;padding:110px 32px}
.site .ys-bcn-parar .ys-bcn-prosa{max-width:640px}
.site .ys-bcn-parar .ys-bcn-prosa p{font-size:19px;color:#EADBC9}
.site .ys-bcn-parar .ys-bcn-prosa p:first-child{font-family:var(--f-head);font-style:italic;font-size:22px;color:#F3C9A6}
.site .ys-bcn-parar .ys-bcn-prosa p:last-child{font-family:var(--f-head);font-size:clamp(28px,3.4vw,42px);line-height:1.18;color:#FFF8EE;margin-top:1.2em}

/* 4 · el lugar */
.site .ys-bcn-sala{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.site .ys-bcn-sala-dir{font-size:17px;line-height:1.6;margin:0 0 10px}
.site .ys-bcn-mapa{display:inline-block;font-size:14px;letter-spacing:.03em;color:var(--bcn-terra);border-bottom:1px solid currentColor;padding-bottom:1px}
.site .ys-bcn-sala-media{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}
.site .ys-bcn-sala-media.sin-video{grid-template-columns:1fr}
.site .ys-bcn-movil{width:260px;aspect-ratio:9/16;border-radius:34px;padding:9px;background:var(--bcn-noche);box-shadow:0 40px 70px -30px #2a201799,0 0 0 1px #0002;position:relative}
.site .ys-bcn-movil video{width:100%;height:100%;object-fit:cover;border-radius:26px;display:block;background:#000}
.site .ys-bcn-mos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.site .ys-bcn-mos figure{margin:0;overflow:hidden;border-radius:16px}
.site .ys-bcn-mos img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.site .ys-bcn-mos figure:hover img{transform:scale(1.05)}
.site .ys-bcn-mos-1,.site .ys-bcn-mos-4{transform:translateY(22px)}

/* 5 · quién te acompaña */
.site .ys-bcn-quien{display:grid;grid-template-columns:auto 1fr;gap:64px;align-items:center}
.site .ys-bcn-quien-foto{margin:0;width:320px}
.site .ys-bcn-quien-foto img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px 18px 180px 18px}
.site .ys-bcn-firma{font-size:14px;line-height:1.6;opacity:.8;margin-top:22px;padding-top:18px;border-top:1px solid var(--bcn-linea)}

/* 6 · la mañana */
.site .ys-bcn-como.con-video{display:grid;grid-template-columns:1fr auto;gap:56px;align-items:start}
.site .ys-bcn-linea{list-style:none;margin:8px 0 0;padding:0;counter-reset:mm;position:relative}
.site .ys-bcn-linea::before{content:"";position:absolute;left:23px;top:10px;bottom:10px;width:1px;background:linear-gradient(var(--bcn-terra),var(--salvia,#7E8C62))}
.site .ys-bcn-linea li{counter-increment:mm;position:relative;padding:4px 0 30px 74px;font-size:17px;line-height:1.65}
.site .ys-bcn-linea li::before{content:counter(mm);position:absolute;left:0;top:-4px;width:46px;height:46px;border-radius:50%;background:var(--bcn-blanco);border:1px solid var(--bcn-terra);color:var(--bcn-terra);
  display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-size:21px}
.site .ys-bcn-como-media{position:sticky;top:96px}

/* 7 · qué te llevas */
.site .ys-bcn-llevas{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.site .ys-bcn-check,.site .ys-bcn-cruz{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.site .ys-bcn-check li,.site .ys-bcn-cruz li{position:relative;padding-left:36px;font-size:16.5px;line-height:1.55}
.site .ys-bcn-check li::before,.site .ys-bcn-cruz li::before{position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}
.site .ys-bcn-check li::before{content:"✓";background:var(--bcn-terra);color:#fff}
.site .ys-bcn-cruz li::before{content:"✕";background:#4a3a2c1a;color:var(--bcn-ink)}
.site .ys-bcn-llevas-foto{margin:0}
.site .ys-bcn-llevas-foto img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;box-shadow:0 30px 60px -30px #4a3a2c88}

/* 8 · para quién */
.site .ys-bcn-dos{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.site .ys-bcn-tarjeta{border-radius:18px;padding:34px 34px 30px;background:var(--bcn-blanco);border:1px solid var(--bcn-linea)}
.site .ys-bcn-tarjeta.no{background:transparent}
.site .ys-bcn-aviso{margin:22px 0 0;font-size:14.5px;line-height:1.6;opacity:.8;max-width:760px}

/* 9 · los detalles, como una entrada */
.site .ys-bcn-entrada{display:grid;grid-template-columns:220px 1fr;background:var(--bcn-blanco);border-radius:20px;border:1px solid var(--bcn-linea);overflow:hidden;box-shadow:0 30px 60px -40px #4a3a2c77}
.site .ys-bcn-entrada-dia{background:var(--bcn-terra);color:#FFF8EE;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 16px;text-align:center;position:relative;
  border-right:2px dashed #ffffff66}
.site .ys-bcn-entrada-dia b{font-family:var(--f-head);font-weight:500;font-size:96px;line-height:.95}
.site .ys-bcn-entrada-dia span{font-size:13px;letter-spacing:.22em;text-transform:uppercase}
.site .ys-bcn-entrada-dia i{font-style:normal;font-size:12px;opacity:.75;margin-top:6px;letter-spacing:.1em}
.site .ys-bcn-entrada-datos{display:grid;grid-template-columns:1fr 1fr;gap:0}
.site .ys-bcn-entrada-datos>div{padding:24px 28px;border-bottom:1px solid var(--bcn-linea);border-left:1px solid var(--bcn-linea)}
.site .ys-bcn-entrada-datos small{display:block;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--bcn-terra);font-weight:600;margin-bottom:6px}
.site .ys-bcn-entrada-datos p{margin:0 0 4px;font-size:15.5px;line-height:1.5}
.site .ys-bcn-traer{margin-top:36px}

/* 10 · preguntas */
.site .ys-bcn-faq details{border-top:1px solid var(--bcn-linea);padding:20px 0}
.site .ys-bcn-faq details:last-child{border-bottom:1px solid var(--bcn-linea)}
.site .ys-bcn-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-family:var(--f-head);font-size:21px}
.site .ys-bcn-faq summary::-webkit-details-marker{display:none}
.site .ys-bcn-faq summary::after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--bcn-terra);color:var(--bcn-terra);display:flex;align-items:center;justify-content:center;font-size:18px;transition:transform .3s}
.site .ys-bcn-faq details[open] summary::after{transform:rotate(45deg)}
.site .ys-bcn-resp{padding-top:10px;font-size:16px;line-height:1.65;opacity:.88;max-width:720px}

/* 11 · el cierre */
.site .ys-bcn-fin{margin-top:110px;color:#FFF8EE;text-align:center;background:linear-gradient(180deg,#1d1711b3 0%,#1d1711d9 100%),var(--bg,none) center/cover no-repeat,var(--bcn-noche)}
.site .ys-bcn-fin-in{max-width:760px;margin:0 auto;padding:120px 28px 110px}
.site .ys-bcn-fin .ys-bcn-prosa p{font-family:var(--f-head);font-size:clamp(22px,2.6vw,30px);line-height:1.35;color:#F6EADB}
.site .ys-bcn-fin .ys-bcn-prosa p:first-child{font-size:clamp(30px,4vw,50px);line-height:1.1;color:#FFF8EE}
.site .ys-bcn-fin .ys-bcn-cta{justify-content:center;margin-top:26px}
.site .ys-bcn-fin .pg-rsv.linea,.ys-v2 .ys-bcn-fin .pg-rsv.linea{background:transparent;color:#FFF8EE;border:1px solid #fff9}
.site .ys-bcn-fin .pg-rsv.linea:hover{background:#ffffff1a}

/* 12 · qué pasa al reservar */
.site .ys-bcn-pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;counter-reset:ps}
.site .ys-bcn-pasos li{counter-increment:ps;position:relative;background:var(--bcn-blanco);border:1px solid var(--bcn-linea);border-radius:16px;padding:58px 24px 24px;font-size:16px;line-height:1.6}
.site .ys-bcn-pasos li::before{content:counter(ps);position:absolute;left:24px;top:18px;font-family:var(--f-head);font-size:30px;color:var(--bcn-terra)}
.site .ys-bcn-dudas{margin-top:22px;font-size:15px}
.site .ys-bcn-dudas a{color:var(--bcn-terra)}
.site .ys-bcn-pie{max-width:1080px;margin:56px auto 0;padding:0 24px}
.site .ys-bcn-pie .ys-nota{text-align:left;margin:0 0 10px;max-width:720px}

/* la barra para reservar (móvil) */
.site .ys-bcn-barra{display:none}

/* la piel v2: los botones de línea sobre claro */
.ys-v2 .ys-bcn-sec .pg-rsv.linea{border-color:var(--bcn-linea)}

@media (max-width:900px){
  .site .ys-bcn-si,.site .ys-bcn-sala,.site .ys-bcn-quien,.site .ys-bcn-llevas,.site .ys-bcn-como.con-video{grid-template-columns:1fr;gap:36px}
  .site .ys-bcn-si-foto,.site .ys-bcn-como-media{position:static}
  .site .ys-bcn-si-foto img{max-height:520px}
  .site .ys-bcn-quien-foto{width:min(320px,80%)}
  .site .ys-bcn-como-media .ys-bcn-movil{margin:0 auto}
}
@media (max-width:760px){
  .site .ys-bcn-sec{padding:72px 18px 0}
  .site .ys-bcn-hero{min-height:94svh}
  .site .ys-bcn-hero-in{padding:120px 20px 74px}
  .site .ys-bcn-billete{grid-template-columns:1fr 1fr;width:100%}
  .site .ys-bcn-billete li{padding:12px 16px;border-left:0}
  .site .ys-bcn-billete li:nth-child(2n){border-left:1px dashed #fff4}
  .site .ys-bcn-billete li:nth-child(n+3){border-top:1px dashed #fff4}
  .site .ys-bcn-billete b{font-size:22px}
  .site .ys-bcn-billete span{font-size:11.5px}
  .site .ys-bcn-cta .pg-rsv.grande{width:100%;justify-content:center;text-align:center}
  .site .ys-bcn-ritmo{font-size:18px;padding:12px 0}
  .site .ys-bcn-parar-in{padding:80px 22px}
  .site .ys-bcn-parar,.site .ys-bcn-fin{margin-top:80px}
  .site .ys-bcn-sala-media{grid-template-columns:1fr}
  .site .ys-bcn-movil{width:min(270px,78vw);margin:0 auto}
  .site .ys-bcn-mos-1,.site .ys-bcn-mos-4{transform:none}
  .site .ys-bcn-dos,.site .ys-bcn-entrada,.site .ys-bcn-entrada-datos{grid-template-columns:1fr}
  .site .ys-bcn-entrada-dia{flex-direction:row;gap:12px;border-right:0;border-bottom:2px dashed #ffffff66;padding:20px}
  .site .ys-bcn-entrada-dia b{font-size:56px}
  .site .ys-bcn-entrada-datos>div{border-left:0}
  .site .ys-bcn-tarjeta{padding:26px 22px}
  .site .ys-bcn-fin-in{padding:90px 22px 84px}
  .site .ys-bcn{padding-bottom:96px}
  .site .ys-bcn-barra{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:40;align-items:center;justify-content:space-between;gap:12px;
    transform:translateY(160%);transition:transform .45s cubic-bezier(.2,.7,.2,1);
    padding:10px 10px 10px 18px;border-radius:16px;background:#211B15eb;color:#FFF8EE;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 18px 40px -16px #000a}
  .site .ys-bcn-barra.ver{transform:none}
  .site .ys-bcn-baja{display:none}
  .site .ys-bcn-barra span{display:flex;flex-direction:column;font-size:13px;line-height:1.3}
  .site .ys-bcn-barra b{font-weight:600;text-transform:capitalize}
  .site .ys-bcn-barra .pg-rsv{background:var(--bcn-terra);border-color:var(--bcn-terra);color:#fff;white-space:nowrap;padding:12px 18px}
}
@media (prefers-reduced-motion:reduce){
  .site .ys-bcn-hero-in,.site .ys-bcn-ritmo-in,.site .ys-bcn-baja span{animation:none}
  .site .ys-bcn-mos img{transition:none}
}

/* ============================================================
   29/10/2026 · LA LANDING ESPECIAL, v2 (Fede): va sola (sin menú), la portada sin foto detrás
   (texto claro de leer) con el vídeo al lado, «quedan N plazas» junto al botón y la barra
   para reservar que acompaña todo el rato, también en el ordenador.
   ============================================================ */
.site.pag-landing{background:var(--crema,#F6EFE3)}
.site.pag-landing .ys-bcn{padding-top:0}
.site .ys-bcn-hero{min-height:0;display:block;color:var(--ink,#2F352A);
  background:radial-gradient(70% 80% at 85% 30%,#F3D7C0aa,transparent 70%),radial-gradient(60% 70% at 10% 90%,#DDE5CFaa,transparent 70%),linear-gradient(180deg,#FBF5EC 0%,var(--crema,#F6EFE3) 100%)}
.site .ys-bcn-hero .ys-bcn-hero-in{display:grid;grid-template-columns:1fr;gap:56px;align-items:center;padding:72px 32px 76px;animation:ysBcnSube .9s cubic-bezier(.2,.7,.2,1) both}
.site .ys-bcn-hero.con-video .ys-bcn-hero-in{grid-template-columns:1.25fr .75fr}
.site .ys-bcn-hero .ys-bcn-kicker{color:var(--terra,#BF7448)}
.site .ys-bcn-hero h1{color:var(--ink,#2F352A);text-shadow:none;max-width:16ch}
.site .ys-bcn-hero .ys-bcn-lema{color:var(--ink-2,#4A3A2C);border-left-color:var(--terra,#BF7448)}
.site .ys-bcn-hero .ys-bcn-billete{background:var(--blanco,#FFFCF7);border:1px solid var(--linea,#4a3a2c1f);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 18px 40px -28px #4a3a2c66}
.site .ys-bcn-hero .ys-bcn-billete li{border-left-color:var(--linea,#4a3a2c1f)}
.site .ys-bcn-hero .ys-bcn-billete b{color:var(--ink,#2F352A)}
.site .ys-bcn-hero .ys-bcn-billete span{color:var(--ink-2,#4A3A2C);opacity:.8}
.site .ys-bcn-quedan{display:inline-flex;align-items:baseline;gap:6px;padding:10px 16px;border-radius:999px;background:#F6E2D2;color:var(--terra-2,#A8623A);font-weight:600;font-size:14.5px}
.site .ys-bcn-quedan small{font-weight:400;opacity:.8}
.site .ys-bcn-hero .ys-bcn-nota{color:var(--ink-2,#4A3A2C)}
.site .ys-bcn-hero-media{display:flex;justify-content:center}
.site .ys-bcn-hero-media .ys-bcn-movil{width:min(320px,100%)}
/* la barra para reservar, siempre */
.site .ys-bcn-barra{display:flex;position:fixed;z-index:40;align-items:center;justify-content:space-between;gap:14px;left:50%;bottom:16px;transform:translateX(-50%);
  width:min(720px,calc(100% - 20px));padding:10px 10px 10px 22px;border-radius:18px;background:#211B15ed;color:#FFF8EE;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 18px 40px -16px #000a}
.site .ys-bcn-barra.ver{transform:translateX(-50%)}
.site .ys-bcn-barra span{display:flex;flex-direction:column;font-size:13.5px;line-height:1.35}
.site .ys-bcn-barra b{font-weight:600;text-transform:capitalize}
.site .ys-bcn-barra .pg-rsv{background:var(--terra,#BF7448);border-color:var(--terra,#BF7448);color:#fff;white-space:nowrap;padding:13px 22px}
.site.pag-landing .ys-bcn{padding-bottom:110px}
/* el pie de la landing sola */
.site .ys-bcn-pie-legal{text-align:center;padding:36px 20px 130px;font-size:13px;color:var(--ink-2,#4A3A2C);border-top:1px solid var(--linea,#4a3a2c1f)}
.site .ys-bcn-pie-legal a{color:inherit}
.site .ys-bcn-pie-legal p{margin:8px auto 0;max-width:720px}
.site .ys-bcn-pie-logo{font-family:var(--f-head);font-size:20px;letter-spacing:.2em}
.site .ys-bcn-pie-logo a{color:inherit;text-decoration:none}
@media (max-width:900px){
  .site .ys-bcn-hero.con-video .ys-bcn-hero-in{grid-template-columns:1fr;gap:36px}
}
@media (max-width:760px){
  .site .ys-bcn-hero .ys-bcn-hero-in{padding:40px 20px 48px}
  .site .ys-bcn-hero .ys-bcn-cta{flex-direction:column;align-items:stretch}
  .site .ys-bcn-quedan{justify-content:center}
  .site .ys-bcn-hero-media .ys-bcn-movil{width:min(280px,82vw)}
  .site .ys-bcn-barra{left:10px;right:10px;bottom:10px;width:auto;transform:none;padding:10px 10px 10px 16px}
  .site .ys-bcn-barra.ver{transform:none}
}
.site .ys-bcn-hero .ys-bcn-hero-tx{min-width:0}
.site .ys-bcn-hero h1{font-size:clamp(34px,4.4vw,60px);max-width:18ch}
.site .ys-bcn-hero .ys-bcn-hero-in{padding-bottom:120px}
.site .ys-bcn-hero .ys-bcn-billete{box-sizing:border-box;max-width:100%}
@media (max-width:760px){
  .site .ys-bcn-hero .ys-bcn-hero-in{padding-bottom:110px}
  .site .ys-bcn-hero .ys-bcn-billete{width:100%}
}
.site .ys-bcn-hero .ys-bcn-hero-in{box-sizing:border-box}
.site .ys-bcn-cta .pg-rsv,.site .ys-bcn-quedan{box-sizing:border-box;max-width:100%}
@media (max-width:760px){.site .ys-bcn-barra span{font-size:12.5px}.site .ys-bcn-barra .pg-rsv{padding:12px 16px}}

/* ═══════════ /experiencias · 02/11/2026 (Fede) ═══════════
   Una portada que lleva directa a la landing de la experiencia: cabecera corta, un carrusel de una
   pantalla por experiencia en verde noche y oro (como la landing v3), qué es una experiencia, cómo es
   una mañana y el cierre con el botón. Todo bajo .pg-xp; no toca nada de lo demás. */
.site .pg-xp{--xp-noche:#2F352A;--xp-noche2:#252B21;--xp-oro:#D9B98C;--xp-oro2:#BFA070;--xp-nieve:#F3EADB;--xp-fuego:#C4553A;--xp-fuego2:#A8432C;--xp-salvia:#7E8C62;
  max-width:1200px;padding-top:30px}
.site .pg-xp *{box-sizing:border-box}
.site .xp-head{text-align:center;max-width:720px;margin:0 auto 30px}
.site .xp-head .s-kicker{color:var(--terra,#BF7448)}
.site .xp-h1{font-family:var(--f-head);font-weight:500;font-size:clamp(36px,5cqw,62px);line-height:1.06;margin:10px 0 14px;color:var(--ink,#2F352A);letter-spacing:-.005em}
.site .xp-sub{font-size:17px;line-height:1.6;color:var(--ink-2,#4A3A2C);opacity:.85;margin:0 auto;max-width:600px}

/* el carrusel */
.site .xp-carru{position:relative;margin:0 auto}
.site .xp-pista{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:30px;gap:0}
.site .xp-pista::-webkit-scrollbar{display:none}
.site .xp-slide{flex:0 0 100%;scroll-snap-align:center;position:relative;overflow:hidden;border-radius:30px;color:var(--xp-nieve);
  background:radial-gradient(55% 70% at 85% 10%,rgba(94,127,69,.62),transparent 70%),radial-gradient(40% 50% at 0% 100%,rgba(168,122,42,.22),transparent 70%),var(--xp-noche);
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:40px;padding:58px 64px;min-height:600px;
  box-shadow:0 40px 80px -50px rgba(30,25,21,.75)}
.site .xp-slide::after{content:"養生";position:absolute;right:-10px;bottom:-60px;font-family:"Noto Serif SC","Songti SC",serif;font-size:220px;line-height:1;color:rgba(217,185,140,.06);pointer-events:none}
.site .xp-slide-tx{position:relative;z-index:1}
.site .xp-chip{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:99px;background:rgba(243,234,219,.08);border:1px solid rgba(217,185,140,.35);
  font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--xp-oro);font-weight:500}
.site .xp-punto{width:8px;height:8px;border-radius:50%;background:#9DC07F;box-shadow:0 0 0 0 rgba(157,192,127,.7);animation:xp-late 2s infinite;flex:0 0 auto}
@keyframes xp-late{0%{box-shadow:0 0 0 0 rgba(157,192,127,.6)}70%{box-shadow:0 0 0 9px rgba(157,192,127,0)}100%{box-shadow:0 0 0 0 rgba(157,192,127,0)}}
.site .xp-sobre{margin:22px 0 0;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgba(243,234,219,.6)}
.site .xp-tit{font-family:var(--f-head);font-weight:400;font-size:clamp(34px,4.1cqw,54px);line-height:1.08;margin:10px 0 18px;color:var(--xp-nieve);letter-spacing:-.005em}
.site .xp-tit a{color:inherit;text-decoration:none}
.site .xp-tit i{font-style:italic;color:var(--xp-oro)}
.site .xp-lema{font-size:17px;line-height:1.6;color:rgba(243,234,219,.8);margin:0 0 26px;max-width:520px}
.site .xp-datos{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,auto));gap:18px 26px;justify-content:start}
.site .xp-datos li{display:flex;gap:11px;align-items:flex-start}
.site .xp-datos b{display:block;font-weight:500;font-size:15px;color:var(--xp-nieve);line-height:1.3}
.site .xp-datos small{display:block;font-size:13px;color:rgba(243,234,219,.62);margin-top:2px;line-height:1.35}
.site .xp-i{width:22px;height:22px;flex:0 0 22px;background:var(--xp-oro);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;margin-top:1px}
.site .xp-i-cal{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2216%22%20height%3D%2214%22%20rx%3D%222%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M3%209h16M7%203v4M15%203v4%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22/%3E%3C/svg%3E")}
.site .xp-i-pin{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22M11%2020s6-6.2%206-11a6%206%200%2010-12%200c0%204.8%206%2011%206%2011z%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22/%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%229%22%20r%3D%222.2%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22/%3E%3C/svg%3E")}
.site .xp-i-moneda{--m:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M14%207.8a4%204%200%20100%206.4M6.5%2010h6M6.5%2012.4h6%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22/%3E%3C/svg%3E")}
.site .xp-meter{max-width:440px;margin:0 0 30px}
.site .xp-meter-t{height:6px;border-radius:99px;background:rgba(243,234,219,.14);overflow:hidden}
.site .xp-meter-f{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--xp-oro),var(--xp-fuego))}
.site .xp-meter-l{display:flex;justify-content:space-between;margin-top:9px;font-size:13px;color:rgba(243,234,219,.72)}
.site .xp-meter-l b{color:var(--xp-nieve);font-weight:500}
.site .xp-ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.site .xp-btn{display:inline-flex;align-items:center;gap:12px;padding:19px 34px;border-radius:99px;text-decoration:none;font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;
  color:#fff;background:linear-gradient(135deg,var(--xp-fuego) 0%,var(--xp-fuego2) 100%);box-shadow:0 18px 34px -16px rgba(196,85,58,.85),inset 0 1px 0 rgba(255,255,255,.2);transition:transform .25s,box-shadow .25s}
.site .xp-btn span{transition:transform .25s}
.site .xp-btn:hover{transform:translateY(-2px);box-shadow:0 24px 40px -16px rgba(196,85,58,.95)}
.site .xp-btn:hover span{transform:translateX(4px)}
.site .xp-slide-media{position:relative;z-index:1;display:flex;justify-content:center;text-decoration:none}
.site .xp-arco{position:relative;display:block;width:min(100%,320px);aspect-ratio:9/16;max-height:540px;border-radius:999px 999px 26px 26px;overflow:hidden;
  border:1px solid rgba(217,185,140,.45);box-shadow:0 0 0 8px rgba(243,234,219,.04),0 40px 60px -30px rgba(0,0,0,.6);background:#1E1915}
.site .xp-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.site .xp-arco::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 60px rgba(20,18,14,.35);pointer-events:none}
.site .xp-arco-l{position:absolute;left:20px;right:20px;bottom:20px;z-index:1;display:flex;align-items:center;gap:12px;font-family:var(--f-head);font-style:italic;font-size:21px;color:var(--xp-nieve)}
.site .xp-play{width:38px;height:38px;border-radius:50%;background:var(--xp-nieve);flex:0 0 38px;position:relative}
.site .xp-play::after{content:"";position:absolute;inset:0;margin:auto;width:14px;height:14px;background:var(--xp-noche);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M5%203l8%205-8%205z%22%20fill%3D%22black%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M5%203l8%205-8%205z%22%20fill%3D%22black%22/%3E%3C/svg%3E") center/contain no-repeat;transform:translateX(1px)}
.site .xp-slide-media:hover .xp-arco{border-color:var(--xp-oro)}
.site .xp-slide-vacia{min-height:260px;grid-template-columns:1fr}
.site .xp-nav{display:flex;justify-content:center;align-items:center;gap:16px;margin:20px 0 0}
.site .xp-puntos{display:flex;gap:8px;align-items:center}
.site .xp-pt{width:8px;height:8px;border-radius:99px;border:0;padding:0;background:rgba(47,53,42,.22);cursor:pointer;transition:width .3s,background .3s}
.site .xp-pt.on{width:30px;background:var(--xp-fuego)}
.site .xp-pt-luego{background:transparent;border:1px dashed rgba(47,53,42,.35);cursor:default}
.site .xp-flecha{width:42px;height:42px;border-radius:50%;border:1px solid var(--linea,#4a3a2c1f);background:var(--blanco,#FFFCF7);cursor:pointer;font-size:16px;color:var(--ink)}
.site .xp-mas{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px auto 0;max-width:640px;text-align:center}
.site .xp-mas p{margin:0;font-family:var(--f-head);font-style:italic;font-size:19px;line-height:1.4;color:var(--ink-2,#4A3A2C)}
.site .xp-mas-ic{font-family:"Noto Serif SC","Songti SC",serif;color:var(--xp-oro2);font-size:15px;letter-spacing:.1em;flex:0 0 auto}

/* qué es una experiencia */
.site .xp-que{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:start;margin:96px auto 0;max-width:1080px}
.site .xp-que h2,.site .xp-como h2{font-family:var(--f-head);font-weight:500;font-size:clamp(32px,3.6cqw,46px);line-height:1.1;margin:10px 0 24px;color:var(--ink)}
.site .xp-que .s-kicker,.site .xp-como .s-kicker{color:var(--salvia-2,#69784F)}
.site .xp-cita{margin:0;padding:6px 0 0 26px;border-left:2px solid var(--xp-oro2)}
.site .xp-cita p{margin:0;font-family:var(--f-head);font-style:italic;font-size:clamp(22px,2.3cqw,28px);line-height:1.38;color:var(--ink)}
.site .xp-cita cite{display:block;margin-top:14px;font-style:normal;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--terra,#BF7448)}
.site .xp-cita cite::before{content:"— "}
.site .xp-prosa{font-size:17px;line-height:1.7;color:var(--ink-2,#4A3A2C);margin:52px 0 28px}
.site .xp-pilares{display:grid;gap:12px}
.site .xp-pilar{display:grid;grid-template-columns:44px 1fr;column-gap:14px;padding:18px 20px;border-radius:18px;background:var(--blanco,#FFFCF7);border:1px solid var(--linea,#4a3a2c1f);box-shadow:var(--sombra)}
.site .xp-pilar-n{grid-row:1 / span 2;font-family:var(--f-head);font-size:26px;line-height:1;color:var(--xp-oro2)}
.site .xp-pilar h3{margin:0 0 4px;font-family:var(--f-head);font-weight:500;font-size:22px;color:var(--ink)}
.site .xp-pilar p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2,#4A3A2C);opacity:.85}

/* cómo es una mañana */
.site .xp-como{margin:96px auto 0;max-width:1080px;text-align:center}
.site .xp-pasos{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;text-align:left;counter-reset:x}
.site .xp-pasos li{position:relative;padding:26px 22px 24px;border-radius:22px;background:linear-gradient(160deg,var(--blanco,#FFFCF7) 30%,#EEF0E6 100%);border:1px solid var(--linea,#4a3a2c1f)}
.site .xp-paso-n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--xp-noche);color:var(--xp-oro);font-family:var(--f-head);font-size:20px;margin-bottom:16px}
.site .xp-pasos h3{margin:0 0 8px;font-family:var(--f-head);font-weight:500;font-size:23px;color:var(--ink)}
.site .xp-pasos p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2,#4A3A2C);opacity:.88}
.site .xp-sellos{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.site .xp-sellos li{padding:9px 16px;border-radius:99px;border:1px solid rgba(126,140,98,.4);background:rgba(126,140,98,.08);font-size:13.5px;color:var(--salvia-2,#69784F)}
.site .xp-sellos li::before{content:"✓ ";color:var(--salvia,#7E8C62)}
.site .xp-aviso{margin:18px 0 0;font-size:13px;color:var(--ink-2,#4A3A2C);opacity:.65}

/* el cierre */
.site .xp-fin{margin:96px 0 20px;border-radius:30px;overflow:hidden;color:var(--xp-nieve);text-align:center;
  background:radial-gradient(60% 90% at 50% 0%,rgba(94,127,69,.55),transparent 70%),var(--xp-noche)}
.site .xp-fin-in{padding:66px 30px 70px;max-width:680px;margin:0 auto}
.site .xp-fin-k{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--xp-oro)}
.site .xp-fin h2{font-family:var(--f-head);font-weight:400;font-size:clamp(32px,4cqw,50px);line-height:1.12;margin:14px 0 14px;color:var(--xp-nieve)}
.site .xp-fin h2 em{color:var(--xp-oro)}
.site .xp-fin p{font-size:17px;line-height:1.6;color:rgba(243,234,219,.78);margin:0 0 30px}

/* tablet y móvil */
@container web (max-width:980px){
  .site .xp-slide{padding:46px 40px;gap:28px}
  .site .xp-datos{grid-template-columns:1fr 1fr}
  .site .xp-pasos{grid-template-columns:1fr 1fr}
}
@container web (max-width:760px){
  .site .pg-xp{padding:22px 14px 50px}
  .site .xp-head{margin-bottom:22px}
  .site .xp-sub{font-size:16px}
  .site .xp-pista,.site .xp-slide{border-radius:26px}
  .site .xp-slide{grid-template-columns:1fr;padding:22px 20px 28px;gap:22px;min-height:0}
  .site .xp-slide-media{order:-1}
  .site .xp-arco{width:100%;max-width:none;aspect-ratio:4/5;max-height:none;border-radius:200px 200px 20px 20px}
  .site .xp-slide::after{font-size:140px;bottom:-30px}
  .site .xp-sobre{margin-top:18px}
  .site .xp-tit{font-size:32px;margin-bottom:14px}
  .site .xp-lema{font-size:16px;margin-bottom:22px}
  .site .xp-datos{grid-template-columns:1fr;gap:14px}
  .site .xp-ctas{display:block}
  .site .xp-btn{width:100%;justify-content:center;padding:19px 22px}
  .site .xp-mas p{font-size:17px}
  .site .xp-mas{flex-direction:column;gap:6px}
  .site .xp-que{grid-template-columns:1fr;gap:10px;margin-top:70px}
  .site .xp-prosa{margin:28px 0 22px;font-size:16px}
  .site .xp-como{margin-top:70px}
  .site .xp-pasos{grid-template-columns:1fr}
  .site .xp-fin{margin-top:70px;border-radius:26px}
  .site .xp-fin-in{padding:50px 22px 54px}
}
@media (prefers-reduced-motion:reduce){.site .xp-punto{animation:none}}