/* V110 — family-led Synthesia, richer route visuals, clickable applications */
.v110-family-info{
  margin:16px 0 20px;
  padding:18px 20px;
  border:1px solid #d9e7e9;
  border-radius:14px;
  background:linear-gradient(135deg,#f8fbfc,#eef7f7);
}
.v110-family-info h3{margin:4px 0 7px;color:#123f67;font-size:22px}
.v110-family-info p{margin:0;color:#58717d;line-height:1.6;max-width:980px}
.v110-family-info .v110-family-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.v110-family-info .v110-family-meta span{
  padding:6px 9px;border-radius:999px;background:#fff;border:1px solid #d7e6e9;
  color:#0b7382;font-size:11px;font-weight:800;
}
.v110-family-hidden{display:none!important}
.v109-family-links{gap:8px!important}
.v109-family-links a{transition:background .18s ease,color .18s ease,border-color .18s ease}
.v109-family-links a.is-active{background:#0b8796!important;color:#fff!important;border-color:#0b8796!important}

/* Synthesia application route cards now use imagery instead of flat color only */
.synth-sector-subcard{
  background:
    linear-gradient(180deg,rgba(5,39,53,.10) 0%,rgba(5,39,53,.32) 42%,rgba(5,39,53,.94) 100%),
    var(--v110-img, linear-gradient(145deg,#0b5367,#0b8796)) center/cover no-repeat!important;
}
.synth-sector-subcard:before{
  inset:0!important;width:auto!important;height:auto!important;border-radius:0!important;right:0!important;top:0!important;
  background:linear-gradient(135deg,rgba(0,0,0,.04),rgba(0,0,0,.20))!important;
  z-index:0;
}
.synth-sector-subcard>*{position:relative;z-index:1}
.synth-sector-subcard h3{text-shadow:0 2px 10px rgba(0,0,0,.25)}
.synth-sector-subcard p{color:#f2f7f8!important;text-shadow:0 1px 7px rgba(0,0,0,.30)}

a[href="synthesia-coatings-decorativos.html"]{--v110-img:url("selected/synth-coatings.webp")}
a[href="synthesia-coatings-industriales.html"]{--v110-img:url("visual-v103/sector-7.webp")}
a[href="synthesia-coatings-automocion.html"]{--v110-img:url("visual-v103/sector-3.webp")}
a[href="synthesia-coatings-powder.html"]{--v110-img:url("selected/synth-coatings.webp")}
a[href="synthesia-coatings-especiales.html"]{--v110-img:url("selected/synth-hero.webp")}

a[href="synthesia-printing-flexo-huecograbado.html"],
a[href="synthesia-printing-laminados.html"],
a[href="synthesia-printing-offset.html"],
a[href="synthesia-printing-uv.html"],
a[href="synthesia-printing-serigrafia.html"]{--v110-img:url("selected/synth-print.webp")}
a[href="synthesia-printing-laminados.html"]{background-position:30% 50%!important}
a[href="synthesia-printing-offset.html"]{background-position:55% 50%!important}
a[href="synthesia-printing-uv.html"]{background-position:75% 50%!important}
a[href="synthesia-printing-serigrafia.html"]{background-position:90% 50%!important}

a[href="synthesia-plastics-commodity.html"]{--v110-img:url("selected/synth-plastics.webp")}
a[href="synthesia-plastics-tecnicos.html"]{--v110-img:url("visual-v103/poly-8.webp")}
a[href="synthesia-plastics-termoestables.html"]{--v110-img:url("visual-v103/material-6.webp")}
a[href="synthesia-plastics-elastomeros.html"]{--v110-img:url("visual-v103/poly-5.webp")}
a[href="synthesia-plastics-fibras.html"]{--v110-img:url("visual-v103/poly-7.webp")}

/* Textile cards: ensure the photos are visible and readable */
.synth-textile-subcard{
  background:
    linear-gradient(180deg,rgba(6,45,58,.03) 0%,rgba(6,45,58,.18) 42%,rgba(6,45,58,.92) 100%),
    var(--sub-img) center/cover no-repeat!important;
}

/* Biomaster application mosaic is navigable */
.app-card[data-link]{
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
  outline:none;
}
.app-card[data-link]:hover,
.app-card[data-link]:focus-visible{
  transform:translateY(-3px);
  box-shadow:0 18px 36px rgba(7,60,80,.16);
}

/* Partner strips used consistently across partner technology pages */
.v110-partner-strip{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:28px;
  align-items:center;
  padding:24px 26px;
  border:1px solid #d9e7e9;
  border-radius:18px;
  background:#fff;
}
.v110-partner-strip img{max-width:180px;max-height:74px;justify-self:center}
.v110-partner-strip h3{margin:4px 0 8px;color:#123f67}
.v110-partner-strip p{margin:0;color:#607683;line-height:1.65}
.v110-partner-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.v110-partner-links a{
  display:inline-flex;align-items:center;gap:4px;padding:8px 11px;border-radius:999px;
  border:1px solid #cfe2e5;text-decoration:none;font-weight:800;font-size:12px;color:#078e86;background:#f7fbfb
}

/* A little more textual breathing room on technical pages */
.v110-context-note{
  margin-top:22px;padding:18px 20px;border-left:4px solid #0b9c98;background:#f2f8f8;color:#52707b;line-height:1.65
}
@media(max-width:800px){
  .v110-partner-strip{grid-template-columns:1fr}
  .v110-partner-strip img{justify-self:start}
  .v109-family-links{max-height:none}
}