html[lang=es][data-lang=es] body#es-site-page{font-family:Arial,"Helvetica Neue",sans-serif!important}
html[lang=es][data-lang=es] body#es-site-page main :is(h1,h2,h3,h4,p,li,a,span,strong,label,summary){word-break:normal;overflow-wrap:break-word;white-space:normal;letter-spacing:normal}
html[lang=es][data-lang=es] body#es-site-page main :is(h1,h2,h3,h4){hyphens:auto;text-wrap:balance;line-height:1.2!important}
html[lang=es][data-lang=es] body#es-site-page main h1{font-size:clamp(32px,3.6vw,54px)!important;max-width:100%!important}
html[lang=es][data-lang=es] body#es-site-page main h2{font-size:clamp(25px,2.4vw,36px)!important}
html[lang=es][data-lang=es] body#es-site-page main h3{font-size:clamp(20px,1.7vw,26px)!important}
html[lang=es][data-lang=es] body#es-site-page main :is(p,li){line-height:1.75!important;max-height:none!important;-webkit-line-clamp:unset!important}
html[lang=es][data-lang=es] body#es-site-page main :is(article,section,div,aside){min-width:0}
html[lang=es][data-lang=es] body#es-site-page :is([data-reveal],[data-bp7140-reveal],.reveal){opacity:1!important;transform:none!important;visibility:visible!important}
html[lang=es][data-lang=es] body#es-site-page main [hidden]{display:none!important}
html[lang=es][data-lang=es] body#es-site-page main :is(.button,button){white-space:normal!important;height:auto;min-height:44px;line-height:1.4!important}
html[lang=es][data-lang=es] body#es-site-page main :is(input,textarea,select){font-size:16px;max-width:100%}
html[lang=es][data-lang=es] body#es-site-page main img{max-width:100%}
html[lang=es][data-lang=es] body#es-site-page main :is(.news-body,.observer-article-body){font-size:17px;line-height:1.85;hyphens:auto}
html[lang=es][data-lang=es] body#es-site-page main :is(.news-body,.observer-article-body) p{margin-block:1em;overflow:visible!important}
html[lang=es][data-lang=es] body#es-site-page main :is(.bp7140-card,.bp7140-route-card,.dv2-card,.resource-card){height:auto!important;max-height:none!important}
html[lang=es][data-lang=es] body#es-site-page main :is(.bp7140-card,.bp7140-route-card,.dv2-card,.resource-card) :is(h2,h3,p){display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important}
html[lang=es][data-lang=es] body#es-site-page main :is(h1,h2) em{display:inline!important;font-size:inherit!important}
html[lang=es][data-lang=es] body#es-site-page [id]{scroll-margin-top:104px}
@media(max-width:800px){
html[lang=es][data-lang=es] body#es-site-page main h1{font-size:clamp(29px,6.8vw,40px)!important;line-height:1.2!important}
html[lang=es][data-lang=es] body#es-site-page main h2{font-size:27px!important}
html[lang=es][data-lang=es] body#es-site-page main h3{font-size:21px!important}
html[lang=es][data-lang=es] body#es-site-page main :is(.bp7140-hero__grid,.bp7140-section-head){grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
html[lang=es][data-lang=es] body#es-site-page main :is(table){display:block;overflow-x:auto;max-width:100%}
html[lang=es][data-lang=es] body#es-site-page main :is(.news-body,.observer-article-body){font-size:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

html[lang=es] body#es-site-page footer img{filter:none!important}

html[lang=es][data-lang=es] body#es-site-page main .observer-publication-card p{height:auto!important;display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important}
html[lang=es][data-lang=es] body#es-site-page main :is(h1,h2,h3,h4,p){font-family:inherit!important;height:auto!important;max-height:none!important;-webkit-line-clamp:unset!important;overflow:visible!important}
html[lang=es][data-lang=es] body#es-site-page .news-wechat-layout section{width:auto!important;max-width:100%!important}
html[lang=es][data-lang=es] body#es-site-page .es-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;margin-block:16px}
html[lang=es][data-lang=es] body#es-site-page .es-table-scroll table{max-width:none!important}

/* Compact map markers; full market names remain in adjacent controls. */
html[lang=es][data-lang=es] body#es-site-page .dog-marker{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;}
html[lang=es][data-lang=es] body#es-site-page .dog-marker>span:not(.dog){display:none!important;}
html[lang=es][data-lang=es] body#es-site-page .agreement-check input[type=checkbox]{position:static!important;opacity:1!important;width:18px!important;height:18px!important;min-width:18px!important;flex-shrink:0;appearance:auto!important;}

/* Spanish typesetting: sentence case, readable measures and stable punctuation. */
html[lang=es] body#es-site-page main :is(p,li,dd){text-wrap:pretty;}
html[lang=es] body#es-site-page :is(h1,h2,h3,h4){text-transform:none;}
html[lang=es] body#es-site-page .es-language-options{hyphens:none;}

/* ES_RUNTIME_AUDIT_EXTENSIONS */
/* Spanish text can have a wider intrinsic width in column-oriented title rows. */
html[lang=es] body#es-site-page main .section-title-row > div {
  min-width: 0;
  max-width: 100%;
  flex-shrink: 1;
}

