@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap');
:root{
	--cverdeoscuro: #007956;
	--cverdemedio: #017A5E;
	--cverdeclaro: #00B58C;
	--camarillo: #FFCD00;
	--cazuloscuro:#707070;
	--cgrisclaro:#F5F7F6;
	--verdetexto:#004837;
}

/*fuentes*/
.h1 {
	font-size:4.5em;
	line-height: 1em;
}

.h2 {
	font-size:4.5em;
	line-height: 1em;
}
.bg-amarillo .h2, .bg-gris h2{
	/*font-size:3em;*/
	font-size: 2.8em;
	margin-bottom: 0;
}
.h3{
	font-size:2em;
	/*font-size: 46px;*/
	line-height: 1em;
	margin-bottom: 0;
}

.h4, h4{
	line-height: 1.1em;
}

.h5 {
    line-height: 1.5em;
}

.semibold{
	font-weight: 600;
}

.extrabold-color-verde {
	color: #00765A;
}

.extrabold{
	font-weight: 800;
}

.extrabold-delgada{
	font-weight: 600;
}

.extrabold-delgada-seccion-amarilla {
	font-weight: 600;
	font-size: 150%;
}


.mochi{
	font-family: 'Gochi Hand', cursive;
}
/*colores*/
.verde, a{
	color: #02AC82;
}
.verdeclaro{
	color: #25AE87;
}
.verde-lima {
	color: #80C13B;
}
.verdetexto{
	color: #004837;
}

.verdeoscuro {
	color: #007C5A;
}

.verdeoscuro-landing-2-letra-grande {
	font-size: 22px;
	color: #004937;
}

.verdeoscuro-landing-2 {
	color: #004937;
}

.text-blanco{
	color: #ffffff;
}
.text-blanco a {
	color: #ffffff;
	text-decoration: underline;
}
.bg-verde{
	background-color:#00A377;
}

.bg-amarillo{
	background-color: #FFCD00;
}
.bg-gris{
	background-color:#DDDCDC;
}
.bg-gris-claro{
	background-color:#F5F7F6;
}


/*genral*/
html, body {
	height:100%;
	margin:0 auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #004837;
}
a, a:hover{
	text-decoration: none;
}
a:hover{
	background-color: #007956;
	color: #FFCD00!important;
}

.cuerpo {
  max-width: 1370px;
  margin: 0 auto;
}
p{
	color: #5F5B57;
	margin-bottom: 0.2rem;
}
/*cabecera*/
header{
	font-size: 14px;
	min-height: 95px;
    background: #007754 !important;
	border-bottom: 3px solid #00251F;
}

.logo_cabecera {
    width: 190px;
}
@media (min-width: 1400px){
.cuerpo {
    width: 1370px;
}
}
/*contenido secciones*/
#section1{
	background-image: url(../images/imagen-seccion-1.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
}

#section1-landing-2{
	background-image: url(../images/emprendedor-autonomo-hero-1500x500.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
}

/*contenido secciones*/
#section2{
	background-image: url(../images/background-landing-triple.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
}

.borde{
	border: 4px solid #00B58C;
	border-left: none;
	border-radius: 1.8em;
	border-top-left-radius: 0em;
	border-bottom-left-radius: 0em;
}

.condiciones{
	word-wrap: break-word;
	font-size: 0.75em;
}
/*footer*/
footer{
	background-color: #007754 !important;
	border-top: 3px solid #00251F;
}
footer .container{
	font-family: 'Open Sans' !important;
    font-size: 16px !important;
    line-height: 18px !important;
	color: white !important;
	padding: 29px 0px;
    margin: 0 auto;
}
footer .container a{
	color: white !important;
	cursor: pointer;
}
footer a:hover {
    color: white;
    font-weight: 600;
    text-decoration: none;
}
.logo_footer {
    width: 150px;
}
/*to top*/
#toTop {
    padding: 10px 20px 0;
    font-size: 50px;
    line-height: 50px;
    background: #00B58C;
    color: #fff;
    position: fixed;
    bottom: 60px;
    right: 3px;
	cursor: pointer;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
	display: none;
}
#toTop:hover {
	background: #007956;
	color:#FFCD00;
}

