:root {
  --medesk-bg: #ffffff;
  --medesk-bg-soft: #f5f7f6;
  --medesk-bg-mint: linear-gradient(155deg, #e8f4ec 0%, #f2faf5 40%, #ffffff 100%);
  /* Novi medesk marketing blok (light-green) */
  --medesk-gradient-wave: linear-gradient(to top, rgba(214, 239, 214, 0.8) 0%, #ffffff 69.71%);
  --medesk-section-curve: 0 0 80px 80px;
  --medesk-section-curve-sm: 0 0 24px 24px;
  --medesk-text: #2c2c2c;
  --medesk-text-muted: #5c6368;
  --medesk-p: #404040;
  --medesk-green: #1d8927;
  --medesk-green-hover: #219e2d;
  --medesk-green-dark: #166b1c;
  --medesk-green-soft: #e8f5e9;
  --medesk-radius: 8px;
  --medesk-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
  --medesk-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --medesk-split-max: 1140px;
  --medesk-split-gutter: 15px;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, sans-serif !important;
  color: var(--medesk-text) !important;
  background: var(--medesk-bg) !important;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-family: "Noto Sans", sans-serif !important;
  color: var(--medesk-text) !important;
  font-weight: 700 !important;
}

p {
  color: var(--medesk-p) !important;
}

/* Jače od restyle #home p { color: #fff } */
#dtr-main-content #home p {
  color: var(--medesk-p) !important;
  opacity: 1 !important;
}

li {
  color: var(--medesk-text-muted);
}

/* restyle #home ul li { color: #fff } — tamna boja u hero */
#dtr-main-content #home ul li {
  color: var(--medesk-p) !important;
}

#dtr-main-content #home ul li span {
  color: inherit !important;
}

/* Checkmark liste: ikona u redu sa tekstom, tekst se lama pored ikone (ne ispod) */
ul.bullet-list,
ul.bullet-list-dark,
ul.bullet-list.bullet-svg {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

ul.bullet-list li,
ul.bullet-list-dark li,
ul.bullet-list.bullet-svg li {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  margin-bottom: 0.75rem;
}

ul.bullet-list li:last-child,
ul.bullet-list-dark li:last-child,
ul.bullet-list.bullet-svg li:last-child {
  margin-bottom: 0;
}

ul.bullet-list li > span {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  flex: 1 1 auto;
  min-width: 0;
}

ul.bullet-list li img.svg-image,
ul.bullet-list-dark li img.svg-image,
ul.bullet-list.bullet-svg li img.svg-image {
  flex: 0 0 auto;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  margin-top: 0.2em !important;
  object-fit: contain;
  vertical-align: top;
}

#dtr-main-content ul.bullet-list-dark li,
#dtr-main-content ul.bullet-list.bullet-svg li {
  color: var(--medesk-p) !important;
}

#dtr-main-content .es-bullet {
  border: none !important;
  padding-left: 0px !important;
}

/* Finalni CTA: redesign.css postavlja ul.bullet-list.bullet-svg kao flex + centar — blok lista kao na psychology LP */
#dtr-main-content .medesk-final-cta ul.bullet-list.bullet-svg,
#dtr-main-content .medesk-final-cta ul.bullet-list.bullet-svg.bullet-middle {
  display: block !important;
  justify-content: flex-start !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
}

#dtr-main-content .medesk-final-cta .es-bullet {
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

#dtr-main-content .medesk-final-cta ul.bullet-list.bullet-svg li > span {
  border: none !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  line-height: 1.45 !important;
  color: var(--medesk-p) !important;
}

a {
  color: var(--medesk-green-dark);
}

a:hover {
  color: var(--medesk-green);
}

/* Linkovi u tekstu CMS blokova (npr. software-medico-2) — zelena umesto stare plave #2a527a */
#dtr-main-content .md-block .block-text a:not(.dtr-btn):not(.btn):not(.item-href),
#dtr-main-content .md-block .li-text a:not(.dtr-btn):not(.btn):not(.item-href) {
  color: var(--medesk-green) !important;
}

#dtr-main-content .md-block .block-text a:not(.dtr-btn):not(.btn):not(.item-href):hover,
#dtr-main-content .md-block .li-text a:not(.dtr-btn):not(.btn):not(.item-href):hover {
  color: var(--medesk-green-hover) !important;
}

/* software-medico-2 y páginas con .md-content: CTA verde = mismo tamaño/tipo que .medesk-final-cta */
#dtr-main-content .md-content .md-block a.dtr-btn.btn-green {
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  padding: 12px 28px !important;
  border-radius: var(--medesk-radius) !important;
  border: 2px solid var(--medesk-green) !important;
  background-color: var(--medesk-green) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(29, 137, 39, 0.28) !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

#dtr-main-content .md-content .md-block a.dtr-btn.btn-green:hover,
#dtr-main-content .md-content .md-block a.dtr-btn.btn-green:focus-visible {
  background-color: var(--medesk-green-hover) !important;
  border-color: var(--medesk-green-hover) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(33, 158, 45, 0.35) !important;
}

/* Hero con foto (sin .medesk-hero--co-centered, p. ej. software-medico-2): mismo CTA */
#dtr-main-content #home.medesk-hero:not(.medesk-hero--co-centered) a.dtr-btn.btn-green {
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  padding: 12px 28px !important;
  border-radius: var(--medesk-radius) !important;
  border: 2px solid var(--medesk-green) !important;
  background-color: var(--medesk-green) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(29, 137, 39, 0.28) !important;
}

#dtr-main-content #home.medesk-hero:not(.medesk-hero--co-centered) a.dtr-btn.btn-green:hover,
#dtr-main-content #home.medesk-hero:not(.medesk-hero--co-centered) a.dtr-btn.btn-green:focus-visible {
  background-color: var(--medesk-green-hover) !important;
  border-color: var(--medesk-green-hover) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(33, 158, 45, 0.35) !important;
}

.color-green {
  color: var(--medesk-green) !important;
}

#dtr-main-content .dtr-section h2.color-green,
#dtr-main-content .dtr-section h2.font-li {
  color: #000 !important;
}

/* Titulares centrados (CO LP): en móvil redesign.css deja h2 a ~36px — alinear a escala tipo .medesk-trial-cta__title */
@media (max-width: 767px) {
  #dtr-main-content .dtr-section h2.color-green.center {
    font-size: clamp(1.15rem, 5vw, 1.4rem) !important;
    line-height: 1.3 !important;
  }
}

.center {
  text-align: center;
}

/* redesign.css @640px fuerza header#dtr-header-global { display:block } y se duplica con .dtr-responsive-header */
@media (max-width: 992px) {
  header#dtr-header-global {
    display: none !important;
  }
}

#dtr-header-global,
.dtr-responsive-header {
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  border-bottom: none;
}

/* Header logo */
#dtr-header-global img.logo-main,
.dtr-responsive-header img.logo-main {
  width: 200px !important;
  max-width: 100% !important;
  height: auto !important;
}

.medesk-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  flex-wrap: wrap;
}

.dtr-btn,
.dtr-btn:hover,
input[type="submit"],
.btn-green {
  background-color: var(--medesk-green) !important;
  border-color: var(--medesk-green) !important;
  color: #fff !important;
  border-radius: var(--medesk-radius) !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  line-height: 1.4 !important;
  padding: 12px 28px !important;
  border: 2px solid var(--medesk-green) !important;
  box-shadow: 0 2px 8px rgba(29, 137, 39, 0.28);
  transition: background 0.2s, border-color 0.2s, box-shadow 0.2s, filter 0.2s;
}

.dtr-btn:hover {
  background-color: var(--medesk-green-hover) !important;
  border-color: var(--medesk-green-hover) !important;
  box-shadow: 0 4px 16px rgba(33, 158, 45, 0.35);
  filter: none;
}

/* U headeru kompaktnije dugme (telo: 12px / 28px iz .dtr-btn iznad) */
#dtr-header-global .medesk-header-actions a.dtr-btn,
.dtr-responsive-header .medesk-header-actions a.dtr-btn {
  float: none !important;
  margin-top: 0 !important;
  padding: 8px 18px !important;
  font-size: 0.875rem !important;
  line-height: 1.35 !important;
  border-width: 2px !important;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

#dtr-header-global .medesk-header-actions a.dtr-btn:hover,
.dtr-responsive-header .medesk-header-actions a.dtr-btn:hover {
  filter: none;
}

.dtr-responsive-header.fixed-top.fix-en-top .medesk-header-actions a.dtr-btn {
  margin-top: 0 !important;
}

@media (max-width: 500px) {
  .dtr-responsive-header.fixed-top .medesk-header-actions a.dtr-btn {
    margin-top: 0 !important;
  }
}

.medesk-hero {
  background: var(--medesk-gradient-wave) !important;
  background-image: var(--medesk-gradient-wave) !important;
  position: relative;
  overflow: hidden;
  border-radius: var(--medesk-section-curve);
  transition: box-shadow 0.5s var(--medesk-ease-out);
}

@media (max-width: 768px) {
  .medesk-hero {
    border-radius: var(--medesk-section-curve-sm);
  }
}

.medesk-hero .dtr-overlay,
.medesk-hero .dtr-overlay-green {
  display: none !important;
}

.medesk-hero .dtr-overlay-content {
  position: relative;
  z-index: 2;
}

.medesk-hero h1.color-white,
.medesk-hero .color-white:not(.dtr-btn) {
  color: var(--medesk-text) !important;
}

.medesk-hero h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  line-height: 1.2;
}

.medesk-hero .hero-lead,
.medesk-hero p.text-size-md.color-white {
  color: var(--medesk-p) !important;
}

.medesk-hero .dtr-btn {
  color: #fff !important;
}

.medesk-hero .bullet-list li span {
  color: inherit;
}

/* Hero (#home): isti čitljiviji body kao psychology LP — iznad restyle 16px + uske small-text / rated */
#dtr-main-content #home.medesk-hero .hero-lead,
#dtr-main-content #home.medesk-hero p.text-size-md.color-white {
  font-size: 1.125rem !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
}

#dtr-main-content #home.medesk-hero ul.bullet-list li,
#dtr-main-content #home.medesk-hero ul.bullet-list li > span {
  font-size: 1.125rem !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
}

#dtr-main-content #home.medesk-hero .hero-rated-line {
  font-size: 1rem !important;
}

#dtr-main-content #home.medesk-hero p.small-text.small-text-ru {
  color: var(--medesk-p) !important;
  opacity: 0.88 !important;
  font-size: 0.9375rem !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

/* CMS .md-content: ScrollMe/animateme ostavlja opacity 0 ili ~0.05 na .image ako skripta ne završi animaciju — slike moraju biti potpuno vidljive */
#dtr-main-content .md-content .image.animateme.scrollme,
#dtr-main-content .md-content .image.animateme.scrollme.visible {
  opacity: 1 !important;
}

#dtr-main-content .md-content .image.animateme.scrollme img,
#dtr-main-content .md-content .image.animateme.scrollme picture {
  opacity: 1 !important;
}

/* CMS .md-content: kontejner kao Bootstrap .container (main.css više nije na LP-u) */
#dtr-main-content .md-content {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

/* software-medico-2: .md-content direktno u #dtr-main-content nema .dtr-section — dodaj vertikalni ritam kao dtr-py-50 */
body.medesk-page-software-medico-2 #dtr-main-content > .md-content {
  padding-top: clamp(1.75rem, 3.5vw, 3.125rem);
  padding-bottom: clamp(1.75rem, 3.5vw, 3.125rem);
}

/* Dvokolonski blokovi tekst + slika */
#dtr-main-content .md-block-text-media-col-2 > .block-inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
  width: 100%;
}

#dtr-main-content .md-block-text-media-col-2 .inner-col.inner-media {
  text-align: center;
}

@media (min-width: 768px) {
  #dtr-main-content .md-block-text-media-col-2 > .block-inner {
    flex-direction: row;
    align-items: center;
    gap: 2rem;
  }

  #dtr-main-content .md-block-text-media-col-2.md-block-ext-swap-columns > .block-inner {
    flex-direction: row-reverse;
  }

  #dtr-main-content .md-block-text-media-col-2 > .block-inner > .inner-col.inner-content,
  #dtr-main-content .md-block-text-media-col-2 > .block-inner > .inner-col.inner-media {
    flex: 1 1 0;
    min-width: 0;
  }

  #dtr-main-content .md-block-text-media-col-2 .inner-col.inner-media {
    text-align: initial;
  }
}

#dtr-main-content .md-content .md-block-action-button {
  margin-top: 30px;
  box-sizing: border-box;
}

