/* FUENTES */
@font-face {
	font-family: OpenSans Regular;
	font-weight: normal;
	font-style: normal;
	src: url("fuentes/OpenSansRegular.eot"), /* EOT file for IE */
	url("fuentes/OpenSansRegular.ttf"), /* TTF file for CSS3 browsers */
	url("fuentes/OpenSansRegular.otf")
}
@font-face {
	font-family: OpenSansItalic Regular;
	font-weight: normal;
	font-style: italic;
	src: url("fuentes/OpenSansItalic.eot"), /* EOT file for IE */
	url("fuentes/OpenSansItalic.ttf"), /* TTF file for CSS3 browsers */
	url("fuentes/OpenSansItalic.otf")
}
@font-face {
	font-family: OpenSans Bold;
	font-weight: Bold;
	font-style: normal;
	src: url("fuentes/OpenSansBold.eot"), /* EOT file for IE */
	url("fuentes/OpenSansBold.ttf"), /* TTF file for CSS3 browsers */
	url("fuentes/OpenSansBold.otf")
}
@font-face {
	font-family: OpenSans Light;
	font-weight: normal;
	font-style: normal;
	src: url("fuentes/OpenSansLight.eot"), /* EOT file for IE */
	url("fuentes/OpenSansLight.ttf"), /* TTF file for CSS3 browsers */
	url("fuentes/OpenSansLight.otf")
}
/* GENERALES */
*{
	margin: 0%;
	padding: 0%;
}
h1{
	font-size: clamp(36px, 9vw, 62px);
	line-height: 1.05;
	font-family: 'OpenSans Bold';
}
h2{
	font-size: clamp(26px, 6vw, 46px);
	line-height: 1.15;
	font-family: 'OpenSans Regular';
	font-weight: 600;
}
h3{
	font-size: clamp(18px, 2.5vw, 20px);
	line-height: 1.25;
	font-family: 'OpenSans Regular';
	font-weight: 600;
}
h4{
	font-size: clamp(16px, 2vw, 18px);
	line-height: 1.35;
	font-family: 'OpenSans Regular';
	font-weight: 600;
}
h5{
	font-size: clamp(15px, 1.8vw, 16px);
	line-height: 1.4;
	font-family: 'OpenSans Regular';
	font-weight: 600;
}
h6{
	font-size: clamp(13px, 1.5vw, 14px);
	line-height: 1.45;
	font-family: 'OpenSans Regular';
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .04em;
}
p{
	font-size: clamp(14px, 2vw, 17px);
	line-height: 1.7;
	font-family: 'OpenSans Regular';
}
a{
	font-size: clamp(14px, 1.8vw, 16px);
	font-family: 'OpenSans Regular';
	text-decoration: none;
	display: inline-block;
}
body{
	position: relative;
	width: 100%;
	min-width: 320px;
	height: 100%;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	font-family: 'OpenSans Regular';
	font-size: clamp(14px, 2vw, 17px);
	line-height: 1.7;
	color: var(--mp-blue-dark);
	position: relative;
	overflow-x: hidden;
	background:
	radial-gradient(
		circle at 10% 10%,
		rgba(255,255,255,1) 0%,
		rgba(176,205,247,.45) 35%,
		transparent 70%
	),
	radial-gradient(
		circle at 90% 20%,
		rgba(255,255,255,1) 0%,
		rgba(176,205,247,.35) 30%,
		transparent 65%
	),
	radial-gradient(
		circle at 15% 75%,
		rgba(255,255,255,1) 0%,
		rgba(176,205,247,.30) 28%,
		transparent 60%
	),
	radial-gradient(
		circle at 85% 85%,
		rgba(255,255,255,1) 0%,
		rgba(176,205,247,.30) 28%,
		transparent 60%
	),
	linear-gradient(
		180deg,
		#ffffff 0%,
		#eef5ff 100%
	);
}
body::before{
	width:700px;
	height:500px;
	top:120px;
	right:-220px;
	background:
	radial-gradient(
		circle,
		rgba(255,255,255,.95) 0%,
		rgba(145,190,255,.40) 55%,
		transparent 100%
	);
	filter: blur(35px);
}
body::after{
	width:650px;
	height:450px;
	top:1200px;
	left:-220px;
	background:
	radial-gradient(
		circle,
		rgba(255,255,255,.95) 0%,
		rgba(145,190,255,.35) 55%,
		transparent 100%
	);
	filter: blur(35px);
}
header, footer{
	width: 100%;
	min-width: 320px;
	height: auto;
	text-align: center;
}
main{
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0%;
	text-align: center;
}
/*ALINEACIONES*/
.txleft{
	text-align: left;
}
.txright{
	text-align: right;
}
.txcenter{
	text-align: center;
}
/* ESTRUCTURAS */
.space-between{
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   align-items: center;
}
.space-between2{
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
   align-items: flex-start;
   align-content: flex-start;
}
.space-around{
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
   align-items: stretch;
   align-content: center;
}
.space-around2{
   display: flex;
   justify-content: space-around;
   flex-wrap: wrap;
   align-items: stretch;
   align-content: flex-start;
}
.flex-start{
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
   align-items: stretch;
}
.flex-start2{
   display: flex;
   justify-content: flex-start;
   flex-wrap: wrap;
   align-items: stretch;
   align-content: flex-start;
}
.flex-end{
   display: flex;
   justify-content: flex-end;
   flex-wrap: wrap;
   align-items: stretch;
}
/* MÁRGENES */
.margen{
	margin: 50px auto;
}
.supermar{
	margin: 80px auto;
}
.spacer{
	padding: 50px auto;
}
.martop{
	margin-top: 50px;
}
.spatop{
	padding-top: 25px;
}
.spabot{
	padding-bottom: 25px;
}
.mb{
	margin-bottom: 22px;
}
.mt{
	margin-top: 22px;
}
/* COLORES */
:root {
  --mp-blue: #1064d8;
  --mp-blue-dark: #071f3f;
  --mp-text: #24364b;
  --mp-soft: #eef7ff;
  --mp-white: #ffffff;
  --mp-gris: #526579;
  --mp-border: #dbe8f5;
}
/* BOTONES */
.mp-btn-primary, .mp-btn-secondary{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
}
.mp-btn-primary {
  background: var(--mp-blue);
  color: #ffffff;
  box-shadow: 0 18px 36px rgba(16, 100, 216, .26);
}

