.sofia-sans{font-family:"Sofia Sans",sans-serif}:root{--color:#0d9dff;--secundary:#043d75;--secundary-bold:#03284d;--shadow:2.6px 0 1.9px -18px rgba(0,0,0,.023) , 6px 0 4.5px -18px rgba(0,0,0,.026) , 10.8px 0 8.1px -18px rgba(0,0,0,.027) , 18px 0 13.5px -18px rgba(0,0,0,.027) , 29.6px 0 22.2px -18px rgba(0,0,0,.027) , 51.8px 0 38.8px -18px rgba(0,0,0,.028) , 112px 0 84px -18px rgba(0,0,0,.03);--shadow2:2.6px 0px 1.9px -18px rgb(0 0 0 / 88%), 6px 0px 4.5px -18px rgb(0 0 0 / 93%), 10.8px 0px 8.1px -18px rgb(0 0 0 / 92%), 18px 0px 13.5px -18px rgb(0 0 0 / 88%), 29.6px 0px 22.2px -18px rgb(0 0 0 / 0%), 51.8px 0px 38.8px -18px rgb(0 0 0 / 0%), 112px 0px 84px -18px rgb(0 0 0 / 0%)}*{box-sizing:border-box;margin:0;padding:0;font-family:"Sofia Sans",sans-serif;background:transparent;font-optical-sizing:auto;font-weight:300;font-style:normal}html{height:100%;scroll-behavior:smooth}body{font-size:1.2rem;min-height:100%}.grid-container>*{padding:0;text-align:center}.grid-section>*{box-shadow:-1px 1px 7px 0 #fff;padding:10px;text-align:center}.grid-container{display:grid;width:100%;height:100%;grid-template:"header" 40% "main" 50% "footer" 10%}header{grid-area:header;width:100%;padding:20px!important;display:flex;flex-direction:column;background:#f9fdff;gap:4px}header span{font-size:18px;font-weight:600;color:#03284d}header p{text-align:justify;color:#797676;font-size:14px}header li{font-size:14px;color:#797676}main{grid-area:main;width:100%;height:100%;flex-direction:column;display:flex;align-items:center;justify-content:center;padding:10px!important;gap:21px}main div{width:100%;height:100px;background-color: rgb(0 0 0 / 2%);display:flex;flex-direction:column;border-radius:.5rem;justify-content:center;align-items:center}main div input{width:100%;height:45%;border:none;outline:none;background-color:transparent;padding:10px;text-align:center}main div span{font-size:13px;color:#03284d;font-weight:500}main .content-area{width:100%;height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column}main .content-area textarea{width:100%;height:131px;border:none;outline:none;padding:10px}footer{grid-area:footer;color:#fff;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#0d9dff}footer button{width:100%;height:100%;outline:none;border:none;background-color:transparent;color:#fff}.aclaracion-txt{font-size:12px;font-weight:400;color:#03284d}@media (min-width:768px) and (max-width:1300px){main div{width:56%}.content-area{width:56%!important}}