:root { --color-primary: #ffffff; --color-secondary: #ffffff; --color-tertiary: #ffffff; --font-size-s: 15px; --font-size-m: 18px; --font-size-l: 18px; --margin: 30px; }

#threejsDiv { position: fixed !important; z-index: -1; /* background: blue; */ height: 100vh; position: absolute; overflow: hidden; top: 0px; }

main { position: fixed !important; top: 0px; z-index: -1; height: 100vh; overflow: hidden; z-index: -2; }

#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; padding: var(--margin); background-color: white; }

@keyframes blink { 50% { opacity: 0; } }

.cargando { animation: blink .2s linear infinite; width: 10px; margin-left: 3px; background-color: var(--color-primary); position: absolute; }

:root { font-family: 'IBM Plex Sans', sans-serif; font-weight: 400; }

@supports (font-variation-settings: normal) { :root { font-family: 'IBM Plex Sans', sans-serif; } }

body { margin: 0 auto; background-color: var(--color-tertiary); line-height: 1.4; min-height: 100vh; font-size: var(--font-size-m); background-size: cover; background-position: center center; }

.container { color: var(--color-primary); display: grid; padding: 0vh; grid-template-rows: 1fr auto; grid-template-columns: 1fr 1fr; grid-template-areas: "header main" "....  footer"; }

.container .item:nth-child(1) { grid-area: header; padding: var(--margin); }

.container .item:nth-child(1) a { text-decoration: none; }

.container .item:nth-child(1) a:hover { text-decoration: line-through; }

.container .item:nth-child(1) a.active { text-decoration: line-through; }

.container .item:nth-child(2) { grid-area: main; padding: 0px var(--margin) var(--margin) 0px; }

.container .item:nth-child(2) p:first-child { margin-top: var(--margin); }

.container .item:nth-child(3) { grid-area: footer; min-height: 5vh; }

header ul { list-style: none; margin: 0px; padding-left: 0px; }

header ul li { float: left; padding: 0px 5px 0px 5px; }

header ul li + li::before { content: "/"; margin-right: 5px; }

.contact-mail { position: fixed; left: var(--margin); bottom: var(--margin); z-index: 10; color: var(--color-primary); text-decoration: none; }

.contact-mail:hover { text-decoration: line-through; }

a { color: var(--color-primary); text-decoration: line-through; }

a:hover { text-decoration: none; }

.filtered { position: fixed; opacity: 0; border: 1px solid var(--color-primary); border-radius: 8px; overflow: hidden; }

.filtered img.post-image { width: auto; padding: 0px; margin: 0px; max-height: 20vh; max-width: 30vw; margin-bottom: -5px; }

.post-link { text-decoration: none; color: var(--color-primary); }

.post-link:hover { text-decoration: line-through; }

.post-link:hover .filtered { opacity: 1; }

ul.post-list { list-style: none; padding-left: 0px; }

ul.post-list li { padding: 3px 0px; border-top: 1px solid var(--color-primary); }

ul.post-list li span.post-date { margin-left: 13px; float: right; }

ul.post-list li span.post-tags { float: right; }

p.nav-categorias a { text-decoration: none; margin-right: 5px; }

p.nav-categorias a.active { text-decoration: line-through; }

p.nav-categorias a:hover { text-decoration: line-through; }

.main-content { margin-top: var(--margin); }

.main-content .canvas { z-index: -1; position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; }

.main-content .images-content .image-wrap { position: absolute; float: left; border: 1px solid var(--color-primary); border-radius: 8px 8px 0 0; }

.main-content .images-content .image-wrap .wrap-header { height: var(--margin); border-bottom: 1px solid var(--color-primary); width: 100%; background-color: var(--color-tertiary); border-radius: 8px 8px 0 0; }

.main-content .images-content .image-wrap img { float: left; max-width: 45vw; max-height: 70vh; }

.main-content .images-content .image-wrap video { max-width: 45vw; max-height: 70vh; float: left; }

.main-content .images-content .image-wrap .num-consecutivo { position: absolute; top: 0; line-height: var(--margin); right: 10px; font-size: var(--font-size-s); }

footer span.copyleft { display: inline-block; transform: rotate(180deg); }

.chat-log { margin-top: var(--margin); }

.chat-turn { margin-bottom: 22px; }

.chat-say { white-space: pre-wrap; word-break: break-word; }

.chat-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }

