/* H3 Turismo — Sobre nós V17
   Header/footer seguem literalmente o front.
   Escopo exclusivo da página sobre.html. */

body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

.h3home-header,
.h3home-footer{
  font-family:var(--h3home-font,"Inter","Segoe UI",Roboto,Arial,sans-serif);
}

/* Conteúdo principal mais alinhado ao padrão do front */
main,
.about-main,
.sobre-main{
  width:min(1280px,calc(100% - 28px));
  margin-left:auto;
  margin-right:auto;
}

.about-card,
.value-card,
.mission-card,
.history-card,
.info-card{
  background:#fff!important;
  border:1px solid #DDE8F1!important;
  border-radius:18px!important;
  box-shadow:0 8px 24px rgba(7,62,121,.07)!important;
}

.about-card img,
.history-card img,
.sobre-main img,
.about-main img{
  max-width:100%;
  height:auto;
  object-fit:cover;
}

button,
.btn,
.cta,
.contact-btn{
  min-height:44px;
  border-radius:999px!important;
}

/* Zoom-in visual de ~10% apenas no desktop */
@media(min-width:1100px){
  main,
  .about-main,
  .sobre-main{
    width:min(1408px,calc(100% - 28px));
  }

  .hero,
  .about-hero,
  .sobre-hero{
    min-height:292px;
  }

  .hero h1,
  .about-hero h1,
  .sobre-hero h1{
    font-size:clamp(39px,4vw,55px)!important;
    line-height:1.03!important;
  }

  .hero p,
  .about-hero p,
  .sobre-hero p{
    font-size:15.4px!important;
    line-height:1.5!important;
  }

  h2{
    font-size:clamp(29px,2.5vw,42px);
  }

  .about-card,
  .value-card,
  .mission-card,
  .history-card,
  .info-card{
    border-radius:20px!important;
    padding:22px!important;
  }

  .about-card h3,
  .value-card h3,
  .mission-card h3,
  .history-card h3{
    font-size:20px!important;
  }

  .about-card p,
  .value-card p,
  .mission-card p,
  .history-card p,
  main p{
    font-size:15.4px;
    line-height:1.65;
  }

  .btn,
  .cta,
  .contact-btn{
    min-height:48px;
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

@media(max-width:900px){
  main,
  .about-main,
  .sobre-main{
    width:calc(100% - 30px);
  }
}

@media(max-width:600px){
  main,
  .about-main,
  .sobre-main{
    width:calc(100% - 24px);
  }

  .hero,
  .about-hero,
  .sobre-hero{
    min-height:175px!important;
    height:auto!important;
  }

  .hero h1,
  .about-hero h1,
  .sobre-hero h1{
    font-size:31px!important;
  }

  .hero p,
  .about-hero p,
  .sobre-hero p{
    font-size:13px!important;
  }

  .about-card,
  .value-card,
  .mission-card,
  .history-card,
  .info-card{
    border-radius:17px!important;
  }

  button,
  .btn,
  .cta,
  .contact-btn{
    min-height:44px;
  }
}

/* V18 — apresentação institucional */
.sobre-main{
  width:100%!important;
  margin:0!important;
  color:#073E79;
  background:#fff;
}
.about-shell{width:min(1180px,calc(100% - 42px));margin:0 auto}
.about-hero{
  min-height:510px;
  padding:62px 0;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:linear-gradient(135deg,#073E79 0%,#075CA5 100%);
}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:54px;align-items:center}
.about-hero-content{color:#fff}
.about-hero-media{margin:0;position:relative}
.about-hero-media::before{content:"";position:absolute;inset:-13px 13px 13px -13px;border:1px solid rgba(255,255,255,.28);border-radius:25px;pointer-events:none}
.about-hero-media img{width:100%;aspect-ratio:750/422;object-fit:cover;border-radius:22px;box-shadow:0 24px 55px rgba(1,29,53,.3)}
.about-eyebrow,.about-kicker{
  display:block;
  margin-bottom:12px;
  color:#63C9FF;
  font-size:12px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.about-kicker{color:#0874C9;margin-bottom:10px}
.about-hero h1{
  max-width:760px;
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(44px,5vw,66px);
  line-height:1;
  letter-spacing:-.045em;
  font-weight:850;
}
.about-hero p{
  max-width:720px;
  margin:0;
  color:rgba(255,255,255,.94);
  font-size:17px;
  line-height:1.65;
}
.about-section{padding:82px 0}
.about-story-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:84px;align-items:start}
.about-story-title{position:sticky;top:112px}
.about-story h2,.about-section-heading h2,.about-cta h2{
  margin:0;
  color:#073E79;
  font-size:clamp(31px,3.5vw,47px);
  line-height:1.08;
  letter-spacing:-.04em;
  font-weight:850;
}
.about-story-copy{padding-left:30px;border-left:3px solid #E3F0F9}
.about-story-copy p{margin:0 0 20px;color:#526F8A;font-size:16px;line-height:1.78}
.about-story-copy p:last-child{margin-bottom:0}
.about-values{padding:76px 0;background:#F3F8FD}
.about-section-heading{max-width:760px;margin-bottom:32px}
.about-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.about-value-card{
  min-height:260px;
  padding:30px!important;
  border:1px solid #DDE8F1!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(7,62,121,.06)!important;
}
.about-value-icon{
  width:52px;
  height:52px;
  margin-bottom:23px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:#0874C9;
  background:#EAF5FD;
  border:1px solid #D5E8F6;
}
.about-value-icon .h3home-icon{width:25px;height:25px}
.about-value-card h3{margin:0 0 11px;color:#073E79;font-size:20px;letter-spacing:-.025em}
.about-value-card p{margin:0;color:#66809B;font-size:14px;line-height:1.7}
.about-testimonials{padding:82px 0;background:#fff}
.testimonials-heading{margin-bottom:36px;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);gap:48px;align-items:end}
.testimonials-heading h2{margin:0;color:#073E79;font-size:clamp(31px,3.5vw,47px);line-height:1.08;letter-spacing:-.04em;font-weight:850}
.testimonials-heading>p{margin:0;color:#66809B;font-size:14px;line-height:1.7}
.testimonials-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.testimonial-card{
  grid-column:span 2;
  min-height:330px;
  padding:28px;
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
  border:1px solid #DDE8F1;
  border-radius:20px;
  background:linear-gradient(145deg,#FFFFFF 0%,#F8FBFE 100%);
  box-shadow:0 10px 28px rgba(7,62,121,.065);
}
.testimonial-card:nth-child(n+4){grid-column:span 3;min-height:290px}
.testimonial-card::before{content:"“";position:absolute;right:20px;top:-17px;color:#E4F1FA;font-family:Georgia,serif;font-size:104px;line-height:1;pointer-events:none}
.testimonial-top{min-height:27px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}
.testimonial-stars{color:#FF9B22;font-size:14px;letter-spacing:.09em;white-space:nowrap}
.testimonial-tag{padding:6px 9px;border-radius:999px;color:#0874C9;background:#EAF5FD;font-size:10px;font-weight:750;white-space:nowrap}
.testimonial-card blockquote{margin:0 0 24px;color:#355673;font-size:15px;line-height:1.72;font-style:normal;position:relative;z-index:1}
.testimonial-card footer{margin-top:auto;padding-top:18px;display:flex;align-items:center;gap:12px;border-top:1px solid #E4EDF5}
.testimonial-avatar{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:linear-gradient(145deg,#0874C9,#0759A0);font-size:12px;font-weight:850;letter-spacing:.03em}
.testimonial-card footer>span:last-child{display:grid;gap:2px}
.testimonial-card footer strong{color:#073E79;font-size:13px}
.testimonial-card footer small{color:#7990A5;font-size:11px}
.about-cta-section{padding:70px 0}
.about-cta{
  padding:40px 42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
  border-radius:24px;
  color:#fff;
  background:linear-gradient(125deg,#073E79,#0874C9);
  box-shadow:0 18px 42px rgba(7,62,121,.16);
}
.about-cta .about-kicker{color:#8EDBFF}
.about-cta h2{color:#fff;font-size:34px}
.about-cta p{margin:10px 0 0;color:rgba(255,255,255,.85);font-size:15px}
.about-cta a{
  min-height:52px;
  padding:0 23px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  flex:0 0 auto;
  border-radius:12px;
  color:#fff;
  background:#FF7A00;
  font-size:14px;
  font-weight:850;
  box-shadow:0 10px 23px rgba(255,122,0,.23);
}
.about-cta a:hover{background:#F17400;transform:translateY(-1px)}
.about-cta a .h3home-icon{width:19px;height:19px}

@media(max-width:900px){
  .about-shell{width:calc(100% - 30px)}
  .about-hero-grid{grid-template-columns:1fr;gap:34px}
  .about-hero{padding:55px 0}
  .about-hero-content{max-width:720px}
  .about-story-grid{grid-template-columns:1fr;gap:30px}
  .about-story-title{position:static}
  .about-story-copy{padding-left:24px}
  .about-values-grid{grid-template-columns:1fr 1fr}
  .about-value-card:last-child{grid-column:1/-1}
  .testimonials-heading{grid-template-columns:1fr;gap:16px}
  .testimonials-heading>p{max-width:700px}
  .testimonials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .testimonial-card,.testimonial-card:nth-child(n+4){grid-column:span 1;min-height:0}
  .testimonial-card:last-child{grid-column:1/-1}
  .about-cta{align-items:flex-start;flex-direction:column}
}

@media(max-width:600px){
  .about-shell{width:calc(100% - 24px)}
  .about-hero{min-height:0!important;padding:42px 0!important}
  .about-hero-grid{gap:27px}
  .about-eyebrow,.about-kicker{font-size:10px;margin-bottom:9px}
  .about-hero h1{font-size:36px!important;line-height:1.04!important}
  .about-hero p{font-size:14px!important;line-height:1.55!important}
  .about-hero-media::before{inset:-8px 8px 8px -8px;border-radius:19px}
  .about-hero-media img{border-radius:16px}
  .about-section{padding:52px 0}
  .about-story h2,.about-section-heading h2{font-size:29px}
  .about-story-copy{padding-left:18px}
  .about-story-copy p{font-size:14px;line-height:1.7}
  .about-values{padding:50px 0}
  .about-values-grid{grid-template-columns:1fr;gap:14px}
  .about-value-card:last-child{grid-column:auto}
  .about-value-card{min-height:0;padding:23px!important;border-radius:17px!important}
  .about-value-icon{width:46px;height:46px;margin-bottom:18px}
  .about-testimonials{padding:52px 0}
  .testimonials-heading{margin-bottom:25px}
  .testimonials-heading h2{font-size:29px}
  .testimonials-heading>p{font-size:13px}
  .testimonials-grid{grid-template-columns:1fr;gap:14px}
  .testimonial-card,.testimonial-card:nth-child(n+4),.testimonial-card:last-child{grid-column:auto;min-height:0;padding:22px;border-radius:17px}
  .testimonial-top{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:15px}
  .testimonial-card blockquote{font-size:14px;line-height:1.68}
  .about-cta-section{padding:42px 0}
  .about-cta{padding:28px 22px;border-radius:18px}
  .about-cta h2{font-size:27px}
  .about-cta p{font-size:14px;line-height:1.6}
  .about-cta a{width:100%}
}