/* Engenho — rodapé do grupo, compartilhado por todos os sites das marcas.
   Tudo isolado com o prefixo .eng- e com valores explícitos, para não herdar nem vazar estilos da marca.
   Montado por grupo.js dentro de <div id="engenho-rodape">. */

.eng-rodape {
  --eng-tinta: #16181D;
  --eng-creme: #F4F1EA;
  --eng-latao: #B8872B;
  --eng-latao-claro: #D4A546;   /* texto/link sobre tinta: 7,8:1 */
  --eng-ferro: #A9ADB3;         /* texto secundário sobre tinta: 7,9:1 */
  --eng-ferro-2: #8E939B;
  --eng-serif: "Zilla Slab", "Rockwell", "Roboto Slab", Georgia, serif;
  --eng-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  display: block;
  position: relative;
  margin: 0;
  padding: 30px 0 30px;
  background-color: var(--eng-tinta);
  background-image: repeating-linear-gradient(135deg, rgba(184, 135, 43, .045) 0 1px, transparent 1px 11px);
  border-top: 3px solid var(--eng-latao);
  color: var(--eng-creme);
  font: 400 15px/1.5 var(--eng-sans);
  letter-spacing: normal;
  text-align: left;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
/* Espaço para botões flutuantes de WhatsApp que as marcas usam no celular */
@media (max-width: 899px) { .eng-rodape { padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)); } }

.eng-rodape *, .eng-rodape *::before, .eng-rodape *::after { box-sizing: border-box; }
.eng-rodape p, .eng-rodape ul, .eng-rodape li { margin: 0; padding: 0; }
.eng-rodape ul { list-style: none; }
.eng-rodape a { text-decoration: none; }
.eng-rodape svg { display: block; }
.eng-rodape a:focus-visible { outline: 2px solid var(--eng-latao-claro); outline-offset: 3px; border-radius: 8px; }

.eng-wrap { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 20px; }

/* Linha de cima: selo + frase + link para o site pai */
.eng-topo { display: grid; grid-template-columns: 52px 1fr; gap: 6px 14px; align-items: center; }
.eng-rodape .eng-selo-link { display: block; width: 52px; height: 52px; border-radius: 50%; grid-row: span 1; transition: transform .4s ease; }
.eng-rodape .eng-selo-link:hover { transform: rotate(22.5deg); }
.eng-selo { width: 52px; height: 52px; }
.eng-rodape .eng-titulo { font: 600 19px/1.25 var(--eng-serif); color: var(--eng-creme); letter-spacing: -0.005em; }
.eng-rodape .eng-titulo strong { font-weight: 700; color: var(--eng-creme); }
.eng-rodape .eng-titulo a { color: var(--eng-latao-claro); border-bottom: 1px solid rgba(212, 165, 70, .45); padding: 2px 0; }
.eng-rodape .eng-titulo a:hover { color: var(--eng-creme); border-bottom-color: var(--eng-creme); }
.eng-rodape .eng-frase { margin-top: 3px; font: 400 14px/1.45 var(--eng-sans); color: var(--eng-ferro); }
.eng-rodape .eng-cta {
  grid-column: 1 / -1; justify-self: start; margin-top: 10px;
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px;
  border: 1px solid rgba(212, 165, 70, .55); border-radius: 999px;
  color: var(--eng-latao-claro); font: 600 14px/1 var(--eng-sans);
  transition: background-color .2s, color .2s, border-color .2s;
}
.eng-rodape .eng-cta:hover { background: var(--eng-latao); border-color: var(--eng-latao); color: var(--eng-tinta); }
@media (min-width: 760px) {
  .eng-topo { grid-template-columns: 52px 1fr auto; }
  .eng-rodape .eng-cta { grid-column: auto; justify-self: end; margin-top: 0; }
}

/* Marcas irmãs */
.eng-rodape .eng-rotulo {
  display: flex; align-items: center; gap: 12px; margin: 24px 0 12px;
  font: 600 11px/1 var(--eng-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--eng-ferro-2);
}
.eng-rodape .eng-rotulo::after { content: ""; flex: 1; height: 1px; background: rgba(244, 241, 234, .12); }
.eng-rodape .eng-marcas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
@media (min-width: 640px) { .eng-rodape .eng-marcas { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .eng-rodape .eng-marcas { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); } }
.eng-rodape .eng-marca {
  display: grid; grid-template-columns: 32px 1fr; column-gap: 10px; align-items: center;
  height: 100%; padding: 10px 12px; border-radius: 12px;
  border: 1px solid rgba(244, 241, 234, .12); background: rgba(244, 241, 234, .03);
  color: var(--eng-creme);
  transition: border-color .2s, background-color .2s;
}
.eng-rodape .eng-marca:hover { border-color: rgba(212, 165, 70, .6); background: rgba(244, 241, 234, .06); color: var(--eng-creme); }
.eng-rodape .eng-ini {
  grid-row: span 2; width: 32px; height: 32px; border-radius: 9px;
  display: grid; place-items: center;
  background: var(--eng-cor, var(--eng-latao)); color: var(--eng-cor-texto, #16181D);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22);
  font: 700 16px/1 var(--eng-serif);
}
.eng-rodape .eng-nome { font: 600 14.5px/1.25 var(--eng-sans); color: var(--eng-creme); }
.eng-rodape .eng-serv { font: 400 12.5px/1.3 var(--eng-sans); color: var(--eng-ferro); }

/* Linha final discreta */
.eng-rodape .eng-pe { margin-top: 18px; font: 400 12px/1.4 var(--eng-sans); color: var(--eng-ferro-2); }

@media (prefers-reduced-motion: reduce) {
  .eng-rodape *, .eng-rodape .eng-selo-link { transition: none !important; }
  .eng-rodape .eng-selo-link:hover { transform: none; }
}