/* Keep the context brand in its own column; translated links may wrap. */
@media (min-width: 861px) {
  html[lang=es] body#es-site-page .v270-context__inner {
    grid-template-columns: max-content minmax(0, 1fr) auto !important;
    column-gap: 20px !important;
  }
  html[lang=es] body#es-site-page .v270-context__identity {
    max-inline-size: 19rem;
    white-space: normal !important;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }
  html[lang=es] body#es-site-page .v270-context__links {
    min-width: 0;
  }
}

/* Whole Spanish words make headings easier to scan; prose can still hyphenate. */
html[lang=es][data-lang=es] body#es-site-page main :is(h1,h2,h3,h4) {
  hyphens: none !important;
}
@media (max-width: 860px) {
  html[lang=es] body#es-site-page .v270-context__identity,
  html[lang=es] body#es-site-page .v270-context__action {
    display: none !important;
  }
  html[lang=es] body#es-site-page .v270-context__inner {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html[lang=es] body#es-site-page #v287-packaging-title .v716-packaging-title__system,
  html[lang=es] body#es-site-page #v287-packaging-title .v716-packaging-title__system > span {
    min-width: 0;
    max-width: 100%;
    white-space: normal !important;
    text-wrap: balance;
  }
}

/* The document summary needs a full reading column before the phone breakpoint. */
@media (max-width: 980px) {
  html[lang=es][data-lang=es] body#es-site-page.resources-page main > .resource-center-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 32px !important;
  }
}
@media (max-width: 600px) {
  html[lang=es] body#es-site-page.resources-page .resource-doc-preview {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  html[lang=es] body#es-site-page.resources-page .resource-doc-preview img {
    width: min(180px, 100%) !important;
    justify-self: center;
  }
}
/* Spanish application names need several lines inside the home image cards. */
html[lang=es] body#es-site-page #main-content #bioten .v311-domain__link h3 {
  white-space: normal !important;
  max-width: 100% !important;
  height: auto !important;
  flex-shrink: 0;
  text-wrap: balance;
}
html[lang=es] body#es-site-page #main-content #bioten .v703-domain-group__label,
html[lang=es] body#es-site-page #main-content #bioten .v703-domain-group__label strong {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip;
  height: auto !important;
  max-width: 100%;
}

html[lang=es]{--dbc-zh-ui-font:Arial,"Helvetica Neue",sans-serif!important;--dbc-heading-ui-font:Arial,"Helvetica Neue",sans-serif!important}
 /* Release inherited fixed news-heading heights for Spanish. */
html[lang=es]:not(#dbc-content-h2-size-lock-a):not(#dbc-content-h2-size-lock-b):not(#dbc-content-h2-size-lock-c):not(#dbc-content-h2-size-lock-d):not(#dbc-content-h2-size-lock-e):not(#dbc-content-h2-size-lock-f):not(#dbc-content-h2-size-lock-g):not(#dbc-content-h2-size-lock-h) body#es-site-page main#main-content .observer-publication-card :is(h2,h3) {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  min-block-size: 0 !important;
  max-block-size: none !important;
  block-size: auto !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  white-space: normal !important;
}
html[lang=es] body#es-site-page .observer-publication-card :is(h2,h3) a {
  display: block !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
