/*
Theme Name: Tema A163
Theme URI: anetecnologia.com.br
Author: Ane Tecnologia
Author URI: anetecnologia.com.br
Description: Tema responsivo A161 - Cyber Neon Edition
Version: 2.0.0
License: Código registrado e protegido. Produto Ane Tecnologia. 
*/

/* Import Design Tokens */
@import url('css/theme-variables.css');

/* ═══════════════════════════════════════════════════════════════
   LAYOUT BASE
   ═══════════════════════════════════════════════════════════════ */

html,
body {
    margin: 0;
    padding: 0;
    border: 0;
    height: 100% !important;
}

body {
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    line-height: var(--line-height-normal);
    background-color: var(--bg-body);
    color: var(--text-primary);
}

iframe {
    border: 0;
    max-width: 100% !important;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: var(--text-primary);
    text-decoration: none;
    transition: all var(--transition-fast);
}

a:hover {
    color: var(--color-accent);
    text-decoration: none;
}

hr {
    border: none;
    border-top: 1px solid var(--border-default);
    margin: var(--spacing-md) 0;
}

strong {
    font-weight: var(--font-weight-semibold);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-tight);
    margin: 0 0 var(--spacing-md);
    color: var(--text-primary);
}

h1 {
    font-size: var(--font-size-xl);
}

h2 {
    font-size: var(--font-size-lg);
}

/* ═══════════════════════════════════════════════════════════════
   CONTAINER
   ═══════════════════════════════════════════════════════════════ */

.aneTemaMc421303_9245ff {
    max-width: 1600px;
    padding: 0 var(--spacing-md);
    margin: 0 auto;
    width: 100%;
}

@media (max-width: 972px) {
    .aneTemaMc421303_9245ff {
        width: 100%;
        padding: 0 var(--spacing-sm);
    }
}

/* ═══════════════════════════════════════════════════════════════
   CLEARFIX
   ═══════════════════════════════════════════════════════════════ */

.aneTemaMc421303_36fdfc {
    clear: both;
}

/* ═══════════════════════════════════════════════════════════════
   HEADER / TOPO
   ═══════════════════════════════════════════════════════════════ */

.aneTemaMc421303_E796ee {
    padding: var(--spacing-md) 0;
    width: 100%;
    background: rgba(11, 14, 20, 0.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--border-default);
    position: sticky;
    top: 0;
    z-index: var(--z-sticky);
}

.aneTemaMc421303_2cdac7 {
    float: left;
    position: relative;
}

.aneTemaMc421303_2cdac7 button {
    display: none;
}

@media (max-width: 992px) {
    .aneTemaMc421303_2cdac7 {
        float: left;
        text-align: center;
        width: 100%;
    }

    .aneTemaMc421303_2cdac7 button {
        display: block;
        position: absolute;
        margin-top: -18px;
        top: 50%;
        height: 36px;
        border: 0;
        background-color: transparent;
        width: 40px;
        border-radius: var(--radius-md);
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: center;
        transition: all var(--transition-fast);
    }

    .aneTemaMc421303_2cdac7 button:hover {
        transform: scale(1.05);
        box-shadow: var(--shadow-glow-cyan);
    }

    .aneTemaMc421303_2cdac7 button.aneTemaMc421303_472e75 {
        background-image: url(img/nav.png);
        left: 0;
    }

    .aneTemaMc421303_2cdac7 button.aneTemaMc421303_2cd042 {
        background-image: url(img/botaoBusca.png);
        right: 0;
    }
}

/* Logo */
.aneTemaMc421303_Bfa666 {
    font-weight: var(--font-weight-bold);
    display: inline-block;
    font-size: var(--font-size-2xl);
    line-height: 36px;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.aneTemaMc421303_Bfa666 span {
    color: var(--color-accent);
}

/* Logo imagem - centralizada no mobile */
.classLogoImagem {
    max-height: 50px;
    width: auto;
}

@media (max-width: 992px) {
    .classLogoImagem {
        display: block;
        margin: 0 auto;
    }
}

/* Busca */
.aneTemaMc421303_31bcf4 {
    float: right;
    position: relative;
    width: 100%;
    max-width: 420px;
    overflow: hidden;
    background: var(--bg-card);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg);
    transition: all var(--transition-fast);
}

.aneTemaMc421303_31bcf4:focus-within {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px var(--color-accent-glow);
}

.aneTemaMc421303_31bcf4 button,
.aneTemaMc421303_31bcf4 input {
    height: 40px;
}

.aneTemaMc421303_31bcf4 button {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    border: 0;
    width: 44px;
    background-color: transparent;
    background-image: url(img/buscar.png);
    background-position: center;
    background-repeat: no-repeat;
    transition: opacity var(--transition-fast);
}

.aneTemaMc421303_31bcf4 button:hover {
    opacity: 0.7;
}

.aneTemaMc421303_31bcf4 input {
    width: 100%;
    padding: 0 var(--spacing-md);
    background-color: transparent;
    color: var(--text-primary);
    border: 0;
    font-size: var(--font-size-base);
}

.aneTemaMc421303_31bcf4 input::placeholder {
    color: var(--text-muted);
}

@media (max-width: 992px) {
    .aneTemaMc421303_31bcf4 {
        display: none;
        max-width: 100%;
        margin-top: var(--spacing-md);
    }
}

/* Menu de Navegação */
.aneTemaMc421303_A907d8 {
    float: left;
    margin-left: var(--spacing-sm);
}

.aneTemaMc421303_2a8e96 {
    display: none;
}

