/*
Theme Name: Medical Law
Description: Tema filho para o Twenty Twenty-Five, adaptado para Medical Law.
Author: Rafael
Author URI: https://medicallaw.com.br/artigos
Template: twentytwentyfive
Version: 1.0.0
*/
:root {
--color-primary: #07332E;
--color-secondary: #2d5a2f;
--color-bg: #FFFFFF;
--color-destaque: #AB8747;
--color-card-bg: #E8F0E9;
--color-border: #5A7F66;
--color-text: #3D4439;
--font-primary: 'Montserrat', sans-serif;
--font-secondary: 'Open Sans', sans-serif;
/* NOTA: get_stylesheet_directory_uri() deve ser usado no functions.php
para injetar estas URLs dinamicamente se o CSS não funcionar de primeira.
No CSS puro, manteremos as URLs relativas ao tema filho: */
--img-logo-topnav: url(https://medicallaw.com.br/images/logo-top.webp);
--img-logo-footer: url(https://medicallaw.com.br/images/logo-footer.webp);
--img-service-preventivo: url(https://medicallaw.com.br/images/service-preventivo.webp);
--img-service-acordo: url(https://medicallaw.com.br/images/service-acordo.webp);
--img-service-judicial: url(https://medicallaw.com.br/images/service-judicial.webp);
--img-team-1: url(https://medicallaw.com.br/images/r/team-aloe.webp);
--img-team-2: url(https://medicallaw.com.br/images/r/team-paloma.webp);
--img-team-3: url(https://medicallaw.com.br/images/r/team-flaviane.webp);
--img-team-4: url(https://medicallaw.com.br/images/r/team-rafael.webp);
--img-team-5: url(https://medicallaw.com.br/images/r/team-maria.webp);
--img-diferencial-1: url(https://medicallaw.com.br/images/r/diferencial-1.webp);
--img-diferencial-2: url(https://medicallaw.com.br/images/r/diferencial-2.webp);
--qr-whatsapp: url(https://medicallaw.com.br/images/FD55HUVMK2IEH1.svg);
/* URLs de data (ÍCONES) - Copiadas integralmente do style.php */
--icon-at: url('data:image/svg+xml;utf8,');
--icon-intagram: url('data:image/svg+xml;utf8,');
--icon-facebook: url('data:image/svg+xml;utf8,');
--icon-linkedin: url('data:image/svg+xml;utf8,');
--icon-youtube: url('data:image/svg+xml;utf8,');
--icon-spotify: url('data:image/svg+xml;utf8,');
--icon-whatsapp: url('data:image/svg+xml;utf8,');
--icon-tictoc: url('data:image/svg+xml;utf8,');
--icon-phone: url('data:image/svg+xml;utf8,');
--icon-email: url('data:image/svg+xml;utf8,');
--icon-hifen: url('data:image/svg+xml;utf8,');
--icon-link: url('data:image/svg+xml;utf8,');
--icon-top: url('data:image/svg+xml;utf8,');
}
/* 2. DEFINIÇÕES GLOBAIS DE FONTE */
/* Montserrat Regular (400) */
@font-face {
font-family: 'Montserrat';
src: url('/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
/* Montserrat Semibold (600) */
@font-face {
font-family: 'Montserrat';
src: url('/fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
/* Montserrat Bold (700) */
@font-face {
font-family: 'Montserrat';
src: url('/fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
/* Open Sans Light (300) */
@font-face {
font-family: 'Open Sans';
src: url('/fonts/Open_Sans/OpenSans-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
/* Open Sans Regular (400) */
@font-face {
font-family: 'Open Sans';
src: url('/fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
/* Open Sans Bold (700) */
@font-face {
font-family: 'Open Sans';
src: url('/fonts/Open_Sans/OpenSans-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
/* 3. REGRAS GLOBAIS DE ESTRUTURA */
a {
text-decoration: none;
}
.btn-whatsapp-contato {
display: inline-block;
background-color: #128C7E;
color: #000000;
font-size: 1rem;
font-weight: 600;
font-family: var(--font-secondary);
padding: 0.75rem 1.5rem;
border-radius: 5px;
text-decoration: none;
transition: background-color 0.3s;
margin-top: 2rem;
margin-bottom: 2rem;
}
.btn-whatsapp-contato:hover {
background-color: var(--color-destaque);
}
.btn-whatsapp {
background-color: var(--color-destaque);
border: none;
border-radius: 5px;
padding: 0.5rem 1rem;
color: #fff;
cursor: pointer;
transition: background-color 0.3s;
}
.btn-whatsapp:hover {
background-color: #167d60;
}
.destaque {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 1.2rem;
}
.section-header .title-section {
font-size: 2rem;
margin-bottom: 0.5rem;
line-height: 1.2;
}
.subtitle-section {
font-family: var(--font-secondary);
font-size: 1.2rem;
color: var(--color-text);
margin-bottom: 2rem;
}
@media (max-width: 768px) {
.title-section {
font-size: 1.6rem;
}
.subtitle-section {
font-size: 1rem;
}
}
section.atuacao p {
margin-bottom: 1em;
color: var(--color-text);
}
section.atuacao h3 {
line-height: 1.3;
}
.atuacao-grid-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
list-style: none;
padding: 0;
gap: 1.5em;
}
.saibamais {
margin-top: 1em;
flex-wrap: wrap;
list-style: none;
}
.atuacao-mais {
margin-top: 1em;
}
.servicos {
margin-top: 2em;
}
.servicos li:has(.atuacao-img) {
border: none;
}
.servicos li:has(.atuacao-img):hover {
box-shadow: none;
}
.atuacao-grid-list li {
border-radius: 12px;
transition: transform 0.3s, box-shadow 0.3s;
overflow: hidden;
}
.atuacao-grid-list li a img {
border-radius: 12px 12px 3px 3px;
}
.atuacao-grid-list li a div {
border-radius: 3px 3px 12px 12px;
}
.atuacao-mais li {
background-color: var(--color-card-bg);
height: fit-content;
border: 1px solid var(--color-border);
}
.saibamais li a {
display: inline-block;
text-decoration: none;
color: var(--color-bg);
border-radius: 8px;
transition: background-color 0.3s;
}
.saibamais li a:hover .btn-saude {
background-color: var(--color-destaque);
}
.saibamais li details summary h3 {
font-family: var(--font-primary);
font-weight: 600;
color: var(--color-primary);
margin-bottom: 0.5em;
}
.saibamais li p {
padding: 0 1.5em 0 1.5em;
color: var(--color-text);
}
section.atuacao li:hover {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}
.atuacao-mais li details summary h3 {
font-family: var(--font-primary);
font-weight: 600;
color: var(--color-text);
margin: 0;
}
.atuacao-mais li details div {
padding: 0.5em 1.5em;
margin-top: 0;
color: var(--color-text);
background-color: var(--color-bg);
overflow: hidden;
}
section.atuacao li details summary {
list-style: none;
cursor: pointer;
padding: 1.5em;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
height: 132px;
}
.atuacao-link {
color: var(--color-destaque);
}
.atuacao-title {
padding-bottom: 1rem;
}
[class^="atuacao-img"] {
background-repeat: no-repeat;
overflow: hidden;
border-radius: 8px;
}
.atuacao-img {
width: 100%;
max-width: 300px;
aspect-ratio: 1024 / 1024;
margin: 0 auto;
display: block;
background-size: cover;
background-position: center;
background-attachment: scroll;
}
.atuacao-img-ratio {
width: 100%;
aspect-ratio: 993 / 500;
background-size: 100% auto;
background-position: center center;
margin: 1em auto 2rem;
}
.atuacao-txt {
font-size: 1rem;
line-height: 1.6;
padding: 0 1rem;
}
@media (min-width: 768px) {
.container {
flex-direction: row;
align-items: center;
}
.atuacao-img-ratio {
width: 45%;
}
.atuacao-txt {
flex: 1;
}
}
.dl-atuacao {
max-width: 100%;
margin: 2em auto;
}
.clickable li {
will-change: transform;
}
.clickable li:hover{
transform: translateY(-5px);
}
.saibamais li {
overflow: hidden;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
transition: transform 0.3s, box-shadow 0.3s;
height: fit-content;
}
.servicos li {
text-align: center;
height: 100%;
border: 1px solid var(--color-border);
}
.servicos li img {
width: 80px;
height: 80px;
margin-bottom: 1rem;
}
.servicos li h3 {
font-family: var(--font-primary);
color: var(--color-primary);
margin-bottom: 0.5rem;
padding: 0.5em 1.5em 0 1.5em;
}
.servicos li p {
color: var(--color-text);
font-family: var(--font-secondary);
font-size: 0.95rem;
line-height: 1.5;
padding: 0 1.5em 0 1.5em;
}
[class^="servicos-img-"] {
min-height: 180px;
background-repeat: no-repeat;
background-size: cover;
border-radius: 12px 12px 0 0;
}
.servicos-img-1 {
background-image: var(--img-service-preventivo);
}
.servicos-img-2 {
background-image: var(--img-service-acordo);
}
.servicos-img-3 {
background-image: var(--img-service-judicial);
}
/* RESPONSIVE */
@media (max-width: 768px) {
.servicos {
grid-template-columns: 1fr;
}
}
.img-saude {
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
display: block;
object-fit: cover;
max-width: 100%;
}
.btn-saude {
margin-top: 0.2em;
border-radius: 3px;
padding: 0.8em 0 0.8em 0;
background-color: var(--color-primary);
transition: background-color 0.3s;
}
button,
.btn-contato-link {
font-family: var(--font-primary);
background-color: var(--color-primary);
color: var(--color-bg);
border: none;
border-radius: 8px;
padding: 0.8em 1.2em;
cursor: pointer;
transition: background-color 0.3s;
}
.btn-contato-link[disabled],
.btn-contato-link:hover[disabled] {
background-color: #cccccc;
cursor: not-allowed;
}
button:hover,
.btn-contato-link:hover {
background-color: var(--color-secondary);
}
.o-escritorio .intro-text {
max-width: 800px;
margin: 0 auto 3rem auto;
text-align: justify;
line-height: 1.6;
color: var(--color-text);
}
.diferencial .title-section {
text-align: center;
margin-bottom: 2rem;
}
[class^="diferencial-img-"] {
height: 180px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 8px;
aspect-ratio: 300 / 225;
margin-left: auto;
margin-right: auto;
border: 1px solid var(--color-destaque);
}
.diferencial>h3 {
color: var(--color-primary);
}
.diferencial-img-1 {
background-image: var(--img-diferencial-1);
}
.diferencial-img-2 {
background-image: var(--img-diferencial-2);
}
.diferencial-img-3 {
background-image: var(--img-diferencial-3);
}
.escritorio-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 2rem;
}
.escritorio-item img {
width: 100%;
height: auto;
border-radius: 8px;
margin-bottom: 1rem;
}
.escritorio-item h4 {
text-align: center;
font-family: var(--font-primary);
font-weight: 600;
color: var(--color-primary);
margin: 0.5rem 0 0 0;
}
@media (max-width: 768px) {
.escritorio-grid {
grid-template-columns: 1fr;
}
}
.equipe-carousel {
display: flex;
overflow-x: auto;
gap: 1.5em;
padding: 1em 0;
scroll-behavior: smooth;
}
.equipe-carousel::-webkit-scrollbar {
height: 8px;
}
.equipe-carousel::-webkit-scrollbar-thumb {
background-color: var(--color-destaque);
border-radius: 4px;
}
.equipe-card {
flex: 0 0 280px;
background-color: var(--color-primary);
border: 1px solid var(--color-destaque);
color: var(--color-card-bg);
border-radius: 12px;
padding: 1em;
text-align: center;
transition: transform 0.3s, box-shadow 0.3s;
word-wrap: break-word;
}
[class^="equipe-img-"] {
aspect-ratio: 1 / 1;
width: 120px;
height: 120px;
border-radius: 50%;
display: block;
margin: 0 auto 1em auto;
border: 3px solid var(--color-destaque);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.equipe-img-1 {
background-image: var(--img-team-1);
}
.equipe-img-2 {
background-image: var(--img-team-2);
}
.equipe-img-3 {
background-image: var(--img-team-3);
}
.equipe-img-4 {
background-image: var(--img-team-4);
}
.equipe-img-5 {
background-image: var(--img-team-5);
}
/* RESPONSIVE */
@media (max-width: 768px) {
.equipe-card {
flex: 0 0 200px;
/* largura menor em mobile */
}
.equipe-card img {
width: 100px;
height: 100px;
}
}
.pilares-grid {
display: flex;
gap: 1.5em;
justify-content: center;
flex-wrap: wrap;
margin-top: 2em;
}
.pilares-card {
flex: 0 0 280px;
border: 1px solid var(--color-destaque);
border-radius: 12px;
padding: 1.5em;
text-align: center;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
transition: transform 0.3s, box-shadow 0.3s;
}
.pilares-card h3 {
font-family: var(--font-primary);
color: var(--color-primary);
font-weight: 700;
margin-bottom: 1em;
}
.pilares-card p {
color: var(--color-text);
font-family: var(--font-secondary);
margin-bottom: 0.75em;
line-height: 1.5;
}
/* RESPONSIVE */
@media (max-width: 768px) {
.pilares-card {
flex: 0 0 100%;
/* ocupa toda a largura em mobile */
}
}
/* ====== CONTATO ====== */
.contato-area {
display: flex;
gap: 2rem;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto;
padding: 2em 1em;
}
.contato-area a {
color: var(--color-primary);
text-decoration: underline;
}
.contato-info {
flex: 1 1 400px;
}
.contato-info h4 {
font-family: var(--font-primary);
color: var(--color-primary);
margin-bottom: 1em;
}
.contato-info p {
color: var(--color-text);
line-height: 1.6;
margin: 0;
}
.contato-info-destaque a {
display: inline-block;
margin-bottom: 0.5em;
color: var(--color-primary);
text-decoration: none;
transition: background-color 0.3s;
}
.contato-info-destaque a:hover {
text-decoration: underline;
}
#aceite {
width: 26px;
}
.map {
width: 100%;
height: 250px;
border: none;
border-radius: 8px;
margin: 0.5em 0 0 0;
}
.contato-container {
flex: 1 1 400px;
}
.i-clock {
padding-bottom: 1em;
}
.contato-form {
display: flex;
flex-direction: column;
gap: 1em;
}
.contato-form .form-group {
display: flex;
flex-direction: column;
}
.contato-form .form-group.inline {
flex-direction: row;
gap: 1em;
}
.contato-form input,
.contato-form select,
.contato-form textarea {
padding: 0.8em;
border-radius: 6px;
border: 1px solid var(--color-border);
font-family: var(--font-secondary);
width: 100%;
}
.contato-form button {
align-self: flex-start;
}
.contato-form .checkbox {
flex-direction: row;
align-items: center;
gap: 0.5em;
}
@media (max-width: 768px) {
.contato-area {
flex-direction: column;
}
.contato-form .form-group.inline {
flex-direction: column;
}
}
.social a {
display: inline-block;
width: 24px;
height: 24px;
margin-right: 0.5rem;
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
}
.i-linkedin {
background-image: var(--icon-linkedin)
}
.i-instagram {
background-image: var(--icon-intagram)
}
.i-facebook {
background-image: var(--icon-facebook)
}
.i-youtube {
background-image: var(--icon-youtube)
}
.i-spotify {
background-image: var(--icon-spotify)
}
.i-tictoc {
background-image: var(--icon-tictoc)
}
span.i-at::before {
content: var(--icon-at);
}
span.i-phone::before {
content: var(--icon-phone)
}
span.i-whatsapp::before {
content: var(--icon-whatsapp)
}
.inpi {
max-width: 1200px;
margin: 0.9rem auto 0 auto;
text-align: center;
padding-bottom: 40px;
}
.inpi p {
margin: 0;
font-size: 0.8rem;
}
.break {
display: block;
}
hr {
border: none;
border-top: 1px solid rgba(255, 255, 255, 0.3);
margin: 1rem 0;
}
@media (max-width: 768px) {
.grid-footer {
flex-direction: column;
gap: 1.5rem;
}
.grid-footer-3, h2 {
text-align: center;
}
}
#openModalBtn {
background-color: transparent;
color: var(--color-destaque);
}
.modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
justify-content: center;
align-items: center;
}
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
max-width: 600px;
border-radius: 8px;
position: relative;
}
.close-button {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close-button:hover,
.close-button:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.perguntas {
padding: 4rem 1.5rem;
background: var(--color-primary);
border-radius: 8px;
}
.txtb {
color: var(--color-bg);
}
.pergunta [itemprop="acceptedAnswer"] {
margin: 0;
padding: 0;
}
.perguntas .title-section {
text-align: center;
margin-bottom: 2.5rem;
color: var(--color-bg);
}
.perguntas-list {
max-width: 900px;
max-height: 75vh;
overflow-y: auto;
overflow-x: hidden;
margin: 0 auto;
padding: 0px 12px 0px 0px;
display: flex;
flex-direction: column;
gap: 1rem;
}
.perguntas-list::-webkit-scrollbar {
width: 8px;
}
.perguntas-list::-webkit-scrollbar-track {
background: var(--color-bg);
border-radius: 4px;
}
.perguntas-list::-webkit-scrollbar-thumb {
background-color: var(--color-destaque);
border-radius: 4px;
}
.perguntas-list::-webkit-scrollbar-thumb:hover {
border: 2px solid var(--color-bg);
}
.pergunta {
border: 1px solid #e1e1e1;
border-radius: 0.75rem;
background: #fff;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
}
.pergunta:hover {
border-color: #ccc;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
.pergunta summary {
display: flex;
align-items: center;
text-align: left;
padding: 1.25rem 2rem 1.25rem 1.25rem;
font-weight: 600;
font-size: 1.1rem;
color: #333;
list-style: none;
outline: none;
cursor: pointer;
position: relative;
}
.pergunta summary::-webkit-details-marker {
display: none;
}
.pergunta summary::marker {
display: none;
}
.pergunta summary::after {
content: "+";
position: absolute;
right: 0.5rem;
font-size: 1.4rem;
color: var(--color-destaque);
transition: transform 0.3s ease, content 0.3s ease;
}
.pergunta[open] summary::after {
content: "–";
transform: rotate(180deg);
}
.pergunta [itemprop="text"] {
margin: 0;
text-align: left;
color: #555;
line-height: 1.6;
font-size: 1rem;
padding: 0 1rem 1rem 1.25rem;
}
@media (max-width: 768px) {
.perguntas {
padding: 40px;
border-radius: 0;
}
.pergunta {
padding: 0.9rem 1rem;
}
.pergunta summary {
font-size: 1rem;
}
}
.banner-privacidade {
padding-top: 30px;
}
.wp {
position: fixed;
right: 70px;
bottom: 16px;
z-index: 95
}
.wp-bt {
border-radius: 50%;
width: 50px;
height: 50px;
border: 0;
cursor: pointer;
margin-bottom: 10px;
margin-right: 15px;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .2);
background-color: #25D366;
transition: background-color 0.3s;
}
.wp-bt:hover {
background-color: #25D366;
transform: translateY(-3px);
}
.wp-bt svg {
transform: translate(-23%, -7%)
}
.index li {
border-radius: 8px;
border: 1px solid var(--color-primary);
background-color: var(--color-card-bg);
}
.index a {
display: block;
color: var(--color-destaque);
padding: 0.5rem;
}
.topo {
content: var(--icon-top);
}
.container {
display: flex;
flex-direction: column;
gap: 1rem;
margin-bottom: 2rem;
}
[class^="left"] {
text-align: left;
}
#img-o-que-e-defesa-medica {
background-image: url(/images/img-advmed.webp);
}
#img-o-que-e-defesa-odontologica {
background-image: url(/images/img-advdentista.webp);
}
#img-processos-judiciais {
background-image: url(/images/img-advs.webp);
}
#img-judiciais {
background-image: url(/images/img-judiciario.webp);
}
#img-judiciais-d {
background-image: url(/images/img-judiciario.webp);
}
#img-sindicancia {
background-image: url(/images/img-sindicancia.webp);
}
#img-acordo {
background-image: url(/images/img-acordo.webp);
}
#img-livros {
background-image: url(/images/img-livros.webp);
}
#img-inquerito {
background-image: url(/images/img-inq.webp);
}
.ebook {
background-color: var(--color-bg);
}
.ebook .container {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.ebook .title-section {
text-align: center;
color: var(--color-primary);
font-size: 2rem;
margin-bottom: 0.5rem;
}
.ebook .subtitle-section {
text-align: center;
color: var(--color-text);
font-size: 1.2rem;
margin-bottom: 2rem;
}
.title-fla {
margin-top: 1.5rem;
padding-bottom: 1rem;
}
.ebook-grid {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 2rem;
text-align: left;
}
.ebook-img-container {
flex-shrink: 0;
width: 100%;
max-width: 200px;
margin: 0 auto;
}
.ebook-img-container img {
width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}
.ebook-img-container img:hover {
transform: translateY(-5px);
}
.ebook-texto {
flex-grow: 1;
}
.ebook-texto p {
color: var(--color-text);
line-height: 1.6;
}
p:has(.btn-download) {
text-align: center;
}
.btn-download {
display: inline-block;
background-color: var(--color-destaque);
color: #fff;
font-weight: 600;
font-family: var(--font-secondary);
padding: 0.75rem 1.5rem;
border-radius: 5px;
text-decoration: none;
transition: background-color 0.3s;
margin-top: 1rem;
}
.btn-download:hover {
background-color: var(--color-primary);
}
@media (min-width: 768px) {
.ebook-grid {
flex-wrap: nowrap;
}
}
.qr-whatsapp {
content: var(--qr-whatsapp);
}
.esfera-titulo {
font-size: 1.5rem;
font-weight: 700;
margin-top: 1.5em;
margin-bottom: 0.5em;
padding: 10px;
background-color: var(--color-primary);
color: var(--color-bg);
border-radius: 5px 5px 0 0;
}
.esfera-titulo h2 {
font-size: 1.5rem;
}
.area-especifica {
font-weight: 600;
padding: 10px;
margin-top: 15px;
background-color: var(--color-card-bg);
border: 1px solid var(--color-border);
border-left: 5px solid var(--color-destaque);
font-size: 1.2rem;
}
.servicos-lista {
padding: 10px 10px 10px 30px;
margin-bottom: 20px;
border: 1px solid var(--color-border);
border-top: none;
list-style: disc;
}
.servicos-lista ul {
margin: 0;
padding-left: 20px;
text-align: left;
}
.servicos-lista ul li {
transform: translateY(0)!important;
box-shadow: none !important;
}
footer {
background-color: var(--color-primary);
color: var(--color-bg);
padding: 2rem 1rem;
font-size: 0.9rem;
}
footer {
background-color: var(--color-primary);
color: var(--color-bg);
padding: 2.5rem 1rem;
font-size: 0.9rem;
line-height: 1.5;
}
footer h2 {
color: #fff;
font-size: 1rem;
}
footer a {
color: #fff;
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
.title-footer {
font-family: var(--font-primary);
font-weight: 600;
margin-bottom: 1rem;
}
.grid-footer {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto;
}
.grid-footer>div {
flex: 1 1 250px;
margin: 0.5rem;
}
.grid-footer-1 {
background: var(--img-logo-footer) no-repeat center/contain;
}
.grid-footer-3 ul {
list-style: none;
padding: 0;
margin: 0;
}
.grid-footer-3 ul li {
margin-bottom: 0.5rem;
}
.alert.success {
background-color: #d4edda;
color: #155724;
padding: 10px;
border-radius: 5px;
}
.alert.error {
background-color: #f8d7da;
color: #721c24;
padding: 10px;
border-radius: 5px;
}