/* Approved Spanish102 composition. Each subject keeps the whole native frame. */
.commercial-hero.spanish-hero-prototype,
:root[data-theme=light] .commercial-hero.spanish-hero-prototype{display:flex;align-items:center;padding:40px;min-height:0;aspect-ratio:var(--subject-hero-aspect,2);background:#032b23}
.spanish-hero-prototype:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#021b17b8 0%,#021b17b0 34%,#021b1780 43%,#021b1700 56%)}
.spanish-hero-prototype .commercial-copy,
:root[data-theme=light] .spanish-hero-prototype .commercial-copy{display:block;z-index:2;width:36%;max-width:550px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.spanish-hero-prototype .commercial-picture,
:root[data-theme=light] .spanish-hero-prototype .commercial-picture{position:absolute;inset:0;width:100%;height:100%;min-height:0;border-radius:0;aspect-ratio:auto}
.spanish-hero-prototype .commercial-picture img{object-fit:contain;object-position:center;width:100%;height:100%}
.spanish-hero-prototype h1,
:root[data-theme=light] .spanish-hero-prototype h1{font-size:clamp(40px,3.25vw,50px);line-height:1.06;color:#fff1d7;text-shadow:0 2px 14px #00150f80}
.spanish-hero-prototype h1>span,
:root[data-theme=light] .spanish-hero-prototype h1>span{color:#ffd18e}
.spanish-hero-prototype .commercial-lead,
:root[data-theme=light] .spanish-hero-prototype .commercial-lead{color:#f0eddf;font-size:15px;line-height:1.75;margin-top:20px;text-shadow:0 1px 8px #00150fb0}
.spanish-hero-prototype .commercial-kicker,
:root[data-theme=light] .spanish-hero-prototype .commercial-kicker{background:#073a2c;color:#fff1d7;border-color:#a2b88770;margin-bottom:20px}
.spanish-hero-prototype .commercial-actions{margin-top:22px;gap:10px}
.spanish-hero-prototype .commercial-actions .button{font-size:13px;padding:13px 16px}
:root[data-theme=light] .spanish-hero-prototype .button-outline{color:#fff1d7;background:#143a2a;border-color:#a4b28785}
@media(max-width:1279px){
 .commercial-hero.spanish-hero-prototype,:root[data-theme=light] .commercial-hero.spanish-hero-prototype{display:grid;grid-template-columns:1fr;padding:26px;aspect-ratio:auto;gap:20px;background:#07392f}
 .spanish-hero-prototype:before{display:none}
 .spanish-hero-prototype .commercial-copy,:root[data-theme=light] .spanish-hero-prototype .commercial-copy{display:contents}
 .spanish-hero-prototype .commercial-kicker{order:1;justify-self:start;margin:0}
 .spanish-hero-prototype h1{order:2;font-size:clamp(32px,5vw,46px);max-width:800px}
 .spanish-hero-prototype .commercial-picture,:root[data-theme=light] .spanish-hero-prototype .commercial-picture{order:3;position:relative;inset:auto;aspect-ratio:1672/941;height:auto;overflow:hidden;border-radius:16px}
 .spanish-hero-prototype .commercial-picture img{display:block;width:100%;height:auto;object-fit:contain}
 .spanish-hero-prototype .commercial-lead{order:4;max-width:780px;margin:0}
 .spanish-hero-prototype .commercial-actions{order:5;margin:0}
 :root[data-theme=light] .commercial-hero.spanish-hero-prototype{background:#eff4e6}
 :root[data-theme=light] .spanish-hero-prototype h1{color:#263e2c;text-shadow:none}
 :root[data-theme=light] .spanish-hero-prototype h1>span{color:#765126}
 :root[data-theme=light] .spanish-hero-prototype .commercial-lead{color:#354d3a;text-shadow:none}
 :root[data-theme=light] .spanish-hero-prototype .button-outline{color:#263e2c;background:#f5f8ee;border-color:#91a984}
}
@media(max-width:650px){
 .commercial-hero.spanish-hero-prototype,:root[data-theme=light] .commercial-hero.spanish-hero-prototype{padding:20px 16px;gap:18px}
 .spanish-hero-prototype h1,:root[data-theme=light] .spanish-hero-prototype h1{font-size:clamp(32px,8.5vw,40px)}
 .spanish-hero-prototype .commercial-actions .button{width:100%;font-size:13px}
}

.spanish-hero-prototype.subject-hero-shade-strong:before{background:linear-gradient(90deg,#021b17b8 0%,#021b17c0 34%,#021b17b0 43%,#021b1700 56%)}