Revisión del 10:04 13 may 2025

Vista panorámica de Córdoba — style=width:100%; height:400px; object-fit:cover;

Enciclopedia de Córdoba

El conocimiento libre sobre la historia, cultura y patrimonio cordobés

Hoy es domingo, 8 de junio de 2025

Desde el 24 de octubre de 2005 hemos generado 57 178 páginas y 19 222 imágenes

Explorar por Categorías

         Historia

Descubre el rico pasado de Córdoba, desde la época romana hasta la actualidad.

         <a href="" style="display: inline-block; color: #1a365d; font-weight: 500; text-decoration: none;">Explorar →</a>

         Arte

Arte cordobés en todas sus expresiones: pintura, escultura, arquitectura y más.

         <a href="" style="display: inline-block; color: #1a365d; font-weight: 500; text-decoration: none;">Explorar →</a>

         Naturaleza

Espacios naturales, flora y fauna de la provincia cordobesa.

         <a href="" style="display: inline-block; color: #1a365d; font-weight: 500; text-decoration: none;">Explorar →</a>

         Turismo

Guía de lugares emblemáticos, monumentos y rincones para visitar.

         <a href="" style="display: inline-block; color: #1a365d; font-weight: 500; text-decoration: none;">Explorar →</a>

     <a href="Categoría:Portada" style="display: inline-block; background-color: #1a365d; color: white; padding: 10px 20px; border-radius: 4px; text-decoration: none; font-weight: 500;">Ver todas las categorías</a>

📅 Tal día como hoy...

8 de junio

Acontecimientos

1677. El canónigo Francisco Antonio de Bañolas y Murillo dona a la Iglesia Catedral un frontal de plata repujada para las festividades del Santísimo Sacramento.
1811. Finaliza la construcción del Cementerio de Nuestra Señora de la Salud.
1862. Toma la alternativa, Antonio Carmona Luque "El Gordito", teniendo como padrino a José Carmona Luque, su hermano, con ganadería de Romero Balmaseda, en la Plaza de Toros de los Tejares.
1936. Inauguración del Comedor de Hermandad de Auxilio Social en la Calle San Pablo de Córdoba.
1947. Se inaugura el local de verano Cine Zarco hoy Cine Olimpia.
1951. Inauguración en Córdoba por parte del Jefe de Estado General Franco del Silo de Trigo.
1963 La Guarda Civil detienes a dos individuos que estafaban dinero y alhajas con el cuento del "Tonto... y el Listo".
1970. Inauguración de la Fuente Luminosa de la Glorieta de la Media Luna.
1974. Recibó un homenaje el notario Vicente Flórez de Quiñones.
2007. La torre de la Calahorra reabre tras 4 meses cerrada por trabajos de restauración en su interior.
2007. "Morena", la osa más longeva de Europa, muere en el zoológico a los 41 años.
2007. El Consejo de Ministros concede al grupo musical Medina Azahara la Medalla de Oro al Mérito en las Bellas Artes.

Nacimientos

1930. Nace en Puertollano (Ciudad Real) el dominico Fray Carlos Romero Bermúdez O.P..
1951. Nace en Madrid el político Miguel Ángel Moratinos Cuyaubé.

Fallecimientos

1964. Fallece en San José de Costa Rica el historiador, político y profesor de Instituto y de la Universidad de Sevilla Antonio Jaén Morente.
2007. Fallece en Córdoba el periodista deportivo Enrique Ortiz González, conocido como Zitro.

Esta página en otros portales
Almeriapedia	Cadizpedia	Granadapedia	Huelvapedia	Jaenpedia
Malagapedia	Sevillapedia	Wikanda	Wikipedia

🔗 Accesos rápidos

• <a href="Categoría:Portada" style="color: #1a365d; text-decoration: none; font-weight: 500;">Todas las categorías</a>
• <a href="Especial:PáginasPopulares" style="color: #1a365d; text-decoration: none; font-weight: 500;">Páginas más visitadas</a>
• <a href="Especial:PáginasNuevas" style="color: #1a365d; text-decoration: none; font-weight: 500;">Últimas incorporaciones</a>
• <a href="Especial:Aleatoria" style="color: #1a365d; text-decoration: none; font-weight: 500;">Descubre una página al azar</a>

