/* Tabletas que Chrome emula con viewport reducido (p. ej. Galaxy Tab S7).
   Reciben la misma composición que la tableta amplia. */
html.tablet-device .responsive-ecosystem{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:24px!important;
  position:relative!important;
  box-shadow:none!important;
}
html.tablet-device .responsive-ecosystem .ecosystem-panel,
html.tablet-device .responsive-ecosystem .ecosystem-panel:first-child,
html.tablet-device .responsive-ecosystem .ecosystem-panel:last-child{
  min-height:440px!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
html.tablet-device .responsive-ecosystem .panel-content{
  padding:46px 32px 36px!important;
  max-width:none!important;
}
html.tablet-device .responsive-ecosystem .panel-content h3{font-size:24px!important;line-height:1.25!important;}
html.tablet-device .responsive-ecosystem .panel-content p{font-size:14px!important;line-height:1.55!important;}
html.tablet-device .responsive-ecosystem .panel-content ul{font-size:12px!important;gap:11px!important;}
html.tablet-device .responsive-ecosystem .onesta-medallion{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:76px!important;
  height:76px!important;
  margin:0!important;
}

html.tablet-device .responsive-timeline{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:16px!important;
  margin-top:40px!important;
}
html.tablet-device .responsive-timeline:before{display:block!important;}
html.tablet-device .responsive-timeline .timeline-step,
html.tablet-device .responsive-timeline .timeline-step:nth-child(4),
html.tablet-device .responsive-timeline .timeline-step:nth-child(5){
  display:grid!important;
  position:relative!important;
  grid-column:auto!important;
  grid-template-rows:auto auto auto minmax(92px,1fr)!important;
  justify-items:center!important;
  align-items:center!important;
  width:auto!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:center!important;
}
html.tablet-device .responsive-timeline .timeline-step:not(:last-child)::after{content:none!important;}
html.tablet-device .responsive-timeline .trace-icon{display:grid!important;margin-inline:auto!important;}
html.tablet-device .responsive-timeline .timeline-step span{position:static!important;transform:none!important;display:block!important;width:auto!important;height:auto!important;margin:0 0 8px!important;border:0!important;box-shadow:none!important;background:transparent!important;}
html.tablet-device .responsive-timeline .timeline-step h3{font-size:14px!important;line-height:1.25!important;margin:0 0 8px!important;}
html.tablet-device .responsive-timeline .timeline-step p{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  min-height:92px!important;
  height:100%!important;
  margin:0!important;
  padding:14px 10px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(28,52,91,.08)!important;
  font-size:9px!important;
  line-height:1.45!important;
  color:#72809a!important;
  text-align:center!important;
}
