@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Monsieur+La+Doulaise&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/*  font-family: "EB Garamond", serif;
 font-family: "Montserrat", serif;
*/


       * {
           margin: 0;
           padding: 0;
           box-sizing: border-box;
       }

       :root {
           --claro: #f3dec3;
           --negro: #000000;
           --cafe: #b06132;

       }

       body {
           margin: 0;
           font-family: Arial, sans-serif;
           background-color: var(--negro);
       }

       
       header, section, footer {
           text-align: center;
       }

       header {
           background-color: var(--claro);
           color: var(--negro);
           margin: 5px;
           height: 50px;

           display: flex;
           justify-content: center;
           align-items: center;
       }

     

       header img {
           height: 30px; 
           margin-right: auto;
           margin-left: 10px;
       }

       header div {
           display: flex;
           justify-content: space-around;
           align-items: center;
           margin-right: 10px;
       }
 
       header div h1 {
           margin-top: -10px;

       }

       header div h1 a {

           font-family: "Montserrat", serif;
           font-size: 1rem;
           font-weight: 150;
           color: var(--negro);
           text-decoration: none;
           margin: 0 10px;

           
       }

       section { 
           color: var(--claro);
           height: 90vh;
           margin: 5px;

           background-image: url('./assets/HOME1.jpg');
           background-size: cover;
           background-position: center;

       }

       section div {
           padding-top: 500px;
       }
    
       section div h1 {
           font-family: "EB Garamond", serif;
           font-size: 2rem;
           font-weight: 100;
       }

       section div p {
           font-family: "Montserrat", serif;
           font-size: 1rem;
           font-weight: 100;

           margin-top: 0.5rem;
       }

       section div button {
           height: 30px;
           width: 250px;
           padding: 0;

           margin-top: 20px;
           background-color: var(--claro);
           color: var(--negro);
           font-family: "Montserrat", serif;

        border: none;
       }

       section div img {
           display: block;
           margin-left: auto;
           margin-right: auto;
           margin-bottom: 20px;

           height: 150px;

       }

       section:nth-of-type(2) {
           background-image: url('./assets/home2.jpg');
           background-size: cover;
           background-position: center;
           height: 900px;
       }

       section:nth-of-type(3) {
           background-image: url('./assets/home3.jpg');
           background-size: cover;
           background-position: center;
           height: 500px;
       }

       section:nth-of-type(4) {
           background-image: url('./assets/home4.jpg');
           background-size: cover;
           background-position: center;
           height: 900px;
       }
       
       section:nth-of-type(4) div {
        padding-top: 600px;
        }   

       section:nth-of-type(5) {
           background-image: url('./assets/home-4.jpg');
           background-size: cover;
           background-position: center;
           height: 1000px;
       }

       section:nth-of-type(5) DIV {
           padding-top: 700PX;
       }


       section:nth-of-type(6) {
           background-image: url('./assets/home5.jpg');
           background-size: cover;
           background-position: center;
           height: 1100px;
       }
   
       section:nth-of-type(6) div {
           padding-top: 850PX;

       }

       section:nth-of-type(7) {
           background-image: url('./assets/home6.jpg');
           background-size: cover;
           background-position: center;
           height: 600px;
       }

       section:nth-of-type(8) {
           background-image: url('./assets/home7.jpg');
           background-size: cover;
           background-position: center;
           height: 1100px;
       }

       section:nth-of-type(8) DIV {
          padding-top: 800PX;
       }

       
       section:nth-of-type(9) {
           background-color: var(--negro);
           height: 1100px;
       }

       section:nth-of-type(9) DIV {
          padding-top: 800PX;
       }

       .seccion-bodega {
           padding-top: 60px;
       }

       .seccion-siete DIV {
           padding-top: 50px;
       }

       .seccion-siete-grid {
           display: grid; 
           grid-template-columns: repeat(1, 1fr); 
           gap: 10px; 
           margin-top: 0px;
           width: 80%;
           margin: 0 auto;
       }

       .seccion-siete-grid div {
           display: flex; 
           justify-content: center; 
           align-items: center; 
           height: 100px;
           border: 2px solid var(--claro);
           text-align: center;

           color: var(--claro);
           padding: 0;
           font-weight: 500
       }

       footer {
           background-color: var(--claro);
           height: 500px;
           margin: 5px;
           text-align: left;
           padding: 20px;
       }

       footer p {
           padding-top: 10px;
           color: var(--negro);
           padding-left: 20px;
       }
       
       footer p a {
 
        text-decoration: none;
    }