/* CSS Document */
 
*{box-sizing:border-box !important;}


:root {
    /* --color-principal: #00b6de;
    --color-secundari: #669daf;
    --color-extra: #3d5e69;
    --color-titols: #2e2e2d;
    --color-textos: #2e2e2d;
	--color-complementari-titol: #575757;
    --color-interior-camps: #7A86A1;
    --color-fons: #f3f3f3;
    --color-fons-caixes-desglos: rgba(225, 234, 235,1);
	--color-fons-caixes-desglos-v2: rgba(225, 234, 235,0.25); */
	--color-principal: #343a40; /* Un amarillo intenso y corporativo */
    --color-secundari: #669daf;
    --color-extra: #2e2e2d;      /* Un gris intermedio para detalles */
    --color-titols: #000000;     /* Negro puro para los títulos principales */
    --color-textos: #2e2e2d;     /* Mantenemos este gris oscuro para textos, es muy legible */
    --color-complementari-titol: #575757; /* Un gris medio para subtítulos o texto secundario */
    --color-interior-camps: #f8f9fa;      /* Un gris muy claro para el fondo de campos de formulario */
    --color-fons: #f3f3f3;                /* Mantenemos el fondo general claro para mayor contraste */
    --color-fons-caixes-desglos: rgba(225, 234, 235,1); /* Fondo de cajas con un ligero tinte amarillo */
    --color-fons-caixes-desglos-v2: rgba(0, 0, 0, 0.05); /* Fondo de cajas alternativo con tinte oscuro sutil */

    --color-personal-danger: #df5232;
    --color-personal-warning: rgba(234,179,8,1);
    --color-personal-primary: #669daf;
    --color-personal-succes: #84bc6b;

    /* --color-personal-danger: #df5232;
    --color-personal-warning: #e6d05e;
    --color-personal-primary: #669daf;
    --color-personal-succes: #84bc6b; */
} 
/* --- Inici estils generics --- */
body {
    background-color: #f8f9fa; /* bg-light de Bootstrap */
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
a {
    color: var(--color-textos);
    text-decoration: none;
}
img, video {
    max-width: 100%;
}

input {
	font-size: 16px;
}
.panell
{
	display:none;
}
.panell.actiu
{
	display:block;
}

.fons-danger {
	background-color: var(--color-personal-danger) !important;
}
.fons-warning {
	background-color: rgb(254,252,232) !important;
    border:1px solid rgb(254,240,138);
}
.fons-success {
	background-color: rgb(240,253,244) !important;
    border:1px solid rgb(187,247,208);
}
.fons-primary {
	background-color: rgb(239,246,255) !important;
    border:1px solid rgb(191,219,254);
}

.badge {
	--bs-badge-padding-x: 0.85em;
	--bs-badge-padding-y: 0.45em;
}
.text-bg-warning {
	color: #b58700 !important;
	background-color: var(--bs-warning-bg-subtle) !important;
	border: 1px solid var(--bs-warning-border-subtle);
}
.text-bg-success {
	color: #127145 !important;
  	background-color: var(--bs-success-bg-subtle) !important;
  	border: 1px solid var(--bs-success-border-subtle);
}
.text-bg-danger {
	color: #b22835 !important;
  	background-color: var(--bs-danger-bg-subtle) !important;
  	border: 1px solid var(--bs-danger-border-subtle);
}
.text-bg-primary {
	color: #1e68d7 !important;
  	background-color: var(--bs-primary-bg-subtle) !important;
  	border: 1px solid var(--bs-primary-border-subtle);
}

.container_general {
    width: 100%;
    display: flex;
    height: 100vh;
    background-color: rgb(249 250 251);
}

#menu {
    display: flex;
    flex-direction: column;
    background-color: rgb(255,255,255);
    border-right:1px solid rgb(229,231,235);
    width: 16rem;
}
.caixa_general_contingut {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    flex: 1 1 0%;
}
#logo_empresa {
    border-bottom: 1px solid rgb(229,231,235);
    justify-content: center;
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 4rem;
}
#logo_empresa img {
    /*height: 2rem;*/
	max-height: 2rem;

}
#menu .caixa_interna_menu {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    flex-grow: 1;
	transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
}
#menu .caixa_interna_menu .caixa_punts_menu {
    display: flex;
    flex-direction: column;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    row-gap: 3px;
}
#menu .caixa_interna_menu .caixa_punts_menu .card {
    border: none;
}
#menu .caixa_interna_menu .caixa_punts_menu .card .list-group-item {
    color: var(--color-textos);
    font-weight: 500;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    display: flex;
    align-items: center;
    gap: 10px;
}
#caixa_menu_footer button {
    padding: 1rem;
    height: 4rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    line-height: 1;
    background-color: rgb(255,255,255);
    border: none;
    border-top: 1px solid rgb(229,231,235);
}

body.collapsed #menu {
	width: 5rem;
}
body.collapsed #caixa_menu_footer .titol_menu {
	display: none;
}
body.collapsed #caixa_menu_footer .fa-arrow-left {
	transform: rotate(180deg);
}
body.collapsed #caixa_menu_footer button {
	justify-content: center;
}
body.collapsed a.list-group-item {
	justify-content: center;
 }
 .caixa_punts_menu a.list-group-item i {
	width: 15px;
	height: 15px;
 }
 body.collapsed a.list-group-item .inline {
	display: none;
 }