/********************************************/
/*             Botón Calcular               */
/********************************************/
	button.btn{
		position: relative;
		background-image: url(../images/play.png);
		background-color: #032821;
		background-size: 28px;
		font-size: 23px;
		line-height:1.2;
		border-radius: 50px;
		background-repeat: no-repeat;
		background-position: 85%;
		padding: 20px 110px 20px 60px;
		-webkit-box-shadow: 0px 10px 12px -6px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 10px 12px -6px rgba(0,0,0,0.75);
		box-shadow: 0px 10px 12px -6px rgba(0,0,0,0.75);
		letter-spacing: 2px;
	}
	svg {
		height: 68px;
		left: 0;
		position: absolute;
		top: 0; 
		width: 100%; 
		border-radius: 50px;
	}
	rect {
		fill: none;
		stroke: #032821;
		stroke-width: 3;
		stroke-dasharray: 500, 0;
		transition: all 0.35s linear;
		border-radius: 50px;
	}
	button.btn:hover rect {
		stroke: #00B58C;
		stroke-width: 5;
		stroke-dasharray: 15,200;
		stroke-dashoffset: 100;
		transition: all 1.35s cubic-bezier(0.50, 1, 0.50, 1);
	}

	img.picto {
		max-width: 60px;
		margin-right: 10px;
	}
	span.verde-lima {
		vertical-align: middle;
	}

  	.features {
	  border: 2px solid;
	  border-radius: 25px;
	  color: #000000;
	}
	.features p {
		font-size: 0.8em;
		color: #000000;
	}
	.features-item {
		text-align: center;
	}
	.features-item h3{
		color: #007853;
		font-weight: bold;
	}
	.features-item span {
		font-size: 1.2em;
		line-height: 0;
		font-weight: 400;
	}

/* Mobile */
@media (max-width: 1024px) {
	.h1{
		font-size:2.5em;
	}
	.h4, h4{
		font-size:1.3rem;
	}
	p{
		font-size:0.9em;
	}
	
}
@media (max-width: 768px) {
	.bg-amarillo .h2, .bg-gris h2, .bg-gris-claro h2{
		font-size: 40px;
	}
}
@media (max-width: 576px) {
	#section1 {
		background-position: 65%;
		padding-bottom: 6rem;
	}

	#section1 h1 {
		text-align: left !important;
	}

	.bg-amarillo .h2, .bg-gris h2, .bg-gris-claro h2 {
		font-size: 35px;
	}
	.h4, h4 {
		font-size: 1.1rem;
	}
	.h6, h6 {
		font-size: 0.9rem;
	}
	
	.img-fluid.imgregalo {
		max-width: 100%;
	}
	span.h3 {
		line-height: 1.2rem;
		font-size: 1.5em;
	}
	.features-item img.picto {
		max-width: 80px;
	}
}
@media (max-width: 376px) {
	.flecha1 {
		right: 2%;
		top: 42%;
	}
	.img-fluid.imghorneado {
		max-width: 100%;
	}
	header .logo img {
		width: 130px;
	}
	footer ul a{
		font-size:14px;
	}
	span.h3 {
		line-height: 1.2rem;
	}
}


/****************/
/*	MEDIA MOVIL	*/
/****************/
@media (max-width: 400px) {

	.margen_cuadros {
		margin-top: -15% !important;
	}

}


/**************************/
/*        LANDING 1       */
/**************************/
.margen_cuadros {
	margin-top: -7%;
}

.parrafo-lista::before {
	content: url('../images/list-bullet.png');
}

.parrafo-lista-check::before {
	content: url('../images/check-red-2.png');
}

.experiencia {
	background-image: url(../images/experiencia-background.png);
	background-repeat: no-repeat;
	background-position-y: 22px;
	background-size: contain;
	padding-bottom: 10px;
}

/*Landing 1 Varios Rectangulos*/
.div-verde-peque {
	border: 4px solid #00A377;
	background-color: #e5f6f1;
	border-radius: 30px;
}

.div-verde {
	border: 3px solid #00765A;
	background-color: #e5f6f1;
	border-radius: 15px;
	padding-top: 2%;
	padding-bottom: 2%;
}

.div-cuchillos-verde {
	border: 3px solid #00765A;
	background-color: #e5f6f1;
	border-radius: 15px;
	padding-top: 2%;
	padding-bottom: 2%;
	margin-top: -7%;
}

.div-altavoz-verde {
	border: 3px solid #00765A;
	background-color: #e5f6f1;
	border-radius: 15px;
	padding-top: 2%;
	padding-bottom: 2%;
}

.div-exprimidor-verde {
	border: 3px solid #00765A;
	background-color: #e5f6f1;
	border-radius: 15px;
	padding-top: 2%;
	padding-bottom: 2%;
}


.div_verde_oscuro {
	border: 4px solid #00a377;
	background-color: #ccede4;
	border-radius: 15px;
	padding-top: 2%;
	padding-bottom: 2%;
}

.div_blanco {
	border: 4px solid #00a377;
	background-color: white;
	border-radius: 15px;
	padding-top: 2%;
	padding-bottom: 2%;
}

.div_gris_primera_seccion {
	background-color: #fcfcfbd9;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;

}

.li_check_tic {
	list-style-image: url(../images/check-red-2.png);
}

.li_check_triangulo_derecha {
	list-style-image: url(../images/list-bullet.png);
}

ul.li_check_triangulo_derecha  li::before{
	content: '';
	display: inline-block;
	background-image: url(../images/list-bullet.png);
 }

.li_check_tic_pensiones {
	list-style-image: url(../images/icono-rga-tic-verde2x.png);
}

#seccion-gradient {
	background: linear-gradient(to right, #eceff4, #e6deba);
}

/*Globos*/
.globo-amarillo-landing-1 {
	position: absolute; 
	top: -50px; 
	right: -10px;
}

