/* This is empty CSS file intended to be overwritten by user's custom CSS file */

/* ============= Device specific fixes ======= */

/* Large screens such as TV */
@media only screen and (min-width: 1824px) {
}

/* Extra large devices (large desktops, 1200px and up) */

@media (max-width: 1400px) {
}

@media (max-width: 1200px) {
}

/* IPad Pro */
@media (max-width: 1024px) {
}

/*  Large devices (desktops, 992px and up) */

@media (max-width: 992px) {
}

/* Medium devices (tablets, 768px and up) */

@media only screen and (max-width: 768px) {
}

/* Small devices (landscape phones, 576px and up) */

@media only screen and (max-width: 576px) {
}

/* iPhoneX, iPhone 6,7,8 */
@media only screen and (max-width: 375px) {
}

/* Galaxy S5, Moto G4 */
@media only screen and (max-width: 360px) {
}

/* iPhone 5 or before */
@media only screen and (max-width: 320px) {
}

/* ---------- Anúncios: espaço reservado evita "pulo" do layout (CLS) ---------- */
.ad-unit {
  margin: 2rem 0;
  min-height: 100px;
  text-align: center;
}
.ad-unit-autorelaxed {
  min-height: 280px;
}

/* ---------- Caixa "Apoie o site" no fim dos posts ---------- */
.support-box {
  margin: 2rem 0;
  padding: 1.25rem 1.5rem;
  border-left: 4px solid #248aaa;
  border-radius: 6px;
  background: rgba(36, 138, 170, 0.08);
}
.support-box h4 {
  margin-top: 0;
}
.support-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.support-btn {
  background: #248aaa;
  color: #fff !important;
  border: none;
}
.support-btn:hover {
  background: #1b6d87;
}

/* ---------- Vídeo no topo do post ---------- */
.post-video {
  position: relative;
  margin-bottom: 1.5rem;
  aspect-ratio: 16 / 9;
}
.post-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 6px;
}

/* ---------- Produtos (/materiais/ e oferta no fim do post) ---------- */
.materiais-page {
  padding: 6rem 1rem 3rem;
}
.materiais-header {
  max-width: 720px;
  margin-bottom: 2rem;
}
.product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.25rem;
}
.product-card {
  display: flex;
  flex-direction: column;
  padding: 1.25rem 1.5rem;
  border: 1px solid rgba(36, 138, 170, 0.35);
  border-radius: 8px;
  background: #fff;
}
.product-card h3 {
  margin: 0.25rem 0;
  font-size: 1.25rem;
}
.product-type {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #248aaa;
}
.product-subtitle {
  color: #555;
}
.product-items {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem;
}
.product-items li {
  margin: 0.35rem 0;
}
.product-items .fa-check {
  color: #2e9e5b;
  margin-right: 0.35rem;
}
.product-card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: auto;
}
.product-price {
  font-size: 1.35rem;
  font-weight: 700;
}
.product-buy {
  background: #2e9e5b;
  color: #fff !important;
  font-weight: 600;
}
.product-buy:hover {
  background: #247d48;
}
.product-soon {
  background: #ccc;
  color: #333;
  cursor: default;
}
.product-offer {
  margin: 2rem 0;
}
.product-offer-kicker {
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.product-offer-more {
  margin-top: 0.5rem;
  text-align: right;
}

/* ---------- Captura de e-mail ---------- */
.email-capture {
  margin: 2rem 0;
  padding: 1.25rem 1.5rem;
  border-radius: 8px;
  background: #1f2d3d;
  color: #f1f1f1;
}
.email-capture h4 {
  margin-top: 0;
  color: #fff;
}
.email-capture form {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.75rem 0 0.5rem;
}
.email-capture input[type="email"] {
  flex: 1 1 220px;
  padding: 0.5rem 0.75rem;
  border: none;
  border-radius: 4px;
}
.email-capture button {
  background: #f0b429;
  color: #1f2d3d;
  font-weight: 700;
}

/* ---------- Link de afiliado ---------- */
.livro-afiliado {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 1rem 0;
  padding: 0.75rem 1rem;
  border: 1px solid #ddd;
  border-radius: 6px;
  text-decoration: none !important;
}
.livro-cta {
  margin-left: auto;
  white-space: nowrap;
  font-weight: 600;
  color: #c45500;
}

/* ---------- Link "Materiais" no topo ---------- */
.nav-materiais {
  font-weight: 600;
}