*{margin:0;padding:0;box-sizing:border-box}body{font-family:"abeezee";line-height:1.6;background-color:#f4f4f4;color:#333}.container{max-width:1200px;margin:0 auto;padding:0 15px}.header{background-color:#222;color:#fff;padding:10px 0;text-align:center;transition:transform 0.3s ease}.hidden{transform:translateY(-100%);transition:transform 0.3s ease}.no-scroll{overflow:hidden;height:100vh}.header .logo{font-size:4rem;font-family:"Staatliches";font-weight:400;color:#68a;letter-spacing:2px}.menu-icon{display:flex;align-items:center}.menu-icon img{display:block}.nav ul{font-family:"Staatliches";padding:15px 0 0 10px;display:flex;justify-content:left;gap:20px;list-style:none}.nav a{color:#fff;text-decoration:none;font-size:1.5rem}.nav a:hover{text-decoration:underline}.main{flex:1;display:flex;justify-content:center;align-items:stretch}.articles-container{background-color:#D9D9D9;padding-top:30px;box-shadow:0 4px 8px rgba(0,0,0,0.1);max-width:1180px;width:100%;box-sizing:border-box;min-height:calc(100vh - 170px)}.articles{display:flex;flex-direction:column;gap:20px}.article{display:flex;flex-direction:row;padding:15px;border-bottom:1px solid #777777;min-height:250px}.content{display:flex;flex-direction:column;flex-grow:1;gap:10px}.thumbnail{width:250px;height:250px;min-height:250px;border-radius:5px;flex-shrink:0;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:contain;border-radius:5px}.meta{font-size:0.9rem;color:#373737;margin-top:auto;margin-bottom:5px}.title{font-family:"Staatliches";letter-spacing:1px;font-size:2rem;font-weight:600;color:#222;margin-bottom:5px;width:80%}.description{margin-top:10px;margin-bottom:15px;font-size:1rem;text-align:justify;text-justify:inter-word;overflow-wrap:break-word;hyphens:auto;width:95%}.read-more{color:#00B8D4;text-decoration:none;font-weight:bold}.read-more:hover{text-decoration:underline}.article-comments{color:#373737;text-decoration:none}.article-comments::after{content:"-"}.author::after{content:"-"}.sidebar{position:fixed;top:0;left:-450px;width:100%;height:100vh;max-width:450px;background-color:#D9D9D9;color:#fff;transition:left 0.3s ease;z-index:1100;overflow-y:auto}.sidebar.open{left:0}.sidebar .close-btn{background:none;border:none;font-size:1.5rem;color:#000000;cursor:pointer;position:absolute;top:10px;right:10px}.sidebar .close-btn img{width:30px;height:30px;display:block}.sidebar nav{padding-top:2rem;flex-grow:1}.sidebar nav ul{border-top:1px solid rgb(0,0,0);list-style:none;margin-top:15px}.sidebar nav ul li{color:black;margin:15px 0}.sidebar nav ul li a{color:#000000;text-decoration:none;font-size:1.2rem}.sidebar-footer a{font-size:1rem!important;color:#000000;text-decoration:none}.sidebar-footer a:hover{text-decoration:underline}.sidebar nav ul li a:hover{text-decoration:underline}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.5);opacity:0;pointer-events:none;transition:opacity 0.3s ease;z-index:1000}.overlay.active{opacity:1;pointer-events:all}.user-login-register{display:flex;gap:15px;color:black}.user-login-register img{flex-shrink:0;border-radius:50%;cursor:pointer;margin-left:5px;object-fit:contain}.user-login-register a{color:#00B8D4!important;font-size:1rem!important}.login-user h1{margin:0;font-size:1.5rem;color:#000000;cursor:pointer}.login-user p{margin:0;font-size:0.9rem;color:#000000}.contenido-nav{border-top:1px solid black}.contenido-nav h1{margin:15px;font-size:1.2rem;color:black;text-decoration:underline}.login-nav-item a{margin:15px!important;font-size:1rem!important}.search-form{width:100%}.search-container{position:relative;width:100%}.search-container input{font-family:"abeezee";border:none;width:100%;padding:1.5rem 3rem 1.5rem 2rem;box-sizing:border-box}.search-container .search-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);pointer-events:none}.sidebar-footer{padding:20px;border-top:1px solid #ccc}.sidebar-footer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.footer-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:#333;font-weight:500;transition:color 0.3s}.footer-link:hover{color:#68a}.footer-icon{width:40px;height:40px;flex-shrink:0}.autor-title{font-size:2.5rem;font-family:"Staatliches";width:100%;text-align:center}.autor-form{max-width:700px;margin:0px auto;padding:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.alert-danger{color:#721c24;padding:10px;margin-bottom:20px;text-align:center}.alert-activation{color:#68a;padding:10px;margin-bottom:20px;text-align:center}.alert-danger ul{list-style-type:none}.sobre-ti{flex:1 1 calc(100% - 50px)}.sobre-ti textarea{resize:vertical}.autor-form .form-group{margin-bottom:20px}.autor-form .form-group label{font-weight:bold;margin-bottom:5px;display:block;color:#333}.autor-form .form-control{width:100%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:5px;transition:border-color 0.3s}.autor-form .form-control:focus{border-color:#68a;box-shadow:0 0 5px #00B8D4}.autor-form .form-group .errorlist{margin-top:5px;color:#d9534f;font-size:12px;font-style:italic}.autor-form input[type="submit"]{padding:10px 20px;background-color:#68a;color:white;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color 0.3s}.autor-form input[type="submit"]:hover{background-color:#00B8D4}.autor-form .text-center{text-align:center}.intro{font-style:italic;font-size:1.3rem}.contenido-articulo p{margin:20px 100px 0px 100px;text-align:justify;text-justify:inter-word;overflow-wrap:break-word;hyphens:auto}.tags{margin:0px 100px 20px 100px;padding-top:10px;border-top:1px solid black}.tags a{border:1px solid #68a;background-color:#68a;padding:1px;text-decoration:none;color:black}.contenido-articulo h1{margin:0 100px 0 100px;font-size:2rem;text-transform:uppercase}.contenido-articulo h2,h3,h4{margin:0 100px 0 100px}.contenido-articulo ul{margin:20px 100px 20px 140px;overflow-wrap:break-word}.contenido-articulo ol{margin:20px 100px 20px 140px;overflow-wrap:break-word}.meta-article{margin:0 100px 0 100px!important;color:rgb(88,88,88)}.autor{margin:10px 100px 10px 100px!important;color:black}.contenido-articulo hr{margin:20px 0 20px 0}.left{margin-left:100px;float:left;margin-right:20px}.right{margin-right:100px;float:right;margin-left:20px}.full-width{display:block;margin:0 auto;max-width:100%;height:auto}.richtext-image{align-items:center;object-fit:contain}.comment-user a{color:black;text-decoration:none;cursor:pointer}.comment-user a:hover{color:#68a;text-decoration:underline}iframe{display:block;margin-left:auto;margin-right:auto;width:720px;height:400px}@media ((min-width:768px) and (max-width:1138px)){.sidebar-footer-list{flex-direction:row;justify-content:space-around}.footer-link{flex-direction:column;text-align:center}.contenido-articulo ul,.contenido-articulo ol{margin:20px 0px 0px 30px!important;padding-left:20px}.autor{margin:15px 20px 0px 20px!important}.contenido-articulo h2,h3,h4{margin:10px 20px 0 20px}.contenido-articulo ul{margin:10px 40px 10px 40px}.contenido-articulo ol{margin:10px 40px 10px 40px}.thumbnail{display:none}.contenido-articulo h1{margin:0 20px 0 20px;font-size:2rem}.meta-article{margin:0 20px 10px 20px!important}.contenido-articulo p{margin:0 20px 20px 20px;text-align:justify;text-justify:inter-word;overflow-wrap:break-word;hyphens:auto}.tags{margin:0px 20px 20px 20px;padding-top:10px;border-top:1px solid black}.contenido-articulo ol{margin:20px 0px 0px 20px!important;padding-left:20px}}@media (max-width:768px){.sidebar nav{padding-top:1.5rem;flex-grow:1}.sidebar .close-btn img{width:20px;height:20px;display:block}iframe{display:block;margin-left:auto;margin-right:auto;width:420px;height:240px}.left{margin-left:0;float:none;margin-right:0}.right{margin-right:0;float:none;margin-left:0}.contenido-articulo ul,.contenido-articulo ol{margin:20px 0px 0px 25px!important;padding-left:20px}.autor{margin:15px 20px 0px 20px!important}.contenido-articulo h2,h3,h4{margin:10px 20px 10px 20px}.contenido-articulo ul{margin:10px 40px 10px 40px}.contenido-articulo ol{margin:10px 40px 10px 45px}.tags{margin:0px 20px 20px 20px;padding-top:10px;border-top:1px solid black}.autor-form .row>[class*="col-"]{margin-bottom:15px}.contenido-articulo h1{margin:0 20px 0 20px;font-size:1.7rem}.meta-article{margin:0 20px 10px 20px!important}.left,.right{display:block;margin:0 auto;max-width:100%}br{display:none}.full-width{display:block;margin:0 auto;max-width:80%}.contenido-articulo p{margin:0 20px 20px 20px;text-align:justify;text-justify:inter-word;overflow-wrap:break-word;hyphens:auto}.lista{display:none}.thumbnail{display:none}.article{flex-direction:column;padding:10px}.title{font-size:1.5rem;font-family:"Staatliches";width:100%}.description{font-size:0.9rem}.meta{font-size:0.8rem}.sidebar{overflow-y:scroll}}@media (max-width:480px){iframe{display:block;margin-left:auto;margin-right:auto;width:360px;height:240px}.contenido-articulo ul,.contenido-articulo ol{margin:20px 0px 0px 25px!important;padding-left:20px}.sidebar{overflow-y:scroll;width:90%}.header .logo{font-size:2rem}.nav a{font-size:1rem}.description{font-size:0.8rem}}#id_email{width:100%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:5px;transition:border-color 0.3s}.centered-text{display:flex;justify-content:center;align-items:center;text-align:center;font-style:italic}#id_email,#id_new_password1,#id_new_password2,#id_old_password{width:100%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:5px;transition:border-color 0.3s}.contenido-articulo ul ul,.contenido-articulo ol ol{margin-left:20px}.contenido-articulo ul,.contenido-articulo ol{margin:20px 0px 0px 100px;padding-left:20px;overflow-wrap:break-word}.contenido-articulo ul li,.contenido-articulo ol li{margin:10px 0;margin-right:30px!important}.contenido-articulo ol{list-style-type:decimal}.contenido-articulo ol ol{list-style-type:lower-alpha;margin-left:20px}.contenido-articulo ol ol ol{list-style-type:lower-roman;margin-left:20px}.contenido-articulo ol ol ol ol{list-style-type:decimal;margin-left:20px}.contenido-articulo ol ol ol ol ol{list-style-type:lower-alpha;margin-left:20px}.edit-profile-form{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#D9D9D9;padding:30px;width:100%;max-width:1000px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.3);z-index:1000;overflow-y:auto;color:black}.edit-profile-form label{display:block;margin-bottom:8px;font-weight:bold}.edit-profile-form input[type="text"],.edit-profile-form input[type="file"]{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;font-size:14px;transition:border-color 0.3s}.edit-profile-form input[type="file"]{border:None!important}.edit-profile-form input[type="text"]:focus{border-color:#68a;box-shadow:0 0 5px #00B8D4}.edit-profile-form input[type="file"]{padding:8px;font-size:14px}.edit-profile-form button{padding:12px 20px;background-color:#68a;color:white;border:none;border-radius:4px;font-size:16px;cursor:pointer;width:100%;margin-top:10px;box-sizing:border-box}.edit-profile-form button:hover{background-color:#00B8D4}.edit-profile-form .close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer}.usuario-logo{border-radius:50%;object-fit:cover;display:block}#avatar-input{height:50px;line-height:50px;padding:5px;font-size:14px}#email-input{background:white}#edit-profile-form .form-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:20px}#edit-profile-form label{margin-right:5px;min-width:90px;text-align:left}#edit-profile-form input[type="text"],input[type="file"]{flex:1}#edit-profile-form textarea{flex:1;padding:10px;border:1px solid #ccc;border-radius:4px;resize:vertical;font-size:14px;width:100%;box-sizing:border-box}#edit-profile-form textarea::placeholder{color:#999;font-style:italic}.titulo-perfil{display:flex;align-items:center;gap:15px;padding:10px;margin-bottom:20px}.titulo-perfil>div{display:flex;align-items:center;gap:10px;margin-left:30px}.switch{position:relative;display:inline-block;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:white;transition:.4s;border-radius:50%}input:checked + .slider{background-color:#4CAF50}input:checked + .slider:before{transform:translateX(22px)}.slider.round{border-radius:34px}.usuario-logo{border-radius:50%;width:50px;height:50px}.close-btn-profile{background-color:transparent!important;position:fixed;top:10px;right:10px;background:none;border:none;cursor:pointer;z-index:1000;width:100px!important}.close-btn-profile img{width:30px;height:30px}.perfil-info{display:flex;flex-direction:column;align-items:flex-start}.perfil-header{display:flex;align-items:center;justify-content:space-between;gap:0px;margin-bottom:10px}.foto_perfil{max-width:120px;max-height:120px;height:auto;margin-right:15px}.descripcion{margin-bottom:10px!important}.rol,.descripcion{font-size:20px!important}.redes{display:flex;justify-content:center;gap:20px;margin-top:20px}.red-social-icon{width:40px;height:40px;transition:transform 0.3s ease}.red-social-icon:hover{transform:scale(1.1)}.titulo-noticias{display:flex;align-items:center;margin-top:20px!important;gap:10px}.titulo-noticias img{width:50px;height:50px;margin-right:10px;display:block}.articulo-fecha{font-size:1.5em;color:#333;margin-bottom:10px}.articulos-publicados{margin:20px 100px 20px 100px}.articulos-publicados h2{margin:0}ul.post-list{padding-left:0;list-style-type:disc;margin:0;margin-left:50px}ul.post-list li{margin-bottom:10px}.post-link{color:#68a;font-weight:bold;text-decoration:none;display:block}.post-link:hover{color:#006f83;text-decoration:underline}@media (max-width:424px){.perfil-info h1{font-size:20px;margin-bottom:5px}.perfil-info .rol{font-size:14px!important;line-height:1.4;word-wrap:break-word}}@media (max-width:767px){.titulo-noticias{font-size:1.5rem!important}.titulo-noticias img{width:50px;height:50px;margin-right:0}.articulos-publicados{margin:10px 20px 10px 20px}.articulo-fecha{font-size:1.3em;margin-bottom:8px}ul.post-list{margin-left:20px}.post-link{font-size:1em}ul.post-list li{margin-bottom:8px}.edit-profile-form{width:90%!important;padding:15px!important;max-height:80vh;overflow-y:auto}#edit-profile-form .form-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.titulo-perfil{flex-direction:column!important;text-align:center!important}.close-btn-profile{top:5px!important;right:5px!important;width:40px!important}.close-btn-profile img{width:20px!important;height:20px!important}.perfil-header{flex-direction:column;align-items:center;gap:10px;margin-bottom:15px}.perfil-info{text-align:center}.foto_perfil{max-width:100px;max-height:100px;margin-right:0;margin-bottom:10px}.rol,.descripcion{font-size:16px!important;text-align:center}.descripcion{margin-bottom:8px!important}}@media (max-width:480px){.edit-profile-form{width:100%!important;padding:10px!important;max-height:80vh;overflow-y:auto}.edit-profile-form button{font-size:14px!important}.usuario-logo{width:40px!important;height:40px!important}.close-btn-profile img{width:18px!important;height:18px!important}}