@font-face {font-family: "Secretaria";src: url("kingthings.ttf") format("truetype");}@font-face {font-family: 'Gorton';src: url('gorton-digital-medium.ttf') format('truetype');font-weight: normal;font-style: normal;}* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: "Barlow", arial, sans-serif;font-weight: 400;font-style: normal;background: #f0e6d2;color: #2c1e0f;height: 100vh;height: 100dvh;overflow: hidden;position: relative;text-wrap: pretty;}A {color: hsl(208, 100%, 43%);}CODE {font-family: secretaria;}.light {font-weight: 300;}.bold {font-weight: 700;}:root {--color-celeste: #0094e4; --color-ceruleo: #75aadb; --color-dorado: #fcbf49; --color-castano: #843511; --color-gris: #cad1d4; --color-buttonbadge: #e8dccc;}.badge {display: inline-block;background-color: var(--color-castano);color: #fff;font-size: 0.9rem;padding: 0.05rem 0.4rem;border-radius: 0.5rem;}.badge-gris {background-color: var(--color-gris);}.badge-button {background-color: var(--color-buttonbadge);color: var(--color-castano);border: 2px solid color-mix(in srgb, var(--color-castano) 25%, transparent);}.badge-muestra {font-family: "Barlow", arial, sans-serif;font-size: 0.8rem;letter-spacing: 0.5px;padding: 0.2rem 0.5rem;border-radius: 0.3rem;box-shadow: 0 1px 2px rgba(0,0,0,0.3);}.message {display: flex;max-width: 80%;}.message-user {justify-content: flex-end;align-self: flex-end;}.message-system , .message-bot {animation: fadein-20 1000ms ease-out;}.message-bot {justify-content: flex-start;align-self: flex-start;flex-direction: column;}.message-bubble {padding: 0.7rem 1.2rem;border-radius: 1.2rem;background: #e9e3d5;box-shadow: 0 1px 2px rgba(0,0,0,0.1);font-size: 1rem;line-height: 1.4;word-break: break-word;@media (max-width: 767px) {padding: 0.5rem 1rem;};}.message-user .message-bubble {border-bottom-right-radius: 0.2rem;}.message-bot .message-bubble {background: #f0dbb2;border-left: 4px solid #9b2c1d;border-bottom-left-radius: 0.2rem;font-family: 'Secretaria', monospace;font-size: 1.15rem;@media (max-width: 767px) {font-size: 1rem;}}.message-system.raw .message-bubble {background: transparent;box-shadow: none;font-style: normal;font-family: monospace;color: #8b5a2b;border: none;padding: 0.2rem;}.message-system:not(.raw) .message-bubble {background: #ffe6b3;font-style: italic;font-size: 0.9rem;text-align: center;border-radius: 2rem;color: #5a3a1a;}.message-bubble pre {background: #2d2d2d;color: #f8f8f2;padding: 12px;border-radius: 5px;overflow-x: auto;margin-top: 10px;font-family: 'Courier New', Courier, monospace;font-size: 0.85rem;border-left: 4px solid #e74c3c;text-align: left;}.message-bubble code {font-family: 'Courier New', Courier, monospace;}.message-meta {align-self: center;font-size: 0.85rem;color: #555;background: var(--color-buttonbadge);padding: 0.5rem 1rem;border-radius: 8px;border: 1px dashed #b88b4a;text-align: center;max-width: 85%;margin-top: 0.5rem;}.meta-label {font-weight: bold;color: #9b2c1d;margin-right: 0.3rem;}.modo-movilizacion .message-bot .message-bubble pre {text-transform: none;}.typing-cursor {display: inline-block;width: 8px;height: 1.2em;background-color: #2c1e0f;vertical-align: bottom;margin-left: 2px;animation: blink 1s step-end infinite;}.typing-cursor.idle {background-color: transparent;border: 1px solid #2c1e0f;}@keyframes blink {0%, 100% {opacity: 1;}50% {opacity: 0;}}.media-container {margin-top: 15px;position: relative; width: 100%;max-width: 300px;min-height: 250px; border-radius: 8px;overflow: hidden;background: #000;border: 2px solid #9b2c1d;}.skeleton-loader {position: absolute; top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(90deg, #d4b48c 25%,var(--color-buttonbadge),#d4b48c 75%);background-size: 200% 100%;animation: loading 1.5s infinite;height: 100%;width: 100%;z-index: 1;}.dial-up-reveal {display: block;width: 100%;height: auto;position: relative;z-index: 2;clip-path: inset(0 0 100% 0);transition: clip-path 6s steps(25, end);}.dial-up-reveal.loaded {clip-path: inset(0 0 0 0);}.pdf-link {background: #d4b48c;padding: 15px;text-align: center;font-weight: bold;}.pdf-link a {color: #9b2c1d;text-decoration: none;display: block;border: 2px dashed #9b2c1d;padding: 10px;margin-top: 10px;border-radius: 5px;}.message-bot.disciplina .message-bubble,.message-bot.default .message-bubble {background: #cc0000 !important;color: #ffffff !important;border-left: 6px solid #330000 !important;font-weight: bold;text-transform: uppercase;box-shadow: 0 4px 15px rgba(204, 0, 0, 0.4);}.message-bot.disciplina .capitular,.message-bot.default .capitular {background: #ffffff !important;color: #cc0000 !important;box-shadow: 3px 3px 0 #330000;}.message-bot.default .message-bubble {background: var(--color-ceruleo)!important;box-shadow: 0 4px 15px var(--color-dorado)!important;;}.message-bot.default .capitular {background: #ffffff !important;color: var(--color-celeste)!important;box-shadow: 3px 3px 0 #330000;}.message-bot.default .media-container {border: 2px solid #fff!important;}.thinking-container {display: inline-flex;align-items: center;background: var(--color-buttonbadge);border-radius: 30px;padding: 6px 14px;margin-bottom: 12px;font-size: 0.85rem;color: #7b241c;border: 1px dashed #b88b4a;overflow: hidden;transition: max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1), padding 0.5s;max-width: 600px;white-space: nowrap;box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);}.thinking-container.circle {max-width: 36px;padding: 6px 8px;border-radius: 50%;justify-content: center;}.thinking-spinner {display: inline-block;margin-right: 10px;transition: margin 0.5s;font-size: 1rem;}.thinking-spinner.spin {animation: thinking-spin 2s linear infinite;}.thinking-container.circle .thinking-spinner {margin-right: 0;}.thinking-content {position: relative;display: inline-block;}.thinking-sizer {visibility: hidden;height: auto;font-family: inherit;}.thinking-phrase {position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;transition: opacity 0.3s ease-in-out;text-align: center;display: flex;align-items: center;justify-content: center;font-style: italic;}.thinking-phrase.visible {opacity: 1;}.thinking-phrase.thinking-final {font-weight: bold;font-style: normal;color: #2c1e0f;}@keyframes thinking-spin { 100% {transform: rotate(360deg);}}.emojicon {display: inline-block;text-shadow: 0 0.5px 1px #000, 1px1px 2px #ffffffcc;}.message-bot.mycin .message-bubble {background: #001f3f !important; color: #00ff00 !important; border-left: 6px solid #00ff00 !important;box-shadow: inset 0 0 10px rgba(0,255,0,0.1);font-family: "Workbench", 'Courier New', Courier, monospace !important;font-optical-sizing: auto;font-weight: 400;font-style: normal;font-variation-settings: "BLED" 0,"SCAN" 2;}.message-bot.mycin .message-bubble B {color: #001f3f!important;background: #00ff00;}.message-bot.mycin A.muestra {background-color: maroon;}.message-bot.mycin .capitular {background: #00ff00 !important;color: #001f3f !important;box-shadow: 3px 3px 0 #000000;}.message-bot.rosenblatt .message-bubble {background-color: var(--color-gris);}.message-bot.mycin A {color: white;background-color: blue;text-decoration: none;}.message-bot var {font-style: normal;font-family: monospace;font-size: 0.7em;color: #888;}a.quick-reply-link.visited-parte, button.quick-reply-link.visited-parte {color: #d35400 !important; opacity: 0.9;}a.quick-reply-link.visited-parte::after {content: ' ⏳'; font-size: 0.8em;}a.quick-reply-link.visited-completo, button.quick-reply-link.visited-completo {color: #27ae60 !important; opacity: 0.8;}a.quick-reply-link.visited-completo::after {content: ' ✓';color: #27ae60;font-size: 0.8em;}.webster-container {background: #e0f7fa;padding: 16px 20px 20px;border-radius: 8px;border: 1px solid #00acc1;margin-top: 6px;font-family: "Gorton", "Barlow", arial, sans-serif;font-size: 1.2rem;font-weight: 300;text-wrap: balance;}.webster-title {margin: 0 0 10px 0;color: #006064;font-size: 1.1rem;}.webster-text {font-size: 0.85em;color: #00838f;margin-bottom: 10px;}.mode-btn.webster-option {text-align: left;font-size: 1rem;font-family: "Gorton", "Barlow", arial, sans-serif;cursor: pointer;text-transform: uppercase;display: block;max-width: 100%;margin-bottom: 12px;box-shadow: 0 .5px 1px rgba(0, 0, 0, 0.75),0 3px 4px rgba(0, 0, 0, 0.5);padding: 6px 12px;background: oklch(85% 0.07 200);border: 8px outset oklch(75% 0.06 200);color: #033;border-radius: 12px;transition: background 0.2s;@media (max-width: 767px) {letter-spacing: 0px;};margin-bottom: 8px;text-shadow: 0 2px 1px rgba(201, 255, 255, .5);}.webster-option:hover {background: oklch(88% 0.06 200);border-color: oklch(78% 0.05 200);}.mode-btn.webster-option:active {transform: translateY(2px);box-shadow: 0 .5px 1px rgba(0, 0, 0, 0.75),0 1px 4px rgba(0, 0, 0, 1);}.chat-interface.hidden, .chat-controls.hidden {display: none;}.chat-interface {display: flex;flex-direction: column;height: 100%;background: #fef9ef;position: relative;overflow: hidden;}.chat-messages {flex: 1;overflow-y: auto;padding: 1rem;padding-bottom: 260px; display: flex;flex-direction: column;gap: 0.8rem;scroll-behavior: smooth;}.bottom-station {position: fixed;bottom: 0;left: 0;right: 0;padding: 0px 0 8px;display: flex;flex-direction: column;z-index: 1000;background: #f5ede0;box-shadow: 0 -2px 15px rgba(0,0,0,0.1);}.chat-input-area {padding: 0.8rem 1rem 0.2rem;border-top: 2px solid #d4b48c;display: flex;gap: 0.5rem;}.chat-input {flex: 1;padding: 0.8rem;border: 1px solid color-mix(in srgb, var(--color-castano) 50%, transparent);border-radius: 40px;font-family: inherit;font-size: 1rem;background: white;outline: none;}.chat-send-btn {background: var(--color-castano);border: none;color: white;width: 48px;border-radius: 40px;font-size: 1.3rem;cursor: pointer;transition: background 0.2s;display: flex;align-items: center;justify-content: center;}.chat-send-btn:hover {background: #7b241c;}.modes-bar {margin: 1rem 0;display: flex;gap: 0.8rem;justify-content: center;flex-wrap: wrap; padding: 0 10px; }.mode-btn {background: #e1cdb4;border: 2px solid color-mix(in srgb, var(--color-castano) 25%, transparent);padding: 0.5rem 1.2rem;border-radius: 40px;font-family: inherit;font-weight: bold;cursor: pointer;transition: all 0.2s;color: var(--color-castano);white-space: nowrap;display: inline-flex;align-items: center;gap: 0.4rem;@media (max-width: 767px) {padding: 0.4rem 0.8rem;font-size: 0.85rem;}}@media (max-width: 450px) {.chat-controls .mode-btn .btn-text {display: none;}}.mode-btn.icon-only {padding: 0.5rem 0.8rem;@media (max-width: 767px) {padding: 0.4rem 0.6rem;}}.mode-btn.icon-only .btn-text {display: none;}.home-divider {border: 0;border-top: 1px dashed var(--color-castano);margin: 2rem auto 1rem auto;width: 60%;opacity: 0.5;max-width: 600px;}.settings-credits {margin-top: 1.5rem;padding-top: 1rem;border-top: 1px solid #d4b48c;font-size: 0.8rem;color: #5a3a1a;line-height: 1.4;}.settings-credits a {color: var(--color-celeste);font-weight: bold;}.mode-btn.active {background: var(--color-castano);color: white;box-shadow: 0 0 0 2px #ffd966;}#modo-deconstruido-btn.active, #modo-deconstruido-chat-btn.active {background: #8e44ad;}.chat-modes-bar {background: transparent;padding: 0.3rem 0;margin: 0.2rem 0;}.chat-modes-bar .mode-btn {background: var(--color-buttonbadge);color: var(--color-castano);font-size: 0.8rem;border: 2px solid color-mix(in srgb, var(--color-castano) 25%, transparent);}.footer-container {position: relative;bottom: 0;left: 0;right: 0;text-align: center;background: rgba(245,237,224,0.95);padding: 0.8rem 0.5rem;border-top: 1px solid rgba(0,0,0,0.1);z-index: 100;display: flex;flex-direction: column;gap: 0.4rem;}.footer-rotante {font-size: 1.1rem;font-weight: bold;color: var(--color-castano);font-style: italic;}.footer-signature {font-size: 0.8rem;color: var(--color-castano);line-height: 1.4;max-width: 600px;margin: 0 24px;}.footer-signature a {color: var(--color-celeste);text-decoration: underline;font-weight: bold;}.modal {border: none;border-radius: 20px;background: #fff8f0;box-shadow: 0 10px 25px rgba(0,0,0,0.3);max-width: 400px;width: 80%;font-family: inherit;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 0; }.modal[open] {display: flex;flex-direction: column;max-height: 90vh;}.modal::backdrop {background: rgba(0,0,0,0.6);}#modal-settings {max-width: 480px;}.modal-close-btn {position: absolute;top: 15px;right: 20px;background: transparent;border: none;font-size: 2rem;line-height: 1;color: var(--color-castano);cursor: pointer;z-index: 10;transition: transform 0.2s, color 0.2s;}.modal-close-btn:hover {transform: scale(1.1);color: #cc0000;}.modal-content {text-align: center;padding: 2.5rem 1.5rem 1.5rem 1.5rem;overflow-y: auto;}.modal-content h2 {color: var(--color-castano);margin-bottom: 1rem;}.modal-footer {padding: 1rem;background: var(--color-buttonbadge);border-top: 1px solid #d4b48c;border-radius: 0 0 20px 20px;flex-shrink: 0;}.modal-btn {background: var(--color-castano);color: white;border: none;padding: 0.5rem 1rem;margin: 0 0.5rem;border-radius: 30px;cursor: pointer;}.modal-btn:hover {background: #7b241c;}.input-cargando {background-image: repeating-linear-gradient(-45deg,rgba(117, 170, 219, 0.25), rgba(117, 170, 219, 0.25) 15px,transparent 15px,transparent 30px) !important;background-size: 42px 42px !important;animation: marcha-obrera 1s linear infinite !important;color: #333;}@keyframes marcha-obrera {0% {background-position: 0 0;}100% {background-position: 42px 42px;}}.settings-cog {position: absolute;top: 15px;right: 15px;background: var(--color-castano);color: white;border: 2px solid #b88b4a;border-radius: 50%;width: 45px;height: 45px;font-size: 1.5rem;cursor: pointer;z-index: 1000;box-shadow: 0 4px 6px rgba(0,0,0,0.2);transition: transform 0.3s, background 0.3s;display: flex;align-items: center;justify-content: center;}.settings-cog:hover {transform: rotate(90deg);background: #7b241c;}.settings-group {text-align: left;background: rgba(0,0,0,0.05);padding: 10px;border-radius: 8px;margin-bottom: 15px;border: 1px solid #d4b48c;}.settings-group h3 {margin-bottom: 10px;font-size: 1.1rem;color: var(--color-castano);border-bottom: 1px solid #d4b48c;padding-bottom: 5px;}.settings-row {display: flex;align-items: center;gap: 10px;margin-bottom: 8px;font-size: 0.95rem;cursor: pointer;}.settings-row input[type="checkbox"],.settings-row input[type="radio"] {transform: scale(1.2);accent-color: var(--color-castano);cursor: pointer;}.slider-container {display: flex;flex-direction: column;gap: 5px;}.slider-labels {display: flex;justify-content: space-between;font-size: 0.8rem;font-weight: bold;color: #5a3a1a;}.burocracia-slider {width: 100%;accent-color: var(--color-castano);cursor: ew-resize;}.settings-actions {display: flex;justify-content: center;flex-wrap: wrap; gap: 8px;}.settings-actions .modal-btn {margin: 0;flex: 1 1 auto; text-align: center;}@keyframes fadein-20 {0%, 20% {opacity: 0;}100% {opacity: 1;}}.if-hatched { display: none; }.hatch--is-open .if-hatched { display: unset; }.hatch--is-open .if-unhatched { display: none; }.hatch:not(.hatch--is-open) .if-unhatched { display: unset; }.hatch-open, .hatch-close, .hatch-toggle {cursor: pointer;}.modo-movilizacion .message-bot {max-width: 90%;}.modo-movilizacion .message-bot .message-bubble {background: #1a1a1a;color: #ffcc00;font-family: 'Arial Black', 'Impact', sans-serif;text-transform: uppercase;letter-spacing: -0.5px;line-height: 1.2;border-left: 8px solid #ff3300;padding: 1rem;position: relative;overflow: auto;}.capitular {float: left;width: 80px;height: 80px;font-size: 4rem;display: inline-flex;align-items: center;justify-content: center;background: #ffcc00;border-radius: 20px;margin-right: 15px;margin-bottom: 10px;box-shadow: 3px 3px 0 #9b2c1d;}.tour-console {position: fixed;bottom: 20px;right: 20px;width: 380px;height: 300px;background: rgba(0, 0, 10, 0.8);backdrop-filter: blur(10px);text-shadow: 0px 0px 1px rgba(0, 0, 0, 1),0px 1px 1px rgba(0, 0, 0, 1),0px 0px 4px rgba(0, 0, 0, 1);border: 1px solid #4a90e2;border-radius: 8px;box-shadow: 0 10px 30px rgba(0,0,0,0.5);display: flex;flex-direction: column;z-index: 9999;overflow: hidden;resize: both; font-family: 'Courier New', Courier, monospace; @media (max-width: 767px) {top: 0;left: 0;right: 0;bottom: auto;width: 100%;height: 35vh; border-radius: 0 0 15px 15px;resize: none; }}.tour-console.hidden {display: none !important;}.tour-header {background: #2b3e50cc;backdrop-filter: blur(10px);color: #fff;padding: 8px 12px;font-size: 0.85rem;display: flex;justify-content: space-between;align-items: center;cursor: move;user-select: none;flex-shrink: 0;}.tour-header button {background: transparent;border: none;color: #fff;font-size: 1.2rem;cursor: pointer;line-height: 1;}.tour-log {flex-grow: 1;padding: 10px;overflow-y: auto;color: #e0e0e0;line-height: 1.4;font-size: 0.85rem;@media (max-width: 767px) {font-size: 1rem;}}.tour-timestamp {color: #ffffffcc;font-size: 0.75rem;}.tour-anuncio {color: #ffffff;}.tour-anuncio B {font-weight: bold;font-size: 1.05em;}.tour-entry {margin-bottom: 8px;padding-bottom: 8px;border-bottom: 1px solid rgba(255,255,255,0.1);animation: fadein-20 500ms ease-out,revealVertical 500ms ease-out 100ms;;}@keyframes revealVertical {0% {clip-path: inset(0 0 100% 0);}100% {clip-path: inset(0 0 0 0); }}.tour-entry.system {color: #99ffffcc;}.tour-entry.user {color: var(--color-dorado);}.tour-entry.delegate {color: lime;}.tour-entry.action {color: yellow;}.tour-console A {background-color: blue;color: white!important;}.welcome-screen {display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;text-align: center;background: linear-gradient(145deg,#f5ede0 0%,var(--color-buttonbadge) 100%);}.welcome-screen.hidden {display: none;}.welcome-screen H1,.welcome-screen .footer-signature {text-wrap: balance}.logo-home {margin-bottom: 1rem;}.logo-home img {width: 256px;max-width: 100%;height: auto;position: relative;}.logo-home VAR {position: absolute;top: 22%;background: var(--color-gris);color: #fff;font-size: .76em;font-style: normal;border-radius: 2em;padding: .2em;font-weight: normal;font-family: secretaria;right: -13%;@media (max-width: 768px) {font-size: .65em;right: -16%;}}@media (max-width: 768px) {.logo-home img {width: 180px;}}.dynamic-title {font-size: 2.8rem;font-weight: bold;color: var(--color-castano);text-shadow: 3px 3px 0 #ffffff66;margin-bottom: 2rem;padding: 0 1rem;max-width: 90%;margin: 0 0 1.5rem;}@media (max-width: 768px) {.dynamic-title {font-size: 1.8rem;margin-bottom: 1.5rem;}}.input-area {display: flex;gap: 0.8rem;flex-wrap: wrap;justify-content: center;width: 80%;max-width: 600px;margin-bottom: 1.5rem;}.first-message-input {flex: 3;padding: 1rem;font-size: 1.1rem;border: 2px solid var(--color-castano);border-radius: 50px;background: white;font-family: inherit;outline: none;}.first-message-input:focus {border-color: #c0392b;box-shadow: 0 0 0 2px #f1c40f;}.first-send-btn {width: 56px;background: var(--color-castano);color: white;border: none;border-radius: 50px;font-size: 1.8rem;cursor: pointer;transition: background 0.2s;display: flex;align-items: center;justify-content: center;}.first-send-btn:hover {background: #7b241c;}