/* Soft Soft toolbar — maquillaje CSS sobre SfButton funcional (.soc-tb-btn)
   No cambia markup ni lógica. Cargar ÚLTIMO para ganar a site.css. */

/* Card blanca de la barra */
html body .contacto-module #sf-contactos-toolbar.contacto-sf-toolbar,
html body .contacto-module .contacto-sf-toolbar,
html body .oportunidad-module .contacto-sf-toolbar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 20px 18px !important;
  min-height: 76px !important;
  height: auto !important;
  background: #ffffff !important;
  border: 1px solid #e8ecea !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Título a la izquierda de la toolbar */
html body .contacto-module .contacto-sf-toolbar .soc-toolbar-page-title,
html body .oportunidad-module .contacto-sf-toolbar .soc-toolbar-page-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: center !important;
}

html body .contacto-module .contacto-sf-toolbar .soc-toolbar-page-title .ai-dash-title-icon,
html body .oportunidad-module .contacto-sf-toolbar .soc-toolbar-page-title .ai-dash-title-icon {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;
  flex: 0 0 36px !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg, #0064a6 0%, #4da3d9 100%) !important;
  background-image: linear-gradient(135deg, #0064a6 0%, #4da3d9 100%) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body .contacto-module .contacto-sf-toolbar .soc-toolbar-page-title .ai-dash-title-icon .bi,
html body .oportunidad-module .contacto-sf-toolbar .soc-toolbar-page-title .ai-dash-title-icon .bi {
  color: #ffffff !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}

html body .contacto-module .contacto-sf-toolbar .soc-toolbar-page-title .soc-client-head-copy,
html body .oportunidad-module .contacto-sf-toolbar .soc-toolbar-page-title .soc-client-head-copy {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

html body .contacto-module .contacto-sf-toolbar .soc-toolbar-page-title .soc-client-head-title,
html body .oportunidad-module .contacto-sf-toolbar .soc-toolbar-page-title .soc-client-head-title {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  margin: 0 !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  color: #424242 !important;
  text-transform: none !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: min(52vw, 420px) !important;
}

html body .contacto-module .contacto-sf-toolbar .soc-toolbar-page-title .soc-client-head-kicker,
html body .oportunidad-module .contacto-sf-toolbar .soc-toolbar-page-title .soc-client-head-kicker {
  flex: 0 0 auto !important;
  margin: 0 !important;
  color: #424242 !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

html body .contacto-module .contacto-sf-toolbar .soc-toolbar-page-title .soc-client-head-name,
html body .oportunidad-module .contacto-sf-toolbar .soc-toolbar-page-title .soc-client-head-name {
  display: inline-block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #424242 !important;
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

html body .contacto-module .contacto-sf-toolbar .soc-toolbar-page-title .ai-dash-subtitle,
html body .oportunidad-module .contacto-sf-toolbar .soc-toolbar-page-title .ai-dash-subtitle {
  margin: 2px 0 0 !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  color: #667085 !important;
  line-height: 1.35 !important;
}

/* Acciones a la derecha — misma altura / mismo aire que el título */
html body .contacto-module .contacto-sf-toolbar .soc-toolbar-actions,
html body .oportunidad-module .contacto-sf-toolbar .soc-toolbar-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  align-self: center !important;
}

/* Chip Soft Soft: icono en caja mint + etiqueta */
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  width: auto !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 8px 0 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #006d4e !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  opacity: 1 !important;
}

html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn .e-btn-icon,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn .e-btn-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 9px !important;
  background: #eaf7f1 !important;
  color: #006d4e !important;
  font-size: 1.05rem !important;
  line-height: 1 !important;
  box-shadow: none !important;
  flex: 0 0 36px !important;
  box-sizing: border-box !important;
}

html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn.e-icon-left .e-btn-icon,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn.e-icon-left .e-btn-icon,
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn .e-icon-left,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn .e-icon-left {
  margin: 0 !important;
}

html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn .e-btn-icon::before,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn .e-btn-icon::before {
  color: #006d4e !important;
}

html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn .e-btn-content,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn .e-btn-content {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #006d4e !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* Nuevo = icono primario (caja verde sólida) */
html body .contacto-module #tour-contactos-btn-nuevo .e-btn.soc-tb-btn .e-btn-icon,
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn .e-btn-icon.e-plus,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn .e-btn-icon.e-plus {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  flex: 0 0 36px !important;
  border-radius: 9px !important;
  background: #006d4e !important;
  color: #ffffff !important;
  margin: 0 !important;
}

html body .contacto-module #tour-contactos-btn-nuevo .e-btn.soc-tb-btn .e-btn-icon::before,
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn .e-btn-icon.e-plus::before,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn .e-btn-icon.e-plus::before {
  color: #ffffff !important;
}

html body .contacto-module #tour-contactos-btn-nuevo .e-btn.soc-tb-btn .e-btn-content,
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-plus) .e-btn-content,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-plus) .e-btn-content {
  font-weight: 400 !important;
  color: #006d4e !important;
}

/* Eliminar = acento coral (icono + texto) */
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn.soc-btn-rojo-solido,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn.soc-btn-rojo-solido,
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn.soc-btn-rojo-solido.soc-proposal-pill-primary,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn.soc-btn-rojo-solido.soc-proposal-pill-primary {
  color: #ff7150 !important;
  background: transparent !important;
}

html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn.soc-btn-rojo-solido .e-btn-icon,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn.soc-btn-rojo-solido .e-btn-icon {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  flex: 0 0 36px !important;
  border-radius: 9px !important;
  background: #ff7150 !important;
  color: #ffffff !important;
}

html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn.soc-btn-rojo-solido .e-btn-icon::before,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn.soc-btn-rojo-solido .e-btn-icon::before {
  color: #ffffff !important;
}

html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn.soc-btn-rojo-solido .e-btn-content,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn.soc-btn-rojo-solido .e-btn-content {
  color: #ff7150 !important;
  font-weight: 400 !important;
}

html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn.soc-proposal-pill-primary:not(.soc-btn-rojo-solido),
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn.soc-proposal-pill-primary:not(.soc-btn-rojo-solido) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 8px 0 0 !important;
  color: #006d4e !important;
}

/* Guardar = verde secundario sólido (#4ED176) */
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-save):not(:disabled):not(.e-disabled) .e-btn-icon,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-save):not(:disabled):not(.e-disabled) .e-btn-icon {
  background: #4ed176 !important;
  color: #ffffff !important;
}

