html{scroll-behavior:smooth}.principal{text-align:justify;background:#d3d3d3;height:100%;margin:0% auto;padding:5% 10px}.interno{background-color:#fff;border-color:gray;border-radius:10px;width:90%;margin:5% auto;padding:2%}.centerTitle{text-align:center;font-weight:700}.divCard{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#fff;border-radius:12px;width:40%;height:450px;margin:5px auto;transition:box-shadow .3s,transform .3s;position:relative;box-shadow:0 0 1px #00000026,0 0 0 1px #00000014,0 8px 32px -4px #0000001f,inset 0 0 0 1px #ffffffe6}.divCard:hover{transform:scale(1.02);box-shadow:0 0 1px #0003,0 0 0 1px #0000001f,0 12px 48px -6px #0000002e,inset 0 0 0 1px #fff}.divCard img{height:280px;margin-top:20px}@media screen and (width<=1000px){.principal{margin-top:5%}}@media screen and (width<=700px){.principal{margin-top:10%}}@media screen and (width<=500px){.principal{margin-top:25%}}.userActive2{width:50px;height:50px}.logoMenu{width:150px;height:60px}.wave-login{z-index:-1;height:100%;position:fixed;bottom:0;left:0}.containerLogin{grid-gap:7rem;grid-template-columns:repeat(2,1fr);width:100vw;height:100vh;padding:0 2rem;display:grid}.img-login{justify-content:flex-end;align-items:center;display:flex}.login-content{text-align:center;justify-content:flex-start;align-items:center;display:flex}.img-login img{width:500px}form{width:360px}.login-content img{height:100px}.login-content h2{color:#333;text-transform:uppercase;margin:15px 0;font-size:2.9rem}.login-content .input-div{border-bottom:2px solid #d9d9d9;grid-template-columns:7% 93%;margin:25px 0;padding:5px 0;display:grid;position:relative}.login-content .input-div.one{margin-top:0}.i{color:#d9d9d9;justify-content:center;align-items:center;display:flex}.i i{transition:all .3s}.input-div>div{height:45px;position:relative}.input-div>div>h5{color:#999;font-size:18px;transition:all .3s;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.input-div:before,.input-div:after{content:"";background-color:#38d39f;width:0%;height:2px;transition:all .4s;position:absolute;bottom:-2px}.input-div:before{right:50%}.input-div:after{left:50%}.input-div.focus:before,.input-div.focus:after{width:50%}.input-div.focus>div>h5{font-size:15px;top:-5px}.input-div.focus>.i>i{color:#38d39f}.input-div>div>input{color:#555;background:0 0;border:none;outline:none;width:100%;height:100%;padding:.5rem .7rem;font-family:poppins,sans-serif;font-size:1.2rem;position:absolute;top:0;left:0}.input-div.pass{margin-bottom:4px}.btn-login{color:#fff;text-transform:uppercase;cursor:pointer;background-image:linear-gradient(90deg,#32be8f,#38d39f,#32be8f);background-size:200%;border:none;border-radius:25px;outline:none;width:100%;height:50px;margin:1rem 0;font-family:Poppins,sans-serif;font-size:1.2rem;transition:all .5s;display:block}.btn:hover{background-position:100%}@media screen and (width<=1050px){.containerLogin{grid-gap:5rem}}@media screen and (width<=1000px){form{width:290px}.login-content h2{margin:8px 0;font-size:2.4rem}.img-login img{width:400px}}@media screen and (width<=900px){.containerLogin{grid-template-columns:1fr}.img-login,.wave-login{display:none}.login-content{justify-content:center}}.permissions{margin-top:.5em;padding-left:1em}.headerContainer{background-color:#f6f3f3;border-radius:10px;align-items:center;margin:5px 0;box-shadow:0 4px 8px #0003}.wrapper{z-index:1;width:200px;height:60px;position:relative}.circle{transform-origin:50%;background-color:#fff;border-radius:50%;width:20px;height:20px;animation:.5s infinite alternate circle7124;position:absolute;left:15%}@keyframes circle7124{0%{border-radius:50px 50px 25px 25px;height:5px;top:60px;transform:scaleX(1.7)}40%{border-radius:50%;height:20px;transform:scaleX(1)}to{top:0%}}.circle:nth-child(2){animation-delay:.2s;left:45%}.circle:nth-child(3){animation-delay:.3s;left:auto;right:15%}.shadow{transform-origin:50%;z-index:-1;filter:blur(1px);background-color:#000000e6;border-radius:50%;width:20px;height:4px;animation:.5s infinite alternate shadow046;position:absolute;top:62px;left:15%}@keyframes shadow046{0%{transform:scaleX(1.5)}40%{opacity:.7;transform:scaleX(1)}to{opacity:.4;transform:scaleX(.2)}}.shadow:nth-child(4){animation-delay:.2s;left:45%}.shadow:nth-child(5){animation-delay:.3s;left:auto;right:15%}.imgNotFound{width:200px;height:200px;margin:10px auto;display:block}.page{background:linear-gradient(#f4f7fb 0%,#eef2f7 100%);justify-content:center;align-items:flex-start;margin-top:5%;padding:14px;display:flex}.doc-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #ffffffa6;border-radius:24px;width:100%;overflow:hidden;box-shadow:0 20px 60px #1018281f}.doc-header{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 100%);border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;display:flex}.doc-header h1{margin:8px 0 0;font-size:28px;font-weight:800;line-height:1.1}.badge{letter-spacing:.08em;text-transform:uppercase;background:#ffffff29;border-radius:999px;padding:6px 12px;font-size:12px;display:inline-flex}.status{white-space:nowrap;background:#ef44442e;border:1px solid #ffffff2e;border-radius:999px;padding:10px 16px;font-weight:700}.status.done{background:#22c55e33}.doc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:22px;display:grid}.panelFactura{background:#fff;border:2px solid #d3d3d3;border-radius:20px;padding:18px;box-shadow:0 8px 24px #0f172a0a}.panelFactura h2{color:#0f172a;border-bottom:1px solid #eef2f7;margin:0 0 16px;padding-bottom:12px;font-size:16px;font-weight:800}.field{border-bottom:1px dashed #eef2f7;justify-content:space-between;gap:14px;padding:12px 0;display:flex}.field:last-child{border-bottom:none}.field span{color:#64748b;min-width:110px;font-size:13px}.field strong{color:#0f172a;text-align:right;word-break:break-word;font-size:14px}.field.full{flex-direction:column}.field.full strong{text-align:left;margin-top:4px}@media (width<=1024px){.doc-grid{grid-template-columns:1fr}}@media (width<=640px){.page{padding:12px}.doc-header{flex-direction:column;align-items:flex-start}.doc-header h1{font-size:22px}.field{flex-direction:column}.field strong{text-align:left}}