/* NCCM v42 — visual cleanup for mobile/app pages only */
@media (max-width:760px){
  /* HOME: make the hero kitchen brighter and less heavy */
  body.home-page .nccm-app-hero-card{
    background-position:center 54%!important;
    box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
  }
  body.home-page .nccm-app-hero-shade{
    z-index:1!important;
    background:
      linear-gradient(90deg,rgba(10,7,5,.26),rgba(10,7,5,.13) 58%,rgba(10,7,5,.03)),
      linear-gradient(0deg,rgba(0,0,0,.12),rgba(0,0,0,0) 56%)!important;
  }
  body.home-page .nccm-app-hero-card::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,rgba(255,246,232,.18),rgba(255,246,232,.06) 46%,rgba(255,246,232,0));
    mix-blend-mode:screen;
  }
  body.home-page .nccm-app-hero-content{z-index:3!important;}
  body.home-page .nccm-app-hero-content h1,
  body.home-page .nccm-app-hero-content p{
    text-shadow:0 4px 16px rgba(0,0,0,.42)!important;
  }

  /* CATALOG: keep the good look, remove the duplicated lower quote button */
  body.catalog-app-index #categorias .page-intro{
    display:none!important;
  }
  body.catalog-app-index #categorias.section{
    padding-top:8px!important;
  }
  body.catalog-app-index .catalog-showroom-grid{
    padding-top:2px!important;
  }

  /* SERVICES / PROJECTS / GALLERY: compact the oversized white intro boxes */
  body.services-page .section:first-of-type,
  body.projects-page .section:first-of-type,
  body.gallery-page .section:first-of-type{
    padding:18px 0 14px!important;
  }
  body.services-page .page-intro,
  body.projects-page .page-intro,
  body.gallery-page .page-intro{
    margin:0 14px 12px!important;
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    padding:16px 16px 17px!important;
    border-radius:22px!important;
    background:linear-gradient(145deg,rgba(255,250,243,.96),rgba(246,234,217,.92))!important;
    border:1px solid rgba(88,54,31,.10)!important;
    box-shadow:0 14px 34px rgba(42,24,13,.10)!important;
  }
  body.services-page .page-intro .kicker,
  body.projects-page .page-intro .kicker,
  body.gallery-page .page-intro .kicker{
    font-size:10.5px!important;
    letter-spacing:4px!important;
    color:#c89555!important;
    margin-bottom:8px!important;
  }
  body.services-page .page-intro .title,
  body.projects-page .page-intro .title,
  body.gallery-page .page-intro .title{
    font-size:clamp(25px,7.4vw,32px)!important;
    line-height:1.02!important;
    letter-spacing:-.7px!important;
    margin:0 0 8px!important;
    color:#1f130d!important;
  }
  body.services-page .page-intro .lead,
  body.projects-page .page-intro .lead,
  body.gallery-page .page-intro .lead{
    font-size:14px!important;
    line-height:1.45!important;
    margin:0 0 14px!important;
    color:#6b5749!important;
  }
  body.services-page .page-intro .btn,
  body.projects-page .page-intro .btn,
  body.gallery-page .page-intro .btn{
    min-height:0!important;
    padding:12px 16px!important;
    border-radius:16px!important;
    font-size:13px!important;
    box-shadow:0 12px 24px rgba(199,151,94,.20)!important;
  }
  body.services-page [data-dyn-services-list],
  body.projects-page [data-dyn-projects-list],
  body.gallery-page [data-dyn-gallery-list]{
    margin-top:8px!important;
  }

  /* CONTACT: remove the empty-feeling big quote block and make it a compact CTA */
  body.contact-page .section{
    padding:16px 0 18px!important;
  }
  body.contact-page .split{
    display:block!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    padding:0 14px!important;
  }
  body.contact-page .story-card,
  body.contact-page .cta{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 14px!important;
    border-radius:22px!important;
  }
  body.contact-page .story-card{
    padding:16px!important;
    background:rgba(255,250,243,.94)!important;
    border:1px solid rgba(88,54,31,.10)!important;
    box-shadow:0 14px 32px rgba(42,24,13,.09)!important;
  }
  body.contact-page .story-card .kicker{
    font-size:10.5px!important;
    letter-spacing:4px!important;
    margin-bottom:8px!important;
  }
  body.contact-page .story-card .title{
    font-size:clamp(25px,7vw,31px)!important;
    line-height:1.04!important;
    margin:0 0 8px!important;
  }
  body.contact-page .story-card .lead{
    font-size:14px!important;
    line-height:1.42!important;
    margin:0 0 13px!important;
  }
  body.contact-page .contact-social-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:10px!important;
  }
  body.contact-page .contact-method{
    display:grid!important;
    grid-template-columns:88px 1fr!important;
    align-items:center!important;
    gap:8px!important;
    min-height:0!important;
    padding:13px 14px!important;
    border-radius:18px!important;
    background:#fffaf3!important;
    border:1px solid rgba(88,54,31,.09)!important;
    box-shadow:none!important;
  }
  body.contact-page .contact-method h3{
    margin:0!important;
    font-size:15px!important;
    line-height:1.1!important;
    color:#1f130d!important;
  }
  body.contact-page .contact-method b{
    display:block!important;
    text-align:left!important;
    font-size:14px!important;
    line-height:1.25!important;
    color:#111!important;
    overflow-wrap:anywhere!important;
  }
  body.contact-page .cta{
    min-height:0!important;
    height:auto!important;
    padding:17px!important;
    background:linear-gradient(135deg,#2a170f,#4b2b1a 58%,#8d5c31)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 18px 38px rgba(42,24,13,.18)!important;
    color:#fff7ed!important;
  }
  body.contact-page .cta .kicker{
    color:#e8c78f!important;
    font-size:10px!important;
    letter-spacing:3.4px!important;
    margin:0 0 7px!important;
  }
  body.contact-page .cta .title{
    display:block!important;
    color:#fffaf3!important;
    font-size:clamp(23px,6.8vw,30px)!important;
    line-height:1.04!important;
    margin:0 0 8px!important;
  }
  body.contact-page .cta p{
    display:block!important;
    color:#f3ddbd!important;
    font-size:13.5px!important;
    line-height:1.42!important;
    margin:0 0 14px!important;
  }
  body.contact-page .cta .btn{
    display:inline-flex!important;
    min-height:0!important;
    padding:12px 17px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,#c7975e,#e8c78f)!important;
    color:#20130c!important;
    font-size:13px!important;
  }
}