/* Contenedor principal */ .imtl-wrapper { font-family: inherit; color: #334155; line-height: 1.6; max-width: 1200px; margin: 0 auto; } /* Título de la sección */ .imtl-title { font-size: 1.75rem; color: #1e293b; margin-bottom: 24px; text-align: center; font-weight: 700; } /* Tabla comparativa responsiva */ .imtl-table-container { overflow-x: auto; margin-bottom: 20px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); border-radius: 8px; } .imtl-table { width: 100%; border-collapse: collapse; min-width: 800px; /* Asegura el scroll en móviles para no aplastar el texto */ background: #ffffff; text-align: left; } .imtl-table th, .imtl-table td { padding: 16px; border-bottom: 1px solid #e2e8f0; } .imtl-table th.imtl-th-title { font-weight: 600; color: #ffffff !important; /* Fuerza el color blanco sobre los estilos de Divi */ } /* Colores de las cabeceras */ .imtl-table th:first-child { background-color: #334155; width: 25%; } /* Beneficio */ .imtl-table th:nth-child(2) { background-color: #b45309; width: 25%; } /* Estándar */ .imtl-table th:nth-child(3) { background-color: #64748b; width: 25%; } /* Avanzado */ .imtl-table th:nth-child(4) { background-color: #ca8a04; width: 25%; } /* Premium */ .imtl-table tr:last-child td { border-bottom: none; } /* Efecto hover al pasar el ratón */ .imtl-table tr:hover { background-color: #f8fafc; } /* Estilo para la primera columna (nombres de los beneficios) */ .imtl-table td:first-child { font-weight: 600; color: #0f172a; background-color: #f8fafc; } (function ($) { $(document).ready(function () { // Option #1: Move Divi Module(s) into a Module // Limit: One Instance per Column // Use following code if you want to move // a module inside another module. Each column with the // class 'parent-column' will append any module(s) // with the class 'divi-portable-module' to the div // with the class 'divi-module-destination'. // Only one instance of 'divi-module-destination' should // be added per column. $('.divi-portable-advert001').each(function () { $(this).closest('.divi-portable-row1-1').find('.divi-module-filtnav').append($(this)); }); // Buttons: Insert Button Module(s) into a Module // Adding a custom CSS class to a button module // is applied to the 'a' tag which is a child element // of the module wrapper. This code makes sure to append // the entire button module wrapper (the parent element) // as well. This functionality is the same as option #3 above. // Siimply use the class 'divi-portable-button' on a button module // instead of 'divi-portable-module'. $('.divi-portable-button').parent().each(function () { $(this).closest('.parent-column').find('.divi-module-destination').append($(this)); }); // Option #2: Move Divi Row(s) into a Module // Limit: One Instance per Section // Use the following code if you want to move // a row inside a module on more than one section // of a page. Each section with the // class 'parent-section' will append any row(s) // with the class 'divi-portable-row' to the div // with the class 'divi-row-destination'. // Only one instance of 'divi-row-destination' should // be added per section. $('.divi-portable-row1').each(function () { $(this).closest('.parent-section').find('.divi-row-destination1').append($(this)); }); $('.divi-portable-row2').each(function () { $(this).closest('.parent-section').find('.divi-row-destination2').append($(this)); }); }); })(jQuery);