.gratitude-hero-integrated { padding:0; background:#073746; background-image:linear-gradient(90deg,rgba(7,55,70,.96) 0%,rgba(7,55,70,.92) 30%,rgba(7,55,70,.65) 47%,rgba(7,55,70,.1) 72%,transparent 100%),url('../img/gratitud-atardecer.png'); background-size:cover; background-position:center; }
.gratitude-hero-integrated .gratitude-hero-grid { display:flex; align-items:center; min-height:580px; padding-top:48px; padding-bottom:48px; }
.gratitude-hero-integrated .gratitude-copy { width:55%; max-width:650px; }
.gratitude-hero-integrated .gratitude-copy h1 { font-size:72px; line-height:1.06; }
.gratitude-hero-integrated .gratitude-copy>p { font-size:18px; max-width:560px; line-height:1.6; margin:20px 0; }
.gratitude-hero-integrated .gratitude-price { font-size:46px; margin:22px 0; }
.gratitude-hero-integrated .gratitude-price>span { font-size:14px; }
.gratitude-hero-integrated .gratitude-button { font-size:16px; padding:17px 34px; }
.gratitude-hero-integrated .gratitude-meta { font-size:13px; margin-top:26px; padding-top:20px; gap:14px 24px; }
.gratitude-hero-mobile-photo { display:none; }
@media(min-width:900px) and (max-width:1199px) { .gratitude-hero-integrated .gratitude-copy { width:58%; } .gratitude-hero-integrated .gratitude-copy h1 { font-size:56px; } .gratitude-hero-integrated .gratitude-hero-grid { min-height:540px; padding-left:44px; padding-right:44px; } }
@media(min-width:600px) and (max-width:899px) { .gratitude-hero-integrated .gratitude-hero-grid { padding:65px 36px; min-height:0; } .gratitude-hero-integrated .gratitude-copy { width:68%; } .gratitude-hero-integrated .gratitude-copy h1 { font-size:48px; } .gratitude-hero-integrated { background-image:linear-gradient(90deg,rgba(7,55,70,.97),rgba(7,55,70,.85) 45%,rgba(7,55,70,.12) 100%),url('../img/gratitud-atardecer.png'); } }
@media(max-width:599px) {
 .gratitude-hero-integrated { background:#073746; }
 .gratitude-hero-integrated .gratitude-hero-grid { min-height:0; padding:56px 22px 30px; }
 .gratitude-hero-integrated .gratitude-copy { width:100%; }
 .gratitude-hero-integrated .gratitude-copy h1 { font-size:clamp(36px,10.5vw,42px); }
 .gratitude-hero-integrated .gratitude-copy>p { font-size:16px; }
 .gratitude-hero-integrated .gratitude-price { font-size:40px; }
 .gratitude-hero-integrated .gratitude-meta { font-size:12px; gap:12px 18px; }
 .gratitude-hero-mobile-photo { display:block; position:relative; }
 .gratitude-hero-mobile-photo::before { content:''; position:absolute; inset:0; background:linear-gradient(180deg,#073746,transparent 28%); pointer-events:none; }
 .gratitude-hero-mobile-photo img { width:100%; height:auto; aspect-ratio:1.7; object-fit:cover; object-position:right center; }
}