#dtr-main-content .md-content .md-block-action-button .block-inner {
  text-align: center;
  padding-top: 0.35rem;
  padding-bottom: 1.25rem;
  box-sizing: border-box;
}

/* Opinión (software-medico-2): referenca — serif naslov, pill CTA, horizontalni citat s obrubom na avataru */
#dtr-main-content .md-block-header-text.medesk-opinion-intro {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 clamp(1.75rem, 3.5vw, 2.75rem);
  box-sizing: border-box;
  text-align: center;
}

#dtr-main-content .md-block-header-text.medesk-opinion-intro .block-header {
  text-align: center !important;
}

#dtr-main-content .md-block-header-text.medesk-opinion-intro .medesk-opinion-intro__main-title {
  font-family: "Lora", Georgia, "Times New Roman", serif !important;
  font-weight: 700 !important;
  font-size: clamp(1.65rem, 3.2vw, 2.125rem) !important;
  line-height: 1.22 !important;
  color: #1a1a1a !important;
  margin: 0 0 0.65rem !important;
  letter-spacing: -0.02em;
}

#dtr-main-content .md-block-header-text.medesk-opinion-intro .medesk-opinion-intro__sub.block-text {
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

#dtr-main-content .md-block-header-text.medesk-opinion-intro .medesk-opinion-intro__cta-wrap {
  margin: 0 !important;
  display: flex;
  justify-content: center;
  width: 100%;
}

#dtr-main-content .md-block-header-text.medesk-opinion-intro .medesk-opinion-intro__reviews-link {
  display: inline-block;
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
  padding: 3px !important;
  margin: 0 !important;
  border-radius: 6px;
  background: var(--medesk-green-soft, #e8f5e9) !important;
  color: var(--medesk-green-dark, #166b1c) !important;
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 0.9375rem !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  border: 1px solid rgba(29, 137, 39, 0.12);
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

#dtr-main-content .md-block-header-text.medesk-opinion-intro .medesk-opinion-intro__reviews-link:hover,
#dtr-main-content .md-block-header-text.medesk-opinion-intro .medesk-opinion-intro__reviews-link:focus-visible {
  background: rgba(29, 137, 39, 0.12) !important;
  color: var(--medesk-green-dark, #145a19) !important;
  border-color: rgba(29, 137, 39, 0.22);
}

#dtr-main-content .md-block-feedback-list.medesk-opinion-feedback {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0 clamp(2rem, 4vw, 3rem);
  box-sizing: border-box;
}

#dtr-main-content .md-block-feedback-list.medesk-opinion-feedback .block-inner {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: min(52rem, 100%);
  margin-left: auto;
  margin-right: auto;
  align-items: stretch;
}

#dtr-main-content .md-block-feedback-list.medesk-opinion-feedback .quote {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: clamp(1rem, 3vw, 1.75rem);
  margin: 0;
  padding: 0 0 clamp(2rem, 4vw, 2.75rem);
  background: transparent;
  border-radius: 0;
  border: none;
  box-sizing: border-box;
}

#dtr-main-content .md-block-feedback-list.medesk-opinion-feedback .quote:last-child {
  padding-bottom: 0;
}

/* Parni redovi: avatar desno, tekst levo od slike — kao referenca, bez linija između */
@media (min-width: 481px) {
  #dtr-main-content .md-block-feedback-list.medesk-opinion-feedback .quote:nth-child(even) {
    flex-direction: row-reverse;
  }

  #dtr-main-content .md-block-feedback-list.medesk-opinion-feedback .quote:nth-child(even) .block-text {
    text-align: right !important;
  }

  #dtr-main-content .md-block-feedback-list.medesk-opinion-feedback .quote:nth-child(even) .person-quote p {
    text-align: right !important;
  }
}

#dtr-main-content .md-block-feedback-list.medesk-opinion-feedback .quote .img-wrapper {
  flex-shrink: 0;
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 50%;
  border: 3px solid #e1f0f7;
  overflow: hidden;
  box-sizing: border-box;
  background: #fff;
}

#dtr-main-content .md-block-feedback-list.medesk-opinion-feedback .quote .img-wrapper picture {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0;
}

#dtr-main-content .md-block-feedback-list.medesk-opinion-feedback .quote .person-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

#dtr-main-content .md-block-feedback-list.medesk-opinion-feedback .quote .block-text {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left !important;
  padding-top: 0.15rem;
}

#dtr-main-content .md-block-feedback-list.medesk-opinion-feedback .person-name {
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.0625rem !important;
  line-height: 1.35 !important;
  color: #333 !important;
  margin-bottom: 0.35rem !important;
}

#dtr-main-content .md-block-feedback-list.medesk-opinion-feedback .person-title {
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.9375rem !important;
  line-height: 1.45 !important;
  color: #666 !important;
  margin-bottom: 0.85rem !important;
}

#dtr-main-content .md-block-feedback-list.medesk-opinion-feedback .person-quote p {
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
  color: #666 !important;
  text-align: left !important;
  margin-bottom: 0 !important;
}

@media (max-width: 480px) {
  #dtr-main-content .md-block-feedback-list.medesk-opinion-feedback .quote {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1rem;
  }

  #dtr-main-content .md-block-feedback-list.medesk-opinion-feedback .quote .block-text,
  #dtr-main-content .md-block-feedback-list.medesk-opinion-feedback .quote .person-quote p {
    text-align: center !important;
  }
}

/* Explore: puni red kao ostale sekcije — Bootstrap .container (software-medico-2.html) */
#dtr-main-content .medesk-explore-platform > .container {
  box-sizing: border-box;
}

#dtr-main-content .medesk-explore-platform .center.mt-40 {
  box-sizing: border-box;
}

/* Hero Colombia LP — centrirani blok (software-para-psicologos-co) */
.medesk-hero--co-centered {
  overflow: visible;
}

/* Samo ≤992px: redesign .dtr-section-with-bg (npr. 160vh + 28% margin) pravi ogroman razmak do logotipa; desktop ostaje kao u redesign.css */
@media (max-width: 991.98px) {
  #home.medesk-hero.medesk-hero--co-centered.dtr-section-with-bg {
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
  }
}

.medesk-hero--co-centered .medesk-hero-co__eyebrow {
  margin-bottom: 0.45rem;
}

.medesk-hero--co-centered .medesk-hero-co__eyebrow .flag {
  height: 14px;
  width: auto;
  vertical-align: middle;
}

.medesk-hero--co-centered .medesk-hero-co__eyebrow .flag-p {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  line-height: 1.2;
}

.medesk-hero--co-centered .medesk-hero-co__pre.pre-header {
  margin-top: 0 !important;
  margin-bottom: 0.75rem !important;
  text-align: center !important;
  color: var(--medesk-text-muted) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.35 !important;
}

.medesk-hero--co-centered .flag-p {
  color: var(--medesk-text) !important;
}

.medesk-hero--co-centered .medesk-hero-co__title {
  font-family: "Lora", Georgia, "Times New Roman", serif;
  font-weight: 700;
  color: var(--medesk-text) !important;
  font-size: clamp(1.85rem, 4.2vw, 3rem);
  line-height: 1.16;
  margin: 0 0 1.15rem;
  text-wrap: balance;
}

.medesk-hero--co-centered .medesk-hero-co__lead,
.medesk-hero--co-centered .medesk-hero-co__sub {
  color: var(--medesk-p) !important;
  text-align: center !important;
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.55;
}

.medesk-hero--co-centered .medesk-hero-co__lead {
  font-size: clamp(1rem, 1.35vw, 1.125rem);
  margin-bottom: 0.75rem;
}

.medesk-hero--co-centered .medesk-hero-co__sub {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.medesk-hero--co-centered .medesk-hero-co__cta-wrap {
  margin: 0.5rem 0 0;
}

.medesk-hero-co__checks-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 0.35rem 0.5rem;
  margin: 1.1rem auto 0;
  padding: 0 0.25rem;
  max-width: 100%;
  font-size: 0.8125rem;
  line-height: 1.35;
  color: var(--medesk-p) !important;
  text-align: center;
}

.medesk-hero-co__check-item {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  white-space: nowrap;
  color: inherit;
}

.medesk-hero-co__check-item .svg-image {
  width: 15px !important;
  height: 15px !important;
  margin: 0 !important;
  flex-shrink: 0;
  object-fit: contain;
}

.medesk-hero-co__check-sep {
  color: var(--medesk-text-muted);
  font-weight: 400;
  user-select: none;
  flex-shrink: 0;
}

.medesk-hero-co__visual {
  width: 100%;
  max-width: 56rem;
  margin: 2.5rem auto 0;
  padding-bottom: clamp(0.5rem, 2vw, 1.5rem);
}

.medesk-hero-co__visual-img {
  display: block;
  width: 100%;
  max-width: 900px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  border-radius: 14px;
  box-shadow: 0 22px 56px rgba(15, 40, 25, 0.14);
}

.medesk-hero-co__social {
  margin-top: 1.5rem;
  text-align: center;
}

.medesk-hero--co-centered .medesk-hero-co__rated-line.hero-rated-line {
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}

@media (max-width: 1100px) {
  .medesk-hero-co__checks-row {
    flex-wrap: wrap;
    row-gap: 0.4rem;
  }

  .medesk-hero-co__check-item {
    white-space: normal;
  }
}

@media (max-width: 575px) {
  .medesk-hero-co__visual {
    margin-top: 2rem;
    padding-bottom: 0;
  }

  .medesk-hero-co__checks-row {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0.35rem;
    font-size: 0.8rem;
  }

  .medesk-hero-co__check-sep {
    display: none;
  }
}

/* Colombia LP — testimonio: curva inferior como .medesk-surface-wave, gradiente gris claro → blanco */
.medesk-co-quote-section {
  border-radius: 0 0 80px 80px;
  overflow: hidden;
  background: linear-gradient(
    to top,
    rgba(241, 244, 247, 0.8) 2.4%,
    rgba(241, 244, 247, 0.6) 36.53%,
    #fff 60.25%
  ) !important;
  border-top: none;
  border-bottom: none;
  padding-top: clamp(2.5rem, 5vw, 3.75rem) !important;
  padding-bottom: clamp(2.5rem, 5vw, 3.75rem) !important;
}

@media (max-width: 768px) {
  .medesk-co-quote-section {
    border-radius: 0 0 24px 24px;
  }
}

.medesk-co-quote-section__card {
  max-width: 44rem;
  margin-left: auto;
  margin-right: auto;
  padding: clamp(0.35rem, 2vw, 0.85rem) clamp(1rem, 3vw, 1.5rem);
  border-radius: 0;
  background: transparent !important;
  border: none;
  box-shadow: none !important;
}

.medesk-co-quote-section__stars {
  margin-bottom: 1.25rem !important;
  filter: none;
}

.medesk-co-quote-section__quote {
  font-size: clamp(1.05rem, 2vw, 1.2rem) !important;
  line-height: 1.6 !important;
  color: var(--medesk-p) !important;
  text-shadow: none !important;
}

.medesk-co-quote-section__quote b {
  color: var(--medesk-text) !important;
  font-weight: 700 !important;
}

.medesk-co-quote-section__avatar {
  margin-top: 1.35rem !important;
  border: none !important;
  box-shadow: none !important;
}

.medesk-co-quote-section__byline {
  color: var(--medesk-text-muted) !important;
  text-shadow: none !important;
}

.medesk-co-quote-section__name {
  color: var(--medesk-text) !important;
  font-weight: 700 !important;
}

/* Colombia LP — dos tarjetas “dolor”: alineación izquierda, CTA al pie */
.medesk-pain-pair {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: clamp(1.35rem, 3.2vw, 2.15rem);
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.medesk-pain-pair__card.medeks-box {
  display: flex;
  flex-direction: column;
  flex: 1 1 300px;
  max-width: 460px;
  margin-top: 0 !important;
  padding: clamp(1.5rem, 3.2vw, 2.15rem) clamp(1.2rem, 2.8vw, 1.85rem) !important;
  background: #fff !important;
  border: 1px solid rgba(29, 137, 39, 0.14);
  border-radius: 14px;
  box-shadow:
    0 10px 36px rgba(15, 40, 25, 0.07),
    0 1px 0 rgba(255, 255, 255, 0.95) inset;
  text-align: left;
}

.medesk-pain-pair__card .box-icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 0.85rem;
  margin-bottom: 0.35rem;
  text-align: left;
}

/* Iste kao .medesk-feature-icon: svetlozeleni gradient + Medesk zeleni fill */
.medesk-pain-pair__head-icon {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #e9f7eb 0%, #d6efd6 100%);
  border: 1px solid rgba(29, 137, 39, 0.2);
  box-shadow: 0 8px 18px rgba(29, 137, 39, 0.12);
}

