* {
   margin: 0;
   padding: 0;
 }

 @font-face {
   font-family: 'Cursiva';
   src: url('./BrushScriptOpti-Regular.otf') format('truetype');
 }


 body {
   font-family: Arial, sans-serif;
   margin: 0;
   background-color: #f6eee3;
   color: #263d55;
 }

 header {

   color: white;
   padding: 0;
   text-align: center;
   width: 100%;
   height: 300px;
 }

 h1 {
   margin: 0;
 }

 .menu-section {
   padding: 2rem;
   max-width: 800px;
   margin: auto;
 }

 h2 {
   border-bottom: 2px solid #263d55;
   padding-bottom: 0.5rem;
   margin-bottom: 1rem;
   font-family: 'Cursiva';
   font-size: 40px;
 }

 .item {
   display: flex;
   justify-content: space-between;
   margin-bottom: 1rem;
   border-bottom: 1px dotted #aaa;
   padding-bottom: 0.5rem;
 }

.item-name {
  font-weight: normal;
  font-family: Georgia, 'Times New Roman', Times, serif;
  width: 80%;
}

 .item-price {
   font-weight: bold;
   color: #263d55;
 }

 footer {
   text-align: center;
   font-size: 0.9rem;
   padding: 1rem;
   background-color: #263d55;
   color: #f6eee3;
 }

 .logo {
   width: 400px;
   padding: auto;
   margin-top: 80px;
   filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.8));

 }

 .banner {
   background-image: url(./Imagenes/Salsas.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   width: 100%;
   height: 300px;
   background-attachment: fixed;
 }


 .banner2 {
   background-image: url(./Imagenes/Mesas\ con\ plantas.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   width: 100%;
   height: 300px;
   background-attachment: fixed;
 }

 .banner3 {
   background-image: url(./Imagenes/Carne.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   width: 100%;
   height: 300px;
   background-attachment: fixed;
 }

 .banner4 {
   background-image: url(./Imagenes/Ravioles.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   width: 100%;
   height: 300px;
   background-attachment: fixed;
 }

 .menu {
   text-align: center;
   font-family: Georgia, 'Times New Roman', Times, serif;
   font-weight: 200;
   margin: 20px;
   color: #263d55;
 }


 .tacc {
   width: 40px;
   padding: 0;
   margin: 0;
 }

 .caja-frase {
   display: flex;
   
   
   margin: auto;
   background-color: #263d55;
 }

 .frase {
   font-family: Georgia, 'Times New Roman', Times, serif;
   font-size: 15px;
   text-align: center;
   padding: 2rem;
   margin: auto;
   color: #f6eee3;
   max-width: 600px;
 }

 .clob {
  font-family: sans-serif;
  color: #f6eee3;
  text-align: center;
  margin: auto;
 }

 @media (max-width: 1000px) {

   .banner,
   .banner2,
   .banner3,
   .banner4 {
     background-size: contain;

     background-position: center;
     background-attachment: scroll;


   }

   .logo {
     width: 300px;
   }
 }

 .cajaej {
  display: flex;
  flex-direction: column;
  font-family: Georgia, 'Times New Roman', Times, serif;
   justify-content: space-between;
   margin-bottom: 1rem;
   border-bottom: 1px dotted #aaa;
   padding-bottom: 0.5rem;
   font-size: large;
 }

.parentesis {
  font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 15px;
}