:root{
    --ink:#1B2A4A;
    --paper:#EAE3CC;
    --paper-dark:#DDD1AE;
    --paper-darker:#CDBF95;
    --alert:#B23A2E;
    --alert-dark:#8A2C22;
    --safe:#2F6B4F;
    --safe-dark:#234F3B;
    --caution:#C98A1F;
    --caution-dark:#9C6A15;
    --charcoal:#2A241C;
    --charcoal-soft:#544B3B;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--paper);
    color:var(--charcoal);
    font-family:'Work Sans', sans-serif;
    line-height:1.5;
    background-image:
      radial-gradient(circle at 1px 1px, rgba(42,36,28,0.06) 1px, transparent 0);
    background-size: 22px 22px;
  }
  .wrap{max-width:760px;margin:0 auto;padding:0 20px;}

  a{color:inherit;}
  :focus-visible{outline:3px solid var(--ink);outline-offset:2px;}

  /* ---------- HEADER ---------- */
  header{
    padding:22px 0 10px;
    border-bottom:3px solid var(--charcoal);
  }
  .brand{display:flex;align-items:baseline;gap:10px;justify-content:space-between;flex-wrap:wrap;}
  .brand-name{
    font-family:'Staatliches', sans-serif;
    font-size:clamp(28px,6vw,36px);
    letter-spacing:0.03em;
    color:var(--ink);
  }
  .brand-tag{
    font-family:'IBM Plex Mono', monospace;
    font-size:12px;
    color:var(--charcoal-soft);
    text-transform:uppercase;
    letter-spacing:0.08em;
  }

  /* ---------- HERO ---------- */
  .hero{padding:40px 0 20px;}
  .hero h1{
    font-family:'Staatliches', sans-serif;
    font-size:clamp(30px,7vw,46px);
    line-height:1.05;
    letter-spacing:0.01em;
    margin:0 0 14px;
    color:var(--ink);
  }
  .hero p.sub{
    font-size:17px;
    color:var(--charcoal-soft);
    max-width:56ch;
    margin:0 0 26px;
  }

  .search-label{
    display:block;
    font-family:'IBM Plex Mono', monospace;
    font-size:11px;
    letter-spacing:0.08em;
    color:var(--charcoal-soft);
    margin:0 0 8px 2px;
  }
  .search-ticket{
    background:#fff;
    border:2px dashed var(--charcoal);
    border-radius:2px;
    padding:20px;
    position:relative;
    box-shadow:6px 6px 0 var(--paper-darker);
  }
  .search-row{display:flex;gap:10px;flex-wrap:wrap;}
  input#search-input{
    flex:1 1 220px;
    padding:14px 14px;
    font-size:16px;
    border:2px solid var(--charcoal);
    border-radius:2px;
    font-family:'Work Sans', sans-serif;
    background:#fdfcf7;
  }
  button{
    cursor:pointer;
    font-family:'Work Sans', sans-serif;
    font-weight:600;
    border:2px solid var(--charcoal);
    border-radius:2px;
    background:var(--ink);
    color:#fff;
    padding:14px 20px;
    font-size:15px;
    transition:transform .12s ease;
  }
  button:hover{transform:translateY(-1px);}
  button:active{transform:translateY(1px);}
  button.secondary{background:transparent;color:var(--charcoal);}

  .hint{font-family:'IBM Plex Mono', monospace;font-size:12px;color:var(--charcoal-soft);margin-top:10px;}

  /* ---------- STAMP RESULT ---------- */
  #stamp-zone{min-height:0;margin-top:18px;}
  .stamp-card{
    display:flex;
    align-items:center;
    gap:18px;
    background:#fff;
    border:2px solid var(--charcoal);
    padding:18px;
    border-radius:2px;
    animation: stampland .38s cubic-bezier(.2,1.4,.4,1) both;
  }
  @media (prefers-reduced-motion: reduce){
    .stamp-card{animation:none;}
  }
  @keyframes stampland{
    0%{opacity:0; transform:scale(2.4) rotate(-18deg);}
    60%{opacity:1;}
    100%{opacity:1; transform:scale(1) rotate(-4deg);}
  }
  .stamp{
    flex:0 0 auto;
    width:88px;height:88px;
    border-radius:50%;
    border:5px solid currentColor;
    display:flex;align-items:center;justify-content:center;
    text-align:center;
    font-family:'Staatliches', sans-serif;
    font-size:13px;
    letter-spacing:0.03em;
    line-height:1.1;
    padding:6px;
    transform:rotate(-4deg);
    filter: url(#inkTexture);
  }
  .stamp.safe{color:var(--safe);}
  .stamp.caution{color:var(--caution);}
  .stamp.alert{color:var(--alert);}
  .stamp-text h3{margin:0 0 4px;font-family:'Staatliches', sans-serif;font-size:20px;letter-spacing:0.02em;}
  .stamp-text p{margin:0;color:var(--charcoal-soft);font-size:14px;}
  .stamp-card.safe h3{color:var(--safe-dark);}
  .stamp-card.caution h3{color:var(--caution-dark);}
  .stamp-card.alert h3{color:var(--alert-dark);}

  .report-list-mini{margin-top:12px;border-top:1px dashed var(--paper-darker);padding-top:10px;}
  .report-list-mini div{font-size:13px;padding:6px 0;border-bottom:1px dashed var(--paper-darker);}
  .report-list-mini div:last-child{border-bottom:none;}

  /* ---------- STATS ---------- */
  .stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin:36px 0;
  }
  .stat{
    background:var(--ink);
    color:var(--paper);
    padding:16px 12px;
    border-radius:2px;
  }
  .stat .num{font-family:'Staatliches', sans-serif;font-size:clamp(22px,5vw,30px);display:block;}
  .stat .label{font-size:11px;font-family:'IBM Plex Mono', monospace;letter-spacing:0.03em;opacity:0.85;}

  /* ---------- SECTIONS ---------- */
  section{padding:34px 0;border-top:1px solid var(--paper-darker);}
  h2.section-title{
    font-family:'Staatliches', sans-serif;
    font-size:26px;
    color:var(--ink);
    margin:0 0 18px;
  }

  .steps{display:grid;gap:14px;}
  .step{display:flex;gap:14px;align-items:flex-start;}
  .step .n{
    font-family:'IBM Plex Mono', monospace;
    font-size:13px;
    background:var(--charcoal);
    color:var(--paper);
    width:26px;height:26px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    flex:0 0 auto;
  }
  .step h4{margin:0 0 4px;font-size:16px;}
  .step p{margin:0;color:var(--charcoal-soft);font-size:14px;}

  /* feed */
  #feed{display:flex;flex-direction:column;gap:10px;}
  .feed-item{
    background:#fff;
    border:1px solid var(--paper-darker);
    border-left:5px solid var(--alert);
    padding:12px 14px;
    border-radius:2px;
  }
  .feed-item.illustrative{
    border-left-color:var(--paper-darker);
    border-style:dashed;
    background:rgba(255,255,255,0.5);
    opacity:0.8;
  }
  .feed-item.illustrative .meta span{font-style:italic;}
  .feed-item .meta{
    font-family:'IBM Plex Mono', monospace;
    font-size:11px;
    color:var(--charcoal-soft);
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;
    margin-bottom:4px;
  }
  .feed-item p{margin:0;font-size:14px;}
  .mod-notice{
    background:rgba(27,42,74,0.06);
    border:1px solid var(--paper-darker);
    border-radius:2px;
    padding:12px 16px;
    font-size:13px;
    color:var(--charcoal-soft);
    margin-bottom:14px;
  }
  .mod-notice a{color:var(--ink);font-weight:600;}
  .feed-item .dispute-link{
    display:inline-block;margin-top:6px;font-size:12px;
    color:var(--charcoal-soft);text-decoration:underline;
  }
  .empty-state{
    font-family:'IBM Plex Mono', monospace;
    font-size:13px;
    color:var(--charcoal-soft);
    padding:16px;
    border:1px dashed var(--paper-darker);
    text-align:center;
  }

  /* form */
  form#report-form{
    display:grid;
    gap:12px;
    background:#fff;
    border:2px solid var(--charcoal);
    padding:20px;
    border-radius:2px;
  }
  label{font-size:13px;font-weight:600;display:block;margin-bottom:4px;}
  input,select,textarea{
    width:100%;
    padding:11px 12px;
    font-size:15px;
    border:2px solid var(--charcoal);
    border-radius:2px;
    font-family:'Work Sans', sans-serif;
    background:#fdfcf7;
  }
  textarea{resize:vertical;min-height:80px;}
  .field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  @media (max-width:520px){.field-row{grid-template-columns:1fr;} .stats{grid-template-columns:1fr;}}
  .checkbox-row{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--charcoal-soft);}
  .checkbox-row input{width:auto;margin-top:3px;}
  .confirm-msg{
    display:none;
    background:var(--safe);
    color:#fff;
    padding:12px 14px;
    border-radius:2px;
    font-size:14px;
    font-weight:600;
  }

  footer{padding:30px 0 60px;text-align:center;}
  footer p{font-family:'IBM Plex Mono', monospace;font-size:12px;color:var(--charcoal-soft);}

  /* ---------- AD SLOTS ---------- */
  .ad-slot{
    margin:28px 0;
    border:1px dashed var(--charcoal-soft);
    border-radius:2px;
    background:repeating-linear-gradient(
      45deg,
      rgba(42,36,28,0.035),
      rgba(42,36,28,0.035) 10px,
      transparent 10px,
      transparent 20px
    );
    padding:18px;
    text-align:center;
  }
  .ad-slot .ad-label{
    font-family:'IBM Plex Mono', monospace;
    font-size:10px;
    letter-spacing:0.1em;
    text-transform:uppercase;
    color:var(--charcoal-soft);
    display:block;
    margin-bottom:6px;
  }
  .ad-slot .ad-box{
    min-height:90px;
    display:flex;align-items:center;justify-content:center;
    font-family:'IBM Plex Mono', monospace;
    font-size:12px;
    color:var(--charcoal-soft);
    border:1px solid var(--paper-darker);
    background:#fff;
  }
  .ad-slot.ad-feed .ad-box{min-height:110px;}

