/* Cores da logo: Preto, Cinza, Vermelho, Branco, Amarelo e Azul */
:root {
    --cor-principal: #000000;
    --cor-secundaria: #333333;
    --cor-destaque-1: #e74c3c;
    --cor-destaque-2: #f39c12;
    --cor-destaque-3: #3498db;
    --cor-texto: #ffffff;
    --cor-fundo: #1c1c1c;
}

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: var(--cor-fundo);
    color: var(--cor-texto);
    overflow-x: hidden;
    position: relative;
    /* Necessário para o posicionamento absoluto do main */
}

header {
    background-color: var(--cor-principal);
    padding: 1rem 0;
    text-align: center;
    position: relative;
    z-index: 100;
    /* Mantém este valor */
}

header img {
    max-width: 250px;
    height: auto;
    margin-bottom: 0.5rem;
}

header p {
    margin: 0;
    font-style: italic;
    color: #ddd;
}

/* Botão hambúrguer sempre visível */
.menu-toggle {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 3000;
    /* Alto z-index para garantir que fique por cima */
    cursor: pointer;
    background: none;
    border: none;
    pointer-events: auto;
    /* Garante que o botão seja clicável */
    padding: 5px;
    /* As linhas abaixo são importantes para garantir que o X apareça corretamente */
}

.menu-toggle .hamburger-icon {
    display: block;
    width: 30px;
    height: 3px;
    background-color: var(--cor-destaque-1);
    margin: 4px 0;
    transition: all 0.3s ease-in-out;
    /* O z-index aqui não é estritamente necessário se o .menu-toggle já está alto */
}

/* Transforma o ícone do menu em um X */
.menu-toggle.active .hamburger-icon:nth-child(2) {
    opacity: 0;
}

.menu-toggle.active .hamburger-icon:nth-child(1) {
    transform: rotate(-45deg) translate(-6px, 6px);
}

.menu-toggle.active .hamburger-icon:nth-child(3) {
    transform: rotate(45deg) translate(-6px, -6px);
}

/* Menu Lateral */
.side-menu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1000;
    /* Um z-index alto, mas menor que o do .menu-toggle */
    top: ;
    right: 0;
    background-color: var(--cor-secundaria);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 10px;
    /* Espaço para o header */
}

.side-menu.active {
    width: 250px;
}

.side-menu a {
    padding: 10px 20px;
    text-decoration: none;
    font-size: 0.9rem;
    color: var(--cor-texto);
    display: block;
    transition: 0.3s;
    margin-bottom: 0;
}

.side-menu a:hover {
    color: var(--cor-destaque-1);
    background-color: var(--cor-principal);
}

main {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 1.5rem;
    padding-top: 0px;
    padding-bottom: 80px;
    box-sizing: border-box;
    z-index: 10;
    /* Um z-index menor que o do menu lateral */
    position: relative;
    /* Necessário para que o z-index funcione */
}

/* Estilos específicos para o conteúdo das páginas */
.tab-content {
    display: none;
    padding: 2.5rem;
    animation: fadeIn 0.8s ease-in-out;
    overflow-x: hidden;
    background: none;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
}

/* Remove a margem superior do h1 dentro do main */
main h1 {
    margin-top: 0;
}

.tab-content.active {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.section h2 {
    text-align: center;
    color: var(--cor-destaque-3);
    font-size: 2rem;
    margin-bottom: 1.5rem;
}

.titulo-impacto {
    font-family: 'Georgia', serif;
    color: var(--cor-destaque-1);
    font-size: 2.5rem;
    margin-bottom: 0.8rem;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.titulo-impacto span {
    display: block;
}

.table-container {
    overflow-x: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1.5rem;
}

th,
td {
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid var(--cor-principal);
}

th {
    background-color: var(--cor-destaque-1);
    color: var(--cor-texto);
}

tr:hover {
    background-color: #444;
}

.inline-text {
    white-space: nowrap;
}

/* CENTRALIZA O IFRAME DO INÍCIO */
#home-page .iframe-container-centralizado {
    display: flex;
    justify-content: center;
    /* Já centraliza horizontalmente */
    align-items: center;
    /* Centraliza verticalmente */
    margin-top: 1rem;
    height: 100%;
    /* Garante que o contêiner ocupe a altura disponível */
    min-height: 50vh;
    /* Opcional: Define uma altura mínima para melhor visualização */
}

#home-page .iframe-container-centralizado iframe {
    max-width: 100%;
    height: auto;
    aspect-ratio: 9/16;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
}

