/* ============================================================
   PATCH 20260721n — R13
   1) Arte oficial no hero (JPG sólido, sem halos)
   2) Logo IREFIS hero +12% (88px → 99px)
   3) Foto Leva & Traz — 16:9 object-fit contain, placa borrada
   4) Aviso de retirada visível em todos os fluxos de kit/produto
   ============================================================ */

/* ─── ARTE OFICIAL NO HERO ──────────────────────────────────
   Imagem complementar/principal: JPG sólido sem transparência.
   Inserida entre a logo IREFIS e o h1.
   Desktop: centralizada no fluxo, ao lado dos selos (absolutos).
   Mobile: inline, max-width controlada.
   ─────────────────────────────────────────────────────────── */
.hero-arte-oficial {
  position: relative;
  z-index: 3;
  width: min(310px, 86vw);
  margin: .3rem auto .6rem;
  border-radius: 14px;
  overflow: hidden;
  box-shadow:
    0 6px 28px rgba(0,0,0,.42),
    0 0 0 2px rgba(255,255,255,.28),
    0 0 0 4px rgba(233,30,140,.18);
  background: #fff;
  line-height: 0;
}
.hero-arte-oficial img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  border-radius: 12px;
}

/* Tablet/desktop: arte pode ser um pouco maior */
@media (min-width: 641px) {
  .hero-arte-oficial {
    width: min(330px, 30vw);
  }
}
@media (min-width: 1024px) {
  .hero-arte-oficial {
    width: min(340px, 26vw);
  }
}

/* ─── LOGO IREFIS HERO: +12% (88px → ~99px) ─────────────────
   Apenas no hero; header e footer não são afetados.
   Sem corte, sem distorção — object-fit: contain já está no
   patch-20260721m.css.
   ─────────────────────────────────────────────────────────── */
.hero .hero-logo {
  width:  99px !important;
  height: 99px !important;
}

/* Escala proporcional em mobile (era 72px → agora ~81px) */
@media (max-width: 480px) {
  .hero .hero-logo {
    width:  81px !important;
    height: 81px !important;
    margin-bottom: .7rem;
  }
}

/* ─── AVISO DE RETIRADA ─────────────────────────────────────
   Aparece junto ao preço/botão, nos cards, modais e confirmações.
   Dois estilos: .retirada-notice (padrão, fundo âmbar) e
   .retirada-inline (compacto para junto do price-badge).
   ─────────────────────────────────────────────────────────── */
.retirada-notice {
  display: flex;
  align-items: flex-start;
  gap: .45rem;
  background: #FFF8E1;
  border: 1.5px solid #FFB300;
  border-radius: 10px;
  padding: .7rem .95rem;
  margin: .8rem 0 1rem;
  font-size: .82rem;
  color: #4E342E;
  line-height: 1.55;
}
.retirada-notice .rn-icon {
  font-size: 1.1rem;
  flex-shrink: 0;
  margin-top: .08rem;
}
.retirada-notice strong {
  color: #BF360C;
  display: block;
  margin-bottom: .12rem;
}
.retirada-notice small {
  display: block;
  margin-top: .2rem;
  opacity: .80;
  font-size: .75rem;
}

/* Versão compacta — junto ao preço na seção do kit público */
.retirada-inline {
  display: flex;
  align-items: flex-start;
  gap: .4rem;
  background: rgba(255,179,0,.12);
  border: 1px solid rgba(255,152,0,.42);
  border-radius: 9px;
  padding: .5rem .8rem;
  margin-top: .65rem;
  font-size: .79rem;
  color: #5D4037;
  font-weight: 600;
  line-height: 1.5;
}
.retirada-inline .rni-icon {
  font-size: 1rem;
  flex-shrink: 0;
  margin-top: .06rem;
}
.retirada-inline em {
  font-style: normal;
  font-weight: 800;
  color: #BF360C;
}

/* ─── FOTO LEVA & TRAZ — 16:9 contain, placa borrada ────────
   Substitui o emoji 🚗 no .destino-card do Programa Leva & Traz.
   Carro inteiro, sem distorção; placa anonimizada no arquivo.
   ─────────────────────────────────────────────────────────── */
.leva-traz-foto-wrap {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow: hidden;
  background: #f0f0f0;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 12px rgba(0,0,0,.12);
}
.leva-traz-foto-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* ─── SUBTÍTULO "O que você precisa está aqui" — R13 ────────
   Alterado via HTML; este bloco força caso herança atrapalhe.
   ─────────────────────────────────────────────────────────── */
/* (nenhum override CSS necessário — mudança só no HTML) */