/* ========================================= ÁREA DO PACIENTE (/area-do-paciente/) respiro de 12px no topo/rodapé ========================================= */ .page-id-1430 .elementor-section:first-of-type { margin-top: 0 !important; padding-top: 12px !important; } .page-id-1430 .elementor-section:last-of-type { margin-bottom: 0 !important; padding-bottom: 12px !important; } #area-paciente-hero{ max-width: 1100px; margin: 0 auto 24px; padding: 0 16px; } #area-paciente-hero .hero-box{ background: rgba(255,255,255,0.9); border-radius: 16px; padding: 22px 18px; box-shadow: 0 6px 18px rgba(0,0,0,0.06); text-align: center; } #area-paciente-ctas{ max-width: 1100px; margin: 0 auto; padding: 0 16px 16px; } /* ========================================= POLÍTICA DE CANCELAMENTO (/cancelamento/) ========================================= */ .elementor-section:has(#politica-cancelamento) { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 12px !important; padding-bottom: 12px !important; } #politica-cancelamento{ max-width: 1100px; margin: 0 auto; padding: 0 16px; } #politica-cancelamento .pc-card{ background: rgba(255,255,255,0.95); border: 1px solid rgba(0,0,0,0.06); border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,.06); padding: 22px 22px; } #politica-cancelamento h1{ margin: 0 0 12px; font-size: clamp(22px, 4.2vw, 28px); line-height: 1.2; font-weight: 800; color: #1f2937; text-align: left; } #politica-cancelamento h2{ margin: 18px 0 8px; font-size: clamp(18px, 3.2vw, 22px); line-height: 1.25; font-weight: 800; color: #111827; text-align: left; } #politica-cancelamento p, #politica-cancelamento ul li{ font-size: clamp(14px, 2.6vw, 16px); color: #374151; line-height: 1.6; text-align: justify; text-justify: inter-word; hyphens: auto; } #politica-cancelamento .lead{ color: #2b2b2b; } #politica-cancelamento ul{ margin: 8px 0 0 18px; padding: 0; } #politica-cancelamento ul li{ margin-bottom: 6px; } #politica-cancelamento .assinatura{ margin-top: 18px; text-align: right; text-justify: auto; } @media (max-width: 480px){ #politica-cancelamento .pc-card{ padding: 18px 16px; } } /* ========================================= LINKS (/links/ – page-id-765) ========================================= */ .page-id-765 .elementor-section:first-of-type { margin-top: 0 !important; padding-top: 12px !important; } .page-id-765 .elementor-section:last-of-type { margin-bottom: 0 !important; padding-bottom: 12px !important; } /* ========================================= BOTÕES DO CABEÇALHO (GLOBAL) ========================================= */ #area-paciente-btn, #entre-contato-btn{ position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 9999px; text-decoration: none !important; font-weight: 800; letter-spacing: .2px; line-height: 1.1; white-space: nowrap; box-shadow: 0 10px 20px rgba(0,0,0,.12); transition: transform .12s ease, box-shadow .2s ease, opacity .2s ease; } #area-paciente-btn .elementor-button-icon, #entre-contato-btn .elementor-button-icon{ display: inline-flex !important; align-items: center; justify-content: center; margin-right: 4px; width: 1.15em; height: 1.15em; } #area-paciente-btn .elementor-button-icon svg, #entre-contato-btn .elementor-button-icon svg{ width: 1.15em; height: 1.15em; } #area-paciente-btn .elementor-button-icon svg path, #entre-contato-btn .elementor-button-icon svg path{ fill: currentColor !important; } #area-paciente-btn:hover, #entre-contato-btn:hover{ transform: translateY(-1px); box-shadow: 0 14px 26px rgba(0,0,0,.16); } /* variações */ #area-paciente-btn{ border: 2px solid #2563eb; background: #ffffff; color: #2563eb !important; } #area-paciente-btn::after{ content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: -1; box-shadow: 0 0 0 0 rgba(37,99,235,.32); animation: apPulseBlue 1.9s ease-out infinite; pointer-events: none; } @keyframes apPulseBlue{ 0%{ box-shadow: 0 0 0 0 rgba(37,99,235,.32); } 70%{ box-shadow: 0 0 0 16px rgba(37,99,235,0); } 100%{ box-shadow: 0 0 0 0 rgba(37,99,235,0); } } #entre-contato-btn{ border: 2px solid #10b981; background: #ffffff; color: #10b981 !important; } #entre-contato-btn::after{ content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: -1; box-shadow: 0 0 0 0 rgba(16,185,129,.32); animation: apPulseGreen 1.9s ease-out infinite; pointer-events: none; } @keyframes apPulseGreen{ 0%{ box-shadow: 0 0 0 0 rgba(16,185,129,.32); } 70%{ box-shadow: 0 0 0 16px rgba(16,185,129,0); } 100%{ box-shadow: 0 0 0 0 rgba(16,185,129,0); } } /* ========================================= BOTÕES LADO A LADO NO CELULAR ========================================= */ @media (max-width: 480px){ .elementor-widget-wrap:has(#area-paciente-btn):has(#entre-contato-btn){ display: flex !important; gap: 8px; flex-wrap: nowrap; justify-content: center; align-items: center; } .elementor-widget-wrap:has(#area-paciente-btn):has(#entre-contato-btn) > .elementor-widget{ width: auto !important; margin: 0 !important; } #area-paciente-btn, #entre-contato-btn{ padding: 9px 12px; font-size: 14px; } } /* ========================================= FEEDBACKS (3 colunas: avaliação | foto | avaliação) USO: Container PAI com classe .linha-feedback Colunas com classe .fb-col (meio: .fb-col.fb-col--meio) ========================================= */ .linha-feedback{ display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 24px; align-items: stretch; /* faz as colunas terem a mesma altura */ } /* cada coluna vira um flex para centralizar seu conteúdo */ .fb-col{ display: flex; align-items: center; justify-content: center; padding: 12px; min-height: 520px; /* AJUSTE aqui se quiser as colunas mais baixas/altas */ } /* garante que o widget do Elfsight ocupe a largura/altura disponíveis */ .fb-col .elfsight-app{ width: 100%; } .fb-col .elfsight-app > div{ height: 100%; } .fb-col .eapps-widget, .fb-col .eapps-google-reviews{ height: 100%; } /* foto do meio proporcional e centralizada */ .fb-col--meio img{ display: block; max-width: 280px; width: 100%; height: auto; margin: 0 auto; } /* responsivo: empilha em 1 coluna no mobile */ @media (max-width: 767px){ .linha-feedback{ grid-template-columns: 1fr; gap: 16px; } .fb-col{ min-height: unset; } }