/* =========================================================
   Confirent V3 · home.css  (página inicial PT `/` e EN `/en/`)
   Secções: .hero · .solutions-section (+ .roadshow) · .reviews · .rioave · .fleet
   Cores fora dos tokens (vêm do plugin de reviews do original): --gold, --rev-grey
   ========================================================= */

/* ---------- cabeçalho de secção (h2.subtitulo + h3.subtitulo-2 centrados) ---------- */
.section-head{display:flex;flex-direction:column;align-items:center;width:100%}

/* ---------- 1. Hero ---------- */
.hero{position:relative;min-height:650px;row-gap:20px;background:url(../../img/banner_confirent_confiauto-1.jpg) center center/cover no-repeat}
.hero__form{margin-top:110px;row-gap:20px}
.hero__form.is-fixed{position:fixed;top:0;z-index:1000;display:flex;width:100%;margin-top:97px!important;background:var(--white)}
.hero__title-block{display:flex;flex-direction:column;align-items:flex-end;width:100%}
.hero__title{font-size:20px;font-weight:700;line-height:1.4;color:var(--navy)}
@media (max-width:1366px){.hero{min-height:700px}}
@media (max-width:1180px){.hero{min-height:800px}}
@media (max-width:770px){.hero{min-height:70vh}}

/* ---------- 2. Experimente a diferença + roadshow ---------- */
.solutions-section{margin-top:90px;margin-bottom:40px}
.solutions-section__inner{row-gap:60px}
.solutions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px;width:100%}
.solution{display:flex;flex-direction:column;align-items:flex-start;width:calc(25% - 15px)}
.solution__img{position:relative;width:100%;height:200px}
.solution__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,center)}
.solution__body{display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:100%;padding:25px;background-color:var(--navy)}
.solution__title{font-size:25px;line-height:1.4;text-transform:uppercase;color:var(--white)}
.solution__text{font-size:18px;line-height:1.2;color:var(--white)}
.solution__btn{margin-top:20px}
.roadshow{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:500px;padding:30px}
.roadshow__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.roadshow__btn{position:relative;z-index:1}
@media (max-width:1180px){
  .solution{width:calc(50% - 10px)}
  .solution__title{font-size:26px}
  .solution__text{font-size:19px}
}
@media (max-width:770px){.solution__text{font-size:16px}}
@media (max-width:478px){
  .solution{width:100%}
  .solution__title{font-size:23px}
  .roadshow{height:380px}
}

