/* base/_utils.css */



.u-wrapper {
	width: clamp( 280px, 88%, 1420px );
	margin-inline: auto;
}

@media ( max-width: 600px ) {
	.u-hide--mobile  { display: none; }
}
@media ( min-width: 600px ) {
	.u-hide--desktop { display: none; }
}


.u-grid-expand-all {
	grid-column: 1/-1;
}


.u-visually-hidden {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}


.u-border-top {
	border-top: 1px solid black;
}

.up-decoration{
	position:relative;
	
}
	.up-decoration::before {
		content: "";
		display: block;
		height: var(--space-20);
		background-color: var(--color-accent);
		width: clamp( 200px, 34vw, var(--width-3col) );
	    top: 0;
	    left: calc( 100% * 40 / 700 );
	    border-radius: var(--space-20) var(--space-20) 0 0;
	}

.u-decoration--left,
.u-decoration--right {
	position: relative;
}
	.u-decoration--left::after,
	.u-decoration--right::after {
		content: "";
		display: block;
		position: absolute;
		height: var(--space-20);
		background-color: var(--color-accent);
		width: clamp( 200px, 34vw, var(--width-3col) );
	    bottom: calc( -1 * var(--space-20) );
	    border-radius: 0px 0px var(--space-20) var(--space-20);
	}

	.u-decoration--left::after {
	    left: clamp( 40px, 12vw, 120px );
	}

	.u-decoration--right::after {
		right: clamp( 40px, 12vw, 120px );
	}

.u-wrapper--background { position: relative; z-index: 0; }
.u-wrapper--background::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	left: calc( -1 * ( 50vw - 50% ) );
	background-color: inherit;
	width: 100vw;
	z-index: -1;
}


.u-title-line::after {
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	background-color: var(--color-accent);
	margin-top: 12px;
}
	.u-title-line--grey::after {
		background-color: var(--color-grey-600);
	}


.u-2-columns,
.u-3-columns,
.u-4-columns {
	display: grid;
	grid-template-columns: 1fr;
}
section{
	padding-top:40px;
	padding-bottom: 30px;
}


@media (max-width: 768px) {
	section {
	  position: relative;
	  padding: 30px;
	  padding: 0 0px 0 0px;
	}
  }

@media ( min-width: 600px ) {
	.u-2-columns,
	.u-3-columns,
	.u-4-columns {
		grid-template-columns: 1fr 1fr;
	}
}
@media ( min-width: 1400px ) {
	.u-3-columns {	grid-template-columns: 1fr 1fr 1fr; }
	.u-4-columns {	grid-template-columns: 1fr 1fr 1fr 1fr; }
}


.container_legal{
		max-width: 100%;
		padding: 20px 0px 20px 0;
		
}
.container_legal li, p  {
	font-family: 'DM Sans';
	font-size: 22px;
}

.bg_legal {
	--bg-image: url('../../web-img/assets/bg-acr.svg'); 
	background-image: var(--bg-image);
	background-size: cover;
	background-position: center;
	
}

.table_politica{
	width: 30%;
}

table p {
	text-align: start;
	font-size: 18px;
}

.col0{
	width: 20%;
	text-align: start;
}