.medesk-pain-pair__head-icon svg {
  width: 26px;
  height: 26px;
  fill: var(--medesk-green);
}

.medesk-pain-pair__card .box-icons h2 {
  flex: 1;
  min-width: 0;
  margin: 0;
  color: var(--medesk-text) !important;
  text-align: left !important;
  font-size: clamp(1.15rem, 2vw, 1.35rem) !important;
  line-height: 1.3 !important;
}

.medesk-pain-pair__lead {
  margin: 0.65rem 0 1rem;
  font-size: 1rem !important;
  line-height: 1.55 !important;
  color: var(--medesk-p) !important;
  text-align: left !important;
}

.medesk-pain-pair__list {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  max-width: none;
  padding-left: 0 !important;
  padding-bottom: 0.75rem;
  flex: 1 1 auto;
}

.medesk-pain-pair__list li {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.85rem !important;
  color: var(--medesk-p) !important;
  font-size: 0.9375rem !important;
  line-height: 1.45 !important;
}

.medesk-pain-pair__list li img.medesk-pain-pair__list-icon.svg-image {
  flex: 0 0 18px;
  width: 18px !important;
  height: 18px !important;
  max-width: 18px;
  object-fit: contain;
  margin: 0 !important;
  align-self: center;
}

.medesk-pain-pair__cta.dtr-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0.35rem;
  margin-top: auto !important;
  align-self: stretch;
  width: 100%;
  box-sizing: border-box !important;
  min-height: 48px;
  padding: 12px 28px !important;
  line-height: 1.4 !important;
  border-width: 2px !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.medesk-pain-pair__cta.dtr-btn:hover,
.medesk-pain-pair__cta.dtr-btn:focus {
  padding: 12px 28px !important;
  min-height: 48px !important;
  line-height: 1.4 !important;
  border-width: 2px !important;
}

/* Colombia LP — Pasos 1–5: imagen a ancho de la columna, sin recorte (contain + height auto) */
@media (min-width: 992px) {
  .medesk-co-paso .medesk-split-section__inner {
    align-items: center;
  }

  .medesk-co-paso .medesk-split-section__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .medesk-co-paso .medesk-split-section__asset {
    min-height: 0;
  }

  .medesk-co-paso.medesk-section .medesk-split-section--media-start .medesk-split-section__asset--align-start > img,
  .medesk-co-paso.medesk-section .medesk-split-section--media-end .medesk-split-section__asset--align-end > img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block;
  }
}

.medesk-co-paso.medesk-section .medesk-split-section__asset > img:not(.svg-image) {
  border-radius: 0 !important;
}

.medesk-co-paso ul.bullet-list-dark.border-line li {
  color: var(--medesk-p) !important;
}

.medesk-co-paso .fs-16 {
  color: var(--medesk-p) !important;
}

@media (min-width: 768px) {
  .medesk-co-paso.medesk-section .medesk-split-section__asset > img:not(.svg-image):not(.mh-badge):hover {
    transform: none !important;
    box-shadow: none !important;
  }
}

.medesk-co-paso .steps {
  color: var(--medesk-green-dark) !important;
}

.medesk-co-paso .h2-steps {
  color: var(--medesk-text) !important;
}

.medesk-co-paso .medesk-co-paso__intro,
.medesk-co-paso .medesk-split-section__copy > p.text-left {
  color: var(--medesk-p) !important;
}

.medesk-co-paso ul.bullet-list-dark.border-line {
  border-bottom-color: rgba(29, 137, 39, 0.18) !important;
}

.medesk-co-paso .medesk-co-paso__review .review-text,
.medesk-co-paso .review-section .review-text {
  color: var(--medesk-p) !important;
}

.medesk-co-paso .review-text b:not(.green-text) {
  color: var(--medesk-text) !important;
}

.medesk-co-paso .green-text {
  color: var(--medesk-green) !important;
}

.medesk-co-paso .light-text {
  color: var(--medesk-text-muted) !important;
}

.medesk-co-paso .review-name b {
  color: var(--medesk-text) !important;
}

li.es-bullet {
  margin-bottom: 20px !important;
}

/* Colombia LP — #pattern2 “Potencia tu consultorio…” (mint gradient, Lora, checkmarks Medesk) */
section#pattern2.medesk-potencia-cta {
  position: relative;
  overflow: hidden;
  background: var(--medesk-bg-mint) !important;
  background-image: var(--medesk-bg-mint) !important;
  border-radius: var(--medesk-section-curve);
  padding-top: clamp(2.75rem, 6vw, 5rem) !important;
  padding-bottom: clamp(2.75rem, 6vw, 5rem) !important;
}

@media (max-width: 768px) {
  section#pattern2.medesk-potencia-cta {
    border-radius: var(--medesk-section-curve-sm);
  }
}

section#pattern2.medesk-potencia-cta .medesk-potencia-cta__container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.medesk-potencia-cta__row {
  --medesk-potencia-gap: clamp(1.75rem, 4vw, 3rem);
  row-gap: var(--medesk-potencia-gap);
}

/* Pobeda nad restyle h2.font-li { font-weight: 500 !important } */
#dtr-main-content h2.medesk-potencia-cta__title.font-li {
  margin: 0 0 1.35rem;
  color: var(--medesk-text) !important;
  font-family: "Lora", Georgia, "Times New Roman", serif !important;
  font-weight: 700 !important;
  font-size: clamp(1.65rem, 2.4vw, 2.2rem) !important;
  line-height: 1.22 !important;
}

#dtr-main-content h2.medesk-potencia-cta__title.font-li b {
  font-weight: 700 !important;
}

.medesk-potencia-cta__list {
  margin: 0 0 1.5rem !important;
  padding-left: 0 !important;
}

.medesk-potencia-cta__list li {
  color: var(--medesk-p) !important;
  display: flex !important;
  align-items: flex-start;
  gap: 0.65rem;
  margin-bottom: 0.9rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

.medesk-potencia-cta__list li:last-child {
  margin-bottom: 0 !important;
}

.medesk-potencia-cta__list li .svg-image {
  flex-shrink: 0;
  margin-top: 0.15rem;
}

.medesk-potencia-cta__visual {
  padding-top: 0.5rem;
}

@media (min-width: 768px) {
  .medesk-potencia-cta__visual {
    padding-top: 0;
  }
}

.medesk-potencia-cta__img {
  border-radius: 12px !important;
  box-shadow: none !important;
  max-width: min(100%, 520px);
}

.medesk-hero .badge-text {
  color: var(--medesk-p) !important;
}

.medesk-hero .badge-text b {
  color: var(--medesk-text) !important;
}

.hero-rated-block {
  margin-top: 1.25rem;
}

.hero-rated-line {
  margin: 0 0 0.45rem !important;
  font-size: 0.95rem;
  color: #5b6268 !important;
  font-weight: 700 !important;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

#dtr-main-content .medesk-final-cta .hero-rated-line {
  color: #5b6268 !important;
}

#dtr-main-content .medesk-final-cta .hero-rated-stars {
  color: #ffc118 !important;
}

.hero-rated-stars {
  color: #ffc118;
  letter-spacing: 0.1em;
  font-size: 0.9rem;
}

.hero-rated-title {
  margin: 0 0 0.95rem !important;
  color: #111 !important;
  font-size: 1.9rem;
  line-height: 1.2;
  font-weight: 700 !important;
}

.hero-logos-fade {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.hero-logos-fade::before,
.hero-logos-fade::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 46px;
  z-index: 2;
  pointer-events: none;
}

.hero-logos-fade::before {
  left: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));
}

.hero-logos-fade::after {
  right: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));
}

.hero-logos-track {
  display: flex;
  width: max-content;
  animation: medesk-logo-marquee 28s linear infinite;
}

.hero-logos-list {
  display: flex;
  align-items: center;
  gap: 34px;
  margin: 0;
  padding: 0 18px 0 0;
}

.hero-logos-list li {
  margin: 0 !important;
}

.hero-logos-list img {
  height: 34px;
  width: auto;
  object-fit: contain;
  opacity: 1;
  filter: grayscale(1);
}

@keyframes medesk-logo-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (max-width: 767px) {
  .hero-rated-title {
    font-size: 1.25rem;
  }

  .hero-logos-list {
    gap: 22px;
  }

  .hero-logos-list img {
    height: 28px;
  }
}

.hero-svg-bg-absolute {
  display: none !important;
}

.second-sec {
  background: transparent;
}

/* software-para-psicologos.html (LATAM): naslovi, pasusi i check liste u split/ikon blokovima kao u hero (#home .medesk-hero h1 / .text-size-md / .bullet-list) */
.medesk-page-latam-psych .medesk-split-section__copy h2.color-green {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  line-height: 1.2;
  margin: 0 0 1rem;
}

.medesk-page-latam-psych .medesk-split-section__copy > p:not(:has(a.dtr-btn)) {
  font-size: 1rem;
  line-height: 1.75;
  margin: 0 0 0.85rem;
}

.medesk-page-latam-psych .medesk-split-section__copy > p:has(a.dtr-btn) {
  margin: 1rem 0 0;
}

.medesk-page-latam-psych .medesk-split-section__copy > p + ul.bullet-list-dark {
  margin-top: 0.35rem;
}

.medesk-page-latam-psych .medesk-split-section__copy ul.bullet-list-dark {
  margin-bottom: 1.25rem;
}

.medesk-page-latam-psych .medesk-split-section__copy ul.bullet-list-dark li {
  font-size: 1rem;
  line-height: 1.45;
  margin-bottom: 0.75rem;
  gap: 0.65rem;
  align-items: flex-start;
}

.medesk-page-latam-psych .medesk-split-section__copy ul.bullet-list-dark li img.svg-image {
  width: 22px !important;
  height: 22px !important;
  margin-top: 0.2em !important;
}

.medesk-page-latam-psych .custom-icon-section h2.color-green.center {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  line-height: 1.2;
  margin-bottom: 1rem;
}

.medesk-page-latam-psych .custom-icon-section .col-md-4 > p {
  font-size: 1rem;
  line-height: 1.45;
}

.medesk-page-latam-psych .custom-icon-section .col-md-4 > p:first-of-type {
  margin-top: 0.35rem;
  margin-bottom: 0.45rem;
  font-weight: 600;
  color: var(--medesk-text) !important;
}

.medesk-page-latam-psych .custom-icon-section .col-md-4 > p:last-child:not(:first-of-type) {
  margin-bottom: 0;
  color: var(--medesk-p) !important;
}

.medesk-page-latam-psych .custom-icon-section .medesk-feature-icon {
  margin-bottom: 0.65rem;
}

/* Sekcije: talasasti donji ivičnjak + tranzicije (kombinuj sa .medesk-surface-*) */
.medesk-section {
  position: relative;
  overflow: hidden;
}

.medesk-section .container {
  position: relative;
  z-index: 1;
}

/* Split red: slika u punoj širini svoje polovine sekcije (do ivice sekcije), tekst poravnat kao container */
.medesk-split-section__inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  gap: 20px;
}

.medesk-split-section__asset {
  margin: 0;
}

@media (min-width: 992px) {
  .medesk-split-section__inner {
    flex-direction: row;
    align-items: center;
  }

  .medesk-split-section--media-end .medesk-split-section__copy {
    flex: 1 1 50%;
    min-width: 0;
    padding-left: calc(max(0px, (100% - var(--medesk-split-max)) / 2) + var(--medesk-split-gutter));
    padding-right: 1.25rem;
    box-sizing: border-box;
  }

  .medesk-split-section--media-end .medesk-split-section__asset--align-end {
    flex: 1 1 50%;
    min-width: 0;
    margin-right: 0;
    padding-right: 0;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
  }

  .medesk-split-section--media-end .medesk-split-section__asset--align-end > img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    object-position: right center;
  }

  .medesk-split-section--media-start .medesk-split-section__inner {
    flex-direction: row;
  }

  .medesk-split-section--media-start .medesk-split-section__asset--align-start {
    flex: 1 1 50%;
    min-width: 0;
    margin-left: 0;
    padding-left: 0;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
  }

  .medesk-split-section--media-start .medesk-split-section__asset--align-start > img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    object-position: left center;
  }

  .medesk-split-section--media-start .medesk-split-section__copy {
    flex: 1 1 50%;
    min-width: 0;
    padding-right: calc(max(0px, (100% - var(--medesk-split-max)) / 2) + var(--medesk-split-gutter));
    padding-left: 1.25rem;
    box-sizing: border-box;
  }
}

