/* TITAYO v224 — single source of truth for responsive mechanical piece sizes.
   Values preserve v223 approved visual ratios; posters contain real transparency.
   The media keeps each asset's natural aspect ratio; do not scale all videos equally. */
@media(max-width:860px){
  /* Optical centers measured from the actual alpha bounding boxes of the posters. */
  .services-object--motor{--service-offset-x:.6%;--service-offset-y:.7%;}
  .services-object--frenos{--service-offset-x:-.6%;--service-offset-y:0%;}
  .services-object--suspension{--service-offset-x:4.1%;--service-offset-y:-3.8%;}
  .services-object--diagnostico{--service-offset-x:-.3%;--service-offset-y:-2.7%;}
  .services-object--motor{width:min(66.41vw,398.5px);max-height:36.96dvh}
  .services-object--frenos{width:min(55vw,330px);max-height:31dvh}
  .services-object--suspension{width:min(83vw,498px);max-height:46.43dvh}
  .services-object--diagnostico{width:min(132vw,792px);max-height:68dvh}
}
@media(max-width:480px){
  .services-object--motor{width:min(71.73vw,345.3px);max-height:35.81dvh}
  .services-object--frenos{width:min(59.8vw,287px);max-height:30.2dvh}
  .services-object--suspension{width:min(89vw,427px);max-height:45.44dvh}
  .services-object--diagnostico{width:min(140vw,672px);max-height:66dvh}
}
@media(max-width:860px) and (max-height:620px){
  .services-object--motor{max-height:33.5dvh}
  .services-object--frenos{max-height:28.5dvh}
  .services-object--suspension{max-height:42.48dvh}
  .services-object--diagnostico{max-height:58dvh}
}
@media(max-width:860px) and (max-height:620px) and (orientation:landscape){
  .services-object--motor{width:min(39.85vw,306.1px);max-height:45.05dvh}
  .services-object--frenos{width:min(33.5vw,258px);max-height:38.8dvh}
  .services-object--suspension{width:min(49.4vw,378px);max-height:57.3dvh}
  .services-object--diagnostico{width:min(68vw,522px);max-height:66dvh}
}