#home-page .taggbox {
    margin: 2rem 0;
    height: 400px;
}

/* Estilos da seção redes sociais */
.social-media {
    text-align: center;
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

/* Novo estilo para os links de redes sociais e grupos */
#redes-sociais-content h2,
#redes-sociais-content h3 {
    padding: 1.5rem 1rem;
    text-align: center;
}

/* Ajuste para não ter lista */
#redes-sociais-content ul {
    list-style: none;
    padding: 0;
    text-align: center;
}

#redes-sociais-content li {
    margin-bottom: 1rem;
}

/* Estilo base para links da seção de redes sociais */
#redes-sociais-content a {
    font-family: 'Georgia', serif;
    font-size: 1.2rem;
    text-decoration: none;
    font-weight: bold;
    transition: color 0.3s, text-shadow 0.3s;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Cores específicas para cada link */
.instagram-link {
    color: #E1306C;
    /* Rosa do Instagram */
}

.tiktok-link {
    color: #FFFFFF;
    /* Branco */
}

.youtube-link {
    color: #FF0000;
    /* Vermelho vivo do YouTube */
}

.whatsapp-group-link {
    color: #25D366;
    /* Verde do WhatsApp */
}

#redes-sociais-content a:hover {
    color: #ff6347;
    /* Cor de hover para os links */
    text-shadow: 1px 1px 5px rgba(255, 99, 71, 0.7);
}

.slider-container {
    position: relative;
    max-width: 600px;
    height: 400px;
    margin: 2rem auto;
    overflow: hidden;
    border-radius: 8px;
}

#produtos .slider-container {
    max-width: 300px;
    height: 400px;
}

.slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
    height: 100%;
}

.slider-item {
    min-width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    height: 100%;
}

.slider-item img,
.slider-item iframe {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
}

.slider-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    z-index: 10;
}

.prev-btn,
.next-btn {
    background-color: rgba(0, 0, 0, 0.5);
    border: none;
    color: white;
    padding: 10px;
    cursor: pointer;
    font-size: 1.5rem;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.prev-btn:hover,
.next-btn:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.blog-post {
    border-bottom: 1px solid #555;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

.blog-post h3 {
    color: var(--cor-destaque-1);
}

.blog-post a {
    color: var(--cor-destaque-1);
    text-decoration: none;
    transition: color 0.3s;
}

.blog-post a:hover {
    color: #ff6347;
}

footer {
    background-color: var(--cor-principal);
    color: #888;
    text-align: center;
    padding: 1.5rem 0;
    margin-top: 2rem;
    z-index: 100;
    position: relative;
    /* Garante que o rodapé fique acima do conteúdo */
}

/* Botões flutuantes */
.whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    background-color: #25D366;
    color: white;
    padding: 10px 20px;
    border-radius: 50px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    text-decoration: none;
    transition: transform 0.3s ease-in-out;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.whatsapp-button:hover {
    transform: scale(1.05);
}

#topBtn {
    /* Torna o botão fixo na tela para que acompanhe a rolagem */
    position: fixed;
    /* Define a posição */
    right: 20px;
    bottom: 80px;
    /* Garante que o botão fique acima de todos os elementos */
    z-index: 1001; 
    
    /* Estilização (mantive suas configurações) */
    background: var(--cor-destaque-1);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5);
    
    /* **Essencial:** Esconde o botão por padrão */
    display: none;
}

#topBtn:hover {
    background: #8f0000;
}

/* Estilo da página inicial */
#home-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 150px);
    /* Ajusta a altura para não ser coberta pelo header/footer */
    text-align: center;
}

#home-page h2 {
    margin-top: 0;
}

.cta-box {
    background-color: #2c2c2c;
    padding: 2rem;
    border-radius: 8px;
    text-align: center;
    margin-top: 2rem;
}

.cta-box h3 {
    margin-top: 0;
    color: var(--cor-destaque-1);
}

.cta-box a.whatsapp-link {
    display: inline-block;
    background-color: #25D366;
    color: white;
    padding: 15px 30px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    margin-top: 1rem;
    transition: background-color 0.3s;
}

