/* Correções específicas para elementos sem margin-bottom em desktop */

/* Garantir que todos os elementos Tailwind tenham espaçamento adequado em desktop */
.tw-template-container .tw-grid.md\\:tw-grid-cols-2 {
  margin-bottom: 1.5rem !important;
}

.tw-template-container .tw-grid.md\\:tw-grid-cols-2 > div {
  margin-bottom: 1rem !important;
}

/* Elementos com backgrounds coloridos devem ter margem */
.tw-template-container [class*="tw-bg-"]:not([class*="tw-bg-gradient"]):not(.tw-bg-white):not(.tw-bg-transparent) {
  margin-bottom: 1.5rem !important;
}

/* Cards com padding devem ter margem */
.tw-template-container .tw-p-6,
.tw-template-container .tw-p-8 {
  margin-bottom: 1.5rem !important;
}

/* Elementos rounded devem ter margem */
.tw-template-container .tw-rounded-xl {
  margin-bottom: 1.5rem !important;
}

/* Listas com space-y devem ter margem global */
.tw-template-container .tw-space-y-3,
.tw-template-container .tw-space-y-2 {
  margin-bottom: 1.5rem !important;
}

/* Divs filhos diretos do container devem ter margem */
.tw-template-container > div {
  margin-bottom: 1.5rem !important;
}

.tw-template-container > div:last-child {
  margin-bottom: 0 !important;
}

/* Elementos específicos que precisam de margem */
.tw-template-container .tw-border {
  margin-bottom: 1rem !important;
}

.tw-template-container .tw-flex.tw-justify-between {
  margin-bottom: 0.75rem !important;
}

/* H3 dentro de cards */
.tw-template-container h3.tw-text-xl {
  margin-bottom: 1rem !important;
}

/* Correções específicas para mobile - menor espaçamento */
@media (max-width: 640px) {
  .tw-template-container .tw-grid.md\\:tw-grid-cols-2 {
    margin-bottom: 1rem !important;
  }
  
  .tw-template-container .tw-grid.md\\:tw-grid-cols-2 > div {
    margin-bottom: 0.75rem !important;
  }
  
  .tw-template-container [class*="tw-bg-"]:not([class*="tw-bg-gradient"]):not(.tw-bg-white):not(.tw-bg-transparent) {
    margin-bottom: 1rem !important;
  }
  
  .tw-template-container .tw-p-6,
  .tw-template-container .tw-p-8 {
    margin-bottom: 1rem !important;
  }
  
  .tw-template-container .tw-rounded-xl {
    margin-bottom: 1rem !important;
  }
  
  .tw-template-container > div {
    margin-bottom: 1rem !important;
  }
  
  .tw-template-container > div:last-child {
    margin-bottom: 0 !important;
  }
}

/* Garantir que elementos flex tenham espaçamento adequado */
.tw-template-container .tw-flex.tw-items-center {
  margin-bottom: 0.5rem !important;
}

.tw-template-container .tw-flex.tw-items-center:last-child {
  margin-bottom: 0 !important;
}

/* Elementos UL devem ter margem */
.tw-template-container ul.tw-space-y-2 {
  margin-bottom: 1rem !important;
}

/* Strong e span dentro de flex devem ter espaçamento */
.tw-template-container .tw-flex span {
  margin-bottom: 0 !important;
}

/* Garantir que não haja margin dupla */
.tw-template-container .tw-mb-6[style*="margin-bottom"] {
  margin-bottom: 1.5rem !important;
}

.tw-template-container .tw-mb-4[style*="margin-bottom"] {
  margin-bottom: 1rem !important;
}