/* ==========================================================================
   DIRECPRO v0.25.3.1 — Request Summary Layout Hotfix
   Corrige la colisión entre:
   .dp-request-side > div
   y
   .dp-request-service-summary
   que provocaba valores cortados verticalmente.
   ========================================================================== */

.dp-request-v0253 .dp-request-side-v0253 > .dp-request-service-summary{
  display:block !important;
  grid-template-columns:none !important;
  gap:0 !important;
  margin:18px 0 0 !important;
  padding:14px 15px !important;
  border:1px solid #dfe7f1 !important;
  border-bottom:1px solid #dfe7f1 !important;
  border-radius:16px !important;
  background:#ffffff !important;
  overflow:hidden !important;
}

.dp-request-v0253 .dp-request-side-v0253 > .dp-request-service-summary .dp-request-summary-title{
  display:block !important;
  width:100% !important;
  margin:0 0 6px !important;
  padding:0 0 8px !important;
  border-bottom:1px solid #edf1f5 !important;
  color:#7b8aa0 !important;
  font-size:9px !important;
  line-height:1.45 !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

.dp-request-v0253 .dp-request-side-v0253 > .dp-request-service-summary > div{
  display:grid !important;
  grid-template-columns:minmax(108px,.9fr) minmax(0,1.35fr) !important;
  gap:12px !important;
  align-items:start !important;
  margin:0 !important;
  padding:11px 0 !important;
  border:0 !important;
  border-bottom:1px solid #edf1f5 !important;
  background:transparent !important;
}

.dp-request-v0253 .dp-request-side-v0253 > .dp-request-service-summary > div:last-child{
  border-bottom:0 !important;
  padding-bottom:3px !important;
}

.dp-request-v0253 .dp-request-side-v0253 > .dp-request-service-summary > div strong{
  display:block !important;
  min-width:0 !important;
  color:#35506f !important;
  font-size:11px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

.dp-request-v0253 .dp-request-side-v0253 > .dp-request-service-summary > div span{
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  color:#52657e !important;
  font-size:12px !important;
  line-height:1.55 !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
  white-space:normal !important;
}

.dp-request-v0253 .dp-request-note-v0253{
  clear:both !important;
  width:100% !important;
  margin-top:14px !important;
}

/* Tablet */
@media(max-width:900px){
  .dp-request-v0253 .dp-request-side-v0253 > .dp-request-service-summary > div{
    grid-template-columns:minmax(120px,.75fr) minmax(0,1.25fr) !important;
  }
}

/* Mobile */
@media(max-width:620px){
  .dp-request-v0253 .dp-request-side-v0253 > .dp-request-service-summary{
    padding:13px 14px !important;
  }

  .dp-request-v0253 .dp-request-side-v0253 > .dp-request-service-summary > div{
    grid-template-columns:1fr !important;
    gap:4px !important;
    padding:10px 0 !important;
  }

  .dp-request-v0253 .dp-request-side-v0253 > .dp-request-service-summary > div strong{
    font-size:10px !important;
    line-height:1.4 !important;
  }

  .dp-request-v0253 .dp-request-side-v0253 > .dp-request-service-summary > div span{
    font-size:12px !important;
    line-height:1.5 !important;
  }
}