.elementor .e-480102f{flex-direction:column;/* Força o container principal a esticar de ponta a ponta */
body:not(.elementor-editor-active) selector,
selector {
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding: 0 !important;
}

/* Zera absolutamente todos os limites de largura internos do Elementor */
selector .elementor-container,
selector .elementor-widget-container,
selector .elementor-element-populate {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}\n}.elementor .e-eb04c41{flex-direction:row;}.elementor .e-756c287{flex-direction:column;}.elementor .e-770b446{flex-direction:column;selector {

display:grid;

grid-template-columns:repeat(4,minmax(250px,1fr));

gap:60px;

align-items:start;

max-width:1400px;

margin:auto;

}

@media (max-width:1024px){

selector{

grid-template-columns:repeat(2,1fr);

gap:40px;

}

}

@media (max-width:767px){

selector{

grid-template-columns:1fr;

gap:30px;

}

}\n}.elementor .e-4c5294b{width:25%;flex-direction:column;}.elementor .e-4438c47{width:25%;flex-direction:column;/* Importação das fontes caso precise (Playfair para títulos e Inter para textos) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@700;800&display=swap');

/* Estilo Base do Card */
.dental-card-premium {
background-color: #ffffff;
border-radius: 16px;
padding: 35px;
max-width: 360px;
font-family: 'Inter', sans-serif;
display: flex;
flex-direction: column;
align-items: flex-start;
box-sizing: border-box;
transition: all 0.3s ease;

/* Borda dourada idêntica à imagem */
border: 1.5px solid #d4af37; /* Tom de ouro clássico/champanhe */

/* Sombra suave e elegante de fundo */
box-shadow: 0px 10px 30px rgba(212, 175, 55, 0.08), 0px 4px 12px rgba(0, 0, 0, 0.02);
}

/* Container do Ícone Circular */
.dental-card-premium .card-icon-wrapper {
background-color: #d4af37; /* Fundo Dourado */
border-radius: 50%; /* Perfeitamente redondo */
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
}

/* Garante que o ícone interno seja branco e com tamanho correto */
.dental-card-premium .card-icon-wrapper svg,
.dental-card-premium .card-icon-wrapper i {
width: 24px;
height: 24px;
stroke: #ffffff !important; /* Força a cor branca no traço do ícone */
color: #ffffff !important;
}

/* Título Serifado */
.dental-card-premium .service-title {
font-family: 'Playfair Display', serif;
font-size: 26px;
font-weight: 800;
color: #03152d; /* Marinho escuro */
margin: 0 0 12px 0;
letter-spacing: -0.3px;
line-height: 1.2;
}

/* Descrição */
.dental-card-premium .service-description {
font-family: 'Inter', sans-serif;
font-size: 15px;
line-height: 1.6;
color: #5c6b73; /* Cinza fosco sutil */
margin: 0 0 24px 0;
}

/* O Botão "Saber Mais →" */
.dental-card-premium .card-button {
font-family: 'Inter', sans-serif;
font-size: 15px;
font-weight: 600;
color: #d4af37; /* Texto Dourado */
text-decoration: none;
display: inline-flex;
align-items: center;
background: transparent;
border: none;
padding: 0;
cursor: pointer;
transition: transform 0.2s ease;
}

/* Espaçamento da setinha */
.dental-card-premium .card-button .arrow {
margin-left: 6px;
font-size: 17px;
transition: transform 0.2s ease;
}

/* Efeito sutil ao passar o mouse no botão */
.dental-card-premium .card-button:hover .arrow {
transform: translateX(4px); /* A seta dá um leve pulinho para a direita */
}\n}.elementor .e-e5ffce8{width:25%;flex-direction:column;}.elementor .e-14191e4{width:25%;flex-direction:column;}.elementor .e-af748b0{margin-block-start:20px;margin-block-end:40px;display:inline-flex;flex-direction:row;flex-wrap:wrap;justify-content:center;/* ========================================== */
/* ESTRUTURA GERAL DOS CARDS (Para os 4 cards) */
/* ========================================== */
.meu-card-geral {
background-color: #ffffff !important;
border: 1px solid #eef0f2 !important;
border-radius: 18px !important;
padding: 35px 30px !important;
box-sizing: border-box !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

/* Efeito flutuar ao passar o mouse (Apenas nos cards normais) */
.meu-card-geral:not(.meu-card-destaque):hover {
transform: translateY(-5px) !important;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06) !important;
border-color: #d1d5db !important;
}

/* ========================================== */
/* ESTRUTURA DO CARD DESTAQUE (Próteses)      */
/* ========================================== */
.meu-card-destaque {
border: 1.5px solid #d4af37 !important; /* Borda dourada idêntica à foto */
box-shadow: 0 10px 30px rgba(212, 175, 55, 0.15) !important; /* Sombra dourada suave */
}

/* Ajuste rápido para responsividade */
@media screen and (max-width: 600px) {
.meu-card-geral {
  padding: 25px 20px !important;
}
}\n}.elementor .e-26a553c{width:25%;flex-direction:column;}.elementor .e-1019358{width:25%;flex-direction:column;}.elementor .e-982c9d2{width:25%;flex-direction:column;}.elementor .e-a002085{width:25%;flex-direction:column;}.elementor .e-40cb464{flex-direction:row;/* 1. Transforma cada Container Filho em um Card Branco Premium */
selector > .elementor-element {
  background-color: #ffffff !important;
  border-radius: 16px !important;
  padding: 35px 25px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important; /* Alinha tudo à esquerda */
  text-align: left !important;
  box-sizing: border-box !important;
  transition: all 0.3s ease !important;
  
  /* Sombra leve e elegante do layout de referência */
  box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.03), 0px 4px 12px rgba(0, 0, 0, 0.01) !important;
  border: 1px solid rgba(0, 0, 0, 0.03) !important;
}

