﻿@font-face {
    font-family: 'plusjakartasans-bold';
    src: url('../../fonts/custom/PlusJakartaSans/PlusJakartaSans-bold.ttf') format('opentype');
}
@font-face {
    font-family: 'plusjakartasans-light';
    src: url('../../fonts/custom/PlusJakartaSans/PlusJakartaSans-Light.ttf') format('opentype');
}
@font-face {
    font-family: 'plusjakartasans-regular';
    src: url('../../fonts/custom/PlusJakartaSans/PlusJakartaSans-Regular.ttf') format('opentype');
}

body {
    font-family: plusjakartasans-light, plusjakartasans-bold, plusjakartasans-regular, Arial, Verdana, Tahoma !important;
    font-size: medium !important;
}

b, strong, h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    font-family: plusjakartasans-bold !important;
    color: var(--main-primary-color-01) !important;
}

.lift {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translateY(0);
    transition: all 0.3s ease;
}

    .lift:hover {
        transform: translateY(-0.4rem);
        /*box-shadow: 0rem 0.25rem 1.25rem rgba(52, 63, 82, 0.1);*/
        box-shadow: 0rem 0.25rem 1.25rem var(--main-primary-color-01);
        /*box-shadow: 0rem 0.25rem 1.25rem var(--main-secondary-color-01);*/
    }

.logo {
    height: 40px;
    width: auto;
}

.logo_play_store {
    height: 65px;
    width: auto;
}

.top-comercio {
    max-height: 175px;
    width: auto;
}

.top-comercio_vivi {
    max-height: 175px;
    width: auto;
}

.top-comercio-inter {
    max-height: 75px;
    width: auto;
}


.top-comercioBlock {
    height: 200px !important;
}

.bodySection {
    padding-top: 50px !important;
    /*margin-top: -100px !important;*/
    /*padding-bottom: 50px !important;*/
}

.div-map {
    width: 100%;
    min-height: 450px;
    display: inline-block;
    overflow: hidden;
    border-top: solid;
    border-width: 5px;
}

.frame-map {
    width: 100%;
    min-height: 750px;
    position: relative;
    top: -75px;
    border: solid;
    border-width: 5px;
}

.border-primary {
    /*border-top-color: var(--main-primary-color-01);*/
    border-color: var(--main-primary-color-01);
}

.border-secondary {
    /*border-top-color: var(--main-secondary-color-01);*/
    border-color: var(--main-secondary-color-01) !important;
}

.curve {
    background-color: var(--main-color);
    height: 200px;
    width: 100%;
    -moz-border-radius-bottomright: 25px 50px;
    border-bottom-right-radius: 50px 200px;
}

.gradienteP {
    background: linear-gradient(to right, var(--main-secondary-color-02), var(--main-secondary-color-01) 75%);
}

.figura-rara {
    clip-path: polygon(0% 100%, 100% 0%, 100% 100%, 0% 100%);
}

.bg-main-secondary-01 {
    background-color: var(--main-secondary-color-01) !important;
}

.iconoCuik {
    width: 120px;
}

.btn-whatsapp {
    position: fixed;
    right: 2.00rem;
    bottom: 2.25rem;
    width: 2.80rem;
    height: 2.80rem;
    cursor: pointer;
    display: block;
    border-radius: 100%;
    background-color: var(--color-whatsapp);
}

::-webkit-scrollbar {
    width: 14px;
}

::-webkit-scrollbar-thumb {
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 9999px;
    background-color: #AAAAAA;
}

.dataTables_paginate, .dataTables_filter {
    text-align: end;
}

.fixed-header{
    position : sticky !important;
}

#zero_config_paginate, #zero_config_filter {
    padding-top: 25px !important;
}

.custom_table_bg {
    --bs-table-striped-bg: #f6f6f6;
}

.fc-secondary-01 {
    color: var(--main-secondary-color-01) !important;
}

.list-group-numbered-2 {
    list-style-type: none;
    counter-reset: section;
    min-width: 50px;
}

.list-group-numbered-2 > .list-group-item-2::before {
    content: counters(section, ".") ". ";
    /*content: counters(section, ".") " ";*/
    counter-increment: section;
}

.fc-normal {
    color: var(--main-color-normal);
}

.fc-bold-color{

}

.fc-black{
    color : #000000 !important;
}

.mega-menu-border {
    border: solid;
    border-color: var(--main-primary-color-01);
    border-width: 2px;
}

.navbar-expand-md .mega-menu-content {
    padding: 0.6rem 0.25rem 0.2rem;
}

.navbar-expand-sm .navbar-nav,
.navbar-expand-sm .dropdown-mega {
    position: static !important;
}

.navbar-expand-md .navbar-nav,
.navbar-expand-md .dropdown-mega {
    position: static !important;
}

.navbar-expand-lg .navbar-nav,
.navbar-expand-lg .dropdown-mega {
    position: static !important;
}

.navbar-expand-xl .navbar-nav,
.navbar-expand-xl .dropdown-mega {
    position: static !important;
}

.navbar-expand-xxl .navbar-nav,
.navbar-expand-xxl .dropdown-mega {
    position: static !important;
}

.navbar-expand .navbar-nav,
.navbar-expand .dropdown-mega {
    position: static !important;
}

.dropdown-mega .dropdown-menu {
    margin: 15px auto !important;
    left  : 0 !important;
    right : 0 !important;
    width : calc(100% - 200px) !important;
    max-width: none !important;
}

.navbar-expand-sm .mega-menu-content > .row > [class*=col-] + [class*=col-],
.navbar-expand-sm .dropdown-lg-content > div + div {
    border-left: 1px solid rgba(164, 174, 198, 0.2);
}

.navbar-expand-sm .mega-menu-content {
    padding: 0.6rem 0.25rem 0.2rem;
}

.navbar-expand-sm .mega-menu-content > .row > [class*=col-] + [class*=col-],
.navbar-expand-sm .dropdown-lg-content > div + div {
    border-left: 1px solid rgba(164, 174, 198, 0.2);
}

.navbar-expand-sm .mega-menu-content {
    padding: 0.6rem 0.25rem 0.2rem;
}

.navbar-expand-sm .mega-menu-img .mega-menu-content {
    padding: 0.2rem 2rem !important;
    margin: 1.8rem 0 !important;
}

.navbar-expand-md .mega-menu-content > .row > [class*=col-] + [class*=col-],
.navbar-expand-md .dropdown-lg-content > div + div {
    border-left: 1px solid rgba(164, 174, 198, 0.2);
}

.imgMegaMenu {
    max-height: 50px;
    width: auto;
}

.margin-fix{
    margin-top: 15px !important;
}

.mega-menu-show {
}

ul li.li-parent:hover .mega-menu-show {
    display: block !important;
}


.text-transfer-align {
    text-align: justify !important;
}


.img_aspect{
    aspect-ratio : 4/3;
    object-fit : contain
}