:root{--theme-color:#00B9E9;--theme-color2:#0079AD;--theme-color3:#F2FBFE;--title-color:#00293A;--body-color:#0000;--gris-fort:#585858;--smoke-color:#F5F5F5;--black-color:#000000;--gray-color:#bdbdbd;--white-color:#ffffff;--light-color:#72849B;--th-border-color:#E0E0E0;--hover-botons-home:#ACEAFF;--dark-color:#00293A;--title-font:"Assistant", sans-serif;--body-font:"Assistant", sans-serif;--icon-font:"Font Awesome 6 Pro";--size-icons-home:20px;--size-icons-menu:16px;--border-config:1px solid #0079AD;--margin-b-section:40px}body{background-color:#F2FBFE!important;font-family:"Assistant",sans-serif!important;font-optical-sizing:auto!important;font-style:normal!important}.menu-areaprivada{font-family:"Assistant",sans-serif;font-optical-sizing:auto;font-style:normal}.menu-areaprivada h1{font-size:38px;font-weight:700;line-height:1.4em}h1,h2,h3,h4,h5,h6{padding:0}.menu-areaprivada .sub-menu{background-color:var(--smoke-color);padding:5px 25px}.menu-areaprivada .sub-menu-inner{padding:5px 20px}.sub-menu-inner a{color:var(--black-color)}.boto-enrere{width:50%}.boto-enrere i{font-size:14px}.boto-enrere a{font-size:15px}.sub-menu-inner .fi-rr-arrow-small-left{margin-right:10px}.boto-enrere:hover .fi-rr-arrow-small-left{color:var(--theme-color2)}.boto-enrere:hover a{color:var(--theme-color2);text-decoration:underline}.sub-menu .xx-ss .fa-brands,.sub-menu .xx-ss .fi{color:var(--theme-color2);font-size:16px;align-self:center;align-items:center;line-height:0;text-decoration:none}.xx-ss a{line-height:0;text-decoration:none}.xx-ss{gap:16px;padding-right:20px;padding:12.7px 5px}.usuari-menu:hover{text-decoration:underline}.logout-menu:hover{text-decoration:underline}.menu-areaprivada h2,.btn-serveis,.area-privada h2{color:var(--black-color);font-size:25px;font-weight:600;line-height:28px;word-wrap:break-word;margin:0}.menu-areaprivada h3,.area-privada h3{font-size:20px}.menu-areaprivada p{color:var(--black-color);font-size:17px;line-height:25.5px;word-wrap:break-word}.text-botons-home{color:var(--black-color);font-size:17px;line-height:1.2em;word-wrap:break-word}.area-privada .fi,.area-privada .fa-brands{color:var(--gris-fort);font-size:16px;line-height:5%}.botons-home{padding:5px 15px;border-radius:10px;gap:15px;display:flex;align-items:center;height:100%;border:1px solid #fff}.botons-home:hover{background-color:var(--smoke-color);border:var(--border-config);color:var(--theme-color2)}.botons-home:hover .fi{color:var(--theme-color2)}.botons-home:hover .text-botons-home{color:var(--theme-color2)}.h2-home h2{font-size:20px}.h2-home .fi{margin-right:15px;line-height:5%;color:var(--black-color)}.bkwth{background-color:var(--white-color)}.side-home{display:flex;row-gap:15px;flex-direction:column;align-content:flex-start;flex-wrap:wrap;align-content:stretch;padding:20px;border-radius:10px}.side-home .botons-home{border:var(--border-config);padding:5px 10px;color:var(--theme-color2)}.side-home .botons-home .fi{color:var(--theme-color2)}.side-home .botons-home .text-botons-home{color:var(--theme-color2)}.banner-side-promo{background-color:var(--gray-color);height:300px;padding:20px;border-radius:10px}.menu-areaprivada a{text-decoration:none}.banner-generic{background:linear-gradient(to right,rgb(49,71,85),rgb(38,160,218));border-radius:10px;margin-bottom:var(--margin-b-section);display:flex;align-items:center;align-content:center;justify-content:center;padding:60px 20px;color:var(--white-color)}.banner-generic-inner{display:flex;flex-direction:column;text-align:center;align-content:center;justify-content:center}.banner-generic-inner h1{padding:0;margin:0}.banner-generic-inner h2{color:var(--white-color)}@media (max-width:768px){.banner-generic-inner h1{font-size:30px;line-height:1.2em;text-align:center}.banner-generic-inner{padding:40px 20px;justify-content:center}.banner-generic-inner h2{text-align:center;padding-top:10px}.banner-generic{justify-content:center;padding:30px 20px;margin-top:163px!important}}.seccio-benvinguda{margin-bottom:var(--margin-b-section)}.footer-areaprivada{background-color:var(--dark-color);color:var(--white-color);padding:18px 0;margin-top:40px}.footer-areaprivada p{color:var(--white-color);margin:0;padding:0}.menu-superior{background-color:var(--white-color);padding:20px;margin-bottom:30px;border-bottom-left-radius:10px;border-bottom-right-radius:10px"

}

