:root{--paper:#f5f1e9;--paper-2:#fbf8f2;--ink:#23352b;--muted:#6d756d;--line:#b8cabb;--accent:#2e6847;--accent-soft:#e6f0e8;--shadow:0 14px 34px rgba(35,53,43,.10)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}
body{font-family:Georgia,'Times New Roman',serif}
.cat-shell{max-width:1180px;margin:0 auto;padding:30px 28px 70px}
.cat-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:72px}
.cat-brand{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.cat-back{color:var(--accent);font-family:Arial,sans-serif;font-size:13px;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:10px 16px;background:var(--paper-2)}
.cat-back:hover,.cat-back:focus{background:var(--accent-soft);outline:2px solid var(--line);outline-offset:2px}
.cat-hero{text-align:center;max-width:780px;margin:0 auto 54px}
.cat-kicker{font-family:Arial,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin-bottom:16px}
.cat-hero h1{font-size:clamp(38px,6vw,68px);line-height:1.02;margin:0 0 18px;font-weight:600}
.cat-hero p{font-size:18px;line-height:1.6;color:var(--muted);margin:0}
.cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1050px;margin:0 auto}
.cat-card{display:flex;min-height:230px;flex-direction:column;justify-content:space-between;text-decoration:none;color:inherit;background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:28px;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.cat-card:hover,.cat-card:focus{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 18px 40px rgba(35,53,43,.16);outline:none}
.cat-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.cat-icon{font-family:Arial,sans-serif;font-size:28px;color:var(--accent);margin-bottom:24px}
.cat-card h2{font-size:28px;line-height:1.1;margin:0 0 12px}
.cat-card p{font-size:16px;line-height:1.5;color:var(--muted);margin:0}
.cat-open{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-top:28px}
.cat-note{max-width:760px;margin:56px auto 0;padding:18px 22px;border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--muted);font-size:15px;line-height:1.55}
@media(max-width:780px){.cat-shell{padding:20px 18px 48px}.cat-top{margin-bottom:48px}.cat-grid{grid-template-columns:1fr;max-width:520px}.cat-card{min-height:190px}.cat-top{align-items:flex-start;flex-direction:column}}
.cat-card.is-tratado{min-height:0;padding:0;overflow:hidden;justify-content:flex-start;background:#f7f5ee}
.cat-card.is-tratado .cat-card-cover{display:flex;align-items:center;justify-content:center;min-height:270px;padding:14px;background:#f7f5ee;border-bottom:1px solid var(--line)}
.cat-card.is-tratado .cat-card-cover img{display:block;width:auto;height:258px;max-width:100%;object-fit:contain;box-shadow:0 10px 24px rgba(35,53,43,.18)}
.cat-card.is-tratado .cat-card-content{padding:24px 28px 0;background:var(--paper-2)}
.cat-card.is-tratado .cat-open{margin:24px 28px 28px}
@media(max-width:780px){.cat-card.is-tratado .cat-card-cover{min-height:300px}.cat-card.is-tratado .cat-card-cover img{height:288px}}
