/* ------------------- */
/* navbar */
/* ------------------- */

.logo-container {
    width: 320px;
    height: 50px;
    z-index: 1001;
}

/* When mouse hovers over logo not using*/
.logo-img:hover {
    transform: scale(1.1);
    transition: transform 0.2s ease-in-out;
}


.nav-link.active {
    font-weight: bold;
    color: #d9644a !important;
    text-decoration: underline;
}

.nav-link:hover {
    color: #d9644a !important;
}

/* ------------------- */
/* FOOTER */
/* ------------------- */

.footer-svg img {
    display: block;
    height: 15px;
    object-fit: cover;
    padding: 0;
}

.footer-svg {
    padding: 0;
}

.rotate-text {
    transform: rotate(-90deg);
    transform-origin: center;
    white-space: nowrap;
    font-size: 0.6rem;
    /* Adjust as needed */
    text-align: center;
}

.text-to-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.text-to-top img {
    transition: transform 0.3s ease;
}

.text-to-top img:hover {
    transform: scale(1.1);
}





/* ------------------- */
/* COLORS */
/* ------------------- */

.navy {
    color: #193666 !important;
}

.blue {
    color: #4ac4d5 !important;
}

.orange {
    color: #ea7a5d !important;
}

.orange-color-mouseover:hover {
    color: #ea7a5d !important;
}

.orange-fill-mouseover:hover {
    fill: #ea7a5d !important;
}

.yellow {
    color: #fbad18 !important;
}

.offwhite {
    color: #f4f4e2 !important;
}

.white {
    color: #fff;
}

.green {
    color: #20c997 !important;
}

.grey {
    color: #5e6166 !important;
}

.purple {
    color: #6455d0 !important;
}

.navy-fill {
    fill: #182d54 !important;
}

.blue-fill {
    fill: #4ac4d5 !important;
}

.orange-fill {
    fill: #ea7a5d !important;
}

.orange-fill-mouseover:hover {
    fill: #ea7a5d !important;
}

.yellow-fill {
    fill: #fbad18 !important;
}

.white-fill {
    fill: #f4f4e2 !important;
}

.purple-fill {
    fill: #6455d0 !important;
}

.green-fill {
    fill: #20c997 !important;
}

.grey-fill {
    fill: #5e6166 !important;
}

.navy-background {
    background-color: #193666 !important;
}

.blue-background {
    background-color: #4ac4d5 !important;
}

.blue-light-background {
    background-color: #9cdce2 !important;
}

.blue-dark-background {
    background-color: #25939e !important;
}

.blue-darker-background {
    background-color: #126266 !important;
}


.orange-background {
    background-color: #ea7a5d !important;
}

.orange-light-background {
    background-color: #f49a8c !important;
}

.orange-dark-background {
    background-color: #d34f39 !important;
}

.orange-darker-background {
    background-color: #aa3b2d !important;
}

.yellow-background {
    background-color: #fbad18 !important;
}

.offwhite-background {
    background-color: #f4f4e2 !important;
}

.white-background {
    background-color: #fff !important;
}

.green-background {
    background-color: #20c997 !important;
}

.grey-background {
    background-color: #5e6166 !important;
}

.purple-background {
    background-color: #6455d0 !important;
}

.orange-border {
    border: 1px solid rgba(234, 122, 93, 0.25) !important;
}

.blue-border {
    border: 1px solid rgba(74, 196, 213, 0.25) !important;
}

.yellow-border {
    border: 1px solid rgba(251, 173, 24, 0.25) !important;
}

.purple-border {
    border: 1px solid rgba(100, 85, 208, 0.25) !important;
}

.navy-border {
    border: 1px solid rgba(24, 45, 84, 0.25) !important;
}

.green-border {
    border: 1px solid rgba(32, 201, 151, 0.25) !important;
}

/* ------------------- */
/* UTENSILIOS */
/* ------------------- */

.margin-0 {
    margin: 0;
}

#site-laguna .header a {
    text-decoration: none;
}

.no-text-decoration {
    text-decoration: none !important;
}

.text-small {
    font-size: 0.85rem;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family: 'Poppins', sans-serif;
}

.img-border {
    border-radius: 0px 12px 12px 12px;
}

.w-30 {
    width: 30%;
}

