html { scroll-behavior:smooth; scroll-padding-top:90px; }
body { margin:0; }
img { max-width:100%; }
#hero-dashboard { object-fit:contain; display:block; }
.skip-link { position:fixed; left:10px; top:-80px; padding:12px; z-index:100; background:#ffcc33; }
.skip-link:focus { top:10px; }
a:focus-visible,summary:focus-visible { outline:3px solid #ba8700; outline-offset:4px; }
.faq { border-bottom:1px solid rgba(0,0,0,.08); }
.faq summary { padding:18px 0; display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; font-size:16px; font-weight:600; list-style:none; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:'+'; font-size:20px; color:#6b6b6b; flex-shrink:0; }
.faq[open] summary::after { content:'−'; }
.faq p { padding:0 0 20px; margin:0; font-size:15px; line-height:1.65; color:#6b6b6b; max-width:640px; }
.test-notice { max-width:1076px; margin:32px auto 0; padding:16px 24px; border:1px solid #e5cb77; background:#fff6d9; color:#3d3d3d; font-size:14px; line-height:1.6; border-radius:10px; }
.test-notice a { text-decoration:underline; overflow-wrap:anywhere; }
.contact-addresses { max-width:1140px; padding:0 32px 32px; margin:auto; font-size:14px; }
.contact-addresses a { color:#b3b3b3; }
@media(max-width:1100px) {
  .landing-header>div { flex-wrap:wrap; gap:16px !important; }
  .landing-header nav { order:3; width:100%; margin:0 !important; justify-content:center; flex-wrap:wrap; gap:12px 24px !important; }
  .landing-header>div>div:last-child { margin-left:auto; }
  html { scroll-padding-top:140px; }
}
@media(max-width:700px) {
  .landing-header { position:relative !important; }
  .landing-header>div { padding:16px !important; }
  .landing-header nav a { font-size:11px !important; }
  .landing-header>div>div:last-child a { font-size:12px !important; }
  .hero { padding:48px 20px !important; }
  h1 { font-size:42px !important; }
  h2 { font-size:32px !important; }
  main>section:not([id="como-funciona"]):not([id="ia"]):not([id="demo"])[style*="max-width"],
  main>section>div[style*="max-width"] { padding:48px 20px !important; }
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns:repeat(2,1fr)"],
  [style*="grid-template-columns:1fr 1fr"] { grid-template-columns:minmax(0,1fr) !important; gap:20px !important; }
  [style*="grid-template-columns:repeat(4,1fr)"] { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:24px 16px !important; }
  #precios>div:last-child>div { padding:24px !important; }
  .test-notice { margin:24px 20px 0; }
  html { scroll-padding-top:20px; }
}
@media(max-width:400px) {
  #como-funciona [style*="grid-template-columns"] { grid-template-columns:1fr !important; }
  .landing-header>div { gap:14px 10px !important; }
  .landing-header>div>div:last-child { gap:8px !important; }
  .landing-header>div>div:last-child a:last-child { padding:8px !important; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .hero { animation:none !important; } }

/* Myskery mobile navigation */
@media(max-width:900px){
  .landing-header nav{
    display:none !important;
  }

  .landing-header>div>div:last-child>a[href="/acceso"]{
    display:none !important;
  }
}