.hero{padding-top:40px;min-height:100vh;background:#06233b;color:#fff}
.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,20,34,.90) 0%,rgba(5,27,45,.78) 33%,rgba(5,31,52,.38) 64%,rgba(5,31,52,.10) 100%),url("../assets/botellita_celestial.png");background-size:cover;background-position:center right;background-repeat:no-repeat}
.hero-inner{position:relative;z-index:2;min-height:100vh;display:flex;align-items:center;justify-content:flex-start;gap:54px}
.hero-copy{flex:1;max-width:650px}
.hero-brand{width:310px;max-width:70%;margin-bottom:24px;border-radius:14px;overflow:hidden;}
.hero-title{font-family:"PT Serif",Georgia,serif;font-size:78px;line-height:.96;letter-spacing:-2px;margin:0 0 20px}
.hero-text{font-size:21px;line-height:1.52;color:rgba(255,255,255,.75);max-width:620px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero-button{padding:14px 20px;border-radius:26px;background:#dca73b;color:#06233b;font-size:14px;font-weight:700}
.hero-button-outline{padding:14px 20px;border-radius:26px;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:14px}
@media(max-width:900px){

    .hero-actions{
        justify-content: center;
        align-items: center;
    }
    .hero-copy{display:flex; flex-direction: column; align-items: center; text-align: center;
    justify-content: center;}
    .hero-bg{background-image:linear-gradient(180deg,rgba(4,20,34,.34) 0%,rgba(4,20,34,.64) 42%,rgba(4,20,34,.88) 100%),url("../assets/botellita_celestial_responsive.png");background-position:center top}.hero-inner{justify-content:center;padding-top:340px}
.hero-title{font-size:58px}}