/* Mercado Primo Ceará v31 — approved full homepage, original official logo.
 * Supplements v30 without replacing existing GIVS / carousel / commercial integration.
 */
body.home-v31{background:#fff9ef!important;}
body.home-v31 main{width:min(100%,1200px)!important;margin:0 auto!important;background:#fff9ef!important;box-shadow:0 0 18px #4a170011;}
body.home-v31 .container{max-width:1200px!important;}
/* Official brand art is kept as an image, never redrawn in CSS. */
body.home-v31 .header{width:100%;isolation:isolate;}
body.home-v31 .header-row{grid-template-columns:119px 208px minmax(0,1fr)!important;height:92px!important;min-height:92px!important;overflow:visible!important;gap:8px!important;}
body.home-v31 .brand{width:114px!important;height:78px!important;flex-shrink:0!important;min-width:0!important;overflow:visible!important;align-self:center!important;}
body.home-v31 .brand img{display:block!important;width:112px!important;height:74px!important;max-height:74px!important;max-width:112px!important;object-fit:contain!important;object-position:center!important;position:static!important;transform:none!important;}
body.home-v31 .brand-slogan{font-size:clamp(15px,1.48vw,20px)!important;line-height:1.04!important;}
body.home-v31 .nav-inner>a{font-size:clamp(9px,.84vw,12px)!important;padding:5px 1px!important;}
body.home-v31 .nav-inner>a svg{width:24px!important;height:24px!important;}
/* Keep every main section at one unified width; v30 hero was full viewport on large screens. */
body.home-v31 .hero{width:100%!important;max-width:1200px!important;margin:auto!important;position:relative!important;overflow:hidden!important;}
body.home-v31 .hero-art-v30{position:relative!important;}
/* The source hero JPG/WebP contains a fragment of an earlier header logo in its top edge.
 * Mask only this obsolete fragment; our actual official logo remains in the header. */
body.home-v31 .hero-art-v30::after{content:"";position:absolute;z-index:1;top:0;left:5%;width:12.3%;height:8.8%;background:linear-gradient(90deg,#ac0007,#aa0007 30%,#a50009 85%);pointer-events:none;}
body.home-v31 .hero-hotspot{z-index:3!important;}
body.home-v31 .sectors{margin-bottom:9px!important;padding-top:12px!important;padding-bottom:12px!important;}
body.home-v31 .featured-offers{border-top:0!important;}
body.home-v31 .featured-heading{border-radius:19px 19px 0 0!important;}
body.home-v31 .featured-viewport{padding-top:12px!important;padding-bottom:17px!important;}
body.home-v31 .featured-product{position:relative;overflow:hidden;}
/* Reference cards contain an image only. Product name is accessible to assistive tech. */
body.home-v31 .featured-product-name{position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important;}
body.home-v31 .featured-product:not(.sem-imagem) img{height:100%!important;max-height:100%!important;width:100%!important;object-fit:contain!important;padding:9px!important;}
body.home-v31 .featured-product.sem-imagem{display:flex;align-items:center;justify-content:center;text-align:center;}
body.home-v31 .featured-product.sem-imagem .featured-product-name{position:static!important;width:auto!important;height:auto!important;clip-path:none!important;white-space:normal!important;padding:8px;}
body.home-v31 .featured-disclaimer{position:relative;}
body.home-v31 .site-service-summary{margin-top:6px!important;}
body.home-v31 .site-service-cards{margin-top:1px!important;}
body.home-v31 .site-delivery-rules{margin-bottom:1px!important;}
/* The two real, linked banners, moved out of the closed details element. */
body.home-v31 .promo-banners-v31{width:100%!important;max-width:1200px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:12px 13px 10px!important;margin:0 auto!important;background:#fff9ef!important;align-items:stretch!important;}
body.home-v31 .promo-banners-v31>a{display:block!important;width:100%!important;min-width:0!important;position:relative!important;overflow:hidden!important;height:auto!important;aspect-ratio:610/124!important;border-radius:16px!important;box-shadow:0 3px 6px #40190044!important;outline-offset:3px!important;}
body.home-v31 .promo-banners-v31>a>img{display:block!important;width:100%!important;height:100%!important;object-fit:fill!important;}
body.home-v31 .promo-banners-v31>a:focus-visible{outline:3px solid #d80016!important;}
body.home-v31 .promo-job-v31::after{content:"";position:absolute;left:39%;width:47%;bottom:1.2%;height:25%;background:linear-gradient(90deg,#c30008,#bf0010);border-radius:3px;pointer-events:none;}
body.home-v31 .promo-job-cta-v31{position:absolute;z-index:1;bottom:3%;left:44%;min-width:33%;font-size:clamp(14px,2.1vw,24px);font-weight:950;font-style:italic;line-height:1.05;text-align:center;color:#fff;text-shadow:1px 2px 1px #6006;pointer-events:none;}
/* Footer uses the same authentic logo; do not let it overflow or overlap nearby elements. */
body.home-v31 .footer{margin-top:0!important;width:100%!important;height:auto!important;min-height:0!important;}
body.home-v31 .footer-v30-top{min-height:101px!important;}
body.home-v31 .footer-v30-logo{display:flex;justify-content:center;align-items:center;}
body.home-v31 .footer-v30-logo img{display:block!important;width:112px!important;height:auto!important;max-height:83px!important;object-fit:contain!important;}
body.home-v31 .footer-v30-secondary{min-height:20px;}
/* Homepage mobile: same content, adapted size, none hidden offscreen. */
@media(min-width:761px) and (max-width:1120px){
 body.home-v31 .header-row{grid-template-columns:110px 172px minmax(0,1fr)!important;padding-inline:7px!important;gap:5px!important;}
 body.home-v31 .brand{width:105px!important;} body.home-v31 .brand img{width:101px!important;height:70px!important;}
 body.home-v31 .brand-slogan{font-size:15px!important;padding-left:10px!important;}
 body.home-v31 .nav-inner>a{font-size:9px!important;}
 body.home-v31 .nav-inner>a svg{width:22px!important;height:22px!important;}
}
@media(max-width:760px){
 body.home-v31 .header-row{height:auto!important;min-height:75px!important;padding:5px 9px!important;}
 body.home-v31 .brand{width:83px!important;flex:0 0 83px!important;height:65px!important;}
 body.home-v31 .brand img{width:80px!important;height:60px!important;max-width:80px!important;max-height:60px!important;}
 body.home-v31 .brand-slogan{font-size:clamp(16px,4vw,22px)!important;}
 body.home-v31 .hero-art-v30::after{display:none!important;}
 body.home-v31 .promo-banners-v31{grid-template-columns:1fr!important;gap:9px!important;padding:10px!important;}
 body.home-v31 .promo-banners-v31>a{border-radius:13px!important;}
 body.home-v31 .promo-job-cta-v31{font-size:clamp(14px,4vw,22px)!important;}
 body.home-v31 .footer-v30-logo img{width:82px!important;max-height:66px!important;}
}
/* Exact-color concealment of the obsolete partial badge baked into the hero art. */
body.home-v31 .hero-art-v30::after{left:0!important;top:0!important;width:17.5%!important;height:13.5%!important;background:linear-gradient(90deg,#7d0204 0%,#800204 35%,#870204 70%,#8b0204 100%)!important;border-radius:0!important;}

/* Keep all commercial banner text visible at 1024–1440px desktop widths. */
@media(min-width:761px){
body.home-v31 .service-delivery .service-promo-copy{gap:1px!important;}
body.home-v31 .service-delivery .service-promo-copy strong{font-size:clamp(29px,3.15vw,40px)!important;line-height:.91!important;}
body.home-v31 .service-delivery .delivery-minimum{font-size:clamp(26px,3.4vw,42px)!important;}
}