.text-grande {
    font-size: 3.5rem;
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

/* ------------------- */
/* BUTTONS */
/* ------------------- */

.btn-orange {
    background-color: #ea7a5d;
    border: none;
}

.btn-orange:hover {
    background-color: #a53a25;
    color: white;

}

/* ------------------- */
/* GLIDER */
/* ------------------- */

.glider-contain {
    position: relative;
    padding: 2rem 0;
    overflow: hidden;
}

.glider {
    margin: 0 auto;
    overflow: hidden;
    max-width: 100%;
}

.glider div {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.glider img {
    max-height: 100px;
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
}

/* Setas posicionadas centralizadas verticalmente */
.glider-prev,
.glider-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 2rem;
    color: #666;
    cursor: pointer;
    z-index: 2;
}

.glider-prev {
    left: 0;
}

.glider-next {
    right: 0;
}

/* Ocultar setas em telas pequenas */
@media (max-width: 576px) {

    .glider-prev,
    .glider-next {
        display: none;
    }
}

/* ------------------- */
/* HOME */
/* ------------------- */

.container-localizacao {
    background-color: #f5f8e4;
    padding: 0;
}

.text-localizacao h2 {
    font-size: 4rem;
    line-height: 0.9em;
}

.text-localizacao {
    width: 500px;
    text-align: left;
}


.img-localizacao img {
    width: 100%;
    height: auto;
    display: block;
}



/* parte novo lojista */

.text-horizonte p {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 600;
    color: #414042;
}

.text-horizonte .horizonte {
    font-weight: 800;
    font-size: 3rem;
}

.text-horizonte .highlight {
    color: white;
    padding: 2px 6px;
}

.image-horizonte img {
    max-width: 450px;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.image-horizonte img:hover {
    transform: scale(1.1);
}

@media(max-width: 768px) {
    .text-horizonte p {
        font-size: 1.4rem;
    }

    .text-horizonte .horizonte {
        font-size: 2.4rem;
    }
}


/* ------------------- */
/* NOVO LOJISTA */
/* ------------------- */


.lista {
    font-size: 0.85rem;
    line-height: 1.5rem;
}

.venha a {
    text-decoration: none !important;

}

.venha h2:hover {
    font-weight: bold;
}



/* ------------------- */
/* CONTATO */
/* ------------------- */

.inst-contato label {
    color: #5e6166 !important;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: light;
}


/* ------------------- */
/*  MAPA */
/* ------------------- */


.mapa {
    background-color: #e6e7e8;
}

#loja-01:hover,
#loja-02:hover,
#loja-03:hover,
#loja-04:hover,
#loja-05A:hover,
#loja-06:hover,
#loja-07A:hover,
#loja-08:hover,
#loja-09:hover,
#loja-10:hover,
#loja-11:hover,
#loja-12:hover,
#loja-13:hover,
#loja-14A:hover,
#loja-15:hover,
#loja-16:hover,
#loja-17:hover,
#loja-18:hover,
#loja-19:hover,
#loja-20:hover,
#loja-21:hover,
#loja-22:hover,
#loja-23:hover,
#loja-24:hover,
#loja-25:hover,
#loja-26:hover,
#loja-27:hover,
#loja-28:hover,
#loja-29A:hover,
#loja-30:hover,
#loja-31A:hover,
#loja-32:hover,
#loja-33A:hover,
#loja-34:hover,
#loja-35:hover,
#loja-36:hover,
#loja-37A:hover,
#loja-38:hover,
#loja-39B:hover,
#loja-40A:hover,
#loja-40B:hover,
#loja-ML01:hover *,
#Mloja-L02A:hover *,
#loja-ML04:hover *,
#loja-pagamento:hover *,
#loja-banheiros:hover * {

    filter: brightness(85%);
    cursor: pointer;
}


.label-text {
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
}

.tooltip-mapa {
    position: fixed;
    background: rgba(0, 0, 0, 0.85);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 1rem;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s;
    z-index: 9999;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
} 

@media (max-width: 576px) {
    .tooltip-mapa {
        color: #5e6166;
        font-weight: bold;
        background-color: white;
    }
}



/* ------------------- */
/* SORTEIO */
/* ------------------- */


#sorteio-form label{
    text-transform: uppercase;
    font-size: 0.8rem;
    color:#193666;
}