.aneTemaMc421303_A907d8 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.aneTemaMc421303_A907d8 li {
    float: left;
    margin-right: var(--spacing-sm);
}

.aneTemaMc421303_A907d8 a {
    display: block;
    padding: 0 var(--spacing-md);
    font-weight: var(--font-weight-medium);
    line-height: 40px;
    background: var(--bg-card);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.aneTemaMc421303_A907d8 a:hover {
    background: var(--bg-elevated);
    border-color: var(--color-accent);
    color: var(--color-accent);
}

@media (max-width: 992px) {
    .aneTemaMc421303_A907d8 {
        display: none;
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        width: 100%;
        background: var(--bg-card);
        border-bottom: 1px solid var(--border-default);
        z-index: 999;
        padding: var(--spacing-sm);
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .aneTemaMc421303_A907d8 ul {
        display: flex;
        flex-wrap: nowrap;
        gap: var(--spacing-xs);
        white-space: nowrap;
    }

    .aneTemaMc421303_A907d8 li {
        flex-shrink: 0;
        margin: 0;
    }

    .aneTemaMc421303_A907d8 a {
        display: block;
        padding: 0 var(--spacing-md);
        font-size: var(--font-size-sm);
        line-height: 36px;
        background: var(--bg-body);
        border: 1px solid var(--border-default);
        border-radius: var(--radius-md);
        color: var(--text-secondary);
    }

    .aneTemaMc421303_A907d8 a:hover {
        background: var(--bg-elevated);
        border-color: var(--color-accent);
        color: var(--color-accent);
    }

    /* Botão Fechar dentro do menu */
    .aneTemaMc421303_2a8e96 {
        display: none;
    }

    /* Scrollbar do menu mobile */
    .aneTemaMc421303_A907d8::-webkit-scrollbar {
        height: 4px;
    }

    .aneTemaMc421303_A907d8::-webkit-scrollbar-track {
        background: var(--bg-body);
        border-radius: 4px;
    }

    .aneTemaMc421303_A907d8::-webkit-scrollbar-thumb {
        background: var(--color-accent);
        border-radius: 4px;
    }

    .aneTemaMc421303_A907d8::-webkit-scrollbar-thumb:hover {
        background: #00a3cc;
    }
}

/* Fundo do Menu Mobile - Desativado */
.aneTemaMc421303_A2f53e {
    display: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   ÁREA DE CONTEÚDO
   ═══════════════════════════════════════════════════════════════ */

.aneTemaMc421303_Aaba39 {
    padding: var(--spacing-lg) 0;
    /* Discreet dark blue gradient */
    background: linear-gradient(180deg, #0B0E14 0%, #111620 50%, #0B0E14 100%);
}

/* ═══════════════════════════════════════════════════════════════
   TÍTULOS DE SEÇÃO
   ═══════════════════════════════════════════════════════════════ */

.aneTemaMc421303_80b240 {
    margin-bottom: var(--spacing-lg);
    position: relative;
}

.aneTemaMc421303_80b240 h1,
.aneTemaMc421303_80b240 h2 {
    font-size: var(--font-size-xl);
    line-height: 1.4;
    margin: 0;
    padding: 0;
    font-weight: var(--font-weight-semibold);
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
}

.aneTemaMc421303_80b240 h1::before,
.aneTemaMc421303_80b240 h2::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 24px;
    background: var(--gradient-primary);
    border-radius: var(--radius-full);
}

.aneTemaMc421303_80b240 i {
    color: var(--color-accent);
}

/* Ver Tudo - Botão pequeno ao lado do título */
.ver-tudo-btn {
    display: inline-flex;
    align-items: center;
    margin-left: auto;
    padding: 0 var(--spacing-md);
    height: 32px;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--text-secondary);
    background: var(--bg-card);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: all var(--transition-fast);
}

.ver-tudo-btn:hover {
    background: var(--bg-elevated);
    border-color: var(--color-accent);
    color: var(--color-accent);
}

.aneTemaMc421303_80b240:has(.ver-tudo-btn) {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

@media (max-width: 540px) {

    .aneTemaMc421303_80b240 h1,
    .aneTemaMc421303_80b240 h2 {
        font-size: var(--font-size-base);
        line-height: 1.5;
    }
}

/* ═══════════════════════════════════════════════════════════════
   GRID DE VÍDEOS
   ═══════════════════════════════════════════════════════════════ */

.aneTemaMc421303_756e61 {
    margin: 0 calc(var(--spacing-sm) * -1) var(--spacing-lg);
}

.aneTemaMc421303_F3ed99 {
    float: left;
    width: 20%;
    padding: 0 var(--spacing-sm);
    margin-bottom: var(--spacing-md);
}

@media (max-width: 1400px) {
    .aneTemaMc421303_F3ed99 {
        width: 25%;
    }
}

@media (max-width: 1100px) {
    .aneTemaMc421303_F3ed99 {
        width: 33.33333%;
    }
}

@media (max-width: 740px) {
    .aneTemaMc421303_F3ed99 {
        width: 50%;
    }
}

@media (max-width: 540px) {
    .aneTemaMc421303_F3ed99 {
        width: 100%;
    }
}

/* ═══════════════════════════════════════════════════════════════
   CARD DE VÍDEO
   ═══════════════════════════════════════════════════════════════ */

.aneTemaMc421303_E4af80 {
    background: var(--bg-card);
    display: block;
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--border-default);
    transition: all var(--transition-normal);
}

.aneTemaMc421303_E4af80:hover {
    transform: translateY(-6px);
    border-color: var(--color-accent);
    box-shadow: var(--shadow-lg), var(--shadow-glow-cyan);
}

.aneTemaMc421303_E4af80:hover img {
    transform: scale(1.05);
}

/* Thumbnail */
.aneTemaMc421303_Cae3fa {
    position: relative;
    padding-top: 56.25%;
    /* 16:9 */
    display: block;
    background: linear-gradient(135deg, var(--bg-body) 0%, var(--bg-card) 100%);
    overflow: hidden;
}

.aneTemaMc421303_Cae3fa img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    transition: transform var(--transition-normal);
}

/* Badge Novo */
.aneTemaMc421303_77742a {
    position: absolute;
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    z-index: 2;
    display: inline-block;
    background: #FF6B00;
    color: #FFFFFF;
    padding: 2px var(--spacing-sm);
    text-align: center;
    font-size: var(--font-size-xs);
    line-height: 18px;
    font-weight: var(--font-weight-bold);
    border-radius: var(--radius-sm);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Badge Views na Thumbnail */
.aneTemaMc421303_ViewsThumb {
    position: absolute;
    bottom: var(--spacing-sm);
    left: var(--spacing-sm);
    z-index: 2;
    display: inline-flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.75);
    color: #FFFFFF;
    padding: 3px var(--spacing-sm) 3px 24px;
    font-size: var(--font-size-xs);
    line-height: 16px;
    font-weight: var(--font-weight-medium);
    border-radius: var(--radius-sm);
    backdrop-filter: blur(4px);
    background-image: url(img/eye.png);
    background-repeat: no-repeat;
    background-position: 6px center;
    background-size: 12px;
}

/* Inverte a cor do ícone para branco */
.aneTemaMc421303_ViewsThumb::before {
    content: '';
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background-image: url(img/eye.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: brightness(0) invert(1);
}

.aneTemaMc421303_ViewsThumb {
    background-image: none;
}

/* Info do vídeo */
.aneTemaMc421303_A45168 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: var(--spacing-md) var(--spacing-md) var(--spacing-sm);
    min-height: 56px;
    text-align: center;
}

.aneTemaMc421303_1e5cae {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    line-height: 1.4;
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-sm);
    margin-bottom: var(--spacing-sm);
    color: var(--text-primary);
    width: 100%;
}

