/* Native Sur chrome skin: presentation only, no demo or global snippet styling. */
body.quasar-sur-page.sur-nav-overlay-v3 #quasar-presentacion .hero {
  padding-top: 180px;
}
@media (min-width: 1181px) {
  body.quasar-sur-page #quasar-presentacion .hero-grid {
    grid-template-columns: minmax(470px, 0.7fr) minmax(0, 1.3fr);
  }
}
@media (max-width: 1180px) {
  body.quasar-sur-page #quasar-presentacion .hero-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
body.quasar-sur-page #quasar-presentacion #contacto::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 200px;
  background: linear-gradient(180deg, rgb(7 10 28 / 0), #070a1c);
  pointer-events: none;
}
body.quasar-sur-page #quasar-presentacion #contacto > .wrap {
  position: relative;
  z-index: 1;
}
body.quasar-sur-page .scftr5 {
  --scftr5-bg-top: #070a1c;
  --scftr5-bg-mid: #070a1c;
  --scftr5-bg-bottom: #070a1c;
  --scftr5-right: 28px;
  background: #070a1c !important;
  border-top: 0;
}
/* Preserve the existing menu interaction, switch before the wide nav clips. */
@media (max-width: 1360px) {
  body.quasar-sur-page .nv3-nav,
  body.quasar-sur-page .nv3-act-r { display: none; }
  body.quasar-sur-page .nv3-mobile-actions { display: flex; }
  body.quasar-sur-page .nv3-burger { display: grid; margin-left: 0; }
  body.quasar-sur-page .nv3-sheet { display: block; }
  body.quasar-sur-page .nv3-brand { margin-right: 0; padding-right: 0; }
  body.quasar-sur-page .nv3-brand::after { display: none; }
}
@media (max-width: 1024px) {
  body.quasar-sur-page .scftr5 { --scftr5-left: 28px; }
}
@media (max-width: 640px) {
  body.quasar-sur-page.sur-nav-overlay-v3 #quasar-presentacion .hero {
    padding-top: 164px;
  }
}