:root{
  --ink:#14120E; --ink-2:#221E17; --gold:#D4A72C; --gold-soft:#F1DFA6; --gold-deep:#7C5B00;
  --ivory:#FBFAF6; --sand:#F0ECE1; --text:#23201A; --muted:#5B564B; --line:#DDD6C4;
  --display:'Bricolage Grotesque','Segoe UI',Arial,sans-serif;
  --body:'Atkinson Hyperlegible','Segoe UI',Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--text);font-family:var(--body);font-size:19px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;box-shadow:0 0 0 3px var(--ink);border-radius:4px}
.wrap{width:100%;max-width:1120px;margin-inline:auto;padding-inline:20px}
h1,h2,h3{font-family:var(--display);line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.015em}
h2{font-size:clamp(1.9rem,4.4vw,2.9rem);font-weight:800}
h3{font-size:1.3rem;font-weight:800}
p{margin:0}
.eyebrow{font-family:var(--body);font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep)}
.sec{padding-block:clamp(52px,7vw,96px)}
.sec.alt{background:var(--sand)}
.sec h2{margin-top:10px}
.sec .intro{margin-top:14px;color:var(--muted);max-width:52ch}


/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:58px;padding:0 30px;border-radius:999px;font-weight:700;font-size:1.08rem;text-decoration:none;border:2px solid transparent;transition:transform .15s,background .15s;text-align:center;cursor:pointer;font-family:var(--body)}
.btn-gold{background:var(--gold);color:var(--ink);box-shadow:0 6px 0 #9A7714}
.btn-gold:hover{transform:translateY(2px);box-shadow:0 4px 0 #9A7714}
.btn-line{border-color:rgba(255,255,255,.55);color:#fff}
.btn-line:hover{background:rgba(255,255,255,.1)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:var(--ink-2)}
.btn-ghost{border-color:var(--ink);color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:#fff}
.link{font-weight:700;color:var(--gold-deep);text-decoration:none;border-bottom:2px solid var(--gold)}
.link:hover{color:var(--ink)}

/* cabecera */
.top{background:var(--ink);color:#fff;position:sticky;top:env(safe-area-inset-top,0px);z-index:20}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:10px;position:relative}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--display);font-weight:800;font-size:1.15rem}
.brand img{width:52px;height:auto;display:block}
.nav{display:flex;align-items:center;gap:24px}
.nav a{text-decoration:none;font-weight:700;font-size:1rem;color:#E9E4D6;padding:8px 2px;border-bottom:2px solid transparent}
.nav a:hover{border-color:var(--gold)}
.nav a.active{border-color:var(--gold);color:#fff}
.nav .btn{min-height:46px;padding:0 22px;font-size:1rem;box-shadow:none;color:var(--ink);border:2px solid transparent}
.burger{display:none;background:none;border:2px solid #4A4433;color:#fff;border-radius:999px;font:700 1rem var(--body);min-height:46px;padding:0 20px;cursor:pointer}
@media(max-width:940px){
  .brand span{display:none}
  .burger{display:inline-flex;align-items:center}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ink);flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 22px;border-top:1px solid #3A3427}
  .top.open .nav{display:flex}
  .nav a{padding:16px 2px;font-size:1.15rem;border-bottom:1px solid #2E2A20}
  .nav .btn{margin-top:16px;justify-content:center}
}

/* cabecera de páginas interiores */
.phead{background:var(--ink);color:#fff;padding-block:clamp(44px,6vw,84px);position:relative;overflow:hidden}
.phead::before{content:"";position:absolute;right:-160px;top:-200px;width:480px;height:480px;border-radius:50%;border:2px solid rgba(212,167,44,.26);box-shadow:0 0 0 50px rgba(212,167,44,.05),0 0 0 100px rgba(212,167,44,.03)}
.phead .wrap{position:relative}
.phead .eyebrow{color:var(--gold)}
.phead h1{font-size:clamp(2.3rem,6vw,4rem);font-weight:800;margin-top:12px;max-width:16ch}
.phead h1 em{font-style:normal;color:var(--gold)}
.phead p{margin-top:18px;color:#E0DACB;font-size:1.2rem;max-width:44ch}

/* HERO inicio */
.hero{background:var(--ink);color:#fff;padding-block:clamp(36px,6vw,80px) clamp(56px,7vw,96px);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;right:-180px;top:-180px;width:560px;height:560px;border-radius:50%;border:2px solid rgba(212,167,44,.28);box-shadow:0 0 0 60px rgba(212,167,44,.05),0 0 0 120px rgba(212,167,44,.03)}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center;position:relative}
.hero h1{font-size:clamp(2.5rem,6.6vw,4.6rem);font-weight:800}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero .lead{margin-top:22px;font-size:clamp(1.12rem,2vw,1.32rem);color:#E9E4D6;max-width:34ch}
.cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}
.hero .fine{margin-top:22px;font-size:.98rem;color:#B9B29F}
.hero .photo{position:relative;justify-self:center;width:100%;max-width:470px}
.hero .photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 60%;border-radius:999px 999px 28px 28px;border:4px solid var(--gold)}
.hero .badge{position:absolute;left:-18px;bottom:26px;background:#fff;color:var(--ink);border-radius:18px;padding:12px 18px;font-weight:700;font-size:.98rem;line-height:1.3;box-shadow:0 10px 30px rgba(0,0,0,.35);max-width:210px}
.hero .badge b{display:block;font-family:var(--display);font-size:1.15rem}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr}.hero .photo{max-width:380px;order:-1}.hero .badge{left:8px}}

/* pasos */
.steps header{max-width:640px}
.steps ol{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);counter-reset:s}
.steps li{padding:6px 32px 6px 0;position:relative;counter-increment:s}
.steps li::before{content:counter(s);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--ink);color:var(--gold);font-family:var(--display);font-weight:800;font-size:1.5rem;margin-bottom:18px}
.steps li:not(:last-child)::after{content:"";position:absolute;top:32px;left:70px;right:14px;border-top:2px dashed var(--line)}
.steps h3{margin-bottom:8px}
.steps li p{color:var(--muted);max-width:30ch}
@media(max-width:800px){.steps ol{grid-template-columns:1fr;gap:32px}.steps li{padding-right:0}.steps li::after{display:none}}

/* cita */
.quote{background:var(--ink);color:#fff;padding-block:clamp(56px,7vw,92px)}
.quote blockquote{margin:0;max-width:22ch;font-family:var(--display);font-weight:800;font-size:clamp(1.9rem,5vw,3.4rem);line-height:1.1;letter-spacing:-.02em;text-wrap:balance}
.quote .wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:end}
.quote blockquote em{font-style:normal;color:var(--gold)}
.quote p{color:#E0DACB;font-size:1.15rem;max-width:36ch}
@media(max-width:800px){.quote .wrap{grid-template-columns:1fr;gap:22px}}

/* bloque Alan (inicio) */
.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,72px);align-items:center}
.split img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%;border:4px solid var(--gold)}
.split h2{margin:10px 0 20px}
.split p+p{margin-top:16px}
.sign{margin-top:26px;font-family:var(--display);font-weight:800;font-size:1.25rem}
.sign small{display:block;font-family:var(--body);font-weight:400;font-size:.95rem;color:var(--muted)}
@media(max-width:800px){.split{grid-template-columns:1fr}.split img{max-width:380px}}

/* tarjetas */
.head-row{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}
.head-row p{max-width:36ch;color:var(--muted)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.tile{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 24px;display:flex;flex-direction:column;gap:10px;text-decoration:none;transition:transform .15s,border-color .15s}
a.tile:hover{transform:translateY(-3px);border-color:var(--gold)}
.tag{align-self:flex-start;background:var(--gold-soft);color:var(--ink);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;padding:4px 12px;border-radius:999px}
.tile p{color:var(--muted);font-size:1rem;line-height:1.5}
.tile .go{margin-top:auto;padding-top:10px;font-weight:700;color:var(--gold-deep)}
@media(max-width:980px){.grid4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.grid3{grid-template-columns:1fr}}
@media(max-width:620px){.grid4,.grid2{grid-template-columns:1fr}}
.pillars{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px;align-items:center}
.pillars span{font-weight:700;color:var(--muted);margin-right:6px}
.pillars b{background:var(--ink);color:#fff;font-weight:700;padding:9px 20px;border-radius:999px;font-size:1rem}

/* bloque ALAN.ia oscuro */
.ia{background:var(--ink);color:#fff}
.ia .cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.ia h2{margin:10px 0 20px}
.ia .eyebrow{color:var(--gold)}
.ia p{color:#E0DACB;max-width:40ch}
.ia .btn{margin-top:30px}
.chat{background:var(--ink-2);border:1px solid #3A3427;border-radius:28px;padding:22px;display:flex;flex-direction:column;gap:14px}
.chat .who{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#A79F8B;font-weight:700}
.bubble{padding:16px 20px;border-radius:20px;font-size:1.05rem;line-height:1.55;max-width:92%}
.bubble.me{align-self:flex-end;background:var(--gold);color:var(--ink);border-bottom-right-radius:6px;font-weight:700}
.bubble.ai{align-self:flex-start;background:#2E2A20;color:#F1ECDD;border-bottom-left-radius:6px}
.chat .note{font-size:.85rem;color:#A79F8B;margin-top:4px}
@media(max-width:800px){.ia .cols{grid-template-columns:1fr}}

/* testimonios */
.slot{border:2px dashed var(--line);border-radius:22px;padding:26px 24px;color:var(--muted);display:flex;flex-direction:column;gap:14px;min-height:190px}
.slot q{font-family:var(--display);font-weight:600;font-size:1.25rem;line-height:1.3;color:var(--text);quotes:"«" "»"}
.slot small{margin-top:auto;font-size:.92rem}

/* cierre */
.final{background:var(--gold);color:var(--ink);padding-block:clamp(52px,7vw,88px);text-align:center}
.final h2{max-width:20ch;margin-inline:auto}
.final p{margin:16px auto 32px;max-width:44ch;font-size:1.15rem}
.final .btn{background:var(--ink);color:#fff;box-shadow:0 6px 0 rgba(0,0,0,.28)}
.final .btn:hover{transform:translateY(2px)}

/* APRENDE */
.course{background:var(--ink);color:#fff;border-radius:28px;padding:34px 30px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}
.course::after{content:"";position:absolute;right:-70px;top:-70px;width:200px;height:200px;border-radius:50%;border:2px solid rgba(212,167,44,.3)}
.course .tag{background:var(--gold);}
.course h3{font-size:1.7rem}
.course p{color:#E0DACB;max-width:38ch}
.course .btn{align-self:flex-start;margin-top:10px}
.guide{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(24px,5vw,64px);align-items:center}
.guide img{display:block;width:100%;max-width:300px;justify-self:center;border-radius:12px;box-shadow:0 22px 40px rgba(20,18,14,.28);transform:rotate(-2.5deg)}
.guide h2{margin:10px 0 16px}
.guide p{color:var(--muted);max-width:44ch}
.guide .btn{margin-top:26px}
@media(max-width:800px){.guide{grid-template-columns:1fr}}
.rows{list-style:none;margin:36px 0 0;padding:0;border-top:1px solid var(--line)}
.rows li a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 4px;border-bottom:1px solid var(--line);text-decoration:none;font-weight:700;font-size:1.1rem}
.rows li a:hover{background:#fff;padding-inline:16px}
.rows li a span{color:var(--gold-deep);white-space:nowrap}
.pillar h3{margin-bottom:4px}
.pillar .dot{width:14px;height:14px;border-radius:50%;background:var(--gold);display:block;margin-bottom:10px}

/* HISTORIA */
.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,72px);align-items:start}
.story .pic{position:sticky;top:96px}
.story .pic img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%;border:4px solid var(--gold)}
.story .pic figcaption{margin-top:14px;font-size:.95rem;color:var(--muted)}
.prose p{max-width:58ch}
.prose p+p{margin-top:18px}
.prose .big{font-family:var(--display);font-weight:800;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;letter-spacing:-.01em;margin-top:30px;text-wrap:balance}
.prose .big.gold{color:var(--gold-deep)}
@media(max-width:800px){.story{grid-template-columns:1fr}.story .pic{position:static;max-width:340px}}
.tl{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:0;max-width:720px}
.tl li{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:22px 0;border-top:1px solid var(--line);align-items:baseline}
.tl li:last-child{border-bottom:1px solid var(--line)}
.tl b{font-family:var(--display);font-size:1.15rem;font-weight:800}
.tl span{color:var(--muted)}
.tl span strong{color:var(--text);font-weight:700}
.cv h3{margin-top:44px;font-size:1.5rem}
.cv h3:first-of-type{margin-top:32px}
.cv .tl{margin-top:14px;max-width:820px}
.cv .tl li{padding:16px 0}
@media(max-width:560px){.tl li{grid-template-columns:1fr;gap:4px}}
.promise{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 24px}
.promise h3{margin-bottom:8px}
.promise p{color:var(--muted);font-size:1rem;line-height:1.5}
.certs{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.cert{border:2px dashed var(--line);border-radius:14px;padding:12px 18px;color:var(--muted);font-weight:700;font-size:.98rem}
.motto{background:var(--ink);color:#fff;text-align:center;padding-block:clamp(56px,7vw,92px)}
.motto q{display:block;font-family:var(--display);font-weight:800;font-size:clamp(1.8rem,4.6vw,3.2rem);line-height:1.12;max-width:20ch;margin-inline:auto;text-wrap:balance;quotes:"“" "”"}
.motto q em{font-style:normal;color:var(--gold)}
.motto small{display:block;margin-top:20px;color:#B9B29F;font-size:1rem}

/* ALAN.ia página */
.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.chips span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:12px 22px;font-weight:700;font-size:1.02rem}
.is{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}
.is .tile h3{display:flex;align-items:center;gap:10px}
.is ul{margin:6px 0 0;padding-left:20px;color:var(--muted);line-height:1.6}
.is li+li{margin-top:8px}
@media(max-width:800px){.is{grid-template-columns:1fr}}

/* BLOG */
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.filters button{font:700 1rem var(--body);background:#fff;border:2px solid var(--line);color:var(--text);border-radius:999px;min-height:46px;padding:0 22px;cursor:pointer}
.filters button:hover{border-color:var(--gold)}
.filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.post{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:14px;text-decoration:none;min-height:190px;transition:transform .15s,border-color .15s}
.post:hover{transform:translateY(-3px);border-color:var(--gold)}
.post h3{font-size:1.25rem;line-height:1.2}
.post .go{margin-top:auto;font-weight:700;color:var(--gold-deep)}
.post.feat{grid-column:1/-1;background:var(--ink);color:#fff;border-color:var(--ink);min-height:0;padding:34px 30px}
.post.feat h3{font-size:clamp(1.6rem,3.6vw,2.4rem);max-width:22ch}
.post.feat .tag{background:var(--gold)}
.post.feat .go{color:var(--gold)}

/* CONTACTO */
.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,5vw,72px);align-items:start}
.ways{display:grid;gap:14px;margin-top:28px}
.way{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 20px;text-decoration:none}
a.way:hover{border-color:var(--gold)}
.way b{display:block;font-family:var(--display);font-size:1.1rem}
.way small{color:var(--muted);font-size:.95rem}
.way i{font-style:normal;flex:none;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--gold);display:grid;place-items:center;font-family:var(--display);font-weight:800}
form.card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px 26px;display:grid;gap:18px}
label{font-weight:700;display:grid;gap:8px;font-size:1.02rem}
input,select,textarea{font:400 1.1rem var(--body);color:var(--text);background:var(--ivory);border:2px solid var(--line);border-radius:14px;padding:14px 16px;width:100%;min-height:56px}
textarea{min-height:140px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:3px solid var(--gold);outline-offset:1px;border-color:var(--ink)}
.sent{background:var(--gold-soft);border-radius:14px;padding:14px 18px;font-weight:700}
@media(max-width:860px){.contact{grid-template-columns:1fr}}

/* LEGAL */
.legal h2{font-size:1.6rem;margin-top:0}
.legal .block{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 28px;margin-top:20px}
.legal .block ul{margin:12px 0;padding-left:22px}
.legal .block li+li{margin-top:10px}
.legal .block p+p,.legal .block ul+p{margin-top:12px}

/* PIE */
footer{background:var(--ink);color:#B9B29F;padding-block:48px 34px;font-size:.98rem}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
footer .brand{margin-bottom:14px;color:#fff}
footer h4{margin:0 0 12px;font-family:var(--display);color:#fff;font-size:1.05rem}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer a{text-decoration:none}
footer a:hover{color:#fff;text-decoration:underline}
footer .base{margin-top:34px;padding-top:20px;border-top:1px solid #2E2A20;display:flex;flex-wrap:wrap;gap:10px 30px;justify-content:space-between;font-size:.92rem}
@media(max-width:760px){footer .cols{grid-template-columns:1fr}}


@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.skip{position:absolute;left:-9999px;top:8px;background:var(--gold);color:var(--ink);padding:12px 18px;border-radius:999px;font-weight:700;z-index:50}
.skip:focus{left:12px}

/* ARTÍCULOS */
.art-head h1{max-width:26ch;font-size:clamp(2rem,5.2vw,3.3rem)}
.art-head .tag{background:var(--gold);margin-bottom:6px;display:inline-block}
.crumb{display:inline-block;color:#E0DACB;text-decoration:none;font-weight:700;margin-bottom:18px;border-bottom:2px solid transparent}
.crumb:hover{border-color:var(--gold)}
.byline{margin-top:16px;color:#B9B29F;font-size:1rem}
.article{max-width:68ch;font-size:1.12rem;line-height:1.75}
.article p{margin:0}
.article p+p,.article ul+p,.article ol+p,.article p+ul,.article p+ol{margin-top:1.1em}
.article h2{font-size:clamp(1.5rem,3vw,1.9rem);margin:2.1em 0 .6em;line-height:1.15}
.article ul,.article ol{margin:1.1em 0;padding-left:1.3em}
.article li+li{margin-top:.6em}
.article a{color:var(--gold-deep);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}
.article a:hover{color:var(--ink)}
.article figure{margin:1.8em 0}
.article figure img{display:block;width:100%;height:auto;border-radius:18px}
.cta-box{margin-top:56px;background:var(--ink);color:#fff;border-radius:28px;padding:34px 30px;max-width:68ch}
.cta-box h3{font-size:1.6rem;margin-bottom:10px}
.cta-box p{color:#E0DACB;margin-bottom:22px}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px;max-width:68ch}
.pn a{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;text-decoration:none}
.pn a:hover{border-color:var(--gold)}
.pn small{display:block;color:var(--muted);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;margin-bottom:4px}
.pn b{font-family:var(--display);font-size:1.05rem;line-height:1.25}
.pn .next{text-align:right}
@media(max-width:620px){.pn{grid-template-columns:1fr}.pn .next{text-align:left}}
.post .ex{color:var(--muted);font-size:.98rem;line-height:1.5}
.post.feat .ex{color:#E0DACB;max-width:56ch}
.post .date{display:block;color:var(--muted);font-size:.85rem;font-weight:700;letter-spacing:.02em}
.post.feat .date{color:#B9B29F}
.date.pending,.pending{color:var(--muted);font-style:normal;font-weight:400}
.byline .pending{color:inherit;opacity:.75}

/* firma bajo el hero */
.hero-sign{display:inline-flex;align-items:center;gap:10px;margin-top:20px;text-decoration:none;color:#B9B29F;font-size:.92rem;font-weight:700}
.hero-sign img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);display:block}
.hero-sign:hover{color:#fff}

/* testimonios */
.test-grid{margin-top:40px}
.testimonial{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.testimonial[hidden]{display:none}
.test-video{position:relative;aspect-ratio:4/5;background:var(--ink);cursor:pointer;border:0;padding:0;width:100%;display:block}
.test-video img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85}
.test-video iframe{width:100%;height:100%;border:0;display:block;aspect-ratio:4/5}
.test-video .play{position:absolute;inset:0;margin:auto;width:62px;height:62px;border-radius:50%;background:var(--gold);color:var(--ink);border:4px solid #fff;display:grid;place-items:center;font-size:1.3rem;box-shadow:0 8px 20px rgba(0,0,0,.35);transition:transform .15s}
.test-video:hover .play{transform:scale(1.07)}
.testimonial figcaption{padding:20px 22px 24px;display:flex;flex-direction:column;gap:6px}
.testimonial b{font-family:var(--display);font-size:1.05rem}
.testimonial .place{color:var(--gold-deep);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.testimonial q{font-family:var(--display);font-weight:600;font-size:1.08rem;line-height:1.35;color:var(--text);quotes:"«" "»";margin-top:4px}
.test-more-wrap{text-align:center;margin-top:32px}
@media(max-width:800px){.test-grid{grid-template-columns:1fr}}

/* cabecera de ALAN.ia con ilustración */
.phead-split .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,64px);align-items:center}
.mascot{margin:0;justify-self:center;width:100%;max-width:440px}
.mascot img{display:block;width:100%;height:auto;border-radius:28px;border:4px solid var(--gold);box-shadow:0 22px 40px rgba(0,0,0,.35)}
@media(max-width:800px){.phead-split .wrap{grid-template-columns:1fr}.mascot{max-width:340px;justify-self:start}}

/* al saltar a una sección con enlace (#camino, #formacion, #testimonios), que la cabecera fija no tape el título */
section[id]{scroll-margin-top:88px}

/* cierre de Mi historia */
.motto-close{margin-top:22px;font-family:var(--display);font-weight:700;font-size:1.15rem;color:var(--gold)}

/* pie: enlaces sin URL todavía */
.pending-link{color:#6B6455}
.pending-link em{font-style:normal;opacity:.8;font-size:.9em}

/* guías (/guias/...): dorado, negro y plata */
.gm-cover{--silver:#B9BEC6;background:radial-gradient(ellipse at 50% 0%,rgba(212,167,44,.2),transparent 55%),radial-gradient(ellipse at 50% 100%,rgba(185,190,198,.14),transparent 60%),var(--ink);color:#fff;text-align:center;padding-block:40px 52px;border-bottom:4px solid var(--gold)}
.gm-logo{width:min(280px,70vw);height:auto;margin:0 auto 24px;display:block}
.gm-label{display:inline-block;font-weight:700;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--gold);padding:6px 16px;border-radius:999px;margin-bottom:18px}
.gm-cover h1{font-size:clamp(2rem,6.5vw,3.3rem);font-weight:800;max-width:20ch;margin:0 auto 14px}
.gm-cover h1 em{font-style:normal;color:var(--gold)}
.gm-sub{font-size:clamp(1.15rem,3vw,1.35rem);color:#E3E6EA;margin-bottom:30px}
.gm-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;max-width:600px;margin:0 auto 30px}
.gm-mini div{border:1px solid rgba(185,190,198,.45);border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.04)}
.gm-mini b{display:block;color:var(--gold-soft);font-size:1rem;line-height:1.3}
.gm-mini span{display:block;font-size:.9rem;color:var(--silver);line-height:1.4;margin-top:4px}
.gm-author{font-size:1rem;color:var(--silver)}
.gm-author b{color:#fff}
.gm-down{display:inline-block;margin-top:24px;color:var(--gold-soft);font-weight:700;text-decoration:none}
.gm-body{max-width:760px;padding-bottom:clamp(52px,7vw,90px)}
.gm-sec{padding-top:40px}
.gm-sec p{margin-bottom:18px}
.gm-sec h2{font-size:clamp(1.6rem,4.4vw,2.2rem);margin-bottom:18px}
.gm-bar{display:block;width:56px;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--gold) 60%,#B9BEC6 60%);margin-bottom:14px}
.gm-hello{font-weight:700;font-size:1.15rem}
.gm-quote{border-left:5px solid var(--gold);background:#fff;padding:16px 18px;border-radius:0 12px 12px 0;font-style:italic;color:var(--muted)}
.gm-highlight{background:var(--ink);color:#fff;border:2px solid #B9BEC6;border-radius:16px;padding:20px 22px;font-weight:700;font-size:1.15rem;line-height:1.45}
.gm-highlight em{font-style:normal;color:var(--gold)}
.gm-pillar{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid #CFD3D9;border-radius:16px;padding:18px;margin-bottom:14px}
.gm-pillar img{width:58px;height:58px;border-radius:12px;flex:none}
.gm-pillar h3{font-size:1.2rem;margin-bottom:6px;line-height:1.3}
.gm-pillar h3 small{display:block;font-family:var(--body);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#6E747D}
.gm-pillar p{margin:0;color:var(--muted)}
.gm-step{display:flex;gap:16px;margin-bottom:22px}
.gm-num{flex:none;width:46px;height:46px;border-radius:50%;background:var(--ink);color:var(--gold);border:2px solid #B9BEC6;font-family:var(--display);font-weight:800;font-size:1.3rem;display:grid;place-items:center}
.gm-step h3{font-size:1.2rem;margin:6px 0 4px;line-height:1.3}
.gm-step p{margin:0;color:var(--muted)}
.gm-promise{display:grid;gap:12px;margin-bottom:18px}
.gm-promise div{background:#fff;border:1px solid #CFD3D9;border-radius:14px;padding:14px 18px;font-weight:700}
.gm-exercise{background:#fff;border:3px dashed var(--gold);border-radius:18px;padding:24px 22px 6px}
.gm-exercise ol{padding-left:24px;margin:0 0 18px}
.gm-exercise li+li{margin-top:10px}
.gm-close{text-align:center}
.gm-motto{font-family:var(--display);font-weight:800;font-size:clamp(1.4rem,4.5vw,1.9rem);line-height:1.25;color:var(--gold-deep);margin:10px 0 28px!important}
.gm-sign{margin-top:32px}
@media(max-width:480px){.gm-mini{grid-template-columns:1fr}}