.elementor-505 .elementor-element.elementor-element-3e69d31b{--display:flex;--position:absolute;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:999999999;}body:not(.rtl) .elementor-505 .elementor-element.elementor-element-3e69d31b{left:0px;}body.rtl .elementor-505 .elementor-element.elementor-element-3e69d31b{right:0px;}.elementor-505 .elementor-element.elementor-element-6d031d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-505 .elementor-element.elementor-element-1ce12e72 .elementor-button{background-color:#C0DDD9;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:600;fill:#178274;color:#178274;border-radius:30px 30px 30px 30px;}.elementor-505 .elementor-element.elementor-element-1ce12e72{padding:0120px 0px 030px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-505 .elementor-element.elementor-element-4d3402dc{width:var( --container-widget-width, 70% );max-width:70%;padding:0px 0px 0px 0px;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-505 .elementor-element.elementor-element-4d3402dc.elementor-element{--align-self:center;}.elementor-505 .elementor-element.elementor-element-4d3402dc .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:70px;font-weight:400;color:#030303;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-505 .elementor-element.elementor-element-19a6ac93{width:var( --container-widget-width, 70% );max-width:70%;padding:0px 0px 00px 0px;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Lato", Sans-serif;font-size:30px;font-weight:700;color:#000000;}.elementor-505 .elementor-element.elementor-element-19a6ac93.elementor-element{--align-self:center;}.elementor-505 .elementor-element.elementor-element-6c84fb77{width:var( --container-widget-width, 90% );max-width:90%;padding:0px 0px 0120px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-505 .elementor-element.elementor-element-6c84fb77.elementor-element{--align-self:center;}.elementor-505 .elementor-element.elementor-element-1cbde841{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-505 .elementor-element.elementor-element-16e5e106{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-505 .elementor-element.elementor-element-42bde8d4{width:100%;max-width:100%;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-505 .elementor-element.elementor-element-39a1dcbd{padding:0px 0px 0px 0px;}.elementor-505 .elementor-element.elementor-element-1ce12e72{padding:060px 0px 015px 0px;}.elementor-505 .elementor-element.elementor-element-1ce12e72 .elementor-button{font-size:12px;}.elementor-505 .elementor-element.elementor-element-4d3402dc{padding:060px 0px 0px 0px;--container-widget-width:85%;--container-widget-flex-grow:0;width:var( --container-widget-width, 85% );max-width:85%;}.elementor-505 .elementor-element.elementor-element-4d3402dc .elementor-heading-title{font-size:30px;}.elementor-505 .elementor-element.elementor-element-19a6ac93{padding:0px 0px 0px 0px;font-size:12px;}.elementor-505 .elementor-element.elementor-element-6c84fb77{padding:0px 0px 060px 0px;}}@media(min-width:768px){.elementor-505 .elementor-element.elementor-element-3e69d31b{--content-width:100%;}.elementor-505 .elementor-element.elementor-element-6d031d1{--content-width:100%;}.elementor-505 .elementor-element.elementor-element-16e5e106{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-39a1dcbd *//* ===== NAV: HERO ===== */
.heroNav-bar{
  --heroNav-active: #006770;   /* color activo + subrayado */
  --heroNav-bg: #D3FFF5;       /* fondo solicitado */
  --heroNav-text: #0E1111;

  background: var(--heroNav-bg);
  border-radius: 24px;
  /* más aire a la izquierda para separar el logo del borde */
  padding: .0rem 1.25rem .0rem 2rem!important; /* T R B L */
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
}

.heroNav-logo{
  height: 36px;
  width: auto;
  display: block;
}

.heroNav-menu{
  gap: .25rem;
}

.heroNav-menu .nav-link{
  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 700;
  color: var(--heroNav-text);
  opacity: .9;
  padding: .25rem 1rem;
  position: relative;
  transition: color .2s ease, opacity .2s ease;
  white-space: nowrap;
}

.heroNav-menu .nav-link:hover{ opacity: 1; }

/* Activo + subrayado centrado, “Inicio” del mismo color */
.heroNav-menu .nav-link.active,
.heroNav-menu .nav-link[aria-current="page"]{
  color: var(--heroNav-active) !important;
}

.heroNav-menu .nav-link.active::after,
.heroNav-menu .nav-link[aria-current="page"]::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-6px;
  width: 44px;       /* más ancho */
  height: 3px;
  border-radius: 2px;
  background: var(--heroNav-active);
}

