@charset "utf-8";
/* CSS Document */
.linea-superior {
            height: 150px; /* Altura de la línea */
            background-color: #9f2149; /* Color de la línea */
            width: 100%; /* Que abarque toda la pantalla */
            position: fixed; /* Para que siempre esté en la parte superior */
            top: 0; /* Pegada al borde superior */
            left: 0; /* Pegada al borde izquierdo */
            z-index: 1; /* Para asegurarte de que esté abajo de otros elementos */
        }
body {
    margin: 0; /* Elimina márgenes */
    padding: 0; /* Elimina padding */
    background-image: url('Imagenes/Fondo.png'); /* Cambia por la ruta de tu imagen */
    background-size: cover; /* Hace que la imagen cubra todo el fondo */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    background-position: center; /* Centra la imagen */
    height: 100vh; /* Altura del 100% de la ventana */
    width: 100vw; /* Ancho del 100% de la ventana */
}

/* General */
body {
    font-family: Arial, sans-serif; /* Fuente predeterminada */
}
.Binevenido {
    font-size: 100px; /* Tamaño del texto */
    color: #FFFFFF; /* Color del texto */
	position: fixed;
      top: 10px; /* Espaciado desde la parte superior */
    left: 1px; /* Espaciado desde el borde derecho */
	margin: auto;
    width: 50%; /* Ancho del contenedor de texto */
    text-align: center; /* Centra el texto horizontalmente */
    padding: 10px; /* Espaciado interno */
	}
    
/* Modificar texto en párrafos */
.texto1 {
    font-size: 20px; /* Tamaño del texto */
    color: #FFFFFF; /* Color del texto */
	position: fixed;
    top: 40px; /* Espaciado desde la parte superior */
    left: 600px; /* Espaciado desde el borde derecho */
	margin: auto;
    width: 50%; /* Ancho del contenedor de texto */
    text-align: center; /* Centra el texto horizontalmente */
    padding: 10px; /* Espaciado interno */
}

/* Modificar texto en títulos (H1, H2, etc.) */

/* Primera imagen: esquina inferior izquierda */
	
.imagen1 {
    position: fixed;
    bottom: 0px; /* Distancia desde el borde inferior */
    left: 10px; /* Distancia desde el borde izquierdo */
}

/* Segunda imagen: izquierda del centro */
.imagen2 {
    position: fixed;
    bottom: 0px; /* Distancia desde el borde inferior */
    left: 25%; /* Posición relativa al ancho */
    transform: translateX(-50%); /* Ajuste para centrar en el punto */
}

/* Tercera imagen: derecha del centro */
.imagen3 {
    position: fixed;
    bottom: 0px; /* Distancia desde el borde inferior */
    left: 75%; /* Posición relativa al ancho */
    transform: translateX(-50%); /* Ajuste para centrar en el punto */
}

/* Cuarta imagen: esquina inferior derecha */
.imagen4 {
    position: fixed;
    bottom: 0px; /* Distancia desde el borde inferior */
    right: 10px; /* Distancia desde el borde derecho */
}
.imagen5 {
    position: fixed;
    bottom: 0px; /* Distancia desde el borde inferior */
    left: 10px; /* Distancia desde el borde izquierdo */
}

/* Segunda imagen: izquierda del centro */
.imagen6 {
    position: fixed;
    bottom: 0px; /* Distancia desde el borde inferior */
    left: 28%; /* Posición relativa al ancho */
    transform: translateX(-50%); /* Ajuste para centrar en el punto */
}

/* Tercera imagen: derecha del centro */
.imagen7 {
    position: fixed;
    bottom: 0px; /* Distancia desde el borde inferior */
    left: 73%; /* Posición relativa al ancho */
    transform: translateX(-50%); /* Ajuste para centrar en el punto */
}

/* Cuarta imagen: esquina inferior derecha */
.imagen8 {
    position: fixed;
    bottom: 0px; /* Distancia desde el borde inferior */
    right: 10px; /* Distancia desde el borde derecho */
}
/* logo */
.logo-superior {
    position: fixed;
    top: 10px; /* Espaciado desde la parte superior */
    right: 25px; /* Espaciado desde el borde derecho */
    z-index: 10; /* Mayor que la línea para estar encima */
    max-width: 170px; /* Opcional: limitar el tamaño */
	max-height: 170px;
	height: auto;
}

/* Centrar la imagen en toda la página */
.Boton {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    height: 100vh; /* Ocupa toda la altura de la ventana */
    margin: 0;
    padding: 0;
}

/* Imagen como botón */
.push {
    width: 250px; /* Tamaño inicial */
    height: auto; /* Mantiene la proporción */
    cursor: pointer; /* Indica que es clickeable */
    transition: transform 0.3s ease; /* Suaviza la transición */
}

/* Animación al hacer clic */
.push.animado {
    transform: scale(0.8); /* Encoge la imagen al 80% de su tamaño */
}

/* Eliminar subrayado y margen del enlace */
a {
    text-decoration: none;
    margin: 0;
    padding: 0;
}