/* NCCM 58.5 — App shell for internal pages (Catálogo / Galería / Cotizar / Contacto)
   Goal: leaving Home should still feel like the same dark app, not a cream website. */

@media (max-width:760px){
  html body,
  html body.quote-page,
  html body.gallery-page,
  html body.contact-page,
  html body.catalog-app-index,
  html body:not(.home-page){
    background:#0f4c5c!important;
    color:#fffaf3!important;
  }

  /* Soft dark canvas under content (not full cream page) */
  html body:not(.home-page) .section,
  html body:not(.home-page) .catalog-category-strip,
  html body.quote-page .section,
  html body.gallery-page .section{
    background:transparent!important;
  }

  /* Content panels stay readable as cards on dark app */
  body:not(.home-page) .page-intro,
  body:not(.home-page) .catalog-page-intro,
  body:not(.home-page) .split,
  body:not(.home-page) .cta,
  body:not(.home-page) .story-card,
  body:not(.home-page) .quote-form-card,
  body:not(.home-page) .contact-card,
  body:not(.home-page) .clean-catalog-card,
  body:not(.home-page) .card{
    background:rgba(255,247,237,.94)!important;
    color:#1a120d!important;
  }
  body:not(.home-page) .page-intro .title,
  body:not(.home-page) .page-intro .lead,
  body:not(.home-page) .clean-catalog-body h3,
  body:not(.home-page) .clean-catalog-body p,
  body:not(.home-page) .card h3,
  body:not(.home-page) .card p{
    color:#1a120d!important;
  }

  /* Compact heroes like app home */
  body:not(.home-page) .page-hero,
  body:not(.home-page) .catalog-showroom-hero,
  body:not(.home-page) .quote-hero{
    min-height:240px!important;
    margin-top:82px!important;
    border-radius:0 0 26px 26px!important;
  }
  body:not(.home-page) .page-hero .title,
  body:not(.home-page) .catalog-showroom-hero .title,
  body:not(.home-page) .quote-hero .title,
  body:not(.home-page) .quote-hero h1{
    font-size:clamp(30px,9vw,40px)!important;
    line-height:1.02!important;
    max-width:92vw!important;
  }
  body:not(.home-page) .page-hero .lead,
  body:not(.home-page) .catalog-showroom-hero .lead,
  body:not(.home-page) .quote-hero .lead,
  body:not(.home-page) .quote-hero p{
    font-size:14px!important;
    line-height:1.35!important;
    max-width:88vw!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  body:not(.home-page) .breadcrumbs{
    font-size:12px!important;
    padding:8px 11px!important;
  }

  /* Empty states = app cards (not cream dashed boxes) */
  body:not(.home-page) .dynamic-empty{
    background:rgba(255,255,255,.06)!important;
    border:1px dashed rgba(232,199,143,.4)!important;
    color:#fffaf3!important;
    border-radius:20px!important;
    padding:22px 18px!important;
    text-align:left!important;
    box-shadow:none!important;
    font-weight:800!important;
  }

  /* Quote page: keep form on dark shell */
  body.quote-page{
    background:#0f4c5c!important;
  }
  body.quote-page .quote-form-card,
  body.quote-page .quote-mini{
    background:rgba(255,247,237,.96)!important;
  }

  /* Footer less website-y */
  body:not(.home-page) .footer{
    background:#120c08!important;
    color:#d8b384!important;
    margin-bottom:78px!important;
  }
}