

/* ===== Luxury / Freedom section   ===== */
.luxy-section{
  padding: 50px 0;
  background: #fff;
}

.luxy-list{
  display: flex;
  flex-direction: column;
  gap: clamp(40px, 5vw, 80px);
}

 
.luxy-item{
  display: flex;
  align-items: center;
  gap: clamp(26px, 4vw, 60px);
}



 
.luxy-item:nth-child(even){
  flex-direction: row-reverse;
}

/* media */
.luxy-media{
  flex: 0 0 min(830px, 48%);
}

.luxy-media img{
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  /* aspect-ratio: 16 / 9; */
}

/* copy */
.luxy-copy{
  flex: 1 1 auto;
  /* max-width: 780px; */
}

.luxy-copy h2{
  margin: 0 0 50px 0;
  font-family: 'bodoni';
  font-weight: 400;
  line-height: 1.05;
  color: #000;
  color: #000;

/* h2 */
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.luxy-copy p{
  margin: 0 0 14px 0;
  color: #000;

/* p */
  font-family: Avenir;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px; /* 144.444% */
}

 .luxy-list.reverse .luxy-item:nth-child(odd){
  flex-direction: row-reverse;
}

.luxy-list.reverse .luxy-item:nth-child(even){
  flex-direction: row;
   
}

@media (max-width: 960px){
  .luxy-item,
  .luxy-item:nth-child(even),.luxy-list.reverse .luxy-item:nth-child(even),.luxy-list.reverse .luxy-item:nth-child(odd){
    flex-direction: column;
    /* align-items: flex-start; */
  }

  .luxy-media{
    flex-basis: auto;
    width: 100%;
    
  }

  .luxy-copy{
     
  }
}

.history-cta{
   
  background:
    linear-gradient(0deg, rgba(0,0,0,.75), rgba(0,0,0,.75)),
    url('https://privilegecatamarans.d09.colophonhosting.com//wp-content/uploads/2025/12/footer-background-.webp')
      center / cover no-repeat,
    var(--main, #000);

  color:#fff;
  text-align:center;
  padding: 90px 0;
}

.history-cta .container{
    
}

.history-cta__title{
  margin: 0px 0 0px;
  color: #FFF;
  text-align: center;

/* h1 */
  font-family: Arial;
  font-size: 58px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

section.section.history-cta .btn-layout {
    margin-top: 50px;
}
@media (max-width: 768px){
  .history-cta{
    padding: 62px 0;
  }
}


.two-text-cols{
  padding: 50px 0;
  background: #fff;
}

.two-text-cols__row{
  display: flex;
  gap: 56px;              
  align-items: flex-start;
  place-content: space-around;
}

.two-text-cols__col{
  flex: 1;                
  min-width: 0;
  /* max-width: 520px; */        
}

.two-text-cols__col h3{
  text-align: left;
  margin: 0 0 50px;
  color: #000;

/* h2 */
  font-family: Arial;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.two-text-cols__col p{
  margin: 0;
  color: #000;

/* p */
  font-family: Arial;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}

/* quebra no mobile sem usar % */
@media (max-width: 900px){
  .two-text-cols__row{
    flex-direction: column;
    gap: 26px;
  }
  .two-text-cols__col{
    max-width: 680px;
  }
}

.hero-image-message{
  padding: 0;
}

.hero-image-message__bg{
  height: 820px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(0deg, rgba(0, 0, 0, 0.51) 0%, rgba(0, 0, 0, 0.51) 100%),
    url('https://privilegecatamarans.d09.colophonhosting.com/wp-content/uploads/2026/01/about-img.jpg')
      center / cover no-repeat,
    var(--main, #001391);
}

.hero-image-message__content{
  text-align: center;
}

.hero-image-message__title{
  margin: 0;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 58px;
  line-height: 1.05;
}

.hero-image-message__title .t-strong{
  font-style: normal;
  font-weight: 700;
}

.hero-image-message__title .t-italic{
  font-style: italic;
  font-weight: 400;
  display: inline-block;
  margin-top: 6px;
}

/* responsivo */
@media (max-width: 1024px){
  .hero-image-message__bg{ min-height: 460px; }
  .hero-image-message__title{ font-size: 46px; }
}

@media (max-width: 768px){
  .hero-image-message__bg{ min-height: 380px; }
  .hero-image-message__title{ font-size: 34px; }
}


.luxy-copy span {
    color: #001391;

/* h1-small */
    font-family: Arial;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 9px;
    text-transform: uppercase;
}

section.luxy-section.history h2 {
    margin-top: 10px;
}

/* =========================
   HISTORY timeline line + caret
   (usa sua section com class .history)
   ========================= */

.history{
  --history-line: #001391;
  --history-caret: url('https://privilegecatamarans.com/wp-content/uploads/2026/01/caret-right.png');
  --history-gutter: clamp(16px, 2.4vw, 36px);  /* espaÃ§o entre linha e texto */
  --history-line-w: 2px;
}

 
.history .luxy-list{
  position: relative;
  padding: 50px 0;
}

 
.history .luxy-list::before{
  content:"";
  position:absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: var(--history-line-w);
  background: var(--history-line);
  transform: translateX(-50%);
  z-index: 1;
}

 
.history .luxy-item{
  position: relative;
  z-index: 2;  
}

.history .luxy-copy{
  position: relative;
}

 
.history .luxy-item:nth-child(odd) .luxy-copy{
  padding-right: calc(var(--history-gutter) + 18px);
}
.history .luxy-item:nth-child(even) .luxy-copy{
  padding-left: calc(var(--history-gutter) + 18px);
}

 
.history .luxy-copy::before{
  content:"";
  position:absolute;
  top: 168px;  
  width: 19px;
  height: 36px;
  background: var(--history-caret) center / contain no-repeat;
}

 
.history .luxy-item:nth-child(odd) .luxy-copy::before{
  right: calc(-1 * var(--history-gutter));
  transform: translateX(-50%) scaleX(-1);
}

 
.history .luxy-item:nth-child(even) .luxy-copy::before{
  left: calc(-1 * var(--history-gutter));
  transform: translateX(50%);
}


 

/* MOBILE: some com a linha/caret (pois vira coluna) */
@media (max-width: 960px){
  .history .luxy-list::before{ display:none; }
  .history .luxy-item::before{ display:none; }
  .history .luxy-copy{ padding: 0 !important; }
  .history .luxy-copy::before{ display:none; }
}

section.luxy-section.history {
    padding: 0;
}

 
.history{
  --history-mid: 50%;
  --history-gap: calc(var(--history-gutter) * 2 + var(--history-line-w));
}
 
.history .luxy-list::before{
  left: var(--history-mid);
  transform: translateX(-50%);
}

 .history .luxy-item{
  gap: var(--history-gap);
}

.history .luxy-media,
.history .luxy-copy{
  flex: 1 1 0;
  min-width: 0;
}

 .history .luxy-media{
  flex: 1 1 0;      
  max-width: none; 
  display: flex;
}

 .history .luxy-media img{
  width: 100%;
  height: auto;
  max-width: 830px;  
}

 .history .luxy-item:nth-child(odd) .luxy-media{ justify-content: flex-end; }
.history .luxy-item:nth-child(even) .luxy-media{ justify-content: flex-start; }

 

 
 

.history .luxy-item:nth-child(odd) .luxy-copy{
  padding-left: calc(var(--history-gutter) + 18px);
}

 
.history .luxy-item:nth-child(even) .luxy-copy{
  padding-right: calc(var(--history-gutter) + 18px);
}

 
.history .luxy-copy::before{
  content:"";
  position:absolute;
  top: 168px;
  width: 19px;
  height: 36px;
  background: var(--history-caret) center / contain no-repeat;
}

.history .luxy-item:nth-child(odd) .luxy-copy::before{
  left: calc(-1 * var(--history-gutter));
  transform: translateX(50%);
}

.history .luxy-item:nth-child(even) .luxy-copy::before{
  right: calc(-1 * var(--history-gutter));
  transform: translateX(-50%) scaleX(-1);
}

.history .luxy-list.reverse .luxy-item:nth-child(odd) .luxy-copy{
  padding-left: 0;
  padding-right: calc(var(--history-gutter) + 18px);
}
.history .luxy-list.reverse .luxy-item:nth-child(even) .luxy-copy{
  padding-right: 0;
  padding-left: calc(var(--history-gutter) + 18px);
}
.history .luxy-list.reverse .luxy-item:nth-child(odd) .luxy-copy::before{
  right: calc(-1 * var(--history-gutter));
  left: auto;
  transform: translateX(5%) scaleX(-1);
}
.history .luxy-list.reverse .luxy-item:nth-child(even) .luxy-copy::before{
  left: calc(-1 * var(--history-gutter));
  right: auto;
  transform: translateX(280%);
}
 
@media (max-width: 960px){
  .history .luxy-list::before{ display:none; }
  .history .luxy-item::before{ display:none; }
  .history .luxy-copy{ padding: 0 !important; }
  .history .luxy-copy::before{ display:none; }
}
