diff --git a/src/components/patients/PatientForm.jsx b/src/components/patients/PatientForm.jsx
index c894c84..0cd8892 100644
--- a/src/components/patients/PatientForm.jsx
+++ b/src/components/patients/PatientForm.jsx
@@ -31,7 +31,6 @@ function PatientForm({ onSave, onCancel, PatientDict }) {
     nomeMae: PatientDict.nome_mae,
     profissaoMae: PatientDict.profissao_mae,
     nomePai: PatientDict.nome_pai,
-    profissaoPai: PatientDict.profissao_pai,
     nomeResponsavel: '',
     cpfResponsavel: '',
     nomeConjuge: '',
@@ -209,16 +208,16 @@ function PatientForm({ onSave, onCancel, PatientDict }) {
 
   return (
     <div className="card p-3">
-      <h3 className="mb-3 text-center">MedicoConnect</h3>
+      <h3 className="mb-4 text-center" style={{ fontSize: '2.5rem' }}>MedicoConnect</h3>
 
       {/* DADOS PESSOAIS */}
-      <div className="mb-5"> 
-        <h5 className="fs-4 mb-0 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('dadosPessoais')}>
+      <div className="mb-5 p-4 border rounded shadow-sm">
+        <h4 className="mb-4 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('dadosPessoais')} style={{ fontSize: '1.8rem' }}>
           Dados Pessoais
           <span className="fs-5">
             {collapsedSections.dadosPessoais ? '▲' : '▼'}
           </span>
-        </h5>
+        </h4>
         <div className={`collapse${collapsedSections.dadosPessoais ? ' show' : ''}`}>
           <div className="row mt-3">
             {/* AVATAR E INPUT DE FOTO */}
@@ -228,19 +227,19 @@ function PatientForm({ onSave, onCancel, PatientDict }) {
                   <img 
                     src={avatarUrl} 
                     alt="Avatar do Paciente" 
-                    style={{ width: '80px', height: '80px', borderRadius: '50%', objectFit: 'cover' }} 
+                    style={{ width: '100px', height: '100px', borderRadius: '50%', objectFit: 'cover' }} 
                   />
                 ) : (
                   <div 
                     style={{ 
-                      width: '80px', 
-                      height: '80px', 
+                      width: '100px', 
+                      height: '100px', 
                       borderRadius: '50%', 
                       backgroundColor: '#e0e0e0', 
                       display: 'flex', 
                       alignItems: 'center', 
                       justifyContent: 'center',
-                      fontSize: '3rem',
+                      fontSize: '3.5rem',
                       color: '#9e9e9e'
                     }}
                   >
@@ -249,7 +248,7 @@ function PatientForm({ onSave, onCancel, PatientDict }) {
                 )}
               </div>
               <div>
-                <label htmlFor="foto-input" className="btn btn-primary">Carregar Foto</label>
+                <label htmlFor="foto-input" className="btn btn-primary" style={{ fontSize: '1rem' }}>Carregar Foto</label>
                 <input 
                   type="file" 
                   className="form-control d-none" 
@@ -258,25 +257,25 @@ function PatientForm({ onSave, onCancel, PatientDict }) {
                   onChange={handleChange} 
                   accept="image/*"
                 />
-                {formData.foto && <span className="ms-2">{formData.foto.name}</span>}
+                {formData.foto && <span className="ms-2" style={{ fontSize: '1rem' }}>{formData.foto.name}</span>}
               </div>
             </div>
             {/* CADASTRO */}
             <div className="col-md-6 mb-3">
-              <label>Nome: *</label>
-              <input type="text" className="form-control" name="nome" value={formData.nome} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Nome: *</label>
+              <input type="text" className="form-control" name="nome" value={formData.nome} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>Nome social:</label>
-              <input type="text" className="form-control" name="nomeSocial" value={formData.nomeSocial} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Nome social:</label>
+              <input type="text" className="form-control" name="nomeSocial" value={formData.nomeSocial} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>Data de nascimento: *</label>
-              <input type="date" className="form-control" name="dataNascimento" value={formData.dataNascimento} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Data de nascimento: *</label>
+              <input type="date" className="form-control" name="dataNascimento" value={formData.dataNascimento} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>Gênero: *</label>
-              <select className="form-control" name="genero" value={formData.genero} onChange={handleChange}>
+              <label style={{ fontSize: '1.1rem' }}>Gênero: *</label>
+              <select className="form-control" name="genero" value={formData.genero} onChange={handleChange} style={{ fontSize: '1.1rem' }}>
                 <option value="">Selecione</option>
                 <option value="Masculino">Masculino</option>
                 <option value="Feminino">Feminino</option>
@@ -284,28 +283,28 @@ function PatientForm({ onSave, onCancel, PatientDict }) {
               </select>
             </div>
             <div className="col-md-6 mb-3">
-              <label>CPF: *</label>
-              <input type="text" className="form-control" name="cpf" value={formData.cpf} onChange={ handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>CPF: *</label>
+              <input type="text" className="form-control" name="cpf" value={formData.cpf} onChange={ handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>RG:</label>
-              <input type="text" className="form-control" name="rg" value={formData.rg} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>RG:</label>
+              <input type="text" className="form-control" name="rg" value={formData.rg} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>Outros documentos:</label>
-              <select className="form-control" name="documentoTipo" value={formData.documentoTipo} onChange={handleChange}>
+              <label style={{ fontSize: '1.1rem' }}>Outros documentos:</label>
+              <select className="form-control" name="documentoTipo" value={formData.documentoTipo} onChange={handleChange} style={{ fontSize: '1.1rem' }}>
                 <option value="">Selecione</option>
                 <option value="CNH">CNH</option>
                 <option value="Passaporte">Passaporte</option>
               </select>
             </div>
             <div className="col-md-6 mb-3">
-              <label>Número do documento:</label>
-              <input type="text" className="form-control" name="numeroDocumento" value={formData.numeroDocumento} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Número do documento:</label>
+              <input type="text" className="form-control" name="numeroDocumento" value={formData.numeroDocumento} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>Etnia e Raça:</label>
-              <select className="form-control" name="etniaRaca" value={formData.etniaRaca} onChange={handleChange}>
+              <label style={{ fontSize: '1.1rem' }}>Etnia e Raça:</label>
+              <select className="form-control" name="etniaRaca" value={formData.etniaRaca} onChange={handleChange} style={{ fontSize: '1.1rem' }}>
                 <option value="">Selecione</option>
                 <option value="Branca">Branca</option>
                 <option value="Preta">Preta</option>
@@ -315,20 +314,20 @@ function PatientForm({ onSave, onCancel, PatientDict }) {
               </select>
             </div>
             <div className="col-md-6 mb-3">
-              <label>Naturalidade:</label>
-              <input type="text" className="form-control" name="naturalidade" value={formData.naturalidade} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Naturalidade:</label>
+              <input type="text" className="form-control" name="naturalidade" value={formData.naturalidade} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>Nacionalidade:</label>
-              <input type="text" className="form-control" name="nacionalidade" value={formData.nacionalidade} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Nacionalidade:</label>
+              <input type="text" className="form-control" name="nacionalidade" value={formData.nacionalidade} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>Profissão:</label>
-              <input type="text" className="form-control" name="profissao" value={formData.profissao} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Profissão:</label>
+              <input type="text" className="form-control" name="profissao" value={formData.profissao} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>Estado civil:</label>
-              <select className="form-control" name="estadoCivil" value={formData.estadoCivil} onChange={handleChange}>
+              <label style={{ fontSize: '1.1rem' }}>Estado civil:</label>
+              <select className="form-control" name="estadoCivil" value={formData.estadoCivil} onChange={handleChange} style={{ fontSize: '1.1rem' }}>
                 <option value="">Selecione</option>
                 <option value="Solteiro">Solteiro(a)</option>
                 <option value="Casado">Casado(a)</option>
@@ -337,41 +336,41 @@ function PatientForm({ onSave, onCancel, PatientDict }) {
               </select>
             </div>
             <div className="col-md-6 mb-3">
-              <label>Nome da Mãe:</label>
-              <input type="text" className="form-control" name="nomeMae" value={formData.nomeMae} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Nome da Mãe:</label>
+              <input type="text" className="form-control" name="nomeMae" value={formData.nomeMae} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>Profissão da mãe:</label>
-              <input type="text" className="form-control" name="profissaoMae" value={formData.profissaoMae} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Profissão da mãe:</label>
+              <input type="text" className="form-control" name="profissaoMae" value={formData.profissaoMae} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>Nome do Pai:</label>
-              <input type="text" className="form-control" name="nomePai" value={formData.nomePai} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Nome do Pai:</label>
+              <input type="text" className="form-control" name="nomePai" value={formData.nomePai} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>Profissão do pai:</label>
-              <input type="text" className="form-control" name="profissaoPai" value={formData.profissaoPai} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Profissão do pai:</label>
+              <input type="text" className="form-control" name="profissaoPai" value={formData.profissaoPai} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>Nome do responsável:</label>
-              <input type="text" className="form-control" name="nomeResponsavel" value={formData.nomeResponsavel} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Nome do responsável:</label>
+              <input type="text" className="form-control" name="nomeResponsavel" value={formData.nomeResponsavel} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>CPF do responsável:</label>
-              <input type="text" className="form-control" name="cpfResponsavel" value={formData.cpfResponsavel} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>CPF do responsável:</label>
+              <input type="text" className="form-control" name="cpfResponsavel" value={formData.cpfResponsavel} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>Nome do esposo(a):</label>
-              <input type="text" className="form-control" name="nomeConjuge" value={formData.nomeConjuge} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Nome do esposo(a):</label>
+              <input type="text" className="form-control" name="nomeConjuge" value={formData.nomeConjuge} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>Identificador de outro sistema:</label>
-              <input type="text" className="form-control" name="outroId" value={formData.outroId} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Identificador de outro sistema:</label>
+              <input type="text" className="form-control" name="outroId" value={formData.outroId} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-12 mb-3">
               <div className="form-check">
-                <input className="form-check-input" type="checkbox" name="rnConvenio" checked={formData.rnConvenio} onChange={handleChange} id="rnConvenio" />
-                <label className="form-check-label" htmlFor="rnConvenio">
+                <input className="form-check-input" type="checkbox" name="rnConvenio" checked={formData.rnConvenio} onChange={handleChange} id="rnConvenio" style={{ transform: 'scale(1.2)' }} />
+                <label className="form-check-label ms-2" htmlFor="rnConvenio" style={{ fontSize: '1.1rem' }}>
                   RN na Guia do convênio
                 </label>
               </div>
@@ -381,18 +380,18 @@ function PatientForm({ onSave, onCancel, PatientDict }) {
       </div>
       
       {/* INFORMAÇÕES MÉDICAS */}
-      <div className="mb-5"> 
-        <h5 className="fs-4 mb-0 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('infoMedicas')}>
+      <div className="mb-5 p-4 border rounded shadow-sm">
+        <h4 className="mb-4 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('infoMedicas')} style={{ fontSize: '1.8rem' }}>
           Informações Médicas
           <span className="fs-5">
             {collapsedSections.infoMedicas ? '▲' : '▼'}
           </span>
-        </h5>
+        </h4>
         <div className={`collapse${collapsedSections.infoMedicas ? ' show' : ''}`}>
           <div className="row mt-3">
             <div className="col-md-6 mb-3">
-              <label>Tipo Sanguíneo:</label>
-              <select className="form-control" name="tipoSanguineo" value={formData.tipoSanguineo} onChange={handleChange}>
+              <label style={{ fontSize: '1.1rem' }}>Tipo Sanguíneo:</label>
+              <select className="form-control" name="tipoSanguineo" value={formData.tipoSanguineo} onChange={handleChange} style={{ fontSize: '1.1rem' }}>
                 <option value="">Selecione</option>
                 <option value="A+">A+</option>
                 <option value="A-">A-</option>
@@ -405,38 +404,38 @@ function PatientForm({ onSave, onCancel, PatientDict }) {
               </select>
             </div>
             <div className="col-md-2 mb-3">
-              <label>Peso (kg):</label>
-              <input type="number" step="0.1" className="form-control" name="peso" value={formData.peso} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Peso (kg):</label>
+              <input type="number" step="0.1" className="form-control" name="peso" value={formData.peso} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-2 mb-3">
-              <label>Altura (m):</label>
-              <input type="number" step="0.01" className="form-control" name="altura" value={formData.altura} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Altura (m):</label>
+              <input type="number" step="0.01" className="form-control" name="altura" value={formData.altura} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-2 mb-3">
-              <label>IMC (kg/m²):</label>
-              <input type="text" className="form-control" name="imc" value={formData.imc} readOnly disabled />
+              <label style={{ fontSize: '1.1rem' }}>IMC (kg/m²):</label>
+              <input type="text" className="form-control" name="imc" value={formData.imc} readOnly disabled style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-12 mb-3">
-              <label>Alergias:</label>
-              <textarea className="form-control" name="alergias" value={formData.alergias} onChange={handleChange} placeholder="Ex: AAS, Dipirona, etc"></textarea>
+              <label style={{ fontSize: '1.1rem' }}>Alergias:</label>
+              <textarea className="form-control" name="alergias" value={formData.alergias} onChange={handleChange} placeholder="Ex: AAS, Dipirona, etc" style={{ fontSize: '1.1rem' }}></textarea>
             </div>
           </div>
         </div>
       </div>
 
       {/* INFORMAÇÕES DE CONVÊNIO */}
-      <div className="mb-5"> 
-        <h5 className="fs-4 mb-0 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('infoConvenio')}>
+      <div className="mb-5 p-4 border rounded shadow-sm">
+        <h4 className="mb-4 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('infoConvenio')} style={{ fontSize: '1.8rem' }}>
           Informações de convênio
           <span className="fs-5">
             {collapsedSections.infoConvenio ? '▲' : '▼'}
           </span>
-        </h5>
+        </h4>
         <div className={`collapse${collapsedSections.infoConvenio ? ' show' : ''}`}>
           <div className="row mt-3">
             <div className="col-md-6 mb-3">
-              <label>Convênio:</label>
-              <select className="form-control" name="convenio" value={formData.convenio} onChange={handleChange}>
+              <label style={{ fontSize: '1.1rem' }}>Convênio:</label>
+              <select className="form-control" name="convenio" value={formData.convenio} onChange={handleChange} style={{ fontSize: '1.1rem' }}>
                 <option value="">Selecione</option>
                 <option value="Amil">Amil</option>
                 <option value="Bradesco Saúde">Bradesco Saúde</option>
@@ -445,21 +444,21 @@ function PatientForm({ onSave, onCancel, PatientDict }) {
               </select>
             </div>
             <div className="col-md-6 mb-3">
-              <label>Plano:</label>
-              <input type="text" className="form-control" name="plano" value={formData.plano} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Plano:</label>
+              <input type="text" className="form-control" name="plano" value={formData.plano} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>Nº de matrícula:</label>
-              <input type="text" className="form-control" name="numeroMatricula" value={formData.numeroMatricula} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Nº de matrícula:</label>
+              <input type="text" className="form-control" name="numeroMatricula" value={formData.numeroMatricula} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-4 mb-3">
-              <label>Validade da Carteira:</label>
-              <input type="date" className="form-control" name="validadeCarteira" value={formData.validadeCarteira} onChange={handleChange} disabled={formData.validadeIndeterminada} />
+              <label style={{ fontSize: '1.1rem' }}>Validade da Carteira:</label>
+              <input type="date" className="form-control" name="validadeCarteira" value={formData.validadeCarteira} onChange={handleChange} disabled={formData.validadeIndeterminada} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-2 d-flex align-items-end mb-3">
               <div className="form-check">
-                <input className="form-check-input" type="checkbox" name="validadeIndeterminada" checked={formData.validadeIndeterminada} onChange={handleChange} id="validadeIndeterminada" />
-                <label className="form-check-label" htmlFor="validadeIndeterminada">
+                <input className="form-check-input" type="checkbox" name="validadeIndeterminada" checked={formData.validadeIndeterminada} onChange={handleChange} id="validadeIndeterminada" style={{ transform: 'scale(1.2)' }} />
+                <label className="form-check-label ms-2" htmlFor="validadeIndeterminada" style={{ fontSize: '1.1rem' }}>
                   Validade indeterminada
                 </label>
               </div>
@@ -467,8 +466,8 @@ function PatientForm({ onSave, onCancel, PatientDict }) {
             {/* PACIENTE VIP */}
             <div className="col-md-12 mb-3 mt-3">
               <div className="form-check">
-                <input className="form-check-input" type="checkbox" name="pacienteVip" checked={formData.pacienteVip} onChange={handleChange} id="pacienteVip" />
-                <label className="form-check-label" htmlFor="pacienteVip">
+                <input className="form-check-input" type="checkbox" name="pacienteVip" checked={formData.pacienteVip} onChange={handleChange} id="pacienteVip" style={{ transform: 'scale(1.2)' }} />
+                <label className="form-check-label ms-2" htmlFor="pacienteVip" style={{ fontSize: '1.1rem' }}>
                   Paciente VIP
                 </label>
               </div>
@@ -478,120 +477,120 @@ function PatientForm({ onSave, onCancel, PatientDict }) {
       </div>
 
       {/* ENDEREÇO */}
-      <div className="mb-5"> 
-        <h5 className="fs-4 mb-0 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('endereco')}>
+      <div className="mb-5 p-4 border rounded shadow-sm">
+        <h4 className="mb-4 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('endereco')} style={{ fontSize: '1.8rem' }}>
           Endereço
           <span className="fs-5">
             {collapsedSections.endereco ? '▲' : '▼'}
           </span>
-        </h5>
+        </h4>
         <div className={`collapse${collapsedSections.endereco ? ' show' : ''}`}>
           <div className="row mt-3">
             <div className="col-md-4 mb-3">
-              <label>CEP:</label>
-              <input type="text" className="form-control" name="cep" value={formData.cep} onChange={handleChange} onBlur={handleCepBlur} />
+              <label style={{ fontSize: '1.1rem' }}>CEP:</label>
+              <input type="text" className="form-control" name="cep" value={formData.cep} onChange={handleChange} onBlur={handleCepBlur} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-8 mb-3">
-              <label>Rua:</label>
-              <input type="text" className="form-control" name="rua" value={formData.rua} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Rua:</label>
+              <input type="text" className="form-control" name="rua" value={formData.rua} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>Bairro:</label>
-              <input type="text" className="form-control" name="bairro" value={formData.bairro} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Bairro:</label>
+              <input type="text" className="form-control" name="bairro" value={formData.bairro} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-4 mb-3">
-              <label>Cidade:</label>
-              <input type="text" className="form-control" name="cidade" value={formData.cidade} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Cidade:</label>
+              <input type="text" className="form-control" name="cidade" value={formData.cidade} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-2 mb-3">
-              <label>Estado:</label>
-              <input type="text" className="form-control" name="estado" value={formData.estado} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Estado:</label>
+              <input type="text" className="form-control" name="estado" value={formData.estado} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-4 mb-3">
-              <label>Número:</label>
-              <input type="text" className="form-control" name="numero" value={formData.numero} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Número:</label>
+              <input type="text" className="form-control" name="numero" value={formData.numero} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-8 mb-3">
-              <label>Complemento:</label>
-              <input type="text" className="form-control" name="complemento" value={formData.complemento} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Complemento:</label>
+              <input type="text" className="form-control" name="complemento" value={formData.complemento} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
           </div>
         </div>
       </div>
 
       {/* CONTATO */}
-      <div className="mb-5"> 
-        <h5 className="fs-4 mb-0 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('contato')}>
+      <div className="mb-5 p-4 border rounded shadow-sm">
+        <h4 className="mb-4 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('contato')} style={{ fontSize: '1.8rem' }}>
           Contato
           <span className="fs-5">
             {collapsedSections.contato ? '▲' : '▼'}
           </span>
-        </h5>
+        </h4>
         <div className={`collapse${collapsedSections.contato ? ' show' : ''}`}>
           <div className="row mt-3">
             <div className="col-md-6 mb-3">
-              <label>Email: *</label>
-              <input type="email" className="form-control" name="email" value={formData.email} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Email: *</label>
+              <input type="email" className="form-control" name="email" value={formData.email} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>Telefone: *</label>
-              <input type="text" className="form-control" name="telefone1" value={formData.telefone1} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Telefone: *</label>
+              <input type="text" className="form-control" name="telefone1" value={formData.telefone1} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>Telefone 2:</label>
-              <input type="text" className="form-control" name="telefone2" value={formData.telefone2} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Telefone 2:</label>
+              <input type="text" className="form-control" name="telefone2" value={formData.telefone2} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
             <div className="col-md-6 mb-3">
-              <label>Telefone 3:</label>
-              <input type="text" className="form-control" name="telefone3" value={formData.telefone3} onChange={handleChange} />
+              <label style={{ fontSize: '1.1rem' }}>Telefone 3:</label>
+              <input type="text" className="form-control" name="telefone3" value={formData.telefone3} onChange={handleChange} style={{ fontSize: '1.1rem' }} />
             </div>
           </div>
         </div>
       </div>
 
       {/* INFORMAÇÕES ADICIONAIS */}
-      <div className="mb-5"> {/* Aumentado para mb-5 para mais separação */}
-        <h5 className="fs-4 mb-0 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('infoAdicionais')}>
+      <div className="mb-5 p-4 border rounded shadow-sm">
+        <h4 className="mb-4 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('infoAdicionais')} style={{ fontSize: '1.8rem' }}>
           Informações Adicionais
           <span className="fs-5">
             {collapsedSections.infoAdicionais ? '▲' : '▼'}
           </span>
-        </h5>
+        </h4>
         <div className={`collapse${collapsedSections.infoAdicionais ? ' show' : ''}`}>
           <div className="row mt-3">
             <div className="mb-3">
-              <label>Observações:</label>
-              <textarea className="form-control" name="observacoes" value={formData.observacoes} onChange={handleChange}></textarea>
+              <label style={{ fontSize: '1.1rem' }}>Observações:</label>
+              <textarea className="form-control" name="observacoes" value={formData.observacoes} onChange={handleChange} style={{ fontSize: '1.1rem' }}></textarea>
             </div>
           </div>
         </div>
       </div>
       
       {/* ANEXOS DO PACIENTE */}
-      <div className="mb-5"> {/* Aumentado para mb-5 para mais separação */}
-        <h5 className="fs-4 mb-0 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('anexos')}>
+      <div className="mb-5 p-4 border rounded shadow-sm">
+        <h4 className="mb-4 cursor-pointer d-flex justify-content-between align-items-center" onClick={() => handleToggleCollapse('anexos')} style={{ fontSize: '1.8rem' }}>
           Anexos do Paciente
           <span className="fs-5">
             {collapsedSections.anexos ? '▲' : '▼'}
           </span>
-        </h5>
+        </h4>
         <div className={`collapse${collapsedSections.anexos ? ' show' : ''}`}>
           <div className="row mt-3">
             <div className="mb-3">
-              <label htmlFor="anexos-input" className="btn btn-secondary">Escolher arquivo</label>
+              <label htmlFor="anexos-input" className="btn btn-secondary" style={{ fontSize: '1.1rem' }}>Escolher arquivo</label>
               <input type="file" className="form-control d-none" name="anexos" id="anexos-input" onChange={handleChange} />
-              <span className="ms-2">{formData.anexos ? formData.anexos.name : 'Nenhum arquivo escolhido'}</span>
+              <span className="ms-2" style={{ fontSize: '1.1rem' }}>{formData.anexos ? formData.anexos.name : 'Nenhum arquivo escolhido'}</span>
             </div>
           </div>
         </div>
       </div>
 
       {/* Botões */}
-      <div className="mt-3">
-        <button className="btn btn-success me-2" onClick={handleSubmit}>
+      <div className="mt-3 text-center">
+        <button className="btn btn-success me-3" onClick={handleSubmit} style={{ fontSize: '1.2rem', padding: '0.75rem 1.5rem' }}>
           Salvar Paciente
         </button>
-        <button className="btn btn-light" onClick={onCancel}>
+        <button className="btn btn-light" onClick={onCancel} style={{ fontSize: '1.2rem', padding: '0.75rem 1.5rem' }}>
           Cancelar
         </button>
       </div>