html[lang=es] body#es-site-page .observer-publication-card,
html[lang=es] body#es-site-page .observer-publication-card__body {
  height: auto !important;
  max-height: none !important;
}


/* Let Spanish emphasis wrap in the two source heroes; retain their font sizes. */
@media (max-width: 860px) {
  html[lang=es] body#es-site-page main#main-content .btp580-hero h1 {
    width: 100% !important;
    max-width: 100% !important;
  }
}
html[lang=es] body#es-site-page main#main-content .btp580-hero h1 em,
html[lang=es] body#es-site-page main#main-content .bp7318-matrix-hero h1 em {
  white-space: normal !important;
  display: inline !important;
  overflow-wrap: break-word !important;
}

/* Inline-flex discards the trailing space inside each translated lead fragment. */
html[lang=es] body#es-site-page main .request-hero-copy p .request-mobile-line {
  display: inline !important;
}
/* The translated desktop hero must grow with its copy instead of clipping it. */
html[lang=es] body#es-site-page main#main-content .btp580-hero {
  height: auto !important;
  max-height: none !important;
}
@media (min-width: 1081px) {
  html[lang=es] body#es-site-page main#main-content .btp580-hero h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(44px, 4vw, 56px) !important;
    line-height: 1.12 !important;
  }
}
/* Spanish related-article titles need their full height before the read link. */
html[lang=es] body#es-site-page main#main-content .observer-related .observer-card :is(h2,h3),
html[lang=es] body#es-site-page main#main-content .observer-related .observer-card :is(h2,h3) > a {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
}
@media (min-width: 768px) {
  html[lang=es] body#es-site-page main#main-content .observer-related > header {
    grid-template-columns: max-content minmax(0,1fr) !important;
  }
}

/* ES_EDITORIAL_LAYOUT_CANDIDATES */
/* ES-only responsive fixes identified by independent core QA.
   Candidate only: runtime owns merge/build. No text or source locale changes. */
