Más acciones
Sin resumen de edición |
Sin resumen de edición Etiqueta: Revertido |
||
| Línea 1: | Línea 1: | ||
<!-- | <!-- ENCICLOPEDIA DE CÓRDOBA - PORTADA MODERNA --> | ||
<!-- | <!-- Banner Principal con Logo y Efecto Parallax --> | ||
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: | <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> | </div> | ||
<!-- | <!-- Contenedor Principal --> | ||
<div style=" | <div style="max-width: 1200px; margin: 0 auto; padding: 20px;"> | ||
<!-- | <!-- Información y Buscador --> | ||
<div | <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;"> | ||
<!-- Estadísticas --> | |||
<div style="text-align: center; margin-bottom: 20px;"> | |||
<p style="font-size: 1rem; color: #555; margin: 10px 0;"> | |||
Hoy es <strong>{{CURRENTDAYNAME}}, {{CURRENTDAY}} de {{CURRENTMONTHNAME}} de {{CURRENTYEAR}}</strong> | |||
</ | </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> | ||
</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> | |||
<!-- | <!-- Ver todas las categorías --> | ||
<div style="display: | <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> | |||
<!-- | <!-- Secciones Destacadas y Efemérides --> | ||
<div style="flex: 1 1 45%; min-width: | <div style="display: flex; flex-wrap: wrap; gap: 30px; margin-top: 50px;"> | ||
<!-- Efemérides --> | |||
<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> | ||
</div> | </div> | ||
<!-- Footer --> | |||
<!-- | <div style="margin-top: 50px; padding-top: 30px; border-top: 1px solid #e0e0e0; text-align: center;"> | ||
<div style=" | <p style="color: #666; font-size: 0.9rem;"> | ||
< | Cordobapedia - Enciclopedia libre sobre Córdoba | ||
</p> | |||
</div> | </div> | ||
</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> | |||
Revisión del 09:04 13 may 2025
Hoy es sábado, 13 de diciembre de 2025
Desde el 24 de octubre de 2005 hemos generado 75 592 páginas y 29 020 imágenes
Explorar por Categorías
<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...
Acontecimientos
- 1921. Visita Córdoba la Reina Victoria acompañada de la duquesa de San Carlos y el marqués de Berdoña.
- 1946.
- Es apuñado el conocido doctor Luis Salina Anchelerga, a consecuencias de las herida falleció al día siguiente.
- Tiene su debut en el Gran Teatro Córdoba la reconocida actriz de comedias Inere López Heredia.
- 1947. Accidente ferroviario en Peñarroya entre un tren minero y un ómnibus en un paso a nivel donde se produjeron 15 heridos, varias de ellos de gravedad.
- 1948. Se estrella en el Cine Góngora la película cómica Los Tres Mosqueteros cuyo interprete principal es Mario Moreno "Cantinflas".
- 1955. Se reanuda el culto en la Iglesia de la Magdalena.
- 1959. Recibió un homenaje póstumo por parte del Embajador el Perú, el investigador José de la Torre y del Cerro.
- 1962. Hundimiento de una vivienda en la Calle Cáñamo, como consecuencia resultaron dos personas heridas, una de ellas con gravedad.
- 1965. Se inaugura en la Sala Céspedes la exposición de fotografías "El mundo maravilloso del color".
- 1968. Inauguración del edificio central de la Caja de Ahorros de Córdoba
- 2002. Manifiesto del Ayuntamiento de Córdoba sobre la candidatura de la Ciudad Europea de la Cultura
Nacimientos
- 1944. Nace en Gerona la política María Teresa de Lara Carbó.
- 1967. Nace en Montilla el futbolista Juan Antonio González Ureña.
Fallecimientos
- 1204. Fallece en Fostat (El Cairo), el judío cordobés Moisés Ben Maimón "Maimónides". Según la leyenda fue enterrado en Tiberias (Israel), junto al Lago Tiberiades, donde actualmente se encuentra su tumba
- 2009. Fallece el locutor y comunicador Manolo Camargo.
| 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>

