/* Shared site footer (footer-dentalink) — used across all pages */
/* Header logo size — kept consistent across all pages */
.logo-area .logo img {
height: 46px;
width: auto;
}
/* Floating WhatsApp button. Deliberately NOT the theme's .rts-dark-light
class (that markup was copy-pasted from the theme's dark/light toggle
widget, keeping its classes for the free floating-circle-button CSS).
main.js watches for any ".rts-dark-light" element on the page and, if it
finds one, auto-sets [data-theme="dark"] on whenever the visitor's
OS is in dark mode (see its "THEME MODE SWITCHER" block) — there's no
real toggle anywhere on this site (that widget's own markup is HTML-
commented-out on every page), so this WhatsApp button was the only thing
ever matching that selector, silently flipping phones with system dark
mode (common on Android, e.g. Vivo) into a theme these pages were never
designed for: [data-theme="dark"] repoints the theme's --color-body/
--color-heading-1 variables to white, which blanked the white-on-white
"Quiénes somos"/"Cobertura integral" copy and hid the header's logo (only
a .light logo ![]()
exists in the markup; that theme rule shows it solely
under [data-theme="light"] and hides it under "dark", with no .dark
counterpart to swap in). This class carries over just the two cosmetic
rules .rts-dark-light used to contribute (the icon's 36px size and the
hover transition) so the button still looks the same. */
.rts-wa-fab {
transition: all 0.4s;
cursor: pointer;
font-size: 20px;
}
.rts-wa-fab i {
transition: all 0.4s;
font-size: 36px;
}
/* Consistent paragraph spacing across all pages — overrides the many
ad-hoc line-height/margin values scattered through style.css and
page-level