/* =========================================================
   DÍZIMOS E OFERTAS — LAYOUT FECHADO
   Inspirado na referência aprovada pela usuária.
   ========================================================= */

.ofertas-page{
  margin:0;
  background:#070706;
  color:#f7f0e5;
}

.ofertas-page *{ box-sizing:border-box; }

.ofertas-page .ofertas-shell{
  width:min(1180px, calc(100% - 48px));
  margin:24px auto 0;
  border:1px solid rgba(190,142,55,.34);
  overflow:hidden;
  background:#080807;
}

.ofertas-inner{
  width:min(1080px, calc(100% - 72px));
  margin:0 auto;
}

/* CABEÇALHO */
.ofertas-header{
  background:#090908;
  border-bottom:1px solid rgba(190,142,55,.18);
}

.ofertas-header .brand,
.ofertas-header .nav a{ color:#f6efe4; }

.ofertas-header .nav a.active{ color:#c6943b; }

.ofertas-top-btn{
  padding:12px 17px;
  background:#c6943b;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  font:700 9px/1 Montserrat,sans-serif;
  letter-spacing:1.2px;
}

/* HERO */
.ofertas-hero{
  position:relative;
  min-height:470px;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg,rgba(4,4,3,.97) 0%,rgba(4,4,3,.87) 36%,rgba(4,4,3,.16) 74%,rgba(4,4,3,.05) 100%),
    url("maos-ofertas.png") center right/cover no-repeat;
}

.ofertas-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.28));
  pointer-events:none;
}

.hero-inner{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.hero-copy{ max-width:530px; }

.ofertas-kicker,
.payment-kicker{
  margin:0 0 12px;
  color:#c89436;
  font:700 10px/1.2 Montserrat,sans-serif;
  letter-spacing:2.7px;
}

.hero-copy h1{
  margin:0;
  color:#fff;
  font:500 72px/.78 "Cormorant Garamond",serif;
  letter-spacing:-2px;
}

.hero-copy h1 em{
  color:#c89436;
  font-style:italic;
  font-weight:500;
}

.hero-subtitle{
  margin:18px 0 14px;
  color:#f2eee7;
  font:400 17px/1.4 Montserrat,sans-serif;
}

.hero-copy blockquote{
  margin:0;
  color:#ded5c9;
  font:italic 15px/1.45 "Cormorant Garamond",serif;
}

.verse-ref{
  display:block;
  margin-top:8px;
  color:#c89436;
  font:600 8px/1 Montserrat,sans-serif;
  letter-spacing:1.8px;
}

.hero-side-note{
  align-self:flex-start;
  margin-top:78px;
  color:#d7aa59;
  text-align:right;
  font:500 9px/1.55 Montserrat,sans-serif;
  letter-spacing:3px;
}

.hero-side-note span,
.gratitude-note span{
  display:block;
  width:34px;
  height:1px;
  margin:12px 0 0 auto;
  background:#c89436;
}

/* BENEFÍCIOS */
.ofertas-benefits{
  border-top:1px solid rgba(190,142,55,.25);
  border-bottom:1px solid rgba(190,142,55,.25);
}

.benefits-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
}

.benefit{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:15px;
  min-height:132px;
  padding:30px 28px;
  align-items:center;
}

.benefit + .benefit{ border-left:1px solid rgba(190,142,55,.25); }

.benefit-icon{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border:1px solid #c89436;
  border-radius:50%;
  color:#d6a24a;
  font-size:25px;
}

.benefit h2{
  margin:0 0 7px;
  color:#fff;
  font:700 10px/1.2 Montserrat,sans-serif;
  letter-spacing:.7px;
}

.benefit p{
  margin:0;
  color:#a89e91;
  font:300 9px/1.6 Montserrat,sans-serif;
}

/* PAGAMENTO */
.ofertas-payment{ padding:34px 0 30px; }

.payment-grid{
  display:grid;
  grid-template-columns:1fr 1.08fr;
  gap:28px;
}

.pix-card{
  display:grid;
  grid-template-columns:1.35fr .72fr;
  gap:20px;
  min-height:330px;
  padding:30px;
  background:#f4efe5;
  color:#1b1712;
  border-radius:7px;
  box-shadow:0 12px 30px rgba(0,0,0,.25);
}