/* Espaçamento maior entre thumbnail e título - apenas em cards de categorias/modelos */
.aneTemaMc421303_E4af80>a>.aneTemaMc421303_1e5cae {
    padding-top: 12px;
}

/* Meta info (duração, views, votos) */
.aneTemaMc421303_Ec5316 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spacing-xs);
}

.aneTemaMc421303_Ec5316 span {
    background: var(--bg-body);
    border: 1px solid var(--border-default);
    color: var(--text-secondary);
    display: inline-flex;
    align-items: center;
    padding: 2px var(--spacing-sm);
    font-size: var(--font-size-xs);
    line-height: 18px;
    border-radius: var(--radius-md);
}

.aneTemaMc421303_Ec5316 span.aneTemaMc421303_A78073,
.aneTemaMc421303_Ec5316 span.aneTemaMc421303_F28c6f,
.aneTemaMc421303_Ec5316 span.aneTemaMc421303_D45723 {
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: 6px center;
    background-size: 12px;
}

.aneTemaMc421303_Ec5316 span.aneTemaMc421303_A78073 {
    background-image: url(img/clock.png);
    background-color: var(--bg-body);
}

.aneTemaMc421303_Ec5316 span.aneTemaMc421303_F28c6f {
    background-image: url(img/eye.png);
    background-color: var(--bg-body);
}

.aneTemaMc421303_Ec5316 span.aneTemaMc421303_D45723 {
    background-image: url(img/thumbs-up.png);
    background-color: var(--bg-body);
}

/* Contador de vídeos posicionado na thumbnail (página categorias/modelos) */
.aneTemaMc421303_9eb65e {
    position: absolute;
    bottom: var(--spacing-sm);
    left: var(--spacing-sm);
    z-index: 2;
}

.aneTemaMc421303_9eb65e span {
    background: rgba(0, 0, 0, 0.75);
    color: #FFFFFF;
    border: none;
    backdrop-filter: blur(4px);
}

/* ═══════════════════════════════════════════════════════════════
   GRID DE CATEGORIAS / MODELOS
   ═══════════════════════════════════════════════════════════════ */

.aneTemaMc421303_Abb8d9 {
    margin: 0 calc(var(--spacing-sm) * -1) var(--spacing-xs);
}

.aneTemaMc421303_089ea5 {
    float: left;
    width: 16.66666%;
    padding: 0 var(--spacing-sm);
    margin-bottom: var(--spacing-md);
}

@media (max-width: 1540px) {
    .aneTemaMc421303_089ea5 {
        width: 25%;
    }
}

@media (max-width: 1200px) {
    .aneTemaMc421303_089ea5 {
        width: 33.33333%;
    }
}

@media (max-width: 840px) {
    .aneTemaMc421303_089ea5 {
        width: 50%;
    }
}

.aneTemaMc421303_Bdd93b {
    display: block;
    overflow: hidden;
    border-radius: var(--radius-lg);
    position: relative;
    border: 1px solid var(--border-default);
    transition: all var(--transition-normal);
}

.aneTemaMc421303_Bdd93b:hover {
    transform: translateY(-4px);
    border-color: var(--color-accent);
    box-shadow: var(--shadow-md), var(--shadow-glow-cyan);
}

