/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

.container {
	padding: 0 20px;
}

/* HEADER */

#header-space {
	width: 1600px;
	margin: 0 auto;
	margin-top: 20px;
	border-radius: 80px;
	max-width: 100%;
}

#top {
	top: 20px;
}

#header-outer {
	box-shadow: none !important;
	background: transparent !important;
}

#top>.container>.row {
	padding: 0 30px;
}

#header-outer #top nav>ul>li a,
#header-outer #top nav>ul>li a:hover {
	color: #000000 !important;
	background: transparent !important;
}

#header-outer #top nav>ul>li a:hover,
#header-outer #top nav>ul>li a:focus {
	color: #FF5D31 !important;
}

#header-outer#header-outer #top nav>ul>li.btn-descarga-app a,
#header-outer#header-outer #top nav>ul>li.btn-descarga-app a:hover,
#header-outer#header-outer #top nav>ul>li.btn-descarga-app a:focus {
	background: #FF5D31 !important;
	border-radius: 30px !important;
	color: #F3EEDE !important;
	padding: 12px 35px;
}

#header-outer#header-outer #top nav>ul>li.btn-descarga-app a:hover,
#header-outer#header-outer #top nav>ul>li.btn-descarga-app a:focus {
	color: #000000 !important;
}

#header-outer#header-outer #top nav>ul>li a:hover .menu-title-text {
	background: inherit !important;
	color: inherit !important;
	border-radius: 30px !important;
}

#header-outer#header-outer #top nav>ul>li a:hover .menu-title-text:after,
#header-outer#header-outer #top nav>ul>li a:hover .menu-title-text:before {
	display: none;
}


/* CUSTOM FOOTER */

#custom-footer {
	padding-top: 60px !important;
	padding-bottom: 0 !important;
}

#custom-footer .footer-menu a {
	color: #F3EEDE;
	font-size: 18px;
	font-weight: 400;
	display: block;
	width: 200px;
}

#custom-footer .footer-menu .row {
	display: flex;
	justify-content: start;
	gap: 70px;
	margin-bottom: 50px;
}

#footer-outer #copyright .col.span_5 {
	width: 100%;
}

#footer-outer #copyright .col-last {
	display: none
}

#footer-outer #copyright p {
	text-align: center;
	color: #F3EEDE !important;
}


/* HOME */

/* Hero */

#hero {
	padding: 5vh 20px !important;
	padding-left: calc((100vw - 1540px) / 2) !important;
}

#hero .btn-cta,
#oferta-limitada .btn-cta {
	border-radius: 21px !important;
	padding: 40px;
	font-size: 24px;
}

#hero .row-bg {
	/* background-position: right -12vw bottom !important; */
	background-size: auto;
}


#hero .title {
	width: 800px;
	max-width: 100%;
}

#hero .img-consigue-clientes {
	width: 425px;
	max-width: 100%;
}

#hero .img-suscripcion {
	width: 550px;
	max-width: 100%;
	margin-bottom: 20px;
}

#hero .text-registrate {
	margin-bottom: 20px;
}

#hero .img-with-aniamtion-wrap:has(.img-laptop) {
	position: absolute;
	top: 17vh;
	right: -20px;
	z-index: 1;
}

#hero .img-with-aniamtion-wrap:has(.img-laptop) img {
	width: 60vw;
	max-width: 960px;
}

#hero .img-with-aniamtion-wrap:has(.img-manitas) {
	position: absolute;
	top: 6vh;
	right: 26vw;
	z-index: 0;
}

#hero .img-with-aniamtion-wrap:has(.img-manitas) img {
	width: 39vw;
	max-width: 645px;
}


/* Clientes */

#section-clientes {
	padding-bottom: 7%;
	width: 1370px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

#section-clientes .left {
	justify-content: center;
	align-items: center;
}

#section-big-bg>div>div>.row-bg {
	background-size: 135%;
	top: 70px;
}






/* Como funciona */
#como-funciona-boxes {
	max-width: 1360px;
	margin: auto;
}

#como-funciona-boxes img {
	height: 110px;
}



/* Oferta */

#oferta-limitada {
	margin-top: 250px;
}

#oferta-limitada .title {
	letter-spacing: -3px;
	white-space: nowrap;
}

#oferta-limitada .col-left {
	width: 60%;
}

#oferta-limitada .nectar-responsive-text {
	margin-bottom: 10px;
}

#oferta-limitada .text-suscripcion {
	max-width: 630px;
	margin-bottom: 0;
}

#oferta-limitada .text-descuento {
	margin-bottom: 30px;
}

#oferta-limitada .nectar-highlighted-text {
	margin-bottom: 40px;
}

#oferta-limitada .col-left .vc_column-inner {
	padding: 40px;
	transform: translateX(35px);
}

