From 48132c17e59da9b6e05ff6ef0d71e291daf8dd14 Mon Sep 17 00:00:00 2001
From: Leonardo Zanotti <leonardojosezanotti@gmail.com>
Date: Tue, 16 Jul 2024 10:33:41 -0300
Subject: [PATCH] =?UTF-8?q?FIX=20-=20posi=C3=A7=C3=A3o=20da=20search=20bar?=
 =?UTF-8?q?=20na=20p=C3=A1gina=20de=20projetos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/search-filter/template.php     |    1 +
 .../Search/components/search/template.php     |    3 +-
 src/modules/Search/views/search/project.php   |    4 +-
 src/modules/Search/views/search/space.php     |   17 +-
 .../Metabase/assets/css/plugin-metabase.css   |  346 ++++-
 .../assets-src/sass/2.components/_panel.scss  |  513 ++++---
 .../sass/2.components/_search-filter.scss     |  825 ++++++------
 .../assets-src/sass/2.components/_tabs.scss   |  202 ++-
 .../BaseV2/assets-src/sass/pages/_search.scss | 1188 ++++++++---------
 9 files changed, 1705 insertions(+), 1394 deletions(-)

diff --git a/src/modules/Search/components/search-filter/template.php b/src/modules/Search/components/search-filter/template.php
index 7b634d4857..5cfde736b8 100644
--- a/src/modules/Search/components/search-filter/template.php
+++ b/src/modules/Search/components/search-filter/template.php
@@ -1,4 +1,5 @@
 <?php