/* ---------- SITE HEADER (logo) ---------- */
.site-header{padding:18px 0 12px;border-bottom:3px solid var(--charcoal);}
.site-header .brand-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.site-header a.logo-link{display:flex;align-items:center;text-decoration:none;}
.site-header img.logo-img{height:38px;width:auto;display:block;}
.site-header .brand-tag{
  font-family:'IBM Plex Mono', monospace;font-size:12px;color:var(--charcoal-soft);
  text-transform:uppercase;letter-spacing:0.08em;
}

/* ---------- SITE FOOTER (dark bar, nav + social) ---------- */
.site-footer{
  background:var(--ink);
  color:var(--paper);
  margin-top:10px;
}
.site-footer .footer-inner{
  max-width:900px;margin:0 auto;padding:18px 20px 14px;
  display:flex;flex-direction:column;align-items:flex-start;
  gap:12px;
  line-height:1.1;
}
.site-footer nav{display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap;row-gap:8px;}
.site-footer .footer-copy{
  color:var(--paper);opacity:0.65;font-size:12px;font-weight:600;
  padding-right:14px;margin-right:2px;border-right:1px solid rgba(234,227,204,0.25);
}
.site-footer nav a{
  color:var(--paper);opacity:0.88;text-decoration:none;font-size:14px;font-weight:500;
}
.site-footer nav a:hover{opacity:1;text-decoration:underline;}
.site-footer .socials{display:flex;gap:6px;}
.site-footer .socials a{
  width:24px;height:24px;border-radius:50%;
  background:rgba(255,255,255,0.08);
  display:flex;align-items:center;justify-content:center;
  transition:background .15s ease;
}
.site-footer .socials a:hover{background:rgba(255,255,255,0.18);}
.site-footer .socials svg{width:12px;height:12px;fill:var(--paper);}
.site-footer .footer-legal{
  max-width:900px;margin:0 auto;padding:10px 20px 16px;
  border-top:1px solid rgba(234,227,204,0.12);
  font-family:'IBM Plex Mono', monospace;font-size:12px;color:rgba(234,227,204,0.75);
  line-height:1.2;
}

