/* Portada del sitio de documentación del CRM · identidad Parks Industrial */
:root{ --verde:#05662F; --verde-oscuro:#044A22; --lima:#87BC1C; --carbon:#1E1E1E; --grafito:#262626;
  --gris:#707070; --fondo:#F3F4F2; --tarjeta:#FFFFFF; --hairline:#E6E8EB; --tinte:#EAF3EC }
*,*::before,*::after{ box-sizing:border-box }
html{ -webkit-text-size-adjust:100% }
body{ margin:0; background:var(--fondo); color:var(--carbon);
  font-family:"Montserrat","Poppins",Arial,sans-serif; line-height:1.5; -webkit-font-smoothing:antialiased }
main{ max-width:1040px; margin:0 auto; padding:3.5rem 1.5rem 3rem; display:grid; gap:2.5rem }
.rotulo{ font-size:.7rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--verde) }
h1{ font-size:clamp(1.9rem, 4vw, 2.6rem); font-weight:800; letter-spacing:-.02em; line-height:1.1; margin:.4rem 0 .8rem;
  text-wrap:balance }
.entrada{ max-width:62ch; color:var(--gris); font-size:1.02rem; margin:0; padding-bottom:1.2rem;
  border-bottom:2px solid var(--lima) }
.ficha{ display:flex; flex-wrap:wrap; gap:1.2rem 2.4rem; margin-top:1.1rem; font-size:.78rem; color:var(--gris) }
.ficha b{ display:block; color:var(--carbon); font-size:.9rem }
.docs{ display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:1.2rem }
.doc{ display:flex; flex-direction:column; gap:.7rem; background:var(--tarjeta); border:1px solid var(--hairline);
  border-radius:12px; padding:1.5rem 1.6rem; text-decoration:none; color:inherit;
  box-shadow:0 1px 2px rgba(30,30,30,.04), 0 12px 28px -22px rgba(30,30,30,.35) }
.doc:hover{ border-color:var(--verde) }
.doc:focus-visible{ outline:2px solid var(--lima); outline-offset:3px }
.doc .t{ font-size:.66rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--verde) }
.doc h2{ margin:0; font-size:1.3rem; font-weight:800; letter-spacing:-.01em }
.doc p{ margin:0; color:var(--gris); font-size:.9rem; max-width:52ch }
.doc .ir{ margin-top:auto; font-weight:700; font-size:.85rem; color:var(--verde) }
h3{ font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--grafito);
  margin:0 0 .8rem; display:inline-block; padding-bottom:.35rem; border-bottom:2px solid var(--lima) }
.anexos ul{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:.6rem 1.4rem }
.anexos a{ display:flex; justify-content:space-between; gap:1rem; padding:.7rem 0; border-bottom:1px solid var(--hairline);
  color:var(--carbon); text-decoration:none; font-size:.9rem; font-weight:600 }
.anexos a span{ color:var(--gris); font-weight:500; font-size:.78rem; white-space:nowrap }
.anexos a:hover{ color:var(--verde) }
footer{ font-size:.75rem; color:var(--gris); border-top:1px solid var(--hairline); padding-top:1rem }