/* ==========================================================================
   Gestión Salud IPS · ips-redesign.css
   Rediseño visual (UI 2026) — SOLO estilos.
   No modifica estructura HTML, contenido, JS, endpoints ni lógica.
   Se carga al final del <head> para prevalecer en la cascada sobre los CSS
   de Mobirise (style.css / styles.css / mbr-additional.css).
   Identidad: azul institucional + azul oscuro + blanco + verde/turquesa.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Sistema de diseño (tokens)
   -------------------------------------------------------------------------- */
:root {
  --ips-navy-900: #062B4A;
  --ips-navy-800: #0A3D68;
  --ips-blue-700: #0B5FA5;
  --ips-blue-600: #0E74C8;
  --ips-blue-500: #1E88E5;
  --ips-blue-100: #DCEBF9;
  --ips-blue-050: #EFF6FD;
  --ips-teal-600: #0E9C92;
  --ips-teal-500: #14B8A6;
  --ips-teal-100: #D6F1EE;
  --ips-green-600: #0E9F6E;
  --ips-amber-500: #E8A33D;
  --ips-red-500: #E0483E;
  --ips-ink: #0F2436;
  --ips-slate-600: #4A6076;
  --ips-slate-400: #8AA0B4;
  --ips-line: #E1E9F2;
  --ips-bg: #F5F8FC;
  --ips-white: #FFFFFF;
  --ips-radius-sm: 10px;
  --ips-radius: 14px;
  --ips-radius-lg: 20px;
  --ips-shadow-sm: 0 1px 2px rgba(6, 43, 74, .06), 0 2px 10px rgba(6, 43, 74, .05);
  --ips-shadow: 0 8px 24px rgba(6, 43, 74, .10);
  --ips-shadow-lg: 0 20px 48px rgba(6, 43, 74, .16);
  --ips-gradient: linear-gradient(120deg, var(--ips-blue-600) 0%, var(--ips-navy-800) 100%);
  --ips-gradient-accent: linear-gradient(120deg, var(--ips-blue-600) 0%, var(--ips-teal-500) 100%);
  --ips-nav-h: 74px;
}

/* --------------------------------------------------------------------------
   2. Base tipográfica
   -------------------------------------------------------------------------- */
html {
  scroll-padding-top: 92px;
  -webkit-text-size-adjust: 100%;
}

