/* ===== Tabla base ===== */
 .pricing-table {
     font-size: 13px;
     border-collapse: separate;
     border-spacing: 0;
     min-width: 700px;
 }

 /* ===== Header ===== */
 .pricing-table thead th {
     font-weight: 600;
     color: #3b4a6b;
     background: #ffffff;
     border-bottom: 1px solid #b9ccff;
     text-align: center;
     padding: 8px 10px;
 }

 /* ===== Colgroup ===== */
 .col-suite {
     width: 220px;
 }

 .col-module {
     width: 300px;
 }

 .col-basic,
 .col-standard,
 .col-premium {
     background: #E3EEFA;
     text-align: center !important;
 }

 .pricing-table td {
     background-color: transparent !important;
 }


 /* ===== Celdas ===== */
 .pricing-table td {
     padding: 6px 10px;
     border-bottom: 0px solid #e5eaf5;
     color: #4a4a4a;
     vertical-align: middle;
 }

 .pricing-table td:nth-child(2) {
     text-align: left;
 }

 /* ===== Suite ===== */
 .suite-name {
     font-weight: 600;
     color: #2b2d42;
     vertical-align: middle;
     font-weight: 900 !important;
 }

 /* ===== Separadores por grupo ===== */
 .group-start td {
     border-top: 2px solid #b9ccff;
 }

 .group-end td {
     /* border-bottom: 2px solid #b9ccff; */
 }

 /* ===== Checkbox ===== */
 .pricing-table input[type="checkbox"] {
     width: 14px;
     height: 14px;
     accent-color: #3b5cff;
     cursor: default;
 }

 input[type="checkbox"] {
     accent-color: #2563eb !important;
     /* azul como el de la imagen */
 }

 .pricing-table input[type="checkbox"]:disabled {
     opacity: 1;
 }

 /* ===== Responsive ===== */
 @media (max-width: 768px) {
     .pricing-wrapper {
         overflow-x: auto;
     }
 }

 .pkg {
     text-align: center !important;
 }

 .pkg-title {
     background-color: #F0F2F6 !important;
     color: #003174 !important;
     font-weight: 900 !important;
 }

 .custom-check {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .custom-check input {
     display: none;
 }

 .custom-check span {
     width: 18px;
     height: 18px;
     border-radius: 6px;
     border: 2px solid #2563eb;
     cursor: pointer;
     position: relative;
 }

 .custom-check input:checked+span {
     background-color: #2563eb;
 }

 .custom-check input:checked+span::after {
     content: '✓';
     color: white;
     font-size: 10px;
     font-weight: bold;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 @media (max-width: 768px) {

     .pricing-wrapper {
         overflow-x: auto;
         position: relative;
         -webkit-overflow-scrolling: touch;
     }

     /* Fuerza scroll horizontal */
     .pricing-table {
         /* min-width: 900px; */
         border-collapse: separate;
     }

     /* 🔒 Columna SUITE fija */
     .suite-name,
     .suite-title {
         position: sticky;
         left: 0;
         z-index: 3;
         z-index: 9999;
     }

     .pricing-table td:first-child {
         background: #ffffff !important;
     }

     /* Para que no se vea raro el borde */
     .pricing-table td:first-child {
         border-right: 1px solid #b9ccff;
     }

     /* Header Suite encima de todo */
     .pricing-table thead th:first-child {
         background: #F0F2F6;
     }

     .col-suite {
         width: 120px !important;
     }

     .tbl-mobile {
         display: none !important;
     }

     .col-module {
         width: 180px !important;
     }

     .col-basic,
     .col-standard,
     .col-premium {
         width: 80px !important;

     }

 }