/* HEADER */
.cab1{
    position: sticky;
    top: 0;
    z-index: 999;
	background: rgba(255,255,255,.95);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	padding: 20px 40px;
	border-bottom: 1px solid #d2dfef;
}
	.cab1-inner{
		max-width: 1280px;
		margin: auto;
		padding: 5px 0;
	}
		.cab1-logo{
			display: block;
			width: min(280px, 80vw);
			margin: 0;
		}
			.cab1-logo img{
				display: block;
				width: 100%;
				height: auto;
			}
		.cab1-top{
			display: grid;
			grid-template-columns: auto auto auto;
			justify-content: end;
			gap: 14px;
		}
			.menumov{
				position: relative;
			}
				.menu-toggle{
					width: 34px;
					height: 34px;
					padding: 0;
					border: var(--mp-blue-dark);
					border-radius: 10px;
					background: var(--mp-blue);
					display: grid;
					place-items: center;
					cursor: pointer;
				}
					.menu-toggle img{
						width: 18px;
						height: auto;
					}
				.menu{
					position: absolute;
					top: 44px;
					left: 0;
					min-width: 240px;
					display: none;
					flex-direction: column;
					padding: 10px;
					border-radius: 18px;
					background: #fff;
					box-shadow: 0 20px 60px rgba(0,0,0,.12);
					border: 1px solid rgba(0,0,0,.06);
				}
					.menu a{
						padding: 12px 14px;
						border-radius: 10px;
						color: #071f3f;
						text-decoration: none;
						font-size: 14px;
						display: block;
						text-align: left;
					}
					.menu a:hover{
						background: #f5f8fc;
					}
			.cab1-lang{
			    display: flex;
			    justify-content: center;
			}
				.cab1-lang select{
				    height: 34px;
				    padding: 0 28px 0 12px;
				    border-radius: 999px;
				    border: 1px solid var(--mp-blue);
				    background: #fff;
				    color: var(--mp-blue);
				    font-size: 12px;
				}
			.cab1-nav{
			    display: flex;
			    align-items: center;
			    gap: 8px;
			}
			.cab1-btn{
			    min-height: 34px;
			    padding: 0 14px;
			    border-radius: 999px;
			    display: inline-flex;
			    align-items: center;
			    justify-content: center;
			    text-decoration: none;
			    font-size: 12px;
			    white-space: nowrap;
			}
			.cab1-btn-primary {
			    background: var(--mp-blue);
			    border: 1px solid var(--mp-blue);
			    color: #fff;
			}
			.cab1-btn-secondary {
			    background: #fff;
			    border: 1px solid var(--mp-blue);
			    color: var(--mp-blue);
			}
@media (max-width: 1024px){
	.cab1{
		padding: 14px 30px;
	}
		.cab1-inner{
			max-width: 1200px;
		}
		.cab1-top{
			grid-template-columns: auto 1fr auto;
			gap: 10px;
		}
}
@media (max-width: 900px) {
	.cab1{
		background: transparent;
	}
		.cab1-inner{
			display: flex;
			flex-direction: column-reverse;
		}
			.cab1-logo{
				width: auto;
				margin: 40px auto 0px;
			}
				.cab1-logo img{
					max-width: 280px;
				}
}
			
/* HERO*/
.mp-desktop-hero{
	max-width: 1280px;
	margin: auto;
	padding: 80px 40px 80px;
	display: grid;
	grid-template-columns: minmax(450px,620px) minmax(430px,560px);
	gap: 80px;
	align-items: center;
}
.mp-pricing-hero,
.mp-error-hero,
.mp-about-hero,

