.blog-page{min-height:100vh}.blog-hero{position:relative;overflow:hidden;padding:calc(100px + 3.6rem) 1.25rem 3.2rem;background:radial-gradient(circle at 20% 18%,rgba(204,111,74,.18),transparent 28%),radial-gradient(circle at 82% 72%,rgba(127,167,173,.14),transparent 24%),linear-gradient(180deg,#173740,#112a33);text-align:center}.blog-hero__inner{width:min(100%,860px);margin:0 auto}.blog-hero__eyebrow{margin:0 0 .9rem;color:#f8f1e9ad;font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.blog-hero h1{margin:0;color:#f8f1e9;font-family:var(--font-display);font-size:clamp(3rem,8vw,5.8rem);line-height:.94;letter-spacing:-.055em;text-wrap:balance}.blog-hero p:last-child{max-width:42rem;margin:1.2rem auto 0;color:#f8f1e9c7;font-size:clamp(1rem,2vw,1.14rem);line-height:1.72;text-wrap:balance}.posts-section{padding:clamp(2.2rem,5vw,4rem) 1.25rem clamp(4rem,7vw,6rem);min-height:50vh}.blog-feed{width:min(100%,1180px);margin:0 auto}.blog-feed__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:clamp(2rem,4vw,3rem)}.blog-filter-chip{display:inline-flex;align-items:center;min-height:3rem;padding:.75rem 1.2rem;border-radius:999px;border:1px solid rgba(35,49,59,.12);background:#fffaf6c2;color:#43515a;font-size:.92rem;font-weight:700;letter-spacing:.02em}.blog-filter-chip.is-active{background:#23313b;color:#f8f1e9;border-color:#23313b}.blog-feed__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.3rem}.blog-card{grid-column:span 4;display:flex;min-width:0;flex-direction:column;overflow:hidden;border-radius:30px;text-decoration:none;background:#fffaf6db;border:1px solid rgba(35,49,59,.08);box-shadow:0 22px 46px #30231714;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.blog-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px #30231724;border-color:#cc6f4a2e}.blog-card__media{position:relative;min-height:15rem;overflow:hidden;background:linear-gradient(145deg,#fff4ecf5,#f3ece4f0)}.blog-card__image{width:100%;height:100%;object-fit:cover}.blog-card__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;padding:1.25rem;background:radial-gradient(circle at top left,rgba(204,111,74,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(127,167,173,.18),transparent 34%),linear-gradient(145deg,#f7efe7,#efe5db)}.blog-card__placeholder span{color:#23313b85;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.blog-card__placeholder strong{max-width:12ch;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);line-height:.96;letter-spacing:-.04em;color:#1f2a33}.blog-card__badge{position:absolute;top:1rem;left:1rem;display:inline-flex;align-items:center;min-height:2rem;padding:.35rem .78rem;border-radius:999px;color:#23313b;font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;backdrop-filter:blur(10px)}.blog-card__badge--quiro{background:#7fa7ad42;border:1px solid rgba(127,167,173,.35)}.blog-card__badge--psic{background:#cc6f4a38;border:1px solid rgba(204,111,74,.28)}.blog-card__body{display:flex;flex:1;flex-direction:column;padding:1.35rem 1.35rem 1.45rem}.blog-card__date{margin:0 0 .65rem;color:#23313b8f;font-size:.84rem}.blog-card h3{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,3.4vw,2.2rem);line-height:.98;letter-spacing:-.04em;color:#1f2a33;text-wrap:balance}.blog-card__excerpt{margin:.9rem 0 1.25rem;color:#5d6863;line-height:1.72;flex:1}.blog-card__meta{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-top:1rem;border-top:1px solid rgba(35,49,59,.08)}.blog-card__author{display:flex;align-items:center;gap:.7rem;color:#1f2a33;font-size:.9rem;font-weight:700}.blog-card__avatar{width:2.3rem;height:2.3rem;border-radius:999px;display:grid;place-items:center;overflow:hidden;flex-shrink:0;background:linear-gradient(145deg,#f2d2c3,#d7e6e4);color:#23313b}.blog-card__readmore{color:#cc6f4a;font-size:.84rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}@media(max-width:1080px){.blog-card{grid-column:span 6}}@media(max-width:768px){.posts-section{padding-inline:1rem}.blog-card{grid-column:1 / -1}.blog-card__meta{flex-direction:column;align-items:flex-start}}