/* CTA con !important para evitar overrides */
.heroNav-cta{
  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 700 !important;
  background:#111 !important;
  color:#fff !important;
  border-radius: 999px !important;
  padding:.5rem 1rem !important;
  line-height: 1.2 !important;
  border: none !important;
  text-decoration: none !important;
  display: inline-block !important;
}
.heroNav-cta:hover{ color:#fff !important; background:#000 !important; }

/* ===== Responsive ===== */
@media (max-width: 991.98px){
  .heroNav-bar{
    border-radius: 16px;
    /* en móvil reducimos un poco el padding pero mantenemos aire a la izquierda */
    padding: .5rem .75rem .5rem 1.25rem;
  }
  .heroNav-logo{ height: 28px; }

  .heroNav-collapse{
    background: var(--heroNav-bg);
    border-radius: 12px;
    padding: .5rem;
    margin-top: .5rem;
  }

  .heroNav-menu .nav-link{
    padding: .5rem .25rem;
    display: inline-block;
  }

  .heroNav-menu .nav-link.active::after,
  .heroNav-menu .nav-link[aria-current="page"]::after{
    bottom: -2px;
    height: 2px;
    width: 36px; /* un poco menos ancho en móvil para equilibrio */
  }

  .heroNav-cta{
    width: 100% !important;
    margin-top: .5rem !important;
    text-align: center !important;
  }
}

/* Toggler */
.heroNav-toggler{ border-color: rgba(0,0,0,.25); }

[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color: #1A726B;}
.container-90{
    max-width: 90%!important;
}

/* Empuja el menú a la derecha y reduce el hueco con el CTA (solo desktop) */
@media (min-width: 992px){
  .heroNav-collapse{
    display: flex !important;
    align-items: center;
    gap: .5rem; /* reduce el espacio entre el menú y el CTA */
  }
  .heroNav-menu{
    /* anula el mx-auto del HTML */
    margin-left: auto !important;   /* empuja el menú a la derecha */
    margin-right: .25rem !important;/* pequeño colchón antes del CTA */
  }
  /* un pelín más compacto el último item para pegarlo al botón */
  .heroNav-menu .nav-item:last-child .nav-link{
    padding-right: .5rem;
  }
  /* botón bien pegado al menú */
  .heroNav-cta{
    margin-left: .25rem !important;
  }
  
}

.container-90{
      margin-top:2rem!important;
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6c84fb77 *//* ===== BLOQUE Business Cases (HB) v3 – SOLO CSS ===== */

/* Carga directa de ANTON (solución rápida si no se está encolando desde WP) */
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

#hb-business-cases.hb-cases {
  --hb-bg: #F0F0F0;
  --hb-divider: #CFCFCF;
  --hb-teal: #178274;              /* color énfasis */
  --hb-tag-bg: #C9DCDA;
  --hb-radius: 28px;

  /* Variantes (pill) */
  --hb-chip-purple-bg: #BDC8F6;
  --hb-chip-purple-text: #8048FF;

  --hb-chip-blue-bg: #73FAFF;
  --hb-chip-blue-text: #22868F;

  --hb-chip-green-bg: #B9FFC8;
  --hb-chip-green-text: #3B7250;

  --hb-chip-teal-bg: #70CDC1;
  --hb-chip-teal-text: #156A65;
}

/* Tipografías por rol */
#hb-business-cases,
#hb-business-cases .hb-desc,
#hb-business-cases .hb-tag { font-family: "Lato", Arial, sans-serif; }
#hb-business-cases .hb-label { font-family: "Bebas Neue", "Lato", Arial, sans-serif; }
#hb-business-cases .hb-title-text { font-family: "Anton", Impact, "Arial Narrow Bold", sans-serif; }
#hb-business-cases .hb-tag { font-family: "Montserrat", "Lato", Arial, sans-serif; font-weight: 600; } /* Semibold */

/* Tarjeta base con esquina superior izquierda recta */
.hb-cases .hb-case {
  background: var(--hb-bg);
  border-radius: 0 var(--hb-radius) var(--hb-radius) var(--hb-radius);
  overflow: hidden;
}

/* Columna de logo con divisor vertical en md+ */
.hb-cases .hb-logo-col { border-right: none; }
@media (min-width: 768px) {
  .hb-cases .hb-logo-col { border-right: 1px solid var(--hb-divider); }
}

/* Logo */
.hb-cases .hb-logo-wrap { padding: 20px; min-height: 88px; place-self: center; }
.hb-cases .hb-logo { max-height: 170px; width: auto; height: auto; }

/* Contenido y labels */
.hb-cases .hb-content { color: #0e0e0e; }

.hb-cases .hb-label {
  letter-spacing: 0.6px;
  font-size: 1.5rem;                 /* ↑ más grande (Bebas Neue) */
  text-transform: uppercase;
  color: #222;
}
.hb-cases .hb-label .hb-em { color: var(--hb-teal); }

/* ===== Pill continuo del título ===== */
.hb-cases .hb-title-line { display: flex; flex-wrap: wrap; gap: .5rem; }

.hb-cases .hb-title-pill {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  border-radius: 999px;
  padding: 10px 18px 10px 12px;
  min-height: 44px;                  /* altura sugerida para look de mock */
  line-height: 1;
  background: var(--hb-chip-purple-bg); /* se sobreescribe por variante */
}

/* Icono circular adentro con separación del borde */
.hb-cases .hb-title-ellipse {
  width: 32px; height: 32px; flex: 0 0 32px;
  border-radius: 50%;
  margin-left: 6px;                  /* separación del borde del pill */
  margin-right: 8px;                 /* separación con el texto */
}

/* Texto del título (Anton) */
.hb-cases .hb-title-text {
  font-size: 1.15rem;
  color: var(--hb-chip-purple-text);  /* se sobreescribe por variante */
  white-space: nowrap;
}

/* Divisor vertical del mismo color que el texto del título */
/* Cambios solicitados: grosor 8px y border-radius 20px */
.hb-cases .hb-title-divider {
  width: 3px;                        /* ↑ más ancho */
  height: 24px;                      /* alto visual */
  background: var(--hb-chip-purple-text); /* se sobreescribe por variante */
  display: inline-block;
  border-radius: 20px;               /* ↑ borde redondeado */
}

/* Descripción a la derecha del divisor → negra, Lato regular */
.hb-cases .hb-title-desc {
  color: #000;                       /* negro */
  font-weight: 400;                  /* regular */
  font-family: "Lato", Arial, sans-serif !important;
  font-size: 1rem;
  white-space: nowrap;
}

/* Variantes de color del pill */
.hb-cases .hb-case--purple .hb-title-pill { background: var(--hb-chip-purple-bg); }
.hb-cases .hb-case--purple .hb-title-text,
.hb-cases .hb-case--purple .hb-title-divider { color: var(--hb-chip-purple-text); background: var(--hb-chip-purple-text); }

.hb-cases .hb-case--blue .hb-title-pill { background: var(--hb-chip-blue-bg); }
.hb-cases .hb-case--blue .hb-title-text,
.hb-cases .hb-case--blue .hb-title-divider { color: var(--hb-chip-blue-text); background: var(--hb-chip-blue-text); }

.hb-cases .hb-case--green .hb-title-pill { background: var(--hb-chip-green-bg); }
.hb-cases .hb-case--green .hb-title-text,
.hb-cases .hb-case--green .hb-title-divider { color: var(--hb-chip-green-text); background: var(--hb-chip-green-text); }

.hb-cases .hb-case--teal .hb-title-pill { background: var(--hb-chip-teal-bg); }
.hb-cases .hb-case--teal .hb-title-text,
.hb-cases .hb-case--teal .hb-title-divider { color: var(--hb-chip-teal-text); background: var(--hb-chip-teal-text); }

.hb-title-text{
    background: none!important;
}

/* Párrafo */
.hb-cases .hb-desc { font-size: 1rem; }

/* Tags inferiores */
.hb-cases .hb-tags .hb-tag {
  background: var(--hb-tag-bg);
  color: var(--hb-teal);
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 0.92rem;
  line-height: 1;
}

/* ===== Responsive ===== */
@media (max-width: 767.98px) {
  .hb-cases .hb-logo-wrap { padding: 16px; }
  .hb-cases .hb-logo { max-height: 64px; }

  .hb-cases .hb-label { font-size: 1rem; }         /* balance móvil */
  .hb-cases .hb-title-pill { padding: 9px 14px 9px 10px; min-height: 42px; }
  .hb-cases .hb-title-ellipse { width: 28px; height: 28px; flex-basis: 28px; }
  .hb-cases .hb-title-text { font-size: 1.05rem; }
  .hb-cases .hb-title-desc { font-size: 0.95rem; }
}

/* ===== HB Business Cases – PATCH OVERRIDE con !important ===== */
/* Pega este bloque AL FINAL de tu CSS actual */

/* 1) Divider gris entre logo y contenido → 8px de ancho y más alto */
@media (min-width: 768px) {
  #hb-business-cases .hb-logo-col{
    position: relative !important;
    border-right: none !important; /* anulamos el borde anterior */
  }
  #hb-business-cases .hb-logo-col::after{
    content: "" !important;
    position: absolute !important;
    right: -4px !important;              /* centra el “palo” con 8px de ancho */
    top: -30% !important;                 /* ↑ más alto: ajusta si quieres más */
    bottom: 8px !important;              /* ↑ más alto: ajusta si quieres más */
    width: 6px !important;               /* grosor solicitado */
    background: var(--hb-divider, #CFCFCF) !important;
    border-radius: 20px !important;      /* borde redondeado */
    display: block !important;
            height: 160%;
  }
}

/* 2) Pill del título 100% responsive (envoltura correcta) */
#hb-business-cases .hb-title-line{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .5rem !important;
  overflow: visible !important;
}

#hb-business-cases .hb-title-pill{
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;          /* permite salto de línea dentro del pill */
  gap: 10px !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 10px 18px 10px 12px !important;
  border-radius: 999px !important;
}