@media (max-width: 991px) {
  .medesk-split-section__inner {
    padding-left: var(--medesk-split-gutter);
    padding-right: var(--medesk-split-gutter);
  }

  .medesk-split-section__copy {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100%;
  }

  .medesk-split-section__asset {
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-items: stretch !important;
    padding-top: 1rem;
  }

  .medesk-split-section--media-start .medesk-split-section__asset {
    order: -1;
    padding-bottom: 1rem;
    padding-top: 0;
  }

  .medesk-split-section__asset > img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

.medesk-surface-wave {
  background: var(--medesk-gradient-wave) !important;
  border-radius: var(--medesk-section-curve);
  padding-top: clamp(2.5rem, 5vw, 4.5rem) !important;
  padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
  transition: background 0.45s var(--medesk-ease-out);
}

.medesk-surface-slate {
  background: #fff !important;
  border-radius: var(--medesk-section-curve);
  padding-top: clamp(2.5rem, 5vw, 4.5rem) !important;
  padding-bottom: clamp(2.5rem, 5vw, 4.5rem) !important;
  transition: background 0.45s var(--medesk-ease-out);
}

.medesk-surface-plain {
  background: #fff !important;
  padding-top: clamp(2rem, 4vw, 3.5rem) !important;
  padding-bottom: clamp(2rem, 4vw, 3.5rem) !important;
}

@media (max-width: 768px) {
  .medesk-surface-wave,
  .medesk-surface-slate {
    border-radius: var(--medesk-section-curve-sm);
  }
}

.gray-section,
.private-practice {
  background: #fff !important;
}

/* Testimonial en .back-blue-section: .light-text (#768CAB) es para fondos claros y queda oscuro sobre azul */
.back-blue-section .light-text {
  color: rgba(255, 255, 255, 0.78) !important;
  text-shadow: none;
}

.medesk-section.medesk-surface-wave {
  background: var(--medesk-gradient-wave) !important;
}

.medesk-section.medesk-surface-slate {
  background: #fff !important;
}

.medesk-kids-section {
  background: linear-gradient(160deg, #eef9ef 0%, #ffffff 55%, #f6fcf7 100%) !important;
}

.medesk-section.medesk-surface-slate.medesk-kids-section {
  background: linear-gradient(160deg, #eef9ef 0%, #ffffff 55%, #f6fcf7 100%) !important;
}

/* software-medico-2: grid “Explore todas las opciones…” — mint gradient, zelene ikone, Tekst var(--medesk-text / --medesk-p) */
.medesk-explore-platform {
  padding-top: clamp(2.25rem, 4.5vw, 3.5rem) !important;
  padding-bottom: clamp(2.25rem, 4.5vw, 3.25rem) !important;
  background: linear-gradient(180deg, #f3faf5 0%, #eef8f1 38%, #ffffff 100%) !important;
  border-radius: var(--medesk-section-curve);
  /* visible: grid ikone + tekst ne smeju da se „zalijepe“; BS4 .row je flex, ne float */
  overflow: visible;
}

@media (max-width: 768px) {
  .medesk-explore-platform {
    border-radius: var(--medesk-section-curve-sm);
  }
}

#dtr-main-content .medesk-explore-platform .md-block-header-text,
#dtr-main-content .medesk-explore-platform .md-block-circle-icon-text-col-4 {
  background: transparent !important;
}

#dtr-main-content .medesk-explore-platform .md-block-circle-icon-text-col-4 {
  padding-top: 50px;
  box-sizing: border-box;
}

#dtr-main-content .medesk-explore-platform .md-block-header-text .block-header {
  text-align: center;
}

#dtr-main-content .medesk-explore-platform .md-block-header-text .block-header h2 {
  color: var(--medesk-text) !important;
  font-size: clamp(1.35rem, 2.4vw, 1.85rem) !important;
  line-height: 1.28 !important;
  margin: 0 0 0.85rem !important;
}

#dtr-main-content .medesk-explore-platform .md-block-header-text .block-header p {
  color: var(--medesk-p) !important;
  max-width: 42rem;
  margin: 0 auto !important;
  font-size: 1.0625rem !important;
  line-height: 1.55 !important;
}

#dtr-main-content .medesk-explore-platform .md-block-circle-icon-text-col-4 .inner-div {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}

/* Bootstrap 4: .row je flex; ukloniti prazne .clearfix između kolona (kvarili wrap) — v. software-medico-2.html */
#dtr-main-content .medesk-explore-platform .md-block-circle-icon-text-col-4 .row {
  row-gap: 2rem;
}

@media (min-width: 768px) {
  #dtr-main-content .medesk-explore-platform .md-block-circle-icon-text-col-4 .row {
    row-gap: 2.35rem;
  }
}

#dtr-main-content .medesk-explore-platform .md-block-circle-icon-text-col-4 .item {
  margin-bottom: 0;
  display: flex;
  align-items: stretch;
  min-height: 0;
}

#dtr-main-content .medesk-explore-platform .md-block-circle-icon-text-col-4 .item-href {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.65rem;
  width: 100%;
  box-sizing: border-box;
  padding: 0.65rem 0.85rem 1.15rem;
  min-height: 100%;
  color: var(--medesk-text) !important;
  text-decoration: none !important;
}

#dtr-main-content .medesk-explore-platform .md-block-circle-icon-text-col-4 .item .icon {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #e9f7eb 0%, #d6efd6 100%);
  border: 1px solid rgba(29, 137, 39, 0.2);
  box-shadow: 0 8px 18px rgba(29, 137, 39, 0.1);
  transition: transform 0.25s var(--medesk-ease-out), box-shadow 0.25s ease, border-color 0.25s ease;
}

#dtr-main-content .medesk-explore-platform .item-href:hover .icon,
#dtr-main-content .medesk-explore-platform .item-href:focus-visible .icon {
  transform: translateY(-3px);
  box-shadow: 0 12px 24px rgba(29, 137, 39, 0.16);
  border-color: rgba(29, 137, 39, 0.35);
}

#dtr-main-content .medesk-explore-platform .md-block-circle-icon-text-col-4 .item .icon i {
  color: var(--medesk-green) !important;
  font-size: 26px;
  line-height: 1;
}

#dtr-main-content .medesk-explore-platform .md-block-circle-icon-text-col-4 span.text {
  color: var(--medesk-text) !important;
  font-weight: 600 !important;
  font-size: 0.9375rem !important;
  line-height: 1.45 !important;
  display: block;
  max-width: 13rem;
  margin-left: auto;
  margin-right: auto;
}

#dtr-main-content .medesk-explore-platform .item-href:hover span.text,
#dtr-main-content .medesk-explore-platform .item-href:focus-visible span.text {
  color: var(--medesk-green-dark) !important;
}

#dtr-main-content .medesk-explore-platform button.medesk-explore-platform__toggle {
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  padding: 12px 28px !important;
  border-radius: var(--medesk-radius) !important;
  border: 2px solid var(--medesk-green) !important;
  background-color: var(--medesk-green) !important;
  color: #fff !important;
  box-shadow: 0 2px 8px rgba(29, 137, 39, 0.28) !important;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

#dtr-main-content .medesk-explore-platform button.medesk-explore-platform__toggle:hover,
#dtr-main-content .medesk-explore-platform button.medesk-explore-platform__toggle:focus-visible {
  background-color: var(--medesk-green-hover) !important;
  border-color: var(--medesk-green-hover) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(33, 158, 45, 0.35) !important;
}

@media (prefers-reduced-motion: reduce) {
  #dtr-main-content .medesk-explore-platform .item-href:hover .icon,
  #dtr-main-content .medesk-explore-platform .item-href:focus-visible .icon {
    transform: none;
  }
}

.medesk-logos-strip {
  border-bottom: none !important;
  padding-top: 3rem !important;
  padding-bottom: 1.1rem !important;
  margin-bottom: 0.5rem !important;
}

/* scale(1.3) na logotipima izlazi iz layout kutije — .medesk-section overflow:hidden ih seče */
.medesk-section.medesk-logos-strip {
  overflow: visible;
}

.medesk-pph-card {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  background: linear-gradient(145deg, #f8fcf9 0%, #eef8f1 100%);
  border: 1px solid rgba(29, 137, 39, 0.14);
  border-radius: 18px;
  padding: clamp(1rem, 2.2vw, 1.6rem);
  box-shadow: 0 10px 24px rgba(29, 137, 39, 0.08);
  transition: transform 0.35s var(--medesk-ease-out), box-shadow 0.35s var(--medesk-ease-out), border-color 0.35s var(--medesk-ease-out);
}

.medesk-pph-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(29, 137, 39, 0.14);
  border-color: rgba(29, 137, 39, 0.28);
}

.medesk-pph-avatar {
  margin: 0;
  flex: 0 0 auto;
}

.medesk-pph-avatar img {
  width: 110px;
  height: 110px;
  object-fit: cover;
  border-radius: 999px;
  border: 4px solid rgba(29, 137, 39, 0.2);
  box-shadow: 0 6px 16px rgba(29, 137, 39, 0.12);
}

.medesk-pph-content {
  flex: 1 1 auto;
  min-width: 0;
}

.medesk-pph-heading {
  margin-bottom: 0.65rem;
  color: #111 !important;
  font-size: 1.12rem;
  line-height: 1.35;
}

.medesk-pph-quote {
  margin: 0 !important;
  color: #2f353a !important;
  font-size: 1rem;
  line-height: 1.7;
  position: relative;
  padding-left: 1rem !important;
}

.medesk-pph-quote::before {
  content: "“";
  position: absolute;
  left: 0;
  top: -0.15rem;
  font-family: "Noto Serif", Georgia, Times, serif;
  font-size: 1.45rem;
  line-height: 1;
  color: rgba(29, 137, 39, 0.55);
}

@media (max-width: 767px) {
  .medesk-pph-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.95rem;
  }

  .medesk-pph-avatar img {
    width: 88px;
    height: 88px;
  }

  .medesk-pph-quote {
    padding-left: 0.8rem !important;
    line-height: 1.62;
  }

  .medesk-kids-section .medesk-split-section__asset {
    order: -1;
    padding-bottom: 1rem;
    padding-top: 0;
  }
}

/* Slike u sekcijama: blaga perspektiva pri hoveru reda */
.medesk-section .row .col-md-6 img:not(.svg-image):not(.mh-badge),
.medesk-section .row .col-sm-12 img:not(.svg-image),
.medesk-section .row img.uk-icons,
.medesk-section .medesk-split-section__asset > img:not(.svg-image):not(.mh-badge),
.medesk-hero .row .col-md-6 img:not(.mh-badge):not(.svg-image) {
  border-radius: 12px;
  transition: transform 0.45s var(--medesk-ease-out), box-shadow 0.45s var(--medesk-ease-out);
}

.medesk-hero .anim-img-alternative {
  animation: heroScreenshotBreathe 7s ease-in-out infinite;
  transform-origin: center center;
}

/* Blaga, spora animacija hero slike (npr. software-para-psicologos) — bez naglog “bounce” iz .animated-img */
.medesk-hero .medesk-hero-img--gentle {
  animation: medeskHeroGentleFloat 9s ease-in-out infinite !important;
  transform-origin: center center;
}

@keyframes heroScreenshotBreathe {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.01); }
}

@keyframes medeskHeroGentleFloat {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  50% {
    transform: translate3d(0, -10px, 0) scale(1.018);
  }
}

@media (min-width: 768px) {
  .medesk-section .col-md-6 img:not(.svg-image):not(.mh-badge):hover,
  .medesk-section .medesk-split-section__asset > img:not(.svg-image):not(.mh-badge):hover,
  .medesk-hero .row .col-md-6 img:not(.mh-badge):not(.svg-image):hover {
    transform: translateY(-6px);
    box-shadow: none;
  }

  .medesk-hero .anim-img-alternative:hover {
    transform: scale(1.01);
  }

  .medesk-hero .medesk-hero-img--gentle:hover {
    animation-play-state: paused;
  }
}

@media (prefers-reduced-motion: reduce) {
  .medesk-section .col-md-6 img,
  .medesk-section .medesk-split-section__asset > img,
  .medesk-hero .row .col-md-6 img:not(.mh-badge):not(.svg-image),
  .medesk-section .uk-icons,
  .medesk-section .dtr-pricing,
  .medesk-section .medesk-review-card,
  .medesk-surface-wave,
  .medesk-surface-slate,
  .medesk-hero {
    transition: none !important;
  }

  .medesk-section .col-md-6 img:hover,
  .medesk-section .medesk-split-section__asset > img:hover,
  .medesk-hero .row .col-md-6 img:hover,
  .medesk-section .custom-icon-section .col-md-4:hover .uk-icons,
  .medesk-section .dtr-pricing:hover,
  .medesk-section .medesk-review-card:hover {
    transform: none !important;
  }

  .hero-logos-track {
    animation: none !important;
  }

  .logos-marquee-track {
    animation: none !important;
  }

  .medesk-hero .anim-img-alternative {
    animation: none !important;
  }

  .medesk-hero .medesk-hero-img--gentle {
    animation: none !important;
  }

  .medesk-hero .animated-img {
    animation: none !important;
    -webkit-animation: none !important;
  }
}