#oferta-limitada .col-left .img-with-aniamtion-wrap:has(.img-manitas) {
	position: absolute;
	bottom: -120px;
	right: 0;
	width: 240px;
}

#oferta-limitada .col-right {
	align-self: end;
	margin-top: -300px;
	width: 40%;
}




/* Dejanos Datos */

#dejanos-datos .box-form {
	width: 670px;
	transform: translateX(-180px);
}

#dejanos-datos .box-form .title {
	max-width: 510px;
}

#dejanos-datos .col-right input:not(type[submit]) {
	border-radius: 30px;
	border: 0;
	width: 100%;
	max-width: none;
}

#dejanos-datos .col-right button[type="submit"] {
	background: #FF5D31;
	color: #F3EEDE;
	font-size: 18px;
	border-radius: 30px !important;
	line-height: 1;
	padding: 12px 45px !important;
	margin-top: 8px;
}

#dejanos-datos .col-right label {
	color: #FF5D31;
	font-size: 18px;
}

#dejanos-datos .wpforms-field-checkbox .wpforms-field-label {
	display: none !important;
}

#dejanos-datos .wpforms-field-checkbox label.wpforms-field-label-inline {
	color: #6E6E6E;
	font-size: 16px;
	line-height: 1;
	font-weight: 400;
}

#dejanos-datos .wpforms-field-checkbox input {
	width: auto !important;

}



/* Preguntas Frecuentes */

#preguntas-frecuentes .toggle {
	border-bottom: 1px solid #FF5D31;
	padding-bottom: 30px;
}

#preguntas-frecuentes .toggle-title:before,
#preguntas-frecuentes .toggle-title:after {
	display: none;
}

#preguntas-frecuentes .toggle-title a {
	color: #ff5d31 !important;
	font-size: 24px;
	font-weight: 600;

}

#preguntas-frecuentes .inner-toggle-wrap p {
	font-size: 24px;
	line-height: 1.75;
	color: #6E6E6E;
	font-weight: 400;
	padding-left: 20px;
}




/* Plis */

#plis {
	margin-bottom: 60px;
}

#plis .btn-cta {
	border-radius: 21px !important;
	padding: 40px;
	font-size: 24px;
	width: 420px;
	max-width: 90%;
	text-align: center;
}


#plis .col-left .img-with-aniamtion-wrap:has(.btn-store) {
	display: inline-block !important;
	/* width: calc(50% - 20px); */
	margin-right: 20px;
}

#plis .col-left {
	width: 55%;
	display: flex;
	align-items: center;
	padding-left: 3%;
}

#plis .col-left .vc_column-inner {
	padding: 60px 30px;
	transform: translateX(10px);
}

#plis .col-right {
	align-self: end;
	width: 45%;
}

#plis .img-with-aniamtion-wrap {
	text-align: right;
}

#plis .col-right img {
	max-width: 520px;
	border-bottom-right-radius: 20px;
	margin-top: 20px;
}

#plis .img-people {
	position: absolute;
	bottom: 0;
	width: 260px;
	right: 0px;
	top: auto;
	transform: translateY(220px) translateX(100%);
	z-index: 5;
}




/* Date de Alta */

#date-de-alta {
	margin-bottom: 60px;
	width: 1370px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}


#date-de-alta .col-left .vc_column-inner {
	padding: 0 10px 0 35px;
}


#date-de-alta .col-left .title * {
	letter-spacing: -2px;
}

#date-de-alta .nectar-fancy-ul ul li {
	margin-bottom: 24px;
}

#date-de-alta .nectar-fancy-ul ul li i {
	transform: translateY(3px);
	border: 1px solid red;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	line-height: 30px;
	font-size: 21px;
}

#date-de-alta .img-with-aniamtion-wrap:has(.img-hombre-curro) {
	margin-top: -100px;
	text-align: center;
	position: relative;
}

#date-de-alta .img-with-aniamtion-wrap:has(.img-hombre-curro):after {
	content: "";
	background-color: #DBBDB2;
	width: 100%;
	height: 330px;
	border-radius: 23px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}

#date-de-alta .img-with-aniamtion-wrap img {
	margin: auto;
}



/* Ventajas */

#ventajas {
	margin-bottom: 120px;
}

#ventajas .row-bg {
	background: linear-gradient(to left, #F16A3C, #ff6a36 40%);
}

#ventajas .col-left .img-with-aniamtion-wrap:has(.people-image) {
	position: absolute;
	left: 50%;
	top: -120px;
	width: 240px;
	height: auto;
	z-index: 5;
}

#ventajas .nectar-fancy-ul ul li {
	margin-bottom: 15px;
}

#ventajas .box-store .wpb_wrapper {
	display: flex;
}


@media (max-width:1550px) {
	#hero .left {
		padding-left: 20px;
	}
}