:root{--color-bg: #151515;--color-primary: #2A2E45;--color-accent: #ec4891;--color-accent-light: #f472b0;--color-accent-dark: #db276e;--color-text: #fce7f2;--color-text-secondary: #CCCCCC;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease;--radius: 8px;--radius-lg: 12px}*{margin:0;padding:0;box-sizing:border-box;font-family:Gotham,Arial,Helvetica Neue,sans-serif}body{background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh}#root{flex:1;display:flex;flex-direction:column}header{background-color:var(--color-primary);padding:1rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:2000}.logo{font-size:1.8rem;font-weight:700;color:var(--color-accent);text-decoration:none}nav ul{display:flex;list-style:none;gap:1.5rem}nav ul li a{color:var(--color-text);text-decoration:none;transition:var(--transition)}nav ul li a:hover{color:var(--color-accent)}.Home{background:linear-gradient(#000000b3,#2d0b16b3),url(/assets/Background-CjnqFzAG.webp);background-size:cover;background-position:center;background-repeat:no-repeat;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 1rem;will-change:transform,opacity;backface-visibility:hidden;position:relative;z-index:10}.Home h1{font-size:3rem;margin-bottom:1rem}.Home .content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}.Home p{font-size:1.2rem;margin:0 auto 2rem;max-width:800px}.btn{background-color:var(--color-accent-light);color:#000;padding:.8rem 1.5rem;border:none;border-radius:var(--radius);font-weight:700;cursor:pointer;transition:var(--transition);text-decoration:none;gap:3.25rem}.btn:hover{background-color:var(--color-accent-dark)}.Sections{padding:1rem;max-width:1200px;margin:0 auto;width:100%}.Sections h2{text-align:center;margin-bottom:2rem;font-size:2rem;color:var(--color-accent)}.Card-Grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;width:100%;min-height:300px}.Card{display:flex;flex-direction:column;background-color:var(--color-primary);border-radius:var(--radius);overflow:hidden;transition:var(--transition);color:var(--color-text);height:auto;min-height:300px}.Card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.Card-Img{height:150px;background-size:cover;background-position:center;width:100%;background-color:#1a1a2e}.Card-Info{padding:1.5rem;flex:1;display:flex;flex-direction:column}.Card-Info h3{font-size:1.4rem;font-weight:700;margin-bottom:.5rem;color:var(--color-accent)}.Card-Info p{font-size:1rem;color:var(--color-text-secondary);margin-bottom:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Card-btn{padding:1rem;display:flex;gap:.5rem;align-items:center;justify-content:flex-start;margin-top:auto}.Card-hidden{position:relative;filter:grayscale(70%);opacity:.6;transition:var(--transition)}.Card-hidden:before{content:"OCULTO";position:absolute;top:10px;left:10px;background:#000000b3;color:var(--color-accent-light);font-weight:700;padding:3px 8px;border-radius:var(--radius);font-size:.9rem;z-index:10;pointer-events:none}footer{background-color:var(--color-primary);padding:.5rem 1rem;text-align:center;margin-top:auto}.redes-sociales{margin-bottom:.33rem}.redes-sociales a{color:var(--color-text);margin:0 .5rem;font-size:1.5rem;transition:var(--transition)}.redes-sociales a:hover{color:var(--color-accent)}html{scrollbar-width:thin;scrollbar-color:#ff66a3 #1a1a1a;scroll-padding-top:65px}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:#f0f0f0}html::-webkit-scrollbar-thumb{background-color:#ff69b3;border-radius:10px;border:2px solid #1a1a1a}html::-webkit-scrollbar-thumb:hover{background-color:#ff3385}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideFromBottom{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideToBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100px);opacity:0}}@keyframes flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes unflip{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}.PostDialog,.popup-content{border:none;border-radius:var(--radius-lg);padding:20px;background:var(--color-primary);color:var(--color-text);max-width:600px;width:90%;font-size:1rem}.PostDialog img,.popup-content img{margin:10px 0;border-radius:var(--radius)}dialog::backdrop,.popup-overlay{background:#0009}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease forwards}.popup-content-wrapper{perspective:1000px;width:90%;max-width:600px;height:600px}.popup-content-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:slideFromBottom .4s ease forwards}.popup-back,.popup-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-lg)}.popup-back{background:linear-gradient(135deg,#ec48914d,#f472b080);display:flex;align-items:center;justify-content:center;z-index:2}.popup-back img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}.popup-front{background:var(--color-primary);transform:rotateY(180deg);padding:20px;overflow-y:auto;z-index:1;display:flex;flex-direction:column}.popup-content{flex:1;overflow-y:auto}.popup-content input,.popup-content textarea{width:100%;margin-bottom:10px;padding:8px;font-size:14px}.popup-content .btn{margin-right:8px}.popup-content-inner.flipped{animation:flip .4s ease forwards}.popup-overlay.closing{animation:fadeOut .8s ease forwards}.popup-content-inner.closing:not(.flipped){animation:slideToBottom .4s ease forwards}.popup-content-inner.closing.flipped{animation:unflip .4s ease forwards,slideToBottom .4s ease .4s forwards}.popup-body{flex-grow:1}.popup-footer{margin-top:20px;text-align:right}#ParticlesWrapper{flex:1;display:block;position:relative}#ParticlesContainer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.Sections#Posts,.Sections#CreatePost{position:relative;z-index:1;background:transparent}.form-container{max-width:600px;margin:3rem auto;background-color:var(--color-primary);padding:2rem;border-radius:10px;color:var(--color-text);box-shadow:0 0 15px #0000004d}.form-container h2{text-align:center;margin-bottom:1.5rem;color:var(--color-accent)}.custom-form{display:flex;flex-direction:column}.custom-form label{margin-top:1rem;margin-bottom:.3rem;font-weight:700}.custom-form input,.custom-form select,.custom-form textarea{padding:.6rem;background-color:#1a1a2e;border:1px solid #444;border-radius:5px;color:var(--color-text)}.custom-form input:focus,.custom-form select:focus,.custom-form textarea:focus{outline:none;border-color:var(--color-accent)}.custom-form textarea{min-height:100px;resize:vertical}.custom-form .btn{margin-top:2rem;background-color:var(--color-accent-light);color:#000;padding:.8rem;font-weight:700;border:none;border-radius:5px;cursor:pointer;transition:background .3s}.custom-form .btn:hover{background-color:var(--color-accent-dark)}@media (max-width: 768px){nav ul{display:none}.Home h1{font-size:2rem}.popup-content-wrapper{width:95%;height:auto;min-height:600px}.Card-Grid{grid-template-columns:1fr}}.LoaderWrapper{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#ec48914d,#f472b080)}.LoaderImage{width:380px;height:380px;animation:spin 1.3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}