/* =========================================================
   SOBRE NÓS - HERO
========================================================= */

.ponce-sobre-hero {
  position: relative;

  width: 100%;
  height: 650px;

  overflow: hidden;

  background: #111111;
}


/* =========================================================
   IMAGEM DE FUNDO
========================================================= */

.ponce-sobre-hero-img {
  position: absolute;

  inset: 0;

  z-index: 1;

  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}


/* =========================================================
   OVERLAY ESCURO
========================================================= */

.ponce-sobre-hero-overlay {
  position: absolute;

  inset: 0;

  z-index: 2;

  background: rgba(0, 0, 0, 0.58);
}


/* =========================================================
   CONTAINER
========================================================= */

.ponce-sobre-hero-inner {
  position: relative;

  z-index: 3;

  width: min(100% - 40px, 1100px);
  height: 100%;

  margin: 0 auto;
}


/* =========================================================
   BLOCO COMPLETO DO LADO DIREITO
========================================================= */

.ponce-sobre-hero-conteudo {
  position: absolute;

  top: 58px;
  right: 0;

  width: 650px;

  display: flex;
  flex-direction: column;

  align-items: center;
  justify-content: flex-start;

  text-align: center;

  color: #ffffff;
}


/* =========================================================
   SUA VIAGEM COMEÇA AQUI
========================================================= */

.ponce-sobre-hero-frase {
  margin: 0 0 14px;

  color: #ffffff;

  font-size: 31px;
  line-height: 1.18;

  font-weight: 300;

  text-align: center;
}


.ponce-sobre-hero-frase strong {
  color: #ef6500;

  font-weight: 400;
}


/* =========================================================
   ARTE
   LOCALIZAÇÃO + ROTA + AVIÃO + LOGO
========================================================= */

.ponce-sobre-hero-arte {
  display: block;

  width: 420px;
  max-width: 100%;
  height: auto;

  margin: 0 auto 12px;

  object-fit: contain;

  pointer-events: none;
}

/* =========================================================
   TEXTO ABAIXO DA ARTE
========================================================= */

.ponce-sobre-hero-texto {
  width: 100%;
  max-width: 650px;

  margin: 0 auto;

  padding: 0;

  color: #ffffff;

  font-size: 30px;
  font-weight: 300;
  line-height: 1.35;

  text-align: left;

  letter-spacing: 0;
  word-spacing: normal;
}

/* =========================================================
   SOBRE NÓS - APRESENTAÇÃO
========================================================= */

.ponce-sobre-apresentacao {
  position: relative;

  width: 100%;

  min-height: 520px;
  border-radius: 5px;
	
  margin-top: -80px;	

  background: #ff6500;

  overflow: visible;

  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;	
}

/* =========================================================
   IMAGEM SOBRE-SESSAO.WEBP
   ELA JÁ POSSUI TODO O DESENHO LARANJA
========================================================= */

.ponce-sobre-apresentacao-bg {
  position: absolute;

  top: 0;

  /* ultrapassa 12px dos dois lados */
  left: -12px;

  width: calc(100% + 24px);
  height: 100%;

  max-width: none;

  display: block;

  object-fit: fill;

  margin: 0;
  padding: 0;

  border: 0;
  border-radius: 0;

  z-index: 100;

  pointer-events: none;
}

/* =========================================================
   CONTEÚDO SOBRE A ARTE LARANJA
========================================================= */

.ponce-sobre-apresentacao-inner {
  position: relative;
  z-index: 999;

  width: min(100% - 40px, 1080px);
  height: 100%;

  margin: 0 auto;

  display: grid;

  /* mais espaço para o texto e imagem maior */
  grid-template-columns: 760px 300px;

  align-items: center;

  gap: 20px;

  padding-top: 55px;
  padding-bottom: 45px;

  box-sizing: border-box;
}

/* =========================================================
   TEXTO
========================================================= */

.ponce-sobre-apresentacao-texto {
  width: 100%;
  max-width: 1200px;
  padding: 14px 22px 32px;
  transform: translatey(-40px);	
  color: #ffffff;
}

/* TÍTULO */
.ponce-sobre-apresentacao-texto h2 {
  width: 1200px;
  max-width: none;

  margin: 0 0 8px 0;

  color: #ffffff;

  font-size: 34px;
  
  font-weight: 500;
  line-height: 1.22;

  text-align: left;
}

/* PARÁGRAFO */
.ponce-sobre-apresentacao-texto p {
  width: 1200px;
  max-width: none;

  margin: 0;

  color: #ffffff;

  font-size: 26px;
  font-weight: 300;
  line-height: 1.35;

  text-align: left;
}

/* =========================================================
   BOTÃO
========================================================= */

.ponce-sobre-apresentacao-btn {
  display: table;

  margin: 17px auto 0;

  padding: 10px 25px;

  background: #000000;

  border-radius: 50px;

  color: #ffffff;

  font-size: 16px;
  font-weight: 400;
  line-height: 1;

  text-decoration: none;
  transition: 0.3s;	
}

