/* Exclusivo de Departamento Agronómico. No afecta componentes compartidos. */
#agronomico { max-width: 1152px; margin: auto; padding-inline: 24px; color: #4c5e52; }
#agronomico * { min-width: 0; }
#agronomico h2, #agronomico h3 { color: #234431; font-weight: 700; letter-spacing: -.035em; line-height: 1.16; text-wrap: balance; }
#agronomico h2 { font-size: clamp(29px, 3vw, 36px); }
#agronomico p { line-height: 1.8; text-wrap: pretty; }
#agronomico .agro-kicker { margin: 0 0 14px; color: #527455; font-size: 12px; line-height: 1.5; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
#agronomico .agro-apertura h2 { font-size: clamp(34px, 3.8vw, 48px); line-height: 1.13; max-width: 1000px; }
.agro-apertura h2 span { color: #427755; }
.agro-intro { display: grid; grid-template-columns: 1.1fr 1fr; gap: 60px; margin-top: 25px; font-size: 16px; }
.agro-pilares { display: flex; flex-wrap: wrap; gap: 16px 36px; list-style: none; margin-top: 30px; padding-block: 20px; border-block: 1px solid #c0d0c3; }
.agro-pilares li { display: flex; align-items: center; gap: 12px; font-size: 15px; color: #385d43; font-weight: 600; }
.agro-pilares li::before { content: ''; display: block; width: 7px; height: 7px; background: #a4945a; border-radius: 50%; }
.agro-informacion { display: grid; grid-template-columns: 1.12fr 1fr; align-items: center; gap: 48px; margin-top: 46px; }
.agro-informacion img { display: block; width: 100%; height: auto; border-radius: 22px; }
.agro-informacion figcaption { margin-top: 12px; color: #60765f; font-size: 12px; line-height: 1.6; }
.agro-lectura > p:not(.agro-kicker) { margin-top: 20px; font-size: 16px; }
.agro-servicios { margin-top: 26px; }
.agro-servicios > div { position: relative; padding: 18px 0 18px 39px; border-top: 1px solid #c6d4c8; }
.agro-servicios > div:last-child { padding-bottom: 0; }
.agro-servicios dt { font-size: 20px; font-weight: 650; line-height: 1.35; color: #2e523b; }
.agro-servicios dt span { position: absolute; left: 0; top: 22px; font-size: 11px; color: #728364; letter-spacing: .08em; }
.agro-servicios dd { font-size: 14px; line-height: 1.75; margin-top: 8px; }
.agro-infraestructura { margin-top: 52px; background: #214735; border-radius: 24px; padding: 40px; color: #dce8dd; }
#agronomico .agro-infraestructura .agro-kicker { color: #d5c387; }
#agronomico .agro-infraestructura h2, #agronomico .agro-infraestructura h3 { color: #f3f5e9; }
.agro-infra-intro { display: grid; grid-template-columns: 1.3fr 1fr; gap: 0 48px; align-items: end; }
.agro-infra-intro .agro-kicker { grid-column: 1 / -1; }
.agro-infra-intro > p:last-child { font-size: 15px; }
.agro-almacenamiento { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 34px; padding-top: 26px; border-top: 1px solid #608069; }
.agro-almacenamiento article { position: relative; padding-left: 75px; }
.agro-almacenamiento svg { position: absolute; left: 0; top: 0; width: 55px; height: 55px; color: #b6c69b; }
.agro-almacenamiento h3 { font-size: 23px; }
.agro-almacenamiento p { margin-top: 12px; font-size: 15px; }
.agro-mezclas { display: flex; align-items: center; gap: 27px; margin-top: 32px; padding: 27px; background: #315742; border-radius: 14px; }
.agro-mezclas svg { flex: 0 0 68px; width: 68px; height: 68px; color: #d5c387; }
#agronomico .agro-mezclas .agro-kicker { margin-bottom: 8px; font-size: 11px; }
.agro-mezclas h3 { font-size: 23px; }
.agro-mezclas p:last-child { font-size: 15px; margin-top: 12px; }
.agro-acompanamiento { display: grid; grid-template-columns: 90px 1fr; gap: 32px; max-width: 860px; margin: 48px auto 0; }
.agro-acompanamiento p:not(.agro-kicker) { margin-top: 19px; font-size: 16px; }
.agro-hilo { display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding-block: 12px; position: relative; }
.agro-hilo::before { content: ''; position: absolute; left: calc(50% - 1px); width: 2px; top: 12px; bottom: 12px; background: #b4c7ad; }
.agro-hilo span { width: 14px; height: 14px; border: 3px solid #94ae81; border-radius: 50%; background: #f0f4ec; position: relative; }
.agro-hilo span:last-child { width: 32px; height: 32px; border: 9px solid #346047; }
#agronomico .agro-cierre { margin-top: 35px; border-top: 1px solid #c4d2c3; padding-top: 25px; font-size: 23px; color: #385b40; line-height: 1.5; text-align: center; font-weight: 500; }
@media(max-width: 1000px) {
  .agro-intro { gap: 30px; }
  .agro-informacion { gap: 30px; grid-template-columns: 1fr 1fr; }
  .agro-infraestructura { padding: 30px; }
  .agro-infra-intro { grid-template-columns: 1fr; gap: 20px; }
  .agro-almacenamiento article { padding-left: 0; }
  .agro-almacenamiento svg { position: static; margin-bottom: 17px; }
}
@media(max-width: 900px) {
  .agro-informacion { grid-template-columns: minmax(0,1fr); gap: 30px; }
  .agro-informacion figure { width: 100%; max-width: 560px; justify-self: center; }
}
@media(max-width: 760px) {
  #agronomico { padding-inline: 20px; }
  #agronomico .agro-apertura h2 { font-size: clamp(31px,7.8vw,40px); }
  .agro-intro { grid-template-columns: minmax(0,1fr); gap: 16px; margin-top: 21px; }
  .agro-pilares { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 12px; margin-top: 23px; }
  .agro-pilares li { font-size: 14px; gap: 8px; }
  .agro-informacion { grid-template-columns: minmax(0,1fr); gap: 29px; margin-top: 32px; }
  .agro-informacion figure { width: 100%; max-width: 500px; justify-self: center; }
  .agro-servicios { margin-top: 23px; }
  .agro-infraestructura { margin-top: 34px; padding: 27px 22px; border-radius: 19px; }
  .agro-almacenamiento { grid-template-columns: minmax(0,1fr); gap: 25px; margin-top: 25px; }
  .agro-almacenamiento article { padding-left: 59px; }
  .agro-almacenamiento svg { position: absolute; width: 43px; height: 43px; }
  .agro-almacenamiento h3, .agro-mezclas h3 { font-size: 22px; }
  .agro-mezclas { display: block; padding: 22px 19px; margin-top: 25px; }
  .agro-mezclas svg { width: 52px; height: 52px; margin-bottom: 15px; }
  .agro-acompanamiento { grid-template-columns: 25px 1fr; gap: 18px; margin-top: 34px; }
  .agro-hilo span:last-child { width: 24px; height: 24px; border-width: 7px; }
  #agronomico .agro-cierre { font-size: 21px; text-align: left; margin-top: 28px; }
}
@media(max-width: 430px) {
  .agro-acompanamiento { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .agro-hilo { flex-direction: row; justify-content: space-between; width: 120px; height: 24px; padding: 0; }
  .agro-hilo::before { left: 0; right: 0; top: 11px; bottom: auto; width: auto; height: 2px; }
  .agro-almacenamiento article { padding-left: 0; }
  .agro-almacenamiento svg { position: static; margin-bottom: 14px; }
}