/* ================= Pegar un viaje desde una IA (H3b) ================= */
.importar { max-width: 760px; }
.importar h1 { margin-bottom: 8px; font-size: 36px; }
.importar__pasos { margin-bottom: 6px; font: 600 11px var(--letra-codigo); letter-spacing: .16em; color: var(--gris); }
.importar__pasos b { color: var(--oxido); }
.importar__intro { max-width: 60ch; margin-bottom: 18px; color: var(--gris); }
.importar__hoja { display: grid; gap: 14px; animation: levantar-importar .3s var(--suave) both; }
.importar__pedido { display: grid; gap: 10px; justify-items: start; }
.importar__pedido .campo { justify-self: stretch; }
.importar__pedido textarea, .importar__hoja textarea[name="texto"] { font: 400 12.5px/1.45 var(--letra-codigo); }
.importar__ayuda { font-size: 12.5px; color: var(--gris); }
.importar__botones { display: flex; flex-wrap: wrap; gap: 10px; }
.importar__cortada { padding: 10px 12px; border-radius: var(--radio-chico); background: #FBF0E8; box-shadow: inset 0 0 0 1.5px rgba(179, 67, 43, .45); color: #8A3320; font-size: 13.5px; }
.importar__meta { font: 500 11px var(--letra-codigo); letter-spacing: .03em; color: var(--gris); overflow-wrap: anywhere; }
.importar__avisos { padding: 10px 12px; border-radius: var(--radio-chico); background: rgba(168, 134, 79, .1); font-size: 13px; }
.importar__avisos h3 { margin-bottom: 6px; font: 600 10px var(--letra-codigo); letter-spacing: .14em; text-transform: uppercase; color: #7A5F2E; }
.importar__avisos ul { margin: 0; padding-left: 18px; display: grid; gap: 4px; }
.importar__dias { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.importar__dias > li { padding: 10px 12px; border-radius: 12px; background: var(--hoja-2); box-shadow: inset 0 0 0 1px var(--borde); }
.importar__dias > li > b { font: 500 11px var(--letra-codigo); letter-spacing: .04em; color: var(--oxido); }
.importar__dias ul { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 4px; font-size: 13.5px; overflow-wrap: anywhere; }
.importar__hora { font: 500 12px var(--letra-codigo); color: var(--gris); }
.importar__ubicada { font-size: 11px; color: var(--verde); }
@keyframes levantar-importar { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (max-width: 720px) { .importar h1 { font-size: 28px; } }