/* ============================================================ td-premium.css — Design system premium (dourado) da Dra. Isabela Escopo: .td-rd (aplicado ao de cada pagina). Re-skin via override de variaveis + componentes redesenhados. NAO altera conteudo, headings, links, imagens nem SEO. Fonte unica de verdade do visual aplicado em todo o site. ============================================================ */ /* ---------- TOKENS DO REDESIGN (sobrescreve a paleta herdada) ---------- */ .td-rd{ /* Cor principal: DOURADO ESCURO (antigo) — nomes -teal mantidos por compatibilidade */ --td-teal: #8A6A28; /* dourado escuro — acoes, icones, realces */ --td-teal-deep: #6B521E; /* dourado profundo — texto/eyebrow/hover (alto contraste) */ --td-teal-bright: #B89142; /* dourado claro — realce de gradiente */ --td-teal-rgb: 138, 106, 40; --td-ink: #2A2620; --td-body: #4A453C; --td-porcelain: #F7F3EC; --td-mist: #F4EEE1; --td-deep: #211C15; --td-gold: #C9A87C; /* champagne — estrelas do Google */ --td-ease: cubic-bezier(0.16, 1, 0.3, 1); --td-ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* Re-skin das variaveis herdadas do style.css/canal.css */ --color-graphite: #2A2620; --color-graphite-rgb: 42, 38, 32; --color-white-warm: #FFFFFF; --color-white-warm-rgb: 255, 255, 255; --color-ivory: #F4EEE1; --color-bronze: #6B521E; --color-bronze-rgb: 107, 82, 30; --font-display: 'Fraunces', Georgia, 'Times New Roman', serif; --font-body: 'Manrope', system-ui, -apple-system, sans-serif; --shadow-soft: 0 2px 8px rgba(33,28,21,0.05), 0 12px 30px -14px rgba(33,28,21,0.14); --shadow-medium: 0 10px 24px -8px rgba(33,28,21,0.12), 0 30px 60px -22px rgba(138,106,40,0.26); --shadow-strong: 0 30px 70px -26px rgba(33,28,21,0.34); } /* ---------- TIPOGRAFIA ---------- */ .td-rd .eyebrow{ font-family: var(--font-body); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.2em; color: var(--td-teal-deep); } .td-rd h1, .td-rd h2{ font-family: var(--font-display); font-weight: 500; letter-spacing: -0.018em; } .td-rd .hero h1{ font-size: clamp(2.6rem, 6vw, 4.6rem); line-height: 1.03; } .td-rd .section-head h2, .td-rd .sobre-content h2, .td-rd .diferenciais-content h2, .td-rd .section-local h2, .td-rd .section-map h2, .td-rd .section-faq h2, .td-rd .cta-final h2, .td-rd .cta-band-text h2{ font-size: clamp(2rem, 3.8vw, 2.9rem); } .td-rd .title-gold{ background: linear-gradient(100deg, var(--td-teal-deep) 0%, var(--td-teal-bright) 60%, var(--td-teal-deep) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: var(--td-teal); } .td-rd .section-graphite .title-gold, .td-rd .cta-band .title-gold{ background: linear-gradient(100deg, #E6C77E, #F2DFB0 60%, #E6C77E); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .td-rd .divider-gold{ height: 3px; width: 70px; border-radius: 3px; background: linear-gradient(90deg, var(--td-teal), var(--td-gold)); position: relative; overflow: hidden; } /* ---------- BOTOES ---------- */ .td-rd .btn-primary{ background: var(--td-teal); color: #fff; box-shadow: 0 8px 20px -6px rgba(138,106,40,0.45); position: relative; overflow: hidden; -webkit-tap-highlight-color: transparent; } .td-rd .btn-primary > *{ position: relative; z-index: 1; } .td-rd .btn-primary::after{ content: ''; position: absolute; top: 0; left: -130%; width: 55%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255,255,255,0.35), transparent); transform: skewX(-18deg); pointer-events: none; z-index: 0; } .td-rd .btn-primary:hover, .td-rd .btn-primary:focus-visible{ background: var(--td-teal-deep); color: #fff; transform: translateY(-2px); box-shadow: 0 14px 30px -8px rgba(107,82,30,0.5); } .td-rd .btn-secondary{ background: transparent; color: var(--td-ink); border-color: rgba(var(--td-teal-rgb), 0.5); -webkit-tap-highlight-color: transparent; } .td-rd .btn-secondary:hover, .td-rd .btn-secondary:focus-visible{ background: rgba(var(--td-teal-rgb), 0.08); color: var(--td-teal-deep); border-color: var(--td-teal); } .td-rd .section-graphite .btn-secondary, .td-rd .cta-band .btn-secondary{ color: #fff; border-color: rgba(255,255,255,0.5); } .td-rd .btn-primary:active, .td-rd .btn-secondary:active{ transform: translateY(0) scale(0.985); } .td-rd .hero-ctas .btn-large{ min-height: 54px; } /* ---------- HEADER ---------- */ .td-rd .site-header{ border-bottom-color: rgba(var(--td-teal-rgb), 0.14); } .td-rd .nav-primary a::after{ background: var(--td-teal); } .td-rd .nav-primary a:hover, .td-rd .nav-primary a:focus-visible{ color: var(--td-teal-deep); } /* ---------- HERO ---------- */ .td-rd .hero{ background: linear-gradient(165deg, var(--td-porcelain) 0%, #FFFFFF 46%, var(--td-mist) 100%); } /* === Soft gradient hero background (paleta quente) — todas as paginas .td-rd === 3 manchas: champagne (direita/foto), dourado claro (topo-esq), bronze (base-esq). Atras do conteudo (z-index 0; hero-grid z-index 1). */ .td-rd .hero-bg-decoration{ top: -10%; right: -10%; bottom: -10%; left: -10%; width: auto; height: auto; filter: none; z-index: 0; background: radial-gradient(58% 72% at 86% 38%, rgba(201,168,124,0.34), transparent 60%); } .td-rd .hero::before, .td-rd .hero::after{ content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; } .td-rd .hero::before{ background: radial-gradient(46% 52% at 18% 22%, rgba(224,203,160,0.34), transparent 60%); } .td-rd .hero::after{ background: radial-gradient(50% 54% at 30% 90%, rgba(180,140,96,0.26), transparent 62%); } @media (max-width: 768px){ .td-rd .hero-bg-decoration{ background: radial-gradient(76% 64% at 84% 26%, rgba(201,168,124,0.24), transparent 64%); } .td-rd .hero::before{ background: radial-gradient(56% 48% at 22% 20%, rgba(224,203,160,0.24), transparent 62%); } .td-rd .hero::after{ background: radial-gradient(60% 50% at 30% 92%, rgba(180,140,96,0.18), transparent 64%); } } .td-rd .hero-image-frame{ border-radius: 26px; border: 1px solid rgba(var(--td-teal-rgb), 0.18); box-shadow: 0 40px 80px -30px rgba(33,28,21,0.42); transition: transform 0.3s var(--td-ease), box-shadow 0.6s var(--td-ease); } .td-rd .hero-image-frame::after{ content: ''; position: absolute; inset: 0; background: linear-gradient(120deg, transparent 42%, rgba(255,255,255,0.18) 50%, transparent 58%); opacity: 0; transition: opacity 0.6s ease; pointer-events: none; } /* moldura decorativa deslocada atras da imagem */ .td-rd .hero-visual::before{ content: ''; position: absolute; z-index: 0; inset: 22px -18px -22px 22px; border: 1.5px solid rgba(var(--td-teal-rgb), 0.30); border-radius: 30px; pointer-events: none; } .td-rd .hero-image-frame{ position: relative; z-index: 2; } .td-rd .hero-image-glow{ background: radial-gradient(circle, rgba(var(--td-teal-rgb), 0.22) 0%, transparent 66%); } .td-rd .hero-trust li{ color: var(--td-teal-deep); } .td-rd .hero-trust span{ color: var(--td-teal); } @media (hover: hover) and (pointer: fine){ .td-rd .hero-visual:hover .hero-image-frame{ box-shadow: 0 48px 90px -28px rgba(33,28,21,0.48); } .td-rd .hero-visual:hover .hero-image-frame::after{ opacity: 1; } } /* ---------- CARDS BASE (confianca + genericos) ---------- */ .td-rd .card, .td-rd .trust-card{ background: #fff; border-radius: 20px; border: 1px solid rgba(var(--td-teal-rgb), 0.12); box-shadow: var(--shadow-soft); padding: 2.1rem; } .td-rd .trust-icon{ border-radius: 16px; background: var(--td-mist); color: var(--td-teal); width: 60px; height: 60px; } .td-rd .trust-card:hover .trust-icon{ background: var(--td-teal); color: #fff; transform: scale(1.06) rotate(-3deg); } .td-rd .trust-icon{ transition: background 0.4s var(--td-ease), color 0.4s var(--td-ease), transform 0.4s var(--td-ease); } .td-rd .card h3, .td-rd .trust-card h3{ font-family: var(--font-body); font-weight: 700; font-size: 1.22rem; } /* ---------- SOBRE ---------- */ .td-rd .section-sobre{ background: var(--td-porcelain); } .td-rd .sobre-visual{ border-radius: 24px; border: 1px solid rgba(var(--td-teal-rgb), 0.18); box-shadow: var(--shadow-strong); } .td-rd .credentials-list{ background: #fff; border-radius: 18px; border: 1px solid rgba(var(--td-teal-rgb), 0.14); box-shadow: var(--shadow-soft); border-left: 4px solid var(--td-teal); } .td-rd .cred-icon{ color: var(--td-teal); } /* ---------- TRATAMENTOS ---------- */ .td-rd .section-tratamentos{ background: #fff; } .td-rd .tratamentos-grid{ gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); } .td-rd .tratamento-card{ border-radius: 20px; border: 1px solid rgba(var(--td-teal-rgb), 0.12); box-shadow: var(--shadow-soft); background: #fff; transition: transform 0.45s var(--td-ease), box-shadow 0.45s var(--td-ease), border-color 0.45s var(--td-ease); } .td-rd .tratamento-card::before{ background: linear-gradient(90deg, var(--td-teal), var(--td-teal-bright)); height: 4px; } .td-rd .td-card .td-foto{ border-radius: 20px 20px 0 0; } .td-rd .tratamento-icon{ background: var(--td-mist); border: 1px solid rgba(var(--td-teal-rgb), 0.18); } .td-rd .tratamento-icon::after{ background-color: var(--td-teal); } .td-rd .tratamento-card:hover .tratamento-icon{ background: var(--td-teal); } .td-rd .tratamento-card:hover .tratamento-icon::after{ background-color: #fff; } .td-rd .tratamento-card h3{ font-weight: 700; font-size: 1.18rem; } .td-rd .tratamento-link{ color: var(--td-teal); font-weight: 600; } .td-rd .tratamento-card:hover .tratamento-link{ color: var(--td-teal-deep); gap: 0.75rem; } @media (hover: hover) and (pointer: fine){ .td-rd .tratamento-card:hover{ transform: translateY(-8px); box-shadow: 0 28px 54px -18px rgba(138,106,40,0.32); border-color: rgba(var(--td-teal-rgb), 0.40); } .td-rd .tratamento-card:hover .td-foto img{ transform: scale(1.10); } } /* ---------- ETAPAS -> TIMELINE ---------- */ .td-rd .section-steps{ background: var(--td-mist); } .td-rd .steps-list{ position: relative; } .td-rd .step{ position: relative; background: #fff; border-radius: 18px; border: 1px solid rgba(var(--td-teal-rgb), 0.12); box-shadow: var(--shadow-soft); padding-top: 3rem; } .td-rd .step-number{ position: absolute; top: -1.4rem; left: 1.6rem; width: 3.2rem; height: 3.2rem; margin: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; color: var(--td-teal); border: 2px solid var(--td-teal); font-size: 1.25rem; box-shadow: 0 8px 18px -6px rgba(138,106,40,0.38); z-index: 2; } .td-rd .step h3{ font-family: var(--font-body); font-weight: 700; } @media (min-width: 769px){ .td-rd .steps-list::before{ content: ''; position: absolute; top: 0.2rem; left: 4%; right: 4%; height: 2px; background: linear-gradient(90deg, transparent, var(--td-teal) 12%, var(--td-teal) 88%, transparent); z-index: 0; } } /* ---------- DIFERENCIAIS ---------- */ .td-rd .section-diferenciais{ background: #fff; } .td-rd .diferenciais-list li{ background: var(--td-porcelain); border-radius: 16px; border-left: 4px solid var(--td-teal); box-shadow: var(--shadow-soft); } .td-rd .diferenciais-list h3{ font-family: var(--font-body); font-weight: 700; } .td-rd .diferenciais-visual{ border-radius: 24px; border: 1px solid rgba(var(--td-teal-rgb), 0.18); box-shadow: var(--shadow-strong); } @media (hover: hover) and (pointer: fine){ .td-rd .diferenciais-list li:hover{ transform: translateX(6px); box-shadow: var(--shadow-medium); } } /* ---------- DEPOIMENTOS ---------- */ .td-rd .section-depoimentos{ background: var(--td-porcelain); } .td-rd .rating-summary{ background: #fff; border-radius: 20px; border: 1px solid rgba(var(--td-teal-rgb), 0.16); box-shadow: var(--shadow-medium); } .td-rd .rating-number{ color: var(--td-teal); } .td-rd .rating-stars, .td-rd .depoimento-stars{ color: var(--td-gold); } .td-rd .depoimento-card{ background: #fff; border-radius: 18px; border: 1px solid rgba(var(--td-teal-rgb), 0.12); box-shadow: var(--shadow-soft); transition: transform 0.4s var(--td-ease), box-shadow 0.4s var(--td-ease); } .td-rd .depoimento-card::before{ color: var(--td-teal); opacity: 0.16; font-family: var(--font-display); } .td-rd .depoimento-avatar{ background: linear-gradient(135deg, var(--td-teal), var(--td-teal-deep)); font-family: var(--font-display); } .td-rd .depoimento-footer{ border-top-color: rgba(var(--td-teal-rgb), 0.16); } .td-rd .google-tag{ color: var(--td-teal-deep); } @media (hover: hover) and (pointer: fine){ .td-rd .depoimento-card:hover{ transform: translateY(-6px); box-shadow: var(--shadow-medium); } } /* ---------- CTA BANDS ---------- */ .td-rd .cta-band{ background: linear-gradient(135deg, var(--td-deep) 0%, #3A2F1B 60%, var(--td-teal-deep) 135%); } .td-rd .cta-band::before{ background: radial-gradient(circle, rgba(var(--td-teal-rgb), 0.30) 0%, transparent 60%); } .td-rd .cta-final{ background: var(--td-mist); } /* ---------- LOCAL / MAPA ---------- */ .td-rd .section-local{ background: var(--td-porcelain); } .td-rd .section-local a{ color: var(--td-teal-deep); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; } .td-rd .section-local a:hover{ color: var(--td-teal); } .td-rd .section-map{ background: #fff; } .td-rd .map-wrapper{ border-radius: 22px; border: 1px solid rgba(var(--td-teal-rgb), 0.18); box-shadow: var(--shadow-strong); } /* ---------- FAQ ---------- */ .td-rd .section-faq{ background: var(--td-mist); } .td-rd .faq-item{ background: #fff; border-radius: 16px; border: 1px solid rgba(var(--td-teal-rgb), 0.14); box-shadow: var(--shadow-soft); } .td-rd .faq-item[open]{ border-color: rgba(var(--td-teal-rgb), 0.45); box-shadow: var(--shadow-medium); } .td-rd .faq-item summary{ font-family: var(--font-body); font-weight: 600; transition: background 0.3s var(--td-ease); } .td-rd .faq-item summary:hover{ background: rgba(var(--td-teal-rgb), 0.05); } .td-rd .faq-item summary::after{ background: var(--td-mist); color: var(--td-teal); } .td-rd .faq-item[open] summary::after{ background: var(--td-teal); color: #fff; } /* ---------- FOOTER ---------- */ .td-rd .site-footer{ background: var(--td-deep); } .td-rd .footer-col h4{ color: var(--td-gold); } .td-rd .footer-col a:hover{ color: var(--td-teal-bright); } .td-rd .footer-bottom{ border-top-color: rgba(255,255,255,0.12); } /* ---------- ACESSIBILIDADE: foco visivel ---------- */ .td-rd .btn-primary:focus-visible, .td-rd .btn-secondary:focus-visible, .td-rd .nav-primary a:focus-visible, .td-rd .mobile-nav a:focus-visible, .td-rd .contact-actions a:focus-visible, .td-rd .rating-summary a:focus-visible, .td-rd .tratamento-card:focus-visible{ outline: 3px solid rgba(var(--td-teal-rgb), 0.6); outline-offset: 3px; } .td-rd .whatsapp-float:focus-visible{ outline: 3px solid rgba(255,255,255,0.9); outline-offset: 4px; } .td-rd .faq-item summary:focus-visible{ outline: 3px solid rgba(var(--td-teal-rgb), 0.55); outline-offset: -3px; } /* ============================================================ MOVIMENTO (somente sem prefers-reduced-motion) ============================================================ */ @media (prefers-reduced-motion: no-preference){ /* Abertura premium do hero (so com JS, evita flash) */ html.td-js .td-rd .hero-content > .eyebrow, html.td-js .td-rd .hero-content > h1, html.td-js .td-rd .hero-content > .hero-sub, html.td-js .td-rd .hero-content > .hero-trust, html.td-js .td-rd .hero-content > .hero-ctas{ opacity: 0; animation: td-rise 0.85s var(--td-ease) forwards; } html.td-js .td-rd .hero-content > .eyebrow { animation-delay: 0.10s; } html.td-js .td-rd .hero-content > h1 { animation-delay: 0.22s; } html.td-js .td-rd .hero-content > .hero-sub { animation-delay: 0.38s; } html.td-js .td-rd .hero-content > .hero-trust{ animation-delay: 0.52s; } html.td-js .td-rd .hero-content > .hero-ctas { animation-delay: 0.64s; } /* Imagem do hero revelada por mascara (clip-path) */ html.td-js .td-rd .hero-visual{ opacity: 0; animation: td-fade 0.6s ease 0.3s forwards; } html.td-js .td-rd .hero-image-frame{ clip-path: inset(0 0 100% 0); animation: td-wipe 1.0s var(--td-ease) 0.35s forwards; } html.td-js .td-rd .hero-image-badge--card{ opacity: 0; animation: td-rise 0.7s var(--td-ease) 1.05s forwards; } /* respiracao ambiente no fundo do hero */ .td-rd .hero-bg-decoration{ animation: cx-drift-c 22s ease-in-out infinite alternate; } .td-rd .hero::before{ animation: cx-drift-a 19s ease-in-out infinite alternate; } .td-rd .hero::after{ animation: cx-drift-b 21s ease-in-out infinite alternate; } /* brilho que percorre o divisor */ .td-rd .divider-gold::after{ content: ''; position: absolute; top: 0; left: -45%; width: 45%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.9), transparent); animation: td-sheen 3.6s ease-in-out infinite; } /* reveal ao rolar (classe aplicada via JS, sem flash) */ .td-rd .td-reveal{ opacity: 0; transform: translateY(34px); transition: opacity 0.8s var(--td-ease), transform 0.8s var(--td-ease); } .td-rd .td-reveal.td-in{ opacity: 1; transform: none; } /* FAQ desliza ao abrir */ .td-rd .faq-item[open] > p{ animation: td-faq 0.45s var(--td-ease); } /* glow seguindo o cursor (desktop) */ @media (hover: hover) and (pointer: fine){ .td-rd .trust-card::after, .td-rd .step::after, .td-rd .depoimento-card::after{ content: ''; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(240px circle at var(--td-mx, 50%) var(--td-my, 50%), rgba(var(--td-teal-rgb), 0.12), transparent 60%); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; } .td-rd .trust-card:hover::after, .td-rd .step:hover::after, .td-rd .depoimento-card:hover::after{ opacity: 1; } .td-rd .trust-card > *, .td-rd .step > *, .td-rd .depoimento-card > *{ position: relative; z-index: 1; } .td-rd .btn-primary:hover::after{ animation: td-shine 0.85s ease; } } } @keyframes td-rise{ from{ opacity: 0; transform: translateY(28px); } to{ opacity: 1; transform: none; } } @keyframes td-fade{ from{ opacity: 0; } to{ opacity: 1; } } @keyframes td-wipe{ from{ clip-path: inset(0 0 100% 0); } to{ clip-path: inset(0 0 0% 0); } } @keyframes td-faq{ from{ opacity: 0; transform: translateY(-6px); } to{ opacity: 1; transform: none; } } @keyframes td-sheen{ 0%{ left: -45%; } 55%, 100%{ left: 130%; } } @keyframes td-blob{ 0%,100%{ transform: translate(0,0) scale(1); } 50%{ transform: translate(-3%, 4%) scale(1.10); } } @keyframes cx-drift-a{ to{ transform: translate3d(6%, 4%, 0) scale(1.14); } } @keyframes cx-drift-b{ to{ transform: translate3d(-5%, -5%, 0) scale(1.16); } } @keyframes cx-drift-c{ to{ transform: translate3d(-4%, 3%, 0) scale(1.12); } } @keyframes td-shine{ from{ left: -130%; } to{ left: 150%; } } /* ============================================================ MOBILE — redesign dedicado (<=768px) ============================================================ */ @media (max-width: 768px){ .td-rd .hero{ max-width: 100%; } .td-rd .hero h1{ font-size: clamp(2.1rem, 9vw, 3rem); line-height: 1.06; } .td-rd .hero-visual::before{ inset: 16px -10px -16px 14px; border-radius: 24px; } .td-rd .card, .td-rd .trust-card{ padding: 1.7rem; } .td-rd .tratamentos-grid{ grid-template-columns: 1fr; gap: 1.1rem; } /* Timeline vertical no mobile */ .td-rd .steps-list{ padding-left: 2.6rem; } .td-rd .steps-list::before{ content: ''; position: absolute; left: 1.1rem; top: 0.5rem; bottom: 0.5rem; width: 2px; background: linear-gradient(180deg, var(--td-teal), rgba(var(--td-teal-rgb),0.25)); } .td-rd .step{ padding-top: 1.7rem; } .td-rd .step-number{ top: 1.4rem; left: -2.6rem; width: 2.6rem; height: 2.6rem; font-size: 1rem; } } /* ============================================================ EXTRAS — componentes do canal.css e do blog sob .td-rd. Paleta/fontes ja herdadas via tokens; aqui apenas acabamento (bordas, sombras, hovers e glow) para o mesmo visual premium. ============================================================ */ /* glow do cursor tambem nos cards do canal */ @media (prefers-reduced-motion: no-preference){ @media (hover: hover) and (pointer: fine){ .td-rd .sintoma-card::after, .td-rd .dif-card::after{ content: ''; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(240px circle at var(--td-mx,50%) var(--td-my,50%), rgba(var(--td-teal-rgb),0.12), transparent 60%); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; z-index: 0; } .td-rd .sintoma-card:hover::after, .td-rd .dif-card:hover::after{ opacity: 1; } .td-rd .sintoma-card > *, .td-rd .dif-card > *{ position: relative; z-index: 1; } } } /* canal.css / paginas de servico */ .td-rd .breadcrumb a{ color: var(--td-teal-deep); } .td-rd .breadcrumb a:hover{ color: var(--td-teal); } .td-rd .sintoma-card, .td-rd .dif-card{ position: relative; background: #fff; border-radius: 18px; border: 1px solid rgba(var(--td-teal-rgb),0.12); box-shadow: var(--shadow-soft); } .td-rd .sintoma-num, .td-rd .passo-num{ color: var(--td-teal); } .td-rd .dif-card::before{ background: linear-gradient(90deg, var(--td-teal), var(--td-teal-bright)); } .td-rd .passo-visual, .td-rd .beneficios-visual{ border-radius: 22px; border: 1px solid rgba(var(--td-teal-rgb),0.16); box-shadow: var(--shadow-strong); } .td-rd .explica-visual{ border-radius: 20px; border: 1px solid rgba(var(--td-teal-rgb),0.14); box-shadow: var(--shadow-soft); } .td-rd .explica-visual figcaption{ font-family: var(--font-body); } .td-rd .beneficios-list li{ background: var(--td-porcelain); border-left: 4px solid var(--td-teal); border-radius: 14px; } .td-rd .beneficio-icon{ color: var(--td-teal); } .td-rd .beneficios-list strong{ font-family: var(--font-body); } .td-rd .sintomas-alert{ background: var(--td-mist); border-left: 4px solid var(--td-teal); border-radius: 14px; } .td-rd .outro-card{ border-radius: 14px; border: 1px solid rgba(var(--td-teal-rgb),0.2); } .td-rd .outro-card:hover{ background: var(--td-teal); border-color: var(--td-teal); color: #fff; } .td-rd .outro-card--main{ background: var(--td-deep); border-color: var(--td-deep); } .td-rd .outro-card--main:hover{ background: var(--td-teal); border-color: var(--td-teal); } .td-rd .sintoma-card h3, .td-rd .dif-card h3, .td-rd .passo-text h3, .td-rd .beneficios-text h2{ font-family: var(--font-body); } @media (hover: hover) and (pointer: fine){ .td-rd .sintoma-card:hover, .td-rd .dif-card:hover{ transform: translateY(-6px); box-shadow: var(--shadow-medium); } } /* blog — hub (.jr-*) e artigos (.article-*/.post-card-*) */ .td-rd .blog-grid > *{ border-radius: 18px; transition: transform 0.4s var(--td-ease), box-shadow 0.4s var(--td-ease); } .td-rd .post-card-tag{ color: var(--td-teal-deep); } .td-rd .post-card-link, .td-rd .jr-cover-body a{ color: var(--td-teal); } /* links de texto inline dentro do CTA recebem o dourado, MAS o botao (.btn-primary/.btn-secondary) nao — evita texto dourado sobre fundo dourado, que deixava o botao "Agendar avaliacao" invisivel */ .td-rd .article-service-cta a:not(.btn-primary):not(.btn-secondary){ color: var(--td-teal); } .td-rd .article-service-cta .btn-primary{ color: #fff; text-decoration: none; } .td-rd .article-cover img, .td-rd .jr-cover-media img{ border-radius: 18px; } .td-rd .article-service-cta{ border-radius: 18px; } .td-rd .jr-author{ color: var(--td-teal-deep); } @media (hover: hover) and (pointer: fine){ .td-rd .blog-grid > *:hover{ transform: translateY(-6px); box-shadow: var(--shadow-medium); } }