/* Palette

#000000 black
#14213D dark blue
#FCA311 gold
#E5E5E5 gray
#FFFFFF white

Background

#000000 black
#050070 blue

*/

* {
  font-family: "poppins", Courier, monospace;
}

/* Main body */

body {
  /*  background-color: black;Main body */
  color: white;

  /*  
background: rgb(2, 0, 36);
  background: linear-gradient(90deg, rgba(2, 0, 36, 1) 19%, rgb(7, 3, 93) 100%);

*/

  /*
  background: rgb(2, 0, 36);
  background: linear-gradient(90deg, rgb(8, 5, 70) 19%, rgba(2, 0, 36, 1) 100%);
*/

  /*background: rgb(18, 19, 21);*/
  background: rgba(1, 0, 66, 1) 89%;
  /*background: linear-gradient(
    180deg,
    rgba(18, 19, 21, 1) 0%,
    rgba(10, 10, 44, 1) 10%,
    rgba(1, 0, 66, 1) 89%,
    rgba(18, 19, 21, 1) 100%
  );*/
}

main {
  padding-left: 5%;
  padding-right: 5%;
}

/* Links */

a {
  color: #0345fc;
  text-decoration: none; /* removes underline from links */
}

a:visited {
  color: #0345fc;
}

a:hover,
a:focus {
  color: #ff001d;
}

a:active {
  color: #050070;
}

/* Header */

.top-menu {
  color: aqua;
  li {
    list-style: none; /* removes bullet points from li */
  }
}

.universal {
  font-size: 30px;
}

.carniceria {
  font-size: 25px;
}

h1 {
  text-align: center;
  color: #00bbff;
}

h2 {
  color: #00bbff;
}

/* Tables */

table {
  /*  Glassmorphism idea
  background: rgba(0, 0, 0, 0.813);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  */

  background-color: rgba(0, 0, 0, 0.231);
  padding: 10px;
  padding-bottom: 25px;
  border-radius: 15px;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  margin-left: 5px;
}

thead {
  background-color: rgba(0, 0, 0, 0.397);
}

th {
  border-bottom: 1px solid;
  padding: 10px;

  color: #1470e0;
}

td {
  border-bottom: 1px solid;
  padding: 10px;
}

tbody tr:hover {
  background-color: #d10202;
}

.colderecha {
  text-align: right;
  padding-right: 20px;
  width: 95px;
}

.colderecha::before {
  content: "$"; /* Set the currency symbol */
  float: left; /* Align symbol to the left */
  margin-left: 5px; /* Add space before the symbol */
  margin-right: 6px; /* Add space after the symbol */
}

.colpaquete {
  text-align: right;
}

.colunidad {
  text-align: center;
}

.centro {
  text-align: center;
  font-size: small;
  color: #1470e0;
  border-bottom: 1px solid white;
}

.centro:hover {
  color: white;
}

.subir {
  text-align: right;
  padding-right: 20px;
}

.prodicon {
  float: left;
  width: 25px;
  padding: 8px;
  padding-top: 8px;
}

.avisodeprivacidad {
  padding: 15px;
}