@import url('https://fonts.googleapis.com/css2?family=Jost:wght@200;400;600;700&display=swap');

body {
    font-family: 'Jost', sans-serif;
    color: #fff;
    font-size: 18px;
    background-color: #203258fa;
    /* background-image: url('images/bg-papel-quadriculado-branco.png'); */
}

.bloco-superior{
    background-image: url('images/bg-papel-quadriculado-azul.png');
}

/* Base: comum a todas as versões + imagem mobile (1080×1920, 9:16) */
/* ===== FUNDO DO BLOCO SUPERIOR ===== */

.bloco-sup {
    position: relative;
    isolation: isolate;
    clip-path: inset(0);
}

/* Mobile (1080×1920, 9:16) */
.bloco-sup::before {
    content: '';
    position: fixed;
    inset: 0;
    height: 100vh;
    height: 100svh;
    z-index: -1;
    pointer-events: none;
    background-image: url('images/bg-mobile.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/* Tablet (1536×2048, 3:4) */
@media screen and (min-width: 600px) {
    .bloco-sup::before {
        background-image: url('images/bg-tablet.jpeg');
    }
}

/* Desktop (1920×1080, 16:9) */
@media screen and (min-width: 1024px) and (orientation: landscape) {
    .bloco-sup::before {
        background-image: url('images/bg-x.jpeg');
    }
}

/* Desktop grande (2560×1440, 16:9) */
@media screen and (min-width: 1921px) and (orientation: landscape),
       screen and (min-width: 1280px) and (orientation: landscape) and (min-resolution: 2dppx) {
    .bloco-sup::before {
        background-image: url('images/bg-xl.jpeg');
    }
}

h1 {
    font-weight: bold;
    font-size: 28px;
    color: #213C77;
}

h2 {
    font-weight: bold;
    font-size: 24px;
    color: #213C77;
}

.container.footer {
    /*font-size: 12px;*/
    font-size: 0.9em;
    font-weight: 600;
}

.mobile {
    display: none;
}

@media screen and (max-width: 600px) {
    .mobile { display: block; }
    .noMobile { display: none; }
}
@media screen and (max-width: 970px) {
    .mobile { display: block; }
    .noMobile { display: none; }
}

@media screen and (max-width: 959px) {
    .mobile { display: block; }
    .noMobile { display: none; }
}

@media screen and (max-width: 871px) {
    .mobile { display: block; }
    .noMobile { display: none; }
}

@media screen and (max-width: 865px) {
    .mobile { display: block; }
    .noMobile { display: none; }
}

@media screen and (max-width: 651px) {
    .mobile { display: block; }
    .noMobile { display: none; }
}

.whatsapp {
    position: fixed;
    bottom: 1%;
    right: 3px;
    padding: 10px;
    z-index: 10000000;
    width: 77px;
}


.pulsar-receber {
  animation: pulsar 1.8s infinite;
  background: linear-gradient(to bottom, #2bbbad, #3cd5c2);
  border: none;
  color: white;
  font-weight: 600;
  transition: transform 0.3s;
}

@keyframes pulsar-receber {
  0% { 
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(43, 187, 173, 0.6);
  }
  70% { 
    transform: scale(1.05);
    box-shadow: 0 0 10px 10px rgba(43, 187, 173, 0);
  }
  100% { 
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(43, 187, 173, 0);
  }
}

@keyframes pulsarBotao {
  0% { transform: scale(1); box-shadow: 0 0 0 rgba(43, 187, 173, 0.7); }
  50% { transform: scale(1.05); box-shadow: 0 0 25px rgba(43, 187, 173, 0.6); }
  100% { transform: scale(1); box-shadow: 0 0 0 rgba(43, 187, 173, 0.7); }
}

.pulsar-botao {
  animation: pulsarBotao 1.6s infinite ease-in-out;
  transition: transform 0.2s ease;
  border-radius: 8px;
}