.elementor-2938 .elementor-element.elementor-element-cf47304 > .elementor-container{max-width:1350px;}.elementor-2938 .elementor-element.elementor-element-cf47304{padding:0px 0px 110px 0px;}.elementor-2938 .elementor-element.elementor-element-7a4ead6:not(.elementor-motion-effects-element-type-background), .elementor-2938 .elementor-element.elementor-element-7a4ead6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.susencargos.com.co/wp-content/uploads/2024/07/track-bg.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2938 .elementor-element.elementor-element-7a4ead6 > .elementor-background-overlay{background-color:#FFFFFFB3;opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2938 .elementor-element.elementor-element-7a4ead6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 60px 0px;}.elementor-2938 .elementor-element.elementor-element-0d86c69 .tx-title{color:#1A2D4E;}.elementor-2938 .elementor-element.elementor-element-12e4c1b{--display:flex;--margin-top:10px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}body.elementor-page-2938:not(.elementor-motion-effects-element-type-background), body.elementor-page-2938 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.susencargos.com.co/wp-content/uploads/2024/09/body-bg-scaled-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}/* Start custom CSS for section, class: .elementor-element-cf47304 */section.log-breadcrumb-section.position-relative.tx-breadcrumb.tx-section-margin {
    height: 502px;
}
.container {
    margin-top: -120px;
}

.breadcrumb-list.mt-20 {
    display: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a52067 *//* ===== CONTENEDOR GENERAL ===== */
#tracking-app {
  max-width: 900px;
  margin: 40px auto;
  padding: 28px;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

/* ===== TITULOS ===== */
#tracking-app h2 {
  text-align: center;
  margin-bottom: 25px;
  font-size: 26px;
  font-weight: 600;
}

#tracking-app h3 {
  margin-top: 30px;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 600;
  border-bottom: 1px solid #eee;
  padding-bottom: 6px;
}

/* ===== LOADING / ERROR ===== */
#loading {
  text-align: center;
  padding: 25px;
  font-weight: 500;
  color: #555;
}

#error {
  background: #ffe5e5;
  color: #b30000;
  padding: 14px;
  border-radius: 8px;
  font-size: 14px;
}

/* ===== HEADER INFO (CARD GRID) ===== */
#header {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
}

#header p {
  margin: 0;
  padding: 12px;
  background: #f7f8fa;
  border-radius: 8px;
  font-size: 14px;
}

#header b {
  display: block;
  font-size: 12px;
  color: #777;
  margin-bottom: 4px;
}

/* ===== BADGES DE ESTADO ===== */
.badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
}

.badge-success {
  background: #e6f7ee;
  color: #1a7f37;
}

.badge-warning {
  background: #fff6e0;
  color: #b7791f;
}

.badge-info {
  background: #e6f0ff;
  color: #2952cc;
}

/* ===== TABLA ===== */
#detail-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  background: white;
  border-radius: 10px;
  overflow: hidden;
}

#detail-table th {
  background: #f2f4f7;
  text-align: left;
  padding: 12px;
  font-weight: 600;
}

#detail-table td {
  padding: 10px 12px;
  border-top: 1px solid #eee;
}

#detail-table tr:hover {
  background: #fafafa;
}

/* =====================================
   IMÁGENES CON ZOOM (LIGHTBOX)
===================================== */

#images img {
  max-width: 260px;
  width: 100%;
  border-radius: 10px;
  margin: 10px 10px 0 0;
  cursor: zoom-in;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  transition: transform .2s;
}

#images img:hover {
  transform: scale(1.05);
}

/* overlay */
.image-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.85);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  cursor: zoom-out;
}

.image-modal img {
  max-width: 92%;
  max-height: 92%;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}


/* ===== RESPONSIVE ===== */
@media (max-width: 600px) {

  #tracking-app {
    padding: 18px;
  }

  #detail-table th,
  #detail-table td {
    font-size: 12px;
    padding: 8px;
  }

  #header {
    grid-template-columns: 1fr;
  }
}
/* =====================================
   FORMULARIO TRACKING
===================================== */

#tracking-form {
  max-width: 600px;
  margin: 60px auto;
  padding: 32px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 10px 35px rgba(0,0,0,0.08);
  text-align: center;
}

/* título opcional */
#tracking-form::before {
  content: "Rastrea tu envío";
  display: block;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
}

/* contenedor horizontal */
#tracking-form form {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
}

/* INPUT */
#tracking-form input[type="text"] {
  flex: 1;
  height: 48px;
  padding: 0 16px;
  font-size: 15px;
  border-radius: 10px;
  border: 1.5px solid #dcdcdc;
  outline: none;
  transition: .2s;
  background: #fafafa;
}

#tracking-form input[type="text"]:focus {
  border-color: #2b6cff;
  background: white;
  box-shadow: 0 0 0 3px rgba(43,108,255,0.12);
}

/* BOTÓN */
#tracking-form button {
  height: 48px;
  padding: 0 22px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  background: linear-gradient(135deg, #2b6cff, #1f4fe0);
  color: white;
  transition: .2s;
  display: flex;
  align-items: center;
  gap: 6px;
}

#tracking-form button:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(43,108,255,0.35);
}

/* MENSAJES CF7 */
#tracking-form .wpcf7-response-output {
  margin-top: 15px;
  font-size: 13px;
  border-radius: 8px;
  padding: 10px;
}

#tracking-form .wpcf7-validation-errors {
  background: #fff3cd;
  color: #856404;
}

#tracking-form .wpcf7-mail-sent-ok {
  background: #e6f7ee;
  color: #1a7f37;
}

#tracking-form .wpcf7-not-valid-tip {
  font-size: 12px;
  color: #c62828;
  margin-top: 5px;
}

/* RESPONSIVE */
@media (max-width: 600px) {

  #tracking-form form {
    flex-direction: column;
  }

  #tracking-form button {
    width: 100%;
  }
}/* End custom CSS */