@import url('_ds/nocturne-532bf2d1-9651-40a4-8db1-5b8fd0cde9da/styles.css');
/* Vial-Tec token bridge: the --vt-* names now resolve to Nocturne tokens,
   so every interior page inherits the home page's palette and type. */
:root{
  --vt-bg:var(--color-bg); --vt-bg-2:var(--color-bg); --vt-bg-3:var(--color-surface);
  --vt-bg-light:var(--color-neutral-100); --vt-text-onlight:var(--color-neutral-900);
  --vt-text-onlight-muted:color-mix(in srgb, var(--color-neutral-900) 60%, transparent);
  --vt-line-onlight:color-mix(in srgb, var(--color-neutral-900) 14%, transparent);
  --vt-text:var(--color-text); --vt-text-muted:color-mix(in srgb, var(--color-text) 58%, transparent);
  --vt-purple:var(--color-accent); --vt-purple-light:var(--color-accent-300); --vt-purple-dark:var(--color-accent-800);
  --vt-grey:var(--color-neutral-500); --vt-grey-dark:var(--color-neutral-600);
  --vt-line:var(--color-divider);
  --vt-ease:cubic-bezier(0.22,1,0.36,1);
  --vt-dur-fast:150ms; --vt-dur:220ms; --vt-dur-slow:320ms;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:500}
::selection{background:color-mix(in srgb, var(--color-accent) 45%, transparent)}
a{color:inherit;transition:color var(--vt-dur) var(--vt-ease)}
a:hover{color:var(--color-accent)}
button{font-family:inherit;cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}
.vt-nav-link:hover{color:var(--color-accent) !important}
.vt-row-hover:hover{transform:translateX(4px)}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}
}
@keyframes vtPulse{0%,100%{opacity:0.35;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}

/* --- Mobile: apila las rejillas de contenido y reduce el margen lateral --- */
@media (max-width:760px){
  section:not([data-screen-label="Flota"]):not([data-screen-label="Hero"]):not([data-screen-label="Equipo"]){padding-left:20px !important;padding-right:20px !important}
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns: 1fr 1fr"],
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns: repeat(3,1fr)"],
  [style*="grid-template-columns:repeat(3, 1fr)"],
  [style*="grid-template-columns: repeat(3, 1fr)"],
  [style*="grid-template-columns:repeat(2,1fr)"],
  [style*="grid-template-columns: repeat(2,1fr)"],
  [style*="grid-template-columns:repeat(2, 1fr)"],
  [style*="grid-template-columns: repeat(2, 1fr)"],
  [style*="grid-template-columns:1.1fr 0.9fr"],
  [style*="grid-template-columns: 1.1fr 0.9fr"],
  [style*="grid-template-columns:1.4fr 1fr"],
  [style*="grid-template-columns: 1.4fr 1fr"],
  [style*="grid-template-columns:1.15fr 0.85fr"],
  [style*="grid-template-columns: 1.15fr 0.85fr"],
  [style*="grid-template-columns:1.2fr 0.8fr"],
  [style*="grid-template-columns: 1.2fr 0.8fr"],
  [style*="grid-template-columns:2fr 1fr"],
  [style*="grid-template-columns: 2fr 1fr"],
  [style*="grid-template-columns:1fr 1.2fr"],
  [style*="grid-template-columns: 1fr 1.2fr"]{grid-template-columns:1fr !important}
  [style*="grid-template-columns:1.3fr 1fr"],
  [style*="grid-template-columns: 1.3fr 1fr"],
  [style*="grid-template-columns:0.9fr 1.1fr"],
  [style*="grid-template-columns: 0.9fr 1.1fr"]{grid-template-columns:1fr !important}
  [style*="grid-template-columns:repeat(4,1fr)"],
  [style*="grid-template-columns: repeat(4, 1fr)"]{grid-template-columns:repeat(2,1fr) !important}
  h1,h2,h3{overflow-wrap:break-word}
  img,svg,video{max-width:100%}
  [data-screen-label="Hero"]{padding-top:132px !important}
  [data-screen-label="Encabezado"]{padding-top:140px !important}
  button,a.btn,.btn{min-height:44px}
}
@media (max-width:420px){
  section:not([data-screen-label="Flota"]):not([data-screen-label="Hero"]):not([data-screen-label="Equipo"]){padding-left:16px !important;padding-right:16px !important}
}