/*
 * INFISAD Enterprise · 11.9.44
 * Hero News Top Alignment
 *
 * Objetivo:
 * En escritorio el carrusel de noticias debe iniciar en la parte superior
 * del primer bloque, alineado con el contenido principal, y verse completo
 * cuando el navegador está en la parte superior de la página.
 */

/* El CSS histórico del carrusel usa align-items:center!important.
 * Eso centra verticalmente el panel y lo empuja hacia abajo.
 * Esta regla, cargada al final de index.php, recupera alineación superior.
 */
@media(min-width:901px){
  .public41-software-hero .corporate-hero-content.hero-with-news{
    align-items:start!important;
    align-content:start!important;
  }

  .public41-software-hero .hero-copy,
  .public41-software-hero .hero-news-panel{
    align-self:start!important;
  }

  .public41-software-hero .hero-news-panel{
    margin-top:4px!important;
    margin-bottom:0!important;
    transform:none!important;
  }
}

/* En laptop estrecha se conserva arriba sin comprimir el panel. */
@media(min-width:901px) and (max-width:1180px){
  .public41-software-hero .hero-news-panel{
    margin-top:2px!important;
  }
}

/* En tablet/móvil el layout ya es de una columna:
 * se mantiene flujo natural debajo del copy.
 */
@media(max-width:900px){
  .public41-software-hero .hero-news-panel{
    margin-top:0!important;
    transform:none!important;
  }
}