.medesk-section .uk-icons {
  transition: transform 0.35s var(--medesk-ease-out);
}

.medesk-section .custom-icon-section .col-md-4:hover .uk-icons {
  transform: scale(1.06);
}

.medesk-section .dtr-pricing,
.medesk-section .medesk-review-card {
  transition: transform 0.35s var(--medesk-ease-out), box-shadow 0.35s var(--medesk-ease-out);
}

.medesk-section .dtr-pricing:hover,
.medesk-section .medesk-review-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.12);
}

.border-grey {
  border-color: #e8ece9 !important;
}

.mt-custom {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.row.justify-content-md-center.icon-section div {
  padding-bottom: 0px !important;
}

.flex-logos-historia {
  justify-content: center !important;
  gap: 60px;
}

.flex-logos-historia li {
  margin: 0 !important;
}

/* Bez scale(): transform na slici ne širi flex ćeliju — logotipi su izgledali „spojeni“ */
.flex-logos-historia img {
  opacity: 1;
  filter: grayscale(1) contrast(0.92);
  transform: none;
  transform-origin: center;
  transition: filter 0.25s ease, opacity 0.25s ease, transform 0.25s ease;
}

ul.flex-logos-historia li img {
  max-height: 78px;
  max-width: 190px;
}

.flex-logos-historia img:hover {
  opacity: 1;
  filter: grayscale(0);
  transform: translateY(-2px);
}

/* Slick logo carousel (software-medico-2): isti sivi filter; hover bez filtera */
body.medesk-page-software-medico-2 #dtr-main-content .dtr-logo-carousel .slick-slide img {
  filter: grayscale(1) contrast(0.92);
  opacity: 1;
  transition: filter 0.25s ease, transform 0.25s ease;
}

body.medesk-page-software-medico-2 #dtr-main-content .dtr-logo-carousel .slick-slide:hover img {
  filter: grayscale(0);
  transform: translateY(-2px);
}

/*
 * Marquee: ravnomerno bez space-around. Uže ćelije — široka fiksna kolona (npr. 7rem)
 * ostavlja prazan prostor oko malih logoa i izgleda kao „ogroman razmak“.
 */
.logos-marquee .flex-logos-historia {
  gap: clamp(0.45rem, 1.2vw, 0.75rem);
}

.logos-marquee ul.flex-logos-historia.flex-mh,
.logos-marquee ul.flex-logos-historia {
  justify-content: flex-start !important;
}

.logos-marquee .flex-logos-historia li {
  flex: 0 0 clamp(3.5rem, 7.5vw, 5rem);
  width: clamp(3.5rem, 7.5vw, 5rem);
  min-width: clamp(3.5rem, 7.5vw, 5rem);
  max-width: clamp(3.5rem, 7.5vw, 5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 !important;
  margin: 0 !important;
}

.logos-marquee .flex-logos-historia img {
  max-height: 50px;
  max-width: min(100%, 4.75rem);
  width: auto;
  height: auto;
  object-fit: contain;
  opacity: 1;
}

.logos-marquee {
  width: 100%;
  overflow: hidden;
  padding-top: clamp(10px, 2vw, 18px);
  padding-bottom: clamp(10px, 2vw, 18px);
}

.logos-marquee-track {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
  width: max-content;
  animation: logosInfiniteScroll 28s linear infinite;
  will-change: transform;
}

.logos-marquee-list {
  display: flex;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
}

.logos-marquee .logos-marquee-list[aria-hidden="true"] {
  display: flex !important;
}

.medesk-logos-strip--latam .logos-marquee-track {
  animation-duration: 42s;
}

@keyframes logosInfiniteScroll {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@media (max-width: 767px) {
  .logos-marquee-track {
    animation-duration: 22s;
  }

  .medesk-logos-strip--latam .logos-marquee-track {
    animation-duration: 32s;
  }

  .logos-marquee-list.flex-logos-historia {
    gap: 0.4rem;
    justify-content: flex-start !important;
  }

  .logos-marquee .flex-logos-historia li {
    flex-basis: 3.35rem;
    width: 3.35rem;
    min-width: 3.35rem;
    max-width: 3.35rem;
  }

  .logos-marquee-list.flex-logos-historia img {
    transform: none;
    opacity: 1;
  }
}

.uk-icons {
  max-height: 72px;
  margin-bottom: 12px;
}

.medesk-feature-icon {
  width: 64px;
  height: 64px;
  max-height: none;
  border-radius: 16px;
  display: inline-grid;
  place-items: center;
  line-height: 0;
  background: linear-gradient(145deg, #e9f7eb 0%, #d6efd6 100%);
  border: 1px solid rgba(29, 137, 39, 0.2);
  box-shadow: 0 8px 18px rgba(29, 137, 39, 0.12);
  transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.medesk-feature-icon svg {
  width: 30px;
  height: 30px;
  fill: #1d8927;
  display: block;
  margin: 0;
  transition: fill 0.25s ease;
}

.medesk-section .custom-icon-section .col-md-4:hover .medesk-feature-icon {
  background: linear-gradient(145deg, #1d8927 0%, #219e2d 100%);
  border-color: rgba(29, 137, 39, 0.6);
  box-shadow: 0 10px 22px rgba(29, 137, 39, 0.22);
  transform: translateY(-2px);
}

.medesk-section .custom-icon-section .col-md-4:hover .medesk-feature-icon svg {
  fill: #fff;
}

/* CO LP — blok „Estás a solo unos clics…“ + tri kartice: razmak ispod pre finalnog CTA */
.medesk-co-clics-section {
  margin-bottom: 60px !important;
}

/* CO LP — „¿Qué puede hacer Medesk…?“: ikone i pasusi centrirani */
.medesk-co-centered-icon-grid .col-12.col-md-4 {
  text-align: center;
}

.medesk-co-centered-icon-grid .col-12.col-md-4 p {
  text-align: center !important;
}

.medesk-co-centered-icon-grid .uk-icons.medesk-feature-icon {
  margin-left: auto;
  margin-right: auto;
}

/* CO LP — tri kartice „Mejor calidad… / 24h / sin compromisos“: centrirano kao gore */
.medesk-co-trio-section .medesk-co-trio-feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  height: 100%;
}

.medesk-co-trio-section .medesk-co-trio-feature__text {
  margin: 0 !important;
  color: var(--medesk-p) !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
  text-align: center !important;
}

.medesk-co-trio-section .medesk-co-trio-feature .medesk-feature-icon {
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .row.justify-content-md-center.icon-section.custom-icon-section > div {
    padding-bottom: 0 !important;
  }

  .row.justify-content-md-center.icon-section.custom-icon-section .col-12.col-md-4.dtr-mt-20 {
    padding-bottom: 0px !important;
  }

  .medesk-feature-icon {
    display: grid;
    place-items: center;
  }

  .medesk-feature-icon svg {
    width: 28px;
    height: 28px;
    transform: translateY(2px);
  }
}

/* Reseñas / testimonios */
.medesk-reviews-wrap {
  background: linear-gradient(165deg, #f4fbf5 0%, #ffffff 42%, #f6f8f7 100%) !important;
  border-radius: var(--medesk-section-curve);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

@media (max-width: 768px) {
  .medesk-reviews-wrap {
    border-radius: var(--medesk-section-curve-sm);
  }
}

.medesk-reviews__intro {
  text-align: center;
  max-width: 40rem;
  margin: 0 auto 2.5rem;
  padding: 0 0.5rem;
}

.medesk-reviews__heading {
  font-family: "Lora", Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.5rem, 3.5vw, 2rem) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em;
  color: #111 !important;
  margin: 0 0 0.65rem !important;
}

.medesk-reviews__sub {
  margin: 0 !important;
  font-size: 1.05rem;
  line-height: 1.55;
  color: #5a6168 !important;
}

.medesk-reviews__row {
  margin-top: 0.25rem;
}

.medesk-reviews__col {
  margin-bottom: 1.25rem;
}

@media (min-width: 768px) {
  .medesk-reviews__col {
    margin-bottom: 0;
  }
}

.medesk-review-card {
  height: 100%;
  background: #fff !important;
  border-radius: 16px;
  padding: 1.5rem 1.5rem 1.4rem !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.04),
    0 8px 24px rgba(29, 137, 39, 0.06) !important;
  text-align: left !important;
  min-height: 0 !important;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.medesk-review-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1d8927 0%, #219e2d 55%, #67c973 100%);
  opacity: 1;
  border-radius: 16px 16px 0 0;
}

.medesk-review-card__head {
  display: flex;
  align-items: center;
  gap: 0;
  margin-bottom: 1rem;
  padding-top: 0.25rem;
}

.medesk-review-card__meta {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}

.medesk-review-card__name {
  font-family: "Noto Sans", sans-serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
  color: #111 !important;
}

.medesk-review-card__role {
  font-size: 0.8125rem !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  color: #6b7280 !important;
}

.medesk-review-card__stars {
  display: flex;
  gap: 0.2rem;
  margin-bottom: 1rem;
  color: #ffc118;
  font-size: 0.95rem;
  letter-spacing: 0.02em;
}

.medesk-review-card__stars .fa-star {
  filter: drop-shadow(0 1px 1px rgba(212, 160, 18, 0.25));
}

.medesk-review-card__stars span {
  display: inline-block;
  line-height: 1;
  filter: drop-shadow(0 1px 1px rgba(212, 160, 18, 0.25));
}

.medesk-review-card__quote {
  margin: 0;
  padding: 0.2rem 0 0 0;
  flex: 1 1 auto;
}

.medesk-review-card__quote p {
  margin: 0 !important;
  font-size: 0.9375rem !important;
  line-height: 1.65 !important;
  color: var(--medesk-p) !important;
}

@media (max-width: 767px) {
  .medesk-review-card {
    padding: 1.35rem 1.25rem 1.25rem !important;
  }
}

/* Blok bedževa (kao na medesk.net home) */
.medesk-badges-block {
  background: #fff !important;
}

.medesk-badges-block .inner-div {
  max-width: 1060px;
  margin: 0 auto;
}

.medesk-badges-block .md-badges {
  max-width: 1060px;
  margin: 0 auto;
  padding: clamp(1rem, 3vw, 2.5rem) 16px;
  text-align: center;
}

.medesk-badges-block .md-badges__title {
  font-family: "Lora", Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.45rem, 3.2vw, 2rem);
  font-weight: 700 !important;
  line-height: 1.2;
  color: #000 !important;
  margin: 0 0 0.75rem;
  letter-spacing: -0.02em;
}

.medesk-badges-block .md-badges__subtitle {
  color: #7a7f8e;
  font-size: 1rem;
  line-height: 1.55;
  margin: 0 auto 2.5rem;
  max-width: 36rem;
}

.medesk-badges-block .md-badges__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.medesk-badges-block .md-badges__card {
  border: 1px solid #e8eaef;
  border-radius: 16px;
  padding: 28px 20px 32px;
  background: #fff;
  transition: box-shadow 0.35s var(--medesk-ease-out), transform 0.35s var(--medesk-ease-out);
}

.medesk-badges-block .md-badges__card:hover {
  box-shadow: 0 12px 32px rgba(29, 137, 39, 0.18);
  transform: translateY(-3px);
}

.medesk-badges-block .md-badges__cat {
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--medesk-text) !important;
  margin: 0 0 20px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.35;
}

.medesk-badges-block .md-badges__icons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}

.medesk-badges-block .md-badges__icons img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  opacity: 1;
}

