/* ============================================ */
/* perfil.css - Sección perfil (vista móvil) */
/* ============================================ */

.perfil-container { text-align: center; padding: 20px 0; }

.perfil-foto {
    width: 100px; height: 100px;
    background: linear-gradient(135deg, #e8f0fe, #c7d2fe);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 3rem; margin: 0 auto 16px;
    border: 4px solid var(--color-blanco);
    box-shadow: 0 2px 8px var(--color-sombra);
}

.perfil-nombre { font-size: 1.4rem; font-weight: 700; margin-bottom: 4px; }

.perfil-especialidad {
    font-size: 1rem; color: var(--color-primario);
    font-weight: 600; margin-bottom: 16px;
}

.perfil-descripcion {
    font-size: 0.95rem; color: var(--color-texto-secundario);
    max-width: 500px; margin: 0 auto 24px; line-height: 1.6;
}

.perfil-contacto {
    display: flex; flex-direction: column; gap: 10px;
    max-width: 320px; margin: 0 auto 20px;
}

.btn-contacto {
    background: var(--color-primario); color: var(--color-blanco);
    border: none; padding: 12px 20px; border-radius: 50px;
    font-size: 0.95rem; font-weight: 600; cursor: pointer;
    transition: var(--transicion);
}

.btn-contacto:hover { background: var(--color-primario-hover); }

.btn-secundario {
    background: var(--color-blanco); color: var(--color-primario);
    border: 2px solid var(--color-primario);
}

.btn-secundario:hover { background: #e8f0fe; }

.perfil-redes {
    display: flex; justify-content: center; gap: 20px;
    font-size: 0.9rem; color: var(--color-texto-secundario);
}

.perfil-redes span { cursor: pointer; transition: var(--transicion); }
.perfil-redes span:hover { color: var(--color-primario); }