.caixa_general_contingut #top {
    padding-left: 2rem;
    padding-right: 2rem;
    background-color: rgb(255,255,255);
    border-bottom: 1px solid rgb(229,231,235);
    height: 4rem;
    min-height: 4rem;
    display: flex;
    top: 0;
    z-index: 10;
    position: sticky;
    justify-content: space-between;
}
#top .top_bar {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
#top .top_bar .usuari {
	display: flex;
	gap: 1.5rem;
	align-items: center;
}
.mobile_show {
    display: none;
}
.punt_actiu, #menu .caixa_interna_menu .caixa_punts_menu .card .list-group-item:hover {
    background-color: rgb(229,231,235);
    border-radius: 0.375rem;
}
#content {
    padding: 2rem;
}
.panell {
    display: none;
}
.panell.actiu {
    display: block;
}
.caixa_interna_panell {
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}
.pnl-grup-title{
	padding: 0px 0px;
	border-bottom: none;
	height: auto;
	top: 0px;
	z-index: 1;
	display: flex;
  	justify-content: space-between;
  	align-items: center;
}
.oculta {
	display: none !important;
}
.caixa_boto_desple_filtre {
	display: flex;
  	justify-content: end;
  	gap:15px;
}
.caixa_boto_desple_filtre .caixa_filtre_basic {
	display: flex;
}
.caixa_boto_desple_filtre .caixa_filtre_basic input {
	border-top-right-radius: 0;
  	border-bottom-right-radius: 0;
}
.caixa_boto_desple_filtre .caixa_filtre_basic button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.caixa_generica_filtres {
	display: flex;
	justify-content: space-between;
	background-color: var(--color-fons-caixes-desglos);
	padding: 1%;
	border-radius: 5px;
}
.caixa_generica_filtres .caixa_interna_esquerra {
	display: flex;
	gap: 1%;
	justify-content: start;
	align-items: end;
	width: 100%;
}
.caixa_generica_filtres .caixa_single_filtre {
	display: flex;
	flex-direction: column;
	row-gap: 2px;
	/*min-width: 19%;*/
	width: 100%;
}
.caixa_generica_filtres .caixa_single_filtre label {
	text-transform: capitalize;
}
.caixa_single_filtre.caixa_boto_filtre {
	max-width: 80px;
}
.caixa_single_filtre.caixa_boto_filtre button {
	padding-top: .375rem;
  	padding-bottom: .375rem;
}
.caixa_generica_filtres .caixa_interna_dreta {
	display: flex;
	align-items: end;
}
.caixa_generica_filtres .caixa_interna_dreta .caixa_resum_preus_llistat {
	display: flex;
  	gap: 5px;
  	justify-content: end;
  	align-content: end;
  	text-align: right;
	flex-direction: column;
}
.caixa_generica_filtres .caixa_interna_dreta .caixa_resum_preus_llistat h3 {
	font-weight: 700;
	margin-bottom: 0;
	font-size: 1.5rem;
}

.caixa_origen_filtres {
	display: flex;
	gap: 3rem;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	border: 0px solid var(--bs-warning-border-subtle);
	padding: 5px 10px;
	border-radius: 5px;
	color: var(--color-textos);
	/*background-color: var(--bs-warning-border-subtle);*/
	background-color: #fff5d7;
}
.caixa_origen_filtres h4 {
	margin-bottom: 0;
	font-weight: 700;
	font-size: 0.9rem;
}
.pnl-title{
	display: flex;
	font-size: 30px;
	font-weight: 700;
	margin: 0;
	line-height: 2.25rem;
	color:var(--color-titols);
	gap: 20px;
	align-items: center;
}
.pnl-title .badge {
	font-size: 15px;
}
.pnl-subtitle{
	display: flex;
	font-size: 1.25rem;
	font-weight: 700;
	margin: 0;
	line-height: 1.75;
	color:var(--color-titols);
}
.titol_pnl {
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 0;
}
.caixa_resum_preus_llistat {
	display: flex;
	gap: 5px;
	font-weight: 700;
	font-size: 1.75rem;
}
.caixa_resum_preus_llistat h3 {
	margin-bottom: 0;
	font-size: 1.75rem;
}
.mida_full {
	width: 100%;
}
.mida_meitat {
	width: 49%;
}
.mida_small {
	width: 32%;
}
.caixes_container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap:2rem;
}
.caixa_mida_detalls {
	max-width: 1300px;
}
.pnl-grup-body {
	padding:1.5rem;
	/*box-shadow: rgba(145,158,171,0.2) 0px 0px 2px 0px,rgba(145,158,171,0.12) 0px 12px 24px -4px;*/
    box-shadow:  0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	border-radius: 0.5rem;
	display: flex;
	flex-direction: column;
	row-gap: 1rem;
    background-color: rgb(255,255,255);
}
.pnl-grup-body .caixa_titols_interior_pnl {
	display: flex;
	gap: 10px;
	justify-content: space-between;
}
.pnl-grup-body .caixa_titols_interior_pnl .caixa_interna_dreta {
	display: flex;
	gap: 1rem;
}
.pnl-grup-body .caixa_inferior_interior_pnl {
	display: flex;
  	justify-content: end;
  	align-items: center;
}
.caixa_contingut_interior_pnl {
	display: flex;
	flex-direction: column;
	row-gap: 2rem;
}
.caixa_gadget .caixa_contingut_interior_pnl {
    display: flex;
	flex-direction: row;
	gap: 1rem;
	justify-content: space-between;
}
.caixa_gadget .caixa_contingut_interior_pnl .caixa_resultat_resum_gadget{
	width: 33%;
	background-color: var(--color-fons-caixes-desglos);
	border-radius: 0.5rem;
	padding: 2%;
	display: flex;
	flex-wrap: wrap;
	font-size: 1.5rem;
	row-gap: 18px;
}
.caixa_gadget .caixa_contingut_interior_pnl .caixa_resultat_resum_gadget .caixa_interna_icona {
	width: 30%;
}
.caixa_gadget .caixa_contingut_interior_pnl .caixa_resultat_resum_gadget .caixa_interna_titol {
	width: 70%;
	text-align: right;
	font-weight: 600;
}
.caixa_gadget .caixa_contingut_interior_pnl .caixa_resultat_resum_gadget .caixa_interna_valor {
	width: 100%;
	display: flex;
	justify-content: end;
	font-size: 1.8rem;
	line-height: 1;
	align-items: end;
	gap: 8px;
}
.caixa_gadget .caixa_contingut_interior_pnl .caixa_resultat_resum_gadget .caixa_interna_valor span {
	line-height: 0.75;
}
.caixa_gadget .caixa_contingut_interior_pnl .caixa_resultat_resum_gadget .caixa_interna_valor span.text_petit {
	line-height: 1;
	font-size: 0.7rem;
}

.caixa_interna_form_popup {
	display: flex;
	flex-wrap: wrap;
	gap: 2vh 2%;
}
.caixa_interna_form_popup .mida_meitat, .caixa_interna_form_popup .mida_full {
	display: flex;
	flex-direction: column;
}
.modal-header .modal-title {
	font-weight: 700;
}

