.elementor-28306 .elementor-element.elementor-element-6526097{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-28306 .elementor-element.elementor-element-6526097.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28306 .elementor-element.elementor-element-92bfef6{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-28306 .elementor-element.elementor-element-92bfef6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28306 .elementor-element.elementor-element-94f3a31{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28306 .elementor-element.elementor-element-94f3a31.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28306 .elementor-element.elementor-element-8a1ec57{width:var( --container-widget-width, 150.565% );max-width:150.565%;--container-widget-width:150.565%;--container-widget-flex-grow:0;}.elementor-28306 .elementor-element.elementor-element-8a1ec57.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-28306 .elementor-element.elementor-element-f385788{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-28306 .elementor-element.elementor-element-f385788.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28306 .elementor-element.elementor-element-057abed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28306 .elementor-element.elementor-element-057abed.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28306 .elementor-element.elementor-element-e03e7c8{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-28306 .elementor-element.elementor-element-e03e7c8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28306 .elementor-element.elementor-element-959eb75{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28306 .elementor-element.elementor-element-959eb75.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28306 .elementor-element.elementor-element-d3c55e5{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-28306 .elementor-element.elementor-element-d3c55e5 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:dashed;}@media(min-width:768px){.elementor-28306 .elementor-element.elementor-element-6526097{--width:60%;}.elementor-28306 .elementor-element.elementor-element-92bfef6{--width:100%;}.elementor-28306 .elementor-element.elementor-element-f385788{--width:100%;}.elementor-28306 .elementor-element.elementor-element-057abed{--width:98.92%;}.elementor-28306 .elementor-element.elementor-element-e03e7c8{--width:100%;}.elementor-28306 .elementor-element.elementor-element-959eb75{--width:98.92%;}}@media(max-width:1024px) and (min-width:768px){.elementor-28306 .elementor-element.elementor-element-6526097{--width:542.18px;}.elementor-28306 .elementor-element.elementor-element-92bfef6{--width:557.088px;}.elementor-28306 .elementor-element.elementor-element-94f3a31{--width:518.088px;}.elementor-28306 .elementor-element.elementor-element-f385788{--width:556.262px;}.elementor-28306 .elementor-element.elementor-element-e03e7c8{--width:556.262px;}}@media(max-width:1024px){.elementor-28306 .elementor-element.elementor-element-6526097{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-28306 .elementor-element.elementor-element-92bfef6{--grid-auto-flow:row;}.elementor-28306 .elementor-element.elementor-element-f385788{--grid-auto-flow:row;}.elementor-28306 .elementor-element.elementor-element-e03e7c8{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-28306 .elementor-element.elementor-element-6526097{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-28306 .elementor-element.elementor-element-92bfef6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-28306 .elementor-element.elementor-element-8a1ec57{width:100%;max-width:100%;}.elementor-28306 .elementor-element.elementor-element-f385788{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-28306 .elementor-element.elementor-element-e03e7c8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-28306 .elementor-element.elementor-element-d3c55e5{width:var( --container-widget-width, 324px );max-width:324px;--container-widget-width:324px;--container-widget-flex-grow:0;}.elementor-28306 .elementor-element.elementor-element-d3c55e5 > .elementor-widget-container{margin:-5px -11px -5px -37px;}}/* Start custom CSS for html, class: .elementor-element-8a1ec57 *//* Comentário: Estiliza a tabela e a torna responsiva */
.hiragana-table {
    width: 100%;
    max-width: 600px;
    margin: auto;
    overflow-x: auto;
}

.hiragana-table table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.hiragana-table td {
    padding: 15px;
    border: 1px solid #ddd;
    position: relative;
    cursor: pointer;
}

.hiragana {
    font-size: 32px; /* Tamanho do Hiragana */
    transition: opacity 0.3s ease;
}

.hiragana-table td::before {
    content: attr(data-romaji);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: red;
    opacity: 0;
    transition: opacity 0.3s ease;
    text-transform: uppercase;
    pointer-events: none;
}

.hiragana-table td:hover .hiragana {
    opacity: 0;
}

.hiragana-table td:hover::before {
    opacity: 1;
}

/* Comentário: Ajustes para dispositivos móveis */
@media (max-width: 480px) {
    .hiragana {
        font-size: 24px;
    }

    .hiragana-table td::before {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed101d9 */.katakana-table {
    width: 100%;
    max-width: 600px;
    margin: auto;
    overflow-x: auto;
}

.katakana-table table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.katakana-table td {
    padding: 15px;
    border: 1px solid #ddd;
    position: relative;
    cursor: pointer;
}

.katakana {
    font-size: 32px; /* Tamanho do Katakana */
    transition: opacity 0.3s ease;
}

.katakana-table td::before {
    content: attr(data-romaji);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: red;
    opacity: 0;
    transition: opacity 0.3s ease;
    text-transform: uppercase;
    pointer-events: none;
}

.katakana-table td:hover .katakana {
    opacity: 0;
}

.katakana-table td:hover::before {
    opacity: 1;
}

/* Ajustes para dispositivos móveis */
@media (max-width: 480px) {
    .katakana {
        font-size: 24px;
    }

    .katakana-table td::before {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff15d11 */.combined-table {
    width: 100%;
    max-width: 600px;
    margin: auto;
    overflow-x: auto;
}

.combined-table table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.combined-table td {
    padding: 15px;
    border: 1px solid #ddd;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
}

.hiragana,
.katakana {
    display: block;
    font-size: 32px; /* Tamanho padrão */
    transition: opacity 0.3s ease;
}

.combined-table td::before {
    content: attr(data-romaji);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: red;
    opacity: 0;
    transition: opacity 0.3s ease;
    text-transform: uppercase;
    pointer-events: none;
}

.combined-table td:hover .hiragana,
.combined-table td:hover .katakana {
    opacity: 0;
}

.combined-table td:hover::before {
    opacity: 1;
}

/* Ajustes para dispositivos móveis */
@media (max-width: 480px) {
    .hiragana,
    .katakana {
        font-size/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a1ec57 *//* Comentário: Estiliza a tabela e a torna responsiva */
.hiragana-table {
    width: 100%;
    max-width: 600px;
    margin: auto;
    overflow-x: auto;
}

.hiragana-table table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.hiragana-table td {
    padding: 15px;
    border: 1px solid #ddd;
    position: relative;
    cursor: pointer;
}

.hiragana {
    font-size: 32px; /* Tamanho do Hiragana */
    transition: opacity 0.3s ease;
}

.hiragana-table td::before {
    content: attr(data-romaji);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: red;
    opacity: 0;
    transition: opacity 0.3s ease;
    text-transform: uppercase;
    pointer-events: none;
}

.hiragana-table td:hover .hiragana {
    opacity: 0;
}

.hiragana-table td:hover::before {
    opacity: 1;
}

/* Comentário: Ajustes para dispositivos móveis */
@media (max-width: 480px) {
    .hiragana {
        font-size: 24px;
    }

    .hiragana-table td::before {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed101d9 */.katakana-table {
    width: 100%;
    max-width: 600px;
    margin: auto;
    overflow-x: auto;
}

.katakana-table table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.katakana-table td {
    padding: 15px;
    border: 1px solid #ddd;
    position: relative;
    cursor: pointer;
}

.katakana {
    font-size: 32px; /* Tamanho do Katakana */
    transition: opacity 0.3s ease;
}

.katakana-table td::before {
    content: attr(data-romaji);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: red;
    opacity: 0;
    transition: opacity 0.3s ease;
    text-transform: uppercase;
    pointer-events: none;
}

.katakana-table td:hover .katakana {
    opacity: 0;
}

.katakana-table td:hover::before {
    opacity: 1;
}

/* Ajustes para dispositivos móveis */
@media (max-width: 480px) {
    .katakana {
        font-size: 24px;
    }

    .katakana-table td::before {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff15d11 */.combined-table {
    width: 100%;
    max-width: 600px;
    margin: auto;
    overflow-x: auto;
}

.combined-table table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.combined-table td {
    padding: 15px;
    border: 1px solid #ddd;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
}

.hiragana,
.katakana {
    display: block;
    font-size: 32px; /* Tamanho padrão */
    transition: opacity 0.3s ease;
}

.combined-table td::before {
    content: attr(data-romaji);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: red;
    opacity: 0;
    transition: opacity 0.3s ease;
    text-transform: uppercase;
    pointer-events: none;
}

.combined-table td:hover .hiragana,
.combined-table td:hover .katakana {
    opacity: 0;
}

.combined-table td:hover::before {
    opacity: 1;
}

/* Ajustes para dispositivos móveis */
@media (max-width: 480px) {
    .hiragana,
    .katakana {
        font-size/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a1ec57 *//* Comentário: Estiliza a tabela e a torna responsiva */
.hiragana-table {
    width: 100%;
    max-width: 600px;
    margin: auto;
    overflow-x: auto;
}

.hiragana-table table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.hiragana-table td {
    padding: 15px;
    border: 1px solid #ddd;
    position: relative;
    cursor: pointer;
}

.hiragana {
    font-size: 32px; /* Tamanho do Hiragana */
    transition: opacity 0.3s ease;
}

.hiragana-table td::before {
    content: attr(data-romaji);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: red;
    opacity: 0;
    transition: opacity 0.3s ease;
    text-transform: uppercase;
    pointer-events: none;
}

.hiragana-table td:hover .hiragana {
    opacity: 0;
}

.hiragana-table td:hover::before {
    opacity: 1;
}

/* Comentário: Ajustes para dispositivos móveis */
@media (max-width: 480px) {
    .hiragana {
        font-size: 24px;
    }

    .hiragana-table td::before {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed101d9 */.katakana-table {
    width: 100%;
    max-width: 600px;
    margin: auto;
    overflow-x: auto;
}

.katakana-table table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.katakana-table td {
    padding: 15px;
    border: 1px solid #ddd;
    position: relative;
    cursor: pointer;
}

.katakana {
    font-size: 32px; /* Tamanho do Katakana */
    transition: opacity 0.3s ease;
}

.katakana-table td::before {
    content: attr(data-romaji);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: red;
    opacity: 0;
    transition: opacity 0.3s ease;
    text-transform: uppercase;
    pointer-events: none;
}

.katakana-table td:hover .katakana {
    opacity: 0;
}

.katakana-table td:hover::before {
    opacity: 1;
}

/* Ajustes para dispositivos móveis */
@media (max-width: 480px) {
    .katakana {
        font-size: 24px;
    }

    .katakana-table td::before {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff15d11 */.combined-table {
    width: 100%;
    max-width: 600px;
    margin: auto;
    overflow-x: auto;
}

.combined-table table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.combined-table td {
    padding: 15px;
    border: 1px solid #ddd;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
}

.hiragana,
.katakana {
    display: block;
    font-size: 32px; /* Tamanho padrão */
    transition: opacity 0.3s ease;
}

.combined-table td::before {
    content: attr(data-romaji);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: red;
    opacity: 0;
    transition: opacity 0.3s ease;
    text-transform: uppercase;
    pointer-events: none;
}

.combined-table td:hover .hiragana,
.combined-table td:hover .katakana {
    opacity: 0;
}

.combined-table td:hover::before {
    opacity: 1;
}

/* Ajustes para dispositivos móveis */
@media (max-width: 480px) {
    .hiragana,
    .katakana {
        font-size/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a1ec57 *//* Comentário: Estiliza a tabela e a torna responsiva */
.hiragana-table {
    width: 100%;
    max-width: 600px;
    margin: auto;
    overflow-x: auto;
}

.hiragana-table table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.hiragana-table td {
    padding: 15px;
    border: 1px solid #ddd;
    position: relative;
    cursor: pointer;
}

.hiragana {
    font-size: 32px; /* Tamanho do Hiragana */
    transition: opacity 0.3s ease;
}

.hiragana-table td::before {
    content: attr(data-romaji);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: red;
    opacity: 0;
    transition: opacity 0.3s ease;
    text-transform: uppercase;
    pointer-events: none;
}

.hiragana-table td:hover .hiragana {
    opacity: 0;
}

.hiragana-table td:hover::before {
    opacity: 1;
}

/* Comentário: Ajustes para dispositivos móveis */
@media (max-width: 480px) {
    .hiragana {
        font-size: 24px;
    }

    .hiragana-table td::before {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed101d9 */.katakana-table {
    width: 100%;
    max-width: 600px;
    margin: auto;
    overflow-x: auto;
}

.katakana-table table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.katakana-table td {
    padding: 15px;
    border: 1px solid #ddd;
    position: relative;
    cursor: pointer;
}

.katakana {
    font-size: 32px; /* Tamanho do Katakana */
    transition: opacity 0.3s ease;
}

.katakana-table td::before {
    content: attr(data-romaji);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: red;
    opacity: 0;
    transition: opacity 0.3s ease;
    text-transform: uppercase;
    pointer-events: none;
}

.katakana-table td:hover .katakana {
    opacity: 0;
}

.katakana-table td:hover::before {
    opacity: 1;
}

/* Ajustes para dispositivos móveis */
@media (max-width: 480px) {
    .katakana {
        font-size: 24px;
    }

    .katakana-table td::before {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ff15d11 */.combined-table {
    width: 100%;
    max-width: 600px;
    margin: auto;
    overflow-x: auto;
}

.combined-table table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.combined-table td {
    padding: 15px;
    border: 1px solid #ddd;
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
}

.hiragana,
.katakana {
    display: block;
    font-size: 32px; /* Tamanho padrão */
    transition: opacity 0.3s ease;
}

.combined-table td::before {
    content: attr(data-romaji);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    color: red;
    opacity: 0;
    transition: opacity 0.3s ease;
    text-transform: uppercase;
    pointer-events: none;
}

.combined-table td:hover .hiragana,
.combined-table td:hover .katakana {
    opacity: 0;
}

.combined-table td:hover::before {
    opacity: 1;
}

/* Ajustes para dispositivos móveis */
@media (max-width: 480px) {
    .hiragana,
    .katakana {
        font-size/* End custom CSS */