/* TESSIRVE 5.17.229 — el blanco elegido no debe quedar gris.
 * Solo afecta el césped cuando algún canal del switch es #FFFFFF.
 * Mantiene el esquema actual para combinaciones sin blanco. */
html {
  --tsv229-white-left: rgba(255,255,255,0);
  --tsv229-white-right: rgba(255,255,255,0);
  --tsv229-white-render: var(--tsv227-brightness);
}
html[data-tsv-white-primary="1"] {
  --tsv229-white-left: rgba(255,255,255,.68);
  --tsv229-white-render: brightness(.98) saturate(1.03) contrast(1.06);
}
html[data-tsv-white-secondary="1"] {
  --tsv229-white-right: rgba(255,255,255,.68);
  --tsv229-white-render: brightness(.98) saturate(1.03) contrast(1.06);
}
html[data-tessirve-color-mode="dark"][data-tsv-white-primary="1"] {
  --tsv229-white-left: rgba(255,255,255,.53);
  --tsv229-white-render: brightness(.85) saturate(.98) contrast(1.07);
}
html[data-tessirve-color-mode="dark"][data-tsv-white-secondary="1"] {
  --tsv229-white-right: rgba(255,255,255,.53);
  --tsv229-white-render: brightness(.85) saturate(.98) contrast(1.07);
}

/* En PC el fondo sigue detrás de las dos franjas; ninguna nueva imagen.
 * La primera capa aclara progresivamente el extremo blanco y deja visible
 * la trama del campo. El canal no blanco conserva su tinte original. */
@media(min-width:783px){
  html[data-tsv-white-primary="1"] body.tessirve-theme .ms-site-header::before,
  html[data-tsv-white-secondary="1"] body.tessirve-theme .ms-site-header::before {
    background-image:
      linear-gradient(108deg,var(--tsv229-white-left),var(--tsv229-white-right)),
      linear-gradient(180deg,var(--tsv227-shadow-a),var(--tsv227-shadow-b)),
      linear-gradient(108deg,var(--theme-primary,#16884a) 0%,var(--theme-primary,#16884a) 20%,var(--theme-secondary,#0a5b35) 78%,var(--theme-secondary,#0a5b35) 100%),
      url('tessirve-anime-grass.webp')!important;
    background-blend-mode:screen,normal,color,normal!important;
    background-size:100% 100%,100% 100%,100% 100%,cover!important;
    background-position:center center!important;
    filter:var(--tsv229-white-render)!important;
  }
}
@media(max-width:782px){
  html[data-tsv-white-primary="1"] body.tessirve-theme .ms-site-header::before,
  html[data-tsv-white-secondary="1"] body.tessirve-theme .ms-site-header::before,
  html[data-tsv-white-primary="1"] body.tessirve-theme .ms-site-header .ms-site-header-inner > .ms-primary-nav.is-open::before,
  html[data-tsv-white-secondary="1"] body.tessirve-theme .ms-site-header .ms-site-header-inner > .ms-primary-nav.is-open::before {
    background-image:
      linear-gradient(108deg,var(--tsv229-white-left),var(--tsv229-white-right)),
      linear-gradient(180deg,var(--tsv227-shadow-a),var(--tsv227-shadow-b)),
      linear-gradient(108deg,var(--theme-primary,#16884a) 0%,var(--theme-primary,#16884a) 20%,var(--theme-secondary,#0a5b35) 78%,var(--theme-secondary,#0a5b35) 100%),
      url('tessirve-anime-grass-mobile-217.webp')!important;
    background-blend-mode:screen,normal,color,normal!important;
    background-size:100% max(1080px,130dvh),100% max(1080px,130dvh),100% max(1080px,130dvh),100% max(1080px,130dvh)!important;
    filter:var(--tsv229-white-render)!important;
  }
  html[data-tsv-white-primary="1"] body.tessirve-theme .ms-site-header::before,
  html[data-tsv-white-secondary="1"] body.tessirve-theme .ms-site-header::before {
    background-position:center top!important;
  }
  html[data-tsv-white-primary="1"] body.tessirve-theme .ms-site-header .ms-site-header-inner > .ms-primary-nav.is-open::before,
  html[data-tsv-white-secondary="1"] body.tessirve-theme .ms-site-header .ms-site-header-inner > .ms-primary-nav.is-open::before {
    background-position:center calc(-1 * var(--ms-header-mobile-height,58px))!important;
  }
}