@charset "UTF-8";
/* 
 * VERIS LIFE | Bootstrap Centro Médicos Template
 * Copyright 2022 Company Akold
 * Theme styles
 */
/*!
  * Bootstrap V5.1.0 ()
  * Copyright 2011-2021 The Bootstrap Authors
  * Copyright 2011-2021 Twitter, Inc.
  * Licensed under MIT ()
  */

/* Custom Properties */
:root {
    --vris-white-50: #ffffff;
    --vris-white-100: #efefef;
    --vris-white-200: #dcdcdc;
    --vris-wild-sand-50: #f3f4f5;
    --vris-wild-sand-100: #eeeff0;
    --vris-wild-sand-200: #d8dbdf;
    --vris-gallery-100: #f8f8f8;
    --vris-gallery-100: #eaeaea;
    --vris-gallery-200: #dcdcdc;
    --vris-silver-chalice-300: #c8c8c8;
    --vris-silver-chalice-400: #b4b4b4;
    --vris-silver-chalice-500: #999999;
    --vris-athens-gray-50: #eff3f8;
    --vris-athens-gray-100: #e6ecf3;
    --vris-athens-gray-200: #d2ddeb;
    --vris-zumthor-50: #eaf0fd;
    --vris-zumthor-100: #e3eafc;
    --vris-zumthor-200: #ccd9f9;
    --vris-mine-shaft-950: #282828;
    --vris-fiord-600: #4f607a;
    --vris-fiord-700: #425065;
    --vris-fiord-800: #384354;
    --vris-raven-600: #8793a4;
    --vris-raven-700: #717c8c;
    --vris-raven-800: #5f6874;
    --vris-perano-200: #c9dbfc;
    --vris-perano-300: #a9c4f9;
    --vris-perano-400: #85a1f4;
    --vris-shakespeare-300: #6bb2cf;
    --vris-cornflower-blue-300: #98baf8;
    --vris-cornflower-blue-400: #5489f2;
    --vris-cornflower-blue-500: #4371ee;
    --vris-congress-blue-900: #024c7c;
    --vris-pattens-blue-50: #f0f9ff;
    --vris-pattens-blue-100: #d7edfd;
    --vris-pattens-blue-200: #bbe5fc;
    --vris-havelock-blue-400: #4e9fe2;
    --vris-havelock-blue-500: #338dd8;
    --vris-havelock-blue-600: #1967b0;
    --vris-cerulean-blue-700: #1967b0;
    --vris-cerulean-blue-800: #2156bf;
    --vris-cerulean-blue-900: #1e458a;
    --vris-astronaut-900: #163d7b;
    --vris-blue-ribbon-500: #3885f9;
    --vris-blue-ribbon-600: #296bef;
    --vris-blue-ribbon-700: #1a50db;
    --vris-bay-many-800: #1459e1;
    --vris-bay-many-800: #1747b6;
    --vris-bay-many-900: #19408f;
    --vris-bay-many-950: #142857;
    --vris-blue-zodiac-800: #2257ab;
    --vris-blue-zodiac-900: #214c87;
    --vris-blue-zodiac-950: #13243f;
    --vris-mirage-800: #1c4270;
    --vris-mirage-900: #1c395e;
    --vris-mirage-950: #0f1d32;
    --vris-mariner-500: #0c8deb;
    --vris-mariner-600: #0071ce;
    --vris-mariner-700: #0157a3;
    --vris-mariner-2-400: #5993d7;
    --vris-mariner-2-500: #306db5;
    --vris-mariner-2-600: #245ba5;
    --vris-lochmara-400: #53a3dd;
    --vris-lochmara-500: #2c84c6;
    --vris-lochmara-600: #1e6aab;
    --vris-onahau-50: #eefbfd;
    --vris-onahau-100: #c5eef6;
    --vris-onahau-200: #afe6f2;
    --vris-robin-egg-blue-300: #19b7c1;
    --vris-robin-egg-blue-400: #25cad2;
    --vris-robin-egg-blue-500: #19b7c1;
    --vris-aquamarine-blue-200: #b3ecee;
    --vris-aquamarine-blue-300: #66d8dd;
    --vris-aquamarine-blue-400: #42c6ce;
    --vris-aquamarine-200: #b9f9d9;
    --vris-aquamarine-300: #69f0ae;
    --vris-aquamarine-400: #45e397;
    --vris-chateau-green-500: #22c565;
    --vris-chateau-green-600: #18b057;
    --vris-chateau-green-700: #158042;
    --vris-malachite-500: #049140;
    --vris-malachite-600: #00c853;
    --vris-malachite-700: #049140;
    --vris-rose-bud-200: #ffd5c8;
    --vris-rose-bud-300: #ffab91;
    --vris-rose-bud-400: #fd8e6c;
    --vris-grenadier-500: #ef5f20;
    --vris-grenadier-600: #d84315;
    --vris-grenadier-700: #ba3214;
    --vris-readonly-100: #e7e9ec;
}
body {
    font-family: "Gotham Rounded", "Gotham Rounded SSm", sans-serif !important;
    color: var(--vris-blue-zodiac-950) !important;
}