body {
  color: var(--ips-ink);
  background-color: var(--ips-white);
  font-family: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6,
.mbr-section-title,
.mbr-section-subtitle {
  color: var(--ips-navy-900);
}

.mbr-section-title {
  letter-spacing: -0.01em;
}

.mbr-text {
  color: var(--ips-slate-600);
}

.mbr-list .list-item .list-item-wrap .mbr-text {
  color: var(--ips-ink);
}

/* Accesibilidad: foco visible consistente */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
.navbar-toggler:focus-visible {
  outline: 3px solid rgba(20, 184, 166, .55);
  outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   3. Enlaces y utilidades de color
   -------------------------------------------------------------------------- */
a {
  color: var(--ips-blue-600);
  transition: color .25s ease;
}

a:hover,
a:focus {
  color: var(--ips-navy-800);
}

.text-primary { color: var(--ips-blue-600) !important; }
.text-secondary { color: var(--ips-teal-600) !important; }
.text-success { color: var(--ips-green-600) !important; }
.text-info { color: var(--ips-blue-500) !important; }
.text-warning { color: var(--ips-amber-500) !important; }
.text-danger { color: var(--ips-red-500) !important; }
.text-black { color: var(--ips-navy-900) !important; }

a.text-primary:hover,
a.text-primary:focus,
a.text-primary.active { color: var(--ips-navy-800) !important; }

a.text-secondary:hover,
a.text-secondary:focus,
a.text-secondary.active { color: var(--ips-teal-600) !important; }

.bg-primary { background-color: var(--ips-blue-600) !important; }
.bg-secondary { background-color: var(--ips-teal-600) !important; }
.bg-info { background-color: var(--ips-blue-500) !important; }
.bg-success { background-color: var(--ips-green-600) !important; }

/* --------------------------------------------------------------------------
   4. Barra de navegación
   -------------------------------------------------------------------------- */
.cid-sFCw1qGFAI .navbar {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-height: var(--ips-nav-h);
  background: rgba(255, 255, 255, .88) !important;
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  backdrop-filter: saturate(180%) blur(14px);
  border-bottom: 1px solid var(--ips-line);
  box-shadow: 0 6px 26px rgba(6, 43, 74, .08);
  z-index: 1030;
}

.cid-sFCw1qGFAI .navbar.opened {
  background: rgba(255, 255, 255, .98) !important;
  max-height: 100vh;
  overflow-y: auto;
}

.cid-sFCw1qGFAI .navbar.navbar-short {
  min-height: 62px;
  box-shadow: 0 8px 28px rgba(6, 43, 74, .12);
}

/* Compactar el menú para que no se parta en varios renglones
   (evita que una barra fija alta tape contenido al hacer scroll). */
.cid-sFCw1qGFAI .navbar-nav { align-items: center; }

.cid-sFCw1qGFAI .nav-dropdown .link {
  margin: 0 .35em !important;
  padding: 0 .1em !important;
}

.cid-sFCw1qGFAI .nav-dropdown .link.dropdown-toggle {
  margin-right: .55em !important;
}

.cid-sFCw1qGFAI .nav-dropdown .link.dropdown-toggle[aria-expanded="true"] {
  margin-right: .55em !important;
  padding: .35em .55em !important;
}

.cid-sFCw1qGFAI a.nav-link {
  font-size: .96rem;
  white-space: nowrap;
}

.cid-sFCw1qGFAI .icons-menu { padding-left: .5rem; padding-right: .5rem; }
.cid-sFCw1qGFAI .iconfont-wrapper { padding-right: 0; }

.cid-sFCw1qGFAI .container,
.cid-sFCw1qGFAI .container-fluid {
  align-items: center;
}

/* Marca */
.cid-sFCw1qGFAI .navbar-caption {
  color: var(--ips-navy-900) !important;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.cid-sFCw1qGFAI .navbar-brand .navbar-logo img,
.cid-sFCw1qGFAI .navbar .navbar-logo img {
  filter: drop-shadow(0 2px 6px rgba(6, 43, 74, .15));
}

/* Enlaces del menú */
.cid-sFCw1qGFAI a.nav-link {
  color: var(--ips-ink) !important;
  font-weight: 500;
  letter-spacing: .012em;
  transition: color .2s ease;
}

.cid-sFCw1qGFAI a.nav-link:not(.dropdown-toggle) {
  position: relative;
}

.cid-sFCw1qGFAI a.nav-link:not(.dropdown-toggle)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 2px;
  border-radius: 2px;
  background: var(--ips-gradient-accent);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .25s ease;
}

.cid-sFCw1qGFAI a.nav-link:not(.dropdown-toggle):hover,
.cid-sFCw1qGFAI a.nav-link:not(.dropdown-toggle):focus {
  color: var(--ips-blue-700) !important;
}

.cid-sFCw1qGFAI a.nav-link:not(.dropdown-toggle):hover::after,
.cid-sFCw1qGFAI a.nav-link:not(.dropdown-toggle):focus::after {
  transform: scaleX(1);
}

.cid-sFCw1qGFAI a.nav-link.dropdown-toggle:hover,
.cid-sFCw1qGFAI a.nav-link.dropdown-toggle:focus,
.cid-sFCw1qGFAI a.nav-link.dropdown-toggle[aria-expanded="true"] {
  color: var(--ips-blue-700) !important;
}

/* Submenús */
.cid-sFCw1qGFAI .dropdown-menu {
  background: var(--ips-white) !important;
  border: 1px solid var(--ips-line) !important;
  border-radius: var(--ips-radius) !important;
  box-shadow: var(--ips-shadow) !important;
  padding: .45rem !important;
  overflow: hidden;
  animation: ips-drop .18s ease-out both;
}

@keyframes ips-drop {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: none; }
}

.cid-sFCw1qGFAI .dropdown-item {
  color: var(--ips-ink) !important;
  border-bottom: 1px solid rgba(225, 233, 242, .8) !important;
  border-radius: 8px !important;
  padding: .52rem 1rem !important;
  transition: background-color .18s ease, color .18s ease;
}

.cid-sFCw1qGFAI .dropdown-item:last-child { border-bottom: none !important; }

.cid-sFCw1qGFAI .dropdown-item:hover,
.cid-sFCw1qGFAI .dropdown-item:focus,
.cid-sFCw1qGFAI .dropdown-item.active {
  background-color: var(--ips-blue-100) !important;
  color: var(--ips-blue-700) !important;
}

.cid-sFCw1qGFAI .navbar.navbar-expand-lg .dropdown .dropdown-menu {
  background: var(--ips-white) !important;
}

/* Redes sociales de la barra */
.cid-sFCw1qGFAI .iconfont-wrapper {
  color: var(--ips-blue-700) !important;
  font-size: 1.35rem;
  transition: color .2s ease, transform .2s ease;
}

.cid-sFCw1qGFAI .iconfont-wrapper:hover {
  color: var(--ips-teal-500) !important;
  transform: translateY(-2px);
}

/* Botón hamburguesa */
.cid-sFCw1qGFAI button.navbar-toggler .hamburger span {
  background-color: var(--ips-navy-800);
  border-radius: 3px;
}

/* --------------------------------------------------------------------------
   5. Botones
   -------------------------------------------------------------------------- */
.btn {
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: .012em;
  transition: transform .18s ease, box-shadow .22s ease, background-color .2s ease,
              color .2s ease, border-color .2s ease;
}

.btn:active { transform: translateY(1px); }

.btn-primary,
.btn-primary:active {
  background-color: var(--ips-blue-600) !important;
  border-color: var(--ips-blue-600) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(14, 116, 200, .28) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active {
  background-color: var(--ips-navy-800) !important;
  border-color: var(--ips-navy-800) !important;
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(10, 61, 104, .34) !important;
  transform: translateY(-2px);
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #9DB8CE !important;
  border-color: #9DB8CE !important;
}

.btn-secondary,
.btn-secondary:active {
  background-color: var(--ips-teal-500) !important;
  border-color: var(--ips-teal-500) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(20, 184, 166, .26) !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary.active {
  background-color: var(--ips-teal-600) !important;
  border-color: var(--ips-teal-600) !important;
  transform: translateY(-2px);
}

.btn-success,
.btn-success:active { background-color: var(--ips-green-600) !important; border-color: var(--ips-green-600) !important; }

.btn-info,
.btn-info:active { background-color: var(--ips-blue-500) !important; border-color: var(--ips-blue-500) !important; }

.btn-black,
.btn-black:active { background-color: var(--ips-navy-900) !important; border-color: var(--ips-navy-900) !important; }

.btn-primary-outline,
.btn-primary-outline:active {
  background-color: transparent !important;
  border-color: var(--ips-blue-600) !important;
  color: var(--ips-blue-600) !important;
}

.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline.active {
  background-color: var(--ips-blue-600) !important;
  border-color: var(--ips-blue-600) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(14, 116, 200, .26) !important;
  transform: translateY(-2px);
}

.btn-secondary-outline,
.btn-secondary-outline:active {
  background-color: transparent !important;
  border-color: var(--ips-teal-500) !important;
  color: var(--ips-teal-600) !important;
}

.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline.focus,
.btn-secondary-outline.active {
  background-color: var(--ips-teal-500) !important;
  border-color: var(--ips-teal-500) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(20, 184, 166, .24) !important;
  transform: translateY(-2px);
}

.btn-black-outline,
.btn-black-outline:active {
  border-color: var(--ips-navy-900) !important;
  color: var(--ips-navy-900) !important;
}

.btn-black-outline:hover,
.btn-black-outline:focus {
  background-color: var(--ips-navy-900) !important;
  border-color: var(--ips-navy-900) !important;
  color: #fff !important;
}

.btn .mbr-iconfont { transition: transform .22s ease; }
.btn:hover .mbr-iconfont { transform: translateX(2px); }

/* --------------------------------------------------------------------------
   6. Tarjetas, galerías y bloques de contenido
   -------------------------------------------------------------------------- */
.card,
.card-wrapper,
.mbr-gallery-item,
.slide-content,
.item-wrapper {
  border-radius: var(--ips-radius-lg);
}

.card {
  background: var(--ips-white);
  border: 1px solid var(--ips-line);
  box-shadow: var(--ips-shadow-sm);
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: var(--ips-shadow);
  border-color: var(--ips-blue-100);
}

.mbr-gallery-item {
  overflow: hidden;
  box-shadow: var(--ips-shadow-sm);
}

.mbr-gallery-item img {
  border-radius: var(--ips-radius);
  transition: transform .4s ease;
}

.mbr-gallery-item:hover img { transform: scale(1.04); }

.mbr-gallery-filter li a { border-radius: 999px !important; }
.mbr-gallery-filter li.active .btn {
  background-color: var(--ips-blue-600) !important;
  border-color: var(--ips-blue-600) !important;
  color: #fff !important;
}

/* Imágenes generales */
.image-wrapper img,
.mbr-figure img,
.content5 .image-wrapper img {
  border-radius: var(--ips-radius);
}

/* Bloques embla / slider5 */
.gus .slide-content,
.cid-u1OX7XY1hY .slide-content {
  background: var(--ips-white);
  border: 1px solid var(--ips-line);
  border-radius: var(--ips-radius-lg);
  box-shadow: var(--ips-shadow-sm);
  transition: transform .25s ease, box-shadow .25s ease;
}

.gus .slide-content:hover,
.cid-u1OX7XY1hY .slide-content:hover {
  transform: translateY(-4px);
  box-shadow: var(--ips-shadow);
}

.gus .embla__button,
.cid-u1OX7XY1hY .embla__button {
  background-color: rgba(6, 43, 74, .55) !important;
  border-color: rgba(255, 255, 255, .85) !important;
}

.gus .embla__button:hover,
.cid-u1OX7XY1hY .embla__button:hover {
  background-color: var(--ips-blue-600) !important;
}

/* Carruseles */
.carousel-item img { border-radius: 0; }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .35));
}

