/*--------------------------------------------------------------
# LT NET - ajustes sobre o template (carregar depois de zeinet.css)
--------------------------------------------------------------*/
:root {
  --ltnet-yellow: #ffd84d;
  --ltnet-on-yellow: #0f1d4a;
}

/*--------------------------------------------------------------
# Amarelo claro: texto escuro sobre o amarelo
--------------------------------------------------------------*/
.thm-btn,
.thm-btn--two,
.thm-btn--home-four,
.contact-page__btn {
  color: var(--ltnet-on-yellow);
}

.thm-btn:hover,
.thm-btn--two:hover,
.thm-btn--home-four:hover,
.contact-page__btn:hover {
  color: var(--zeinet-white);
}

.testimonial-two__quote,
.about-four__points li .icon i,
.service-details__benefit-points li .icon i,
.mobile-nav__contact li > i,
.faq-two .accrodion.active .accrodion-title,
.faq-two .accrodion.active .accrodion-title h4 {
  color: var(--ltnet-on-yellow);
}

/*--------------------------------------------------------------
# Amarelo claro não aparece sobre fundo branco:
# nesses pontos o texto/ícone passa para o azul da marca
--------------------------------------------------------------*/
.section-title__tagline,
.section-title--two .section-title__tagline,
.mobile-nav__toggler,
.mobile-nav__toggler i,
.main-menu-three__help-line-icon,
.main-menu-three__help-line-icon span,
.about-two__points .title-box,
.about-two__points .title-box *,
.about-two__points li .content .title-box .letter,
.services-one__icon span,
.price__progress-content p,
.contact-page__contact-list li .icon,
.contact-page__contact-list li .icon span,
.about-six__box__icon,
.about-six__box__icon span,
.faq-one-accrodion .accrodion.active .accrodion-title h4 {
  color: var(--zeinet-primary);
}

/* seções com fundo azul continuam com o amarelo */
.benefits .section-title__tagline {
  color: var(--ltnet-yellow);
}

.contact-page__contact-list li:hover .icon,
.contact-page__contact-list li:hover .icon span {
  color: var(--ltnet-on-yellow);
}

.testimonial-two__rate i {
  text-shadow: 0 0 1px rgba(15, 29, 74, 0.45);
}

/*--------------------------------------------------------------
# Planos: preço e botão sempre em uma linha
--------------------------------------------------------------*/
.price__box {
  flex-shrink: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.price__box-price,
.price__btn {
  white-space: nowrap;
}

.price__btn {
  padding-left: 30px;
  padding-right: 30px;
}

.price__right-points {
  margin-right: 40px;
}

/*--------------------------------------------------------------
# Logo: sem renderização "pixelada" (crisp-edges) do template
--------------------------------------------------------------*/
.main-menu-three__logo img,
.mobile-nav__content .logo-box img {
  image-rendering: auto;
  height: auto;
  max-width: 100%;
}

/*--------------------------------------------------------------
# Fotos das páginas internas (mantém o formato do layout)
--------------------------------------------------------------*/
.about-four__img-one img {
  aspect-ratio: 402 / 484;
  object-fit: cover;
  object-position: 70% center;
}

.about-four__img-two img {
  width: 218px;
  aspect-ratio: 218 / 364;
  object-fit: cover;
}

.about-six__image__left img {
  width: 230px;
  max-width: 100%;
  aspect-ratio: 230 / 502;
  object-fit: contain;
}

.about-six__image__right img {
  width: 315px;
  max-width: 100%;
  aspect-ratio: 315 / 402;
  object-fit: cover;
}

.faq-two__img img {
  width: 100%;
  max-width: 560px;
  aspect-ratio: 695 / 680;
  object-fit: cover;
  object-position: center top;
}

.service-details__img img {
  aspect-ratio: 770 / 451;
  object-fit: cover;
}

.service-details__benefit-img img {
  aspect-ratio: 370 / 239;
  object-fit: cover;
  object-position: center 20%;
}

/*--------------------------------------------------------------
# Depoimentos: fotos e cartões sem cortar o texto
--------------------------------------------------------------*/
.testimonial-two__conent-img img,
.testimonial-two__img-holder > img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center 25%;
}

