.elementor-7 .elementor-element.elementor-element-5ed7a86{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-605e484{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-7b71fb4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-dc16db2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-1fa1b75 *//* IMAGEM LADO DIREITO – apenas tablet e desktop */
.hero-image-desktop {
  display: none; /* Esconde no mobile */
}

/* Tablet e Desktop */
@media (min-width: 768px) {

  .hero__layout {
    position: relative;
    min-height: 500px; /* ajuste conforme desejar */
  }

  .hero-image-desktop {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 45%; /* largura da imagem */
    height: 100%;
    background-image: url('https://clubeprive.com/wp-content/uploads/adobe-express-file.png');
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    border-radius: 0 20px 20px 0;
    opacity: 0.9;
    pointer-events: none; /* Não atrapalha cliques */
  }
}

/* MOBILE — sempre oculto */
.hero-image-desktop {
  display: none;
}

/* TABLET — continuar oculto */
@media (min-width: 768px) and (max-width: 1199px) {
  .hero-image-desktop {
    display: none !important;
  }
}

/* DESKTOP — somente aqui exibe */
@media (min-width: 1200px) {

  .hero__layout {
    position: relative;
    min-height: 500px;
  }

  .hero-image-desktop {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-image: url('https://clubeprive.com/wp-content/uploads/adobe-express-file.png');
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    border-radius: 0 20px 20px 0;
    opacity: 0.9;
    pointer-events: none;
  }
}


/* Desktop grande */
@media (min-width: 1200px) {
  .hero-image-desktop {
    width: 50%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fa8d547 *//* GRID — DESKTOP 4 POR LINHA */
.posts__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-top: 25px;
}

/* CARD */
.post-card {
  background: #0c0c0f;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.06);
  transition: .2s;
}

.post-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.5);
}

/* IMAGEM — PROPORÇÃO PERFEITA 4:5 */
.post-card__img {
  width: 100%;
  aspect-ratio: 4 / 5; /* >>> imagem perfeita e proporcional <<< */
  object-fit: cover; /* sem zoom exagerado */
  object-position: center;
  display: block;
  background: #000;
}

/* TEXTO */
.post-card__body {
  padding: 12px;
  font-size: 14px;
  line-height: 1.4;
  color: #fff;
}

/* TABLET (3 colunas) */
@media (max-width: 1024px) {
  .posts__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* CELULAR (2 colunas — MUITO MELHOR QUE 1) */
@media (max-width: 768px) {
  .posts__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }

  .post-card__body {
    padding: 10px;
    font-size: 13px;
  }
}

/* CELULAR MUITO PEQUENO (1 coluna) */
@media (max-width: 400px) {
  .posts__grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .post-card__img {
    aspect-ratio: 1 / 1.2; /* mais compacto */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc16db2 *//* ==== COMO FUNCIONA ==== */
.how {
  background: #050509;
  padding: 80px 20px;
}

.how-container {
  max-width: 1250px;
  margin: auto;
}

.how-title {
  font-size: 42px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 40px;
}

.how-grid {
  display: grid;
  gap: 25px;
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
}

.how-card {
  background: #0f0f13;
  padding: 35px;
  border-radius: 14px;
  transition: .2s;
}

.how-card:hover {
  background: #B3123A;
}

.how-icon {
  font-size: 48px;
  margin-bottom: 10px;
  color: #FF4F81;
}/* End custom CSS */