.cid-u1JisDHOfe .carousel-indicators li.active,
.cid-u1JisDHOfe .carousel-indicators li:hover,
.cid-u1OWXJ4cF1 .carousel-indicators li.active,
.cid-u1OWXJ4cF1 .carousel-indicators li:hover {
  background-color: var(--ips-teal-500);
  border-color: #fff;
  opacity: 1;
}

.cid-u1JisDHOfe H5 { color: var(--ips-teal-500); }

/* --------------------------------------------------------------------------
   7. Timeline
   -------------------------------------------------------------------------- */
.cid-u264rrORnr .iconBackground {
  border-color: var(--ips-blue-600);
  background-color: var(--ips-white);
}

.cid-u264rrORnr .row:after { background-color: var(--ips-blue-100); }

.cid-u264rrORnr .mbr-timeline-date { color: var(--ips-blue-700); }

/* --------------------------------------------------------------------------
   8. Contacts (contacts2 / contacts4) e iconografía
   -------------------------------------------------------------------------- */
.cid-u1JvxS5qfR .card-wrapper {
  background: var(--ips-white);
  border: 1px solid var(--ips-line);
  border-radius: var(--ips-radius-lg);
  box-shadow: var(--ips-shadow-sm);
  transition: transform .25s ease, box-shadow .25s ease;
}

