.hub{width:100%;overflow:clip}
.hub-hero{width:min(100%,var(--max));min-height:650px;margin:auto;padding:clamp(4.5rem,8vw,8rem) var(--pad);display:grid;grid-template-columns:minmax(0,1.18fr) minmax(290px,.62fr);gap:clamp(3rem,8vw,8rem);align-items:center;border-inline:1px solid var(--line);border-bottom:1px solid var(--line)}
.hub-hero__copy h1{max-width:15ch;margin:.9rem 0 1.5rem;font:450 clamp(3.4rem,6.2vw,6.8rem)/.94 var(--sans);letter-spacing:-.065em}
.hub-hero__intro{max-width:57ch;margin:0 0 2rem;color:var(--muted);font-size:clamp(1.05rem,1.45vw,1.3rem)}
.hub-hero__visual{position:relative;min-height:430px;overflow:hidden;background:var(--petrol)}
.hub--personas .hub-hero__visual{background:var(--terracotta)}
.hub--tecnologia .hub-hero{background:linear-gradient(90deg,transparent 0 60%,rgba(32,62,73,.05) 60%)}
.hub-hero__amp{position:absolute;left:clamp(1.6rem,4vw,3.4rem);bottom:clamp(1.6rem,4vw,3.4rem);width:clamp(110px,15vw,190px);aspect-ratio:280/232;background:var(--terracotta);-webkit-mask:url("../svg/ampersand-historico-evolucionado.svg") center/contain no-repeat;mask:url("../svg/ampersand-historico-evolucionado.svg") center/contain no-repeat}
.hub--personas .hub-hero__amp{background:var(--paper)}
.hub-orbit{position:absolute;border:1px solid rgba(127,167,182,.62);border-radius:50%}
.hub-orbit--one{width:390px;height:390px;right:-150px;top:-80px}
.hub-orbit--two{width:250px;height:250px;right:-55px;top:25px}
.hub-jump{width:min(100%,var(--max));margin:auto;display:grid;grid-template-columns:1fr 1fr;border-inline:1px solid var(--line);border-bottom:1px solid var(--ink)}
.hub-jump a{padding:1.2rem var(--pad);font:560 12px/1.3 var(--sans);font-size:max(13px, 12px);letter-spacing:.04em;text-decoration:none}
.hub-jump a+a{border-left:1px solid var(--line)}
.hub-jump a:hover{background:var(--paper-2)}
.hub-statement{width:min(100%,var(--max));margin:auto;padding:clamp(2.3rem,4vw,4rem) var(--pad);border-bottom:1px solid var(--line);background:var(--sand)}
.hub-statement p{max-width:27ch;margin:0;font:370 clamp(1.8rem,3.4vw,3.5rem)/1.12 var(--serif);font-style:italic;letter-spacing:-.025em}
.hub-situations,.hub-services,.hub-journal{width:min(100%,var(--max));margin:auto;padding:clamp(4.5rem,7vw,7.2rem) var(--pad)}
.hub-section-intro{display:grid;grid-template-columns:minmax(210px,.45fr) minmax(0,1.55fr);gap:clamp(2rem,7vw,7rem);margin-bottom:clamp(2.5rem,5vw,5rem)}
.hub-section-intro h2{max-width:20ch;margin:0;font:450 clamp(2.2rem,4.1vw,4.3rem)/1.02 var(--sans);letter-spacing:-.052em}
.hub-section-intro>p:not(.eyebrow){max-width:48ch;margin:1rem 0 0;color:var(--muted)}
.hub-section-intro .text-link{width:max-content;align-self:end;margin-top:1.5rem}
.situation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--line)}
.situation-card{min-height:275px;padding:clamp(1.3rem,2.5vw,2.4rem);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.situation-card h3{max-width:21ch;margin:0 0 .9rem;font:530 clamp(1.25rem,1.9vw,1.7rem)/1.15 var(--sans);letter-spacing:-.028em}
.situation-card p{max-width:37ch;margin:0;color:var(--muted);font-size:.96rem}
.hub-services{display:grid;grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);gap:clamp(3rem,8vw,8rem);border-block:1px solid var(--ink);background:var(--paper-2)}
.hub-services .hub-section-intro{display:block;margin:0}
.service-list{border-top:1px solid var(--ink)}
.service-list .service-item{min-height:76px;padding:1rem 0;display:grid;grid-template-columns:1fr;align-items:center;border-bottom:1px solid var(--line)}
.service-list a.service-item{grid-template-columns:1fr auto;gap:1rem;color:inherit;text-decoration:none}
.service-list a.service-item>span{color:var(--terracotta);font:500 1rem/1 var(--sans)}
.service-list a.service-item:hover strong,.service-list a.service-item:focus-visible strong{color:var(--terracotta)}
.service-list strong{font:540 clamp(1rem,1.4vw,1.25rem)/1.25 var(--sans)}
.service-list small{color:var(--muted);font:570 9px/1.2 var(--sans);font-size:max(12px, 9px);letter-spacing:.1em;text-transform:uppercase}
.hub-method{width:min(100%,var(--max));margin:auto;padding:clamp(4.5rem,7vw,7rem) var(--pad);display:grid;grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);gap:clamp(3rem,8vw,8rem);background:var(--petrol);color:var(--paper)}
.hub-method h2{max-width:12ch;margin:.8rem 0 0;font:450 clamp(2.3rem,4vw,4.1rem)/1.02 var(--sans);letter-spacing:-.05em}
.hub-method ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--light-line)}
.hub-method li{padding:1.45rem 0;display:grid;grid-template-columns:minmax(170px,.55fr) minmax(0,1.45fr);gap:2rem;border-bottom:1px solid var(--light-line)}
.hub-method strong{font:560 1rem/1.35 var(--sans)}
.hub-method span{color:#cbd4d6}
.hub-journal .hub-section-intro{align-items:end}
.hub-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
.hub-articles article{min-height:230px;padding:1.7rem 1.5rem 1.5rem 0;border-bottom:1px solid var(--line)}
.hub-articles article+article{padding-left:1.5rem;border-left:1px solid var(--line)}
.hub-articles h3{margin:1rem 0;font:510 clamp(1.15rem,1.7vw,1.5rem)/1.18 var(--sans);letter-spacing:-.025em}
.hub-articles h3 a{text-decoration:none}
.hub-articles h3 a:hover{color:var(--terracotta)}
.hub-articles time{color:var(--muted);font:520 11px/1.3 var(--sans);font-size:max(13px, 11px)}
.hub-contact{width:min(100%,var(--max));margin:auto;padding:clamp(3rem,5vw,5rem) var(--pad);display:grid;grid-template-columns:1fr auto;align-items:center;gap:3rem;background:var(--terracotta);color:var(--paper)}
.hub-contact h2{max-width:15ch;margin:.7rem 0 1rem;font:450 clamp(2.2rem,4vw,4rem)/1.02 var(--sans);letter-spacing:-.05em}
.hub-contact p:not(.eyebrow){max-width:48ch;margin:0;color:#f2e5df}
@media(max-width:980px){.hub-hero{min-height:0;grid-template-columns:1fr}.hub-hero__visual{min-height:300px}.situation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-services,.hub-method{grid-template-columns:1fr}.hub-section-intro{grid-template-columns:1fr}.hub-articles{grid-template-columns:1fr}.hub-articles article+article{padding-left:0;border-left:0}}
@media(max-width:640px){.hub-hero{padding-top:3.2rem}.hub-hero__copy h1{font-size:clamp(2.7rem,13vw,4rem)}.hub-hero__visual{min-height:240px}.hub-jump{grid-template-columns:1fr}.hub-jump a+a{border-top:1px solid var(--line);border-left:0}.situation-grid{grid-template-columns:1fr}.situation-card{min-height:0}.hub-method li{grid-template-columns:1fr;gap:.5rem}.hub-contact{grid-template-columns:1fr}.hub-contact .button{width:100%}}

.hub-situations__fallback{grid-column:1/-1;margin:2rem 0 0;padding:1.25rem 0;border-top:1px solid currentColor}
.hub-situations__fallback a{display:inline-block;margin-left:.5rem}
/* Destacado discreto del contacto alternativo en Empresas */
.hub--empresas .hub-situations__fallback{margin-top:2rem;padding:1.25rem 1.5rem;background:var(--paper-2);border:1px solid var(--line);border-left:3px solid var(--terracotta);color:var(--ink)}
