/*
@import url('https://fonts.googleapis.com/css2?family=Leckerli+One&display=swap');
*/

@font-face {
    font-family: 'flexo-regular';
    src: url('../css/fonts/Flexo-Regular.otf');
}

@font-face {
    font-family: 'flexo-bold';
    src: url('../css/fonts/Flexo-Bold.otf');
}

@font-face {
    font-family: 'flexo-heavy';
    src: url('../css/fonts/Flexo-Heavy.otf');
}


@font-face {
    font-family: 'flexo-light';
    src: url('../css/fonts/Flexo-Light.otf');
}

body {
    font-family: "flexo-light", Arial, sans-serif !important;
}

strong {
    font-weight: bold !important;
}

.text-cataby {
	font-family: "flexo-heavy", Arial, sans-serif !important;
}

.bg-color-red {
	background-color: #DD1833 !important;
}

.bg-color-blue {
	background-color: #0C5EA8 !important;
}

.text-color-blue {
	color: #0C5EA8 !important;
}

.text-color-red {
    color: #DD1833 !important;
}

.text-color-gray {
    color: #777777 !important;
}

.btn-blue {
    background-color: #0C5EA8;
    color: #ffffff;
}

a:hover.btn-blue {
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
    transition: .6s;
}

.btn-red {
	background-color: #DD1833;
}

.card-body a:hover {
    background-color: transparent;
    border: 1px solid #ffffff;
    transition: .6s;
}

#header .header-body {
    background: #DD1833;
}

#header {
    position: absolute;
    width: 100vw;
}

/*
.custom-cards {
    margin-top: -345px;
    margin-bottom: -204px;
}

.custom-cards .col-custom-cards .card {
    bottom: 0;
    position: relative;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(255,255,255,1);
	box-shadow: 0px 0px 5px 0px rgba(255,255,255,1);
}
*/

.prove-aprove {
    background: #DD1833;
    color: #ffffff;
    font-family: "flexo-bold", Arial, sans-serif !important;
    display: inline-block;
    padding: 10px 10px 5px;
}

#produtos .masonry .masonry-item:not(.no-default-style) {
    width: 50%;
}

#produtos .masonry-item {
    padding: 0 15px;
    margin-bottom: 35px;
}

.thumb-info .thumb-info-wrapper:after {
    background: rgba(255, 255, 255, 0.8);
}

html .overlay-color-primary:not(.no-skin):before {
    background-color: #0C5EA8 !important;
}

#cidades-rotator h2 {
    color: #777777;
}

#footer {
    background-color: #f7f7f7 !important;
    border-top: 4px solid #0C5EA8;
}

#footer .footer-copyright {
    background: #0C5EA8;
}

#footer a:not(.btn):hover {
    color: #DD1833;
}

/* Catálogo - Tabela */

thead.cf tr > th {
    color: #0C5EA8;
    font-family: 'flexo-bold';
    font-weight: bold;
}

.thumb-info .thumb-info-title {
    bottom: 0;
}

@media only screen and (max-width: 800px) {

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
        min-height: 30px;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr { border: 1px solid #ccc; }

    #no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
    }

    #no-more-tables td:before {
        color: #0C5EA8;
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        /*top: 6px;*/
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }

}

@media (min-width: 992px) {
    #header .header-nav-main nav > ul > li > a {
        font-family: "flexo-bold", Arial, sans-serif !important;
        font-size: 16px;
    }
	#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a {
	    color: #ffffff;
	}
	#header .header-nav.header-nav-links nav > ul li:hover > a {
	    color: #6A4072 !important;
        font-weight: bold !important;
	}
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
        color: #0C5EA8;
        font-size: 1em;
        font-weight: bold !important;
    }
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a {
        background-color: #0C5EA8;
        color: #ffffff !important;
    }
}

@media (max-width: 475px) {
    .custom-cards {
        margin-top: 15px;
        margin-bottom: -220px;
    }
    #produtos p {
        display: none;
    }
    #produtos h2 {
        margin-bottom: 0;
    }
    .text-right {
        text-align: left !important;
    }
}

/* Teste */

.responsivo-image {
    padding-top: 73%;
    position: relative;
}

.responsivo-cover-desktop {
    background-size: cover;
}

.responsivo-absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: 50%;
}

.responsivo-cover-mobile {
    background-size: cover;
    max-width: 768px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .responsivo-image {
        padding: 0 !important;
        position: relative;
        height: 572px !important;
    }
}

@media screen and (max-width: 1023px) {
    .hidden-touch {
        display: none!important;
    }
}

@media screen and (min-width: 1024px) {
    .hidden-desktop {
        display: none!important;
    }
}

@media (min-width: 1088px) {
    .responsivo-image {
        padding: 0 !important;
        position: relative;
        height: 621px !important;
    }
}

@media (min-width: 1920px) {
    .responsivo-image {
        padding: 0 !important;
        position: relative;
        height: 621px !important
    }
}

.no-webp .bg-home {
    background-image: url('../img/cataby/bg-parallax-home-cataby.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.webp .bg-home {
    background-image: url('../img/cataby/bg-parallax-home-cataby.webp');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.no-webp .bg-empresa {
    background-image: url('../img/cataby/empresa-banner-2-cataby.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.webp .bg-empresa {
    background-image: url('../img/cataby/empresa-banner-2-cataby.webp');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.no-webp .bg-empresa-1 {
    background-image: url('../img/cataby/empresa-banner-1-cataby.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.webp .bg-empresa-1 {
    background-image: url('../img/cataby/empresa-banner-1-cataby.webp');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.no-webp .bg-desktop {
    background-image: url('../img/cataby/img-desktop-cataby.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.webp .bg-desktop {
    background-image: url('../img/cataby/img-desktop-cataby.webp');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.no-webp .bg-mobile {
    background-image: url('../img/cataby/img-mobile-cataby.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.webp .bg-mobile {
    background-image: url('../img/cataby/img-mobile-cataby.webp');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* Overlay para melhorar legibilidade em mobile */
@media (max-width: 768px) {
    .bg-home {
        position: relative;
    }
    
    .bg-home::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0.9) 100%);
        z-index: 1;
    }
    
    .bg-home .container {
        position: relative;
        z-index: 2;
    }
    
    .bg-home .prove-aprove {
        background: #DD1833;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }
}