.aneTemaMc421303_B59003 {
    position: relative;
    padding-top: 65%;
    display: block;
    background: var(--bg-card);
    overflow: hidden;
}

.aneTemaMc421303_B59003 img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-normal);
}

.aneTemaMc421303_Bdd93b:hover .aneTemaMc421303_B59003 img {
    transform: scale(1.08);
}

.aneTemaMc421303_14467d {
    display: inline-block;
    position: absolute;
    bottom: var(--spacing-sm);
    left: var(--spacing-sm);
    background: rgba(11, 14, 20, 0.9);
    backdrop-filter: blur(8px);
    padding: var(--spacing-xs) var(--spacing-sm);
    line-height: 1.4;
    border-radius: var(--radius-md);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-sm);
    border: 1px solid var(--border-default);
    transition: all var(--transition-fast);
}

/* .aneTemaMc421303_Bdd93b:hover .aneTemaMc421303_14467d {
    background: var(--gradient-primary);
    border-color: transparent;
} */

/* ═══════════════════════════════════════════════════════════════
   PÁGINA SINGLE (VÍDEO)
   ═══════════════════════════════════════════════════════════════ */

/* Player Container */
.aneTemaMc421303_871e0c {
    margin-bottom: var(--spacing-lg);
    border-radius: var(--radius-lg);
    overflow: hidden;
    background: #000;
}

/* Plyr Custom Styles */
.plyr {
    --plyr-color-main: var(--color-accent);
    border-radius: var(--radius-lg);
}

.plyr__poster {
    background-size: cover;
    background-position: center;
}

/* Overlay escuro sutil sobre o poster */
.plyr__poster::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.25);
    pointer-events: none;
}

/* Controles do Plyr */
.plyr--video .plyr__controls {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
}

/* Botão de play grande */
.plyr__control--overlaid {
    background: rgba(var(--color-accent), 0.9);
    border: 2px solid var(--color-accent);
}

.plyr__control--overlaid:hover {
    background: var(--color-accent);
}

/* Colunas */
.aneTemaMc421303_825178 {
    float: right;
    width: 300px;
}

.aneTemaMc421303_63bd4d {
    float: left;
    width: calc(100% - 320px);
}

.aneTemaMc421303_825178,
.aneTemaMc421303_63bd4d {
    margin-bottom: var(--spacing-lg);
}

@media (max-width: 992px) {

    .aneTemaMc421303_825178,
    .aneTemaMc421303_63bd4d {
        width: 100%;
    }

    /* Menos espaçamento entre views/data no mobile */
    .aneTemaMc421303_4a7adc {
        gap: 4px;
    }
}

/* Meta do vídeo */
.aneTemaMc421303_4a7adc {
    float: right;
    margin: 0 0 var(--spacing-md);
    padding: 0;
    list-style: none;
    display: flex;
    gap: var(--spacing-md);
}

.aneTemaMc421303_4a7adc li {
    background-color: var(--bg-card);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 14px;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    padding: 0 var(--spacing-md) 0 36px;
    line-height: 40px;
    color: var(--text-secondary);
    transition: all var(--transition-fast);
}

.aneTemaMc421303_4a7adc li:hover {
    background-color: var(--bg-elevated);
    border-color: var(--color-accent);
    color: var(--color-accent);
}

.aneTemaMc421303_C8402f {
    background-image: url(img/eye.png);
}

.aneTemaMc421303_3aa5c4 {
    background-image: url(img/comment-solid.png);
    position: relative;
    cursor: pointer;
}

.aneTemaMc421303_3aa5c4:hover {
    color: var(--color-accent);
}

.aneTemaMc421303_3aa5c4 span {
    position: absolute;
    display: inline-block;
    background: var(--color-primary);
    color: var(--text-primary);
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 10px;
    font-weight: var(--font-weight-bold);
    border-radius: var(--radius-full);
    top: -8px;
    left: 10px;
}

.aneTemaMc421303_08ae5a {
    background-image: url(img/clock.png);
}

.aneTemaMc421303_67f6d9 {
    background-image: url(img/calendar.png);
}

/* Botões de Votos */
.aneTemaMc421303_D65f42 {
    float: left;
    margin-bottom: var(--spacing-md);
    display: flex;
    gap: var(--spacing-sm);
}

.aneTemaMc421303_D65f42 button,
.aneTemaMc421303_De9447 {
    height: 40px;
    border: none;
    cursor: pointer;
    background-color: var(--bg-card);
    border: 1px solid var(--border-default);
    background-repeat: no-repeat;
    background-position: var(--spacing-sm) center;
    background-size: 16px;
    color: var(--text-primary);
    font-weight: var(--font-weight-semibold);
    border-radius: var(--radius-md);
    padding: 0 var(--spacing-md) 0 36px;
    font-size: var(--font-size-sm);
    transition: all var(--transition-fast);
}

.aneTemaMc421303_D65f42 button:hover {
    transform: translateY(-2px);
}

.aneTemaMc421303_4629a8 {
    background-image: url(img/thumbs-up.png);
}

.aneTemaMc421303_A24c8d {
    background-image: url(img/thumbs-down.png);
}

.aneTemaMc421303_D65f42 button.aneTemaMc421303_4629a8:hover {
    background-color: rgba(16, 185, 129, 0.2);
    border-color: var(--color-success);
    color: var(--color-success);
}