.mp-page-hero,
.mp-page-section{
	max-width: 1280px;
    margin: auto;
    padding: 80px 40px 80px;
	text-align: center;
}
.mp-hero{
	text-align: center;
}
		.mp-badge{
			display: inline-flex;
			align-items: center;
			margin-bottom: 22px;
			padding: 9px 13px;
			border-radius: 999px;
			background: rgba(255, 255, 255, 0.88);
			border: 1px solid #dfe5ec;
			color: var(--mp-blue);
			font-size: 13px;
			font-weight: 400;
			letter-spacing: .04em;
			text-transform: uppercase;
		}
		.mp-hero h1, 
		.mp-pricing-hero h1,
		.mp-error-content h1,
		.mp-about-hero h1,
		.mp-page-hero-text h1{
			font-size:clamp(62px, 5vw, 84px);
			line-height:.95;
			letter-spacing:-0.06em;
			color:var(--mp-blue-dark);
		}
		.mp-hero p, 
		.mp-pricing-hero p,
		.mp-error-content p,
		.mp-about-hero p,
		.mp-page-hero-text p,
		.mp-page-text p,
		.mp-page-final p{
			color:#526579;
			font-size:17px;
			line-height:1.75;
		}
		.mp-page-hero .mp-btn-primary,
		.mp-page-final .mp-btn-primary{
			max-width: 350px;
			margin: auto;
		}
	.mp-phone-preview {
		position: relative;
		padding: 18px;
		border-radius: 32px;
		background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.72));
		border: 1px solid rgba(255,255,255,.9);
		box-shadow: 0 28px 70px rgba(7, 31, 63, .16);
	}
	.mp-phone-preview::before {
	    content: "";
	    display: block;
	    width: 74px;
	    height: 5px;
	    margin: 0 auto 16px;
	    border-radius: 999px;
	    background: #d9e4ef;
	}
	.mp-app-grid{
	    display: grid;
	    grid-template-columns: repeat(2, 1fr);
	    gap: 12px;
	}
		.mp-app-card{
			padding: 16px;
			border-radius: 20px;
			background: var(--mp-white);
			border: 1px solid var(--mp-border);
			box-shadow: 0 12px 30px rgba(7, 31, 63, .06);
		}
		.mp-card-main{
			margin-bottom: 14px;
		}
			.mp-app-grid .mp-app-card{
				min-height: 118px;
			}
				.mp-app-grid span{
					display: block;
					margin-bottom: 8px;
					font-size: 22px;
				}
				.mp-app-card small{
					display: block;
					margin-bottom: 7px;
					color: #708196;
					font-size: 12px;
				}
				.mp-app-card strong{
					display: block;
					color: var(--mp-blue-dark);
					font-size: 18px;
					line-height: 1.25;
				}
				.mp-app-card p{
					margin: 10px 0 0;
					color: #526579;
				}
	.mp-error-visual{
		max-width: 360px;
		margin: 0 auto;
	}
		.mp-error-visual img{
			display: block;
			width: 100%;
			height: auto;
		}
	.mp-page-hero-image img,
	.mp-page-image img{
		width: 100%;
		display:block;
		border-radius:34px;
		box-shadow:0 28px 70px rgba(7,31,63,.12);
	}

@media (max-width: 1030px){
	.mp-desktop-hero,
	.mp-pricing-hero,
	.mp-error-hero,
	.mp-about-hero{
		grid-template-columns: 1fr;
		gap: 50px;
		text-align: center;
	}
	.mp-hero{
		max-width: 620px;
		margin: auto;
	}
	.mp-phone-preview{
		margin: auto;
		max-width: 560px;
		transform: none;
	}
}

/* PROOF */
.mp-proof, 
.mp-pricing-trust,
.mp-about-proof,

.mp-page-stats{
	max-width: 1280px;
	margin: auto;
	padding: 18px;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap:20px;
}
.mp-about-proof,

.mp-page-stats{
	grid-template-columns:repeat(4,1fr);
	gap:18px;
}









	.mp-proof div{
		display: flex;
		flex-direction: column;
		text-align: center;
		padding: 28px;
		justify-content: space-between;
		align-items: center;
		gap: 18px;
		border-radius: 18px;
		background: rgba(255, 255, 255, .82);
		border: 1px solid var(--mp-border);
	}
	.mp-about-proof div,
	
	.mp-page-stats div{
		padding:26px;
		border-radius:26px;
		background:rgba(16,100,216,.06);
		border:1px solid rgba(16,100,216,.12);
		text-align:center;
	}
	.mp-pricing-trust article,
	.mp-pricing-card,
	.mp-pricing-small-card{
		background:rgba(255,255,255,.92);
		border:1px solid #dfe8f2;
		box-shadow:0 24px 64px rgba(7,31,63,.08);
		border-radius:30px;
	}
	.mp-pricing-trust article{
		padding: 28px;
		text-align: center;
	}
		.mp-proof strong,
		.mp-about-proof strong,
		
		.mp-page-stats strong{
		  color: var(--mp-blue);
		  font-size: 34px;
		  letter-spacing: -0.03em;
		}
		.mp-proof span,
		.mp-about-proof span,
		
		.mp-page-stats span{
		  color: #62748a;
		  font-size: 14px;
		  text-align: right;
		}
		.mp-pricing-trust span{
			font-size: 30px;
		}
		.mp-about-proof strong,
		.mp-about-proof span,
		
		.mp-page-stats strong,
		.mp-page-stats span{
			display: block;
			text-align: center;
		}
		.mp-pricing-trust h3{
			margin:14px 0 8px;
			color:var(--mp-blue-dark);
		}
		.mp-pricing-trust p{
			margin:0;
			color:#526579;
			font-size:15px;
		}