@media (max-width: 800px) {
  .medesk-badges-block .md-badges__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .medesk-badges-block .md-badges__icons img {
    width: 64px;
    height: 64px;
  }

  .medesk-badges-block .md-badges__card {
    padding: 20px 12px 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .medesk-badges-block .md-badges__card {
    transition: none;
  }

  .medesk-badges-block .md-badges__card:hover {
    transform: none;
  }
}

.dtr-pricing {
  background: #fff !important;
  border-radius: var(--medesk-radius);
  box-shadow: var(--medesk-shadow);
  padding: 1.5rem !important;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.review-heading {
  color: var(--medesk-text) !important;
}

.font-li {
  font-family: "Noto Sans", sans-serif !important;
  font-weight: 700 !important;
  color: var(--medesk-text) !important;
}

.img-footer {
  border-radius: var(--medesk-radius);
  box-shadow: none;
}

/* Opis ispod slike u finalnom CTA-u — isti na svim LP (override redesign p + usklađeno sa software-para-psicologos) */
#dtr-main-content .medesk-final-cta p.text-footer {
  text-align: left !important;
  padding-left: 40px !important;
  padding-right: 0 !important;
  margin-top: 20px !important;
  margin-bottom: 0 !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
  color: var(--medesk-text) !important;
  font-weight: 400 !important;
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, sans-serif !important;
}

@media (max-width: 500px) {
  #dtr-main-content .medesk-final-cta p.text-footer {
    padding-left: 30px !important;
  }
}

#dtr-footer.medesk-footer-wrap {
  background: #ffffff !important;
  color: var(--medesk-text) !important;
  padding: 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

#dtr-footer.medesk-footer-wrap .footer-top {
  padding: 3rem 0 2rem;
}

#dtr-footer .inner-div {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

#dtr-footer.medesk-footer-wrap .footer-top .inner-div {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: stretch;
}

.footer-columns-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(140px, 1fr));
  column-gap: 3rem;
  row-gap: 1.5rem;
  flex: 1 1 auto;
  min-width: 0;
}

#dtr-footer .footer-columns-wrapper > .col {
  width: auto;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  min-width: 0;
}

#dtr-footer.medesk-footer-wrap .footer-menu-level1,
#dtr-footer.medesk-footer-wrap .footer-cta-heading {
  color: var(--medesk-text) !important;
}

.medesk-footer-wrap .footer-menu-level1 {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--medesk-text) !important;
  margin-bottom: 1rem;
}

.medesk-footer-wrap .footer-submenu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.medesk-footer-wrap .footer-submenu li {
  margin-bottom: 0rem;
}

#dtr-footer.medesk-footer-wrap .footer-submenu a {
  color: #000 !important;
  font-size: 16px;
  text-decoration: none;
  font-weight: 400;
  position: relative;
  display: inline-block;
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 0% 1px;
  background-repeat: no-repeat;
  background-position: 0 100%;
  transition: background-size 0.25s ease, color 0.2s ease;
}

#dtr-footer.medesk-footer-wrap .footer-submenu a:hover {
  color: var(--medesk-green-dark) !important;
  background-size: 100% 1px;
}

.footer-cta {
  background-color: #d6efd6;
  border-radius: 16px;
  padding: 32px;
  width: 548px;
  max-width: 100%;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: -moz-fit-content;
  height: fit-content;
}

#dtr-footer.medesk-footer-wrap .footer-cta .dtr-btn,
#dtr-footer.medesk-footer-wrap .footer-signup-button {
  color: #fff !important;
}

.footer-cta-heading {
  font-family: "Noto Serif", Georgia, Times, serif !important;
  font-size: 32px !important;
  line-height: 35px !important;
  margin: 0 0 1.125rem !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: rgb(0, 0, 0) !important;
  letter-spacing: 0;
  max-width: none;
}

.footer-cta-bullets {
  margin-bottom: 1.25rem;
}

.footer-cta-bullet {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 0.65rem;
  font-size: 16px;
  line-height: 22px;
  color: rgb(0, 0, 0);
  font-family: "Noto Sans", Helvetica, Tahoma, Arial, sans-serif !important;
  font-style: normal;
  font-weight: 400;
}

.footer-cta-bullet:last-child {
  margin-bottom: 0;
}

#dtr-main-content .medesk-final-cta p {
  padding: 0px !important;
}

/* Levi stupac: redesign.css p { text-align: center } — nasleđe ne važi, mora eksplicitno na h2/p/ul */
#dtr-main-content .medesk-final-cta .col-12.col-md-6:first-child {
  text-align: left !important;
}

#dtr-main-content .medesk-final-cta .col-12.col-md-6:first-child h2.font-li,
#dtr-main-content .medesk-final-cta .col-12.col-md-6:first-child p,
#dtr-main-content .medesk-final-cta .col-12.col-md-6:first-child ul {
  text-align: left !important;
}

#dtr-main-content .medesk-final-cta .col-12.col-md-6:first-child .hero-rated-line {
  justify-content: flex-start !important;
}

/* Isti vizuelni jezik kao LATAM LP — Lora naslov + Noto uvod (#dtr-main-content = iznad redesign/main na svim LP) */
#dtr-main-content .medesk-final-cta h2.font-li {
  font-family: "Lora", Georgia, "Times New Roman", serif !important;
  font-weight: 700 !important;
  font-size: clamp(1.65rem, 2.75vw, 2.375rem) !important;
  line-height: 1.22 !important;
  margin: 0 0 1.1rem !important;
  color: var(--medesk-text) !important;
  letter-spacing: -0.012em;
}

#dtr-main-content .medesk-final-cta h2.font-li b {
  font-weight: 700 !important;
}

#dtr-main-content .medesk-final-cta .col-12.col-md-6:first-child > p:not(.hero-rated-line) {
  color: var(--medesk-p) !important;
  font-size: 1rem !important;
  line-height: 1.55 !important;
  margin: 0 0 1rem !important;
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 400 !important;
}

#dtr-main-content .medesk-final-cta {
  padding-top: 0px !important;
}

#dtr-main-content .medesk-final-cta ul.bullet-list.bullet-svg.bullet-middle li {
  margin-bottom: 0px;
}

#dtr-main-content .medesk-final-cta ul.bullet-list li,
#dtr-main-content .medesk-final-cta ul.bullet-list-dark li {
  font-size: 1rem;
  line-height: 1.45;
}

#dtr-main-content .medesk-final-cta a.dtr-btn.btn-green,
#dtr-main-content .medesk-final-cta a.dtr-btn {
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  padding: 12px 28px !important;
}

#dtr-main-content .medesk-final-cta a.btn.price-btn {
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  padding: 12px 28px !important;
  border-radius: var(--medesk-radius, 8px) !important;
}

.white-box ul.bullet-list {
  padding-top: 30px;
  padding-left: 30px;
  margin-bottom: 0;
}

.medesk-trial-cta {
  padding-top: clamp(2.25rem, 4.5vw, 3.25rem) !important;
  padding-bottom: clamp(2.25rem, 4.5vw, 3.25rem) !important;
  background: linear-gradient(180deg, #f3faf5 0%, #eef8f1 38%, #ffffff 100%) !important;
}

.medesk-trial-cta__panel {
  position: relative;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding: clamp(1.75rem, 4.5vw, 2.85rem) clamp(1.35rem, 4vw, 2.25rem);
  background: linear-gradient(155deg, #ffffff 0%, #f6fcf8 42%, #eef8f1 100%);
  border: 1px solid rgba(29, 137, 39, 0.2);
  border-radius: 20px;
  box-shadow:
    0 14px 44px rgba(29, 137, 39, 0.12),
    0 1px 0 rgba(255, 255, 255, 0.9) inset;
  overflow: visible;
}

.medesk-trial-cta__panel::after {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  top: -120px;
  right: -100px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(29, 137, 39, 0.09) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

.medesk-trial-cta__inner {
  position: relative;
  z-index: 1;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

.medesk-trial-cta__eyebrow {
  display: inline-block;
  margin: 0 0 1rem;
  padding: 0.4rem 0.95rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--medesk-green-dark) !important;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(29, 137, 39, 0.22);
  border-radius: 999px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

.medesk-trial-cta__title {
  margin-bottom: 0;
  font-size: clamp(1.35rem, 2.4vw, 1.85rem) !important;
  line-height: 1.28 !important;
}

.medesk-trial-cta__lead {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.55;
  color: var(--medesk-text-muted) !important;
}

.medesk-trial-cta__strong {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.55;
  color: var(--medesk-text) !important;
}

.medesk-trial-cta__strong b {
  font-weight: 700;
  color: var(--medesk-text) !important;
}

.medesk-trial-cta__btn {
  position: relative;
  z-index: 1;
  margin-top: 1.75rem !important;
}

/* restyle.css: a:link ima transition: all i jača specifičnost od samog .dtr-btn — animira padding/border pa dugme „skakuče“. Samo boja. */
.medesk-trial-cta a.dtr-btn.medesk-trial-cta__btn,
.medesk-trial-cta a.dtr-btn.medesk-trial-cta__btn:hover,
.medesk-trial-cta a.dtr-btn.medesk-trial-cta__btn:focus-visible {
  padding: 12px 2rem !important;
  box-shadow: 0 2px 8px rgba(29, 137, 39, 0.28) !important;
  box-sizing: border-box !important;
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

.medesk-trial-cta a.dtr-btn.medesk-trial-cta__btn:hover,
.medesk-trial-cta a.dtr-btn.medesk-trial-cta__btn:focus-visible {
  background-color: var(--medesk-green-hover) !important;
  border-color: var(--medesk-green-hover) !important;
  color: #fff !important;
  filter: none !important;
}

/* CO LP — “pieza perfecta”: solo la banda de sección sin gradiente; panel, eyebrow y CTA iguales al bloque estándar (.medesk-trial-cta__panel) */
.medesk-trial-cta--plain {
  background: #fff !important;
}

.footer-checkmark {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 100px;
  background-color: #1d8927;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.footer-checkmark .medesk-client {
  color: #fff !important;
  font-size: 14px;
}

.footer-cta-action .dtr-btn {
  width: 100%;
  text-align: center;
  display: block;
  box-sizing: border-box;
}

.footer-no-credit-card {
  text-align: center;
  font-size: 13px;
  color: var(--medesk-text-muted);
  margin: 0.75rem 0 0;
}

.footer-bottom-wrapper {
  background: #ffffff !important;
  border-top: 1px solid #e8ece9;
  padding: 1.35rem 0 2rem;
}

.footer-bottom-wrapper .inner-div {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.35rem;
}

.footer-bottom-main {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}

.footer-bottom-wrapper .footer-copyright {
  text-align: center;
  margin: 0;
  padding-top: 0.25rem;
  width: 100%;
}

@media (max-width: 767px) {
  .footer-bottom-main {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }

  .footer-bottom-wrapper .footer-languages {
    justify-content: center;
  }
}

.footer-social-icons {
  display: flex;
  align-items: center;
  gap: 24px;
}

.footer-social-icons a {
  display: inline-block;
  margin-right: 0 !important;
  font-size: 24px;
  line-height: 1;
  color: #000 !important;
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer-social-icons a:hover {
  color: #1d8927 !important;
}

.footer-social-icons a i {
  display: block;
}

.footer-languages {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.footer-bottom-wrapper .footer-languages {
  justify-content: flex-end;
}

.footer-languages a {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  margin-left: 0;
  border: 1px solid transparent;
  color: var(--medesk-text) !important;
  background: transparent;
}

.footer-languages a.active {
  background: #e8ece9;
  color: var(--medesk-text) !important;
  border-color: #dde3df;
}

.footer-copyright {
  font-size: 16px;
  color: var(--medesk-text-muted);
  text-align: center;
}

/* Overrides template #dtr-footer link hover (underline) for redesigned footer */
#dtr-footer.medesk-footer-wrap a:hover {
  text-decoration: none;
}

#dtr-footer.medesk-footer-wrap .footer-submenu a:hover {
  text-decoration: none;
}

@media (min-width: 992px) {
  #dtr-footer.medesk-footer-wrap .footer-top .inner-div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(300px, 560px);
    column-gap: clamp(1.75rem, 3.5vw, 3rem);
    row-gap: 2rem;
    align-items: start;
  }

  .footer-columns-wrapper {
    display: contents;
  }

  #dtr-footer .footer-features {
    min-width: 0;
  }

  #dtr-footer .footer-company {
    min-width: 0;
  }

  .footer-cta {
    max-width: 560px;
    width: 100%;
    justify-self: end;
  }
}

@media (max-width: 767px) {
  .medesk-header-actions {
    justify-content: center;
  }

  .footer-cta {
    margin-top: 0.5rem;
  }
}

/* -------------------------------------------------------------------------- */
/* software-medico-2.html — čitljiviji CMS / hero / grid (isti root rem kao ostali LP) */
/* -------------------------------------------------------------------------- */
body.medesk-page-software-medico-2 #dtr-main-content .md-content .md-blocks .md-block .block-inner .block-header h2 {
  font-size: clamp(1.65rem, 2.95vw, 2.35rem) !important;
  line-height: 1.22 !important;
  margin: 0 0 1rem !important;
}

body.medesk-page-software-medico-2 #dtr-main-content .md-content .block-text p {
  font-size: 1.2rem !important;
  line-height: 1.68 !important;
  margin-bottom: 0.9rem !important;
  text-align: left !important;
}

