@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,strong,b,u,i,center,ol,ul,li,fieldset,form,label,table,tbody,tfoot,thead,tr,th,td,header,menu,.menu,section,article,video{margin:0;padding:0;border:0;outline:0}
input,button,textarea,select{outline:0}
html{background:#FFF;overflow-x:hidden;scroll-behavior:smooth}
body{float:left;width:100%;font-size:26px;font-family:"Poppins","sans-serif";font-weight:300;color:#9F9FBF;margin:0}
img{max-width:100%;height:auto}
ul,ol{list-style:none}
a{cursor:pointer;transition:all ease-in-out .5s}
p{float:left;width:100%;line-height:36px;margin-bottom:20px}
.img{line-height:0}
section{float:left;width:100%}
.infoContent{float:left;width:calc(100% - 40px);max-width:1560px;padding:80px 20px;margin-left:50%;transform:translateX(-50%)}
header{float:left;width:100%;transition:all ease-out .5s;background:url("../images/banner.jpg");background-size:cover;background-position:center center;z-index:+99}
header .infoContent{padding:40px 20px 40px 20px}
header .logo{float:left;width:100%;text-align:center}
header .grid{float:left;width:100%;display:grid;grid-template-columns:calc(100% - 580px) 500px;grid-template-rows:1fr;gap:80px;grid-auto-flow:row;align-items:center;margin-top:35px}
header .txt h2{float:left;width:100%;font-size:60px;font-weight:200;line-height:45px;color:#FFF;letter-spacing:-1.5px}
header .txt h1{float:left;width:100%;font-size:72px;font-weight:500;line-height:64px;color:#15E8FF;margin:7px 0;letter-spacing:-1.5px}
header .txt h3{float:left;background:#15E8FF;font-size:34px;font-weight:500;line-height:24px;color:#4F34C8;letter-spacing:-1.5px;padding:10px 20px;border-radius:2px;margin-top:10px}
#intro h4{float:left;width:100%;font-size:30px;font-weight:500;line-height:25px;color:#46466C;margin-bottom:10px;text-align:center}
#intro p{text-align:center;margin-bottom:5px}
#intro p:last-of-type{margin-bottom:0}
#form .infoContent{background:#F1F2F8}
#form .tableForm,#form .formCont,#form form{float:left;width:100%}
#form .grid{float:left;width:100%;max-width:1000px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;gap:0 40px;grid-auto-flow:row;align-items:center;margin-left:50%;transform:translateX(-50%)}
#form .grid div.rowspan{grid-column:1 / 3}
#form label{float:left;width:100%;line-height:20px;margin-bottom:5px}
#form input{float:left;width:calc(100% - 22px);height:40px;padding:0 10px;background:#E3E4F0;border:1px solid #FFF;font-size:20px;color:#9F9FBF;margin-bottom:20px;font-family:"Poppins","sans-serif";font-weight:300}
#form input[type="submit"]{width:auto;max-width:calc(100% - 40px);height:42px;padding:0 20px;background:#5F59F8;border-radius:8px;font-size:26px;color:#FFF;margin-left:50%;transform:translateX(-50%);cursor:pointer;margin-top:20px;margin-bottom:10px;font-weight:600}
#form input[type="submit"]:hover{background:#4632F8;transition:ease-in-out .5s}
#form .grid div.rowspan:last-of-type p{text-align:center;font-size:18px;line-height:15px;margin-bottom:0}
#form .grid div.rowspan:last-of-type p a{color:#00BFF8}
#form .hidden{visibility:hidden;max-height:0;margin-bottom:0}
#contenido .infoContent{padding-bottom:0}
#contenido h5,#form h5{float:left;width:100%;font-size:45px;font-weight:600;line-height:35px;color:#5F59F8;letter-spacing:-1.5px;text-align:center;margin-bottom:40px}
#contenido h5 span,#form h5 span{color:#00BFF8}
#contenido .grid{float:left;width:100%;max-width:1320px;display:grid;grid-template-columns:calc(50% - 58px) 36px calc(50% - 58px);grid-auto-rows:60px;gap:25px 40px;grid-auto-flow:row;align-items:center;padding:40px 0;margin-left:50%;transform:translateX(-50%);position:relative}
#contenido .grid:before{content:"";position:absolute;top:0;left:calc(50% - 1px);width:2px;height:100%;background:#E2E4F1;z-index:-1}
#contenido .point span{position:relative;float:left;width:36px;height:36px;border-radius:50%;background:#F1F2F8;box-shadow:0 6px 12px 0 rgba(7,3,86,0.3)}
#contenido .point b{position:absolute;top:10px;left:10px;width:16px;height:16px;border-radius:50%;background:#5F59F8}
#contenido .txt{line-height:30px}
#contenido .txt:nth-of-type(3n+1){text-align:right}
#simple .infoContent{font-size:36px;font-weight:300;line-height:30px;color:#5F59F8;text-align:center;font-style:italic}
footer{float:left;width:100%;background:#3A2D79;text-align:center}
footer .infoContent{padding:40px 20px 20px 20px}
footer p{color:#FFF;margin-bottom:0;font-weight:200}
footer a{color:#00DBFB;text-decoration:none}
footer ul{float:left;width:260px;height:32px;margin-top:8px;margin-left:50%;transform:translateX(-50%)}
footer li{float:left;width:32px;height:32px;margin:0 10px}
footer li a{float:left;width:100%}
footer p a:hover{color:#77EEFF;transition:ease-in-out .5s}
footer li a:hover{filter:brightness(140%);transition:ease-in-out .5s}
.gracias{height:100%}
.gracias header .grid{display:block}
.gracias header h1,.gracias header h2{text-align:center}
.gracias header .txt h2{font-size:38px;line-height:30px}
.gracias header .txt h1{font-size:50px;line-height:40px;margin:10px 0 0 0}
.gracias #thanks .grid{float:left;width:1100px;max-width:100%;display:grid;grid-template-columns:440px calc(100% - 480px);grid-template-rows:1fr;gap:40px;grid-auto-flow:row;align-items:center;;margin-left:50%;transform:translateX(-50%)}
.gracias #thanks .grid a{width:auto;max-width:calc(100% - 40px);height:42px;padding:0 20px;background:#5F59F8;border-radius:8px;font-size:26px;color:#FFF;cursor:pointer;font-weight:600;text-decoration:none}
.gracias #thanks .contador{float:left;width:100%;background:#F1F2F8;padding:40px 0}
.gracias #thanks .contador h4{float:left;width:100%;font-size:30px;font-weight:500;line-height:25px;color:#46466C;margin-bottom:10px;text-align:center}
.gracias #thanks .contador p{text-align:center}
.gracias #thanks .contador a{width:auto;max-width:calc(100% - 40px);height:42px;padding:0 10px;background:#5F59F8;border-radius:8px;font-size:22px;color:#FFF;cursor:pointer;font-weight:600;text-decoration:none}
.gracias #thanks .grid a:hover,.gracias #thanks .contador a:hover{background:#4632F8;transition:ease-in-out .5s}
@media(min-width:2560px){
.gracias #thanks{height: calc(100% - 467px)}
.gracias #thanks .contador{margin-top:80px;padding:80px 0}}
@media(max-width:1680px){
body{font-size:24px}
p{line-height:30px}
.infoContent{padding:60px 20px}
header .infoContent{padding:20px 20px 40px 20px}
header .logo img{max-height:90px}
header .txt h1{font-size:66px;line-height:56px}
header .txt h2{font-size:55px;line-height:40px}
header .txt h3{font-size:30px;line-height:22px}
header .grid{grid-template-columns:calc(100% - 520px) 440px;max-width:1270px;margin-left:50%;transform:translateX(-50%)}
#contenido h5, #form h5{font-size:40px;line-height:30px}
#form input{height:36px}
#form input[type="submit"]{margin-top:0}
#contenido .grid{grid-template-columns:calc(50% - 56px) 32px calc(50% - 56px);grid-auto-rows:52px;gap:15px 40px}
#contenido .txt{line-height:26px}
#contenido .point span{width:32px;height:32px}
#contenido .point b{top:9px;left:9px;width:14px;height:14px}
#simple .infoContent{font-size:32px;line-height:25px}}
@media(max-width:1366px){
body{font-size:22px}
p{line-height:26px}
header .logo img{max-height:80px}
header .grid{max-width:1150px;grid-template-columns:calc(100% - 450px) 370px;margin-top:20px}
header .txt h1{font-size:60px;line-height:52px}
header .txt h2{font-size:48px;line-height:36px}
header .txt h3{font-size:28px;line-height:20px}
#form label{margin-bottom:0}
#form input{height:32px;font-size:18px;margin-bottom:15px}
#form .grid div.rowspan:last-of-type p{font-size:16px}}
@media(max-width:1200px){
header .txt h2{font-size:45px;line-height:35px}
header .txt h1{font-size:55px;line-height:45px;margin:5px 0}
header .txt h3{font-size:26px;line-height:16px;padding:10px 15px}}
@media(max-width:1140px){
header .grid{grid-template-columns:calc(70% - 20px) 30%;gap:20px}
#contenido .txt{letter-spacing:-1px}}
@media(max-width:1024px){
body{font-size:20px}
p{line-height:24px}
header .txt h2{font-size:42px;line-height:32px}
header .txt h1{font-size:50px;line-height:42px}
header .txt h3{font-size:24px}
#intro h4,.gracias #thanks .contador h4{font-size:26px;line-height:20px}
#contenido h5,#form h5{font-size:34px;line-height:24px;margin-bottom:20px}
#form input{height:30px;font-size:16px;margin-bottom:10px}
#contenido .grid{grid-template-columns:calc(50% - 33px) 26px calc(50% - 33px);grid-auto-rows:40px;gap:15px 20px;padding:20px 0}
#contenido .txt{line-height:22px}
#contenido .point span{width:26px;height:26px}
#contenido .point b{top:8px;left:8px;width:10px;height:10px}
#simple .infoContent{font-size:28px;line-height:22px}
footer ul{width:170px;height:26px}
footer li{width:24px;height:24px;margin:0 5px}}
@media(max-width:960px){
.gracias #thanks .grid{grid-template-columns:340px calc(100% - 380px)}}
@media(max-width:910px){
header .txt h3{width:420px;line-height:20px;padding:5px 10px}}
@media(max-width:860px){
.gracias #thanks .grid{grid-template-columns:300px calc(100% - 340px)}}
@media(max-width:800px){
.gracias #thanks .grid{grid-template-columns:repeat(1,1fr);gap:20px}
.gracias #thanks .grid img{max-height:150px;margin-left:50%;transform:translateX(-50%)}
.gracias #thanks p{text-align:center}}
@media(max-width:840px){
header .grid{grid-template-columns:calc(65% - 20px) 35%}
header .txt h2,.gracias header .txt h2{font-size:36px;line-height:28px}
header .txt h1,.gracias header .txt h1{font-size:44px;line-height:38px}
#form .grid{gap:0 20px}}
@media (max-width:780px){
header .txt h1{font-size:40px;line-height:34px}}
@media (max-width:760px){
.gracias header .txt h2{line-height:34px}}
@media (max-width:720px){
header .infoContent{padding:20px}
header .grid{grid-template-columns:repeat(1, 1fr)}
header .txt h1,header .txt h2{text-align: center}
header .txt h3{text-align:center;margin-left:50%;transform:translateX(-50%)}
header .grid .img img{max-height:180px;margin-left:50%;transform:translateX(-50%)}
#intro h4{font-size:24px;line-height:20px}
#contenido h5, #form h5{font-size:30px}
#contenido .grid{grid-template-columns:26px calc(100% - 46px);grid-auto-flow:dense;grid-auto-rows:auto;gap:30px 20px}
#contenido .hide{display:none}
#contenido .grid:before{left:13px}
#contenido .txt:nth-of-type(3n+1){text-align:left}
#contenido .txt{grid-column:2}
#contenido .point{grid-column:1}}
@media (max-width:640px){
#form .grid{grid-template-columns:repeat(1, 1fr)}
#form .grid div.rowspan{grid-column:1 / 1}}
@media (max-width:500px){
header .txt h3{width:100%}}
@media (max-width:480px){
.gracias #thanks .grid a{display:inline-block;width:220px;max-width:calc(100% - 40px);height:auto;line-height:22px;letter-spacing:-1px;padding:8px 20px}}
@media (max-width:420px){
#form input[type="submit"]{width:calc(100% - 40px)}
#form input[type="submit"]{width:192px;height:auto;line-height: 22px;padding:5px 10px;white-space:break-spaces}}
@media (max-width:360px){
#simple .infoContent{line-height:30px}
footer p{font-size:18px;letter-spacing:-1px}}