@charset "ISO-8859-1";
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700;800&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

:root {
    --font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --bg-card: #FFFFFF;
    --title-color: #1C422B;
    --text-color: #212529;
    --border-color: #dfdfdf;
    --callout-bg: #FFFFFF;
    --callout-border: var(--title-color);
    --box-shadow-hover: var(--box-shadow-position) rgb(54 54 54 / 15%);
}

header {
    --background-color: #1B3E2A;
    --font-weight-bold: normal;
}

.navbar a,
.navbar .nav-item {
    font-family: var(--font-family) !important;
    --bs-navbar-color: rgb(255 255 255 / 80%);
    --bs-navbar-hover-color: #DCBF7D;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.navbar-top {
    --background-color: #102818;
    opacity: 1;
    padding: 8px 0px;
}

.navbar-top a,
.navbar-top .nav-item{
    --bs-navbar-color: #a4ada7;
    font-size: 0.7rem;
}

.navbar-top li.nav-item:after {
    content: "ˇ";
    padding: 0px 15px;
}

.navbar-top li.nav-item:last-child:after {
    content: "";
    padding: 0px 0px;
}

.navbar-search {
    visibility: hidden;
}

.user-icon i,
.cart-icon i {
    color: #D2BE88;
}

i.fa.fa-pix {
    filter: contrast(0) brightness(10) !important;
    margin-left: -2px;
}

.navbar-primary {
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.navbar-primary .navbar-brand {
    display: flex;
}

.navbar-primary .navbar-brand .navbar-brand-text {
    display: flex !important;
    margin-left: 12px;
    line-height: 1;
    flex-direction: column;
    justify-content: center;
}

.navbar-primary .navbar-brand .navbar-brand-logo img {
    height: 56px;
    max-width: unset;
}

.navbar-primary .navbar-brand .navbar-brand-text::before {
    content: "UNI ITALO";
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: "Oswald", "Bebas Neue", "Arial Narrow", sans-serif;
}

.navbar-primary .navbar-brand .navbar-brand-text::after {
    content: "DESDE 1949 . CATÓLICA";
    margin-top: 4px;
    color: #DCBF7D;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.navbar-bottom .navbar-collapse .navbar-nav {
    justify-content: space-between;
    align-items: center;
}

.breadcrumbSection {
    --bs-breadcrumb-bg: linear-gradient(180deg, #25422d 0%, #1b3c29 100%);
    --bs-breadcrumb-item-color: #D2BE88;
    font-family: "Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.breadcrumbSection .active h1 {
    color: #FFFFFF;
    font-family: "Oswald","Bebas Neue","Arial Narrow",sans-serif;
    font-size: 2.7rem !important;
    font-weight: 400 !important;
    line-height: 1.2;
    text-transform: uppercase;
}

body,
.main-container {
    --background-color: #fdfafa;
    --font-color: var(--text-color);
}


.accordion-item,
.orderDetail-table,
.container .mainFooter,
.myAccountList .thumbnail {
    color: var(--text-color);
    --bs-table-color: var(--text-color);
    background-color: var(--bg-card);
    box-shadow: unset;
    border: 1px solid #D2BE88;
}

.accordion-button,
.accordion-button:not(.collapsed),
.product-item,
.modal .modal-content,
.thumbnail {
    --font-color: var(--text-color);
    color: var(--text-color);
    background-color: var(--bg-card);
    border: none;
}
.accordion-button,
.accordion-button h2 {
    color: #1C422B;
    font-size: 18px;
    font-weight: normal;
}

.accordion-body,
.accordion-body h1,
.accordion-body h2,
.accordion-body h3,
.accordion-body h4,
.accordion-body h5,
.accordion-body h6 {
    --font-color: var(--text-color);
    color: var(--text-color);
}

.section-title h2 {
    font-weight: normal;
    color: var(--title-color);
}

/*.product-item:hover, .bannerGrid .bannerGrid-item:hover,
.myAccountList .thumbnail:hover {
    background: #182845;
}*/


input.form-control, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], input[type="month"], input[type="date"], input[type="search"], select.form-select, select, option, textarea,
.navbar-middle .navbar-search .search-input {
    color: var(--text-color);
    caret-color: var(--text-color);
    background-color: #F0F0F0;
}

.form-check-input:checked {
    border-color: var(--text-color);
    background-color: var(--title-color);
}

.btn-primary, .btn-outline-primary {
    --title-color: #1C422B;
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--title-color);
    --bs-btn-border-color: var(--title-color);
    --bs-btn-hover-color: #d2be88;
    --bs-btn-hover-bg: var(--title-color);
    --bs-btn-hover-border-color: var(--title-color);
    --bs-btn-active-color: #d2be88;
    --bs-btn-active-bg: var(--title-color);
    --bs-btn-active-border-color: var(--title-color);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-1);
    --bs-btn-disabled-border-color: var(--color-1);
}


