/* R17.4.5 · fecho visual de /caminhos.
   1) elimina a reserva vertical persistente da media R16.5;
   2) aproxima a ilustração do topo sem a deformar;
   3) normaliza estado/formato como pílulas, como Academia e O que fazemos.
   Escopo exclusivo: /caminhos. */

/* ---- A · MEDIA AUTORITATIVA R16.5 ----
   A autoridade R16.5 aplica .ecoa-r165-media com 108px fixos.
   A revisão R17.4.4 não apanhava este seletor, por isso o vazio continuava. */
body:is(.ecoa-v7-route-caminhos,.ecoa-v101-route-caminhos)
#wrap.ecoa-v62-caminhos .ecoa-r165-card .ecoa-r165-media.ecoa-r165-media{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  width:100%!important;
  height:76px!important;
  min-height:76px!important;
  max-height:76px!important;
  margin:0 0 4px!important;
  padding:0 7px!important;
  overflow:hidden!important;
  border-radius:12px!important;
  box-sizing:border-box!important;
}
body:is(.ecoa-v7-route-caminhos,.ecoa-v101-route-caminhos)
#wrap.ecoa-v62-caminhos .ecoa-r165-card .ecoa-r165-media.ecoa-r165-media img{
  display:block!important;
  position:static!important;
  width:auto!important;
  height:92px!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:92px!important;
  margin:-12px auto 0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center top!important;
  transform:scale(1.03)!important;
  transform-origin:center top!important;
}

/* ---- B · FALLBACKS LEGADOS / FONTE SEM RUNTIME ---- */
body:is(.ecoa-v7-route-caminhos,.ecoa-v101-route-caminhos)
#wrap.ecoa-v62-caminhos :is(
  .ecoa-v101-card--illustrated .ecoa-v101-card__icon,
  .ecoa-v124-caminhos-card .ecoa-v124-caminhos-visual,
  .ecoa-v140-card-visual,
  .ecoa-v129-caminhos-visual
),
#wrap.ecoa-v62-caminhos .ecoa-catalogue__item .o_svc_img{
  height:76px!important;
  min-height:76px!important;
  max-height:76px!important;
  margin:0 0 4px!important;
  padding:0 7px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body:is(.ecoa-v7-route-caminhos,.ecoa-v101-route-caminhos)
#wrap.ecoa-v62-caminhos :is(
  .ecoa-v101-card--illustrated .ecoa-v101-card__icon,
  .ecoa-v124-caminhos-card .ecoa-v124-caminhos-visual,
  .ecoa-v140-card-visual,
  .ecoa-v129-caminhos-visual
) > img,
#wrap.ecoa-v62-caminhos .ecoa-catalogue__item .o_svc_img img{
  display:block!important;
  width:auto!important;
  height:92px!important;
  max-width:100%!important;
  max-height:92px!important;
  margin:-12px auto 0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center top!important;
  transform:scale(1.03)!important;
  transform-origin:center top!important;
}

/* ---- C · PÍLULAS NO DOM TRANSFORMADO ---- */
body:is(.ecoa-v7-route-caminhos,.ecoa-v101-route-caminhos)
#wrap.ecoa-v62-caminhos .ecoa-r165-card .ecoa-v101-card__meta{
  display:flex!important;
  flex-wrap:wrap!important;
  grid-template-columns:none!important;
  align-items:center!important;
  gap:5px!important;
  width:100%!important;
  margin:2px 0 3px!important;
}
body:is(.ecoa-v7-route-caminhos,.ecoa-v101-route-caminhos)
#wrap.ecoa-v62-caminhos .ecoa-r165-card :is(.ecoa-v101-chip,.ecoa-v101-card__chip){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 1 auto!important;
  width:auto!important;
  max-width:100%!important;
  min-height:23px!important;
  margin:0!important;
  padding:3px 8px!important;
  border:1px solid #d7e4e1!important;
  border-radius:999px!important;
  background:#f5faf8!important;
  color:#355552!important;
  font:700 10.5px/1.2 Manrope,Inter,sans-serif!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

/* ---- D · PÍLULAS NA FONTE ESTÁTICA ----
   A marcação histórica tem um span contentor em torno de estado/formato.
   display:contents permite que cada valor se comporte como pílula autónoma. */
#wrap.ecoa-v62-caminhos .ecoa-catalogue__meta{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:5px!important;
  margin:2px 0 3px!important;
}
#wrap.ecoa-v62-caminhos .ecoa-catalogue__meta > span{
  display:contents!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
#wrap.ecoa-v62-caminhos .ecoa-catalogue__meta :is(.ecoa-estado,.ecoa-formato){
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  max-width:100%!important;
  min-height:23px!important;
  margin:0!important;
  padding:3px 8px!important;
  border:1px solid #d7e4e1!important;
  border-radius:999px!important;
  background:#f5faf8!important;
  color:#355552!important;
  font:700 10.5px/1.2 Manrope,Inter,sans-serif!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

/* ---- E · MOBILE ---- */
@media(max-width:640px){
  body:is(.ecoa-v7-route-caminhos,.ecoa-v101-route-caminhos)
  #wrap.ecoa-v62-caminhos .ecoa-r165-card .ecoa-r165-media.ecoa-r165-media,
  body:is(.ecoa-v7-route-caminhos,.ecoa-v101-route-caminhos)
  #wrap.ecoa-v62-caminhos :is(
    .ecoa-v101-card--illustrated .ecoa-v101-card__icon,
    .ecoa-v124-caminhos-card .ecoa-v124-caminhos-visual,
    .ecoa-v140-card-visual,
    .ecoa-v129-caminhos-visual
  ),
  #wrap.ecoa-v62-caminhos .ecoa-catalogue__item .o_svc_img{
    height:72px!important;
    min-height:72px!important;
    max-height:72px!important;
  }
}