.cta-box a.whatsapp-link:hover {
    background-color: #1aae55;
}

.maps-button,
.uber-button {
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 15px 30px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    margin-top: 1rem;
    margin-right: 1rem;
    transition: background-color 0.3s;
}

.maps-button:hover,
.uber-button:hover {
    background-color: #333;
}

/* Estilos para páginas com IFRAME DE TELA CHEIA (Estudo e Matrícula) */
/* Removemos o .tab-content e usamos um seletor mais direto no main */
main.iframe-page {
    position: relative;
    /* Permite posicionar o iframe dentro dele */
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: calc(100vh - 80px - 80px);
    /* Altura total da viewport menos o header e o footer */
    overflow: hidden;
    /* Esconde o que exceder o tamanho */
}

main.iframe-page iframe {
    display: block;
    /* Remove espaço extra abaixo do iframe */
    width: 100%;
    height: 100%;
    /* Faz o iframe preencher o main */
    border: none;
    margin: 0;
    /* Remove margens padrão */
    padding: 0;
    box-sizing: border-box;
    /* Inclui borda e padding no tamanho total */
}

/* Estilos do blog (mantidos como estavam) */
:root {
    --preto: #111;
    --cinza: #1b1b1b;
    --cinza-2: #2a2a2a;
    --vermelho: #b60000;
    --texto: #e9e9e9;
    --texto-dim: #bfbfbf;
}

* {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    background: var(--preto);
    color: var(--texto);
    font-family: Arial, Helvetica, sans-serif;
}

.sidebar {
    position: fixed;
    /* Já está assim, ótimo! */
    left: 0;
    top: 0;
    bottom: 0;
    width: 280px;
    background: #000;
    border-right: 3px solid var(--vermelho);
    padding: 16px 12px;
    overflow-y: auto;
    z-index: 101;
    /* <<< Adicione ou ajuste este valor */
}

.brand {
    color: #fff;
    text-align: center;
    margin: 6px 0 14px 0;
}

.brand h1 {
    font-size: 18px;
    margin: 0;
    color: #fff;
}

.brand small {
    color: var(--texto-dim);
}

.toc h3 {
    margin: 10px 0 8px 8px;
    color: var(--vermelho);
    font-size: 14px;
}

.toc a {
    display: block;
    padding: 8px 10px;
    margin: 4px 4px;
    border-radius: 6px;
    color: #d9d9d9;
    text-decoration: none;
    border: 1px solid #1f1f1f;
    background: #0b0b0b;
}

.toc a:hover {
    background: var(--vermelho);
    color: #fff;
    border-color: #000;
}

section {
    padding: 24px;
    margin: 0 0 38px 0;
}

section h2 {
    margin: 6px 0 12px 0;
    color: #fff;
    border-left: 6px solid var(--vermelho);
    padding-left: 10px;
}

/* Remove o border-left apenas para h2 dentro de sections na página inicial */
.home-page section h2 {
    border-left: none;
    text-align: center;
    font-size: 18px;
    /* Remove o border-left */
}

/* Regra para remover o border-left da página inicial */
#home-page .section h2 {
    border-left: none;
}


section .meta {
    color: var(--texto-dim);
    font-size: 13px;
    margin-top: -6px;
    margin-bottom: 8px;
}

/* Slideshow (por seção) - Seções de blog */
.slideshow {
    position: relative;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 14px;
    background: #000;
}

.slide {
    position: relative;
    display: none;
    align-items: center;
    justify-content: center;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.slide.active {
    display: flex;
}

.slide img,
.slide video,
.slide iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
}

.nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    border: none;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}

.nav-btn:hover {
    background: rgba(0, 0, 0, 0.8);
}

.nav-prev {
    left: 10px;
}

.nav-next {
    right: 10px;
}

.dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
    display: flex;
    gap: 6px;
    justify-content: center;
    z-index: 4;
}

.dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
}

.dot.active {
    background: #fff;
}

.lead {
    font-size: 17px;
    line-height: 1.55;
}

ul {
    margin: 8px 0 8px 20px;
}

li {
    margin: 6px 0;
}

.tag {
    display: inline-block;
    background: #0e0e0e;
    border: 1px solid #2a2a2a;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    color: #bdbdbd;
    margin: 2px 6px 2px 0;
}

