Listado otros servicios tirando de submenu Servicios para el template-servicio

style.css

@@ -357,6 +357,9 @@ nav.navbar, .nav-link, .navbar-brand, .navbar-brand img { transition: all 1s eas
 
 #section-1-bis { font-size:22px; transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; }
 
+.frontpage-servicios-row .frontpage-servicios-title,
+.frontpage-servicios-row .section-title { font-size:22px; }
+
 #section-1-bis.pt-150 { padding-top:120px; }
 
 @media (min-width:768px) {

views/menu-otros-servicios.twig

@@ -0,0 +1,33 @@
+{% if menu %}
+
+    {% set servicio = post.path|replace({'/servicios/': '','/': ''}) %}
+
+	{% for item in menu.items %}
+
+        {% if item.slug == 'servicios' %}
+
+			{% set icon = '' %}
+
+            {% for subitem in item.children %}
+            {% if 'investigacion' in subitem.slug %}
+                {% set icon = 'icono_investigacion_2x.png' %}
+            {% else %}
+                {% set icon = 'icono_' ~ subitem.slug ~ '_2x.png' %}
+            {% endif %}
+			
+            {% if servicio not in subitem.slug %}
+            <div class="col-md">
+                <a href="{{ subitem.url }}" class="d-block border-bottom-0 pr-md-4 {% if loop.last %}{% elseif is_desktop %}border-right{% endif %} h-100" style="background:url('{{site.theme.link}}/public/img/{{ icon }}') no-repeat 85% 85%;">
+                    <div class="linea linea-{{ subitem.slug }} mb-3"></div>
+                    <div class="frontpage-servicios-title font-weight-bold">{{ subitem.title }}</div>
+                </a>
+            </div>
+            {% endif %}
+
+			{% endfor %}
+
+		{% endif %}
+
+	{% endfor %}
+
+{% endif %}

views/template-servicio.twig

@@ -118,7 +118,28 @@
 				<p class="mb-0">Llámanos y solicita información adicional<br>915 42 83 43</p>
 			</div>
 		</div>
+
+		<div class="container-fluid mt-5 mb-5 page-servicios">
+			{#<div class="section-heading border-bottom mb-5 pt-5">
+				<div class="container">
+					<h2 class="title underline">Otros servicios</h2>
+				</div>
+			</div>#}
+
+			<div class="row text-right frontpage-servicios-row">
+
+				<div class="col-md">
+					<div class="h-100 p-4 d-flex align-items-end justify-content-end" style="background-color:#1E6F81; ">
+						<div class="section-title text-right text-white text-uppercase letter-spacing-3">Otros Servicios</div>
+					</div>
+				</div>
+
+				{{include('menu-otros-servicios.twig',{'menu':menu_old})}}
+
+			</div>
+		</div>
 		
+		{#}
 		<div class="container-fluid mt-3 page-servicios otros-servicios">
 			<div class="section-heading border-bottom mb-5 pt-5">
 				<div class="container">
@@ -127,12 +148,6 @@
 			</div>
 
 			<div class="row">
-                {#<div class="row text-right frontpage-servicios-row h-100">
-
-                    {{include('menu-servicios.twig',{'menu':menu_old})}}
-
-                </div>#}
-
 			{% for post in servicios %}
 
 				<div class="col-fifth pb-5">
@@ -158,6 +173,7 @@
 			</div>
 			
 		</div>
+		#}
 		
 	</div>