/*.btn-secondary,
.navbar-middle .navbar-search .search-btn,
.input-group-text {
    background: #6c757d;
    color: var(--text-color);
    --bs-btn-color: var(--text-color);
    --border-color-light: #5c636a;
}*/
.btn-ia a {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    color: rgb(255, 255, 255);
    font-weight: 700;
    font-size: 0.76rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 999px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    background: linear-gradient(120deg, #07A036, #B89856);
}

.btn-inscrevase a {
    font-weight: 700;
    padding: 8px 20px !important;
    background: #DCBF7D !important;
    color: #102818;
    border-color: none !important;
    border-radius: 4px;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: 1px;
}
.btn-inscrevase a:hover {
    background: rgb(200, 168, 95) !important;
    color: #102818;
}

footer {
    --bs-footer-bg: #1B3C29;
    --bs-footer-title-color: #FFF;
    --bs-footer-item-color: #FFF;
}
.footerTop {
    font-size: 0.9rem;
    font-weight: 400;
    --bs-footer-item-color: #F8F9FD !important;
    --bs-footer-title-color: #F8F9FD;
}


.footerTop h5 {
    color: #DCBF7D;
}
.footerTop p {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.78);
}
.footerTop p strong{
    font-size: 1rem;
    color: #fff;
}

.footerBottom {
    font-size: .7rem;
    font-weight: 400;
    --bs-footer-item-color: #F8F9FD !important;
    --bs-footer-title-color: #F8F9FD !important;
}
/*:root {
    --bg-card: #262A38;
    --title-color: #c2a072;
    --text-color: #E5E5E5;
    --border-color: #363D46;
}

header {
    --background-color: #0b1a2a;
    --font-weight-bold: normal;
}

.navbar a,
.navbar .nav-item {
    --bs-navbar-color: #d6d7db;
}

.navbar-primary .navbar-brand a > img {
    filter: brightness(100);
    max-height: 50px;
    max-width: unset;
}

.breadcrumbSection {
    --bs-breadcrumb-bg: linear-gradient(135deg, #1f212d, #383b4e, #4d5467);
}
.breadcrumbSection .active {
    --bs-breadcrumb-item-color: var(--title-color);
}

body,
.main-container {
    --background-color: #1C1E2A;
    --font-color: var(--text-color);
}


.accordion-item,
.orderDetail-table {
    color: var(--text-color);
    --bs-table-color: var(--text-color);
    background-color: var(--bg-card);
    box-shadow: unset;
}

.accordion-button,
.accordion-button:not(.collapsed),
.product-item,
.container .mainFooter {
    --font-color: var(--text-color);
    color: var(--text-color);
    background-color: var(--bg-card);
    border: none;
}
.accordion-button,
.accordion-button h2 {
    color: #afb0c2;
    font-size: 18px;
    font-weight: normal;
}

.accordion-body,
.accordion-body h1,
.accordion-body h2,
.accordion-body h3,
.accordion-body h4,
.accordion-body h5,
.accordion-body h6 {
    --font-color: var(--text-color);
    color: var(--text-color);
}

.section-title h2 {
    font-weight: normal;
    color: var(--title-color);
}

input.form-control, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], input[type="month"], input[type="date"], input[type="search"], select.form-select, select, option, textarea {
    color: var(--text-color);
    caret-color: var(--text-color);
    background-color: #7A7D85;
    border: none;
}

footer {
    --bs-footer-bg: #131419;
    --bs-footer-title-color: var(--title-color);
    --bs-footer-item-color: var(--text-color);
}*/