/* Il·lustracions skyline finals: v1. Separat dels estils antics per manteniment. */
.graella {gap:14px !important;}
.graella .targeta {
  min-height:150px !important;
  border-radius:12px !important;
  border:1px solid #e0e6ed !important;
  background:#fff !important;
  box-shadow:0 2px 12px rgba(17,38,58,.035) !important;
}
.graella .targeta-contingut {
  min-height:150px !important;
  padding:17px 21px !important;
}
.graella .targeta .silueta {
  position:absolute !important;
  inset:auto 0 0 auto !important;
  width:78% !important;
  height:100% !important;
  background-size:100% auto !important;
  background-position:right bottom !important;
  background-repeat:no-repeat !important;
  opacity:1 !important;
  z-index:0 !important;
}
.graella .targeta::after {
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 24%,rgba(255,255,255,.76) 43%,rgba(255,255,255,.02) 82%) !important;
}
.graella .targeta.proper-cros {
  border:2px solid #eac128 !important;
  background:#fffdf5 !important;
  box-shadow:0 4px 17px rgba(160,120,0,.10) !important;
}
.graella .targeta.proper-cros::after {
  background:linear-gradient(90deg,#fffdf5 0%,rgba(255,253,245,.95) 24%,rgba(255,253,245,.69) 43%,rgba(255,253,245,.02) 82%) !important;
}
.graella .targeta h3 {font-size:19px !important;letter-spacing:-.015em !important;margin:9px 0 !important;}
.graella .targeta .estat {font-size:12px !important;padding:5px 10px !important;}
.graella .targeta .boto {font-size:13px !important;padding:10px 15px !important;border-radius:8px !important;box-shadow:none !important;}
/* Pròxim cros: etiqueta de text neta, icona discreta, sense barra ni animació contínua. */
.graella .targeta .etiqueta-proxim,
.graella .targeta.proper-cros .etiqueta-proxim {
  display:inline-flex !important;
  width:fit-content !important;
  max-width:100% !important;
  min-width:0 !important;
  flex:0 0 auto !important;
  align-self:flex-start !important;
  border-radius:999px !important;
  padding:5px 10px !important;
  background:#ffe49b !important;
  border:1px solid #f0cc67 !important;
  color:#775607 !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  margin:0 0 0 6px !important;
  box-shadow:none !important;
  white-space:nowrap !important;
  line-height:1.2 !important;
}
.graella .targeta .etiqueta-proxim svg {display:none !important;}
.graella .targeta .etiqueta-proxim::before {content:'●' !important;display:inline !important;position:static !important;flex:none !important;width:auto !important;height:auto !important;background:none !important;animation:none !important;font-size:9px !important;margin-right:5px !important;}
@media(max-width:650px){
 .graella .targeta .silueta{width:86% !important;background-size:100% auto !important;}
 .graella .targeta-contingut{min-height:176px !important;}
 .graella .targeta-inferior{align-items:stretch !important;}
}