/* AgroBitácora · Términos y Condiciones (diseño publicado en vivo) */

.legal-main{padding-top:90px}
.legal-hero{padding-bottom:54px}
.legal-eyebrow{color:#14875f;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:22px}
.legal-eyebrow b{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:8px}
.legal-title{font:800 clamp(36px,4.6vw,56px)/1 var(--display);letter-spacing:-.06em;color:var(--forest);margin:0;max-width:900px}
.legal-title em{font-style:normal;color:var(--green)}
.legal-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.legal-meta span{font-size:11px;font-weight:700;color:#2f5e4c;background:var(--cream);border:1px solid rgba(6,61,45,.12);border-radius:30px;padding:7px 13px}
.legal-intro{max-width:820px;color:#5e7067;font-size:16px;line-height:1.75;margin:30px 0 0}
.legal-intro strong{color:var(--forest)}

.legal-container{display:grid;grid-template-columns:250px minmax(0,1fr);gap:46px;align-items:start;padding-bottom:120px}
.legal-toc{position:sticky;top:26px;background:var(--cream);border:1px solid rgba(6,61,45,.12);border-radius:6px;padding:26px 24px;margin-bottom:30px}
.legal-toc>h2{font:800 11px var(--display);text-transform:uppercase;letter-spacing:.12em;color:#14875f;margin:0 0 16px}
.legal-toc ol{list-style:none;margin:0;padding:0;counter-reset:item;display:flex;flex-direction:column;gap:9px;max-height:64vh;overflow:auto}
.legal-toc li{counter-increment:item}
.legal-toc a{font-size:12.5px;font-weight:600;color:#375c4d;line-height:1.35;transition:color .2s}
.legal-toc a:hover{color:#12b77b}
.legal-toc a::before{content:counter(item,decimal-leading-zero);color:#12b77b;font-weight:800;font-size:10px;margin-right:8px}

.legal-body{min-width:0}
.legal-section{margin-bottom:52px;scroll-margin-top:28px}
.legal-section h2{font:800 clamp(21px,2.4vw,27px)/1.15 var(--display);letter-spacing:-.04em;color:var(--forest);margin:0 0 16px;padding-top:10px}
.legal-section h2 .sec-num{color:#12b77b;margin-right:10px}
.legal-section h3{font:700 15px var(--body);color:var(--forest);margin:22px 0 8px}
.legal-section p{color:#465b52;font-size:15px;line-height:1.78;margin:0 0 12px}
.legal-section ul,.legal-section ol{margin:0 0 14px;padding-left:20px;color:#465b52;font-size:15px;line-height:1.75}
.legal-section li{margin-bottom:7px}
.legal-section li strong{color:var(--forest)}
.legal-rule{background:#f5efe0;border-left:3px solid #d9a441;border-radius:0 4px 4px 0;padding:16px 18px;color:#5c5136;font-size:14px;line-height:1.7;margin:18px 0}
.legal-rule strong{color:#7a5a2b}

.legal-contact-block{background:var(--cream);border:1px solid rgba(6,61,45,.14);border-radius:6px;padding:24px 26px;margin-top:26px}
.legal-contact-block b{color:var(--forest)}

.footer-v2{padding:28px 0;border-top:1px solid #dce7dc}
.footer-v2>div{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#75847b;font-size:11px}
.footer-v2 img{width:155px}
.footer-v2 a{font-weight:600;color:#375c4d}
.footer-v2 a:hover{color:#12b77b}

.nav.is-open nav{display:flex}
@media(max-width:920px){
  .legal-container{grid-template-columns:1fr;gap:10px}
  .legal-toc{position:static}
  .legal-toc ol{max-height:210px}
}
@media(max-width:650px){
  .legal-main{padding-top:48px}
  .legal-title{font-size:34px}
  .legal-container{padding-bottom:80px}
  .legal-section{margin-bottom:42px}
  .legal-intro{font-size:15px}
  .nav.is-open nav{display:flex;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:18px;gap:15px;box-shadow:0 15px 25px rgba(4,46,36,.12);z-index:20}
}