Todas las Categorías

     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Administración pública</a>
     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Agricultura</a>
     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Arte</a>
     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Biografías</a>
     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Ciencia</a>
     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Cultura</a>
     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Deporte</a>
     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Derecho</a>
     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Economía</a>
     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Educación</a>
     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Ejército</a>
     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Ganadería</a>
     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Geografía</a>
     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Historia</a>
     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Naturaleza</a>
     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Política</a>
     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Provincia</a>
     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Religión</a>
     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Sociedad</a>
     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Turismo</a>
     <a href="" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Webs</a>

Cordobapedia - Enciclopedia libre sobre Córdoba

<style>

 /* Efectos hover para categorías */
 a[href^="[[Categoría"] {
   transition: background-color 0.3s, transform 0.3s;
 }
 a[href^="[[Categoría"]:hover {
   background-color: #1a365d;
   color: white;
   transform: translateY(-3px);
 }
 
 /* Responsividad para dispositivos móviles */
 @media (max-width: 768px) {
   h1 {
     font-size: 2.5rem !important;
   }
   
   .grid-container {
     grid-template-columns: 1fr !important;
   }
 }

</style>

@@ Línea 1: / Línea 1: @@
-<!-- Banner Principal con Logo -->
+<!-- ENCICLOPEDIA DE CÓRDOBA - PORTADA MODERNA -->
-<div style="position: relative; text-align: center; color: white;">
-[[Imagen:Cordoba-desde-la-compania-3.jpg|1000px|center|alt=Puente Romano de Córdoba]]
-<!-- Texto del Banner -->
+<!-- Banner Principal con Logo y Efecto Parallax -->
-<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 48px; font-weight: bold; text-shadow: 2px 2px 4px #000;">
+<div style="position: relative; overflow: hidden; height: 400px;">
-Enciclopedia de Córdoba
+  <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
-</div>
+    [[Imagen:Cordoba-desde-la-compania-3.jpg|center|alt=Vista panorámica de Córdoba|style=width:100%; height:400px; object-fit:cover;]]
+  </div>
+  <!-- Capa oscura semitransparente -->
+  <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);"></div>
+  <!-- Contenido del Banner -->
+  <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 90%;">
+    <h1 style="font-size: 3.5rem; font-weight: 700; color: white; text-shadow: 2px 2px 8px rgba(0,0,0,0.8); margin-bottom: 1rem; font-family: 'Playfair Display', serif;">Enciclopedia de Córdoba</h1>
+    <p style="color: white; font-size: 1.2rem; text-shadow: 1px 1px 4px rgba(0,0,0,0.7); max-width: 800px; margin: 0 auto; font-family: 'Roboto', sans-serif;">
+      El conocimiento libre sobre la historia, cultura y patrimonio cordobés
+    </p>
+  </div>
 </div>
