@import url('./variables.css');

/* COMPONENTS */
@import "../css/components/article.css";
@import "../css/components/article-list.css";
@import "../css/components/card.css";
@import "../css/components/filter.css";
@import "../css/components/footer.css";
@import "../css/components/highlight-section.css";
@import "../css/components/image-text-section.css";
@import "../css/components/navbar.css";
@import "../css/components/pagination.css";
@import "../css/components/topo.css";
@import "../css/components/whatsapp-float.css";

/* PAGES */
@import "../css/pages/artigos.css";
@import "../css/pages/consulta.css";
@import "../css/pages/especialidades.css";
@import "../css/pages/perfil.css";
@import "../css/pages/localizacao.css";
@import "../css/pages/index.css";
@import "../css/pages/midia.css";


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--font-family-main);
}

body {
    line-height: 1.6;
    color: #333;
}

/* Container */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.scroll-to-top-anchor {
  display: none;
  position: fixed;
  right: 40px;
  bottom: 105px;
  z-index: 1002;
  background: var(--color-accent);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.18);
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s, visibility 0.2s;
  cursor: pointer;
}
.scroll-to-top-anchor img {
  width: 22px;
  height: 22px;
  display: block;
  margin: auto;
  filter: invert(1);
}
.scroll-to-top-anchor.visible {
  display: flex;
  opacity: 1;
  visibility: visible;
}

@media (max-width: 768px) {
    .hero-content h1 {
        font-size: 2rem;
    }
    
    .hero-content h2 {
        font-size: 1.5rem;
    }
    
    .hero-content p {
        font-size: 1rem;
    }
    .scroll-to-top-anchor {
      right: 16px;
      bottom: 16px;
      width: 38px;
      height: 38px;
    }
    .scroll-to-top-anchor img {
      width: 18px;
      height: 18px;
    }
}