.blog-page { padding-top: 40px; }
.barra--blog { grid-template-columns: repeat(6, 1fr); }
.article-menu { display: none; }
.nav__chevron { display: none; margin-left: auto; color: #e9949e; font-size: 16px; line-height: 1; }
.nav__sub { display: none; }
.article-nav { display: flex; align-items: center; justify-content: space-between; gap: 24px; max-width: 1180px; margin: 0 auto; padding: 22px 28px; border-bottom: 1px solid rgba(255,255,255,.12); }
.article-nav .marca__hex { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid currentColor; border-radius: 9px; color: #f2e8e9; font-family: "Space Grotesk", sans-serif; font-size: 18px; }
.article-nav__link { color: #e9949e; font-size: 14px; text-decoration: none; }
.article-nav__link:hover { text-decoration: underline; }
.article-footer { display: flex; justify-content: space-between; gap: 20px; max-width: 820px; margin: 0 auto; padding: 24px 28px 42px; border-top: 1px solid rgba(255,255,255,.12); color: #a99ea1; font-size: 13px; }
.article-footer a { color: #e9949e; text-decoration: none; }
.blog-hero__layout { display: grid; grid-template-columns: minmax(0, 1fr) 285px; gap: 70px; align-items: end; margin-bottom: 46px; }
.blog-hero .cab { max-width: 780px; margin: 0; }
.blog-hero__copy h1 { max-width: 720px; }
.blog-hero__copy .cab__d { max-width: 690px; }
.blog-hero__rule { display: flex; align-items: center; gap: 13px; margin-top: 28px; color: #a99ea1; font: 500 11px/1.2 "JetBrains Mono", monospace; letter-spacing: .12em; }
.blog-hero__rule span { display: block; width: 48px; height: 1px; background: #e35c6b; }
.blog-calendar { padding: 20px; border: 1px solid rgba(255,255,255,.15); border-radius: 16px; background: rgba(37,27,30,.7); }
.blog-calendar__head { display: flex; justify-content: space-between; align-items: baseline; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.13); color: #aaa0a2; font: 500 12px/1.2 "JetBrains Mono", monospace; letter-spacing: .12em; text-transform: uppercase; }
.blog-calendar__head strong { color: #ed8996; font: 500 22px/1 "Space Grotesk", sans-serif; letter-spacing: 0; }
.blog-calendar__months { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 4px 8px; padding-top: 14px; }
.blog-calendar__months a, .blog-calendar__months span { display: flex; align-items: center; justify-content: space-between; min-height: 30px; padding: 0 8px; border-radius: 6px; color: #8f8587; font-size: 13px; text-decoration: none; }
.blog-calendar__months a { color: #bcb1b3; transition: color .2s ease, background .2s ease; }
.blog-calendar__months a:hover, .blog-calendar__months a:focus-visible { color: #f2e8e9; background: rgba(227,92,107,.12); }
.blog-calendar__months a.activo { color: #f2dfe1; background: rgba(227,92,107,.16); }
.blog-calendar__months b { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: #e35c6b; color: #201719; font-size: 11px; }
.blog-calendar__note { margin: 15px 0 0; color: #8e8385; font-size: 12px; line-height: 1.45; }
.blog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.blog-card { display: flex; flex-direction: column; min-height: 100%; overflow: hidden; color: inherit; text-decoration: none; border: 1px solid rgba(255,255,255,.15); border-radius: 18px; background: linear-gradient(145deg, rgba(43,31,34,.82), rgba(24,20,22,.96)); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.blog-card:hover, .blog-card:focus-visible { transform: translateY(-4px); border-color: rgba(235,101,117,.78); box-shadow: 0 18px 42px rgba(0,0,0,.28); }
.blog-card--wide { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(280px, .95fr) 1.05fr; }
.blog-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; filter: saturate(.88) contrast(1.04); }
.blog-card--wide img { height: 100%; aspect-ratio: auto; min-height: 300px; }
.blog-card__body { display: flex; flex-direction: column; gap: 11px; padding: 26px; }
.blog-card__tag, .article__kicker { color: #e9949e; font: 500 12px/1.2 "JetBrains Mono", monospace; letter-spacing: .16em; text-transform: uppercase; }
.blog-card h2 { margin: 0; font: 500 clamp(22px, 3vw, 34px)/1.1 "Space Grotesk", sans-serif; letter-spacing: -.025em; }
.blog-card:not(.blog-card--wide) h2 { font-size: clamp(21px, 2.3vw, 27px); }
.blog-card p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.55; }
.blog-card__meta { margin-top: auto; color: #a89da0; font-size: 13px; }
.blog-card--text { min-height: 270px; background: linear-gradient(145deg, rgba(51,28,34,.88), rgba(25,20,22,.98)); }
.blog-card--text .blog-card__body { min-height: 218px; }
.blog-card--text .blog-card__tag { color: #ef9da5; }
.blog-calendar__months a.mes-link b { background: #6e4b52; color: #f5dfe1; }
.article-page { padding: 54px 0 90px; }
.article-wrap { max-width: 820px; margin: 0 auto; }
.article__back { display: inline-flex; margin-bottom: 38px; color: #e9949e; text-decoration: none; font-size: 14px; }
.article__back:hover { text-decoration: underline; }
.article__header h1 { margin: 14px 0 18px; font: 500 clamp(40px, 6vw, 72px)/1.02 "Space Grotesk", sans-serif; letter-spacing: -.045em; }
.article__header h1 em { color: #ed8996; font-style: normal; }
.article__dek { max-width: 720px; color: #cfc1c3; font-size: 20px; line-height: 1.5; }
.article__byline { display: flex; align-items: center; gap: 12px; margin: 24px 0 34px; color: #a99ea1; font-size: 14px; }
.article__avatar { width: 34px; height: 34px; flex: 0 0 34px; border-radius: 50%; display: grid; place-items: center; color: transparent; font-size: 0; background: #e35c6b url('../img/minuatura.png') center / cover no-repeat; border: 1px solid rgba(255,255,255,.22); box-shadow: 0 0 0 3px rgba(227,92,107,.12); overflow: hidden; }
.article__hero { width: 100%; max-height: 460px; object-fit: cover; border-radius: 16px; border: 1px solid rgba(255,255,255,.14); margin-bottom: 42px; }
.article__content { color: #d7ccce; font-size: 18px; line-height: 1.75; }
.article__content h2 { margin: 48px 0 12px; color: #f2e9ea; font: 500 30px/1.2 "Space Grotesk", sans-serif; letter-spacing: -.02em; }
.article__content p { margin: 0 0 22px; }
.article__content ol { padding-left: 28px; margin: 0 0 26px; }
.article__content li { margin-bottom: 15px; padding-left: 5px; }
.article__note { margin: 28px 0; padding: 18px 20px; border-left: 3px solid #e35c6b; border-radius: 0 10px 10px 0; background: rgba(227,92,107,.09); color: #e4d8da; }
.article__source { margin-top: 40px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.14); color: #a99ea1; font-size: 14px; line-height: 1.6; }
@media (max-width: 860px) { .blog-hero__layout { grid-template-columns: 1fr; gap: 30px; } .blog-calendar { max-width: 360px; } }
@media (min-width: 1101px) {
  .article-menu { display: flex; }
  .article-nav { display: none; }
}
@media (max-width: 1100px) {
  .article-menu { display: none; }
}
@media (max-width: 760px) { .blog-grid, .blog-card--wide { grid-template-columns: 1fr; } .blog-card--wide img { min-height: 0; aspect-ratio: 16 / 9; } .blog-card__body { padding: 21px; } .article-nav { padding: 18px 20px; } .article-nav .marca__t { font-size: 14px; } .article-page { padding-top: 28px; } .article__content { font-size: 17px; } .article-footer { flex-direction: column; padding-left: 20px; padding-right: 20px; } }