.ponce-sobre-apresentacao-btn:hover {
  transform: translatey(-4px);
  background: #ff8052;	
}

/* =========================================================
   PASSAPORTE + AVIÃO
========================================================= */

.ponce-sobre-apresentacao-visual {
  position: relative;

  width: 100%;

  display: flex;
  align-items: center;
  justify-content: center;

  transform: translate(-50px, 10px);
}

.ponce-sobre-passaporte {
  display: block;

  width: 300px;
  max-width: none;

  height: auto;

  object-fit: contain;
}

/* =========================================================
   LOGO PONCE PARK - CÍRCULO INFERIOR
========================================================= */

.ponce-logo-sobre {
  position: absolute;

  /* centraliza horizontalmente */
  left: 50%;
  transform: translateX(-50%);

  /* posiciona sobre a curva inferior */
  bottom: -150px;

  /* tamanho */
  width: 320px;
  height: 320px;

  /* mantém proporção */
  object-fit: contain;

  /* fica acima da arte laranja */
  z-index: 100;

  display: block;
}

/* =========================================================
   SEÇÃO SEGURANÇA
========================================================= */

.ponce-sobre-seguranca {
  position: relative;

  width: 100%;
  margin: 0;
  padding: 0;

  background: #ffffff;
  margin-bottom: -120px;	
		
}

.ponce-sobre-seguranca-container {
  width: 100%;
  max-width: 1000px;

  margin: 0 auto;
  padding: 120px 20px 90px;

  text-align: center;
  
}

.ponce-sobre-seguranca p {
  margin: 0;
  margin-top: 40px;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.28;

  color: #111111;
}

.ponce-sobre-seguranca-mob {
	display: none;
}

/* =========================================================
   FUNDO LARANJA - LARGURA TOTAL DA TELA
========================================================= */

.ponce-sobre-atendimento {
  position: relative;

  background: #ff6500;	
  height: 550px;	

  margin-top: 180px;	
	
  width: 100%;
  max-width: none;

  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  overflow: visible;
 	
}

/* =========================================================
   CONTAINER PRINCIPAL
========================================================= */

.ponce-sobre-atendimento-inner {
  position: relative;

  width: 100%;
  max-width: 100%;
  height: 1200px;	

  margin: 0px auto;
  top: -100px;	

  display: grid;
  grid-template-columns: 390px 1fr;

  align-items: center;
	
  z-index: 1;		
  
}

/* =========================================================
   FOTO - AJUSTE MAIS PRÓXIMO DO WIX
========================================================= */

.ponce-sobre-atendimento-foto {
  position: relative;

  width: 580px;
  height: 460px;

  transform: translate(130px ,-360px);
}

.ponce-sobre-atendimento-foto img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: fill;
}

/* =========================================================
   CONTEÚDO DIREITO
========================================================= */

.ponce-sobre-atendimento-conteudo {
  position: relative;
  z-index: 3;

  width: 100%;

  text-align: center;

  color: #ffffff;

  transform: translate(50px,-280px);
}

.ponce-sobre-atendimento-conteudo h2 {
  margin: 0 0 12px;

  color: #ffffff;

  font-size: 38px;
  font-weight: 500;
  line-height: 1.15;

  text-align: center;
}

.ponce-sobre-atendimento-conteudo p {
  width: 620px;
  max-width: 100%;

  margin: 0 auto 20px;

  color: #ffffff;

  font-size: 26px;
  font-weight: 300;
  line-height: 1.15;
  letter-spacing: 1;	

  text-align: center;
}

/* =========================================================
   BOTÃO
========================================================= */

.ponce-sobre-atendimento-btn {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-width: 240px;

  padding: 10px 25px;

  margin: 0 auto;

  background: #000000;

  color: #ffffff;

  font-family: "Urbanist", sans-serif;

  font-size: 17px;
  font-weight: 400;

  line-height: 1;

  text-decoration: none;

  border: 0;
  border-radius: 999px;

  transition:
    transform 0.2s ease,
    opacity 0.2s ease;
}

.ponce-sobre-atendimento-btn:hover {
  color: #ff8052;

  transform: translateY(-4px);

  opacity: 0.9;
}


/* =========================================================
   NOTA DO DESCONTO
========================================================= */

.ponce-sobre-atendimento-nota {
  display: block;

  margin-top: 14px;

  color: #ffffff;

  font-family: "Urbanist", sans-serif;

  font-size: 20px;
  font-weight: 400;

  line-height: 1.2;

  text-align: center;
}


/* =========================================================
   CARD INFERIOR
========================================================= */

.ponce-sobre-atendimento-card {
  position: absolute;

  z-index: 5;

  left: 50%;
  bottom: 30px;
	
  transform: translate(-50%, 60%);	

  width: calc(100% - 40px);
  max-width: 990px;

  padding: 25px 35px 28px;

  background: #c95500;

  border-radius: 30px;

  color: #ffffff;

  text-align: center;
}

/* =========================================================
   TÍTULO CARD
========================================================= */