.quote {
    border-left: 4px solid var(--vermelho);
    padding: 10px 12px;
    background: #121212;
    border-radius: 8px;
    color: #eee;
}

/* Media Query para telas menores */
@media (max-width: 920px) {
    .sidebar {
        position: static;
        width: auto;
        border-right: none;
        border-bottom: 3px solid var(--vermelho);
        max-height: 50vh;
        overflow-y: auto;
    }

    main {
        margin: 0;
        padding: 10px;
        padding-top: 60px;
        /* Ajuste de padding para header menor em mobile */
        padding-bottom: 60px;
        /* Ajuste de padding para footer menor em mobile */
    }

    section {
        padding: 10px;
    }

    /* Ajustes específicos para o iframe em páginas de matrícula/estudo em mobile */
    main.iframe-page {
        height: calc(100vh - 60px - 60px);
        /* Altura total da viewport menos header e footer mobile */
    }
}

/* Centraliza o iframe na página inicial */
.iframe-container-centralizado {
    display: flex;
    justify-content: center;
    /* Centralização horizontal */
    align-items: center;
    /* Centralização vertical */
    margin: 2rem 0;
    /* Adiciona um espaçamento vertical em torno do container */
    min-height: 50vh;
    /* Define uma altura mínima para o container, útil para o alinhamento vertical */
}

.iframe-container-centralizado iframe {
    max-width: 100%;
    width: 315px;
    /* Tamanho padrão aproximado para vídeos curtos do YouTube */
    height: 560px;
    /* Tamanho padrão aproximado para vídeos curtos do YouTube */
    aspect-ratio: 9/16;
    /* Mantém a proporção de tela de vídeo */
    border-radius: 8px;
    /* Cantos arredondados */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
    /* Sombra para dar profundidade */
}

/* Media Query para ajustar o tamanho do iframe em telas menores */
@media (max-width: 767px) {
    .iframe-container-centralizado iframe {
        width: 90%;
        /* Ajusta a largura para ser responsiva */
        height: auto;
        /* Altura automática para manter a proporção */
    }
}

/* Opcional: Ajustes para telas maiores, se desejar um iframe maior */
@media (min-width: 1200px) {
    .iframe-container-centralizado iframe {
        width: 500px;
        height: 889px;
    }
}

/* Estilos para a seção de CTA e seletor de produtos */
.cta-box {
    background-color: #2c2c2c;
    padding: 2rem;
    border-radius: 8px;
    text-align: center;
    margin-top: 2rem;
}

.cta-title {
    margin-top: 0;
    color: var(--cor-destaque-1);
}

.product-selector {
    margin-top: 10px;
    padding: 8px;
    border-radius: 5px;
    width: 100%;
    /* Faz o seletor ocupar 100% da largura do contêiner pai */
    max-width: 350px;
    /* Define uma largura máxima para não ficar muito largo em telas grandes */
    box-sizing: border-box;
    /* Inclui padding e border na largura total */
    font-size: 1rem;
    /* Ajusta o tamanho da fonte */
    background-color: var(--cor-secundaria);
    /* Mantém um fundo escuro */
    color: var(--cor-texto);
    /* Cor do texto */
    border: 1px solid var(--cor-principal);
    /* Borda sutil */
}

/* Para que o seletor seja responsivo em telas menores */
@media (max-width: 767px) {
    .product-selector {
        width: 100%;
        /* Garante que ocupe toda a largura em telas pequenas */
        max-width: none;
        /* Remove a largura máxima em telas pequenas */
    }
}

/* Container para tornar iframes responsivos (vídeos, mapas, etc.) */
.iframe-container {
    position: relative;
    width: 100%;
    /* Proporção 16:9 */
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 1.5rem;
    /* Adiciona um espaço abaixo do container */
}

/* Estiliza o iframe dentro do container */
.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Ajuste o espaço para o iframe da Vaquinha se ele estiver se comportando de forma diferente */
/* Idealmente, adicione uma classe única ao div do iframe da vakinha, por exemplo: <div class="iframe-container vakinha-iframe"> */
.iframe-container:nth-of-type(1) {
    /* Isso seleciona o primeiro .iframe-container (assumindo que a vaquinha é o primeiro) */
    margin-bottom: -20px;
    /* Experimente com valores negativos para "puxar" para cima */
}

