@font-face{font-family:Satoshi;src:url('/experiencia-live/assets/fonts/Satoshi-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Satoshi;src:url('/experiencia-live/assets/fonts/Satoshi-Black.woff2') format('woff2');font-weight:800;font-display:swap}
:root{color-scheme:dark;--bg:#1A1D24;--surface:#21252E;--raised:#2A2F3A;--border:#363C48;--text:#E8EAED;--muted:#98A0AD;--blue:#3E8EA5;--ochre:#C97B2E;--red:#E35160}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Satoshi,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button{border:1px solid var(--border);background:var(--surface)}button:hover,.button:hover{background:var(--raised)}a:hover{text-decoration:underline;text-underline-offset:5px}:focus-visible{outline:3px solid var(--text);outline-offset:5px}p,h1,h2,h3{margin:0}p{color:var(--muted)}h1,h2,h3{font-weight:400;line-height:1.1;letter-spacing:-.04em;text-wrap:balance}h1{font-size:clamp(48px,6.8vw,100px);max-width:1050px}h1 span{color:var(--muted)}h2{font-size:clamp(34px,4.3vw,60px);max-width:850px}h3{font-size:clamp(25px,2.7vw,38px)}header{max-width:1440px;margin:auto;padding:25px 5%;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;min-height:46px}.brand img{object-fit:contain;width:125px;height:auto}header nav{display:flex;gap:25px;margin-left:auto}header nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.language select{background:var(--bg);border:1px solid var(--border);border-radius:0;min-height:44px;padding:8px;max-width:92px}main{max-width:1440px;margin:auto}.hero{padding:75px 5% 60px}.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}.hero-bottom{display:flex;align-items:center;gap:50px;margin-top:35px;justify-content:space-between}.hero-bottom>p{max-width:650px;font-size:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:52px;padding:14px 20px;border:1px solid var(--border);font-size:14px;line-height:1.4;text-align:left}.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.primary:hover{background:var(--muted);color:var(--bg)}.hero .button{flex-shrink:0}.worlds{padding:0 5%}.section-head{margin-bottom:38px}.section-head>p:last-child{max-width:750px;margin-top:20px}.worlds>.section-head{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.world-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.world{background:var(--surface);border:1px solid var(--border);overflow:hidden}.world-0{grid-column:1/-1;display:grid;grid-template-columns:1.8fr 1fr}.world-media{position:relative;aspect-ratio:16/9;overflow:hidden;align-self:stretch}.world-0 .world-media{aspect-ratio:auto;min-height:390px}.world-media img,.world-media video{width:100%;height:100%;object-fit:cover;display:block}.world-media video{position:absolute;inset:0}.world-media video[hidden]{display:none}.film{position:absolute;left:16px;bottom:16px;min-height:44px;padding:9px 16px;background:var(--bg);font-size:13px;display:flex;gap:20px;align-items:center}.world-copy{padding:32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.world-copy .eyebrow{margin-bottom:18px}.world-copy>p:not(.eyebrow){margin-top:22px}.world-copy h3{font-size:clamp(29px,3.4vw,44px)}.text-link{display:inline-flex;gap:24px;min-height:44px;align-items:center;margin-top:23px;border-bottom:1px solid var(--border);font-size:14px}.caption{font-size:12px;line-height:1.65;margin-top:18px;max-width:900px}.section{padding:85px 5%;border-bottom:1px solid var(--border)}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.flow article{border-top:1px solid var(--border);padding-top:25px}.number{font-size:13px;color:var(--ochre)}.flow h3{margin:18px 0;font-size:28px}.connection{margin-top:55px;padding:35px;border:1px solid var(--border);display:grid;grid-template-columns:1fr 1.8fr;gap:25px}.connection h3{font-size:28px}.connections{grid-column:1/-1;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;padding-top:20px}.connections>*{border:1px solid var(--border);padding:12px 20px;font-size:13px}.connections strong{border-color:var(--blue);font-weight:400}.department-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}details{border:1px solid var(--border);background:var(--surface)}summary{display:flex;align-items:center;gap:16px;list-style:none;padding:24px;min-height:76px}summary::-webkit-details-marker{display:none}summary h3{font-size:22px;letter-spacing:-.02em}summary .index{font-size:12px;color:var(--muted)}.plus{font-size:26px;margin-left:auto;line-height:1}.department-grid details[open] .plus,.faq details[open] .plus{transform:rotate(45deg)}.detail-copy{padding:0 25px 28px}.detail-copy .label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-top:22px;color:var(--text)}.detail-copy p:not(.label){margin-top:6px}.proofs{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.proofs article{border-top:1px solid var(--border);padding-top:25px;display:flex;align-items:flex-start;flex-direction:column}.proofs h3{margin-bottom:20px}.proofs .text-link{margin-top:auto;padding-top:20px}.workbench{display:grid;grid-template-columns:1fr 1fr;gap:30px}form{display:flex;flex-direction:column;gap:20px}label{display:flex;flex-direction:column;gap:8px;font-size:14px}input,textarea,select{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:0;padding:12px;min-height:48px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-row select{font-size:13px}form .caption{margin:0}form .button{align-self:flex-start}#status{min-height:25px;font-size:13px;color:var(--text)}.result{background:var(--surface);border:1px solid var(--border);padding:32px;min-height:610px;overflow-wrap:anywhere}.result h3{font-size:28px}.result #result>p{margin-top:24px}.document-lines{margin-top:45px;display:grid;gap:30px}.document-lines i{border-top:1px solid var(--border);display:block;width:100%}.document-lines i:nth-child(even){width:70%}.result h4{font-weight:400;text-transform:uppercase;letter-spacing:.06em;font-size:11px;margin:24px 0 6px}.result ul{padding-left:20px;margin:8px 0;color:var(--muted);font-size:14px}.result-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.result-actions[hidden]{display:none}.result-actions .button{gap:0}.faq{max-width:1100px}.faq h2{margin-bottom:35px}.faq details{border:0;border-top:1px solid var(--border);background:transparent}.faq summary{padding:22px 0}.faq details>p{padding:0 30px 25px 0}.closing{padding:85px 5%;max-width:1000px}.closing p{margin:24px 0}.closing .email{display:block;width:max-content;min-height:44px;padding-top:15px;font-size:14px}.measurement{margin:0 5% 50px;padding:0 25px;background:transparent}.measurement summary{padding:20px 0;font-size:14px}.measurement>p{max-width:750px;font-size:14px}.measure-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.measure-actions button{padding:10px 14px;min-height:44px;font-size:13px}.measurement dl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.measurement dt{font-size:12px;color:var(--muted)}.measurement dd{font-size:32px;margin:8px 0}.measurement .caption{margin-bottom:20px}footer{border-top:1px solid var(--border);padding:25px 5%;display:flex;gap:25px;align-items:center;max-width:1440px;margin:auto;font-size:12px}footer p{margin-right:auto}footer a{min-height:44px;display:flex;align-items:center}.skip{position:absolute;left:20px;top:-100px;background:var(--text);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1000px){header nav{gap:15px}.world-0{grid-template-columns:1.35fr 1fr}.world-copy{padding:25px}.hero-bottom{gap:24px;align-items:flex-start;flex-direction:column}.world-0 .world-media{min-height:350px}.hero{padding-top:55px}}
@media(max-width:760px){html{scroll-padding-top:24px}header{padding:17px 6%;flex-wrap:wrap;gap:12px}.brand img{width:112px}header .language{margin-left:auto;order:1}header nav{order:2;width:100%;justify-content:space-between;margin:0;gap:5px;border-top:1px solid var(--border);padding-top:8px}header nav a{font-size:12px}.hero{padding:42px 6% 35px}h1{font-size:clamp(40px,10.8vw,72px)}.hero .eyebrow{font-size:10px}.hero-bottom{margin-top:24px}.hero-bottom>p{font-size:16px}.hero .button{width:100%;justify-content:space-between}.worlds{padding:0 6%}.world-grid{display:block}.world{margin-bottom:22px}.world-0{display:block}.world-media,.world-0 .world-media{aspect-ratio:16/9;min-height:0}.world-copy{padding:25px}.world-copy h3{font-size:33px}.world-copy .eyebrow{font-size:11px}.world-copy>p:not(.eyebrow){font-size:15px;margin-top:17px}.section{padding:55px 6%}.section-head{margin-bottom:28px}h2{font-size:35px}.flow,.department-grid,.proofs,.workbench{grid-template-columns:1fr}.flow{gap:25px}.flow h3{margin:10px 0}.connection{padding:24px;margin-top:30px;grid-template-columns:1fr}.connections{gap:7px}.connections>*{padding:8px 12px;font-size:11px}.proofs{gap:30px}.form-row{grid-template-columns:1fr}.result{padding:24px;min-height:520px}.result-actions{flex-direction:column}.workbench{gap:20px}.closing{padding:55px 6%}.closing .button{width:100%;justify-content:space-between}.measurement{margin:0 6% 35px;padding:0 18px}.measurement dl{grid-template-columns:1fr;gap:10px}.measurement dl>div{display:flex;justify-content:space-between;gap:20px;align-items:center}.measurement dd{font-size:25px}footer{flex-wrap:wrap;padding:20px 6%;gap:10px 25px}footer p{width:100%;margin:0}.eyebrow{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* El mismo encargo, presentado dentro de la ficha del recorrido. */
html[data-ficha]{color-scheme:light;--bg:#EEE9DF;--surface:#F6F3ED;--raised:#E4DFD6;--border:#C8C3BA;--text:#21252E;--muted:#515761;scroll-padding-top:24px}
html[data-ficha] body{background:var(--bg)}
html[data-ficha] header,html[data-ficha] footer,html[data-ficha] #mundos,html[data-ficha] .measurement,html[data-ficha] .closing{display:none!important}
html[data-ficha] .section,html[data-ficha] .hero{padding:32px 4%}
html[data-ficha] h1{font-size:clamp(32px,4.4vw,64px)}html[data-ficha] h2{font-size:clamp(28px,3vw,42px)}
html[data-ficha] details,html[data-ficha] input,html[data-ficha] textarea,html[data-ficha] select,html[data-ficha] .button,html[data-ficha] .connection{border-radius:16px}
html[data-ficha] .section-head{margin-bottom:24px}
/* Tres fichas distintas (23-sep-2026): cada una enseña SOLO lo suyo, sin el mismo héroe ni el mismo cierre. */
html[data-ficha] #preguntas{display:none!important}
html[data-ficha="cerebro"] #departamentos,html[data-ficha="cerebro"] #pruebas,html[data-ficha="cerebro"] #encargo{display:none!important}
html[data-ficha="departamentos"] .hero,html[data-ficha="departamentos"] #cerebro,html[data-ficha="departamentos"] #pruebas,html[data-ficha="departamentos"] #encargo{display:none!important}
html[data-ficha="pruebas"] .hero,html[data-ficha="pruebas"] #cerebro,html[data-ficha="pruebas"] #departamentos{display:none!important}
html[data-ficha] .proofs article{border:1px solid var(--border);border-radius:18px;padding:24px;background:var(--surface)}
@media(max-width:600px){html[data-ficha] .department-grid,html[data-ficha] .proofs,html[data-ficha] .flow,html[data-ficha] .workbench{grid-template-columns:1fr}html[data-ficha] .hero-bottom{display:block}html[data-ficha] .hero-bottom .button{margin-top:18px}}

html[data-ficha] body[data-base='/ia/encargo'],html[data-ficha] body[data-base='/ia/encargo'] .section{background:#EEE9DF;color:#21252E}html[data-ficha] body[data-base='/ia/encargo'] .section{margin-top:0;padding:32px 4%;border-radius:0}

/* Diseño editorial de la guía: imágenes pequeñas, títulos claros y entregables separados. */
html[data-ficha] h1,html[data-ficha] h2,html[data-ficha] h3{font-weight:800}
html[data-ficha] .guide-heading{display:grid;grid-template-columns:minmax(0,1fr) 220px;column-gap:32px;align-items:start;min-height:160px;padding-bottom:24px;border-bottom:1px solid #C8C3BA}
.guide-heading-image{display:none}html[data-ficha] .guide-heading-image{display:block;grid-column:2;grid-row:1/4;width:100%;height:150px;object-fit:cover;border-radius:22px}html[data-ficha] .guide-heading>p,html[data-ficha] .guide-heading>h2{grid-column:1}html[data-ficha] .guide-heading>.eyebrow{margin-bottom:12px;color:#266575}html[data-ficha] .guide-heading>p:last-child{margin-top:16px}
html[data-ficha] .department-grid{gap:18px}html[data-ficha] .department-grid details{border-radius:22px;border-color:#D6D0C6;overflow:hidden;transition:border-color .2s}html[data-ficha] .department-grid details[open]{border-color:#3E8EA5}html[data-ficha] .department-grid summary{padding:18px;gap:14px;position:relative;min-height:110px}html[data-ficha] .department-grid summary h3{font-size:20px;line-height:1.2;letter-spacing:-.025em}html[data-ficha] .department-grid .index{display:none}.department-thumb{display:none}html[data-ficha] .department-thumb{display:block;width:74px;height:74px;border-radius:15px;object-fit:cover;flex:none}html[data-ficha] .department-grid .plus{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#EEE9DF;flex:none}html[data-ficha] .detail-copy{padding:0 26px 26px;border-top:1px solid #D6D0C6;margin:0 18px}html[data-ficha] .detail-copy .label{font-weight:800;color:#266575}html[data-ficha] .text-link{font-weight:800}html[data-ficha] .result{border-radius:22px}html[data-ficha] .proofs h3{font-size:25px}html[data-ficha] .button{border-radius:999px}html[data-ficha] .hero{border-bottom:1px solid #C8C3BA}html[data-ficha] .flow article{padding:24px;border:1px solid #D6D0C6;border-radius:22px;background:#F6F3ED}
html[data-ficha="encargo"] .hero,html[data-ficha="encargo"] #cerebro,html[data-ficha="encargo"] #departamentos,html[data-ficha="encargo"] #pruebas{display:none!important}
@media(max-width:650px){html[data-ficha] .guide-heading{grid-template-columns:1fr 90px;gap:14px;min-height:100px}html[data-ficha] .guide-heading-image{height:90px;border-radius:16px}html[data-ficha] .guide-heading>h2,html[data-ficha] .guide-heading>p:last-child{grid-column:1/-1}html[data-ficha] .guide-heading>.eyebrow{min-height:75px;display:flex;align-items:center}html[data-ficha] .department-grid summary{gap:10px;padding:14px}html[data-ficha] .department-thumb{width:56px;height:64px}html[data-ficha] .department-grid summary h3{font-size:18px}html[data-ficha] .detail-copy{padding:0 10px 20px}}

.guide-brain-art{display:none}html[data-ficha="cerebro"] .hero{display:grid;grid-template-columns:1fr 260px;column-gap:32px;align-items:center}html[data-ficha="cerebro"] .guide-brain-art{display:block;grid-column:2;grid-row:1/3;width:100%;height:190px;object-fit:cover;border-radius:24px}html[data-ficha="cerebro"] .hero>.eyebrow,html[data-ficha="cerebro"] .hero>h1{grid-column:1}html[data-ficha="cerebro"] .hero-bottom{grid-column:1/-1}html[data-ficha="cerebro"] h1{font-size:clamp(32px,4vw,58px)}@media(max-width:650px){html[data-ficha="cerebro"] .hero{grid-template-columns:1fr 90px;gap:12px}html[data-ficha="cerebro"] .guide-brain-art{height:90px;grid-row:1}html[data-ficha="cerebro"] .hero>h1{grid-column:1/-1}}

/* PDF: el botón avisa mientras arma el documento. */
#download[aria-busy="true"],#brief button[type=submit][aria-busy="true"]{opacity:.6;cursor:progress}