/* ---------- GENERIC CONTENT PAGES (legal / guías) ---------- */
.page-content{padding:36px 0 20px;}
.page-content h1{
  font-family:'Staatliches', sans-serif;
  font-size:clamp(28px,6vw,40px);
  color:var(--ink);
  margin:0 0 6px;
}
.page-content .updated{
  font-family:'IBM Plex Mono', monospace;font-size:12px;color:var(--charcoal-soft);
  margin:0 0 28px;
}
.page-content h2{
  font-family:'Staatliches', sans-serif;
  font-size:22px;color:var(--ink);
  margin:30px 0 10px;
}
.page-content p, .page-content li{font-size:15px;color:var(--charcoal);line-height:1.65;}
.page-content ul{padding-left:20px;}
.page-content a.inline-link{color:var(--ink);font-weight:600;}
.back-link{
  display:inline-block;margin-bottom:18px;font-family:'IBM Plex Mono', monospace;
  font-size:12px;color:var(--charcoal-soft);text-decoration:none;
}
.back-link:hover{text-decoration:underline;}

.guides-grid{display:grid;gap:14px;margin-top:18px;}
.guides-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px;}
@media (max-width:720px){.guides-grid-3{grid-template-columns:1fr 1fr;}}
@media (max-width:480px){.guides-grid-3{grid-template-columns:1fr;}}
.guide-card{
  background:#fff;border:1px solid var(--paper-darker);border-left:5px solid var(--ink);
  padding:16px 18px;border-radius:2px;text-decoration:none;color:inherit;display:block;
  transition:transform .18s ease, box-shadow .18s ease, border-left-color .18s ease;
}
.guide-card:hover{
  border-left-color:var(--caution);
  transform:translateY(-3px);
  box-shadow:0 8px 18px rgba(27,42,74,0.14);
}
.guide-card h3{margin:0 0 6px;font-family:'Staatliches', sans-serif;font-size:19px;color:var(--ink);}
.guide-card p{margin:0;font-size:13px;color:var(--charcoal-soft);}

