/* Selected photo mosaic: two featured routes followed by three equal routes. */
#rutas-formacion [data-route-mosaic] {display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:18px!important;overflow:visible!important;scroll-snap-type:none!important}
#rutas-formacion [data-home-mosaic-route] {--route-photo-height:168px;position:relative;grid-column:span 2;min-width:0!important;min-height:0!important;height:100%!important;border-top:3px solid var(--route-accent)!important;border-radius:8px;box-shadow:none!important;transform:none!important;background:var(--bg-card);padding:0!important}
#rutas-formacion [data-home-mosaic-route="active"],#rutas-formacion [data-home-mosaic-route="technology"] {grid-column:span 3;--route-photo-height:205px}
#rutas-formacion [data-route-photo] {height:var(--route-photo-height)!important;aspect-ratio:auto!important}
#rutas-formacion [data-route-photo] img {transform:none!important;object-fit:cover}
#rutas-formacion [data-route-photo] > div {display:none!important}
#rutas-formacion [data-route-photo] > span {position:absolute!important;top:calc(var(--route-photo-height) + 18px)!important;right:16px!important;border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;border-radius:0!important;color:var(--text-secondary)!important;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;white-space:nowrap}
#rutas-formacion [data-route-photo] {overflow:visible!important}
#rutas-formacion [data-route-copy] {padding:16px!important;min-height:112px;gap:0!important}
#rutas-formacion [data-route-copy] > .min-w-0 {padding-right:70px}
#rutas-formacion [data-route-copy] > .min-w-0 > p {display:none!important}
#rutas-formacion [data-route-copy] h3 {font-family:Poppins,sans-serif;font-weight:500!important;font-size:16px!important;line-height:1.35!important;margin:0!important;color:var(--text-primary)!important}
#rutas-formacion [data-route-copy] > p {margin:8px 0 0!important;font-family:Poppins,sans-serif;font-size:14px;line-height:1.45;font-weight:400}
#rutas-formacion [data-route-copy] > div:not(.min-w-0) {display:none!important}
#rutas-formacion > .text-left > p:last-child {display:none}
#rutas-formacion [data-home-mosaic-route]:hover {border-color:var(--route-accent)!important}
#rutas-formacion [data-home-mosaic-route]:focus-visible {outline:2px solid var(--route-accent);outline-offset:3px}
@media(max-width:900px) {#rutas-formacion [data-route-mosaic] {grid-template-columns:repeat(2,minmax(0,1fr))!important}#rutas-formacion [data-home-mosaic-route] {grid-column:span 1!important;--route-photo-height:175px}#rutas-formacion [data-home-mosaic-route="evaluation"] {grid-column:span 2!important}}
@media(max-width:600px) {#rutas-formacion [data-route-mosaic] {grid-template-columns:minmax(0,1fr)!important;gap:16px!important}#rutas-formacion [data-home-mosaic-route] {grid-column:span 1!important;width:auto!important;max-width:none!important;--route-photo-height:175px}#rutas-formacion .home-route-guidance {display:none!important}#rutas-formacion [data-route-copy] {min-height:105px}}/* Keep the signature edge unobstructed and photos flush with the card. */
#rutas-formacion [data-home-mosaic-route] {border-top-width:4px!important}
#rutas-formacion [data-home-mosaic-route] > div {height:auto!important;min-height:100%;padding-top:0}
#rutas-formacion [data-route-photo] {flex:none!important;width:100%!important;overflow:visible!important}
#rutas-formacion [data-route-photo] img {display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;transform:none!important}
#rutas-formacion [data-home-mosaic-route="technology"] [data-route-photo] img {object-position:center 50%!important}
#rutas-formacion [data-home-mosaic-route="technology"] [data-route-photo] img {width:104%!important;margin-left:-2%!important;clip-path:inset(0 1.9231%);object-position:center 50%!important}

/* Restore the homepage route carousel in the mobile teacher app. */
@media (max-width:767px) {
  #rutas-formacion [data-route-mosaic] {
    display:flex!important;flex-wrap:nowrap!important;gap:14px!important;
    overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;
    scroll-padding-inline:16px;margin-inline:-16px;padding:4px 16px 12px;
    overscroll-behavior-x:contain;
  }
  #rutas-formacion [data-route-mosaic] > [data-home-mosaic-route] {
    flex:0 0 min(82vw,320px)!important;width:min(82vw,320px)!important;
    max-width:320px!important;height:auto!important;scroll-snap-align:start;
    --route-photo-height:175px;
  }
}

/* Restore the legible photo badge in the mobile route carousel. */
@media(max-width:767px) {
  #rutas-formacion [data-route-photo] > span {
    top:12px!important;right:12px!important;padding:4px 9px!important;
    background:#fff!important;color:#263140!important;border-radius:999px!important;
    box-shadow:0 1px 5px #0002!important;font-size:12px!important;line-height:1.4!important;z-index:2;
  }
  #rutas-formacion [data-route-copy] > .min-w-0 {padding-right:0!important}
}