/* Príncipe Conejo — tema "papel de huerta": los mismos tokens del catálogo
   comercial y de pc.css en cropchain-pc. Fraunces (display) + Nunito Sans (texto). */
:root{
  --paper:#F7F4ED;
  --ink:#33352F;
  --muted:#82796B;
  --green:#5C7A50;
  --green-deep:#3F5B39;
  --brown:#6E5439;
  --gold:#B08A4F;
  --line:#E1DACB;
  --font:"Nunito Sans",-apple-system,"Segoe UI",Roboto,system-ui,sans-serif;
  --display:"Fraunces",Georgia,"Times New Roman",serif;
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%}

body{
  font-family:var(--font);
  color:var(--ink);
  background:var(--paper);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100vh;
  padding:40px 24px;
}

.hoja{max-width:560px;text-align:center}

.sello{width:120px;height:auto;display:block;margin:0 auto 22px}

.kicker{
  font-size:11px;
  letter-spacing:.3em;
  text-transform:uppercase;
  color:var(--green);
  font-weight:700;
  margin:0 0 10px;
}

h1{
  font-family:var(--display);
  font-weight:400;
  font-size:clamp(40px,8vw,62px);
  color:var(--brown);
  line-height:.98;
  margin:0;
}

.lema{
  font-family:var(--display);
  font-weight:400;
  font-size:clamp(19px,4vw,26px);
  color:var(--green-deep);
  margin:6px 0 0;
}
.lema em{font-style:italic}

.regla{width:66px;height:2px;background:var(--gold);margin:22px auto}

.desc{color:var(--muted);font-size:15px;margin:0 auto;max-width:46ch}

.estado{
  font-family:var(--display);
  font-style:italic;
  font-size:16px;
  color:var(--ink);
  margin:26px 0 20px;
}

.cta{
  display:inline-block;
  background:var(--green-deep);
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:15px;
  padding:13px 26px;
  border-radius:26px;
  transition:background .18s ease;
}
.cta:hover{background:var(--green)}
.cta:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

footer{
  margin-top:34px;
  padding-top:18px;
  border-top:1px solid var(--line);
  font-size:10.5px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}

@media (max-width:420px){
  body{padding:32px 20px}
  .sello{width:96px}
}