-<!-- Cabecera con Información -->
+<!-- Contenedor Principal -->
-<div style="text-align: center; margin-top: 30px;">
+<div style="max-width: 1200px; margin: 0 auto; padding: 20px;">
-  <p style="font-size: 17px; line-height: 1.4; margin-top: 10px;">
-    <br>
-    Hoy es <strong>{{CURRENTDAYNAME}}, {{CURRENTDAY}} de {{CURRENTMONTHNAME}} de {{CURRENTYEAR}}</strong><br />
-    Desde el 24 de octubre de 2005 hemos generado <strong>{{NUMBEROFPAGES}}</strong> páginas y <strong>{{NUMBEROFFILES}}</strong> imágenes.
-  </p>
-   <!-- Barra de Búsqueda -->
+   <!-- Información y Buscador -->
-   <div class="responsive-inputbox" style="margin-top: 15px;">
+   <div style="background-color: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); margin-top: -50px; position: relative; z-index: 10; padding: 25px; display: flex; flex-direction: column; align-items: center;">
-    <inputbox>
-      type=search
+    <!-- Estadísticas -->
-      buttonlabel=Buscar en Cordobapedia
+    <div style="text-align: center; margin-bottom: 20px;">
-      searchbuttonlabel=Ir
+      <p style="font-size: 1rem; color: #555; margin: 10px 0;">
-      placeholder=Busca sobre Córdoba
+        Hoy es <strong>{{CURRENTDAYNAME}}, {{CURRENTDAY}} de {{CURRENTMONTHNAME}} de {{CURRENTYEAR}}</strong>
-     </inputbox>
+      </p>
+      <p style="font-size: 1rem; color: #555; margin: 10px 0;">
+        Desde el 24 de octubre de 2005 hemos generado <strong>{{NUMBEROFPAGES}}</strong> páginas y <strong>{{NUMBEROFFILES}}</strong> imágenes
+      </p>
+    </div>
+    <!-- Barra de Búsqueda Moderna -->
+    <div style="width: 100%; max-width: 600px; margin: 15px auto;">
+      <inputbox>
+        type=search
+        buttonlabel=Buscar
+        searchbuttonlabel=Ir
+        placeholder=Busca sobre Córdoba...
+        break=no
+      </inputbox>
+     </div>
    </div>