.cid-u1JvxS5qfR .card-wrapper:hover {
  transform: translateY(-3px);
  box-shadow: var(--ips-shadow);
}

.cid-u1JvxS5qfR .mbr-iconfont { color: var(--ips-blue-600); }

.cid-sFAyMcKwph .mbr-section-title { color: var(--ips-navy-900); }
.cid-sFAyMcKwph p { color: var(--ips-slate-600); }

.cid-sFAyMcKwph .mbr-iconfont-social {
  color: var(--ips-blue-600);
  border: 2px solid var(--ips-blue-600);
  transition: all .28s ease;
}

.cid-sFAyMcKwph .mbr-iconfont-social:hover {
  background-color: var(--ips-blue-600);
  color: #fff;
  border-color: var(--ips-blue-600);
  transform: translateY(-3px);
}

/* Botones sociales (socicon) de la barra / footer */
.mbr-iconfont-social { transition: color .25s ease, background-color .25s ease; }

/* --------------------------------------------------------------------------
   9. Formularios y alertas
   -------------------------------------------------------------------------- */
.form-control-label {
  color: var(--ips-slate-600);
  font-weight: 500;
}

.form-control {
  background-color: var(--ips-white);
  color: var(--ips-ink);
  border: 1px solid var(--ips-line) !important;
  border-radius: var(--ips-radius-sm);
  box-shadow: 0 1px 2px rgba(6, 43, 74, .04) !important;
  transition: border-color .22s ease, box-shadow .22s ease;
}

