diff --git a/index.html b/index.html index ab1b7e8..dff2cfc 100644 --- a/index.html +++ b/index.html @@ -36,17 +36,16 @@ -

Acerca de Nosotros

-

Misión: Promover la unidad, el desarrollo de los hispanos

-

Visión: Crear una comunidad hispana solidaria, justa, y próspera...

+

Misión: Promover la unidad, el desarrollo de los hispanos y la creación de una federación sólida de naciones hispánicas, basadas en la cultura y los valores católicos.

+

Visión: Crear una comunidad hispana solidaria, justa y próspera bajo una monarquía parlamentaria federal que impulse la adopción del software libre y la adopción de Bitcoin como moneda estable.

Objetivos:

@@ -55,19 +54,19 @@

Ideología

Unidad de los Pueblos Hispanos

-

El principal problema de todos los paises hispanos actualmente es la poco unidad que tenemos incluso dentro del propio país, por ello, creemos que la unidad de aquellos que compartimos toda nuestra historia desde hace más de 500 años es la clave del desarrollo

+

El principal reto de los países hispanos es la falta de unidad. Creemos que los países que comparten una historia común deben estar unidos para asegurar el desarrollo y la prosperidad de todos. Una federación sólida, respetando las autonomías regionales, es clave para lograr esta unidad.

Defensa del Catolicismo

-

Defendemos la tradición católica como base de nuestra cultura puesto que esta fue la que hizo de nosotros un gran imperio hace algunos años. Puesto que, aunque defendemos la libertad individual para todo, incluida la religion, la unidad religiosa es uno de los puntos más importantes para la ya mencionada unidad social.

+

Defendemos la tradición católica como base de nuestra identidad y cultura. La unidad religiosa es fundamental para la cohesión social y la estabilidad de los pueblos hispanos. Respetamos la libertad individual, pero la fe católica debe seguir siendo el pilar que nos une.

Apoyo al Software Libre

-

El software es cada dia más importante en la vida de todo el mundo por ello promovemos el software libre, ya que este defiende las libertades y derechos individuales que creemos mejores

+

El software libre es esencial para proteger las libertades individuales y fomentar la innovación. Promovemos su adopción en instituciones públicas y privadas para garantizar que las herramientas tecnológicas estén al servicio de todos, sin restricciones ni censura.

Promoción de Bitcoin

-

Impulsamos el uso de Bitcoin para la libertad economica. Las criptomonedas, a largo plazo, aseguran una moneda estable y que solamente puede continuar en aumento en su valor

+

Bitcoin es la clave para la libertad económica y la estabilidad monetaria. Creemos que Bitcoin debe respaldar nuestra moneda oficial y las reservas nacionales, asegurando una economía sólida y resistente a la inflación, con el potencial de crecimiento a largo plazo.

@@ -75,17 +74,11 @@

Nuestras Propuestas

@@ -93,30 +86,25 @@

Eventos

Próximos eventos y reuniones...

-

Nada por ahora :)

+

Nada por ahora :)

- - -

Únete al Partido

-

Para unirte mandanos un email con algunos datos tuyos y el por qué te gustaria formar parte de esto

+

Para unirte, manda un email con algunos datos tuyos y el motivo por el cual te gustaría formar parte de nuestra causa.

Contacto

-

Si tienes alguna duda, no dudes en contactarnos via email con tus dudas, valga la retundancia

+

Si tienes alguna duda, no dudes en contactarnos vía email con tus inquietudes.

- diff --git a/styles.css b/styles.css index a903021..14df7fd 100644 --- a/styles.css +++ b/styles.css @@ -33,11 +33,15 @@ header nav ul li { header nav ul li a { color: #fff; text-decoration: none; + transition: color 0.3s ease; +} + +header nav ul li a:hover { + color: #FFD700; } /* Banner principal */ .banner { - background: url('banner-image.jpg') no-repeat center center/cover; color: #fff; padding: 2rem; text-align: center; @@ -51,16 +55,21 @@ header nav ul li a { margin-top: 1rem; text-decoration: none; border-radius: 5px; + transition: background-color 0.3s ease; +} + +.banner .button:hover { + background-color: #FF6347; /* Color ligeramente más oscuro al pasar el ratón */ } /* Secciones */ .content { padding: 2rem; background-color: #fff; - margin: 1rem auto; + margin: 2rem auto; max-width: 800px; border-radius: 5px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Sombra más suave */ } h2 { @@ -69,7 +78,7 @@ h2 { } .ideology-item { - margin-bottom: 1rem; + margin-bottom: 1.5rem; } .ideology-item h3 { @@ -96,6 +105,7 @@ form button { color: #fff; border: none; cursor: pointer; + transition: background-color 0.3s ease; } form button:hover { @@ -113,5 +123,40 @@ footer { footer a { color: #FFD700; text-decoration: none; + transition: color 0.3s ease; } +footer a:hover { + color: #FF6347; +} + + +/* Ajustes para dispositivos móviles */ +@media (max-width: 768px) { + .banner { + padding: 1rem; /* Reduce el padding en pantallas pequeñas */ + } + + .banner .button { + padding: 0.5rem 1rem; /* Botón más pequeño en pantallas móviles */ + } + + .banner h2 { + font-size: 1.5rem; /* Reduce el tamaño del texto en móviles */ + } +} + +@media (max-width: 480px) { + .banner { + padding: 1rem; /* Reduce aún más el padding en pantallas muy pequeñas */ + } + + .banner h2 { + font-size: 1.2rem; /* Texto aún más pequeño en pantallas pequeñas */ + } + + .banner .button { + font-size: 0.9rem; /* Botón más pequeño en pantallas muy pequeñas */ + padding: 0.4rem 1rem; + } +}