#hb-business-cases .hb-title-pill > *{
  min-width: 0 !important;            /* evita desbordes en flex */
}

#hb-business-cases .hb-title-ellipse{
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  margin-left: 6px !important;
  margin-right: 8px !important;
  border-radius: 50% !important;
}

#hb-business-cases .hb-title-text{
  white-space: nowrap !important;      /* el título en una sola línea */

}



/* 3) Ajustes finos en móviles */
@media (max-width: 575.98px){
  #hb-business-cases .hb-title-ellipse{
    width: 26px !important; height: 26px !important; flex-basis: 26px !important;
  }
  #hb-business-cases .hb-title-text{
    font-size: 1.06rem !important;
  }
  #hb-business-cases .hb-title-desc{
    font-size: .95rem !important;
  }
  #hb-business-cases .hb-title-pill{
    padding: 8px 12px !important;
  }
  

#hb-business-cases .hb-title-pill {border-radius:8px!important;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7f4030af *//* ===== HB – Botones flotantes (FAB stack) ===== */
.hb-fabs{
  position: fixed;
  right: clamp(16px, 2.2vw, 28px);
  bottom: calc(clamp(16px, 2.2vw, 28px) + env(safe-area-inset-bottom, 0px));
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 14px;
  z-index: 1040; /* por encima de navbars/offcanvas */
}

