body{margin:0%;padding:0%;background-color:#fcf7f7;font-family:Montserrat,sans-serif}.gold{color:#f5a425!important}a{text-decoration:none}a,button{cursor:pointer}p{margin:0%}.desarrollo{background-color:#15181d;padding:50px 0;margin:0%;width:100%}form{width:100%;max-width:800px}form>div{margin:.7em 0;text-align:left}input,textarea{background:transparent;border:0;outline:0;font-size:1em;color:#fff}.writing{display:flex;flex-direction:column;position:relative;margin-top:10px}.writing :is(input,textarea){padding:10px 0;margin-top:1.2em}.writing :is(input,textarea)~label{position:absolute;left:0;pointer-events:none;transition:all .2s ease;color:#ababab}.writing :is(input,textarea):focus~label,.writing :is(input,textarea).has-text~label{top:0;font-size:.9em}.writing :is(input,textarea)~span{content:"";height:1px;width:100%;background:rgba(128,128,128,.5019607843);display:flex;justify-content:center}.writing :is(input,textarea):invalid~span{background:#ff0000}.writing :is(input,textarea)~span:before{content:"";display:block;height:2px;width:0%;background:#03A9F4;transition:width .5s ease}.writing :is(input,textarea):focus~span:before{width:100%}.writing:is(.text,.password) :is(input,input ~ span){width:400px}.textarea textarea{overflow:auto;min-height:calc(1em + 20px);height:1.2em;overflow:hidden;resize:none}.number{margin-top:1em}.number .titulo{font-size:.9em;color:#ababab}.number .numero{margin-top:.5em;-webkit-user-select:none;user-select:none;display:flex}.number .numero>*{padding:10px}.number .numero input{text-align:center;background:#1c1c1c;min-width:150px}.number .numero input::-webkit-inner-spin-button{appearance:none}.number .numero label{cursor:pointer;width:calc(1em + 20px);text-align:center;background:#2e2e2e;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.number .numero label:hover{background:#03A9F4}.number .numero label:active{background:#225588}.number .numero label svg{width:75%}.number .numero .decrement{border-radius:10px 0 0 10px}.number .numero .increment{border-radius:0 10px 10px 0}.date,.time{display:flex;flex-direction:column;position:relative;margin-top:1em}.date .titulo{font-size:.9em;color:#ababab}.date .fecha,.time .tiempo{width:min-content}:is(.date,.time) input{padding:10px 0;margin-top:1em}:is(.date,.time) input::-webkit-calendar-picker-indicator{filter:invert(1)}.date label,.time .titulo{position:absolute;top:0;left:0;font-size:.7em;pointer-events:none;transition:all .2s ease;color:#ababab}:is(.date,.time) input~span{content:"";height:1px;width:100%;background:rgba(128,128,128,.5019607843);display:flex;justify-content:center}:is(.date,.time) input:invalid~span{background:#ff0000}:is(.date,.time) input~span:before{content:"";display:block;height:2px;width:0%;background:#03A9F4;transition:width .5s ease}:is(.date,.time) input:focus~span:before{width:100%}.switch{display:flex;align-items:center}.switch input{display:none}.switch .view{position:relative;display:block;margin:25px 25px 25px 10px;max-width:50px;width:50vw;min-width:30px;aspect-ratio:35/15;background-color:#ffffff4d;border-radius:100vw;cursor:pointer;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms}.switch #check-menu:checked~.view{background-color:#258}.switch .view>span{height:100%;position:absolute;top:50%;left:0%;transform:translate(5px,-50%);display:flex;align-items:center;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1) 0ms}.switch #check-menu:checked~.view>span{left:100%;transform:translate(-5px,-50%)}.switch .view>span>span{content:"";height:135%;aspect-ratio:1/1;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;background-color:#fff;border-radius:100%;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms}.switch #check-menu:checked~.view>span>span{background-color:#39f}.switch .view:hover>span:before{content:"";height:265%;aspect-ratio:1/1;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;display:block;background-color:#ffffff14;border-radius:100%;opacity:0}.switch .view:hover>span:before{opacity:1}.switch #check-menu:checked~.view>span:before{background-color:#3399ff14}.switch .view>span:after{content:"";height:0px;aspect-ratio:1/1;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;display:block;background-color:#ffffff26;border-radius:100%;opacity:0;transition:height 0s ease .5s,opacity .5s ease 0s}.switch .view:hover:active>span:after{height:265%;opacity:1;transition:height .5s ease,opacity 0s ease}.switch #check-menu:checked~.view:hover:active>span:after{background-color:#3399ff26}.checkbox{display:flex;flex-direction:column;gap:.5em}.checkbox label{display:flex;align-items:center;gap:.5em;width:max-content;cursor:pointer}.checkbox input{display:none}.checkbox .view{width:1em;height:1em;margin:.5em;background:white;border-radius:5px;position:relative;padding:.05em}.checkbox input:checked~.view{background:#3399ff}.checkbox .view:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);height:2.25em;width:2.25em;border-radius:50%;background-color:#3399ff26;z-index:-1;transition:transform .3s ease .5s}.checkbox label:hover:active .view:before{transform:translate(-50%,-50%) scale(1);transition:transform .1s ease}.checkbox .view span{height:100%;width:0%;display:block;overflow:hidden;transition:width .1s ease .1s}.checkbox input:checked~.view span{width:100%}.checkbox .view svg{fill:#fff;height:100%;aspect-ratio:1/1}.radio{display:flex;flex-direction:column;gap:.5em}.radio label{display:flex;align-items:center;gap:.5em;width:max-content;cursor:pointer}.radio input{display:none}.radio .view{width:1em;height:1em;margin:.5em;background:white;border-radius:50%;position:relative;padding:.15em}.radio .view:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);height:2.25em;width:2.25em;border-radius:50%;background-color:#3399ff26;z-index:-1;transition:transform .3s ease .5s}.radio label:hover:active .view:before{transform:translate(-50%,-50%) scale(1);transition:transform .1s ease}.radio .view:after{content:"";background:#3399ff;display:block;border-radius:50%;width:100%;height:100%;transform:scale(0);transition:transform .1s ease}.radio input:checked~.view:after{transform:scale(1)}.file input{display:none}.file .view{width:max-content;display:flex;align-items:center;gap:.5em;cursor:pointer;padding:.5em .75em;background:#2e2e2e;border-radius:5px;-webkit-user-select:none;user-select:none;overflow:hidden;position:relative}.file .view:before{content:"";background:#03A9F4;width:100%;aspect-ratio:1/1;position:absolute;border-radius:100%;top:50%;left:50%;z-index:0;opacity:0;transform:translate(-50%,-50%) scale(0);transition:opacity .2s ease,transform 0s ease .2s,background 0s ease 1s}.file .view:hover:before{opacity:1;transform:translate(-50%,-50%) scale(1.5);transition:opacity .5s ease,transform .5s ease}.file .view.file-select:before{background:#f44336}.file .view:active:before{background:#225588;transition:background 0s ease}.file .view.file-select:active:before{background:#B71C1C;transition:background 0s ease}.file .view.file-select:after{content:"X";color:red}.file .view.file-select:hover:after{color:#fff;z-index:1}.file .view>*{z-index:1}.file .ico{height:1em;width:1em}.file .view .ico svg{fill:#fff;width:100%;height:100%}.file .view .ico svg:nth-child(2){display:none}.file .view.file-select .ico svg:nth-child(1){display:none}.file .view.file-select .ico svg:nth-child(2){display:block}.file .view .text{max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select{display:flex;flex-direction:column;position:relative;margin-top:1em}.select .titulo{font-size:.9em;color:#ababab}.select .view{position:relative;width:fit-content;margin-top:.5em}.select .view select{appearance:none;width:max-content;padding:.5em 2em .5em .75em;background:#2e2e2e;border-radius:5px;color:#fff;font-size:1em;border:0;outline:0;cursor:pointer}.select .view select option{background:#1c1c1c}.select .view select option:checked{background:#225588}.select .view svg{fill:#fff;width:1em;height:1em;position:absolute;right:.5em;top:50%;transform:translateY(-50%) rotate(0);pointer-events:none;transition:all .5s ease}.select .view select.select-open~svg{transform:translateY(-50%) rotate(180deg)}.range{display:flex;flex-direction:column;position:relative;margin-top:1em}.range .titulo{font-size:.9em;color:#ababab}.range .rango{width:100%;display:flex;align-items:center;margin-top:.8em;gap:20px}.range .rango .slider{height:12px;width:100%;max-width:350px;position:relative;background:#2e2e2e;border-radius:50px}.range .rango .slider input{height:100%;width:100%;appearance:none;position:absolute}.range .rango .slider input::-webkit-slider-thumb{appearance:none;height:25px;width:25px;cursor:pointer}.range .rango .slider .thumb{height:25px;width:25px;background:#3399ff;border-radius:50%;position:absolute;top:50%;left:calc(0% - 12px);transform:translate(-50%,-50%);padding:2px;pointer-events:none;margin-left:24px}.range .rango .slider .thumb span{height:100%;width:100%;border:2px solid #f6f6f6;border-radius:50%;background:linear-gradient(#006dd9,#3399ff);display:block}.range .rango .slider .progress-bar{height:100%;width:0%;background:linear-gradient(45deg,#225588,#3399ff);border-radius:50px;pointer-events:none}.color input{width:1.75em;height:1.75em;cursor:pointer}.submit button{padding:.5em 1em;background:#3399ff;border-radius:5px;cursor:pointer;outline:none;border:none}.submit button:active{background:#225588}