body.login-page {
    background: linear-gradient(
            45deg,
            rgba(251, 251, 251, 0.99) 0%,
            rgba(248, 251, 255, 0.35) 45.5%,
            rgba(255, 255, 255, 0) 100%
        ),
        url("/assets/img/veris/fondo-veris-care.png") no-repeat center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100vh;
}
.hero{
    position: relative;
    background: linear-gradient(
            45deg,
            rgba(251, 251, 251, 0.90) 0%,
            rgba(248, 251, 255, 0.35) 45.5%,
            rgba(255, 255, 255, 0) 100%
        ),
        url("/assets/img/veris/fondo-veris-care.png") no-repeat top center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    min-height: 100vh;
    padding-top: 6rem; /* margen para que no tape el navbar */
    z-index: 1;
    overflow: hidden;
}

.hero-b2c{
    position: relative;
    background: linear-gradient(
            0deg,
            rgba(251, 251, 251, 0.90) 0%,
            rgba(248, 251, 255, 1) 0%,
            rgba(255, 255, 255, 0) 90%
        ),
        url("/assets/img/veris/fondo-veris-care.png") no-repeat top center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    min-height: 100vh;
    padding-top: 6rem; /* margen para que no tape el navbar */
    z-index: 1;
    overflow: hidden;
}

.navbar-floating {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    color: var(--vris-blue-zodiac-950) !important;
}
.h-65 {
    height: 65% !important;
}
.bg-menu-theme-veris-life {
    background-color: var(--vris-blue-zodiac-950);
    color: var(--vris-white-50) !important;
}
.bg-menu-theme-veris-life.menu-vertical .menu-item.active {
    background: var(--vris-blue-ribbon-600);
    color: var(--vris-white-50) !important;
    font-weight: 500;
}
.menu-item .svg-container {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
}
/* .bg-menu-theme-veris-life.menu-vertical
    .menu-item.active
    > .menu-link:not(.menu-toggle) {
    background: var(--vris-white-50);
    box-shadow: 0px 2px 6px 0px rgba(115, 103, 240, 0.48);
    color: var(--vris-blue-zodiac-950) !important;
} */
.bg-athens-gray {
    background-color: var(--vris-athens-gray-50) !important;
}
.bg-athens-gray-100 {
    background-color: var(--vris-athens-gray-100) !important;
}
.bg-gallery-100 {
    background-color: var(--vris-gallery-100) !important;
}
.bg-blue-ribbon-600 {
    background-color: var(--vris-blue-ribbon-600) !important;
}
.bg-zumthor-50 {
    background-color: var(--vris-zumthor-50) !important;
}
.bg-vris-onahau-100 {
    background-color: var(--vris-onahau-100) !important;
}
.bg-cornflower-blue-400 {
    background-color: var(--vris-cornflower-blue-400) !important;
}
.bg-pattens-blue-100 {
    background-color: var(--vris-pattens-blue-100);
}
.bg-perano-300 {
    background-color: var(--vris-perano-300) !important;
}
.bg-blue-zodiac-950 {
    background-color: var(--vris-blue-zodiac-950) !important;
}
.bg-athens-gray-50 {
    background-color: var(--vris-athens-gray-50) !important;
}
.bg-wild-sand-50 {
    background-color: var(--vris-wild-sand-50) !important;
}
.bg-cerulean-blue-800 {
    background-color: var(--vris-cerulean-blue-800) !important;
}
.bg-robin-egg-blue-400 {
    background-color: var(--vris-robin-egg-blue-400) !important;
}
.bg-mariner-2-500{
    background-color: var(--vris-mariner-2-500) !important;
}
.bg-vris-astronaut-900{
    background-color: var(--vris-astronaut-900) !important;
}
.bg-grenadier-600 {
    background-color: var(--vris-grenadier-600) !important;
}
.bg-sail-gradient {
    background: #afdbfc;
    background: linear-gradient(
        0deg,
        rgba(175, 219, 252, 1) 10%,
        rgba(235, 246, 254, 1) 85%
    );
}
.bg-madang-gradient {
    background: #b9f6ca;
    background: linear-gradient(
        0deg,
        rgba(185, 246, 202, 1) 10%,
        rgba(235, 246, 254, 1) 85%
    );
}
.bg-onahau-gradient-100 {
    background: var(--vris-onahau-100);
    background: linear-gradient(
        0deg,
        rgba(197, 238, 246, 1) 10%,
        rgba(235, 246, 254, 1) 85%
    );
}
.bg-pattens-blue-100-gradient {
    background: #d7edfd;
    background: linear-gradient(
        0deg,
        rgba(215, 237, 253, 1) 0%,
        rgba(255, 255, 255, 1) 65%
    );
}
.border-start-blue {
    border-left: 3px solid var(--vris-blue-ribbon-600) !important;
}
.border-start-blue-8 {
    border-left: 8px solid var(--vris-blue-ribbon-600) !important;
}
.border-start-white {
    border-left: 3px solid var(--vris-white-50) !important;
}
.border-silver-chalice-400 {
    border: 1px solid var(--vris-silver-chalice-400) !important;
}
.border-perano-300 {
    border: 1px solid var(--vris-perano-300) !important;
}
.border-blue-ribbon-600 {
    border: 1px solid var(--vris-blue-ribbon-600) !important;
}
.border-aquamarine-blue-300 {
    border: 1px solid var(--vris-aquamarine-blue-300) !important;
}
.btn-blue-veris {
    background-color: var(--vris-blue-ribbon-600) !important;
    color: var(--vris-white-50) !important;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}