.icona-perfil {
  width: 30px;
  height: 30px;
}

.perfil-menu {
  column-gap: 10px;
  padding: 15px 8px;
  background-color: #f5f5f5;
  border-radius: 10px;
  margin-bottom: 20px;
 
}

.usuari-menu {
  font-weight: bold;
  color: var(--black-color);
  font-weight: bold;
    color: var(--black-color);
    line-height: 0.9em;
    font-size: 17px;

}

.usuari-perfil-menu {
  padding: 10px 30px;
}

 .nom-pagina {
  font-weight: 600;

  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.nom-pagina a {
  LINE-HEIGHT: 0;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

.nom-pagina .fi {
  font-size: 14px;
  margin-right: 5px;
  color: black;

}

.logout-menu {
  color: red;
  font-size: 14px;
}

.navbar {
  background-color: var(--white-color);
  padding: 0;
  margin: 0;
  z-index: 999999999;
}


@media (max-width: 988px) {

  .navbar {
    padding: 10px 30px;
  }
.perfil-menu {
    padding: 20px;
  }

 .usuari-menu {
    padding:0;
    font-size: 20px;
    margin-bottom: 2px;

  }

.icona-perfil {
    width: 35px;
    height: 35px;
  }

.btn-logout-mobile a {

    color: red;
  }

  .btn-logout-mobile {
    margin-top: 50px;
  }

 .btn-logout-mobile.pagina-principal {
    margin-top: 0px;
  }

  .logo-close {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    align-items: center;
    padding-right: 20px;
  }

  .footer-areaprivada {
    max-width: 100%;
    margin-left: 0;
  }

}




/* --- pagina interna -----------------------*/



@media (min-width: 988px) {
  /* .menu-areaprivada .contingut-principal {
    display: grid;
    grid-template-areas: "sidebar main";
    grid-template-columns: 3fr 9fr;
    gap: 1.5rem;
  } */

  .contingut-principal {
    margin-left: 350px !important;
    max-width: calc(100vw - 350px) !important;
    padding: 30px;
    border-radius: 0;
  }

  .menu-areaprivada  .offcanvas {
    position: fixed !important;
    width: 350px !important;
  }

  .offcanvas-backdrop {
    display: none;
  }

  .offcanvas-backdrop.show {
    opacity: 0 !important;
  }

  .offcanvas-backdrop, 
  .navbar-brand, .btn-close {
    display: none !important;
  }

  .navbar-toggler {
    display: none;
  }

}
/* 
.area-privada aside {
  grid-area: "sidebar";
}

.area-privada main {
  grid-area: "main"}.area-privada main .card{border:none}.area-privada main table a{text-decoration:none;color:var(--black-color)}.area-privada main table tbody tr:hover{text-decoration:underline;color:var(--theme-color2);a{color:var(--theme-color2)}}.area-privada main table a:hover{color:var(--theme-color2)}*/ .area-privada aside,main{border-radius:10px;background-color:var(--white-color)}.info-menu{font-size:16px;color:#000;margin:0;padding:10px 16px 0 16px}.opcions-area-laboral{list-style:none}.menu-areaprivada .collapse,.menu-areaprivada .btn-area-priv:focus-visible,.menu-areaprivada .btn-area-priv:focus-within{background:var(--theme-color3)}.menu-areaprivada .area-configuracio{background-color:var(--smoke-color);border-radius:10px;margin-top:20px}.menu-areaprivada .area-serveis{border:1px solid var(--gris-fort);border-radius:10px;margin-top:20px}.btn-area-priv{font-size:14px;color:var(--gris-fort);padding:4px 10px;display:flex;align-items:flex-start;flex-direction:row;column-gap:16px;text-align:left}.btn-area-priv i{color:var(--gris-fort);font-size:14px;line-height:5%;padding-top:4px}.btn-area-priv:hover{color:var(--theme-color2)!important;background-color:var(--theme-color3);border:var(--border-config);background-color:var(--theme-color3)}.btn-area-priv:hover i{color:var(--theme-color2)}.btn-area-priv:hover .collapse{background-color:var(--theme-color3)}.btn-serveis{color:#fff;background-color:#0079AD;font-size:15px;border-radius:5px;font-weight:500;border:0;margin-bottom:20px}.btn-serveis i{color:white!important;font-size:15px}.btn-serveis:hover{background-color:#00B9E9}.area-privada .accordion-button::after{width:.95rem;height:.95rem;background-size:.95rem;padding:0;margin:0}.area-privada .btn-area-priv,.area-privada .accordion-header,.area-privada .accordion,.area-privada .accordion-body,.area-privada .accordion-collapse{border-radius:5px!important}.area-privada .accordion:hover{border-radius:5px!important}.area-privada .accordion-button{font-size:16px;color:var(--gris-fort);padding:5px 13px;display:flex;align-items:center;column-gap:16px;text-align:left;justify-content:space-between}.btn-serveis{column-gap:16px;text-align:left;flex-direction:row-reverse;justify-content:flex-end;padding:8px 15px;display:flex;align-items:center}.area-privada .accordion-button i{color:var(--gris-fort);font-size:14px;line-height:5%}.area-privada .accordion-button:not(.collapsed),.area-privada .accordion-button:hover{color:var(--theme-color2);background-color:var(--theme-color3);box-shadow:none}.area-privada .accordion-button:not(.collapsed) i,.area-privada .accordion-button:hover i{color:var(--theme-color2)}.area-laboral-accordion-body,.accordion-body{padding-top:0;margin:0;list-style:none}.accordion-body-li,.accordion-body li{padding-left:32px}.accordion-body-li-inner,.accordion-body li a{color:var(--theme-color2)}.accordion-body-li-inner:hover,.accordion-body-li-inner:active,.accordion-body li a:hover,.accordion-body li a:active{text-decoration:underline}.menu-fixe{margin-left:350px!important;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start!important}.container-lateral{margin-left:350px;max-width:calc(100vw - 350px)}@media (max-width:988px){.container-lateral{margin-left:0;max-width:100%}.menu-fixe{display:none!important}.navbar-toggler{width:56px}.area-privada .btn-area-priv,.area-privada .btn-area-priv .fi,.area-privada .accordion-button,.area-privada .accordion-button .fi{font-size:18px}.area-privada .btn-area-priv,.area-privada .accordion-button{padding:8px 15px}.accordion-body-li-inner{font-size:20px}.accordion-body-li{padding-bottom:8px}.area-privada .area-configuracio{margin-top:20px}.area-privada .info-menu{font-size:17px}.area-privada .info-menu-m{margin-top:20px}.area-privada main,.area-privada .main-home{margin-top:90px}.main-perfil{margin-top:0px!important}.area-privada .btn-serveis{font-size:17px}}.main-perfil{padding:24px}.area-privada .btn-xxss-menu-inner{display:flex;flex-direction:column;align-content:center;align-items:center;gap:8px;background-color:var(--theme-color3);color:var(--theme-color2)}.area-privada .btn-xxss-menu-inner i{color:var(--theme-color2);font-size:24px}.area-privada .btn-xxss-menu-inner .fa-linkedin-in{margin-top:10px;font-size:20px;margin-bottom:8px}.area-privada .btn-xxss-menu,.area-privada .btn-xxss-menu:hover{margin-top:20px;background-color:var(--theme-color3);color:var(--theme-color2)}.area-privada .btn-xxss-menu i,.area-privada .btn-xxss-menu:hover i{color:var(--theme-color2)}.area-privada .modal-menu-xxss .modal-header{border:none}.area-privada .forms-configuracio label{font-size:15px;margin-bottom:3px}.area-privada .perfil-empresa-row{margin-top:20px}.area-privada .linia-divisoria{margin:40px 0}.edicio-perfil{margin-left:15px;margin-bottom:0;font-size:16px!important;align-items:baseline;line-height:0}.container-seccions{background-color:#fff;padding:25px;border-radius:10px}.banner-side-promo-lg{margin:0;padding:0;margin-top:30px;width:290px!important;max-width:330px}@media (max-width:988px){.banner-side-promo-lg{width:400px}}.accordion-item{border:none!important}.accordion-body{padding:0 0 0 10px!important}.btn-serveis::after{display:none}.disabled{border:1px solid #e7e7e7;background-color:#f5f5f5;cursor:not-allowed;color:#585858!important}.botons-home.disabled p,.botons-home.disabled i{color:#585858!important}.botons-home.disabled:hover{background-color:none;border:1px solid #e7e7e7;color:#585858!important}.info-menu,.area-serveis,.accordion-item,nav{background-color:#fff}.offcanvas-header{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:wrap;padding:0!important}.tornar-cecot{background:var(--smoke-color);width:100%;padding:3px}.logo-cecot{padding:20px}.area-configuracio .btn-config{font-size:16px}.area-privada .btn-config:hover{background-color:var(--white-color);border:1px solid #fff;border-radius:0}a{text-decoration:none!important}.nav-ancla{background:#efeeee;margin-bottom:30px;border-radius:10px}.nav-ancla .nav-link{color:#00293A;font-size:14px}.nav-ancla .nav-link:hover{color:#0079AD}