-</div>
+  <!-- Navegación rápida por categorías -->
+  <div style="margin-top: 40px;">
+    <h2 style="font-size: 1.8rem; color: #1a365d; text-align: center; margin-bottom: 25px; position: relative; padding-bottom: 10px;">
+      Explorar por Categorías
+      <span style="display: block; width: 60px; height: 3px; background-color: #d4af37; margin: 10px auto 0;"></span>
+    </h2>
+    <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 25px;">
+      <!-- Categoría 1 -->
+      <div style="background-color: #fff; border-radius: 8px; transition: transform 0.3s, box-shadow 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.1); overflow: hidden; display: flex; flex-direction: column; height: 100%;">
+        <div style="background-color: #1a365d; padding: 15px; color: white; text-align: center;">
+          <span style="font-size: 1.2rem;">Historia</span>
+        </div>
+        <div style="padding: 15px; flex-grow: 1;">
+          <p style="margin-bottom: 15px; color: #666; font-size: 0.9rem;">Descubre el rico pasado de Córdoba, desde la época romana hasta la actualidad.</p>
+          <a href="[[Categoría:Historia]]" style="display: inline-block; color: #1a365d; font-weight: 500; text-decoration: none;">Explorar →</a>
+        </div>
+      </div>
+      <!-- Categoría 2 -->
+      <div style="background-color: #fff; border-radius: 8px; transition: transform 0.3s, box-shadow 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.1); overflow: hidden; display: flex; flex-direction: column; height: 100%;">
+        <div style="background-color: #1a365d; padding: 15px; color: white; text-align: center;">
+          <span style="font-size: 1.2rem;">Arte</span>
+        </div>
+        <div style="padding: 15px; flex-grow: 1;">
+          <p style="margin-bottom: 15px; color: #666; font-size: 0.9rem;">Arte cordobés en todas sus expresiones: pintura, escultura, arquitectura y más.</p>
+          <a href="[[Categoría:Arte]]" style="display: inline-block; color: #1a365d; font-weight: 500; text-decoration: none;">Explorar →</a>
+        </div>
+      </div>
+      <!-- Categoría 3 -->
+      <div style="background-color: #fff; border-radius: 8px; transition: transform 0.3s, box-shadow 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.1); overflow: hidden; display: flex; flex-direction: column; height: 100%;">
+        <div style="background-color: #1a365d; padding: 15px; color: white; text-align: center;">
+          <span style="font-size: 1.2rem;">Naturaleza</span>
+        </div>
+        <div style="padding: 15px; flex-grow: 1;">
+          <p style="margin-bottom: 15px; color: #666; font-size: 0.9rem;">Espacios naturales, flora y fauna de la provincia cordobesa.</p>
+          <a href="[[Categoría:Naturaleza]]" style="display: inline-block; color: #1a365d; font-weight: 500; text-decoration: none;">Explorar →</a>
+        </div>
+      </div>
+      <!-- Categoría 4 -->
+      <div style="background-color: #fff; border-radius: 8px; transition: transform 0.3s, box-shadow 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.1); overflow: hidden; display: flex; flex-direction: column; height: 100%;">
+        <div style="background-color: #1a365d; padding: 15px; color: white; text-align: center;">
+          <span style="font-size: 1.2rem;">Turismo</span>
+        </div>
+        <div style="padding: 15px; flex-grow: 1;">
+          <p style="margin-bottom: 15px; color: #666; font-size: 0.9rem;">Guía de lugares emblemáticos, monumentos y rincones para visitar.</p>
+          <a href="[[Categoría:Turismo]]" style="display: inline-block; color: #1a365d; font-weight: 500; text-decoration: none;">Explorar →</a>
+        </div>
+      </div>
+    </div>
-<!-- EFEMÉRIDES Y ENLACES RÁPIDOS -->
+    <!-- Ver todas las categorías -->
-<div style="display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; margin: 30px auto; max-width: 1000px;">
+    <div style="text-align: center; margin-top: 30px;">
+      <a href="[[:Categoría:Portada]]" style="display: inline-block; background-color: #1a365d; color: white; padding: 10px 20px; border-radius: 4px; text-decoration: none; font-weight: 500;">Ver todas las categorías</a>
+    </div>
+  </div>
-   <!-- EFEMÉRIDES -->
+   <!-- Secciones Destacadas y Efemérides -->
-   <div style="flex: 1 1 45%; min-width: 280px; background:white; padding:10px;">
+   <div style="display: flex; flex-wrap: wrap; gap: 30px; margin-top: 50px;">
-    <h3 style="border-bottom: 1px solid #D2D9D9; color:#008AB5;">📅 Tal día como hoy...</h3>
-    <div style="line-height:1.15;">
+    <!-- Efemérides -->
-      {{Portada:Día|0}}
+    <div style="flex: 1 1 45%; min-width: 300px;">
+      <div style="background-color: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); padding: 25px; height: 100%;">
+        <h3 style="color: #1a365d; font-size: 1.4rem; margin-bottom: 15px; display: flex; align-items: center;">
+          <span style="margin-right: 10px;">📅</span> Tal día como hoy...
+          <span style="display: block; flex-grow: 1; height: 1px; background-color: #e0e0e0; margin-left: 15px;"></span>
+        </h3>
+        <div style="line-height: 1.5;">
+          {{Portada:Día|0}}
+        </div>
+      </div>
+    </div>
+    <!-- Enlaces Rápidos -->
+    <div style="flex: 1 1 45%; min-width: 300px;">
+      <div style="background-color: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); padding: 25px; height: 100%;">
+        <h3 style="color: #1a365d; font-size: 1.4rem; margin-bottom: 15px; display: flex; align-items: center;">
+          <span style="margin-right: 10px;">🔗</span> Accesos rápidos
+          <span style="display: block; flex-grow: 1; height: 1px; background-color: #e0e0e0; margin-left: 15px;"></span>
+        </h3>
+        <ul style="list-style-type: none; padding: 0; margin: 0;">
+          <li style="margin-bottom: 12px; padding-left: 20px; position: relative;">
+            <span style="position: absolute; left: 0; color: #1a365d;">•</span>
+            <a href="[[:Categoría:Portada]]" style="color: #1a365d; text-decoration: none; font-weight: 500;">Todas las categorías</a>
+          </li>
+          <li style="margin-bottom: 12px; padding-left: 20px; position: relative;">
+            <span style="position: absolute; left: 0; color: #1a365d;">•</span>
+            <a href="[[Especial:PáginasPopulares]]" style="color: #1a365d; text-decoration: none; font-weight: 500;">Páginas más visitadas</a>
+          </li>
+          <li style="margin-bottom: 12px; padding-left: 20px; position: relative;">
+            <span style="position: absolute; left: 0; color: #1a365d;">•</span>
+            <a href="[[Especial:PáginasNuevas]]" style="color: #1a365d; text-decoration: none; font-weight: 500;">Últimas incorporaciones</a>
+          </li>
+          <li style="padding-left: 20px; position: relative;">
+            <span style="position: absolute; left: 0; color: #1a365d;">•</span>
+            <a href="[[Especial:Aleatoria]]" style="color: #1a365d; text-decoration: none; font-weight: 500;">Descubre una página al azar</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  <!-- Todas las Categorías -->
+  <div style="margin-top: 50px;">
+    <h2 style="font-size: 1.8rem; color: #1a365d; text-align: center; margin-bottom: 25px; position: relative; padding-bottom: 10px;">
+      Todas las Categorías
+      <span style="display: block; width: 60px; height: 3px; background-color: #d4af37; margin: 10px auto 0;"></span>
+    </h2>
+    <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; margin-top: 25px;">
+      <!-- Categorías en formato grid -->
+      <a href="[[Categoría:Administración pública]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Administración pública</a>
+      <a href="[[Categoría:Agricultura]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Agricultura</a>
+      <a href="[[Categoría:Arte]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Arte</a>
+      <a href="[[Categoría:Biografías]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Biografías</a>
+      <a href="[[Categoría:Ciencia]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Ciencia</a>
+      <a href="[[Categoría:Cultura]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Cultura</a>
+      <a href="[[Categoría:Deporte]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Deporte</a>
+      <a href="[[Categoría:Derecho]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Derecho</a>
+      <a href="[[Categoría:Economía]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Economía</a>
+      <a href="[[Categoría:Educación]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Educación</a>
+      <a href="[[Categoría:Ejército]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Ejército</a>
+      <a href="[[Categoría:Ganadería]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Ganadería</a>
+      <a href="[[Categoría:Geografía]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Geografía</a>
+      <a href="[[Categoría:Historia]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Historia</a>
+      <a href="[[Categoría:Naturaleza]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Naturaleza</a>
+      <a href="[[Categoría:Política]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Política</a>
+      <a href="[[Categoría:Provincia]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Provincia</a>
+      <a href="[[Categoría:Religión]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Religión</a>
+      <a href="[[Categoría:Sociedad]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Sociedad</a>
+      <a href="[[Categoría:Turismo]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Turismo</a>
+      <a href="[[Categoría:Webs]]" style="display: block; padding: 15px; background-color: #f8f9fa; border-radius: 4px; text-align: center; color: #333; text-decoration: none; transition: background-color 0.2s, transform 0.2s;">Webs</a>
      </div>
    </div>