.aneTemaMc421303_D65f42 button.aneTemaMc421303_A24c8d:hover {
    background-color: rgba(239, 68, 68, 0.2);
    border-color: var(--color-error);
    color: var(--color-error);
}

.aneTemaMc421303_De9447 {
    float: left;
    padding: 0 var(--spacing-md);
    margin-right: var(--spacing-xs);
}

/* Tags e Categorias */
.aneTemaMc421303_086741 {
    float: left;
    width: 100%;
    margin-bottom: var(--spacing-md);
}

.aneTemaMc421303_086741 a {
    background: var(--bg-card);
    border: 1px solid var(--border-default);
    background-image: url(img/tag-solid.png);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: var(--spacing-sm) center;
    display: block;
    color: var(--text-secondary);
    padding: 0 var(--spacing-md) 0 28px;
    margin: 0 var(--spacing-xs) var(--spacing-xs) 0;
    float: left;
    font-size: var(--font-size-sm);
    line-height: 32px;
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.aneTemaMc421303_086741 a.aneTemaMc421303_36852d {
    background-image: url(img/folder-solid.png);
}

.aneTemaMc421303_086741 a:hover {
    background-color: var(--bg-elevated);
    border-color: var(--color-accent);
    color: var(--color-accent);
}

/* Descrição */
.aneTemaMc421303_E1526e {
    margin-bottom: var(--spacing-md);
    color: var(--text-secondary);
    line-height: var(--line-height-relaxed);
}

.aneTemaMc421303_E1526e p:first-of-type {
    margin-top: 0;
}

/* Thumbnail na descrição */
.aneTemaMc421303_7cac4e {
    max-width: 300px;
    overflow: hidden;
    border-radius: var(--radius-md);
    margin-top: var(--spacing-md);
}

/* ═══════════════════════════════════════════════════════════════
   COMENTÁRIOS
   ═══════════════════════════════════════════════════════════════ */

.aneTemaMc421303_00ef9a {
    display: none;
}

.aneTemaMc421303_Df0c07 {
    background: var(--bg-card);
    border: 1px solid var(--border-default);
    padding: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
    border-radius: var(--radius-lg);
}

.aneTemaMc421303_6cad28 {
    background: var(--bg-card);
    border: 1px solid var(--border-default);
    margin-bottom: var(--spacing-sm);
    padding: var(--spacing-md);
    border-radius: var(--radius-md);
}

.aneTemaMc421303_6cad28 p {
    margin: 0 0 var(--spacing-sm);
    color: var(--text-secondary);
}

.aneTemaMc421303_911294 {
    display: block;
    margin-bottom: var(--spacing-xs);
    font-size: var(--font-size-xs);
    color: var(--text-muted);
}

.aneTemaMc421303_8fa065 {
    color: var(--color-accent);
    font-weight: var(--font-weight-semibold);
}

.aneTemaMc421303_61257a {
    color: var(--color-primary);
    text-decoration: underline;
    font-size: var(--font-size-xs);
    line-height: 22px;
    transition: color var(--transition-fast);
}

.aneTemaMc421303_61257a:hover {
    color: var(--color-accent);
}

.aneTemaMc421303_C5b898 {
    position: relative;
    padding: var(--spacing-md);
    margin-bottom: var(--spacing-xs);
    background: var(--bg-elevated);
    border-radius: var(--radius-md);
}

.aneTemaMc421303_758cad {
    padding-left: 48px;
    margin-top: var(--spacing-md);
    border-left: 2px solid var(--border-default);
}

/* ═══════════════════════════════════════════════════════════════
   FORMULÁRIOS
   ═══════════════════════════════════════════════════════════════ */

.form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: var(--font-size-base);
    font-family: var(--font-family);
    line-height: 1.5;
    color: var(--text-primary);
    background-color: var(--bg-input);
    background-image: none;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.form-control:focus {
    outline: none;
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px var(--color-accent-glow);
}

.form-control::placeholder {
    color: var(--text-muted);
}

textarea.form-control {
    height: auto;
    min-height: 100px;
    resize: vertical;
}

.form-group {
    margin-bottom: var(--spacing-md);
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: var(--spacing-xs);
    font-weight: var(--font-weight-medium);
    color: var(--text-primary);
}

/* Captcha Field */
.aneTemaMc421303_711fda {
    position: relative;
    border: 1px solid var(--border-default);
    overflow: hidden;
    padding-left: 160px;
    border-radius: var(--radius-md);
    background: var(--bg-input);
}

.aneTemaMc421303_711fda span {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 160px;
    text-align: center;
    line-height: 44px;
    background: var(--bg-card);
    color: var(--text-secondary);
    font-size: var(--font-size-sm);
}

.aneTemaMc421303_711fda span strong {
    color: var(--color-accent);
}

.aneTemaMc421303_711fda input {
    width: 100%;
    padding: 0 var(--spacing-md);
    border: 0;
    height: 44px;
    background: transparent;
    color: var(--text-primary);
    font-size: var(--font-size-base);
}

.aneTemaMc421303_711fda input:focus {
    outline: none;
}

/* ═══════════════════════════════════════════════════════════════
   BOTÕES
   ═══════════════════════════════════════════════════════════════ */

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-sm) var(--spacing-lg);
    margin-bottom: 0;
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    font-family: var(--font-family);
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    transition: all var(--transition-fast);
}

.btn:hover {
    transform: translateY(-2px);
}

.btn:active {
    transform: translateY(0);
}

.btn-primary {
    color: var(--text-primary);
    background: var(--gradient-accent);
    border-color: transparent;
    box-shadow: 0 4px 14px var(--color-accent-glow);
}