.form-control:hover {
  border-color: #C9D9E8 !important;
}

.form-control:focus {
  border-color: var(--ips-blue-600) !important;
  box-shadow: 0 0 0 4px rgba(14, 116, 200, .14) !important;
}

.form-control::placeholder { color: var(--ips-slate-400); }

.input-group-btn button[type="submit"],
.input-group-btn a.btn { border-radius: 999px !important; }

.alert {
  border-radius: var(--ips-radius);
  border: 1px solid rgba(255, 255, 255, .25);
  box-shadow: var(--ips-shadow-sm);
  font-weight: 500;
}

.alert-success { background-color: var(--ips-green-600) !important; }
.alert-info { background-color: var(--ips-blue-600) !important; }
.alert-warning { background-color: var(--ips-amber-500) !important; }
.alert-danger { background-color: var(--ips-red-500) !important; }

blockquote { border-color: var(--ips-teal-500); }

/* --------------------------------------------------------------------------
   10. Tablas
   -------------------------------------------------------------------------- */
.table { color: var(--ips-ink); }

.table thead th {
  background: var(--ips-navy-900);
  color: #fff;
  border-color: var(--ips-navy-800);
  font-weight: 600;
}

.table td,
.table th { border-color: var(--ips-line); }

.table-striped tbody tr:nth-of-type(odd) { background-color: var(--ips-bg); }

.table-hover tbody tr:hover { background-color: var(--ips-blue-050); }

/* --------------------------------------------------------------------------
   11. Modales
   -------------------------------------------------------------------------- */
.modal-content {
  border: none;
  border-radius: var(--ips-radius-lg);
  box-shadow: var(--ips-shadow-lg);
  overflow: hidden;
}

.modal-header {
  background: var(--ips-gradient);
  color: #fff;
  border-bottom: none;
}

