wagtail-enap-designsystem 1.2.1.144__py3-none-any.whl → 1.2.1.145__py3-none-any.whl

enap_designsystem/static/enap_designsystem/blocks/accordions.css

@@ -59,6 +59,7 @@ body {
   margin: auto;
   width: 100%;
   margin-bottom: 20px;
+  border-radius: 20px;
 }
 
 .accordion:active{

enap_designsystem/static/enap_designsystem/blocks/semana.css

@@ -345,8 +345,8 @@
 }
 
 .apresentacao-titulo {
-    font-size: 40px;
-    font-weight: 600;
+    font-size: 48px;
+    font-weight: 500;
     margin-bottom: 40px;
     line-height: 1.2;
 }
@@ -1223,7 +1223,7 @@
 
 .container-fluid_semana {
     display: flex;
-    justify-content: center;
+    justify-content: space-between;
     align-items: center;
     max-width: 1200px;
     margin: 0 auto;
@@ -1246,7 +1246,7 @@
     list-style: none;
     margin: 0;
     padding: 0;
-    gap: 2rem;
+    gap: 0px;
     text-decoration: none;
     flex-direction: row;
 }
@@ -1258,10 +1258,11 @@
 .nav-linktwo {
     color: #ffffff;
     text-decoration: none;
-    font-weight: 500;
+    font-weight: 400;
     padding: 0.5rem 1rem;
     transition: all 0.3s ease;
     position: relative;
+    font-size: 16px
 }
 
 .nav-linktwo:hover {

enap_designsystem/templates/enap_designsystem/blocks/apresentacao_block.html

@@ -8,15 +8,15 @@
         <div class="apresentacao-wrapper mx-auto text-center">
             
             <!-- Título -->
-            <h2 class="apresentacao-titulo font-bold mb-8"
+            <h2 class="apresentacao-titulo"
                 style="color: {{ value.cor_titulo }};">
                 {{ value.titulo }}
             </h2>
 
             <!-- Quadrado de conteúdo -->
-            <div class="apresentacao-conteudo-box rounded-lg mb-8 shadow-lg text-left"
+            <div class="apresentacao-conteudo-box rounded-lg text-left"
                  style="background-color: {{ value.cor_quadrado }};">
-                <div class="apresentacao-texto leading-relaxed">
+                <div style="color: {{value.cor_texto}}" class="apresentacao-texto leading-relaxed">
                     {{ value.conteudo|richtext }}
                 </div>
             </div>
@@ -47,25 +47,17 @@
 
 <style>
     .apresentacao-botao {
-        box-shadow: 0 4px 15px rgba(0,0,0,0.2);
-        font-size: 1.125rem;
-        padding: 12px 16px;
+        font-size: 18px;
+        padding: 12px 36px;
         border-radius: 32px;
-        width: 200px;
-        gap: 20px;
+        font-weight: 500;
     }
 
     .apresentacao-titulo {
-        font-size: 2.25rem;
+        font-size: 48px;
         margin-bottom: 0px;
     }
 
-    @media (min-width: 768px) {
-        .apresentacao-titulo {
-            font-size: 3rem;
-        }
-    }
-
     .apresentacao-container {
         max-width: 1200px;
     }
@@ -90,7 +82,7 @@
     
     .apresentacao-botao:hover {
         transform: translateY(-2px);
-        box-shadow: 0 6px 20px rgba(0,0,0,0.3);
+        box-shadow: 0 6px 20px rgba(0,0,0,0.05);
     }
     
     /* Forçar cores do richtext */

enap_designsystem/templates/enap_designsystem/blocks/apresentacao_simple_block.html

@@ -1,6 +1,6 @@
 <!-- templates/blocks/apresentacao_simple_block.html -->
 {% load wagtailcore_tags %}
-
+{% load wagtailimages_tags %}
 <section class="secao-display py-16" 
          style="background-color: {{ value.cor_fundo }};">
     
@@ -28,8 +28,12 @@
                         {% if card_block.block_type == 'card_apresentacao' %}
                             <div class="secao-cartao">
                                 <!-- Ícone -->
-                                {% if card_block.value.icone %}
+                                {% if card_block.value.logo %}
                                     <div class="cartao-simbolo" style="background: {{ value.cor_texto }};">
+                                        {% image card_block.value.logo original %}
+                                    </div>
+                                {% elif card_block.value.icone %}
+                                    <div class="cartao-simbolo" style="background: {{ card_block.value.cor_icone }};">
                                         <i class="{{ card_block.value.icone }}"></i>
                                     </div>
                                 {% endif %}
@@ -60,20 +64,15 @@
     }
     
     .secao-cabecalho {
-        font-size: 2.5rem;
+        font-size: 48px !important;
+        font-weight: 500;
         margin-bottom: 2rem;
     }
