/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */.toastify{padding:12px 20px;color:#fff;display:inline-block;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d;background:-webkit-linear-gradient(315deg,#73a5ff,#5477f5);background:linear-gradient(135deg,#73a5ff,#5477f5);position:fixed;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1);border-radius:2px;cursor:pointer;text-decoration:none;max-width:calc(50% - 20px);z-index:2147483647}.toastify.on{opacity:1}.toast-close{background:transparent;border:0;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;opacity:.4;padding:0 5px}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{width:1.5em;height:1.5em;margin:-7px 5px;border-radius:2px}.toastify-center{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content;max-width:-moz-fit-content}@media only screen and (max-width: 360px){.toastify-right,.toastify-left{margin-left:auto;margin-right:auto;left:0;right:0;max-width:fit-content}}@font-face{font-family:Inika;src:url(/fonts/Inika/Inika-Regular.ttf)}@font-face{font-family:Inter;src:url(/fonts/Inter/Inter-VariableFont_opsz,wght.ttf)}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #53796c;--secondary-color: #4D4D4D;--tertiary-color: #F0F1F2;--title-nav-color: #dee9e5;--white: #FCFCFC;--title-font: "Inika", serif;--text-font: "Inter", serif}body{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-10;height:100%;width:100%;background-color:#fff;background-image:linear-gradient(to right,#f0f0f0 1px,transparent 1px),linear-gradient(to bottom,#f0f0f0 1px,transparent 1px);background-size:6rem 4rem;font-family:var(--text-font);width:99.2vw;overflow-x:hidden}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:var(--white)}body::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:20px;border:3px solid var(--white)}.header{position:sticky;top:0;z-index:1000;background:linear-gradient(to top left,#416056,var(--primary-color));color:#f3f3f3;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;transition:all .3s ease}.header.shrink{padding:10px 100px;background:linear-gradient(to top left,#416056,var(--primary-color));box-shadow:#0000003d 0 3px 8px}.title1{color:var(--title-nav-color);font-family:var(--title-font);font-size:36px;font-weight:400}.title2{font-family:var(--text-font);font-weight:300;color:var(--secondary-color);font-size:33px}.title3{font-size:22px}a{text-decoration:none}input{border:none;outline:none}textarea{outline:none}.input{height:10px;width:250px;padding:15px;border-radius:5px;border:none;font-size:16px;border:1px solid var(--title-nav-color);font-family:var(--title-font);margin-right:5px}.inputForm{height:40px;width:300px;padding:15px;border-radius:5px;border:none;font-size:1.3rem;border:1px solid var(--title-nav-color);font-family:var(--title-font);margin-right:5px}.titleForm{font-family:var(--text-font);font-weight:300;color:var(--secondary-color);font-size:2.2rem}.btn{height:40px;padding:0 10px;background-color:transparent;border-radius:10px;border:2px solid var(--secondary-color);font-family:var(--title-font);font-size:19px;transition:all .3s;cursor:pointer;display:block;margin:0 auto}.btn:hover{color:var(--white);background-color:var(--secondary-color)}.btnLink{background-color:transparent;border-radius:10px;border:2px solid var(--secondary-color);font-family:var(--title-font);font-size:22px;transition:all .3s;cursor:pointer;display:block;margin:0 auto;color:var(--secondary-color);text-align:center}.btnLink:hover{color:var(--white);background-color:var(--secondary-color)}.btnAlt{height:40px;padding:0 10px;background-color:transparent;border-radius:10px;border:2px solid var(--primary-color);font-family:var(--title-font);font-size:19px;transition:all .3s;cursor:pointer;display:block;margin:0 auto}.btnAlt:hover{color:var(--white);background-color:var(--primary-color)}.divider{width:100%;height:1px;background-color:var(--secondary-color)}.underlineTitle{width:280px;height:2px;border-top-right-radius:100px;border-bottom-right-radius:100px;background-color:var(--secondary-color)}.ital{font-style:italic;font-weight:300}a{color:var(--secondary-color)}.search{background-color:transparent}.yoopta-link{color:var(--secondary-color)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 800px){.header.shrink{padding:10px}.header{justify-content:space-between;padding:20px 0}}.footer{width:100%;background-color:var(--primary-color);box-shadow:#0000003d 0 -3px 8px;margin-top:40px}.containerFooter{display:block;margin:0 auto;width:70vw;height:100%;padding:50px}.titleFooter{color:var(--title-nav-color);text-align:center;font-size:30px;font-weight:400;font-family:var(--title-font)}.divFoot{margin:50px 0;background-color:var(--title-nav-color)}.containerFooter p{text-align:center;color:var(--title-nav-color)}.linksFooter{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:0 0 50px}.linkFooter{text-decoration:none;color:#fff;font-size:16px;font-weight:400}nav{width:100%;background:transparent;height:40px;display:flex;justify-content:space-around;align-items:center;z-index:1}header{box-shadow:#0000003d 0 3px 8px}.logo{display:flex;gap:10px}.results{position:absolute;display:flex;flex-direction:column;gap:10px;top:80px;padding:30px;color:#000;box-shadow:#0000003d 0 3px 8px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;transition:all .3s;width:500px;background:#f5f5f5bd;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(4.7px);-webkit-backdrop-filter:blur(4.7px)}.results h3{font-weight:500;display:block;margin:0 auto}.postResult{padding:5px;background-color:var(--white);box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;border-radius:5px;font-size:15px;font-weight:600;transition:all .5s;display:flex;align-items:center;gap:10px;cursor:pointer}.postResult:hover{transform:scale(1.02)}.postResult img{height:70px;border-radius:5px;width:70px;object-fit:cover}.shrinkSearch{top:60px}.tools{display:flex;align-items:center;gap:40px}.tools .searchBar{display:flex;align-items:center;gap:10px}.tools .searchBar button{border:none;cursor:pointer;height:20px;width:20px}.tools .searchBar button:hover{background-color:transparent}.tools .searchBar button svg{height:20px;width:20px;color:var(--title-nav-color)}.menu__bar .navigation li button svg{height:30px;width:30px;color:var(--title-nav-color)}.menu__bar{display:flex;align-items:center}.navigation{display:flex;flex-direction:row;list-style-type:none;align-items:center;gap:20px}.navigation>li{display:flex;position:relative;cursor:pointer;align-items:center;height:42px}.navigation>li>button>svg{stroke:var(--white);fill:var(--white);color:var(--white);margin-top:-2px;transition:all .2s ease-in-out}.navigation>li>a{color:var(--white);font-size:14px;text-decoration:none}.navigation>li>button{color:var(--white);border-bottom:2px solid transparent;transition:all .3s ease;text-decoration:none;border:none;cursor:pointer;font-weight:500;gap:4px;opacity:1;align-items:center;flex-wrap:nowrap;white-space:nowrap;background:none;display:flex;padding:3px 0;position:relative;transition:all .2s ease-in-out;width:30px}.navigation>li>button:hover,.navigation>li>a:hover{opacity:.75}.navigation>li>button:hover>svg{opacity:.75;margin-top:0}.dropdown{position:absolute;top:42px;right:0;min-width:180px;border-radius:12px;background-color:var(--white);display:none;flex-direction:column;padding:8px;box-shadow:0 4px 20px #00000014;z-index:2;animation:fadeIn .2s ease-in-out;border:1px solid rgba(0,0,0,.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.list-items-with-description{list-style-type:none;width:100%}.list-items-with-description li{display:flex;padding:8px;gap:12px;width:100%;border-radius:8px;transition:background-color .2s ease}.list-items-with-description li:hover{background-color:#0000000a}.item-title{width:100%}.item-title a,.logout{color:var(--secondary-color);transition:all .2s ease;font-size:14px;font-weight:500;width:100%;display:block}.logout{background:none;cursor:pointer;border:none;padding:4px 8px;border-radius:6px;text-align:left;font-family:var(--text-font)}.item-title a:hover{opacity:.8}.item-title .logout:hover{color:#e53935;background-color:#e5393514}.navigation>li:hover .dropdown{display:flex;opacity:1}.userBtn{display:flex;align-items:center;gap:20px;background-color:transparent;border:none}.userBtn a{display:flex;align-items:center}.hamburger{display:none;flex-direction:column;gap:6px;cursor:pointer;padding:10px}.hamburger span{width:25px;height:2px;background-color:var(--title-nav-color);transition:all .3s ease}.pLink{font-weight:300;color:#fff;font-size:22px}.viewProfileBtn p{color:var(--secondary-color);transition:all .2s ease;font-size:16px;font-weight:500;width:100%;display:block;background:none;cursor:pointer;border:none;padding:4px 8px;border-radius:6px;text-align:left;font-family:var(--text-font)}@media screen and (max-width: 800px){.userBtn a{display:flex;gap:15px;font-weight:200}nav{padding:0 20px}.hamburger{display:flex}.tools{position:fixed;top:0;right:-100%;width:40%;height:100vh;background:var(--primary-color);flex-direction:column;padding:80px 20px;transition:.3s ease}.tools.active{right:0;flex-direction:column-reverse;justify-content:space-between;align-items:baseline}.navigation{flex-direction:column;align-items:flex-start}.results{position:fixed;width:90%;left:50%;transform:translate(-50%)}.dropdown{position:static;box-shadow:none;padding:10px 0}.navigation>li{width:100%}.navigation>li>button{width:100%;justify-content:flex-start}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.results{position:absolute;display:flex;flex-direction:column;gap:10px;padding:30px;color:#000;box-shadow:#0000003d 0 3px 8px;border-radius:20px;transition:all .3s;width:90vw;background:#f5f5f5bd;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(4.7px);-webkit-backdrop-filter:blur(4.7px);z-index:3}}@media screen and (max-width: 600px){.logo h1{font-size:1.6rem}.tools{width:100%}}.bloglist{width:65vw;background-color:var(--white);border-radius:30px;margin:50px auto;box-shadow:0 0 20px 50px var(--white)}@media screen and (max-width: 800px){.bloglist{width:90%;margin:20px 0}}.card{width:50vw;min-height:140px;border-radius:15px;background-color:var(--tertiary-color);transition:all .5s;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;display:flex;justify-content:space-between}.card:hover{cursor:pointer;scale:1.02;box-shadow:#64646f33 0 7px 29px,#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.miniCard{width:350px;height:370px;border-radius:20px;background-color:var(--tertiary-color);transition:all .5s;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;display:flex;justify-content:space-between}.miniCard:hover{cursor:pointer;scale:1.02;box-shadow:#64646f33 0 7px 29px,#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.block{cursor:not-allowed;width:50vw;min-height:140px;border-radius:15px;background-color:var(--tertiary-color);transition:all .5s;display:flex;justify-content:space-between;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.cardCont{width:100%}.list{margin:50px 0;width:100%;display:flex;justify-content:center;align-items:center;gap:50px;flex-direction:column}.blogTitle{margin-bottom:10px;padding:0 5px}.blogBody{padding:20px}.description{padding:0 5px}.category{display:inline-block;width:auto;padding:5px 10px;font-size:12px;background:linear-gradient(to top left,#416056,#53796c);border-radius:50px;color:var(--tertiary-color);box-shadow:0 0 3px .5px #4160566d}.imgBlog{display:block;margin:0 auto;width:100%;height:150px;object-fit:cover;background-color:var(--tertiary-color);border-top-left-radius:19px;border-top-right-radius:19px;border-bottom:4px solid var(--secondary-color);transition:all .5s}.headerCard{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btnCard{background-color:transparent;color:var(--secondary-color);font-size:1.2rem;cursor:pointer;padding:3px;border:none}.del svg{color:#ce4d4d;font-size:1.7rem}.btnCont{display:flex;gap:10px}@media screen and (max-width: 800px){.card,.block{width:90vw}}.containerLoading{height:60vh;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:50px}.spinner{width:46px;height:46px;display:grid;animation:spinner-plncf9 3s infinite}.spinner:before,.spinner:after{content:"";grid-area:1/1;border:9px solid;border-radius:50%;border-color:var(--primary-color) var(--primary-color) #0000 #0000;mix-blend-mode:darken;animation:spinner-plncf9 1s infinite linear}.spinner:after{border-color:#0000 #0000 #dbdcef #dbdcef;animation-direction:reverse}@keyframes spinner-plncf9{to{transform:rotate(1turn)}}.scroll-container{display:flex;align-items:center;overflow:hidden;width:80%;background:var(--white);padding:10px;margin:0 auto}.scroll-content{display:flex;gap:20px;padding-left:27px;overflow-x:auto;scroll-behavior:smooth;white-space:nowrap;scrollbar-width:none;height:30px}.scroll-content::-webkit-scrollbar{display:none}.scroll-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#ccc;padding:5px;transition:all .3s}.scroll-btn:hover{color:#000}.tagLink{color:var(--secondary-color);font-size:16px;cursor:pointer;transition:all .3s}.tagLink:hover,.tagActive{color:#000}.right{box-shadow:-20px 0 20px 4px var(--white);z-index:1}.left{box-shadow:20px 0 20px 4px var(--white);z-index:1}@media screen and (max-width: 800px){.scroll-container{width:100%}}.mainContent{width:100%;display:flex;flex-direction:column;justify-content:center;animation:fadeIn .5s}.class2{display:block;text-align:center;color:#2c2c2c;margin:60px 0 40px;font-size:44px;text-decoration:none;font-weight:600;cursor:default}.textMain{color:#2c2c2c;font-size:19px;font-weight:400;margin:20px 0;text-align:center}.msgMain{box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;border-radius:20px;padding:20px;width:40%;margin:40px auto;background-color:var(--tertiary-color)}@media screen and (max-width: 800px){.msgMain{width:90%}.mainContent{align-items:center}}.containerLogin{width:100%;height:80vh;display:flex;justify-content:space-between;align-items:center}.containerLogin .boxForm{display:flex;flex-direction:column;gap:20px;padding:30px;border-radius:10px;border:1px solid var(--secondary-color);background-color:var(--tertiary-color);box-shadow:#959da533 0 8px 24px}.containerLogin .boxForm form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-bottom:20px}.containerLogin .boxForm form label{align-self:baseline;font-family:var(--title-font);font-size:1.2rem;margin-top:10px}.containerForm{display:flex;justify-content:center;align-items:center;width:60%}.linkLogin{font-size:12px;text-align:center;color:var(--secondary-color);text-decoration:underline;text-decoration-style:wavy;text-underline-offset:5px}.svgs{width:40vw}.svgs img{width:30vw;display:block}@media screen and (max-width: 800px){.containerLogin{flex-direction:column;align-items:center;margin:20px 0;gap:20px;height:auto}.svgs img{width:30vw;display:none}}.not-found{width:100%;height:60vh;display:flex;align-items:center}.errorContainer{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;width:40vw;margin:0 auto;border:2px solid var(--secondary-color);border-radius:30px;padding:30px;max-height:400px;background-color:var(--white)}.errorTitle{font-size:70px;margin:0;color:var(--secondary-color)}.errorSubTitle{font-size:24px;margin:20px 0}.errorP{font-size:18px;margin:20px 0}.containerNewBlog{max-width:1200px;margin:2rem auto;padding:0 1.5rem;animation:slideIn .6s ease-out}.contentNewBlog{background:var(--white);border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:3rem;margin-bottom:2rem;transition:all .3s ease}.formNewBlog{display:flex;flex-direction:column;gap:2.5rem}.title2NewBlog{font-size:2.25rem;font-weight:600;margin-top:2rem;line-height:2.5rem;position:relative;margin-bottom:1.5rem}.title2NewBlog:after{content:"";position:absolute;bottom:-10px;left:0;width:100px;height:3px;background:var(--secondary-color);border-radius:2px}.inputNewBlog{width:100%;background:var(--white);border:2px solid #e0e0e0;border-radius:12px;transition:all .3s ease;font-family:var(--text-font)}.inputNewBlog:focus{border-color:var(--secondary-color);box-shadow:0 0 0 4px rgba(var(--secondary-color-rgb),.1);transform:translateY(-2px);outline:none}textarea{border:none;outline:none}.titleNewBlog{height:70px;padding:1.5rem;font-size:2.5rem;font-weight:700;color:#2c2c2c;transition:all .3s ease}.resumeNewBlog{min-height:150px;padding:1.5rem;font-size:1.25rem;line-height:1.6;resize:vertical}.box{min-height:400px;background:var(--white);border:2px solid #e0e0e0;border-radius:12px;padding:2rem;margin-top:1rem;transition:all .3s ease}.box:hover,.box:focus-within{border-color:var(--secondary-color);box-shadow:0 8px 20px #0000001a}.subTitle3{font-size:1.5rem;color:#2c2c2c;font-weight:600;margin:0;position:relative;padding-left:1rem;border-left:4px solid var(--secondary-color)}@media (max-width: 768px){.containerNewBlog{margin:1rem auto}.contentNewBlog{padding:1.5rem}.titleNewBlog{font-size:1.75rem;height:auto;min-height:60px}.subTitle3{font-size:1.25rem}.box{min-height:300px;padding:1rem}.btn{width:100%;padding:1rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.titleBlogs{text-align:center;margin-bottom:3rem}.title2{font-size:3rem;color:var(--secondary-color);font-weight:700;position:relative;display:inline-block;padding-bottom:1rem}.title2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--secondary-color),var(--primary-color));border-radius:2px}.btn{width:100%;max-width:200px;align-self:center;height:50px;background-color:var(--primary-color);border:none;font-family:var(--text-font);font-weight:600;color:var(--title-nav-color);border-radius:10px;font-size:20px;cursor:pointer;box-shadow:#0000003d 0 3px 8px;transition:all .2s ease-in}.btn:hover{background-color:var(--secondary-color);box-shadow:none;transform:scale(.98)}.btn:active{transform:scale(.95)}.charCounter{margin-top:.5rem;text-align:right;color:#666;font-size:.9rem}.tagContainer{margin-top:1rem;display:flex;flex-wrap:wrap;gap:1rem}.inputNewBlog,.box,.btn{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tagsContainer{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;background-color:var(--tertiary-color);border-radius:10px;border-left:3px solid var(--secondary-color);padding:15px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.btnCategory{padding:5px;cursor:pointer;border-radius:10px;border:2px solid var(--secondary-color);font-family:var(--text-font);transition:all .3s}.btnCategory:hover{background-color:var(--secondary-color);color:var(--white)}.tagSelected{margin-bottom:30px}.comments{border-bottom:2px solid var(--secondary-color);margin-bottom:60px;padding-bottom:60px}.createComment{display:block;width:100%;height:40px;background-color:var(--white);border:2px solid var(--secondary-color);box-shadow:#0000003d 0 3px 8px;border-radius:10px;margin:20px auto;display:flex;align-items:center;padding:10px;cursor:text}.createComment p{font-weight:300;font-style:italic;color:#6f6f6f}.inputComment{resize:none;display:block;width:100%;height:100px;margin:0 auto;border-radius:10px 10px 0 0/10px 10px 0px 0px;position:relative;bottom:60px;transition:all .5s;padding:10px;font-size:16px;font-family:var(--text-font);border:2px solid var(--secondary-color);border-bottom:none}.inputComment::placeholder{font-weight:300;font-style:italic;color:#6f6f6f}.containerComments{width:100%;opacity:0;visibility:hidden;transition:all .1s ease-in-out;height:0px}.inpActivated{opacity:1;visibility:visible;height:100px}.toolsComments{width:100%;display:block;margin:0 auto;position:relative;bottom:60px;border:2px solid var(--secondary-color);padding:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;display:flex;justify-content:space-between;gap:10px;align-items:center}.buttonsComentarios{display:flex;gap:10px}.send{border:1px solid var(--secondary-color);font-family:var(--text-font);font-weight:600;color:var(--secondary-color);height:30px;width:70px;border-radius:30px;font-size:16px;cursor:pointer;box-shadow:#0000003d 0 3px 8px;transition:all .2s ease-in}.send:hover{background-color:var(--primary-color);color:var(--title-nav-color);border:none;box-shadow:none;transform:scale(.98)}.cancel{height:30px;width:70px;border:1px solid var(--secondary-color);font-family:var(--text-font);color:var(--secondary-color);font-weight:600;border-radius:30px;font-size:16px;cursor:pointer;box-shadow:#0000003d 0 3px 8px;transition:all .2s ease-in}.cancel:hover{background-color:#bb1a1a;color:var(--title-nav-color);border:none;box-shadow:none;transform:scale(.98)}.lenght{opacity:.5;font-size:14px}.writeComment{padding-bottom:20px}.comentario{width:100%;border-radius:10px;background-color:var(--tertiary-color);transition:all .5s;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;display:flex;flex-direction:column;padding:20px;gap:10px}.miniIcon{height:30px;width:30px;border-radius:50%;background-color:#000;object-fit:cover}.infoUserComentario{display:flex;align-items:center;gap:10px;margin-bottom:8px}.noComments{padding:10px;display:flex;justify-content:center;margin:0 auto}.noComments h2{font-weight:300}.viewComments{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.deleteCommentBtn{background-color:transparent;border:none;color:#bb1a1a;cursor:pointer;font-size:.9rem;margin-left:auto;padding:4px 8px;transition:all .2s ease}.deleteCommentBtn:hover{background-color:#bb1a1a14;border-radius:4px}.blogContent{width:55vw;background-color:var(--white);border-radius:30px;margin:60px auto;box-shadow:0 0 20px 50px var(--white);min-height:600px;animation:fadeIn .7s}.titleBlog{margin-bottom:20px;font-size:2.25rem;font-weight:600;color:var(--secondary-color);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.textHead{color:var(--secondary-color);margin-bottom:5px}.flex{display:flex;gap:10px}.headBlog{padding-bottom:40px;border-bottom:2px solid var(--secondary-color);margin-bottom:20px}.navBlog{display:flex;gap:30px;padding-bottom:20px;border-bottom:2px solid var(--secondary-color);padding-left:20px}.navBlog svg{cursor:pointer}.contentBlog{margin:30px 0 60px;border-bottom:2px solid var(--secondary-color)}.textBlog{margin:10px 0}.yoopta-paragraph{padding-left:15px}.subTitleBlog{font-weight:600;color:var(--secondary-color);margin-bottom:30px}.linkBlog{max-width:40%;display:flex;align-items:center;justify-content:center}.moreContent{width:100%;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;padding-bottom:60px;margin-bottom:60px;border-bottom:2px solid var(--secondary-color)}@media screen and (max-width: 800px){.blogContent{width:90%;background-color:var(--white);border-radius:30px;margin:60px auto;box-shadow:0 0 20px 50px var(--white);min-height:600px}}body.modal-open{overflow:hidden}.containerUser{max-width:1200px;margin:2rem auto;padding:0 1rem}.boxUser{background:#fff;border-radius:16px;box-shadow:0 4px 30px #0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);padding:2rem;margin-bottom:2rem;transition:transform .2s ease}.boxUser:hover{transform:translateY(-5px)}.infoUser{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eaeaea}.userImg{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 4px 15px #0000001a}.fontUser{font-size:3rem;color:var(--secondary-color);font-weight:600;margin:0}.statsUser{display:flex;gap:2rem;flex-wrap:wrap}.statsText{font-size:1rem;color:#666;margin:0;display:flex;align-items:center;gap:.5rem}.statsText span{color:#2c3e50;font-weight:600}.listUserPage{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.listUserPage .noBlogs{font-size:2rem;font-weight:400;display:block;width:fit-content;margin:0 auto;grid-column:1 / -1;color:var(--secondary-color)}@media (max-width: 768px){.infoUser{flex-direction:column-reverse;text-align:center}.statsUser{justify-content:center}.list{grid-template-columns:1fr}}.boxUser{animation:fadeIn .5s ease forwards}.cardNewBlog{background:linear-gradient(to top right,#416056,var(--primary-color));min-height:370px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.cardNewBlog h3{color:var(--white)}.iconNewBlog{font-size:3rem;color:var(--white)}.headerBlogContainer{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.iconGear{font-size:1.8rem;color:#666;cursor:pointer}.iconGear:hover{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.configIcon{cursor:pointer;font-size:1.5rem;color:var(--secondary-color);transition:all .3s ease}.configIcon:hover{transform:rotate(90deg)}.config-container{display:flex;flex-direction:column;gap:2rem;padding:1rem;width:60%;margin:0 auto}.config-item{display:flex;flex-direction:column;gap:1rem}.config-input{padding:.5rem;font-size:1rem}.config-button{padding:.75rem 1rem;border:none;border-radius:4px;color:#fff;font-weight:700;cursor:pointer;transition:opacity .3s ease}.config-button:hover{opacity:.8}.config-button.update{background-color:var(--secondary-color)}.config-button.delete{background-color:#dc3545}.delete-confirm-container{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.delete-warning{color:#dc3545;font-size:1.1rem;text-align:center;margin:0}.delete-actions{display:flex;justify-content:center;gap:1rem}.config-button.cancel{background-color:#6c757d}.modal{background-color:#00000090;height:100dvh;width:100dvw;z-index:100000;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center}.hidden{display:none}.modalContent{background:#fff;border-radius:16px;box-shadow:0 4px 30px #0000001a;padding:2rem;width:80%;max-width:90%;position:relative;height:70dvh;display:flex;flex-direction:column}.modalHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.modalHeader h2{margin:0 auto}.modalBody{display:flex;flex-wrap:wrap;gap:1rem;overflow-y:auto;flex:1;padding-right:.5rem;padding-top:20px}.modalBody::-webkit-scrollbar{width:8px}.modalBody::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modalBody::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modalBody::-webkit-scrollbar-thumb:hover{background:#555}.btnCloseModal{font-size:1rem;color:#666;cursor:pointer;border:none;background-color:transparent}.containerContact{max-width:1200px;margin:2rem auto;padding:0 1.5rem;animation:fadeIn .6s ease-out}.contactContent{background:var(--white);border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:3rem;margin-bottom:2rem;transition:all .3s ease}.title2{font-size:3rem;color:var(--secondary-color);font-weight:700;position:relative;display:inline-block;padding-bottom:1rem;text-align:center;width:100%}.contactDesc{text-align:center;color:#666;font-size:1.2rem;margin:2rem 0}.contactForm{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.formGroup{display:flex;flex-direction:column;gap:.5rem}.formGroup label{color:var(--secondary-color);font-size:1rem;font-weight:500}.inputContact{width:100%;padding:.8rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:var(--text-font);transition:all .3s ease}.inputContact:focus{border-color:var(--secondary-color);box-shadow:0 0 0 4px #53796c1a}.textareaContact{width:100%;min-height:150px;padding:.8rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:var(--text-font);resize:vertical;transition:all .3s ease}.textareaContact:focus{border-color:var(--secondary-color);box-shadow:0 0 0 4px #53796c1a}.contactInfo{margin-top:3rem;display:flex;flex-direction:column;align-items:center}.contactInfo h3{color:var(--secondary-color);font-size:1.5rem;margin-bottom:1rem}.figureContact{display:flex;justify-content:center;align-items:center;margin-bottom:1rem;gap:.2rem;background:var(--white);width:fit-content;padding:.8rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:var(--text-font);transition:all .3s ease}.figureContact:has(a:hover){border-color:var(--secondary-color);box-shadow:0 0 0 4px #53796c1a}@media (max-width: 768px){.containerContact{margin:1rem auto;padding:0 1rem}.contactContent{padding:2rem}.title2{font-size:2rem}.contactDesc{font-size:1rem}.socialLinks{flex-direction:column;gap:1rem}.socialLinks a{display:block;max-width:200px;margin:0 auto}}.containerAboutUs{max-width:1200px;margin:2rem auto;padding:0 1.5rem;animation:fadeIn .6s ease-out}.contentAboutUs{background:var(--white);border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:3rem;margin-bottom:2rem;transition:all .3s ease}.containerAboutUs p{font-size:18px;line-height:1.5;margin:15px 0}.textAboutUs{margin-top:20px}.containerAboutUs a{text-decoration:underline;text-decoration-style:wavy;text-underline-offset:3px;text-decoration-thickness:1.2px}.containerAboutUs img{width:60%;border-radius:10px;box-shadow:0 4px 8px #0003;transition:transform .2s ease-in-out;cursor:pointer;margin:40px auto 0;display:block}.containerAboutUs img:hover{transform:scale(1.02)}