html,
body {
height: 100%;
font-family: "Poppins", sans-serif;
-webkit-font-smoothing: antialiased;
}
h1,
h2,
h3 {
margin: 0;
color: #111111;
font-weight: 400;
font-family: "Poppins", sans-serif;
}
h1 {
font-size: 40px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 30px;
}
p {
font-size: 15px;
font-family: "Poppins", sans-serif;
color: #666666;
font-weight: 400;
line-height: 25px;
margin: 0 0 15px 0;
}
img {
max-width: 100%;
}
button:focus {
outline: none;
}
a:hover,
a:focus {
text-decoration: none;
outline: none;
color: inherit;
}
ul {
padding: 0;
margin: 0;
}
/*---------------------
Helper CSS
-----------------------*/
/* buttons */
.max{
max-width: 1100px;
text-align:center;
display: block;
}
/* Preloder */
/*---------------------
Header
-----------------------*/
/*---------------------
Hero
-----------------------*/
/*---------------------
Consultation
-----------------------*/
/*---------------------
Choose Us
-----------------------*/
/*---------------------
Services
-----------------------*/
/*---------------------
Team
-----------------------*/
/*---------------------
Gallery
-----------------------*/
/*---------------------
Latest
-----------------------*/
/*---------------------
Footer
-----------------------*/
.footer {
background: #121c1d;
padding-top: 40px;
}
/*---------------------
Breadcrumb
-----------------------*/
/*---------------------
About
-----------------------*/
/*---------------------
Testimonials
-----------------------*/
/*---------------------
Services
-----------------------*/
/*---------------------
Pricing
-----------------------*/
/*---------------------
Doctor
-----------------------*/
/*---------------------
Blog
-----------------------*/
/*---------------------
Blog Details
-----------------------*/
/*---------------------
Contact
-----------------------*/
/*--------------------------------- Responsive Media Quaries -----------------------------*/
/* Medium Device = 1200px */
/* Tablet Device = 768px */
/* Wide Mobile = 480px */
/* Small Device = 320px */
/* ================================================= */
/* HEADER REFINED – AJUSTE FINO, SEM QUEBRAR */
/* ================================================= */
/* MENU – apenas tipografia e cor */
/* underline discreto azul/dourado */
/* AÇÕES – ÍCONES SIMPLES */
/* MOBILE – não mexe
@media (max-width: 991px) {
.header-actions-refined {
display: none;
}
}*/
/* ================================================= */
/* HERO – TEXTO PREMIUM E PROFISSIONAL */
/* ================================================= */
/* TÍTULO */
/* DESCRIÇÃO */
/* PROVA SOCIAL */
/* BOTÃO PREMIUM */
/* ================================================= */
/* HERO LABEL – DESTAQUE VISUAL */
/* ================================================= */
/* ÍCONE */
/* ================================================= */
/* HERO – COPY + ÍCONES + HIERARQUIA */
/* ================================================= */
/* TÍTULO */
/* DESCRIÇÃO COM ÍCONES */
/* PROVA SOCIAL */
/* BOTÃO – MAIS FORTE */
/* MOBILE – mantém equilíbrio */
/* ================================================= */
/* BOTÃO HERO – PREMIUM SEM SOMBRA */
/* ================================================= */
/* efeito de brilho sutil no hover */
/* HOVER */
/* ACTIVE (clique) */
/* ================================================= */
/* HERO – PROVA SOCIAL DOCTORALIA */
/* ================================================= */
/* estrelas */
/* texto */
/* hover */
/* ================================================= */
/* ANTES & DEPOIS – PREMIUM */
/* ================================================= */
/* Cabeçalho */
/* Grid */
/* Card */
/* Imagens */
/* Info */
/* Tags */
/* Disclaimer */
/* ================================================= */
/* RK INBODY 270 – PREMIUM SUAVE (SEM CONFLITO) */
/* ================================================= */
/* ================================================= */
/* ÁREAS DE ATUAÇÃO – ÍCONES EM TEXTO */
/* ================================================= */
/* ÍCONE */
.rk-area-icon {
font-size: 42px;
color: #e6c989;
margin-bottom: 10px;
display: inline-block;
transition: transform .25s ease, color .25s ease;
}
/* Hover suave */
/* ================================================= */
/* SVG PASSO A PASSO – REFINO VISUAL */
/* ================================================= */
/* animação suave de leitura */
/* ============================= */
/* ANTES E DEPOIS – TEMPLATE SAFE */
/* ============================= */
.rk-ba-section {
padding: 20px 0;
background: #fafafa;
}
.rk-ba-subtitle {
max-width: 760px;
margin: 14px auto 26px;
font-size: 15px;
color: #666;
line-height: 1.7;
}
.rk-ba-card {
background: #ffffff;
border-radius: 18px;
padding: 18px;
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.10);
text-align: center;
height: 100%;
}
.rk-ba-images {
display: flex;
justify-content: center;
gap: 12px;
margin-bottom: 12px;
}
.rk-ba-images img {
width: 179px;
height: 331px;
object-fit: cover;
border-radius: 14px;
display: block;
}
.rk-ba-card p {
font-size: 14px;
color: #444;
line-height: 1.6;
margin: 0;
}
.rk-ba-disclaimer {
margin-top: 22px;
font-size: 12px;
color: #888;
text-align: center;
}
/* GARANTE VISIBILIDADE DO OWL CUSTOM */
.rk-ba-owl {
display: block !important;
}
/* GARANTE SETAS DO OWL */
/* Destaque visual dos textos do Antes e Depois */
.rk-ba-card p {
font-size: 14px;
line-height: 1.7;
color: #444;
}
.rk-ba-card p i {
color: #04c4a4;
margin-right: 6px;
}
.rk-ba-card p strong {
color: #0b1f33;
}
/* ============================= */
/* HERO – SELO DE EXPERTISE DARK */
/* ============================= */
/* ícone */
/* texto forte */
/* mobile */
/* ============================= */
/* MÉTODO DE ATENDIMENTO */
/* ============================= */
.rk-metodo-section {
padding: 10px 0 0;
background: #ffffff;
}
.rk-metodo-subtitle {
max-width: 720px;
margin: 0 auto 50px;
font-size: 16px;
color: #555;
line-height: 1.7;
}
/* GRID DE SERVIÇOS */
.rk-metodo-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 28px;
}
.rk-metodo-card {
background: #f9fafb;
border-radius: 18px;
padding: 28px 26px;
box-shadow: 0 12px 30px rgba(0,0,0,0.08);
transition: all 0.3s ease;
}
.rk-metodo-card:hover {
transform: translateY(-6px);
box-shadow: 0 20px 45px rgba(0,0,0,0.12);
}
.rk-metodo-card i {
font-size: 34px;
color: #04c4a4;
margin-bottom: 16px;
}
.rk-metodo-card h3 {
font-size: 18px;
font-weight: 700;
color: #0b1f33;
margin-bottom: 12px;
}
.rk-metodo-card p {
font-size: 15px;
color: #555;
line-height: 1.6;
}
/* ============================= */
/* ACOMPANHAMENTO – TIMELINE */
/* ============================= */
.rk-acompanhamento-timeline {
margin-top: 70px;
padding: 70px 0;
background: #f9fafb; /* cinza claro elegante */
}
/* Header */
.rk-acompanhamento-header {
max-width: 720px;
margin: 0 auto 50px;
text-align: center;
}
.rk-acompanhamento-header i {
font-size: 36px;
color: #04c4a4;
margin-bottom: 12px;
}
.rk-acompanhamento-header h3 {
font-size: 26px;
font-weight: 800;
color: #0b1f33;
margin-bottom: 14px;
}
.rk-acompanhamento-header p {
font-size: 16px;
color: #555;
line-height: 1.7;
}
/* Timeline */
.rk-timeline {
max-width: 900px;
margin: 0 auto;
position: relative;
padding-left: 30px;
}
.rk-timeline::before {
content: "";
position: absolute;
left: 14px;
top: 0;
bottom: 0;
width: 2px;
background: #e3e6ea;
}
/* Step */
.rk-timeline-step {
display: flex;
gap: 22px;
margin-bottom: 36px;
position: relative;
}
.rk-step-icon {
width: 30px;
height: 30px;
border-radius: 50%;
background: #04c4a4;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
font-size: 14px;
flex-shrink: 0;
box-shadow: 0 6px 18px rgba(4,196,164,0.35);
}
.rk-step-content p {
font-size: 15px;
color: #555;
line-height: 1.6;
}
/* MOBILE */
@media (max-width: 768px) {
.rk-timeline {
padding-left: 24px;
}
}
.whatsapp-float {
position: fixed;
right: 18px;
bottom: 18px;
z-index: 9999;
display: flex;
align-items: center;
gap: 10px;
background: linear-gradient(135deg, #25d366, #1ebe5d);
color: #ffffff;
padding: 14px 18px;
border-radius: 50px;
font-size: 15px;
font-weight: 700;
text-decoration: none;
transition: transform 0.2s ease, background 0.2s ease;
}
.whatsapp-float i {
font-size: 22px;
}
.whatsapp-float span {
white-space: nowrap;
}
/* Hover desktop */
.whatsapp-float:hover {
transform: translateY(-2px);
background: linear-gradient(135deg, #2ee372, #22c761);
}
/* Mobile: manter compacto */
@media (max-width: 576px) {
.whatsapp-float {
padding: 14px;
}
.whatsapp-float span {
display: none; /* só ícone no mobile */
}
}
.rk-step-card {
background:#fff;
border-radius:16px;
padding:24px 22px;
box-shadow:0 8px 28px rgba(0,0,0,0.07);
position:relative;
border:1px solid #eef0f3;
font-family:'Poppins',sans-serif;
}
.rk-step-num {
position:absolute;
top:16px;
right:16px;
font-size:28px;
font-weight:900;
color:#e8f0f8;
line-height:1;
}
.rk-step-icon {
font-size:28px;
color:#04c4a4;
margin-bottom:12px;
display:block;
}
.rk-step-card p {
font-size:14px;
color:#555;
line-height:1.6;
margin:0;
}
.rk-dep-card {
background:#ffffff;
border-radius:16px;
padding:24px 22px;
border:1px solid #e4eef4;
font-family:'Poppins',sans-serif;
display:flex;
flex-direction:column;
gap:12px;
}
.rk-dep-stars { color:#f4c150;font-size:14px;letter-spacing:2px; }
.rk-dep-texto {
font-size:15px;
color:#333;
line-height:1.65;
margin:0;
flex:1;
font-style:italic;
}
.rk-dep-autor {
display:flex;
align-items:center;
gap:12px;
border-top:1px solid #eef1f4;
padding-top:12px;
}
.rk-dep-avatar {
width:40px;height:40px;
border-radius:50%;
background:linear-gradient(135deg,#0b2c48,#04c4a4);
color:#fff;
font-size:13px;
font-weight:700;
display:flex;align-items:center;justify-content:center;
flex-shrink:0;
}
.rk-dep-autor strong { display:block;font-size:14px;color:#0b1f33;font-weight:700; }
.rk-dep-autor span { font-size:12px;color:#888; }
.rk-faq-list { display:flex;flex-direction:column;gap:10px; }
.rk-faq-item {
border:1px solid #e0eaf1;
border-radius:12px;
overflow:hidden;
font-family:'Poppins',sans-serif;
}
.rk-faq-question {
width:100%;
background:#fff;
border:none;
padding:18px 20px;
display:flex;
justify-content:space-between;
align-items:center;
cursor:pointer;
font-family:'Poppins',sans-serif;
font-size:15px;
font-weight:600;
color:#0b1f33;
text-align:left;
gap:12px;
transition:background .2s;
}
.rk-faq-question:hover { background:#f6fafc; }
.rk-faq-question.active { background:#f0f9f7; }
.rk-faq-question.active .rk-faq-icon { transform:rotate(45deg);color:#04c4a4; }
.rk-faq-icon { font-size:14px;color:#888;transition:transform .25s,color .25s;flex-shrink:0; }
.rk-faq-answer {
display:none;
padding:0 20px 18px;
background:#fff;
}
.rk-faq-answer.open { display:block; }
.rk-faq-answer p { font-size:14px;color:#555;line-height:1.7;margin:0 0 12px; }
.rk-faq-cta {
display:inline-flex;align-items:center;gap:8px;
font-size:13px;font-weight:700;color:#25d366;
text-decoration:none;border:1.5px solid #25d366;
padding:8px 16px;border-radius:50px;
transition:background .2s,color .2s;
}
.rk-faq-cta:hover { background:#25d366;color:#fff; }