:root{--arena: #efe7d8;--crema: #fbf8f1;--tierra: #3f3222;--tierra-suave: #6d5c44;--terracota: #b85c38;--terracota-oscuro: #99472a;--oliva: #6b7350;--linea: #ddd2bc;--sombra: 0 2px 14px rgba(63, 50, 34, .1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1100px 500px at 85% -10%,#f6efe0 0%,transparent 60%),var(--arena);color:var(--tierra);font:16px/1.55 -apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}.pagina{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:24px 16px;gap:16px}.cabecera{text-align:center;max-width:680px}.marca{display:flex;align-items:center;justify-content:center;gap:10px}.brujula{font-size:1.7rem}.cabecera h1{margin:0;font-size:2rem;letter-spacing:.12em;color:var(--tierra)}.badge{font-size:.55em;letter-spacing:.08em;vertical-align:middle;background:var(--oliva);color:var(--crema);border-radius:999px;padding:3px 10px;text-transform:uppercase}.subtitulo{margin:6px 0 0;color:var(--tierra-suave)}.subtitulo a{color:var(--terracota)}main{width:100%;display:flex;justify-content:center}.chat{width:100%;max-width:680px;background:var(--crema);border:1px solid var(--linea);border-radius:16px;box-shadow:var(--sombra);display:flex;flex-direction:column;overflow:hidden}.mensajes{height:min(56vh,520px);overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px}.burbuja{max-width:86%;padding:10px 14px;border-radius:14px;overflow-wrap:break-word}.burbuja.usuario{align-self:flex-end;background:var(--terracota);color:#fff;border-bottom-right-radius:4px;white-space:pre-wrap}.burbuja.asistente{align-self:flex-start;background:#fff;border:1px solid var(--linea);border-bottom-left-radius:4px}.burbuja.asistente p{margin:0 0 .6em}.burbuja.asistente p:last-child{margin-bottom:0}.burbuja.asistente ul,.burbuja.asistente ol{margin:.4em 0;padding-left:1.3em}.burbuja.asistente a{color:var(--terracota-oscuro)}.burbuja.asistente h3{margin:.7em 0 .35em;font-size:1.08em}.burbuja.asistente h3:first-child{margin-top:0}.burbuja.asistente h4{margin:.6em 0 .3em;font-size:1em}.burbuja.asistente code{background:var(--arena);border-radius:4px;padding:1px 5px;font-size:.9em}.burbuja.cargando{display:flex;align-items:center;gap:10px;color:var(--tierra-suave);font-style:italic}.puntos{display:inline-flex;gap:4px}.puntos i{width:7px;height:7px;background:var(--oliva);border-radius:50%;animation:bote 1.2s infinite ease-in-out}.puntos i:nth-child(2){animation-delay:.15s}.puntos i:nth-child(3){animation-delay:.3s}@keyframes bote{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.fuentes{margin-top:10px;padding-top:8px;border-top:1px dashed var(--linea);font-size:.82rem;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}.fuentes-label{color:var(--tierra-suave)}.fuentes a{color:var(--oliva);text-decoration:none;border-bottom:1px solid currentColor}.fuentes a:hover{color:var(--terracota-oscuro)}.error{align-self:center;background:#f7e3dc;color:var(--terracota-oscuro);border:1px solid #ecc9bc;border-radius:10px;padding:8px 14px;font-size:.9rem}.sugerencias{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 12px}.sugerencias button{background:transparent;border:1px solid var(--oliva);color:var(--oliva);border-radius:999px;padding:6px 14px;font-size:.85rem;cursor:pointer;transition:background .15s,color .15s}.sugerencias button:hover{background:var(--oliva);color:var(--crema)}.entrada{display:flex;gap:10px;padding:14px 18px;border-top:1px solid var(--linea);background:#fff}.entrada input{flex:1;border:1px solid var(--linea);border-radius:10px;padding:10px 14px;font:inherit;color:var(--tierra);background:var(--crema)}.entrada input:focus{outline:2px solid var(--terracota);outline-offset:1px;border-color:transparent}.entrada button{background:var(--terracota);color:#fff;border:0;border-radius:10px;padding:10px 20px;font:inherit;font-weight:600;cursor:pointer;transition:background .15s}.entrada button:hover:not(:disabled){background:var(--terracota-oscuro)}.entrada button:disabled{opacity:.45;cursor:not-allowed}.privacidad{margin:0;padding:8px 18px 12px;background:#fff;color:var(--tierra-suave);font-size:.75rem}.aviso{max-width:680px;font-size:.78rem;color:var(--tierra-suave);text-align:center}.aviso a{color:var(--terracota-oscuro)}@media(max-width:520px){.pagina{padding:14px 8px;gap:12px}.cabecera h1{font-size:1.55rem}.mensajes{height:58vh}.burbuja{max-width:92%}.entrada{padding:10px 12px}.entrada button{padding:10px 14px}}