/* MYDA Tech — estilos compartilhados de todas as páginas */

:root{
  --bg:#F8F7F3;
  --bg-alt:#F0EDE4;
  --ink:#2C2A24;
  --ink-2:#24221D;
  --text-2:#57534A;
  --muted:#8A857B;
  --gold:#D4A13D;
  --gold-dark:#B8862F;
  --gold-darker:#8C651F;
  --field-border:#B0A99B;
  --on-dark:#DAD6CC;
  --white:#F8F7F3;
}

*{box-sizing:border-box;}

body{
  margin:0;
  background:var(--bg);
  font-family:'Space Grotesk',sans-serif;
  color:var(--ink);
  text-wrap:pretty;
}

a{color:var(--gold-dark);text-decoration:none;}
a:hover{color:var(--gold-darker);}

.container{max-width:1240px;margin:0 auto;padding:0 24px;}

.mono{font-family:'Chivo Mono',monospace;}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:2px solid var(--ink);}
.header-row{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:14px 0;}
.logo{display:flex;align-items:center;gap:12px;cursor:pointer;}
.logo-text{display:flex;flex-direction:column;gap:2px;}
.logo-title{font-weight:700;font-size:19px;letter-spacing:0.02em;line-height:1;color:var(--ink);}
.logo-sub{font-weight:500;font-size:9px;letter-spacing:0.44em;color:var(--gold-dark);line-height:1;}

.nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:flex-end;}
.nav-link{font-size:14px;font-weight:500;color:var(--ink);}
.nav-link:hover{color:var(--gold-dark);}
.nav-link.is-current{color:var(--gold-dark);}

/* Buttons */
.btn{display:inline-block;font-weight:700;text-decoration:none;cursor:pointer;border:none;font-family:'Space Grotesk',sans-serif;}
.btn-gold{background:var(--gold);color:var(--ink-2);}
.btn-gold:hover{background:var(--gold-dark);color:var(--ink-2);}
.btn-dark{background:var(--ink-2);color:var(--white);}
.btn-dark:hover{background:var(--ink);color:var(--white);}
.btn-outline{background:transparent;border:2px solid var(--ink);color:var(--ink);}
.btn-outline:hover{background:var(--ink);color:var(--white);}
.link-gold{color:var(--gold-dark);font-weight:700;font-size:15px;cursor:pointer;}
.link-gold:hover{color:var(--gold-darker);}
.footer-link{color:var(--on-dark);font-size:14.5px;cursor:pointer;}
.footer-link:hover{color:var(--gold);}

/* Tags */
.tag{font-family:'Chivo Mono',monospace;font-size:10.5px;letter-spacing:0.14em;}
.tag-solid{background:var(--gold);color:var(--ink-2);padding:5px 10px;}
.tag-outline{border:1.5px solid var(--ink);color:var(--ink);padding:4px 9px;}
.tag-muted{color:var(--muted);}

/* Placeholder boxes (fotos/prints ainda não enviados) */
.placeholder-box{border:1px dashed var(--field-border);padding:26px;display:flex;flex-direction:column;gap:8px;}
.placeholder-box .mono{font-size:11px;letter-spacing:0.18em;color:var(--gold-dark);}
.placeholder-box p{margin:0;font-size:15px;color:var(--text-2);line-height:1.5;}

/* Form fields */
.field{
  font-family:'Space Grotesk',sans-serif;
  font-size:15px;
  padding:13px 14px;
  border:1.5px solid var(--field-border);
  background:var(--bg);
  color:var(--ink);
  outline:none;
  width:100%;
}
.field:focus{border-color:var(--gold);}
textarea.field{resize:vertical;}

/* Footer */
.site-footer{background:var(--ink-2);color:var(--on-dark);}
.site-footer .mono-heading{font-family:'Chivo Mono',monospace;font-size:11px;letter-spacing:0.16em;color:var(--muted);}

/* Honeypot (anti-spam) */
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

/* Success note after form submission */
.done-note{font-family:'Chivo Mono',monospace;font-size:12px;color:var(--gold-dark);}

@media (max-width:520px){
  .container{padding:0 16px;}
}