/*
====================================================================
  COMPONENTE CONTAINER - CSS DESKTOP
  
  Estilos específicos para desktop do sistema de containers
  Sistema escalável via JavaScript e CSS Variables
  
  Autor: #@HD
  Data de criação: 14/08/2025
  Última atualização: 14/08/2025
====================================================================
*/

/* ====================================================================
   ESTILOS ESPECÍFICOS PARA DESKTOP
   ==================================================================== */

/* Template Container Sessão Desktop */
.DESKTOP_CONTAINER_SESSAO {
    position: relative;
    display: var(--desktop-container-sessao-display, block);
    flex-direction: column;
    justify-content: center;
    overflow: visible;
    z-index: 1;
    min-height: calc(100vh - 300px);
    border: 2px solid var(--desktop-container-sessao-cor-borda, transparent);
    box-shadow: var(--desktop-container-sessao-sombra-neon, none);
    background-color: var(--desktop-container-sessao-cor-fundo, transparent);
    opacity: var(--desktop-container-sessao-opacidade, 1);
    padding-top: var(--desktop-container-sessao-espacamento-topo, 0px);
    padding-bottom: var(--desktop-container-sessao-espacamento-baixo, 0px);
    padding-left: var(--desktop-container-sessao-espacamento-esquerda, 0px);
    padding-right: var(--desktop-container-sessao-espacamento-direita, 0px);
    margin: var(--desktop-container-sessao-margem-geral, 0);
    border-radius: var(--desktop-container-sessao-raio, 0px);
}

.DESKTOP_CONTAINER_SESSAO:hover {
    border-color: var(--desktop-container-sessao-cor-hover, transparent);
    box-shadow: 0 0 20px var(--desktop-container-sessao-cor-hover, transparent);
}

/* Template Container Desktop */
.DESKTOP_CONTAINER {
    position: relative;
    overflow: visible;
    z-index: 1;
    border: 1px solid var(--desktop-container-cor-borda, transparent);
    outline: 2px solid var(--desktop-container-cor-fundo, transparent);
    box-shadow: var(--desktop-container-sombra-neon, none);
    background-color: var(--desktop-container-cor-fundo, transparent);
    opacity: var(--desktop-container-opacidade, 1);
    display: var(--desktop-container-display, block);
    padding-top: var(--desktop-container-espacamento-topo, 0px);
    padding-bottom: var(--desktop-container-espacamento-baixo, 0px);
    padding-left: var(--desktop-container-espacamento-esquerda, 0px);
    padding-right: var(--desktop-container-espacamento-direita, 0px);
    margin: var(--desktop-container-margem-geral, 0);
    border-radius: var(--desktop-container-raio, 0px);
}

.DESKTOP_CONTAINER:hover {
    border-color: var(--desktop-container-cor-hover, transparent);
    box-shadow: 0 0 20px var(--desktop-container-cor-hover, transparent);
    transition: box-shadow 0.3s, border 0.3s, outline 0.3s;
}

