:root{--slate: var(--texto-2);--slate-deep: #2D3D45;--forest: var(--acento);--card-bg: var(--fondo-2);--on-ember: var(--sobre-acento)}.blog-hero{padding:88px 0 64px;border-bottom:1px solid var(--hairline)}.blog-hero .label{font-family:var(--lectura);font-size:18px;letter-spacing:.18em;text-transform:uppercase;color:var(--wine);margin-bottom:22px;display:inline-flex;align-items:center;gap:12px}.blog-hero .label:before{content:"";width:24px;height:1px;background:var(--wine)}.blog-hero h1{font-size:clamp(48px,6vw,84px);line-height:1.08;letter-spacing:-.025em;font-weight:400;margin-bottom:22px;max-width:900px}.blog-hero h1 em{color:var(--wine)}.blog-hero p{font-size:19px;color:var(--ink-soft);line-height:1.55;max-width:660px}.categories{padding:36px 0;border-bottom:1px solid var(--hairline);display:flex;gap:10px;flex-wrap:wrap;align-items:center}.categories .cat-label{font-family:var(--lectura);font-size:18px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint);margin-right:16px}.cat-pill{min-height:48px;padding:8px 18px;border-radius:0;font-size:18px;font-weight:500;color:var(--ink-soft);background:var(--paper);border:1px solid var(--hairline);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px;font-family:inherit}.cat-pill:hover{background:var(--color-line);color:var(--color-bone)}.cat-pill.active{background:var(--color-ember);color:var(--sobre-acento);border-color:var(--color-ember)}.cat-pill .dot{width:6px;height:6px;border-radius:50%}.cat-pill.cat-voz .dot{background:var(--wine)}.cat-pill.cat-piano .dot{background:var(--clay)}.cat-pill.cat-comp .dot{background:var(--texto-2)}.cat-pill.cat-teoria .dot{background:var(--texto)}.cat-pill.cat-metodo .dot{background:var(--forest)}.featured-post{padding:60px 0}.featured-card{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:stretch}.featured-img{aspect-ratio:4/3;border-radius:0;background:var(--wine);position:relative;overflow:hidden;box-shadow:none;display:block;text-decoration:none}.featured-img.bg-piano{background:var(--clay)}.featured-img.bg-comp{background:var(--slate)}.featured-img.bg-teoria{background:var(--gold-deep)}.featured-img.bg-metodo{background:var(--forest)}.featured-img-pattern{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='%23ffffff'%20fill-opacity='0.16'%20d='M12%203v10.55c-.59-.34-1.27-.55-2-.55-2.21%200-4%201.79-4%204s1.79%204%204%204%204-1.79%204-4V7h4V3h-6z'/%3E%3C/svg%3E"),radial-gradient(circle at 20% 30%,rgba(23,21,15,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,0,0,.15) 0%,transparent 60%);background-repeat:no-repeat,no-repeat,no-repeat;background-position:center,0 0,0 0;background-size:150px,auto,auto}.featured-img-text{position:absolute;inset:32px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#fffffff2;padding:24px}.featured-img-text strong{font-family:var(--display);font-size:24px;line-height:1.2;font-weight:400;letter-spacing:-.01em}.featured-img-tag{position:absolute;top:24px;left:24px;background:var(--texto);color:var(--fondo);padding:6px 12px;border-radius:0;font-family:var(--lectura);font-size:18px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;z-index:2}.featured-content{display:flex;flex-direction:column;justify-content:center}.featured-content .meta{font-family:var(--lectura);font-size:18px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:18px;display:flex;gap:14px;align-items:center}.featured-content .meta .featured-pill{background:var(--gold);color:var(--sobre-acento);padding:3px 10px;border-radius:0;font-weight:600}.featured-content .meta .dot-sep{width:3px;height:3px;border-radius:50%;background:var(--ink-faint);display:inline-block}.featured-content h2{font-size:clamp(34px,3.6vw,48px);line-height:1.08;letter-spacing:-.02em;font-weight:400;margin-bottom:20px}.featured-content h2 a{color:var(--ink);transition:color .2s}.featured-content h2 a:hover,.featured-content h2 em{color:var(--wine)}.featured-content p{font-size:18px;line-height:1.6;color:var(--ink-soft);margin-bottom:26px;max-width:560px}.featured-cta{align-self:flex-start;padding:14px 26px;background:var(--color-ember);color:var(--sobre-acento);border-radius:0;font-size:18px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .2s}.featured-cta:hover{background:var(--wine-deep);transform:translateY(-1px)}.featured-cta:after{content:"→"}.posts-section{padding:60px 0 100px;border-top:1px solid var(--hairline)}.posts-section h3{font-family:var(--lectura);font-size:18px;letter-spacing:.18em;text-transform:uppercase;color:var(--wine);font-weight:500;margin-bottom:36px}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.post-card{display:flex;flex-direction:column;transition:transform .2s}.post-card:hover{transform:translateY(-3px)}.post-img{aspect-ratio:16/11;border-radius:0;background:var(--wine);position:relative;overflow:hidden;box-shadow:none;margin-bottom:22px;display:block;text-decoration:none}.post-img.bg-piano{background:var(--clay)}.post-img.bg-comp{background:var(--slate)}.post-img.bg-teoria{background:var(--gold-deep)}.post-img.bg-metodo{background:var(--forest)}.post-img-pattern{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='%23ffffff'%20fill-opacity='0.16'%20d='M12%203v10.55c-.59-.34-1.27-.55-2-.55-2.21%200-4%201.79-4%204s1.79%204%204%204%204-1.79%204-4V7h4V3h-6z'/%3E%3C/svg%3E"),radial-gradient(circle at 25% 35%,rgba(23,21,15,.05) 0%,transparent 55%),radial-gradient(circle at 75% 65%,rgba(0,0,0,.15) 0%,transparent 65%);background-repeat:no-repeat,no-repeat,no-repeat;background-position:center,0 0,0 0;background-size:96px,auto,auto}.post-cat{position:absolute;top:16px;left:16px;background:var(--texto);color:var(--fondo);padding:4px 10px;border-radius:0;font-family:var(--lectura);font-size:18px;letter-spacing:.15em;text-transform:uppercase;font-weight:600}.post-card h3{font-family:var(--display);font-size:22px;line-height:1.2;font-weight:400;letter-spacing:-.01em;margin-bottom:12px}.post-card h3 a{color:var(--ink);transition:color .2s}.post-card h3 a:hover,.post-card h3 em{color:var(--wine)}.post-excerpt{font-size:18px;color:var(--ink-soft);line-height:1.55;margin-bottom:18px;flex:1}.post-meta{font-family:var(--lectura);font-size:18px;color:var(--ink-faint);letter-spacing:.05em;display:flex;gap:14px;align-items:center;padding-top:14px;border-top:1px solid var(--hairline)}.post-meta .dot-sep{width:3px;height:3px;border-radius:50%;background:var(--ink-faint);display:inline-block}.empty-state{padding:80px 0;text-align:center;color:var(--ink-faint);font-family:var(--display);font-size:22px;font-style:italic}.cta-strip{background:var(--acento);color:var(--sobre-acento);padding:60px 0;text-align:left}.cta-strip h3{font-size:clamp(28px,3.5vw,42px);color:var(--sobre-acento);margin-bottom:16px;letter-spacing:-.015em;font-family:var(--display);font-weight:400}.cta-strip h3 em{color:var(--sobre-acento);font-style:italic}.cta-strip p{color:var(--sobre-acento);margin-bottom:28px;font-size:18px}.cta-strip .btn{display:inline-flex;align-items:center;gap:10px;background:var(--sobre-acento);color:var(--texto);padding:16px 30px;border-radius:0;font-size:18px;font-weight:500;transition:all .2s;box-shadow:0 6px 20px #00000059}.cta-strip .btn:hover{background:#000;color:var(--cream);transform:translateY(-1px)}.cta-strip .btn svg{width:18px;height:18px;fill:currentColor}@media (max-width: 960px){.blog-hero{padding:60px 0 44px}.featured-card{grid-template-columns:1fr;gap:28px}.posts-grid{grid-template-columns:repeat(2,1fr);gap:28px}}@media (max-width: 540px){.blog-hero h1{font-size:40px}.posts-grid{grid-template-columns:1fr}.categories{gap:8px}.cat-pill{font-size:18px;padding:6px 14px;min-height:48px}}