@media (max-width: 1024px){
.mp-proof,
.mp-pricing-trust,
.mp-about-proof{
	padding: 18px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}
	.mp-proof div,
	.mp-about-proof div{
		width: 80%;
		max-width: 760px;
		margin: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		gap: 18px;
		padding: 18px;
		border-radius: 18px;
		background: rgba(255, 255, 255, .82);
		border: 1px solid var(--mp-border);
	}
	.mp-pricing-trust article{
		width: 80%;
		max-width: 760px;
		margin: auto;
		padding: 18px;
	}
		.mp-proof strong,
		.mp-about-proof storng{
			font-size: 22px;
		}
}
/* CONTENT SECTION */
.color-back{
	background-color: var(--mp-white);
	padding: 80px 0;
	border-bottom: 1px solid #d2dfef;
}
	.mp-content-section, 
	.mp-section-head, 
	.mp-final-cta-inner,
	.mp-about-final-inner{
		max-width: 760px;
		margin: auto;
	}
		.mp-section-kicker{
			display: inline-flex;
			margin-bottom: 14px;
			padding: 8px 14px;
			border-radius: 999px;
			border: 1px solid #dfe5ec;
			color: var(--mp-blue);
			background: rgba(255,255,255,.8);
			font-size: 13px;
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: .04em;
		}
		.mp-content-section h2, 
		.mp-strengths h2, 
		.mp-more-than-diary h2, 
		.mp-legacy h2, 
		.mp-plans h2, 
		.mp-faq h2, 
		.mp-final-cta h2,
		.mp-about-text h2,
		.mp-about-anti h2{
			color: var(--mp-blue-dark);
		}
		.mp-content-section p, 
		.mp-more-than-diary p, 
		.mp-legacy p, 
		.mp-final-cta p,
		.mp-about-text p,
		.mp-about-anti p{
			margin: 20px 0 0;
			color: var(--mp-gris);
		}
	.mp-strengths, 
	.mp-actions, 
	.mp-more-than-diary, 
	.mp-legacy, 
	.mp-plans, 
	.mp-faq, 
	.mp-final-cta,
	.mp-pricing-main,
	.mp-pricing-professional,
	.mp-comparison,
	.mp-about-story,
	.mp-about-anti,
	.mp-about-values,
	.mp-about-team,
	.mp-about-final,
	
	.mp-page-focus,
	.mp-page-tools,
	.mp-page-press,
	.mp-page-final{
		max-width: 1280px;
		margin: 0 auto;
	}
	.mp-about-story,
	.mp-page-section-split{
		display:grid;
		grid-template-columns: 1fr 1.15fr;
		gap:70px;
		align-items:center;
	}
	.mp-legacy,
	.mp-pricing-main,
	.mp-pricing-professional,
	.mp-comparison,
	.mp-about-anti,
	.mp-about-team,
	.mp-about-final{
		margin-top: 80px;
	}
		.mp-page-grid{
			display: grid;
			gap: 22px;
		}
		.mp-page-grid-4{
			grid-template-columns:repeat(4,1fr);
		}
		.mp-strengths-grid, 
		.mp-feature-list,
		.mp-about-values-grid{
			grid-template-columns: repeat(4,1fr);
			display: grid;
			gap: 16px;
		}
		.mp-actions-grid,
		
		.mp-page-press-grid{
			grid-template-columns: repeat(3,1fr);
			display: grid;
			gap: 16px;
		}
			.mp-strength-card, 
			.mp-action-card,
			.mp-about-values-grid article,
			
			.mp-page-card{
			  padding: 24px;
			  border-radius: 26px;
			  background: rgba(255,255,255,.92);
			  border: 1px solid #dfe8f2;
			  box-shadow: 0 18px 48px rgba(7,31,63,.07);
			}
			.mp-legacy-card{
				padding:60px;
				border-radius: 30px;
				background: radial-gradient(circle at top right, rgba(16,100,216,.18), transparent 36%), #ffffff;
				border: 1px solid rgba(16,100,216,.18);
				box-shadow: 0 24px 64px rgba(7,31,63,.1);
			}
			.mp-strength-card span, 
			.mp-action-card span,
			
			.mp-page-card > span{
				display:inline-block;
				margin-bottom: 16px;
				font-size: 28px;
			}
			.mp-feature-list span{
				padding: 15px 17px;
				border-radius: 16px;
				background: rgba(255,255,255,.9);
				border: 1px solid #dfe8f2;
				color: var(--mp-blue-dark);
				font-size: 15px;
				font-weight: 600;
			}
			.mp-feature-list span::before {
				content: "✓ ";
				color: var(--mp-blue);
				font-weight: 800;
			}
			.mp-about-values-grid span{
				font-size:30px;
			}
			.mp-page-press-grid span{
				padding:18px;
				border-radius:20px;
				background:rgba(255,255,255,.92);
				border:1px solid #dfe8f2;
				color:var(--mp-blue-dark);
				font-weight:600;
				text-align:center;
				box-shadow:0 16px 42px rgba(7,31,63,.06);
			}
			.mp-strength-card h3, 
			.mp-action-card h3,
			.mp-about-values-grid h3{
			  margin: 0;
			  color: var(--mp-blue);
			}
			.mp-about-values-grid h3,
			
			.mp-page-card h3{
				margin:16px 0 10px;
				color: var(--mp-blue);
			}
			.mp-strength-card p, 
			.mp-action-card p,
			.mp-about-values-grid p
			
			.mp-page-card p{
				margin: 0;
				color: #526579;
				font-size: 15px;
				line-height: 1.6;
			}
			.mp-actions p{
				margin: 20px 0 0;
			}
			.mp-legacy .mp-btn-primary{
				margin-top: 50px;
			}
		.mp-plans-grid,
		.mp-pricing-grid-main,
		.mp-pricing-grid-secondary{
			display: grid;
			grid-template-columns: 1fr;
			gap: 18px;
			max-width: 860px;
			margin: 0 auto;
		}
		.mp-plan-card,
		.mp-pricing-card,
		.mp-pricing-small-card{
			position: relative;
			padding: 26px;
			border-radius: 28px;
			background: rgba(255,255,255,.92);
			border: 1px solid #dfe8f2;
			box-shadow: 0 22px 55px rgba(7,31,63,.08);
		}
		.mp-plan-featured{
			background: radial-gradient(circle at top right, rgba(16,100,216,.14), transparent 34%), #ffffff;
			border: 1px solid rgba(16,100,216,.28);
		}
		.mp-plan-recommended{
			position: absolute;
			top: 18px;
			right: 18px;
			padding: 7px 11px;
			border-radius: 999px;
			background: var(--mp-blue);
			color: #fff;
			font-size: 12px;
			font-weight: 700;
		}
		.mp-plan-label{
			display: inline-block;
			margin-bottom: 14px;
			color: var(--mp-blue);
			font-size: 13px;
			text-transform: uppercase;
			letter-spacing: .06em;
		}
		.mp-plan-top h3{
		   font-size: 20px;
		   line-height: 22px;
		   color: var(--mp-blue-dark);
		}
		.mp-plan-top p{
			margin: 16px 0 0;
			color: #526579;
		}
		.mp-plan-price{
			margin: 28px 0;
			padding: 22px 0;
			border-top: 1px solid #e5edf5;
			border-bottom: 1px solid #e5edf5;
		}
		.mp-plan-price strong{
			display: block;
			color: var(--mp-blue-dark);
			font-size: 26px;
			line-height: 1;
			letter-spacing: -0.045em;
		}
		.mp-plan-price span {
			display: block;
			margin-top: 8px;
			color: #6b7b8d;
			font-size: 14px;
		}
		.mp-plan-actions {
			display: grid;
			gap: 12px;
		}
		.mp-plan-btn-primary, .mp-plan-link {
			display: flex;
			align-items: center;
			justify-content: center;
			min-height: 52px;
			border-radius: 14px;
			text-decoration: none;
			font-weight: 800;
		}
		.mp-plan-btn-primary {
			background: var(--mp-blue);
			color: #fff;
			box-shadow: 0 16px 32px rgba(16,100,216,.22);
		}
		.mp-plan-link {
			background: #fff;
			color: var(--mp-blue-dark);
			border: 1px solid #dfe8f2;
		}	
		.mp-faq-list{
			margin-top: 34px;
			display: grid;
			gap: 14px;
		}
		.mp-faq-item{
			padding: 0;
			border-radius: 22px;
			background: rgba(255,255,255,.92);
			border: 1px solid #dfe8f2;
			box-shadow: 0 18px 48px rgba(7,31,63,.05);
			overflow: hidden;
		}
		.mp-faq-item summary{
			list-style: none;
			cursor: pointer;
			position: relative;
			padding: 22px 56px 22px 22px;
			color: var(--mp-blue-dark);
			font-size: 15px;
			font-weight: 600;
		}
		.mp-faq-item summary::-webkit-details-marker{
			display: none;
		}
		.mp-faq-item summary::after{
			content: "+";
			position: absolute;
			right: 22px;
			top: 50%;
			transform: translateY(-50%);
			font-size: 26px;
			font-weight: 300;
			color: var(--mp-blue);
		}
		.mp-faq-item[open] summary::after{
			content: "–";
		}
		.mp-faq-item p{
			padding: 0 22px 24px;
			margin: 0;
			color: #526579;
		}
		.mp-legacy-card .mp-btn-primary, 
		.mp-final-cta-inner .mp-btn-primary,
		.mp-error-content .mp-btn-primary,
		.mp-error-content .mp-btn-secondary,
		.mp-about-final-inner .mp-btn-primary{
			max-width: 350px;
			margin-left: auto;
			margin-right: auto;
		}	
		.mp-pricing-card-featured{
			border-color:rgba(16,100,216,.35);
			background: radial-gradient(circle at top right, rgba(16,100,216,.13), transparent 35%), #fff;
		}
		.mp-price-box{
			margin:28px 0;
			padding:24px 0;
			border-top:1px solid #e5edf5;
			border-bottom:1px solid #e5edf5;
		}
		.mp-price-box strong{
			display:block;
			color:var(--mp-blue-dark);
			font-size:44px;
			line-height:1;
			letter-spacing:-0.05em;
		}
		.mp-price-box span,
		.mp-price-box small{
			display:block;
			margin-top:8px;
			color:#6b7b8d;
			font-size:15px;
		}
		.mp-pricing-features{
			display:grid;
			gap:12px;
			margin:30px 0 0;
			padding:0;
			list-style:none;
		}
		.mp-pricing-features li{
			position:relative;
			padding-left:26px;
			color:#526579;
			font-size:15px;
			line-height:1.45;
		}
		.mp-pricing-features li::before{
			content:"✓";
			position:absolute;
			left:0;
			color:var(--mp-blue);
			font-weight:800;
		}
		.mp-price-alt{
			margin-top:28px;
			padding:14px;
			border-radius:18px;
			background:rgba(16,100,216,.06);
			color:#526579;
			font-size:14px;
			text-align:center;
		}
		.mp-price-small{
			margin:24px 0;
			color:var(--mp-blue-dark);
			font-size:28px;
			font-weight:700;
			line-height:1.1;
		}
		.mp-price-small span{
			display:block;
			margin-top:8px;
			color:#526579;
			font-size:14px;
			font-weight:400;
		}
		.mp-comparison-table-wrap{
			overflow-x:auto;
			border-radius:30px;
			background:rgba(255,255,255,.92);
			border:1px solid #dfe8f2;
			box-shadow:0 24px 64px rgba(7,31,63,.08);
		}
		.mp-comparison-table{
			width:100%;
			border-collapse:collapse;
			min-width:860px;
		}
		.mp-comparison-table th{
			padding:22px;
			background:rgba(16,100,216,.08);
			color:var(--mp-blue-dark);
			font-size:15px;
			text-align:center;
		}
		.mp-comparison-table th:first-child,
		.mp-comparison-table td:first-child{
			text-align:left;
			width:38%;
		}
		.mp-comparison-table td{
			padding:20px 22px;
			border-top:1px solid #e5edf5;
			color:#526579;
			font-size:15px;
			text-align:center;
			vertical-align:top;
		}
		.mp-comparison-table td strong{
			display:block;
			color:var(--mp-blue-dark);
			font-size:16px;
			margin-bottom:6px;
		}
		.mp-comparison-table td span{
			display:block;
			font-size:13px;
			line-height:1.55;
			color:#6b7b8d;
		}
		.mp-comparison-table tfoot td{
			background:rgba(16,100,216,.04);
		}
		.mp-comparison-table tfoot a{
			display:inline-flex;
			margin-top:10px;
			padding:10px 16px;
			border-radius:999px;
			background:var(--mp-blue);
			color:#fff;
			text-decoration:none;
			font-size:13px;
			font-weight:600;
		}
		.mp-about-image img{
			width:100%;
			display:block;
			border-radius:34px;
			box-shadow:0 28px 70px rgba(7,31,63,.12);
		}
