/* Estilo para el contenedor que envuelve el logo y el nombre */
.dib-nbre-tnd {
    width: 100%; /* Asegura que ocupe todo el ancho disponible */
    height: 100%;
    display: flex;
    justify-content: flex-start; /* Centra el contenido horizontalmente */
    align-items: center; /* Centra el contenido verticalmente */
    border-radius: 10px; /* Bordes redondeados */

}

/* Estilo para los elementos dentro del contenedor */
.item-nombre-logo {
    display: flex; /* Usamos Flexbox para alinear los elementos */
    align-items: center; /* Centra verticalmente los elementos */
    justify-content: center; /* Centra los elementos horizontalmente */
    gap: 20px; /* Espacio entre el logo y el nombre */
    text-align: center;
}

/* Estilo para el contenedor del logo */
.logo-tnd {
    flex-shrink: 0; /* Evita que el logo se reduzca */
    width: 50px; /* Ancho del logo */
    height: 50px; /* Alto del logo */
    border-radius: 50%; /* Hacer el logo redondo */
    overflow: hidden; /* Evita que la imagen se salga del borde */
    background-color: #fff; /* Fondo blanco para el logo */
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #ddd; /* Borde suave alrededor del logo */
}

/* Estilo para la imagen del logo */
.logo-premio {
    width: 100%; /* Hace que la imagen ocupe todo el espacio del contenedor */
    height: 100%;
    object-fit: cover; /* Asegura que la imagen se recorte correctamente */
}

/* Estilo para el nombre de la tienda */
.nbre-tnd {
    padding: 15px 0 0 0;
    font-size: 30px; /* Tamaño del texto */
    font-weight: 600; /* Peso del texto */
    color: #eeeeee; /* Color del texto */
    font-family: 'Arial', sans-serif; /* Fuente de texto */
    margin: 0; /* Elimina el margen por defecto */
}