body {
    --mh-bg1:#ff7a5f;
    --mh-bg2:#ff9a5a;
    --mh-bg3:#ffa85a;
    --mh-bg4:#f39b4a;
    --mh-white:#ffffff;
    background:
    radial-gradient(1200px circle at 18% 30%, rgba(255,122,95,.55) 0%, rgba(255,154,90,.35) 45%, rgba(255,168,90,.15) 70%, transparent 100%),
    linear-gradient(160deg, var(--mh-bg1) 0%, var(--mh-bg2) 45%, var(--mh-bg3) 72%, var(--mh-bg4) 100%);
}


.memoria-hero{
  /* Variáveis escopadas nesta seção */
  
  --mh-red:#e51d2a;
  --mh-text:#ffffff;
  --mh-shadow:0 10px 30px rgba(0,0,0,.18);
  --mh-maxw:1120px;

  color:var(--mh-text);

  padding: 0;
  display: flex;
  align-items: center;
  height: 100vh;
}

.memoria-hero *{ box-sizing:border-box; }

.memoria-hero__container{
  width:min(92vw, var(--mh-maxw));
  margin-inline:auto;
  text-align:center;
}

.memoria-hero__title{
  margin:0 0 .5rem;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
  font-size:clamp(28px, 6vw, 54px);
  text-shadow:0 2px 12px rgba(0,0,0,.12);
  /* Use a fonte global do site; se quiser Montserrat, importe-a no projeto e aplique aqui. */
}

.memoria-hero__subtitle{
  margin:0 0 1.75rem;
  font-weight:500;
  text-transform:uppercase;
  font-size: clamp(16px, 3vw, 42px);
  color: #020003;
}

.memoria-hero__lead{
  max-width:860px;
  margin:0 auto 3.25rem;
  font-weight:400;
  font-size:clamp(14px, 2.4vw, 31px);
  line-height:1.35;
}

.memoria-hero__cta{
  display:flex;
  justify-content:center;
  margin-block: clamp(12px, 3vw, 36px) clamp(28px, 6vw, 64px);
}

.memoria-hero__button{
  appearance:none;
  border:0;
  padding: clamp(12px, 2.4vw, 18px) clamp(28px, 4vw, 40px);
  background:var(--mh-white);
  color:var(--mh-red);
  border-radius:999px;
  font-weight:800;
  font-size:clamp(14px, 2.4vw, 25px);
  letter-spacing:.04em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:var(--mh-shadow);
  transition:transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.memoria-hero__button:hover{
  transform:translateY(-1px);
  filter:brightness(1.03);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.memoria-hero__button:active{ transform:translateY(0); }

.memoria-hero__button.red {
    background-color:var(--mh-red);
    color:var(--mh-white)
}

.memoria-hero__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:clamp(12px, 2vw, 24px);
}

.memoria-hero__logo{
    max-width: 170px;
    display: inline-flex;
    gap: 4px;
}

.memoria-hero__logo img {
    width: 100%;
}
.memoria-hero__sipat{
  font-weight:800;
  font-size:clamp(18px, 2vw, 28px);
  letter-spacing:.06em;
  text-transform:uppercase;
  text-shadow:0 2px 10px rgba(0,0,0,.18);
}


@media screen and (max-width:620px){
    .memoria-hero__footer{
        flex-direction:column;
        align-items:center;
    }

    .memoria-hero__button {
        order: 1;
        margin-bottom: 3rem;
    }

    .memoria-hero__logo {
        order: 2;
    }

    .memoria-hero__sipat {
        order: 3;
    }
}

@media screen and (min-width: 621px) {
    .memoria-hero__lead {
        max-width: 69%;
        margin:0 auto 8.25rem;
    }
}


.card-face.back img.cover,
.card-face.front img {
    width: 100%;
    height: 100%;
}