:root {
  --color-background: #FFFFFF;
  --color-primary: #CE187C;
  --color-secondary: #404040;
  --color-white: #FFFFFF;
  --color-gray-light: #FAFAFA;
  --color-paragraphs: #404040;
  --color-footer: #EEEEEE;
  --color-navbar: #F4F4F4;
  --color-contact: #F3F3F3;
  --color-border: #B1B1B1;
}

* {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400;
  color: var(--color-paragraphs);
}

body {
  background-color: var(--color-background);
  padding-top: 152px;
}

body.nav-open {
  overflow: hidden;
}

/* ------- GLOBALS -------- */
.table>:not(caption)>*>* {
  color: var(--color-paragraphs) !important;
}

table tbody tr:last-child td {
  border-bottom: none;
}

.whatsapp {
  width: 56px;
  height: 56px;
  display: grid;
  justify-content: center;
  align-items: center;
  background-color: white;

  >svg {
    width: 33px;
    height: 33px;
  }
}

/* 7px */
.fs-7 {
  font-size: 0.438rem;
}

/* 10px */
.fs-10 {
  font-size: 0.625rem;
}

/* 36px */
.fs-36 {
  font-size: 2.25rem;
}

.specialties ul {
  list-style: disc;
}

.object-position-center {
  object-position: center;
}

.border-primary {
  border-color: var(--color-primary) !important;
}

.bg-gray-light {
  background-color: var(--color-gray-light);
}

.border-color-b1 {
  border-color: var(--color-border) !important;
}

.color-primary {
  color: var(--color-primary);
}

.color-secondary {
  color: var(--color-secondary);
}

.color-white {
  color: var(--color-white);
}

.border-color-primary {
  border-color: var(--color-primary) !important;
}

