From 11162540dcd016abc2a7a8394afd5469e5f45d01 Mon Sep 17 00:00:00 2001
From: Thiago Monteiro <thiagomonteiro.geo@gmail.com>
Date: Mon, 25 Mar 2024 15:44:16 -0300
Subject: [PATCH] css desktop pagina de videos

---
 .../assets/scss/6-pages/_p-page-videos.scss   | 64 +++++++++++++++++++
 1 file changed, 64 insertions(+)

diff --git a/themes/midia-ninja-theme/assets/scss/6-pages/_p-page-videos.scss b/themes/midia-ninja-theme/assets/scss/6-pages/_p-page-videos.scss
index a888cc61..8c770d43 100644
--- a/themes/midia-ninja-theme/assets/scss/6-pages/_p-page-videos.scss
+++ b/themes/midia-ninja-theme/assets/scss/6-pages/_p-page-videos.scss
@@ -2,6 +2,9 @@
 @import "./../2-atoms/a-mixins";
 
 .page-videos-midia-ninja{
+    header{
+        display: none;
+    }
     #app{
         background-color:var(--wp--preset--color--secondary-light);
         .anuncio-desktop{
@@ -22,6 +25,67 @@
                 display: none;
             }
         }
+        .tv-ninja{
+            background-color: var(--wp--preset--color--primary-pure);
+            border-radius: 8px;
+            padding: 42px 65px 76px 70px;
+            margin-top: 30px;
+
+
+            h4{
+                color: #FFF;
+                font-family: "Archivo Expanded", serif;
+                font-size: 14px;
+                font-style: normal;
+                font-weight: 800;
+                line-height: 155%;
+                letter-spacing: -0.42px;
+                text-transform: uppercase;
+            }
+            h2{
+                color: #FFF;
+                font-family: 'Manrope';
+                font-style: normal;
+                font-weight: 800;
+                line-height: 120%; /* 38.4px */
+                letter-spacing: -0.64px;
+                font-size: 32px;
+            }
+            .video-gallery-block-title{
+                display: none;
+            }
+            .video-gallery-wrapper{
+                grid-template-columns: 1.8fr 1fr;
+                box-shadow: none;
+            }
+            .embed-template-block{
+                figure{
+                    iframe{
+                    border-radius: 8px;
+
+                    }
+                }
+            }
+            .scroll-ratio{
+                height: auto;
+                .sidebar-itens{
+                    button{
+                        &:hover{
+                            background: #262626 !important;
+                        }
+                    }
+                    .embed-template-block{
+                        display: block;
+                        figure{
+                            margin-top: 1rem;
+                            iframe{
+                                height: 96px;
+                            }
+                        }
+                    }         
+                }
+            }
+        }
         .mais-videos {
 			background-color: #000;
 			border: 2px solid var(--SECONDARY, #000);