html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-save):not(:disabled):not(.e-disabled) .e-btn-icon::before,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-save):not(:disabled):not(.e-disabled) .e-btn-icon::before {
  color: #ffffff !important;
}

html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-save):not(:disabled):not(.e-disabled) .e-btn-content,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-save):not(:disabled):not(.e-disabled) .e-btn-content,
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-save):not(:disabled):not(.e-disabled),
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-save):not(:disabled):not(.e-disabled) {
  color: #4ed176 !important;
}

/* Hover Soft */
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn:hover:not(:disabled):not(.e-disabled),
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn:hover:not(:disabled):not(.e-disabled) {
  background: transparent !important;
  color: #006d4e !important;
}

html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn:hover:not(:disabled):not(.e-disabled) .e-btn-icon,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn:hover:not(:disabled):not(.e-disabled) .e-btn-icon {
  background: #dcefe6 !important;
  color: #006d4e !important;
  transform: none !important;
}

html body .contacto-module #tour-contactos-btn-nuevo .e-btn.soc-tb-btn:hover:not(:disabled):not(.e-disabled) .e-btn-icon,
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-plus):hover:not(:disabled):not(.e-disabled) .e-btn-icon,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-plus):hover:not(:disabled):not(.e-disabled) .e-btn-icon {
  background: #005a40 !important;
  color: #ffffff !important;
}

html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-save):hover:not(:disabled):not(.e-disabled) .e-btn-icon,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-save):hover:not(:disabled):not(.e-disabled) .e-btn-icon {
  background: #3fc068 !important;
  color: #ffffff !important;
}

html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-save):hover:not(:disabled):not(.e-disabled),
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-save):hover:not(:disabled):not(.e-disabled),
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-save):hover:not(:disabled):not(.e-disabled) .e-btn-content,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-save):hover:not(:disabled):not(.e-disabled) .e-btn-content {
  color: #3fc068 !important;
}

html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn.soc-btn-rojo-solido:hover:not(:disabled):not(.e-disabled),
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn.soc-btn-rojo-solido:hover:not(:disabled):not(.e-disabled),
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn.soc-btn-rojo-solido:hover:not(:disabled):not(.e-disabled) .e-btn-content,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn.soc-btn-rojo-solido:hover:not(:disabled):not(.e-disabled) .e-btn-content {
  color: #e55f3f !important;
}

html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn.soc-btn-rojo-solido:hover:not(:disabled):not(.e-disabled) .e-btn-icon,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn.soc-btn-rojo-solido:hover:not(:disabled):not(.e-disabled) .e-btn-icon {
  background: #e55f3f !important;
  color: #ffffff !important;
}

html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn:hover:not(:disabled):not(.e-disabled) .e-btn-content,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn:hover:not(:disabled):not(.e-disabled) .e-btn-content,
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn:hover:not(:disabled):not(.e-disabled) .e-btn-icon::before,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn:hover:not(:disabled):not(.e-disabled) .e-btn-icon::before {
  color: inherit !important;
}

html body .contacto-module #tour-contactos-btn-nuevo .e-btn.soc-tb-btn:hover:not(:disabled):not(.e-disabled) .e-btn-icon::before,
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-plus):hover:not(:disabled):not(.e-disabled) .e-btn-icon::before,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-plus):hover:not(:disabled):not(.e-disabled) .e-btn-icon::before,
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-save):hover:not(:disabled):not(.e-disabled) .e-btn-icon::before,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn:has(.e-save):hover:not(:disabled):not(.e-disabled) .e-btn-icon::before,
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn.soc-btn-rojo-solido:hover:not(:disabled):not(.e-disabled) .e-btn-icon::before,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn.soc-btn-rojo-solido:hover:not(:disabled):not(.e-disabled) .e-btn-icon::before {
  color: #ffffff !important;
}

