@charset "UTF-8";
@font-face {
font-family: 'cinzel';
src: url(https://drrodrigoarrivabeno.com.br/wp-content/bcf-fonts/Cinzel/cinzel-400-normal0.woff2) format('woff2');
font-weight: 400;
font-style: normal0;
}
@font-face {
font-family: 'cinzel';
src: url(https://drrodrigoarrivabeno.com.br/wp-content/bcf-fonts/Cinzel/cinzel-400-normal1.woff2) format('woff2');
font-weight: 400;
font-style: normal1;
}
@font-face {
font-family: 'cinzel';
src: url(https://drrodrigoarrivabeno.com.br/wp-content/bcf-fonts/Cinzel/cinzel-500-normal0.woff2) format('woff2');
font-weight: 500;
font-style: normal0;
}
@font-face {
font-family: 'cinzel';
src: url(https://drrodrigoarrivabeno.com.br/wp-content/bcf-fonts/Cinzel/cinzel-500-normal1.woff2) format('woff2');
font-weight: 500;
font-style: normal1;
}
@font-face {
font-family: 'cinzel';
src: url(https://drrodrigoarrivabeno.com.br/wp-content/bcf-fonts/Cinzel/cinzel-600-normal0.woff2) format('woff2');
font-weight: 600;
font-style: normal0;
}
@font-face {
font-family: 'cinzel';
src: url(https://drrodrigoarrivabeno.com.br/wp-content/bcf-fonts/Cinzel/cinzel-600-normal1.woff2) format('woff2');
font-weight: 600;
font-style: normal1;
}
@font-face {
font-family: 'poppins';
src: url(https://drrodrigoarrivabeno.com.br/wp-content/bcf-fonts/Poppins/poppins-100-normal0.woff2) format('woff2');
font-weight: 100;
font-style: normal0;
}
@font-face {
font-family: 'poppins';
src: url(https://drrodrigoarrivabeno.com.br/wp-content/bcf-fonts/Poppins/poppins-100-normal1.woff2) format('woff2');
font-weight: 100;
font-style: normal1;
}
@font-face {
font-family: 'poppins';
src: url(https://drrodrigoarrivabeno.com.br/wp-content/bcf-fonts/Poppins/poppins-100-normal2.woff2) format('woff2');
font-weight: 100;
font-style: normal2;
}
@font-face {
font-family: 'poppins';
src: url(https://drrodrigoarrivabeno.com.br/wp-content/bcf-fonts/Poppins/poppins-300-normal0.woff2) format('woff2');
font-weight: 300;
font-style: normal0;
}
@font-face {
font-family: 'poppins';
src: url(https://drrodrigoarrivabeno.com.br/wp-content/bcf-fonts/Poppins/poppins-300-normal1.woff2) format('woff2');
font-weight: 300;
font-style: normal1;
}
@font-face {
font-family: 'poppins';
src: url(https://drrodrigoarrivabeno.com.br/wp-content/bcf-fonts/Poppins/poppins-300-normal2.woff2) format('woff2');
font-weight: 300;
font-style: normal2;
}
@font-face {
font-family: 'poppins';
src: url(https://drrodrigoarrivabeno.com.br/wp-content/bcf-fonts/Poppins/poppins-400-normal0.woff2) format('woff2');
font-weight: 400;
font-style: normal0;
}
@font-face {
font-family: 'poppins';
src: url(https://drrodrigoarrivabeno.com.br/wp-content/bcf-fonts/Poppins/poppins-400-normal1.woff2) format('woff2');
font-weight: 400;
font-style: normal1;
}
@font-face {
font-family: 'poppins';
src: url(https://drrodrigoarrivabeno.com.br/wp-content/bcf-fonts/Poppins/poppins-400-normal2.woff2) format('woff2');
font-weight: 400;
font-style: normal2;
}.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }
#altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}

body, html {
background-color: #ffffff;
padding: 0;
margin: 0;
padding-top: 20px;
} @font-face {
font-family: 'Cinzel';
src: url(//drrodrigoarrivabeno.com.br/wp-content/themes/arrivabeno/assets/css/<?php echo get_template_directory_uri(); ?>/wp-content/themes/arrivabeno/assets/fonts/cinzel.woff2') format('woff2');
src: url(//drrodrigoarrivabeno.com.br/wp-content/themes/arrivabeno/assets/css/<?php echo get_template_directory_uri(); ?>/wp-content/themes/arrivabeno/assets/fonts/cinzel.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
h1, h2, h3 {
font-family: 'Cinzel', sans-serif;
font-weight: 800;
}
@font-face {
font-family: 'Poppins';
src: url(//drrodrigoarrivabeno.com.br/wp-content/themes/arrivabeno/assets/wp-content/themes/arrivabeno/assets/fonts/Poppins/Poppins-Regular.woff2) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
p {
font-family: 'Poppins', sans-serif;
} body,
html {
overflow-x: hidden;
}  .grecaptcha-badge {
display: none !important;
} .site-logo {
display: none;
}
@media (max-width: 768px) {
.site-logo {
display: contents;
}}
.site-logo img {
width: 45px !important;
height: 45px;
position: relative;
align-content: flex-start;
} *[id] {
scroll-margin-top: 50px;
}
html {
scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
}   .site-header {
background-color: #40695b !important; padding: 1px;
position: fixed;
top: 0; left: 0;
width: 100%; z-index: 9999;  
}
.header-container {
display: flex;
justify-content: center; align-items: center;
position: relative;
background-color: #40695b !important;
padding: 0px;	
} .menu-principal {
display: flex;
gap: 30px;
list-style: none;
margin: 0;
padding: 0;
}
.menu-principal li {
display: flex;
align-items: center;
}
.menu-principal a {
color: #fff;
text-decoration: none;
font-size: 14px;
font-family: 'Cinzel', sans-serif;
font-weight: 100;
} .menu-principal .menu-logo a {
display: block;
width: 45px; height: 45px;
background: url(//drrodrigoarrivabeno.com.br/wp-content/themes/arrivabeno/assets/img/logo-footer.png) no-repeat center center;
background-size: contain;
text-indent: -9999px; } .header-consultas {
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
}
.btn-consultas {
background: #cfded7;
border: 4.5px solid #cfded7;
color: #40695b;
padding: 10px;
font-family: 'Cinzel', sans-serif;
font-weight: 800;
text-decoration: none;
transition: background 0.3s ease;
}
.btn-consultas:hover {
background: #8faf9b;
border: 3.5px solid #8faf9b;
}    .main-navigation ul.sub-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #e0f3ea;
padding: 10px 0;
list-style: none;
min-width: 200px;
z-index: 1000;
}
.main-navigation li.menu-item-has-children {
position: relative;
}
.main-navigation li.menu-item-has-children:hover > ul.sub-menu {
display: block;
} .main-navigation ul.sub-menu li {
position: relative;
}
.main-navigation ul.sub-menu li a {
display: block;
padding: 8px 20px;
text-decoration: none;
color: #40695b;
font-size: 12px;
}
.main-navigation ul.sub-menu li a:hover {
background: #cfded7;
} .main-navigation ul.sub-menu ul.sub-menu {
top: 0;
left: 100%;
margin-left: 0px; } .menu-item-has-children > a::after,
.menu-item-has-children > span::after {
content: "▼"; font-size: 10px;
margin-left: 6px;
display: inline-block;
vertical-align: middle;
color: #4abe96;
transition: transform 0.2s ease;
} .menu-item-has-children.open > a::after,
.menu-item-has-children.open > span::after {
transform: rotate(180deg); } @media (min-width: 1024px) {
.main-navigation li.menu-item-has-children:hover > a::after,
.main-navigation li.menu-item-has-children:hover > span::after {
transform: rotate(180deg);
}
}    .menu-mobile {
position: fixed;
top: 0;
left: 0;
width: 80%; max-width: 320px;
height: 100vh;
background: #40695b;
z-index: 1000;
padding-top: 70px;
transform: translateX(-100%);
transition: transform 0.3s ease;
} .menu-mobile.active {
transform: translateX(0);
} @media (max-width: 768px) {
.menu-principal { 
display: none; 
}
#menu-toggle {
display: flex-start !important;
align-items: left;
justify-content: left;
font-size: 28px;
background: none;
border: none;
cursor: pointer;
color: #fff;
padding: 6px 10px;
}
} .close-mobile-menu {
position: absolute;
top: 15px;
right: 15px;
font-size: 28px;
color: #fff;
background: none;
border: none;
cursor: pointer;
} .menu-mobile {
margin: 0;
padding: 50px 0px 0px 0px;
}
.menu-mobile li {
list-style: none !important;
}
.menu-mobile a {
display: block;
padding: 12px 16px;
color: #fff;
text-decoration: none;
font-size: 16px;
font-family: 'Cinzel', sans-serif;
font-weight: 100;
} .menu-mobile li a {
border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.menu-mobile li:last-child a {
border-bottom: none; } .menu-mobile .menu-social {
display: flex;
gap: 12px;
justify-content: center;
padding: 12px 0 18px;
}
.menu-mobile .menu-social a {
color: #fff;
font-size: 25px;
display: inline-flex;
align-items: center;
justify-content: center;
} @media (max-width: 768px) {
. container header-inner {
position: relative;
height: 40px;
}
.site-logo {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
#menu-toggle {
position: absolute;
left: 5px;
top: 50%;
transform: translateY(-50%);
}
.header-cta {
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
}
} @media (min-width: 1024px) {
#menu-toggle { display: none !important; }
.menu-mobile { display: none !important; }
}   .menu-mobile ul.sub-menu {
display: none;
list-style: none;
padding-left: 15px;
}
.menu-mobile li.menu-item-has-children.open > ul.sub-menu {
display: block;
} .menu-mobile .menu-item-has-children > a::after {
content: "▼";
font-size: 12px;
margin-left: 8px;
transition: transform 0.2s;
}
.menu-mobile .menu-item-has-children.open > a::after {
content: "▼";
} .site-footer {
background-color: #40695b; color: #fff;
padding: 3rem 2rem 1rem;
}
.footer-container {
display: grid;
grid-template-columns: repeat(4, 1fr); gap: 2rem;
align-items: start;
}
.footer-col {
flex: 1;
align-items: center !important;
}
.footer-col h4 {
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 1rem;
font-family: 'Cinzel', sans-serif;
font-weight: 800;
text-decoration: none;  
font-size: 14px;
}
.footer-logo img {
width: 120px;
margin: 0 auto;
display: flex;
align-self: center;
}
.footer-menus {
display: flex;
gap: 2rem;
}
.footer-menu ul {
list-style: none;
margin: 0px 0px 5px 0px;
padding: 0;
font-family: 'Cinzel', sans-serif;
font-weight: 100;
text-decoration: none;  
font-size: 14px;
}
.footer-menu ul li {
margin-bottom: 0.5rem;
}
.footer-menu a {
color: #fff;
text-decoration: none;
transition: color 0.3s;
}
.footer-menu a:hover {
color: #d9d9d9;
}
.footer-social {
display: flex;
gap: 1rem;
margin-top: 1rem;
justify-content: center;
}
.footer-social a {
font-size: 1.4rem;
color: #fff;
transition: color 0.3s;
}
.footer-social a:hover {
color: #ddd;
}
.footer-bottom {
text-align: center;
margin-top: 2rem;
font-size: 0.65rem;
border-top: 0px solid rgba(255,255,255,0.2);
padding-top: 1rem;
}
@media (max-width: 768px) {
.footer-container {
grid-template-columns: 1fr; text-align: center;
}
.footer-social {
justify-content: center;
}
.footer-bottom {
font-size: 0.45rem;
}
} .single-artigo .artigo-fundo {
background-size: cover;
background-position: center;
padding: 80px 20px;
text-align: center;
color: #2d4f58;
}
.single-artigo .titulo-artigo {
font-size: 2rem;
margin-bottom: 10px;
color: #40695b;
}
.single-artigo .subtitulo-artigo {
font-size: .8rem;
color: #40695b;
margin-bottom: 20px;
}
.single-artigo .linha-divisoria {
border: none;
border-top: 3px solid #40695b;
margin: 20px auto;
width: 90%;
}
.artigo-topbar {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 80%;
margin: 0 auto;
}
.artigo-featured img {
margin: 0 auto;
width: 80%;
height: auto;
display: block;
}
.artigo-conteudo {
max-width: 80%;
margin: 40px auto;
font-size: .9rem;
line-height: 1.6;
}
.leia-tambem {
margin: 0 auto;
max-width: 90%;
text-align: center;
color: #40695b;
padding-bottom: 20px ;
}
.grid-leia-tambem {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 10px;
margin-top: 20px;
}
.grid-leia img {
width: 100%;
height: auto;
margin-bottom: 3px;
object-fit: cover;
aspect-ratio: 16/12;
}
.grid-leia-tambem .item-leia {
background: #fff;
padding: 5px;
text-align: left;
}
.grid-leia-tambem .item-leia h3 {
font-size: 1.1rem;
margin: 10px 0;
color: #2d4f58;
}
.grid-leia-tambem .excerpt {
font-size: 0.8rem;
color: #555;
margin-bottom: 5px;
}
.grid-leia-tambem .leia-mais {
display: flex;
align-items: center;
gap: 8px;
}
.grid-leia-tambem .leia-mais img {
width: 20px;
height: 20px;
} .botao-curtir {
background: #40695b;
padding: 8px 12px;
border-radius: 20px;
border: none;
font-size: 9px;
font-weight: 500;
cursor: pointer;
transition: 0.3s;
color: #ffffff;
}
.botao-curtir.curtido {
background-color: #bbd0cd;
color: #40695b;
font-weight: 800 !important;
font-size: 9px;
} .artigo-topbar .compartilhar {
display: flex;
justify-content: right;
gap: 5px;
list-style: none;
}
.artigo-topbar .compartilhar a {
font-size: 16px;
color: #40695b;
transition: color 0.3s ease;
padding: 0px 0px 0px 15px;
text-decoration: none;
}
.artigo-topbar .compartilhar a:hover {
color: #6a7d77 !important;
}   .hero {
position: relative;
background-size: cover;
background-position: bottom center;
padding: 40px 20px 0px 20px;
color: #fff;
}
.hero-container {
display: flex;
align-items: center !important;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto;
gap: 50px;
}
.hero-left {
flex: 1;
text-align: center;
}
.hero-left img {
max-width: 180px;
margin: 0 auto 20px; display: block;
}
.hero-left h1 {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 15px;
color: #40695b;
}
.hero-left h1 .underline {
border-bottom: 3px solid #40695b;
padding-bottom: 5px;
}
.hero-left p {
margin-bottom: 10px;
font-size: 1.1rem;
color: #40695b;
}
.hero-left .especialidades {
font-weight: 600;
}
.hero-left .crm {
font-size: 0.95rem;
opacity: 0.9;
}
.hero-left .cidade {
font-family: 'Cinzel', sans-serif;
font-size: 1.8rem;
font-weight: 400;
margin-bottom: 25px;
}
.hero-buttons {
gap: 155px !important;
margin: 0 50px 20px 50px; 
display: block;
}
.hero-buttons .btn {
background: #40695b;
color: #fff;
padding: 5px 22px;
margin: 5px 22px 5px 22px;
border-radius: 20px;
font-family: 'Poppins', sans-serif;
font-size: 12px;
font-weight: 300;
text-decoration: none;
transition: background 0.3s ease, transform 0.2s ease;
}
.hero-buttons .btn:hover {
background: #2f4e43;
transform: translateY(-2px);
}
.hero-buttons .btn-alt {
background: #fff;
color: #40695b;
}
.hero-right {
flex: 1;
text-align: right;
}
.hero-right img {
max-width: 70%;
height: auto;
margin-bottom: 0;
}  @media (max-width: 768px) {
.hero-container {
flex-direction: column; align-items: center;
text-align: center;
gap: 20px;
}
.hero-left {
order: 1; padding: 0 5px;
}
.hero-right {
order: 2; text-align: center;
}
.hero-right img {
max-width: 80%;
height: auto;
}
.hero-left img {
max-width: 100px;
margin: 30px auto 20px;
}
.hero-left h1 {
font-size: 1.4rem;
line-height: 1.8em;
}
.hero-left p {
font-size: 1rem;
}
.hero-left .cidade {
font-size: 1.4rem;
}
.hero-buttons {
gap: 15px !important;
margin: 0 10px 20px 10px; 
display: block;
}
.hero-buttons .btn {
background: #40695b;
color: #fff;
padding: 5px 22px;
margin: 5px 12px 35px 12px;
border-radius: 20px;
font-family: 'Poppins', sans-serif;
font-size: 12px;
font-weight: 300;
text-decoration: none;
transition: background 0.3s ease, transform 0.2s ease;
}
.hero-buttons .btn:hover {
background: #2f4e43;
transform: translateY(-2px);
}
.hero-buttons .btn-alt {
background: #fff;
color: #40695b;
}
.hero-right {
flex: 1;
text-align: right;
}
} .section-sobre {
padding: 80px 0;
background-color: #fff;
}
.section-sobre .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.section-sobre .row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start;
}
.section-sobre .col.left h2 {
font-size: 3rem;
font-weight: 700;
color: #234d44;
margin: 45px auto 20px;
text-align: center;
}
.section-sobre .col.right h3 {
font-size: 2rem;
font-weight: 100;
color: #234d44;
margin-bottom: 20px;
}
.section-sobre .col.right .texto {
font-size: .9rem;
line-height: 1.6;
color: #5c5c5c;
margin-bottom: 30px;
}
.section-sobre .col.right .btn {
display: inline-block;
margin: 0 auto;
padding: 12px;
background-color: #40695b;
color: #fff;
font-weight: 600;
font-size: 11px;
text-decoration: none;
border-radius: 20px;
transition: background-color 0.3s ease;
}
.section-sobre .col.right .btn:hover {
background-color: #1a3832;
} @media (max-width: 768px) {
.section-sobre .row {
grid-template-columns: 1fr;
}
.section-sobre .col.left h2 {
margin: -25px auto 10px;
}
.section-sobre .col.left h2,
.section-sobre .col.right h3 {
text-align: center;	  
}
.section-sobre .col.right .btn {
display: block;
margin: 0 auto;
text-align: center;
}
} .section-especialidades {
padding: 80px 0;
background-color: #40695b; }
.section-especialidades .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.section-especialidades .grid-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.section-especialidades .card-especialidade {
background: #40695b; color: #fff;
padding: 20px 25px 30px 25px;;
border-radius: 0px;
border-top: .5px solid #fff;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.section-especialidades .card-especialidade p {
font-size: .8rem;
line-height: 1.5;
margin-bottom: 20px;
text-align: center;
}
.section-especialidades .card-especialidade .btn-card {
display: inline-block;
padding: 10px;
background: #fff;
color: #234d44;
font-weight: 600;
font-size: 0.7em;
border-radius: 20px;
text-decoration: none;
transition: background 0.3s ease, color 0.3s ease;
}
.section-especialidades .card-especialidade .btn-card:hover {
background: #1a3832;
color: #fff;
}
.section-especialidades .card-especialidade:hover {
transform: translateY(-5px);
box-shadow: 0 6px 18px rgba(0,0,0,0.15);
} @media (max-width: 992px) {
.section-especialidades .grid-cards {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.section-especialidades .grid-cards {
grid-template-columns: 1fr;
}
}
.titulo-com-icone {
display: flex;
align-items: center; justify-content: center; gap: 0px;
margin: 0 auto 15px;
text-align: center; }
.titulo-com-icone h3 {
font-size: 1.25rem;
font-weight: 600;
text-decoration: underline;
margin: 0 auto;
text-align: center !important;
}
.titulo-com-icone .icone-card {
width: 40px;
height: 40px;
margin-right:-50px;
}  .section-banner {
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #fff;
display: flex;
align-items: center !important; min-height: 90vh;
}
.section-banner .overlay {
background: rgba(0, 0, 0, 0.3); position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
}
.section-banner .container {
position: relative;
z-index: 2;
display: flex;
justify-content: flex-end; width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 20% 20px;
}
.section-banner .content {
width: 50% !important; text-align: left;
}
.section-banner h2 {
font-size: 2.4rem;
font-weight: 700;
line-height: 1.4;
} @media (max-width: 768px) {
.section-banner {
min-height: 70vh;
text-align: center;
padding: 10px;
}
.section-banner .container {
justify-content: center !important;
}
.section-banner .content {
width: 100%;
text-align: center;
}
.section-banner h2 {
font-size: 2rem;
}
} .section-faq {
padding: 70px 20px;
background: #f9f9f9;
}
.faq-grid {
display: grid;
grid-template-columns: 1fr 2fr; gap: 40px;
align-items: start;
}
.faq-title h2 {
font-size: 3rem;
font-weight: 700;
color: #234d44;
line-height: 1.3;
text-align: center;
}
.accordion .accordion-item {
border-bottom: 2px solid #40695b;
}
.accordion-header {
width: 100%;
color: #40695b;
font-family: 'Cinzel', sans-serif;
text-align: left;
padding: 20px 5px 20px 5px;;
font-size: 1rem;
font-weight: 600;
background: none;
border: none;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.accordion-content {
display: none;
padding: 0 15px 15px;
color: #575757;
font-size: 14px;
line-height: 1.6;
}
.accordion-item.active .accordion-content {
display: block;
}
.accordion-header .icon {
font-size: 1.2rem;
transition: transform 0.3s ease;
}
.accordion-item.active .icon {
transform: rotate(45deg); } @media (max-width: 768px) {
.faq-grid {
grid-template-columns: 1fr; }
.faq-title {
margin-bottom: 20px;
}
} .testimonials {
background: #508774;
color: #fff;
padding: 80px 20px;
text-align: center;
}
.swiper {
width: 100%;
}
.swiper-slide {
display: flex;
justify-content: center;
align-items: center;
}
.testimonial-item {
max-width: 700px;
margin: 0 auto;
}
.testimonial-text {
font-size: 1.2rem;
line-height: 1.6;
margin-bottom: 15px;
font-style: italic;
}
.testimonial-author {
font-weight: bold;
font-size: 1rem;
opacity: 0.9;
}
.testimonials-btn {
margin-top: 40px;
}
.btn-white {
background: #fff;
color: #508774;
padding: 12px 24px;
border-radius: 30px;
text-decoration: none;
font-weight: bold;
transition: all 0.3s ease;
}
.btn-white:hover {
background: #40695b;
color: #fff;
} .section-artigos {
position: relative;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
padding: 20px 10px 10px 10px;
}
.section-artigos .container {
z-index: 2;
max-width: 1200px;
margin: 50px auto;
}
.section-artigos .artigos-box {
background: #fff;
padding: 10px 40px 10px 40px;
border-radius: 20px 20px 0px 0px;
}
.section-artigos h2 {
text-align: center;
font-size: 2rem;
color: #234d44;
margin-bottom: 50px;
} .artigos-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 20px;
}
.artigo-item {
display: flex;
flex-direction: column;
}
.artigo-item .artigo-thumb img {
width: 100%;
height: auto;
margin-bottom: 3px;
object-fit: cover;
aspect-ratio: 16/12;
}
.artigo-item h3 {
font-size: 1rem;
margin-bottom: 3px;
}
.artigo-item h3 a {
color: #234d44;
text-decoration: none;
transition: color 0.3s ease;
}
.artigo-item h3 a:hover {
color: #2f6b60;
}
.artigo-item p {
font-size: .8rem;
color: #555;
margin-bottom: 5px;
} .artigo-item .leia-mais {
display: flex;
align-items: center;
gap: 1px;
}
.artigo-item .leia-mais img {
width: 26px;
height: 26px;
}
.artigo-item .leia-mais a {
font-weight: 600;
text-decoration: none;
color: #234d44;
transition: color 0.3s ease;
}
.artigo-item .leia-mais a:hover {
color: #2f6b60;
} @media (max-width: 992px) {
.section-artigos {
height: auto;
padding: 20px;
}}
@media (max-width: 992px) {
.artigos-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
.artigos-grid {
grid-template-columns: 1fr;
}
} .section-contato {
width: 100%;
min-height: 500px;
margin-bottom: 0px;
}
.contato-container {
display: flex;
flex-wrap: wrap;
width: 100%;
height: 100%;
padding: 0px;
} .contato-info {
background: #40695b;
color: #fff;
flex: 1;
min-width: 300px;
padding: 60px 40px;
display: flex;
flex-direction: column;
justify-content: center;
}
.contato-info h2 {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 20px;
color: #cdddd7;
}
.contato-info hr {
border: none;
border-top: 1px solid rgba(255,255,255,0.3);
margin: 20px 0;
}
.contato-info p,
.contato-info a {
font-size: 1rem;
color: #fff;
text-decoration: none;
margin-bottom: 10px;
}
.redes-sociais {
display: flex;
gap: 15px;
margin: 15px 0;
}
.redes-sociais a {
color: #fff;
text-decoration: none;
transition: opacity 0.3s ease;
}
.redes-sociais a:hover {
opacity: 0.7;
}
.btn-consulta {
display: inline-block;
margin: 0 auto;
background: #cdddd7;
color: #40695b !important;
padding: 12px 20px;
border-radius: 20px;
font-weight: bold;
text-decoration: none;
transition: background 0.3s ease, color 0.3s ease;
}
.btn-consulta:hover {
background: #2f4e43;
color: #fff !important;
}  .contato-mapa {
flex: 1;
min-width: 300px;
width: 50%
display: flex;
align-items: stretch; }
.contato-mapa iframe {
flex: 1;
width: 100%;
height: auto;
aspect-ratio: 1 / 1; display: block;
border: none;
} @media (max-width: 768px) {
.contato-container {
flex-direction: column;
}
.contato-mapa {
width: 100%;
height: auto;
}
.contato-mapa iframe {
width: 100%;
aspect-ratio: 1 / 1; height: auto;
}
} .section-cta-final {
background: #fff;
text-align: center;
padding: 100px 20px;
}
.section-cta-final h2 {
font-size: 2rem;
color: #234d44;
font-weight: 700;
line-height: 1.4;
margin-bottom: 30px;
}
.btn-cta {
display: inline-block;
background: #40695b;
color: #fff;
padding: 14px 30px;
border-radius: 20px;
font-weight: 600;
text-decoration: none;
transition: background 0.3s ease, transform 0.2s ease;
}
.btn-cta:hover {
background: #2f4e43;
transform: translateY(-2px);
} @media (max-width: 768px) {
.section-cta-final {
padding: 70px 15px;
}
.section-cta-final h2 {
font-size: 1.5rem;
}
} .hero-sobre {
position: relative;
background-size: 100% 100%;
background-position: top center;
padding: 40px 60px;
height: 85vh;
}
.hero-wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 40px;
position: relative;
}
.hero-foto img {
max-width: 450px;
position: relative;
z-index: 2;
margin-top: 20px; }
.hero-texto {
max-width: 600px;
color: #40695b;
}
.hero-nome {
font-size: 2.5rem;
margin-bottom: 10px;
}
.hero-subtitulo {
font-size: 1.5rem;
margin-bottom: 10px;
}
.hero-crm {
font-size: 1rem;
font-weight: 500;
} @media (max-width: 768px) {
.hero-sobre {
height: 85vh; padding: 40px 20px;
}
.hero-wrapper {
flex-direction: column-reverse; gap: 20px;
}
.hero-foto img {
width: 100%;
max-width: 350px;
aspect-ratio: 3 / 4; object-fit: cover; margin: 0 auto; }
.hero-texto {
text-align: center;
}
.hero-nome {
font-size: 2rem;
}
.hero-subtitulo {
font-size: 1.2rem;
}
} .hero-contato {
background-size: cover;
background-position: center;
color: #fff;
padding: 120px 20px;
text-align: center;
}
.hero-contato .hero-logo img {
max-width: 80px;
margin-bottom: 0px;
}
.hero-contato h1 {
color: #40695b;
font-size: 28px;
margin-bottom: -10px;
}
.hero-contato p {
color: #40695b;
font-size: 18px;
font-family: 'Poppins', sans-serif;
}
.contato-form {
position: relative;
background-size: cover;
background-position: center;
padding: 80px 20px;
color: #fff;
}
.contato-form .container {
position: relative;
z-index: 2;
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
.contato-form h2 {
font-size: 2rem;
color: #40695b;
margin-bottom: 40px;
text-transform: uppercase;
}
.contato-form .form-box {
background: rgba(255, 255, 255, 1);
padding: 20px;
border-radius: 20px 20px 0px 0px;
color: #333;
}
.testimonials-slider {
position: relative;
padding-bottom: 40px !important; }
.testimonials-slider .swiper-pagination {
position: absolute;
bottom: 10px; left: 0;
width: 100%;
text-align: center;
} .section-contato-meio {
padding: 10px 20px;
text-align: center;
}
.contato-centro-meio {
max-width: 500px;
margin: 0 auto -15px;
}
.contato-centro-meio h2 {
font-size: 2rem;
margin-bottom: 15px;
color: #40695b;
}
.contato-centro-meio p {
font-size: 0.8rem;
margin-bottom: 10px;
font-weight: 400;
}
.contato-card-meio {
display: flex;
align-items: center;
justify-content: center;
background-color: #e1f6ee;
border-radius: 20px;
padding: 15px 20px;
margin: 15px auto;
font-size: 1.1rem;
max-width: 400px;
}
.contato-icone-meio {
font-size: 1rem;
color: #40695b;
margin-right: 20px;
}
.contato-card-meio a,
.contato-card-meio p {
margin: 0;
color: #000;
text-decoration: none;
}
.redes-sociais-meio {
margin: 25px auto;
}
.redes-sociais-meio a {
margin: 0 10px;
font-weight: bold;
text-decoration: none;
color: #40695b;
transition: opacity 0.3s ease;
}
.redes-sociais-meio a:hover {
opacity: 0.7;
}
.redes-sociais-meio i {
margin-right: 5px;
}
@media (max-width: 768px) {
.section-contato-meio {
display: flex;
flex-direction: column;
align-items: center; justify-content: center;
margin: 12px auto;
text-align: center;
padding: 0 10px; }
.contato-centro-meio {
max-width: 330px;
width: 100%; margin: 0 auto;
padding: 0;
}
.contato-card-meio {
justify-content: center; margin: 10px auto; }
.redes-sociais-meio {
text-align: center;
}
} .testimonials-slider.swiper-fallback {
overflow: hidden;
}
.testimonials-slider.swiper-fallback .swiper-wrapper {
display: flex;
transition: transform .3s ease;
}
.testimonials-slider.swiper-fallback .swiper-slide {
flex: 0 0 100%;
box-sizing: border-box;
} .testimonials-slider.swiper-fallback .swiper-pagination {
display: none;
}  .hero-especialidade {
position: relative;
background-size: 100% 100%;
background-position: top center;
padding: 20px 60px;
height: 45vh;
}
.hero-texto-especialidade {
margin-top: -190px;
max-width: 600px;
color: #40695b;
}
@media (max-width: 768px) {
.hero-texto-especialidade {
margin-top: 0px;
}
}
.hero-nome-especialidade {
font-size: 2.5rem;
margin-bottom: 10px;
}  .section-compromisso {
background-color: #fff;
padding: 40px;
}
.section-compromisso-inner {
background-color: #c3af9b;
padding: 0px;
display: flex;
flex-wrap: wrap; }
.section-compromisso .row {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.section-compromisso .col {
flex: 1;
padding: 10px; }
.section-compromisso .col.left { flex-basis: 40%;
padding: 80px 55px 20px 25px;
line-height: 1.6em;
}
.section-compromisso .col.left h2 {
font-size: 46px !important;
color: #0d0700;
line-height: 1em;
}
.section-compromisso .col.left p {
text-align: justify;
}
.section-compromisso .col.right {
flex-basis: 30%;
display: flex;
align-items: center;
justify-content: center;
padding: 0px;
}
.section-compromisso .col.right img {
max-width: 100%;
height: auto;
display: block;
}
@media (max-width: 768px) {
.section-compromisso {
padding: 10px;
}}
@media (max-width: 768px) {
.section-compromisso .col.left { flex-basis: 40%;
padding: 20px;
}}
@media (max-width: 768px) {
.section-compromisso .col.right {
flex-basis: 100%;
}}
@media (max-width: 768px) {
.section-compromisso .col.right img {
object-fit: cover;
aspect-ratio: 4/4;
}}
@media (max-width: 768px) {
.section-compromisso .col.left h2 {
font-size: 26px !important;
}} .section-sobre-especialidade {
padding: 10px 0;
background-color: #fff;
}
.section-sobre-especialidade .container {
max-width: 1200px;
margin: 0 auto 50px;;
padding: 0 20px;
}
.section-sobre-especialidade .row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
align-items: start;
}
.section-sobre-especialidade .col.right .texto {
font-size: 1rem;
line-height: 1.6;
color: #5c5c5c;
margin-bottom: 30px;
font-weight: 300;
} @media (max-width: 768px) {
.section-sobre-especialidade .row {
grid-template-columns: 1fr;
}
.section-sobre-especialidade .col.right .texto{
margin-top: 130px;
margin-bottom: 0px;
font-weight: 300;
}
.section-sobre-especialidade .col.right .btn {
display: block;
margin: 0 auto;
text-align: center;
}
}
.hero-foto-especialidade img {
max-width: 450px;
position: relative;
z-index: 2;
margin-top: 20px; object-fit: cover;
aspect-ratio: 4/4;
} @media (max-width: 768px) {
.hero-foto-especialidade img {
width: 100%;
max-width: 490px;
aspect-ratio: 1/1; object-fit: cover; margin: 0 auto 600px; }} .secao-um {
background-color: #e1f6ee;
text-align: center;
padding: 60px 20px;
}
.secao-um__titulo {
color: #40695b;
margin-bottom: 30px;
font-size: 2rem;
}
.secao-um__texto {
max-width: 800px;
margin: 0 auto;
line-height: 1.6;
font-size: 1.1rem;
color: #333;
} .secao-um__texto ul {
list-style: none;
padding: 0;
margin: 10px auto;
}
.secao-um__texto ul li {
background: #fff;
padding: 12px;
border-radius: 20px;
margin: 0 auto 10px;
width: 330px;
}
@media (max-width: 768px) {
.secao-um {
padding: 15px 11px;
margin: 10px auto !important;
}
.secao-um__texto ul li {
margin: 12px auto;
}} .secao-dois {
background-color: #40695b;
text-align: center;
padding: 60px 20px;
}
.secao-dois__titulo {
color: #ffffff !important;
margin-bottom: 30px;
font-size: 2rem;
}
.secao-dois__texto {
max-width: 600px;
margin: 0 auto;
line-height: 1.6;
font-size: 1.1rem;
color: #cfded7;
} .secao-dois__texto ul {
list-style: none;
padding: 10px;
margin: 20px 0;
}
.secao-dois__texto ul li {
background: #fff;
padding: 15px;
border-radius: 20px;
margin: 0 auto 10px;
width: 300px;
}
@media (max-width: 768px) {
.secao-dois {
padding: 15px 11px;
margin: 10px auto !important;
}
.secao-dois__texto ul li {
margin: 10px auto;
}} .secao-tres {
background-color: #9db9b0;
text-align: center;
padding: 60px 20px;
}
.secao-tres__titulo {
color: #40695b;
margin-bottom: 30px;
font-size: 2rem;
}
.secao-tres__texto {
max-width: 800px;
margin: 0 auto;
line-height: 1.6;
font-size: 1.1rem;
color: #333;
} .secao-um__texto ul {
list-style: none;
padding: 0;
margin: 20px 0;
}
.secao-tres__texto ul li {
background: #fff;
padding: 15px;
border-radius: 20px;
margin: 0 auto 10px;
width: 350px;	
} body {
font-family: Poppins, sans-serif;
line-height: 1;
background: #f5f5f5;
padding: 0px;
}
.md-cards {
display: grid;
gap: 5px;
max-width: 400px;
margin: 0 auto;
}
.card {
display: block; background: #ffffff;
padding: 5px;
border-radius: 20px;
text-decoration: none;
color: #40695b;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
transition: transform 0.2s, box-shadow 0.2s;
}
.card:hover {
transform: translateY(-3px);
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.card strong {
display: block;
font-size: .9rem;
margin-bottom: 5px;
} .secao-um .cirurgias-cards {
display: grid;
grid-template-columns: 1fr 1fr; gap: 20px;
max-width: 1000px;
margin: 30px auto;
}
.secao-um .cirurgias-cards .card {
background: #ffffff;
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
transition: transform 0.2s, box-shadow 0.2s;
}
.secao-um .cirurgias-cards .card:hover {
transform: translateY(-3px);
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}
.secao-um .cirurgias-cards .card strong {
display: block;
margin-bottom: 10px;
font-size: 1.05rem;
color: #40695b;
}
.secao-um .cirurgias-cards .card p {
margin: 0 0 8px;
font-size: 0.95rem;
color: #40695b;
} @media (max-width: 768px) {
.secao-um .cirurgias-cards {
grid-template-columns: 1fr;
}
}  .secao-dupla .container > .row {
display: flex !important;
flex-wrap: wrap;
gap: 0px;
align-items: stretch;
} .secao-dupla .container > .row > .col {
box-sizing: border-box;
flex: 1 1 50% !important; max-width: 50% !important; min-width: 200px; padding: 40px; } .secao-dupla .coluna-esquerda { background-color: #40695b; color: #fff; }
.secao-dupla .coluna-direita { background-color: #e1f6ee; color: #40695b; } .secao-dupla h2,
.secao-dupla h3 {
margin: 0 0 18px 0;
line-height: 1.1;
}
.secao-dupla .conteudo,
.secao-dupla p {
margin: 0;
line-height: 1.6;
 font-size: 1rem;
text-align: justify;
} @media (max-width: 768px) {
.secao-dupla .container > .row {
flex-direction: column !important;
}
.secao-dupla .container > .row > .col {
max-width: 100% !important;
flex-basis: 100% !important;
padding: 28px;
}
} .secao-cinco {
background-color: #ffffff;
text-align: center;
padding: 60px 40px;
}
.secao-cinco__titulo {
color: #40695b;
margin-bottom: 30px;
font-size: 2rem;
}
.secao-cinco__texto {
max-width: 800px;
margin: 0 auto;
line-height: 1.6;
font-size: 1.1rem;
color: #333;
} .secao-cinco__texto ul {
list-style: none;
padding: 0;
margin: 20px 0;
}
.secao-cinco__texto ul li {
background: #fff;
padding: 15px;
border-radius: 20px;
margin: 0 auto 10px;
width: 350px;
}