/* Reset básico */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  
}

a, a:hover, a:visited, a:active {
  text-decoration: none !important;
}

/* Estilos base */
html {
  min-height: 100%;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  line-height: 1.5;
  min-height: 100vh;
  min-height: 100dvh;
  /* Fundo quase neutro: gradiente linear suave + véus radiais discretos */
  background-color: #f7f6f9;
  background-image:
    radial-gradient(ellipse 85% 60% at 14% 22%, rgba(255, 255, 255, 1) 0%, transparent 52%),
    radial-gradient(ellipse 70% 55% at 30% 25%, rgba(255, 0, 64, 0.2) 0%, transparent 48%),
    radial-gradient(ellipse 75% 58% at 78% 82%, rgba(109, 76, 158, 0.2) 0%, transparent 50%),
    linear-gradient(158deg, #faf9fb 0%, #f4f2f7 42%, #f8f6fa 100%);
  background-repeat: no-repeat;
  background-size: 115% 115%, 115% 115%, 125% 125%, 100% 100%;
  animation: moverBlobLiquidChrome 32s ease-in-out infinite alternate;
  padding: 30px 5px;
}

@keyframes moverBlobLiquidChrome {
  0% {
    background-position: 5% 18%, 86% 10%, 76% 80%, 0% 0%;
  }

  100% {
    background-position: 9% 14%, 90% 14%, 82% 76%, 0% 0%;
  }
}

@media (prefers-reduced-motion: reduce) {
  body {
    animation: none;
  }
}

/* Headings */
h1, h2,h3 ,h4 {
  font-weight: bold !important;
}

h1,h2,h3,h4,h5,h6 {
margin: 0 ;
}

p {
 color: #334;
}

table {
  border-radius: 20px !important;
}

i {
  vertical-align: middle;
  display: inline-block;
  margin: 3px;
}