@tailwind base;
@tailwind components;
@tailwind utilities;


/* VERSION PARA COMPUTADORAS LAPTOP*/
@media (min-width: 900px) {

    html, body {
        height: 100%;
        margin: 0;
        font-family: Helvetica;
    }

    body {
        display: flex;
        flex-direction: column; /* Organiza los hijos en columna */
        min-height: 100vh; /* Altura mínima del viewport */
    }

    main {
        flex: 1; /* Ocupa todo el espacio disponible, empujando el footer hacia abajo */
        overflow-y: auto; /* Añade scroll dentro de main si el contenido es demasiado largo */
    }

    footer {
        /*flex-shrink: 0;*/ /* Previene que el footer se encoga */
        background-color: #f9f9fb;
        color: black;
        text-align: center;
        padding: 10px 16px;
        position: fixed;
        bottom: 0;
        width: 100%;
        font-family: Arial;
        font-size: 12px;
    }

   
   



}  
    
    
  


@media (min-width: 768px) {
    html {
        font-size: 12px; /* Ajustar el tamaño de la fuente para pantallas más grandes */
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px; /* Espacio para el footer, ajusta según la altura de tu footer */
}