/* Mi Ruta B V8.1 · Corrección de Inicio en escritorio.
   Evita que la tarjeta del simulacro tape la fecha o los botones. */
@media (min-width: 800px) {
  .home-view > .hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 145px;
    column-gap: clamp(15px, 2.1vw, 28px);
    align-items: center;
    isolation: isolate;
    padding: clamp(25px, 2.5vw, 36px) !important;
    min-width: 0;
    min-height: 282px;
  }
  .home-view > .hero > div:first-child {
    grid-column: 1;
    position: relative;
    z-index: 2;
    min-width: 0;
    width: 100%;
    max-width: none !important;
  }
  .home-view > .hero h2 {
    max-width: 100%;
    overflow-wrap: normal;
    word-break: normal;
    text-wrap: balance;
    font-size: clamp(25px, 2.1vw, 33px) !important;
    line-height: 1.18 !important;
  }
  .home-view > .hero p {
    max-width: 100%;
    overflow-wrap: normal;
  }
  .home-view > .hero .hero-counter {
    grid-column: 2;
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    z-index: 2;
    display: flex;
    width: 100%;
    min-width: 0;
    height: 205px;
    min-height: 0;
    margin: 0;
    padding: 12px;
    justify-self: stretch;
  }
  .home-view > .hero .whitebtn,
  .home-view > .hero .hero-secondary {max-width: 100%; white-space: normal; vertical-align: middle;}
}
/* En pantallas pequeñas de PC, una sola columna evita que se compriman las fechas. */
@media (min-width: 800px) and (max-width: 1199px) {
  .home-view > .hero {grid-template-columns: minmax(0, 1fr);}
  .home-view > .hero .hero-counter {display: none !important;}
}
@media (min-width: 1200px) and (max-width: 1380px) {
  .home-view > .hero {
    grid-template-columns: minmax(0, 1fr) 132px;
    column-gap: 18px;
    padding: 25px !important;
  }
  .home-view > .hero .hero-counter {height: 194px;}
  .home-view > .hero .hero-counter strong {font-size: 58px;}
}
/* Evita que las estadísticas estrechas desborden al usar zoom o fuentes grandes. */
@media(min-width:800px){
  .home-view .stat-grid, .home-view .stat {min-width:0;}
  .home-view .stat strong {overflow-wrap:anywhere;white-space:normal;}
}