#tva-portada{--tva-paper:#F8F4ED;--tva-surface:#fff;--tva-ink:#0B3D3D;--tva-line:#a9bbb0;--tva-muted:#4d655d;--tva-accent:#C5F576;font-family:Inter,system-ui,sans-serif;color:var(--tva-ink)}
#tva-portada *,#tva-portada *::before,#tva-portada *::after{box-sizing:border-box}
#tva-portada button,#tva-portada input{font:inherit;font-size:16px}
#tva-portada button{min-height:44px;cursor:pointer;border:1px solid var(--tva-line);border-radius:12px;padding:8px 12px;background:var(--tva-surface);color:var(--tva-ink);overflow-wrap:anywhere}
#tva-portada :is(button,input):focus-visible{outline:3px solid var(--tva-ink);outline-offset:3px}
#tva-portada .tva-launcher{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:65;border:1px solid #C5F576;border-radius:24px;background:#0B3D3D;color:#F8F4ED;font-size:14px;font-weight:600;max-width:calc(100vw - 32px);padding:10px 16px;box-shadow:0 4px 16px #0002}
#tva-portada .tva-dialog{position:fixed;inset:auto 16px calc(16px + env(safe-area-inset-bottom,0px)) auto;margin:0;padding:0;width:420px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);border:1px solid var(--tva-line);border-radius:16px;background:var(--tva-paper);color:var(--tva-ink);box-shadow:0 12px 48px #0004;overflow:hidden}
#tva-portada .tva-dialog[open]{display:flex;flex-direction:column}
#tva-portada .tva-dialog::backdrop{background:#10231f70}
#tva-portada .tva-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--tva-line);flex-shrink:0}
#tva-portada .tva-header h2{font-size:19px;line-height:1.3;letter-spacing:0;margin:0;color:inherit}
#tva-portada .tva-header p{font-size:13px;line-height:1.4;color:var(--tva-muted);margin:4px 0 0}
#tva-portada .tva-close{flex-shrink:0;align-self:flex-start;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent}
#tva-portada .tva-close span{font-family:system-ui,sans-serif;font-size:26px;font-weight:400;line-height:1}
#tva-portada .tva-close:hover{background:var(--tva-surface)}
#tva-portada .tva-content{padding:16px;overflow:auto;overscroll-behavior:contain;min-height:0}
#tva-portada .tva-disclosure{font-size:13px;line-height:1.5;color:var(--tva-muted);margin:0 0 16px}
#tva-portada .tva-messages p{font-size:15px;line-height:1.55;margin:0 0 12px;padding:12px;border:1px solid var(--tva-line);border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere}
#tva-portada .tva-answer{background:var(--tva-surface)}
#tva-portada .tva-question{background:#0B3D3D;color:#F8F4ED}
#tva-portada .tva-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
#tva-portada .tva-actions button{font-size:14px}
#tva-portada .tva-search{width:100%;background:var(--tva-accent);color:#0B3D3D;border-color:#0B3D3D;font-weight:600}
#tva-portada .tva-form{padding:12px 16px 16px;border-top:1px solid var(--tva-line);background:var(--tva-surface);flex-shrink:0;margin:0}
#tva-portada .tva-form label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
#tva-portada .tva-input-row{display:flex;gap:8px}
#tva-portada .tva-input-row input{width:100%;min-width:0;min-height:44px;border:1px solid var(--tva-line);border-radius:12px;padding:10px;background:var(--tva-paper);color:var(--tva-ink)}
#tva-portada input::placeholder{color:var(--tva-muted);opacity:1}
#tva-portada .tva-input-row button{flex-shrink:0}
#tva-portada[data-appearance=dark]{--tva-paper:#151918;--tva-surface:#222825;--tva-ink:#F8F4ED;--tva-line:#718278;--tva-muted:#becbc3}
@media(prefers-color-scheme:dark){#tva-portada[data-appearance=system]{--tva-paper:#151918;--tva-surface:#222825;--tva-ink:#F8F4ED;--tva-line:#718278;--tva-muted:#becbc3}}
@media(max-width:359px){#tva-portada .tva-dialog{right:8px;bottom:8px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}#tva-portada .tva-header,#tva-portada .tva-content{padding:12px}#tva-portada .tva-form{padding:12px}#tva-portada .tva-header h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){#tva-portada *,#tva-portada *::before,#tva-portada *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}