/* frontpage/_coloriuris.css */

.c-frontpage__coloriuris__title {
	font-size: calc( 1rem * 30 / 20 );
	line-height: calc( 100% * 32 / 30 );
}
.c-frontpage__coloriuris .c-image--decorated::before,
.c-frontpage__coloriuris .c-image--decorated::after {
	background-color: var(--color-red);
}



.c-frontpage__coloriuris__grid {
	display: grid;
}
.c-frontpage__coloriuris__grid__text > * {
	display: none;
}
.c-frontpage__coloriuris__grid__text > *:first-child {
	display: block;
}
.c-frontpage__coloriuris__grid__picture-1 {
	margin-top: 40px;
	order: -1;
}


.c-frontpage__coloriuris__grid__picture-1::after,
.c-frontpage__coloriuris__grid__picture-2::before {
	display: none;
}
.c-frontpage__coloriuris__grid__picture-2 {
	display: none;
}
.c-frontpage__coloriuris__grid__button {
	max-width: 280px;
}


.c-section--decorated {

	position: relative;
	padding-top: var(--space-20);
	padding-bottom: var(--space-20);
}

	.c-section--decorated::before,
	.c-section--decorated::after {
		content: "";
		display: block;
		position: absolute;
		height: var(--space-20);
		background-color: var(--color-accent);
	}
	
	.c-section--decorated::after {
		width: 328px;
		bottom: 0;
		right: calc( 100% * 9 / 700 );
		border-radius: 0px 0px var(--space-20) var(--space-20);
	  }

	.fondo_lineas{
		background-image: url("../../web-img/assets/wave_linea_background.svg");
		background-repeat: no-repeat; 
		background-size: cover;
		background-position: center;

	}

.media{
	display: inline !important;
}
@media ( min-width: 800px ) {
	.c-frontpage__coloriuris__grid {
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px;
		margin-top: 80px;
	}
	.c-frontpage__coloriuris__grid__text {
		width: 90%;
	}
	.c-frontpage__coloriuris__grid__text > p:last-child {
		display: block;
	}
	.c-frontpage__coloriuris__grid__picture-1 {
		order: initial;
		margin-top: 0;
	}
	.c-frontpage__coloriuris__grid__button {
		display:none;
	}

	
}
@media ( min-width: 1000px ) {
	.c-frontpage__coloriuris__title {
		font-size: calc( 1rem * 64 / 20 );
		line-height: calc( 100% * 80 / 64 );
	}
	.c-frontpage__coloriuris__grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.c-frontpage__coloriuris__grid__picture-2 {
		display: block;
	}
	.c-frontpage__coloriuris .c-image--decorated img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.oficina{
		width: 90%;
	}
	
}
@media ( min-width: 1200px ) {
	.c-frontpage__coloriuris__grid__text > * {
		display: block;
		font-size: calc( 1rem * 24 / 20 );
		line-height: calc( 100% * 28 / 24 );
	}

	.c-frontpage__coloriuris .c-image--decorated {
		aspect-ratio: 1 / 1;
	}
}

@media(max-width:1080px){
	.c-section--decorated::after {
		width: 328px;
    bottom: 0;
    right: calc( 100% * 60 / 700 );
    border-radius: 0px 0px var(--space-20) var(--space-20);
	  }
}

@media (max-width:915px){
	.c-section--decorated::after {
		width: 328px;
    bottom: 0;
    right: calc( 100% * 15 / 700 );
    border-radius: 0px 0px var(--space-20) var(--space-20);
	  }

}

@media(max-width: 768px){
	.c-section--decorated::after {
		width: 328px;
		bottom: 0;
		right: calc( 100% * 157 / 700 );
		border-radius: 0px 0px var(--space-20) var(--space-20);
	  }
}

@media(max-width:600px){
	
	.c-section--decorated::after {
		width: 328px;
	    bottom: 0;
	    right: calc( 100% * 180 / 700 );
	    border-radius: 0px 0px var(--space-20) var(--space-20);
	}
}

@media(max-width:800px){
	
	.c-section--decorated::after {
		width: 310px;
    bottom: 0;
    right: calc( 100% * 31 / 700 );
    border-radius: 0px 0px var(--space-20) var(--space-20);
	  }
}