.btn-blue-veris:hover {
    background-color: var(--vris-blue-ribbon-600);
    color: var(--vris-white-50);
}
.btn-blue-veris:active {
    background-color: #1a50db !important;
    color: var(--vris-white-50) !important;
    transform: scale(0.98);
}
.btn-blue-veris:disabled {
    background-color: #daebff;
    color: #5da8fd;
    cursor: not-allowed;
    opacity: 0.7;
}

.btn-robin-egg-blue-400 {
    background-color: var(--vris-robin-egg-blue-400) !important;
    color: var(--vris-blue-zodiac-950) !important;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}
.btn-robin-egg-blue-400:hover {
    background-color: var(--vris-robin-egg-blue-400);
    color: var(--vris-blue-zodiac-950);
}
.btn-robin-egg-blue-400:active {
    background-color: #1a50db !important;
    color: var(--vris-blue-zodiac-950) !important;
    transform: scale(0.98);
}
.btn-robin-egg-blue-400:disabled {
    background-color: #daebff;
    color: #5da8fd;
    cursor: not-allowed;
    opacity: 0.7;
}

.btn-cerulean-blue-800 {
    background-color: var(--vris-cerulean-blue-800) !important;
    color: var(--vris-white-50) !important;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}
.btn-cerulean-blue-800:hover {
    background-color: var(--vris-cerulean-blue-800);
    color: var(--vris-white-50);
}
.btn-cerulean-blue-800:active {
    background-color: var(--vris-cerulean-blue-700) !important;
    color: var(--vris-white-50) !important;
    transform: scale(0.98);
}
.btn-cerulean-blue-800:disabled {
    background-color: #daebff;
    color: #5da8fd;
    cursor: not-allowed;
    opacity: 0.7;
}
.btn-outline-cerulean-blue-800 {
    background-color: var(--vris-white-50) !important;
    color: var(--vris-cerulean-blue-800) !important;
    border: 1px solid var(--vris-cerulean-blue-800) !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-zest-veris {
    color: #ffffff !important;
    background-color: #e8850f !important;
    border: 1px solid #e8850f;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    line-height: 1.5;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-block;
}
.btn-zest-veris:hover {
    background-color: #e8850f;
    color: #ffffff;
    border-color: #e8850f;
    text-decoration: none;
}
.btn-zest-veris:active {
    background-color: #c86f0c !important;
    border-color: #c86f0c !important;
    color: #fff !important;
    box-shadow: none;
    transform: scale(0.95);
}
.btn-zest-veris:focus {
    outline: none;
    box-shadow: none;
}

.btn-zest-veris:disabled,
.btn-zest-veris.disabled {
    opacity: 0.65;
    pointer-events: none;
    background-color: #e8850f;
    color: #ffffff;
    border-color: #e8850f;
}

.btn-outline-zest-veris {
    color: #e8850f;
    background-color: #ffffff;
    border: 1px solid #e8850f;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    line-height: 1.5;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-block;
}
.btn-outline-zest-veris:hover {
    background-color: #e8850f;
    color: #ffffff;
    border-color: #e8850f;
    text-decoration: none;
}
.btn-outline-zest-veris:active {
    background-color: #c86f0c !important;
    border-color: #c86f0c !important;
    color: #fff !important;
    box-shadow: none;
    transform: scale(0.95);
}
.btn-outline-zest-veris:focus {
    outline: none;
    box-shadow: none;
}
.btn-outline-zest-veris:disabled,
.btn-outline-zest-veris.disabled {
    opacity: 0.65;
    pointer-events: none;
    background-color: #ffffff;
    color: #e8850f;
    border-color: #e8850f;
}

.btn-outline-blue-veris {
    color: #296bef !important;
    background-color: #ffffff;
    border: 1px solid #296bef !important;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    line-height: 1.5;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-block;
}
.btn-outline-blue-veris:hover {
    background-color: #296bef;
    color: #296bef;
    border-color: #296bef;
    text-decoration: none;
}
.btn-outline-blue-veris:active {
    background-color: #1a50db !important;
    border-color: #1a50db !important;
    color: #fff !important;
    box-shadow: none;
    transform: scale(0.95);
}
.btn-outline-blue-veris:focus {
    outline: none;
    box-shadow: none;
}
.btn-outline-blue-veris:disabled,
.btn-outline-blue-veris.disabled {
    opacity: 0.65;
    pointer-events: none;
    background-color: #ffffff;
    color: #296bef;
    border-color: #296bef;
}

.card-hover {
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    position: relative;
    min-height: 396px;
}

.card-hover:hover {
    border: 2px solid #296bef;
    cursor: pointer;
}

.card-medical-center-brand .card-body {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
    position: relative;
    padding: 2rem;
}

.card-hover img {
    width: 96px;
    transition: transform 0.3s ease-in-out;
    z-index: 2;
}

.card-hover:hover img {
    transform: translateY(-100px);
}

.card-info {
    position: absolute;
    bottom: 0%;
    left: 0%;
    transform: translate(0%, 100%);
    opacity: 0;
    transition: all 0.3s ease-in-out;
    text-align: center;
    width: 100%;
    background-color: var(--vris-cerulean-blue-800);
    border-top-right-radius: 24px;
    border-top-left-radius: 24px;
}

.card-hover:hover .card-info {
    opacity: 1;
    transform: translate(0%, 0%);
}

.badge-descuento {
    background-color: #d4e1fc;
    color: var(--vris-fiord-700);
    padding: 5px 12px;
    border-radius: 20px;
    font-weight: 500;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

/* .card-hover:hover .badge-descuento {
    opacity: 1;
    transform: translate(-50%, -320%);
} */

.info-icon {
    font-size: 1.5rem;
    margin-bottom: 0.3rem;
    color: var(--vris-white-50);
}

.info-text {
    font-size: 0.9rem;
    font-weight: 500;
}

.left-panel {
    background-color: #1d4ed8;
    color: white;
    padding: 2rem;
    /* text-align: center; */
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    /* align-items: center; */
}
.right-panel {
    background: linear-gradient(to bottom, #ffffff, #e0f2ff);
    padding: 2rem;
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
    flex: 1;
}
.step.crossed .step-trigger .bg-blue-zodiac-950 {
    background-color: var(--vris-blue-zodiac-950) !important;
    color: var(--vris-white-50) !important;
}
.dropdown-user-empresa {
    border-radius: 25px 10px 10px 25px;
    background-color: var(--vris-wild-sand-50);
}
.form-select.bg-gray {
    background-color: var(--vris-readonly-100) !important;
}
.fs-10p {
    font-size: 10px !important;
}
.fs-12p {
    font-size: 12px !important;
}
.fs-14p {
    font-size: 14px !important;
}
.fw-medium {
    font-weight: 500 !important;
}
.input-group:focus-within {
    box-shadow: none !important;
}
.list-group-radio .list-group-item {
    cursor: pointer;
    border-radius: 0.5rem;
}
.nav-pills {
    transition: all 0.3s ease-in-out;
}
.nav-pills .nav-link {
    transition: all 0.3s ease-in-out;
    background-color: var(--vris-white-50) !important;
}
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-link.active:focus {
    background-color: var(--vris-blue-ribbon-600) !important;
    color: var(--vris-white-50) !important;
    font-weight: 500;
    transform: scale(1.05);
}
.nav-tabs .nav-link:not(.active):hover,
.nav-tabs .nav-link:not(.active):focus,
.nav-pills .nav-link:not(.active):hover,
.nav-pills .nav-link:not(.active):focus {
    color: var(--vris-blue-ribbon-600) !important;
}
.nav-pills .nav-link.active {
    box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3);
    transform: scale(1.05);
}

/* .nav-pills .nav-link {
    transition: all 0.3s ease-in-out;
    background-color: var(--vris-white-50) !important;
} */

.nav-pills.nav-pills-parmi .nav-link.active,
.nav-pills.nav-pills-parmi .nav-link.active:hover,
.nav-pills.nav-pills-parmi .nav-link.active:focus {
    background-color: var(--vris-robin-egg-blue-400) !important;
    color: var(--vris-white-50) !important;
    font-weight: 500;
    transform: scale(1.05);
}
.nav-tabs .nav-link:not(.active):hover,
.nav-tabs .nav-link:not(.active):focus,
.nav-pills.nav-pills-parmi .nav-link:not(.active):hover,
.nav-pills.nav-pills-parmi .nav-link:not(.active):focus {
    color: var(--vris-robin-egg-blue-400) !important;
}
.nav-pills.nav-pills-parmi .nav-link.active {
    box-shadow: 0 0.125rem 0.25rem rgba(165, 163, 174, 0.3);
    transform: scale(1.05);
}

.layout-navbar-fixed .layout-page::before {
    backdrop-filter: none !important;
    background: none !important;
}
.tab-pane {
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.tab-pane.fade:not(.show) {
    opacity: 0;
    transform: translateY(10px);
}
.tab-pane.fade.show {
    opacity: 1;
    transform: translateY(0);
}
.shadow-1 {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
        rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important;
}
.text-one-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-primary-veris {
    color: var(--vris-blue-ribbon-600) !important;
}
.text-mirage-950 {
    color: var(--vris-mirage-950);
}
.text-fiord-700 {
    color: var(--vris-fiord-700) !important;
}
.text-mariner-600 {
    color: var(--vris-mariner-600) !important;
}
.text-blue-zodiac-950 {
    color: var(--vris-blue-zodiac-950) !important;
}
.text-raven-700 {
    color: var(--vris-raven-700) !important;
}
.text-lochmara-500 {
    color: var(--vris-lochmara-500) !important;
}
.text-aquamarine-300 {
    color: var(--vris-aquamarine-300) !important;
}
.text-rose-bud-300 {
    color: var(--vris-rose-bud-300) !important;
}
.text-bay-many-900 {
    color: var(--vris-bay-many-900) !important;
}
.text-cerulean-blue-800 {
    color: var(--vris-cerulean-blue-800) !important;
}
.text-havelock-blue-500 {
    color: var(--vris-havelock-blue-500) !important;
}
.text-chateau-green-600 {
    color: var(--vris-chateau-green-600) !important;
}
.text-malachite-600 {
    color: var(--vris-malachite-600) !important;
}
.text-grenadier-600 {
    color: var(--vris-grenadier-600) !important;
}
.text-robin-egg-blue-400 {
    color: var(--vris-robin-egg-blue-400) !important;
}
.text-congress-blue-900{
    color: var(--vris-congress-blue-900) !important;
}
.text-shakespeare-300{
    color: var(--vris-shakespeare-300) !important;
}
.text-vris-mine-shaft-950{
    color: var(--vris-mine-shaft-950) !important
}
.rounded-4 {
    border-radius: 1rem !important;
}
.rounded-5 {
    border-radius: 2rem !important;
}
.rounded-bottom-4 {
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
}
.rounded-10p {
    border-radius: 10px !important;
}
.progress-circle {
    margin-bottom: 1em;
}
.progress-circle {
    width: 68px;
    height: 68px;
    line-height: 100%;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}
.progress-circle.progress-circle-lg {
    width: 98px;
    height: 98px;
}

.progress-circle > span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.progress-circle .progress-left {
    left: 1px;
}
.progress-circle .progress-right {
    right: 1px;
}
.progress-circle .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 7px;
    border-style: solid;
    position: absolute;
    top: 0;
    border-color: var(--vris-aquamarine-300);
}
.progress-circle .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 75px;
    border-bottom-right-radius: 75px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.progress-circle .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 75px;
    border-bottom-left-radius: 75px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}
.progress-circle .progress-value {
    display: flex;
    border-radius: 50%;
    font-size: 36px;
    text-align: center;
    line-height: 20px;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-weight: 300;
}
.progress-circle::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 7px solid #eee;
    position: absolute;
    top: 0;
    left: 0;
}
.progress-circle .progress-value div {
    margin-bottom: 5px;
    line-height: 14px;
}

