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 martes, 24 de marzo de 2026
Desde el 24 de octubre de 2005 hemos generado 75 926 páginas y 29 223 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
- 1845. Compra por parte de un grupo de socios del Convento de Nuestra Señora de las Nieves para la futura fundación del Círculo de la Amistad, Liceo Artístico y Literario, en Córdoba.
- 1933. Es asesinado Pedro José Delgado Castellano, alcalde de Belalcázar.
- 1940. Traslado de la Virgen de Linares desde la Iglesia de San Lorenzo hasta el Santuario de Nuestra Señora de Linares con motivo de haber estado protegida de su destrucción en la Guerra Civil.
- 1951. Estrena el Gran Teatro el espectáculo "Rosa Espinosa" de Juanita Reina.
- 1963. Visitan la provincia de Córdoba los Ministros de Agricultura Cirilo Cánovas y el de Obras Públicas Jorge Vigón.
- 1969. Se le impuso la Cruz de Beneficencia al político Miguel Zamora Herrador.
- 1994. Inaugura en Córdoba de la reconstruida Albolafia.
Nacimientos
- 1941. Nace en Córdoba el deportista y entrenador Antonio Sánchez de Julián.
- 1955. Alfonso Galán Casero, torero, nace en Bujalance.
- 1965. Nace en Córdoba el boxeador José Luis Navarro Rivas "El Cazador".
Fallecimientos
- 1796. Fallece en Córdoba el obispo Antonio Caballero y Góngora.
- 1967. Fallece en Córdoba el peñista Diego Camino Pulido.
- 1984. Fallece en Córdoba el peñista Francisco Posadas Urbano "Posaitas".
- 1992. Muere en Córdoba el pintor Antonio Costi Jordano.
- 2025. Fallece en Salamanca el jesuita profesor de Etea José Juan Romero Rodríguez.
| 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>