.pix-card .payment-kicker{ color:#3a2b1d; letter-spacing:1.6px; }

.pix-card h2,
.bank-card h2{
  margin:0 0 12px;
  font:500 42px/.9 "Cormorant Garamond",serif;
}

.payment-copy{
  margin:0 0 27px;
  color:#655d53;
  font:300 10px/1.55 Montserrat,sans-serif;
}

.pix-card label{
  display:block;
  margin-bottom:8px;
  color:#8b7d6c;
  font:600 7px/1 Montserrat,sans-serif;
  letter-spacing:1.3px;
}

.copy-field{
  height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 13px;
  border:1px solid #d8cdbd;
  background:#faf7f0;
  color:#554c42;
  font:400 9px Montserrat,sans-serif;
}

.copy-field button{
  border:0;
  background:transparent;
  cursor:pointer;
}

.copy-pix{
  width:100%;
  margin-top:12px;
  padding:14px;
  border:0;
  background:#c89436;
  color:#fff;
  cursor:pointer;
  font:700 8px/1 Montserrat,sans-serif;
  letter-spacing:1px;
}

.qr-area{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.qr-placeholder{
  width:128px;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border:8px solid #fff;
  outline:1px solid #cfc5b6;
  background:
    linear-gradient(45deg,#111 25%,transparent 25%,transparent 75%,#111 75%),
    linear-gradient(45deg,#111 25%,#fff 25%,#fff 75%,#111 75%);
  background-position:0 0,6px 6px;
  background-size:12px 12px;
}

.qr-placeholder span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  background:#fff;
  color:#111;
  font:700 13px Montserrat,sans-serif;
}

.qr-area small{
  margin-top:10px;
  color:#342c23;
  font:700 6px/1 Montserrat,sans-serif;
  letter-spacing:1px;
}

.bank-card{
  min-height:330px;
  padding:30px;
  border:1px solid rgba(200,148,54,.55);
  border-radius:5px;
  background:#090908;
}

.bank-card h2{ color:#fff; }

.bank-data{ margin-top:22px; }

.bank-data div{
  display:grid;
  grid-template-columns:145px 1fr;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid rgba(200,148,54,.2);
}

.bank-data span{
  color:#c89436;
  font:600 7px/1.2 Montserrat,sans-serif;
  letter-spacing:1px;
}

.bank-data strong{
  color:#ddd4c8;
  font:400 8px/1.2 Montserrat,sans-serif;
}

.copy-bank{
  width:100%;
  margin-top:18px;
  padding:13px;
  border:1px solid #c89436;
  background:transparent;
  color:#d4a44d;
  cursor:pointer;
  font:700 8px/1 Montserrat,sans-serif;
  letter-spacing:1px;
}

/* PÔR DO SOL */
.ofertas-gratitude{
  position:relative;
  min-height:185px;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg,rgba(9,8,6,.78),rgba(9,8,6,.26)),
    url("por-do-sol-ofertas.png") center/cover no-repeat;
}

.gratitude-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.4fr .6fr;
  align-items:center;
}

.gratitude-verse{
  padding-left:42px;
  border-left:1px solid rgba(255,255,255,.25);
}

.gratitude-verse p{
  margin:0 0 8px;
  color:#f4eee6;
  font:italic 17px/1.25 "Cormorant Garamond",serif;
}

.gratitude-verse span{
  color:#c89436;
  font:600 7px Montserrat,sans-serif;
  letter-spacing:1.4px;
}

.gratitude-note{
  color:#d5ad67;
  text-align:right;
  font:500 9px/1.6 Montserrat,sans-serif;
  letter-spacing:2.8px;
}

/* RODAPÉ */
.ofertas-footer{
  width:min(1180px, calc(100% - 48px));
  margin:0 auto 24px;
  background:#070706;
  border:1px solid rgba(190,142,55,.16);
  border-top:0;
}

.ofertas-footer .footer-grid{
  padding:34px 0 28px;
}

.ofertas-footer .footer-bottom{
  border-top:1px solid rgba(190,142,55,.15);
}

/* MOBILE */
@media (max-width:760px){
  .ofertas-page .ofertas-shell,
  .ofertas-footer{
    width:calc(100% - 20px);
    margin-left:auto;
    margin-right:auto;
  }

  .ofertas-page .ofertas-shell{
    margin-top:10px;
    border-radius:0;
  }

  .ofertas-inner{ width:calc(100% - 32px); }

  .ofertas-hero{
    min-height:500px;
    align-items:flex-end;
    background:
      linear-gradient(90deg,rgba(4,4,3,.96) 0%,rgba(4,4,3,.74) 48%,rgba(4,4,3,.18) 100%),
      url("maos-ofertas.png") 64% center/cover no-repeat;
  }

  .hero-inner{ padding-bottom:45px; }
  .hero-copy h1{ font-size:58px; }
  .hero-subtitle{ font-size:13px; }
  .hero-copy blockquote{ font-size:13px; }
  .hero-side-note{ display:none; }

  .benefits-grid{ grid-template-columns:1fr; }
  .benefit{ min-height:108px; padding:22px 10px; }
  .benefit + .benefit{
    border-left:0;
    border-top:1px solid rgba(190,142,55,.25);
  }

  .payment-grid{ grid-template-columns:1fr; gap:18px; }
  .pix-card{
    grid-template-columns:1fr;
    padding:24px 20px;
  }
  .qr-area{ order:-1; margin-bottom:5px; }
  .qr-placeholder{ width:135px; }

  .bank-card{ padding:24px 20px; }
  .bank-data div{ grid-template-columns:110px 1fr; }

  .ofertas-gratitude{ min-height:250px; }
  .gratitude-grid{ grid-template-columns:1fr; }
  .gratitude-verse{ padding-left:18px; }
  .gratitude-note{ display:none; }

  .ofertas-footer{ margin-bottom:10px; }
}

@media (max-width:480px){
  .ofertas-page .ofertas-shell,
  .ofertas-footer{ width:calc(100% - 14px); }

  .ofertas-inner{ width:calc(100% - 26px); }
  .hero-copy h1{ font-size:52px; }
  .ofertas-hero{ min-height:460px; }
  .pix-card h2,.bank-card h2{ font-size:38px; }
}

/* =========================================
   MENU MOBILE — DÍZIMOS E OFERTAS
========================================= */

@media (max-width: 760px) {

    .ofertas-page .desktop-only {
        display: none !important;
    }

    .ofertas-page .menu-btn {
        display: block !important;
        background: transparent;
        border: 0;
        color: #b28b48;
        font-size: 26px;
        cursor: pointer;
        padding: 5px;
        z-index: 1001;
    }

    .ofertas-page .nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        background: #0c0b09;
        padding: 22px 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
        z-index: 1000;
        border-top: 1px solid rgba(178, 139, 72, 0.25);
    }

    .ofertas-page .nav.open {
        display: flex !important;
    }

    .ofertas-page .nav a {
        display: block;
        width: 100%;
        color: #ffffff;
        font-size: 12px;
        padding: 5px 0;
    }

    .ofertas-page .nav a.active {
        color: #b28b48;
    }

    .ofertas-page .nav-wrap {
        position: relative;
    }
}