/* ---------- 3. Reviews Google ---------- */
.reviews{--gold:#ffd700;--rev-grey:#c3c3c3;margin-top:90px;margin-bottom:40px;padding-left:50px;padding-right:50px}
.reviews__head{width:100%}
.reviews__wrap{row-gap:60px}
.reviews__slider{position:relative;width:100%;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
.reviews__slider .splide__track{margin-left:30px;margin-right:30px;overflow:hidden}
.review{margin:10px 0 20px;padding:0 8px;font-size:13px;line-height:1.6;color:var(--grey-600)}
.review__bubble{position:relative;margin:0 0 25px;padding:20px 25px 20px 48px;background-color:var(--navy);border:1px solid var(--grey-50);box-shadow:2px 2px 3px 0 rgba(0,0,0,.09);font-style:italic;font-size:14px;line-height:1.6;color:var(--white)}
.review__bubble::before{content:"\201C";position:absolute;top:-5px;left:15px;width:24.6px;height:96px;font:400 60px/96px Georgia,serif;color:var(--grey-400)}
.review__bubble::after{content:"";position:absolute;bottom:-30px;left:80px;width:30px;height:30px;border-top:30px solid var(--navy);border-right:30px solid transparent;filter:drop-shadow(2px 2px 1px rgba(0,0,0,.098))}
.review__text{margin:0 0 5px}
.review__stars{margin-right:2px}
.review__star{width:20px;height:20px;margin:0 0 -4px -1px;color:var(--gold);vertical-align:baseline}
.review__avatar{float:left;width:50px;height:50px;margin:0 20px;border-radius:50%}
.review__author{display:block;overflow:hidden;padding:8px 0 0;text-transform:uppercase;color:var(--navy)}
/* setas: círculo 25px semi-transparente com a seta do original (png 9x16) */
.reviews__slider .splide__arrow{position:absolute;top:50%;z-index:2;display:block;width:25px;height:25px;margin-top:-30px;padding:0;overflow:hidden;text-indent:-999em;border:0;border-radius:32px;opacity:.6;cursor:pointer;transition:opacity .2s;background:rgba(0,0,0,.2) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAQAAABuQZ3IAAAAi0lEQVR4AU3OISBEQQBAwS0AACS9NxqQgCZpkiYBVddFvWhAAUABAPQCAGC4g/0vTnrBqCfDIZl70J+kMUBPpEwT4FNXxBxz4F1HxHyr4EVTxBLb4EFNxEon4CJSlVNw9AcV9sC16h8osgke1P1ArgXwouVvdQq86ww/GQefusNf7kBviBlxpT8k+gL/Wox4r1d4MwAAAABJRU5ErkJggg==") no-repeat 52% 50%/7px 11px}
.reviews__slider .splide__arrow:hover{opacity:1}
.reviews__slider .splide__arrow--next{right:10px}
.reviews__slider .splide__arrow--prev{left:10px;transform:rotate(-180deg)}
/* pontos numerados por baixo do slider (9px, contorno cinza) */
.reviews__slider .splide__pagination{position:static;display:block;height:26px;margin:0;padding:0;font-size:15px;line-height:1.7;text-align:center}
.reviews__slider .splide__pagination li{display:inline-block;margin:0 4px;line-height:1}
.reviews__slider .splide__pagination__page{display:inline-block;width:9px;height:9px;margin:0;padding:0;overflow:hidden;text-indent:-999em;border:1px solid var(--rev-grey);border-radius:5px;background:none;cursor:pointer}
.reviews__slider .splide__pagination__page.is-active{background:var(--rev-grey);cursor:default}
@media (max-width:1180px){
  .reviews{margin-top:100px;margin-bottom:100px}
  .reviews__wrap{padding-left:0;padding-right:0}
}
@media (max-width:770px){.reviews{margin-top:80px;margin-bottom:80px}}
@media (max-width:478px){.reviews{margin-top:60px;margin-bottom:60px;padding-left:30px;padding-right:30px}}

/* ---------- 4. Rio Ave FC premium partner ---------- */
.rioave{margin-top:90px;margin-bottom:50px}
.section>.rioave__inner{align-items:center}
.rioave__logo{width:150px}
.rioave__text{display:block;margin-top:10px;font-size:31px;font-weight:400;line-height:1.7;color:var(--navy)}
@media (max-width:478px){.rioave__text{font-size:20px;text-align:right}}

/* ---------- 6. Conheça a nossa frota ---------- */
.fleet{margin-top:100px;margin-bottom:100px}
.section>.fleet__inner{align-items:center;row-gap:60px}
.fleet__slider{width:100%}
.car{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.car__text{display:flex;flex-direction:column;align-items:flex-start;width:100%;height:25%}
.car__title{font-size:20px;font-weight:700;line-height:1.2;text-transform:uppercase;color:var(--navy)}
.car__subtitle{font-size:14px;font-weight:500;line-height:1.2;color:var(--grey-500)}
.car__type{margin-top:10px;font-size:15px;font-weight:500;line-height:1.7;color:var(--navy)}
.car__img{position:relative;width:100%;height:75%}
.car__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.fleet__slider .splide__pagination{position:absolute;bottom:-40px;left:50%;z-index:1;display:flex;margin:0;padding:0;transform:translateX(-50%)}
.fleet__slider .splide__pagination li{line-height:0}
.fleet__slider .splide__pagination__page{position:relative;display:inline-block;width:10px;height:10px;margin:5px;padding:0;border:0;border-radius:100%;background:rgba(0,0,0,.33);cursor:pointer;transition:transform .2s linear}
.fleet__slider .splide__pagination__page.is-active{z-index:1;background:#000}
@media (max-width:770px){.fleet{margin-top:80px;margin-bottom:80px}}
@media (max-width:478px){
  .fleet{margin-top:60px}
  .section>.fleet__inner{row-gap:30px}
}