/* Disabled */
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn.e-disabled,
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn:disabled,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn.e-disabled,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn:disabled {
  cursor: not-allowed !important;
  opacity: 1 !important;
  background: transparent !important;
}

html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn.e-disabled .e-btn-icon,
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn:disabled .e-btn-icon,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn.e-disabled .e-btn-icon,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn:disabled .e-btn-icon {
  background: #f0f1f3 !important;
  color: #6b7280 !important;
}

html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn.e-disabled .e-btn-icon::before,
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn:disabled .e-btn-icon::before,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn.e-disabled .e-btn-icon::before,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn:disabled .e-btn-icon::before,
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn.e-disabled .e-btn-content,
html body .contacto-module .contacto-sf-toolbar .e-btn.soc-tb-btn:disabled .e-btn-content,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn.e-disabled .e-btn-content,
html body .oportunidad-module .contacto-sf-toolbar .e-btn.soc-tb-btn:disabled .e-btn-content {
  color: #6b7280 !important;
}

/* Pedido: botones sueltos sin wrapper → alineados a la derecha */
html body .oportunidad-module .contacto-sf-toolbar:not(:has(.soc-toolbar-page-title)) {
  justify-content: flex-end !important;
  gap: 8px !important;
}

/* Título Cliente / Pedido — icono Soft con degradado azul */
html body .contacto-module .ai-dash-title-icon,
html body .oportunidad-module .ai-dash-title-icon {
  background: linear-gradient(135deg, #0064a6 0%, #4da3d9 100%) !important;
  background-image: linear-gradient(135deg, #0064a6 0%, #4da3d9 100%) !important;
  color: #ffffff !important;
  border-radius: 9px !important;
}

html body .contacto-module .ai-dash-title-icon .bi,
html body .contacto-module .ai-dash-title-icon .e-icons,
html body .oportunidad-module .ai-dash-title-icon .bi,
html body .oportunidad-module .ai-dash-title-icon .e-icons {
  color: #ffffff !important;
}

/* Empty Resumen: shield Soft sin cambiar markup */
html body .contacto-module .soc-tab-content > .soc-datos-list:not(:has(.soc-datos-detalle)),
html body .contacto-module .soc-tab-content:has(> .soc-placeholder),
html body .oportunidad-module .soc-tab-content > .soc-datos-list:not(:has(.soc-datos-detalle)),
html body .oportunidad-module .soc-tab-content:has(> .soc-placeholder) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 320px !important;
  padding: 48px 24px !important;
  text-align: center !important;
}

html body .contacto-module .soc-tab-content > .soc-datos-list:not(:has(.soc-datos-detalle))::before,
html body .contacto-module .soc-tab-content > .soc-placeholder::before {
  content: "" !important;
  display: block !important;
  width: 140px !important;
  height: 140px !important;
  margin: 0 auto 6px !important;
  background: url("/images/ui-soc/contactos-empty-shield.png") center / contain no-repeat !important;
}

html body .oportunidad-module .soc-tab-content > .soc-datos-list:not(:has(.soc-datos-detalle))::before,
html body .oportunidad-module .soc-tab-content > .soc-placeholder::before {
  content: "" !important;
  display: block !important;
  width: 140px !important;
  height: 140px !important;
  margin: 0 auto 6px !important;
  background: url("/images/ui-soc/empty-pedidos-shield.png?v=2") center / contain no-repeat !important;
}

html body .contacto-module .soc-tab-content > .soc-datos-list .soc-placeholder,
html body .contacto-module .soc-tab-content > .soc-placeholder,
html body .oportunidad-module .soc-tab-content > .soc-datos-list .soc-placeholder,
html body .oportunidad-module .soc-tab-content > .soc-placeholder {
  max-width: 420px !important;
  margin: 0 auto !important;
  color: #667085 !important;
  font-size: 0.9rem !important;
  line-height: 1.45 !important;
}

html body .contacto-module .soc-tab-content > .soc-datos-list .soc-placeholder strong,
html body .contacto-module .soc-tab-content > .soc-placeholder strong,
html body .oportunidad-module .soc-tab-content > .soc-datos-list .soc-placeholder strong,
html body .oportunidad-module .soc-tab-content > .soc-placeholder strong {
  color: #4f4f4f !important;
  font-weight: 600 !important;
}

/* Aire page-inner */
html body .contacto-module.soc-page > .soc-page-inner,
html body .oportunidad-module.soc-page > .soc-page-inner {
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

html body .contacto-module.soc-page,
html body .oportunidad-module.soc-page {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 16px !important;
  padding: 20px 24px 40px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 900px) {
  html body .contacto-module .contacto-sf-toolbar,
  html body .oportunidad-module .contacto-sf-toolbar {
    flex-wrap: wrap !important;
  }

  html body .contacto-module .contacto-sf-toolbar .soc-toolbar-actions,
  html body .oportunidad-module .contacto-sf-toolbar .soc-toolbar-actions {
    flex-wrap: wrap !important;
    width: 100% !important;
    justify-content: flex-start !important;
    margin-left: 0 !important;
  }
}