body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    font-family: 'Inter', sans-serif;
}

  main {
    flex: 1 0 auto;
  }
  
nav {
    box-shadow: none; /* Eliminar la sombra */
}

.nav-wrapper a {
    color: #000; /* Cambia el color del texto aquí */
}

.nav-wrapper a:hover {
    color: #F90; /* Cambia el color al pasar el mouse, opcional */
}
.brand-logo { color:#000; }
.titulo { font-size:24px; font-weight:bold; }
.titulo-interior { font-size:20px; }

/* CHAT */
.chat-bloque { }
.chat-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding:0 10px;
        border-bottom: 1px solid #eee;
    }
    .chat-item:last-child {
        border-bottom: none;
    }

    /* Avatar estilo */
    .avatar {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        font-size: 24px;
        color: white;
    }

    /* Pedido: verde, Pago: azul */
    .pedido .avatar {
        background-color: #66bb6a;
    }
    .pago .avatar {
        background-color: #42a5f5;
    }

    /* Contenido de chat */
    .chat-content {
        flex-grow: 1;
        padding-left: 10px;
    }
    .chat-content p {
        margin: 0;
    }
    .chat-content .detalle, .chat-monto .fecha {
        color: grey;
    }
    .chat-content .detalle {
        font-size: 0.9em;
    }

    /* Monto y fecha a la derecha */
    .chat-monto {
        text-align: right; line-height:1em;
    }
    .chat-monto .monto {
        font-size: 1em;
        font-weight: bold;
    }
    .chat-monto .fecha {
        font-size: 0.75em;
        margin-top: -10px;
    }
	
.chat-bloque {
        max-height: calc(100vh - 150px); /* Altura máxima del bloque de chat ajustada */
        overflow-y: auto; /* Scroll si el contenido es muy grande */
        margin-bottom: 60px; /* Espacio inferior para los botones */
    }

    .card-action.fixed {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: white;
        padding: 10px 0;
        box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
        text-align: center;
        z-index: 1000;
    }

.collection-item {
    padding: 10px 15px;
    display: flex;
    align-items: center;
}

.title {
    font-weight: bold;
}

.celular {
    margin: 0; /* Para quitar el margen en el párrafo */
    font-size: 1.2em; /* Tamaño de fuente más grande para el celular */
    color: #000; /* Color negro para el número de celular */
}

.secondary-content {
    font-size: 0.8em; /* Tamaño de fuente más pequeño para la inicial */
    color: #757575; /* Color gris para la inicial */
}