body.medesk-page-software-medico-2 #dtr-main-content .md-content .block-text li,
body.medesk-page-software-medico-2 #dtr-main-content .md-content .block-text .li-text {
  font-size: 1.2rem !important;
  line-height: 1.65 !important;
  text-align: left !important;
}

body.medesk-page-software-medico-2 #dtr-main-content .md-content .md-icons .li-text,
body.medesk-page-software-medico-2 #dtr-main-content .md-content .md-icons .md-icon .li-text {
  font-size: 1.2rem !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

/* Liste u tekstu (plain <ul> i .md-icons): checkmark kao u hero, ne disk tačke */
body.medesk-page-software-medico-2 #dtr-main-content .md-content .block-text ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0.35rem 0 0 !important;
}

body.medesk-page-software-medico-2 #dtr-main-content .md-content .block-text ul > li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.65rem !important;
  margin: 0 0 0.75rem 0 !important;
}

body.medesk-page-software-medico-2 #dtr-main-content .md-content .block-text ul > li:last-child {
  margin-bottom: 0 !important;
}

body.medesk-page-software-medico-2 #dtr-main-content .md-content .block-text ul > li::before {
  content: "" !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
  margin-top: 0.2em !important;
  background: url("checkmark-medesk.svg") no-repeat center / contain !important;
}

body.medesk-page-software-medico-2 #dtr-main-content .md-content .block-text ul > li .li-text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.medesk-page-software-medico-2 #dtr-main-content .md-content .inner-col.inner-media img,
body.medesk-page-software-medico-2 #dtr-main-content .md-content .inner-col.inner-media picture img {
  width: 100% !important;
  max-width: min(100%, 560px) !important;
  height: auto !important;
}

body.medesk-page-software-medico-2 #dtr-main-content #home.medesk-hero h1.color-white {
  font-size: clamp(1.95rem, 4.75vw, 3rem) !important;
  line-height: 1.18 !important;
}

body.medesk-page-software-medico-2 #dtr-main-content #home.medesk-hero .hero-lead,
body.medesk-page-software-medico-2 #dtr-main-content #home.medesk-hero p.text-size-md.color-white {
  font-size: 1.3125rem !important;
  line-height: 1.62 !important;
}

body.medesk-page-software-medico-2 #dtr-main-content #home.medesk-hero ul.bullet-list li,
body.medesk-page-software-medico-2 #dtr-main-content #home.medesk-hero ul.bullet-list li > span {
  font-size: 1.25rem !important;
  line-height: 1.55 !important;
}

body.medesk-page-software-medico-2 #dtr-main-content #home.medesk-hero .hero-rated-line {
  font-size: 1.0625rem !important;
}

body.medesk-page-software-medico-2 #dtr-main-content #home.medesk-hero p.small-text.small-text-ru {
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

body.medesk-page-software-medico-2 #dtr-main-content .medesk-explore-platform .md-block-circle-icon-text-col-4 .item .icon {
  width: 90px !important;
  height: 90px !important;
}

body.medesk-page-software-medico-2 #dtr-main-content .medesk-explore-platform .md-block-circle-icon-text-col-4 .item .icon i {
  font-size: 34px !important;
}

body.medesk-page-software-medico-2 #dtr-main-content .medesk-explore-platform .md-block-circle-icon-text-col-4 span.text {
  font-size: 1.0625rem !important;
  max-width: 13rem !important;
}

body.medesk-page-software-medico-2 #dtr-main-content .medesk-explore-platform .md-block-header-text .block-header p {
  font-size: 1.125rem !important;
}

body.medesk-page-software-medico-2 #dtr-main-content .medesk-final-cta h2.font-li {
  font-size: clamp(1.85rem, 3vw, 2.6rem) !important;
}

body.medesk-page-software-medico-2 #dtr-main-content .medesk-final-cta .col-12.col-md-6:first-child > p:not(.hero-rated-line),
body.medesk-page-software-medico-2 #dtr-main-content .medesk-final-cta ul.bullet-list li,
body.medesk-page-software-medico-2 #dtr-main-content .medesk-final-cta ul.bullet-list.bullet-svg li > span {
  font-size: 1.125rem !important;
  line-height: 1.58 !important;
}

body.medesk-page-software-medico-2 #dtr-main-content .medesk-final-cta p.text-footer {
  font-size: 1.0625rem !important;
  line-height: 1.55 !important;
}

body.medesk-page-software-medico-2 #dtr-main-content .md-block-header-text:not(.medesk-opinion-intro) .block-text p,
body.medesk-page-software-medico-2 #dtr-main-content .md-block-header-text:not(.medesk-opinion-intro) .block-text a {
  font-size: 1.125rem !important;
}

body.medesk-page-software-medico-2 h1.color-white.sm-h1 {
  font-size: clamp(1.95rem, 4.75vw, 3rem) !important;
}

body.medesk-page-software-medico-2 #medesk-medico2-trust-heading {
  font-size: clamp(1.45rem, 3.1vw, 2rem) !important;
  line-height: 1.28 !important;
}

/* Isti padding-top kao #dtr-main-content > .md-content; dno skraćeno pre zvezdica (#pattern3) */
body.medesk-page-software-medico-2 section.medesk-medico2-trust-band {
  padding-top: clamp(1.75rem, 3.5vw, 3.125rem) !important;
  padding-bottom: 0.5rem !important;
}

/*
 * software-medico-2: posle zelenog CTA svaki blok tekst+slika (naslov nove „sekcije“) —
 * isti padding-top kao .md-content (npr. „Aprovechar…“, seguridad, SMS, CRM…).
 * Adjacent sibling pokriva sve slučajeve; ne mora ručna klasa na svakom bloku.
 */
body.medesk-page-software-medico-2 #dtr-main-content .md-content .md-blocks .md-block-action-button + .md-block-text-media-col-2 {
  padding-top: clamp(1.75rem, 3.5vw, 3.125rem) !important;
  box-sizing: border-box;
}

/* Dva bloka idu jedan za drugim bez CTA između (npr. seguridad → Notificaciones, CRM → Almacenamiento) */
body.medesk-page-software-medico-2 #dtr-main-content .md-content .md-blocks .md-block-text-media-col-2.medesk-medico2-stack-pad-top {
  padding-top: clamp(1.75rem, 3.5vw, 3.125rem) !important;
  box-sizing: border-box;
}

/* Prepagos: slika ne sme „zapeljati“ na desno (ScrollMe translateX + poravnanje u koloni) */
@media (min-width: 768px) {
  body.medesk-page-software-medico-2 #dtr-main-content .md-block.medesk-medico2-prepagos-block .inner-col.inner-media {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
}

body.medesk-page-software-medico-2 #dtr-main-content .md-block.medesk-medico2-prepagos-block .inner-col.inner-media .image.animateme.scrollme,
body.medesk-page-software-medico-2 #dtr-main-content .md-block.medesk-medico2-prepagos-block .inner-col.inner-media .image.animateme.scrollme.visible {
  transform: none !important;
}

/* software-medico-2: između trust naslova i zvezdica — redesign.css #pattern3 .container ima padding-top:110px (preveliko) */
body.medesk-page-software-medico-2 section#pattern3.medesk-co-quote-section {
  padding-top: clamp(0.85rem, 2.2vw, 1.35rem) !important;
}

body.medesk-page-software-medico-2 section#pattern3 .container {
  padding-top: 0 !important;
  padding-bottom: clamp(2.25rem, 4.5vw, 3.75rem) !important;
}

body.medesk-page-software-medico-2 .medesk-co-quote-section__quote {
  font-size: clamp(1.15rem, 2.65vw, 1.42rem) !important;
  line-height: 1.62 !important;
}

body.medesk-page-software-medico-2 .medesk-co-quote-section__byline,
body.medesk-page-software-medico-2 .review-small-text {
  font-size: 1.0625rem !important;
  line-height: 1.5 !important;
}

body.medesk-page-software-medico-2 #dtr-footer.medesk-footer-wrap .footer-submenu a {
  font-size: 17px !important;
}

body.medesk-page-software-medico-2 .medesk-footer-wrap .footer-menu-level1 {
  font-size: 13px !important;
}

body.medesk-page-software-medico-2 .footer-cta-heading {
  font-size: clamp(1.85rem, 4vw, 2.125rem) !important;
  line-height: 1.18 !important;
}

body.medesk-page-software-medico-2 .footer-cta-bullet {
  font-size: 17px !important;
  line-height: 1.45 !important;
}

body.medesk-page-software-medico-2 .footer-no-credit-card {
  font-size: 15px !important;
}

body.medesk-page-software-medico-2 #dtr-footer.medesk-footer-wrap .footer-copyright,
body.medesk-page-software-medico-2 #dtr-footer.medesk-footer-wrap .footer-languages a {
  font-size: 15px !important;
}

body.medesk-page-software-medico-2 #dtr-main-content .md-content .md-block a.dtr-btn.btn-green {
  font-size: 1rem !important;
}

@media (max-width: 500px) {
  body.medesk-page-software-medico-2 #dtr-wrapper .dtr-btn,
  body.medesk-page-software-medico-2 #dtr-wrapper .dtr-btn-flat,
  body.medesk-page-software-medico-2 #dtr-wrapper button.dtr-btn {
    font-size: 1rem !important;
  }
}

/* -------------------------------------------------------------------------- */
/* software-medico-re.html — cist, stabilan vizuelni sloj (bez konflikata) */
/* -------------------------------------------------------------------------- */
body.medesk-page-software-medico-re {
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, sans-serif !important;
  color: var(--medesk-text) !important;
  background: #fff !important;
}

/* Hero kao pre: foto-pozadina, tekst levo, hero-img-22 desno + animated-img */
body.medesk-page-software-medico-re #home.medesk-hero .col-12.col-md-6:first-child {
  text-align: left !important;
}

body.medesk-page-software-medico-re #home.medesk-hero .medesk-hero-re__visual {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

body.medesk-page-software-medico-re #home.medesk-hero .medesk-hero-re__visual img {
  max-width: min(100%, 560px);
  width: 100%;
  height: auto;
  padding-top: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  body.medesk-page-software-medico-re #home.medesk-hero .medesk-hero-re__visual {
    justify-content: center;
    margin-top: 1.5rem;
  }
}

body.medesk-page-software-medico-re #dtr-main-content #home.medesk-hero h1.color-white {
  font-size: clamp(1.95rem, 4.75vw, 3rem) !important;
  line-height: 1.18 !important;
  color: var(--medesk-text) !important;
}

body.medesk-page-software-medico-re #dtr-main-content #home.medesk-hero .hero-lead,
body.medesk-page-software-medico-re #dtr-main-content #home.medesk-hero p.text-size-md.color-white {
  font-size: 1.3125rem !important;
  line-height: 1.62 !important;
  color: var(--medesk-p) !important;
}

body.medesk-page-software-medico-re #dtr-main-content #home.medesk-hero .hero-rated-line {
  font-size: 1.0625rem !important;
  color: #5b6268 !important;
}

body.medesk-page-software-medico-re #dtr-main-content #home.medesk-hero p.small-text.small-text-ru {
  font-size: 1rem !important;
  line-height: 1.5 !important;
  color: var(--medesk-p) !important;
  opacity: 0.88 !important;
  display: block !important;
  text-align: left !important;
}

/* Globalno .medesk-hero-co__social je center — na RE hero sve levo */
body.medesk-page-software-medico-re #home.medesk-hero .medesk-hero-co__social {
  text-align: left !important;
}

body.medesk-page-software-medico-re #home.medesk-hero .hero-rated-line.medesk-hero-co__rated-line {
  justify-content: flex-start !important;
}

body.medesk-page-software-medico-re #home.medesk-hero .block-inner {
  text-align: left !important;
}

body.medesk-page-software-medico-re h1.color-white.sm-h1 {
  font-size: clamp(1.95rem, 4.75vw, 3rem) !important;
}

body.medesk-page-software-medico-re #dtr-main-content .dtr-btn,
body.medesk-page-software-medico-re #dtr-main-content .dtr-btn-flat,
body.medesk-page-software-medico-re #dtr-main-content button.dtr-btn {
  font-size: 1rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  padding: 12px 28px !important;
  border-radius: 8px !important;
  border: 2px solid var(--medesk-green) !important;
  background: var(--medesk-green) !important;
  color: #fff !important;
}

body.medesk-page-software-medico-re #dtr-main-content .dtr-btn:hover,
body.medesk-page-software-medico-re #dtr-main-content .dtr-btn:focus-visible {
  background: var(--medesk-green-hover) !important;
  border-color: var(--medesk-green-hover) !important;
}