@media (max-width: 620px) {
  /* Keep long translated captions in normal flow so the photo grows with them. */
  html[lang="es"] body:is(.brand510-antux, .brand510-casu) .brand510-hero__visual {
    display: grid !important;
    align-items: end;
    height: auto !important;
    min-height: 320px !important;
    aspect-ratio: auto !important;
  }
  html[lang="es"] body:is(.brand510-antux, .brand510-casu) .brand510-hero__visual > img {
    position: absolute !important;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  html[lang="es"] body:is(.brand510-antux, .brand510-casu) .brand510-hero__badge {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    margin: 16px;
  }
}
@media (max-width: 900px) {
  /* Preserve ANTUX's card rail/grid, while letting all copy set card height. */
  html[lang="es"] body.brand510-antux .brand510-scene-grid {
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
  }
  html[lang="es"] body.brand510-antux .brand510-scene {
    display: grid !important;
    align-items: end;
    height: auto !important;
    min-height: 360px !important;
  }
  html[lang="es"] body.brand510-antux .brand510-scene > img {
    position: absolute !important;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  html[lang="es"] body.brand510-antux .brand510-scene__copy {
    position: relative !important;
    inset: auto !important;
    width: auto !important;
    margin: 18px;
  }
}
/* The varnish page uses a narrow desktop sidebar: stack its image above the copy.
   Use the existing split layout only where that card already spans the full row. */
html[lang="es"] body.bp7140-page .release-card__body {
  min-width: 0;
}
html[lang="es"] body.bp7140-page .release-card__meta {
  flex-wrap: wrap;
}
@media (min-width: 901px) {
  html[lang="es"] body.bp7140-page .release-card:not(.is-featured) {
    grid-template-columns: minmax(0, 1fr);
  }
  html[lang="es"] body.bp7140-page .release-card:not(.is-featured) .release-card__media img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}
/* Keep the product identity and its subtitle clear of the scrollable nav links. */
@media (min-width: 1081px) {
  html[lang="es"] body.bp7140-page .product-nav__identity {
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    min-width: 0;
    white-space: normal;
  }
}

/* Privacy consent: one native, keyboard-focusable checkbox; the label remains the full click target. */
body .agreement-check::before, body .agreement-check::after { content: none !important; display: none !important; }
body .agreement-check { padding-left: 18px !important; }
body .agreement-check input[type="checkbox"] { min-height: 0 !important; height: 18px !important; vertical-align: -3px; margin: 0 8px 0 0 !important; }

/* Counteract the global mobile text-input minimum; the consent label remains the touch target. */
html[data-v560-release] body form .agreement-check input[type="checkbox"] { min-height: 18px !important; max-height: 18px !important; height: 18px !important; }

/* Preserve horizontal keyboard scrolling on pre-existing editorial table regions, including without JavaScript. */
body[data-article-prototype="editorial-content-r2"].es-full-page .observer-table-wrap[tabindex] { overflow-x:auto !important; }

/* Keep archive availability notices readable on narrow screens. */
html[lang="es"] .observer-article-hero__meta .observer-article-hero__pdf-action[aria-disabled="true"]{white-space:normal!important;max-width:100%!important;overflow-wrap:anywhere;line-height:1.5!important;text-align:center!important;}




/* ES_FINAL_READING_VISIBILITY: static reading content never waits for an effect observer. */
html[lang="es"] body.es-localized-page main :is(
 .v520-reveal,.dv22-reveal,.v400-reveal,.dev740-reveal,.v260-reveal,.btp580-reveal,.v245-reveal,
 [data-bp7140-reveal],[data-fs7301-reveal],[data-v270-reveal],[data-reveal],[data-v780-reveal],[data-v280-reveal]
) {
 opacity:1 !important;
 visibility:visible !important;
 transform:none !important;
 transition:none !important;
}
/* Keep adjacent application sections within the same reading rhythm. */
html[lang="es"] body.es-localized-page.v520-app main .v520-section {
 padding-block:64px !important;
}
html[lang="es"] body.es-localized-page.v520-app main .v520-section-head {
 margin-bottom:32px !important;
}
@media(max-width:800px) {
 html[lang="es"] body.es-localized-page.v520-app main .v520-section {
  padding-block:40px !important;
 }
}

/* ES_FINAL_TYPE_RHYTHM: fit Spanish titles to their existing columns. */
html[lang="es"] body#es-site-page#es-site-page.es-localized-page:not(.news-article-page) main#main-content h1 {
 font-size:clamp(32px,3.2vw,48px) !important;
 line-height:1.16 !important;
 max-width:100% !important;
 hyphens:none !important;
 text-wrap:balance !important;
}
html[lang="es"] body#es-site-page#es-site-page.es-localized-page:not(.news-article-page) main#main-content h1 :is(span,em,strong) {
 font-size:inherit !important; line-height:inherit !important;
}
html[lang="es"] body#es-site-page#es-site-page.es-localized-page main#main-content :is(
 .v520-section,.v500-section,.v245-section,.brand510-section,.dv2-section,.fs7301-section,.packaging-section
) {
 padding-block:64px !important;
}
html[lang="es"] body#es-site-page#es-site-page.es-localized-page main#main-content :is(.bp7140-cta,.fs7301-cta,.v520-final,.dv2-final) {
 padding-block:40px !important;
}
/* Four stages remain sequential in the markup; the diagram fits two readable columns. */
html[lang="es"] body#es-site-page#es-site-page.v520-app--agriculture main .v520-seed-cycle {
 min-height:0 !important; padding-block:24px !important;
}
html[lang="es"] body#es-site-page#es-site-page.v520-app--agriculture main .v520-seed-cycle__line {
 grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important;
}
@media(max-width:800px) {
 html[lang="es"] body#es-site-page#es-site-page.es-localized-page:not(.news-article-page) main#main-content h1 {
  font-size:clamp(29px,6.8vw,38px) !important;
 }
 html[lang="es"] body#es-site-page#es-site-page.es-localized-page main#main-content :is(
 .v520-section,.v500-section,.v245-section,.brand510-section,.dv2-section,.fs7301-section,.packaging-section
 ) {
  padding-block:40px !important;
 }
 html[lang="es"] body#es-site-page#es-site-page.es-localized-page main#main-content :is(.bp7140-cta,.fs7301-cta,.v520-final,.dv2-final) {
  padding-block:32px !important;
 }
}