.btn-primary:hover {
    box-shadow: 0 6px 20px var(--color-accent-glow);
}

.btn-danger {
    color: var(--text-primary);
    background: var(--gradient-pink);
    border-color: transparent;
    box-shadow: 0 4px 14px var(--color-primary-glow);
}

.btn-danger:hover {
    box-shadow: 0 6px 20px var(--color-primary-glow);
}

.btn-success {
    color: var(--text-primary);
    background: var(--color-success);
    border-color: var(--color-success);
}

.btn-block {
    display: block;
    width: 100%;
}

/* ═══════════════════════════════════════════════════════════════
   PAGINAÇÃO
   ═══════════════════════════════════════════════════════════════ */

.aneTemaMc421303_1391b6 {
    margin: 0 0 var(--spacing-lg);
    padding: 0;
    text-align: center;
    list-style: none;
}

.aneTemaMc421303_1391b6 li {
    display: inline-block;
    margin: 0 var(--spacing-xs) var(--spacing-xs) 0;
}

.aneTemaMc421303_1391b6 li a,
.aneTemaMc421303_1391b6 li em {
    background: var(--bg-card);
    border: 1px solid var(--border-default);
    color: var(--text-primary);
    display: block;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    text-align: center;
    line-height: 36px;
    border-radius: var(--radius-md);
    padding: 0 var(--spacing-md);
    min-width: 40px;
    transition: all var(--transition-fast);
}

.aneTemaMc421303_1391b6 li.active a,
.aneTemaMc421303_1391b6 li a:hover {
    background: var(--gradient-primary);
    border-color: transparent;
    color: var(--text-primary);
    box-shadow: 0 4px 14px var(--color-accent-glow);
}

/* ═══════════════════════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════════════════════ */

.aneTemaMc421303_8245b0 {
    background: var(--bg-card);
    border-top: 1px solid var(--border-default);
    padding: 20px 0 10px;
    /* Reduced vertical padding */
}

.aneTemaMc421303_4ed457 {
    margin-bottom: 10px;
    /* Reduced margin below text */
    color: var(--text-secondary);
    line-height: var(--line-height-relaxed);
}

/* Menu do Footer */
.aneTemaMc421303_14d94b {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.aneTemaMc421303_14d94b li {
    display: inline-block;
    margin: 0 var(--spacing-xs) var(--spacing-sm);
    line-height: 0;
}

.aneTemaMc421303_14d94b a {
    font-weight: var(--font-weight-medium);
    padding: 0 var(--spacing-md);
    line-height: 36px;
    background: var(--bg-body);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    display: block;
    color: var(--text-secondary);
    transition: all var(--transition-fast);
}

.aneTemaMc421303_14d94b a:hover {
    background: var(--bg-elevated);
    border-color: var(--color-accent);
    color: var(--color-accent);
}

/* Copyright */
.aneTemaMc421303_49c2c0 {
    padding: var(--spacing-md) 0;
    text-align: center;
    color: var(--text-muted);
    font-size: var(--font-size-sm);
}

.aneTemaMc421303_49c2c0 span {
    color: var(--color-accent);
    font-weight: var(--font-weight-medium);
}

/* ═══════════════════════════════════════════════════════════════
   BANNERS
   ═══════════════════════════════════════════════════════════════ */

.aneTemaMc421303_A26f5a {
    margin: var(--spacing-md) 0;
    padding: 0;
    list-style: none;
    text-align: center;
    width: 100%;
}

.aneTemaMc421303_A26f5a li {
    display: inline-block;
    margin: 0 var(--spacing-sm) var(--spacing-sm);
    vertical-align: top;
    line-height: 0;
}

.aneTemaMc421303_A26f5a img,
.aneTemaMc421303_A26f5a iframe {
    max-width: 100%;
    border-radius: var(--radius-md);
}

.aneTemaMc421303_A26f5a li.anuncio-mobile {
    display: none;
}

@media (max-width: 768px) {
    .aneTemaMc421303_A26f5a li.anuncio-mobile {
        display: inline-block;
    }

    .aneTemaMc421303_A26f5a li.anuncio-desktop {
        display: none;
    }
}

/* Sidebar Banners */
.aneTemaMc421303_825178 .aneTemaMc421303_A26f5a {
    margin: 0;
}

.aneTemaMc421303_825178 .aneTemaMc421303_A26f5a li {
    margin: 0 0 var(--spacing-sm);
}

/* ═══════════════════════════════════════════════════════════════
   BOTÃO "VER MAIS"
   ═══════════════════════════════════════════════════════════════ */

.aneTemaMc421303_C0bedc {
    text-align: center;
    margin-top: var(--spacing-lg);
}

.aneTemaMc421303_C0bedc a {
    font-weight: var(--font-weight-semibold);
    background: var(--gradient-primary);
    color: var(--text-primary);
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: 0 var(--spacing-xl);
    line-height: 48px;
    border-radius: var(--radius-lg);
    transition: all var(--transition-fast);
    box-shadow: 0 4px 20px var(--color-accent-glow);
}

.aneTemaMc421303_C0bedc a:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 30px var(--color-accent-glow);
}

/* ═══════════════════════════════════════════════════════════════
   ALERTAS
   ═══════════════════════════════════════════════════════════════ */

.alert {
    padding: var(--spacing-md);
    margin-bottom: var(--spacing-lg);
    border: 1px solid transparent;
    border-radius: var(--radius-md);
}