/* Se a vaquinha for o SEGUNDO iframe-container (depois do mapa), use: */
/*
.iframe-container:nth-of-type(2) {
    margin-bottom: -20px;
}
*/

/* E para os slides, você pode diminuir um pouco a margem superior, se necessário */
.slideshow {
    margin-top: 10px;
    /* Diminua este valor conforme necessário */
}

/* Estilo específico para a "vaquinha" */
.vakinha-container {
    margin-bottom: 2rem;
    /* Espaçamento entre a vaquinha e a galeria */
}

.vakinha-container iframe {
    width: 100%;
    /* Use 'height' com um valor fixo em pixels para que ela apareça completa. */
    /* 500px é o valor que já estava no seu HTML, garantindo que ela caiba */
    /* na maioria das telas sem barra de rolagem interna. */
    height: 500px;
    border: none;
    /* remove a borda */
}

/* Garante que o contêiner principal se adapte à largura da tela */
main {
    max-width: 100%;
    overflow-x: hidden;
}

/* Garante que o widget de avaliações não ultrapasse a largura do contêiner */
.elfsight-app-89451b77-890b-44b3-8527-10ae3518561a {
    max-width: 100%;
    /* Impede que o widget transborde */
}

/* Correções de Acessibilidade (Contraste) */
.brand small {
    color: #cccccc;
}

.toc a:hover {
    background: var(--vermelho);
    color: #fff;
}

/* Otimizações de Desempenho do Google PageSpeed Insights */

/* Otimiza a renderização de elementos principais */
main {
    will-change: transform, opacity;
}

/* Garante que o container do slider tenha uma altura definida para evitar CLS */
.slider-container,
#produtos .slider-container {
    height: 400px;
}

/* Ajuda a prevenir o CLS em imagens e iframes */
.slider-item img,
.slider-item iframe {
    aspect-ratio: attr(width) / attr(height);
}

/* Otimiza o carregamento de iframes para melhorar o LCP */
.iframe-container-centralizado iframe {
    content-visibility: auto;
}

/* Melhora a exibição de fontes personalizadas para evitar CLS */
section {
    font-display: swap;
}

/* Para o sidebar, em telas menores */
@media (max-width: 920px) {
    .sidebar {
        will-change: transform;
    }
}
/* Botão de Login */
.login-button {
    position: fixed;
    top: 25px;
    right: 70px; /* Ajusta a posição para ficar ao lado do botão de menu */
    z-index: 3000;
    font-weight: bold;
    color: var(--cor-destaque-1); /* Cor vermelha da logo */
    text-decoration: none; /* Remove o sublinhado do hyperlink */
    transition: text-shadow 0.3s ease-in-out;
}

.login-button:hover {
    text-shadow: 0 0 10px var(--cor-destaque-1); /* Sombra ao passar o mouse */
}
/* Nova regra para o contêiner do blog */
.blog-content {
    margin-left: auto; /* Empurra o conteúdo do blog para a direita */
    margin-right: 0;   /* Garante que não haja margem à direita */
    max-width: 1300px; /* Defina uma largura para o conteúdo do blog, se quiser que ele não ocupe toda a largura */
    padding-left: 1.5rem; /* Adiciona um pouco de padding à esquerda para não grudar na borda */
    /* Se você quiser que o blog ocupe a mesma largura que o main, remova o max-width e ajuste o padding */
    box-sizing: border-box;
}

/* Certifique-se que o main permite o conteúdo fluir para a direita, se necessário */
main {
    margin: 0; /* Remove a centralização do main, se estiver usando .blog-content */
    padding: 0 1.5rem;
    /* ... outras propriedades do main */
}

/* Se você quiser manter o main centralizado, mas o conteúdo do blog alinhado à direita dentro dele */
/* Isso é um pouco mais complexo e pode precisar de flexbox no main */

/* Estilo específico para o link de benefícios infantis na aba Valores */
.link-beneficios-infantil {
    /* Usando a variável de Destaque Amarela da sua paleta */
    color: var(--cor-destaque-2); 
    font-weight: bold; /* Para dar mais destaque */
    text-decoration: underline;
    transition: color 0.3s;
}

/* Mudar a cor ao passar o mouse (hover) */
.link-beneficios-infantil:hover {
    /* Usando a variável de Destaque Azul da sua paleta */
    color: var(--cor-destaque-3); 
    text-decoration: none;
}