* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  background: #faf7f9;
  color: #333;
}

/* TOPO */
.topo {
  background: linear-gradient(135deg,#f7b7c8,#f3a1bb);
  padding: 30px 15px;
  text-align: center;
}
.topo h1 {
  margin: 0;
  font-family: 'Playfair Display', serif;
}
.topo span { color:#7a003c; }

/* MENU */
.menu {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  background:#7a003c;
  padding:12px;
}
.menu a {
  color:#fff;
  text-decoration:none;
  padding:10px 18px;
  border-radius:30px;
  font-weight:600;
}

/* CONTEÚDO */
.conteudo {
  max-width:1100px;
  margin:40px auto;
  padding:0 20px;
}

/* HOME / PRESENTE */
.boas-vindas,.presente { text-align:center; }
.boas-vindas img,.presente img {
  max-width:100%;
  border-radius:20px;
  margin-top:20px;
  box-shadow:0 15px 40px rgba(0,0,0,.15);
}

/* CATÁLOGOS */
.catalogos {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:22px;
  margin:40px 0;
}
.catalogo-item {
  background:#fff;
  padding:16px;
  border-radius:20px;
  text-align:center;
  cursor:pointer;
  box-shadow:0 10px 25px rgba(0,0,0,.1);
}
.catalogo-item img { width:80px; }
.catalogo-nome { margin-top:8px; font-weight:600; }

/* PDF (DESKTOP) */
.pdf-container {
  width:100%;
  height:80vh;
  border-radius:12px;
  overflow:hidden;
  background:#000;
  box-shadow:0 10px 30px rgba(0,0,0,.15);
}
.pdf-container iframe {
  width:100%;
  height:100%;
  border:none;
}

/* CONTATO */
.contato {
  max-width:480px;
  margin:0 auto;
  padding:30px;
  background:#fff;
  border-radius:25px;
  box-shadow:0 15px 40px rgba(0,0,0,.15);
}
.contato form { display:flex; flex-direction:column; gap:15px; }
.contato input,.contato textarea {
  width:100%;
  padding:14px;
  border-radius:12px;
  border:1px solid #ccc;
  font-size:16px;
}
.contato button {
  background:#ff4081;
  color:#fff;
  border:none;
  padding:15px;
  border-radius:30px;
  font-size:16px;
  font-weight:600;
}

/* RODAPÉ */
.rodape {
  text-align:center;
  padding:20px;
  background:#eee;
  margin-top:40px;
}

/* === MOBILE REAL (ANDROID / iOS) === */
@media (hover: none) and (pointer: coarse) {

  /* menu */
  .menu {
    flex-direction: column;
  }

  .menu a {
    width: 100%;
    max-width: 260px;
    text-align: center;
  }

  /* catálogo: só ícones */
  .catalogo-nome {
    display: none !important;
  }

  /* ESCONDE PDF EM QUALQUER CELULAR */
  .pdf-container {
    display: none !important;
  }
}
/* =========================
   BOTÕES – PADRÃO GLOBAL
   ========================= */

/* Links que parecem botões (menu, cards, etc) */
.menu a,
button,
.btn,
input[type="submit"] {
  background-color: #ff4081; /* rosa */
  color: #ffffff;           /* texto branco */

  border: none;
  border-radius: 30px;

  padding: 12px 22px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 15px;

  cursor: pointer;
  text-decoration: none;

  transition: background-color 0.25s ease,
              transform 0.15s ease,
              box-shadow 0.15s ease;
}

/* Hover / toque */
.menu a:hover,
button:hover,
.btn:hover,
input[type="submit"]:hover {
  background-color: #e91e63; /* rosa mais escuro */
  box-shadow: 0 6px 18px rgba(233,30,99,0.4);
  transform: translateY(-1px);
}

/* Android / toque */
@media (hover: none) {
  .menu a:active,
  button:active,
  .btn:active,
  input[type="submit"]:active {
    transform: scale(0.97);
  }
}