.select2-container .select2-selection--single {
	height: auto;
	border: var(--bs-border-width) solid var(--bs-border-color);
	width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--color-textos);
	line-height: 1.5;
	font-size: 1rem;
	padding: .375rem 1.2rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
}
.caixa_contingut_interior_pnl {
	display: flex;
	flex-direction: column;
	row-gap: 35px;
}
.badge {
	border-radius: 18px;
	display: flex;
	align-items: center;
	text-transform: lowercase;
	font-weight: normal;
	min-width: 60px;
	justify-content: center;
}

.taula_intra_generica, .tb_intra_linies {
	width: 100%;
	display: flex;
	flex-direction: column;
	font-size: 15px;
	row-gap: 0;
}
#pnl_client_detalls .taula_intra_generica, #pnl_client_detalls .tb_intra_linies {
	font-size: 14px;
}
.fletxes_ordenar {
	cursor: pointer;
}
.oculta_pc {
	display: none;
}
img.imatge_llistat {
	width: 90%;
	max-width: 40px;
	border: 1px solid var(--color-secundari);
	border-radius: 4px;
}
.taula_intra_generica .tb_intra_capcaleres {
	width: 100%;
	display: flex;
	justify-content: start;
	background-color: var(--color-fons-caixes-desglos);
	color: var(--color-textos);
	border-radius: 0.5rem;
}
.taula_intra_generica .tb_intra_capcaleres.caixa_fixe {
	position: sticky;
	top: 4rem;
}
.taula_intra_generica .tb_intra_capcaleres .single_tb {
	padding: 10px 8px;
	display: flex;
	gap: 4px;
	align-items: center;
	font-weight: 600;
}
.taula_intra_generica .tb_intra_fila {
	width: 100%;
	display: flex;
	justify-content: start;
	color: var(--color-textos);
	border-bottom: 1px solid var(--color-fons-caixes-desglos);
}
.taula_intra_generica .tb_intra_fila .single_tb {
	padding: 8px 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.95em;
	gap: 8px;
}
.taula_intra_generica .tb_intra_fila .single_tb.doble_text {
	flex-direction: column;
  	justify-content: start;
  	align-items: start;
	gap: 0;
}
.taula_intra_generica .tb_intra_fila .single_tb .lletra_petita {
	font-size: 0.75em;
}
.taula_intra_generica .tb_intra_fila .single_tb.fila_taula_en_columnes {
	flex-direction: column;
	align-items: start;
	row-gap: 1px;
}
.text_mes_observacions {
	width: 100%;
  	display: flex;
  	flex-direction: column;
}
.text_mes_observacions .text_observacions_linia {
	font-size: 0.8em;
	font-style: italic;
}
.text-small {
	font-size: 0.8em;
}
.taula_intra_generica .tb_intra_fila .single_tb.caixa_boto_detalls_taula {
	display: none;
}
.taula_intra_generica .tb_mida_05 {
	width: 5%;
	min-width: 5%;
	/* flex-basis: 5%; */
}
.taula_intra_generica .tb_mida_1 {
	width: 10%;
	min-width: 10%;
	/* flex-basis: 10%; */
}
.taula_intra_generica .tb_mida_15 {
	width: 15%;
	min-width: 15%;
	/* flex-basis: 15%; */
}
.taula_intra_generica .tb_mida_2 {
	width: 20%;
	min-width: 20%;
	/* flex-basis: 20%; */
}
.taula_intra_generica .tb_mida_25 {
	width: 25%;
	min-width: 25%;
	/* flex-basis: 25%; */
}
.taula_intra_generica .tb_mida_3 {
	width: 30%;
	min-width: 30%;
	/* flex-basis: 30%; */
}
.taula_intra_generica .tb_mida_4 {
	width: 40%;
	min-width: 40%;
	/* flex-basis: 40%; */
}
.taula_intra_generica .tb_mida_5 {
	width: 50%;
	min-width: 50%;
	/* flex-basis: 50%; */
}
.taula_intra_generica .tb_mida_6 {
	width: 60%;
	min-width: 60%;
	/* flex-basis: 60%; */
}
.taula_intra_generica .tb_mida_7 {
	width: 70%;
	min-width: 70%;
	/* flex-basis: 70%; */
}
.taula_intra_generica .tb_mida_8 {
	width: 80%;
	min-width: 80%;
	/* flex-basis: 80%; */
}
.taula_intra_generica .tb_mida_9 {
	width: 90%;
	min-width: 90%;
	/* flex-basis: 90%; */
}
.taula_intra_generica .tb_mida_10 {
	width: 100%;
	min-width: 100%;
	/* flex-basis: 100%; */
}
.taula_intra_generica .single_tb.text_esquerra {
	justify-content: start;
}
.taula_intra_generica .single_tb.text_centrat {
	justify-content: center;
}
.taula_intra_generica .single_tb.text_dreta {
	justify-content: end;
}
.es_clicable {
	cursor: pointer;
}
#dets-client .select2-container {
	width: 100% !important;
}

.caixa_botons_footer {
	width: 100%;
	padding: 20px 0px;
	display: flex;
	justify-content: end;
	gap: 0px;
}
.caixa_botons_footer.caixa_fixe {
	background-color: #fff;
	position: fixed;
	width: calc(100% - 16rem);
	bottom: 0;
	right: 0;
	padding: 1rem 2rem;
	/*box-shadow: rgba(145,158,171,0.9) 0px 0px 2px 0px,rgba(145,158,171,0.9) 0px 12px 24px -4px;*/
	z-index: 9;
    border-top: 1px solid rgb(229,231,235);
    min-height: 4rem;
    height: 4rem;
}
body.collapsed .caixa_botons_footer.caixa_fixe {
	width: calc(100% - 5rem);
}
.btn-sm {
	min-width: 35px;
}
.btn-primary {
	background-color: var(--color-principal);
	border-color: var(--color-principal);
}
.btn-primary:hover {
	background-color: #fff;
	color: var(--color-principal);
	border-color: var(--color-principal);
}
.btn-secondary {
	background-color: var(--color-secundari);
	border-color: var(--color-secundari);
}
.caixa_botons_filtres_gadget {
	background-color: var(--color-fons-caixes-desglos);
  	border-radius: 0.5rem;
  	padding:0;
	gap:0 !important;
}
.caixa_botons_filtres_gadget .actiu {
	background-color: var(--color-secundari);
	color: #fff;
}
.caixa_botons_filtres_gadget .btn-sm {
	--bs-btn-padding-x: 0.75rem;
}
.dropdown-item {
	cursor: pointer;
}
/* --- Fi estils generics --- */
/* --- Inici estils nous login --- */
.caixa_general_login {
    width: 100%;
    display: flex;
	background-size: cover !important;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.caixa_general_login .titol_pag_login {
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--color-titols);
	text-align: center;
	margin-bottom: 1.5rem;
}
.caixa_general_login .caixa_imatge_slogan .caixa_interior {
    font-size: 63px;
    width: 25%;
    color: #fff;
    font-weight: 600;
    position: absolute;
    line-height: 1.1;
    top: 6%;
    left: 3%;
}
.caixa_general_login #caixa_auth {
    width: 45%;
	max-width: 500px;
    margin: 0;
    font-size: 14px;
    position: relative;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
}
.caixa_general_login #caixa_auth #caixa_centrat {
    padding: 5%;
}
#logo_auth {
    /*display: none;*/
	display: flex;
	padding: 5% 0;
	justify-content: center;
	align-items: center;
}
#content_auth form, #remember, #remember form {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.btn-primary.custom:hover {
    transition: all .4s cubic-bezier(.26, 1.04, .54, 1), background .6s cubic-bezier(.77, 0, .175, 1);
    background: transparent linear-gradient(90deg, var(--color-complementari-titol) 0%, var(--color-titols) 100%) 0% 0% no-repeat padding-box;
}