.cursor-dot { position: fixed; z-index: 9999; width: 14px; height: 14px; transform: translate(-50%, -50%); border-radius: 50%; pointer-events: none; }

body.layout-info .cursor-dot:not(.hint) { background: var(--color-primary); }

body.layout-home .cursor-dot:not(.hint) { background: white; }

.cursor-dot.hint { width: auto; height: auto; border-radius: 0; background: none; color: var(--color-primary); font-family: inherit; font-size: var(--font-size-m); white-space: nowrap; }

.gallery-window { position: fixed; z-index: 10; border: 1px solid var(--color-primary); border-radius: 8px 8px 0 0; background: var(--color-tertiary); visibility: hidden; }

.gallery-window.revealed { visibility: visible; animation: gallery-window-in .25s ease; }

@keyframes gallery-window-in { from { opacity: 0;
    transform: scale(0.94); }
  to { opacity: 1;
    transform: scale(1); } }

.gallery-window-header { position: relative; height: var(--margin); border-bottom: 1px solid var(--color-primary); border-radius: 8px 8px 0 0; }

.gallery-window-header::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 32px; height: 3px; border-radius: 2px; background: var(--color-primary); opacity: .5; }

.gallery-window-close, .gallery-window-expand { position: absolute; top: 0; width: var(--margin); height: var(--margin); line-height: var(--margin); padding: 0; border: none; background: none; color: var(--color-primary); font-family: inherit; font-size: var(--font-size-m); cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 1; }

.gallery-window-close:hover, .gallery-window-expand:hover { opacity: .5; }

.gallery-window-close { right: 0; }

.gallery-window-expand { left: 0; }

.gallery-window img, .gallery-window video { display: block; max-width: 45vw; max-height: 70vh; }

.gallery-window.expanded img, .gallery-window.expanded video { max-width: none; max-height: none; }

.gallery-window-caption { display: none; }

.gallery-window.expanded .gallery-window-caption { display: block; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 90vw; padding-top: 10px; text-align: center; white-space: pre-wrap; word-break: break-word; font-size: var(--font-size-s); color: var(--color-primary); }

.gallery-backdrop { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.15); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); cursor: pointer; }

@media only screen and (max-width: 768px) { .container { flex-direction: column; display: flex; padding: 1vh; } .container .item:nth-child(1) { grid-area: header; padding: 0vh; } .container .item:nth-child(2) { grid-area: main; padding: 0px; } header ul li { float: none; padding: 0px 10px 0px 0px; width: min-content; } #info-breadcrumb li { float: left; width: auto; } ul.post-list li { padding: 5px 0px; border-top: 1px solid var(--color-primary); float: left; width: 100%; } .post-link { text-decoration: none; color: var(--color-primary); float: left; width: 100%; margin-bottom: 3px; } ul.post-list li span.post-tags { float: left; } .main-content .images-content .image-wrap img, .main-content .images-content .image-wrap video, .main-content .images-content .image-wrap iframe { max-width: 85vw !important; max-height: 60vh; background-color: #ffffff; } .gallery-window img, .gallery-window video { max-width: 92vw; } .gallery-window { border: 1px solid var(--color-primary); border-radius: 0; background: none; } .gallery-window-header { display: block; height: 18px; background: var(--color-tertiary); } .gallery-window-close, .gallery-window-expand { display: none; } p.nav-categorias a { text-decoration: none; margin-right: 5px; float: right; width: -webkit-fill-available; } p.nav-categorias { float: left; margin-top: 0px !important; } header.item { margin-bottom: 30px; } ul.post-list li span.post-date { margin-left: 0px; float: right; margin-right: 0px; } }

/*# sourceMappingURL=main.css.map */