/* NCCM v49 — mobile cleanup requested by client
   - Home shortcuts: static photo categories (Cocinas, Closets, Gabinetes, Puertas, Escaleras)
   - Proyectos: remove oversized final CTA box, leave only the button
   - Catálogo: cleaner hero, remove breadcrumb + hero CTA buttons + top strip in app view
   - Nosotros: smaller logo integrated above the story text in app view */

.about-inline-logo{display:none;}

@media (max-width:760px){
  /* HOME APP — keep photo shortcuts clean */
  .nccm-app-cats.nccm-app-cats-photo{
    gap:8px!important;
  }
  .nccm-app-cats.nccm-app-cats-photo a{
    font-size:9.4px!important;
    letter-spacing:.12px!important;
  }
  .nccm-app-cats.nccm-app-cats-photo span{
    height:54px!important;
    border-radius:17px!important;
  }
  .nccm-app-cats.nccm-app-cats-photo span img{
    filter:saturate(1.03) contrast(1.02) brightness(.98)!important;
  }

  /* PROYECTOS — final section should be just a button, not a large empty card */
  body.projects-page .section.compact{
    padding:10px 14px calc(88px + env(safe-area-inset-bottom,0px))!important;
    background:transparent!important;
  }
  body.projects-page .section.compact .container.cta{
    display:flex!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    gap:0!important;
    width:100%!important;
    padding:0!important;
    min-height:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.projects-page .section.compact .container.cta > div{
    display:none!important;
  }
  body.projects-page .section.compact .container.cta .btn{
    display:inline-flex!important;
    margin:0!important;
    padding:14px 20px!important;
    border-radius:18px!important;
    box-shadow:0 14px 32px rgba(90,58,31,.16)!important;
  }

  /* CATALOGO — cleaner hero, no repeated controls in app view */
  body.catalog-app-index .catalog-showroom-hero{
    min-height:320px!important;
    padding:126px 0 26px!important;
  }
  body.catalog-app-index .catalog-showroom-hero .breadcrumbs,
  body.catalog-app-index .catalog-showroom-hero .catalog-hero-actions,
  body.catalog-app-index .catalog-category-strip{
    display:none!important;
  }
  body.catalog-app-index .catalog-showroom-hero .title{
    margin:0 0 10px!important;
  }
  body.catalog-app-index .catalog-showroom-hero .lead{
    max-width:300px!important;
    margin:0!important;
  }
  body.catalog-app-index #categorias.section{
    padding-top:18px!important;
  }
  body.catalog-app-index #categorias .page-intro{
    display:block!important;
    margin:0 0 14px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    min-height:0!important;
  }
  body.catalog-app-index #categorias .page-intro .kicker,
  body.catalog-app-index #categorias .page-intro .title,
  body.catalog-app-index #categorias .page-intro .lead,
  body.catalog-app-index #categorias .page-intro .btn{
    display:none!important;
  }

  /* NOSOTROS — smaller logo integrated into the story block */
  body .about-company-history{
    padding:20px 0 calc(88px + env(safe-area-inset-bottom,0px))!important;
  }
  body .about-company-history .container.split{
    width:calc(100vw - 28px)!important;
    display:block!important;
  }
  body .about-company-history .feature-photo{
    display:none!important;
  }
  body .about-company-history .story-card{
    display:block!important;
    padding:22px 18px 18px!important;
    background:#fffaf3!important;
    border:1px solid rgba(75,44,27,.10)!important;
    border-radius:30px!important;
    box-shadow:0 18px 38px rgba(39,24,14,.08)!important;
  }
  body .about-company-history .story-card .about-inline-logo{
    display:flex!important;
    width:128px!important;
    height:128px!important;
    margin:-60px auto 14px auto!important;
    padding:8px!important;
    border-radius:24px!important;
    background:#110b08!important;
    box-shadow:0 16px 34px rgba(20,10,4,.24)!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body .about-company-history .story-card .about-inline-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    display:block!important;
    border-radius:18px!important;
    background:transparent!important;
  }
  body .about-company-history .story-card .kicker{
    font-size:10px!important;
    letter-spacing:2.8px!important;
    margin:0 0 6px!important;
  }
  body .about-company-history .story-card .title{
    font-size:24px!important;
    line-height:1.06!important;
    margin:0 0 10px!important;
  }
  body .about-company-history .story-card .lead{
    font-size:14px!important;
    line-height:1.55!important;
    margin:0!important;
  }
  body .about-company-history .values-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:18px!important;
  }
  body .about-company-history .value{
    padding:14px!important;
    border-radius:18px!important;
  }
  body .about-company-history .value b{
    font-size:15px!important;
    margin-bottom:4px!important;
  }
  body .about-company-history .value p{
    font-size:12px!important;
    line-height:1.35!important;
    margin:0!important;
  }
}

@media (max-width:390px){
  body .about-company-history .story-card{padding:20px 16px 16px!important;}
  body .about-company-history .story-card .about-inline-logo{
    width:110px!important;
    height:110px!important;
    margin:-54px auto 12px auto!important;
    border-radius:22px!important;
  }
  body .about-company-history .story-card .title{
    font-size:22px!important;
  }
  body.projects-page .section.compact .container.cta .btn{
    padding:13px 18px!important;
    font-size:13px!important;
  }
}