/* Familia: marco azul continuo, fotografías contenidas y relato con aire. */
.company-family-editorial,.home-history-editorial{--family-gutter:clamp(24px,5.6vw,100px);background:var(--blue);color:#fff;padding-inline:var(--family-gutter)}
.family-editorial-intro{max-width:1280px;padding:110px 0 60px;margin:auto}
.family-editorial-intro>.ref-label{color:#d2e1f7;font-size:16px}
.family-editorial-intro h2{color:#fff;font-size:clamp(50px,6vw,92px);max-width:1150px}
.family-editorial-intro>p{color:#e0eaf8;max-width:940px;font-size:22px}
.family-chapter-nav{border-top:4px solid #ffffff5c;gap:25px 60px;margin-top:50px}
.family-chapter-nav a,.family-chapter-nav a:hover{color:#fff}
.family-chapter-nav a:focus-visible{outline-color:#fff}
.company-story-chapter{width:100%;max-width:1280px;margin:auto;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:clamp(65px,6.5vw,110px);align-items:center;min-height:max(800px,95svh);padding:110px 0;background:transparent;scroll-margin-top:20px}
.story-chapter-photo{position:relative;min-height:0;height:auto;align-self:center;overflow:visible;background:transparent;max-width:520px;width:100%;margin:0}
.story-chapter-photo>img{position:static;width:100%;height:auto;object-fit:contain;object-position:center;aspect-ratio:auto}
.story-chapter-photo:after{display:none}
.story-chapter-photo figcaption{position:static;margin-top:20px;font-size:14px;line-height:1.5;color:#d2e1f7}
.story-chapter-copy,.story-successor .story-chapter-copy,.story-electronics .story-chapter-copy{padding:0;background:transparent;color:#fff}
.story-chapter-copy h3{font-size:clamp(58px,5.6vw,86px);color:#fff;line-height:1.03}
.story-chapter-copy .story-chapter-label{color:#d2e1f7;font-size:14px}
.story-chapter-copy h4{font-size:clamp(28px,2.8vw,39px);line-height:1.2}
.story-chapter-copy>p:not(.story-person-role){font-size:20px;line-height:1.65;color:#e7eef9}
.story-chapter-copy .story-person-role{color:#fff;margin-bottom:36px}
.story-chapter-copy .ref-link{color:#fff}
.company-story-chapter.reverse{grid-template-columns:minmax(0,1fr) minmax(0,.92fr)}
.company-story-chapter.reverse .story-chapter-photo{justify-self:end}
.company-story-chapter .electronics-photo{max-width:570px}
.story-chapter-anchor{scroll-margin-top:20px}
.family-name-finale{max-width:1280px;margin:auto;padding:100px 0 120px;background:transparent;gap:clamp(65px,6.5vw,110px);min-height:70svh}
.family-name-logo>img{max-width:570px}
.home-history-chapter{max-width:1280px;margin:auto;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:clamp(65px,6.5vw,110px);padding:110px 0;min-height:max(850px,100svh);align-items:center}
.home-history-photo{position:relative;min-height:0;height:auto;width:100%;max-width:520px;overflow:visible;background:transparent}
.home-history-photo>img{position:static;inset:auto;height:auto;width:100%;aspect-ratio:auto;object-fit:contain}
.home-history-photo:after{display:none}
.home-history-photo figcaption{position:static;margin-top:20px;font-size:14px;color:#d2e1f7}
.home-history-copy,.home-history-tosama .home-history-copy{padding:0;background:transparent;color:#fff}
.home-history-label{color:#d2e1f7;font-size:14px}
.home-history-copy h2{color:#fff;font-size:clamp(50px,5.8vw,90px);line-height:1.05}
.home-history-copy>p,.home-history-copy>p.home-history-lead{color:#e7eef9}
.home-history-copy>p.home-history-lead{font-size:24px;color:#fff}
.home-history-copy>.ref-link{color:#fff}
.home-history-tosama{grid-template-columns:minmax(0,1fr) minmax(0,.92fr)}
.home-history-family-visual{padding:0;background:transparent;min-width:0}
.home-history-family-label{font-size:clamp(28px,2.5vw,38px);margin-bottom:45px}
.home-history-portraits{gap:22px}
.home-history-family-caption{margin-top:30px}
@media(max-width:1100px) and (min-width:901px){
 .company-story-chapter,.company-story-chapter.reverse,.home-history-chapter,.home-history-tosama{gap:55px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .story-chapter-copy h3{font-size:64px}
 .story-chapter-copy>p:not(.story-person-role){font-size:19px}
 .home-history-copy h2{font-size:58px}
 .home-history-copy>p{font-size:19px}
 .home-history-portraits{gap:16px}
 .family-name-finale{gap:55px}
}
@media(max-width:900px){
 .family-editorial-intro{padding:80px 0 30px}
 .family-editorial-intro h2{font-size:clamp(40px,7.5vw,67px);line-height:1.1}
 .family-editorial-intro>p{font-size:20px}
 .family-chapter-nav{display:block;margin-top:40px}
 .family-chapter-nav a{display:flex;justify-content:space-between;font-size:20px;padding:14px 0}
 .company-story-chapter,.company-story-chapter.reverse{display:flex;flex-direction:column;align-items:stretch;gap:45px;min-height:0;padding:70px 0 90px;max-width:670px;scroll-margin-top:12px}
 .story-chapter-photo,.company-story-chapter.reverse .story-chapter-photo{order:0;min-height:0;height:auto;max-height:none;max-width:520px;align-self:center;width:100%}
 .company-story-chapter .electronics-photo{max-width:670px}
 .story-chapter-photo figcaption{font-size:13px;margin-top:16px}
 .story-chapter-copy,.company-story-chapter.reverse .story-chapter-copy{order:1;padding:0;width:100%;min-height:0}
 .story-chapter-copy h3{font-size:clamp(55px,10vw,80px)}
 .story-chapter-copy h4{font-size:32px}
 .story-chapter-copy>p:not(.story-person-role){font-size:19px}
 .story-chapter-copy .story-person-role{font-size:16px}
 .story-chapter-anchor{scroll-margin-top:12px}
 .family-name-finale{display:block;min-height:0;padding:60px 0 85px;max-width:670px}
 .family-name-logo>.ref-label{margin-bottom:35px}
 .family-name-copy{margin-top:65px}
 .family-name-copy h3{font-size:clamp(53px,10vw,78px)}
 .home-history-chapter,.home-history-tosama{display:flex;flex-direction:column;align-items:stretch;gap:45px;min-height:0;max-width:670px;padding:75px 0 90px}
 .home-history-photo{order:0;min-height:0;max-height:none;max-width:520px;height:auto;align-self:center}
 .home-history-photo figcaption{font-size:13px;margin-top:16px}
 .home-history-copy,.home-history-tosama .home-history-copy{padding:0;order:1}
 .home-history-copy h2{font-size:clamp(46px,8.7vw,74px)}
 .home-history-tosama .home-history-copy{order:0}
 .home-history-family-visual{order:1;padding:0;width:100%}
 .home-history-family-label{font-size:31px;margin-bottom:40px}
 .home-history-portraits{max-width:570px;width:100%;margin:auto;gap:18px}
}
@media(max-width:380px){.family-editorial-intro h2{font-size:36px}.story-chapter-copy h3{font-size:51px}.story-chapter-copy h4{font-size:29px}.home-history-copy h2{font-size:40px}.home-history-portraits{gap:14px}.home-history-portraits figcaption strong{font-size:17px}.home-history-portraits figcaption span{font-size:12px}}
