.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-text{font-family:Segoe UI,sans-serif;color:#64748b;font-size:1rem;height:20px;position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:250px;overflow:hidden}.loading-text span{position:absolute;opacity:0;animation:text-fade 7s linear infinite;width:100%;text-align:center}.loading-text span:nth-child(1){animation-delay:0s}.loading-text span:nth-child(2){animation-delay:2s}.loading-text span:nth-child(3){animation-delay:4s}@keyframes text-fade{0%,20%{opacity:0;transform:translateY(10px)}25%,35%{opacity:1;transform:translateY(0)}40%,to{opacity:0;transform:translateY(-10px)}}.loader{display:flex;justify-content:center;align-items:center;--animation: 2s ease-in-out infinite}.loader .circle{display:flex;align-items:center;justify-content:center;position:relative;width:20px;height:20px;border:solid 2px transparent;border-radius:50%;margin:0 10px;background-color:transparent;animation:circle-keys var(--animation)}.loader .circle .dot{position:absolute;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;animation:dot-keys var(--animation)}.loader .circle .outline{position:absolute;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;animation:outline-keys var(--animation)}.circle:nth-child(1){--color: #FF5757;border-color:#ff5757;animation-delay:.3s}.circle:nth-child(1) .dot{background-color:#ff5757;animation-delay:.3s}.circle:nth-child(2){--color: #A6A6A6;border-color:#a6a6a6;animation-delay:.6s}.circle:nth-child(2) .dot{background-color:#a6a6a6;animation-delay:.6s}.circle:nth-child(3){--color: #FFDE59;border-color:#ffde59;animation-delay:.9s}.circle:nth-child(3) .dot{background-color:#ffde59;animation-delay:.9s}.circle:nth-child(1) .outline{animation-delay:1.2s}.circle:nth-child(2) .outline{animation-delay:1.5s}.circle:nth-child(3) .outline{animation-delay:1.8s}@keyframes circle-keys{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes dot-keys{0%{transform:scale(1)}50%{transform:scale(0)}to{transform:scale(1)}}@keyframes outline-keys{0%{transform:scale(0);outline:solid 40px var(--color);outline-offset:0;opacity:1}to{transform:scale(1);outline:solid 0 transparent;outline-offset:30px;opacity:0}}:root{--goph-azul: #73B4FF;--goph-rojo: #FF3131;--goph-gris: #737373;--goph-amarillo: #FFBD59;--goph-negro: #000000;--goph-blanco: #FFFFFF;--font-display: "Baloo Thambi 2", cursive;--font-body: "Roboto", sans-serif}body{font-family:var(--font-body);color:var(--goph-negro);background-color:var(--goph-blanco);margin:0}.font-display{font-family:var(--font-display)!important}.font-body{font-family:var(--font-body)!important}h1,h2,h3,h4{font-family:var(--font-display);color:var(--goph-negro)}.Icon_GoPH_form{width:100px;height:100px;border-radius:50%;color:#fff}.custom-scroll{overflow-y:auto}.custom-scroll::-webkit-scrollbar{width:12px}.custom-scroll::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:12px}.custom-scroll::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;background-color:#f5f5f5;border-radius:12px}.custom-scroll::-webkit-scrollbar-thumb:hover{background-color:#bbb;border-radius:12px}.custom-scroll::-webkit-scrollbar-thumb:hover{background-color:#bbb!important}.scroll-container-pag{--offset: 200px;min-height:calc(100dvh - var(--offset));max-height:calc(100dvh - var(--offset));overflow-y:auto}.cursor-pointer{cursor:pointer!important}.text-justify{text-align:justify}.font10{font-size:10px}.font11{font-size:11px}.font12{font-size:12px}.font13{font-size:13px}.font14{font-size:14px}.font15{font-size:15px}.font16{font-size:16px}.font17{font-size:17px}.font18{font-size:18px}.font19{font-size:19px}.font20{font-size:20px}