/* Secciones Herramientas y Productividad */
.nav-sec { display:flex; gap:4px; flex-wrap:wrap; }
.nav-sec a { margin:0; padding:7px 14px; border-radius:999px; font-size:.95rem; font-weight:500; color:rgba(255,255,255,.86); text-decoration:none; }
.nav-sec a:hover, .nav-sec a.act { background:rgba(255,255,255,.16); color:#fff; }
.sec-main { max-width:960px; }
.sec-hero { background:linear-gradient(135deg,#0b4f8a,#1d78c2); color:#fff; border-radius:14px; padding:22px 20px; margin-bottom:16px; }
.sec-hero h1 { margin:0 0 6px; font-size:1.6rem; }
.sec-hero p { margin:0; opacity:.92; line-height:1.5; max-width:640px; }
.migas { font-size:.85rem; color:#6b7785; margin:0 0 10px; }
.migas a { color:#0b4f8a; text-decoration:none; } .migas a:hover { text-decoration:underline; }
.lista-tj { display:grid; gap:12px; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); }
.tarjeta .etq { position:absolute; bottom:12px; right:12px; font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; padding:3px 8px; border-radius:999px; background:#e3f6ea; color:#1a7a3e; }
.tarjeta .etq.pronto { background:#eef0f4; color:#6b7785; }
.tarjeta.pronto { opacity:.72; pointer-events:none; box-shadow:inset 0 0 0 1px rgba(15,35,60,.08); }
.tj-ico { font-size:34px; }
.tj-xlskmz .tj-pic, .tj-utm .tj-pic { background:#e3f1ea; } .tj-mapa .tj-pic { background:#e3edf8; }

/* ---- Conversor XLS → KMZ ---- */
.paso { background:#fff; border-radius:12px; padding:16px; margin-bottom:14px; box-shadow:0 2px 6px rgba(0,0,0,.06); }
.paso h2 { margin:0 0 10px; font-size:1.1rem; display:flex; align-items:center; gap:8px; }
.paso h2 .n { width:26px; height:26px; border-radius:50%; background:#0b4f8a; color:#fff; font-size:.85rem; display:inline-flex; align-items:center; justify-content:center; }
.zona-arch { display:block; border:2px dashed #9db6d3; border-radius:12px; padding:26px 14px; text-align:center; background:#f6f9fd; cursor:pointer; transition:background .15s, border-color .15s; }
.zona-arch.sobre { background:#e6f0fb; border-color:#0b4f8a; }
.zona-arch strong { display:block; font-size:1.05rem; margin-bottom:4px; }
.zona-arch span { color:#6b7785; font-size:.88rem; }
.zona-arch input { display:none; }
.campos { display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); }
.campos label { display:grid; gap:4px; font-size:.85rem; font-weight:600; color:#3b4856; }
.campos select, .campos input[type=text] { font:inherit; font-weight:400; padding:9px 10px; border:1px solid #c5d0dd; border-radius:8px; background:#fff; color:#1d2733; }
.desc-cols { display:flex; flex-wrap:wrap; gap:6px 14px; margin-top:6px; }
.desc-cols label { display:inline-flex; flex-direction:row; align-items:center; gap:5px; font-weight:400; }
.aviso { margin:10px 0 0; padding:10px 12px; border-radius:8px; font-size:.9rem; line-height:1.4; }
.aviso.ok { background:#e6f6ec; color:#14653a; } .aviso.warn { background:#fff4e0; color:#8a5300; } .aviso.err { background:#fde8e8; color:#9b1c1c; }
.btn-p { font:inherit; font-weight:700; border:0; border-radius:999px; padding:12px 22px; cursor:pointer; background:#0b4f8a; color:#fff; }
.btn-p.sec { background:#e8eef6; color:#0b4f8a; }
.btn-p:disabled { opacity:.45; cursor:default; }
.acciones { display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; }
.prev { overflow:auto; max-height:260px; border:1px solid #e1e7ee; border-radius:8px; margin-top:10px; }
.prev table { border-collapse:collapse; width:100%; font-size:.82rem; }
.prev th, .prev td { padding:6px 9px; border-bottom:1px solid #eef1f5; text-align:left; white-space:nowrap; }
.prev th { background:#f3f6fa; position:sticky; top:0; }
.pie-ayuda { color:#6b7785; font-size:.85rem; line-height:1.5; }
.pie-ayuda code { background:#eef1f5; padding:1px 5px; border-radius:4px; }
[hidden] { display:none !important; }