.progress-circle .progress-value span {
    font-size: 12px;
    text-transform: uppercase;
}
.progress-circle[data-percentage="0"] .progress-right .progress-bar {
    animation: loading-0 1.5s linear forwards;
}

.progress-circle[data-percentage="0"] .progress-left .progress-bar {
    animation: 0;
}

.progress-circle[data-percentage="3"] .progress-right .progress-bar {
    animation: loading-0-3 1.5s linear forwards;
}

.progress-circle[data-percentage="3"] .progress-left .progress-bar {
    animation: 0;
}

.progress-circle[data-percentage="5"] .progress-right .progress-bar {
    animation: loading-0-5 1.5s linear forwards;
}

.progress-circle[data-percentage="5"] .progress-left .progress-bar {
    animation: 0;
}

.progress-circle[data-percentage="10"] .progress-right .progress-bar {
    animation: loading-1 1.5s linear forwards;
}

.progress-circle[data-percentage="10"] .progress-left .progress-bar {
    animation: 0;
}

.progress-circle[data-percentage="20"] .progress-right .progress-bar {
    animation: loading-2 1.5s linear forwards;
}

.progress-circle[data-percentage="20"] .progress-left .progress-bar {
    animation: 0;
}

.progress-circle[data-percentage="30"] .progress-right .progress-bar {
    animation: loading-3 1.5s linear forwards;
}