/* FAB base: mismo tamaño para ambos */
.hb-fab{
  --hb-fab-size: 96px;
  width: var(--hb-fab-size);
  height: var(--hb-fab-size);
  border-radius: 50%;
  background: none;
  box-shadow: 0 8px 18px rgba(0,0,0,.22);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease;
  position: relative;
  overflow: visible; /* <- permite que el badge sobresalga */
}
.hb-fab:hover{ transform: scale(1.06); box-shadow: 0 10px 24px rgba(0,0,0,.28); }

/* Wrapper que recorta SOLO la imagen (círculo perfecto) */
.hb-fab-media{
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;           /* <- recorta la imagen */
}
.hb-fab-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Badge de WhatsApp que sobresale */
.hb-fab--whatsapp .hb-fab-badge{
  position: absolute;
  top: -8px;      /* sobresale */
  left: -8px;     /* sobresale */
  width: 42px;
  height: 42px;
  background: #25D366;
  border: 3px solid #FFFFFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.hb-fab--whatsapp .hb-fab-badge img{
  width: 60%;
  height: 60%;
  object-fit: contain;
}

/* Responsive */
@media (max-width: 991.98px){
  .hb-fab{ --hb-fab-size: 80px; }
  .hb-fab--whatsapp .hb-fab-badge{ width: 34px; height: 34px; border-width: 3px; top:-7px; left:-7px; }
}
@media (max-width: 767.98px){
  .hb-fab{ --hb-fab-size: 64px; }
  .hb-fab--whatsapp .hb-fab-badge{ width: 26px; height: 26px; border-width: 2px; top:-6px; left:-6px; }
}
@media (prefers-reduced-motion: reduce){
  .hb-fab{ transition: none; }
  .hb-fab:hover{ transform:none; }
}

/* ===== Ajustes SOLO para el FAB superior ===== */