/* -------- Buttons --------- */
/* Primary */
.btn-primary {
  color: var(--color-white);
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

.btn-primary:hover {
  color: var(--color-white);
  border-color: var(--color-secondary);
  background-color: var(--color-secondary);
}

:not(.btn-check)+.btn-primary:active {
  color: var(--color-white);
  border-color: var(--color-secondary);
  background-color: var(--color-secondary);
}

/* Secondary */
.btn-secondary {
  color: var(--color-white);
  border-color: var(--color-secondary);
  background-color: var(--color-secondary);
}

.btn-secondary:hover {
  color: var(--color-white);
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

:not(.btn-check)+.btn-secondary:active {
  color: var(--color-white);
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

/* Outline Primary */
.btn-outline-primary {
  color: var(--color-secondary);
  border-color: var(--color-primary);
  background-color: transparent;
}

.btn-outline-primary:hover {
  color: var(--color-white);
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

:not(.btn-check)+.btn-outline-primary:active {
  color: var(--color-white);
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}

.list-guion {
  list-style: none;
  padding-left: 0;
}

.list-guion li {
  position: relative;
  padding-left: 1rem;
}

.list-guion li::before {
  content: "-";
  position: absolute;
  left: 0;
}

/* ------------- Home -------------*/
#home {
  background-color: var(--color-gray-light);
}

.hero-video-content {
  height: 548px;
}

.home-card-medicos {
  border-left: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
}

.home-mujer {
  background-color: var(--color-white);
}

.home-contact-divider {
  border-bottom: 1px solid var(--color-secondary);
}

.home-chequeos {
  background-image: linear-gradient(to top, rgba(237, 237, 237, 90%)), url("../images/webp/home-chequeos.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* ---- Slider Home ----- */
.controls li.prev:hover,
.controls li.next:hover {
  background-color: var(--color-white);
  border-color: var(--color-white);
}

/* --------- Dropdown ---------*/

.dropdown-menu {
  background-color: var(--color-background);
  width: auto;
}

.dropdown-menu .dropdown-item {
  color: var(--color-text-navbar) !important;
}

.dropdown-item:hover {
  background-color: var(--color-background) !important;
  color: var(--color-primary) !important;
}

.dropdown-item:hover.dropdown-item::after {
  color: var(--color-primary);
}

/* ----- Navbar servicios submenu ----- */
.dropdown-submenu {
  padding: 0 16px;
}

.dropdown-menu-child {
  display: none;
  height: 0;
  list-style: none;
  text-align: start;
  margin: 0;
  padding: 0;
}

.open {
  display: block;
  height: 100%;
}

.submenu .dropdown-toggle:after {
  content: "\e92e";
  border: none;
  color: var(--color-secondary);
  transform: rotate(90deg);
}

/* ------- Accordion ------- */
.accordion {
  --gk-accordion-border-radius: 0;
  --gk-accordion-inner-border-radius: 0;
  --gk-accordion-color: var(--color-text);
}

.accordion-item {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid var(--color-secondary);
}

.accordion-button {
  background-color: transparent;
  color: var(--color-secondary);
  padding: 0.5rem 1rem;
}

.accordion-button:not(.collapsed) {
  background-color: transparent;
  color: var(--color-primary);
  box-shadow: none;
}

.accordion-button:focus {
  border: none;
  box-shadow: none;
}

.accordion-body hr {
  color: var(--color-secondary);
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
  filter: brightness(0) saturate(100%) invert(28%) sepia(92%) saturate(2575%) hue-rotate(313deg) brightness(96%) contrast(98%);
}

/* ------- Navbar -------- */
.navbar {
  background-color: var(--color-navbar);
  transition: background-color 0.25s ease;
}

.navbar-border {
  border-bottom: 1px solid var(--color-secondary);
}

.navbar-brand {
  filter: none !important;
  background-color: transparent !important;
}

.nav-item .nav-link {
  color: var(--color-paragraphs) !important;
}

.navbar .navbar-nav .nav-item .nav-link:hover {
  color: var(--color-primary) !important;
}

.navbar .navbar-nav .nav-item .nav-link.active {
  color: var(--color-primary) !important;
}

/* Navbar Icon Menu Mobile */
.navbar-toggler {
  border: none !important;
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%235A595C' stroke-linecap='round' stroke-width='2' d='M6 6 L24 24 M24 6 L6 24'/%3E%3C/svg%3E") !important;
}

.navbar-toggler.collapsed .navbar-toggler-icon {
  background-image: url("/assets/images/svg/menu.svg") !important;
  background-size: contain;
}

.input-search {
  border: 1px solid var(--color-secondary) !important;
  color: var(--color-text-navbar) !important;
  background-image: url('/assets/images/svg/lupa.svg');
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
  transition: all .2s ease;
  padding-left: 36px;
}

/* Hidden search icon */
/* .input-search:focus, */
/* .input-search:not(:placeholder-shown) { */
/*   background-image: none; */
/*   padding-left: 0.75rem; */
/* } */

.input-search::placeholder {
  color: var(--color-paragraphs);
}

.input-search:focus {
  box-shadow: none;
}

/* ------- Footer ------- */
.footer {
  background-color: var(--color-footer);
}

.footer-list li a:hover {
  color: var(--color-primary);
}

.custom-list li {
  text-transform: uppercase;
}

@media (max-width: 992px) {
  .fs-5 {
    font-size: 0.750rem !important;
  }

  .fs-4 {
    font-size: 0.875rem !important;
  }

  .fs-3 {
    font-size: 1rem !important;
  }

  .whatsapp {
    width: 40px;
    height: 40px;

    >svg {
      width: 28px;
      height: 28px;
    }
  }

  .navbar-brand {
    width: 200px;
  }

  .home-contact {
    background-color: var(--color-contact);
  }

  .home-mujer {
    background-color: transparent;
  }

  .hero-video-content {
    height: 610px;
  }

  /* 36px -> 24px */
  .fs-36 {
    font-size: 1.5rem;
  }

  .navbar {
    background-color: transparent;
    box-shadow: none;
    transition: none;
  }

  body.nav-open .navbar {
    background-color: var(--color-navbar);
  }

  #navbarSupportedContent {
    background-color: transparent;
  }

  #navbarSupportedContent>ul {
    opacity: 0;
    transition: opacity 0.2s ease;
  }

  #navbarSupportedContent.show>ul {
    opacity: 1;
  }

  .btn-services .dropdown-menu {
    background-color: transparent;
  }

  .navbar-collapse.show {
    height: calc(100vh - 110px);
    max-height: none;
    overflow-y: auto;
  }

  .btn-services .dropdown-menu {
    max-height: unset;
    overflow-y: unset;
    scrollbar-width: unset;
    -ms-overflow-style: unset;
  }

  .btn-services .dropdown-menu::-webkit-scrollbar {
    display: unset;
  }

  .navbar-border {
    border-bottom: none;
  }

  .navbar .navbar-nav .nav-item .nav-link {
    border-bottom-color: var(--color-separator-navbar);
  }

  .navbar-menu-movile {
    border-bottom: 1px solid var(--color-separator-navbar);
  }
}

@media (max-width: 768px) {
  body {
    padding-top: 80px
  }
}

@media (max-width: 576px) {
  .home-card-medicos {
    border-left: 0;
    border-right: 0;
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
  }

  .carousel-caption {
    left: 0%;
    right: 0%;
  }
}