*{
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
}

html{
    scroll-behavior: smooth;
}

:root{
  --bg:#000;
  --text:#fff;
  --muted:rgba(255,255,255,.55);
  --gold1:#f5c76b;
  --gold2:#d4a73c;

  --pad-desktop: 4rem 15rem;
  --pad-tablet: 4rem 10rem;
  --pad-mobile: 2rem;
}

/* ajuste texto */
h2{
  font-size: clamp(2.2rem, 5vw, 4rem);
}
p{
  font-size: clamp(1.5rem, 5vw, 2rem);
}
button{
  font-size: clamp(1rem, 5vw, 2rem);
}

body{
  background:var(--bg);
  color:var(--text);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.gold{
    color: var(--gold1);
}

.titulo{
  text-transform:uppercase;
  font-weight:800;
  background:linear-gradient(90deg,var(--gold1),var(--gold2));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.pad{
    padding: var(--pad-mobile);
}

.pad-b50{
    padding-bottom: 250px;
}

.fundo{
    padding: 2rem;
}
.fudo__texto{
    font-size: 1rem;
    text-align: center;
    opacity: 0.5;
}

.ds-flex{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.center{
    text-align: center;
}

.opac{
    color: var(--muted);
}

.p-ajuste-menor{
    font-size: 15px;
}

.section-marionete{
    background: linear-gradient(rgba(0, 0, 0, 0.6)),url(img/1.png);
    background-size: cover;
    background-position: 0% 50%;
}

.branco{
  text-transform:uppercase;
  font-weight:800;
  background:linear-gradient(90deg,white,rgb(206, 206, 196));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}


@media(min-width:768px){
    .pad{
        padding: var(--pad-tablet);
    }
}
@media(min-width:1200px){
    .pad{
        padding: var(--pad-desktop);
    }
}