/*
  Paleta por produto -- Marobrain.
  Sobrescreve os tokens de cor (:root) de ../reviews.css para refletir a
  identidade visual real da pagina oficial (https://marobrain.com/about/?aff_id=6022),
  mantendo layout/estrutura do MODELO REVIEW intactos (so cores mudam).
  Tokens extraidos das variaveis CSS reais do site (curl + grep, nao WebFetch),
  ver data/produtos/marobrain.json -> theme_tokens.
*/
:root {
  --navy-1: #3d1f8c;
  --navy-2: #140b2e;
  --testimonial-navy: #221046;
  --panel-gray: #F1ECFF;
  --cta-1: #F5C518;
  --cta-2: #E67E00;
  --cta-hover-1: #FFE168;
  --cta-hover-2: #F5C518;
  --badge-border: rgba(245, 197, 24, .6);
}

@media (max-width: 767px) {
  .hero-image img {
    width: auto !important;
    max-width: 190px !important;
    max-height: 190px !important;
    object-fit: contain !important;
  }
  .inline-figure img {
    max-width: 230px !important;
    width: auto !important;
  }
}