/*FONTS*/
@import url("https://fonts.googleapis.com/css2?family=Allura&family=Hurricane&display=swap");

/*CUERPO*/
body {
  margin: auto;
  color: rgb(31, 31, 31);
  font-size: 1.5em;
  background-image: url(../imgs/wall.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
/*PÁRRAFOS*/
p {
  font-size: 0.7em;
  font-family: Georgia;
  text-align: justify;
  font-weight: 300;
}

/*HEADER*/
.header {
  padding: 2em;
  font-size: 2em;
  background-image: url("../imgs/banner2.png");
  background-size: cover;
  background-position: center;
}

.header h1 {
  margin: 0;
  font-family: "Hurricane", cursive;
  font-weight: 100;
  text-decoration: underline;
  color: #ccc;
  text-align: center;
}

.header p {
  color: rgb(196, 196, 196);
  margin-top: -0.2em;
  letter-spacing: 1.5em;
  font-size: 0.4em;
  text-align: center;
}

/*NAV-BAR*/
.nav-bar {
  margin-left: -19em;
  background: #0e0606;
}

.nav-bar table {
  background: #060303;
  border: 1px solid #100c0c;
  font-size: 0.8em;
  text-align: center;
}

/*NOSOTROS*/

.nosotros {
  width: 50em;
  margin: auto;
  padding: 2em;
}

.nosotros table {
  background: rgb(255 255 255 / 81%);
  margin-bottom: 5em;
  width: 30em;
}

.nosotros h2 {
  color: #93367e;
  font-size: 1.3em;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  padding: 0.5em;
}

.nosotros p {
  padding: 0.5em;
}

/*TABLA FOTOGRAFÍAS*/

table {
  width: 50%;
  margin: auto;
  border: 1px solid #ccc;
  background: #ffffffd6;
}

.products {
  margin-top: -3em;
}

.products table {
  width: 42em;
  text-align: center;
}

.products h2 {
  color: #93367e;
}

.products h3 {
  color: #93367e;
  font-size: 1em;
}

.products p {
  width: 25em;
  text-align: center;
}

.product-c {
  border: 1px solid #ccc;
  padding-left: 2em;
}

table,
th,
td {
  border-collapse: collapse;
  padding: 1em;
}

li {
  font-size: 0.7em;
}

.products img {
  width: 20em;
  border: solid 1px #ddd;
}

/*FOOTER*/
.footer {
  line-height: 3em;
  background-image: url("../imgs/foot.png");
  color: white;
  text-align: center;
  font-weight: 900;
}

.footer p {
  text-align: center;
}

/*LINKS*/
a {
  text-decoration: none;
  color: #502e3b;
  cursor: pointer;
}

a:hover {
  color: #ccc;
}