.btn-primary.custom {
    background: transparent linear-gradient(90deg, var(--color-titols) 0%, var(--color-complementari-titol) 100%) 0% 0% no-repeat padding-box;
    box-shadow: 4px 11px 57px #ccc;
    opacity: 1;
    width: 100%;
    padding: 15px 15px;
    border: none;
    cursor: pointer;
    color: #fff;
    transition:all .4s cubic-bezier(.26, 1.04, .54, 1), background .6s cubic-bezier(.77, 0, .175, 1);
    font-size: 14px;
}

a, a.links_generics {
    font-size: 14px;
    text-decoration: none;
    color:var(--color-extra);
}

form .form-group.grup-titol-mes-camp {
    display: flex;
}
form .form-group.grup-titol-mes-camp .titol-interior {
    width: 25%;
    padding: 6px 9px;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: 600;
}
form .form-group.grup-titol-mes-camp .camp-interior {
    width: 75%;
}
/* --- Fi estils nous login --- */
/* --- Inici estils home --- */

/* --- Fi estils home --- */

/* --- Inici estils zona client --- */
#cli_detalls_form .pnl-grup-body, #frm_cli_pwd_change .pnl-grup-body {
    display: flex;
    gap:2vh 1%;
    flex-wrap: wrap;
}
#cli_detalls_form .caixa_interior_client, #frm_cli_pwd_change .caixa_interior_client {
    width: 32%;
    display: flex;
    flex-direction: column;
    border-left: 2px solid var(--color-secundari);
    padding-left: 10px;
}
#cli_detalls_form .caixa_interior_client.caixa_edicio_correus, #frm_cli_pwd_change .caixa_interior_client.caixa_edicio_correus {
    width: 100%;
}
#cli_detalls_form .caixa_interior_client strong, #frm_cli_pwd_change .caixa_interior_client strong {
    color: var(--color-principal);
    font-weight: 600;
    font-size: 15px;
}
#cli_detalls_form .caixa_interior_client span, #frm_cli_pwd_change .caixa_interior_client span {
    font-size: 14px;
}
#frm_cli_pwd_change .pnl-footer {
    width: 99%;
}
.caixa_interna_alinear_dreta {
	margin-left: 68%;
	/*margin-top: 2vh;*/
	margin-bottom: 2vh;
 }
 
 .caixa_general_dades_v2 {
	display: flex;
	flex-wrap: wrap;
	/*gap: 6vh 4%;*/
	row-gap: 2vh;
	justify-content: space-between;
	padding: 0;
 }
 .caixa_interna_bloc_v2 {
	display: flex;
	flex-wrap: wrap;
	gap: 1vh 2%;
	justify-content: start;
	align-items: start;
	align-content: start;
	padding: 1% 0%;
 }
 .caixa_interna_bloc_v2.mida_meitat {
	width: 48%;
 }
 .caixa_interna_bloc_v2.fons_color {
	background-color: var(--color-fons-caixes-desglos);
	border-radius: 5px;
	padding: 1% 1%;
 }
 
 .caixa_interna_bloc_v2 .caixa_titols_interior_pnl {
	width: 100%;
	position: relative;
	padding-left: 0px;
	/* padding-bottom: 5px;
	border-bottom: 2px solid var(--color-secundari); */
 }
 /* .caixa_interna_bloc_v2 .caixa_titols_interior_pnl::before {
	content: '';
	position: absolute; 
	top: 15px;     
	left: 10px;    
	width: 12px;   
	height: 12px;   
	background-color: var(--color-secundari); 
	border-radius: 50%; 
 } */
  .caixa_interna_bloc_v2 .caixa_titols_interior_pnl .titol_pnl {
	font-size: 20px;
	font-weight: 600;
  }
 .caixa_titols_interior_pnl .caixa_botons {
	display: flex;
	gap: 5px;
 }
 .caixa_interna_bloc_v2 .caixa_contingut_interior_pnl {
	width: 100%;
	display: flex;
	flex-direction: inherit;
	gap:1vh 2%;
	flex-wrap: wrap;
	font-size: 14px;
 }
