/* Homepage navigation and editorial hero. Existing inner pages retain their header. */
.jq-topbar--white { background:#fff; border-bottom:1px solid #e9e5e1; }
.jq-topbar--white .jq-topbar__inner { display:flex; justify-content:space-between; gap:32px; width:100%; max-width:none; margin:0; height:76px; padding-inline:32px; }
.jq-white-brand { position:relative; display:block; width:180px; height:66px; flex-shrink:0; }
.jq-brand-wordmark { display:block; width:180px; height:66px; filter:invert(1); clip-path:inset(0 0 0 32%); }
.jq-brand-symbol { position:absolute; left:0; top:13px; width:47px; height:40px; }
.jq-primary-nav { display:flex; align-items:center; gap:28px; }
.jq-primary-nav a,.jq-firm-menu summary { font-size:13px; font-weight:500; color:#302a26; text-decoration:none; cursor:pointer; }
.jq-primary-nav a:hover,.jq-firm-menu summary:hover { color:#92513e; }
.jq-primary-nav .jq-header-cta { background:#302a26; color:white; padding:13px 18px; border-radius:4px; display:flex; gap:14px; align-items:center; }
.jq-primary-nav .jq-header-cta:hover { background:#92513e; color:white; }
.jq-firm-menu { position:relative; }
.jq-firm-menu summary { list-style:none; display:flex; gap:8px; align-items:center; }
.jq-firm-menu summary::-webkit-details-marker { display:none; }
.jq-firm-menu > div { position:absolute; top:36px; right:0; min-width:230px; padding:12px; background:white; border:1px solid #e9e5e1; border-radius:6px; box-shadow:0 12px 30px #302a2610; display:grid; gap:4px; }
.jq-firm-menu > div a { padding:10px; }
.jq-topbar--white .jq-hamburger { color:#302a26; }
.jq-primary-nav a:focus-visible,.jq-firm-menu summary:focus-visible,.jq-hero-tabs button:focus-visible,.jq-hero-pause:focus-visible { outline:3px solid #92513e; outline-offset:4px; }
.jq-hero-stories { position:relative; display:grid; grid-template-columns:72px minmax(0,1fr); background:white; border-bottom:1px solid #e9e5e1; }
.jq-hero-rail { padding:40px 0 24px; display:flex; flex-direction:column; align-items:center; gap:26px; border-right:0; }
.jq-hero-tabs { display:flex; flex-direction:column; gap:4px; width:100%; }
.jq-hero-tabs button { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; border:0; border-radius:0 20px 20px 0; min-height:84px; background:var(--tab-bg); color:#191b35; font:500 10px var(--font); cursor:pointer; overflow:hidden; padding:12px 6px; }
.jq-hero-tabs svg { width:28px; height:28px; }
.jq-hero-tabs button[aria-selected=true] { background:#fff; color:#191b35; border-radius:0; }
.jq-hero-tabs button:hover { color:var(--tab-color); }
.jq-hero-tabs i { position:absolute; bottom:0; left:0; height:2px; width:0; background:var(--tab-color); }
.jq-hero-stories.is-playing [aria-selected=true] i { animation:jq-story-progress 7s linear forwards; }
@keyframes jq-story-progress { to { width:100%; } }
.jq-hero-pause { display:flex; align-items:center; gap:5px; background:none; border:0; font:500 16px var(--font); color:#71665e; cursor:pointer; padding:6px 0; }
.jq-hero-pause span { font-size:9px; }
.jq-hero-slides { min-width:0; }
[data-hero-slide][hidden] { display:none!important; }
.jq-hero-stories .jq-ade-hero { border:0; padding:52px 40px; }
.jq-hero-stories .jq-ade-layout { gap:40px; max-width:none; width:100%; margin:0; }
.jq-story-panel { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; padding:80px 64px; min-height:810px; width:100%; max-width:none; margin:0; animation:jq-story-appear .4s ease; }
.jq-story-copy h2 { font-size:clamp(38px,4vw,57px); line-height:1.12; letter-spacing:-2px; padding:0; font-weight:600; }
.jq-story-copy h2 em { font-style:normal; color:#92513e; }
.jq-story-copy .jq-story-lead { font-size:16px; line-height:1.85; color:#514a44; margin-top:26px; padding:0; max-width:480px; }
.jq-story-copy .jq-story-note { font-size:13px; line-height:1.8; color:#71665e; margin:18px 0 28px; padding:0; max-width:430px; }
.jq-story-copy .jq-btn { font-size:12px; padding:14px 20px; }
.jq-story-visual { position:relative; padding:42px 36px; border:1px solid #e7ddd4; border-radius:12px; background:linear-gradient(145deg,#fff,#faf7f2); }
.jq-story-number { display:block; font-size:72px; line-height:1; letter-spacing:-5px; color:#d7c6b8; margin-bottom:25px; }
.jq-story-visual h3 { padding:0; font-size:24px; line-height:1.3; font-weight:500; margin-bottom:30px; }
.jq-story-visual ol { list-style:none; margin:0; padding:0; }
.jq-story-visual li { display:flex; gap:20px; padding:24px 0; border-top:1px dashed #d8c8b9; }
.jq-story-visual li > span { font-size:12px; color:#92513e; padding-top:3px; }
.jq-story-visual strong { font-size:17px; font-weight:500; }
.jq-story-visual li p { font-size:13px; line-height:1.7; color:#71665e; margin-top:6px; padding:0; }
.jq-story-signature { display:block; font-size:8px; letter-spacing:1.3px; margin-top:24px; color:#796957; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@keyframes jq-story-appear { from { opacity:.3; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
#capabilities-b,#capacidades,#casos { scroll-margin-top:90px; }
@media(max-width:1100px) {
 .jq-topbar--white .jq-topbar__inner { gap:20px; padding-inline:24px; }
 .jq-primary-nav { gap:16px; }
 .jq-primary-nav a,.jq-firm-menu summary { font-size:12px; }
 .jq-hero-stories { grid-template-columns:72px minmax(0,1fr); }
 .jq-story-panel { padding:60px 32px; gap:32px; }
 .jq-hero-stories .jq-ade-layout { gap:24px; }
}
@media(max-width:900px) {
 .jq-topbar--white .jq-hamburger { display:block; margin-left:auto; }
 .jq-primary-nav { display:none; position:absolute; top:76px; left:0; right:0; background:white; border-bottom:1px solid #e9e5e1; padding:24px; flex-direction:column; align-items:stretch; gap:22px; max-height:calc(100dvh - 76px); overflow:auto; }
 .jq-topbar--white.is-open .jq-primary-nav { display:flex; }
 .jq-primary-nav a,.jq-firm-menu summary { font-size:15px; }
 .jq-firm-menu > div { position:static; margin-top:14px; box-shadow:none; }
 .jq-primary-nav .jq-header-cta { justify-content:center; }
 .jq-story-panel { grid-template-columns:1fr; min-height:0; padding:44px 28px; }
 .jq-story-copy h2 { font-size:44px; }
 .jq-hero-stories .jq-ade-hero { padding:44px 24px; }
}
@media(max-width:600px) {
 .jq-topbar--white .jq-topbar__inner { padding-inline:20px; height:72px; }
 .jq-primary-nav { top:72px; max-height:calc(100dvh - 72px); }
 .jq-hero-stories { display:flex; flex-direction:column; }
 .jq-hero-rail { padding:16px 16px 10px; border-right:0; border-bottom:1px solid #eee8e3; gap:8px; }
 .jq-hero-tabs { flex-direction:row; gap:6px; }
 .jq-hero-tabs button { flex:1; min-width:0; min-height:76px; border-radius:9px; font-size:9px; }
 .jq-hero-tabs svg { width:23px; height:23px; }
 .jq-hero-pause { align-self:flex-end; }
 .jq-story-panel { padding:40px 20px; gap:32px; }
 .jq-story-copy h2 { font-size:40px; letter-spacing:-1.3px; }
 .jq-story-visual { padding:28px 24px; }
 .jq-hero-stories .jq-ade-hero { padding-inline:20px; }
 .jq-hero-stories .jq-ade-copy h1 { font-size:40px; }
}
@media(prefers-reduced-motion:reduce) { .jq-story-panel { animation:none; } .jq-hero-stories.is-playing [aria-selected=true] i { animation:none; } }

@media(min-width:901px) { .jq-hero-slides,.jq-story-panel { min-height:840px; } }

/* Edge-aligned tabs share the white surface with the selected story. */
.jq-hero-tabs button > span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.jq-hero-tabs button:nth-child(1) { --tab-bg:#edf3fc; }
.jq-hero-tabs button:nth-child(2) { --tab-bg:#e7f2e7; }
.jq-hero-tabs button:nth-child(3) { --tab-bg:#fff0d7; }
.jq-hero-tabs button:nth-child(4) { --tab-bg:#eee3ff; }
.jq-hero-tabs svg { width:32px; height:32px; }
.jq-hero-pause { flex-direction:column; }
.jq-hero-stories .jq-hero > .jq-container { max-width:none; width:100%; margin:0; }
.jq-milestone-story { grid-template-columns:1.1fr 1fr 1fr; gap:36px; align-items:start; padding:64px 40px; }
.jq-milestone-story .jq-story-copy h2 { font-size:clamp(34px,3vw,48px); }
.jq-milestone-story .jq-story-lead { margin-top:22px; }
.jq-milestone-model { margin-top:28px; border-top:1px solid #e4d9ce; padding-top:22px; }
.jq-milestone-model h3 { font-size:17px; font-weight:600; padding:0; margin-bottom:16px; }
.jq-milestone-model ol { list-style:none; counter-reset:model; padding:0; margin:0; display:grid; gap:16px; }
.jq-milestone-model li { counter-increment:model; display:grid; grid-template-columns:24px 1fr; gap:12px; font-size:13px; line-height:1.7; color:#62574f; }
.jq-milestone-model li::before { content:'0' counter(model); color:#92513e; font-size:11px; padding-top:2px; }
.jq-milestone-model strong { display:block; font-weight:600; color:#302a26; }
.jq-milestone-list { padding:28px 24px; border-radius:12px; background:#faf7f4; border:1px solid #eee4db; }
.jq-milestone-list--goals { background:#f5f8f3; border-color:#e2eadc; }
.jq-milestone-list h3 { font-size:22px; font-weight:500; margin:0 0 10px; padding:0; }
.jq-milestone-list > p { font-size:12px; line-height:1.7; color:#75685d; padding:0; margin-bottom:20px; }
.jq-milestone-list ul { list-style:none; padding:0; margin:0; }
.jq-milestone-list li { position:relative; font-size:13px; line-height:1.65; color:#473e37; padding:13px 0 13px 17px; border-top:1px solid #e8dfd6; }
.jq-milestone-list li::before { content:''; position:absolute; left:0; top:22px; width:5px; height:5px; border-radius:50%; background:#b47a60; }
.jq-milestone-list--goals li::before { background:#708a62; }
@media(max-width:1100px) {
 .jq-milestone-story { grid-template-columns:1fr 1fr; gap:24px; padding:44px 28px; }
 .jq-milestone-story .jq-story-copy { grid-column:1/-1; }
 .jq-milestone-story .jq-story-lead { max-width:700px; }
 .jq-milestone-model ol { grid-template-columns:repeat(3,1fr); }
}
@media(max-width:600px) {
 .jq-hero-rail { padding:0 0 10px; }
 .jq-hero-tabs { gap:4px; }
 .jq-hero-tabs button { min-height:64px; border-radius:0 0 16px 16px; }
 .jq-hero-tabs svg { width:28px; height:28px; }
 .jq-hero-pause { flex-direction:row; margin-right:16px; }
 .jq-milestone-story { grid-template-columns:1fr; padding:36px 20px; }
 .jq-milestone-model ol { grid-template-columns:1fr; }
 .jq-milestone-story .jq-story-copy h2 { font-size:38px; }
}

/* Give the ADE headline more horizontal room without changing its type scale. */
@media(min-width:1101px) {
 .jq-hero-stories .jq-ade-layout { grid-template-columns:1.15fr 1fr; gap:48px; }
 .jq-hero-stories .jq-ade-copy h1 { max-width:850px; text-wrap:balance; }
}

/* Selected final composition: ADE first, photographic presentation in Milestones. */
#hero-a .jq-hero__intro h2 { font-size:clamp(38px,4vw,57px); line-height:1.12; letter-spacing:-2px; font-weight:600; padding:0; }
#metodologia,#practicas { scroll-margin-top:100px; }

/* Milestones: growth supported by a fragile organizational architecture. */
#hero-a { background:#fff url('images/hero-crecimiento-estructura.png') right center / cover no-repeat; }
#hero-a > .jq-container { width:55%; margin:0 auto 0 0; }
@media(max-width:900px) {
 #hero-a { flex-direction:column; background:#fff; }
 #hero-a > .jq-container { width:100%; }
 #hero-a::after { content:''; display:block; width:100%; height:clamp(220px,55vw,440px); margin-top:24px; background:url('images/hero-crecimiento-estructura.png') right center / auto 100% no-repeat; }
}

/* One sector per view, with manual needs navigation inside Milestones. */
.jq-carousel .jq-sector-card { flex:0 0 100%; min-width:0; }
.jq-carousel-btn:disabled { opacity:.35; cursor:default; }
#hero-a .jq-examples { display:block; height:auto; margin-top:32px; }
.jq-needs-tabs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:20px; }
.jq-needs-tabs button { background:#ffffffd9; border:1px solid #d9c9bd; border-radius:6px; padding:10px 12px; color:#5c4c40; font:500 12px var(--font); cursor:pointer; }
.jq-needs-tabs button[aria-selected=true] { background:#302a26; border-color:#302a26; color:white; }
.jq-needs-tabs button:focus-visible { outline:3px solid #92513e; outline-offset:3px; }
#hero-a .jq-rotator { min-height:220px; }
#hero-a .jq-group { position:static; opacity:1; transition:none; }
#hero-a .jq-group[hidden] { display:none; }
#hero-a .jq-examples-label { display:none; }
#hero-slide-2.jq-case-story { display:flex; align-items:center; min-height:840px; background:linear-gradient(90deg,rgba(18,24,26,.86),rgba(18,24,26,.62) 48%,rgba(18,24,26,.12)),url('images/caso-crecimiento-operacion.png') center / cover no-repeat; }
.jq-case-story .jq-story-copy { max-width:760px; }
.jq-case-story .jq-story-copy h2 { color:white; }
.jq-case-story .jq-ade-eyebrow { color:#e5c6b2; }
.jq-case-story .jq-story-copy .jq-story-lead { color:#fff; max-width:650px; }
.jq-case-story .jq-story-copy .jq-story-note { color:#e0dfdb; max-width:620px; }
.jq-case-story .jq-btn { background:#fff; color:#302a26; }
.jq-case-image-note { display:block; color:#d7d9d5; font-size:10px; margin-top:24px; }
@media(max-width:600px) {
 #hero-slide-2.jq-case-story { min-height:780px; padding:40px 24px; }
 .jq-case-story .jq-story-copy h2 { font-size:36px; }
 #hero-a .jq-rotator { min-height:0; }
 .jq-needs-tabs button { flex:1 1 100%; }
}

/* Official supplied lockup, framed from the reference without recreating lettering. */
.jq-white-brand { width:160px; height:52px; overflow:hidden; }
.jq-official-brand { position:absolute; width:550.24px; height:412.68px; max-width:none; left:-25.84px; top:-160px; }
.jq-hero-stories { grid-template-columns:60px minmax(0,1fr); }
.jq-hero-tabs button { min-height:68px; border-radius:0 16px 16px 0; }
.jq-hero-tabs svg { width:26px; height:26px; }
.jq-hero-tabs button[data-hero-tab="2"] { --tab-bg:#fff0d7; }
.jq-hero-tabs button[data-hero-tab="3"] { --tab-bg:#eee3ff; }
@media(max-width:600px) {
 .jq-hero-tabs button { min-height:56px; border-radius:0 0 12px 12px; }
 .jq-hero-tabs svg { width:24px; height:24px; }
}

/* More room for sector context; retain one card per carousel view. */
.jq-sectors__inner { grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); }
@media(max-width:900px) {
 .jq-sectors__inner { grid-template-columns:minmax(0,1fr); }
 .jq-sectors__inter { display:block; }
}

/* Extend the case image through its entire hero, including the navigation rail. */
.jq-hero-stories[data-active-story="2"] {
 background:linear-gradient(90deg,rgba(18,24,26,.86),rgba(18,24,26,.62) 48%,rgba(18,24,26,.12)),url('images/caso-crecimiento-operacion.png') center / cover no-repeat;
 background-color:#12181a;
 border-bottom-color:#263033;
}
.jq-hero-stories[data-active-story="2"] #hero-slide-2 { background:none; height:100%; }
.jq-hero-stories[data-active-story="2"] .jq-hero-rail { background:transparent; border-color:transparent; }
.jq-hero-stories[data-active-story="2"] [data-hero-tab="2"][aria-selected="true"] { background:transparent; color:#fff; }
.jq-hero-stories[data-active-story="2"] .jq-hero-pause { color:#e5ddd5; }

/* Case presentation shares the white canvas of the ADE hero and active tab. */
.jq-hero-stories[data-active-story="2"] { background:#fff; border-bottom-color:#e9e5e1; }
.jq-hero-stories[data-active-story="2"] #hero-slide-2 {
 background:linear-gradient(90deg,#fff 0%,#fff 36%,rgba(255,255,255,.94) 49%,rgba(255,255,255,.35) 69%,rgba(255,255,255,0) 85%),url('images/caso-crecimiento-operacion.png') right center / cover no-repeat;
}
.jq-hero-stories[data-active-story="2"] [data-hero-tab="2"][aria-selected="true"] { background:#fff; color:#191b35; }
.jq-hero-stories[data-active-story="2"] .jq-hero-pause { color:#71665e; }
.jq-case-story .jq-story-copy { max-width:650px; }
.jq-case-story .jq-story-copy h2 { color:#302a26; }
.jq-case-story .jq-ade-eyebrow { color:#92513e; }
.jq-case-story .jq-story-copy .jq-story-lead { color:#514a44; max-width:580px; }
.jq-case-story .jq-story-copy .jq-story-note { color:#71665e; max-width:560px; }
.jq-case-story .jq-btn { background:#302a26; color:#fff; }
.jq-case-image-note { color:#71665e; }
@media(max-width:900px) {
 .jq-hero-stories[data-active-story="2"] #hero-slide-2 {
  background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.92)),url('images/caso-crecimiento-operacion.png') center / cover no-repeat;
 }
}

/* Transparent needs navigation with a single underline indicator. */
.jq-needs-tabs { gap:18px; }
.jq-needs-tabs button { background:transparent; border:0; border-bottom:1px solid #cfc4bb; border-radius:0; padding:10px 0; color:#71665e; }
.jq-needs-tabs button[aria-selected=true] { background:transparent; border-color:#302a26; border-bottom-width:2px; color:#302a26; }
.jq-needs-tabs button:hover { color:#302a26; border-bottom-color:#302a26; }

/* Horizontal introduction, followed by a 40/60 method and practices layout. */
#capabilities-a .jq-capabilities__grid { display:block; }
.jq-capabilities-intro { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #e7ded7; }
.jq-capabilities-intro h2 { margin:0; }
.jq-capabilities-intro p { padding:0; max-width:570px; margin-bottom:20px; }
.jq-capabilities-intro .jq-btn { font-size:13px; }
#capabilities-a .jq-capabilities__cols { grid-template-columns:minmax(0,2fr) minmax(0,3fr); gap:56px; }
#capabilities-a .jq-capabilities__cols > div { min-width:0; }
#capabilities-a .jq-capabilities__cols h3 { margin-bottom:24px; }
#capabilities-a ol.jq-list { margin:0; }
#capabilities-a ol.jq-list li { padding:18px 0; }
#capabilities-a ol.jq-list li:first-child { padding-top:0; }
#capabilities-a ul.jq-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; list-style:none; padding:0; margin:0; }
#capabilities-a ul.jq-list li { display:flex; align-items:center; min-height:70px; padding:16px 0; }
#capabilities-a .jq-cap-link { width:100%; justify-content:space-between; }
@media(max-width:1100px) {
 .jq-capabilities-intro { gap:32px; }
 #capabilities-a .jq-capabilities__cols { gap:32px; }
}
@media(max-width:900px) {
 #capabilities-a .jq-capabilities__cols { grid-template-columns:minmax(0,1fr); gap:40px; }
}
@media(max-width:600px) {
 .jq-capabilities-intro { grid-template-columns:minmax(0,1fr); gap:20px; padding-bottom:32px; margin-bottom:32px; }
 #capabilities-a ul.jq-list { grid-template-columns:minmax(0,1fr); }
}

/* A white working wall: photographic process fragments connected by dotted arrows. */
.jq-hero-stories[data-active-story="2"] #hero-slide-2 {
 background:#fff url('images/caso-proceso-instantaneas.png') right center / contain no-repeat;
}
.jq-case-story .jq-story-copy { max-width:43%; }
.jq-case-story .jq-story-copy h2 { font-size:clamp(36px,3.3vw,48px); }
@media(max-width:1100px) {
 .jq-hero-stories[data-active-story="2"] #hero-slide-2 { display:flex; flex-direction:column; align-items:stretch; background:#fff; }
 .jq-case-story .jq-story-copy { max-width:100%; }
 .jq-hero-stories[data-active-story="2"] #hero-slide-2::after { content:''; display:block; width:100%; height:clamp(300px,45vw,520px); margin-top:32px; background:url('images/caso-proceso-instantaneas.png') right center / auto 100% no-repeat; }
}

/* Smaller process prints, with the white wall left open around the collage. */
.jq-hero-stories[data-active-story="2"] #hero-slide-2 {
 background-size:85% auto;
}
@media(max-width:1100px) {
 .jq-hero-stories[data-active-story="2"] #hero-slide-2::after { background-size:auto 82%; }
}

/* Alternative editorial layout: a horizontal route above a practice directory. */
.jq-capabilities-intro { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); padding-bottom:36px; margin-bottom:36px; }
#capabilities-a .jq-capabilities__cols { display:block; }
#capabilities-a .jq-capabilities__cols > div:first-child { margin-bottom:44px; }
#capabilities-a ol.jq-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border-top:1px solid #e7ded7; border-bottom:1px solid #e7ded7; }
#capabilities-a ol.jq-list li,#capabilities-a ol.jq-list li:first-child { padding:24px; border:0; border-right:1px solid #e7ded7; }
#capabilities-a ol.jq-list li:first-child { padding-left:0; }
#capabilities-a ol.jq-list li:last-child { border-right:0; }
#capabilities-a ol.jq-list li strong { display:block; margin-bottom:10px; }
#capabilities-a ul.jq-list { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 36px; }
@media(max-width:1000px) {
 #capabilities-a ol.jq-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #capabilities-a ol.jq-list li:nth-child(2) { border-right:0; }
 #capabilities-a ol.jq-list li:nth-child(3) { padding-left:0; }
 #capabilities-a ol.jq-list li:nth-child(-n+2) { border-bottom:1px solid #e7ded7; }
 #capabilities-a ul.jq-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 .jq-capabilities-intro { grid-template-columns:minmax(0,1fr); }
 #capabilities-a ol.jq-list { grid-template-columns:minmax(0,1fr); }
 #capabilities-a ol.jq-list li,#capabilities-a ol.jq-list li:first-child { padding:20px 0; border-right:0; border-bottom:1px solid #e7ded7; }
 #capabilities-a ol.jq-list li:last-child { border-bottom:0; }
 #capabilities-a ul.jq-list { grid-template-columns:minmax(0,1fr); }
}

/* Center the introduction and retain dividers only in the practice directory. */
.jq-capabilities-shell { border-top:0; }
.jq-capabilities-intro { display:block; text-align:center; border:0; padding-bottom:0; margin-bottom:48px; }
.jq-capabilities-intro p { max-width:760px; margin:20px auto 0; }
#capabilities-a ol.jq-list { border:0; }
#capabilities-a ol.jq-list li,#capabilities-a ol.jq-list li:first-child,#capabilities-a ol.jq-list li:nth-child(-n+2) { border:0; }

/* Color accents support each stage without adding borders or changing the type. */
.jq-method-icon { display:flex; align-items:center; justify-content:center; width:52px; height:52px; margin-bottom:18px; border-radius:14px; }
.jq-method-icon svg { width:30px; height:30px; }
.jq-method-icon--1 { color:#336b9b; background:#edf4fc; }
.jq-method-icon--2 { color:#3c7c62; background:#edf6ee; }
.jq-method-icon--3 { color:#ad7430; background:#fff4df; }
.jq-method-icon--4 { color:#7b5ca0; background:#f1eafa; }

/* Small line icons distinguish practices while leaving names prominent. */
#capabilities-a .jq-cap-link { display:grid; grid-template-columns:22px minmax(0,1fr) 12px; gap:12px; align-items:center; }
.jq-directory-icon { width:22px; height:22px; color:#527b9b; }
#capabilities-a ul.jq-list li:nth-child(4n+2) .jq-directory-icon { color:#59836b; }
#capabilities-a ul.jq-list li:nth-child(4n+3) .jq-directory-icon { color:#a47e43; }
#capabilities-a ul.jq-list li:nth-child(4n) .jq-directory-icon { color:#87709e; }

#capabilities-a #metodologia,
#capabilities-a #practicas { text-align:center; }

@media(min-width:901px) {
 .jq-sectors__inner { grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); }
}

/* FAQ artwork sits directly on the page with its native transparent background. */
.faq-left img { display:block; width:min(100%,360px); height:auto; margin:0 auto; }
.faq-item { border-bottom-color:#e7ded7; }
.faq-answer p { color:#62574f; }
.faq-question { color:#302a26; }
.faq-question:focus-visible { outline:3px solid #92513e; outline-offset:3px; }
.faq-item.active .faq-answer { max-height:none; }
@media(max-width:900px) { .faq-left img { width:220px; } }

/* Audience accordion: pastel text cards replace the original photographs. */
.jq-audience { background:#fff; }
.jq-audience__header { margin-bottom:32px; }
.jq-audience__header p { max-width:700px; margin:auto; }
.jq-audience-accordion { display:flex; gap:20px; align-items:stretch; max-width:1600px; margin:auto; }
.jq-audience-profile { --profile-bg:#edf3f7; --profile-ink:#4f6a7d; flex:1 1 0; min-width:0; display:grid; grid-template-columns:minmax(0,1fr); align-items:stretch; gap:0; background:var(--profile-bg); border:1px solid #dededb; border-radius:8px; }
.jq-audience-profile.is-expanded { flex-grow:2.2; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:0; }
.jq-profile-heading { margin:0; padding:0; min-width:0; display:flex; }
.jq-profile-trigger { display:flex; flex-direction:column; justify-content:center; gap:18px; width:100%; padding:26px 22px; border:0; border-radius:8px; background:transparent; color:#302a26; text-align:left; font-family:var(--font); cursor:pointer; }
#perfil-startups { --profile-bg:#edf2e8; --profile-ink:#5c704d; }
#perfil-pymes { --profile-bg:#faf1df; --profile-ink:#806329; }
#perfil-comercios { --profile-bg:#f5eae5; --profile-ink:#8a5e4c; }
.jq-audience-profile:hover,.jq-audience-profile:focus-within,.jq-audience-profile.is-expanded { border-color:var(--profile-ink); }
.jq-profile-trigger:focus-visible,.jq-profile-detail a:focus-visible { outline:3px solid #92513e; outline-offset:4px; }
.jq-profile-identity { display:flex; align-items:center; gap:10px; color:var(--profile-ink); }
.jq-profile-segment { font-size:16px; font-weight:600; line-height:1.5; }
.jq-profile-situation { font-size:22px; line-height:1.35; letter-spacing:-.3px; font-weight:400; overflow-wrap:break-word; }
.jq-profile-icon { display:block; width:28px; height:28px; flex-shrink:0; margin:0; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.jq-profile-affordance { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:8px; padding-top:0; font-size:13px; font-weight:500; color:var(--profile-ink); }
.jq-profile-toggle { font-size:24px; line-height:1; }
.jq-profile-detail { min-width:0; padding:26px 22px; border-left:0; align-self:stretch; display:flex; flex-direction:column; justify-content:center; }
.jq-profile-detail[hidden] { display:none; }
.jq-profile-detail h4 { margin:0 0 16px; padding:0; font-size:22px; line-height:1.4; font-weight:400; }
.jq-profile-detail p,.jq-profile-detail li { padding:0; font-size:15px; line-height:1.75; color:#62574f; }
.jq-profile-detail p { margin-bottom:20px; }
.jq-profile-detail ul { margin:0 0 20px; padding-left:18px; }
.jq-profile-detail li { margin-bottom:10px; }
.jq-profile-detail .jq-audience-link { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-block:10px; font-size:14px; line-height:1.5; font-weight:600; color:var(--profile-ink); text-decoration:underline; text-underline-offset:4px; }
@media(max-width:1200px) {
 .jq-audience-accordion { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:24px; }
 .jq-audience-profile,.jq-audience-profile.is-expanded { display:flex; flex-direction:column; gap:0; }
 .jq-profile-trigger { min-height:260px; }
 .jq-profile-detail { padding:24px; border-left:0; border-top:0; }
}
@media(max-width:600px) {
 .jq-audience-accordion { grid-template-columns:minmax(0,1fr); gap:20px; }
 .jq-profile-trigger { min-height:0; padding:24px; }
 .jq-profile-situation { font-size:24px; }
}

/* Improve readability of the ADE diagram on the first hero. */
.jq-ade-figure > figcaption > span:first-child { font-size:12px; letter-spacing:1.2px; }
.jq-ade-node-index { font-size:11px; letter-spacing:.6px; }
.jq-ade-node > strong { font-size:19px; }
.jq-ade-node > span:last-child { font-size:12px; line-height:1.6; }
.jq-ade-capital { font-size:13px; }
.jq-ade-hub > strong { font-size:28px; }
.jq-ade-hub > span:last-child { font-size:10px; }
.jq-ade-description > strong { font-size:16px; }
.jq-ade-description > p { font-size:14px; line-height:1.7; }
.jq-ade-map-hint { font-size:12px; }
@media(max-width:500px) {
 .jq-ade-figure > figcaption > span:first-child { font-size:10px; }
 .jq-ade-node-index { font-size:9px; }
 .jq-ade-node > strong { font-size:16px; }
 .jq-ade-node > span:last-child { font-size:11px; }
 .jq-ade-capital { font-size:11px; }
 .jq-ade-hub > strong { font-size:23px; }
 .jq-ade-hub > span:last-child { font-size:8px; }
}

.jq-hero-stories .jq-ade-copy .jq-ade-lead { max-width:none; width:100%; }

/* Software agents: a dotted studio backdrop inspired by the debate reference. */
#hero-a {
 background-color:#11171e;
 background-image:radial-gradient(ellipse at 82% 24%,rgba(76,107,171,.23),transparent 50%),radial-gradient(ellipse at 65% 90%,rgba(75,112,125,.13),transparent 55%),radial-gradient(circle,rgba(221,231,241,.38) .8px,transparent 1.5px),radial-gradient(circle,rgba(147,174,214,.23) .7px,transparent 1.4px);
 background-size:100% 100%,100% 100%,28px 28px,47px 43px;
 background-position:center,center,0 0,13px 19px;
 background-repeat:no-repeat,no-repeat,repeat,repeat;
}
#hero-a > .jq-container { width:min(100%,950px); }
#hero-a .jq-hero__intro h2 { color:#fff; }
#hero-a .jq-hero__intro p { color:#d6dde6; max-width:850px; }
#hero-a .jq-btn--dark { background:#fff; color:#17202b!important; }
#hero-a .jq-btn--dark:hover { background:#e2eaf2; }
#hero-a .jq-needs-tabs button { color:#bac6d3; border-bottom-color:#657181; }
#hero-a .jq-needs-tabs button[aria-selected=true] { color:#fff; border-bottom-color:#fff; }
#hero-a .jq-needs-tabs button:hover { color:#fff; }
#hero-a .jq-chip { color:#e4eaf1; background:rgba(17,23,30,.65); border-color:rgba(220,232,244,.24); }
#hero-a::after { display:none; }
@media(max-width:900px) {
 #hero-a { align-items:stretch; }
 #hero-a > .jq-container { width:100%; }
}

/* The active agents slide extends its studio treatment through navigation. */
.jq-agents-header .jq-topbar--white,
.jq-agents-active .jq-hero-stories {
 background-color:#11171e;
 background-image:radial-gradient(ellipse at 82% 24%,rgba(76,107,171,.23),transparent 50%),radial-gradient(circle,rgba(221,231,241,.38) .8px,transparent 1.5px),radial-gradient(circle,rgba(147,174,214,.23) .7px,transparent 1.4px);
 background-size:100% 100%,28px 28px,47px 43px;
 background-position:center,0 0,13px 19px;
 border-color:transparent;
}
.jq-agents-active #hero-a { background:transparent; }
.jq-agents-header .jq-primary-nav > a,
.jq-agents-header .jq-firm-menu summary,
.jq-agents-header .jq-topbar--white .jq-hamburger { color:#edf2f7; }
.jq-agents-header .jq-primary-nav .jq-header-cta { background:#fff; color:#17202b; }
.jq-agents-header .jq-primary-nav .jq-header-cta:hover { background:#e2eaf2; }
.jq-agents-header .jq-firm-menu > div { background:#17202b; border-color:#42505e; }
.jq-agents-header .jq-firm-menu > div a { color:#edf2f7; }
.jq-agents-active .jq-hero-rail { border-color:transparent; }
.jq-agents-active .jq-hero-pause { color:#d6dde6; }
.jq-agents-active .jq-hero-tabs button { background:rgba(255,255,255,.09); color:#d6dde6; }
.jq-agents-active .jq-hero-tabs button[aria-selected=true] { background:transparent; color:#fff; }
.jq-agents-header .jq-official-brand { filter:invert(1); mix-blend-mode:screen; clip-path:inset(0 0 0 79px); }
.jq-agents-header .jq-white-brand::after { content:''; position:absolute; left:0; top:7px; width:43px; height:43px; background:url('images/joqra-brand-reference.png') -25.84px -166.44px / 550.24px 412.68px no-repeat; }
@media(max-width:900px) { .jq-agents-header .jq-primary-nav { background:#11171e; border-bottom-color:#42505e; } }

.jq-ade-figure > figcaption > .jq-value-stripes { display:inline-flex; gap:4px; align-items:center; flex-shrink:0; }
.jq-value-stripes i { display:block; width:18px; height:5px; background:#92513e; }
.jq-value-stripes i:nth-child(2) { background:#c9a45c; }
.jq-value-stripes i:nth-child(3) { background:#54716a; }

/* Node canvas inspired by visual agent builders. */
.jq-hero-stories #hero-a { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:clamp(24px,3vw,56px); align-items:start; }
.jq-hero-stories #hero-a > .jq-container { width:100%; min-width:0; }
#hero-a .jq-hero__intro h2 { font-size:clamp(34px,3.5vw,53px); }
.jq-agent-workflow { width:85%; max-width:560px; min-width:0; margin:0 auto; padding:28px 0; color:#edf2f7; align-self:center; }
.jq-agent-workflow figcaption { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:16px; }
.jq-agent-workflow figcaption>span:first-child { font-size:10px; letter-spacing:1.5px; color:#b6c8d5; }
.jq-agent-workflow figcaption>span:last-child { font-size:10px; color:#9aaaba; }
.jq-agent-canvas { overflow-x:auto; padding-bottom:8px; opacity:.7; }
.jq-agent-graph { display:block; width:100%; min-width:0; height:auto; font-family:var(--font); }
.jq-agent-main-node rect { fill:#2a313bd9; stroke:#a6b0bc; stroke-width:2; }
.jq-agent-approval rect { fill:#302f2dd9; stroke:#bda472; stroke-width:2; }
.jq-agent-resource circle { fill:#242b3ad9; stroke:#8d96a9; stroke-width:2; }
.jq-agent-graph-title { fill:#f3f5f7; font-size:20px; font-weight:500; }
.jq-agent-graph-subtitle { fill:#aab9c8; font-size:12px; }
.jq-agent-graph-label { fill:#e7edf3; font-size:18px; font-weight:500; }
.jq-agent-port-label { fill:#a0aec1; font-size:12px; }
.jq-agent-graph-detail { fill:#a3b2c2; font-size:12px; }
.jq-agent-workflow-note { font-size:12px; line-height:1.8; color:#bac6d3; padding:16px 0 0; border-top:1px solid #43505f; margin-top:8px; }
.jq-agent-canvas:focus-visible { outline:2px solid #bda472; outline-offset:4px; }
@media(max-width:1100px) { .jq-hero-stories #hero-a { grid-template-columns:minmax(0,1fr); } .jq-agent-workflow { width:100%; max-width:620px; } }

@media(max-width:600px) { .jq-agent-graph { min-width:420px; } }

/* Shared editorial weight for home section headings and their supporting titles. */
.jq-home main :is(#cap-title,#cap-title-b,#casos-title,#sectores-title,#audience-title,#blog-title,#faq-title,#cta-title),
.jq-home main :is(#metodologia,#practicas,#route-title),
.jq-home #casos h3,
.jq-home #perspectivas h3{font-weight:400}

/* The case resource is an illustrative, manually controlled transformation. */
.jq-hero-stories[data-active-story="2"] #hero-slide-2 { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:40px; background:#fff; align-items:center; height:auto; padding:48px 32px; }
.jq-hero-stories[data-active-story="2"] #hero-slide-2::after { display:none; }
#hero-slide-2 .jq-story-copy { max-width:100%; }
.jq-transform { min-width:0; padding:28px; background:#fff; border:0; border-radius:0; color:#302a26; }
.jq-transform p,.jq-transform h3 { padding:0; margin:0; }
.jq-transform h3 { font-family:Georgia,"Times New Roman",serif; font-size:clamp(30px,2.6vw,40px); line-height:1.15; font-weight:400; letter-spacing:-.7px; }
.jq-transform-switch { display:flex; gap:4px; margin:22px 0; }
.jq-transform button { font:500 14px var(--font); cursor:pointer; }
.jq-transform-switch button { padding:10px 18px; border:1px solid #d8cec5; border-radius:4px; color:#62574f; background:transparent; }
.jq-transform-switch button[aria-pressed=true] { color:#92513e; background:#fff; border-color:#92513e; }
.jq-transform button:focus-visible { outline:3px solid #92513e; outline-offset:4px; }
.jq-transform-scene { position:relative; height:360px; isolation:isolate; }
.jq-transform [hidden] { display:none!important; }
.jq-transform-lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; z-index:-1; fill:none; stroke:#a4988d; stroke-width:1.4; }
.jq-transform[data-state=before] .jq-transform-lines { stroke-dasharray:4 5; }
.jq-transform-order,.jq-transform-stage,.jq-transform-owner { position:absolute; box-sizing:border-box; padding:12px 8px; text-align:center; border:1px solid #d8cec5; border-radius:6px; background:#fff; font-size:14px; line-height:1.45; transition:left 750ms ease,top 750ms ease,width 750ms ease; }
.jq-transform-order strong,.jq-transform-stage strong { display:block; font-weight:500; }
.jq-transform-order span,.jq-transform-stage>span { display:block; font-size:12px; color:#62574f; margin-top:4px; }
.jq-transform-order { width:23%; top:8px; }
.jq-transform-order--1 { left:0; top:18px; }
.jq-transform-order--2 { left:26%; }
.jq-transform-order--3 { left:51%; top:28px; }
.jq-transform-order--4 { left:77%; top:12px; }
.jq-transform-owner { width:44%; left:28%; top:155px; border-color:#92513e; background:#fff; }
.jq-transform-stage { width:28%; top:285px; }
.jq-transform-stage--1 { left:0; }.jq-transform-stage--2 { left:36%; }.jq-transform-stage--3 { left:72%; }
.jq-transform-signal { position:absolute; font-size:12px; line-height:1.5; color:#92513e; background:#fff; padding:4px; }
.jq-transform-signal--1 { left:0; top:115px; }.jq-transform-signal--2 { right:0; top:225px; }
.jq-transform[data-state=after] .jq-transform-order { top:8px; }
.jq-transform[data-state=after] .jq-transform-stage { width:23%; top:170px; }
.jq-transform[data-state=after] .jq-transform-stage--1 { left:0; }.jq-transform[data-state=after] .jq-transform-stage--2 { left:26%; }.jq-transform[data-state=after] .jq-transform-stage--3 { left:51%; }.jq-transform[data-state=after] .jq-transform-stage--4 { left:77%; }
.jq-transform .jq-transform-approval { position:absolute; top:295px; width:100%; text-align:center; font-size:13px; line-height:1.6; color:#71665e; }
.jq-transform .jq-transform-explanation { min-height:5.25em; font-size:14px; line-height:1.75; margin:12px 0 18px; }
.jq-transform-action { padding:12px 16px; border:1px solid #302a26; border-radius:4px; color:#302a26; background:#fff; }
.jq-transform-action:hover { color:#92513e; border-color:#92513e; background:#fff; }
.jq-transform-disclaimer { display:block; font-size:12px; line-height:1.6; color:#71665e; margin-top:16px; }
@media(max-width:1100px) { .jq-hero-stories[data-active-story="2"] #hero-slide-2 { grid-template-columns:minmax(0,1fr); padding:40px 24px; } }
@media(max-width:600px) {
 .jq-hero-stories[data-active-story="2"] #hero-slide-2 { padding:32px 16px; gap:28px; }
 .jq-transform { padding:22px 16px; }.jq-transform h3 { font-size:30px; }
 .jq-transform-scene { height:680px; }
 .jq-transform-order { width:46%; }.jq-transform-order--1 { left:0; top:0; }.jq-transform-order--2 { left:54%; top:12px; }.jq-transform-order--3 { left:0; top:100px; }.jq-transform-order--4 { left:54%; top:110px; }
 .jq-transform-owner { width:76%; left:12%; top:300px; }
 .jq-transform-signal--1 { top:230px; }.jq-transform-signal--2 { top:400px; }
 .jq-transform-stage { width:76%; left:12%; }.jq-transform-stage--1 { top:460px; }.jq-transform-stage--2 { top:540px; }.jq-transform-stage--3 { top:620px; }
 .jq-transform[data-state=after] .jq-transform-order--1,.jq-transform[data-state=after] .jq-transform-order--2 { top:0; }
 .jq-transform[data-state=after] .jq-transform-order--3,.jq-transform[data-state=after] .jq-transform-order--4 { top:80px; }
 .jq-transform[data-state=after] .jq-transform-stage { width:86%; left:7%; }
 .jq-transform[data-state=after] .jq-transform-stage--1 { top:190px; }.jq-transform[data-state=after] .jq-transform-stage--2 { top:300px; }.jq-transform[data-state=after] .jq-transform-stage--3 { top:410px; }.jq-transform[data-state=after] .jq-transform-stage--4 { top:520px; }
 .jq-transform .jq-transform-approval { top:625px; }
 .jq-transform .jq-transform-explanation { min-height:10.5em; }
}
@media(prefers-reduced-motion:reduce) { .jq-transform-order,.jq-transform-stage,.jq-transform-owner { transition:none; } }
/* Reveal the final stage once the existing cards have cleared its position. */
.jq-transform[data-state=after] .jq-transform-stage--4 { animation:jq-transform-arrive 800ms ease both; }
@keyframes jq-transform-arrive { 0%,94% { opacity:0; } 100% { opacity:1; } }
@media(prefers-reduced-motion:reduce) { .jq-transform[data-state=after] .jq-transform-stage--4 { animation:none; } }

/* Channel marks supplement the visible labels on the same white canvas. */
.jq-transform-switch button[aria-pressed=true] { box-shadow:inset 0 -3px 0 #92513e; font-weight:600; }
.jq-transform-order .jq-transform-channel:not([hidden]) { display:flex; align-items:center; justify-content:center; gap:4px; margin-top:6px; line-height:22px; }
.jq-transform-channel-icon { display:block; width:20px; height:20px; flex-shrink:0; }
.jq-transform-channel-icon--whatsapp { color:#187b46; }
.jq-transform-channel-icon--excel { color:#217346; }
.jq-transform-channel-icon--mail { color:#62574f; }

/* A borderless editorial canvas with larger serif titles. */
.jq-transform-switch button,.jq-transform-action,.jq-transform-order,.jq-transform-stage,.jq-transform-owner { border-radius:0; }
.jq-transform-order strong,.jq-transform-stage strong,.jq-transform-owner { font-family:Georgia,"Times New Roman",serif; font-size:18px; font-weight:400; line-height:1.35; }
.jq-transform-order strong { font-size:17px; }
.jq-transform-order span,.jq-transform-stage>span { font-size:13px; }

/* Readable hero eyebrows, scoped to the ADE and case introductions. */
#hero-slide-0 .jq-ade-eyebrow,#hero-slide-2 .jq-story-copy>.jq-ade-eyebrow { font-size:14px; line-height:1.6; font-weight:600; letter-spacing:1.2px; }