/* Template Container Container Column Desktop */
.DESKTOP_CONTAINER_COLUMN {
    display: var(--desktop-container-column-display, flex);
    flex-direction: row;
    width: 100%;
    height: var(--desktop-container-column-altura-fixa, 700px);
    box-sizing: border-box;
    border: 1px solid var(--desktop-container-column-cor-borda, transparent);
    outline: 2px solid var(--desktop-container-column-cor-fundo, #0f062e);
    box-shadow: var(--desktop-container-column-sombra-neon, none);
    background-color: var(--desktop-container-column-cor-fundo, #0f062e);
    opacity: var(--desktop-container-column-opacidade, 1);
    padding-top: var(--desktop-container-column-espacamento-topo, 15px);
    padding-bottom: var(--desktop-container-column-espacamento-baixo, 15px);
    padding-left: var(--desktop-container-column-espacamento-esquerda, 15px);
    padding-right: var(--desktop-container-column-espacamento-direita, 15px);
    margin-top: var(--desktop-container-column-margem-topo, 0px);
    margin-bottom: var(--desktop-container-column-margem-baixo, 0px);
    margin-left: var(--desktop-container-column-margem-esquerda, 0px);
    margin-right: var(--desktop-container-column-margem-direita, 0px);
    border-radius: var(--desktop-container-column-raio, 0px);
    gap: 1rem;
    overflow: hidden; /* Evita vazamento do conteúdo interno */
}

.DESKTOP_CONTAINER_COLUMN:hover {
    border-color: var(--desktop-container-column-cor-hover, #12f7ff);
    box-shadow: 0 0 20px var(--desktop-container-column-cor-hover, transparent);
    transition: box-shadow 0.3s, border 0.3s, outline 0.3s;
}

/* Template Container Column Esquerda Desktop */
.DESKTOP_CONTAINER_COLUMN_ESQUERDA {
    display: var(--desktop-container-column-esquerda-display, flex);
    flex-direction: column;
    gap: var(--desktop-container-column-esquerda-gap, 1rem);
    min-width: 0;
    flex: 1;
    box-sizing: border-box;
    overflow: hidden;
    max-width: calc(50% - 0.5rem);
    position: relative;
    padding-top: var(--desktop-container-column-esquerda-espacamento-topo, 20px);
    justify-content: var(--desktop-container-column-esquerda-justify-content, center);
    align-items: var(--desktop-container-column-esquerda-align-items, center);
    align-content: var(--desktop-container-column-esquerda-align-content, center);
    padding-bottom: var(--desktop-container-column-esquerda-espacamento-baixo, 20px);
    padding-left: var(--desktop-container-column-esquerda-espacamento-esquerda, 20px);
    padding-right: var(--desktop-container-column-esquerda-espacamento-direita, 20px);
    border: 1px solid var(--desktop-container-column-esquerda-cor-borda, transparent);
    border-radius: var(--desktop-container-column-esquerda-raio, 8px);
    box-shadow: var(--desktop-container-column-esquerda-sombra-neon, none);
    background-color: var(--desktop-container-column-esquerda-cor-fundo, transparent);
    opacity: var(--desktop-container-column-esquerda-opacidade, 1);
}

.DESKTOP_CONTAINER_COLUMN_ESQUERDA:hover {
    border-color: var(--desktop-container-column-esquerda-cor-hover, transparent);
    box-shadow: 0 0 20px var(--desktop-container-column-esquerda-cor-hover, transparent);
    transition: box-shadow 0.3s, border 0.3s, outline 0.3s;
}

/* Forçar hover quando ativo */
.DESKTOP_CONTAINER_COLUMN_ESQUERDA[data-hover-ativo="1"]:hover,
.DESKTOP_CONTAINER_COLUMN_ESQUERDA:hover {
    border-color: var(--desktop-container-column-esquerda-cor-hover, #12f7ff) !important;
    box-shadow: 0 0 20px var(--desktop-container-column-esquerda-cor-hover, #12f7ff) !important;
}

/* Template Container Column Direita Desktop */
.DESKTOP_CONTAINER_COLUMN_DIREITA {
    display: var(--desktop-container-column-direita-display, flex);
    flex-direction: column;
    gap: var(--desktop-container-column-direita-gap, 1rem);
    min-width: 0;
    flex: 1;
    box-sizing: border-box;
    overflow: hidden;
    max-width: calc(50% - 0.5rem);
    position: relative;
    padding-top: var(--desktop-container-column-direita-espacamento-topo, 20px);
    justify-content: var(--desktop-container-column-direita-justify-content, center);
    align-items: var(--desktop-container-column-direita-align-items, center);
    align-content: var(--desktop-container-column-direita-align-content, center);
    padding-bottom: var(--desktop-container-column-direita-espacamento-baixo, 20px);
    padding-left: var(--desktop-container-column-direita-espacamento-esquerda, 20px);
    padding-right: var(--desktop-container-column-direita-espacamento-direita, 20px);
    border: 1px solid var(--desktop-container-column-direita-cor-borda, transparent);
    border-radius: var(--desktop-container-column-direita-raio, 8px);
    box-shadow: var(--desktop-container-column-direita-sombra-neon, none);
    background-color: var(--desktop-container-column-direita-cor-fundo, transparent);
    opacity: var(--desktop-container-column-direita-opacidade, 1);
}

.DESKTOP_CONTAINER_COLUMN_DIREITA:hover {
    border-color: var(--desktop-container-column-direita-cor-hover, transparent);
    box-shadow: 0 0 20px var(--desktop-container-column-direita-cor-hover, transparent);
    transition: box-shadow 0.3s, border 0.3s, outline 0.3s;
}

/* Forçar hover quando ativo */
.DESKTOP_CONTAINER_COLUMN_DIREITA[data-hover-ativo="1"]:hover,
.DESKTOP_CONTAINER_COLUMN_DIREITA:hover {
    border-color: var(--desktop-container-column-direita-cor-hover, #12f7ff) !important;
    box-shadow: 0 0 20px var(--desktop-container-column-direita-cor-hover, #12f7ff) !important;
}

/* Template Container Row Desktop */
.DESKTOP_CONTAINER_ROW {
    display: var(--desktop-container-row-display, flex);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--desktop-container-row-cor-borda, transparent);
    border-radius: var(--desktop-container-row-raio, 8px);
    box-shadow: var(--desktop-container-row-sombra-neon, none);
    background-color: var(--desktop-container-row-cor-fundo, transparent);
    opacity: var(--desktop-container-row-opacidade, 1);
    padding-top: var(--desktop-container-row-espacamento-topo, 10px);
    padding-bottom: var(--desktop-container-row-espacamento-baixo, 10px);
    padding-left: var(--desktop-container-row-espacamento-esquerda, 10px);
    padding-right: var(--desktop-container-row-espacamento-direita, 10px);
    margin-top: var(--desktop-container-row-margem-topo, 5px);
    margin-bottom: var(--desktop-container-row-margem-baixo, 5px);
    margin-left: var(--desktop-container-row-margem-esquerda, 5px);
    margin-right: var(--desktop-container-row-margem-direita, 5px);
    overflow: hidden;
}

.DESKTOP_CONTAINER_ROW:hover {
    border-color: var(--desktop-container-row-cor-hover, transparent);
    box-shadow: 0 0 20px var(--desktop-container-row-cor-hover, transparent);
    transition: box-shadow 0.3s, border 0.3s, outline 0.3s;
}

/* Template Container Row 01 Desktop */
.DESKTOP_CONTAINER_ROW_01 {
    display: var(--desktop-container-row-01-display, flex);
    /* flex-direction: column; */
    /* justify-content: center; */
    /* align-items: center; */
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--desktop-container-row-01-cor-borda, transparent);
    border-radius: var(--desktop-container-row-01-raio, 8px);
    box-shadow: var(--desktop-container-row-01-sombra-neon, none);
    background-color: var(--desktop-container-row-01-cor-fundo, transparent);
    opacity: var(--desktop-container-row-01-opacidade, 1);
    padding-top: var(--desktop-container-row-01-espacamento-topo, 10px);
    padding-bottom: var(--desktop-container-row-01-espacamento-baixo, 10px);
    padding-left: var(--desktop-container-row-01-espacamento-esquerda, 10px);
    padding-right: var(--desktop-container-row-01-espacamento-direita, 10px);
    margin-top: var(--desktop-container-row-01-margem-topo, 5px);
    margin-bottom: var(--desktop-container-row-01-margem-baixo, 5px);
    margin-left: var(--desktop-container-row-01-margem-esquerda, 5px);
    margin-right: var(--desktop-container-row-01-margem-direita, 5px);
    overflow: hidden;
}

.DESKTOP_CONTAINER_ROW_01:hover {
    border-color: var(--desktop-container-row-01-cor-hover, transparent);
    box-shadow: 0 0 20px var(--desktop-container-row-01-cor-hover, transparent);
    transition: box-shadow 0.3s, border 0.3s, outline 0.3s;
}

/* Forçar hover quando ativo */
.DESKTOP_CONTAINER_ROW_01[data-hover-ativo="1"]:hover,
.DESKTOP_CONTAINER_ROW_01:hover {
    border-color: var(--desktop-container-row-01-cor-hover, #12f7ff) !important;
    box-shadow: 0 0 20px var(--desktop-container-row-01-cor-hover, #12f7ff) !important;
}

/* Template Container Row 02 Desktop */
.DESKTOP_CONTAINER_ROW_02 {
    display: var(--desktop-container-row-02-display, flex);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--desktop-container-row-02-cor-borda, transparent);
    border-radius: var(--desktop-container-row-02-raio, 8px);
    box-shadow: var(--desktop-container-row-02-sombra-neon, none);
    background-color: var(--desktop-container-row-02-cor-fundo, transparent);
    opacity: var(--desktop-container-row-02-opacidade, 1);
    padding-top: var(--desktop-container-row-02-espacamento-topo, 10px);
    padding-bottom: var(--desktop-container-row-02-espacamento-baixo, 10px);
    padding-left: var(--desktop-container-row-02-espacamento-esquerda, 10px);
    padding-right: var(--desktop-container-row-02-espacamento-direita, 10px);
    margin-top: var(--desktop-container-row-02-margem-topo, 5px);
    margin-bottom: var(--desktop-container-row-02-margem-baixo, 5px);
    margin-left: var(--desktop-container-row-02-margem-esquerda, 5px);
    margin-right: var(--desktop-container-row-02-margem-direita, 5px);
    overflow: hidden;
}

.DESKTOP_CONTAINER_ROW_02:hover {
    border-color: var(--desktop-container-row-02-cor-hover, transparent);
    box-shadow: 0 0 20px var(--desktop-container-row-02-cor-hover, transparent);
    transition: box-shadow 0.3s, border 0.3s, outline 0.3s;
}

/* Forçar hover quando ativo */
.DESKTOP_CONTAINER_ROW_02[data-hover-ativo="1"]:hover,
.DESKTOP_CONTAINER_ROW_02:hover {
    border-color: var(--desktop-container-row-02-cor-hover, #12f7ff) !important;
    box-shadow: 0 0 20px var(--desktop-container-row-02-cor-hover, #12f7ff) !important;
}

/* Template Container Row 03 Desktop */
.DESKTOP_CONTAINER_ROW_03 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--desktop-container-row-03-cor-borda, transparent);
    border-radius: var(--desktop-container-row-03-raio, 8px);
    box-shadow: var(--desktop-container-row-03-sombra-neon, none);
    background-color: var(--desktop-container-row-03-cor-fundo, transparent);
    opacity: var(--desktop-container-row-03-opacidade, 1);
    padding-top: var(--desktop-container-row-03-espacamento-topo, 10px);
    padding-bottom: var(--desktop-container-row-03-espacamento-baixo, 10px);
    padding-left: var(--desktop-container-row-03-espacamento-esquerda, 10px);
    padding-right: var(--desktop-container-row-03-espacamento-direita, 10px);
    margin-top: var(--desktop-container-row-03-margem-topo, 5px);
    margin-bottom: var(--desktop-container-row-03-margem-baixo, 5px);
    margin-left: var(--desktop-container-row-03-margem-esquerda, 5px);
    margin-right: var(--desktop-container-row-03-margem-direita, 5px);
    overflow: hidden;
}

.DESKTOP_CONTAINER_ROW_03:hover {
    border-color: var(--desktop-container-row-03-cor-hover, transparent);
    box-shadow: 0 0 20px var(--desktop-container-row-03-cor-hover, transparent);
    transition: box-shadow 0.3s, border 0.3s, outline 0.3s;
}

/* Forçar hover quando ativo */
.DESKTOP_CONTAINER_ROW_03[data-hover-ativo="1"]:hover,
.DESKTOP_CONTAINER_ROW_03:hover {
    border-color: var(--desktop-container-row-03-cor-hover, #12f7ff) !important;
    box-shadow: 0 0 20px var(--desktop-container-row-03-cor-hover, #12f7ff) !important;
}

/* Template Container Row 04 Desktop */
.DESKTOP_CONTAINER_ROW_04 {
    display: var(--desktop-container-row-04-display, flex);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--desktop-container-row-04-cor-borda, transparent);
    border-radius: var(--desktop-container-row-04-raio, 8px);
    box-shadow: var(--desktop-container-row-04-sombra-neon, none);
    background-color: var(--desktop-container-row-04-cor-fundo, transparent);
    opacity: var(--desktop-container-row-04-opacidade, 1);
    padding-top: var(--desktop-container-row-04-espacamento-topo, 10px);
    padding-bottom: var(--desktop-container-row-04-espacamento-baixo, 10px);
    padding-left: var(--desktop-container-row-04-espacamento-esquerda, 10px);
    padding-right: var(--desktop-container-row-04-espacamento-direita, 10px);
    margin-top: var(--desktop-container-row-04-margem-topo, 5px);
    margin-bottom: var(--desktop-container-row-04-margem-baixo, 5px);
    margin-left: var(--desktop-container-row-04-margem-esquerda, 5px);
    margin-right: var(--desktop-container-row-04-margem-direita, 5px);
    overflow: hidden;
}

.DESKTOP_CONTAINER_ROW_04:hover {
    border-color: var(--desktop-container-row-04-cor-hover, transparent);
    box-shadow: 0 0 20px var(--desktop-container-row-04-cor-hover, transparent);
    transition: box-shadow 0.3s, border 0.3s, outline 0.3s;
}

/* Template Container Row 05 Desktop */
.DESKTOP_CONTAINER_ROW_05 {
    display: var(--desktop-container-row-05-display, flex);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--desktop-container-row-05-cor-borda, transparent);
    border-radius: var(--desktop-container-row-05-raio, 8px);
    box-shadow: var(--desktop-container-row-05-sombra-neon, none);
    background-color: var(--desktop-container-row-05-cor-fundo, transparent);
    opacity: var(--desktop-container-row-05-opacidade, 1);
    padding-top: var(--desktop-container-row-05-espacamento-topo, 10px);
    padding-bottom: var(--desktop-container-row-05-espacamento-baixo, 10px);
    padding-left: var(--desktop-container-row-05-espacamento-esquerda, 10px);
    padding-right: var(--desktop-container-row-05-espacamento-direita, 10px);
    margin-top: var(--desktop-container-row-05-margem-topo, 5px);
    margin-bottom: var(--desktop-container-row-05-margem-baixo, 5px);
    margin-left: var(--desktop-container-row-05-margem-esquerda, 5px);
    margin-right: var(--desktop-container-row-05-margem-direita, 5px);
    overflow: hidden;
}

.DESKTOP_CONTAINER_ROW_05:hover {
    border-color: var(--desktop-container-row-05-cor-hover, transparent);
    box-shadow: 0 0 20px var(--desktop-container-row-05-cor-hover, transparent);
    transition: box-shadow 0.3s, border 0.3s, outline 0.3s;
}

/* ====================================================================
   CLASSES SECTION_DESKTOP_* (Movidas do template de início)
   ==================================================================== */

/* Template Section Desktop Container Column */
.SECTION_DESKTOP_CONTAINER_COLUMN {
    display: var(--section-desktop-container-column-display, flex) ;
    flex-direction: row ;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--section-desktop-container-column-cor-borda, transparent);
    outline: 2px solid var(--section-desktop-container-column-cor-fundo, #0f062e);
    box-shadow: var(--section-desktop-container-column-sombra-neon, none);
    background-color: var(--section-desktop-container-column-cor-fundo, #0f062e);
    opacity: var(--section-desktop-container-column-opacidade, 1);
    padding-top: var(--section-desktop-container-column-espacamento-topo, 15px);
    padding-bottom: var(--section-desktop-container-column-espacamento-baixo, 15px);
    padding-left: var(--section-desktop-container-column-espacamento-esquerda, 15px);
    padding-right: var(--section-desktop-container-column-espacamento-direita, 15px);
    margin-top: var(--section-desktop-container-column-margem-topo, 0px);
    margin-bottom: var(--section-desktop-container-column-margem-baixo, 0px);
    margin-left: var(--section-desktop-container-column-margem-esquerda, 0px);
    margin-right: var(--section-desktop-container-column-margem-direita, 0px);
    border-radius: var(--section-desktop-container-column-raio, 0px);
    gap: 1rem;
    overflow: hidden;
    max-width: 100%;
    position: relative;
}

.SECTION_DESKTOP_CONTAINER_COLUMN:hover {
    border-color: var(--section-desktop-container-column-cor-hover, #12f7ff);
    box-shadow: 0 0 20px var(--section-desktop-container-column-cor-hover, transparent);
    transition: box-shadow 0.3s, border 0.3s, outline 0.3s;
}

/* Template Section Desktop Column Left */
.SECTION_DESKTOP_COLUMN_LEFT {
    display: var(--section-column-left-display, flex) ;
    flex-direction: column ;
    gap: var(--espacamento-480px);
    min-width: 0;
    flex: 1;
    box-sizing: border-box;
    overflow: hidden;
    max-width: calc(50% - 0.5rem);
    position: relative;
    padding-top: var(--section-column-left-espacamento-topo, 80px);
    padding-bottom: var(--section-column-left-espacamento-baixo, 80px);
    padding-left: var(--section-column-left-espacamento-esquerda, 40px);
    padding-right: var(--section-column-left-espacamento-direita, 40px);
    border: 2px solid var(--section-column-left-cor-borda, transparent);
    border-radius: var(--section-column-left-raio, 8px);
    box-shadow: var(--section-column-left-sombra-neon, none);
    background-color: var(--section-column-left-cor-fundo, rgba(15, 6, 46, 0.8));
}

.SECTION_DESKTOP_COLUMN_LEFT:hover {
    border-color: var(--section-column-left-cor-hover, #12f7ff);
    box-shadow: 0 0 20px var(--section-column-left-cor-hover, #12f7ff);
}

/* Template Section Desktop Column Right */
.SECTION_DESKTOP_COLUMN_RIGHT {
    display: var(--section-column-right-display, flex) ;
    flex-direction: column ;
    gap: var(--espacamento-480px);
    min-width: 0;
    flex: 1;
    box-sizing: border-box;
    overflow: hidden;
    max-width: calc(50% - 0.5rem);
    position: relative;
    min-height: 100%;
    gap: 0.5rem;
    padding-top: var(--section-column-right-espacamento-topo, 80px);
    padding-bottom: var(--section-column-right-espacamento-baixo, 80px);
    padding-left: var(--section-column-right-espacamento-esquerda, 40px);
    padding-right: var(--section-column-right-espacamento-direita, 40px);
    border: 2px solid var(--section-column-right-cor-borda, transparent);
    border-radius: var(--section-column-right-raio, 8px);
    box-shadow: var(--section-column-right-sombra-neon, 0 0 15px #12f7ff);
    background-color: var(--section-column-right-cor-fundo, rgba(15, 6, 46, 0.8));
}

.SECTION_DESKTOP_COLUMN_RIGHT:hover {
    border-color: var(--section-column-right-cor-hover, #12f7ff);
    box-shadow: 0 0 20px var(--section-column-right-cor-hover, #12f7ff);
}

/* Template Section Desktop Row (Geral) */
.SECTION_DESKTOP_ROW {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: var(--section-desktop-row-altura-fixa, 600px);
    max-height: calc(100% - 40px); /* Evita vazamento do container pai */
    border: 1px solid var(--section-desktop-row-cor-borda, transparent);
    border-radius: var(--section-desktop-row-raio, 8px);
    box-shadow: var(--section-desktop-row-sombra-neon, 0 0 15px #12f7ff);
    background-color: var(--section-desktop-row-cor-fundo, rgba(15, 6, 46, 0.8));
    padding-top: var(--section-desktop-row-espacamento-topo, 10px);
    padding-bottom: var(--section-desktop-row-espacamento-baixo, 10px);
    padding-left: var(--section-desktop-row-espacamento-esquerda, 10px);
    padding-right: var(--section-desktop-row-espacamento-direita, 10px);
    margin-top: var(--section-desktop-row-margem-topo, 5px);
    margin-bottom: var(--section-desktop-row-margem-baixo, 5px);
    margin-left: var(--section-desktop-row-margem-esquerda, 5px);
    margin-right: var(--section-desktop-row-margem-direita, 5px);
    overflow: hidden;
    box-sizing: border-box;
}

.SECTION_DESKTOP_ROW:hover {
    border-color: var(--section-desktop-row-cor-hover, transparent);
    box-shadow: 0 0 20px var(--section-desktop-row-cor-hover, transparent);
}

/* Hover desativado quando a variável for 0 */
.SECTION_DESKTOP_ROW[data-hover-ativo="0"]:hover {
    border-color: var(--section-desktop-row-corBorda, transparent);
    box-shadow: var(--section-desktop-row-sombraNeon, none);
}

/* Template Section Desktop Row First */
.SECTION_DESKTOP_ROW_FIRST {
    width: 100%;
    border: 1px solid var(--section-column-row-first-cor-borda, transparent);
    border-radius: var(--section-column-row-first-raio, 10px);
    box-shadow: var(--section-column-row-first-sombra-neon, 0 0 .5rem transparent);
    background-color: var(--section-column-row-first-cor-fundo, transparent);
    padding-top: var(--section-column-row-first-espacamento-topo, 8px);
    padding-bottom: var(--section-column-row-first-espacamento-baixo, 8px);
    padding-left: var(--section-column-row-first-espacamento-esquerda, 8px);
    padding-right: var(--section-column-row-first-espacamento-direita, 8px);
    margin-top: var(--section-column-row-first-margem-topo, 3px);
    margin-bottom: var(--section-column-row-first-margem-baixo, 3px);
    margin-left: var(--section-column-row-first-margem-esquerda, 3px);
    margin-right: var(--section-column-row-first-margem-direita, 3px);
}

.SECTION_DESKTOP_ROW_FIRST:hover {
    border-color: var(--section-column-row-first-cor-hover, transparent);
    box-shadow: 0 0 20px var(--section-column-row-first-cor-hover, transparent);
}

/* Template Section Desktop Row Second */
.SECTION_DESKTOP_ROW_SECOND {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: 1px solid var(--section-column-row-second-cor-borda, transparent);
    border-radius: var(--section-column-row-second-raio, 10px);
    box-shadow: var(--section-column-row-second-sombra-neon, 0 0 .5rem transparent);
    background-color: var(--section-column-row-second-cor-fundo, transparent);
    padding-top: var(--section-column-row-second-espacamento-topo, 8px);
    padding-bottom: var(--section-column-row-second-espacamento-baixo, 8px);
    padding-left: var(--section-column-row-second-espacamento-esquerda, 8px);
    padding-right: var(--section-column-row-second-espacamento-direita, 8px);
    margin-top: var(--section-column-row-second-margem-topo, 3px);
    margin-bottom: var(--section-column-row-second-margem-baixo, 3px);
    margin-left: var(--section-column-row-second-margem-esquerda, 3px);
    margin-right: var(--section-column-row-second-margem-direita, 3px);
}

.SECTION_DESKTOP_ROW_SECOND:hover {
    border-color: var(--section-column-row-second-cor-hover, transparent);
    box-shadow: 0 0 20px var(--section-column-row-second-cor-hover, transparent);
}

/* Template Section Desktop Row Third */
.SECTION_DESKTOP_ROW_THIRD {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: 1px solid var(--section-column-row-third-cor-borda, transparent);
    border-radius: var(--section-column-row-third-raio, 10px);
    box-shadow: var(--section-column-row-third-sombra-neon, 0 0 .5rem transparent);
    background-color: var(--section-column-row-third-cor-fundo, transparent);
    padding-top: var(--section-column-row-third-espacamento-topo, 8px);
    padding-bottom: var(--section-column-row-third-espacamento-baixo, 8px);
    padding-left: var(--section-column-row-third-espacamento-esquerda, 8px);
    padding-right: var(--section-column-row-third-espacamento-direita, 8px);
    margin-top: var(--section-column-row-third-margem-topo, 3px);
    margin-bottom: var(--section-column-row-third-margem-baixo, 3px);
    margin-left: var(--section-column-row-third-margem-esquerda, 3px);
    margin-right: var(--section-column-row-third-margem-direita, 3px);
}

.SECTION_DESKTOP_ROW_THIRD:hover {
    border-color: var(--section-column-row-third-cor-hover, transparent);
    box-shadow: 0 0 20px var(--section-column-row-third-cor-hover, transparent);
}