/* 1) Contenedor gris suave */
.fppd-comparison-container {
  background-color: #f5f5f5; /* */
}

/* Section Title */
.fppd-section-title {
  text-align: center; /* */
  margin-top: 1rem; /* */
  margin-bottom: 2rem; /* */
  font-size: 1.8rem; /* */
  color: #333; /* */
  text-transform: uppercase;
}

/* New Table Container */
.fppd-comparison-table-new {
  background: transparent; 
  /* box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); */
}

/* Table general styling */
.fppd-comparison-table-new .table {
  --bs-table-bg: #fff; /* Ensure table background is white */
  --bs-table-border-color: #eee; /* Softer border color */
  border-collapse: separate; /* Required for rounded corners with overflow hidden */
  border-spacing: 0; /* Ensures no space between cells for rounded corners */
}

/* Table body cells */
.fppd-comparison-table-new .table tbody td {
  padding-top: 0.75rem; /* */
  padding-bottom: 0.75rem; /* */
  font-size: 0.875rem; /* */
  color: #333; /* */
  vertical-align: middle; /* Center content vertically */
  border-bottom: 1px solid var(--bs-table-border-color); /* Ensure horizontal borders are present */
}

/* Make benefit text bold and uppercase */
.fppd-comparison-table-new .table tbody td:first-child {
    font-weight: 900; /* Benefits in bold 900 */
    text-transform: uppercase; /* Ensure benefits are uppercase */
}

/* Specific column for checks */
.fppd-check-col {
  width: 25%; /* Adjust as needed */
  background-color: var(--fppd-brand-color, #f87c1c); /* Fallback color */
  border: none !important;
}

/* En móvil (pantallas menores a 768px) */
@media (max-width: 767.98px) {
  .fppd-check-col {
    width: 35% !important;
  }
}

/* Specific column for crosses */
.fppd-cross-col {
  width: 20%; /* Adjust as needed */
  background-color: #fff; /* White background for the cross column */
}

/* Icon styling */
.fppd-icon {
    width: 24px; /* Adjust size as needed */
    height: 24px; /* Adjust size as needed */
    display: block; /* Ensures centering with text-align */
    margin: 0 auto; /* Center the icon */
}

/* Remove bottom border for the last row in the new table */
.fppd-comparison-table-new .table tbody tr:last-child td {
  border-bottom: none !important; /* */
}

.normalth{
    background-color: #f5f5f5 !important;
    box-shadow: none !important;
    text-align: center;
}


/* Aplica border-radius superior a los <td> del primer <tr> */
.fppd-comparison-table-new .table tbody tr:first-child td:first-child {
  border-top-left-radius: 1.1rem;  /* esquina superior izquierda */
}

/* Si hay tercera columna, quita radiado en su esquina izquierda */
.fppd-comparison-table-new .table tbody tr:first-child td:nth-child(3) {
  border-top-right-radius: 1.1rem; /* esquina superior derecha */
}


/* Aplica border-radius superior a los <td> del primer <tr> */
.fppd-comparison-table-new .table tbody tr:last-child td:nth-child(1) {
  border-bottom-left-radius: 1.1rem;  /* esquina superior izquierda */
}


/* Si hay tercera columna, quita radiado en su esquina izquierda */
.fppd-comparison-table-new .table tbody tr:last-child td:nth-child(3) {
  border-bottom-right-radius: 1.1rem; /* esquina superior derecha */
}