Nova fonte.

site/templates/css/fonts.css

@@ -2,7 +2,7 @@
  * @FONTS
  * =============================================================================
  *
- * fonts.css v0.1.14 | GNU GPL License | 
+ * fonts.css v0.1.15 | GNU GPL License | 
  *
  */
 
@@ -19,18 +19,60 @@
 
 @font-face
 {
-    font-family: 'Libre Baskerville';
+    font-family: 'Josefin Sans';
-    src: url('../fonts/Libre_Baskerville_Bold.eot'); /* 1 */
+    src: url('../fonts/Josefin_Sans_Light.eot'); /* 1 */
-    src: url('../fonts/Libre_Baskerville_Bold.eot?#iefix') format('embedded-opentype'), /* 2 */
+    src: url('../fonts/Josefin_Sans_Light.eot?#iefix') format('embedded-opentype'), /* 2 */
-       url('../fonts/Libre_Baskerville_Bold.woff2') format('woff2'), /* 3 */
+       url('../fonts/Josefin_Sans_Light.woff2') format('woff2'), /* 3 */
-       url('../fonts/Libre_Baskerville_Bold.woff') format('woff'), /* 4 */
+       url('../fonts/Josefin_Sans_Light.woff') format('woff'), /* 4 */
-       url('../fonts/Libre_Baskerville_Bold.otf')  format('opentype'), /* 5 */
+       url('../fonts/Josefin_Sans_Light.otf')  format('opentype'), /* 5 */
-       url('../fonts/Libre_Baskerville_Bold.ttf')  format('truetype'), /* 5 */
+       url('../fonts/Josefin_Sans_Light.ttf')  format('truetype'), /* 5 */
-       url('../fonts/Libre_Baskerville_Bold.svg#librebaskerville') format('svg'); /* 6 */
+       url('../fonts/Josefin_Sans_Light.svg#josefinsans') format('svg'); /* 6 */
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face
+{
+    font-family: 'Josefin Sans';
+    src: url('../fonts/Josefin_Sans_Light_Italic.eot'); /* 1 */
+    src: url('../fonts/Josefin_Sans_Light_Italic.eot?#iefix') format('embedded-opentype'), /* 2 */
+       url('../fonts/Josefin_Sans_Light_Italic.woff2') format('woff2'), /* 3 */
+       url('../fonts/Josefin_Sans_Light_Italic.woff') format('woff'), /* 4 */
+       url('../fonts/Josefin_Sans_Light_Italic.otf')  format('opentype'), /* 5 */
+       url('../fonts/Josefin_Sans_Light_Italic.ttf')  format('truetype'), /* 5 */
+       url('../fonts/Josefin_Sans_Light_Italic.svg#josefinsanst') format('svg'); /* 6 */
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face
+{
+    font-family: 'Josefin Sans';
+    src: url('../fonts/Josefin_Sans_Regular.eot'); /* 1 */
+    src: url('../fonts/Josefin_Sans_Regular.eot?#iefix') format('embedded-opentype'), /* 2 */
+       url('../fonts/Josefin_Sans_Regular.woff2') format('woff2'), /* 3 */
+       url('../fonts/Josefin_Sans_Regular.woff') format('woff'), /* 4 */
+       url('../fonts/Josefin_Sans_Regular.otf')  format('opentype'), /* 5 */
+       url('../fonts/Josefin_Sans_Regular.ttf')  format('truetype'), /* 5 */
+       url('../fonts/Josefin_Sans_Regular.svg#josefinsans') format('svg'); /* 6 */
     font-weight: bold;
     font-style: normal;
 }
 
+@font-face
+{
+    font-family: 'Josefin Sans';
+    src: url('../fonts/Josefin_Sans_Reguar_Italic.eot'); /* 1 */
+    src: url('../fonts/Josefin_Sans_Reguar_Italic.eot?#iefix') format('embedded-opentype'), /* 2 */
+       url('../fonts/Josefin_Sans_Reguar_Italic.woff2') format('woff2'), /* 3 */
+       url('../fonts/Josefin_Sans_Reguar_Italic.woff') format('woff'), /* 4 */
+       url('../fonts/Josefin_Sans_Reguar_Italic.otf')  format('opentype'), /* 5 */
+       url('../fonts/Josefin_Sans_Reguar_Italic.ttf')  format('truetype'), /* 5 */
+       url('../fonts/Josefin_Sans_Reguar_Italic.svg#josefinsans') format('svg'); /* 6 */
+    font-weight: bold;
+    font-style: italic;
+}
+
 @font-face
 {
     font-family: 'Source Sans Pro';

site/templates/css/style.css

@@ -27,7 +27,7 @@ a
 h1, h2, h3, h4, h5, h6
 {
     color: rgb(var(--cor_30));
-    font-family: 'Libre Baskerville', serif;
+    font-family: 'Josefin Sans', serif;
 }
 
 img
@@ -128,7 +128,7 @@ figure.effect-ming h3
 {
     margin: 20% 0 10px 0;
     word-spacing: -0.15em;
-    font-weight: 300;
+    font-weight: 700;
     transition: transform 0.35s;
     background: rgba(255,255,255,0.5);
     color: rgb(var(--cor_30));
@@ -176,6 +176,13 @@ figure.effect-ming figcaption::before, figure.effect-ming figcaption::after
     pointer-events: none;
 }
 
+div.reixa
+{
+    display: grid;
+    gap: 20px;
+    grid-template-columns: 1fr;
+}
+
 .btn-primary
 {
     --bs-btn-bg: rgb(var(--cor_30));
@@ -255,7 +262,12 @@ figure.effect-ming figcaption::before, figure.effect-ming figcaption::after
     align-items: center;
 }
 
-.swiper-button-prev,
+.swiper-button-pdiv.reixa
+{
+    display: grid;
+    gap: 20px;
+    grid-template-columns: 1fr;
+}rev,
 .swiper-button-next
 {
     bottom: 15px;
@@ -806,12 +818,7 @@ div.celda.superior p
     padding-block: 20px;
 }
 
-div.reixa
+
-{
-    display: grid;
-    gap: 20px;
-    grid-template-columns: 1fr;
-}
 
 figure.enlace
 {

site/templates/layout/func.php

@@ -245,7 +245,7 @@ function renderGaleria($seccion)
 {
     $saida = '';
 
-    $saida .= '<section id="galeria-' . $seccion->id . '" class="galeria contedor columna swiper d-none d-md-block">' . "\n";
+    $saida .= '<section id="galeria" class="galeria contedor columna swiper d-none d-md-block">' . "\n";
     $saida .= '<h3 class="visually-hidden">' . (($seccion->titular) ? $seccion->titular : 'Galeria') . '</h3>' . "\n";
     $saida .= '<div class="swiper-wrapper">' . "\n";
     foreach($seccion->imaxes as $imaxe)
@@ -260,16 +260,16 @@ function renderGaleria($seccion)
     }
     $saida .= '</div>' . "\n";
 
-    $saida .= '<div class="swiper-galeria-' . $seccion->id . '-button-prev"><span class="visually-hidden">Previous</span></div>' . "\n";
+    $saida .= '<div class="swiper-button-prev"><span class="visually-hidden">Previous</span></div>' . "\n";
-    $saida .= '<div class="swiper-galeria-' . $seccion->id . '-button-next"><span class="visually-hidden">Next</span></div>' . "\n";
+    $saida .= '<div class="swiper-button-next"><span class="visually-hidden">Next</span></div>' . "\n";
-    $saida .= '<div class="swiper-galeria-' . $seccion->id . '-pagination"></div>' . "\n";
+    $saida .= '<div class="swiper-pagination"></div>' . "\n";
     $saida .= '<script>' . "\n";
-    $saida .= 'var swiper_galeria_' . $seccion->id . ' = new Swiper("#galeria-' . $seccion->id . '", {' . "\n";
+    $saida .= 'var swiper_galeria' . $seccion->id . ' = new Swiper("#galeria", {' . "\n";
     $saida .= '    slidesPerView: 1,' . "\n";
     $saida .= '    spaceBetween: 30,' . "\n";
     $saida .= '    loop: true,' . "\n";
     $saida .= '    lazy: true,' . "\n";
-    $saida .= '    autoHeight: true,' . "\n";
+    $saida .= '    autoHeight: false,' . "\n";
     $saida .= '    keyboard: true,' . "\n";
     $saida .= '    centeredSlides: true,' . "\n";
     $saida .= '    autoplay: {' . "\n";
@@ -277,12 +277,12 @@ function renderGaleria($seccion)
     $saida .= '        disableOnInteraction: false,' . "\n";
     $saida .= '    },' . "\n";
     $saida .= '    pagination: {' . "\n";
-    $saida .= '        el: ".swiper-galeria-' . $seccion->id . '-pagination",' . "\n";
+    $saida .= '        el: ".swiper-pagination",' . "\n";
     $saida .= '        clickable: true,' . "\n";
     $saida .= '    },' . "\n";
     $saida .= '    navigation: {' . "\n";
-    $saida .= '        nextEl: ".swiper-galeria-' . $seccion->id . '-button-next",' . "\n";
+    $saida .= '        nextEl: ".swiper-button-next",' . "\n";
-    $saida .= '        prevEl: ".swiper-galeria-' . $seccion->id . '-button-prev",' . "\n";
+    $saida .= '        prevEl: ".swiper-button-prev",' . "\n";
     $saida .= '    },' . "\n";
     $saida .= '});' . "\n";
     $saida .= '</script>' . "\n";
@@ -300,29 +300,17 @@ function renderReixa($seccion)
 {
     $saida = '';
 
-    $saida .= '<section class="contedor">' . "\n";
+    $saida .= '<section class="container">' . "\n";
     $saida .= '<h3 class="visually-hidden">' . (($seccion->titular) ? $seccion->titular : 'Reixa') . '</h3>' . "\n";
-    $saida .= '<div class="position-relative h-100">' . "\n";
+    $saida .= '<div class="reixa ' . $posicion . '">' . "\n";
-    $saida .= '<div id="reixa-' . $seccion->id . '" class="reixa swiper">' . "\n";
-    $saida .= '<div class="swiper-wrapper">' . "\n";
     foreach($seccion->imaxes as $imaxe)
     {
-        $saida .= '<div class="swiper-slide">' . "\n";
+        $saida .= '<figure>' . "\n";
-        $saida .= $imaxe->url . "\n";
+        $saida .= '<img src="' . $imaxe->url . '" alt="' . $imaxe->description . '">' . "\n";
-        $saida .= '</div>'. "\n";
+        $saida .= '<figcaption>' . $imaxe->description . '</figcaption>' . "\n";
+        $saida .= '</figure>' . "\n";
     }
-    $saida .= '</div>' . "\n";
+    $saida .= '</div>'  . "\n";
-    $saida .= '</div>' . "\n";
-    $saida .= '<script>' . "\n";
-    $saida .= 'var swiper_reixa_' . $seccion->id . ' = new Swiper("#reixa-' . $seccion->id . '", {' . "\n";
-    $saida .= '    slidesPerView: 3,' . "\n";
-    $saida .= '    grid: {' . "\n";
-    $saida .= '        rows: 2,' . "\n";
-    $saida .= '    },' . "\n";
-    $saida .= '    spaceBetween: 30,' . "\n";
-    $saida .= '});' . "\n";
-    $saida .= '</script>' . "\n";
-    $saida .= '</div>' . "\n";
     $saida .= '</section>';
 
     return $saida;