+   <!-- Footer -->
-   <!-- ENLACES RÁPIDOS -->
+   <div style="margin-top: 50px; padding-top: 30px; border-top: 1px solid #e0e0e0; text-align: center;">
-   <div style="flex: 1 1 45%; min-width: 280px; background:white; padding:10px; line-height:1.15;">
+     <p style="color: #666; font-size: 0.9rem;">
-     <h3 style="border-bottom: 1px solid #D2D9D9; color:#008AB5;">🔗 Accesos rápidos</h3>
+      Cordobapedia - Enciclopedia libre sobre Córdoba
-    • [[:Categoría:Portada|Todas las categorías]]<br>
+     </p>
-     • [[Especial:PáginasPopulares|Páginas más visitadas]]<br>
-    • [[Especial:PáginasNuevas|Últimas incorporaciones]]<br>
-    • [[Especial:Aleatoria|Descubre una página al azar]]
    </div>
 </div>
+<style>
+  /* Efectos hover para categorías */
+  a[href^="[[Categoría"] {
+    transition: background-color 0.3s, transform 0.3s;
+  }
+  a[href^="[[Categoría"]:hover {
+    background-color: #1a365d;
+    color: white;
+    transform: translateY(-3px);
+  }
+  /* Responsividad para dispositivos móviles */
+  @media (max-width: 768px) {
+    h1 {
+      font-size: 2.5rem !important;
+    }
+    .grid-container {
+      grid-template-columns: 1fr !important;
+    }
+  }
+</style>