/* BAUMAN: edición comercial inspirada en el ritmo editorial del brochure de referencia. */
:root{--navy:#0a315f;--blue:#0b65b7;--cyan:#35b8e9;--ink:#18314a;--muted:#617387;--line:#dbe5eb;--pale:#f2f6f8}
body{font-family:'DM Sans',Arial,sans-serif;color:var(--ink)}
h1,h2,h3{font-family:Manrope,'DM Sans',Arial,sans-serif;letter-spacing:-.045em}
h2{font-size:clamp(2.25rem,3.65vw,3.6rem);font-weight:600;line-height:1.17}
h3{font-weight:600}
.eyebrow{font:700 .72rem/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.16em;color:var(--blue)}
.section-pad{padding-block:clamp(80px,8.3vw,128px)}
.site-header{height:82px;box-shadow:0 1px 0 #e8eef2}
.main-nav{gap:clamp(13px,1.8vw,29px);font-size:.76rem;letter-spacing:0}
.main-nav a{white-space:nowrap}
.header-tools{gap:0}
.hero,.hero-copy{min-height:clamp(630px,79svh,790px)}
.hero-static-photo{object-position:50% 43%}
.hero-image:after{background:linear-gradient(90deg,rgba(4,27,54,.96) 0%,rgba(4,27,54,.8) 29%,rgba(4,27,54,.29) 64%,rgba(4,27,54,.06) 100%)}
.hero-copy{padding-block:70px}
.hero-copy-inner{max-width:690px}
.hero .eyebrow{margin-bottom:28px}
.hero h1{font-family:Manrope,'DM Sans',Arial,sans-serif;font-size:clamp(3.2rem,4.25vw,4.55rem);line-height:1.1;font-weight:600;max-width:690px;margin-bottom:24px}
.hero-lead{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(1.12rem,1.4vw,1.32rem);line-height:1.55;max-width:550px;margin-bottom:36px}
.hero-actions .button{background:var(--cyan);color:var(--navy);min-height:54px;padding-inline:27px}
.hero-actions .text-link{font-size:.9rem}
.services{background:#fff}
.editorial-heading{max-width:930px;margin-bottom:46px}
.editorial-heading h2{margin-bottom:18px}
.editorial-heading>p:last-child{color:var(--muted);font-size:1.1rem;line-height:1.6;margin:0}
.areas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,31px)}
.area-card{min-width:0}
.area-image{height:clamp(290px,27vw,410px);overflow:hidden;background:#e6eef2}
.area-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s ease}
.area-card:nth-child(1) .area-image img{object-position:center 49%}
.area-card:nth-child(2) .area-image img{object-position:center 49%}
.area-card:nth-child(3) .area-image img{object-position:center 45%}
.area-card:hover .area-image img{transform:scale(1.025)}
.area-body{position:relative;padding:31px 0 0}
.area-icon{width:43px;height:43px;color:var(--blue);display:block;margin-bottom:19px}
.area-icon svg{display:block;width:100%;height:100%}
.area-body h3{font-size:clamp(1.35rem,1.6vw,1.75rem);line-height:1.25;margin:0 0 10px}
.area-body p{color:var(--muted);font-size:1rem;line-height:1.6;max-width:370px;margin:0}
.specialties{margin-top:55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.specialties summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px;cursor:pointer;color:var(--blue);font-size:.93rem;font-weight:700}
.specialties summary::-webkit-details-marker{display:none}
.specialties summary span{font-size:1.7rem;font-weight:400;line-height:1}
.specialties[open] summary span{transform:rotate(45deg)}
.specialties-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding:10px 0 34px}
.specialties-grid h3{font-size:.98rem;margin:0 0 8px}
.specialties-grid p{color:var(--muted);font-size:.89rem;line-height:1.65;margin:0}
.real-work{background:#eef3f6}
.real-work-heading{margin-bottom:40px}
.real-work-heading h2{max-width:620px}
.real-work-heading>p{font-size:1rem;max-width:390px}
.work-gallery{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:185px;gap:10px}
.work-gallery figure{grid-column:span 3;height:auto;min-height:0}
.work-gallery figure:first-child{grid-column:span 6;grid-row:span 2}
.work-gallery figure:nth-child(2),.work-gallery figure:nth-child(3){grid-column:span 3;grid-row:span 2}
.work-gallery figure img{transition:transform .7s ease}
.work-gallery figure:hover img{transform:scale(1.025)}
.work-gallery figcaption{font-size:.72rem;letter-spacing:0;font-weight:600;padding:27px 18px 13px}
.intro{background:#fff}
.intro-main{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px clamp(50px,7vw,120px)}
.intro h2{max-width:580px}
.intro-copy .large-copy{font-size:clamp(1.02rem,1.25vw,1.19rem);line-height:1.75}
.intro-copy>p:not(.large-copy){font-size:.97rem;line-height:1.75}
.intro-main .people-list{margin-top:18px}
.people-list>div{border-top:2px solid var(--cyan);padding-top:17px}
.people-list strong{font-family:Manrope,'DM Sans',Arial,sans-serif;font-size:1.06rem}
.figures{background:#eaf1f5;padding-block:64px 70px}
.figures h2{font-size:.73rem;letter-spacing:.18em;margin-bottom:36px;font-weight:700}
.figures-grid{gap:clamp(28px,4vw,70px)}
.figure{border-left:1px solid #bfd3df;padding-left:clamp(19px,2.5vw,40px)}
.figure:first-child{padding-left:0;border-left:0}
.figure strong{font-family:Manrope,'DM Sans',Arial,sans-serif;font-size:clamp(1.65rem,2.35vw,2.55rem);font-weight:600;letter-spacing:-.05em}
.figure p{font-size:.88rem;margin-top:9px}
.siba{background:#f7f9fa;color:var(--ink);padding-block:clamp(80px,8vw,125px)}
.siba:before{display:none}
.siba-grid{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(44px,6vw,90px)}
.siba .eyebrow{color:var(--blue)}
.siba h2{color:var(--ink);font-size:clamp(2.2rem,3.3vw,3.5rem);max-width:650px}
.siba .period{color:var(--cyan)}
.siba-copy .large-copy{color:var(--ink);font-size:1.1rem;line-height:1.7}
.siba-copy>div:last-child p:not(.large-copy){color:var(--muted);font-size:.98rem}
.siba .siba-demo-link{color:var(--blue);border-color:var(--blue);font-size:.89rem}
.portal-showcase{padding:18px 42px 50px 0}
.portal{filter:drop-shadow(0 20px 25px rgba(7,32,62,.12))}
.portal figcaption,.portal-mobile figcaption{color:var(--muted)}
.portal-mobile{width:155px}
.method{background:#fff;color:var(--ink);padding-block:65px 75px;border-top:1px solid var(--line)}
.method .eyebrow{color:var(--blue)}
.method h2{font-size:clamp(1.7rem,2.3vw,2.5rem);max-width:670px}
.steps{margin-top:38px;gap:clamp(18px,3vw,50px)}
.steps article{border-color:#cbdbe4}
.step-number,.steps article:last-child .step-number{color:var(--blue)}
.steps h3{font-size:1.03rem;margin-top:16px}
.steps p{color:var(--muted);font-size:.86rem}
.clients{min-height:550px;padding-block:90px}
.clients-visual:after{background:linear-gradient(90deg,rgba(4,29,59,.94),rgba(4,29,59,.7) 46%,rgba(4,29,59,.22))}
.clients-heading h2{font-size:clamp(2.55rem,3.5vw,3.7rem);max-width:740px}
.clients-copy{max-width:585px;margin-top:25px}
.clients-copy p{font-size:1.02rem}
.client-marquee[hidden],.client-pause[hidden]{display:none}
.contact{min-height:550px}
.contact-callout,.contact-details{padding-block:85px}
.contact-callout h2{font-size:clamp(2.2rem,3vw,3.3rem)}
.careers{padding-block:38px;background:#f4f7f9}
.careers-grid{align-items:center}
.careers .eyebrow{margin-bottom:10px}
.careers h2{font-size:1.45rem}
.careers-grid>div:last-child{display:flex;align-items:center;gap:24px}
.careers-grid>div:last-child p{font-size:.86rem;max-width:350px;margin:0}
.careers .button{white-space:nowrap;min-height:46px;padding-inline:18px;font-size:.77rem}
.motion-enhanced .reveal-observed{opacity:0;transform:translateY(16px);transition:opacity .58s ease,transform .58s ease}
.motion-enhanced .reveal-observed.is-visible{opacity:1;transform:none}
.motion-enhanced .areas-grid .area-card:nth-child(2){transition-delay:.08s}
.motion-enhanced .areas-grid .area-card:nth-child(3){transition-delay:.16s}
@media(max-width:1050px){
  .site-header{height:76px}
  .hero,.hero-copy{min-height:700px}
  .hero-copy{padding-inline:32px}
  .areas-grid{gap:18px}
  .area-image{height:320px}
  .area-body h3{font-size:1.3rem}
  .siba-grid{display:block}
  .siba-copy{margin-bottom:44px}
  .portal-showcase{max-width:860px;margin:auto}
  .careers-grid>div:last-child{display:block}
  .careers-grid>div:last-child p{margin-bottom:15px}
}
@media(max-width:760px){
  .wrap{width:min(100% - 40px,1360px)}
  .section-pad{padding-block:72px}
  .hero,.hero-copy{min-height:700px}
  .hero-copy{padding:62px 20px}
  .hero-image:after{background:linear-gradient(0deg,rgba(4,27,54,.96),rgba(4,27,54,.71) 49%,rgba(4,27,54,.12) 100%)}
  .hero-static-photo{object-position:59% 39%}
  .hero h1{font-size:clamp(2.35rem,7.8vw,3.4rem);max-width:550px}
  .hero-lead{font-size:1.03rem;max-width:450px}
  .areas-grid{grid-template-columns:1fr;gap:40px}
  .area-image{height:clamp(275px,67vw,440px)}
  .area-card:nth-child(1) .area-image img{object-position:center 43%}
  .area-body{padding-top:20px}
  .area-icon{width:36px;height:36px;margin-bottom:10px}
  .area-body h3{font-size:1.55rem}
  .area-body p{font-size:.98rem}
  .specialties{margin-top:42px}
  .specialties-grid{grid-template-columns:1fr;gap:25px}
  .work-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:170px;gap:8px}
  .work-gallery figure{grid-column:span 1;grid-row:span 1}
  .work-gallery figure:first-child{grid-column:span 2;grid-row:span 2}
  .work-gallery figure:nth-child(2),.work-gallery figure:nth-child(3){grid-column:span 1;grid-row:span 2}
  .work-gallery figure:last-child{grid-column:span 2;grid-row:span 1}
  .intro-main{grid-template-columns:1fr;gap:25px}
  .intro-main .people-list{margin-top:7px}
  .figures{padding-block:55px}
  .figures-grid{grid-template-columns:1fr;gap:0}
  .figure,.figure:first-child{border-left:0;padding:18px 0;border-top:1px solid #cbdbe4}
  .figure:last-child{border-bottom:1px solid #cbdbe4}
  .figure strong{font-size:clamp(1.65rem,6vw,2.15rem)}
  .siba{padding-block:74px}
  .siba h2{font-size:clamp(2.2rem,6vw,3rem)}
  .siba-copy .large-copy{font-size:1.02rem}
  .portal-showcase{padding:0}
  .method{padding-block:55px}
  .steps{grid-template-columns:1fr 1fr}
  .clients{min-height:550px;padding-block:75px}
  .clients-heading h2{font-size:clamp(2.2rem,7vw,3.1rem)}
  .clients-visual:after{background:linear-gradient(0deg,rgba(4,29,59,.96),rgba(4,29,59,.73) 70%,rgba(4,29,59,.48))}
  .contact{grid-template-columns:1fr}
  .contact-callout,.contact-details{padding:70px 20px}
  .careers{padding-block:43px}
  .careers-grid{grid-template-columns:1fr;gap:17px}
}
@media(max-width:600px){
  .site-header{height:74px}
  .hero,.hero-copy{min-height:710px}
  .hero h1{font-size:clamp(2.2rem,8.2vw,2.8rem);line-height:1.12}
  .hero .eyebrow{font-size:.65rem;letter-spacing:.14em;margin-bottom:22px}
  .hero-actions{gap:18px}
  .hero-actions .button{font-size:.82rem;padding-inline:22px}
  .hero-actions .text-link{font-size:.78rem}
  .real-work-heading>p{font-size:.94rem}
  .work-gallery{grid-auto-rows:145px}
  .work-gallery figcaption{font-size:.7rem}
  .intro h2{font-size:2.15rem}
  .portal-mobile{width:min(100%,310px)}
  .steps{grid-template-columns:1fr;gap:0}
  .steps article{padding-block:16px}
  .clients-copy p{font-size:.96rem}
  .careers .button{display:inline-flex}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .area-image img,.work-gallery figure img,.motion-enhanced .reveal-observed{transition:none;transform:none;opacity:1}
  .client-track{animation:none}
}