:root{--bg-color: #020610;--card-bg: #0a0f1e;--text-main: #f0f0f0;--text-muted: #8b949e;--accent: #4f8ef7;--accent-glow: rgba(79, 142, 247, .3);--border-color: rgba(255, 255, 255, .08)}*{box-sizing:border-box}body{font-family:Open Sans,sans-serif;background-color:var(--bg-color);color:var(--text-main);margin:0;padding:0;line-height:1.5;overflow-x:hidden}#starfield{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}html{scroll-behavior:smooth}.navbar{position:fixed;top:0;width:100%;background:#050505cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;padding:10px 40px;z-index:999;border-bottom:1px solid var(--border-color)}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-logo-img{width:36px;height:36px;object-fit:contain;filter:drop-shadow(0 0 6px var(--accent));border-radius:50%}.nav-logo-text{font-size:1.1rem;font-weight:700;font-family:Cinzel,serif;color:#fff;letter-spacing:.5px;background:linear-gradient(90deg,#ffffff,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{list-style:none;display:flex;gap:25px;margin:0;padding:0}.nav-links a{color:var(--text-muted);text-decoration:none;font-weight:600;font-size:.9rem;transition:color .3s}.nav-links a:hover{color:var(--accent)}.hamburger{display:none;background:transparent;border:none;color:var(--text-main);font-size:1.8rem;cursor:pointer;padding:0}@media (max-width: 768px){.hamburger{display:block;color:var(--text-main);z-index:1001}.navbar{padding:15px 20px;background:#020610f2}.nav-links{position:absolute;top:100%;left:0;width:100%;background:#00040efc;backdrop-filter:none;-webkit-backdrop-filter:none;flex-direction:column;align-items:center;gap:20px;max-height:0;overflow:hidden;padding:0;transition:max-height .4s ease-in-out,padding .4s ease-in-out;border-bottom:1px solid transparent;z-index:1000}.nav-links.active{max-height:400px;padding:30px 0;border-bottom:1px solid var(--border-color);box-shadow:0 15px 30px #000000e6}}#inicio{padding-top:70px}.content-section{padding:60px 20px;max-width:1200px;margin:0 auto;border-top:1px solid var(--border-color)}.section-title{text-align:center;margin-bottom:40px}.section-title h2{font-size:2.2rem;margin:0 0 10px}.section-title p{color:var(--text-muted);margin:0}.placeholder-box{background:var(--card-bg);border:1px dashed var(--border-color);border-radius:10px;padding:50px;text-align:center;color:var(--text-muted)}body.modal-open{overflow:hidden}h1,h2{font-family:Montserrat,sans-serif}.gallery-title-fancy{font-family:Cinzel,serif;letter-spacing:2px}.hero-header{text-align:center;padding:60px 20px 30px;background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,var(--bg-color) 100%)}.hero-header h1{font-size:2.2rem;margin:0 0 10px;letter-spacing:-1px}.hero-header p{color:var(--text-muted);font-size:1rem;margin:0 0 20px;line-height:1.8}.hero-desc-es{font-size:.85rem;color:#8b949eb3;font-style:italic;display:block;margin-top:4px}.loader{text-align:center;padding:50px;color:var(--text-muted)}.spinner{border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--accent);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-translate{background-color:var(--card-bg);color:#fff;border:1px solid var(--border-color);padding:10px 20px;border-radius:20px;font-size:14px;cursor:pointer;transition:all .3s;font-weight:600}.btn-translate:hover{background-color:#161b22;border-color:var(--accent)}.gallery-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;padding:20px 10px 60px;max-width:1200px;margin:0 auto}.gallery-item{position:relative;cursor:pointer;overflow:hidden;border-radius:10px;background-color:var(--card-bg);box-shadow:0 4px 10px #0000004d;transition:transform .3s,box-shadow .3s;aspect-ratio:1 / 1}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0070f333}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.gallery-item:hover img{transform:scale(1.05)}.overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#000000f2,#0000);padding:30px 10px 10px;font-size:13px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-date-overlay{position:absolute;top:10px;left:10px;right:10px;text-align:center;font-weight:600;font-size:.85rem;color:#fff;background:#0d111799;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 0;border-radius:6px;border:1px solid rgba(255,255,255,.1);z-index:2;letter-spacing:.5px;box-shadow:0 4px 10px #00000080}.gallery-item iframe{width:100%;height:100%;object-fit:cover;pointer-events:none}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;backdrop-filter:blur(5px);justify-content:center;align-items:center;z-index:1000;opacity:0;transition:opacity .3s ease}.modal.show{display:flex;opacity:1}.modal-content{background:#111;border-radius:12px;border:1px solid var(--border-color);max-width:900px;width:95%;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 20px 50px #0009}@media (min-width: 768px){.modal-inner{display:flex;flex-direction:row;max-height:90vh}.modal-image-container{flex:1.3;background-color:#000;display:flex;align-items:center;justify-content:center}.modal-text{flex:1;overflow-y:auto;padding:30px}}@media (max-width: 767px){.modal-content{overflow-y:auto}.modal-image-container img,.modal-image-container iframe{height:auto;max-height:40vh}.modal-text{padding:20px}}.modal-image-container img,.modal-image-container iframe{width:100%;height:100%;object-fit:contain}.close-btn{position:absolute;top:10px;right:15px;font-size:30px;cursor:pointer;color:#ffffff80;transition:color .3s;z-index:10}.close-btn:hover{color:#fff}#modalTitle{color:#fff;margin:0 0 5px;font-size:1.4rem}.date{color:var(--accent);font-size:.9rem;font-weight:600;margin:0 0 10px}.divider{height:1px;background-color:var(--border-color);margin:15px 0}#modalDesc{line-height:1.8;font-size:1rem;color:#ccc;margin:0}.footer{text-align:center;padding:40px 20px;margin-top:auto;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.9rem;background-color:#0d1117}.developer-name{color:#fff;font-weight:600}.api-source{font-size:.75rem;margin-top:10px}.gallery-item iframe,.gallery-item video{width:100%;height:100%;object-fit:cover;pointer-events:none}.modal-image-container img,.modal-image-container iframe,.modal-image-container video{width:100%;height:100%;object-fit:contain;background-color:#000}