/* LIGHT (300) */
@font-face {
    font-family: 'GothamNarrow';
    src: url('../../../fonts/custom/GothamNarrow-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'GothamNarrow';
    src: url('../../../fonts/custom/GothamNarrow-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

/* BOOK (400) */
@font-face {
    font-family: 'GothamNarrow';
    src: url('../../../fonts/custom/GothamNarrow-Book.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'GothamNarrow';
    src: url('../../../fonts/custom/GothamNarrow-BookItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

/* MEDIUM (500) */
@font-face {
    font-family: 'GothamNarrow';
    src: url('../../../fonts/custom/GothamNarrow-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'GothamNarrow';
    src: url('../../../fonts/custom/GothamNarrow-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

/* BOLD (700) */
@font-face {
    font-family: 'GothamNarrow';
    src: url('../../../fonts/custom/GothamNarrow-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'GothamNarrow';
    src: url('../../../fonts/custom/GothamNarrow-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

/* ULTRA (800 o 900) */
@font-face {
    font-family: 'GothamNarrow';
    src: url('../../../fonts/custom/GothamNarrow-Ultra.woff') format('woff');
    font-weight: 800; /* o 900 */
    font-style: normal;
}
@font-face {
    font-family: 'GothamNarrow';
    src: url('../../../fonts/custom/GothamNarrow-UltraItalic.woff') format('woff');
    font-weight: 800; /* o 900 */
    font-style: italic;
}

body {
    font-family: 'GothamNarrow', sans-serif; 
    font-weight: 400;
    background: transparent;
    color: #000000;
}

#divBarraSuperior{
    background: var(--color-primario) !important;
}

.navbar.navbar-bg-color-secundario {
    background: #ffffff;
}

#mobileMenu {
    background: #ffffff;
}

.badge-cart, .badge-login {
    background-color: var(--color-secundario) !important;
}

.follow-link:hover {
    color: var(--color-secundario);
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: var(--color-secundario);
}

.navbar-dark .navbar-nav .nav-link {
    color: var(--color-primario);
}

#offcanvas-search {
    background-color: #ffffff;
}

.offcanvas-start {
    width: 20rem;
}

.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:hover {
    color: var(--color-secundario);
}
.dropdown-item:focus, .dropdown-item:hover {
    color: var(--color-secundario);
    background-color: inherit;
}

@media (min-width: 992px) {
    .navbar-expand-lg[class*=navbar-bg-]:not(.fancy):not(.extended):not(.fixed) .navbar-collapse .nav-link {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }
}

@media (max-width: 991.98px) {
    .navbar-brand img {
        padding: 30px 10px 30px 0px !important;
    }
}

.logo-menu-mobile {
    width: 85px;
}

@media (max-width: 991.98px) {
    .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {
        color: #000000;
    }

    .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:hover {
        color: var(--color-secundario);
    }
}

.hamburger span, .hamburger:after, .hamburger:before, .megamenu span, .megamenu:after, .megamenu:before {
    background: #000000;
}

.badge-cart, .badge-login {
    width: .95rem;
    height: .95rem;
    font-size: .56rem;
}

#carritoMenu, #favoritosMenu {
    background: #ffffff;
}

#carritoMenu .btn i{
    color: #ffffff;
}

#carritoMenu i:not(.btn i), #favoritosMenu i {
    color: #000000 !important;
}

.link-light, .variante-light {
    color: var(--color-primario);
}

.link-light:hover, .variante-light:hover {
    color: var(--color-secundario);
}

.shopping-cart-item i {
    transition: 0.3s;
}

#Checkout i {
    transition: 0.3s;
}

#Checkout i:hover {
    color: var(--color-secundario) !important;
    transition: 0.3s;
}

.link-dark:hover {
    color: var(--color-secundario) !important;
}

.shopping-cart-item i:hover {
    color: var(--color-secundario) !important;
    transition: 0.3s;
}

.offcanvas-header .text-white, .offcanvas-body p {
    color: var(--color-primario) !important;
}

.swiper-hero-con-barra, .swiper-hero-con-barra .swiper-slide {
    height: calc(100vw / 2.50);
}

.swiper-overlay{
    background-color: rgba(0,0,0,0);
}

.post-title {
    text-transform: uppercase;
    font-weight: 400;
}

.breadcrumb-item {
    font-weight: 400;
}

.post-header h3{
    font-size: .65rem !important;
}

.post-title a{
    font-weight: 400;
}

.overlay-1 .from-top {
    font-size: 24px;
}

.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6,.display-1,.display-2,.display-3,.display-4,.display-5,.display-6,.display-7{
    font-weight: 400;
}

.footer-titulo {
    color: var(--color-secundario);
}

.footer-coredevs {
    color: var(--color-secundario) !important;
}

.footer-hr {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
    height: 0.5px !important;
}

footer .container{
    padding-bottom: 15px !important;
}

.pie-pagina, .div-footer-coredevs p, .div-footer-coredevs a{
    font-size: 13px;
}

.div-footer-coredevs{
    margin-top: 17px;
}

fieldset[id^="fsAtributos_"] {
    margin-bottom: .5rem !important;
    gap: 0.1rem;
}

.picker label {
    inline-size: 2rem;
    block-size: 1.35rem;
    margin-right: 0rem !important;
    margin-left: 0rem !important;
    display: contents;
}

.picker label[for*=radVariante]>span {
    font-size: .5rem;
    line-height: 1.15;
    padding: .25rem;
    border-radius: .4rem;
}

.bg-dark.text-inverse a:not(.btn):not([class*=link-]):hover, .bg-navy.text-inverse a:not(.btn):not([class*=link-]):hover, .text-inverse a:not(.btn):hover, [class*=offcanvas-].text-inverse a:not(.btn):not([class*=link-]):hover {
    color: var(--color-secundario);
}

.price.d-grid ins, .price.d-grid del {
    font-weight: 500 !important;
}

.project.item .post-header[id^="divProducto_"] .post-title {
    font-size: .7rem !important;
}

.price b, .price .amount{
    font-weight: 500 !important;
}

[id^="divProducto_"] [id^="txtCuotas_"] {
    font-weight: 400 !important;
}

.picker label[for*=radVariante]>input:checked~span {
    background-color: #94c11f;
}

.picker label[for*=radVariante]>span {
    color: #000000;
}

#offcanvas-search {
    background-color: #ffffff !important;
}

#txtBuscarShop {
    color: #000000 !important;
}

.div-buscar-header.offcanvas {
    color: #000000 !important;
}

.p-revendedor{
    margin-top: 2px;
}

.boton-extranet{
	background: var(--color-secundario) !important;
}

.txt-empresa-login{
    color: var(--color-secundario) !important;
}

.txt-sku-producto{
    font-size: 14px !important;
    font-weight: 400 !important;
}