/* 1) Que NO recorte la imagen (la imagen ya es circular de origen) */
.hb-fab--primary .hb-fab-media{
  border-radius: 0 !important;
  overflow: visible !important;   /* permite que sobresalga su propio badge */
}
.hb-fab--primary .hb-fab-media img{
  border-radius: 0 !important;
  object-fit: contain !important; /* muestra la imagen completa tal cual */
}

/* 2) Hacerlo ligeramente más grande que el inferior */
.hb-fab--primary{
  --hb-fab-size: 104px; /* antes 96px */
}

@media (max-width: 991.98px){     /* tablet */
  .hb-fab--primary{ --hb-fab-size: 88px; }  /* el otro está en 80px */
}
@media (max-width: 767.98px){     /* móvil */
  .hb-fab--primary{ --hb-fab-size: 70px; }  /* el otro está en 64px */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42bde8d4 *//* ==========  FOOTER HERO DOC  ========== */
.herodoc-footer-wrapper{
  background:#178274;               /* verde fondo */
  color:#fff;
  font-family:'Montserrat',sans-serif;
  margin:0;
}

.herodoc-footer-bg{border-radius:50px 50px 0 0}
.herodoc-footer-content{padding:3rem 5rem}
.herodoc-footer-main{
  display:flex;justify-content:space-between;align-items:flex-start;
  flex-wrap:wrap;gap:2.5rem
}

/* ---------- izquierda ---------- */
.herodoc-footer-left{display:flex;flex-direction:column;gap:1.25rem}
.herodoc-footer-kicker{
  font-size:13px; letter-spacing:.12em; font-weight:800; opacity:.9;
  text-transform:uppercase; margin-bottom:.25rem;
}
.herodoc-footer-logo img{max-width:250px;height:auto}

.herodoc-footer-menus{display:flex;gap:4rem;flex-wrap:wrap;margin-top:1rem}
.herodoc-footer-column h4{
  font-size:16px;font-weight:800;margin-bottom:.6rem;text-transform:uppercase
}
.herodoc-footer-column ul{list-style:none;margin:0;padding:0}
.herodoc-footer-column li a{
  font-size:13px;font-weight:600;line-height:1.65;color:#fff;text-decoration:none
}
.herodoc-footer-column li a:hover{text-decoration:underline}

/* sello SSL */
.ssl-badge{max-width:120px!important;margin-top:1rem}

/* ---------- derecha ---------- */
.herodoc-footer-right{display:flex;flex-direction:column;align-items:baseline;gap:1.25rem}
.herodoc-footer-social{display:flex;gap:1rem}
.herodoc-footer-social img{width:44px;height:44px;object-fit:contain}

.herodoc-contact-button{
  background:#98FFE7 !important;
  color:#178274 !important;
  border:none;border-radius:20px;
  font-size:16px;font-weight:700;padding:12px 50px;
  text-decoration:none;transition:transform .2s ease, filter .2s ease;text-align:center;
  box-shadow:0 2px 0 rgba(0,0,0,.18);
}
.herodoc-contact-button:hover{transform:translateY(-1px);filter:saturate(1.05)}

/* contacto extra */
.footer-contact-info{display:flex;flex-direction:column;gap:.75rem;max-width:300px}
.contact-item{display:flex;align-items:flex-start;gap:.6rem;font-size:13px;font-weight:600;line-height:1.45}
.contact-item a{color:#fff;text-decoration:underline}
.contact-icon{width:18px;height:18px;margin-top:2px}

/* ---------- fila inferior ---------- */
.herodoc-footer-bottom{
  margin-top:3rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.25);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem
}
.herodoc-footer-rights{font-size:12px;font-weight:600;margin:0}

.herodoc-legal-links a{
  font-size:12px;font-weight:600;color:#fff;text-decoration:none;white-space:nowrap
}
.herodoc-legal-links a:hover{text-decoration:underline}

.rhodium-brand{
  order:3; width:100%; display:flex; justify-content:center; margin-top:1.25rem;
}

/* ---------- responsive ---------- */
@media(max-width:992px){
  .herodoc-footer-content{padding:2.5rem 2rem}
  .herodoc-footer-right{align-items:center}
}

@media(max-width:768px){
  .herodoc-footer-main{flex-direction:column;align-items:center;text-align:center}
  .herodoc-footer-left,.herodoc-footer-menus{align-items:center;text-align:center}
  .herodoc-footer-right{align-items:center}
  .footer-contact-info{align-items:center;text-align:center}
  .herodoc-footer-bottom{flex-direction:column;align-items:center}
  .herodoc-footer-menus{flex-wrap:nowrap}
}/* End custom CSS */