.testimonial-two__conent-box {
  min-height: 170px;
}

.testimonial-two__text {
  overflow-wrap: break-word;
}

#testimonials-two__carousel .swiper-slide {
  height: auto;
}

@media (max-width: 767px) {
  .testimonial-two__conent-box {
    padding-left: 0;
    min-height: 0;
  }

  .testimonial-two__conent-img {
    position: relative;
    max-width: 110px;
    margin: 0 0 25px 25px;
  }
}

/*--------------------------------------------------------------
# Página 404
--------------------------------------------------------------*/
.error-page__btn-box {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
}

.error-page__title,
.error-page__title-3 {
  background: linear-gradient(0deg, var(--zeinet-primary) 18%, var(--ltnet-yellow) 80%);
  -webkit-background-clip: text;
  background-clip: text;
}

@media (max-width: 991px) {
  .error-page__title,
  .error-page__title-2,
  .error-page__title-3 {
    font-size: 240px;
    line-height: 240px;
  }
}

@media (max-width: 767px) {
  .error-page__title,
  .error-page__title-2,
  .error-page__title-3 {
    font-size: 140px;
    line-height: 150px;
  }

  .error-page__title-2 {
    top: 5px;
    left: 6px;
  }

  .error-page__title-3 {
    top: 6px;
    left: 8px;
  }

  .error-page__tagline {
    font-size: 28px;
    line-height: 36px;
  }

  .error-page__btn-box {
    flex-direction: column;
    align-items: stretch;
    max-width: 320px;
    margin: 0 auto;
  }

  .error-page__btn {
    text-align: center;
  }
}

/*--------------------------------------------------------------
# Contato: menus de seleção iguais aos outros campos
--------------------------------------------------------------*/
.contact-page__form-input-box select {
  height: 50px;
  width: 100%;
  max-width: 100%;
  border: none;
  background-color: var(--zeinet-extra);
  padding-left: 30px;
  padding-right: 30px;
  outline: none;
  font-size: 14px;
  color: var(--zeinet-gray);
  display: block;
  font-weight: 500;
}

/*--------------------------------------------------------------
# Sobre nós: fotos no tablet e no celular
--------------------------------------------------------------*/
@media (max-width: 1199px) {
  .about-four__img-two {
    left: 15px;
  }
}

@media (max-width: 767px) {
  /* no celular o mascote alto empurrava o conteúdo; fica só o "5+" e a foto */
  .about-six__image__left {
    display: none;
  }

  .about-six__image {
    justify-content: center;
  }

  .about-six__image__right img {
    width: 100%;
  }
}

/*--------------------------------------------------------------
# Home: topo com o mascote novo em fundo roxo
--------------------------------------------------------------*/
.image-layer-three.ltnet-hero-mascote {
  background-color: #2b1470;
  background-image:
    url(../images/ltnet/mascote.webp?v=2),
    linear-gradient(135deg, #1f0f57 0%, #3a1c8c 55%, #2b1470 100%);
  background-repeat: no-repeat, no-repeat;
  background-size: auto 92%, cover;
  background-position: right 6% bottom, center;
}

.image-layer-three.ltnet-hero-mascote:before {
  background-color: rgba(43, 20, 112, 0.55);
}

@media (max-width: 991px) {
  .image-layer-three.ltnet-hero-mascote {
    background-size: auto 70%, cover;
    background-position: center top 30px, center;
  }

  .image-layer-three.ltnet-hero-mascote:before {
    background-color: rgba(43, 20, 112, 0.68);
  }
}

/* Sobre nós: mascote novo nos ícones de Missão/Visão/Valores */
.feature-four__single__icon .feature-icon-img {
  width: auto;
  height: 52px;
  max-width: none;
}

@media (min-width: 768px) {
  .about-six__image__left img {
    margin-left: 25px;
  }
}