.caixa_interna_bloc_v2 .caixa_contingut_interior_pnl.amb_columnes {
	flex-direction: column;
 }
 .caixa_dades_info {
	font-size: 14px;
 }
 .caixa_interna_bloc_v2 .caixa_contingut_interior_pnl .caixa_dades_info {
	width: 48%;
	display: flex;
	flex-direction: column;
	align-items: start;
 }
 .caixa_interna_bloc_v2.mida_full .caixa_contingut_interior_pnl .caixa_dades_info {
	width: 22%;
	display: flex;
	flex-direction: column;
	align-items: start;
 }
 .caixa_interna_bloc_v2.mida_full .caixa_contingut_interior_pnl .caixa_dades_info span {
	display: flex;
	align-items: center;
	gap: 5px;
 }
 .caixa_interna_bloc_v2.mida_full .caixa_contingut_interior_pnl .caixa_dades_info span.text_small {
	font-size: 12px;
	font-style: italic;
 }
 .caixa_interna_bloc_v2 .caixa_contingut_interior_pnl .caixa_dades_info.mida_full {
	width: 100%;
 }
 .caixa_interna_bloc_v2 .caixa_contingut_interior_pnl.caixa_amb_taula {
	flex-direction: column;
	justify-content: start;
	row-gap: 0px;
 }
 div.capcaleres_taula_detalls {
	width: 100%;
	padding: 6px 10px;
	background-color: var(--color-secundari);
	display: flex;
	color: #fff;
	font-family: 'Satoshi-Bold';
	border-radius: 3px;
 }
 div.linia_taula_detalls {
	width: 100%;
	padding: 6px 10px;
	display: flex;
	align-items: center;
 }
 div.capcaleres_taula_detalls .t1, .linia_taula_detalls .t1 {
	width: 15%;
	display: flex;
	  align-items: center;
 }
 div.capcaleres_taula_detalls .t2, .linia_taula_detalls .t2 {
	width: 15%;
	display: flex;
	  align-items: center;
 }
 .linia_taula_detalls .t2 .btn {
	width: 90%;
 }
 div.capcaleres_taula_detalls .t3, .linia_taula_detalls .t3 {
	width: 40%;
	display: flex;
	  align-items: center;
 }
 div.capcaleres_taula_detalls .t4, .linia_taula_detalls .t4 {
	width: 15%;
	display: flex;
	  align-items: center;
	justify-content: end;
 }
 div.capcaleres_taula_detalls .t5, .linia_taula_detalls .t5 {
	width: 15%;
	display: flex;
	  align-items: center;
 }
 #legals_container {
	display: flex;
	flex-direction: column;
	row-gap: 2vh;
 }
 #legals_container .caixa_interna_dades_personals {
	display: flex;
	justify-content: space-between;
	align-items: center;
 }
 #legals_container .link_textos_legals {
	font-weight: bold;
 }
 .link_textos_legals:hover {
    text-decoration: underline;
    cursor: pointer;
}

/* --- Fi estils zona client ---*/


/* Ancho fijo para el menú lateral (equivalente a w-64 de Tailwind) */
.menu-lateral {
    width: 256px;
    min-width: 256px;
}

/* Alto fijo para la barra superior (equivalente a h-16 de Tailwind) */
.header-height {
    height: 64px;
}
/* --- Inici estils pressupostos --- */
#pressuposts, #projectes, #contractes, #tasques, #pedidos, .caixa_general_llistat {
	display: flex;
	flex-direction: column;
	row-gap: 35px;
}
table.taula_standard th {
	border-top: none;
	border-bottom: 1px solid var(--color-secundari);
	color: #fff;
	font-weight: 600;
	background-color: var(--color-secundari);
}
table.taula_standard th {
    padding: 9px 15px;
}
table.taula_standard td.col-codi-barres, table.taula_standard th.col-codi-barres {
    width: 10%;
    vertical-align: middle;
}
table.taula_standard td.col-desc-article, table.taula_standard th.col-desc-article {
    width: 25%;
    vertical-align: middle;
}
table.taula_standard td.col-desple-comentaris, table.taula_standard th.col-desple-comentaris {
    width: 5%;
    vertical-align: middle;
}
table.taula_standard td.col-unitats, table.taula_standard th.col-unitats {
    width: 10%;
    vertical-align: middle;
}
table.taula_standard td.col-preu, table.taula_standard th.col-preu {
    width: 10%;
    vertical-align: middle;
}
table.taula_standard td.col-iva, table.taula_standard th.col-iva {
    width: 10%;
    vertical-align: middle;
}
table.taula_standard td.col-descompte, table.taula_standard th.col-descompte {
    width: 10%;
    vertical-align: middle;
}
table.taula_standard td.col-preu-total, table.taula_standard th.col-preu-total {
    width: 10%;
    vertical-align: middle;
	text-align: right;
}
table.taula_standard td.col-canvi-posicio, table.taula_standard th.col-canvi-posicio {
    width: 5%;
    vertical-align: middle;
}
table.taula_standard td.col-boto-borrar, table.taula_standard th.col-boto-borrar {
    width: 5%;
    vertical-align: middle;
}
/* --- Fi estils pressupostos --- */
 /* --- Inici estils pressupost --- */
 .caixa_botons_edit_client {
	display: flex;
	justify-content: end;
	gap: 5px;
}
.caixa_botons_edit_client .btn-sm {
	min-width: 35px;
}
.caixa_general_dades_pressupost {
	display: flex;
	flex-wrap: wrap;
	gap: 3vh 4%;
	justify-content: space-between;
}
.caixa_general_dades_pressupost .caixa_inferior_interior_pnl {
	padding: 1%;
}
.caixa_interna_bloc_pressupost {
	display: flex;
	flex-wrap: wrap;
	gap: 2vh 2%;
	justify-content: start;
	align-items: start;
	align-content: start;
	padding: 1%;
}
.caixa_interna_bloc_pressupost.fons_color {
	background-color: var(--color-fons-caixes-desglos);
  	border-radius: 5px;
}
.caixa_interna_bloc_pressupost.mida_meitat {
	width: 48%;
}
.caixa_interna_bloc_pressupost .pnl-grup-title {
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 2px solid var(--color-secundari);
}
.caixa_interna_bloc_pressupost .caixa_interior_standard {
	width: 49%;
	display: flex;
	flex-direction: column;
	row-gap: 3px;
}
.caixa_interna_bloc_pressupost .caixa_interior_standard .caixa_interior_dif_blocs {
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
}
.caixa_interna_bloc_pressupost .caixa_interior_standard.full, .caixa_interna_bloc_pressupost .caixa_interior_standard.mida_full {
	width: 100%;
}
.caixa_interna_bloc_pressupost #dades_client {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap:2vh 2%;
}
.caixa_interna_bloc_pressupost.caixa_resum {
	background-color: var(--color-fons-caixes-desglos);
	border-radius: 5px;
}
.caixa_interna_bloc_pressupost.caixa_resum .caixa_interior_resum {
	width: 49%;
	display: flex;
	flex-direction: column;
	row-gap: 5px;
}
.caixa_interna_bloc_pressupost.caixa_resum .caixa_interior_resum.contingut_ala_dreta .linia_resum {
	display: flex;
	flex-direction: column;
	align-items: end;
}
.caixa_interna_bloc_pressupost.caixa_resum .caixa_interior_resum_totals, .caixa_preu_total_detalls {
	width: 100%;
	font-size: 2rem;
	display: flex;
	gap: 20px;
	justify-content: center;
	background-color: var(--color-secundari);
	border-radius: 6px;
	padding: 5px 10px;
	color: #fff;
	font-weight: 600;
}
.caixa_amb_diferents_camps {
	width: 100%;
	display: flex;
	gap: 15px;
}
.caixa_amb_diferents_camps .caixa_filtre_basic {
	display: flex;
	min-width: 35%;
}
.caixa_amb_diferents_camps .caixa_filtre_basic .form-control {
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}
.caixa_amb_diferents_camps .caixa_filtre_basic .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.caixa_amb_diferents_camps.caixa_selector_articles_pressupost {
	/*flex-direction: column;
	align-items: start;*/
	row-gap: 25px;
}
.caixa_selector_articles_pressupost .caixa_article_seleccionat {
	display: flex;
	gap: 20px;
}
.caixa_selector_articles_pressupost .caixa_article_seleccionat div {
	 display: flex;
	/*flex-direction: column;
	justify-content: space-between;
	align-items: start;
	align-content: end; */
}
.table_pagaments .columna_1 {
	width: 70%;
}
.table_pagaments .columna_2 {
	width: 20%;
}
.table_pagaments .columna_3 {
	width: 10%;
	text-align: right;
}
/* --- Fi estils pressupost --- */
 /* --- Inici estils factures --- */
 .caixa_subtaula_interior {
	background-color: var(--color-fons-caixes-desglos);
  	border-radius: 4px;
  	border: 1px solid var(--color-fons-caixes-desglos);
	padding: 2%;
}
.caixa_subtaula_interior .caixa_single_apartat_desglos_factura {
	width: 100%;
	/*margin-bottom: 2vh;*/
	padding: 2vh 0;
	border-bottom: 1px solid var(--color-secundari);
	display: flex;
	flex-wrap: wrap;
}
.caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_descripcions {
	width: 45%;
	display: flex;
	flex-direction: column;
	color: var(--color-extra);
}
.caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_desc_valors {
	width: 10%;
	display: flex;
	flex-direction: column;
	color: var(--color-extra);
}
.caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_descripcions .titol, .caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_desc_valors .titol {
	/*font-weight: 600;*/
	font-family: 'Satoshi-Bold';
  	font-size: 16px;
  	padding-left: 10px;
  	border-left: 2px solid var(--color-extra);
  	margin-bottom: 5px;
}
.caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_descripcions b {
	font-weight: 600;
	font-size: 15px;
	padding-left: 10px;
}
.caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_descripcions span, .caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_desc_valors span {
	font-size: 13px;
	font-weight: 300;
	padding-left: 10px;
}
.btn-primary {
	background-color: var(--color-principal);
	border-color: var(--color-principal);
}
.btn-primary:hover {
	background-color: #fff;
	color: var(--color-principal);
	border-color: var(--color-principal);
}
.btn-secondary {
	background-color: var(--color-secundari);
	border-color: var(--color-secundari);
}
/* --- Fi estils factures --- */
/* --- Inici estils per definir --- */
.llistat_adjunts {
	flex-direction: row !important;
	flex-wrap: wrap !important;
	gap: 5px !important;
}
.single_element_adjunt {
	width: auto;
	/*height: 100px;*/
	border: 1px solid var(--color-secundari);
	border-radius: 5px;
	display: flex;
	flex-direction: row;
	gap: 8px;
	cursor: pointer;
	justify-content: center;
	align-items: center;
}
a.single_element_adjunt {
	padding: 15px;
}
/* --- Fi estils per definir --- */

