body{background:linear-gradient(135deg,#ecedf0,#c4d5e7);color:#050505;margin:0;display:flex;flex-direction:column}#root{flex-grow:1}.card{border-radius:1rem;box-shadow:0 4px 20px #0000001a;transition:transform .2s ease}.cardpublic{border-radius:1rem;box-shadow:0 4px 20px #0000001a;background-color:#fff!important;--bs-card-spacer-y: 1rem;--bs-card-spacer-x: 1rem;--bs-card-title-spacer-y: .5rem}.swal2-popup{background-color:#fff3f34d;border:1px solid #adadad;box-shadow:9px 8px 4px #1613131a;border-radius:8px}.login-container{margin-top:5vh}.login a.link-secondary{text-decoration:none;color:#6c757d;font-weight:500;transition:color .3s ease}.login a.link-secondary:hover{color:#007bff;text-decoration:underline}.login .divider{font-size:.9rem;color:#adb5bd;margin:1rem 0;position:relative;display:flex;align-items:center;justify-content:center}.login .divider:before,.login .divider:after{content:"";flex:1;height:1px;background-color:#e9ecef;margin:0 10px}.login .btn-register{display:inline-block;background-color:#007bff;color:#fff;padding:10px 20px;border-radius:.5rem;font-size:1rem;font-weight:500;transition:background-color .3s ease;text-decoration:none}.login .btn-register:hover{background-color:#0056b3}.login{border-radius:1rem;box-shadow:9px 8px 4px #1613131a;transition:transform .2s ease,box-shadow .2s ease;background-color:#fff3f34d;border:1px solid #adadad;width:400px;padding:20px;margin:20px auto;animation:fadeIn .5s ease-in-out}.login:hover{transform:scale(1.02);box-shadow:0 6px 25px #00000026}.recovery,.register{border-radius:1rem;box-shadow:9px 8px 4px #1613131a;transition:transform .2s ease,box-shadow .2s ease;background-color:#fff3f34d;border:1px solid #adadad;width:400px;padding:20px;margin:20px auto;animation:fadeIn .5s ease-in-out}.register:hover{transform:scale(1.02);box-shadow:0 6px 25px #00000026}.card-body h5{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#343a40}.input-group-text{background-color:#f0f0f0;border:none}.form-control{border:1px solid #ced4da;border-radius:.5rem;padding:10px 15px}.form-control:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.btn-primary{background-color:#007bff;border:none;border-radius:.5rem;transition:background-color .3s ease}.btn-primary:hover{background-color:#0056b3}.text-center a{color:#6c757d;text-decoration:none}.text-center a:hover{color:#007bff}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card:hover{transform:scale(1.05)}.navbar{background:linear-gradient(135deg,#6c757d,#495057);border-bottom:1px solid #8aa4c9;box-shadow:-9px -9px 15px 6px #0000001a}.btn-close{background-color:#fff!important}.offcanvas{background-color:#eeebebf3!important;border:1px solid #adadad;color:#000!important;box-shadow:9px 8px 4px #1613131a;border-radius:8px}.offcanvas ul.li{margin-bottom:2rem}.offcanvas .nav-link{color:#000;transition:.3s;font-size:1.1rem;padding:10px}.offcanvas .nav-link:hover{background-color:#b6b6b6;border-radius:5px}.offcanvas img{width:100px;height:100px;object-fit:cover;border-radius:50%}.offcanvas .list-unstyled li a{color:#000!important;text-decoration:none!important;transition:.3s;font-size:1.1rem;padding:3px}.offcanvas .list-unstyled li a:hover{color:#ecedee!important;background-color:#bdb6b6!important;border-radius:5px}.offcanvas .social-icons a{font-size:1.2rem;padding:10px;transition:background-color .3s ease,transform .3s ease}.offcanvas .social-icons a:hover{background-color:#fff;transform:scale(1.1);color:#0d1117}.blog-post{background-color:#fff3f34d;border:1px solid #adadad;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:9px 8px 4px #1613131a;margin-top:10px}.blog-post img{max-width:100%;height:auto;object-fit:contain;border-radius:5px;box-shadow:0 4px 8px #0000001a}.result{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;margin-top:20px;max-width:550px}.result h1{font-size:1.8rem;color:#333;margin-bottom:10px}.result h3{font-size:1.2rem;color:#555}.result h1:after{content:"";display:block;width:50px;height:3px;background-color:#007bff;margin-top:8px;border-radius:2px}.blog-post h3,h2{color:#5b5b5c!important;font-weight:700}.blog-post h3{color:#5b5b5c!important}.blog-post p{color:#080808}.blog-post .btn{margin-right:5px}.dropdown,.label{color:#000}.cover-image-preview{max-height:200px;width:auto;object-fit:cover;border-radius:5px}.article-item{padding-bottom:20px;border-bottom:1px solid #ddd;margin-bottom:20px}.title-section,.comments-section{background-color:#fff3f34d;border:1px solid #adadad;border-radius:8px;box-shadow:9px 8px 4px #1613131a;padding:20px;margin-top:20px}.comments-section h4{color:#2980b9;font-weight:700}.comments-section .comment h6{color:#2c3e50;font-weight:700}.comments-section .comment p{color:#2980b9}.comments-section form button:hover{background-color:#1abc9c;color:#fff;border-color:#16a085}.time{color:#6c757d!important}.btn-outline-primary:hover,.btn-outline-secondary:hover,.btn-outline-info:hover{background-color:#4ade80;color:#0d1117;border-color:#1f2937}.blog-post img,.comments-section{transition:all .3s ease}.blog-post img:hover{transform:scaleX(01.01)}.sidebar{background-color:#fff3f34d;border:1px solid #adadad;margin-bottom:10px;padding:20px;border-radius:10px;box-shadow:9px 8px 4px #1613131a}.sidebar h4{margin-top:20px}.sidebar p{color:#020202}.sidebar img{width:150px;height:150px;object-fit:cover;border:3px solid #ccc}.sidebar .social-icons a{font-size:1.2rem;padding:10px;transition:background-color .3s ease,transform .3s ease}.sidebar .social-icons a:hover{background-color:#fff;transform:scale(1.1);color:#0d1117}.sidebar h5{color:#333;margin-top:20px}.sidebar ul{padding-left:0}.sidebar ul li{list-style:none;margin-bottom:10px}.sidebar ul li a{text-decoration:none;color:#333}.sidebar ul li a:hover{text-decoration:underline}#uploadImage{display:none}.perfil{border-radius:1rem;box-shadow:0 4px 20px #0000001a;transition:transform .2s ease;background-color:#fff}.perfil:hover{transform:scale(1.02)}.profile-image{cursor:pointer;transition:transform .2s}.profile-image:hover{transform:scale(1.05)}.perfiles{background-color:#fff3f34d;border:1px solid #adadad;padding:10px;margin-bottom:10px;border-radius:8px;box-shadow:9px 8px 4px #1613131a;margin-top:10px}.footer{background:linear-gradient(135deg,#343a40,#495057);border-bottom:1px solid #8aa4c9;box-shadow:-9px -9px 15px 6px #0000001a;text-align:center;padding:1rem 0;width:100%}.footer p{margin:0}.footer{margin-top:auto}@media (max-width: 768px){.sidebar{display:none}.navbar .container-fluid{justify-content:space-between}}.search-bar{margin-bottom:20px}.search-bar input{background-color:#343a40;border:1px solid #495057;color:#fff;padding:10px;border-radius:.5rem;transition:background-color .3s ease,box-shadow .3s ease}.search-bar input::placeholder{color:#adb5bd}.search-bar input:focus{background-color:#99c7f5;box-shadow:0 0 5px #007bff40;border-color:#0d6efd}@keyframes ldio-skmaehqkth8{0%{top:96px;left:96px;width:0;height:0;opacity:1}to{top:18px;left:18px;width:156px;height:156px;opacity:0}}.ldio-skmaehqkth8 div{position:absolute;border-width:4px;border-style:solid;opacity:1;border-radius:50%;animation:ldio-skmaehqkth8 1s cubic-bezier(0,.2,.8,1) infinite}.ldio-skmaehqkth8 div:nth-child(1){border-color:#e90c59;animation-delay:0s}.ldio-skmaehqkth8 div:nth-child(2){border-color:#46dff0;animation-delay:-.5s}.loadingio-spinner-ripple-bu65vaa6en5{width:200px;height:200px;display:inline-block;overflow:hidden;background:#fff0}.ldio-skmaehqkth8{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0}.ldio-skmaehqkth8 div{box-sizing:content-box}