/* ---------- POST PREV/NEXT NAV ---------- */
.post-nav{
  display:flex;justify-content:space-between;gap:12px;
  margin-top:34px;padding-top:20px;border-top:1px dashed var(--paper-darker);
}
.post-nav a{
  flex:1;
  display:flex;align-items:center;gap:6px;
  padding:13px 18px;
  border:2px solid var(--charcoal);
  border-radius:2px;
  background:rgba(255,255,255,0.6);
  color:var(--charcoal);
  font-weight:700;
  font-family:'Work Sans', sans-serif;
  font-size:14px;
  text-decoration:none;
  transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.post-nav a.next{justify-content:flex-end;text-align:right;}
.post-nav a:hover{
  background:var(--ink);
  border-color:var(--ink);
  color:#fff;
}

.contact-form{
  display:grid;gap:12px;background:#fff;border:2px solid var(--charcoal);
  padding:20px;border-radius:2px;max-width:520px;
}
.contact-form label{font-size:13px;font-weight:600;display:block;margin-bottom:4px;}
.contact-form input, .contact-form textarea{
  width:100%;padding:11px 12px;font-size:15px;border:2px solid var(--charcoal);
  border-radius:2px;font-family:'Work Sans', sans-serif;background:#fdfcf7;
}
.contact-form textarea{min-height:110px;resize:vertical;}