.ponce-sobre-atendimento-card h3 {
  margin: 0 0 10px;

  padding: 0;

  color: #ffffff;

  font-family: "Urbanist", sans-serif;

  font-size: 36px;
  font-weight: 500;

  line-height: 1.15;
}

/* =========================================================
   TEXTO CARD
========================================================= */

.ponce-sobre-atendimento-card p {
  margin: 0;

  padding: 0;

  color: #ffffff;

  font-family: "Urbanist", sans-serif;

  font-size: 24px;
  font-weight: 300;

  line-height: 1.3;
}

/* =========================================================
   SOBRE NÓS - SEÇÃO FINAL
========================================================= */

.ponce-sobre-final {
  position: relative;
  width: 100%;
  margin-top: 150px;	

  padding: 0 20px 0;

  background: #ffffff;
  overflow: hidden;
}

.ponce-sobre-final-inner {
  width: min(100% - 40px, 1050px);

  margin: 0 auto;
}

/* =========================================================
   TÍTULO
========================================================= */

.ponce-sobre-final-titulo {
  margin: 0 0 35px;

  color: #ef6500;

  font-size: 38px;
  font-weight: 400;
  line-height: 1.2;

  text-align: center;
}

/* =========================================================
   DESTAQUES
========================================================= */

.ponce-sobre-final-destaques {
  display: grid;

  grid-template-columns: 1fr 1fr;

  align-items: center;

  gap: 50px;

  margin-bottom: 35px;
}

/* =========================================================
   GOOGLE
========================================================= */

.ponce-sobre-google {
  display: flex;
  justify-content: center;
}

.ponce-sobre-google-box {
  width: 520px;
  transform: translate(30px, -30px);
  padding: 15px;

  background: #ffffff;

  border: 2px solid #222;

  color: #111111;
  z-index: 3;	
}

.ponce-sobre-google-box h3 {
  margin: 0 0 8px;

  font-size: 27px;
  font-weight: 600;
  line-height: 1.15;
}

.ponce-sobre-google-rating {
  margin: 0 0 7px;

  font-size: 17px;
}

.ponce-sobre-google-stars {
  margin: 0 6px;

  color: #f5a800;

  letter-spacing: 1px;
}

.ponce-sobre-google-link {
  color: #1424b8;
}

.ponce-sobre-google-local {
  margin: 0;

  color: #555555;

  font-family: Arial, sans-serif;

  font-size: 16px;
}

/* =========================================================
   CARD PREÇO
========================================================= */

.ponce-sobre-final-preco {
  position: relative;	
  padding: 25px 25px 0;

  width: 550px;	
	
  background: #ef6500;

  border-radius: 12px;

  color: #ffffff;

  text-align: center;
  z-index: 0;

  transform: translate(-50px, 80px);	
	
}

.ponce-sobre-final-preco p {
  margin: 0;

  color: #ffffff;

  font-size: 21px;
  font-weight: 400;
  line-height: 1.25;
}

/* =========================================================
   BOTÃO
========================================================= */

.ponce-sobre-final-btn {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  margin-top: 16px;
  margin-bottom: -20px;

  padding: 11px 25px;

  min-width: 240px;

  background: #000000;

  border-radius: 999px;

  color: #ffffff;

  font-size: 16px;
  font-weight: 400;

  text-decoration: none;

  transition: 0.3s;	
}

.ponce-sobre-final-btn:hover {
  color: #ff8052;
  transform: translatey(-4px);	
}

/* =========================================================
   TEXTO FINAL
========================================================= */

.ponce-sobre-final-texto {
  width: 100%;

  margin: 120px auto 55px;

  text-align: center;
}

.ponce-sobre-final-texto p {
  margin: 0;

  color: #333333;

  font-size: 26px;
  font-weight: 300;
  line-height: 1.1;
}

