/* Keep the complete copy at left and the logo at right, as on desktop. */
@media(max-width:767px){
 .stage{padding:20px max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom))}
 .glass{height:min(720px,calc(100svh - 76px));min-height:510px;border-radius:25px}
 header{padding:15px 22px 0;gap:6px 16px}
 .logo-crop{width:34px;height:51px}.logo-crop img{width:110px;height:110px;left:-39px;top:-32px}
 .content{padding:24px 22px}
 .eyebrow{font-size:7.5px;line-height:1.6;letter-spacing:.13em;margin-bottom:24px}
 .hero-grid{grid-template-columns:minmax(0,1fr) 31%;grid-template-rows:auto;gap:18px;min-height:0;align-items:center}
 .hero-copy{display:block;align-self:center}
 .hero-copy h1{grid-column:auto;grid-row:auto;font-size:clamp(24px,6.2vw,30px);line-height:1.13;margin:0 0 20px}
 .hero-copy .intro{grid-column:auto;grid-row:auto;font-size:13px;line-height:1.6;margin:0;font-weight:400}
 .hero-logo{grid-column:2;grid-row:1;min-height:0;align-self:stretch;width:auto;height:auto}
 #inicio .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}
 .button{font-size:10.5px;min-height:48px;padding:12px 13px;line-height:1.4;gap:9px}
 .service-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;margin:24px 0}
 .service-details h3{font-size:14px;gap:7px}.service-details p{font-size:13px;line-height:1.65}
 .service-heading-icon{width:20px;height:20px;flex-basis:20px}
 .contact-form .button{font-size:13px}
 .panel-footer{margin:0 20px;padding:14px 0}
 .service-label{min-height:45px;gap:6px}
 .footer-service-icon{width:20px;height:20px;flex:0 0 20px}
 .outside-footer{padding:12px 3px 0}
 .scenery img{object-position:center}
}
@media(min-width:540px) and (max-width:767px){
 .glass{height:min(760px,calc(100svh - 76px))}.content{padding:30px 36px}
 .hero-copy h1{font-size:36px}.hero-copy .intro{font-size:14px}.hero-grid{gap:26px}
 .button{font-size:12px}.service-details p{font-size:14px}
}
@media(max-width:359px){
 header{padding-inline:16px}.content{padding:20px 18px}
 .hero-grid{grid-template-columns:minmax(0,1fr) 29%;gap:12px}
 .hero-copy h1{font-size:24px}.hero-copy .intro{font-size:12px}
 .eyebrow{font-size:7px;margin-bottom:18px}.button{font-size:10px;padding:10px}
}