/* One-page mobile composition for owner review. Desktop remains unchanged. */
@media(max-width:650px){
 .commercial-hero.spanish-hero-prototype,
 :root[data-theme=light] .commercial-hero.spanish-hero-prototype{grid-template-columns:minmax(0,1fr);gap:18px;padding:18px 14px}
 .spanish-hero-prototype .commercial-kicker{grid-column:1;grid-row:1;font-size:11px;line-height:1.4;padding:8px 10px;gap:8px;max-width:100%}
 .spanish-hero-prototype .commercial-kicker .art{width:24px;height:24px;flex:none}
 .spanish-hero-prototype .commercial-picture,
 :root[data-theme=light] .spanish-hero-prototype .commercial-picture{grid-column:1;grid-row:2;align-self:center;width:100%;aspect-ratio:1672/941;border-radius:15px;margin:0}
 .spanish-hero-prototype h1,
 :root[data-theme=light] .spanish-hero-prototype h1{grid-column:1;grid-row:2;align-self:center;justify-self:start;z-index:2;width:46%;max-width:none;padding:0 0 0 12px;margin:0;font-size:clamp(16.5px,4.7vw,27px);line-height:1.06;letter-spacing:-.018em;color:#fff1d7;text-shadow:0 1px 5px #00150f80}
 .spanish-hero-prototype h1>span,
 :root[data-theme=light] .spanish-hero-prototype h1>span{color:#ffd18e;margin-top:6px}
 .spanish-hero-prototype .commercial-lead,
 :root[data-theme=light] .spanish-hero-prototype .commercial-lead{grid-column:1;grid-row:3;font-size:15px;line-height:1.7;margin:0;max-width:none}
 .spanish-hero-prototype .commercial-actions{grid-column:1;grid-row:4;gap:10px;margin:0}
}

