html,body{
		height:100%
	}
	
	body {
      font-family: 'Arial', sans-serif;
      margin: 0;
      padding: 0;
      background: #fff8f8;
      color: #333;
    }
    header {
      text-align: center;
      background: #fdd6e4;
      padding: 20px;
	  display:flex;
	  justify-content: space-between;
	  height: 150px
    }
 
	
    .nav {
      padding: 12px;
      display: flex;
      justify-content: center;
    }
	.botones{
		display: flex;
		gap: 40px;
	}
    .nav a {
      text-decoration: none;
      color: #333;
      font-weight: bold;
      transition: 0.3s;
	  display: block;
		padding: 0 20px;
    }
    nav a:hover {
      color: #a30052;
    }
    section {
      padding: 25px;
    }
    h2 {
      color: #a30052;
    }
	
    .catalogo {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 20px;
    }
    .producto {
     background: #fff;
      border-radius: 15px;
      box-shadow: 0 3px 7px rgba(0,0,0,0.1);
      padding: 15px;
      text-align: center;
    }
    .producto img {
      width: 100%;
      border-radius: 10px;
    }
    .precio {
      margin-top: 10px;
      font-size: 14px;
      color: #444;
    }
    footer {
      background: #fdd6e4;
      text-align: center;
      padding: 10px;
      margin-top: 30px;
    }
	.inicio{
		height:calc(100% - 150px);
		
	}
	.algo{
		height:300px;
		 margin: 15px;
	}
	.catalogos{
		height:100%;
		
	}		
	.contacto{
		height:100%;
		display: flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
	
	}
	form {
		display: flex;
		flex-direction: column;
		width:200px;
		gap:10px;
	}
	 textarea {
		 resize: none;
		 height: 60px;
	 }