/* =========================================================
   Citaby · CSS personalizado (no procesado por Tailwind)
   ========================================================= */

.logo {
    margin-top: 20px
}
.citaby-logo {
    height: 3.5rem;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

@media (max-width: 640px) {
    .citaby-logo {
        height: 2.75rem;
    }
}

.powered_by_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-weight: bold;
    text-align: center;


    gap: 6px;                  /* Espacio de separación entre el texto y el logo */
    font-size: 14px;           /* Tamaño del texto "Powered by" */
    color: #555;               /* Color del texto (ajustable a tu diseño) */
    margin-top: 20px;
}

.powered_by_logo img {
    display: block;
    height: 30px;              /* Ajusta la altura del logo para que encaje con el texto */
    width: auto;
    display: block;
}