@import "accordion.css";
@import "background.css";
@import "bodygraph.css";
@import "button.css";
@import "carousel.css";
@import "form.css";
@import "generator.css";
@import "nav-bodygraph.css";
@import "navbar.css";
@import "pdf.css";
@import "penta.css";
@import "sidebar.css";
@import "text.css";
@import "widget.css";

@font-face {
    font-family: 'Montserrat', sans-serif;
    src: url('../font/Montserrat-VariableFont_wght.ttf') format('truetype')
}

@font-face {
    font-family: 'Outfit', sans-serif;
    src: url('../font/Outfit-VariableFont_wght.ttf') format('truetype')
}

@font-face {
    font-family: 'Playfair Display', sans-serif;
    src: url('../font/PlayfairDisplay-VariableFont_wght.ttf') format('truetype')
}

body {
    background-color: #F1F5F9;
    color: #0F172A;
    font-family: 'Outfit', sans-serif;
    font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
}

.subtitle {
    font-family: 'Montserrat', sans-serif;
}

footer {
    color: #F1F5F9;
}

footer a {
    color: #F1F5F9;
}

footer a:hover {
    color: #C0C0C0;
}

/* Logo */
.logo-site {
    width: 30px;
}

.logo-footer {
    width: 50px;
}

.hidden {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

.justify-items-center {
    justify-items: center;
}

.bodygraph-svg p {
    margin-bottom: 8px;
}

.hidden-data {
    display: none !important;
}

thead tr {
    vertical-align: middle;
}

th:first-child {
    padding-left: 16px;
}

th:last-child {
    padding-right: 16px;
}

td:first-child {
    padding-left: 16px;
}

td:last-child {
    padding-right: 16px;
}

.table-quarters  td:first-child {
    padding-left: 8px!important;
}

.table-quarters  td:last-child {
    padding-right: 8px!important;
}

.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: #6C5CE7;
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(108, 92, 231, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #6C5CE7;
    --bs-pagination-active-border-color: #6C5CE7;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none;
}

#transit-view svg {
    max-width: 50vw;
    max-height: 75vh;
}

.billing-toggle-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 40px;
}


/* .toggle-label {
    font-weight: 600;
    color: #6c757d;
    transition: color 0.3s ease;
}

.toggle-label.active {
    color: #0d6efd;
}

.badge-save {
    font-size: 0.75rem;
    padding: 0.4em 0.8em;
    border-radius: 50px;
    background-color: #e7f1ff;
    color: #0d6efd;
    font-weight: bold;
    margin-left: 10px;
} */

.pricing-card {
    transition: transform 0.3s ease;
    border: none;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.pricing-card:hover {
    transform: translateY(-5px);
}

.price-value {
    font-size: 3rem;
    font-weight: 800;
}


a.disabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
    pointer-events: none;
}

/* Alert */
.alert-success {
    background-color: #9eddc8;
    color: #1b5848;
}

/* Table */
.table-orange {
    --bs-table-color: #000;
    --bs-table-bg: #f5d9c7;
    --bs-table-border-color: #c6acae;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #eec7ac;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

/* Link */
.feature li {
    list-style-type: none;
}

.feature-avanced {
    border: 1px solid #6C5CE7;
    border-top: 4px solid #6C5CE7;
}

.feature-pro {
    border-top-width: 4px;
    border-image: linear-gradient(135deg, #FFD700 0%, #FFED4E 25%, #C5A028 50%, #FFED4E 75%, #FFD700 100%) 1;
}