@font-face {font-family: "Instrument Sans"; src: url("instrument-sans.woff2") format("woff2"); font-weight: 400 700; font-display: swap}
body.casa-mas-facil {
  --paper: #fff8e8;
  --ink: #182b55;
  --muted: #465270;
  --line: #b7bed0;
  --panel: #f5e5ae;
  --accent: #1d3d93;
  --warm: #9b342d;
  font-family: "Instrument Sans", system-ui, sans-serif;
}
.casa-mas-facil .topbar {display: none}
.casa-mas-facil .brandrow {border-bottom: 1px solid var(--line)}
.casa-mas-facil .brand {display: flex; align-items: center; gap: 13px; font: 850 clamp(24px, 4vw, 40px)/1 system-ui, sans-serif; letter-spacing: -.07em}
.casa-mas-facil .brand small {font: 600 10px/1.2 system-ui, sans-serif; letter-spacing: .12em}
.casa-mas-facil nav {background: var(--accent); color: white}
.casa-mas-facil nav a {font-weight: 650}
.casa-mas-facil nav a:hover {color: #ffe498}
.casa-mas-facil .search {border-color: #9fb0e0}
.casa-mas-facil .search input,.casa-mas-facil .search button,.casa-mas-facil .search input::placeholder {color: white}
.casa-mas-facil h1,.casa-mas-facil h2,.casa-mas-facil .card-title {font-family: system-ui, sans-serif; font-weight: 800; letter-spacing: -.05em; line-height: 1.07}
.casa-mas-facil .hero {padding: 0; margin-top: 32px; gap: 0; background: var(--panel); border: 1px solid var(--ink); box-shadow: 6px 6px 0 var(--ink); grid-template-columns: 1fr 1fr}
.casa-mas-facil .hero > div {padding: clamp(22px, 4vw, 60px)}
.casa-mas-facil .hero figure {align-self: stretch; border-left: 1px solid var(--ink)}
.casa-mas-facil .hero img {height: 100%; min-height: 360px; border-radius: 0}
.casa-mas-facil .button {background: #a3342d; color: white; font-weight: 700}
.casa-mas-facil .button:hover {background: #79251f}
.casa-mas-facil .topic {background: transparent; border-color: var(--accent); color: var(--accent); font-weight: 700}
.casa-mas-facil .topic:hover {background: var(--panel)}
.casa-mas-facil .card {border-top: 3px solid var(--accent)}
.casa-mas-facil .card-art {display: none}
.casa-mas-facil .sidebox {border: 1px solid var(--ink)}
@media (max-width: 680px) {
  .casa-mas-facil .hero {grid-template-columns: 1fr}
  .casa-mas-facil .hero img {min-height: 0; height: 240px}
  .casa-mas-facil .hero figure {border-left: 0; border-top: 1px solid var(--ink)}
}