/* Add here all your css styles (customizations) */
/***  COLORS ***/

.g-bg-BO,
.u-btn-primary{
    background: #969696;
}

.g-color-primary--hover:hover{
    color: #fd9233 !important;
    text-decoration: none;
}

g-bg-section{
    background-color: #f1f1f1;
}

.u-go-to-v1:hover,
.u-go-to-v1:focus:hover,
.u-btn-primary:hover{
    background: #fd9233;
}


/*** TOPBAR ***/

#js-header > div.u-header__section.u-header__section--hidden.u-header__section--dark.g-bg-BO.g-py-7 > div > div > div.col-auto.mr-md-auto.g-px-15.text-lowercase > a,
#languages-dropdown-2 > li > a{
    color: #ffffff;
}
#js-header > div.u-header__section.u-header__section--hidden.u-header__section--dark.g-bg-BO.g-py-7 > div > div > div.col-auto.mr-md-auto.g-px-15.text-lowercase > a:hover,
#languages-dropdown-2 > li > a:hover{
    color: #fd9233;
    text-decoration: none;
}

.g-color--hover:hover{
    color: #fd9233;
}

.g-bg-BOfacebook--hover:hover{
    background: #3A5897 !important;
}

.g-bg-BOinstagram--hover:hover{
    background: #9640b1 !important;
}


/***  MENU  ***/

header div div nav.navbar{
    padding-top: 0px;
    padding-bottom: 0px;
}

.navbar .u-main-nav-v5 .nav-item.active > .nav-link,
.navbar .u-main-nav-v5 .nav-item:hover > .nav-link,
.navbar .u-main-nav-v5 .nav-item:focus > .nav-link,
.navbar .u-main-nav-v5 .nav-item.show > .nav-link,
.navbar .u-main-nav-v5 .nav-item.hs-sub-menu-opened > .nav-link,
.navbar .u-main-nav-v5 .nav-item .nav-link:focus{
    color: #fd9233;
    border: 0px;
}

.navbar .u-main-nav-v5 .nav-link {
    color: #969696;
    border: 0px;
}

/***  SLIDER  ***/

#slider-1083-layer-1 {
    background-color: rgba(0, 0, 0, 0.5) !important;
    padding: 20px !important;
}

a{
    color: #969696;
}
a:hover {
    color: #fd9233;
    text-decoration: none;
}

.u-btn-primary:hover, .u-btn-primary.active {
    border-color: #fd9233;
}

.visible-xs,
.visible-sm {
    .responsive-visibility();
}

section .row.no-gutters .g-color-black.text-center.g-px-50{
    height: 390px;
}
section .row.no-gutters .col-lg-4{
    border: 10px solid #ffffff;
}

.alert {
    text-align: center;
}
#producte {
    margin-top: -100px;
}

@media (max-width: 1024px) {
    #slider-1083-layer-1.tp-caption {
        /* Forzamos el centrado total */
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        -webkit-transform: translate(-50%, -50%) !important;

        /* Alineación de texto y caja */
        text-align: center !important;
        width: 90% !important;
        max-width: 400px !important; /* Ajusta según el largo de tu frase */
        white-space: normal !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
}