.alert-warning {
    color: #92400e;
    background-color: rgba(245, 158, 11, 0.15);
    border-color: rgba(245, 158, 11, 0.3);
}

.alert-success {
    color: #065f46;
    background-color: rgba(16, 185, 129, 0.15);
    border-color: rgba(16, 185, 129, 0.3);
}

.alert-danger {
    color: #991b1b;
    background-color: rgba(239, 68, 68, 0.15);
    border-color: rgba(239, 68, 68, 0.3);
}

/* ═══════════════════════════════════════════════════════════════
   LABELS
   ═══════════════════════════════════════════════════════════════ */

.label {
    display: inline;
    padding: var(--spacing-xs) var(--spacing-sm);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    line-height: 1;
    color: var(--text-primary);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--radius-sm);
}

.label-default {
    background: var(--bg-elevated);
}

.label-success {
    background: var(--color-success);
}

.label-danger {
    background: var(--color-error);
}

.label-warning {
    background: var(--color-warning);
    color: var(--text-inverse);
}

/* ═══════════════════════════════════════════════════════════════
   UTILITÁRIOS WORDPRESS
   ═══════════════════════════════════════════════════════════════ */

.alignnone {
    margin: 0 var(--spacing-sm) var(--spacing-sm) 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: var(--spacing-sm) auto;
}

.alignright {
    float: right;
    margin: var(--spacing-sm) 0 var(--spacing-lg) var(--spacing-lg);
}

.alignleft {
    float: left;
    margin: var(--spacing-sm) var(--spacing-lg) var(--spacing-lg) 0;
}

.wp-caption {
    background: var(--bg-card);
    border: 1px solid var(--border-default);
    max-width: 96%;
    padding: var(--spacing-sm);
    text-align: center;
    border-radius: var(--radius-md);
}

.wp-caption p.wp-caption-text {
    font-size: var(--font-size-xs);
    line-height: 1.5;
    margin: var(--spacing-xs) 0 0;
    color: var(--text-muted);
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

/* ═══════════════════════════════════════════════════════════════
   GRID SYSTEM
   ═══════════════════════════════════════════════════════════════ */

.row {
    margin-right: calc(var(--spacing-sm) * -1);
    margin-left: calc(var(--spacing-sm) * -1);
}

.row::after {
    content: '';
    display: table;
    clear: both;
}

.col-md-4,
.col-md-6,
.col-md-8 {
    float: left;
    padding: 0 var(--spacing-sm);
    width: 100%;
}

@media (min-width: 992px) {
    .col-md-4 {
        width: 33.33333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }
}

/* ═══════════════════════════════════════════════════════════════
   MODELOS - PÁGINA
   ═══════════════════════════════════════════════════════════════ */

.aneTemaMc421303_6fe652 {
    position: relative;
    display: block;
    line-height: 0;
    padding-top: 132%;
    object-fit: cover;
    margin-bottom: var(--spacing-sm);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.aneTemaMc421303_6fe652 img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-normal);
}

.aneTemaMc421303_6fe652:hover img {
    transform: scale(1.05);
}

.aneTemaMc421303_87bd0a {
    padding-bottom: var(--spacing-sm);
}

/* ═══════════════════════════════════════════════════════════════
   PÁGINA DE CONTATO
   ═══════════════════════════════════════════════════════════════ */

.aneTemaMc421303_80b240.aneTemaMc421303_36a17a {
    padding-right: 40px;
    min-height: 40px;
}

.aneTemaMc421303_36a17a button {
    background: var(--color-error);
    color: var(--text-primary);
    position: absolute;
    top: 4px;
    right: 4px;
    border: 0;
    cursor: pointer;
    width: 28px;
    height: 28px;
    border-radius: var(--radius-sm);
    transition: all var(--transition-fast);
}

.aneTemaMc421303_36a17a button:hover {
    opacity: 0.8;
    transform: scale(1.05);
}

/* ═══════════════════════════════════════════════════════════════
   DA533C - DESCRIÇÃO
   ═══════════════════════════════════════════════════════════════ */

.aneTemaMc421303_Da533c {
    margin-bottom: var(--spacing-xl);
}

.aneTemaMc421303_Da533c p:first-child {
    margin-top: 0;
}

/* ═══════════════════════════════════════════════════════════════
   CENTERED TEXT
   ═══════════════════════════════════════════════════════════════ */

.aneTemaMc421303_9f2248 {
    text-align: center;
    color: var(--text-muted);
    font-style: italic;
    padding: var(--spacing-xl) 0;
}

/* ═══════════════════════════════════════════════════════════════
   TEXTO DE FORMULÁRIO
   ═══════════════════════════════════════════════════════════════ */

.text-form {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    display: block;
}

.text-muted {
    color: var(--text-muted);
    font-size: var(--font-size-xs);
    line-height: 1.6;
    margin: 0;
    padding: 0;
    display: block;
}

.aneTemaMc421303_54bc4a {
    font-weight: var(--font-weight-bold);
}