/* FOOTER */		
footer{
	margin-top: 80px;
}
footer .space-between2{
	max-width:1180px;
	margin:auto;
	display:grid;
	grid-template-columns: repeat(4,1fr);
	gap:40px;
}
	footer nav{
		width: 100%;
		text-align: left;
	}
		footer a{
			color: var(--mp-blue);
			margin: 1% 0%;
			display: block;
		}
		footer a:hover{
			color: var(--mp-blue-dark);
		}
		
@media (max-width: 1315px){		
	.mp-strengths, 
	.mp-actions, 
	.mp-more-than-diary, 
	.mp-legacy, .mp-plans, 
	.mp-faq, 
	.mp-final-cta,
	.mp-pricing-main,
	.mp-pricing-professional,
	.mp-comparison,
	.mp-about-story,
	.mp-about-anti,
	.mp-about-values,
	.mp-about-team,
	.mp-about-final{
		max-width: 760px;
	}
	.mp-about-story{
		grid-template-columns:1fr;
		gap:32px;
	}
		.mp-strengths-grid, 
		.mp-actions-grid, 
		.mp-feature-list,
		.mp-about-values-grid{
			grid-template-columns: repeat(2,1fr);
		}
}
@media (max-width: 890px){	
	.mp-content-section, 
	.mp-strengths, 
	.mp-actions, 
	.mp-more-than-diary, 
	.mp-legacy, 
	.mp-plans, 
	.mp-faq, 
	.mp-final-cta,
	.mp-pricing-main,
	.mp-pricing-professional,
	.mp-comparison,
	.mp-about-story,
	.mp-about-anti,
	.mp-about-values,
	.mp-about-team,
	.mp-about-final{
		max-width: 640px;
	}
		.mp-strengths-grid, 
		.mp-actions-grid, 
		.mp-feature-list,
		.mp-about-values-grid{
			grid-template-columns: 1fr;
			max-width: 560px;
		}
		.mp-about-values-grid{
			margin: 50px auto;
		}
		.mp-legacy-card{
			max-width: 530px;
			padding: 30px;
			margin-left: auto;
			margin-right: auto;
		}
	footer .space-between2{
		max-width: 640px;
		grid-template-columns: repeat(2,1fr);
	}
}		
@media (min-width: 760px){
	.mp-plans-grid,
	.mp-pricing-grid-main,
	.mp-pricing-grid-secondary{
		max-width: 760px;
		grid-template-columns: repeat(2, 1fr);
		align-items: stretch;
	}
	.mp-comparison-table-wrap{
		border-radius: 24px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.mp-comparison-table{
		min-width: 760px;
	}
		.mp-comparison-table th,
		.mp-comparison-table td{
			padding: 16px 14px;
			font-size: 14px;
		}
		.mp-comparison-table th:first-child,
		.mp-comparison-table td:first-child{
			width: 280px;
			min-width: 280px;
			position: sticky;
			left: 0;
			z-index: 2;
			background: #fff;
			box-shadow: 8px 0 18px rgba(7,31,63,.05);
		}
		.mp-comparison-table th:first-child{
			background: #eef7ff;
			z-index: 3;
		}
		.mp-comparison-table td strong{
			font-size: 15px;
		}
		.mp-comparison-table td span{
			font-size: 12px;
		}
		.mp-comparison-table tfoot a{
			padding: 9px 12px;
			font-size: 12px;
			white-space: nowrap;
		}
}
@media (max-width: 759px){
	.mp-plans-grid,
	.mp-pricing-grid-main,
	.mp-pricing-grid-secondary{
		max-width: 500px;
	}
}
@media (max-width: 690px){
	.mp-content-section, 
	.mp-strengths, 
	.mp-actions, 
	.mp-more-than-diary, 
	.mp-legacy, 
	.mp-plans, 
	.mp-faq, 
	.mp-final-cta,
	.mp-pricing-main,
	.mp-pricing-professional,
	.mp-comparison{
		max-width: 80%;
	}
	footer .space-between2{
		max-width: 80%;
		grid-template-columns: 1fr;
	}
}
/* LOGIN REGISTRO*/
.mp-login-page,
.mp-register-page,
.mp-payment-page{
	min-height: calc(100vh - 220px);
	padding: 80px 32px 110px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mp-login-card,
.mp-register-card,
.mp-payment-card{
	width: 100%;
	max-width: 1080px;
	padding: 46px;
	border-radius: 34px;
	background: rgba(255,255,255,.92);
	border: 1px solid #dfe8f2;
	box-shadow: 0 30px 80px rgba(7,31,63,.12);
	display: grid;
	grid-template-columns: .9fr 1.1fr;
	gap: 54px;
	align-items: start;
}
.mp-login-card h1,
.mp-register-content h1,
.mp-payment-content h1{
	margin: 0;
	max-width: 430px;
	color: var(--mp-blue-dark);
	font-size: clamp(42px, 4vw, 58px);
	line-height: 1.05;
	letter-spacing: -0.045em;
}
.mp-login-intro,
.mp-register-intro{
	margin: 20px 0 30px;
	max-width: 420px;
	color: #526579;
	font-size: 17px;
	line-height: 1.7;
}
	.mp-payment-lead{
		margin: 20px 0 0;
		max-width: 500px;
		color: #526579;
		font-size: 17px;
		line-height: 1.7;
	}
	.mp-payment-trial{
		display: inline-flex;
		margin-top: 24px;
		padding: 10px 16px;
		border-radius: 999px;
		background: rgba(16,100,216,.07);
		border: 1px solid rgba(16,100,216,.14);
		color: var(--mp-blue);
		font-size: 14px;
		font-weight: 600;
	}
.mp-login-form-wrap{
	padding: 8px 0;
}
.mp-register-benefits,
.mp-payment-benefits,
.mp-payment-exclusions{
	display: grid;
	gap: 14px;
	margin-top: 30px;
}
.mp-payment-exclusions{
	margin-top: 14px;
}
	.mp-register-benefits div,
	.mp-payment-benefits div,
	.mp-payment-exclusions div{
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 15px 16px;
		border-radius: 18px;
		background: rgba(16,100,216,.06);
		border: 1px solid rgba(16,100,216,.12);
	}
	.mp-payment-benefits div{
		color: var(--mp-blue-dark);
		font-size: 15px;
		font-weight: 600;
	}
	.mp-payment-exclusions div{
		background: rgba(7,31,63,.025);
		border-color: rgba(7,31,63,.08);
	}
	.mp-register-benefits span{
		font-size: 22px;
	}
	.mp-payment-benefits span{
		color: var(--mp-blue);
		font-weight: 800;
	}
	.mp-payment-exclusions span{
		color: #9aa7b7;
		font-size: 20px;
		line-height: 1;
	}
	.mp-register-benefits p, 
	.mp-payment-benefits p,
	.mp-payment-exclusions p{
		margin: 0;
		color: var(--mp-blue-dark);
		font-size: 15px;
		font-weight: 600;
	}
	.mp-payment-grid{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 22px;
	}
		.mp-payment-option{
			position: relative;
			padding: 28px;
			border-radius: 28px;
			background: #fff;
			border: 1px solid #dfe8f2;
			box-shadow: 0 18px 48px rgba(7,31,63,.07);
		}
		.mp-payment-option-featured{
			border-color: rgba(16,100,216,.28);
			background: radial-gradient(circle at top right, rgba(16,100,216,.12), transparent 36%), #fff;
		}
			.mp-payment-option .mp-plan-recommended{
				top: 0px;
				right: 0px;
			}
			.mp-payment-options h2{
				margin: 0 0 26px;
				color: var(--mp-blue-dark);
				font-size: clamp(28px, 3vw, 42px);
				line-height: 1.1;
				letter-spacing: -0.035em;
			}
			.mp-payment-option h3{
				margin: 12px 0 6px;
				color: var(--mp-blue-dark);
				font-size: 34px;
				line-height: 1;
				letter-spacing: -0.045em;
			}
			.mp-payment-option p{
				margin: 0 0 24px;
				color: #526579;
				font-size: 15px;
			}
			.mp-paypal-img{
				width: 100%;
				max-width: 210px;
				border: 0;
				background: var(--mp-blue);
				border-radius: 999px;
				display: block;
			}
			.mp-payment-secure{
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 10px;
				margin-top: 24px;
				padding: 16px;
				border-radius: 20px;
				background: rgba(16,100,216,.06);
				border: 1px solid rgba(16,100,216,.12);
				color: #526579;
				font-size: 14px;
			}
.mp-login-form,
.mp-register-form{
	display: grid;
	gap: 18px;
}
.mp-payment-option form{
	margin: 0;
	padding: 0;
}
	.mp-register-step{
		display: flex;
		flex-direction: column;
		gap: 8px;
	}
		.mp-register-step.legal span{
			display: block;
			color: #526579;
			font-size: 14px;
			line-height: 1.7;
		}
		.mp-register-step.legal input{
			margin-right: 7px;
		}
		.mp-register-step.legal a{
			color: var(--mp-blue);
			font-weight: 600;
			text-decoration: none;
		}
		.mp-register-step.legal a:hover{
			text-decoration: underline;
		}
	.mp-field-label{
		color: var(--mp-blue-dark);
		font-size: 14px;
		font-weight: 600;
	}
.mp-badge-error{
	color:#d64949;
	border-color:rgba(214,73,73,.25);
	background:rgba(214,73,73,.06);
}
.mp-login-form input[type="text"],
.mp-login-form input[type="email"],
.mp-login-form input[type="password"],
.mp-register-form input[type="text"],
.mp-register-form input[type="email"],
.mp-register-form input[type="password"]{
	width: 90%;
	min-height: 52px;
	padding: 0 16px;
	margin: auto;
	border-radius: 16px;
	border: 1px solid #dfe8f2;
	background: #ffffff;
	color: var(--mp-blue-dark);
	font-size: 16px;
	outline: none;
}
.mp-login-form input[type="text"]:focus,
.mp-login-form input[type="email"]:focus,
.mp-login-form input[type="password"]:focus,
.mp-register-form input[type="text"]:focus,
.mp-register-form input[type="email"]:focus,
.mp-register-form input[type="password"]:focus{
	border-color: var(--mp-blue);
	box-shadow: 0 0 0 4px rgba(16,100,216,.08);
}
.mp-register-form select{
	width: 98%;
	height: 52px;
	padding: 0 16px;
	border-radius: 16px;
	border: 1px solid #dfe8f2;
	background: #fff;
	font-size: 16px;
	font-family: 'OpenSans Regular';
	color: var(--mp-blue-dark);
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%231064d8' d='M7 10l5 5 5-5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
}
.mp-login-form .mp-btn-primary,
.mp-register-form .mp-btn-primary,
.mp-payment-page .mp-btn-primary{
	width: 100%;
	border: 0;
	cursor: pointer;
	margin-top: 4px;
}
.mp-login-links, 
.mp-register-links{
	display: grid;
	gap: 10px;
	margin-top: 22px;
	text-align: center;
}
	.mp-login-link-btn,
	.mp-register-link-btn{
		width: 100%;
		border: 0;
		background: transparent;
		color: var(--mp-blue);
		font-size: 14px;
		font-weight: 600;
		cursor: pointer;
	}
	.mp-login-link-strong,
	.mp-register-link-strong{
		min-height: 46px;
		line-height: 46px;
		border-radius: 999px;
		background: rgba(16,100,216,.07);
		border: 1px solid rgba(16,100,216,.14);
	}
.ok, .nok{
	display: block;
	align-items: center;
	gap: 10px;
	margin-top: 8px;
	font-size: 13px;
	line-height: 1.4;
}
.ok{
	color: var(--mp-blue);
}
.nok{
	color: var(--mp-blue-dark);
}
.ok img, .nok img{
	width: 25px;
	height: 25px;
	display: block;
	margin: auto;
}
@media (max-width: 900px){
	.mp-login-page,
	.mp-register-page,
	.mp-payment-page{
		padding: 50px 20px 80px;
	}
	.mp-login-card,
	.mp-register-card,
	.mp-payment-card{
		grid-template-columns: 1fr;
		max-width: 540px;
		padding: 32px;
	}
	.mp-payment-content h1,
	.mp-payment-lead{
		width: 100%;
		margin: auto;
	}
	.mp-register-benefits{
		display: none;
	}
	.mp-payment-grid{
		grid-template-columns: 1fr;
	}
}