/*
Theme Name: AI Ale Contreras
Author: AI Ale Contreras
Description: Sitio de IA práctica y humana. Portada, experiencia y podcast editables desde Apariencia > Personalizar.
Version: 1.0.7
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: ai-ale
*/
@font-face{font-family:Gantari;src:url('assets/Gantari-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Gantari;src:url('assets/Gantari-Bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Gantari;src:url('assets/Gantari-Black.ttf') format('truetype');font-weight:900;font-display:swap}
:root{--lime:#c4ff00;--blue:#073dff;--ink:#101010;--paper:#f7f7f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Gantari,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.site{max-width:1264.5px;margin:auto;container-type:inline-size;isolation:isolate}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}[hidden]{display:none!important}
.wrap{width:calc(100% - 7.591934cqw);margin-inline:auto}.header{height:9.727165cqw;color:#fff;background:#141514;position:relative;z-index:20}.nav-wrap{height:9.727165cqw;width:100%;position:relative}.brand{position:absolute;left:5.575326cqw;top:1.660735cqw}.brand img{width:7.829181cqw;height:6.168446cqw}.header nav{position:absolute;left:25.029656cqw;top:2.609727cqw;display:flex;gap:1.897983cqw;align-items:center;font-size:1.304864cqw;line-height:2.135231cqw}.header nav a{white-space:nowrap;padding:0.355872cqw 0}.header nav a:hover{color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:center;gap:0.830368cqw;min-height:4.863582cqw;border-radius:4.744958cqw;padding:1.186240cqw 2.846975cqw;font-size:1.423488cqw;font-weight:700;border:0.118624cqw solid transparent;transition:box-shadow .2s}.button:hover{box-shadow:0 0.474496cqw 1.897983cqw #0002}.button span,.text-link span{font-size:2.135231cqw;line-height:1.779359cqw}.lime{background:var(--lime);color:#050505}.outline{border-color:#777;background:transparent;color:var(--ink)}.dark{background:var(--ink);color:#fff}.nav-cta{position:absolute;left:81.376038cqw;top:2.016607cqw;width:13.404508cqw;min-height:4.033215cqw;padding:0.830368cqw 1.423488cqw;font-size:1.186240cqw;gap:0.711744cqw}.nav-cta span{font-size:1.897983cqw}.menu-toggle{display:none}.hero{height:42.111507cqw;position:relative;background:#161716 url('assets/hero-fondo.webp') left bottom/51.4% 100% no-repeat;color:white}.hero-art{position:absolute;left:51.364%;top:-0.593120cqw;width:48.636%;height:42.704626cqw;background:url('assets/hero-arte.webp') center/100% 100% no-repeat}.hero-content{position:relative;margin:0;padding:4.389087cqw 0 0 5.812574cqw;width:100%;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:0.237248cqw;font-size:1.186240cqw;line-height:1.779359cqw;font-weight:400;margin:0 0 1.423488cqw}.hero h1{font-size:5.931198cqw;font-weight:900;line-height:5.456702cqw;letter-spacing:-0.189798cqw;margin:0 0 2.372479cqw;width:61.684460cqw}.hero h1 mark{color:var(--lime);background:#050505c9;border-radius:1.067616cqw;padding:0 1.779359cqw 0.474496cqw;margin-left:-1.779359cqw;white-space:nowrap;box-decoration-break:clone;-webkit-box-decoration-break:clone}.hero-copy{font-size:2.016607cqw;line-height:2.491103cqw;margin:0;font-weight:400;max-width:48.042705cqw;color:#f3f3f3}.mobile-hero-cta{display:none}.about{height:51.008304cqw;position:relative;background:#f7f7f7}.portrait{position:absolute;left:0;top:-6.998814cqw;width:56.821%;height:58.007117cqw;z-index:2}.portrait img{width:100%;height:100%;object-fit:contain}.about-copy{position:absolute;left:60%;top:5.812574cqw;width:36.773%;padding:0}.about-copy .eyebrow{margin-bottom:0.830368cqw}h2{font-size:4.863582cqw;line-height:4.626335cqw;font-weight:900;letter-spacing:-0.177936cqw;margin:0}.blue{color:var(--blue)}.green{color:var(--lime)}.about p:not(.eyebrow){font-size:1.779359cqw;line-height:2.372479cqw;margin:1.897983cqw 0 0;color:#333}.about p:not(.eyebrow)+p{margin-top:0.948992cqw}.about .button{margin-top:2.016607cqw;min-height:4.863582cqw;font-size:1.423488cqw;padding:1.186240cqw 2.846975cqw}.learn{height:41.518387cqw;position:relative;padding-top:4.507711cqw;padding-bottom:3.202847cqw}.learn:after{content:'';position:absolute;right:-3.795967cqw;top:0;width:10.438909cqw;height:23.250297cqw;background:url('assets/comunidad-aro.webp') center/100% 100% no-repeat;pointer-events:none;z-index:-1}.section-intro{height:13.997628cqw;display:grid;grid-template-columns:1.48fr 1fr;gap:4.507711cqw;padding:0 1.897983cqw;align-items:start}.section-intro h2{font-size:4.863582cqw;line-height:4.626335cqw}.section-intro>p{font-size:1.779359cqw;line-height:2.372479cqw;max-width:31.672598cqw;margin:3.084223cqw 0 0;color:#333}.paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.067616cqw}.path{height:19.810202cqw;border-radius:1.186240cqw;background:radial-gradient(ellipse at 85% 110%,#222,#101010 70%);color:white;padding:3.677343cqw 2.965599cqw 2.728351cqw;display:flex;flex-direction:column;border:0.118624cqw solid #333}.path h3{font-size:2.372479cqw;line-height:2.846975cqw;letter-spacing:-0.059312cqw;margin:0 0 0.830368cqw;font-weight:700}.path p{font-size:1.423488cqw;line-height:1.897983cqw;color:#ddd;margin:0 0 1.660735cqw}.text-link{display:inline-flex;align-items:center;gap:0.830368cqw;background:none;border:0;color:inherit;padding:0;font-size:1.423488cqw;line-height:2.016607cqw;font-weight:700;text-align:left;align-self:flex-start;margin-top:auto}.text-link:hover{color:var(--lime)}.method{height:28.113879cqw;position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:4.507711cqw;padding:3.321471cqw 1.897983cqw 3.084223cqw}.method:after{content:'';position:absolute;right:-3.795967cqw;top:-3.677343cqw;width:9.015421cqw;height:14.234875cqw;background:url('assets/metodo-arte.webp') center/100% 100% no-repeat;pointer-events:none}.method .eyebrow{margin-bottom:1.542112cqw}.method h2{font-size:5.575326cqw;line-height:5.575326cqw;letter-spacing:-0.201661cqw}.large-copy{font-size:2.016607cqw;line-height:2.491103cqw;margin:1.779359cqw 0 0;color:#333}.steps{margin:0;padding-top:0}.steps>div{display:grid;grid-template-columns:11.862396cqw 1fr;gap:1.779359cqw;padding:1.897983cqw 0;border-bottom:0.118624cqw solid #ddd;min-height:7.354686cqw}.steps>div:first-child{padding-top:0.830368cqw}.steps>div:last-child{border-bottom:0}.steps dt{font-size:1.660735cqw;line-height:2.372479cqw;font-weight:700}.steps dd{margin:0;padding-left:1.660735cqw;border-left:0.118624cqw solid #e3e3e3;color:#444;font-size:1.423488cqw;line-height:1.897983cqw}.podcast{height:17.319098cqw;display:grid;grid-template-columns:24.792408cqw 26.215896cqw 1fr;gap:2.253855cqw;padding:2.609727cqw 1.067616cqw 0;align-items:start}.podcast .eyebrow{margin-bottom:0.948992cqw}.podcast h2{font-size:3.677343cqw;line-height:3.677343cqw;letter-spacing:-0.142349cqw}.podcast-copy{padding-top:2.372479cqw}.podcast-copy p{font-size:1.304864cqw;color:#444;line-height:1.779359cqw;margin:0 0 1.423488cqw}.podcast .button{font-size:1.186240cqw;min-height:3.677343cqw;padding:0.830368cqw 1.897983cqw;gap:0.593120cqw}.podcast .button span{font-size:1.779359cqw}.content-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.593120cqw;padding-top:0}.content-cards img{width:100%;height:auto;aspect-ratio:99/110;border-radius:0.830368cqw;object-fit:contain}.closing{height:13.048636cqw;margin-top:1.660735cqw;width:calc(100% - 5.693950cqw);position:relative;display:grid;grid-template-columns:41.043891cqw 18.979834cqw 15.183867cqw;gap:1.897983cqw;align-items:center;padding:0 1.660735cqw 0 13.641756cqw;border-radius:1.186240cqw;color:white;background:var(--blue);isolation:isolate}.closing-art{position:absolute;left:0;bottom:0;width:12.455516cqw;height:12.811388cqw;z-index:-1;border-radius:1.186240cqw 0 0 1.186240cqw;object-fit:contain}.closing h2{font-size:2.372479cqw;letter-spacing:-0.059312cqw;line-height:2.846975cqw}.closing h2 span{color:var(--lime)}.closing p{font-size:1.186240cqw;line-height:1.779359cqw;margin:0}.closing .button{font-size:1.186240cqw;min-height:4.744958cqw;padding:0.948992cqw 1.897983cqw;gap:0.593120cqw;width:15.183867cqw}.footer{height:17.081851cqw;width:calc(100% - 9.964413cqw);display:flex;align-items:center;gap:3.084223cqw;position:relative}.footer-brand{display:flex;align-items:center;gap:1.423488cqw;flex-shrink:0}.footer-brand img{width:7.354686cqw;height:6.524318cqw}.footer-brand span{font-size:0.948992cqw;line-height:1.542112cqw;color:#444;white-space:nowrap}.footer nav{display:flex;align-items:center;gap:1.423488cqw;font-size:1.067616cqw;white-space:nowrap;flex:1}.footer nav a:hover{color:var(--blue)}.socials{display:flex;gap:1.186240cqw;align-items:center}.social{display:inline-flex;background:none;border:0;padding:0;align-items:center;justify-content:center;color:#080808}.social svg{width:2.016607cqw;height:2.016607cqw}.skip{position:fixed;top:-9.489917cqw;left:1.897983cqw;padding:1.897983cqw;background:white;z-index:100}.skip:focus{top:1.423488cqw}
dialog{border:0;max-width:600px;width:calc(100% - 36px);border-radius:20px;padding:42px;color:var(--ink);background:var(--paper);box-shadow:0 20px 100px #0005;max-height:85vh;overflow:auto}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}dialog h2{font-size:34px;line-height:1.1;margin-bottom:20px}.dialog-close{position:absolute;right:16px;top:10px;background:none;border:0;font-size:30px;color:#333;min-width:40px;min-height:40px}#dialog-body p{font-size:17px;line-height:1.55;color:#444}#dialog-body ul{list-style:none;padding:0;margin:20px 0}#dialog-body li{padding:12px 0;border-bottom:1px solid #ddd;font-size:15px;line-height:1.5}#dialog-body .note{font-size:13px;color:#666}#dialog-body .button{margin-top:10px;font-size:14px;min-height:44px;padding:12px 22px;border-radius:40px;gap:10px}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header,.nav-wrap{height:78px}.brand{left:20px;top:14px}.brand img{width:60px;height:auto}.nav-cta{display:none}.menu-toggle{position:absolute;right:20px;top:20px;display:flex;flex-direction:column;gap:7px;padding:12px;background:none;border:1px solid #555;border-radius:8px}.menu-toggle span{width:22px;height:2px;background:white}.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#151515;border-top:1px solid #444;padding:14px 20px 24px;flex-direction:column;align-items:stretch;gap:0;font-size:16px;line-height:24px}.header nav.open{display:flex}.header nav a{padding:12px 4px}.hero{height:auto;min-height:620px;background:#151515;isolation:isolate}.hero-art{top:250px;left:auto;right:0;width:100%;height:auto;aspect-ratio:410/360;background-size:contain;opacity:.9;z-index:-1}.hero-content{padding:38px 20px 300px;width:100%;margin:0;background:linear-gradient(180deg,#151515 0%,#151515d9 45%,transparent 85%)}.eyebrow{font-size:10px;line-height:15px;letter-spacing:1.7px;margin-bottom:15px}.hero h1{font-size:clamp(32px,7.7vw,51px);line-height:1.07;letter-spacing:-1.2px;width:auto;max-width:540px;margin:0 0 24px}.hero h1 mark{padding:0 8px 4px;margin-left:-8px;border-radius:8px;white-space:normal}.hero-copy{font-size:17px;line-height:23px;max-width:400px}.desktop-break{display:none}.button{font-size:13px;line-height:18px;min-height:43px;padding:12px 21px;border-radius:40px;gap:9px}.button span,.text-link span{font-size:19px;line-height:16px}.mobile-hero-cta{display:none}.about{height:auto;display:flex;flex-direction:column;position:relative}.portrait{position:relative;left:auto;top:auto;width:100%;height:auto;order:0}.portrait img{width:100%;height:auto;object-fit:contain}.about-copy{position:relative;left:auto;top:auto;width:auto;padding:28px 24px 38px}.about-copy .eyebrow{margin-bottom:12px}h2{font-size:40px;line-height:40px;letter-spacing:-1.4px}.about-copy h2 br:first-child{display:none}.about p:not(.eyebrow){font-size:17px;line-height:23px;margin-top:17px}.about p:not(.eyebrow)+p{margin-top:13px}.about .button{margin-top:22px;font-size:13px;min-height:44px;padding:11px 22px}.learn{height:auto;padding-top:42px;padding-bottom:24px}.learn:after{display:none}.section-intro{height:auto;display:grid;grid-template-columns:1fr;gap:18px;padding:0;margin-bottom:24px}.section-intro h2{font-size:39px;line-height:39px}.section-intro>p{font-size:17px;line-height:23px;max-width:none;margin:0}.paths{grid-template-columns:1fr;gap:12px}.path{height:auto;min-height:205px;border-radius:12px;padding:28px 26px 25px}.path h3{font-size:25px;line-height:28px;margin-bottom:10px;letter-spacing:-.7px}.path p{font-size:16px;line-height:22px;margin:0 0 23px}.text-link{font-size:14px;line-height:19px;gap:8px}.method{height:auto;grid-template-columns:1fr;gap:24px;padding:32px 0 35px}.method:after{display:none}.method .eyebrow{margin-bottom:16px}.method h2{font-size:43px;line-height:43px;letter-spacing:-1.3px}.large-copy{font-size:18px;line-height:24px;margin-top:20px}.steps{padding:0}.steps>div{grid-template-columns:100px 1fr;gap:15px;padding:20px 0;min-height:70px}.steps>div:first-child{padding-top:10px}.steps dt{font-size:16px;line-height:22px}.steps dd{font-size:15px;line-height:21px;padding-left:15px}.podcast{height:auto;grid-template-columns:1fr;gap:18px;padding:20px 0 34px}.podcast .eyebrow{margin-bottom:12px}.podcast h2{font-size:37px;line-height:37px}.podcast-copy{padding:0}.podcast-copy p{font-size:16px;line-height:22px;margin-bottom:18px}.podcast .button{font-size:13px;min-height:42px;padding:11px 22px}.content-cards{padding-top:7px;gap:7px;max-width:500px;width:100%;justify-self:center}.content-cards img{border-radius:9px}.closing{height:auto;min-height:240px;width:calc(100% - 32px);margin-top:0;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:30px 24px 35px;border-radius:12px;overflow:hidden}.closing-art{width:160px;height:auto;left:auto;right:-55px;bottom:-40px;opacity:.2}.closing h2{font-size:23px;line-height:28px;letter-spacing:-.5px;max-width:450px}.closing p{font-size:14px;line-height:20px}.closing .button{width:auto;font-size:13px;min-height:43px;padding:11px 22px}.footer{height:auto;min-height:200px;width:calc(100% - 40px);padding:36px 0;flex-wrap:wrap;gap:22px;justify-content:space-between}.footer-brand{gap:12px}.footer-brand img{width:58px;height:auto}.footer-brand span{font-size:10px;line-height:14px;white-space:normal;max-width:140px}.footer nav{order:3;flex-basis:100%;flex-wrap:wrap;font-size:12px;line-height:18px;gap:13px}.socials{gap:13px;flex-wrap:wrap}.social{min-width:25px;min-height:30px}.social svg{width:20px;height:20px}.skip{top:-80px;left:16px;padding:16px}.skip:focus{top:12px}dialog{padding:37px 24px}dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Enlaces y miniaturas reales, completos y sin recorte. */
.video-card{display:flex;flex-direction:column;min-width:0;min-height:13.048636cqw;background:#101010;color:#fff;border:1px solid #292929;border-radius:.830368cqw;overflow:hidden}.video-image{position:relative}.content-cards .video-image img{width:100%;height:auto;aspect-ratio:720/404;object-fit:contain;border-radius:0}.video-duration{position:absolute;bottom:.355872cqw;right:.355872cqw;background:#000c;color:white;padding:.118624cqw .237248cqw;font-size:.830368cqw;line-height:1.3;border-radius:2px}.video-play{position:absolute;left:.830368cqw;top:.59312cqw;font-size:1.18624cqw;color:var(--lime);text-shadow:0 1px 3px #000}.video-title{font-size:1.067616cqw;font-weight:700;line-height:1.3;padding:.949cqw .711744cqw;display:block}.video-card:hover{outline:2px solid var(--lime);outline-offset:2px}.socials{gap:.830368cqw}
/* Subpágina Sobre mí: extensión de la identidad del mockup. */
.experience-page{font-size:18px;line-height:1.55}.experience-hero{display:grid;grid-template-columns:1.15fr 1fr;background:#101010;color:white;align-items:center;gap:0}.experience-hero>div{padding:60px 45px}.experience-hero .eyebrow{font-size:12px;line-height:18px;letter-spacing:2px}.experience-hero h1{font-size:clamp(32px,4.3vw,58px);line-height:1.05;letter-spacing:-1.5px;margin:0 0 25px;font-weight:900}.experience-hero h1 span{color:var(--lime)}.experience-hero p:not(.eyebrow){font-size:18px;line-height:1.5;max-width:480px;margin:0 0 25px}.experience-hero>img{width:100%;height:auto;object-fit:contain;align-self:end}.experience-page .button{font-size:14px;padding:13px 23px;min-height:45px;border-radius:40px;gap:9px}.experience-page .button span{font-size:20px}.experience-section{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;padding:65px 50px;border-bottom:1px solid #ddd}.experience-page .eyebrow{font-size:11px;line-height:18px;letter-spacing:2px;margin-bottom:17px}.experience-page h2{font-size:clamp(30px,3.5vw,45px);line-height:1.05;letter-spacing:-1.3px}.experience-body p{margin:0 0 18px;color:#333}.experience-body p:last-child{margin-bottom:0}.education-list{list-style:none;margin:0;padding:0}.education-list li{border-bottom:1px solid #ddd;padding:0 0 20px;margin-bottom:20px}.education-list li:last-child{margin-bottom:0;border:0;padding-bottom:0}.education-list span{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#555}.education-list h3{font-size:22px;line-height:1.2;margin:8px 0;font-weight:700}.education-list p{font-size:16px;margin:0;color:#555}.experience-collaborations{padding:65px 50px}.experience-collaborations>p:not(.eyebrow){margin:25px 0;font-size:18px;color:#444}.organization-list{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0}.organization-list li{background:#101010;color:white;border-radius:9px;padding:17px 22px;font-size:16px}.experience-philosophy{background:var(--blue);color:white;margin:0 32px;border-radius:14px;padding:45px}.experience-philosophy h2{font-size:55px}.experience-philosophy>p:not(.eyebrow){max-width:780px;font-size:19px;line-height:1.5;margin:20px 0 28px}
@media(max-width:700px){.video-card{border-radius:9px;min-height:145px}.video-title{font-size:12px;padding:11px 8px;line-height:1.3}.video-play{left:8px;top:5px;font-size:12px}.video-duration{bottom:3px;right:3px;padding:1px 3px;font-size:8px}.socials{gap:10px}.experience-hero{grid-template-columns:1fr}.experience-hero>div{padding:40px 24px 28px}.experience-hero h1{font-size:39px}.experience-hero p:not(.eyebrow){font-size:17px}.experience-hero>img{max-height:none;object-fit:contain}.experience-section{grid-template-columns:1fr;gap:26px;padding:40px 24px}.experience-page h2{font-size:36px}.experience-body p{font-size:17px}.education-list h3{font-size:21px}.experience-collaborations{padding:40px 24px}.experience-collaborations>p:not(.eyebrow){font-size:17px}.organization-list{gap:9px}.organization-list li{font-size:14px;padding:12px 15px}.experience-philosophy{margin:0 16px;padding:32px 24px}.experience-philosophy h2{font-size:44px}.experience-philosophy>p:not(.eyebrow){font-size:17px}}

/* Foto original completa y portadas del canal elegidas por Ale. */
.about{height:85.231317cqw}.portrait{top:0;width:56.821%;height:auto}.portrait img{width:100%;height:auto;object-fit:contain}.about-copy{top:50%;transform:translateY(-50%)}.experience-hero>img{width:100%;height:auto;object-fit:contain}.podcast{height:auto;grid-template-columns:1fr 1fr;gap:2.253855cqw;padding-top:2.609727cqw;padding-bottom:3.914591cqw}.podcast-copy{padding-top:0}.content-cards{grid-column:1/-1;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.18624cqw}.video-card{min-height:0}.content-cards .video-image img{aspect-ratio:720/404;object-fit:contain;width:100%;height:auto}.video-title{font-size:1.423488cqw;padding:1.18624cqw 1.18624cqw;line-height:1.4}.video-duration{font-size:1.067616cqw;right:.59312cqw;bottom:.59312cqw}.video-play{font-size:1.660735cqw;left:1.18624cqw;top:1.18624cqw}
@media(max-width:700px){.about{height:auto}.portrait{top:auto;left:auto;width:100%;height:auto}.about-copy{top:auto;transform:none}.podcast{height:auto;grid-template-columns:1fr;gap:18px;padding:20px 0 34px}.content-cards{grid-column:auto;grid-template-columns:1fr;gap:15px;max-width:500px;padding-top:7px}.video-title{font-size:16px;padding:13px 15px}.video-duration{font-size:12px;right:7px;bottom:7px;padding:2px 5px}.video-play{font-size:23px;left:14px;top:12px}}

body.admin-bar .header{scroll-margin-top:32px}.wp-content{padding:45px;line-height:1.6}.wp-content h1{font-size:38px}

.nav-cta{white-space:nowrap;flex-wrap:nowrap}.nav-cta span{flex-shrink:0}.hero-art{mask-image:linear-gradient(90deg,transparent,#000 13%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 13%)}

/* Diseño adaptable: ancho completo, contenido fluido y alturas según el texto. */
.site{width:100%;max-width:none;overflow:clip}
.wrap{width:calc(100% - 64px);max-width:1280px}
.header,.nav-wrap{height:104px}
.nav-wrap{max-width:1440px;width:calc(100% - 64px);display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{position:static;flex-shrink:0}.brand img{width:76px;height:60px;object-fit:contain}
.header nav{position:static;font-size:16px;line-height:24px;gap:24px}
.header nav a{padding:12px 0}
.button{font-size:16px;line-height:22px;min-height:48px;padding:12px 26px;border-radius:48px;gap:12px;border-width:1px}
.button span,.text-link span{font-size:24px;line-height:1}
.nav-cta{position:static;width:auto;min-height:48px;font-size:15px;padding:12px 24px;flex-shrink:0}.nav-cta span{font-size:24px}
.hero{height:auto;min-height:clamp(560px,42vw,720px);background:linear-gradient(90deg,#121312,#1b1c1b);display:flex;align-items:center}
.hero-art{left:auto;right:0;top:0;width:52%;height:100%;background-size:cover;background-position:center;mask-image:linear-gradient(90deg,transparent 17%,#000 32%);-webkit-mask-image:linear-gradient(90deg,transparent 17%,#000 32%)}
.hero-content{width:calc(100% - 112px);max-width:1328px;margin-inline:auto;padding:64px 0 80px}
.eyebrow{font-size:13px;line-height:20px;letter-spacing:2px;margin-bottom:20px}
.hero h1{font-size:clamp(48px,4.8vw,76px);line-height:1.04;letter-spacing:-2px;width:auto;max-width:900px;margin:0 0 30px}
.hero h1 mark{padding:0 16px 6px;margin-left:-16px;border-radius:12px;white-space:normal}
.hero-copy{font-size:clamp(20px,1.7vw,25px);line-height:1.4;max-width:650px}
.about{height:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1440px;margin-inline:auto}
.portrait{position:static;width:100%;height:auto}.portrait img{width:100%;height:auto}
.about-copy{position:static;transform:none;width:auto;padding:64px 56px 64px 48px}
h2{font-size:clamp(40px,4vw,62px);line-height:1.02;letter-spacing:-1.6px}
.about-copy .eyebrow{margin-bottom:16px}.about p:not(.eyebrow){font-size:20px;line-height:1.45;margin-top:24px}.about p:not(.eyebrow)+p{margin-top:12px}.about .button{font-size:16px;min-height:48px;padding:12px 24px;margin-top:28px}
.learn{height:auto;padding-top:64px;padding-bottom:40px}
.section-intro{height:auto;grid-template-columns:1.35fr 1fr;gap:48px;padding:0;margin-bottom:36px}.section-intro h2{font-size:clamp(40px,4vw,62px);line-height:1.02}.section-intro>p{font-size:20px;line-height:1.45;max-width:480px;margin:36px 0 0}
.paths{gap:20px}.path{height:auto;min-height:270px;border-radius:16px;padding:36px 32px;border-width:1px}.path h3{font-size:29px;line-height:1.2;letter-spacing:-.5px;margin-bottom:14px}.path p{font-size:18px;line-height:1.45;margin:0 0 28px}.text-link{font-size:16px;line-height:24px;gap:12px}
.learn:after,.method:after{display:none}
.method{height:auto;grid-template-columns:1fr 1fr;gap:64px;padding:64px 0}.method .eyebrow{margin-bottom:20px}.method h2{font-size:clamp(42px,4.5vw,68px);line-height:1.02;letter-spacing:-1.8px}.large-copy{font-size:22px;line-height:1.4;margin-top:26px}.steps>div{grid-template-columns:130px 1fr;gap:24px;padding:24px 0;min-height:96px;border-width:1px}.steps>div:first-child{padding-top:12px}.steps dt{font-size:20px;line-height:1.4}.steps dd{font-size:18px;line-height:1.45;padding-left:24px;border-width:1px}
.podcast{height:auto;grid-template-columns:1fr 1fr;gap:32px 48px;padding:48px 0 64px}.podcast .eyebrow{margin-bottom:16px}.podcast h2{font-size:clamp(40px,3.8vw,58px);line-height:1.02;letter-spacing:-1.4px}.podcast-copy{padding:0}.podcast-copy p{font-size:19px;line-height:1.45;margin:0 0 24px}.podcast .button{font-size:16px;min-height:48px;padding:12px 24px;gap:12px}.podcast .button span{font-size:24px}
.content-cards{grid-column:1/-1;max-width:none;padding:0;gap:20px}.video-card{border-radius:12px}.video-title{font-size:17px;line-height:1.4;padding:18px}.video-duration{font-size:13px;right:8px;bottom:8px;padding:2px 5px}.video-play{font-size:22px;left:16px;top:12px}
.closing{height:auto;min-height:200px;width:calc(100% - 64px);margin-top:0;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto;gap:28px;padding:40px 32px 40px 150px;border-radius:16px}.closing-art{width:150px;height:150px;border-radius:16px 0 0 16px}.closing h2{font-size:28px;line-height:1.2;letter-spacing:-.6px}.closing p{font-size:16px;line-height:1.45}.closing .button{width:auto;min-height:48px;font-size:15px;padding:12px 24px;gap:12px;white-space:nowrap}
.footer{width:calc(100% - 64px);height:auto;min-height:190px;padding:48px 0;flex-wrap:wrap;gap:28px}.footer-brand{gap:18px}.footer-brand img{width:76px;height:64px;object-fit:contain}.footer-brand span{font-size:13px;line-height:1.4;white-space:normal;max-width:180px}.footer nav{flex-wrap:wrap;gap:16px;font-size:14px;line-height:22px}.socials{gap:14px;flex-wrap:wrap}.social{min-width:32px;min-height:44px}.social svg{width:24px;height:24px}
.experience-hero>div{padding:64px 56px}.experience-hero h1{font-size:clamp(40px,4.3vw,68px)}.experience-section,.experience-collaborations{max-width:1280px;margin-inline:auto}.experience-philosophy{max-width:1280px;margin-inline:auto;width:calc(100% - 64px)}
@media(max-width:1100px){
 .header,.nav-wrap{height:88px}.nav-wrap{width:calc(100% - 48px)}.brand img{width:64px;height:52px}.nav-cta{margin-left:auto;margin-right:64px}
 .menu-toggle{position:absolute;right:0;top:22px;display:flex;flex-direction:column;gap:7px;padding:13px;background:none;border:1px solid #555;border-radius:8px;min-width:46px;min-height:44px}.menu-toggle span{width:22px;height:2px;background:#fff}
 .header nav{display:none;position:absolute;left:-24px;right:-24px;top:88px;background:#151515;border-top:1px solid #444;padding:16px 24px 24px;flex-direction:column;align-items:stretch;gap:0;font-size:17px;line-height:24px}.header nav.open{display:flex}.header nav a{padding:13px 4px}
 .hero-content{width:calc(100% - 64px)}.hero h1{font-size:clamp(42px,5.9vw,64px);max-width:740px}.hero-copy{max-width:550px}
 .about-copy{padding:36px 32px}.about h2{font-size:clamp(36px,4.8vw,52px)}.about p:not(.eyebrow){font-size:18px}
 .path{padding:28px 24px}.path h3{font-size:25px}.path p{font-size:17px}.method{gap:36px}.steps>div{grid-template-columns:105px 1fr;gap:16px}.steps dd{padding-left:16px}
 .closing{padding-left:110px;grid-template-columns:1.4fr 1fr;gap:24px}.closing-art{width:110px;height:140px}.closing .button{grid-column:2;justify-self:start}.closing h2{grid-row:1/3}.footer nav{order:3;flex-basis:100%}
 .experience-hero>div{padding:40px 32px}.experience-section{gap:32px;padding:48px 32px}
}
@media(max-width:700px){
 .wrap{width:calc(100% - 40px)}.header,.nav-wrap{height:78px}.nav-wrap{width:calc(100% - 40px)}.brand img{width:60px;height:48px}.nav-cta{display:none}.menu-toggle{top:17px}.header nav{top:78px;left:-20px;right:-20px}
 .hero{min-height:0;display:block;background:#151515}.hero-art{top:auto;bottom:0;width:100%;height:310px;left:auto;right:0;background-size:contain;background-position:right bottom;opacity:1;z-index:-1;mask-image:linear-gradient(90deg,transparent 17%,#000 32%);-webkit-mask-image:linear-gradient(90deg,transparent 17%,#000 32%)}
 .hero-content{width:100%;padding:40px 24px 300px;max-width:none;background:linear-gradient(180deg,#151515 0%,#151515 42%,transparent 75%)}.eyebrow{font-size:11px;line-height:17px;letter-spacing:1.6px;margin-bottom:18px}.hero h1{font-size:clamp(30px,7.5vw,50px);line-height:1.08;letter-spacing:-1px;width:auto;max-width:none;margin-bottom:24px}.hero h1 mark{padding:0 8px 4px;margin-left:-8px;border-radius:8px}.hero-copy{font-size:18px;line-height:1.45;max-width:460px}
 .about{display:flex;flex-direction:column}.portrait{width:100%;position:static}.about-copy{padding:32px 24px 44px}.about h2,h2{font-size:40px;line-height:1.06}.about-copy .eyebrow{margin-bottom:16px}.about p:not(.eyebrow){font-size:18px;line-height:1.45;margin-top:20px}.about .button{font-size:15px;padding:12px 22px;margin-top:24px}
 .button{font-size:15px;min-height:48px;padding:12px 22px;gap:10px}.button span,.text-link span{font-size:22px}
 .learn{padding:44px 0 24px}.section-intro{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.section-intro h2{font-size:38px;line-height:1.06}.section-intro>p{font-size:18px;line-height:1.45;margin:0;max-width:none}.paths{grid-template-columns:1fr;gap:16px}.path{min-height:220px;padding:30px 26px;border-radius:14px}.path h3{font-size:27px}.path p{font-size:18px;line-height:1.45;margin-bottom:24px}.text-link{font-size:16px;line-height:24px;min-height:44px}
 .method{grid-template-columns:1fr;padding:36px 0 40px;gap:28px}.method h2{font-size:42px;line-height:1.06;letter-spacing:-1.3px}.large-copy{font-size:19px;line-height:1.45;margin-top:22px}.steps>div{grid-template-columns:90px minmax(0,1fr);gap:14px;padding:22px 0;min-height:80px}.steps dt{font-size:17px}.steps dd{font-size:16px;line-height:1.45;padding-left:14px}.steps dd br{display:none}
 .podcast{grid-template-columns:1fr;gap:24px;padding:24px 0 44px}.podcast h2{font-size:38px;line-height:1.06}.podcast-copy p{font-size:18px;line-height:1.45}.podcast .button{font-size:15px;padding:12px 22px}.content-cards{grid-column:auto;grid-template-columns:1fr;gap:20px;max-width:none}.video-title{font-size:17px;padding:16px}.video-card{border-radius:12px}
 .closing{width:calc(100% - 32px);display:flex;min-height:0;gap:22px;padding:32px 24px;border-radius:14px}.closing h2{font-size:26px;line-height:1.2;max-width:none}.closing h2 br{display:none}.closing p{font-size:16px;line-height:1.5}.closing .button{font-size:15px;padding:12px 22px}.closing-art{width:150px;height:150px;right:-45px;left:auto;bottom:-35px;opacity:.2}
 .footer{width:calc(100% - 40px);padding:36px 0;gap:24px}.footer-brand{gap:14px}.footer-brand img{width:64px;height:54px}.footer-brand span{font-size:12px;max-width:160px}.footer nav{font-size:14px;gap:8px 18px}.footer nav a{padding:8px 0}.socials{gap:12px}.social{min-width:32px;min-height:44px}
 .experience-hero{grid-template-columns:1fr}.experience-hero>div{padding:40px 24px 32px}.experience-hero h1{font-size:clamp(34px,9vw,48px)}.experience-section{grid-template-columns:1fr;gap:26px;padding:40px 24px}.experience-collaborations{padding:40px 24px}.experience-philosophy{width:calc(100% - 32px);margin-inline:auto;padding:32px 24px}.experience-page h2{font-size:36px}.experience-philosophy h2{font-size:44px}
}
@media(max-width:360px){.hero-content{padding-inline:20px}.hero h1{font-size:27px;letter-spacing:-.7px}.hero-copy{font-size:17px}.about h2,h2,.section-intro h2,.podcast h2{font-size:34px}.method h2{font-size:38px}.about-copy{padding-inline:20px}.path{padding:26px 22px}.steps>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.steps dd{padding-left:10px}.experience-hero h1{font-size:32px}}

/* Escritorio: primera pantalla equilibrada y lectura con ancho limitado. */
@media(min-width:1101px){
 .wrap{width:calc(100% - 96px);max-width:1200px}
 .nav-wrap{max-width:1320px;height:96px;gap:24px}.header{height:96px}
 .header nav{gap:20px}.brand img{width:72px;height:56px}
 .hero{min-height:clamp(540px,65svh,700px)}
 .hero-content{width:calc(100% - 112px);max-width:1280px;padding:64px 0}
 .hero h1{font-size:clamp(58px,5.3vw,88px);max-width:940px;line-height:1.04}
 .hero-copy{font-size:clamp(21px,1.7vw,26px);max-width:650px}
 .hero-art{width:52%;background-size:contain;background-position:right center;mask-image:linear-gradient(90deg,transparent 17%,#000 32%),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 17%,#000 32%),linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in}
 .about{max-width:1320px;padding:48px 0;grid-template-columns:1fr 1fr;gap:24px}
 .portrait{display:flex;align-items:center;justify-content:center}
 .portrait img{width:auto;height:auto;max-width:100%;max-height:680px}
 .about-copy{padding:40px 48px 40px 24px}.about h2{font-size:clamp(44px,4vw,60px)}
 .about p:not(.eyebrow){font-size:19px;line-height:1.5}
 .section-intro>p,.path p{font-size:18px}.path{min-height:260px}
 .closing{width:calc(100% - 96px);max-width:1200px}
 .footer{width:calc(100% - 96px);max-width:1200px}
 .experience-hero{max-width:1320px;margin-inline:auto;min-height:640px}
 .experience-hero>img{width:auto;max-width:100%;max-height:720px;justify-self:center}
}

/* v1.0.4: figuras completas y escala amplia para escritorio. */
.hero{background:#171817 url('assets/hero-fondo.webp') center/100% 100% no-repeat;isolation:isolate}
.hero-art{background-image:url('assets/hero-figuras.png');background-size:contain;background-repeat:no-repeat;background-position:center;mask-image:none;-webkit-mask-image:none;mask-composite:add;-webkit-mask-composite:source-over;opacity:1;z-index:0}
.hero-content{background:none}
@media(min-width:1101px){
 .wrap{width:calc(100% - 112px);max-width:1440px}
 .hero{min-height:clamp(580px,43vw,780px)}
 .hero-content{max-width:1440px;padding:72px 0}
 .hero-art{top:24px;bottom:24px;right:24px;width:49%;height:calc(100% - 48px)}
 .hero h1{font-size:clamp(58px,4.9vw,88px);max-width:980px}
 .hero-copy{font-size:clamp(22px,1.7vw,28px)}
 .about{max-width:1480px;padding:72px 0;gap:40px}
 .portrait img{max-height:800px}
 .about-copy{padding:48px 48px 48px 24px}
 .about h2,.section-intro h2{font-size:clamp(52px,4.4vw,76px)}
 .about p:not(.eyebrow),.section-intro>p{font-size:22px;line-height:1.5}
 .learn{padding-top:88px;padding-bottom:64px}
 .section-intro{gap:64px;margin-bottom:48px}.section-intro>p{max-width:540px}
 .paths{gap:28px}.path{min-height:320px;padding:44px 36px}
 .path h3{font-size:34px}.path p{font-size:21px;line-height:1.5}
 .method{padding:88px 0;gap:80px}.method h2{font-size:clamp(56px,4.8vw,82px)}
 .large-copy{font-size:26px}.steps>div{min-height:120px;padding:30px 0;grid-template-columns:150px 1fr}.steps dt{font-size:23px}.steps dd{font-size:21px}
 .podcast{padding:72px 0 88px;gap:44px 64px}.podcast h2{font-size:clamp(50px,4.3vw,72px)}.podcast-copy p{font-size:22px}
 .content-cards{gap:28px}.video-title{font-size:20px;padding:22px}
 .closing{max-width:1440px;width:calc(100% - 112px);min-height:240px;padding:48px 40px 48px 170px;gap:32px}.closing h2{font-size:34px}.closing p{font-size:18px}.closing-art{width:170px;height:190px}
 .footer{max-width:1440px;width:calc(100% - 112px);padding:60px 0;min-height:220px}
}
@media(min-width:701px) and (max-width:1100px){.hero-art{top:24px;right:16px;width:48%;height:calc(100% - 48px)}}
@media(max-width:700px){
 .hero-art{top:auto;bottom:20px;right:12px;width:calc(100% - 24px);height:310px;z-index:0;background-position:center}
 .hero-content{padding-bottom:360px;background:none}
}

/* v1.0.5: lectura continua, contraste y footer simplificado. */
.method h2 .green{text-shadow:0 2px 2px rgba(0,0,0,.45),0 5px 14px rgba(0,0,0,.2)}
.footer{justify-content:space-between}
.footer-brand span{max-width:none;font-size:16px;font-weight:700}
@media(max-width:700px){.footer-brand span{font-size:14px}.footer{justify-content:flex-start}}

/* v1.0.6: dos líneas de apoyo en escritorio y podcast sin párrafo. */
@media(min-width:1101px){.hero-copy{width:min(48vw,780px);max-width:none;font-size:clamp(18px,1.6vw,25px);text-wrap:balance}.podcast-copy{align-self:center;justify-self:end}}

/* v1.0.7: móvil legible, sin figuras decorativas; escritorio con arte suave. */
@media(min-width:701px){.hero-art{opacity:.65}}
@media(max-width:700px){
 .hero-art,.closing-art,.learn:after,.method:after{display:none}
 .hero-content{padding:48px 24px 56px}
 .hero{min-height:0}
 .hero h1{font-size:clamp(36px,8.6vw,58px);line-height:1.1;letter-spacing:-.8px}
 .hero-copy{font-size:21px;line-height:1.5;max-width:none}
 .eyebrow{font-size:13px;line-height:1.5}
 .about h2,h2,.section-intro h2,.podcast h2{font-size:44px;line-height:1.08}
 .about p:not(.eyebrow),.section-intro>p,.path p,.large-copy{font-size:20px;line-height:1.5}
 .path h3{font-size:30px}.method h2{font-size:46px;line-height:1.08}
 .steps dt{font-size:19px}.steps dd{font-size:18px;line-height:1.5}
 .closing h2{font-size:29px}.closing p{font-size:18px}
 .video-title{font-size:19px}.button,.text-link,.podcast .button,.about .button{font-size:17px}
 .experience-hero h1{font-size:clamp(38px,9vw,52px)}
 .experience-page h2{font-size:40px}.experience-body p,.experience-hero p:not(.eyebrow),.experience-philosophy>p:not(.eyebrow),.experience-collaborations>p:not(.eyebrow){font-size:20px;line-height:1.5}
 .education-list h3{font-size:24px}.education-list p{font-size:18px}
}
@media(max-width:360px){.hero-content{padding-inline:20px}.hero h1{font-size:32px}.about h2,h2,.section-intro h2,.podcast h2{font-size:39px}.method h2{font-size:42px}.experience-hero h1{font-size:35px}}
