:root {
  --color-text: #1e1e1e;
  --color-white: #ffffff;
  --color-gray-light: #ececec;
  --color-disable: #656565;
  --color-body: #fafafa;
  --color-gray-select: #d9d9d9;
  --color-gray-dark: #404040;
  --color-bristol-green: #07682f;
  --color-login-dark-green: #002200;
  --color-navbar-footer: #f4f4f4;
  --color-bristol-light: #b3af68;
}

body {
  background-color: var(--color-body);
  color: var(--color-text);
  padding-top: 82px;
  position: relative;
}

.boder-color-bristol-light {
  border-color: var(--color-bristol-light) !important;
}

.border-bristol-light {
  border: 1px solid var(--color-bristol-light);
}

.border-dark-green {
  border: 1px solid var(--color-login-dark-green);
}

.width-4 {
  width: 416px;
}

.font-9 {
  font-size: 0.563rem;
}

.text-bristol {
  color: var(--color-bristol-green);
}

.text-bristol-dark {
  color: var(--color-login-dark-green);
}

.text-disabled {
  color: var(--color-disable);
}

.btn-light {
  background-color: #fff;
}

.btn-light:hover {
  color: var(--color-white) !important;
}

.btn-primary {
  background-color: var(--color-bristol-green);
  border-color: var(--color-bristol-green);
}

.btn:hover {
  background-color: var(--color-login-dark-green);
  border-color: var(--color-login-dark-green);
}

.btn:first-child:active {
  background-color: var(--color-login-dark-green);
  border-color: var(--color-login-dark-green);
}

:not(.btn-check) + .btn:active {
  background-color: var(--color-login-dark-green);
  border-color: var(--color-login-dark-green);
}

.btn-outline-primary {
  color: var(--color-login-dark-green);
  border-color: var(--color-login-dark-green);
}

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

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

/* Custom Size */
.fs-clamp-22 {
  font-size: clamp(18px, 0.926vw + 10.89px, 22px);
}

/* Navbar */
.navbar,
.footer {
  background-color: var(--color-navbar-footer);
}

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

.logo-img {
  max-width: 180px;
  height: auto;
}

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

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

.navbar .dropdown .dropdown-toggle:after {
  color: var(--color-text);
}

.dropdown-menu {
  background-color: var(--color-navbar-footer);
}

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

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

