<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
body {
       background-image: url(imagenes/fondo.JPG);
	    background-attachment:fixed;
	   background-size:cover;
      font-family:Arial, sans-serif;
	  margin:0;
	  padding:0;
	 
	  }
body.servicios{
		  background-image: url(imagenes/fondo1.jpg);
    
         background-repeat: no-repeat;
}

body.contactos{
		  background-image: url(imagenes/fondo2.jpg);
         
         background-repeat: no-repeat;
}

body.acercade{
		  background-image: url(imagenes/fondo3.jpg);
       
         background-repeat: no-repeat;
	  }
	  
	  
header {
      background-color: white;
      color:black;
      padding: 1rem;
	 }
nav ul { 
         list-style: none;
		 margin: 0;
		 padding: 0;
		 display: flex;
		 gap: 1rem;
}
nav a{
	  color:black;
	  text-decoration: none;
	   padding: 0px 20px;
  border-radius: 5px;
  transition: all 0.3s ease;  /* AnimaciĂłn suave */
  display: inline-block;      /* Para que el padding funcione bien */
}

/* Efecto cuando el mouse pasa sobre el enlace */
nav a:hover {
  background-color: #E397DC; /* Fondo azul */
  color: white;              /* Texto blanco */
  transform: scale(1.1);     /* Crece un poco */
  box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* Sombra */
}
main{ 
     padding: 2rem;
}
 footer{
	  background-color: white;
	  color:black;
	  text-align: center;
	  padding: 1rem;
	  position: fixed;
	  width: 100%;
	  bottom: 0;
 }
 h2{
  text-align: center;
}
img {
  display: block;
  margin: 0 auto;
}


 
 
 </pre></body></html>