.modal-header .modal-title { color: #fff; }

.modal-header .btn-close,
.modal-header .close {
  filter: invert(1) grayscale(1) brightness(2);
  opacity: .9;
}

.modal-body { color: var(--ips-ink); }

.modal-footer { border-top: 1px solid var(--ips-line); }

.modal-backdrop.show { opacity: .55; }

/* --------------------------------------------------------------------------
   12. Footer
   -------------------------------------------------------------------------- */
.cid-sFCygHrmNf {
  background: linear-gradient(135deg, var(--ips-navy-900) 0%, #0B3F6B 52%, var(--ips-blue-700) 100%) !important;
  border-top: 3px solid var(--ips-teal-500);
  padding-top: 3.5rem;
  padding-bottom: 2.5rem;
}

.cid-sFCygHrmNf .foot-menu li p,
.cid-sFCygHrmNf .row-copirayt p,
.cid-sFCygHrmNf p { color: #D7E6F2 !important; }

.cid-sFCygHrmNf a { color: #EAF4FB; }
.cid-sFCygHrmNf a:hover { color: var(--ips-teal-500); }

.cid-sFCygHrmNf .row .social-list .mbr-iconfont-social { color: var(--ips-teal-100); }
.cid-sFCygHrmNf .row .social-list a { opacity: .75; }

/* --------------------------------------------------------------------------
   13. Colores institucionales heredados (styles.css)
   -------------------------------------------------------------------------- */
.mcb { background-color: var(--ips-bg); }
.marron { background-color: var(--ips-navy-800); }
.marronC { background-color: var(--ips-blue-100); }
.azul { background-color: var(--ips-blue-700); }

.linear-90 {
  background: var(--ips-blue-050);
  background: linear-gradient(90deg, var(--ips-blue-050) 0%, var(--ips-blue-100) 55%, var(--ips-teal-100) 100%);
}

.linear-6 {
  background: var(--ips-blue-050);
  background: linear-gradient(6deg, var(--ips-blue-050) 0%, var(--ips-blue-100) 55%, var(--ips-teal-100) 100%);
}

.linear-124 {
  background: var(--ips-blue-050);
  background: linear-gradient(124deg, var(--ips-blue-050) 0%, #E4F0FA 48%, var(--ips-teal-100) 100%);
}

/* --------------------------------------------------------------------------
   14. Widgets flotantes (WhatsApp / scroll-top)
   -------------------------------------------------------------------------- */
.whatsapp-btn {
  box-shadow: 0 10px 28px rgba(6, 43, 74, .28);
  border: 3px solid var(--ips-white);
  transition: transform .22s ease, box-shadow .22s ease;
}

.whatsapp-btn:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 16px 36px rgba(6, 43, 74, .34);
}

.iframe-container {
  border: 1px solid var(--ips-line) !important;
  border-radius: var(--ips-radius);
  box-shadow: var(--ips-shadow-lg);
  overflow: hidden;
}

.mbr-arrow-up a {
  background: var(--ips-blue-600);
  border: none;
  color: #fff;
  box-shadow: 0 10px 24px rgba(14, 116, 200, .35);
}

.mbr-arrow-up a:hover { background: var(--ips-navy-800); }

.mbr-arrow-up-icon { color: #fff; }

/* --------------------------------------------------------------------------
   15. Detalles decorativos ligeros
   -------------------------------------------------------------------------- */
.mbr-overlay { background-color: var(--ips-navy-900); }

::selection { background: var(--ips-teal-500); color: #fff; }

section { border: 0; }

/* Separadores suaves entre secciones claras */
.gs-qs-section,
.gs-h2-section { position: relative; }

/* --------------------------------------------------------------------------
   16. Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
  .cid-sFCw1qGFAI .navbar .navbar-collapse {
    background: var(--ips-white);
    border-radius: var(--ips-radius);
    box-shadow: var(--ips-shadow);
    margin-top: .6rem;
    padding: .6rem .4rem;
  }

  .cid-sFCw1qGFAI .icons-menu { padding-bottom: .6rem; }

  /* Barra compacta en móvil/tablet: la barra es fija, así que reducimos su alto */
  .cid-sFCw1qGFAI .navbar-brand {
    min-height: auto;
    padding: 6px 0;
  }

  .cid-sFCw1qGFAI .navbar .navbar-logo img,
  .cid-sFCw1qGFAI .navbar-brand .navbar-logo img {
    height: 2.4rem !important;
  }

  .cid-sFCw1qGFAI .icons-menu {
    padding-top: .15rem;
    padding-bottom: .15rem;
  }

  .cid-sFCw1qGFAI .icons-menu .mbr-iconfont {
    font-size: 1.15rem;
    padding: .25rem !important;
  }
}

@media (max-width: 1199px) {
  html { scroll-padding-top: 128px; }
}

@media (max-width: 767px) {
  .btn { padding: .66rem 1.35rem; }

  .whatsapp-btn {
    width: 78px;
    height: 78px;
    bottom: 78px;
  }

  .mbr-arrow-up { right: 24px; bottom: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .btn,
  .card,
  .slide-content,
  .mbr-gallery-item img,
  .whatsapp-btn,
  .cid-sFCw1qGFAI a.nav-link:not(.dropdown-toggle)::after {
    transition: none !important;
  }

  .cid-sFCw1qGFAI .dropdown-menu { animation: none !important; }
}