/* Ancho fijo para el menú lateral (equivalente a w-64 de Tailwind) */
.menu-lateral {
    width: 256px;
    min-width: 256px;
}

/* Alto fijo para la barra superior (equivalente a h-16 de Tailwind) */
.header-height {
    height: 64px;
}

/* Clases para colores de texto y fondo que no están en Bootstrap por defecto */
.bg-yellow-subtle {
     background-color: #fffbeb !important;
}
.border-yellow-subtle {
     border-color: #fef3c7 !important;
}
.icon-circle {
    width: 48px;
    height: 48px;
}
.icon-circle.bg-yellow-icon {
    background-color: #fefce8;
    color: #f59e0b;
}
.icon-circle.bg-green-icon {
    background-color: #f0fdf4;
    color: #22c55e;
}
.icon-circle.bg-blue-icon {
    background-color: #eff6ff;
    color: #3b82f6;
}

/* Estilo para los botones de intervalo del gadget */
.btn-interval {
    background-color: #f3f4f6; /* bg-gray-100 */
}
.btn-interval:hover, .btn-interval.active {
    background-color: #ffffff;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* --- Inici estils responsive by Carles --- */ 
@media all and (min-width: 993px) {

	#menu.active.desktop{
		margin-left:0px;
	}
	body.collapsed #content.active.desktop {
	   left:60px;
		transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
	}
}

