/* Portada moderna (Rodrigo 23-10). Capa sobre styles.css y modern-ui.css; retirar el enlace la desactiva. */

/* Encabezado de bienvenida */
.home-hero {
  grid-column: 1 / -1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding: 26px 28px;
  border-radius: 22px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 10%, rgba(255, 255, 255, 0.18), transparent 16rem),
    radial-gradient(circle at 0% 100%, rgba(16, 185, 199, 0.35), transparent 20rem),
    linear-gradient(120deg, #0a2a52 0%, #134f9c 55%, #0c8bb8 100%);
  box-shadow: 0 20px 44px rgba(10, 42, 82, 0.22);
}
.home-hero-eyebrow { margin: 0 0 8px; font-size: 11px; font-weight: 900; letter-spacing: .16em; color: #9fe3f0; }
.home-hero h1 { margin: 0; font-size: clamp(22px, 2.6vw, 32px); line-height: 1.15; letter-spacing: -0.02em; }
.home-hero-sub { margin: 8px 0 0; color: #d7e7fb; font-size: 14.5px; }
.home-hero-date {
  flex: none;
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.25);
  font-size: 13px;
  font-weight: 700;
}
.home-section-title {
  grid-column: 1 / -1;
  margin: 8px 2px -4px;
  color: #3a5372;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* Tarjetas de acceso: más limpias, cada una con su color */
.creation-launcher {
  min-height: 104px;
  align-items: center;
  background: #fff;
  border: 1px solid #dfe9f4;
}
.creation-launcher:hover { border-color: #9fc0e6; }
.creation-launcher small { color: #5b6d84; font-size: 13px; }
.creation-launcher-action { background: #0f64d5; color: #fff; font-weight: 800; }
.creation-launcher:hover .creation-launcher-action { background: #0b52b0; }
#controlLauncher .creation-launcher-icon { background: linear-gradient(145deg, #0b315e, #2b6fd6); }
#kamLauncher .creation-launcher-icon { background: linear-gradient(145deg, #0a7f8f, #19c2c9); }
#peruLauncher .creation-launcher-icon { background: linear-gradient(145deg, #b3122b, #e2394f); }
#forecastLauncher .creation-launcher-icon { background: linear-gradient(145deg, #5b2bb5, #8a5cf0); }
#bookingLauncher .creation-launcher-icon { padding: 0; overflow: hidden; background: #fff; border: 1px solid #d6e2ef; }
#bookingLauncher .creation-launcher-icon img { width: 100%; height: 100%; object-fit: contain; }
#budgetLauncher .creation-launcher-icon { background: linear-gradient(145deg, #0f6b45, #22a86b); }
#creationLauncher .creation-launcher-icon { background: linear-gradient(145deg, #c46a07, #f0a92c); }
.creation-launcher-icon { color: #fff; font-weight: 900; }

/* Consulta comercial */
.query-band { border-top: 4px solid #1466d8; }
.query-band > form > label { font-size: 16px; font-weight: 900; color: #0a2a52; }

/* Consultas rápidas */
.quick-panel { margin-top: 16px; padding-top: 16px; border-top: 1px solid #e4edf6; }
.quick-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin-bottom: 12px; }
.quick-head strong { color: #0a2a52; font-size: 15px; }
.quick-head small { color: #5b6d84; font-size: 13px; }
.quick-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.quick-tabs button {
  padding: 8px 14px;
  border: 1px solid #d5e2ef;
  border-radius: 999px;
  background: #f4f8fc;
  color: #264d78;
  font-size: 13px;
  font-weight: 800;
}
.quick-tabs button:hover { border-color: #9fbee0; background: #eaf3fd; }
.quick-tabs button.active { background: #0f64d5; border-color: #0f64d5; color: #fff; box-shadow: 0 6px 14px rgba(15, 100, 213, 0.25); }
.quick-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; }
.quick-grid button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-height: 46px;
  padding: 10px 13px;
  border: 1px solid #dbe6f2;
  border-radius: 12px;
  background: #fff;
  color: #10233d;
  font-size: 13.5px;
  font-weight: 700;
  text-align: left;
  box-shadow: 0 3px 10px rgba(19, 55, 94, 0.04);
}
.quick-grid button:hover { border-color: #8db4e3; background: #f2f8ff; transform: translateY(-1px); }
.quick-grid button.quick-param { border-color: #b9d2f0; background: linear-gradient(145deg, #f3f8ff, #e8f2fe); }
.quick-grid button span { color: #0f64d5; font-size: 12px; font-weight: 800; }
.quick-builder {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 12px;
  margin-top: 12px;
  padding: 14px 16px;
  border: 1px solid #b9d2f0;
  border-radius: 14px;
  background: #f5f9ff;
}
.quick-builder strong { width: 100%; color: #0a2a52; font-size: 14px; }
.quick-builder label { display: grid; gap: 5px; color: #4a5f7c; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.quick-builder select { min-width: 170px; padding: 9px 11px; border: 1px solid #c7d7e8; border-radius: 10px; background: #fff; color: #10233d; font: inherit; font-size: 14px; text-transform: none; letter-spacing: 0; }
.quick-builder .primary-button { min-height: 40px; padding: 0 20px; color: #fff; font-weight: 800; }
.quick-builder .ghost-button { min-height: 40px; }

@media (max-width: 760px) {
  .home-hero { flex-direction: column; align-items: flex-start; padding: 20px; }
  .quick-grid { grid-template-columns: 1fr; }
  .quick-tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
  .quick-tabs button { flex: 0 0 auto; }
}

/* Botón secundario de cargas (Subir OC París) */
.sellin-upload-actions .secondary-button {
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #b9d2f0;
  border-radius: 11px;
  background: #fff;
  color: #0f64d5;
  font-weight: 800;
}
.sellin-upload-actions .secondary-button:hover { background: #f2f8ff; border-color: #8db4e3; }