.page-lo-de { color: #1F2D3D; background-color: #F4F7FB; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
.page-lo-de__hero { background: #ffffff; padding: 20px 20px 40px; }
.page-lo-de__hero-image { width: 100%; max-width: 1200px; margin: 0 auto 20px; }
.page-lo-de__hero-image img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; display: block; }
.page-lo-de__hero-content { max-width: 1200px; margin: 0 auto; text-align: center; }
.page-lo-de__hero-title { color: #1F2D3D; font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; margin-bottom: 12px; font-size: clamp(1.4rem, 2vw, 2.2rem); }
.page-lo-de__hero-description { color: #1F2D3D; margin-bottom: 20px; line-height: 1.6; max-width: 800px; margin-left: auto; margin-right: auto; }
.page-lo-de__cta-button { display: inline-block; padding: 12px 30px; background: linear-gradient(180deg, #4A8BFF 0%, #2F6BFF 100%); color: #ffffff; border-radius: 30px; text-decoration: none; font-weight: 600; border: 0; }

@media (max-width: 768px) {
  .page-lo-de__hero { padding-top: 10px; }
  .page-lo-de__hero-image img { aspect-ratio: 4/3; }
  .page-lo-de__hero-image, .page-lo-de__hero-content { width: 100%; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
  .page-lo-de__hero-title, .page-lo-de__hero-description { max-width: 100%; }
  img { max-width: 100% !important; height: auto !important; }
  .page-lo-de__cta-button { max-width: 100%; box-sizing: border-box; white-space: normal; word-wrap: break-word; width: auto; }
}

@media (max-width: 1024px) {
  .page-lo-de__hero-image img { aspect-ratio: 16/9; }
}