:root {
    --azul-marino: #221F35;
    --azul-marino2: #423f57;
    --azul-sheyla: #79C9D5;
    --verde-boton: #4C7B81;
    --verde-texto: #4698A4;
    --verde-oscuro: #3B585A;
    --gris-claro: #F6F6F9;
    --texto-general: #161c2d;
    --primary-800: #3B585A;
    --primary-900: #4C7B81; 
}

.text-primary {
    color: var(--verde-texto) !important;
}

.text-info {
    color: var(--azul-sheyla) !important;
}

.text-alternate {
    color: var(--azul-sheyla) !important;
}

.pricing .pricing-value .price:after {
    content: "MXN/mes";
}

.overlay:after {
    background-color: var(--primary-800);
}

.navigation.navbar-sticky .nav-link.active {
    color: var(--verde-oscuro);
}

.navigation.fixed-top.navbar-sticky .nav-link {
    color: var(--azul-sheyla);
}

.navigation.fixed-top .nav-link {
    color: var(--gris-claro);
}

.navigation.fixed-top .nav-link:hover {
    color: var(--verde-texto);
}

.navigation .btn-solid {
    background: var(--azul-marino);
    border-color: var(--azul-marino);
}

.navigation .btn-outline {
    background-color: var(--gris-claro);
    border-color: var(--verde-boton);
    color: var(--verde-boton);
}

.navigation .btn-outline:hover, .navigation.navbar-sticky .btn-outline:hover {
    color: #ffffff;
    background-color: var(--verde-texto);
    border-color: var(--verde-boton);
}

.navigation .btn-solid, .navigation.navbar-sticky .btn-solid {
    background-color: var(--azul-marino);
    border-color: var(--azul-marino);
}

.navigation .btn-solid:hover, .navigation.navbar-sticky .btn-solid:hover {
    color: #ffffff;
    background-color: var(--azul-marino2);
    border-color: var(--azul-marino2);
}

.navigation .btn-outline, .navigation.navbar-sticky .btn-outline {
    border-color: var(--verde-boton);
    color: var(--verde-boton);
}

.navigation .btn-solid:hover, .navigation.navbar-sticky .btn-solid:hover,
.navigation .btn-outline:hover, .navigation.navbar-sticky .btn-outline:hover {
    -webkit-box-shadow: 0 1px 10px rgba(70, 152, 164, 0.4) !important;
            box-shadow: 0 1px 10px rgba(70, 152, 164, 0.4) !important;
}

.btn-success, .btn-primary {
    background-color: var(--verde-boton);
    border-color: var(--verde-boton);
}

.btn-primary:hover {
    background-color: #00a394;
    border-color: #009689;
}

.btn-info {
    background-color: var(--azul-marino);
    border-color: var(--azul-marino);
}

.btn-info:hover {
    background-color: var(--verde-oscuro);
    border-color: var(--verde-oscuro);
}

.btn-info.disabled, .btn-info:disabled {
    background-color: var(--azul-marino2);
    border-color: var(--azul-marino2);
}

.btn-outline-info {
    border-color: var(--azul-marino);
    color: var(--azul-marino);
}

.btn-outline-info:hover {
    background-color: var(--verde-oscuro);
    border-color: var(--verde-oscuro);
}

.nav-tabs.nav-outlined .nav-link.active {
    background-color: var(--verde-boton);
    border-color: var(--verde-boton);
}

.nav-tabs.nav-outlined .nav-link {
    border-color: var(--verde-boton);
    color: var(--verde-boton);
}

.nav-tabs.nav-outlined .nav-link:last-child {
    border-right-color: var(--verde-boton);
}

.bg-info-gradient {
    background: var(--azul-marino);
}

.form-control:focus {
    -webkit-box-shadow: 0 0 0 0.2rem  rgba(76, 123, 129, 0.4);
            box-shadow: 0 0 0 0.2rem rgba(76, 123, 129, 0.4);
}

.gradient.gradient-primary-light {
    background-image: none;
    background: var(--primary-800);
}

a {
    color: var(--verde-texto);
}

.nav-tabs .nav-link.active {
    color: var(--verde-boton);
}

.nav-tabs.tabs-clean .nav-link.active {
    border-bottom-color: var(--verde-boton);
}

.fas.fa-check {
    color: var(--verde-texto);
}

.sw-theme-circles > ul.step-anchor > li.active > a,
.sw-theme-circles > ul.step-anchor > li.active:before, 
.sw-theme-circles > ul.step-anchor > li.active:last-of-type:after {
    background-color: #E30613;
}

.sw-theme-circles > ul.step-anchor > li.done:before, 
.sw-theme-circles > ul.step-anchor > li.done:last-of-type:after {
    background-color: #d9e2ef;
    border-color: #d9e2ef;
}

.sw-theme-circles > ul.step-anchor > li > a:hover {
    color: var(--azul-marino); 
}

.sw-theme-circles > ul.step-anchor > li.done > a {
    -webkit-box-shadow: 0 0 0 2px #d9e2ef !important;
            box-shadow: 0 0 0 2px #d9e2ef !important;
    color: var(--verde-oscuro);
    background: #fff;
}

.sw-theme-circles > ul.step-anchor > li.clickable > a:hover {
    color: var(--azul-marino) !important;
}

.st-nav a {
    color: var(--verde-oscuro);
}

.st-nav a:hover {
    color: var(--verde-boton);
}

.st-nav .st-nav-section.st-nav-mobile .st-root-link .icon-bar {
    background-color: var(--verde-boton);
}

.st-nav .st-popup-close-button:after, .st-nav .st-popup-close-button:before {
    background-color: var(--verde-boton);
}

button.btn.btn-secondary.sw-btn-next,
button.btn.btn-secondary.sw-btn-prev {
    display: none;
}

#contact-form {
    max-width: 100%;;
}

.demo-blocks {
    max-width: 50rem;
}

/* Para posicionar correctamente el ancla */
#planes::before {
    content: '';
    display: block;
    /* Alto del header fijo */
    height: 90px;
    margin-top: -90px;
    visibility: hidden;
}

.step-button {
    width: 22rem;
    max-width: 100%;
}

.accordion-faq .card-body,
.accordion-faq .card-body p {
    text-align: justify;
}