.navbar-toggler {
  border-color: var(--color-bristol-green) !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='%2307682F' 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("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%2307682F' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

/* Header */
.carousel-home-header {
  min-height: 420px;
}

.carousel-card-home-header {
  height: 420px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 70% 0%;
}

.carousel-card-home-one {
  background-image:
    linear-gradient(to left, rgba(0, 101, 41, 0) 20%, #006529 100%),
    url("../images/webp/home-header-01.webp");
}

.carousel-card-home-two {
  background-image:
    linear-gradient(to left, rgba(0, 101, 41, 0) 20%, #006529 100%),
    url("../images/webp/home-header-02.webp");
}

.carousel-card-home-three {
  background-image:
    linear-gradient(to left, rgba(0, 101, 41, 0) 20%, #006529 100%),
    url("../images/webp/home-header-03.webp");
}

.carousel-card-home-four {
  background-image:
    linear-gradient(to left, rgba(0, 101, 41, 0) 20%, #006529 100%),
    url("../images/webp/home-header-04.webp");
}

.carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-white) !important;
  margin: 0 6px;
  opacity: 1;
}

.carousel-indicators .active {
  background-color: var(--color-login-dark-green) !important;
}

.carousel-caption .btn-primary {
  background-color: var(--color-white);
  color: var(--color-text);
  border: 1px solid var(--color-white);
}

.carousel-caption .btn-primary:hover {
  background-color: var(--color-login-dark-green);
  color: var(--color-white);
  border: 1px solid var(--color-login-dark-green);
}

/* Card Pictures */
.card-service {
  width: 306px;
  min-height: 168px;
  border: 1px solid var(--color-bristol-light);
  border-radius: 10px;
}

.card-service h3 {
  color: var(--color-login-dark-green);
}

.controls li.prev,
.controls li.next {
  background-color: transparent;
  color: var(--color-disable);
  border: 1px solid var(--color-disable);
}

.controls li.prev:hover,
.controls li.next:hover {
  background-color: var(--color-bristol-green);
  border: none;
  color: #fff;
}

.card-phone {
  width: 400px;
  min-height: 168px;
  border: 1px solid var(--color-bristol-light);
  border-radius: 10px;
}

.card-bristol-touch {
  width: 196;
  min-height: 228px;
  border: 1px solid var(--color-bristol-light);
  border-radius: 10px;
}

/* Section Gray */
.section-gray {
  background-color: var(--color-gray-light);
}

.card-sede {
  /* width: 416px; */
  min-height: 256px;
  border: 1px solid #b3af68;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
  background-color: #fff;
}

.card-body {
  color: #000;
}

.card-body h4 {
  color: #000;
}

/* Contact Form */
.form-content {
  background-color: var(--color-white);
  border-color: var(--color-gray-select) !important;
}

.form-content h3 {
  color: var(--color-login-dark-green);
}

.form-control {
  border-color: var(--color-gray-select) !important;
  color: var(--color-text) !important;
  background-color: transparent !important;
}

.form-control:focus {
  box-shadow: none;
}

#formContact {
  color: var(--color-login-dark-green);
}

/* Footer */
.footer-subtitle {
  color: var(--color-bristol-green);
}

.footer-text,
.footer-text li a {
  color: var(--color-text);
}

.hero-header {
  height: 300px;
  background: linear-gradient(
    to right,
    rgba(7, 104, 47) 0%,
    rgba(0, 34, 0) 100%
  );
}

.bristol-touch-card {
  min-height: 206px;
  background-image:
    linear-gradient(to right, rgba(7, 104, 47) 0%, rgba(7, 104, 47, 0) 100%),
    url("../images/webp/banner-bristol-touch.webp");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center right;
  overflow: hidden;
}

.medical-record-card {
  max-width: 1076px;
  min-height: 206px;
  background-image:
    linear-gradient(to right, rgba(7, 104, 47, 1) 0%, rgba(7, 104, 47, 0) 100%),
    url("../images/webp/banner-cartilla-medica.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  overflow: hidden;
}

/* Accordion Custom */
.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-login-dark-green);
}

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

.accordion-button:not(.collapsed) {
  background-color: var(--color-bristol-green);
  color: #fff;
}

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

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

.accordion-button::after {
  filter: brightness(0) saturate(100%) invert(17%) sepia(95%) saturate(452%)
    hue-rotate(107deg) brightness(93%) contrast(89%);
}

.accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1);
}

/* Descargas */
.download-card {
  max-width: 1076px;
  min-height: 206px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  overflow: hidden;
}

.download-card-one {
  background-image:
    linear-gradient(to right, rgba(7, 104, 47, 1) 0%, rgba(7, 104, 47, 0) 100%),
    url("../images/webp/prestadores-resumen-mes.webp");
}

.download-card-two {
  background-image:
    linear-gradient(to right, rgba(7, 104, 47, 1) 0%, rgba(7, 104, 47, 0) 100%),
    url("../images/webp/prestadores-instructivo.webp");
}

.download-card-three {
  background-image:
    linear-gradient(to right, rgba(7, 104, 47, 1) 0%, rgba(7, 104, 47, 0) 100%),
    url("../images/webp/prestadores-procedimientos.webp");
}

/*Urgencias*/
.important-card > div {
  width: calc(100% / 5);
  border-top: 1px solid var(--color-bristol-light);
  border-bottom: 1px solid var(--color-bristol-light);
}

.important-card > div:not(:first-child):nth-child(n) {
  border-left: 1px solid var(--color-bristol-light);
}

/* WhatsApp Float */
.whatsapp-btn {
  width: 50px;
  height: 50px;
  right: 2%;
  bottom: 2%;
}

/* Media */
@media (max-width: 1024px) {
  .navbar .navbar-nav .nav-item .nav-link {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--color-gray-select);
  }

  .navbar .navbar-nav .dropdown-menu {
    box-shadow: none;
  }

  .navbar .dropdown-menu {
    margin: 0;
  }

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

  .whatsapp-btn {
    width: 36px;
    height: 36px;
  }
}

@media (max-width: 992px) {
  /*Urgencias*/
  .important-card > div {
    width: 100%;
    height: 100%;
    margin-top: -1px;
  }
  .important-card > div:not(:first-child):nth-child(n) {
    border-left: unset;
  }
}

@media (max-width: 768px) {
  body {
    padding-top: 70px;
  }
  .card-service {
    width: unset;
  }
}