/* Ajustes finais para reproduzir fielmente o mockup editorial aprovado. */
.topbar{
  height:98px;
  padding:0 clamp(52px,5.2vw,80px);
}
.topbar .brand{font-size:24px;gap:13px}
.topbar .brand img{width:45px;height:45px}
.topbar nav{gap:48px}
.topbar nav a{font-size:16px}

.hero{
  height:620px;
  min-height:620px;
  padding:0 0 0 clamp(52px,5.2vw,80px);
  grid-template-columns:minmax(0,44.3vw) minmax(0,1fr);
  gap:0;
  align-items:center;
  background:#f9f7f4;
}
.hero__content{
  max-width:680px;
  align-self:start;
  padding:66px 24px 0 0;
}
.hero .eyebrow{font-size:12px;letter-spacing:.2em}
.hero h1{
  width:820px;
  max-width:none;
  margin:18px 0 24px;
  font-size:clamp(59px,4.95vw,76px);
  line-height:1.01;
  letter-spacing:-.06em;
  word-spacing:.08em;
  transform:scaleX(.82);
  transform-origin:left top;
}
.hero h1 .hero__line{color:var(--navy);white-space:nowrap}
.hero h1 .hero__line>span{color:var(--orange)}
.hero__content>p{
  max-width:590px;
  margin:0;
  color:#40536d;
  font-size:18px;
  line-height:1.75;
}
.hero__actions{margin:38px 0 50px}
.hero__actions .button{
  width:321px;
  min-height:66px;
  justify-content:space-between;
  padding:18px 28px;
  font-size:16px;
}
.trust{
  max-width:630px;
  min-height:80px;
  padding-top:18px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.trust>.trust__item{min-height:62px;padding:0 18px 0 0;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;color:inherit}
.trust>.trust__item+.trust__item{padding-left:18px}
.trust .trust__icon{position:static;width:58px;height:58px;border:1px solid #ff8066;background:transparent}
.trust__icon svg{width:42px;height:42px;overflow:visible;fill:none;stroke:var(--orange);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.trust__icon text{fill:var(--orange);stroke:none;font:700 9px Inovve,Arial,sans-serif;text-anchor:middle;text-transform:none;letter-spacing:0}
.trust__copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-transform:none;letter-spacing:0}
.trust .trust__copy b{margin:0 0 3px;color:var(--navy);font-size:23px;line-height:1}
.trust .trust__copy small{color:#40536d;font-size:9px;line-height:1.25;text-transform:uppercase;letter-spacing:.07em}

.hero__visual{
  position:relative;
  width:100%;
  height:603px;
  align-self:center;
}
.hero__collage{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:right center;
}

.principles{
  min-height:306px;
  padding:25px 48px 37px clamp(48px,5.2vw,80px);
  grid-template-columns:repeat(3,minmax(0,1fr)) minmax(210px,224px);
  gap:15px;
  align-items:stretch;
  background:#f3f0eb;
}
.principles article,
.principles article:first-child{
  min-height:244px;
  height:244px;
  padding:36px 24px 28px;
  display:grid;
  grid-template-columns:100px minmax(0,1fr);
  gap:17px;
  border:1px solid #e1ded8;
  border-radius:14px;
  box-shadow:0 10px 26px #071d400b;
}
.principles article::after{right:14px;bottom:10px;width:84px;height:60px}
.principles .service-card__icon{
  width:64px;
  height:64px;
  margin:0;
  align-self:start;
  transform:translateY(-6px);
}
.principles .service-card__icon svg{width:34px;height:34px}
.principles .service-card>div{min-width:0}
.principles h2{
  margin:4px 0 29px;
  padding-bottom:11px;
  font-size:26px;
  line-height:1.05;
}
.principles p{margin:0;font-size:13px;line-height:1.55}
.principles .service-card a{
  position:absolute;
  left:34px;
  bottom:20px;
  margin:0;
  font-size:30px;
}
.emergency-quick{
  width:100%;
  height:170px;
  min-height:0;
  padding:22px 20px;
  align-self:end;
  justify-content:flex-start;
  gap:0;
  border-radius:15px;
  background:#0b2b56;
}
.emergency-quick::before{content:none}
.emergency-quick__head{display:flex;align-items:center;gap:14px}
.principles .emergency-quick__icon{width:50px;height:50px;flex:0 0 50px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff}
.emergency-quick .emergency-quick__icon,.emergency-quick .emergency-quick__whatsapp{margin:0}
.emergency-quick__icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.emergency-quick__head strong{color:#fff;font-family:Inovve,Arial,sans-serif;font-size:15px;line-height:1.1}
.emergency-quick a{
  width:100%;
  margin-top:auto;
  padding-top:13px;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  white-space:nowrap;
}
.principles .emergency-quick__whatsapp{width:25px;height:25px;flex:0 0 25px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff}
.emergency-quick__whatsapp svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:1180px){
  .topbar{height:84px;padding:0 36px}
  .topbar .brand img{width:40px;height:40px}
  .hero{
    height:auto;
    min-height:640px;
    padding-left:36px;
    grid-template-columns:minmax(0,48%) minmax(0,52%);
  }
  .hero__content{padding-top:58px}
  .hero h1{width:700px;font-size:clamp(53px,5vw,62px);transform:scaleX(.84)}
  .hero__visual{height:520px}
  .principles{grid-template-columns:repeat(3,minmax(0,1fr));padding-left:36px;padding-right:36px}
  .principles article,.principles article:first-child{display:block;height:268px}
  .principles .service-card__icon{margin-bottom:18px}
  .principles .service-card a{bottom:26px}
  .emergency-quick{grid-column:1/-1;height:auto;min-height:92px;align-self:auto;flex-direction:row;align-items:center;padding:20px 26px}
  .emergency-quick__head{margin-right:auto}
  .emergency-quick a{width:auto;margin:0;padding:0 0 0 22px;border-top:0;border-left:1px solid #ffffff45;font-size:13px}
}

@media(max-width:900px){
  .topbar{height:70px;padding:0 24px}
  .topbar .brand{font-size:18px}.topbar .brand img{width:32px;height:32px}
  .hero{
    min-height:0;
    padding:54px 24px 46px;
    grid-template-columns:1fr;
  }
  .hero__content{max-width:none;padding:0}
  .hero h1{width:auto;font-size:clamp(45px,10.8vw,64px);transform:none}
  .hero h1 .hero__line{white-space:normal}
  .hero__actions{margin:34px 0 38px}
  .hero__actions .button{width:100%}
  .trust{max-width:none}
  .hero__visual{height:auto;margin-top:28px}
  .hero__collage{height:auto}
  .principles{grid-template-columns:1fr 1fr;padding:30px 24px 58px}
  .principles article,.principles article:first-child{height:auto;min-height:272px}
  .principles article:nth-child(3){grid-column:1/-1}
}

@media(max-width:620px){
  .hero h1{font-size:46px}
  .hero__content>p{font-size:16px;line-height:1.65}
  .hero__actions{margin-bottom:34px}
  .trust{display:grid;grid-template-columns:1fr}
  .trust>.trust__item{padding:12px 0;grid-template-columns:58px minmax(0,1fr)}
  .trust>.trust__item+.trust__item{padding-left:0;border-left:0;border-top:1px solid #d9dde3}
  .hero__visual{margin-left:-8px;margin-right:-8px}
  .principles{grid-template-columns:1fr}
  .principles article:nth-child(3),.emergency-quick{grid-column:auto}
  .principles article,.principles article:first-child{min-height:244px;display:grid;grid-template-columns:88px 1fr}
  .principles .service-card__icon{margin:0}
  .emergency-quick{height:auto;min-height:190px;flex-direction:column;align-items:flex-start}
  .emergency-quick__head{margin:0}
  .emergency-quick a{width:100%;margin-top:auto;padding:14px 0 0;border-left:0;border-top:1px solid #ffffff45}
}
