/* Marca Dark Matter Aeronautical Services, comun a las apps (logo oficial: WEB DARK MATTER\DarkMatter_logo_final_purpura).
   Fondo: la carta de navegacion del sitio; simbolo (avion con orbita) como marca de agua; logo horizontal en el encabezado.
   El atomo purpura es de la marca madre: NO va en las apps de aviacion. */
body{position:relative;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:url(fondo.jpg) center/cover no-repeat;opacity:.9}
body::after{content:"";position:fixed;right:-60px;bottom:40px;width:min(62vw,420px);aspect-ratio:1;z-index:-1;background:url(simbolo.png) center/contain no-repeat;opacity:.08;pointer-events:none}
:root[data-theme="light"] body::before{opacity:.10}
:root[data-theme="light"] body::after{opacity:.06}
.marca{display:flex;align-items:center;gap:.6rem;min-width:0;flex:1}
.marca img{height:48px;width:auto;flex:none;margin:-6px 0}
.marca .logo-cla{display:none}
:root[data-theme="light"] .marca .logo-osc{display:none}
:root[data-theme="light"] .marca .logo-cla{display:block}
.marca h1{margin:0;font-size:1.1rem;line-height:1.15;padding-left:.6rem;border-left:1px solid var(--borde);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:420px){.marca img{height:38px}.marca h1{font-size:1.01rem}}
/* paneles un poco translucidos para que se vea el fondo */
.caja,section.calc{background:color-mix(in srgb,var(--panel) 90%,transparent);backdrop-filter:blur(3px)}
@media print{body::before,body::after{display:none}}