/* ZAINA — Página provisória. Desktop e mobile no mesmo estilo visual. */
:root{--verde:#243221;--laranja:#df8d32;--branco:#fff}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font-family:"DM Sans",Arial,sans-serif;background:var(--verde);color:var(--branco)}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:var(--verde)}
.hero-image{position:absolute;inset:0;z-index:-2}
.hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-overlay{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(7,13,9,.92) 0%,rgba(7,13,9,.72) 30%,rgba(7,13,9,.30) 67%,rgba(7,13,9,.06) 100%)}
.container{width:min(1350px,100%);margin:auto;padding:45px 6.2%;position:relative;z-index:1}
.brand{margin-bottom:36px}.brand img{display:block;width:175px;max-width:100%;height:auto}
.message{max-width:670px}
h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(54px,6vw,88px);font-weight:400;line-height:1.01;letter-spacing:-.02em;margin:0 0 22px;text-wrap:balance}
.description{font-size:clamp(15px,1.25vw,18px);line-height:1.65;max-width:540px;margin:0 0 18px;color:#f5f4f0}
.rule{height:2px;width:43px;background:var(--laranja);margin:19px 0}
.status{font-weight:600;font-size:16px;margin:0 0 23px}
.buttons{display:flex;flex-wrap:wrap;gap:12px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 19px;border-radius:2px;text-decoration:none;font-size:11px;letter-spacing:.08em;font-weight:600;text-transform:uppercase;text-align:center;transition:background .2s}
.button-primary{background:var(--laranja);color:#fff}.button-primary:hover{background:#bd7222}
.button-outline{color:#fff;border:1px solid rgba(255,255,255,.85);background:rgba(0,0,0,.1)}.button-outline:hover{background:rgba(255,255,255,.13)}
.footer{margin-top:43px;font-size:10px;line-height:1.6;letter-spacing:.12em;color:#eee}
/* Mobile: logo no topo, bloco principal no centro visual e rodape abaixo. */
@media(max-width:767px){
 .hero{min-height:100svh;min-height:100dvh;align-items:stretch;overflow:hidden}
 .hero-image{inset:0}
 .hero-image img{width:100%;height:100%;object-fit:cover;object-position:56% center}
 .hero-overlay{background:linear-gradient(180deg,rgba(16,28,19,.60) 0%,rgba(16,28,19,.62) 42%,rgba(16,28,19,.70) 100%)}
 .container{width:100%;min-height:100svh;min-height:100dvh;margin:0;padding:30px 7% 28px;display:flex;flex-direction:column;justify-content:initial}
 .brand{margin:0;flex-shrink:0}.brand img{width:clamp(112px,28vw,145px)}
 .message{max-width:100%;margin:auto 0;padding:35px 0 20px;transform:translateY(-5px)}
 h1{font-size:clamp(35px,8.5vw,45px);font-weight:400;line-height:1.04;letter-spacing:-.018em;margin:0 0 18px;text-wrap:balance}
 .desktop-break{display:none}
 .description{font-size:clamp(14px,3.5vw,16px);line-height:1.55;max-width:440px;margin:0 0 14px}
 .rule{margin:17px 0;width:40px}
 .status{font-size:14px;line-height:1.4;margin:0 0 35px}
 .buttons{gap:11px;flex-direction:column;align-items:stretch;max-width:430px}
 .button{min-height:51px;padding:13px 12px;font-size:11px}
 .footer{flex-shrink:0;margin:0;font-size:9px;line-height:1.65;letter-spacing:.09em}
}
@media(max-width:380px){
 .container{padding-left:6%;padding-right:6%;padding-top:23px;padding-bottom:22px}
 .brand img{width:110px}
 h1{font-size:clamp(32px,8.5vw,36px)}
}
/* Em aparelhos baixos, reduz o conjunto sem cola-lo ao topo. */
@media(max-width:767px) and (max-height:700px){
 .container{padding-top:17px;padding-bottom:16px}
 .brand img{width:100px}
 .message{padding:20px 0 14px}
 h1{font-size:clamp(31px,7.9vw,38px);margin-bottom:12px}
 .description{font-size:13px;line-height:1.43;margin-bottom:10px}
 .rule{margin:11px 0}
 .status{font-size:13px;margin-bottom:30px}
 .buttons{gap:8px}
 .button{min-height:43px;padding:10px}
 .footer{font-size:8.5px}
}
@media(min-width:768px) and (max-height:750px){.brand{margin-bottom:18px}.footer{margin-top:22px}h1{font-size:clamp(50px,5vw,72px)}}


/* ZAINA — CORREÇÃO DEFINITIVA DO DEGRADÊ */

/* Desktop: grafite forte à esquerda,
   mantendo as flores visíveis à direita */
.hero .hero-overlay {
  background: linear-gradient(
    90deg,
  rgba(18, 18, 18, 0.92) 0%,
    rgba(18, 18, 18, 0.88) 25%,
    rgba(18, 18, 18, 0.76) 43%,
    rgba(18, 18, 18, 0.42) 65%,
    rgba(18, 18, 18, 0.06) 100%
  );
}

/* Foto e logo */
.hero-image img {
  object-fit: cover;
  object-position: center center;
}

.brand {
    margin-bottom: 46px;
  transform: translateY(-25px);
}

.brand img {
  width: 150px;
}

/* Celular: escurecimento mais uniforme
   para garantir a leitura do texto */

@media (max-width: 767px) {
  .hero .hero-overlay {
    background: linear-gradient(
      90deg,
      rgba(18, 18, 18, 0.94) 0%,
      rgba(18, 18, 18, 0.86) 45%,
      rgba(18, 18, 18, 0.45) 100%
    );
  }

  .brand {
    margin-bottom: 0;
  transform: translateY(35px);
  }

  .brand img {
    width: 112px;
  }

  .message {
    margin: auto 0;
    padding: 45px 0 25px;
  }

  h1 {
    line-height: 1.08;
  }
}

/* Celulares com tela mais baixa */
@media (max-width: 767px) and (max-height: 700px) {
  .brand img {
    width: 100px;
  }

  .message {
    padding: 24px 0 16px;
  }
}


/* AJUSTES SOMENTE DO DESKTOP */
@media (min-width: 768px) {

  .hero .brand {
    transform: translateY(-15px);
  }
	
	.hero .brand img {
  width: 160px;
}

  .hero .status {
    margin-bottom: 40px;
  }

}

/* MOBILE - baixar somente os botões */
@media (max-width: 767px) {
  .hero .buttons {
    transform: translateY(20px);
  }
}

@media (max-width: 767px) {
  .hero .footer {
    transform: translateY(-15px);
  }
}

/* DESKTOP - espaço acima do rodapé */
@media (min-width: 768px) {
  .hero .footer {
    margin-top: 65px;
  }
}