/* ES_FINAL_SCOPE_LAYOUT: both Spanish body templates share the same reading rhythm. */
html[lang="es"] body.es-localized-page.es-full-page main#main-content#main-content#main-content h1 {
 font-size:clamp(32px,3.2vw,48px) !important;
 line-height:1.16 !important;
 max-width:100% !important;
 hyphens:none !important;
 text-wrap:balance !important;
}
html[lang="es"] body.es-localized-page.es-full-page main#main-content#main-content#main-content h1 :is(span,em,strong) {
 font-size:inherit !important; line-height:inherit !important; max-width:100% !important;
}
html[lang="es"] body.es-localized-page.es-full-page main#main-content#main-content#main-content :is(
 .bp7140-section,.page-section,.solutions-section,.resource-download-section,.pgeo-section
) {
 padding-block:64px !important;
}
html[lang="es"] body.es-localized-page.es-full-page main#main-content .v281-decision {
 margin-block:24px !important; padding-block:32px !important;
}
html[lang="es"] body.es-localized-page.es-full-page main#main-content .v281-path {
 margin-block:24px !important;
}
html[lang="es"] body.es-localized-page.es-full-page main#main-content .observer-faq {
 margin-top:40px !important; padding-top:32px !important;
}
html[lang="es"] body.es-localized-page.es-full-page main#main-content :is(.bp7160-sample-card,.bp7140-release-rail) {
 opacity:1 !important; visibility:visible !important; transform:none !important;
}
html[lang="es"] body.es-localized-page.v520-app--agriculture main .v520-signature__visual {
 align-self:start !important; min-height:0 !important; height:auto !important;
}
html[lang="es"] body.es-localized-page.v520-app--agriculture main .v520-seed-cycle {
 height:auto !important;
}
html[lang="es"] body.es-localized-page.bioten-platform-v580 #foundation {padding-bottom:40px !important;}
html[lang="es"] body.es-localized-page.bioten-platform-v580 #domains {padding-top:40px !important;}
@media(max-width:800px) {
 html[lang="es"] body.es-localized-page.es-full-page main#main-content#main-content#main-content h1 {
  font-size:clamp(29px,6.8vw,38px) !important;
 }
 html[lang="es"] body.es-localized-page.es-full-page main#main-content#main-content#main-content :is(
 .bp7140-section,.page-section,.solutions-section,.resource-download-section,.pgeo-section
 ) {
  padding-block:40px !important;
 }
 html[lang="es"] body.es-localized-page.es-full-page main#main-content#main-content#main-content .bp7140-cta__grid {
  grid-template-columns:minmax(0,1fr) !important; gap:24px !important;
 }
 html[lang="es"] body.es-localized-page.bioten-platform-v580 #foundation {padding-bottom:24px !important;}
 html[lang="es"] body.es-localized-page.bioten-platform-v580 #domains {padding-top:24px !important;}
}

/* ES_FINAL_SCOPED_FOLLOWUP: text labels and narrow-screen calls to action. */
html[lang="es"] body.es-localized-page main#main-content#main-content#main-content .btf716-hero-index__item {
 opacity:1 !important; visibility:visible !important; transform:none !important;
}
html[lang="es"] body.bioten-platform-v580 main#main-content#main-content#main-content #foundation {padding-bottom:40px !important;}
html[lang="es"] body.bioten-platform-v580 main#main-content#main-content#main-content #domains {padding-top:40px !important;}
html[lang="es"] body.bioten-platform-v580 main#main-content#main-content#main-content .pgeo-feature {padding-bottom:48px !important;}
html[lang="es"] body#es-site-page.bp7140-page main > section.section {padding-block:64px !important;}
html[lang="es"] body#es-site-page.bp7140-page main > section.closing {padding-block:40px !important;}
@media(max-width:800px) {
 html[lang="es"] body.es-localized-page.es-full-page main#main-content#main-content#main-content .bp7140-cta__grid h2 {
  font-size:clamp(24px,6.4vw,28px) !important; line-height:1.2 !important; max-width:100% !important;
 }
 html[lang="es"] body.bioten-platform-v580 main#main-content#main-content#main-content #foundation {padding-bottom:24px !important;}
 html[lang="es"] body.bioten-platform-v580 main#main-content#main-content#main-content #domains {padding-top:24px !important;}
 html[lang="es"] body.bioten-platform-v580 main#main-content#main-content#main-content .pgeo-feature {padding-bottom:32px !important;}
 html[lang="es"] body#es-site-page.bp7140-page main > section.section {padding-block:40px !important;}
 html[lang="es"] body#es-site-page.bp7140-page main > section.closing {padding-block:32px !important;}
}