@media all and (max-width: 1600px) {
	.single_tb .btn-sm {
		font-size: 0.55rem;
	}
	.caixa_gadget .caixa_contingut_interior_pnl .caixa_resultat_resum_gadget {
		font-size: 1rem;
	}
	.caixa_gadget .caixa_contingut_interior_pnl .caixa_resultat_resum_gadget .caixa_interna_valor {
		font-size: 1.5rem;
	}
	.caixa_gadget .caixa_contingut_interior_pnl .caixa_resultat_resum_gadget .caixa_interna_valor span.text_petit {
		font-size: 0.7rem;
	}
	.caixa_gadget .caixa_contingut_interior_pnl .caixa_resultat_resum_gadget {
		width: 32%;
	}
}
@media all and (max-width: 1500px) {
	.btn-sm {
		font-size: 0.8rem;
	}
	#menu {
		width: 15%;
	}
	#menu.active.desktop{
		margin-left:0px;
		display:block;
	}

	.caixa_botons_footer.caixa_fixe {
		width: 85%;
		padding: 10px 2%;
	}

	#logo_empresa {
		margin: 25px 30px;
	}
	.panell.actiu {
		padding: 5% 2%;
	}
	.pnl-grup-body {
		padding: 20px;
	}
	.taula_intra_generica, .tb_intra_linies {
		font-size: 13px;
	}
	.caixa_generica_filtres .caixa_single_filtre {
		font-size: 13px;
	}
	.caixa_interna_bloc_v2.mida_meitat {
		width: 100%;
	}
	.titol_pnl {
		font-size: 1.4rem;
	}
	.caixa_general_dades_pressupost {
		gap: 2vh 2%;
	}
	.caixa_interna_bloc_pressupost {
		gap: 1.4vh 1%;
	}
	.caixa_interna_bloc_pressupost.mida_meitat {
		width: 49%;
	}
	.caixa_interna_bloc_pressupost .caixa_interior_standard {
		row-gap: 2px;
		font-size: 0.8rem;
	}
	table.taula_standard th {
		padding: 6px 10px;
		font-weight: normal;
		font-size: 0.9rem;
	}
	table.taula_standard {
		font-size: 0.8rem;
	}
	.form-control {
		font-size: 0.8rem;
	}
	.caixa_interna_bloc_pressupost.caixa_resum .caixa_interior_resum_totals, .caixa_preu_total_detalls {
		/*font-size: 2.5rem;*/
	}
}
@media all and (max-width: 1150px) { 
	.oculta_pc {
		display: flex;
	}
	.taula_intra_generica .tb_intra_fila {
		flex-wrap: wrap;
	}
	.taula_intra_generica .tb_intra_fila .single_tb.oculta_mobil, .taula_intra_generica .tb_intra_capcaleres .single_tb.oculta_mobil {
		display: none;
	}
	.taula_intra_generica .tb_intra_fila .single_tb.caixa_boto_detalls_taula {
		display: flex;
		width: 10%;
		order: 0;
		cursor: pointer;
		justify-content: end;
	}
	.taula_intra_generica .tb_intra_fila .single_tb.mob_principal_full, .taula_intra_generica .tb_intra_capcaleres .single_tb.mob_principal_full {
		width: 90% !important;
		order: 0;
		text-wrap: balance;
	}
	.taula_intra_generica .tb_intra_fila .single_tb.mob_principal_gran, .taula_intra_generica .tb_intra_capcaleres .single_tb.mob_principal_gran {
		width: 60% !important;
		order: 0;
		text-wrap: balance;
	}
	.taula_intra_generica .tb_intra_fila .single_tb.mob_principal, .taula_intra_generica .tb_intra_capcaleres .single_tb.mob_principal {
		width: 45% !important;
		min-width: 45%;
		order: 0;
		text-wrap: balance;
	}
	.taula_intra_generica .tb_intra_fila .single_tb.mob_principal_petit, .taula_intra_generica .tb_intra_capcaleres .single_tb.mob_principal_petit {
		width: 30% !important;
		order: 0;
		text-wrap: balance;
	}
	.taula_intra_generica .tb_intra_fila .single_tb.mob_standard_full, .taula_intra_generica .tb_intra_capcaleres .single_tb.mob_standard_full {
		width: 100% !important;
		order: 1;
	}
	.taula_intra_generica .tb_intra_fila .single_tb.mob_standard, .taula_intra_generica .tb_intra_capcaleres .single_tb.mob_standard {
		width: 50% !important;
		order: 1;
	}
	.taula_intra_generica .tb_intra_fila .single_tb.mob_standard,.taula_intra_generica .tb_intra_fila .single_tb.mob_standard_full {
		/* justify-content: space-between; */
		flex-direction: column;
		background-color: var(--color-fons-caixes-desglos-v2);
		align-items: start;
		padding-bottom: 15px;
		gap: 1px;
	}
	.taula_intra_generica .tb_intra_fila .single_tb.mob_standard span.oculta_pc, .taula_intra_generica .tb_intra_fila .single_tb.mob_standard_full span.oculta_pc {
		font-weight: 600;
	}
	.caixa_resum_preus_llistat h3 {
		font-size: 1.1rem;
	}
	.caixa_titols_interior_pnl .caixa_interna_dreta {
		display: flex;
		align-items: end;
	}
	.titol_pnl {
		line-height: 1;
	}
	.caixa_interna_panell {
		row-gap: 15px;
	}
	.mida_meitat {
		width: 100%;
	}
	.caixa_titols_interior_pnl .caixa_interna_dreta {
		align-items: center;
	}
	.panell.actiu {
		padding: 2rem 0;
	}
	#caixa_menu_footer {
		font-size: 0.8rem;
	}
	.caixa_interna_bloc_pressupost .caixa_interior_standard.full_movil {
		width: 100%;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 0.8rem;
	}
}	
@media all and (max-width: 1000px) {
	.mobile_show {
		display: inline-block;
	}
	.btn-sm {
		font-size: 0.7rem;
	}
	.caixa_tornar_endarrera {
		display: flex;
		justify-content: start;
		gap: 1rem;
		align-items: center;
	}
	.titol_pnl {
		line-height: 1;
		font-size: 1.4rem;
	}
	.oculta_mobil {
		display: none !important;
	}
	.pnl-grup-title {
		align-items: end;
		row-gap: 15px;
	}
	.caixa_botons_titol {
		/* width: 25%;
		max-width: 25%;
		display: flex;
		justify-content: end; */
		width: 100%;
  max-width: 100%;
  justify-content: start;
	}
	.caixa_generica_filtres .caixa_interna_esquerra {
		flex-direction: column;
	}
	.caixa_generica_filtres .caixa_single_filtre {
		width: 100%;
	}
	.caixa_single_filtre.caixa_boto_filtre {
		max-width: 100%;
		margin-top: 10px;
	}
	.caixa_generica_filtres {
		flex-direction: column;
		padding: 15px;
		margin: 0;
	}
	.caixa_boto_desple_filtre {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.caixa_boto_desple_filtre i {
		width: 14px;
		height: 14px;
	}

	#top{
		position:fixed !important;
		left:0px !important; 
		top:0px !important; 
		height:50px !important; 
		right:0px !important; 
		transition:none !important;
		box-shadow: 2px 0px 30px -6px #dedede;
	}
	#top_2{
		position:fixed !important;
		left:0px !important; 
		top:50px !important; 
		right:0px !important; 
		transition:none !important;
	}
	#caixa_menu_footer {
		display: none;
	}
	#menuauxopen {
	   display: block;	
	   cursor: pointer;
   	}
	
	#menu.active{
		width:100% !important;
		position:absolute;
		transition:all .4s cubic-bezier(.26, 1.04, .54, 1);
		left: -100%;
		top: 4rem;
		height: calc(100% - 4rem);
		z-index: 9999;	
	}
	#menu{
		width:100% !important;
		position:absolute;
		left: 0;
		top: 4rem;
		height: calc(100% - 4rem);
		z-index: 9999;
		transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
	}
	#menu.mobile{
		position:absolute !important;/*fixed*/
		z-index:999;
		top:50px;
		left:0px;
		   margin-left: 0px;
		right:0px;
		bottom:auto !important;
		height:calc(100% - 50px) !important;
		
		width: 100% !important;
		text-align:center;
		transition:none;
		display:block;
		border-top: 1px solid #cfcfcf;
	} 
	#user_opts, #legal_opts {
		border-bottom: 1px solid #cfcfcf;
	}
	.punt_actiu {

		color: #fff;
	}
	#content.mobile, #peu.mobile{
		left:0px !important;
		transition:none;
	}
	#content.active{
		/*position:fixed !important;*/
		width:auto!important; 
		height:auto!important; 
		transition:none;
		padding-top: 10vh;
	}
	#logo_empresa{
		display:none !important;
	}
	#content.active {
		padding-top:4rem;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.caixa_gadget .caixa_contingut_interior_pnl {
		gap: 1rem;
		flex-direction: column;
	}
	.caixa_gadget .caixa_titols_interior_pnl {
		flex-direction: column;
		align-items: start;
	}
	.caixa_gadget .caixa_contingut_interior_pnl .caixa_resultat_resum_gadget {
		width: 100%;
		padding: 1rem;
		font-size: 1.5rem;
	}
	.pnl-grup-body {
		padding: 0.5rem !important;
		row-gap: 1.2rem;
	}
	.caixa_contingut_interior_pnl {
		row-gap: 1.5rem;
	}
	.caixa_origen_filtres {
		align-items: center;
		gap: 15px;
		padding: 0.5rem;
		width: 100%;
		flex-wrap: wrap;
	}
	.caixa_origen_filtres .caixa_botons_interns_filtres {
		/*width: 100%;*/
		display: flex;
		justify-content: end;
		gap: 8px;
	}
	.usuari > a {
		color: var(--color-principal);
	}
	.caixa_punts_menu {
		padding-top: 25px;
		row-gap: 15px;
	}
	a.list-group-item {
		font-size: 1rem;
	}
	.caixa_punts_menu a.list-group-item i {
		width: 17px;
		height: 17px;
	}
	.caixa_origen_filtres h4 {
		font-size: 0.75rem;
	}
	.caixa_interna_bloc_v2 {
		padding: 8px;
	}
	.caixa_interna_bloc_v2.mida_small {
		width: 100%;
	}
	.caixa_dades_info {
		font-size: 13px;
	}
	.caixa_dades_info strong {
		font-size: 14px;
	}
	.taula_intra_generica .tb_intra_capcaleres.caixa_fixe {
		top: -4px;
	}
	.pnl-grup-body .caixa_titols_interior_pnl {
		flex-direction: column;
	}
	.pnl-grup-body .caixa_titols_interior_pnl .caixa_interna_dreta {
		flex-direction: column;
	}
	.pnl-grup-body .caixa_titols_interior_pnl .caixa_interna_dreta.caixa_botons_filtres_gadget {
		flex-direction: row;
	}
	.caixa_general_dades_v2 {
		gap: 1.5rem;
	}
	.caixa_interna_bloc_v2.mida_meitat {
		padding: 0.8rem;
	}
	.pnl-grup-body .caixa_interna_bloc_v2 .caixa_titols_interior_pnl {
		flex-direction: row;
	}
	.caixa_general_dades_pressupost {
		gap: 1.5rem;
	}
	.caixa_interna_bloc_pressupost.mida_meitat {
		width: 100%;
		padding: 1rem;
	}
	.caixa_botons_footer.caixa_fixe {
		width: 100%;
		padding: 1rem;
	}
	.caixa_general_dades_pressupost .caixa_interior_standard strong {
		font-size: 0.8rem;
	}
	.caixa_interna_bloc_pressupost.caixa_resum .caixa_interior_resum_totals, .caixa_preu_total_detalls {
		font-size: 1.5rem;
	}

	table.taula_standard td.col-codi-barres, table.taula_standard th.col-codi-barres {
		width: 90px;
		min-width: 90px;
	}
	table.taula_standard td.col-desc-article, table.taula_standard th.col-desc-article {
		width: 120px;
		min-width: 120px;
	}
	table.taula_standard td.col-desple-comentaris, table.taula_standard th.col-desple-comentaris {
		width: 80px;
		min-width: 80px;
	}
	table.taula_standard td.col-unitats, table.taula_standard th.col-unitats {
		width: 90px;
		min-width: 90px;
	}
	table.taula_standard td.col-preu, table.taula_standard th.col-preu {
		width: 90px;
		min-width: 90px;
	}
	table.taula_standard td.col-iva, table.taula_standard th.col-iva {
		width: 90px;
		min-width: 90px;
	}
	table.taula_standard td.col-descompte, table.taula_standard th.col-descompte {
		width: 90px;
		min-width: 90px;
	}
	table.taula_standard td.col-preu-total, table.taula_standard th.col-preu-total {
		width: 90px;
		min-width: 90px;
	}
	table.taula_standard td.col-canvi-posicio, table.taula_standard th.col-canvi-posicio {
		width: 90px;
		min-width: 90px;
	}
	table.taula_standard td.col-boto-borrar, table.taula_standard th.col-boto-borrar {
		width: 90px;
		min-width: 90px;
	}
	.caixa_interna_panell {
		overflow-x: hidden;
	}
	.caixa_interna_bloc_v2.mida_full .caixa_contingut_interior_pnl .caixa_dades_info {
		width: 49%;
	}
	.caixa_interna_bloc_v2.fons_color {
		padding: 0.7rem;
	}
	.caixa_interna_alinear_dreta {
		margin-left: 0;
	}
	.caixa_interior_standard.full_mobil, .caixa_dades_info.full_mobil {
		width: 100%;
	}
}
/* --- Fi estils responsive by Carles --- */