/* Página dedicada a DTE */

.hero-dte::before {
    /* un poco menos oscuro que el home, para lectura */
    background: linear-gradient(120deg, rgba(0,0,0,0.70) 0, rgba(0,0,0,0.45) 40%, rgba(0,0,0,0.25) 100%);
  }
  
  /* Columnas de features */
  .feature-columns {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }
  
  /* Módulos del sistema */
  .modules-grid {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }
  
  .modules-grid .module-tags,
  .module-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
  }
  
  .module-tags span {
    font-size: 11px;
    padding: 4px 8px;
    border-radius: 999px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    color: #4b5563;
  }
  
  /* Beneficios layout */
  .benefits-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 30px;
    align-items: flex-start;
    text-align: left;
  }
  
  .benefits-text h2 {
    font-size: 26px;
    margin-bottom: 10px;
  }
  
  .benefits-text p {
    font-size: 14px;
    color: #4b5563;
    margin-bottom: 12px;
  }
  
  .benefits-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  /* FAQ accordion pequeño ajuste */
  .faq-accordion .accordion-button {
    font-size: 14px;
  }
  
  .faq-accordion .accordion-body {
    font-size: 13px;
    color: #4b5563;
  }
  
  @media (max-width: 992px) {
    .benefits-layout {
      grid-template-columns: minmax(0, 1fr);
    }
  }