.elementor-1283 .elementor-element.elementor-element-897b12a{--display:flex;--min-height:65vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;border-style:solid;--border-style:solid;border-width:0px 0px 6px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:6px;--border-left-width:0px;border-color:#1C002E;--border-color:#1C002E;--z-index:0;}.elementor-1283 .elementor-element.elementor-element-897b12a:not(.elementor-motion-effects-element-type-background), .elementor-1283 .elementor-element.elementor-element-897b12a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131313;}.elementor-1283 .elementor-element.elementor-element-897b12a > .elementor-shape-top .elementor-shape-fill, .elementor-1283 .elementor-element.elementor-element-897b12a > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#2A044D;}.elementor-1283 .elementor-element.elementor-element-897b12a > .elementor-shape-top svg, .elementor-1283 .elementor-element.elementor-element-897b12a > .e-con-inner > .elementor-shape-top svg{width:calc(60% + 1.3px);height:32px;}.elementor-1283 .elementor-element.elementor-element-897b12a.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1283 .elementor-element.elementor-element-7dccc42{text-align:center;}.elementor-1283 .elementor-element.elementor-element-7dccc42 .elementor-heading-title{font-family:"Protest Strike", Sans-serif;font-size:95px;font-weight:200;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1283 .elementor-element.elementor-element-a636ff4{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Sora", Sans-serif;font-size:20px;font-weight:500;color:#C504BC;}.elementor-1283 .elementor-element.elementor-element-a636ff4.elementor-element{--align-self:center;}.elementor-1283 .elementor-element.elementor-element-883c0f9{width:100%;max-width:100%;}.elementor-1283 .elementor-element.elementor-element-2321084{--display:flex;--min-height:490px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.33;--overlay-mix-blend-mode:color-dodge;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1283 .elementor-element.elementor-element-2321084::before, .elementor-1283 .elementor-element.elementor-element-2321084 > .elementor-background-video-container::before, .elementor-1283 .elementor-element.elementor-element-2321084 > .e-con-inner > .elementor-background-video-container::before, .elementor-1283 .elementor-element.elementor-element-2321084 > .elementor-background-slideshow::before, .elementor-1283 .elementor-element.elementor-element-2321084 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1283 .elementor-element.elementor-element-2321084 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://revistas.estudiogarra.com.br/wp-content/uploads/2025/12/Logo-Roxa.png");--background-overlay:'';background-position:center right;background-repeat:no-repeat;}.elementor-1283 .elementor-element.elementor-element-6ee665a{width:100%;max-width:100%;}.elementor-1283 .elementor-element.elementor-element-3b5ea21{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:00px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1283 .elementor-element.elementor-element-3b5ea21:not(.elementor-motion-effects-element-type-background), .elementor-1283 .elementor-element.elementor-element-3b5ea21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#131313;}.elementor-1283 .elementor-element.elementor-element-dfda974{width:100%;max-width:100%;}body.elementor-page-1283:not(.elementor-motion-effects-element-type-background), body.elementor-page-1283 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1283 .elementor-element.elementor-element-897b12a{border-width:0px 0px 5px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:5px;--border-left-width:0px;--border-radius:0px 0px 5px 0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1283 .elementor-element.elementor-element-7dccc42{margin:89px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1283 .elementor-element.elementor-element-7dccc42 .elementor-heading-title{font-size:78px;}.elementor-1283 .elementor-element.elementor-element-a636ff4{width:var( --container-widget-width, 280px );max-width:280px;--container-widget-width:280px;--container-widget-flex-grow:0;font-size:17px;}.elementor-1283 .elementor-element.elementor-element-2321084{--min-height:70vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:768px){.elementor-1283 .elementor-element.elementor-element-897b12a{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-897b12a *//* INSTRUÇÕES:
   1. Vá na aba "Avançado" do seu Container ou Seção no Elementor.
   2. Abra a guia "CSS Personalizado" (Custom CSS).
   3. Cole todo o código abaixo.
   
   O keyword ".elementor-1283 .elementor-element.elementor-element-897b12a" aplica o estilo automaticamente ao elemento selecionado.
*/

.elementor-1283 .elementor-element.elementor-element-897b12a {
    /* 1. Definimos a cor base escura (Garra Dark) */
    background-color: #131313;
    
    /* 2. Criamos as camadas de imagem (A ordem é de CIMA para BAIXO) */
    background-image: 
        /* Camada 1 (Topo): Vignette - Escurece as bordas para dar foco ao centro */
        radial-gradient(circle at center, transparent 30%, #131313 100%),

        /* Camada 2: Linhas do Grid Vertical */
        linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        
        /* Camada 3: Linhas do Grid Horizontal */
        linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        
        /* Camada 4 (Fundo): Glow Roxo Centralizado */
        radial-gradient(circle at 50% 50%, rgba(114, 20, 226, 0.15) 0%, transparent 70%);

    /* 3. Definimos os tamanhos de cada camada */
    background-size: 
        100% 100%,      /* Vignette cobre tudo */
        40px 40px,      /* Grid Vertical (tamanho do quadrado) */
        40px 40px,      /* Grid Horizontal */
        100% 100%;      /* Glow cobre tudo */

    /* 4. Configurações de repetição e posição */
    background-repeat: no-repeat, repeat, repeat, no-repeat;
    background-position: center center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2321084 *//* INSTRUÇÕES PARA ELEMENTOR:
   1. Selecione o Container/Seção que envolve a grade de revistas.
   2. Vá na aba "Avançado" > "CSS Personalizado".
   3. Cole este código.
*/

.elementor-1283 .elementor-element.elementor-element-2321084 {
    /* Cor de fundo base (Preto Profundo) */
    background-color: #050505;
    position: relative;
    overflow: hidden; /* Importante para o brilho não vazar */
}

/* Garante que o conteúdo (as revistas) fique ACIMA do fundo */
.elementor-1283 .elementor-element.elementor-element-2321084 > .elementor-container,
.elementor-1283 .elementor-element.elementor-element-2321084 > .elementor-widget-wrap,
.elementor-1283 .elementor-element.elementor-element-2321084 > .e-con-inner {
    position: relative;
    z-index: 10;
}

/* A Camada da Aurora Cósmica */
.elementor-1283 .elementor-element.elementor-element-2321084::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    
    /* A MÁGICA DOS GRADIENTES (Adaptado para Cores Garra):
       1. Topo Direito: Rosa Garra (Foco de luz suave)
       2. Topo Esquerdo: Roxo Garra (Profundidade)
       3. Centro Topo: Roxo/Azulado (Conexão)
       4. Lateral Direita Baixa: Amarelo Garra (Detalhe sutil)
    */
    background-image: 
        /* Rosa (#cc1287) - Topo Direito */
        radial-gradient(ellipse 120% 80% at 70% 20%, rgba(204, 18, 135, 0.15), transparent 60%),
        
        /* Roxo (#7214e2) - Topo Esquerdo */
        radial-gradient(ellipse 100% 60% at 30% 10%, rgba(114, 20, 226, 0.15), transparent 60%),
        
        /* Roxo Escuro Central - Topo */
        radial-gradient(ellipse 90% 70% at 50% 0%, rgba(114, 20, 226, 0.10), transparent 65%),
        
        /* Amarelo (#f9bc0b) - Lateral Direita (Brilho sutil) */
        radial-gradient(ellipse 110% 50% at 80% 40%, rgba(249, 188, 11, 0.08), transparent 50%);

    /* Blur para suavizar as misturas de cores */
    filter: blur(20px);
    opacity: 0.8; /* Ajuste para ser mais ou menos sutil */
}

/* Opcional: Adiciona uma textura de granulação (Noise) bem leve para ficar "Cinematográfico" */
.elementor-1283 .elementor-element.elementor-element-2321084::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: 0.03; /* Quase imperceptível */
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
}/* End custom CSS */