/* ES_FINAL_LONG_TEXT: complete long questions and legal headings keep their text. */
html[lang="es"] body.es-localized-page.es-full-page main#main-content#main-content#main-content h1.es-long-hero-title {
 font-size:clamp(29px,2.7vw,40px) !important; line-height:1.16 !important;
}
html[lang="es"]:not(#dbc-content-h2-size-lock-a):not(#dbc-content-h2-size-lock-b):not(#dbc-content-h2-size-lock-c):not(#dbc-content-h2-size-lock-d):not(#dbc-content-h2-size-lock-e):not(#dbc-content-h2-size-lock-f):not(#dbc-content-h2-size-lock-g):not(#dbc-content-h2-size-lock-h) body.es-localized-page main h2.es-long-section-title {
 font-size:clamp(20px,2.2vw,27px) !important; line-height:1.5 !important;
}
@media(max-width:800px) {
 html[lang="es"]:not(#dbc-content-h2-size-lock-a):not(#dbc-content-h2-size-lock-b):not(#dbc-content-h2-size-lock-c):not(#dbc-content-h2-size-lock-d):not(#dbc-content-h2-size-lock-e):not(#dbc-content-h2-size-lock-f):not(#dbc-content-h2-size-lock-g):not(#dbc-content-h2-size-lock-h) body.es-localized-page.es-full-page main .bp7140-cta__grid h2 {
  font-size:clamp(24px,6.4vw,28px) !important; line-height:1.2 !important;
 }
}

/* ES_FINAL_HERO_GAPS: marketing introductions follow the same vertical rhythm. */
html[lang="es"] body.es-localized-page.es-full-page main#main-content#main-content#main-content .bp7140-hero {
 min-height:0 !important; padding-block:64px !important;
}
@media(max-width:800px) {
 html[lang="es"] body.es-localized-page.es-full-page main#main-content#main-content#main-content .bp7140-hero {padding-block:40px !important;}
}

