/* ****************************************************************************
    Estilos para la página de inicio - eFactory Tienda Virtual
   ****************************************************************************
*/
/* Breakpoints de tamaños de pantalla:
    Movil:          width <  768px
    Tableta:        width >= 768px
    Escritorio:     width >= 992px
    Escrit. Ancho:  width >= 1200px

*/

/* ****************************************************************************
    
   ****************************************************************************
*/
.cuerpo-pagina__carusel {
    position: relative;
    padding: 0em;
    margin-top: -2rem;
    grid-area: encabezado;
}

.cuerpo-pagina__contenedor-productos {
    width: 100%;
    padding: 1em;
    margin-top: 1em;
}

.cuerpo-pagina__contenedor-tvo-inactivo {
    min-height: 40vh;
    width: 100%;
    padding: 1em;
    margin-top: 1em;
    line-height: 2rem;
    grid-area: contenido;
}

/* *****************************************************************************
   * Bitacora
   *****************************************************************************
   * RJG: 10/05/20: código inicial
   *****************************************************************************
   * RJG: 18/05/20: Ajusté el CSS del carusel para poder configurar la relación
   *                a 9/16 (por defecto) o 3/4 (por clases css).
   *****************************************************************************
   * RJG: 30/12/20: Agregué el grid-area al carrusel y al contenedor principal,
   *                para colocarlos en los grids de contenido/paneles.
   *****************************************************************************
*/