.progress-circle[data-percentage="30"] .progress-left .progress-bar {
    animation: 0;
}

.progress-circle[data-percentage="40"] .progress-right .progress-bar {
    animation: loading-4 1.5s linear forwards;
}

.progress-circle[data-percentage="40"] .progress-left .progress-bar {
    animation: 0;
}

.progress-circle[data-percentage="50"] .progress-right .progress-bar {
    animation: loading-5 1.5s linear forwards;
}

.progress-circle[data-percentage="50"] .progress-left .progress-bar {
    animation: 0;
}

.progress-circle[data-percentage="60"] .progress-right .progress-bar {
    animation: loading-5 1.5s linear forwards;
}

.progress-circle[data-percentage="60"] .progress-left .progress-bar {
    animation: loading-1 1.5s linear forwards 1.5s;
}

.progress-circle[data-percentage="70"] .progress-right .progress-bar {
    animation: loading-5 1.5s linear forwards;
}

.progress-circle[data-percentage="70"] .progress-left .progress-bar {
    animation: loading-2 1.5s linear forwards 1.5s;
}

.progress-circle[data-percentage="80"] .progress-right .progress-bar {
    animation: loading-5 1.5s linear forwards;
}

.progress-circle[data-percentage="80"] .progress-left .progress-bar {
    animation: loading-3 1.5s linear forwards 1.5s;
}

