/* Páginas públicas del sistema: la ficha del árbol (/a/código, a la que lleva el QR de la placa) y la verificación de
   documentos (/v/folio). Mismo lenguaje del sitio de Unnión: cabecera verde profundo, tarjeta blanca encima, Poppins. */
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../campo/fuentes/poppins-400.woff2) format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../campo/fuentes/poppins-500.woff2) format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../campo/fuentes/poppins-600.woff2) format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../campo/fuentes/poppins-700.woff2) format('woff2')}
:root{--verde:#004F28;--hoja:#66BA47;--noche:#00170C;--tinta:#102017;--tinta2:#4B5B4F;--tinta3:#7C897F;--linea:#E4E8DF;--claro:#EEF4E9}
*{box-sizing:border-box}
body{margin:0;font:16px/1.55 Poppins,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--tinta);background:radial-gradient(900px 600px at 100% 0%,rgba(102,186,71,.18),transparent 60%),radial-gradient(800px 600px at 0% 100%,rgba(10,107,57,.4),transparent 60%),#001A0E;background-attachment:fixed;min-height:100vh;-webkit-text-size-adjust:100%}
a{color:var(--verde)}
.m{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:13px}
.pub-cab{position:relative;overflow:hidden;background:transparent;padding:24px 22px 76px;color:#fff}
.pub-cab:after{content:"unnión";position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);font:800 110px/1 Poppins,sans-serif;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px rgba(255,254,254,.08);pointer-events:none;white-space:nowrap}
.pub-cab .in{position:relative;z-index:1}
.pub-cab .in{max-width:600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.pub-cab img{height:36px;width:auto;display:block}
.pub-cab span{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--hoja)}
main{max-width:600px;margin:-48px auto 0;padding:0 14px 28px}
.tarj{position:relative;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(0,10,5,.5)}
.c{padding:24px 24px 26px}
h1{margin:0;font-size:30px;line-height:1.12;font-weight:700;letter-spacing:-.025em;color:var(--tinta)}
h2{font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--verde);margin:28px 0 10px}
/* ficha del árbol */
img.f{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;background:#0f1a12}
.cod{display:inline-block;margin-bottom:10px;padding:5px 13px;border-radius:999px;background:var(--claro);color:var(--verde);font-weight:600;font-size:14px;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.c>i{display:block;margin-top:4px;color:var(--tinta2);font-size:15px}
.para{margin:16px 0 0;padding:12px 16px;border-radius:16px;background:var(--claro);color:var(--verde);font-size:15px}
dl{display:grid;grid-template-columns:auto 1fr;margin:20px 0 0;font-size:15px}
dl>dt,dl>dd{padding:11px 0;border-top:1px solid var(--linea)}
dt{color:var(--tinta3)}
dd{margin:0;text-align:right;font-weight:600;word-break:break-word}
dd.m{font-weight:400}
.acc{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.acc .b{flex:1 1 200px;display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:999px;border:1.5px solid #D3DACD;color:var(--tinta);font-weight:600;font-size:15px;text-decoration:none}
.acc .b.pri{background:var(--hoja);border-color:var(--hoja);color:var(--noche);box-shadow:0 10px 24px rgba(102,186,71,.35)}
footer{padding:20px 14px 34px;color:rgba(255,254,254,.55);font-size:13px;text-align:center}
/* verificación de documentos */
.est{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:20px;margin:18px 0}
.est b{font-size:17px}
.est svg{flex:none;width:32px;height:32px}
.ok{background:var(--claro);color:var(--verde)}.mal{background:#FBE4E1;color:#8E1B10}.med{background:#FBEDD3;color:#6B4308}
.verif dl{grid-template-columns:150px 1fr}
.verif dd{text-align:left;font-weight:500}
.drop{border:2px dashed #C9D3C4;border-radius:22px;padding:26px 22px;text-align:center;color:var(--tinta2);cursor:pointer;transition:border-color .2s,background .2s}
.drop:hover,.drop.on{border-color:var(--verde);background:#F3F8F0}
#res{margin-top:12px}
details{margin-top:14px;font-size:14px;color:var(--tinta2)}
details summary{cursor:pointer;font-weight:600;color:var(--verde)}
@media(max-width:520px){h1{font-size:26px}.verif dl{grid-template-columns:1fr}.verif dt{border-top:1px solid var(--linea);padding-bottom:0}.verif dd{border-top:0;padding-top:2px}}