/*
 * Cookiez Table Shortcode
 * Usa las variables tipográficas globales de Elementor.
 */

.cookiez-tables-wrapper {
    width: 100%;
    font-family: var(--e-global-typography-text-font-family, inherit);
    font-size: var(--e-global-typography-text-font-size, inherit);
    font-weight: var(--e-global-typography-text-font-weight, inherit);
    line-height: var(--e-global-typography-text-line-height, inherit);
    letter-spacing: var(--e-global-typography-text-letter-spacing, normal);
    text-transform: var(--e-global-typography-text-text-transform, none);
}

.cookiez-category + .cookiez-category {
    margin-top: 3rem;
}

.cookiez-category-title {
    margin: 0 0 1rem;
    padding: 0;
    font-family: var(--e-global-typography-primary-font-family, inherit);
    font-size: var(--e-global-typography-primary-font-size, inherit);
    font-weight: var(--e-global-typography-primary-font-weight, inherit);
    line-height: var(--e-global-typography-primary-line-height, inherit);
    letter-spacing: var(--e-global-typography-primary-letter-spacing, normal);
    text-transform: var(--e-global-typography-primary-text-transform, none);
}

.cookiez-table-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.cookiez-table {
    width: 100%;
    min-width: 760px;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
    color: inherit;
    font: inherit;
}

.cookiez-table th,
.cookiez-table td {
    padding: 14px 16px;
    border: 1px solid currentColor;
    vertical-align: top;
    text-align: left;
}

.cookiez-table th {
    font-family: var(--e-global-typography-secondary-font-family, var(--e-global-typography-text-font-family, inherit));
    font-size: var(--e-global-typography-secondary-font-size, inherit);
    font-weight: var(--e-global-typography-secondary-font-weight, 600);
    line-height: var(--e-global-typography-secondary-line-height, inherit);
    letter-spacing: var(--e-global-typography-secondary-letter-spacing, normal);
    text-transform: var(--e-global-typography-secondary-text-transform, none);
}

.cookiez-table td,
.cookiez-no-cookies {
    font-family: var(--e-global-typography-text-font-family, inherit);
    font-size: var(--e-global-typography-text-font-size, inherit);
    font-weight: var(--e-global-typography-text-font-weight, inherit);
    line-height: var(--e-global-typography-text-line-height, inherit);
    letter-spacing: var(--e-global-typography-text-letter-spacing, normal);
    text-transform: var(--e-global-typography-text-text-transform, none);
}

.cookiez-table th:nth-child(1),
.cookiez-table td:nth-child(1) { width: 15%; }

.cookiez-table th:nth-child(2),
.cookiez-table td:nth-child(2) { width: 18%; }

.cookiez-table th:nth-child(3),
.cookiez-table td:nth-child(3) { width: 12%; }

.cookiez-table th:nth-child(4),
.cookiez-table td:nth-child(4) { width: 13%; }

.cookiez-table th:nth-child(5),
.cookiez-table td:nth-child(5) { width: 42%; }

@media (max-width: 767px) {
    .cookiez-category + .cookiez-category {
        margin-top: 2rem;
    }

    .cookiez-table th,
    .cookiez-table td {
        padding: 12px;
    }
}