.ponce-sobre-final-texto strong {
  font-weight: 600;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

  .ponce-sobre-apresentacao {
    padding: 130px 20px 150px;
  }


  .ponce-sobre-apresentacao-inner {
    max-width: 900px;

    gap: 35px;
  }


  .ponce-sobre-apresentacao-texto h2 {
    font-size: 27px;
  }


  .ponce-sobre-apresentacao-texto p {
    font-size: 20px;
  }


  .ponce-sobre-apresentacao-imagem {
    flex-basis: 280px;
  }


  .ponce-sobre-apresentacao-imagem img {
    width: 280px;
  }
	
  .ponce-sobre-apresentacao-inner {
    width: min(100% - 50px, 950px);

    grid-template-columns: 1.45fr 0.75fr;

    gap: 30px;
  }


  .ponce-sobre-apresentacao-texto h2 {
    font-size: 27px;
  }


  .ponce-sobre-apresentacao-texto p {
    font-size: 19px;
  }


  .ponce-sobre-passaporte {
    width: 330px;
  }	
	
   .ponce-sobre-hero-inner {
    width: min(100% - 40px, 960px);
  }


  .ponce-sobre-hero-conteudo {
    top: 55px;
    right: 0;

    width: 590px;
  }


  .ponce-sobre-hero-frase {
    font-size: 29px;
  }


  .ponce-sobre-hero-arte {
    width: 300px;
  }


  .ponce-sobre-hero-texto {
    max-width: 575px;

    font-size: 22px;
  }
	
  .ponce-sobre-final-destaques {
    grid-template-columns: 1fr;

    gap: 35px;
  }
	

}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.ponce-sobre-hero {
		height: 480px;

		overflow: hidden;
	}

	.ponce-sobre-hero-img {
		object-position: 45% center;
	}

	.ponce-sobre-hero-overlay {
		background: rgba(0, 0, 0, 0.65);
	}

	.ponce-sobre-hero-inner {
		width: 100%;
		height: 100%;

		padding:
			0
			22px;
	}

	.ponce-sobre-hero-conteudo {
		position: relative;

		top: auto;
		right: auto;

		width: 100%;
		max-width: 350px;

		margin: 0 auto;

		padding-top: 38px;

		display: flex;
		flex-direction: column;

		align-items: center;

		text-align: center;
	}

	/* SUA VIAGEM COMEÇA AQUI */
	.ponce-sobre-hero-frase {
		margin:
			0
			0
			14px;

		font-size: 27px;
		line-height: 1.12;

		text-align: center;
	}

	/* ARTE DO AVIÃO / ROTA / LOGO */
	.ponce-sobre-hero-arte {
		width: 225px;
		max-width: 100%;

		margin:
			0
			auto
			16px;
	}

	/* TEXTO */
	.ponce-sobre-hero-texto {
		width: 100%;
		max-width: 330px;

		margin: 0 auto;

		font-size: 17px;
		line-height: 1.42;

		text-align: center;
	}
	
	.ponce-sobre-apresentacao {
		position: relative;

		width: 100%;

		height: 900px;

		margin-top: 0px;

		padding:
			80px
			20px
			130px;

		overflow: visible;

		background: #ff6500;
	}


	/* IMAGEM DE FUNDO DA SEÇÃO */

	.ponce-sobre-apresentacao-bg {
		position: absolute;

		top: 0;
		left: 0;

		width: 100%;
		height: 100%;

		object-fit: fill;

		z-index: 1;
	}

	/* CONTAINER */

	.ponce-sobre-apresentacao-inner {
		position: relative;

		z-index: 5;

		width: 100%;
		height: auto;

		margin: -20px auto;

		display: flex;
		flex-direction: column;

		align-items: center;
		justify-content: flex-start;

		gap: 30px;

		padding: 0;
	}

	/* =====================================================
	TEXTO
	===================================================== */

	.ponce-sobre-apresentacao-texto {
		width: 100%;
		max-width: 350px;

		margin: 0 auto;
		padding: 0;

		transform: none;

		text-align: center;

		color: #ffffff;
	}

	.ponce-sobre-apresentacao-texto h2 {
		width: 100%;
		max-width: 100%;

		margin:
			0
			auto
			18px;

		font-size: 24px;
		line-height: 1.28;

		font-weight: 500;

		text-align: center;
	}

	.ponce-sobre-apresentacao-texto p {
		width: 100%;
		max-width: 100%;

		margin: 0 auto;

		font-size: 16px;
		line-height: 1.5;

		font-weight: 300;

		text-align: center;
	}

	/* IGNORA OS BR DO DESKTOP */

	.ponce-sobre-apresentacao-texto h2 br,
	.ponce-sobre-apresentacao-texto p br {
		display: none;
	}

	/* =====================================================
	BOTÃO
	===================================================== */

	.ponce-sobre-apresentacao-btn {
		display: table;

		margin:
			24px
			auto
			0;

		padding:
			11px
			24px;

		min-width: 220px;

		text-align: center;
	}

	/* =====================================================
	PASSAPORTE
	===================================================== */

	.ponce-sobre-apresentacao-visual {
		position: relative;

		width: 100%;

		display: flex;

		align-items: center;
		justify-content: center;

		margin: 0 auto;

		transform: none;
	}
	
	.ponce-sobre-passaporte {
		display: block;

		width: 240px;
		max-width: 80vw;

		height: auto;

		margin: 0 auto;
	}

	/* =====================================================
	LOGO CIRCULAR INFERIOR
	===================================================== */

	.ponce-logo-sobre {
		position: absolute;

		left: 50%;
		bottom: -185px;

		width: 220px;
		height: 220px;

		transform: translateX(-50%);

		object-fit: contain;

		z-index: 10;
	}
	
	.ponce-sobre-seguranca {
		display: none;
	}
	
	.ponce-sobre-seguranca-mob {
		display: block;
		width: 100%;
		height: 300px;

		margin: 0;
		margin-bottom: 0;

		padding: 0;

		background: #ffffff;
	  }

	.ponce-sobre-seguranca-container-mob {
		width: 100%;
		max-width: 100%;

		margin: 0 auto;

		/* espaço para o logo circular */
		padding:
			115px
			24px
			65px;

		text-align: center;
	}

	.ponce-sobre-seguranca-mob p {
		width: 100%;
		max-width: 350px;

		margin: 0 auto;

		color: #111111;

		font-size: 18px;
		font-weight: 400;
		line-height: 1.5;

		text-align: justify;
	}
	
	/* =====================================================
       SEÇÃO PRINCIPAL
    ===================================================== */

    .ponce-sobre-atendimento {
        position: relative;

        width: 100%;
        max-width: 100%;

        height: auto;
        min-height: 0;

        margin-top: 50px;

        padding:
            45px
            20px
            55px;

        background: #ff6500;

        overflow: hidden;
    }


    /* =====================================================
       CONTAINER
    ===================================================== */

    .ponce-sobre-atendimento-inner {
        position: relative;

        top: auto;

        width: 100%;
        max-width: 100%;

        height: auto;
        min-height: 0;

        margin: 0 auto;

        display: flex;
        flex-direction: column;

        align-items: center;
        justify-content: flex-start;

        gap: 30px;
    }


    /* =====================================================
       FOTO
    ===================================================== */

    .ponce-sobre-atendimento-foto {
        position: relative;

        width: 100%;
        max-width: 350px;

        height: auto;
		
        margin: 0 auto;

        transform: none;
    }

    .ponce-sobre-atendimento-foto img {
        display: block;

        width: 100%;
        height: auto;
		
        margin: 0 auto;

        object-fit: contain;
    }


    /* =====================================================
       CONTEÚDO
    ===================================================== */

    .ponce-sobre-atendimento-conteudo {
        position: relative;

        width: 100%;
        max-width: 350px;

        margin: 0 auto;

        transform: none;

        text-align: center;

        color: #ffffff;
    }


    .ponce-sobre-atendimento-conteudo h2 {
        width: 100%;

        margin:
            0
            auto
            16px;

        color: #ffffff;

        font-size: 26px;
        font-weight: 500;
        line-height: 1.18;

        text-align: center;
    }


    .ponce-sobre-atendimento-conteudo p {
        width: 100%;
        max-width: 340px;

        margin:
            0
            auto
            22px;

        color: #ffffff;

        font-size: 16px;
        font-weight: 300;
        line-height: 1.45;

        text-align: center;
    }


    /* REMOVE OS BR DO DESKTOP */
    .ponce-sobre-atendimento-conteudo p br,
    .ponce-sobre-atendimento-nota br,
    .ponce-sobre-atendimento-card p br {
        display: none;
    }

    /* =====================================================
       BOTÃO
    ===================================================== */

    .ponce-sobre-atendimento-btn {
        display: inline-flex;

        align-items: center;
        justify-content: center;

        min-width: 225px;
        min-height: 44px;

        margin: 0 auto;

        padding:
            10px
            24px;

        background: #000000;
        color: #ffffff;

        border-radius: 999px;

        font-size: 15px;
    }

    /* =====================================================
       NOTA
    ===================================================== */

    .ponce-sobre-atendimento-nota {
        display: block;

        width: 100%;
        max-width: 320px;

        margin:
            13px
            auto
            0;

        color: #ffffff;

        font-size: 12px;
        line-height: 1.35;

        text-align: center;
    }

    /* =====================================================
       CARD - RESERVE COM ANTECEDÊNCIA
    ===================================================== */

    .ponce-sobre-atendimento-card {
        position: relative;

        left: auto;
        right: auto;
        top: auto;
        bottom: auto;

        width: 100%;
        max-width: 350px;

        margin:
            12px
            auto
            0;

        padding:
            24px
            20px
            26px;

        transform: none;

        background: #c95500;

        border-radius: 22px;

        text-align: center;
    }

    .ponce-sobre-atendimento-card h3 {
        width: 100%;

        margin:
            0
            auto
            13px;

        color: #ffffff;

        font-size: 25px;
        font-weight: 500;
        line-height: 1.18;

        text-align: center;
    }

    .ponce-sobre-atendimento-card p {
        width: 100%;

        margin: 0 auto;

        color: #ffffff;

        font-size: 15px;
        font-weight: 300;
        line-height: 1.45;

        text-align: center;
    }
	
	/* =====================================================
       PONCE SOBRE FINAL
    ===================================================== */
	.ponce-sobre-final {
		width: 100%;

		margin-top: -50px;

		padding:
			45px
			20px
			50px;

		overflow: hidden;
	}


	.ponce-sobre-final-inner {
		width: 100%;
		max-width: 100%;

		margin: 0 auto;
	}

	/* =====================================================
	TÍTULO
	===================================================== */

	.ponce-sobre-final-titulo {
		width: 100%;
		max-width: 340px;

		margin:
			0
			auto
			32px;

		color: #ef6500;

		font-size: 27px;
		line-height: 1.25;

		text-align: center;
	}

	.ponce-sobre-final-titulo br {
		display: none;
	}

	/* =====================================================
	DESTAQUES
	===================================================== */

	.ponce-sobre-final-destaques {
		width: 100%;

		display: flex;
		flex-direction: column;

		align-items: center;

		gap: 28px;

		margin: 0;
	}

	/* =====================================================
	GOOGLE
	===================================================== */

	.ponce-sobre-google {
		width: 100%;

		display: flex;
		justify-content: center;
	}

	.ponce-sobre-google-box {
		width: 100%;
		max-width: 350px;

		margin: 0 auto;

		padding:
			18px
			16px;

		transform: none;

		box-sizing: border-box;
	}

	.ponce-sobre-google-box h3 {
		margin-bottom: 10px;

		font-size: 18px;
		line-height: 1.25;
	}


	.ponce-sobre-google-box h3 br {
		display: none;
	}

	.ponce-sobre-google-rating {
		display: flex;
		flex-wrap: wrap;

		align-items: center;

		gap:
			5px
			8px;

		margin-bottom: 10px;

		font-size: 13px;
	}

	.ponce-sobre-google-stars {
		margin: 0;

		font-size: 14px;
	}


	.ponce-sobre-google-link {
		width: 100%;

		font-size: 12px;
	}

	.ponce-sobre-google-local {
		font-size: 12px;
		line-height: 1.35;
	}

	/* =====================================================
	PREÇO
	===================================================== */

	.ponce-sobre-final-preco {
		position: relative;

		width: 100%;
		max-width: 350px;

		margin: 0 auto;

		padding:
			24px
			20px
			28px;

		transform: none;

		text-align: center;
	}

	.ponce-sobre-final-preco p {
		width: 100%;

		margin: 0 auto;

		font-size: 16px;
		line-height: 1.45;

		text-align: center;
	}


	.ponce-sobre-final-preco p br {
		display: none;
	}

	/* BOTÃO */

	.ponce-sobre-final-btn {
		display: flex;

		align-items: center;
		justify-content: center;

		width: fit-content;

		min-width: 220px;
		min-height: 44px;

		margin:
			22px
			auto
			0;

		padding:
			10px
			24px;

		font-size: 15px;
	}

	/* =====================================================
	TEXTO FINAL
	===================================================== */

	.ponce-sobre-final-texto {
		width: 100%;
		max-width: 350px;

		margin:
			42px
			auto
			0;

		text-align: center;
	}

	.ponce-sobre-final-texto p {
		width: 100%;

		margin: 0;

		font-size: 16px;
		line-height: 1.5;

		text-align: center;
	}

	.ponce-sobre-final-texto p br {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.ponce-sobre-hero {
		height: 460px !important;
	}

	/* =====================================================
	   SOBRE NÓS - APRESENTAÇÃO
	   TABLET / IPAD
	===================================================== */

	.ponce-sobre-apresentacao {
		position: relative !important;

		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;

		margin: 0 !important;
		padding: 0 !important;

		overflow: visible !important;

		background: #ff5a00 !important;
	}

	/* FUNDO */

	.ponce-sobre-apresentacao-bg {
		position: absolute !important;

		inset: 0 !important;

		width: 100% !important;
		height: 100% !important;

		margin: 0 !important;
		padding: 0 !important;

		background: #ff5a00 !important;

		z-index: 1 !important;
	}


	/* =====================================================
	   CONTAINER
	===================================================== */

	.ponce-sobre-apresentacao-inner {
		position: relative !important;

		z-index: 2 !important;

		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;

		display: flex !important;
		flex-direction: column !important;

		align-items: center !important;

		margin: 0 !important;

		padding:
			38px
			38px
			0 !important;

		background: transparent !important;
	}

	/* =====================================================
	   TEXTO
	===================================================== */

	.ponce-sobre-apresentacao-texto {
		width: 100% !important;
		max-width: 650px !important;

		margin: 0 auto !important;

		text-align: center !important;
	}

	/* TÍTULO */

	.ponce-sobre-apresentacao-texto h2 {
		width: 100% !important;
		max-width: 640px !important;

		margin:
			20px
			auto
			20px !important;

		padding: 0 !important;

		transform: none !important;

		color: #ffffff !important;

		font-size: 27px !important;
		line-height: 1.3 !important;

		font-weight: 400 !important;

		text-align: center !important;
	}

	/* =====================================================
	   PARÁGRAFO
	===================================================== */

	.ponce-sobre-apresentacao-texto p {
		width: 100% !important;
		max-width: 610px !important;

		margin:
			0
			auto
			24px !important;

		padding: 0 !important;

		transform: none !important;

		color: #ffffff !important;

		font-size: 20px !important;
		line-height: 1.55 !important;

		font-weight: 400 !important;

		text-align: center !important;
	}

	/* NÃO USAR AS QUEBRAS DO DESKTOP */

	.ponce-sobre-apresentacao-texto h2 br,
	.ponce-sobre-apresentacao-texto p br {
		display: none !important;
	}

	/* =====================================================
	   BOTÃO
	===================================================== */

	.ponce-sobre-apresentacao-btn {
		min-width: 260px !important;
		min-height: 48px !important;

		display: inline-flex !important;

		align-items: center !important;
		justify-content: center !important;

		margin:
			0
			auto
			34px !important;

		padding:
			9px
			25px !important;

		border-radius: 999px !important;

		background: #000000 !important;
		color: #ffffff !important;

		font-size: 16px !important;
		font-weight: 400 !important;

		transform: none !important;
	}

	/* =====================================================
	   PASSAPORTE + AVIÃO
	   MAIS COMPACTO
	===================================================== */

	.ponce-sobre-apresentacao-visual {
		position: relative !important;

		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;

		width: 100% !important;

		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		/* sobe o passaporte */
		margin: -120px auto 5px !important;

		transform: none !important;

		z-index: 3 !important;
	}

	.ponce-sobre-passaporte {
		position: relative !important;

		/* ERA 270px */
		width: 230px !important;
		max-width: 38% !important;

		height: auto !important;

		display: block !important;

		margin: 0 auto !important;

		transform: none !important;
	}


	/* =====================================================
	   LOGO CIRCULAR
	===================================================== */

	.ponce-logo-sobre {
		position: relative !important;

		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;

		z-index: 5 !important;

		/* um pouco menor também */
		width: 230px !important;
		height: 230px !important;

		display: block !important;

		margin: 15px auto -120px !important;

		padding: 14px !important;

		transform: none !important;

		border-radius: 50% !important;

		background: #ffffff !important;

		object-fit: contain !important;
	}
	
	/* =====================================================
	   SOBRE NÓS - SEGURANÇA
	   TABLET / IPAD
	===================================================== */

	.ponce-sobre-seguranca {
		width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;

		background: #ffffff !important;
	}

	.ponce-sobre-seguranca-container {
		width: 100% !important;
		max-width: 1200px !important;

		margin: 0 auto !important;
		padding: 0 auto !important;
		text-align: center !important;
	}

	.ponce-sobre-seguranca-container p {
		width: 100% !important;
		max-width: 1200px !important;

		margin: 20px auto !important;
		padding: 0 !important;

		color: #171717 !important;

		font-size: 26px !important;
		line-height: 1.5 !important;

		font-weight: 400 !important;

		text-align: center !important;

		transform: none !important;
	}
	
	/* =========================================================
	   SOBRE NÓS - ATENDIMENTO
	   TABLET / IPAD
	========================================================= */

	.ponce-sobre-atendimento {
		width: 100% !important;
		height: auto !important;

		margin: 0 !important;

		/* espaço apenas para a parte da foto que sobe */
		padding: 0 40px 0 !important;

		background: #ff5a00 !important;

		overflow: visible !important;

		position: relative !important;
	}

	/* =========================
	   CONTAINER PRINCIPAL
	========================= */

	.ponce-sobre-atendimento-inner {
		width: 100% !important;
		max-width: 680px !important;
		height: auto !important;

		margin: 0 auto !important;
		padding: 0 !important;

		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;

		gap: 24px !important;

		position: relative !important;
	}

	/* =========================
	   FOTO
	   SOBREPÕE O TOPO DO LARANJA
	========================= */

	.ponce-sobre-atendimento-foto {
		width: 430px !important;
		max-width: 72% !important;
		height: 300px !important;

		margin: 20px auto 0 !important;

		position: relative !important;
		z-index: 5 !important;

		inset: auto !important;
		transform: none !important;

		overflow: hidden !important;

		border-radius: 44% 44% 38% 38% !important;
	}

	.ponce-sobre-atendimento-foto img {
		width: 100% !important;
		height: 100% !important;

		display: block !important;

		object-fit: cover !important;
		object-position: center !important;

		position: static !important;

		transform: none !important;
	}

	/* =========================
	   CONTEÚDO
	========================= */

	.ponce-sobre-atendimento-conteudo {
		width: 100% !important;
		max-width: 620px !important;

		margin: 0 auto !important;
		padding: 0 0 35px !important;

		position: relative !important;
		inset: auto !important;
		transform: none !important;

		text-align: center !important;

		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
	}

	/* TÍTULO */

	.ponce-sobre-atendimento-conteudo h2 {
		width: 100% !important;

		margin: 0 0 18px !important;

		font-size: 36px !important;
		line-height: 1.2 !important;

		text-align: center !important;
	}


	/* TEXTO */

	.ponce-sobre-atendimento-conteudo p {
		width: 100% !important;
		max-width: 590px !important;

		margin: 0 auto 24px !important;

		font-size: 24px !important;
		line-height: 1.55 !important;

		text-align: center !important;
	}


	/* IGNORA AS QUEBRAS <br> DO DESKTOP */

	.ponce-sobre-atendimento-conteudo p br {
		display: none !important;
	}


	/* =========================
	   BOTÃO
	========================= */

	.ponce-sobre-atendimento-btn {
		min-width: 280px !important;
		min-height: 54px !important;

		margin: 0 auto 12px !important;

		display: inline-flex !important;

		align-items: center !important;
		justify-content: center !important;

		position: static !important;
		transform: none !important;

		border-radius: 999px !important;

		font-size: 18px !important;
	}


	/* =========================
	   OBSERVAÇÃO
	========================= */

	.ponce-sobre-atendimento-nota {
		width: 100% !important;

		margin: 0 auto 35px !important;

		display: block !important;

		position: static !important;
		transform: none !important;

		font-size: 16px !important;
		line-height: 1.4 !important;

		text-align: center !important;
	}


	.ponce-sobre-atendimento-nota br {
		display: none !important;
	}


	/* =========================================================
	   CARD INFERIOR
	========================================================= */

	.ponce-sobre-atendimento-card {
		width: 100% !important;
		max-width: 680px !important;
		height: auto !important;

		margin: -220px auto 0px !important;

		padding: 30px 40px 34px !important;

		position: relative !important;
		z-index: 10 !important;

		text-align: center !important;

		border-radius: 22px !important;
	}


	/* TÍTULO */

	.ponce-sobre-atendimento-card h3 {
		margin: 0 0 18px !important;

		font-size: 26px !important;
		line-height: 1.25 !important;

		text-align: center !important;
	}


	/* TEXTO */

	.ponce-sobre-atendimento-card p {
		width: 100% !important;
		max-width: 600px !important;

		margin: 0 auto !important;

		font-size: 17px !important;
		line-height: 1.5 !important;

		text-align: center !important;
	}


	/* REMOVE OS BR DO DESKTOP */

	.ponce-sobre-atendimento-card p br {
		display: none !important;
	}
	
	/* =========================================================
	   SOBRE NÓS - AVALIAÇÃO FINAL
	   TABLET / IPAD
	========================================================= */

	.ponce-sobre-final {
		width: 100% !important;

		background: #ffffff !important;
	}

	/* =========================================================
	   CONTAINER
	========================================================= */

	.ponce-sobre-final-inner {
		width: 100% !important;
		max-width: 1200px !important;

		margin: 0 auto !important;

		padding: 0 !important;

		display: flex !important;
		flex-direction: column !important;

		align-items: center !important;

		gap: 28px !important;
	}

	/* =========================================================
	   TÍTULO
	========================================================= */

	.ponce-sobre-final-titulo {
		width: 100% !important;
		max-width: 1200px !important;

		margin: 0 auto 4px !important;

		color: #ff5a00 !important;

		font-size: 34px !important;
		line-height: 1.25 !important;

		font-weight: 400 !important;

		text-align: center !important;
	}

	/* REMOVE QUEBRA FIXA */

	.ponce-sobre-final-titulo br {
		display: none !important;
	}

	/* =========================================================
	   DESTAQUES
	========================================================= */

	.ponce-sobre-final-destaques {
		width: 100% !important;

		display: flex !important;
		flex-direction: column !important;

		align-items: center !important;

		gap: 24px !important;

		margin: 0 !important;
	}

	/* =========================================================
	   GOOGLE
	========================================================= */

	.ponce-sobre-google {
		width: 100% !important;
		max-width: 660px !important;
		transform: translatex(-30px);
		margin: 0 auto !important;
	}

	.ponce-sobre-google-box {
		width: 100% !important;

		margin: 0 !important;

		padding:
			18px
			22px !important;

		box-sizing: border-box !important;
	}

	.ponce-sobre-google-box h3 {
		margin:
			0
			0
			0 !important;

		font-size: 20px !important;
		line-height: 1.25 !important;
	}

	/* REMOVE BR DO DESKTOP */

	.ponce-sobre-google-box h3 br {
		display: none !important;
	}

	.ponce-sobre-google-rating {
		margin:
			0
			0
			8px !important;

		font-size: 14px !important;
	}

	.ponce-sobre-google-local {
		margin: 0 !important;

		font-size: 13px !important;
	}

	/* =========================================================
	   CARD PREÇO
	========================================================= */

	.ponce-sobre-final-preco {
		width: 100% !important;
		max-width: 660px !important;
		transform: translate(0px, -20px);

		margin: 0 auto !important;

		padding:
			24px
			28px
			28px !important;

		border-radius: 18px !important;

		text-align: center !important;
	}

	.ponce-sobre-final-preco p {
		width: 100% !important;
		max-width: 660px !important;

		margin:
			0
			auto
			20px !important;

		font-size: 22px !important;
		line-height: 1.45 !important;

		text-align: center !important;
	}

	/* REMOVE QUEBRAS DO DESKTOP */

	.ponce-sobre-final-preco p br {
		display: none !important;
	}

	/* =========================================================
	   BOTÃO
	========================================================= */

	.ponce-sobre-final-btn {
		min-width: 220px !important;
		min-height: 54px !important;

		display: inline-flex !important;

		align-items: center !important;
		justify-content: center !important;

		margin: 0 auto !important;

		padding:
			9px
			25px !important;

		border-radius: 999px !important;

		font-size: 18px !important;
	}

	/* =========================================================
	   TEXTO FINAL
	========================================================= */

	.ponce-sobre-final-texto {
		width: 100% !important;
		max-width: 700px !important;

		margin:
			0
			auto
			20px !important;

		padding: 0 !important;

		text-align: center !important;
	}


	.ponce-sobre-final-texto p {
		width: 100% !important;

		margin: 0 auto !important;

		font-size: 20px !important;
		line-height: 1.5 !important;

		text-align: center !important;
	}


	/* REMOVE BR FORÇADO */

	.ponce-sobre-final-texto p br {
		display: none !important;
	}
}