@font-face { font-family: "Segoe UI"; src: url("../assets/fonts/OpenSans-Regular.ttf") format("truetype"); font-weight: 100 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Segoe UI"; src: url("../assets/fonts/OpenSans-Semibold.ttf") format("truetype"); font-weight: 600 900; font-style: normal; font-display: swap; }
html[data-plataforma="web"] #app { grid-template-rows: minmax(0, 1fr); height: 100dvh; }
html[data-plataforma="web"] .titlebar { display: none; }
html[data-plataforma="web"] .vista { min-height: 0; }
html[data-plataforma="web"] .web-respaldo { display: flex; gap: var(--s3); flex-wrap: wrap; margin-block: var(--s5); }
html[data-plataforma="web"] .web-aviso { position: fixed; bottom: 0; inset-inline: 0; z-index: 100; padding: var(--s3) var(--s4); background: var(--paper); border-top: 1px solid var(--line-2); color: var(--ink); }
html[data-plataforma="web"] .web-aviso[hidden] { display: none; }
html[data-plataforma="web"] .amb3d__btn--bloqueado { display: none; }
@media (hover: none) { button { touch-action: manipulation; } }
@media (max-width: 1100px) { .inicio__interior { padding-inline: var(--s4); } .puertas { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .puertas { grid-template-columns: 1fr; } .biblioteca__barra { flex-wrap: wrap; } }