/* Ajustes da versão Astro: menu mobile, fotos dos guias, blocos editoriais */
.announcement{padding:6px 16px;text-align:center}
.announcement>span{display:inline}
.site-header nav a[aria-current=page]{color:var(--purple);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px;text-decoration-color:#d9c6e8}
.mobile-menu .menu-icon-close{display:none}
.mobile-menu[aria-expanded=true] .menu-icon-open{display:none}
.mobile-menu[aria-expanded=true] .menu-icon-close{display:block}
.mobile-menu{width:46px;height:46px;border-radius:50%;background:var(--lavender);place-items:center}
.mobile-nav{position:absolute;left:0;right:0;top:100%;background:var(--white);box-shadow:0 24px 40px #5a46700f;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;padding:8px 0 22px;z-index:60}
.mobile-nav-inner{display:flex;flex-direction:column}
.mobile-nav .eyebrow{display:block;margin:16px 0 4px;font-size:.75rem}
.mobile-nav a{display:flex;align-items:center;gap:10px;min-height:46px;padding:8px 4px;border-bottom:1px solid var(--line);font-weight:700}
.mobile-nav a .icon{width:19px;height:19px;color:#967caf}
.site-header{position:sticky}
body.menu-open{overflow:hidden}
.site-header .mobile-nav:not([hidden]){display:block}
@media(min-width:901px){.site-header .mobile-nav{display:none!important}}
@media(max-width:600px){.hide-sm{display:none}.announcement{font-size:.75rem}.mobile-menu{width:42px;height:42px}}

/* Fotos ilustrativas */
.guide-art.has-photo{overflow:hidden}
.guide-art.has-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.guide-card:hover .guide-art.has-photo img{transform:scale(1.04)}
.guide-art.has-photo .guide-tag{position:absolute}
.article-hero .article-photo{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:28px;box-shadow:0 18px 40px #6e55850f}
.motion-paused .guide-card:hover .guide-art.has-photo img{transform:none}

/* Corpo do guia */
.prose>p:first-child{font-size:1.125rem;line-height:1.8}
.prose h2{scroll-margin-top:120px}
.prose h3{font-size:1.25rem;margin:28px 0 8px}
.prose table{display:block;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.prose a{color:var(--purple);text-decoration:underline;text-decoration-color:#d9c6e8;text-underline-offset:3px;text-decoration-thickness:2px}
.prose a:hover{text-decoration-color:currentColor}
.safety-notice{display:flex;gap:14px;align-items:flex-start;background:#fff5e6;border:1px solid #f1d9b5;border-radius:22px;padding:18px 20px;margin-bottom:18px;color:#6b4e2a}
.safety-notice .icon{color:#b7832f;margin-top:3px}
.safety-notice p{margin:0}
.safety-notice a{text-decoration:underline}
.sources-box{background:var(--blue);border-radius:28px;padding:26px 30px;margin:40px 0}
.sources-box h2{font-size:1.375rem;margin:0 0 10px}
.sources-box ul{margin:0;padding-left:20px}
.sources-box li{margin:6px 0}
.sources-box a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.offers{margin:40px 0}
.offer-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:12px}
.offer{display:grid;grid-template-columns:72px minmax(0,1fr) auto auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:22px;padding:16px 20px;background:var(--white)}
.offer img,.top-pick img{width:72px;height:72px;object-fit:cover;border-radius:14px;background:var(--line)}
.offer-text{min-width:0}.offer-text b{display:block;overflow-wrap:anywhere}
.offer small{display:block;color:var(--muted)}
.offer .pill{margin-top:6px}
.offer-price{text-align:right;white-space:nowrap}
.offer-amazon{margin-top:16px}
.top-pick{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:22px;padding:14px 18px;background:var(--white);margin-top:18px;margin-bottom:6px}
.top-pick-text{min-width:0}.top-pick-text b{display:block;overflow-wrap:anywhere;line-height:1.3}
.top-pick-text small{display:block;color:var(--muted);margin-top:2px}
.top-pick-actions{display:grid;gap:6px;justify-items:center}
.planner-item .item-name small a{color:inherit}
.planner-note{margin-top:10px}
@media(max-width:600px){
  .offer{grid-template-columns:56px minmax(0,1fr);text-align:left}.offer img{width:56px;height:56px}.offer-price{text-align:left;grid-column:1/-1;white-space:normal}.offer .button{grid-column:1/-1;justify-content:center}
  .top-pick{grid-template-columns:56px minmax(0,1fr);padding:12px 14px}.top-pick img{width:56px;height:56px}.top-pick-actions{grid-column:1/-1;justify-items:stretch;text-align:center}.top-pick-actions .button{justify-content:center}.top-pick-text b{font-size:.95rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .sources-box{padding:22px 20px}
  .article-hero .article-photo{border-radius:22px}
}

/* Home: categorias com foto e pilares */
.category-photo{width:100%;height:146px;object-fit:cover;border-radius:18px;margin:10px 0 12px;transition:transform .35s}
.category:hover .category-photo{transform:translateY(-3px) scale(1.03)}
.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pillar{border-radius:27px;padding:26px 24px;display:flex;flex-direction:column;gap:10px;transition:transform .3s,box-shadow .3s}
.pillar:hover{transform:translateY(-5px);box-shadow:0 15px 30px #78678c14}
.pillar .icon{width:30px;height:30px;color:var(--purple)}
.pillar h3{font-size:1.1875rem;line-height:1.3;letter-spacing:-.4px;margin:4px 0 0}
.pillar p{font-size:.9375rem;color:var(--muted);margin:0}
.method-points a{text-decoration:underline;text-decoration-color:#d9c6e8;text-underline-offset:3px}
@media(max-width:1120px){.category-photo{height:135px}}
@media(max-width:900px){.pillar-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-photo{height:115px}}
@media(max-width:600px){.pillar-grid{grid-template-columns:1fr}.pillar{padding:22px 20px}.category-photo{height:110px}}
body.menu-open #helper-toggle,body.menu-open #helper-panel{display:none}
@media(max-width:600px){.filter-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px;-webkit-overflow-scrolling:touch}.filter-chips::-webkit-scrollbar{display:none}.filter-chips button{flex-shrink:0}}
