/*
 * AVANTHY — REFINAMENTOS DA BASE PÚBLICA
 *
 * Não substitui o layout atual.
 * Apenas melhora consistência, espaçamento e acabamento.
 */

:root {
  --av-base-navy: #00234d;
  --av-base-blue: #0065a3;
  --av-base-blue-light: #087fc2;
  --av-base-orange: #ff6600;
  --av-base-orange-light: #ff7a1a;
  --av-base-text: #10243e;
  --av-base-muted: #637489;
  --av-base-border: rgba(0, 35, 77, 0.11);
  --av-base-surface: #ffffff;
  --av-base-background: #f7f9fc;
  --av-base-container: 1200px;
  --av-base-radius: 20px;
  --av-base-shadow:
    0 18px 48px rgba(0, 35, 77, 0.1);
}

html {
  scroll-padding-top: 96px;
}

.page-sites-home,
.page-modelos {
  overflow-x: clip;
  font-family:
    "Poppins",
    Arial,
    sans-serif;
}

.page-sites-home main,
.page-modelos main {
  overflow: hidden;
}

.page-sites-home main > section {
  position: relative;
  scroll-margin-top: 96px;
}

.page-sites-home
:is(
  #beneficios,
  #como-funciona,
  #planos,
  #modelos,
  #depoimentos,
  #contato
) {
  padding-top: clamp(74px, 8vw, 112px);
  padding-bottom: clamp(74px, 8vw, 112px);
}

.page-sites-home
:is(
  .container,
  .section-container,
  .content-container
) {
  width: min(
    calc(100% - 40px),
    var(--av-base-container)
  );
  margin-inline: auto;
}

.page-sites-home section h2 {
  color: var(--av-base-navy);
  line-height: 1.13;
  letter-spacing: -0.035em;
  text-wrap: balance;
}

.page-sites-home section p {
  text-wrap: pretty;
}

.page-sites-home
:is(
  .section-header,
  .section-heading,
  .section-title
) {
  margin-bottom: clamp(30px, 4vw, 48px);
}

.page-sites-home
:is(
  .benefits-grid,
  .features-grid,
  .plans-grid,
  .models-grid,
  .testimonials-grid,
  .process-grid,
  .services-grid
) {
  gap: clamp(18px, 2.4vw, 28px);
}

.page-sites-home
:is(
  .benefit-card,
  .feature-card,
  .plan-card,
  .model-card,
  .testimonial-card,
  .process-card,
  .service-card
) {
  height: 100%;
  border-radius: var(--av-base-radius);
  border-color: var(--av-base-border);
  transition:
    transform 200ms ease,
    box-shadow 200ms ease,
    border-color 200ms ease;
}

.page-sites-home
:is(
  .benefit-card,
  .feature-card,
  .plan-card,
  .model-card,
  .testimonial-card,
  .process-card,
  .service-card
):hover {
  transform: translateY(-5px);
  border-color: rgba(0, 101, 163, 0.25);
  box-shadow: var(--av-base-shadow);
}

.page-sites-home
:is(
  a[class*="btn"],
  a[class*="button"],
  button[class*="btn"],
  button[class*="button"]
) {
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease;
}

.page-sites-home
:is(
  a[class*="btn"],
  a[class*="button"],
  button[class*="btn"],
  button[class*="button"]
):hover {
  transform: translateY(-2px);
}

/* Botão oficial de acesso à nova página Modelos */

.page-sites-home .avanthy-modelos-cta {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;

  min-height: 50px;
  padding: 12px 22px !important;

  color: #ffffff !important;

  background:
    linear-gradient(
      135deg,
      var(--av-base-orange-light),
      var(--av-base-orange)
    ) !important;

  border:
    1px solid
    rgba(255, 255, 255, 0.16) !important;

  border-radius: 13px !important;

  box-shadow:
    0 15px 32px
    rgba(255, 102, 0, 0.26) !important;

  font-weight: 700 !important;
  text-decoration: none !important;
}

.page-sites-home .avanthy-modelos-cta:hover {
  color: #ffffff !important;

  background:
    linear-gradient(
      135deg,
      var(--av-base-orange),
      #d94f00
    ) !important;

  box-shadow:
    0 19px 40px
    rgba(255, 102, 0, 0.34) !important;

  transform: translateY(-3px);
}

/* Cabeçalho compartilhado entre Home e Modelos */

.page-sites-home header,
.page-modelos header {
  z-index: 1000;
  border-bottom:
    1px solid
    rgba(255, 255, 255, 0.1);
  box-shadow:
    0 10px 32px
    rgba(0, 20, 45, 0.14);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

/* Previne imagens e mockups de ultrapassarem a tela */

.page-sites-home img,
.page-sites-home svg,
.page-sites-home video,
.page-modelos img,
.page-modelos svg,
.page-modelos video {
  max-width: 100%;
}

.page-sites-home
:is(
  input,
  textarea,
  select
) {
  min-height: 48px;
  border-radius: 12px;
}

.page-sites-home
:is(
  input,
  textarea,
  select
):focus {
  border-color: var(--av-base-blue);
  outline: none;
  box-shadow:
    0 0 0 4px
    rgba(0, 101, 163, 0.1);
}

@media (max-width: 768px) {
  html {
    scroll-padding-top: 82px;
  }

  .page-sites-home
  :is(
    #beneficios,
    #como-funciona,
    #planos,
    #modelos,
    #depoimentos,
    #contato
  ) {
    padding-top: 68px;
    padding-bottom: 68px;
  }

  .page-sites-home
  :is(
    .container,
    .section-container,
    .content-container
  ) {
    width: min(
      calc(100% - 28px),
      var(--av-base-container)
    );
  }

  .page-sites-home section h2 {
    line-height: 1.17;
  }

  .page-sites-home
  :is(
    .benefit-card,
    .feature-card,
    .plan-card,
    .model-card,
    .testimonial-card,
    .process-card,
    .service-card
  ):hover {
    transform: none;
  }

  .page-sites-home .avanthy-modelos-cta {
    min-height: 48px;
    padding-inline: 18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-sites-home *,
  .page-sites-home *::before,
  .page-sites-home *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}