.globo-cuchillo-landing-1 {
	position: absolute; 
	top: -48px; 
	right: 70px;
}

.globo-exprimidor-landing-1 {
	position: absolute;
	top: -8px;
	right: 90px;
}

.globo-televisor-landing-1 {
	position: absolute;
	top: -8px;
	right: -195px;
}

.imagen-experiencias {
	position: absolute; 
	top: -30px; 
	right: -20px;
}

/*Tablet*/
@media (max-width:1025px) { 
	.extrabold-delgada-seccion-amarilla {
		font-weight: 600;
		font-size: 130%;
	}

	.globo-amarillo-landing-1 {
		position: absolute; 
		top: -50px; 
		right: -10px;
	}

	/* Div Altavoz */
	.globo-altavoz-landing-1 {
		position: absolute;
		top: 15px;
		right: 5px;
	}

	/* Div Exprimidor */	
	.globo-exprimidor-landing-1 {
		position: absolute; 
		top: -5px; 
	}

	/* Div Conga */
	.globo-conga-landing-1 {
		position: absolute;
		top: 10px;
		right: 5px;
	}

	/* Div Televisor */
	.globo-televisor-landing-1 {
		position: absolute;
		top: -18px;
		right: -110px;
	}
}

/*Mobil*/
@media (max-width:480px)  {
	.div-cuchillos-verde {
		margin-top: -20% !important;
	}

	.extrabold-delgada-seccion-amarilla {
		font-weight: 600;
		font-size: 110%;
	}

	.globo-amarillo-landing-1 {
		position: absolute;
		top: -40px;
		right: 50px;
	}


	.globo-cuchillo-landing-1 {
		position: absolute; 
		top: 0px; 
		right: 75px;
	}

	/* Div Altavoz */
	.globo-altavoz-landing-1 {
		position: absolute; 
		top: 0px; 
		right: 75px;
	}

	.globo-altavoz-landing-1-padding {
		padding-top: 60%;
	}

	/* Div Exprimidor */
	.div-exprimidor-verde {
		padding-top: 5%;
		padding-bottom: 50%;
	}

	.globo-exprimidor-landing-1 {
		position: absolute; 
		top: 0px; 
		right: 75px;
	}

	/* Div Conga */
	.globo-conga-landing-1 {
		position: absolute; 
		top: 0px; 
		right: 75px;
	}
	
	.globo-conga-landing-1-padding {
		padding-top: 60%;
	}

	/* Div Televisor */
	.globo-televisor-landing-1 {
		position: absolute; 
		top: 0px; 
		right: 75px;
	}
		
	.globo-televisor-landing-1-padding {
		padding-top: 60%;
	}

	/* Div Tablet */
	.globo-tablet-landing-1 {
		position: absolute; 
		right: 75px;
	}

	.globo-tablet-landing-1-padding {
		padding-top: 60%;
	}
}


/**************************/
/*        LANDING 2       */
/**************************/
.titulo-landing-dos {
	font-size: 70%;
}

#seccion-grisaceo {
	background: linear-gradient(to right, #eceff4, #e6deba);
}

.div_verde_segunda_landing {
	border: 4px solid #00a377;
	background-color: #ccede4;
	border-radius: 15px;
	padding-top: 2%;
	padding-bottom: 2%;
}

.rounded {
    border-radius: 1rem!important;
}

.riesgosContainer{
	padding-top: 80px;
}

.riesgos{
	font-size: 11px;
}

.p_seccion_1 {
	font-size: 14px;
}

svg {
	height: 170px;
	left: 0;
	position: absolute;
	top: 45px;
	width: 100%;
	border-radius: 50px;
	/* padding-bottom: ; */
}

.padding-personalizado {
	margin-top: 120px;
}

/*Globos Landing 2 */
.globo-amarillo-landing-2 {
	position: absolute;
	top: -30px;
	right: 140px;
}

.botella-hidrogel {
	margin-top: -50px;
}

#seccion-amarillo-3 {
	max-height: 170px;
}

/*Tablet*/
@media (max-width:1025px) { 
	.div-globo-amarillo {
		margin-top: 15%;
	}

	.globo-amarillo-landing-2 {
		position: absolute;
		top: -125px;
		right: 290px;
	}

	svg {
		height: 170px;
		left: 0;
		position: absolute;
		top: 145px;
		width: 100%;
		border-radius: 50px;
		/* padding-bottom: ; */
	}
}

/*Mobil*/
@media (max-width:480px)  {
	.div-globo-amarillo {
		margin-top: 30%;
		/*margin-bottom: 5%;*/
	}

	.globo-amarillo-landing-2 {
		position: absolute;
		top: -115px;
		right: 105px;
	}

	.verdeoscuro-landing-2-letra-grande {
		font-size: 18px;
		color: #004937;
	}

	svg {
		height: 170px;
		left: 0;
		position: absolute;
		top: 170px;
		width: 100%;
		border-radius: 50px;
		/* padding-bottom: ; */
	}
}

@media (max-width: 767px) {
	
	.imagen-experiencias {
		display: none;
	}

}