/* ES_FINAL_KNOWLEDGE_HERO: avoid a viewport-sized spacer below a text introduction. */
html[lang="es"] body.es-localized-page.es-full-page main#main-content#main-content#main-content .knowledge-suite-hero {min-height:0 !important; padding-block:64px !important;}
@media(max-width:800px){html[lang="es"] body.es-localized-page.es-full-page main#main-content#main-content#main-content .knowledge-suite-hero {padding-block:40px !important;}}

/* ES_FINAL_GREEN_CTA: restore the intended white copy on green knowledge panels. */
html[lang="es"] body.bioten-page.knowledge-page main#main-content#main-content#main-content .knowledge-cta :is(h2,h3,p,.section-kicker) {color:#fff !important;}

/* ES_FINAL_CIRCULARITY_CTA: the circularity template uses its own green panel. */
html[lang="es"] body.circularity-page main#main-content#main-content#main-content .cta-panel :is(h2,p) {color:#fff !important;}

/* ES_FINAL_KNOWLEDGE_NAV: compact scrollable contents stay below the global header. */
html[lang="es"] body.knowledge-suite-page main#main-content#main-content#main-content .about-anchor-nav {
 display:flex !important; flex-flow:row nowrap !important; align-items:center !important;
 gap:8px !important; width:100% !important; max-width:100% !important; min-width:0 !important;
 height:auto !important; min-height:52px !important; max-height:60px !important;
 grid-column:1 / -1 !important; margin:0 !important; padding:6px 12px !important;
 position:sticky !important; top:var(--dbc-header-height,72px) !important; z-index:30 !important;
 overflow-x:auto !important; overflow-y:hidden !important; white-space:nowrap !important;
 background:rgba(248,252,250,.98) !important; border:1px solid #d4e2dc !important;
 border-radius:12px !important; box-sizing:border-box !important;
}
html[lang="es"] body.knowledge-suite-page main#main-content#main-content#main-content .about-anchor-nav::before {
 display:none !important; content:none !important;
}
html[lang="es"] body.knowledge-suite-page main#main-content#main-content#main-content .about-anchor-nav > a {
 display:inline-flex !important; flex:0 0 auto !important; align-items:center !important;
 width:auto !important; min-width:0 !important; min-height:38px !important;
 margin:0 !important; padding:8px 12px !important; border:0 !important;
 font-size:14px !important; line-height:1.4 !important; white-space:nowrap !important;
 border-radius:8px !important;
}
html[lang="es"] body.knowledge-suite-page main#main-content#main-content#main-content .about-anchor-nav > a:is(:hover,:focus-visible,.is-active) {
 color:#00694d !important; background:#e2f1eb !important;
}
html[lang="es"] body.knowledge-suite-page main#main-content#main-content#main-content [id] {
 scroll-margin-top:calc(var(--dbc-header-height,72px) + 76px) !important;
}
@media(max-width:800px) {
 html[lang="es"] body.knowledge-suite-page main#main-content#main-content#main-content .about-anchor-nav {
  top:var(--dbc-header-height,68px) !important; border-radius:0 !important;
 }
}

/* ES_FINAL_SECONDARY_NAV: long Spanish navigation stays in a compact horizontal row. */
html[lang="es"] body.es-localized-page main#main-content#main-content#main-content .packaging-anchor {
 display:flex !important; flex-flow:row nowrap !important; align-items:center !important;
 gap:8px !important; width:100% !important; max-width:100% !important; min-width:0 !important;
 height:auto !important; min-height:52px !important; max-height:60px !important;
 grid-column:1 / -1 !important; margin:0 !important; padding:6px 12px !important;
 position:sticky !important; top:var(--dbc-header-height,72px) !important; z-index:30 !important;
 overflow-x:auto !important; overflow-y:hidden !important; white-space:nowrap !important;
 background:rgba(248,252,250,.98) !important; border:1px solid #d4e2dc !important;
 border-radius:12px !important; box-sizing:border-box !important;
}
html[lang="es"] body.es-localized-page main#main-content#main-content#main-content .packaging-anchor::before {display:none !important;content:none !important;}
html[lang="es"] body.es-localized-page main#main-content#main-content#main-content .packaging-anchor > a {
 display:inline-flex !important; flex:0 0 auto !important; align-items:center !important;
 width:auto !important; min-width:0 !important; min-height:38px !important;
 margin:0 !important; padding:8px 12px !important; border:0 !important;
 font-size:14px !important; line-height:1.4 !important; white-space:nowrap !important; border-radius:8px !important;
}
html[lang="es"] body.es-localized-page main#main-content#main-content#main-content .packaging-anchor > a:is(:hover,:focus-visible,.is-active) {color:#00694d !important;background:#e2f1eb !important;}
html[lang="es"] body.es-localized-page main#main-content#main-content#main-content:has(.packaging-anchor) [id] {scroll-margin-top:calc(var(--dbc-header-height,72px) + 76px) !important;}
html[lang="es"] body.dv2-page main#main-content#main-content#main-content .dv2-local-nav {max-width:100% !important;min-width:0 !important;}
html[lang="es"] body.es-localized-page main#main-content#main-content#main-content :is(.dv2-local-nav__inner,.dv21-domain-switch > .dv2-shell) {
 display:flex !important; flex-flow:row nowrap !important; align-items:center !important;
 gap:8px !important; min-width:0 !important; width:100% !important; max-width:100% !important;
 padding:6px 16px !important; overflow-x:auto !important; overflow-y:hidden !important; box-sizing:border-box !important;
}
html[lang="es"] body.es-localized-page main#main-content#main-content#main-content :is(.dv2-local-nav__inner,.dv21-domain-switch > .dv2-shell) > a {
 display:inline-flex !important; flex:0 0 auto !important; align-items:center !important;
 margin:0 !important; padding:8px 12px !important; min-height:38px !important;
 font-size:14px !important; line-height:1.4 !important; white-space:nowrap !important;
}
@media(max-width:800px) {
 html[lang="es"] body.es-localized-page main#main-content#main-content#main-content .packaging-anchor {top:var(--dbc-header-height,68px) !important;border-radius:0 !important;}
 html[lang="es"] body.dv2-page main#main-content#main-content#main-content .dv2-local-nav {position:relative !important;top:auto !important;}
}

