/* Portal Editorial Tech — responsivo (1440 / 1280 / 1024 / 768 / 414 / 390 / 375 / 360 / 320). */

@media (max-width:1200px){
	.pet-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
	.pet-hero__title{font-size:min(var(--pet-hero-title),38px)}
	.pet-hero__media .pet-media{height:auto;aspect-ratio:5/4}
	.pet-with-side{grid-template-columns:minmax(0,1fr) 320px;gap:30px}
	.pet-card--horizontal{grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:20px}
	.pet-card--horizontal .pet-card__title{font-size:21px}
	.pet-catsec{gap:24px}
	.pet-catsec .pet-card__title{font-size:18px}
}

@media (max-width:1024px){
	.pet-carousel__track{--vis:var(--pet-vis-t,3)}
	.pet-dest{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
	.pet-dest__c{grid-column:1/-1}
	.pet-prod{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pet-prod__title{grid-column:1/-1}
	.pet-prod__shorts{grid-column:1/-1;grid-row:auto;margin-top:28px}
	.pet-videos{grid-template-columns:minmax(0,1fr)}
	.pet-videos__list{max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
	.pet-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pet-catsec{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pet-footer__cols--4{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
	.pet-foryou__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pet-single__grid.has-side{grid-template-columns:minmax(0,1fr)}
	.pet-single__side{position:static}
	.pet-extra__split{grid-template-columns:minmax(0,1fr)}
	.pet-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
	.pet-mosaic>:first-child{grid-column:1/-1;grid-row:auto}
	.pet-games__row{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pet-carousel--shorts .pet-carousel__track{--vis:var(--pet-vis-t,2.2)}
}

@media (max-width:900px){
	.pet-hero{grid-template-columns:minmax(0,1fr)}
	.pet-hero__media .pet-media{aspect-ratio:16/10}
	.pet-hero__title{font-size:clamp(26px,6vw,34px);margin-top:14px}
	.pet-hero__excerpt{font-size:18px;margin-top:14px}
	.pet-cathero{grid-template-columns:minmax(0,1fr)}
	.pet-cathero__media .pet-media{border-radius:var(--card-radius) var(--card-radius) 0 0;min-height:0;aspect-ratio:16/10}
	.pet-cathero__panel{padding:20px 20px 26px}
	.pet-with-side{grid-template-columns:minmax(0,1fr)}
	.pet-eds--3,.pet-eds--2{grid-template-columns:minmax(0,1fr)}
	.pet-cols--2,.pet-cols--3,.pet-cols--4,.pet-cols--5,.pet-cols--6{grid-template-columns:minmax(0,1fr)}
	.pet-columnist{padding:14px 0 14px 16px}
	.pet-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pet-nl{grid-template-columns:minmax(0,1fr)}
	.pet-alsoread__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pet-footer__cols--3{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
	.pet-footer__main--side,.pet-footer__main--logo-right{flex-direction:column;align-items:stretch}
	.pet-footer__main--side .pet-footer__cols{flex:0 0 auto}
	.pet-footer__logo--side,.pet-footer__main--logo-right .pet-footer__logo--side{max-width:100%;margin:28px 0 0;padding:0;border-left:0}
	.pet-footer__main--logo-right .pet-footer__logo--side{align-self:flex-end}
	.pet-footer__main--side .pet-footer__cols{padding-top:22px}
	.pet-footer__inst{grid-template-columns:minmax(0,1fr);row-gap:24px}
	.pet-topbar__nav{overflow-x:auto;scrollbar-width:none}
	.pet-topbar__nav::-webkit-scrollbar{display:none}
	.pet-topbar__nav .pet-menu{flex-wrap:nowrap;justify-content:flex-start;gap:0 22px;white-space:nowrap;min-width:max-content}
	.pet-topbar__nav .pet-menu .sub-menu{display:none!important}
	.pet-tabs{gap:28px}
	.pet-tabs__tab{font-size:16px}
}

@media (max-width:767px){
	.pet-section{padding:26px 0}
	.pet-brand--desktop{display:none}
	.pet-brand--mobile{display:flex}
	.pet-mainbar__row{min-height:calc(var(--pet-mainbar-h) - 6px)}
	.pet-logo--text{font-size:22px}
	.pet-topbar__row{min-height:calc(var(--pet-topbar-h) - 4px)}
	.pet-topbar__login span{display:none}
	.pet-topbar__brand{font-size:19px}
	.pet-card--horizontal{grid-template-columns:minmax(0,120px) minmax(0,1fr);gap:14px;padding:16px 0}
	.pet-card--horizontal .pet-card__title{font-size:17px;line-height:1.4;margin-top:6px}
	.pet-card--horizontal .pet-card__meta{font-size:12px;margin-top:8px}
	.pet-card--horizontal .pet-media--3x2{aspect-ratio:1/1}
	.pet-card__title{font-size:18px}
	.pet-card--lead .pet-card__title{font-size:22px}
	.pet-dest{grid-template-columns:minmax(0,1fr)}
	.pet-prod{grid-template-columns:minmax(0,1fr)}
	.pet-prod--noshorts{grid-template-columns:minmax(0,1fr)}
	.pet-prod__list{margin-top:20px}
	.pet-grid,.pet-grid--3,.pet-grid--4,.pet-grid--2{grid-template-columns:minmax(0,1fr);gap:26px}
	.pet-catsec,.pet-catsec--2,.pet-catsec--3{grid-template-columns:minmax(0,1fr);gap:18px}
	.pet-catsec .pet-card__title{font-size:18px}
	.pet-games__row{grid-template-columns:minmax(0,1fr);gap:18px}
	.pet-videos__list{grid-template-columns:minmax(0,1fr)}
	.pet-card--video{grid-template-columns:minmax(0,150px) minmax(0,1fr)}
	.pet-mosaic{grid-template-columns:minmax(0,1fr)}
	.pet-foryou__grid,.pet-foryou__grid--3,.pet-foryou__grid--2{grid-template-columns:minmax(0,1fr)}
	.pet-alsoread__grid,.pet-alsoread__grid--2{grid-template-columns:minmax(0,1fr)}
	.pet-footer__cols--4,.pet-footer__cols--3,.pet-footer__cols--2{grid-template-columns:minmax(0,1fr);row-gap:0}
	.pet-footer__col{border-left:0;border-top:1px solid rgba(255,255,255,.16);padding:18px 4px}
	.pet-footer__bar{flex-direction:column;align-items:flex-start}
	.pet-footer__bar--center{align-items:center}
	.pet-single__title{font-size:clamp(26px,7.4vw,34px)}
	.pet-single__sub{font-size:min(var(--pet-sub-size),19px)}
	.pet-meta__avatar img{width:52px;height:52px}
	.pet-tools{justify-content:flex-start}
	.entry-content{font-size:17px;line-height:1.75}
	.entry-content .alignleft,.entry-content .alignright{float:none;display:block;margin:1em auto;max-width:100%}
	.pet-section-title__dot{width:28px;height:28px}
	.pet-section-title{margin-bottom:16px}
	.pet-nl{padding:12px}
	.pet-shorts__title{font-size:22px;padding:16px 18px 12px}
	.pet-carousel--shorts{padding:16px 12px 0}
	.pet-carousel--shorts .pet-carousel__track{--vis:var(--pet-vis-m,1.4)}
	.pet-carousel__track{--vis:var(--pet-vis-m,1);--gap:14px}
	.pet-carousel--cards .pet-carousel__track{--gap:18px}
	.pet-carousel__nav{margin-top:14px}
	.pet-with-side__side>*+*{margin-top:24px}
	.pet-authorhead{flex-direction:column;align-items:flex-start}
	.pet-cta{flex-direction:column;align-items:flex-start}
	.pet-cta__img{width:100%}
	.pet-tab-search{display:block}
}

@media (max-width:399px){
	:root{--pet-gutter:16px}
	.pet-carousel--offers .pet-carousel__track{--vis:1.15}
	.pet-card--horizontal{grid-template-columns:minmax(0,104px) minmax(0,1fr);gap:12px}
	.pet-card--compact,.pet-card--compact.pet-card--thumb-right{grid-template-columns:80px minmax(0,1fr);gap:12px}
	.pet-card--compact.pet-card--thumb-right{grid-template-columns:minmax(0,1fr) 80px}
	.pet-card--sp-box{grid-template-columns:minmax(0,1fr) 80px}
	.pet-columnist{grid-template-columns:84px minmax(0,1fr)}
	.pet-columnist__img{width:84px;height:84px}
	.pet-tools{gap:6px}
	.pet-tool{height:40px}
	.pet-tool--icon{width:40px}
	.pet-tool--gift{padding:0 10px;font-size:14px}
	.pet-tabs{gap:20px}
	.pet-tabs__tab{font-size:15px}
	.pet-more{font-size:16px}
}

/* ---------- Barra principal no mobile: colunas laterais iguais => logo sempre centralizada ---------- */
@media (max-width:767px){
	.pet-mainbar__row{grid-template-columns:minmax(88px,1fr) minmax(0,auto) minmax(88px,1fr);gap:4px}
	.pet-mainbar__brand,.pet-brand--mobile,.pet-brand--mobile .pet-logo-link,.pet-brand--mobile .pet-logo{min-width:0;max-width:100%}
	.pet-brand--mobile .pet-logo--text{font-size:19px;gap:8px}
	.pet-brand--mobile .pet-logo__mark{width:26px;height:26px}
	.pet-topbar__brand{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:1.2}
	.pet-topbar .pet-subscribe{font-size:10px;padding:5px 8px}
	.pet-topbar__tools{gap:10px;flex:none}
}
@media (max-width:359px){
	.pet-brand--mobile .pet-logo--text .pet-logo__mark{display:none}
	.pet-brand--mobile .pet-logo--text{font-size:17px}
	.pet-topbar .pet-subscribe{display:none}
}
