:root{
  --verde:#387D4E;
  --verde-claro:#6BB183;
  --verde-osc:#2C6440;
  --asfalto:#1E2523;
  --hormigon:#E3E6E0;
  --papel:#F6F7F4;
  --linea:#C9CBC4;
  --linea-osc:#3E4845;
  --display:"Archivo","Arial Narrow",Helvetica,sans-serif;
  --texto:"Barlow","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--hormigon);color:var(--asfalto);font-family:var(--texto);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:820px;margin:0 auto;padding:0 24px}
.cinta{height:10px;background:repeating-linear-gradient(135deg,var(--verde) 0 22px,var(--asfalto) 22px 44px)}

.barra{background:var(--papel);border-bottom:1px solid var(--linea)}
.barra .wrap{display:flex;align-items:center;gap:24px;min-height:68px;max-width:1120px}
.marca{display:flex;flex-direction:column;gap:5px;text-decoration:none;line-height:1}
.marca img{height:38px;width:auto;display:block}
.marca span{font-size:.72rem;color:#5C6663;font-weight:500}
.volver{margin-left:auto;text-decoration:none;font-family:var(--display);font-weight:600;background:var(--asfalto);color:var(--papel);padding:11px 18px;border-radius:2px}
.volver:hover{background:var(--verde)}

main{padding:64px 0 80px}
h1{font-family:var(--display);font-weight:800;font-size:clamp(2rem,5vw,3rem);letter-spacing:-.02em;line-height:1.05;margin:0 0 10px}
h2{font-family:var(--display);font-weight:800;font-size:1.35rem;letter-spacing:-.01em;margin:44px 0 12px}
.fecha{color:#6B7471;font-size:.95rem;margin:0 0 36px}
p{margin:0 0 16px}
ul{margin:0 0 16px;padding-left:20px}
li{margin-bottom:7px}
a{color:var(--verde-osc)}
a:focus-visible,.volver:focus-visible{outline:3px solid var(--verde);outline-offset:3px}
.datos-fiscales{background:var(--papel);border:1px solid var(--linea);border-left:4px solid var(--verde);padding:22px 24px;margin:0 0 20px}
.datos-fiscales p{margin:0 0 6px}
.datos-fiscales p:last-child{margin:0}
.ph{background:rgba(237,181,42,.28);border-bottom:1px dotted #9A7A15;padding:0 3px}

footer{background:var(--asfalto);color:#9FA8A5;padding:40px 0;font-size:.9rem}
footer .wrap{max-width:1120px}
footer a{color:#9FA8A5;text-decoration:none}
footer a:hover{color:var(--verde-claro)}
footer ul{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0;margin:0 0 14px}

@media (max-width:640px){
  main{padding:44px 0 56px}
  .marca span{display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}