
/* input-ads proposta 2020 */
.inputs-ads{
	background-image:url(../../landings/img/background-addwords.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	background-position:left top;
	min-height:800px;	
}

@media (max-width:575px){
	.inputs-ads{
		background-image:url(../../landings/img/background-addwords-sm.jpg);
		background-size: cover;
		background-repeat:no-repeat;
		background-position:center top;
				
	}
	
	.inputs-ads .padding-left{
		padding-left:0.2rem!important;	
	}
}

@media (min-width:576px) and (max-width:767px){
	.inputs-ads{
		background-image:url(../../landings/img/background-addwords-sm.jpg);
		background-size: cover;
		background-repeat:no-repeat;
		background-position:center top;
			
	}	
	
	.inputs-ads .padding-left{
		padding-left:3rem!important;	
	}
}
	

@media (min-width:768px) and (max-width:1200px){
	.inputs-ads{
		background-image:url(../../landings/img/background-addwords-md.jpg);
		background-size: cover;
		background-repeat:no-repeat;
		background-position:center top;
			
	}	
	
	.inputs-ads .padding-left{
		padding-left:3rem!important;	
	}
}
	
	
/* landing post covid 03/2020 */

.header-addwords-b {
	background-image: url(../img/header/header-addwords-b.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left top;
}

.header-addwords-b.background-clients {
	
	background-image: url(../img/background-addwords.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left top;
}


@media (max-width:575px){
	.header-addwords-b.background-clients{
		background-image:url(../img/background-addwords-sm.jpg);
		background-size: cover;
		background-repeat:no-repeat;
		background-position:center top;
				
	}
	
	.header-addwords-b .padding-left{
		padding-left:0.2rem!important;	
	}
}

@media (min-width:576px) and (max-width:767px){
	.header-addwords-b.background-clients{
		background-image:url(../img/background-addwords-sm.jpg);
		background-size: cover;
		background-repeat:no-repeat;
		background-position:center top;
			
	}	
	
	.header-addwords-b .padding-left{
		padding-left:1.6rem!important;	
	}
}
	

@media (min-width:768px) and (max-width:1200px){
	.header-addwords-b.background-clients{
		background-image:url(../img/background-addwords-md.jpg);
		background-size: cover;
		background-repeat:no-repeat;
		background-position:center top;
			
	}	
	
	.header-addwords-b .padding-left{
		padding-left:1.8rem!important;	
	}
}



.navbar-addwords-b{
	background-color:rgb(255,255,255,0.9);
	
}

/* el formulari d'addwords anirà a la dreta de la pag */
.tab-addwords {
	/*margin: 0 auto;*/
	position: relative;
	/*new */
	float:right;
	/*margin-top:80px;
	max-width: 335px; ABANS COLETILLA LEGAL GEGANT   */
	margin-top:10px;
	max-width: 410px;
	width: 100%;
	min-height: 380px;

	background-color: #FFFFFF;
	box-sizing: border-box;
	
	z-index: 50;
	
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.35);
}

.tab-text{
	float:left;	
	/*width:calc(100% - 400px); ABANS COLETILLA LEGAL GEGANT */
	width:calc(100% - 420px);
	text-align:left;
}

@media (max-width:991px){
	.tab-text{
		float:none;	
		width:100%;
		text-align:center;
	}
	
	.tab-addwords {
		float:none;
		margin: 0 auto;	
	}
	
	.header-addwords-b{
		background-size:cover;	
	}
		
}

@media (min-width:992px){
	/* thanks formulari height fix */
	.tab-addwords {
		min-height: 480px;	
	}
}

@media (min-width:992px) and (max-width:1199px){
	.tab-text{
		float:left;	
		width:calc(100% - 400px);
		text-align:left;
	}
	
	.header-addwords-b h1.thin-dark-blue-60{
		font-size:3.4rem;
	}
	
	.header-addwords-b h2.regular-dark-blue-30{
		font-size:1.6rem;
	}
	
	.header-addwords-b .light-dark-blue-28{
		font-size:1.6rem;
	}
	
}

@media (max-width:767px){
	.header-addwords-b .light-dark-blue-28{
		font-size:1.5rem;	
	}
	
	
	
}

/* LANDING VIDEO CV */

.header-addwords-b.background-videocv {
	background-image: url(../../landings/img/background-videocv.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left top;
}


@media (max-width:767px){
	.header-addwords-b.background-videocv{
		background-image:url(../../landings/img/background-videocv-sm.jpg);
		background-size: cover;
		background-repeat:no-repeat;
		background-position:center top;
	}
}


.imgRounded-videocv{
		background-repeat: no-repeat; 
		background-size:58px 58px; 
		background-position:50%; 
		border-radius:50%;
		width:58px;
		height:58px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		margin-right:14px;	
}

@media (min-width:768px) and (max-width:991px){
	.imgRounded-videocv{
			background-repeat: no-repeat; 
			background-size:50px 50px; 
			background-position:50%; 
			border-radius:50%;
			width:50px;
			height:50px;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			margin-right:7px;		
	}
	
}

.text-cut-fade-7-lines {
  position: relative;
  height: 13em; /* exactly three lines */
  max-height:13em;
  overflow:hidden;
}
.text-cut-fade-7-lines:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 5em;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 90%);
}

.tab-presentados-novideocv{
	border-radius:5px;
	background-color:#FFFFFF;
	margin:1rem;
}

.tab-presentados-novideocv > .tab-header-background{
	height:7rem;
	border-bottom:1px solid #DDDDDD;
	background-image: url('../../landings/img/tab-presentados-background.jpg');
	background-repeat: repeat;
	background-size:auto;
	border-top-left-radius: 5px;
	border-top-right-radius:5px;
}

.tab-presentados-novideocv .tab-informe-candidato{
	padding-left:3rem;
	padding-right:3rem;

}

.imgRounded-presentados{
	background-repeat: no-repeat; 
	background-size:90px 90px; 
	background-position:50%; 
	border-radius:50%;
	width:90px;
	height:90px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;

	text-align:center;
	margin: -3rem auto 0 auto;
	border:1px solid #FFF;
	
}

@media (max-width:767px){
	.tab-presentados-novideocv .tab-informe-candidato{
		padding-left:1rem;
		padding-right:1rem;
	
	}

	.tab-presentados-novideocv{
		border-radius:5px;
		background-color:#FFFFFF;
		margin:1rem 0rem 1rem 0rem;
	}

	.imgRounded-presentados{
		background-size:70px 70px;
		width:70px;
		height:70px;
		margin: -2.2rem auto 0 auto;
	}
}

@media (min-width:768px) and (max-width:991px){
	.imgRounded-presentados{
		background-repeat: no-repeat; 
		background-size:80px 80px; 
		background-position:50%; 
		border-radius:50%;
		width:80px;
		height:80px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;

		text-align:center;
		margin: -3rem auto 0 auto;
	}
	
}

/* LANDINGS E-BOOKS */
.header-pardot{
	background-image: url(../img/e-books/header-pardot.jpg);
	background-position: top center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	clear: both;
	position: relative;
	z-index: 2;
	height: 94vh;
	min-height: 94vh;
	display: table;
	width: 100%;
}

.header-ebook-ia{
	background-image: url(../img/e-books/header-ebook-ia.jpg);
	background-position: top center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	clear: both;
	position: relative;
	z-index: 2;
	height: 94vh;
	min-height: 94vh;
	display: table;
	width: 100%;
}

.table > tbody > tr > td {
	vertical-align: middle;
}

.check-blue-img{
	width:40px;
	height:40px;
}

.img-ebook{
	max-width:340px; 
	width:100%;
	height:auto;	
		
}

@media (min-width:768px) and (max-width:991px){
	.e-book-content .light-dark-blue-18{
		font-size:1.05rem;
	}
	
	.check-blue-img{
		width:30px;
		height:30px;
	}
	
	.img-ebook{
		padding-top:2rem;	
	}	
}

@media (max-width:767px){

	.img-ebook{
		max-width:230px; 
		width:100%;
		height:auto;	
		
	}
}

@media (max-width:575px){
	.img-ebook{
		max-width:170px; 
		width:100%;
		height:auto;		
	}
}

/* header guias salariales */
.header-guias-salariales{
	background-image:url(../img/guias/background-guias-salariales.jpg);
}

.header-informes-etalentum{
	background-image:url(../img/guias/background-informes-etalentum.jpg);
}

/* NEW ADDWORDS 05/2025 */
.header-addwords-blue{
	background-image: url(../img/header/header-addwords-blue.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left top;

	clear: both;
	position: relative;
	z-index: 2;
	height: 70vh;
	min-height: 70vh;
	display: table;
	width: 100%;

}

.header-addwords-blue::before{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top:0;
	box-sizing:border-box;
	background-color: rgba(0,130,202,.65); /* .35  */ 
	display: block;
	content: ' ';
	/*z-index: -1;*/
	z-index: -1;

	margin:0;
	padding:0;
}

.section-border-radius{
	border-top-right-radius: 70px;
	border-top-left-radius: 70px;
}

.table.table-addwords th{
	font-family:"Salesforce Sans", Geneva, sans-serif;
	font-weight:400;
	color:#1B82C5;
	
}
.table.table-addwords thead th{
	border-bottom:2px solid #1B82C5;
	border-top:none;

	font-size: 1.2rem;
}


.table-addwords.table-striped tbody tr:nth-of-type(2n+1) {
	background-color: rgba(239,246,251,.9);
} 

.table-addwords .material-symbols-outlined{
	font-size:30px;
	vertical-align:middle;
}



.background-addwords-form{
	background-image:url(../img/background-addwords-form.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment:fixed;
	padding:7rem 0;

	clear: both;
	position: relative;
	z-index: 2;
	/*height: 70vh;
	min-height: 70vh;
	display: table;*/
	width: 100%;
}

/* eliminem background attachment a dispositius tàctils, ja que no funciona bé */
@media (pointer: coarse) and (hover: none) {
	.background-addwords-form{
		background-attachment:scroll;
	}
}

.background-addwords-form::before{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top:0;
	box-sizing:border-box;
	background-color: rgba(0,130,202,.65); /* .35  */ 
	display: block;
	content: ' ';
	/*z-index: -1;*/
	z-index: -1;

	margin:0;
	padding:0;
}

#formulari_addwords .custom-control-label a{
	color:#FFFFFF!important;
}

#formulari_addwords .form-control,#formulari_addwords .custom-select{
	background-color: rgba(255,255,255,.8);
}


/* END ADDWORDS */

/* onest font footer, incrementaremos tamaño para el footer de las landings */
.onest-font-slogan-footer h4{
	font-family: "Onest", sans-serif;
	font-optical-sizing: auto;
	font-size:1.5rem!important;
	font-weight: 400;
	font-style: normal;
	color:#0082CA;

	display:inline-block;
	width:auto;
	margin:0 auto;
}

.onest-font-slogan-footer span{
	font-family: "Onest", sans-serif;
	font-optical-sizing: auto;
	font-size:1.5rem!important;
	font-weight: 400;
	font-style: normal;
	color:#0082CA;

	display:inline-block;
	width:auto;
	margin:0 auto;
}

		





