.cta-pricing {
   margin-top: 120px !important;
 }

 /* --- Tabs --- */
 .plans-tabs {
   max-width: 800px;
   margin: 2rem auto;
 }

 .plans-tabs>input {
   display: none;
 }

 .plans-tabs .tabs {
   display: flex;
   justify-content: center;
   gap: 8px;
   margin-bottom: 12px;
 }

 h3 {
   font-size: 1.4rem;
 }

 .plans-tabs .tabs label {
   padding: .5rem 1rem;
   border-radius: 999px;
   background: #d9ecf3;
   cursor: pointer;
   font-weight: 700;
   color: #26425A;
   user-select: none;
   transition: .2s;
 }

 #tab-ultimate:checked+.tabs label[for="tab-ultimate"],
 #tab-pro:checked+.tabs label[for="tab-pro"],
 #tab-free:checked+.tabs label[for="tab-free"] {
   background: #86A8CF;
   color: #fff;
 }

 /* Paneles */
 .plans-tabs .panels .panel {
   display: none;
   background: #f7fafb;
   border: 1px solid rgba(0, 0, 0, .06);
   border-radius: 14px;
   padding: 16px;
 }

 #tab-ultimate:checked~.panels .ultimate {
   display: block;
 }

 #tab-pro:checked~.panels .pro {
   display: block;
 }

 #tab-free:checked~.panels .free {
   display: block;
 }

 .plans-tabs {
   color: #0d1117;
 }

 .plans-tabs .feat {
   list-style: none;
   padding: 0;
   margin: 0;
   display: grid;
   gap: 10px;
 }

 .plans-tabs .feat li {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 8px;
   /* background: #fff; */
   border-radius: 10px;
   padding: 10px 12px;
 }

 .plans-tabs .feat-group {
   font-weight: 600;
   font-size: 1.1rem;

 }

 .nextTime {
   font-size: 1.1rem;
   margin-bottom: 20px;
   width: 100%;
   text-align: center;
   color: #26659c;
   font-weight: 600;
 }

 .price {
   font-size: 1.1rem;
   margin-bottom: 20px;
   width: 100%;
   text-align: center;
 }

 .ok {
   color: #16a34a;
   font-weight: 800;
 }

 .cross {
   color: #ef4444;
   font-weight: 800;
 }

 .tag {
   display: inline-block;
   padding: .2rem .6rem;
   border-radius: 999px;
   font-size: .75rem;
   font-weight: 700;
   color: #fff;
 }

 .tag.warning {
   background: #C38EB4;
 }

 .tag.neutral {
   background: #86A8CF;
 }

 /* Corrige el resaltado del tab activo usando hermano general */
 #tab-ultimate:checked~.tabs label[for="tab-ultimate"],
 #tab-pro:checked~.tabs label[for="tab-pro"],
 #tab-free:checked~.tabs label[for="tab-free"] {
   background: #86A8CF;
   color: #fff;
   box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
 }

 /* (Opcional) Compactar un pelín las tarjetas de la lista para móvil */
 .plans-tabs .feat li {
   padding: 8px 10px;
 }

 .plans-tabs .feat {
   gap: 8px;
 }

 .explanation {
   font-size: 0.75rem;
   padding-right: 20px;
 }

 @media (min-width: 900px) {
   .plans-tabs {
     width: 100%;
     max-width: 1200px;
     /* límite razonable para pantallas grandes */
     margin: 2rem auto;
     padding-inline: 2rem;
   }

   .plans-tabs .panels {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 24px;
     width: 100%;
   }

   .plans-tabs .panels>.panel {
     display: block;
   }

   .plans-tabs .panels>div:last-child {
     grid-column: 1 / -1;
     background: transparent;
     border: 0;
     padding: 0;
     margin-top: 16px;
   }
 }