/* Trial CTA: manji naslov i už line-height (duži španski tekst) */
body.medesk-page-software-medico-re #dtr-main-content .medesk-trial-cta .medesk-trial-cta__title {
  font-size: clamp(1.05rem, 1.9vw, 1.4rem) !important;
  line-height: 1.2 !important;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-trial-cta__panel {
  box-shadow: none !important;
}

/* Sekcije i kartice: lagan mint ton, bez preteranih override-a tipografije */
body.medesk-page-software-medico-re #dtr-main-content .background-2,
body.medesk-page-software-medico-re #dtr-main-content .background-3,
body.medesk-page-software-medico-re #dtr-main-content .background-4 {
  background: linear-gradient(165deg, #ecf7ef 0%, #f7fbf8 46%, #ffffff 100%) !important;
}

body.medesk-page-software-medico-re #dtr-main-content .white-box,
body.medesk-page-software-medico-re #dtr-main-content .white-box-small,
body.medesk-page-software-medico-re #dtr-main-content .text-box,
body.medesk-page-software-medico-re #dtr-main-content .number-box {
  background: #fff !important;
  border: 1px solid rgba(24, 95, 30, 0.08) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

/* Logo slider: sivo -> puno na hover, kao ostale stranice */
body.medesk-page-software-medico-re #dtr-main-content .dtr-logo-carousel .slick-slide img {
  filter: grayscale(1) contrast(0.92);
  transition: filter 0.25s ease;
}

body.medesk-page-software-medico-re #dtr-main-content .dtr-logo-carousel .slick-slide:hover img {
  filter: grayscale(0);
}

/* Logo carousel edge-to-edge (bez .container / dtr-md-mx-20) */
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-logos-fullbleed {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-logos-fullbleed__viewport {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: none;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-logos-fullbleed__viewport .dtr-logo-carousel .slick-list {
  margin: 0 !important;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-logos-fullbleed__viewport .dtr-logo-carousel .slick-track {
  margin-left: 0;
  margin-right: 0;
}

/* --- software-medico-re: ispravka layouta (restyle .white-box position/width) + sekcije --- */
body.medesk-page-software-medico-re #dtr-main-content .white-box,
body.medesk-page-software-medico-re #dtr-main-content .white-box.left-box {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  right: auto !important;
  left: auto !important;
  top: auto !important;
  float: none !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  z-index: 1 !important;
}

body.medesk-page-software-medico-re #dtr-main-content .white-box h2 {
  padding-top: 0 !important;
  margin-top: 0 !important;
  font-size: clamp(1.35rem, 2.6vw, 1.85rem) !important;
  line-height: 1.28 !important;
  color: var(--medesk-text) !important;
}

body.medesk-page-software-medico-re #dtr-main-content .white-box > p:first-of-type {
  padding-top: 0 !important;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-split {
  --medesk-re-split-gap: clamp(1.25rem, 3vw, 2.25rem);
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-split__img {
  border-radius: 12px;
  box-shadow: none !important;
  width: 100%;
  height: auto;
}

/* Edge-to-edge split (isti pattern kao .medesk-split-section na CO / paso stranicama) */
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-split.medesk-split-section .medesk-split-section__asset {
  margin: 0;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-split-section__copy .white-box {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

@media (min-width: 992px) {
  body.medesk-page-software-medico-re #dtr-main-content .medesk-re-split.medesk-split-section--media-start .medesk-split-section__asset--align-start .medesk-re-split__img {
    border-radius: 0 clamp(10px, 1.2vw, 14px) clamp(10px, 1.2vw, 14px) 0;
    box-shadow: none !important;
  }

  body.medesk-page-software-medico-re #dtr-main-content .medesk-re-split.medesk-split-section--media-end .medesk-split-section__asset--align-end .medesk-re-split__img {
    border-radius: clamp(10px, 1.2vw, 14px) 0 0 clamp(10px, 1.2vw, 14px);
    box-shadow: none !important;
  }
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-features-top .pre-blue-text {
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  margin-bottom: 0.5rem !important;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-features-top h2.center {
  text-align: center !important;
}

body.medesk-page-software-medico-re #dtr-main-content .white-box-small {
  text-align: center;
  padding: clamp(1.35rem, 3vw, 2rem) clamp(1rem, 2.5vw, 1.5rem) !important;
}

body.medesk-page-software-medico-re #dtr-main-content .white-box-small .medesk-re-card-icon {
  width: 72px;
  height: auto;
  margin-bottom: 0.75rem;
}

body.medesk-page-software-medico-re #dtr-main-content .white-box-small p b {
  font-size: 1.0625rem !important;
  color: var(--medesk-text) !important;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-quote-stats {
  margin-top: clamp(1.5rem, 3vw, 2.5rem) !important;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-trust-pair {
  row-gap: clamp(1.15rem, 2.8vw, 1.75rem);
}

@media (min-width: 768px) {
  body.medesk-page-software-medico-re #dtr-main-content .medesk-re-trust-pair {
    row-gap: 0;
    column-gap: clamp(1rem, 2.5vw, 1.5rem);
  }
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-trust-panel {
  padding: clamp(1.35rem, 3.2vw, 2.1rem) clamp(1.15rem, 2.8vw, 1.85rem) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  border: 1px solid rgba(24, 95, 30, 0.09) !important;
  background: linear-gradient(165deg, #ffffff 0%, #fafcfb 55%, #f4faf6 100%) !important;
  min-height: 100%;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-quote-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-quote-card .testim-text {
  max-width: 36rem;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-quote-card .testim-text p:first-of-type {
  font-style: italic !important;
  color: var(--medesk-p) !important;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-quote-card .testim-text.light-text p:first-of-type {
  color: var(--medesk-p) !important;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-stars-img {
  width: auto !important;
  max-width: 140px;
  height: auto;
  margin-bottom: 0.75rem !important;
  object-fit: contain;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-stats-card .medesk-re-stats-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: clamp(1rem, 3vw, 2rem) !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 100%;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-stats-card .medesk-re-stats-list li {
  text-align: center !important;
  color: var(--medesk-text) !important;
  font-size: 1rem !important;
  line-height: 1.45 !important;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-stats-card .number {
  display: inline-block;
  font-size: clamp(1.65rem, 4vw, 2.35rem) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  color: var(--medesk-green) !important;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-stat-num {
  font-variant-numeric: tabular-nums;
  min-width: 5.5ch;
  display: inline-block;
  letter-spacing: -0.02em;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-testimonial-band.medesk-surface-plain {
  padding-top: 0 !important;
  background: #fafcfb !important;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-quote-card--solo {
  margin-left: auto;
  margin-right: auto;
}

/* Jedna sekcija = samo pozadinska / dekorativna slika, full width, bez containera i bez mint gradienta */
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-circle-only {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  line-height: 0;
  overflow: hidden;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-circle-only__img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: top;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-inline-check {
  vertical-align: -0.2em;
  margin-right: 0.15rem;
}

body.medesk-page-software-medico-re #dtr-main-content .white-box .bullet-list.bullet-svg {
  margin-top: 0.5rem;
}

body.medesk-page-software-medico-re #dtr-main-content .white-box .bullet-list.bullet-svg li {
  margin-bottom: 0.65rem;
}

/* Gestión + Historia + Análisis + Desde cualquier lugar: levo, stavke jedna ispod druge; naslovi stavki u brend zelenoj */
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-gestion-block,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-historia-block,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-analisis-block,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-dispositivo-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  text-align: left !important;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-gestion-block h2,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-gestion-block > p,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-historia-block h2,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-historia-block > p,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-analisis-block h2,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-analisis-block > p,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-dispositivo-block h2,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-dispositivo-block > p {
  text-align: left !important;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-gestion-block .medesk-re-gestion-list,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-historia-block .medesk-re-historia-list,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-analisis-block .medesk-re-analisis-list,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-dispositivo-block .medesk-re-dispositivo-list {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0.75rem !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  text-align: left !important;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-gestion-block .medesk-re-gestion-list li,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-historia-block .medesk-re-historia-list li,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-analisis-block .medesk-re-analisis-list li,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-dispositivo-block .medesk-re-dispositivo-list li {
  display: flex !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 0.85rem !important;
  text-align: left !important;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-gestion-block .medesk-re-gestion-list li > span,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-historia-block .medesk-re-historia-list li > span,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-analisis-block .medesk-re-analisis-list li > span,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-dispositivo-block .medesk-re-dispositivo-list li > span {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.65rem !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  border: none !important;
  box-sizing: border-box !important;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-analisis-block .medesk-re-analisis-li-text,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-dispositivo-block .medesk-re-dispositivo-li-text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-align: left !important;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-analisis-block .medesk-re-analisis-li-text .li-gray,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-dispositivo-block .medesk-re-dispositivo-li-text .li-gray {
  color: var(--medesk-p) !important;
  font-weight: 400 !important;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-gestion-block .medesk-re-gestion-list li span b,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-historia-block .medesk-re-historia-list li span b,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-analisis-block .medesk-re-analisis-list li span b,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-dispositivo-block .medesk-re-dispositivo-list li span b {
  color: var(--medesk-green-dark) !important;
  font-weight: 600 !important;
}

body.medesk-page-software-medico-re #dtr-main-content .medesk-re-gestion-block > a.dtr-btn,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-historia-block > a.dtr-btn,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-analisis-block > a.dtr-btn,
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-dispositivo-block > a.dtr-btn {
  align-self: flex-start;
}


/* software-medico-re: dodatni readability + spacing fix */
body.medesk-page-software-medico-re #dtr-main-content .dtr-section {
  position: relative;
  z-index: 0;
}

body.medesk-page-software-medico-re #dtr-main-content h2 {
  font-size: clamp(1.55rem, 2.9vw, 2.2rem) !important;
  line-height: 1.26 !important;
  color: var(--medesk-text) !important;
}

body.medesk-page-software-medico-re #dtr-main-content p,
body.medesk-page-software-medico-re #dtr-main-content li,
body.medesk-page-software-medico-re #dtr-main-content .li-gray,
body.medesk-page-software-medico-re #dtr-main-content .testim-text {
  font-size: 1.06rem !important;
  line-height: 1.62 !important;
  color: var(--medesk-p) !important;
}

/* U ovim sekcijama legacy .color-white pravi slab kontrast na svetloj pozadini */
body.medesk-page-software-medico-re #dtr-main-content .background-2 h2.color-white,
body.medesk-page-software-medico-re #dtr-main-content .background-3 h2.color-white,
body.medesk-page-software-medico-re #dtr-main-content .background-4 h2.color-white {
  color: var(--medesk-text) !important;
}

body.medesk-page-software-medico-re #dtr-main-content .pre-blue-text,
body.medesk-page-software-medico-re #dtr-main-content .color-blue,
body.medesk-page-software-medico-re #dtr-main-content .blue-text {
  color: var(--medesk-green-dark) !important;
}

/* Uvodni pasus u prvom feature bloku: standardna boja/velicina podnaslova */
body.medesk-page-software-medico-re #dtr-main-content .medesk-re-features-top p.color-blue.text-size-md {
  color: var(--medesk-p) !important;
  font-size: 1.125rem !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
}

/* Razbijanje "slepljenih" sekcija */
body.medesk-page-software-medico-re #dtr-main-content .under-section {
  padding-top: clamp(2.2rem, 4.5vw, 3.6rem) !important;
  padding-bottom: clamp(2.2rem, 4.5vw, 3.6rem) !important;
}

body.medesk-page-software-medico-re #dtr-main-content .mt-custom {
  margin-top: clamp(1.75rem, 3.5vw, 2.75rem) !important;
}

body.medesk-page-software-medico-re #dtr-main-content .white-box,
body.medesk-page-software-medico-re #dtr-main-content .white-box-small,
body.medesk-page-software-medico-re #dtr-main-content .text-box,
body.medesk-page-software-medico-re #dtr-main-content .number-box {
  padding: clamp(1rem, 2.5vw, 1.5rem) !important;
}

@media (max-width: 767px) {
  body.medesk-page-software-medico-re #dtr-main-content h2 {
    font-size: clamp(1.35rem, 6vw, 1.75rem) !important;
  }

  body.medesk-page-software-medico-re #dtr-main-content p,
  body.medesk-page-software-medico-re #dtr-main-content li,
  body.medesk-page-software-medico-re #dtr-main-content .li-gray,
  body.medesk-page-software-medico-re #dtr-main-content .testim-text {
    font-size: 1rem !important;
    line-height: 1.58 !important;
  }
}