body{ padding:0; }

.landing-logo{ display:block; margin:0 auto; padding:2rem 0 0 0; text-align:center; }

.lp{ font-family: 'Montserrat', sans-serif; min-height:inherit; padding:0; }
.lp *{ font-family: 'Montserrat', sans-serif; }
.lp p{ font-size:1rem; }
.lp-header{ position:relative; padding:1rem 0 4rem 0; background-color:#00313c; background-image:url(../../image/lines.webp); background-position:top center; background-size:100% auto; background-repeat:no-repeat; background-attachment:fixed; }
.lp-title{ position:relative; display:block; margin:4rem auto; padding:0; text-align:center; }
.lp-title h1{ font-size:2.4rem; line-height:1.2; color:#FFFFFF; font-weight:100; margin:0 0 2rem 0; padding:0; }
.lp-title h1 b{ font-weight:700; color:var(--primaryColor); }
.lp-title p{ font-size:1.5rem; line-height:1.2; color:#FFFFFF; font-weight:300; }
.lp-video{ position:relative; display:block; width:100%; height:1px; padding:61.8% 0 0 0; margin:0 auto; }
.lp-video iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }

.lp-btn{ display:inline-block; margin:0; padding:1rem 3rem; font-size:1.6rem; line-height:1.2; color:#FFFFFF; background-color:var(--primaryColor); border:0; border-radius:0.7rem; cursor:pointer; }
.lp-btn:hover{ background-color:var(--tertiaryColor); }

.lp-icons{ display:flex; align-items:center; margin:0 0 1rem 5rem; padding:0 0 0 4rem; height:3rem; color:#FFFFFF; background-repeat:no-repeat; background-position:left center; background-size:contain; text-align:left; }
.lp-icons.garantia{ background-image:url(../../image/icon-lp-1.png); }
.lp-icons.area{ background-image:url(../../image/icon-lp-2.png); }
.lp-icons.segura{ background-image:url(../../image/icon-lp-3.png); }
.lp-icons.suporte{ background-image:url(../../image/icon-lp-4.png); }

.lp-argumento{ display:block; text-align:center; width:70%; margin:0 auto; padding:0; }
.lp-argumento p{ font-size:1.2rem; line-height:1.3; color:#FFFFFF; font-weight:300; margin:0; padding:0; }

.lp-content-book{ position:relative; display:block; margin:4rem auto; padding:0; }
.lp-text-book{ display:block; }
.lp-text-book h2{ display:block; font-size:2.5rem; line-height:1.2; font-weight:600; color:var(--primaryColor); margin:0 0 2rem 0; padding:0; }
.lp-text-book p{ display:block; font-size:1.2rem; line-height:1.2; font-weight:400; color:var(--color); margin:0 0 0.6rem 0; padding:0; }
.lp-image-book{ display:block; width:100%; height:1px; padding:100% 0 0 0; margin:0; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:1rem; overflow:hidden; }

.lp-content-news{ position:relative; display:block; margin:0 auto; padding:5rem 0; background-color:var(--color1); }
.lp-text-news{ display:block; text-align:left; padding:2rem 0 0 0; }
.lp-text-news h2{ display:block; font-size:3.2rem; line-height:1.2; font-weight:600; color:var(--color); margin:0 0 2rem 0; padding:0; }
.lp-text-news h3{ display:block; font-size:2.4rem; line-height:1.2; font-weight:500; color:var(--color); margin:0 0 2rem 0; padding:0; }
.lp-text-news p{ display:block; font-size:1.2rem; line-height:1.2; font-weight:400; color:var(--color); margin:0 0 1.5rem 0; padding:0; }
.lp-image-news{ display:block; width:100%; height:1px; padding:100% 0 0 0; margin:0; background-position:top center; background-repeat:no-repeat; background-size:cover; border-radius:1rem; overflow:hidden; }

.lp-content-color{ position:relative; display:block; margin:0 auto; padding:5rem 0; background-color:var(--secondaryColor); }
.lp-text-color{ display:block; text-align:center; }
.lp-text-color h2{ display:block; font-size:3.2rem; line-height:1.2; font-weight:600; color:var(--color); margin:0 0 2rem 0; padding:0; }
.lp-text-color h3{ display:block; font-size:2.4rem; line-height:1.2; font-weight:500; color:var(--color); margin:0 0 2rem 0; padding:0; }
.lp-text-color p{ display:block; font-size:1.2rem; line-height:1.2; font-weight:400; color:var(--color); margin:0 0 0.6rem 0; padding:0; }
.lp-text-color ul{ display:flex; list-style-type:none; width:100%; gap:1rem; flex-wrap:wrap; justify-content:center; margin:0; padding:0; justify-content:space-between;}
.lp-text-color ul li{ display:flex; flex-grow:0; width:calc(50% - 0.5rem); margin:0 0 0.6rem 0; padding:1.5rem; background-color:rgba(255,255,255,0.3); border-radius:1rem; }
.lp-text-color ul li p{ display:block; font-size:1.2rem; line-height:1.2; font-weight:400; color:var(--color); margin:0; padding:0; }

.lp-content-to{ position:relative; display:block; margin:0 auto; padding:5rem 0; background-color:var(--tertiaryColor); }
.lp-text-to{ display:block; text-align:center; }
.lp-text-to h2{ display:block; font-size:3.2rem; line-height:1.2; font-weight:600; color:var(--color); margin:0 0 2rem 0; padding:0; }
.lp-text-to h3{ display:block; font-size:2.4rem; line-height:1.2; font-weight:500; color:var(--color); margin:0 0 2rem 0; padding:0; }
.lp-text-to p{ display:block; font-size:1.2rem; line-height:1.2; font-weight:400; color:var(--color); margin:0 0 0.6rem 0; padding:0; }
.lp-text-to ul{ display:flex; list-style-type:none; width:100%; flex-wrap:wrap; justify-content:center; margin:0; padding:0; justify-content:space-between;}
.lp-text-to ul li{ position:relative; display:flex; flex-grow:0; width:100%; margin:0 0 0.6rem 0; padding:1rem 1rem 1rem 4rem; background-color:rgba(255,255,255,0.3); border-radius:1rem; }
.lp-text-to ul li::before{ content:""; display:block; position:absolute; top:50%; left:1.4rem; transform:translateY(-50%); width:1.4rem; height:1.4rem; margin:0; background-color:var(--primaryColor); border-radius:50%; }
.lp-text-to ul li p{ display:block; font-size:1.2rem; line-height:1.2; font-weight:400; color:var(--color); margin:0; padding:0; text-align:left; }

.lp-content-price{ position:relative; display:block; margin:0 auto; padding:5rem 0; background-color:var(--color2); }
.lp-content-price-text{ display:block; text-align:center; }
.lp-content-price-text h2{ display:block; font-size:3.2rem; line-height:1.2; font-weight:600; color:var(--primaryColor); margin:0 0 2rem 0; padding:0; }
.lp-content-price-text p{ display:block; font-size:1.2rem; line-height:1.2; font-weight:400; color:var(--primaryColor); margin:0 0 0.6rem 0; padding:0; }
.lp-content-price-item{ position:relative; display:inline-block; margin:0 0 1rem 0; padding:0 0 0 1.6rem; color:var(--color1); }
.lp-content-price-item::before{ content:""; display:block; position:absolute; top:33%; left:0; transform:translateY(-50%) rotate(-44deg); width:1rem; height:0.66rem; margin:0; border:3px solid var(--primaryColor); border-top-color:transparent; border-right-color:transparent; }
.lp-content-price-box{ display:block; margin:0; padding:1rem; border:1px solid var(--primaryColor); border-radius:1rem; text-align:center; }
.lp-content-price-box hr{ display:block; width:100%; height:2px; margin:0.5rem 0; padding:0; background-color:var(--primaryColor); }
.lp-content-price-box .promo{ display:block; font-size:1.2rem; line-height:1.2; font-weight:500; color:var(--secondaryColor); margin:0; padding:0; }
.lp-content-price-box .price{ display:block; font-size:3.4rem; line-height:1.2; font-weight:500; color:var(--secondaryColor); margin:0; padding:0; }
.lp-content-price-box .alt{ display:block; font-size:1.8rem; line-height:1.2; font-weight:500; color:var(--secondaryColor); margin:0; padding:0; }

.lp-content-price-text ul{ display:flex; list-style-type:none; width:100%; flex-wrap:wrap; justify-content:center; margin:0; padding:0; justify-content:space-between;}
.lp-content-price-text ul li{ position:relative; display:flex; flex-grow:0; width:100%; margin:0 0 0.6rem 0; padding:1rem 1rem 1rem 4rem; background-color:rgba(255,255,255,0.3); border-radius:1rem; }
.lp-content-price-text ul li::before{ content:""; display:block; position:absolute; top:50%; left:1.4rem; transform:translateY(-50%); width:1.4rem; height:1.4rem; margin:0; background-color:var(--primaryColor); border-radius:50%; }
.lp-content-price-text ul li p{ display:block; font-size:1.2rem; line-height:1.2; font-weight:400; color:var(--primaryColor); margin:0; padding:0; text-align:left; }


.lp-content-classes{ position:relative; display:block; margin:0 auto; padding:5rem 0; background-color:var(--secondaryColor); }
.lp-text-classes{ display:block; text-align:center; }
.lp-text-classes h2{ display:block; font-size:3.2rem; line-height:1.2; font-weight:600; color:var(--color); margin:0 0 2rem 0; padding:0; }
.lp-text-classes h3{ display:block; font-size:2.4rem; line-height:1.2; font-weight:500; color:var(--color); margin:0 0 2rem 0; padding:0; }
.lp-text-classes p{ display:block; font-size:1.2rem; line-height:1.2; font-weight:400; color:var(--color); margin:0 0 0.6rem 0; padding:0; }

.lp-text-journey{ display:block; text-align:left; padding:3rem 0; }
.lp-text-journey h2{ display:block; font-size:1.6rem; line-height:1.2; font-weight:600; color:var(--primaryColor); margin:0 0 2rem 0; padding:0; }
.lp-text-journey h3{ display:block; font-size:2.4rem; line-height:1.2; font-weight:500; color:var(--secondaryColor); margin:0 0 2rem 0; padding:0; }
.lp-text-journey p{ display:block; font-size:1.2rem; line-height:1.2; font-weight:400; color:var(--color); margin:0 0 0.6rem 0; padding:0; }
.lp-image-journey{ display:block; width:70%; height:1px; padding:70% 0 0 0; margin:3rem auto; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:1rem; overflow:hidden; }

.lp-content-faq{ position:relative; display:block; margin:0 auto; padding:5rem 0; background-color:var(--color1); }
.lp-content-faq{ display:block; }
.lp-content-faq h2{ display:block; font-size:3.2rem; line-height:1.2; font-weight:600; color:var(--color); margin:0 0 2rem 0; padding:0; }
.lp-content-faq p{ display:block; font-size:1.2rem; line-height:1.2; font-weight:400; color:var(--color); margin:0 0 0.6rem 0; padding:0; }
.lp-content-faq ul{ display:block; list-style-type:none; margin:0; padding:0; }
.lp-content-faq ul li.faq-item{ display:block; margin:0 0 1.5rem 0; padding:0; }
.lp-content-faq ul li.faq-item .faq-question{ display:block; font-size:1.6rem; line-height:1.2; font-weight:600; color:var(--primaryColor); margin:0 0 1rem 0; padding:0; }
.lp-content-faq ul li.faq-item .faq-answer{ display:block; margin:0; padding:0; }
.lp-content-faq ul li.faq-item .faq-answer p{ display:block; font-size:1.2rem; line-height:1.2; font-weight:400; color:var(--color); margin:0; padding:0; }

@media (min-width:768px){
	.lp-title h1{ font-size:4rem; }
	.lp-text-2{ padding:0 0 0 4rem; }
	.lp-icons{ margin:0; }
}

@media (max-width:768px){
	.container{ padding-left:2rem; padding-right:2rem; }
}