:root{--color-principal-: #101622;--color-search-: #18202d;--color-icons-: #2b6cee;--transition-all-: all .5s ease}*{padding:0;margin:0}body{background-color:var(--color-principal-);color:#fff;font-family:Arial,Helvetica,sans-serif}#page{display:flex}@media(max-width:767px){body{font-size:14px}#page{flex-direction:column;width:100%}}@media(min-width:768px)and (max-width:1023px){body{font-size:15px}#page{flex-direction:row}}@media(min-width:1024px){body{font-size:16px}#page{flex-direction:row}}header{border-bottom:1px solid #333}.head{display:flex;justify-content:space-around;align-items:center;padding:20px}.logorHead{display:flex;align-items:center}.logorHead svg{fill:var(--color-icons-);height:27px;width:27px;padding-right:5px}.logorH{display:flex;align-items:center}.search{display:flex;align-items:center;background-color:var(--color-search-);padding:4px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.search svg{padding-right:3px;padding-left:3px;fill:#6b7280}input[type=text]{border:none;color:#fff;background-color:transparent;padding:10px 0 10px 3px;outline:none}.btnNotasPrev{cursor:pointer;display:none;padding:5px}.btnNotasPrev:hover{fill:#2b6ceecc}@media(max-width:767px){.btnNotasPrev{display:block}.logorH{display:flex;align-items:center}.head{flex-direction:column;gap:15px;padding:15px 10px}.logorHead{width:100%;justify-content:space-around}.search{width:90%;max-width:100%}input[type=text]{width:100%;padding:8px 5px}}@media(min-width:768px)and (max-width:1023px){.head{flex-direction:row;gap:20px}.search{flex:1;max-width:400px}}@media(min-width:1024px){.head{justify-content:space-around}.search{flex:0 1 auto}}#notas{display:flex}article{width:70%;max-width:360px;height:91vh;border-right:1px solid #333}article button{padding:5px 20px;background:var(--color-icons-);color:#fff;display:flex;align-items:center;margin:20px auto;width:70%;max-width:200px;justify-content:center;border:none;border-radius:10px;cursor:pointer;transition:var(--transition-all-);-webkit-transition:var(--transition-all-);-moz-transition:var(--transition-all-);-ms-transition:var(--transition-all-);-o-transition:var(--transition-all-)}article button:hover{background-color:#2b6ceeb1}.selectClick{background-color:#15274b}article button svg{padding:5px}article .NotasPrev .cardsNotasPrev{width:80%;margin:10px auto;display:flex;flex-direction:column;padding:15px;border-radius:10px;cursor:pointer}.cardsNotasPrev:hover{background-color:#15274b}article .NotasPrev .cardsNotasPrev h2{font-size:larger;padding:5px;color:#ffffffe8}article .NotasPrev .cardsNotasPrev p{color:#8d95a5;font-size:medium;padding:4px;line-height:1.2;height:30px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}article .NotasPrev .cardsNotasPrev span{color:#afb1b7;margin-top:12px}section{width:100%}section .iconsNotas{text-align:end;padding:20px;border-bottom:1px solid #333}section .iconsNotas svg{cursor:pointer;padding:5px;fill:#969ba2}section .cardNota{max-width:1000px;display:flex;align-items:center;flex-direction:column}section .cardNota h3{margin-top:60px;text-align:center}section .cardNota h1{padding:40px}section .cardNota p{padding:10px;color:#969ba2;font-size:larger;width:600px}.fmt-bold{font-weight:700}.fmt-italic{font-style:italic}.fmt-under{text-decoration:underline}@media(max-width:767px){#notas{flex-direction:column}article{width:100%;max-width:none;height:auto;border-right:none;border-bottom:1px solid #333;position:fixed;left:0;top:60px;bottom:0;z-index:999;background-color:var(--color-principal-);overflow-y:auto;transform:translate(-100%);transition:transform .5s ease}article:not(.hide){transform:translate(0)}section{width:100%;display:flex;flex-direction:column}article button{width:90%;max-width:100%}article .NotasPrev .cardsNotasPrev{width:90%}article .NotasPrev .cardsNotasPrev p{height:auto;line-clamp:1;-webkit-line-clamp:1}section .cardNota p{width:90%;padding:10px 5px}section .iconsNotas{padding:15px}section .cardNota h1{padding:20px 10px;font-size:large}}@media(min-width:768px)and (max-width:1023px){article{max-width:40%}section .cardNota p{width:100%;padding:10px}section .cardNota h1{font-size:x-large}}@media(min-width:1024px){article{max-width:360px}section .cardNota p{width:600px}}aside{width:100%;max-width:900px;margin:0 auto;display:flex;justify-content:center;flex-direction:column;padding:12px;box-sizing:border-box}aside .secNota{font-size:1.6rem;padding-bottom:10px;display:flex;align-items:center;gap:10px}aside .secNota svg:hover{fill:#fffc}aside form{border:1px solid #333;margin:0 auto;padding:18px;width:100%;max-width:700px;border-radius:10px}aside form .titleNew{margin:16px 0}aside form .titleNew input{border:1px solid #333;width:100%;border-radius:6px;margin-top:10px;padding:12px 14px;box-sizing:border-box}aside form .descriNew{border-radius:5px;margin-top:12px}aside form .descriNew .optionsNew{padding:10px;border-radius:8px 8px 0 0;border:1px solid #333;display:flex;gap:8px;flex-wrap:wrap}aside form .descriNew .optionsNew .bold,aside form .descriNew .optionsNew .italic,aside form .descriNew .optionsNew .under{padding:8px 10px;cursor:pointer;border-radius:6px}aside form .descriNew textarea{width:100%;background:transparent;padding:16px;box-sizing:border-box;min-height:160px;max-height:60vh;height:auto;border:1px solid #333;color:#fff;outline:none;border-radius:0 0 10px 10px;max-width:700px;max-height:220px;min-height:200px;min-width:100%}aside .btnsSecNew{display:flex;gap:8px;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}aside .btnsSecNew .descartar{border:none;background:transparent;color:#fff;padding:10px 18px;cursor:pointer;transition:var(--transition-all-);border-radius:8px}aside .btnsSecNew .salvar{padding:10px 18px;border:none;border-radius:8px;background-color:var(--color-icons-);color:#fff;cursor:pointer;transition:var(--transition-all-)}@media(max-width:479px){aside{padding:8px}aside .secNota{font-size:1.25rem;gap:8px}aside form{padding:12px;border-radius:8px}aside form .descriNew .optionsNew{padding:8px}aside .btnsSecNew{justify-content:center}aside .btnsSecNew .salvar,aside .btnsSecNew .descartar{width:48%}}@media(min-width:480px)and (max-width:767px){aside form .descriNew textarea{min-height:220px}}@media(min-width:768px){aside{padding:18px}aside form{padding:20px}aside form .descriNew textarea{min-height:220px}}aside{width:100%;max-width:700px;height:91vh;margin:auto;display:flex;justify-content:center;flex-direction:column}aside .secNota{font-size:xx-large;padding-bottom:10px;display:flex;align-items:center;gap:10px}aside .secNota svg{cursor:pointer}aside .secNota svg path{padding:10px}aside .secNota svg:hover{fill:#ffffffa2}aside form{border:1px solid #333;margin:0 auto;padding:20px;width:700px;height:400px;border-radius:10px}aside form .titleNew{margin:20px 0}aside form .titleNew input{border:1px solid #333;width:97%;border-radius:5px;margin-top:10px;padding-left:20px}aside form .descriNew{border-radius:5px;margin-top:15px}aside form .descriNew .optionsNew{padding:15px;border-radius:10px 10px 0 0;border:1px solid #333}aside form .descriNew .optionsNew .bold{font-weight:700;padding:6px;cursor:pointer}aside form .descriNew .optionsNew .italic{font-style:italic;padding:6px;cursor:pointer}aside form .descriNew .optionsNew .under{text-decoration:underline;padding:6px;cursor:pointer}.bold:hover,.italic:hover,.under:hover{background-color:#333}aside form .descriNew textarea{width:100%;background:transparent;padding:20px;box-sizing:border-box;height:200px;border-color:#333;color:#fff;outline:none;border-radius:0 0 10px 10px;max-width:700px;max-height:220px;min-height:200px;min-width:700px}aside .btnsSecNew{text-align:end;margin-top:20px}aside .btnsSecNew .descartar{border:none;background:transparent;color:#fff;padding:15px 25px;margin-bottom:20px;cursor:pointer;transition:var(--transition-all-);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-webkit-transition:var(--transition-all-);-moz-transition:var(--transition-all-);-ms-transition:var(--transition-all-);-o-transition:var(--transition-all-)}aside .btnsSecNew .salvar{padding:15px 25px;border:none;border-radius:10px;background-color:#00f;height:fit-content;color:#fff;cursor:pointer;transition:var(--transition-all-);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-webkit-transition:var(--transition-all-);-moz-transition:var(--transition-all-);-ms-transition:var(--transition-all-);-o-transition:var(--transition-all-)}.btnsSecNew .descartar:hover,.btnsSecNew .salvar:hover{background-color:#333}.optionPage{display:flex;align-items:center;justify-content:space-between}@media(max-width:767px){aside{max-width:100%;height:91vh;padding:10px}aside form{width:100%;max-width:none;height:auto;padding:15px;border-radius:5px;box-sizing:border-box}aside form .titleNew{margin:15px 0}aside form .titleNew input{width:100%;padding:10px;box-sizing:border-box}aside form .descriNew textarea{width:100%;max-width:none;min-width:100%;height:250px;padding:15px}aside .btnsSecNew{text-align:center;margin-top:15px}aside .btnsSecNew .descartar,aside .btnsSecNew .salvar{padding:12px 20px;margin:8px;font-size:14px}aside .secNota{font-size:large;padding-bottom:15px}}@media(min-width:768px)and (max-width:1023px){aside{max-width:95%}aside form{width:95%;padding:18px}aside form .descriNew textarea{width:100%;min-width:100%;height:280px}}@media(min-width:1024px){aside{max-width:700px}aside form{width:700px}aside form .descriNew textarea{width:100%;min-width:700px}}