/* =========================
   HOME (escopo .page-home)
   ========================= */

/* SECTION 1 (Hero) */
.page-home .section-1>div{padding-left:40px;}
.page-home .section-1>div>h1{font-size:52px;color:#000;font-weight:700;line-height:1.4;}
.page-home .section-1>div>p{font-size:18px;color:#000;margin:4% 0 8%; width: 85%;}
.page-home .section-1>div>a{width:145px;height:45px;padding:1vh 0;}
.page-home .section-1>div>a:hover{animation:ease-out 3s;background:#fff;color:#000;border:.2px solid #000;}
.page-home .section-1>div.bg-image{background-image:url('../../img/section-one.png');min-height:300px;border-radius:0 0 0 50px;}

/* SECTION 2 (Slide logos) */
.page-home .section-2{height:200px;overflow:hidden;}
.page-home .section-2 .logos-carousel{display:flex;align-items:center;flex-wrap:nowrap;height:100%;}
.page-home .section-2 .logos-carousel > *{flex:0 0 auto;min-width:200px;height:100%;display:flex;align-items:center;justify-content:center;}
.page-home .section-2 .logos-carousel img{display:block;width:150px;height:auto;}
.page-home .animate-scroll{animation:scroll-left 40s linear infinite;height:100%;}
@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* SECTION 3 (Card rotativo) */
.page-home .section-3{min-height:650px;margin:8vh 0;}
.page-home .section-3 .bg-image{width:30vw;background-image:url('../../img/historia-section-one.png');background-position:center;border-radius:0 50px 50px 0;box-shadow:0 0 40px 0 rgb(0 0 0 / 10%);}
.page-home .section-3 #card-container{max-width:80vw;z-index:1;}
.page-home .section-3 .cardImage{object-fit:cover;object-position:50% 50%;width:100%;height:410px;}
.page-home .section-3 .cardContentText{padding:10% 5%!important;}
.page-home .section-3 .card-title{font-size:48px;font-weight:700;}

/* SECTION 4 (Conheça a Vexilom) */
.page-home .section-4{min-height:650px;padding:0 0 8vh;}
.page-home .section-4 .text-box{padding:15vh 15vh;}
.page-home .section-4 h2{color:#000;font-size:50px;font-weight:600;margin-bottom:30px;}
.page-home .section-4 p{font-weight:400;font-size:18px;margin-bottom:30px;text-align:justify;}
.page-home .section-4 .bg-image{background-image:url('../../img/section-four.jpg');background-repeat:no-repeat;border-radius:50px 0 0 50px;min-height:640px;box-shadow:0 0 40px 0 rgb(0 0 0 / 2%);}

/* SECTION 5 (Certificações) */
.page-home .section-5{padding:5% 15%;}
.page-home .section-5 .section-5-title-content{padding:5vh 0vh 3vh 0vh;}
.page-home .section-5 h2{font-size:50px;text-transform:uppercase;font-weight:800;}
.page-home .section-5 .section-5-title-content p{font-size: 24px;font-weight: 300;}
.page-home .card-hover{transition:transform .2s ease,box-shadow .2s ease;}
.page-home .card-hover:hover{transform:translateY(-5px);box-shadow:0 6px 16px rgba(0,0,0,.1);}
.page-home .card-icon{font-size:45px;color:var(--brand-gold);}

/* SECTION 6 (Informações + mapa) */
.page-home .section-6{min-height:800px;padding:10vh 10vh;}
.page-home .section-6>div>h2{font-size:33px;font-weight:700;text-transform: uppercase;}
.page-home .section-6 .location-text,.page-home .section-6 .hour-text{margin:5% 0;}
.page-home .section-6 small{font-size:16px;line-height:1.6;text-align:left;}

/* =================
   MOBILE (<= 767px)
   ================= */
@media (max-width:767.98px){
  .page-home .section-1{margin-top:5vh;padding-bottom:5vh;}
  .page-home .section-1>div{padding:10vh 5vh;}
  .page-home .section-1>div.bg-image{border-radius:0;}
  .page-home .section-1>div>p{width: 100%;}
  .page-home .section-1>div>h1 {font-size: 35px;}

  .page-home .section-3{padding:10% 0;}
  .page-home .section-3 .card-title{font-size:35px;}
  .page-home .section-3 .card-text{font-size:15px;}
  .page-home .section-3 .cardImage{height:260px;}
  .page-home .section-3 #card-container{max-width:100%;}

  .page-home .section-4{min-height:900px;padding:0 0 5vh;}
  .page-home .section-4 .text-box{padding:5vh 5vh;}
  .page-home .section-4 .bg-image{border-radius:0!important;border:none!important;min-height:320px;}
  .page-home .section-4 h2{font-size:35px;}
  .page-home .section-4 p{font-size:16px;}

  .page-home .section-5 h2{font-size:28px;}
  .page-home .section-6>div>h2{font-size:28px;}
  .section-6 p {font-size: 14px;}
  .page-home .section-6 small {font-size: 13px;}

  .page-home .section-6 .location-text, .page-home .section-6 .hour-text {margin: 10% 0;}

  /* slide logos mais compactas e anim mais rápida */
  .page-home .section-2{height:160px;}
  .page-home .section-2 .logos-carousel > *{min-width:130px;}
  .page-home .section-2 .logos-carousel img{width:100px;}
  .page-home .animate-scroll{animation-duration:20s;}
  @keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-300%)}}
}

/* ================
   TABLET (768–991)
   ================ */
@media (min-width:768px) and (max-width:991.98px){
  /* HERO */
  .page-home .section-1{margin-top:8vh;padding-bottom:4vh;}
  .page-home .section-1>div{padding:6vh 2vh!important;}
  .page-home .section-1>div>h1{font-size:36px;line-height:1.2;}
  .page-home .section-1>div>p{font-size:16px;margin:16px 0 28px; width: 100%;}
  .page-home .section-1>div.bg-image{min-height:420px;border-radius:0 0 0 36px;}

  /* SLIDE LOGOS */
  .page-home .section-2{height:170px;}
  .page-home .section-2 .logos-carousel > *{min-width:160px;}
  .page-home .section-2 .logos-carousel img{width:120px;}
  .page-home .animate-scroll{animation-duration:30s;}

  /* SECTION 3 */
  .page-home .section-3{margin:6vh 0;padding:6vh 0;}
  .page-home .section-3 .bg-image{width:34vw;border-radius:0 36px 36px 0;}
  .page-home .section-3 .card-title{font-size:38px;}
  .page-home .section-3 .card-text{font-size:16px;}
  .page-home .section-3 .cardImage{height:345px;}
  .page-home .section-3 .cardContentText{padding:8% 5%!important;}

  /* SECTION 4 – FIX (força 2 colunas lado a lado) */
  .page-home .section-4{flex-wrap:nowrap;gap:0;padding:0 2vh 6vh;align-items:stretch;}
  .page-home .section-4 > .col-12{flex:0 0 50%;max-width:50%;}
  .page-home .section-4 .text-box{display:flex;flex-direction:column;justify-content:center;padding:7vh 5vh;}
  .page-home .section-4 h2{font-size:40px;line-height:1.15;margin-bottom:16px;}
  .page-home .section-4 p{font-size:16px;margin-bottom:22px;text-align:justify;hyphens:auto;-webkit-hyphens:auto;}
  .page-home .section-4 .bg-image{min-height:440px;height:100%;border-radius:32px 0 0 32px;background-position:center right;overflow:hidden;}

  /* SECTION 5 */
  .page-home .section-5{padding:6% 8%;}
  .page-home .section-5 h2{font-size:36px;}
  .page-home .card-icon{font-size:40px;}

  /* SECTION 6 */
  .page-home .section-6{padding:6vh 4vh;}
  .page-home .section-6>div>h2{font-size:25px;}
  .page-home .section-6 small{font-size:13px;}
  .page-home .section-6 iframe{height:420px;}
  .section-6 p {font-size: 15px;}
}

/* =========
   DESKTOP +
   ========= */
@media (min-width:992px){
  /* opcional: limita altura da imagem da section-4 em telas médias/altas */
   .page-home .section-4 .bg-image{max-height:560px;}
   .page-home .section-1>div>h1 {font-size: 40px; text-transform: uppercase;}
   .page-home .section-1>div>p {font-size: 18px;width: 100%;}
   .page-home .section-1>div {padding: 0vh 5vh;}
}