html,body #root{margin:0;padding:0;width:100%;height:100%;display:flex;flex-direction:column}body{background-color:#fff;margin:0;font-family:sans-serif;min-height:100vh}#Logo_inaipi{cursor:pointer;width:120px;margin:5px;padding-left:40px}.navbar{display:flex;position:relative;width:100%;height:78px;align-items:center;justify-content:center;background-color:#fff;box-shadow:0 0 3px gray}.navbar>div:first-child{position:absolute;left:0}main{flex:1;display:flex;flex-wrap:wrap;gap:2px;align-items:center;padding:0;margin-top:0;justify-content:center}#titulo{text-align:center;margin:0;color:#003670;font-size:1.2rem}.fondodatos{position:relative;margin:5px;border-radius:4%;box-shadow:0 0 4px gray;text-align:left;width:100%;padding:0;flex:1 1 252px;max-width:250px;min-height:auto}#visorPDF{flex:1 1 380px;width:100%;border:3px solid #acf3bd;border-radius:2%;box-shadow:0 0 4px gray;height:100%;margin:5px}.fondodatos ul{padding:0;margin:0;width:80%}.fondodatos ul li{list-style:none;padding:10px;margin:10px;width:100%}.fondodatos ul li hr{border:1px solid #0036702b}.fondodatos ul li strong{color:#013368;font-size:16px}footer{display:flex;width:100%;height:70px;margin-top:20px}.date{color:#fff;background-color:#003876;text-align:center;padding:30px;width:100%;margin:0}#validar{display:none;padding:0;border-radius:10px;font-weight:700;text-align:center;width:100%;max-width:100%;box-shadow:0 2px 5px #0000001a;margin:0;font-size:large}#error{font-size:18px;padding:10px;border-radius:10px;font-weight:700;text-align:center;width:100%;max-width:315px;box-shadow:0 2px 5px #0000001a;margin:0}.alerta-exito{display:block!important;background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alerta-error{display:block!important;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:15px;margin-bottom:20px}@media(min-width:481px)and (max-width:1025px){.navbar{flex-direction:column;height:auto;padding:0}.navbar>div:first-child{position:relative;left:0;text-align:center;width:100%}#Logo_inaipi{width:140px;padding-left:0;margin:3px auto}#titulo{font-size:1.3rem;padding:2px 0}main{flex-direction:column;padding:2px;justify-content:center;flex-wrap:wrap;gap:15px}.fondodatos{max-width:95%;max-height:280px;text-align:center;margin-top:18px;margin-bottom:0}.fondodatos ul{padding:0;margin:0;width:95%}.fondodatos ul li{list-style:none;padding:10px;margin:0;width:100%}.fondodatos ul li hr{text-align:center;width:50%}#visorPDF{min-height:600px;max-width:100%;margin:0;border:none}#validar{width:50%;margin:0;padding:10px;box-sizing:border-box}footer{height:auto;margin-top:0}.date{color:#fff;background-color:#003876;text-align:center;padding:30px;width:100%;margin-top:14px}}@media(min-width:200px)and (max-width:720px){.navbar{flex-direction:column;height:auto;padding:0}.navbar>div:first-child{position:relative;left:0;text-align:center;width:100%}#Logo_inaipi{width:140px;padding-left:0;margin:3px auto}#titulo{font-size:1.3rem;padding:2px 0}main{flex-direction:column;padding:2px;justify-content:center;flex-wrap:wrap;gap:15px}.fondodatos{max-width:97%;text-align:center;margin-top:10px;margin-bottom:0}.fondodatos ul{padding:0;margin:0;width:89%}.fondodatos ul li{list-style:none;padding:10px;margin:8px;width:102%}.fondodatos ul li hr{text-align:center}#visorPDF{min-height:380px;max-width:98%;margin:0;border:none}#validar{width:100%;margin:0;padding:10px;box-sizing:border-box}footer{height:auto;margin-top:5px}.date{color:#fff;background-color:#003876;text-align:center;padding:25px;width:100%;margin-top:10px}}