/* Fuente global */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

body {
    font-family: 'Poppins', sans-serif !important;
    background-color: #00cfff; /* Fondo azul */
}

/* Íconos en azul */
.fa-location-dot,
.fa-phone,
.fa-building {
    color: #00cfff !important;
}

/* Botón Neomed */
.btn-neomed {
    background-color: #0f4e5c !important;  /* Azul Neomed */
    border: none !important;
    color: #fff !important;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}

.btn-neomed:hover {
    background-color: #00b0e0 !important; /* Azul un poco más oscuro al pasar el mouse */
    color: #fff !important;
}

.perfil-publico {
    width: var(--perfil-preview-size);
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #bfdbfe;
    box-shadow: 0 6px 15px rgba(0, 0, 0, .12);
    background: #f0f9ff;
}

.perfil-publico img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.perfil-publico.is-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* avatar médico se ve perfecto dentro */
.perfil-publico.is-placeholder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}