/* 2026-11-05: match the Chinese Related Articles cards on every article detail page. */
html[lang="es"][data-lang="es"][data-site-language="es"] body#es-site-page[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-related__grid {
  align-items: stretch !important;
  gap: 1rem !important;
}
html[lang="es"][data-lang="es"][data-site-language="es"] body#es-site-page[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card {
  display: flex !important;
  flex: 1 1 0 !important;
  flex-direction: column !important;
  align-self: stretch !important;
  gap: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: 0 !important;
}
html[lang="es"][data-lang="es"][data-site-language="es"] body#es-site-page[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media {
  flex: 0 0 auto !important;
  width: 100% !important;
  aspect-ratio: 2.35 / 1 !important;
  overflow: hidden !important;
}
html[lang="es"][data-lang="es"][data-site-language="es"] body#es-site-page[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__media img {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}
html[lang="es"][data-lang="es"][data-site-language="es"] body#es-site-page[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__body {
  flex: 1 1 auto !important;
  width: 100% !important;
  margin-top: .65rem !important;
  padding: 0 !important;
}
html[lang="es"][data-lang="es"][data-site-language="es"] body#es-site-page[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card :is(h2, h3),
html[lang="es"][data-lang="es"][data-site-language="es"] body#es-site-page[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card :is(h2, h3) > a {
  width: 100% !important;
  min-height: 3em !important;
  height: 3em !important;
  max-height: 3em !important;
  min-block-size: 3em !important;
  block-size: 3em !important;
  max-block-size: 3em !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  font-size: .82rem !important;
  line-height: 1.5 !important;
  white-space: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  text-overflow: ellipsis !important;
}
html[lang="es"][data-lang="es"][data-site-language="es"] body#es-site-page[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card :is(h2, h3) { display: block !important; }
html[lang="es"][data-lang="es"][data-site-language="es"] body#es-site-page[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card :is(h2, h3) > a { display: -webkit-box !important; }
html[lang="es"][data-lang="es"][data-site-language="es"] body#es-site-page[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__read,
html[lang="es"][data-lang="es"][data-site-language="es"] body#es-site-page[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card__body > p { display: none !important; }
@media (min-width: 64rem) {
  html[lang="es"][data-lang="es"][data-site-language="es"] body#es-site-page[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-related__grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    padding-bottom: 0 !important;
    overflow-x: visible !important;
  }
}
@media (max-width: 63.999rem) {
  html[lang="es"][data-lang="es"][data-site-language="es"] body#es-site-page[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-related__grid {
    display: flex !important;
    gap: 1rem !important;
    overflow-x: auto !important;
    padding-bottom: .75rem !important;
    scroll-snap-type: x proximity !important;
    overscroll-behavior-inline: contain !important;
  }
  html[lang="es"][data-lang="es"][data-site-language="es"] body#es-site-page[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card {
    flex: 0 0 clamp(11.5rem, 36vw, 13.5rem) !important;
    scroll-snap-align: start !important;
  }
}
@media (max-width: 47.999rem) {
  html[lang="es"][data-lang="es"][data-site-language="es"] body#es-site-page[data-article-prototype="editorial-content-r2"] main#main-content.observer-article-main .observer-related .observer-card { flex-basis: min(72vw, 14rem) !important; }
}