/* ========================================= PROTO CLINICAL - CONTACT PAGE (HIGH CONTRAST) ========================================= */ /* 1. ESTRUTURA GERAL */ .pc-contact-wrapper { font-family: 'Inter', Helvetica, Arial, sans-serif !important; color: #000000 !important; line-height: 1.6 !important; max-width: 800px !important; /* Um pouco mais estreito para contato */ margin: 0 auto !important; padding: 40px 20px !important; background-color: #E5E7EB !important; /* Fundo Cinza Concreto */ } /* 2. CABEÇALHO (NAVY BLUE) */ .pc-header { background-color: #00205B !important; padding: 60px 40px !important; border-radius: 8px !important; margin-bottom: 40px !important; border: 1px solid #00102E !important; text-align: center !important; /* Centralizado para página de contato */ box-shadow: 0 10px 15px rgba(0,0,0,0.2) !important; } .pc-header h1 { color: #FFFFFF !important; font-size: 2.2rem !important; font-weight: 800 !important; text-transform: uppercase !important; margin: 0 !important; letter-spacing: 1px !important; } .pc-header-sub { color: #E0E7FF !important; margin-top: 10px !important; font-size: 1rem !important; opacity: 0.9 !important; } /* 3. CARTÃO DE CONTATO */ .pc-card { background-color: #FFFFFF !important; border: 1px solid #9CA3AF !important; padding: 40px !important; border-radius: 8px !important; box-shadow: 0 4px 6px rgba(0,0,0,0.05) !important; } /* 4. GRIDS E LISTAS DE CONTATO */ .pc-contact-grid { display: grid !important; gap: 30px !important; } .pc-contact-item { border-bottom: 1px solid #E5E7EB !important; padding-bottom: 20px !important; } .pc-contact-item:last-child { border-bottom: none !important; padding-bottom: 0 !important; } /* Títulos dos itens (Trade Name, Email, etc) */ .pc-label { display: block !important; color: #00205B !important; /* Azul Navy */ font-weight: 800 !important; text-transform: uppercase !important; font-size: 0.85rem !important; margin-bottom: 5px !important; letter-spacing: 0.5px !important; } /* O valor (O email, o endereço, etc) */ .pc-value { display: block !important; color: #000000 !important; /* Preto Puro */ font-size: 1.1rem !important; font-weight: 500 !important; } .pc-value a { color: #00205B !important; text-decoration: underline !important; } /* Responsividade */ @media (max-width: 600px) { .pc-header { padding: 40px 20px !important; } .pc-header h1 { font-size: 1.8rem !important; } .pc-card { padding: 25px !important; } .pc-value { font-size: 1rem !important; } }