/* High Tech - História: mesmos tokens, tipografia e botões do restante do site. */
.historia-page{background:#f6f8fb;color:#111a2a;font-family:'DM Sans',Arial,sans-serif}
.historia-page main{overflow:hidden}
.historia-page main section{scroll-margin-top:110px}
.historia-page .historia-container{max-width:1250px}
.historia-page h1,.historia-page h2,.historia-page h3,.historia-page .year,.historia-page .stat strong{font-family:Outfit,'DM Sans',sans-serif}
.historia-hero{padding:160px 0 100px;background:radial-gradient(circle at 80% 24%,#1c396577,transparent 38%),linear-gradient(137deg,#081321,#0c1f38);color:#fff}
.historia-hero .hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:clamp(30px,6vw,85px);align-items:center}
.historia-hero .historia-eyebrow{display:flex;align-items:center;gap:12px;color:#8fbaff;font-size:10px;font-weight:900;letter-spacing:.2em;margin-bottom:29px}
.historia-hero h1{font-size:clamp(54px,5.6vw,86px);line-height:1.04;letter-spacing:-.06em;margin:0;font-weight:800}
.historia-hero h1 em{font-style:normal;color:#73a9ff}
.historia-hero h1 span{display:block;margin-top:18px;font-size:clamp(29px,3vw,46px);font-weight:600;letter-spacing:-.04em;line-height:1.12;color:#f0f5ff}
.historia-hero .lead{font-size:16px;line-height:1.85;color:#bbcade;margin:25px 0 0;max-width:570px}
.historia-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.historia-hero .historia-button-secondary{border:1px solid #ffffff55;color:#fff}
.historia-hero .historia-button-secondary:hover{background:#ffffff16}
.historia-hero-photo{position:relative;background:#1a2c46;border:1px solid #ffffff26;box-shadow:0 30px 80px #0006;border-radius:18px 86px 18px 18px;overflow:hidden;max-width:650px}
.historia-hero-photo img{width:100%;height:475px;object-fit:cover;object-position:center;display:block}
.historia-hero-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(0deg,#07101dd8,transparent);pointer-events:none}
.historia-hero-photo .caption{position:absolute;z-index:1;bottom:0;left:0;padding:22px 25px;color:#fff;font-size:12px;font-weight:700;line-height:1.5}
.historia-page main > section:not(.historia-hero){padding:85px 0}
.historia-page .historia-timeline-section{background:#f5f7fb}
.historia-page .historia-photos-section,.historia-page .historia-today-section{background:#fff}
.historia-page .section-title{display:flex;gap:20px;margin-bottom:35px}
.historia-page .section-title h2{margin:0;font-size:clamp(35px,4vw,57px);line-height:1.13;letter-spacing:-.055em;font-weight:800}
.historia-page .section-title p{margin:14px 0 0;color:#69798e;max-width:780px;font-size:16px;line-height:1.8}
.historia-page .timeline{position:relative;display:grid;gap:27px}
.historia-page .timeline:before{content:'';position:absolute;left:22px;top:10px;bottom:10px;width:2px;background:#ccdaf1}
.historia-page .item{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;padding-left:58px;position:relative}
.historia-page .dot{position:absolute;left:12px;top:12px;width:23px;height:23px;border-radius:50%;background:#337bff;border:5px solid #dceafa;z-index:1}
.historia-page .year{font-size:29px;font-weight:900;color:#337bff;letter-spacing:-.05em;padding-top:7px}
.historia-page .card{background:#fff;border:1px solid #e1e8f1;border-radius:14px;padding:clamp(21px,3vw,34px);box-shadow:0 12px 40px #071e3b0a}
.historia-page .card h3{margin:0 0 12px;font-size:clamp(23px,2.5vw,31px);letter-spacing:-.04em;line-height:1.15}
.historia-page .item p{font-size:15px;line-height:1.85;color:#5c6b80;margin:0 0 12px}
.historia-page .item p.quote{border-left:3px solid #337bff;padding:9px 0 9px 18px;color:#263c5b;font-weight:700}
.historia-page .photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:22px}
.historia-page .photo-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.historia-page .photo{background:#fff;border:1px solid #e1e8f1;border-radius:10px;overflow:hidden;box-shadow:0 8px 25px #061a330a}
.historia-page .photo img{width:100%;height:240px;object-fit:cover;display:block}
.historia-page .photo small{display:block;padding:12px 14px;color:#5c6b80;font-size:12px;font-weight:700;line-height:1.55}
.historia-page .wide .photo img{height:305px}
.historia-page .compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.historia-page .compare .photo img{height:395px}
.historia-page .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.historia-page .stat strong{font-size:38px;font-weight:900;display:block;color:#337bff;letter-spacing:-.045em}
.historia-page .stat span{display:block;color:#56677d;font-size:12px;font-weight:800;margin-top:8px;line-height:1.4}
.historia-page .historia-ending-section{background:#f5f7fb}
.historia-page .final{padding:55px;max-width:1250px;border-radius:15px;background:linear-gradient(135deg,#07101d,#102d55);color:#fff}
.historia-page .final h2{margin:0 0 15px;font-size:clamp(36px,4vw,53px);font-weight:800;letter-spacing:-.045em}
.historia-page .final p{font-size:16px;color:#c6d6ed;line-height:1.8;max-width:890px;margin:0}
@media(max-width:1000px){.historia-hero .hero-grid{grid-template-columns:1fr 1fr;gap:30px}.historia-hero h1{font-size:clamp(47px,5vw,70px)}.historia-page .photo-grid{grid-template-columns:repeat(2,1fr)}.historia-page .stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.historia-hero{padding:128px 0 70px}.historia-hero .hero-grid{grid-template-columns:1fr}.historia-hero h1{font-size:clamp(44px,9vw,64px)}.historia-hero-photo img{height:350px}.historia-page main>section:not(.historia-hero){padding:60px 0}.historia-page .item{grid-template-columns:1fr;gap:10px;padding-left:45px}.historia-page .timeline:before{left:13px}.historia-page .dot{left:3px}.historia-page .year{font-size:25px}.historia-page .compare{grid-template-columns:1fr}.historia-page .compare .photo img{height:300px}.historia-page .final{padding:35px}}
@media(max-width:530px){.historia-hero h1{font-size:44px}.historia-hero h1 span{font-size:28px}.historia-hero .hero-actions{flex-direction:column}.historia-hero .button{justify-content:center}.historia-hero-photo img{height:290px}.historia-page .photo-grid,.historia-page .photo-grid.two,.historia-page .stats{grid-template-columns:1fr}.historia-page .photo img{height:230px}.historia-page .section-title h2{font-size:37px}.historia-page .card{padding:21px}}
@media(prefers-reduced-motion:reduce){.historia-page *{scroll-behavior:auto}}

/* Resguardo do layout da história contra seletores globais antigos */
.historia-page .historia-hero .hero-grid{width:min(1250px,calc(100% - 80px));margin-inline:auto}
.historia-page .historia-hero .historia-hero-photo{min-width:0}
.historia-page .historia-timeline-section .item{min-width:0}
.historia-page .historia-timeline-section .card{min-width:0}
.historia-page .historia-ending-section .final{margin-inline:auto}
@media(max-width:940px){.historia-page .historia-hero .hero-grid{width:min(100% - 44px,730px)}}
@media(max-width:620px){.historia-page .historia-hero .hero-grid{width:calc(100% - 36px)}}
