/* Corrección directa para tabletas compactas: anula la regla global max-width:820px. */
@media (min-width:768px) and (max-width:820px){
  .responsive-ecosystem{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:24px!important;
    position:relative!important;
  }
  .responsive-ecosystem .ecosystem-panel,
  .responsive-ecosystem .ecosystem-panel:first-child,
  .responsive-ecosystem .ecosystem-panel:last-child{
    min-height:440px!important;
    border-radius:28px!important;
  }
  .responsive-ecosystem .panel-content{padding:46px 32px 36px!important;max-width:none!important;}
  .responsive-ecosystem .onesta-medallion{
    position:absolute!important;left:50%!important;top:50%!important;
    transform:translate(-50%,-50%)!important;margin:0!important;
    width:76px!important;height:76px!important;z-index:4!important;
  }
  .responsive-timeline{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
    max-width:none!important;
    margin:40px 0 0!important;
  }
  .responsive-timeline:before{display:block!important;left:10%!important;right:10%!important;top:47px!important;bottom:auto!important;border-left:0!important;border-top:2px dotted #9eb7ec!important;}
  .responsive-timeline .timeline-step,
  .responsive-timeline .timeline-step:nth-child(4),
  .responsive-timeline .timeline-step:nth-child(5){
    display:grid!important;grid-column:auto!important;grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto minmax(92px,1fr)!important;gap:0!important;
    position:relative!important;width:auto!important;padding:0!important;
    background:transparent!important;box-shadow:none!important;border-radius:0!important;
    text-align:center!important;justify-items:center!important;align-items:center!important;
  }
  .responsive-timeline .timeline-step:not(:last-child)::after{content:none!important;}
  .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;}
  .responsive-timeline .trace-icon{display:grid!important;margin:0 auto 10px!important;}
  .responsive-timeline .timeline-step h3{font-size:14px!important;line-height:1.25!important;margin:0 0 8px!important;}
  .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 8px!important;background:#fff!important;box-shadow:0 8px 20px rgba(28,52,91,.08)!important;font-size:9px!important;line-height:1.45!important;text-align:center!important;}
}

/* En teléfono el hero prioriza el contenido: sin imagen y con texto a todo el ancho. */
@media (max-width:767px){
  .hero-grid{display:block!important;}
  .hero-copy{max-width:none!important;width:100%!important;padding-bottom:46px!important;}
  .hero-copy h1{max-width:none!important;}
  .hero-copy p{max-width:none!important;}
  .hero-visual{display:none!important;}
}