/* Pego Texture — versão refinada (claro/escuro) */
:root{
  --pego-bg:#ffffff;
  --pego-ink:#0f1215;
  --pego-red:#d32f2f;
}
/* Textura clara: grid sutil + pontos MUITO discretos */
html.pego-texture, body.pego-texture{
  background-color: var(--pego-bg) !important;
  background-image:
    radial-gradient(circle at 12px 12px, rgba(211,47,47,0.035) 1px, transparent 1.4px),
    linear-gradient(to right, rgba(15,18,21,0.035) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(15,18,21,0.035) 1px, transparent 1px);
  background-size: 24px 24px, 24px 24px, 24px 24px !important;
  background-position: 0 0, 0 0, 0 0 !important;
  background-attachment: fixed, fixed, fixed !important;
}
@supports not (background-attachment: fixed){
  html.pego-texture, body.pego-texture{ background-attachment: scroll, scroll, scroll !important; }
}

/* Textura escura: contraste controlado */
.pego-texture-dark{
  --pego-bg:#0f1215;
  color:#f5f7fa;
  background-color: var(--pego-bg) !important;
  background-image:
    radial-gradient(circle at 12px 12px, rgba(211,47,47,0.08) 1px, transparent 1.4px),
    linear-gradient(to right, rgba(255,255,255,0.045) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,0.045) 1px, transparent 1px);
  background-size: 24px 24px, 24px 24px, 24px 24px !important;
  background-position: 0 0, 0 0, 0 0 !important;
  background-attachment: fixed, fixed, fixed !important;
}

/* Card utilitário */
.card-on-texture{
  background:#fff;
  box-shadow: 0 10px 28px rgba(15,18,21,0.10);
  border:1px solid rgba(15,18,21,0.06);
  border-radius:16px;
}


/* Ajuste: fotos dos serviços focadas na peça (close-up) */
#servicos img[alt*="— parte mecânica"]{
  object-fit: cover;
  aspect-ratio: 16 / 10;
  width: 100%;
  height: auto;
  border-radius: 12px;
}