.progress-circle[data-percentage="90"] .progress-right .progress-bar {
    animation: loading-5 1.5s linear forwards;
}

.progress-circle[data-percentage="90"] .progress-left .progress-bar {
    animation: loading-4 1.5s linear forwards 1.5s;
}

.progress-circle[data-percentage="100"] .progress-right .progress-bar {
    animation: loading-5 1.5s linear forwards;
}

.progress-circle[data-percentage="100"] .progress-left .progress-bar {
    animation: loading-5 1.5s linear forwards 1.5s;
}

@keyframes loading-0 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(36);
        transform: rotate(5deg);
    }
}

@keyframes loading-0-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(36);
        transform: rotate(9deg);
    }
}

@keyframes loading-0-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(36);
        transform: rotate(18deg);
    }
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(36);
        transform: rotate(36deg);
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(72);
        transform: rotate(72deg);
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(108);
        transform: rotate(108deg);
    }
}

@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(144);
        transform: rotate(144deg);
    }
}

@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(180);
        transform: rotate(180deg);
    }
}

.progress-circle {
    margin-bottom: 1em;
}
.swiper {
    width: 100%;
    height: 100%;
}
.swiper-button-next,
.swiper-button-prev {
    color: var(--vris-blue-ribbon-600);
    background: rgba(255, 255, 255, 1);
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    transition: background 0.3s ease;
    font-weight: 900;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: rgba(255, 255, 255, 0.8);
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 1.2rem !important;
}

.swiper-pagination-bullet {
    background: var(--vris-athens-gray-100);
    opacity: 0.9;
}

.swiper-pagination-bullet-active {
    background: var(--vris-blue-ribbon-600) !important;
    opacity: 1;
}

.slider-insurers .swiper-pagination-bullet-active {
    background: var(--vris-blue-ribbon-500) !important;
    opacity: 1;
}

.discount-badge {
    background-color: #0d6efd;
    color: white;
    font-size: 0.8rem;
    padding: 3px 8px;
    border-radius: 12px;
    display: inline-block;
    margin-bottom: 5px;
}

input .fs-placeholder-14p::placeholder {
    color: #a1a7b2;
    font-size: 14px;
}
input[readonly],
select[readonly] {
    background-color: var(--vris-readonly-100) !important;
    /* cursor: not-allowed; */
}

.filter-grayscale {
    filter: grayscale(1);
    cursor: default;
}
.btn.btn-editar-paciente:disabled,
.btn.btn-editar-paciente.disabled,
fieldset:disabled .btn.btn-editar-paciente,
.btn.btn-eliminar-paciente:disabled,
.btn.btn-eliminar-paciente.disabled,
fieldset:disabled .btn.btn-eliminar-paciente {
    border-color: none;
    border: none;
}

.loader {
    width: 50px;
    --b: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    padding: 1px;
    background: conic-gradient(#0000 10%, #296bef) content-box;
    -webkit-mask: repeating-conic-gradient(
            #0000 0deg,
            #000 1deg 20deg,
            #0000 21deg 36deg
        ),
        radial-gradient(
            farthest-side,
            #0000 calc(100% - var(--b) - 1px),
            #000 calc(100% - var(--b))
        );
    -webkit-mask-composite: destination-in;
    mask-composite: intersect;
    animation: l4 1s infinite steps(10);
}
@keyframes l4 {
    to {
        transform: rotate(1turn);
    }
}

/* Ocultar el caret que pone Bootstrap por defecto */
.accordion-question .accordion-button::after {
    background-image: none !important;
}

.accordion-question .accordion-button:not(.collapsed)::after {
    transform: rotate(0deg) !important;
}
/* Estado cerrado: chevron-down */
.accordion-question .accordion-button.collapsed::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f078"; /* fa-chevron-down */
    margin-left: auto;
    transition: transform 0.3s ease;
}