-    
-    @media (min-width: 768px) {
-        .secao-cabecalho {
-            font-size: 3.5rem;
-        }
-    }
-    
+
     .secao-conteudo-cartoes {
         max-width: 1142px;
         margin: 0 auto;
-        padding: 60px 30px;
+        padding: 45px;
     }
     
     .secao-texto {
@@ -177,7 +176,7 @@
     /* Estilos do Card */
     .secao-cartao {
         text-align: center;
-        padding: 1.5rem;
+        padding: 0px;
     }
     
     .cartao-simbolo {

enap_designsystem/templates/enap_designsystem/blocks/cards_titles.html

@@ -43,7 +43,6 @@
     line-height: 1.2;
     text-align: center;
     margin-bottom: 0;
-    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
     font-weight: 500;
     font-size: 48px;
     letter-spacing: 0px;
@@ -98,6 +97,7 @@
     height: 100%;
     display: flex;
     flex-direction: column;
+    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
 }
 
 .card-apresentacao:hover {
@@ -132,8 +132,8 @@
 }
 
 .card-titulo {
-    font-size: 1.25rem;
-    font-weight: 600;
+    font-size: 21px;
+    font-weight: 500;
     margin-bottom: 0.5rem;
     line-height: 1.4;
     text-align: left;
@@ -154,12 +154,9 @@
     text-align: left;
 }
 
-.card-descricao * {
-    color: inherit !important;
-}
-
 .card-acao {
     margin-top: auto;
+    padding-top: 24px;
 }
 
 .card-link {
@@ -172,18 +169,10 @@
     transition: all 0.3s ease;
 }
 
-.card-link:hover {
-    transform: translateX(4px);
-}
-
 .link-arrow {
     transition: transform 0.3s ease;
 }
 
-.card-link:hover .link-arrow {
-    transform: translateX(4px);
-}
-
 /* Responsividade */
 @media (max-width: 768px) {
     .titulo-secao {
@@ -243,14 +232,18 @@
 }
 </style>
 
-<section class="secao-apresentacao-cards">
+<section class="secao-apresentacao-cards"
+    style="
+    {% if value.imagem_fundo %}
+    {% image value.imagem_fundo original as background_img %}
+    background: url('{{ background_img.url }}');
+    background-size: cover;
+    {% else %} 
+    background: {{ value.cor_fundo }};
+    {% endif %}"
+>
     <!-- Background com imagem se fornecida -->
-    <div class="secao-background" 
-         {% if value.background_image_fundo_bg %}
-         style="background-image: url('{{ value.background_image_fundo_bg.url }}'); background-size: cover; background-position: center; background-repeat: no-repeat;"
-         {% else %}
-         style="background: {{ value.cor_fundo }};"
-         {% endif %}>
+    <div class="secao-background">
         
         <!-- Overlay para garantir legibilidade -->
         <div class="secao-overlay">
@@ -288,7 +281,7 @@
                                 <div class="card-imagem">
                                     {% image card.value.image width-400 as card_img %}
                                     <img src="{{ card_img.url }}" 
-                                         alt="{{ card.value.title|default:'Card' }}"
+                                         alt="{{ card.value.subtitle|default:'Card' }}"
                                          class="card-img">
                                 </div>
                                 {% endif %}
@@ -298,22 +291,22 @@
 
                                     <!-- Subtítulo/Cargo -->
                                     {% if card.value.subtitle %}
-                                    <p class="card-subtitulo" style="color: {{ value.cor_texto_cards }};">
+                                    <p class="card-subtitulo" style="color: {{ card.value.cor_texto_cards }};">
                                         {{ card.value.subtitle }}
                                     </p>
                                     {% endif %}
 
                                     <!-- Título -->
                                     {% if card.value.title %}
-                                    <h3 class="card-titulo" style="color: {{ value.cor_titulo_cards }};">
+                                    <h3 class="card-titulo" style="color: {{ card.value.cor_titulo_cards }};">
                                         {{ card.value.title }}
                                     </h3>
                                     {% endif %}
                                     
                                     <!-- Descrição -->
                                     {% if card.value.description %}
-                                    <div class="card-descricao" style="color: {{ value.cor_texto_cards }};">
-                                        {{ card.value.description|richtext }}
+                                    <div class="card-descricao">
+                                        {{ card.value.description }}
                                     </div>
                                     {% endif %}
                                     
@@ -321,7 +314,7 @@
                                     {% if card.value.link_url %}
                                     <div class="card-acao">
                                         <a href="{{ card.value.link_url }}" 
-                                           class="card-link" style="color: {{ value.cor_titulo_cards }};"
+                                           class="card-link" style="color: {{ card.value.cor_link_text }};"
                                            {% if card.value.link_target %}target="{{ card.value.link_target }}"{% endif %}>
                                             {{ card.value.link_text|default:'Saiba mais' }}
                                             <svg class="link-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">

enap_designsystem/templates/enap_designsystem/blocks/logos_simple_block.html

@@ -55,12 +55,10 @@
 
 .logos-conteudo {
     padding: 60px 40px;
-    border-radius: 16px;
     min-height: 350px;
     display: flex;
     align-items: center;
     justify-content: center;
-    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
     position: relative;
     overflow: hidden;
 }
@@ -145,18 +143,10 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    background: rgba(255, 255, 255, 0.02);
-    cursor: pointer;
     position: relative;
     overflow: hidden;
 }
 
-.logo-card:hover {
-    transform: translateY(-3px) scale(1.02);
-    background: rgba(255, 255, 255, 0.08);
-    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
-}
-
 .logo-image-container {
     display: flex;
     align-items: center;
@@ -172,12 +162,6 @@
     height: auto;
     object-fit: contain;
     transition: all 0.3s ease;
-    filter: brightness(0.95) contrast(1.05);
-}
-
-.logo-card:hover .logo-image {
-    filter: brightness(1) contrast(1.1);
-    transform: scale(1.05);
 }
 
 /* Efeito shimmer sutil */
@@ -188,12 +172,7 @@
     left: -100%;
     width: 100%;
     height: 100%;
-    background: linear-gradient(
-        90deg, 
-        transparent, 
-        rgba(255, 255, 255, 0.1), 
-        transparent
-    );
+
     transition: left 0.8s ease;
 }
 

enap_designsystem/templates/enap_designsystem/blocks/video_hero_banner.html

@@ -32,7 +32,7 @@
                         
                         <!-- Título principal -->
                         {% if value.titulo %}
-                        <h1 class="video-hero-title">{{ value.titulo }}</h1>
+                        <h1 class="video-hero-title">{{ value.titulo|richtext }}</h1>
                         {% endif %}
                         
                         <!-- Subtítulo -->
@@ -105,8 +105,6 @@
     top: 0;
     left: 0;
     width: 100%;
-    height: 100%;
-    background: rgba(0, 0, 0, 0.4);
     z-index: 1;
 }
 
@@ -129,13 +127,10 @@
 
 .video-frame {
     width: 100%;
-    max-width: 900px;
-    border-radius: 12px;
+    max-width: 95%;
+    border-radius: 32px;
     overflow: hidden;
-    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
-    background: rgba(255, 255, 255, 0.1);
     backdrop-filter: blur(10px);
-    border: 1px solid rgba(255, 255, 255, 0.2);
     position: relative;
 }