/* Copyter · Bento (hero Barra de escribir) - SOLO DISENO. Cargar despues de custom/css/style.css */
:root{--c-brand:#007bff;--c-bs:#0062cc;--c-soft:#e5f1ff;--c-pri:#0062cc;--c-onpri:#fff;--c-ink:#1e1e2d;--c-mut:#585d72;--c-surf:#f5f8fd;--c-raised:#fff;--c-line:#dfe5f0;--c-bstrong:#7d869c;--c-acc:#34d399;--c-onacc:#10231c;--c-focus:#0062cc;--c-sh:0 12px 32px rgba(30,30,45,.09)}
body.frontend-body,#main-background,#main-wrapper{background:var(--c-surf)!important;color:var(--c-ink)}
#curve-container{display:none!important}
.hero-eyebrow{display:none!important}
.static-headline{font-family:Inter,sans-serif!important;font-weight:700!important;letter-spacing:-.03em!important;color:var(--c-ink)!important;font-size:clamp(34px,5.2vw,56px)!important;line-height:1.05!important}
.static-headline .headline-mark{background:var(--c-soft)!important;background-image:none!important;color:var(--c-bs)!important;padding:0 .15em!important;border-radius:12px!important;box-decoration-break:clone;-webkit-box-decoration-break:clone;text-decoration:none!important;box-shadow:none!important}
.static-headline .headline-mark::after,.static-headline .headline-mark::before{display:none!important;background:none!important}
.hero-subheadline{color:var(--c-mut)!important;font-size:18px!important;line-height:28px!important}
.chat-main-container,.chat-message-container{background:transparent!important;border:0!important;box-shadow:none!important}
#chat-container:not(:has(.msg ~ .msg)) .msg.left-msg{display:none!important}
.chat-message-container .card-body{padding:0!important}
.card-footer{background:transparent!important;border:0!important;padding:0!important}
.chat-controllers{display:flex!important;align-items:center!important;gap:6px!important;background:var(--c-raised)!important;border:1px solid var(--c-line)!important;border-radius:999px!important;padding:8px 8px 8px 26px!important;box-shadow:var(--c-sh)!important}
.chat-controllers:focus-within{outline:2px solid var(--c-focus);outline-offset:2px}
#message{flex:1!important;min-width:0!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;font:400 16px/24px Poppins,sans-serif!important;color:var(--c-ink)!important;resize:none!important;padding:10px 0!important}
#message::placeholder{color:var(--c-mut)!important;opacity:1}
#chat-button{border-radius:999px!important;background:var(--c-pri)!important;color:var(--c-onpri)!important;font:600 15px/20px Inter,sans-serif!important;padding:14px 26px!important;border:0!important;box-shadow:none!important}
.chat-button-icon{border-radius:50%!important;background:transparent!important;color:var(--c-mut)!important;border:0!important}
#balance-status{text-align:center!important;margin-top:18px!important}
#balance-status,#balance-status .text-muted{color:var(--c-mut)!important}
.bento-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:20px;align-items:center}
.bento-chips span{font:500 13px/1 Inter,sans-serif;color:var(--c-mut)}
.bento-chips button{font:600 12px/1 Inter,sans-serif;padding:9px 14px;border-radius:999px;background:var(--c-raised);color:var(--c-bs);border:1px solid var(--c-line);cursor:pointer}
.bento-chips button:hover{background:var(--c-soft)}
#navbar-responsive .nav-link{font:500 14px/1 Inter,sans-serif!important;color:var(--c-ink)!important}
#navbar-responsive .register-button{background:var(--c-pri)!important;color:var(--c-onpri)!important;border:0!important;border-radius:999px!important;font:600 13px/18px Inter,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
#floating-chat-btn{border-radius:999px!important;background:var(--c-raised)!important;color:var(--c-ink)!important;border:1px solid var(--c-line)!important;box-shadow:var(--c-sh)!important}
#floating-chat-btn .floating-chat-icon{background:var(--c-pri)!important;border-radius:50%!important}
html body #openai-form #chat-system{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;height:auto!important;min-height:0!important}
html body #openai-form #chat-system .card-body{padding:0!important}
html body #openai-form #chat-system .card-footer{background:transparent!important;border:0!important;padding:0!important}
html body #openai-form #chat-container:not(:has(.msg ~ .msg)){height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}
html body #openai-form .chat-controllers{flex-wrap:nowrap!important;display:flex!important;align-items:center!important;height:auto!important;width:100%!important}
html body #openai-form #message{flex:1 1 auto!important;width:auto!important;height:auto!important;min-height:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:10px 0!important;font:400 16px/24px Poppins,sans-serif!important}
html body #openai-form .chat-button-box{margin:0!important;flex:none!important}
html body #openai-form #chat-button{white-space:nowrap}
@media (max-width:575px){.chat-controllers{padding:6px 6px 6px 18px!important}#chat-button{padding:12px 18px!important}}