/*
Theme Name: Casa Organizada
Theme URI: https://casaorganizada.org
Author: Rodney Moore
Description: Menos caos, mais tempo. Organização doméstica com método.
Version: 0.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: casaorganizada
*/


  :root {
    --bg: #faf7f2;
    --ink: #2c2420;
    --muted: #7a6e66;
    --blush: #e8a0a0;
    --sage: #8fbc8f;
    --lavender: #b8a9c9;
    --cream: #fff9f0;
    --peach: #f5c6aa;
    --card: #ffffff;
  }
  * { box-sizing: border-box; margin: 0; padding: 0; }
  body { font-family: 'Plus Jakarta Sans', system-ui, sans-serif; background: var(--bg); color: var(--ink); line-height: 1.55; }
  a { color: inherit; text-decoration: none; }
  img { display: block; max-width: 100%; }
  .wrap { max-width: 1140px; margin: 0 auto; padding: 0 28px; }

  /* NAV soft */
  .nav { background: rgba(255,249,240,.9); backdrop-filter: blur(10px); border-bottom: 1px solid #efe6da; }
  .nav-inner { display: flex; align-items: center; justify-content: space-between; height: 68px; }
  .logo { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 1.1rem; }
  .logo svg { width: 38px; height: 38px; }
  .nav-links { display: flex; gap: 22px; font-size: .88rem; font-weight: 600; color: var(--muted); }
  .nav-cta {
    background: var(--ink); color: #fff; padding: 10px 18px; border-radius: 999px;
    font-size: .82rem; font-weight: 700;
  }

  /* BEFORE/AFTER collage hero */
  .hero { padding: 48px 0 24px; }
  .hero-grid {
    display: grid; grid-template-columns: 1fr 1.15fr; gap: 48px; align-items: center;
  }
  .hero-copy .eyebrow {
    display: inline-flex; align-items: center; gap: 8px;
    background: #fce7e7; color: #b55a5a; font-size: .75rem; font-weight: 700;
    padding: 6px 14px; border-radius: 999px; margin-bottom: 18px;
  }
  .hero-copy h1 {
    font-family: Fraunces, Georgia, serif; font-size: 3.1rem; font-weight: 700;
    line-height: 1.12; letter-spacing: -.02em;
  }
  .hero-copy h1 em { font-style: italic; color: #c47878; }
  .hero-copy > p { margin-top: 16px; font-size: 1.05rem; color: var(--muted); max-width: 400px; }
  .hero-actions { margin-top: 28px; display: flex; gap: 12px; }
  .btn-dark {
    background: var(--ink); color: #fff; padding: 14px 22px; border-radius: 14px;
    font-weight: 700; font-size: .9rem; box-shadow: 0 10px 24px rgba(44,36,32,.2);
  }
  .btn-soft {
    background: #fff; border: 1.5px solid #e5d9cc; padding: 13px 20px; border-radius: 14px;
    font-weight: 700; font-size: .9rem; color: var(--ink);
  }

  /* Photo collage */
  .collage {
    display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
    position: relative;
  }
  .collage-main {
    grid-column: 1 / -1; border-radius: 24px; overflow: hidden; height: 240px;
    position: relative; box-shadow: 0 20px 40px rgba(44,36,32,.12);
  }
  .collage-main img { width: 100%; height: 100%; object-fit: cover; }
  .collage-label {
    position: absolute; top: 14px; left: 14px;
    background: rgba(255,255,255,.92); padding: 5px 12px; border-radius: 999px;
    font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em;
  }
  .label-before { color: #b55a5a; }
  .label-after { color: #4a7c59; }
  .collage-half {
    border-radius: 20px; overflow: hidden; height: 180px; position: relative;
    box-shadow: 0 12px 28px rgba(44,36,32,.1);
  }
  .collage-half img { width: 100%; height: 100%; object-fit: cover; }
  .collage-float {
    position: absolute; bottom: -16px; left: 50%; transform: translateX(-50%);
    background: #fff; border-radius: 16px; padding: 12px 20px;
    box-shadow: 0 16px 32px rgba(44,36,32,.15);
    display: flex; align-items: center; gap: 10px; white-space: nowrap; z-index: 5;
  }
  .collage-float strong { font-size: .85rem; }
  .collage-float span { font-size: .75rem; color: var(--muted); display: block; }

  /* Pastel icon circles */
  .philosophy {
    padding: 56px 0 32px;
  }
  .phil-head { text-align: center; margin-bottom: 36px; }
  .phil-head h2 {
    font-family: Fraunces, Georgia, serif; font-size: 2rem; font-weight: 700;
  }
  .phil-head p { color: var(--muted); margin-top: 8px; }
  .phil-row {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
  }
  .phil-card {
    background: var(--card); border-radius: 24px; padding: 32px 26px; text-align: center;
    border: 1px solid #efe6da;
    box-shadow: 0 4px 16px rgba(44,36,32,.04);
  }
  .phil-icon {
    width: 72px; height: 72px; border-radius: 50%; margin: 0 auto 18px;
    display: grid; place-items: center;
  }
  .phil-icon svg { width: 32px; height: 32px; fill: none; stroke-width: 1.7; }
  .pi-blush { background: #fce7e7; }
  .pi-blush svg { stroke: #c47878; }
  .pi-sage { background: #e4f0e4; }
  .pi-sage svg { stroke: #5a8f5a; }
  .pi-lav { background: #ede8f3; }
  .pi-lav svg { stroke: #8b7aa0; }
  .phil-card h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: 8px; }
  .phil-card p { font-size: .88rem; color: var(--muted); }

  /* Masonry room photos */
  .section { padding: 40px 0 64px; }
  .section-head { margin-bottom: 28px; }
  .section-head h2 {
    font-family: Fraunces, Georgia, serif; font-size: 2rem; font-weight: 700;
  }
  .section-head p { color: var(--muted); margin-top: 6px; }

  .masonry {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 18px;
  }
  .masonry-item {
    border-radius: 22px; overflow: hidden; position: relative;
    background: var(--card);
    box-shadow: 0 10px 28px rgba(44,36,32,.08);
  }
  .masonry-item.tall { grid-row: span 2; }
  .masonry-item.wide { grid-column: span 2; }
  .masonry-item img { width: 100%; height: 100%; object-fit: cover; min-height: 220px; }
  .masonry-item.tall img { min-height: 460px; }
  .masonry-cap {
    position: absolute; bottom: 0; left: 0; right: 0;
    padding: 48px 20px 20px;
    background: linear-gradient(transparent, rgba(44,36,32,.82));
    color: #fff;
  }
  .masonry-cap .tag {
    display: inline-block; font-size: .65rem; font-weight: 800; text-transform: uppercase;
    letter-spacing: .08em; background: rgba(255,255,255,.2); padding: 3px 10px;
    border-radius: 999px; margin-bottom: 8px;
  }
  .masonry-cap h3 { font-size: 1.15rem; font-weight: 700; line-height: 1.3; }
  .masonry-cap p { font-size: .82rem; opacity: .85; margin-top: 4px; }

  .cats {
    display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;
    margin-top: 40px;
  }
  .cat-pill {
    background: #fff; border: 1px solid #efe6da; padding: 10px 18px; border-radius: 999px;
    font-size: .85rem; font-weight: 600; color: var(--muted);
  }

  footer {
    background: #fff; border-top: 1px solid #efe6da; padding: 36px 0;
  }
  .footer-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
  .footer-inner p { font-size: .85rem; color: var(--muted); }
  .photon { color: var(--ink); font-weight: 700; }

.content-area{padding:48px 0 64px}
.entry-content img{border-radius:12px;max-width:100%;height:auto}
.entry-content table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.92rem}
.entry-content th,.entry-content td{border:1px solid rgba(127,127,127,.25);padding:8px 10px;text-align:left}
.affiliate-placeholder{display:inline-block;background:#fff7ed;color:#9a3412;border:1px dashed #fdba74;padding:2px 8px;border-radius:6px;font-size:.85em}