+
 /**
  * @var MapasCulturais\App $app
  * @var MapasCulturais\Themes\BaseV2\Theme $this
diff --git a/src/modules/Search/components/search/template.php b/src/modules/Search/components/search/template.php
index 5b57f765a1..29727d33b4 100644
--- a/src/modules/Search/components/search/template.php
+++ b/src/modules/Search/components/search/template.php
@@ -1,4 +1,5 @@
 <?php
+
 /**
  * @var MapasCulturais\App $app
  * @var MapasCulturais\Themes\BaseV2\Theme $this
@@ -21,7 +22,7 @@
                 <div :class="['search__header--content-left-icon', entityType+'__background']">
                     <mc-icon :name="entityType"></mc-icon>
                 </div>
-                
+
                 <mc-title tag="h1" class="bold"> {{pageTitle}} </mc-title>
             </div>
 
diff --git a/src/modules/Search/views/search/project.php b/src/modules/Search/views/search/project.php
index ba6292e9d4..e428800d05 100644
--- a/src/modules/Search/views/search/project.php
+++ b/src/modules/Search/views/search/project.php
@@ -26,9 +26,9 @@
         </create-project>
     </template>
     <template #default="{pseudoQuery}">
-        <div class="tabs-component__panels">
+        <div class="tabs-component__panels" style="margin-top: 90px;">
             <div class="search__tabs--list">
-                <search-list :pseudo-query="pseudoQuery" type="project" select="name,type,shortDescription,files.avatar,seals,terms" >
+                <search-list :pseudo-query="pseudoQuery" type="project" select="name,type,shortDescription,files.avatar,seals,terms">
                     <template #filter>
                         <search-filter-project :pseudo-query="pseudoQuery"></search-filter-project>
                     </template>
diff --git a/src/modules/Search/views/search/space.php b/src/modules/Search/views/search/space.php
index 6d8c1e2470..30fd11b49a 100644
--- a/src/modules/Search/views/search/space.php
+++ b/src/modules/Search/views/search/space.php
@@ -1,4 +1,5 @@
-<?php 
+<?php
+
 /**
  * @var MapasCulturais\App $app
  * @var MapasCulturais\Themes\BaseV2\Theme $this
@@ -17,11 +18,11 @@
 ');
 
 $this->breadcrumb = [
-    ['label'=> i::__('Inicio'), 'url' => $app->createUrl('site', 'index')],
-    ['label'=> i::__('Espaços'), 'url' => $app->createUrl('espacos')],
+    ['label' => i::__('Inicio'), 'url' => $app->createUrl('site', 'index')],
+    ['label' => i::__('Espaços'), 'url' => $app->createUrl('espacos')],
 ];
 ?>
-<search page-title="<?php i::esc_attr_e('Espaços') ?>" entity-type="space" :initial-pseudo-query="{'term:area':[], type:[]}">    
+<search page-title="<?php i::esc_attr_e('Espaços') ?>" entity-type="space" :initial-pseudo-query="{'term:area':[], type:[]}">
     <template #create-button>
         <create-space v-if="global.auth.isLoggedIn" #default="{modal}">
             <button @click="modal.open()" class="button button--primary button--icon">
@@ -30,17 +31,17 @@
             </button>
         </create-space>
     </template>
-    <template #default="{pseudoQuery, changeTab}">        
+    <template #default="{pseudoQuery, changeTab}">
         <mc-tabs @changed="changeTab($event)" class="search__tabs" sync-hash>
-            <template  #before-tablist>
+            <template #before-tablist>
                 <label class="search__tabs--before">
                     <?= i::_e('Visualizar como:') ?>
-                </label> 
+                </label>
             </template>
             <?php $this->applyTemplateHook('search-tabs', 'before'); ?>
             <mc-tab icon="list" label="<?php i::esc_attr_e('Lista') ?>" slug="list">
                 <div class="search__tabs--list">
-                    <search-list :pseudo-query="pseudoQuery" type="space" select="name,type,shortDescription,files.avatar,seals,endereco,terms,acessibilidade" >
+                    <search-list :pseudo-query="pseudoQuery" type="space" select="name,type,shortDescription,files.avatar,seals,endereco,terms,acessibilidade">
                         <template #filter>
                             <search-filter-space :pseudo-query="pseudoQuery"></search-filter-space>
                         </template>
diff --git a/src/plugins/Metabase/assets/css/plugin-metabase.css b/src/plugins/Metabase/assets/css/plugin-metabase.css
index ccccaefed6..d4fe28743f 100644
--- a/src/plugins/Metabase/assets/css/plugin-metabase.css
+++ b/src/plugins/Metabase/assets/css/plugin-metabase.css
@@ -1 +1,345 @@
-.list-dashboard{background-color:var(--mc-white);color:var(--mc-black);display:grid;grid-template-columns:19.0625rem calc(100% - 19.0625rem);margin:0 auto;max-width:90rem}.list-dashboard .selected{background-color:var(--mc-primary-500)}.list-dashboard__title{color:var(--mc-gray-700);font-size:.75rem;margin:0 auto;padding:1rem 1rem 1rem 0;text-transform:uppercase}.list-dashboard__text{color:var();font-size:.875rem}.list-dashboard .textselected{color:var(--mc-white)}.list-dashboard__link{color:var(--mc-black);text-decoration:none}.list-dashboard__link a{text-decoration:none}.list-dashboard__nav{background-color:var(--mc-white);border-right:1px solid var(--mc-gray-100);display:flex;flex-direction:column;gap:.5rem;list-style-type:none;margin:0;padding:1rem 2rem 1rem 1.5rem}.list-dashboard__iframe{border-style:none;height:100%;width:100%}.list-dashboard__item{background-color:var(--mc-white);border-radius:.25rem;color:var(--mc-black);margin:0;padding:.5rem 1rem;width:15.625rem}.home-metabase{align-items:center;background-color:var(--mc-home-opportunities);display:flex;flex-direction:column;margin:0 auto;overflow:hidden;padding:3.75rem 1rem;position:relative}.home-metabase__header{align-items:center;display:grid;grid-template-columns:1fr 28.4375rem;margin:0 auto;max-width:73.125rem;width:100%}@media (max-width:37.5rem){.home-metabase__header{align-items:center;display:flex;flex-direction:column}}.home-metabase__left{align-items:flex-start;color:var(--mc-white);display:flex;flex-direction:column;gap:1rem}@media (max-width:37.5rem){.home-metabase__left{align-items:center}.home-metabase__text{text-align:center}}.home-metabase__img{max-width:100%;width:17.8125rem}.home-metabase__panel{display:flex;flex-direction:column;gap:.75rem}.home-metabase__subtitle{color:var(--mc-white)}.home-metabase__content{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.125rem .8125rem;margin:0 auto;max-width:73.125rem;z-index:2}@media (max-width:31.25rem){.home-metabase__content{gap:1.125rem 0}}.metabase-dashboard{background-color:var(--mc-gray-100);margin:0 auto;max-width:90rem;padding-inline:7.4375rem}@media (max-width:31.25rem){.metabase-dashboard{padding-inline:1rem}}.metabase-dashboard__page{background-color:var(--mc-gray-100)}.metabase-dashboard__header{display:flex;flex-direction:column;padding:2.5rem 0 1rem}.metabase-dashboard__content{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;padding-bottom:13.5rem}.metabase-dashboard__card{align-items:flex-start;background:var(--mc-white);border:1px solid var(--mc-gray-100);border-radius:8px;display:inline-flex;flex-direction:column;gap:6px;max-width:23.0625rem;padding:16px 35px 16px 16px}.metabase-card{align-content:space-between;background-color:var(--mc-white);border:.0625rem solid var(--mc-gray-100);border-radius:.5rem;display:grid;max-width:100%;padding:1rem;width:23.1875rem}.metabase-card__header{display:grid;gap:1rem;grid-template-columns:2rem 1fr}.metabase-card__icon{background-color:var(--mc-white);font-size:1.5rem;justify-self:center}.metabase-card__content{align-items:end;display:grid;gap:1.625rem;grid-template-columns:1fr;text-align:center}.metabase-card__number{font-size:var(--mc-font-size-lg)}.metabase-card__label{font-weight:600}.metabase-card__info{align-items:center;display:flex;flex-direction:column;margin:1.125rem 0;text-align:center}.metabase-card__number{font-size:var(--mc-font-size-xl)}.metabase-card__number--long{font-size:var(--mc-font-size-sm)}.metabase-card--double .metabase-card__content{grid-template-columns:1fr 1fr}.metabase-card--double .metabase-card__info:first-of-type .metabase-card__number{font-size:var(--mc-font-size-lg)}.metabase-card--double .metabase-card__info:first-of-type .metabase-card__number--long{font-size:var(--mc-font-size-sm)}.metabase-card--double .metabase-card__number{font-size:var(--mc-font-size-md)}@media (max-width:31.25rem){.metabase-card{min-width:18.5625rem;width:100%}}.controller-metabase{background-color:var(--mc-gray-100)}.entity-cards{align-items:center;display:flex;flex-direction:column;margin:0 auto;overflow:hidden;padding:2px;position:relative}.entity-cards__header{align-items:center;display:grid;grid-template-columns:1fr 28.4375rem;margin:0 auto;width:100%}@media (max-width:37.5rem){.entity-cards__header{align-items:center;display:flex;flex-direction:column}}.entity-cards__panel{display:flex;flex-direction:column;gap:.75rem}.entity-cards__content{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.125rem .8125rem;margin:0 auto;max-width:73.125rem;z-index:2}@media (max-width:31.25rem){.entity-cards__content{gap:1.125rem 0}}.entity-cards-cards{align-content:space-between;background-color:var(--mc-white);border:.125rem solid var(--mc-gray-100);border-radius:.5rem;box-shadow:2px 2px 8px 0 rgba(0,0,0,.251);display:grid;max-width:100%;padding:.3125rem;width:13.75rem}.entity-cards-cards__header{display:grid;gap:1rem;grid-template-columns:2rem 1fr}.entity-cards-cards__icon{align-self:self-start;background-color:var(--mc-white);color:#ef7b45}.entity-cards-cards__content{align-items:end;border-radius:.5rem;display:flex;flex-direction:row;justify-content:space-between;text-align:center}.entity-cards-cards__number{font-size:var(--mc-font-size-lg)}.entity-cards-cards__label{color:#666;font-size:var(--mc-font-size-xxxs)}.entity-cards-cards__info{align-items:left;display:flex;flex-direction:column;justify-content:space-between;margin-left:.125rem;text-align:left}.entity-cards-cards--double .entity-cards-cards__content{grid-template-columns:1fr 1fr}.entity-cards-cards--double .entity-cards-cards__info:first-of-type .metabase-card__number{font-size:var(--mc-font-size-lg)}.entity-cards-cards--double .entity-cards-cards__info:first-of-type .metabase-card__number--long{font-size:var(--mc-font-size-sm)}.entity-cards-cards--double .entity-cards-cards__number{font-size:var(--mc-font-size-md)}@media (max-width:31.25rem){.entity-cards-cards{min-width:18.5625rem;width:100%}}
+/* ----- 1: SETTINGS ------- */
+/* ----- 2: ATOMS ------- */
+/* ----- 3: LAYOUT ------- */
+/* ----- 4: COMPONENTS ------- */
+.list-dashboard {
+  background-color: var(--mc-white);
+  color: var(--mc-black);
+  display: grid;
+  grid-template-columns: 19.0625rem calc(100% - 19.0625rem);
+  max-width: 90rem;
+  margin: 0 auto;
+}
+.list-dashboard .selected {
+  background-color: var(--mc-primary-500);
+}
+.list-dashboard__title {
+  color: var(--mc-gray-700);
+  font-size: 0.75rem;
+  margin: 0 auto;
+  padding: 1rem 1rem 1rem 0;
+  text-transform: uppercase;
+}
+.list-dashboard__text {
+  font-size: 0.875rem;
+  color: var();
+}
+.list-dashboard .textselected {
+  color: var(--mc-white);
+}
+.list-dashboard__link {
+  color: var(--mc-black);
+  text-decoration: none;
+}
+.list-dashboard__link a {
+  text-decoration: none;
+}
+.list-dashboard__nav {
+  list-style-type: none;
+  background-color: var(--mc-white);
+  padding: 1rem 2rem 1rem 1.5rem;
+  margin: 0;
+  border-right: 1px solid var(--mc-gray-100);
+  display: flex;
+  gap: 0.5rem;
+  flex-direction: column;
+}
+.list-dashboard__iframe {
+  height: 100%;
+  width: 100%;
+  border-style: none;
+}
+.list-dashboard__item {
+  padding: 0.5rem 1rem 0.5rem 1rem;
+  margin: 0;
+  border-radius: 0.25rem;
+  width: 15.625rem;
+  background-color: var(--mc-white);
+  color: var(--mc-black);
+}
+
+.home-metabase {
+  margin: 0 auto;
+  background-color: var(--mc-home-opportunities);
+  padding: 3.75rem 1rem;
+  position: relative;
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  flex-direction: column;
+}
+.home-metabase__header {
+  margin: 0 auto;
+  max-width: 73.125rem;
+  width: 100%;
+  display: grid;
+  align-items: center;
+  grid-template-columns: 1fr 28.4375rem;
+}
+@media (max-width: 37.5rem) {
+  .home-metabase__header {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+}
+.home-metabase__left {
+  color: var(--mc-white);
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  align-items: flex-start;
+}
+@media (max-width: 37.5rem) {
+  .home-metabase__left {
+    align-items: center;
+  }
+}
+@media (max-width: 37.5rem) {
+  .home-metabase__text {
+    text-align: center;
+  }
+}
+.home-metabase__img {
+  width: 17.8125rem;
+  max-width: 100%;
+}
+.home-metabase__panel {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+.home-metabase__subtitle {
+  color: var(--mc-white);
+}
+.home-metabase__content {
+  align-items: stretch;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  margin: 0 auto;
+  max-width: 73.125rem;
+  z-index: 2;
+  gap: 1.125rem 0.8125rem;
+}
+@media (max-width: 31.25rem) {
+  .home-metabase__content {
+    gap: 1.125rem 0;
+  }
+}
+
+.metabase-dashboard {
+  padding-inline: 7.4375rem;
+  background-color: var(--mc-gray-100);
+  max-width: 90rem;
+  margin: 0 auto;
+}
+@media (max-width: 31.25rem) {
+  .metabase-dashboard {
+    padding-inline: 1rem;
+  }
+}
+.metabase-dashboard__page {
+  background-color: var(--mc-gray-100);
+}
+.metabase-dashboard__header {
+  display: flex;
+  flex-direction: column;
+  padding: 2.5rem 0 1rem 0;
+}
+.metabase-dashboard__content {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: 1.5rem;
+  padding-bottom: 13.5rem;
+}
+.metabase-dashboard__card {
+  display: inline-flex;
+  padding: 16px 35px 16px 16px;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 6px;
+  max-width: 23.0625rem;
+  border-radius: 8px;
+  border: 1px solid var(--mc-gray-100);
+  background: var(--mc-white);
+}
+
+.metabase-card {
+  width: 23.1875rem;
+  max-width: 100%;
+  background-color: var(--mc-white);
+  border: 0.0625rem solid var(--mc-gray-100);
+  padding: 1rem;
+  border-radius: 0.5rem;
+  display: grid;
+  align-content: space-between;
+}
+.metabase-card__header {
+  display: grid;
+  grid-template-columns: 2rem 1fr;
+  gap: 1rem;
+}
+.metabase-card__icon {
+  background-color: var(--mc-white);
+  font-size: 1.5rem;
+  justify-self: center;
+}
+.metabase-card__content {
+  display: grid;
+  grid-template-columns: 1fr;
+  align-items: end;
+  text-align: center;
+  gap: 1.625rem;
+}
+.metabase-card__number {
+  font-size: var(--mc-font-size-lg);
+}
+.metabase-card__label {
+  font-weight: 600;
+}
+.metabase-card__info {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  margin: 1.125rem 0;
+}
+.metabase-card__number {
+  font-size: var(--mc-font-size-xl);
+}
+.metabase-card__number--long {
+  font-size: var(--mc-font-size-sm);
+}
+.metabase-card--double .metabase-card__content {
+  grid-template-columns: 1fr 1fr;
+}
+.metabase-card--double .metabase-card__info:first-of-type .metabase-card__number {
+  font-size: var(--mc-font-size-lg);
+}
+.metabase-card--double .metabase-card__info:first-of-type .metabase-card__number--long {
+  font-size: var(--mc-font-size-sm);
+}
+.metabase-card--double .metabase-card__number {
+  font-size: var(--mc-font-size-md);
+}
+@media (max-width: 31.25rem) {
+  .metabase-card {
+    min-width: 18.5625rem;
+    width: 100%;
+  }
+}
+
+.controller-metabase {
+  background-color: var(--mc-gray-100);
+}
+
+.entity-cards {
+  margin: 0 auto;
+  position: relative;
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  flex-direction: column;
+  padding: 2px;
+}
+.entity-cards__header {
+  margin: 0 auto;
+  width: 100%;
+  display: grid;
+  align-items: center;
+  grid-template-columns: 1fr 28.4375rem;
+}
+@media (max-width: 37.5rem) {
+  .entity-cards__header {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+}
+.entity-cards__panel {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+.entity-cards__content {
+  align-items: stretch;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  margin: 0 auto;
+  max-width: 73.125rem;
+  z-index: 2;
+  gap: 1.125rem 0.8125rem;
+}
+@media (max-width: 31.25rem) {
+  .entity-cards__content {
+    gap: 1.125rem 0;
+  }
+}
+
+.entity-cards-cards {
+  width: 13.75rem;
+  max-width: 100%;
+  background-color: var(--mc-white);
+  border: 0.125rem solid var(--mc-gray-100);
+  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2509803922);
+  border-radius: 0.5rem;
+  display: grid;
+  align-content: space-between;
+  padding: 0.3125rem;
+}
+.entity-cards-cards__header {
+  display: grid;
+  grid-template-columns: 2rem 1fr;
+  gap: 1rem;
+}
+.entity-cards-cards__icon {
+  background-color: var(--mc-white);
+  align-self: self-start;
+  color: #EF7B45;
+}
+.entity-cards-cards__content {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: end;
+  text-align: center;
+  border-radius: 0.5rem;
+}
+.entity-cards-cards__number {
+  font-size: var(--mc-font-size-lg);
+}
+.entity-cards-cards__label {
+  color: #666666;
+  font-size: var(--mc-font-size-xxxs);
+}
+.entity-cards-cards__info {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: left;
+  text-align: left;
+  margin-left: 0.125rem;
+}
+.entity-cards-cards--double .entity-cards-cards__content {
+  grid-template-columns: 1fr 1fr;
+}
+.entity-cards-cards--double .entity-cards-cards__info:first-of-type .metabase-card__number {
+  font-size: var(--mc-font-size-lg);
+}
+.entity-cards-cards--double .entity-cards-cards__info:first-of-type .metabase-card__number--long {
+  font-size: var(--mc-font-size-sm);
+}
+.entity-cards-cards--double .entity-cards-cards__number {
+  font-size: var(--mc-font-size-md);
+}
+@media (max-width: 31.25rem) {
+  .entity-cards-cards {
+    min-width: 18.5625rem;
+    width: 100%;
+  }
+}
+
+/* ----- 5: AREAS ------- */
diff --git a/src/themes/BaseV2/assets-src/sass/2.components/_panel.scss b/src/themes/BaseV2/assets-src/sass/2.components/_panel.scss
index 56b3bc2135..e16cf0d145 100644
--- a/src/themes/BaseV2/assets-src/sass/2.components/_panel.scss
+++ b/src/themes/BaseV2/assets-src/sass/2.components/_panel.scss
@@ -1,265 +1,258 @@
-@use '../0.settings/mixins' as *;
+@use "../0.settings/mixins" as *;
 
 .controller-panel {
-    &.action-index {
-        background: linear-gradient(90deg, white, white 50%, var(--mc-gray-100) 50%, var(--mc-gray-100));
-    }
-
-    &.action-agents,
-    &.action-spaces,
-    &.action-projects,
-    &.action-opportunities,
-    &.action-events {
-        .panel {
-            .tabs-component__buttons {
-                gap: size(40);
-            }
-        }
-    }
-
-    .tab-component.event-importer {
-        padding: size(24) size(30);
-    }
+	&.action-index {
+		background: linear-gradient(
+			90deg,
+			white,
+			white 50%,
+			var(--mc-gray-100) 50%,
+			var(--mc-gray-100)
+		);
+	}
+
+	&.action-agents,
+	&.action-spaces,
+	&.action-projects,
+	&.action-opportunities,
+	&.action-events {
+		.panel {
+			.tabs-component__buttons {
+				gap: size(40);
+			}
+		}
+	}
+
+	.tab-component.event-importer {
+		padding: size(24) size(30);
+	}
 }
 
-
 .panel {
-    background-color: var(--mc-white);
-    color: var(--mc-black);
-    display: grid;
-    grid-template-columns: size(305) calc(100% - size(305));
-    max-width: size(1440);
-    margin: 0 auto;
-
-    @include mobile {
-        grid-template-columns: 1fr;
-    }
-
-    &__main {
-
-        padding: 0;
-
-        @include mobile {
-            padding: 0;
-        }
-
-        .tabs-component__panels {
-            background-color: var(--mc-gray-100);
-        }
-    }
-
-
-
-    &__row {
-        margin: size(32);
-        max-width: size(1024);
-        position: relative;
-
-        @include mobile {
-            margin: size(16);
-        }
-    }
-
-
-    // páginas internas
-
-    &-page {
-        &__header {
-            padding: size(50) size(32) size(30);
-            max-width: size(1088);
-            @media (max-width:size(400)){
-                padding: size(18) size(16) size(30);
-            }
-            .header-top {
-                margin-bottom: size(26);
-                display: flex;
-                align-items: center;
-                flex-direction: row;
-                justify-content: space-between;
-            }
-
-            &-title {
-                display: flex;
-                justify-content: space-between;
-
-                .title {
-                    align-items: center;
-                    display: grid;
-                    grid-template-columns: size(40) 1.2fr;
-                    gap: size(16);
-
-
-                    &__icon {
-                        align-items: center;
-                        border-radius: var(--mc-border-radius-pill);
-                        display: flex;
-                        height: size(40);
-                        justify-content: center;
-                        width: size(40);
-
-                        &.app__background {
-                            background-color: var(--mc-low-500);
-                        }
-
-                        .iconify {
-                            width: size(22);
-                            height: size(22);
-                            color: var(--mc-high-500);
-                        }
-
-
-                        &.default {
-                            background-color: var(--mc-low-500);
-                        }
-
-                    }
-
-
-
-                    &__title {
-                        font-size: size(32);
-                        font-weight: 700;
-                        line-height: size(44);
-                    }
-                }
-            }
-
-            @include mobile {
-                &-title {
-                    .title {
-
-                        &__icon {
-                            align-items: center;
-                            border-radius: var(--mc-border-radius-pill);
-                            display: flex;
-                            height: size(32);
-                            justify-content: center;
-                            width: size(32);
-
-                            &.app__background {
-                                background-color: var(--mc-low-500);
-                            }
-
-                            .iconify {
-                                width: size(16);
-                                height: size(16);
-                                color: var(--mc-high-500);
-                            }
-
-
-                            &.default {
-                                background-color: var(--mc-low-500);
-                            }
-
-                        }
-
-                        &__title {
-                            font-size: size(20.8);
-                            letter-spacing: -0.05em;
-                        }
-                    }
-                }
-            }
-
-            &-subtitle {
-                font-size: size(16);
-                font-weight: 400;
-                line-height: size(22);
-                margin: size(14) 0 size(24);
-            }
-        }
-
-        &__content {
-            background-color: var(--mc-gray-100);
-            overflow: hidden;
-
-            &-filter {
-                align-items: center;
-                display: flex;
-                gap: size(24);
-                justify-content: flex-start;
-                padding: size(8) size(15);
-                background-color: var(--mc-high-500);
-                margin: size(16) size(32) size(0);
-                max-width: size(1024);
-                border-radius: var(--mc-border-radius-sm);
-
-                input,
-                select {
-                    border: size(1) solid var(--mc-gray-500);
-                    border-radius: var(--mc-border-radius-xs);
-                    padding: size(10) size(16);
-                    background-color: var(--mc-high-500);
-                }
-
-                input {
-                    border-radius: var(--mc-border-radius-pill);
-                }
-
-                input.search {
-                    background: url(https://api.iconify.design/ant-design/search-outlined.svg) no-repeat 92% center/contain;
-                    background-size: size(16);
-                    background-color: var(--mc-high-500);
-                }
-
-                select {
-                    font-weight: 600;
-                    font-size: size(14);
-                    line-height: size(18);
-                    appearance: none;
-                    -webkit-appearance: none;
-                    -moz-appearance: none;
-                    background: url(https://api.iconify.design/ic/baseline-arrow-drop-down.svg) no-repeat 96% center/contain;
-                    background-size: size(20);
-                    background-color: var(--mc-high-500);
-                }
-
-                label {
-                    font-weight: 600;
-                    font-size: size(14);
-                    line-height: size(19);
-                }
-
-                @media (min-width: size(800)) AND (max-width: size(870)) {
-                    flex-direction: column;
-
-                    input.search {
-                        width: 100%;
-                    }
-                }
-
-                @media (max-width: size(800)) {
-                    flex-direction: column;
-                    margin: size(16) size(16) size(0);
-
-                    input.search {
-                        width: 100%;
-                    }
-                }
-            }
-        }
-
-        .actions-left {
-            display: inline-flex;
-
-            .panel__entity-actions:first-of-type {
-
-                display: flex;
-                flex-direction: row-reverse;
-            }
-
-
-            &-before {}
-
-            &-after {}
-
-        }
-
-        .tabs-component {
-            &__panels {
-                margin: 0;
-            }
-
-        }
-    }
-}
\ No newline at end of file
+	background-color: var(--mc-white);
+	color: var(--mc-black);
+	display: grid;
+	grid-template-columns: size(305) calc(100% - size(305));
+	max-width: size(1440);
+	margin: 0 auto;
+
+	@include mobile {
+		grid-template-columns: 1fr;
+	}
+
+	&__main {
+		padding: 0;
+
+		@include mobile {
+			padding: 0;
+		}
+
+		.tabs-component__panels {
+			background-color: var(--mc-gray-100);
+		}
+	}
+
+	&__row {
+		margin: size(32);
+		max-width: size(1024);
+		position: relative;
+
+		@include mobile {
+			margin: size(16);
+		}
+	}
+
+	// páginas internas
+
+	&-page {
+		&__header {
+			padding: size(50) size(32) size(30);
+			max-width: size(1088);
+			@media (max-width: size(400)) {
+				padding: size(18) size(16) size(30);
+			}
+			.header-top {
+				margin-bottom: size(26);
+				display: flex;
+				align-items: center;
+				flex-direction: row;
+				justify-content: space-between;
+			}
+
+			&-title {
+				display: flex;
+				justify-content: space-between;
+
+				.title {
+					align-items: center;
+					display: grid;
+					grid-template-columns: size(40) 1.2fr;
+					gap: size(16);
+
+					&__icon {
+						align-items: center;
+						border-radius: var(--mc-border-radius-pill);
+						display: flex;
+						height: size(40);
+						justify-content: center;
+						width: size(40);
+
+						&.app__background {
+							background-color: var(--mc-low-500);
+						}
+
+						.iconify {
+							width: size(22);
+							height: size(22);
+							color: var(--mc-high-500);
+						}
+
+						&.default {
+							background-color: var(--mc-low-500);
+						}
+					}
+
+					&__title {
+						font-size: size(32);
+						font-weight: 700;
+						line-height: size(44);
+					}
+				}
+			}
+
+			@include mobile {
+				&-title {
+					.title {
+						&__icon {
+							align-items: center;
+							border-radius: var(--mc-border-radius-pill);
+							display: flex;
+							height: size(32);
+							justify-content: center;
+							width: size(32);
+
+							&.app__background {
+								background-color: var(--mc-low-500);
+							}
+
+							.iconify {
+								width: size(16);
+								height: size(16);
+								color: var(--mc-high-500);
+							}
+
+							&.default {
+								background-color: var(--mc-low-500);
+							}
+						}
+
+						&__title {
+							font-size: size(20.8);
+							letter-spacing: -0.05em;
+						}
+					}
+				}
+			}
+
+			&-subtitle {
+				font-size: size(16);
+				font-weight: 400;
+				line-height: size(22);
+				margin: size(14) 0 size(24);
+			}
+		}
+
+		&__content {
+			background-color: var(--mc-gray-100);
+			overflow: hidden;
+
+			&-filter {
+				align-items: center;
+				display: flex;
+				gap: size(24);
+				justify-content: flex-start;
+				padding: size(8) size(15);
+				background-color: var(--mc-high-500);
+				margin: size(16) size(32) size(0);
+				max-width: size(1024);
+				border-radius: var(--mc-border-radius-sm);
+
+				input,
+				select {
+					border: size(1) solid var(--mc-gray-500);
+					border-radius: var(--mc-border-radius-xs);
+					padding: size(10) size(16);
+					background-color: var(--mc-high-500);
+				}
+
+				input {
+					border-radius: var(--mc-border-radius-pill);
+				}
+
+				input.search {
+					background: url(https://api.iconify.design/ant-design/search-outlined.svg)
+						no-repeat 92% center/contain;
+					background-size: size(16);
+					background-color: var(--mc-high-500);
+				}
+
+				select {
+					font-weight: 600;
+					font-size: size(14);
+					line-height: size(18);
+					appearance: none;
+					-webkit-appearance: none;
+					-moz-appearance: none;
+					background: url(https://api.iconify.design/ic/baseline-arrow-drop-down.svg)
+						no-repeat 96% center/contain;
+					background-size: size(20);
+					background-color: var(--mc-high-500);
+				}
+
+				label {
+					font-weight: 600;
+					font-size: size(14);
+					line-height: size(19);
+				}
+
+				@media (min-width: size(800)) AND (max-width: size(870)) {
+					flex-direction: column;
+
+					input.search {
+						width: 100%;
+					}
+				}
+
+				@media (max-width: size(800)) {
+					flex-direction: column;
+					margin: size(16) size(16) size(0);
+
+					input.search {
+						width: 100%;
+					}
+				}
+			}
+		}
+
+		.actions-left {
+			display: inline-flex;
+
+			.panel__entity-actions:first-of-type {
+				display: flex;
+				flex-direction: row-reverse;
+			}
+
+			&-before {
+			}
+
+			&-after {
+			}
+		}
+
+		.tabs-component {
+			&__panels {
+				margin: 0;
+			}
+		}
+	}
+}
diff --git a/src/themes/BaseV2/assets-src/sass/2.components/_search-filter.scss b/src/themes/BaseV2/assets-src/sass/2.components/_search-filter.scss
index 985b96edba..fcc1813363 100644
--- a/src/themes/BaseV2/assets-src/sass/2.components/_search-filter.scss
+++ b/src/themes/BaseV2/assets-src/sass/2.components/_search-filter.scss
@@ -1,424 +1,417 @@
-@use '../0.settings/mixins' as *;
+@use "../0.settings/mixins" as *;
 
 .search-filter {
-    position: relative;
-
-    &__actions {
-        align-items: flex-end;
-        display: flex;
-        flex-direction: column;
-        left: 0;
-        position: absolute;
-        right: 0;
-        top: size(-90);
-
-        &--form {
-            display: flex;
-
-            &-input {
-                border: var(--mc-border-hairline) var(--mc-gray-500);
-                border-radius: var(--mc-border-radius-pill) 0 0 var(--mc-border-radius-pill);
-                border-right: none;
-                font-weight: 400;
-                font-size: size(16);
-                line-height: size(19);
-                margin: 0;
-                min-width: size(395.5);
-                padding: size(13) size(20);
-                width: 100%;
-            }
-
-            &-button {
-                align-items: center;
-                border: var(--mc-border-hairline) var(--mc-gray-500);
-                border-radius: 0 var(--mc-border-radius-pill) var(--mc-border-radius-pill) 0;
-                border-left: none;
-                background-color: var(--mc-high-500);
-                display: flex;
-                justify-content: center;
-                margin: 0;
-                padding: size(13) size(33) size(13) size(20);
-
-                .iconify {
-                    height: size(20.5);
-                    width: size(20.5);
-                }
-            }
-        }
-    }
-
-    &__filter {
-        display: none;
-        background: #FFFFFF;
-        box-shadow: var(--mc-shadow-lv1);
-        border-radius: var(--mc-border-radius-xs);
-        padding: size(16);
-        position: relative;
-        // top: 100%;
-        width: 100%;
-
-        .clear-filter {
-            display: flex;
-            align-items: center;
-            gap: 8px;
-            font-weight: bold;
-            font-size: 16px;
-
-            &.clear-filter:hover,
-            &.clear-filter:active {
-                color: var(--mc-primary-500);
-                border-radius: 4px;
-                max-width: 100%;
-                cursor: pointer;
-            }
-        }
-
-        form,
-        .form {
-            .mc-tag-list__tagList {
-                max-height: size(90);
-                overflow: auto;
-            }
-            
-            &__label {
-                color: var(--mc-primary-500);
-                display: inline-block;
-                font-weight: 700;
-                font-size: size(18);
-                line-height: size(25);
-                margin-bottom: size(15);
-            }
-
-            .field {
-                margin-bottom: size(24);
-
-                label {
-                    align-items: center;
-                    display: flex;
-                }
-
-                .verified {
-                    &::after {
-                        content: '';
-                        background: url('https://api.iconify.design/akar-icons/circle-check-fill.svg?color=%23008240') no-repeat center center / contain;
-                        margin-left: size(10);
-                        width: size(18);
-                        height: size(18);
-
-                        .iconify {
-                            color: var(--mc-success-500);
-                        }
-                    }
-                }
-
-                .datepicker {
-                    display: flex;
-                    flex-direction: column;
-                    gap: size(9);
-                    .filter-btn{
-                        display: flex;
-                        gap: size(8);
-                    }
-                    .dp {
-                        &__icon {
-                            display: none;
-                        }
-
-                        &__input {
-                            font-weight: 800;
-                            font-size: size(14);
-                            line-height: size(19);
-                            padding: size(9) size(25) size(9) size(15);
-                            border: size(2) solid var(--mc-primary-500);
-                            background: url(https://api.iconify.design/ic/baseline-arrow-drop-down.svg) no-repeat 96% center/contain;
-                            background-color: var(--mc-white);
-                            background-size: 20px;
-                        }
-                    }
-
-                    .button {
-                        padding: size(7);
-                        width: size(40);
-                        height: size(40);
-
-                        .iconify {
-                            color: var(--mc-primary-500);
-                            width: size(23);
-                            height: size(23);
-                        }
-                    }
-                }
-            }
-        }
-
-        &.show {
-            display: block;
-        }
-    }
-
-    // in list
-    .list {
-        width: 100%;
-
-        .search-filter {
-            &__actions {
-
-                &--formBtn {
-                    display: none;
-                }
-            }
-
-            &__filter {
-                &--close {
-                    display: none;
-                }
-
-                .content {
-                    .clear-filter {
-                        display: flex;
-                        align-items: center;
-                        gap: 8px;
-                        font-weight: bold;
-                        font-size: 16px;
-
-                    }
-                }
-            }
-
-        }
-    }
-
-    //in map
-    .map {
-        .search-filter {
-            &__actions {
-                top: size(-66);
-
-                &--formBtn {
-                    bottom: size(-74);
-                    position: absolute;
-                }
-            }
-
-            &__filter {
-                background-color: var(--mc-gray-100);
-                padding: 0 size(16) size(21);
-                position: relative;
-                right: 0;
-                top: size(14);
-                max-width: 100%;
-
-                .content {
-                    .clear-filter {
-                        display: flex;
-                        align-items: center;
-                        gap: 8px;
-                        font-weight: bold;
-                        font-size: 16px;
-
-                    }
-                }
-
-                &>* {
-                    clear: both;
-                    display: flex;
-                    flex-direction: column;
-                }
-
-                &--close {
-                    color: var(--mc-low-500);
-                    align-self: flex-end;
-                    left: 20px;
-                }
-
-                form {
-                    background: #FFFFFF;
-                    border-radius: var(--mc-border-radius-xs);
-                    padding: size(16);
-
-                    
-                }
-
-
-            }
-        }
-    }
+	position: relative;
+
+	&__actions {
+		align-items: flex-end;
+		display: flex;
+		flex-direction: column;
+		left: 0;
+		position: absolute;
+		right: 0;
+		top: size(-90);
+
+		&--form {
+			display: flex;
+
+			&-input {
+				border: var(--mc-border-hairline) var(--mc-gray-500);
+				border-radius: var(--mc-border-radius-pill) 0 0
+					var(--mc-border-radius-pill);
+				border-right: none;
+				font-weight: 400;
+				font-size: size(16);
+				line-height: size(19);
+				margin: 0;
+				min-width: size(395.5);
+				padding: size(13) size(20);
+				width: 100%;
+			}
+
+			&-button {
+				align-items: center;
+				border: var(--mc-border-hairline) var(--mc-gray-500);
+				border-radius: 0 var(--mc-border-radius-pill)
+					var(--mc-border-radius-pill) 0;
+				border-left: none;
+				background-color: var(--mc-high-500);
+				display: flex;
+				justify-content: center;
+				margin: 0;
+				padding: size(13) size(33) size(13) size(20);
+
+				.iconify {
+					height: size(20.5);
+					width: size(20.5);
+				}
+			}
+		}
+	}
+
+	&__filter {
+		display: none;
+		background: #ffffff;
+		box-shadow: var(--mc-shadow-lv1);
+		border-radius: var(--mc-border-radius-xs);
+		padding: size(16);
+		position: relative;
+		// top: 100%;
+		width: 100%;
+
+		.clear-filter {
+			display: flex;
+			align-items: center;
+			gap: 8px;
+			font-weight: bold;
+			font-size: 16px;
+
+			&.clear-filter:hover,
+			&.clear-filter:active {
+				color: var(--mc-primary-500);
+				border-radius: 4px;
+				max-width: 100%;
+				cursor: pointer;
+			}
+		}
+
+		form,
+		.form {
+			.mc-tag-list__tagList {
+				max-height: size(90);
+				overflow: auto;
+			}
+
+			&__label {
+				color: var(--mc-primary-500);
+				display: inline-block;
+				font-weight: 700;
+				font-size: size(18);
+				line-height: size(25);
+				margin-bottom: size(15);
+			}
+
+			.field {
+				margin-bottom: size(24);
+
+				label {
+					align-items: center;
+					display: flex;
+				}
+
+				.verified {
+					&::after {
+						content: "";
+						background: url("https://api.iconify.design/akar-icons/circle-check-fill.svg?color=%23008240")
+							no-repeat center center / contain;
+						margin-left: size(10);
+						width: size(18);
+						height: size(18);
+
+						.iconify {
+							color: var(--mc-success-500);
+						}
+					}
+				}
+
+				.datepicker {
+					display: flex;
+					flex-direction: column;
+					gap: size(9);
+					.filter-btn {
+						display: flex;
+						gap: size(8);
+					}
+					.dp {
+						&__icon {
+							display: none;
+						}
+
+						&__input {
+							font-weight: 800;
+							font-size: size(14);
+							line-height: size(19);
+							padding: size(9) size(25) size(9) size(15);
+							border: size(2) solid var(--mc-primary-500);
+							background: url(https://api.iconify.design/ic/baseline-arrow-drop-down.svg)
+								no-repeat 96% center/contain;
+							background-color: var(--mc-white);
+							background-size: 20px;
+						}
+					}
+
+					.button {
+						padding: size(7);
+						width: size(40);
+						height: size(40);
+
+						.iconify {
+							color: var(--mc-primary-500);
+							width: size(23);
+							height: size(23);
+						}
+					}
+				}
+			}
+		}
+
+		&.show {
+			display: block;
+		}
+	}
+
+	// in list
+	.list {
+		width: 100%;
+
+		.search-filter {
+			&__actions {
+				&--formBtn {
+					display: none;
+				}
+			}
+
+			&__filter {
+				&--close {
+					display: none;
+				}
+
+				.content {
+					.clear-filter {
+						display: flex;
+						align-items: center;
+						gap: 8px;
+						font-weight: bold;
+						font-size: 16px;
+					}
+				}
+			}
+		}
+	}
+
+	//in map
+	.map {
+		.search-filter {
+			&__actions {
+				top: size(-66);
+
+				&--formBtn {
+					bottom: size(-74);
+					position: absolute;
+				}
+			}
+
+			&__filter {
+				background-color: var(--mc-gray-100);
+				padding: 0 size(16) size(21);
+				position: relative;
+				right: 0;
+				top: size(14);
+				max-width: 100%;
+
+				.content {
+					.clear-filter {
+						display: flex;
+						align-items: center;
+						gap: 8px;
+						font-weight: bold;
+						font-size: 16px;
+					}
+				}
+
+				& > * {
+					clear: both;
+					display: flex;
+					flex-direction: column;
+				}
+
+				&--close {
+					color: var(--mc-low-500);
+					align-self: flex-end;
+					left: 20px;
+				}
+
+				form {
+					background: #ffffff;
+					border-radius: var(--mc-border-radius-xs);
+					padding: size(16);
+				}
+			}
+		}
+	}
 }
 
 @media (max-width: size(900)) {
-
-    .search-filter {
-
-        &__actions {
-            justify-content: flex-end;
-
-            &--form {
-                &-input {
-                    font-weight: 400;
-                    font-size: size(16);
-                    line-height: size(19);
-                    min-width: unset;
-                    padding: size(9) size(16);
-                }
-
-                &-button {
-                    padding: size(9) size(16);
-                }
-            }
-        }
-
-        &__filter {
-            display: none;
-
-            .close {
-                align-items: center;
-                background-color: white;
-                border-top: none;
-                box-shadow: var(--mc-shadow-lv1);
-                display: flex;
-                gap: size(30);
-                height: size(90);
-                justify-content: space-between;
-                margin: 0 auto;
-                max-width: size(1440);
-                padding: 0 size(16);
-                position: sticky;
-                top: 0;
-                width: 100%;
-                z-index: 1;
-
-                &__btn {
-                    background: none;
-                    border: none;
-                    color: var(--mc-low-500);
-                    cursor: pointer;
-                    display: flex;
-                    margin-right: size(21);
-                    padding: size(6);
-                    text-decoration: none;
-
-                    .iconify {
-                        font-size: size(25);
-                        right: 0;
-                    }
-                }
-
-                &:hover {
-                    background-color: white;
-                    color: var(--mc-low-500);
-                }
-
-                .theme-logo {
-                    max-width: size(379);
-                    margin-left: size(43);
-                    margin-right: size(18);
-                    width: 100%;
-
-                    @media (max-width: size(430)) {
-                        .theme-logo__text {
-                            font-size: size(11);
-                            letter-spacing: size(3);
-                            line-height: size(15);
-                        }
-                    }
-                }
-            }
-
-            &.show {
-                display: block;
-            }
-        }
-
-        .list {
-            left: 0;
-            position: absolute;
-            top: 0;
-
-            .search-filter {
-                &__filter {
-                    background-color: var(--mc-gray-100);
-                    padding: 0;
-                    position: relative;
-                    right: 0;
-                    top: size(14);
-                    width: 100%;
-                    z-index: 2;
-                    overflow-y: auto;
-
-
-                    .content {
-                        padding: size(130) size(16) size(32);
-                    }
-
-                    &>* {
-                        clear: both;
-                    }
-
-                    &--close {
-                        display: flex;
-                        float: right;
-                        padding-right: 0;
-                        margin-top: -40px;
-                        text-decoration: none;
-                        color: var(--mc-low-500);
-                    }
-
-                    form {
-                        background: #FFFFFF;
-                        border-radius: var(--mc-border-radius-xs);
-                        padding: size(16);
-                    }
-                }
-
-                &__actions {
-                    top: size(-74);
-                    justify-content: flex-end;
-
-                    &--formBtn {
-                        display: flex;
-                    }
-                }
-            }
-        }
-
-        .map {
-            .search-filter {
-                &__actions {
-                    top: size(-50);
-                    margin-left: 50%;
-                }
-
-                &__filter {
-                    padding-top: size(90);
-                }
-            }
-        }
-    }
+	.search-filter {
+		&__actions {
+			justify-content: flex-end;
+
+			&--form {
+				&-input {
+					font-weight: 400;
+					font-size: size(16);
+					line-height: size(19);
+					min-width: unset;
+					padding: size(9) size(16);
+				}
+
+				&-button {
+					padding: size(9) size(16);
+				}
+			}
+		}
+
+		&__filter {
+			display: none;
+
+			.close {
+				align-items: center;
+				background-color: white;
+				border-top: none;
+				box-shadow: var(--mc-shadow-lv1);
+				display: flex;
+				gap: size(30);
+				height: size(90);
+				justify-content: space-between;
+				margin: 0 auto;
+				max-width: size(1440);
+				padding: 0 size(16);
+				position: sticky;
+				top: 0;
+				width: 100%;
+				z-index: 1;
+
+				&__btn {
+					background: none;
+					border: none;
+					color: var(--mc-low-500);
+					cursor: pointer;
+					display: flex;
+					margin-right: size(21);
+					padding: size(6);
+					text-decoration: none;
+
+					.iconify {
+						font-size: size(25);
+						right: 0;
+					}
+				}
+
+				&:hover {
+					background-color: white;
+					color: var(--mc-low-500);
+				}
+
+				.theme-logo {
+					max-width: size(379);
+					margin-left: size(43);
+					margin-right: size(18);
+					width: 100%;
+
+					@media (max-width: size(430)) {
+						.theme-logo__text {
+							font-size: size(11);
+							letter-spacing: size(3);
+							line-height: size(15);
+						}
+					}
+				}
+			}
+
+			&.show {
+				display: block;
+			}
+		}
+
+		.list {
+			left: 0;
+			position: absolute;
+			top: 0;
+
+			.search-filter {
+				&__filter {
+					background-color: var(--mc-gray-100);
+					padding: 0;
+					position: relative;
+					right: 0;
+					top: size(14);
+					width: 100%;
+					z-index: 2;
+					overflow-y: auto;
+
+					.content {
+						padding: size(130) size(16) size(32);
+					}
+
+					& > * {
+						clear: both;
+					}
+
+					&--close {
+						display: flex;
+						float: right;
+						padding-right: 0;
+						margin-top: -40px;
+						text-decoration: none;
+						color: var(--mc-low-500);
+					}
+
+					form {
+						background: #ffffff;
+						border-radius: var(--mc-border-radius-xs);
+						padding: size(16);
+					}
+				}
+
+				&__actions {
+					top: size(-74);
+					justify-content: flex-end;
+
+					&--formBtn {
+						display: flex;
+					}
+				}
+			}
+		}
+
+		.map {
+			.search-filter {
+				&__actions {
+					top: size(-50);
+					margin-left: 50%;
+				}
+
+				&__filter {
+					padding-top: size(90);
+				}
+			}
+		}
+	}
 }
 
 @media (max-width: size(800)) {
-    .search-filter {
-        .list {
-            .search-filter {
-                &__actions {
-                    width: 100%;
-                    justify-content: center;
-                    top: size(-124);
-                }
-            }
-        }
-
-        .map {
-            height: 0;
-
-            .search-filter {
-                &__actions {
-                    justify-content: center;
-                    position: relative;
-                    top: size(-100);
-                    margin-left: 0;
-                }
-            }
-        }
-    }
-}
\ No newline at end of file
+	.search-filter {
+		.list {
+			.search-filter {
+				&__actions {
+					width: 100%;
+					justify-content: center;
+					top: size(-124);
+				}
+			}
+		}
+
+		.map {
+			height: 0;
+
+			.search-filter {
+				&__actions {
+					justify-content: center;
+					position: relative;
+					top: size(-100);
+					margin-left: 0;
+				}
+			}
+		}
+	}
+}
diff --git a/src/themes/BaseV2/assets-src/sass/2.components/_tabs.scss b/src/themes/BaseV2/assets-src/sass/2.components/_tabs.scss
index 93a32bb139..c06025d800 100644
--- a/src/themes/BaseV2/assets-src/sass/2.components/_tabs.scss
+++ b/src/themes/BaseV2/assets-src/sass/2.components/_tabs.scss
@@ -1,106 +1,102 @@
-@use '../0.settings/mixins' as *;
+@use "../0.settings/mixins" as *;
 
 .tabs-component {
-    
-    @include mobile {
-        max-width: 100vw;
-    }
-
-    &__header {
-        align-items: baseline;
-        display: flex;
-        gap: size(16);
-        justify-content: space-between;
-        max-width: size(1170);
-        margin: 0 auto;
-        overflow-x: auto;
-
-        &--left {
-            align-items: baseline;
-            display: flex;
-            gap: size(16);
-        }
-
-        &--right {
-
-        }
-
-    }
-
-    &__alert {
-        max-width: size(1170);
-        margin: 0 auto size(30);
-        display: flex;
-    }
-
-    &__buttons {
-        display: flex;
-        margin: 0;
-        overflow: auto;
-        padding: 0;
-        transform: rotateX(180deg); // Hack to put scrollbar above content
-        white-space: nowrap;
-        width: auto;
-        gap: size(22);
-
-    }
-
-    &__button {
-        display: inline-block;
-        list-style: none;
-        transform: rotateX(180deg);
-        
-        a {
-            align-items: center;
-            color: inherit;
-            display: flex;
-            font-weight: var(--mc-font-regular);
-            line-height: size(20);
-            padding: size(7) size(13);
-            text-decoration: none;
-        }
-
-        &--active {
-            a {
-                font-weight: var(--mc-font-semibold);
-            }
-            
-            &::after {
-                border-radius: var(--mc-border-radius-sm);
-                background-color: black;
-                display: block;
-                height: size(6);
-                content: '';
-                width: 100%;
-            }
-        }
-
-        .iconify {
-            color: var(--mc-gray-700);
-            font-size: size(20);
-            margin-right: size(6);
-        }
-
-        &.is-active {
-            color: var(--mc-primary-500);
-            font-weight: bold;
-
-            &::after {
-                background-color: var(--mc-primary-500);
-            }
-
-            .iconify {
-                color: var(--mc-primary-500);
-            }
-        }
-
-        &.is-disabled {
-            color: var(--mc-gray-500);
-        }
-    }
-
-    &__panels {
-        padding: 0.1px; // Hack to avoid margins collapse
-        margin: 0 0 size(40);
-    }
+	@include mobile {
+		max-width: 100vw;
+	}
+
+	&__header {
+		align-items: baseline;
+		display: flex;
+		gap: size(16);
+		justify-content: space-between;
+		max-width: size(1170);
+		margin: 0 auto;
+		overflow-x: auto;
+
+		&--left {
+			align-items: baseline;
+			display: flex;
+			gap: size(16);
+		}
+
+		&--right {
+		}
+	}
+
+	&__alert {
+		max-width: size(1170);
+		margin: 0 auto size(30);
+		display: flex;
+	}
+
+	&__buttons {
+		display: flex;
+		margin: 0;
+		overflow: auto;
+		padding: 0;
+		transform: rotateX(180deg); // Hack to put scrollbar above content
+		white-space: nowrap;
+		width: auto;
+		gap: size(22);
+	}
+
+	&__button {
+		display: inline-block;
+		list-style: none;
+		transform: rotateX(180deg);
+
+		a {
+			align-items: center;
+			color: inherit;
+			display: flex;
+			font-weight: var(--mc-font-regular);
+			line-height: size(20);
+			padding: size(7) size(13);
+			text-decoration: none;
+		}
+
+		&--active {
+			a {
+				font-weight: var(--mc-font-semibold);
+			}
+
+			&::after {
+				border-radius: var(--mc-border-radius-sm);
+				background-color: black;
+				display: block;
+				height: size(6);
+				content: "";
+				width: 100%;
+			}
+		}
+
+		.iconify {
+			color: var(--mc-gray-700);
+			font-size: size(20);
+			margin-right: size(6);
+		}
+
+		&.is-active {
+			color: var(--mc-primary-500);
+			font-weight: bold;
+
+			&::after {
+				background-color: var(--mc-primary-500);
+			}
+
+			.iconify {
+				color: var(--mc-primary-500);
+			}
+		}
+
+		&.is-disabled {
+			color: var(--mc-gray-500);
+		}
+	}
+
+	&__panels {
+		padding: 0.1px; // Hack to avoid margins collapse
+		margin: 0 0 size(40);
+	}
 }
diff --git a/src/themes/BaseV2/assets-src/sass/pages/_search.scss b/src/themes/BaseV2/assets-src/sass/pages/_search.scss
index b2af7255b5..0c0a932335 100644
--- a/src/themes/BaseV2/assets-src/sass/pages/_search.scss
+++ b/src/themes/BaseV2/assets-src/sass/pages/_search.scss
@@ -1,609 +1,591 @@
-@use '../0.settings/mixins' as *;
+@use "../0.settings/mixins" as *;
 
 .search {
-    .mc-loading {
-        color: var(--mc-low-500);
-    }
-
-    .tab-component {
-        &.map {
-            .mc-loading {
-                left: 50%;
-                margin-left: size(-50);
-                position: fixed;
-                top: 49%;
-                width: size(200);
-                z-index: 1000;
-            }
-        }
-
-        &.list {
-
-            .mc-loading,
-            .panel__row {
-                grid-column-end: span 9;
-                text-align: center;
-            }
-        }
-    }
-
-    &__header {
-        background-color: var(--mc-high-500);
-        border: unset;
-        bottom: 0;
-        padding: size(50) 0 0;
-
-        &--content {
-            align-items: center;
-            display: flex;
-            flex-wrap: wrap;
-            gap: size(10);
-            justify-content: space-between;
-            margin: 0 auto;
-            max-width: size(1170);
-            padding: 0 size(16);
-
-            &-left {
-                align-items: center;
-                display: flex;
-                gap: size(16);
-
-                &-icon {
-                    align-items: center;
-                    border-radius: 50%;
-                    display: flex;
-                    height: size(48);
-                    justify-content: center;
-                    width: size(48);
-
-                    .iconify {
-                        font-size: size(20);
-
-                    }
-
-                    @media (max-width: size(500)) {
-                        height: size(32);
-                        width: size(32);
-
-                        .iconify {
-                            font-size: size(10);
-
-                        }
-                    }
-                }
-
-                &-label {
-                    line-height: size(65);
-                    font-size: size(48);
-                    font-weight: 700;
-
-                    @media (max-width: size(500)) {
-                        line-height: size(33);
-                        font-size: size(24);
-                        font-weight: 700;
-                    }
-                }
-            }
-
-            &--right {
-                .button {
-
-                    display: flex;
-                    gap: 24px;
-
-                }
-            }
-        }
-    }
-
-    &__tabs {
-
-        // label - before - tabs
-        &--before {
-            line-height: size(22);
-            font-size: size(16);
-            font-weight: 600;
-
-            @media (max-width: size(500)) {
-                line-height: size(20);
-                font-size: size(14);
-            }
-        }
-
-        //header - tabs
-        .tabs-component__header {
-            align-items: flex-end;
-            height: size(87.5);
-            padding: size(21) size(16) size(18);
-            position: relative;
-
-            &--left {
-                align-items: center;
-                bottom: size(0);
-                position: absolute;
-                left: size(16);
-            }
-
-            &--right {
-                display: flex;
-                flex-direction: row;
-                justify-content: flex-end;
-                left: 0;
-                position: absolute;
-                width: 100%;
-            }
-
-            @media (max-width: size(800)) {
-                margin-top: size(60);
-                height: size(63);
-                justify-content: center;
-
-                &--left {
-                    bottom: 0;
-                }
-            }
-        }
-
-        // paineis - tabs
-        .tabs-component__panels {
-            background-color: var(--mc-gray-100);
-            margin: 0;
-            min-height: size(500);
-        }
-
-        // grupo de botões - tabs
-        .tabs-component__buttons {
-            margin: 0;
-            z-index: 1;
-
-            // resolve a sobreposição dos filtros no tabs.
-            .search-filter .map .search-filter__actions {
-                z-index: 0;
-            }
-
-            .tabs-component__button {
-                font-size: size(14);
-                font-weight: 700;
-                line-height: size(19);
-
-                a {
-                    margin: 0;
-                    padding: size(11) size(13) size(11);
-
-                    @media (max-width: size(800)) {
-                        padding: size(7) size(13) size(7);
-                    }
-
-                    .iconify,
-                    span {
-                        color: var(--mc-gray-500);
-                    }
-                }
-
-                &--active {
-                    a {
-
-                        .iconify,
-                        span {
-                            color: var(--mc-gray-700);
-                        }
-                    }
-                }
-
-                &--active::after {
-                    background-color: var(--mc-primary-500);
-                }
-
-
-
-            }
-
-        }
-
-        // tab - list
-        &--list {
-            margin: 0 auto;
-            max-width: size(1170);
-            padding: size(24) size(16) size(40);
-            width: 100%;
-
-            .search-list {
-                &__order {
-                    align-items: flex-end;
-                    display: flex;
-                    gap: size(20) size(24);
-                    margin-bottom: size(10);
-            
-                    .field {
-                        width: auto;
-
-                        select {
-                            border-radius: var(--mc-border-radius-sm);
-                            border: var(--mc-border-solid) var(--mc-primary-500);
-                            font-size: size(14);
-                            font-weight: 800;
-                            line-height: size(19);
-                            padding: size(9) size(32) size(8) size(12);
-                        }
-                    }
-
-                    .foundResults {
-                        background-color: var(--mc-white);
-                        border-radius: var(--mc-border-radius-sm);
-                        font-weight: 700;
-                        font-size: size(14);
-                        line-height: size(18);
-                        padding: size(11) size(16);
-                    }
-                    
-                    .buttons {
-                        display: flex;
-                        gap: size(8);
-
-                        .orderBtn {
-                            align-items: center;
-                            background-color: var(--mc-white);
-                            border-radius: var(--mc-border-radius-sm);
-                            border: none;
-                            display: flex;
-                            height: size(40);
-                            justify-content: center;
-                            width: size(40);
-
-                            .iconify {
-                                color: var(--mc-gray-300);
-                                font-size: size(24);
-                                margin-top: size(2);
-                            }
-
-                            &.active {
-                                background-color: var(--mc-primary-500);
-
-                                .iconify {
-                                    color: var(--mc-white);
-                                }
-                            }
-                        }
-                    }
-
-                    @media (max-width: size(610)) {
-                        align-items: center;
-                        flex-direction: column-reverse;
-
-                        .field, .foundResults {
-                            width: 100%;
-                        }
-                    }
-                }
-                
-                &__filter {
-                    display: flex;
-                    grid-row-start: 1;
-                    grid-column-start: 10;
-                    justify-content: flex-end;
-                    max-width: size(1170);
-                    padding: 0;
-
-                    &--filter {
-                        width: 100%;
-                    }
-                }
-
-                .entity-card {
-                    &__header {
-                        @media (max-width: size(800)) {
-                            flex-direction: column;
-                        }
-                    }
-                    .user-info__attr {
-                        font-weight: 600;
-                        font-size: size(14);
-
-                        .upper {
-                            text-transform: uppercase;
-                        }
-
-                        .event__color {
-                            display: none;
-                        }
-                    }
-                }
-
-                &__loadMore {
-                    width: size(227);
-                    margin: 0 auto;
-                }
-
-                &__cards {
-                    position: relative;
-
-                    //aqui é o estilo do marcador de tempo
-                    &--date {
-                        align-items: center;
-                        display: flex;
-                        gap: size(8);
-                        margin-bottom: size(20);
-
-                        &-info {
-                            display: flex;
-                            flex-direction: column;
-                            left: 0;
-                            position: relative;
-                            text-align: right;
-
-                            .weekend {
-                                font-size: size(13);
-                            }
-
-                            .actual-date {
-                                display: flex;
-                                flex-direction: column;
-                                left: 0;
-                                position: relative;
-                                text-align: right;
-                                font-size: 700;
-
-                                h2 {
-                                }
-
-                                label {
-                                    font-size: 18px;
-                                    font-weight: 600;
-                                }
-                            }
-                        }
-
-                        &-line {
-                            height: size(1);
-                            background: black;
-                            flex-grow: 1;
-                        }
-                    }
-                }
-            }
-
-            @media (max-width: size(900)) {
-                .col-9 {
-                    grid-column-end: span 12;
-                }
-
-                .col-3 {
-                    grid-column-start: 1;
-                    grid-column-end: 13;
-                }
-            }
-        }
-
-        // tab - map
-        &--map {
-
-            position: relative;
-
-            .search-filter {
-                grid-column-start: 10;
-            }
-
-            .mc-map {
-                height: size(800);
-
-                .leaflet-container {
-                    z-index: 0;
-                }
-
-                @media (max-width: size(600)) {
-                    height: size(500);
-                }
-
-                @media (max-width: size(360)) {
-                    height: size(500);
-                }
-            }
-
-            .search-map {
-                &__filter {
-                    display: flex;
-                    justify-content: flex-end;
-                    max-width: size(1170);
-                    margin: 0 auto;
-                    padding: 0 size(16);
-
-                    &--filter {
-                        position: absolute;
-                        width: size(328);
-                        z-index: 1;
-                    }
-                }
-
-                &__events {
-
-                    overflow-y: auto;
-                    position: absolute;
-                    width: size(360);
-                    background-color: var(--mc-gray-100);
-                    top: 0;
-                    height: 100%;
-                    left: 0;
-                    padding: 0 size(16) size(16);
-
-                    &--close {
-                        float: right;
-                        font-weight: 600;
-                        font-size: size(16);
-                        line-height: size(22);
-                        color: var(--mc-low-700);
-
-                        .iconify {
-                            width: size(22);
-                            height: size(22);
-                        }
-
-                        &:hover {
-                            color: var(--mc-low-500);
-                        }
-                    }
-
-                    &--adress {
-                        display: flex;
-                        align-items: baseline;
-                        justify-content: center;
-                        gap: size(8);
-
-                        .iconify {
-                            background-color: white;
-                            min-width: max-content;
-                        }
-
-                        &-label {
-                            font-weight: 600;
-                            font-size: size(14);
-                            line-height: size(19);
-                        }
-                    }
-
-                    &--spaces {
-                        clear: both;
-                        padding: size(14) size(16) size(21);
-                        background-color: var(--mc-white);
-                        border-radius: var(--mc-border-radius-xs);
-
-                        &-title {
-                            font-weight: 600;
-                            font-size: size(16);
-                            line-height: size(22);
-                        }
-
-                        .space-link {
-                            display: flex;
-                            gap: size(6);
-                            align-items: center;
-
-                            &__icon {
-                                width: size(32);
-                                height: size(32);
-                                display: flex;
-                                align-items: center;
-                                justify-content: center;
-                                border-radius: var(--mc-border-radius-pill);
-                                background-color: var(--mc-spaces-500);
-
-                                .iconify {
-                                    color: var(--mc-white);
-                                }
-                            }
-
-                            a {
-                                text-decoration: none;
-                                color: var(--mc-low-500);
-                                margin: size(16) 0;
-                                font-weight: 700;
-                                font-size: size(18);
-                                line-height: size(25);
-                            }
-
-                        }
-
-                    }
-                }
-
-                &__cards {
-                    position: relative;
-
-                    //aqui é o estilo do marcador de tempo
-                    &--date {
-                        align-items: center;
-                        display: flex;
-                        gap: size(8);
-                        margin: size(20) 0;
-
-                        &-info {
-                            display: flex;
-                            flex-direction: column;
-                            left: 0;
-                            position: relative;
-                            text-align: right;
-
-                            .weekend {
-                                font-size: size(13);
-                            }
-                        }
-
-                        &-line {
-                            height: size(1);
-                            background: black;
-                            flex-grow: 1;
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    @media (max-width: size(900)) {
-        &__tabs {
-
-            &--map,
-            &--list {
-
-                .search-filter {
-                    &__actions {
-                        display: flex;
-                        flex-direction: row;
-                        gap: size(8);
-
-                        &--formBtn {
-                            position: relative !important;
-                            bottom: unset !important;
-                        }
-                    }
-
-                    &__filter {
-                        height: 100vh !important;
-                        position: fixed !important;
-                        right: 0 !important;
-                        top: 0 !important;
-                        width: 100vw !important;
-                    }
-                }
-
-                .search-map {
-                    &__filter {
-                        &--filter {
-                            position: relative;
-                            width: 100%;
-                        }
-                    }
-
-                }
-            }
-        }
-    }
+	.mc-loading {
+		color: var(--mc-low-500);
+	}
+
+	.tab-component {
+		&.map {
+			.mc-loading {
+				left: 50%;
+				margin-left: size(-50);
+				position: fixed;
+				top: 49%;
+				width: size(200);
+				z-index: 1000;
+			}
+		}
+
+		&.list {
+			.mc-loading,
+			.panel__row {
+				grid-column-end: span 9;
+				text-align: center;
+			}
+		}
+	}
+
+	&__header {
+		background-color: var(--mc-high-500);
+		border: unset;
+		bottom: 0;
+		padding: size(50) 0 0;
+
+		&--content {
+			align-items: center;
+			display: flex;
+			flex-wrap: wrap;
+			gap: size(10);
+			justify-content: space-between;
+			margin: 0 auto;
+			max-width: size(1170);
+			padding: 0 size(16);
+
+			&-left {
+				align-items: center;
+				display: flex;
+				gap: size(16);
+
+				&-icon {
+					align-items: center;
+					border-radius: 50%;
+					display: flex;
+					height: size(48);
+					justify-content: center;
+					width: size(48);
+
+					.iconify {
+						font-size: size(20);
+					}
+
+					@media (max-width: size(500)) {
+						height: size(32);
+						width: size(32);
+
+						.iconify {
+							font-size: size(10);
+						}
+					}
+				}
+
+				&-label {
+					line-height: size(65);
+					font-size: size(48);
+					font-weight: 700;
+
+					@media (max-width: size(500)) {
+						line-height: size(33);
+						font-size: size(24);
+						font-weight: 700;
+					}
+				}
+			}
+
+			&--right {
+				.button {
+					display: flex;
+					gap: 24px;
+				}
+			}
+		}
+	}
+
+	&__tabs {
+		// label - before - tabs
+		&--before {
+			line-height: size(22);
+			font-size: size(16);
+			font-weight: 600;
+
+			@media (max-width: size(500)) {
+				line-height: size(20);
+				font-size: size(14);
+			}
+		}
+
+		//header - tabs
+		.tabs-component__header {
+			align-items: flex-end;
+			height: size(87.5);
+			padding: size(21) size(16) size(18);
+			position: relative;
+
+			&--left {
+				align-items: center;
+				bottom: size(0);
+				position: absolute;
+				left: size(16);
+			}
+
+			&--right {
+				display: flex;
+				flex-direction: row;
+				justify-content: flex-end;
+				left: 0;
+				position: absolute;
+				width: 100%;
+			}
+
+			@media (max-width: size(800)) {
+				margin-top: size(60);
+				height: size(63);
+				justify-content: center;
+
+				&--left {
+					bottom: 0;
+				}
+			}
+		}
+
+		// paineis - tabs
+		.tabs-component__panels {
+			background-color: var(--mc-gray-100);
+			margin: 0;
+			min-height: size(500);
+		}
+
+		// grupo de botões - tabs
+		.tabs-component__buttons {
+			margin: 0;
+			z-index: 1;
+
+			// resolve a sobreposição dos filtros no tabs.
+			.search-filter .map .search-filter__actions {
+				z-index: 0;
+			}
+
+			.tabs-component__button {
+				font-size: size(14);
+				font-weight: 700;
+				line-height: size(19);
+
+				a {
+					margin: 0;
+					padding: size(11) size(13) size(11);
+
+					@media (max-width: size(800)) {
+						padding: size(7) size(13) size(7);
+					}
+
+					.iconify,
+					span {
+						color: var(--mc-gray-500);
+					}
+				}
+
+				&--active {
+					a {
+						.iconify,
+						span {
+							color: var(--mc-gray-700);
+						}
+					}
+				}
+
+				&--active::after {
+					background-color: var(--mc-primary-500);
+				}
+			}
+		}
+
+		// tab - list
+		&--list {
+			margin: 0 auto;
+			max-width: size(1170);
+			padding: size(24) size(16) size(40);
+			width: 100%;
+
+			.search-list {
+				&__order {
+					align-items: flex-end;
+					display: flex;
+					gap: size(20) size(24);
+					margin-bottom: size(10);
+
+					.field {
+						width: auto;
+
+						select {
+							border-radius: var(--mc-border-radius-sm);
+							border: var(--mc-border-solid) var(--mc-primary-500);
+							font-size: size(14);
+							font-weight: 800;
+							line-height: size(19);
+							padding: size(9) size(32) size(8) size(12);
+						}
+					}
+
+					.foundResults {
+						background-color: var(--mc-white);
+						border-radius: var(--mc-border-radius-sm);
+						font-weight: 700;
+						font-size: size(14);
+						line-height: size(18);
+						padding: size(11) size(16);
+					}
+
+					.buttons {
+						display: flex;
+						gap: size(8);
+
+						.orderBtn {
+							align-items: center;
+							background-color: var(--mc-white);
+							border-radius: var(--mc-border-radius-sm);
+							border: none;
+							display: flex;
+							height: size(40);
+							justify-content: center;
+							width: size(40);
+
+							.iconify {
+								color: var(--mc-gray-300);
+								font-size: size(24);
+								margin-top: size(2);
+							}
+
+							&.active {
+								background-color: var(--mc-primary-500);
+
+								.iconify {
+									color: var(--mc-white);
+								}
+							}
+						}
+					}
+
+					@media (max-width: size(610)) {
+						align-items: center;
+						flex-direction: column-reverse;
+
+						.field,
+						.foundResults {
+							width: 100%;
+						}
+					}
+				}
+
+				&__filter {
+					display: flex;
+					grid-row-start: 1;
+					grid-column-start: 10;
+					justify-content: flex-end;
+					max-width: size(1170);
+					padding: 0;
+
+					&--filter {
+						width: 100%;
+					}
+				}
+
+				.entity-card {
+					&__header {
+						@media (max-width: size(800)) {
+							flex-direction: column;
+						}
+					}
+					.user-info__attr {
+						font-weight: 600;
+						font-size: size(14);
+
+						.upper {
+							text-transform: uppercase;
+						}
+
+						.event__color {
+							display: none;
+						}
+					}
+				}
+
+				&__loadMore {
+					width: size(227);
+					margin: 0 auto;
+				}
+
+				&__cards {
+					position: relative;
+
+					//aqui é o estilo do marcador de tempo
+					&--date {
+						align-items: center;
+						display: flex;
+						gap: size(8);
+						margin-bottom: size(20);
+
+						&-info {
+							display: flex;
+							flex-direction: column;
+							left: 0;
+							position: relative;
+							text-align: right;
+
+							.weekend {
+								font-size: size(13);
+							}
+
+							.actual-date {
+								display: flex;
+								flex-direction: column;
+								left: 0;
+								position: relative;
+								text-align: right;
+								font-size: 700;
+
+								h2 {
+								}
+
+								label {
+									font-size: 18px;
+									font-weight: 600;
+								}
+							}
+						}
+
+						&-line {
+							height: size(1);
+							background: black;
+							flex-grow: 1;
+						}
+					}
+				}
+			}
+
+			@media (max-width: size(900)) {
+				.col-9 {
+					grid-column-end: span 12;
+				}
+
+				.col-3 {
+					grid-column-start: 1;
+					grid-column-end: 13;
+				}
+			}
+		}
+
+		// tab - map
+		&--map {
+			position: relative;
+
+			.search-filter {
+				grid-column-start: 10;
+			}
+
+			.mc-map {
+				height: size(800);
+
+				.leaflet-container {
+					z-index: 0;
+				}
+
+				@media (max-width: size(600)) {
+					height: size(500);
+				}
+
+				@media (max-width: size(360)) {
+					height: size(500);
+				}
+			}
+
+			.search-map {
+				&__filter {
+					display: flex;
+					justify-content: flex-end;
+					max-width: size(1170);
+					margin: 0 auto;
+					padding: 0 size(16);
+
+					&--filter {
+						position: absolute;
+						width: size(328);
+						z-index: 1;
+					}
+				}
+
+				&__events {
+					overflow-y: auto;
+					position: absolute;
+					width: size(360);
+					background-color: var(--mc-gray-100);
+					top: 0;
+					height: 100%;
+					left: 0;
+					padding: 0 size(16) size(16);
+
+					&--close {
+						float: right;
+						font-weight: 600;
+						font-size: size(16);
+						line-height: size(22);
+						color: var(--mc-low-700);
+
+						.iconify {
+							width: size(22);
+							height: size(22);
+						}
+
+						&:hover {
+							color: var(--mc-low-500);
+						}
+					}
+
+					&--adress {
+						display: flex;
+						align-items: baseline;
+						justify-content: center;
+						gap: size(8);
+
+						.iconify {
+							background-color: white;
+							min-width: max-content;
+						}
+
+						&-label {
+							font-weight: 600;
+							font-size: size(14);
+							line-height: size(19);
+						}
+					}
+
+					&--spaces {
+						clear: both;
+						padding: size(14) size(16) size(21);
+						background-color: var(--mc-white);
+						border-radius: var(--mc-border-radius-xs);
+
+						&-title {
+							font-weight: 600;
+							font-size: size(16);
+							line-height: size(22);
+						}
+
+						.space-link {
+							display: flex;
+							gap: size(6);
+							align-items: center;
+
+							&__icon {
+								width: size(32);
+								height: size(32);
+								display: flex;
+								align-items: center;
+								justify-content: center;
+								border-radius: var(--mc-border-radius-pill);
+								background-color: var(--mc-spaces-500);
+
+								.iconify {
+									color: var(--mc-white);
+								}
+							}
+
+							a {
+								text-decoration: none;
+								color: var(--mc-low-500);
+								margin: size(16) 0;
+								font-weight: 700;
+								font-size: size(18);
+								line-height: size(25);
+							}
+						}
+					}
+				}
+
+				&__cards {
+					position: relative;
+
+					//aqui é o estilo do marcador de tempo
+					&--date {
+						align-items: center;
+						display: flex;
+						gap: size(8);
+						margin: size(20) 0;
+
+						&-info {
+							display: flex;
+							flex-direction: column;
+							left: 0;
+							position: relative;
+							text-align: right;
+
+							.weekend {
+								font-size: size(13);
+							}
+						}
+
+						&-line {
+							height: size(1);
+							background: black;
+							flex-grow: 1;
+						}
+					}
+				}
+			}
+		}
+	}
+
+	@media (max-width: size(900)) {
+		&__tabs {
+			&--map,
+			&--list {
+				.search-filter {
+					&__actions {
+						display: flex;
+						flex-direction: row;
+						gap: size(8);
+
+						&--formBtn {
+							position: relative !important;
+							bottom: unset !important;
+						}
+					}
+
+					&__filter {
+						height: 100vh !important;
+						position: fixed !important;
+						right: 0 !important;
+						top: 0 !important;
+						width: 100vw !important;
+					}
+				}
+
+				.search-map {
+					&__filter {
+						&--filter {
+							position: relative;
+							width: 100%;
+						}
+					}
+				}
+			}
+		}
+	}
 }
 
 .action-opportunities,
 .action-projects {
-    .search {
-        .tabs-component__panels {
-            background: var(--mc-gray-100);
-            padding-bottom: size(40);
-            margin-bottom: 0;
-            min-height: size(500);
-
-            @media (max-width: size(800)) {
-                margin-top: size(5);
-            }
-
-            @media (max-width: size(500)) {
-                margin-top: size(5);
-            }
-        }
-
-        .search__tabs--list {
-
-            .mc-loading,
-            .panel__row {
-                grid-column-end: span 9;
-                text-align: center;
-            }
-        }
-    }
-}
\ No newline at end of file
+	.search {
+		.tabs-component__panels {
+			background: var(--mc-gray-100);
+			padding-bottom: size(40);
+			margin-bottom: 0;
+			min-height: size(500);
+
+			@media (max-width: size(800)) {
+				margin-top: size(5);
+			}
+
+			@media (max-width: size(500)) {
+				margin-top: size(5);
+			}
+		}
+
+		.search__tabs--list {
+			.mc-loading,
+			.panel__row {
+				grid-column-end: span 9;
+				text-align: center;
+			}
+		}
+	}
+}