/* Efeito sutil ao passar o mouse sobre o card */
selector > .elementor-element:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.06) !important;
}

/* 2. Caixa do Ícone (Fundo cinza claro e cantos levemente arredondados) */
selector .elementor-widget-image .elementor-widget-container,
selector .elementor-widget-icon .elementor-widget-container {
  background-color: #f3f4f6 !important; /* Cinza claro suave */
  border-radius: 12px !important;
  width: 52px !important;
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 20px !important;
  padding: 0 !important;
}

/* Garante que o ícone ou imagem interna fique centralizado e na cor marinho */
selector .elementor-widget-image img,
selector .elementor-widget-icon i,
selector .elementor-widget-icon svg {
  max-width: 24px !important;
  height: 24px !important;
  color: #03152d !important;
  stroke: #03152d !important;
}

/* 3. Título (Playfair Display em Marinho Escuro) */
selector .elementor-widget-heading h3,
selector .elementor-widget-heading .elementor-heading-title {
  font-family: 'Playfair Display', serif !important;
  font-size: 23px !important;
  font-weight: 800 !important;
  color: #03152d !important;
  margin: 0 0 12px 0 !important;
  line-height: 1.3 !important;
}

/* 4. Texto Descritivo (Inter em Cinza Fosco) */
selector .elementor-widget-text-editor .elementor-widget-container,
selector .elementor-widget-text-editor p {
  font-family: 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  color: #5c6b73 !important;
  margin: 0 0 24px 0 !important;
}

/* 5. Reset do Botão Marrom Antigo para Link Textual Dourado */
selector .elementor-widget-button {
  margin-top: auto !important; /* Empurra o botão sempre para o rodapé do card */
  width: auto !important;
}

selector .elementor-button {
  background-color: transparent !important; /* Remove o fundo marrom */
  color: #dbb33b !important; /* Aplica o dourado elegante */
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Interação do botão ao passar o mouse */
selector .elementor-button:hover {
  color: #c59b27 !important;
  background-color: transparent !important;
}\n}.elementor .e-bd792d2{object-fit:fill;margin-block-start:0px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;flex-direction:column;/* FORÇAR A SEÇÃO DE CHAMADA PARA AÇÃO A OCUPAR 100% DA LARGURA DA TELA */
.sessao-cta-tela-cheia {
width: 100vw !important; /* Ocupa a largura total absoluta do navegador */
max-width: 100vw !important;

/* Quebra as amarras e centraliza o bloco com base na tela do usuário */
position: relative !important;
left: 50% !important;
transform: translateX(-50%) !important;

/* Garante o preenchimento correto do fundo azul escuro */
background-color: #0b1c2e !important; 

/* Zera margens externas para colar perfeitamente nos blocos vizinhos */
margin-left: auto !important;
margin-right: auto !important;
margin-top: 0 !important;
margin-bottom: 0 !important;

/* Espaçamento interno para os textos respirarem bem em cima e embaixo */
padding-top: 60px !important;
padding-bottom: 60px !important;
box-sizing: border-box !important;
}

/* Proteção para os elementos internos (títulos e botão) não colarem na borda em telas menores */
.sessao-cta-tela-cheia > div,
.sessao-cta-tela-cheia .elementor-container {
max-width: 1140px; /* Mantém os textos e o botão alinhados com o miolo do site */
margin: 0 auto !important;
padding-left: 20px !important;
padding-right: 20px !important;
}

/* Evita qualquer bug de barra de rolagem horizontal */
html, body {
overflow-x: hidden !important;
}\n}.elementor .e-65ae1d8{width:50%;flex-direction:column;}.elementor .e-5c28040{width:50%;flex-direction:column;}.elementor .e-393dfb6{margin-block-start:20px;flex-direction:row;}.elementor .e-c87bbbf{flex-direction:column;}