:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#0f1020;background-color:#fffffa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{margin:0;padding:0;width:100vw;min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh}.footer{margin-top:auto}.footer{background-color:#c315bf;color:#fffffa;padding:60px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px}.newsletter{margin-left:3%}.footer a{color:#baf241;text-decoration:underline;font-weight:500}.footer-title{font-size:2.8em;margin-bottom:0;font-weight:700;color:#baf241}.footer-subtitle{font-size:1.2em;margin:10px 0;color:#fffffa}.terms{margin:15px 0}.terms input[type=checkbox]{margin-right:10px;accent-color:#BAF241}.terms label a{color:#baf241}.input-wrapper-footer{display:flex;gap:10px;margin-top:10px}.input-wrapper-footer input{flex:1;padding:10px 20px;border-radius:25px;border:none;outline:none;font-size:1em;color:#5a23ad;background-color:#fffffacc}.input-wrapper-footer button{padding:10px 20px;border-radius:25px;border:none;font-size:1em;color:#fffffa;background-color:#4037ff;cursor:pointer;transition:background-color .3s ease}.input-wrapper button:hover{background-color:#0f1020}.logo-section{margin-top:2%}.logo-footer{width:55%;margin-top:2%}.socials{text-align:center;margin-top:15%;margin-right:4%}.social-title{font-size:1.5em;margin-bottom:15px}.social-icons{display:flex;justify-content:center;gap:15px}.social-icons img{width:40px;height:40px;transition:transform .3s ease}.social-icons img:hover{transform:scale(1.1)}body{font-family:Fractul,sans-serif;margin:0;padding:0;color:#0f1020}button{cursor:pointer;border:none;border-radius:20px;padding:10px 20px;font-size:14px}.btn-outline,.btn-primary{padding:10px 20px;font-size:1rem;border-radius:20px}.btn-primary{background-color:#4037ff;color:#fffffa;transition:transform .3s ease,box-shadow .3s ease}.btn-primary:hover{background-color:#0f1020;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-outline{background-color:transparent;border:1pt solid #4037FF;color:#4037ff;transition:transform .3s ease,box-shadow .3s ease}.btn-outline:hover{background-color:#4037ff;color:#fffffa;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;background-color:#fffffa;box-shadow:0 2px 4px #0000001a;z-index:999}.logo{flex:2}.logo img{max-width:50%;height:auto}.menu{display:flex;justify-content:center;align-items:center;gap:40px;list-style:none;margin:0;padding:0}.menu-category{position:relative;cursor:pointer}.category-nav{font-size:1.2rem;color:#4037ff;padding:10px;display:flex;align-items:center;gap:10px;transition:color .3s ease,background-color .3s ease;border-radius:15px}.category-nav:hover{background-color:#4037ff1a;color:#5a23ad}.menu-category .dropdown{display:none;position:absolute;top:110%;left:50%;transform:translate(-50%);background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 16px #0003;border-radius:15px;list-style:none;margin:0;padding:10px 0;z-index:10;min-width:200px;transition:opacity .3s ease,transform .3s ease;opacity:0;visibility:hidden}.menu-category.active .dropdown{display:block;opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.menu-category .dropdown li{padding:10px 20px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;color:#4037ff;cursor:pointer;transition:background-color .3s ease,color .3s ease;border-radius:10px}.menu-category .dropdown li:hover{background-color:#4037ff66;color:#5a23ad;transform:scale(1.05)}.menu-category .dropdown li:active{background-color:#ba23ad33}.menu-category .dropdown li a{text-decoration:none;color:inherit;display:flex;align-items:center;gap:10px}.menu-category .dropdown li a:hover{color:#5a23ad}.category-nav:after{content:"▼";font-size:.8rem;color:#4037ff;margin-left:10px;transition:transform .3s ease}.menu-category.active .category-nav:after{transform:rotate(180deg)}.auth{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex:1}.users{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex:2.5}.modo{display:flex;justify-content:center;align-items:center;cursor:pointer;flex:1;width:100%;height:100%}.modo img{width:20%}.user-controls{display:flex;align-items:center;gap:15px;margin-right:10%}.login-register{display:flex;align-items:end;gap:15px}.avatar-icon{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #4037FF}.logout{font-size:1rem;border-radius:20px;background-color:#4037ff;color:#fffffa;transition:transform .3s ease,box-shadow .3s ease}.logout:hover{background-color:#0f1020;transform:translateY(-2px);box-shadow:0 4px 8px #0003}@media (max-width: 768px){.menu{flex-direction:column;gap:20px}.category-nav{font-size:1.2rem}.menu-category .dropdown{left:0;transform:translate(0)}}67 .hero h1{font-size:4.5rem;font-family:Fractul,sans-serif;font-weight:700;color:#0f1020;margin-bottom:20px;line-height:105%}h1 span.highlight{color:#baf241}.hero p{font-size:1.3rem;font-family:Outfit,sans-serif;margin-left:20%;margin-right:20%;color:#363636;margin-bottom:30px}button{cursor:pointer;border:none;border-radius:30px;padding:10px 20px;font-size:14px}.hero-buttons button{margin:0 .5%;padding:10px 20px;border-radius:30px;border:none;font-size:1rem;cursor:pointer}.hero-buttons .btn-outline{background-color:transparent;border:1px solid #4037FF;color:#4037ff;transition:all .3s ease}.hero-buttons .btn-outline:hover{background-color:#4037ff;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.fondo-web-izq{position:relative;left:0}.fondo-web-dch{position:relative;right:0;rotate:180deg;transform:scaleX(-1)}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px;margin:auto;width:60%;justify-self:center}.gallery-item{background:#fff;border-radius:20px;box-shadow:0 2px 4px #0000001a;overflow:hidden;text-align:center;position:relative;display:flex;flex-direction:column;justify-content:space-between}.image-container{position:relative;border-radius:20px;overflow:hidden}.image-container img{width:100%;height:auto;transition:opacity .3s ease;opacity:.9}.image-container:hover img{opacity:1}.gallery-info{padding:15px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}.profile{display:flex;align-items:center;gap:10px;margin-bottom:5px}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.name{font-size:1rem;font-weight:700;color:#4037ff}.description{font-size:1.2rem;color:#5a23ad;margin:0}.stats{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:10px}.stats .likes{display:flex;align-items:center;gap:5px;color:#747474}.stats .likes .icon{width:20px;height:auto}.btn-arrow{display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;position:relative;width:40px;height:40px;margin-left:auto}.btn-arrow img{display:block;width:100%;height:auto;transition:opacity .3s ease}.btn-arrow:hover img{opacity:0}.btn-arrow:after{content:"";position:absolute;top:0;left:0;width:40px;height:40px;background-image:url(/flechas-21.svg);background-size:cover;background-position:center;opacity:0;transition:opacity .3s ease}.btn-arrow:hover:after{opacity:1}.gallery-item:hover{box-shadow:0 4px 8px #00000026}.separator{display:flex;justify-content:center;margin-top:3%}.cta{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 20px;margin-bottom:3%}.cta h2{font-size:3rem;margin-bottom:2%;color:#0f1020}h2 span.highlight{color:#4037ff}.cta-buttons{display:flex;gap:20px}.cta-buttons button{padding:10px 20px;border-radius:30px;font-size:1rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.cta-buttons .btn-outline{background-color:transparent;border:2px solid #4037FF;color:#4037ff}.cta-buttons .btn-outline:hover{background-color:#4037ff;color:#fff;transform:translateY(-2px)}.cta-buttons .btn-primary{background-color:#4037ff;color:#fff}.cta-buttons .btn-primary:hover{background-color:#0f1020;transform:translateY(-2px)}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100vh;background-color:#f9f9f9;padding:20px;position:relative;overflow:hidden}.not-found-404{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);font-size:12rem;font-weight:700;color:#baf241;z-index:2;pointer-events:none;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.not-found-image{width:50%;max-width:300px;margin-bottom:20px;animation:float 3s infinite ease-in-out}.title{font-size:3rem;font-weight:700;color:#0f1020;margin-bottom:10px;z-index:2}.title .highlight{color:#baf241}.description{font-size:1.2rem;color:#303030;margin-bottom:30px;z-index:2}.btn-primary{background-color:#4037ff;color:#fff;padding:10px 20px;border:none;border-radius:30px;font-size:1rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;z-index:2}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.dots{position:absolute;bottom:20px;right:20px;opacity:.5}.dots img{width:60px}body{margin:0;padding:0}.login{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;overflow:hidden}.background .fondo-web{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;height:auto;z-index:-1;opacity:.3}.SayHi{text-align:center;margin-bottom:20px}.SayHi h1{font-size:3.5rem;font-family:Fractul,sans-serif;font-weight:700;color:#0f1020;text-align:center;margin-bottom:20px}.SayHi h1 .highlightLogin{color:#4037ff}.login-form{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.input-wrapper-login{width:100%;max-width:600px;align-items:center;justify-content:center}.input-wrapper-login input{padding:12px 25px;border-radius:25px;border:2px solid #4037FF;outline:none;font-size:1rem;font-family:Outfit,sans-serif;color:#5a23ad;background-color:#fffffacc;transition:all .3s ease;margin-bottom:5%}.input-wrapper input:focus{border-color:#baf241;background-color:#fff}.login-form form .button_login{width:100%;max-width:400px;padding:12px 25px;border-radius:25px;border:none;background-color:#4037ff;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none;font-weight:100}.button_login:hover{background-color:#0f1020;transform:translateY(-2px);box-shadow:0 4px 8px #0003;font-weight:100}.button_login a{color:#fff;text-decoration:none;font-weight:100;font-size:1.2em}.greenCircle{width:100px;height:100px;border-radius:50%;background-color:#baf241;display:flex;align-items:center;justify-content:center;margin:30px auto;position:relative;z-index:1}.google-login{width:100%;display:flex;justify-content:center;margin:20px 0}.pagination-dots-login .dot{width:10px;height:10px;background-color:#fff;border-radius:50%;transition:all .3s ease}.signup-prompt{text-align:center;align-items:center;color:#4037ff;font-size:1.7em;text-decoration:none;font-weight:700;margin-bottom:4%;margin-top:5%}.button_register{width:100%;padding:12px 25px;border-radius:25px;border:none;background-color:#4037ff;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease;text-align:center;font-weight:100}.button_register a{color:#fff;text-decoration:none;font-weight:100;font-size:1.2em}.button_register:hover{background-color:#0f1020;transform:translateY(-2px)}.signup{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;overflow:hidden}.SayHi-signup{text-align:center;margin-bottom:20px}.SayHi-signup h1{font-size:4.5rem;font-family:Fractul,sans-serif;font-weight:700;color:#0f1020;margin-bottom:20px;line-height:105%}.SayHi-signup h1 .highlight-signup{color:#baf241}.SayHi-signup p{font-size:1.2rem;font-family:Outfit,sans-serif;margin-left:20%;margin-right:20%;color:#363636;margin-bottom:30px;text-align:center}.signup .hero-images-signup{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;display:flex;justify-content:space-between;align-items:center;pointer-events:none;animation:float 3s infinite ease-in-out}.signup-form{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.input-wrapper-signup{width:100%;max-width:600px;align-items:center;justify-content:center}.input-wrapper-signup input{padding:12px 25px;border-radius:25px;border:2px solid #4037FF;outline:none;font-size:1rem;font-family:Outfit,sans-serif;color:#5a23ad;background-color:#fffffacc;transition:all .3s ease;margin-bottom:9%}.input-wrapper-signup input:focus{border-color:#baf241;background-color:#fff}.button_submit-signup{width:100%;max-width:400px;padding:12px 25px;border-radius:25px;border:none;background-color:#4037ff;font-size:1rem;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none;color:#fff;margin-bottom:17%}.signup-form .button_submit-signup a{color:#fff;text-decoration:none;font-weight:100;font-size:1em}.button_submit-signup:hover{background-color:#0f1020;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.greenCircle{width:100px;height:100px;border-radius:50%;background-color:#baf241;display:flex;align-items:center;justify-content:center;margin:20px auto 5%;position:relative;z-index:1}.greenCircle .alternativa{font-family:Outfit,sans-serif;font-size:1.5rem;color:#0f1020;font-weight:700}.google-login{width:100%;display:flex;justify-content:center}.button_google{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 25px;border-radius:25px;border:2px solid #4037FF;background-color:#fff;font-size:1rem;font-family:Outfit,sans-serif;color:#4037ff;cursor:pointer;transition:all .3s ease}.button_google:hover{background-color:#4037ff;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.google-icon{width:20px;height:20px}.pagination-dots{display:flex;justify-content:center;gap:10px;margin:20px 0}.pagination-dots .dot{width:10px;height:10px;background-color:#d8d8d8;border-radius:50%;transition:all .3s ease}.pagination-dots .dot.active{background-color:#baf241;transform:scale(1.2)}.login-prompt{text-align:center;align-items:center;color:#4037ff;font-size:1.7em;text-decoration:none;font-weight:700;margin-bottom:4%;margin-top:5%}.login-prompt .button_login-signup{width:100%;padding:12px 25px;border-radius:25px;border:none;background-color:#4037ff;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease;text-align:center;font-weight:100}.login-prompt .button_login-signup a{color:#fff;text-decoration:none;font-weight:100;font-size:1em}.login-prompt .button_login-signup:hover{background-color:#0f1020;transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:flex-start;z-index:999;padding-top:20px;text-align:center}.modal-content{background-color:#fff;border-radius:15px;padding:20px;width:95%;max-width:1200px;height:calc(100vh - 40px);box-shadow:0 4px 8px #0003;position:relative;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;scroll-behavior:smooth}.profileModal{display:flex;flex-direction:column;align-items:center;gap:15px;position:absolute;top:3%;left:3%}.profileModal .info{display:flex;flex-direction:column;align-items:flex-start}.AvatarNameModal{display:flex;flex-direction:row;align-items:center;gap:10px}.profileModal .avatarModal{width:50px;height:50px;border-radius:50%;object-fit:cover}.profileModal .nameModal{font-size:1.5rem;font-weight:700;color:#4037ff}.profileModal .info .date{font-size:.9rem;color:#121212;font-style:italic}.modal-content .h3Modal{font-size:2.5rem;font-weight:700;color:#0f1020;margin-bottom:10px}.modal-content p{font-size:1rem;color:#5a23ad;margin-bottom:15px;word-wrap:break-word}.modal-content ul{list-style-type:none;padding:0;margin:20px 0}.modal-content ul li{font-size:1rem;color:#363636;padding:5px 0;border-bottom:1px solid #E0E0E0}.modal-content ul li:last-child{border-bottom:none}.modal-content ul li strong{font-weight:700;color:#4037ff}.modal-content img{display:block;max-width:100%;max-height:400px;border-radius:10px;margin:0 auto;object-fit:cover;box-shadow:0 4px 8px #0000001a}.modal-content .closeModal{position:absolute;top:10px;right:10px;background-color:#4037ff;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 2px 4px #0003;z-index:1000;transition:background-color .3s ease,transform .3s ease;display:flex;align-items:center;justify-content:center}.modal-content .closeModal:hover{background-color:#baf241;transform:scale(1.1)}.image-container-publication img{display:block;max-width:100%;max-height:400px;margin:2% auto;border-radius:10px;object-fit:cover;box-shadow:0 4px 8px #0000001a}.h2Modal{color:#4037ff}.statsModal{display:flex;align-items:center;justify-content:center;margin:2%}.statsModal .likesModal{display:flex;align-items:center;cursor:pointer;gap:10px}.statsModal .likesModal .iconModal{width:25px;height:25px;display:block;margin:0;padding:0;box-sizing:content-box}.statsModal .likesModal .iconModal:hover{transform:scale(1.2)}.statsModal .likesModal span{font-size:1rem;color:#343434;font-weight:500}.pModal{margin:5%;text-align:left}.publications-header{text-align:center;background-color:#f3f4f6;padding:50px 20px;margin-bottom:40px;box-shadow:0 2px 4px #0000001a}.publications-header .section-subtitle--publication{font-size:3.5rem;font-family:Fractul,sans-serif;font-weight:700;color:#0f1020;margin-bottom:0}.publications-header .section-title--publication{font-size:2.5rem;color:#4037ff;font-weight:600;margin-bottom:2%}.publications-header .section-description-publication{font-size:1.2rem;color:#363636;margin-bottom:30px}.publications-header .createBtn{margin:10px 5px;padding:10px 20px;border-radius:30px;background-color:#4037ff;color:#fff;font-size:1rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border:none}.publications-header .createBtn:hover{background-color:#0f1020;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.sort-container-publication{margin:20px auto}.sort-dropdown-publication{padding:10px;border:1px solid #4037FF;border-radius:20px;background-color:#fff;color:#4037ff;font-size:1rem;outline:none}.gallery-publication{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px;margin:auto;width:80%;justify-content:center}.gallery-item-publication{background:#fff;border-radius:20px 20px 0 0;box-shadow:0 2px 4px #0000001a;overflow:visible;position:relative;text-align:center;display:flex;flex-direction:column;justify-content:space-between}.gallery-item-publication:hover{box-shadow:0 4px 8px #00000026}.image-container-publication{overflow:hidden;width:50%}.gallery-item-publication .image-container-publication{position:relative;width:100%;height:200px;overflow:hidden;display:flex;align-items:center;justify-content:center}.gallery-item-publication .image-container-publication img{width:100%;height:100%;object-fit:cover}.image-container-publication img{transition:opacity .3s ease;opacity:.9}.image-container-publication:hover img{opacity:1}.gallery-info-publication{padding:15px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}.profile-publication{display:flex;align-items:center;gap:10px;margin-bottom:5px}.avatar-publication{width:40px;height:40px;border-radius:50%;object-fit:cover}.name-publication{font-size:1rem;font-weight:700;color:#4037ff}.description-publication{font-size:1.2rem;color:#5a23ad;margin:0}.stats-publication{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:10px}.advertisement-section{display:flex;align-items:center;justify-content:space-between;padding:40px 5%;background-color:#f4f4f4;margin:0;box-shadow:0 2px 4px #0000001a;flex-wrap:wrap;gap:20px}.advertisement-header{flex:1;text-align:left;margin-right:20px}.advertisement-header h1{font-size:2rem;font-weight:700;color:#0f1020;margin-bottom:10px}.advertisement-header h1 span{color:#4037ff}.advertisement-header p{font-size:1.2rem;color:#4037ff;font-weight:500;margin-top:5px}.advertisement-grid{display:flex;gap:20px;flex:3;flex-wrap:wrap;justify-content:space-evenly}.ad-card{flex:1 1 calc(33.333% - 20px);max-width:300px;background:#fff;border-radius:15px;padding:20px;box-shadow:0 4px 8px #0000001a;text-align:center;position:relative;overflow:hidden;cursor:pointer}.ad-card:hover{transform:scale(1.05)}.ad-card img{max-width:100%;border-radius:10px;margin-bottom:15px}.ad-card p{font-size:1rem;color:#363636;font-weight:500;margin-top:10px}.ad-card:after{content:attr(data-badge);position:absolute;top:10px;right:10px;background-color:#c315bf;color:#fff;font-size:.9rem;font-weight:700;padding:5px 10px;border-radius:50px;box-shadow:0 2px 4px #0000001a;z-index:2}.gallery-info-publication .btn-arrow-publication{display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;position:relative;width:50px;height:50px;margin-left:auto}.gallery-info-publication .btn-arrow-publication img{display:block;width:40px;height:40px;z-index:10;opacity:1;transition:opacity .3s ease}.gallery-info-publication .btn-arrow-publication:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/flechas-21.svg);background-size:cover;background-position:center;opacity:0;transition:opacity .3s ease;z-index:5}.gallery-info-publication .btn-arrow-publication:hover img{opacity:0}.gallery-info-publication .btn-arrow-publication:hover:after{opacity:1}.modal-overlay-confirm{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content-confirm{background:#fff;padding:20px;border-radius:5px;text-align:center}.modal-buttons-confirm{display:flex;justify-content:space-around;margin-top:20px}.button-confirm{width:100%;max-width:200px;padding:12px 25px;border-radius:25px;border:none;background-color:#4037ff;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none}.button-confirm:hover{background-color:#0f1020;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.button-cancel{width:100%;max-width:200px;padding:12px 25px;border-radius:25px;font-size:1rem;cursor:pointer;text-align:center;text-decoration:none;background-color:transparent;border:1pt solid #4037FF;color:#4037ff;transition:transform .3s ease,box-shadow .3s ease}.button-cancel:hover{background-color:#4037ff;color:#fffffa;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.createPublicationPage{display:flex;flex-direction:column;align-items:center;justify-content:center;background:url(/fondo_web.png) repeat;padding:20px;overflow-x:hidden}.createTitle{text-align:center;font-size:2.5rem;color:#4037ff;margin-bottom:20px;font-weight:700}.formCreate{margin:0 auto;max-width:50vw;display:flex;flex-direction:column;gap:20px;background:#fff;padding:30px;border-radius:15px;box-shadow:0 8px 16px #0000001a;width:100%}.sectionCreate{display:flex;flex-direction:column;gap:15px}.labelCreate{font-size:1rem;font-weight:600;color:#0f1020;margin-bottom:5px;margin-top:0}.inputCreate,.textareaCreate,.selectCreate{margin-top:0;width:calc(100% - 20px);max-width:100%;padding:12px 15px;border-radius:10px;border:1px solid #E5E5E5;font-size:1rem;font-family:Outfit,sans-serif;background-color:#f0f0ff99;color:#4037ff;transition:border-color .3s ease,background-color .3s ease;box-sizing:border-box}.inputCreate:focus,.textareaCreate:focus,.selectCreate:focus{border-color:#baf241;background-color:#fff;outline:none}.textareaCreate{min-height:120px;resize:vertical}.selectCreateGroup{display:flex;align-items:center;gap:20px;margin-top:3%;margin-bottom:3%}.selectCreate{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}button{padding:12px 20px;border-radius:20px;border:none;font-size:1rem;cursor:pointer;transition:all .3s ease;text-align:center}.botonPublicar{display:flex;justify-content:center;align-items:center;margin-top:20px}button[type=submit]{background-color:#4037ff;color:#fff;align-self:center}button[type=submit]:hover{background-color:#0f1020;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.materialsSection{margin-top:30px;padding:20px;border-radius:15px;background:#f0f8ff;box-shadow:0 4px 8px #0000001a}.materialsSection h2{font-size:1.8rem;font-weight:700;color:#c315bf;margin-bottom:20px;text-align:center}.material-form{display:flex;flex-direction:column;gap:15px;padding:20px;background:#ba23ad05;border:2px solid rgba(186,35,173,.2);border-radius:20px;box-shadow:0 4px 8px #0000001a;transition:background-color .3s ease,transform .3s ease}.material-form input{width:95%;padding:12px 15px;border-radius:10px;border:1px solid rgba(186,35,173,.3);font-size:1rem;font-family:Outfit,sans-serif;background-color:#ffffffe6;color:#5a23ad;transition:border-color .3s ease}.material-form input:focus{border-color:#4037ff;outline:none}.material-form button{background-color:#ff6b6b;color:#fff;font-size:.9rem;padding:8px 15px;border-radius:20px;border:none;cursor:pointer;transition:background-color .3s ease;align-self:flex-end}.material-form button:hover{background-color:#ff4949}.buttonCreateMaterial{display:inline-block;padding:12px 20px;border-radius:20px;background-color:#baf241;color:#4037ff;border:none;cursor:pointer;transition:all .3s ease;align-self:center}.buttonCreateMaterial:hover{background-color:#0f1020;color:#fffffa;transform:translateY(-2px)}.errorCreate{color:red;font-size:.9rem;text-align:center}.required{color:red}@media (max-width: 768px){.formCreate{max-width:90%}.sectionCreate{padding:15px}button{font-size:.9rem}}@media (max-width: 480px){.formCreate{max-width:95%}.inputCreate,.textareaCreate,.selectCreate{font-size:.9rem;padding:10px}button{padding:10px 15px;font-size:.8rem}}.hero{text-align:center;padding:50px 20px;position:relative;overflow:visible}.hero h1{font-size:4.5rem;font-family:Fractul,sans-serif;font-weight:700;color:#0f1020;margin-bottom:20px;line-height:105%}.hero h1 .highlight{color:#baf241}.hero p{font-size:1.3rem;color:#363636;margin-left:20%;margin-right:20%;margin-bottom:30px}.hero-images{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;display:flex;justify-content:space-between;align-items:center;pointer-events:none;animation:float 3s infinite ease-in-out}.fondo-web-izq,.fondo-web-dch{width:22%;height:auto;object-fit:cover}.fondo-web-dch{transform:scaleX(-1)}.categories{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;width:70%;margin:0 auto;padding:50px 0}.category-box{width:calc(20% - 20px);height:15rem;background-color:#e0e0e0;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.category-box:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003;z-index:2}.category-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease;opacity:.7;z-index:1}.category-box:hover img{opacity:.5}.content-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;transition:transform .3s ease}.category-box:hover .content-container{transform:translateY(-20px)}.category-title{font-size:1.2rem;font-weight:700;color:#0f1020;margin-bottom:10px;transition:margin .3s ease,color .3s ease;text-shadow:#c4c4c4 3px 0px 3px}.options{display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.category-box:hover .options{opacity:1;transform:translateY(0)}.btn-traditional,.btn-digital{width:120px;padding:10px 20px;border-radius:20px;font-size:1rem;text-align:center;cursor:pointer;border:none;transition:all .3s ease}.btn-traditional{background-color:#4037ff;color:#fff}.btn-traditional:hover{background-color:#0f1020;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-digital{background-color:#4037ff;color:#fff}.btn-digital:hover{background-color:#baf241;color:#0f1020;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.separator{display:flex;justify-content:center;margin:50px 0}.separator img{width:5%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.user-profile{width:100vw;position:relative;display:flex;flex-direction:column;overflow:hidden}.floating-menu-profile{background:#baf241;padding:20px;width:20%;position:fixed;top:17%;z-index:1000}ul{list-style:none;padding:5%}li{font-weight:700;cursor:pointer;padding:3%;font-size:1.5em;color:#0f1020}li:hover{color:#4037ff}.container-profile{display:flex;flex-direction:column;align-items:flex-start;margin-left:30%;margin-right:10%;padding:0 20px}.titleProfile{font-size:3rem;font-weight:700;color:#0f1020;margin-bottom:10px}.subtitleProfile{width:100%;margin-bottom:10%;font-size:1.5em;color:#4037ff}.userName-profile{margin-bottom:20%}.userName-profile p{font-size:1.2em}.form-profile,.userInfo-profile{display:flex;flex-direction:column}.avatar-wrapper-profile{display:flex;flex-direction:column;align-items:center;margin-bottom:10%;margin-right:auto;max-width:30%;height:auto}.avatarAndProfile{display:flex;flex-direction:row}#BasicInfo-profile{margin-left:0}.userName-profile{margin-bottom:20px}.titleProfile span.highlight-profile{color:#4037ff}.input-wrapper-profile{align-items:center;text-align:center;margin-left:9%;width:100%}.avatar-image-profile{max-width:75%;height:auto;border-radius:50%;object-fit:cover;border:5px solid #4037FF;overflow:hidden}.replace-link-profile span{cursor:pointer;color:#4037ff;font-weight:600;text-decoration:underline;transition:color .3s ease}.replace-link-profile span:hover{color:#baf241}.input-wrapper-profile{display:flex;flex-direction:column;gap:10px;margin-bottom:10%}.inputProfile{width:100%;padding:12px 25px;margin-bottom:3%;border-radius:25px;border:2px solid #4037FF;outline:none;font-size:1rem;font-family:Outfit,sans-serif;color:#5a23ad;background-color:#fffffacc}.inputProfile:focus{border-color:#baf241;background-color:#fff}#AboutMe-profile{margin-left:0;max-width:80%}.bio{width:40vw;min-width:40vw;max-width:40vw;padding:12px 25px;border-radius:25px;border:2px solid #4037FF;outline:none;font-size:1rem;font-family:Outfit,sans-serif;color:#5a23ad;background-color:#fffffacc}.bio:focus{border-color:#baf241;background-color:#fff}.btn-primary-profile{padding:12px 25px;border-radius:25px;border:none;background-color:#4037ff;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none}.btn-primary-profile:hover{background-color:#0f1020;transform:translateY(-2px);box-shadow:0 4px 8px #0003}#Contact-profile{margin-top:15%;margin-bottom:15%;margin-left:0}.social-links-profile{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.social-links-profile div{display:flex;align-items:center;gap:15px}.social-links-profile img{width:40px;height:40px;transition:transform .3s ease}.social-links-profile img:hover{transform:scale(1.2)}.social-link-profile{flex:1;padding:12px 20px;border-radius:25px;border:2px solid #4037FF;font-size:1rem;background-color:#fffc;transition:border-color .3s ease,background-color .3s ease}.social-link-profile:focus{border-color:#baf241;background-color:#fff;color:#4037ff}#Publications-profile{margin-top:50px}#Publications-profile p{text-align:center;font-size:1.2rem;color:#5a23ad}@media (max-width: 1024px){.floating-menu-profile{width:25%;padding:15px;margin-right:2%}.floating-menu-profile li{font-size:1.2em}}@media (max-width: 768px){.floating-menu-profile{width:30%;padding:10px;margin-right:2%}.floating-menu-profile li{font-size:1em;padding:2%}}@media (max-width: 480px){.floating-menu-profile{width:40%;padding:8px;margin-right:2%}.floating-menu-profile li{font-size:.9em}}