:root {
                --ink: #303833;
                --muted: #737d76;
                --earth: #8a6549;
                --green: #637b63;
                --rust: #a65f43;
                --pale: #f1f3ed;
                --sand: #f6f0e7;
                --line: #e8e9e3;
            }
            body, input, select, textarea {
                font-family: "Source Sans Pro", sans-serif !important;
                color: var(--ink);
            }
            section, #header, hr, .major {
                border: 0 !important;
                box-shadow: none !important;
                padding: 0 !important;
            }
            
            #sidebar {
                position: fixed !important;
                inset: 0 auto 0 0;
                height: 100vh !important;
                width: 18em !important;
                overflow: hidden !important;
                z-index: 10000;
                background: #fff;
                border-right: 1px solid #f2f2f2 !important;
            }
            #wrapper {
                padding-left: 18em !important;
            }
            .inner {
                padding: 2.2em 5em 0 !important;
                max-width: 1600px !important;
                margin: auto;
                width: 100%;
                box-sizing: border-box;
            }
            .eyebrow {
                display: block;
                font-size: 0.65em;
                font-weight: 900;
                text-transform: uppercase;
                letter-spacing: 4px;
                color: #9ba39d;
                margin-bottom: 16px;
            }
            .hero {
                display: grid;
                grid-template-columns: minmax(0, 1.25fr) minmax(270px, 0.75fr);
                gap: 5em;
                align-items: start;
                padding-bottom: 3.8em !important;
            }
            .hero h1 {
                font-size: 3.75em;
                letter-spacing: -2.5px;
                line-height: 1.02;
                margin: 0.15em 0 0.35em;
                color: var(--ink);
            }
            .lead {
                font-size: 1.17em;
                line-height: 1.75;
                color: var(--muted);
                max-width: 830px;
            }
            .field-mark {
                width: 100%;
                max-width: 400px;
                aspect-ratio: 1;
                border-radius: 50%;
                margin: 0;
                justify-self: center;
                position: relative;
                overflow: hidden;
                box-sizing: border-box;
                background: #e8dfcd url("/images/pecuaria-escala.webp") center/cover no-repeat;
                box-shadow: 0 30px 80px rgba(70, 80, 62, 0.2);
            }
            .block {
                border-top: 1px solid var(--line);
                padding: 3.2em 0 !important;
            }
            .head {
                display: grid;
                grid-template-columns: 180px minmax(0, 860px);
                gap: 2em;
                margin-bottom: 2em;
            }
            .head h2 {
                font-size: 2em;
                letter-spacing: -0.6px;
                margin: 0;
                color: var(--ink);
            }
            .head p {
                margin: 0;
                color: var(--muted);
                line-height: 1.7;
            }
            .principles, .stats, .chain, .monitor, .news {
                display: grid;
                gap: 1em;
            }
            .principles {
                grid-template-columns: repeat(4, 1fr);
            }
            .tile {
                padding: 1.4em;
                border-radius: 14px;
                background: var(--pale);
            }
            .tile:nth-child(even) {
                background: var(--sand);
            }
            .tile b {
                display: block;
                color: var(--earth);
                margin-bottom: 0.4em;
            }
            .tile p, .measure p {
                font-size: 0.87em;
                line-height: 1.58;
                color: var(--muted);
                margin: 0;
            }
            .stats {
                grid-template-columns: repeat(4, 1fr);
            }
            .stat {
                padding: 1.45em;
                border: 1px solid var(--line);
                border-radius: 14px;
            }
            .stat small {
                display: block;
                text-transform: uppercase;
                letter-spacing: 1.1px;
                color: #929b94;
            }
            .stat strong {
                display: block;
                font-size: 2.1em;
                line-height: 1;
                color: var(--earth);
                margin: 0.3em 0;
            }
            .stat span {
                font-size: 0.79em;
                color: var(--muted);
            }
            .local {
                background: #465648;
                color: #fff;
                padding: 2em;
                border-radius: 18px;
            }
            .local h3 {
                color: #fff;
                margin: 0 0 0.3em;
            }
            .local > p {
                color: #dbe3dc;
            }
            .nearest {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 0.8em;
                margin-top: 1.2em;
            }
            .near {
                padding: 1em;
                border-radius: 10px;
                background: rgba(255, 255, 255, 0.08);
            }
            .near small {
                display: block;
                color: #bdcabe;
                text-transform: uppercase;
                letter-spacing: 1px;
            }
            .near b {
                display: block;
                color: #fff;
                margin: 0.3em 0;
            }
            .near span {
                font-size: 0.78em;
                color: #d7e0d8;
            }
            .note {
                font-size: 0.78em !important;
                color: #bdcabe !important;
                margin-top: 1em !important;
            }
            .filters {
                display: flex;
                gap: 0.55em;
                flex-wrap: wrap;
                margin-bottom: 1.2em;
            }
            .filter {
                border: 1px solid var(--line) !important;
                border-radius: 99px !important;
                background: #fff !important;
                box-shadow: none !important;
                color: #78817a !important;
                font-size: 0.68em !important;
                padding: 0.65em 1em !important;
                height: auto !important;
                line-height: 1.2 !important;
            }
            .filter.active {
                background: var(--earth) !important;
                color: #fff !important;
                border-color: var(--earth) !important;
            }
            .cases {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: 1em;
            }
            .case {
                border: 1px solid var(--line);
                border-radius: 14px;
                padding: 1.45em;
            }
            .case small {
                font-size: 0.65em;
                text-transform: uppercase;
                letter-spacing: 1px;
                color: var(--rust);
            }
            .case h3 {
                font-size: 1.08em;
                margin: 0.35em 0;
                color: var(--ink);
            }
            .case p {
                font-size: 0.86em;
                line-height: 1.58;
                color: var(--muted);
                margin: 0.4em 0;
            }
            .case details {
                margin-top: 0.8em;
            }
            .case summary {
                cursor: pointer;
                color: var(--earth);
                font-size: 0.78em;
                font-weight: 700;
            }
            .details {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 0.6em;
                margin-top: 0.8em;
            }
            .datum {
                background: var(--pale);
                padding: 0.8em;
                border-radius: 8px;
            }
            .datum b {
                display: block;
                font-size: 0.67em;
                text-transform: uppercase;
                color: #69766b;
            }
            .datum span, .datum li {
                font-size: 0.79em;
                line-height: 1.45;
                color: var(--muted);
            }
            .datum ul {
                margin: 0.3em 0 0;
                padding-left: 1.1em;
            }
            .sources a {
                display: block;
                font-size: 0.72em;
                color: var(--earth);
                overflow-wrap: anywhere;
                margin-top: 0.4em;
            }
            .chain {
                grid-template-columns: repeat(4, 1fr);
            }
            .chain article {
                padding: 1.4em;
                border-left: 3px solid var(--green);
                background: #fafaf8;
            }
            .chain small, .measure small {
                font-size: 0.65em;
                text-transform: uppercase;
                letter-spacing: 1px;
                color: var(--rust);
            }
            .chain h3, .measure h3, .news h3 {
                font-size: 1.03em;
                margin: 0.3em 0 0.5em;
                color: var(--ink);
            }
            .chain p {
                font-size: 0.86em;
                line-height: 1.58;
                color: var(--muted);
                margin: 0;
            }
            .monitor {
                grid-template-columns: repeat(3, 1fr);
            }
            .measure {
                padding: 1.4em;
                border: 1px solid var(--line);
                border-radius: 14px;
            }
            .news {
                grid-template-columns: repeat(3, 1fr);
            }
            .news a {
                text-decoration: none;
                color: inherit;
                padding: 1.35em;
                border: 1px solid var(--line);
                border-radius: 14px;
            }
            .news span {
                font-size: 0.68em;
                color: #929b94;
            }
            .chapters {
                display: flex;
                gap: 0.8em;
                flex-wrap: wrap;
            }
            .chapters a {
                text-decoration: none;
                color: var(--ink);
                border: 1px solid var(--line);
                padding: 0.6em 1em;
                border-radius: 99px;
                font-size: 0.8em;
            }
            .empty {
                color: #99a099;
                font-style: italic;
            }
            .footer {
                padding: 4em 5em 2em;
                border-top: 1px solid var(--line);
                opacity: 0.4;
                text-align: right;
                box-sizing: border-box;
            }

            .footer-wordmark {
                display: flex;
                justify-content: flex-end;
            }

            .bio-wordmark {
                display: inline-block;
                text-align: center;
                line-height: 1;
                font-family: "Georgia", "Times New Roman", serif;
            }

            .bio-wordmark strong {
                display: block;
                font-size: 1.15em;
                font-weight: 400;
                letter-spacing: -0.4px;
                color: #81966e;
                line-height: 1;
                font-family: inherit;
            }

            .bio-wordmark small {
                display: block;
                margin-top: 2px;
                font-size: 0.43em;
                font-weight: 700;
                letter-spacing: 1.8px;
                text-transform: uppercase;
                color: #a66f50;
                line-height: 1;
                font-family: inherit;
            }
            @media (max-width: 1280px) {
                #sidebar {
                    position: relative !important;
                    width: 100% !important;
                    height: auto !important;
                }
                #wrapper {
                    padding-left: 0 !important;
                }
                .hero {
                    grid-template-columns: 1fr;
                }
                .field-mark {
                    width: 320px;
                }
                .principles, .stats {
                    grid-template-columns: repeat(2, 1fr);
                }
            }
            @media (max-width: 760px) {
                .inner {
                    padding: 1.7em 1.4em 0 !important;
                }
                .hero h1 {
                    font-size: 2.55em;
                }
                .hero {
                    gap: 2.5em;
                }
                .field-mark {
                    width: 235px;
                }
                .head {
                    grid-template-columns: 1fr;
                    gap: 0.7em;
                }
                .principles, .stats, .nearest, .cases, .details, .chain, .monitor, .news {
                    grid-template-columns: 1fr;
                }
            }