/* Cozinhando Arte Editorial — ajustes por largura (mobile-first). */

@media (min-width: 480px) {
	.cae-short-slide { flex-basis: 170px; }
	.cae-card--mini { grid-template-columns: 110px minmax(0, 1fr); }
}

@media (min-width: 600px) {
	.cae-hero__big { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cae-hero__big--1 { grid-template-columns: minmax(0, 520px); justify-content: center; }
	.cae-hero__small { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.cae-hero__small--1 { grid-template-columns: minmax(0, 340px); justify-content: center; }
	.cae-hero__small--2 { grid-template-columns: repeat(2, minmax(0, 340px)); justify-content: center; }
	.cae-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.cae-card--row, .cae-card--list { grid-template-columns: 200px minmax(0, 1fr); gap: 18px; }
	.cae-rec-list .cae-card--list { grid-template-columns: 200px minmax(0, 1fr); }
	.cae-card--row .cae-card__title { font-size: 18px; }
	.cae-card--list .cae-card__title, .cae-rec-list .cae-card__title { font-size: 20px; }
	.cae-filters__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cae-channel { flex-basis: 220px; }
	.cae-campaign__side { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cae-chef__recipes { gap: 20px; }
}

@media (min-width: 768px) {
	:root { --gutter: 24px; }
	.cae-grid { gap: 32px 24px; }
	.cae-grid--4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.cae-section { padding-block: 32px; }
	.cae-section-title { font-size: 26px; margin-bottom: 32px; }
	.cae-footer__inner { padding-block: 48px 32px; }
	.cae-footer__menus--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cae-footer__menus--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.cae-footer__menus { text-align: center; }
	.cae-footer__list { justify-items: center; }
	.cae-links { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.cae-festivals__grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 32px; }
	.cae-festivals__grid--solo { grid-template-columns: 1fr; }
	.cae-newsbox { padding: 36px 32px 28px; }
	.cae-campaign__grid { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 24px; }
	.cae-campaign__banner { min-height: 230px; }
	.cae-chef { grid-template-columns: 170px minmax(0, 1fr); gap: 20px; }
	.cae-hero__small { gap: 32px; }
	.cae-hero__big { gap: 34px; }
	.cae-channels__more { display: flex; }
	.cae-carousel--subcat .cae-carousel__slide { flex-basis: 172px; }
	.cae-author-head { flex-direction: row; text-align: left; align-items: center; }
	.cae-author-head__bio { margin-inline: 0; }
	.cae-author-box { padding: 16px 20px; }
}

@media (min-width: 900px) {
	.cae-layout--side { grid-template-columns: minmax(0, 1fr) var(--side-w); gap: 40px; }
	.cae-layout--side.cae-layout--left { grid-template-columns: var(--side-w) minmax(0, 1fr); }
	.cae-layout--left > .cae-layout__side { order: -1; }
	.cae-layout__side > .cae-ad--side:last-child { position: sticky; top: 16px; }
	.cae-split--side { grid-template-columns: minmax(0, 1fr) 333px; gap: 32px; }
	.cae-split__side .cae-ad--side { position: sticky; top: 16px; min-height: 360px; }
}

/* Header de desktop e menu principal */
@media (min-width: 1024px) {
	.cae-secnav { display: block; }
	.cae-topbar__inner { grid-template-columns: auto minmax(0, 1fr) auto; gap: 28px; }
	.cae-theme-row { display: none; }
	.cae-burger, .cae-search-toggle, .cae-mobile-search { display: none !important; }
	.cae-logo--desktop { display: inline-flex; grid-column: 1; justify-self: start; }
	.cae-logo--mobile { display: none; }
	.cae-topbar__search { display: block; grid-column: 2; justify-self: center; width: 100%; max-width: 620px; }
	.cae-topbar__actions { grid-column: 3; gap: 8px; margin-right: 0; }
	.cae-profile, .cae-saved-link { display: inline-flex; }
	.cae-logo-center .cae-topbar__inner { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
	.cae-logo-center .cae-logo--desktop { grid-column: 2; justify-self: center; }
	.cae-logo-center .cae-topbar__search { grid-column: 1; grid-row: 1; justify-self: start; max-width: 360px; }
	.cae-logo-center .cae-topbar__actions { grid-column: 3; }
	.cae-nav { display: block; }
	.cae-filters__panel { position: absolute; left: 0; right: 0; top: 100%; z-index: 120; margin-top: 4px; }
	.cae-filters { margin-top: 0; position: static; }
	.cae-filters summary { position: absolute; right: 118px; top: 50%; transform: translateY(-50%); z-index: 2; margin: 0; padding: 4px 8px; background: transparent; }
	.cae-filters summary span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
	.cae-search-form__input { padding-right: 56px; }
	.cae-drawer, .cae-overlay { display: none !important; }
	.cae-search-page__form .cae-filters summary, .cae-404 .cae-filters summary { position: static; transform: none; }
	.cae-search-page__form .cae-filters summary span, .cae-404 .cae-filters summary span { position: static; width: auto; height: auto; clip: auto; }
	.cae-search-page__form .cae-filters__panel, .cae-404 .cae-filters__panel { position: static; }
	.cae-search-page__form .cae-search-form__input, .cae-404 .cae-search-form__input { padding-right: 20px; }
	.cae-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.cae-channel { flex-basis: 232px; }
}

@media (max-width: 1023.98px) {
	.cae-megapanel { display: none !important; }
	.cae-drawer .cae-filters__panel, .cae-mobile-search .cae-filters__panel { position: static; }
}

/* Telas largas: anúncios laterais altos (ativados por side-ads.js conforme a largura configurada). */
@media (min-width: 1300px) {
	.cae-side-ad.is-active { position: fixed; top: 150px; z-index: 40; display: block; width: 160px; }
	.cae-side-ad--left.is-active { left: max(6px, calc((100vw - var(--container-width)) / 2 - 172px)); }
	.cae-side-ad--right.is-active { right: max(6px, calc((100vw - var(--container-width)) / 2 - 172px)); }
	.cae-side-ad .cae-ad { margin: 0; min-height: 600px; }
	.cae-side-ad__close { position: absolute; top: -34px; right: 0; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 0; border-radius: 50%; background: var(--card-bg); color: var(--text); box-shadow: var(--shadow-card); cursor: pointer; }
}

@media (max-width: 359.98px) {
	.cae-topbar__inner { --cae-side: 48px; }
	.cae-topbar__actions .cae-theme-toggle { display: none; }
	.cae-grid, .cae-grid--4, .cae-grid--3 { grid-template-columns: 1fr; }
	.cae-card--row, .cae-card--list { grid-template-columns: 104px minmax(0, 1fr); gap: 12px; }
	.cae-section-title { font-size: 19px; letter-spacing: 0.06em; }
}