@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;0,14..32,900;1,14..32,400&family=Playfair+Display:ital,wght@0,700;0,800;1,700&display=swap";:root{--bg: #0a0a0f;--bg-2: #111118;--bg-3: #1a1a24;--surface: #16161f;--surface-2: #1e1e2a;--border: rgba(255, 255, 255, .07);--border-hover: rgba(139, 92, 246, .4);--text: #f0f0f5;--text-2: #a0a0b8;--text-3: #6a6a82;--purple: #8b5cf6;--purple-2: #a78bfa;--indigo: #6366f1;--cyan: #22d3ee;--pink: #ec4899;--grad-brand: linear-gradient(135deg, var(--purple), var(--cyan));--grad-card: linear-gradient(145deg, #1a1a26, #12121c);--grad-hero: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(139, 92, 246, .3), transparent);--glow-purple: 0 0 40px rgba(139, 92, 246, .25);--glow-cyan: 0 0 40px rgba(34, 211, 238, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .6);--radius-sm: .5rem;--radius-md: .875rem;--radius-lg: 1.25rem;--radius-xl: 2rem;--radius-full: 9999px;--ease: cubic-bezier(.4, 0, .2, 1);--trans: all .3s var(--ease);--trans-slow: all .6s var(--ease)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.6;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{display:flex;flex-direction:column;min-height:100vh;background:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(139,92,246,.18),transparent),radial-gradient(ellipse 50% 40% at 90% 80%,rgba(34,211,238,.08),transparent)}img{display:block;max-width:100%}a{color:inherit}header{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background:#0a0a0fbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.logo{font-size:1.1rem;font-weight:800;text-decoration:none;letter-spacing:-.02em;background:var(--grad-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;justify-content:space-between;gap:1rem;white-space:nowrap}.logo-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.responsive-menu{display:none;cursor:pointer;font-size:1.5rem;color:var(--text-2);transition:var(--trans);background:none;border:none;padding:.25rem}.responsive-menu:hover{color:var(--purple-2)}.main-nav{display:flex;gap:.5rem;align-items:center}.main-nav a{text-decoration:none;font-weight:500;color:var(--text-2);font-size:.9rem;padding:.5rem 1rem;border-radius:var(--radius-full);transition:var(--trans);letter-spacing:.01em}.main-nav a:hover{color:var(--text);background:#ffffff0f}.main-nav a.active{color:var(--purple-2);background:#8b5cf61f}.responsiveCloseButton{display:none;cursor:pointer;color:var(--text-2);font-size:1.5rem;transition:var(--trans)}.responsiveCloseButton:hover{color:var(--text);transform:rotate(90deg)}.main-container{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:3rem 2rem}.hero{text-align:center;padding:5rem 1rem 4rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(139,92,246,.2),transparent 70%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#8b5cf61f;border:1px solid rgba(139,92,246,.3);color:var(--purple-2);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.4rem 1rem;border-radius:var(--radius-full);margin-bottom:1.5rem}.hero h1{font-family:Playfair Display,serif;font-size:clamp(2.5rem,7vw,5rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin-bottom:1.5rem;color:var(--text)}.hero h1 .gradient-text{background:var(--grad-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:1.15rem;color:var(--text-2);max-width:560px;margin:0 auto 2.5rem;line-height:1.75}.hero-scroll{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-3);animation:bounce-arrow 1.8s ease-in-out infinite}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.section-title{font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.section-count{font-size:.85rem;color:var(--text-3);font-weight:500}.posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.posts-grid .post:first-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.posts-grid .post:first-child .post-img{margin-bottom:0;height:100%;min-height:260px}.posts-grid .post:first-child .post-img img{height:100%;object-fit:cover}.posts-grid .post:first-child .post-body{padding:0}.post{position:relative;background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--trans);display:flex;flex-direction:column}.post:hover{border-color:var(--border-hover);box-shadow:var(--glow-purple),var(--shadow-lg);transform:translateY(-4px)}.post-img{width:100%;overflow:hidden;aspect-ratio:16/9;flex-shrink:0}.post-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.post:hover .post-img img{transform:scale(1.07)}.post-body{padding:1.5rem;display:flex;flex-direction:column;flex:1}.post-info{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.post-info i{font-size:.75rem}.post-title{font-family:Playfair Display,serif;font-size:1.4rem;font-weight:700;line-height:1.2;margin-bottom:.75rem;letter-spacing:-.01em}.post-title a{text-decoration:none;color:var(--text);transition:var(--trans);background:linear-gradient(var(--purple-2),var(--purple-2)) no-repeat 0 100%;background-size:0% 2px;transition:background-size .4s var(--ease),color .3s}.post-title a:hover{color:var(--purple-2);background-size:100% 2px}.post-description{color:var(--text-2);font-size:.9rem;line-height:1.65;margin-bottom:1.25rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;align-items:center}.post-tags>p:first-child{display:none}.post-tags a.tag{background:#8b5cf61a;color:var(--purple-2);font-size:.73rem;font-weight:600;text-decoration:none;padding:.25rem .75rem;border-radius:var(--radius-full);border:1px solid rgba(139,92,246,.2);transition:var(--trans);text-transform:uppercase;letter-spacing:.05em}.post-tags a.tag:hover{background:var(--purple);color:#fff;border-color:var(--purple)}.leer-mas{margin-top:auto}.leer-mas-button{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--text-2);font-weight:600;font-size:.85rem;text-decoration:none;transition:var(--trans);padding:0}.leer-mas-button:after{content:"→";transition:transform .3s var(--ease)}.leer-mas-button:hover{color:var(--purple-2)}.leer-mas-button:hover:after{transform:translate(5px)}.tags-page-header{text-align:center;padding:3rem 1rem 2rem}.tags-page-header h1{font-family:Playfair Display,serif;font-size:3rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.75rem;background:var(--grad-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tags-page-header p{color:var(--text-2);font-size:1rem}.tags-cloud{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;padding:2rem 0 3rem}.tag-chip{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);font-size:.9rem;font-weight:600;text-decoration:none;padding:.6rem 1.25rem;border-radius:var(--radius-full);transition:var(--trans);letter-spacing:.02em}.tag-chip:hover{background:#8b5cf626;border-color:#8b5cf666;color:var(--purple-2);transform:translateY(-2px);box-shadow:var(--glow-purple)}.tag-chip .tag-icon{font-size:.8rem;opacity:.6}.tag-detail-header{padding:3rem 0 2rem;position:relative}.tag-detail-header .tag-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--purple-2);margin-bottom:.5rem}.tag-detail-header h1{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;color:var(--text);margin-bottom:.5rem}.tag-detail-header .post-count{color:var(--text-3);font-size:.9rem}.about-hero{display:grid;grid-template-columns:auto 1fr;gap:2.5rem;align-items:center;padding:3rem 2.5rem;background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:2.5rem;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.15),transparent 70%);pointer-events:none}.about-avatar{width:100px;height:100px;border-radius:50%;background:var(--grad-brand);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;font-weight:800;font-family:Playfair Display,serif;flex-shrink:0;box-shadow:var(--glow-purple)}.about-name{font-family:Playfair Display,serif;font-size:2rem;font-weight:800;color:var(--text);letter-spacing:-.02em;margin-bottom:.25rem}.about-role{font-size:.9rem;color:var(--purple-2);font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.75rem}.about-bio{color:var(--text-2);font-size:.95rem;line-height:1.7}.about-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem}.about-content p{color:var(--text-2);font-size:1rem;line-height:1.8;margin-bottom:1rem}.about-content p:last-child{margin-bottom:0}.about-links-title{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:1rem;letter-spacing:-.02em}.about-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.about-link{display:flex;align-items:center;gap:.75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:.9rem 1.25rem;text-decoration:none;color:var(--text-2);font-weight:500;font-size:.9rem;transition:var(--trans)}.about-link:hover{background:#8b5cf61f;border-color:#8b5cf659;color:var(--purple-2);transform:translate(4px)}.about-link i{font-size:1.2rem;width:1.5rem;text-align:center;color:var(--purple);flex-shrink:0}footer{padding:3rem 1.5rem;background:var(--surface);border-top:1px solid var(--border);text-align:center;margin-top:auto;position:relative;overflow:hidden}footer:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:var(--grad-brand);opacity:.3}.footer-brand{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;background:var(--grad-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}footer>p{color:var(--text-3);font-size:.85rem;margin-bottom:1.5rem}.social{display:flex;justify-content:center;gap:.75rem}.social a{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--text-3);font-size:1rem;text-decoration:none;transition:var(--trans)}.social a:hover{background:#8b5cf626;border-color:#8b5cf666;color:var(--purple-2);transform:translateY(-3px);box-shadow:var(--glow-purple)}.main-nav-active{transform:translate(0)!important}@media (max-width: 900px){.posts-grid,.posts-grid .post:first-child{grid-template-columns:1fr}.posts-grid .post:first-child .post-img{min-height:220px}.posts-grid .post:first-child .post-body{padding:1.5rem}}@media (max-width: 768px){.container{padding:1.5rem 1rem}.hero{padding:3rem 1rem 2rem}.responsive-menu{display:block}.main-nav{position:fixed;top:0;right:0;width:85%;max-width:300px;height:100vh;background:#0a0a0ff7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:flex-start;padding:3rem 2rem;border-left:1px solid var(--border);transform:translate(100%);transition:transform .4s var(--ease);z-index:200;gap:.25rem}.main-nav a{width:100%;font-size:1.1rem;padding:.85rem 1rem;border-radius:var(--radius-md)}.responsiveCloseButton{display:block;position:absolute;top:1.5rem;right:1.5rem}.about-hero{grid-template-columns:1fr;text-align:center;padding:2rem 1.5rem}.about-avatar{margin:0 auto}.section-header{flex-direction:column;gap:.25rem;align-items:flex-start}}