/* Guía de podas — estilos mobile‑first */
.podas-wrap{ padding:1rem 0 4.5rem; }
.wrap{ max-width:1100px; margin:0 auto; padding:0 1rem; }
.section-title{ font-size:1.05rem; font-weight:800; margin:.25rem 0 .6rem; color:#2A1D16 }

/* Toolbar */
.podas-toolbar{ position:sticky; top:calc(var(--site-sticky-offset,70px)); z-index:5; }
.toolbar-row{ display:grid; grid-template-columns: 1fr; gap:.5rem; background:#fff; border:1px solid #ece5da; border-radius:12px; padding:.5rem .6rem; box-shadow:0 6px 18px rgba(0,0,0,.06) }
.toolbar-row.minimal{ grid-template-columns: 140px 1fr auto; align-items:end; }
.tool{ display:grid; gap:.2rem; }
.tool > span{ font-size:.78rem; color:#6b5b4b }
.tool select,.tool input{ padding:.6rem .75rem; border:1px solid #d9cfc7; border-radius:10px; background:#fff; min-height:42px; color:#2A1D16 }
.tool.search input{ min-width:180px }
@media(min-width:760px){ .toolbar-row.minimal{ grid-template-columns: 160px 1fr auto } .tool.search{ grid-column:auto } }

/* Accesos rápidos dentro de la toolbar */
.quick-actions{ display:flex; gap:.4rem; flex-wrap:wrap }
.btn{ display:inline-flex; align-items:center; gap:.35rem; padding:.5rem .8rem; border-radius:.6rem; border:1px solid #ccb9ad; background:#fff; color:#2A1D16; text-decoration:none; font-weight:700 }
.btn-ghost{ background:#faf6f3; }

/* Advanced filters collapsed */
.adv{ grid-column: 1 / -1; }
.adv summary{ cursor:pointer; padding:.35rem .55rem; border-radius:.5rem; background:#faf6f3; border:1px solid #e9ddd2; font-weight:700; color:#5b4b40 }
.adv[open] summary{ background:#f3ece4 }
.adv-grid{ display:grid; grid-template-columns: 1fr; gap:.5rem; padding:.5rem 0 }
@media(min-width:760px){ .adv-grid{ grid-template-columns: 1fr 1fr } }

/* Cards (horizontal scroll en móvil) */
.cards{ display:grid; grid-auto-flow:column; grid-auto-columns: 80%; gap:.75rem; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:.4rem }
.cards > .card{ scroll-snap-align:start }
@media(min-width:720px){ .cards{ grid-auto-columns: 48%; } }
@media(min-width:980px){ .cards{ grid-template-columns: repeat(3, 1fr); grid-auto-flow:row; grid-auto-columns:unset; } }

.card{ background:#fff; border:1px solid #eee2d8; border-radius:14px; box-shadow:0 2px 8px rgba(0,0,0,.05); overflow:hidden; display:grid; grid-template-rows: auto auto 1fr auto; }
.card .head{ padding:.8rem .9rem .5rem; display:flex; align-items:center; justify-content:space-between; gap:.5rem }
.card .title{ font-weight:700; font-size:1rem; line-height:1.2; color:#1e2a38 }
.card .sci{ font-size:.82rem; color:#6b5b4b }
.badge{ display:inline-block; padding:.15rem .45rem; border-radius:999px; font-size:.72rem; border:1px solid #e5d8cd; background:#faf6f3; color:#6a5b52; }
.diff{ font-size:.9rem; color:#7a6b62 }
.body{ padding:.5rem .9rem; display:grid; gap:.45rem }
.body .tech{ font-size:.92rem; color:#2A1D16 }
.body .advice{ font-size:.9rem; color:#5b5b5b }

/* Calendario estrecho por card */
.months{ display:grid; grid-template-columns: repeat(12,1fr); gap:2px; padding:.45rem .6rem; background:#faf7f2; border-top:1px solid #efe4d9 }
.months .m{ height:18px; border-radius:3px; background:#eee; position:relative }
.months .m[data-s="ideal"]{ background:#8dc891 }
.months .m[data-s="ok"]{ background:#f0d286 }
.months .m[data-s="evitar"]{ background:#efb0a5 }
.months .m::after{ content: attr(data-l); position:absolute; inset:0; color:#000; opacity:.35; font-size:.6rem; display:grid; place-items:center }

.card .foot{ padding:.6rem .9rem .8rem; display:flex; gap:.5rem; align-items:center; justify-content:space-between }
.card .btn{ display:inline-flex; align-items:center; gap:.4rem; padding:.5rem .7rem; border-radius:.55rem; border:1px solid #ccb9ad; background:#fff; color:#2A1D16; text-decoration:none; font-weight:700 }
.card .btn.primary{ background:#C75B35; border-color:#C75B35; color:#fff }
.fav{ cursor:pointer; border:0; background:transparent; color:#c47a2e }

/* Calendario general */
.podas-calendar .cal-grid{ display:grid; gap:.5rem; grid-template-columns: repeat(3, 1fr); }
.podas-calendar .cal{ background:#fff; border:1px solid #eee2d8; border-radius:12px; padding:.6rem }
.podas-calendar .cal h3{ margin:.1rem 0 .45rem; font-size:1rem }
.podas-calendar .chips{ display:flex; flex-wrap:wrap; gap:.35rem }
.podas-calendar .chip{ padding:.2rem .45rem; border-radius:999px; font-size:.78rem; background:#faf6f3; border:1px solid #e5d8cd }
@media(max-width:760px){ .podas-calendar .cal-grid{ grid-template-columns: 1fr; } }

/* Tips */
.tips .tips-grid{ display:grid; gap:.75rem; grid-template-columns:1fr; }
@media(min-width:760px){ .tips .tips-grid{ grid-template-columns: repeat(2,1fr); } }
.tip{ background:#fff; border:1px solid #eee2d8; border-radius:12px; padding:.8rem }
.tip h3{ margin:.1rem 0 .5rem; font-size:1rem }

/* Seasons */
.seasons .seasons-grid{ display:grid; gap:.75rem; grid-template-columns:1fr; }
@media(min-width:760px){ .seasons .seasons-grid{ grid-template-columns: repeat(2,1fr); } }
.season{ background:#fff; border:1px solid #eee2d8; border-radius:12px; padding:.8rem }
.season h3{ margin:0 0 .35rem; font-size:1rem }
.advice-extra{ margin-top:.6rem; font-size:.92rem; color:#5b5b5b }
.advice-extra ul{ margin:.35rem 0 0 1rem }

/* Bottom bar */
/* Eliminado bottom bar para no solapar PWA */