/* Estado abierto: chevron-up */
.accordion-question .accordion-button:not(.collapsed)::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f077"; /* fa-chevron-up */
    margin-left: auto;
    transition: transform 0.3s ease;
}

@media (max-width: 576px) {
  .verification-inputs {
    gap: 0.5rem; /* menos espacio entre inputs */
  }

  .verification-inputs .input-digit {
    flex: 1;                  /* que cada input use el mismo ancho */
    max-width: 45px;           /* tope para que no sean demasiado grandes */
    height: 55px;              /* altura más compacta */
    font-size: 1.25rem;        /* tamaño de fuente ajustado */
  }
}


@font-face {
    font-family: "Gotham Rounded";
    src: url("../fonts/gotham-rounded/GothamRnd-BoldItalic.eot");
    src: local("Gotham Rounded Bold Italic"), local("GothamRnd-BoldItalic"),
        url("../fonts/gotham-rounded/GothamRnd-BoldItalic.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/gotham-rounded/GothamRnd-BoldItalic.woff2")
            format("woff2"),
        url("../fonts/gotham-rounded/GothamRnd-BoldItalic.woff") format("woff"),
        url("../fonts/gotham-rounded/GothamRnd-BoldItalic.ttf")
            format("truetype");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Gotham Rounded SSm";
    src: url("../fonts/gotham-rounded/GothamRndSSm-Light.eot");
    src: local("Gotham Rounded SSm Light"), local("GothamRndSSm-Light"),
        url("../fonts/gotham-rounded/GothamRndSSm-Light.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/gotham-rounded/GothamRndSSm-Light.woff2") format("woff2"),
        url("../fonts/gotham-rounded/GothamRndSSm-Light.woff") format("woff"),
        url("../fonts/gotham-rounded/GothamRndSSm-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Gotham Rounded SSm";
    src: url("../fonts/gotham-rounded/GothamRndSSm-LightItalic.eot");
    src: local("Gotham Rounded SSm Light Italic"),
        local("GothamRndSSm-LightItalic"),
        url("../fonts/gotham-rounded/GothamRndSSm-LightItalic.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/gotham-rounded/GothamRndSSm-LightItalic.woff2")
            format("woff2"),
        url("../fonts/gotham-rounded/GothamRndSSm-LightItalic.woff")
            format("woff"),
        url("../fonts/gotham-rounded/GothamRndSSm-LightItalic.ttf")
            format("truetype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Gotham Rounded";
    src: url("../fonts/gotham-rounded/GothamRnd-Medium.eot");
    src: local("Gotham Rounded Medium"), local("GothamRnd-Medium"),
        url("../fonts/gotham-rounded/GothamRnd-Medium.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/gotham-rounded/GothamRnd-Medium.woff2") format("woff2"),
        url("../fonts/gotham-rounded/GothamRnd-Medium.woff") format("woff"),
        url("../fonts/gotham-rounded/GothamRnd-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Gotham Rounded SSm";
    src: url("../fonts/gotham-rounded/GothamRndSSm-Book.eot");
    src: local("Gotham Rounded SSm Book"), local("GothamRndSSm-Book"),
        url("../fonts/gotham-rounded/GothamRndSSm-Book.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/gotham-rounded/GothamRndSSm-Book.woff2") format("woff2"),
        url("../fonts/gotham-rounded/GothamRndSSm-Book.woff") format("woff"),
        url("../fonts/gotham-rounded/GothamRndSSm-Book.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham Rounded SSm";
    src: url("../fonts/gotham-rounded/GothamRndSSm-BoldItalic.eot");
    src: local("Gotham Rounded SSm Bold Italic"),
        local("GothamRndSSm-BoldItalic"),
        url("../fonts/gotham-rounded/GothamRndSSm-BoldItalic.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/gotham-rounded/GothamRndSSm-BoldItalic.woff2")
            format("woff2"),
        url("../fonts/gotham-rounded/GothamRndSSm-BoldItalic.woff")
            format("woff"),
        url("../fonts/gotham-rounded/GothamRndSSm-BoldItalic.ttf")
            format("truetype");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Gotham Rounded SSm";
    src: url("../fonts/gotham-rounded/GothamRndSSm-Bold.eot");
    src: local("Gotham Rounded SSm Bold"), local("GothamRndSSm-Bold"),
        url("../fonts/gotham-rounded/GothamRndSSm-Bold.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/gotham-rounded/GothamRndSSm-Bold.woff2") format("woff2"),
        url("../fonts/gotham-rounded/GothamRndSSm-Bold.woff") format("woff"),
        url("../fonts/gotham-rounded/GothamRndSSm-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Gotham Rounded";
    src: url("../fonts/gotham-rounded/GothamRnd-BookItalic.eot");
    src: local("Gotham Rounded Book Italic"), local("GothamRnd-BookItalic"),
        url("../fonts/gotham-rounded/GothamRnd-BookItalic.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/gotham-rounded/GothamRnd-BookItalic.woff2")
            format("woff2"),
        url("../fonts/gotham-rounded/GothamRnd-BookItalic.woff") format("woff"),
        url("../fonts/gotham-rounded/GothamRnd-BookItalic.ttf")
            format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Gotham Rounded";
    src: url("../fonts/gotham-rounded/GothamRnd-Book.eot");
    src: local("Gotham Rounded Book"), local("GothamRnd-Book"),
        url("../fonts/gotham-rounded/GothamRnd-Book.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/gotham-rounded/GothamRnd-Book.woff2") format("woff2"),
        url("../fonts/gotham-rounded/GothamRnd-Book.woff") format("woff"),
        url("../fonts/gotham-rounded/GothamRnd-Book.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gotham Rounded";
    src: url("../fonts/gotham-rounded/GothamRnd-LightItalic.eot");
    src: local("Gotham Rounded Light Italic"), local("GothamRnd-LightItalic"),
        url("../fonts/gotham-rounded/GothamRnd-LightItalic.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/gotham-rounded/GothamRnd-LightItalic.woff2")
            format("woff2"),
        url("../fonts/gotham-rounded/GothamRnd-LightItalic.woff") format("woff"),
        url("../fonts/gotham-rounded/GothamRnd-LightItalic.ttf")
            format("truetype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Gotham Rounded SSm";
    src: url("../fonts/gotham-rounded/GothamRndSSm-Medium.eot");
    src: local("Gotham Rounded SSm Medium"), local("GothamRndSSm-Medium"),
        url("../fonts/gotham-rounded/GothamRndSSm-Medium.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/gotham-rounded/GothamRndSSm-Medium.woff2") format("woff2"),
        url("../fonts/gotham-rounded/GothamRndSSm-Medium.woff") format("woff"),
        url("../fonts/gotham-rounded/GothamRndSSm-Medium.ttf")
            format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Gotham Rounded";
    src: url("../fonts/gotham-rounded/GothamRnd-Bold.eot");
    src: local("Gotham Rounded Bold"), local("GothamRnd-Bold"),
        url("../fonts/gotham-rounded/GothamRnd-Bold.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/gotham-rounded/GothamRnd-Bold.woff2") format("woff2"),
        url("../fonts/gotham-rounded/GothamRnd-Bold.woff") format("woff"),
        url("../fonts/gotham-rounded/GothamRnd-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Gotham Rounded SSm";
    src: url("../fonts/gotham-rounded/GothamRndSSm-BookItalic.eot");
    src: local("Gotham Rounded SSm Book Italic"),
        local("GothamRndSSm-BookItalic"),
        url("../fonts/gotham-rounded/GothamRndSSm-BookItalic.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/gotham-rounded/GothamRndSSm-BookItalic.woff2")
            format("woff2"),
        url("../fonts/gotham-rounded/GothamRndSSm-BookItalic.woff")
            format("woff"),
        url("../fonts/gotham-rounded/GothamRndSSm-BookItalic.ttf")
            format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Gotham Rounded";
    src: url("../fonts/gotham-rounded/GothamRnd-Light.eot");
    src: local("Gotham Rounded Light"), local("GothamRnd-Light"),
        url("../fonts/gotham-rounded/GothamRnd-Light.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/gotham-rounded/GothamRnd-Light.woff2") format("woff2"),
        url("../fonts/gotham-rounded/GothamRnd-Light.woff") format("woff"),
        url("../fonts/gotham-rounded/GothamRnd-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Gotham Rounded";
    src: url("../fonts/gotham-rounded/GothamRnd-MediumItalic.eot");
    src: local("Gotham Rounded Medium Italic"), local("GothamRnd-MediumItalic"),
        url("../fonts/gotham-rounded/GothamRnd-MediumItalic.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/gotham-rounded/GothamRnd-MediumItalic.woff2")
            format("woff2"),
        url("../fonts/gotham-rounded/GothamRnd-MediumItalic.woff")
            format("woff"),
        url("../fonts/gotham-rounded/GothamRnd-MediumItalic.ttf")
            format("truetype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Gotham Rounded SSm";
    src: url("../fonts/gotham-rounded/GothamRndSSm-MediumItalic.eot");
    src: local("Gotham Rounded SSm Medium Italic"),
        local("GothamRndSSm-MediumItalic"),
        url("../fonts/gotham-rounded/GothamRndSSm-MediumItalic.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/gotham-rounded/GothamRndSSm-MediumItalic.woff2")
            format("woff2"),
        url("../fonts/gotham-rounded/GothamRndSSm-MediumItalic.woff")
            format("woff"),
        url("../fonts/gotham-rounded/GothamRndSSm-MediumItalic.ttf")
            format("truetype");
    font-weight: 500;
    font-style: italic;
}