/* Video.js JW-Like Skin (Neon Orange Edition) */
.video-js {
    font-size: 14px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

/* Big Play Button */
.video-js .vjs-big-play-button {
    background-color: rgba(255, 102, 0, 0.2);
    /* Orange tint with transparency */
    border: 2px solid #FF6600;
    border-radius: 50%;
    /* Round for a more modern look, or keep square if preferred */
    width: 70px;
    height: 70px;
    line-height: 66px;
    /* Adjust for border */
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
    transition: all 0.3s ease;
    font-size: 3em;
    color: #FF6600;
}

.video-js .vjs-big-play-button:hover {
    background-color: #FF6600;
    color: #000;
}

/* Control Bar - Fully Transparent */
.video-js .vjs-control-bar {
    background: transparent !important;
    /* Force removal of background */
    background-color: transparent !important;
    height: 45px;
    display: flex;
    align-items: center;
    backdrop-filter: none;
    /* Remove blur if making transparent */
}

/* Buttons */
.video-js .vjs-button {
    color: #ffffff;
    transition: color 0.2s;
}

.video-js .vjs-button:hover {
    color: #FF6600;
}

/* Progress Bar */
.video-js .vjs-progress-control {
    position: absolute;
    width: 100%;
    top: -10px;
    height: 10px;
    left: 0;
}

.video-js .vjs-progress-holder {
    height: 4px;
    background-color: rgba(255, 255, 255, 0.2);
}

.video-js .vjs-play-progress {
    background-color: #FF6600;
    /* Neon Orange */
}

.video-js .vjs-play-progress::before {
    font-size: 0.9em;
    color: #fff;
    display: block;
    text-shadow: 0 0 5px rgba(255, 102, 0, 0.5);
}

/* Volume */
.video-js .vjs-volume-level {
    background-color: #FF6600;
}

/* Remove Text Shadows */
.video-js .vjs-control,
.video-js .vjs-time-control {
    text-shadow: none;
}

/* Right Align PiP and Fullscreen */
.video-js .vjs-picture-in-picture-control {
    margin-left: auto;
}

/* If PiP is disabled, ensure Fullscreen still goes right (fallback) */
.video-js .vjs-fullscreen-control {
    margin-left: auto;
}

/* But if both exist, the first margin-left: auto takes precedence in flex, pushing both. 
   To be safe, we can reset margin on fullscreen if pip exists, but usually having both auto implies equal spacing? 
   Actually in flexbox, margin-left: auto on an item consumes all available space to its left.
   If I put it on PiP, PiP moves right. Fullscreen follows it.
   If I ALSO put it on Fullscreen, they might split the space?
   Let's just target the grouping logic or the spacer. 
   Video.js usually has .vjs-custom-control-spacer. Let's try to enable that too just in case.
*/
.video-js .vjs-custom-control-spacer {
    display: flex;
    flex: 1 1 auto;
}

/* Specific Override for this user request: prioritize PiP as the split point */
.video-js .vjs-picture-in-picture-control {
    margin-left: auto;
}

/* If PiP is not there, we want Fullscreen to likely be the one. 
   Cascading CSS: The "margin-left: auto" on the element that appears FIRST in DOM order will push it and everything after to the right. 
   In Video.js default order: Play > Volume > Spacer > ... > PiP > Fullscreen.
   The spacer is usually hidden or 0 width unless styled. 
   I will style the Video.js spacer class specifically to do the job properly.
*/
.video-js .vjs-spacer {
    display: block;
    flex: 1 1 auto;
}

/* 18+ Footer Warning */
.footer-warning-18 {
    background-color: #000;
    border-radius: 12px;
    padding: 12px 25px;
    /* Comfortable padding */
    display: inline-flex;
    /* Shrinks to fit content */
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin: 5px auto;
    /* Reduced margin to remove spacing */
    border: 1px solid #1a1a1a;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    /* Removed fixed widths to let it wrap snugly around text */
    width: auto;
}

/* Removed problematic global centering rule for .aneTemaMc421303_9245ff */

.warning-badge {
    border: 2px solid #FFD700;
    color: #FFD700;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 14px;
    flex-shrink: 0;
    font-family: Arial, sans-serif;
}

.warning-text {
    color: #fff;
    font-size: 13px;
    line-height: 1.3;
    text-align: left;
    font-weight: 500;
    font-family: var(--font-family);
    white-space: nowrap;
    /* Keep text on one line if possible or controlled breaks */
}

/* ═══════════════════════════════════════════════════════════════
   MOBILE SHOW MORE - Descrição Colapsável
   ═══════════════════════════════════════════════════════════════ */

/* Link "Mostrar mais" - Oculto no desktop */
.show-more-link {
    display: none;
}

@media (max-width: 768px) {

    /* Descrição colapsada - máximo 6 linhas */
    #info:not(.expanded) .aneTemaMc421303_E1526e {
        display: -webkit-box;
        -webkit-line-clamp: 6;
        line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* Ocultar tags/categorias quando colapsado */
    #info:not(.expanded) .aneTemaMc421303_086741 {
        display: none;
    }

    /* Link "Mostrar mais" - Laranja neon */
    .show-more-link {
        display: block;
        text-align: center;
        color: #FF6B00;
        font-size: var(--font-size-sm);
        font-weight: var(--font-weight-medium);
        cursor: pointer;
        margin-top: 4px;
        margin-bottom: 0;
        text-decoration: underline;
        text-underline-offset: 3px;
        transition: all var(--transition-fast);
    }

    /* Mais espaço quando expandido (antes das tags) */
    .show-more-link.expanded {
        margin-bottom: var(--spacing-lg);
    }

    .show-more-link:hover {
        color: #FF8C00;
        text-shadow: 0 0 8px rgba(255, 107, 0, 0.5);
    }

    /* Estado expandido */
    #info.expanded .aneTemaMc421303_E1526e {
        display: block;
        -webkit-line-clamp: unset;
        line-clamp: unset;
        overflow: visible;
    }

    #info.expanded .aneTemaMc421303_086741 {
        display: block;
    }
}