/* ============================================================
   Giramundo — base tokens compartilhados pelas 3 direções
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,500&display=swap');

:root{
  /* Paleta viva da marca (ajustável ao hex exato do logo) */
  --sol:    #FFC23C;   /* amarelo  */
  --sol-d:  #F2A516;
  --coral:  #FF6A4D;   /* coral/laranja */
  --coral-d:#EE4F30;
  --turq:   #15B7A6;   /* turquesa */
  --turq-d: #0E9384;
  --azul:   #2A9BE0;   /* azul-céu */
  --azul-d: #1B6FB8;
  --rosa:   #EC5C95;   /* magenta */
  --rosa-d: #D33C78;
  --roxo:   #7B5BE0;   /* roxo */
  --roxo-d: #5E3FC4;

  /* Neutros quentes */
  --ink:    #232739;
  --ink-soft:#4A4F66;
  --cream:  #FBF6EC;
  --cream-2:#F4ECDD;
  --white:  #FFFFFF;

  --wa:     #25D366;   /* WhatsApp */
  --wa-d:   #1EB155;

  --maxw: 1200px;
}

*{ box-sizing:border-box; }

.gm-body{
  margin:0;
  font-family:"Nunito",system-ui,sans-serif;
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* ---- Placeholder de imagem (trocar pelas fotos reais) ---- */
.gm-ph{
  position:relative;
  background:
    repeating-linear-gradient(135deg,
      rgba(0,0,0,.045) 0 14px, rgba(0,0,0,.02) 14px 28px),
    var(--ph-bg, #E7E0D2);
  overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
.gm-ph::after{
  content:attr(data-label);
  font-family:"DM Mono",ui-monospace,Menlo,monospace;
  font-size:11px; letter-spacing:.08em; text-transform:uppercase;
  color:rgba(0,0,0,.42); text-align:center; padding:0 14px; line-height:1.5;
  font-weight:500;
}
.gm-ph.is-dark::after{ color:rgba(255,255,255,.7); }

/* utilidade */
.gm-wrap{ width:100%; max-width:var(--maxw); margin:0 auto; padding:0 32px; }
a{ color:inherit; }
img{ max-width:100%; display:block; }