/* Fonte Poppins para parágrafos */
p {
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 400;
}
/* Modern beige and dark theme styles for Linktree page */
:root {
  --beige-bg: #f5ecd7;
  --beige-card: #fff7e6;
  --beige-text: #3d2c1a;
  --accent: #c2b280;
  --dark-bg: #384031;
  --dark-card: #232323;
  --dark-text: #f5ecd7;
  --accent-dark: #c2b280;
}
body {
  margin: 0;
  font-family: 'Segoe UI', 'Roboto', Arial, sans-serif;
  background: var(--beige-bg);
  color: var(--beige-text);
  transition: background 0.5s, color 0.5s;
}
body.dark {
  background: var(--dark-bg);
  color: var(--dark-text);
}
.header {
  text-align: center;
  padding: 2rem 1rem 1rem 1rem;
}
.header h1 {
  font-size: 2.5rem;
  margin: 0;
  font-family: 'Playfair Display', 'New York', serif;
  font-weight: 900;
  letter-spacing: 2px;
}
.links {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 400px;
  margin: 2rem auto;
}
.link-card {
  background: var(--beige-card);
  color: var(--beige-text);
  border-radius: 1.5rem;
  box-shadow: 0 4px 24px rgba(194, 178, 128, 0.15);
  padding: 1.2rem 2rem;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 500;
  transition: background 0.5s, color 0.5s;
  cursor: pointer;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center; /* Centraliza ícone e texto */
  position: relative;
  text-decoration: none;
}
.icon-social {
  display: flex;
  align-items: center;
  justify-content: center; /* Centraliza ícone */
  height: 2.2em;
  width: 2.2em;
  min-width: 2.2em;
  margin-right: 0.5em;
}
.icon-social i {
  font-size: 2em;
  color: inherit;
  transition: font-size 0.3s;
}
.text-social {
  font-size: 1em;
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 500;
  color: inherit;
  flex: 1;
  text-align: center;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.dark .link-card {
  background: var(--accent-dark);
  color: var(--dark-text);
  box-shadow: 0 4px 24px rgba(30, 30, 30, 0.25);
}
.link-card:hover {
  background: var(--accent);
  color: #fff;
}
body.dark .link-card:hover {
  background: var(--dark-card);
  color: #181818;
}
 .fab-btn {
  position: fixed;
  right: 2.5vw;
  bottom: 4.5rem; /* Fica acima do rodapé */
  width: clamp(48px, 7vw, 60px);
  height: clamp(48px, 7vw, 60px);
  background: var(--accent);
  color: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 12px rgba(194, 178, 128, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.5rem, 3vw, 2rem);
  cursor: pointer;
  z-index: 101;
  transition: background 0.5s, color 0.5s, width 0.3s, height 0.3s, font-size 0.3s;
}
#fabIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: inherit;
  margin: 0 auto;
}
}
body.dark .fab-btn {
  background: var(--accent-dark);
  color: #181818;
}
@media (max-width: 600px) {
  .header h1 {
    font-size: 2rem;
  }
  .links {
    max-width: 95vw;
    gap: 1rem;
  }
  .link-card {
    font-size: 1rem;
    padding: 1rem 1rem;
    gap: 0.7rem;
    justify-content: center; /* Mantém centralização no mobile */
  }
  .icon-social {
    height: 1.5em;
    width: 1.5em;
    min-width: 1.5em;
    justify-content: center;
    align-items: center;
  }
  .icon-social i {
    font-size: 1.5em;
  }
  .text-social {
    font-size: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}