body{margin:0;font-family:Arial;background:#f3f4f6}
.container{max-width:600px;margin:auto;padding:20px}
h1{text-align:center}
textarea{width:100%;height:180px;padding:15px;box-sizing:border-box;border-radius:12px;font-size:16px}
button{width:100%;padding:14px;margin-top:12px;border:0;border-radius:10px;background:#167db5;color:white;font-size:16px}
.gkm{background:#087f8c}
.clear{background:#777}
.panel{background:white;padding:15px;margin-top:20px;border-radius:12px}
.oculto{display:none}
input{width:100%;padding:12px;box-sizing:border-box}
.card{border:1px solid #ddd;border-radius:12px;padding:12px;margin-top:15px}
.articulo{font-weight:bold}
.datos{display:flex;gap:10px;margin-top:10px}
.dato{flex:1;text-align:center;background:#f8f8f8;padding:10px;border-radius:8px}
#mensaje{margin-top:15px;background:#e5f6eb;padding:10px;border-radius:8px;color:#276749}