:root {
  --bg-blanco: white;
  --card-bg: #9D2449;
  --card-bg-gris: #343a40;
  --bg-dorado: #B38E5D;
}

body {
  background: var(--bg-blanco);
}

.box {

  background: var(--card-bg);
}


input::placeholder {
  color: antiquewhite;
}

.navbar {
  background: var(--card-bg);
}

.pl1{
  padding-left: 2px;  
}
.pl2{
  padding-left: 4px;  
}
.pl3{
  padding-left: 8px;  
}

.pt1{
  padding-top: 2px;  
}
.pt2{
  padding-top: 4px;  
}
.pt3{
  padding-top: 8px;  
}
.mt1{
  margin-top: 2px;  
}
.mt2{
  margin-top: 4px;  
}
.mt3{
  margin-top: 8px;  
}


.navbar-item {
  color: ghostwhite;
  font-weight: bold;
}

/* Card start*/
.card {
  overflow: hidden;
  background: ghostwhite;
  color: var(--bg);
}

.card.large {
  border-radius: 5px;
}

.title.no-padding {
  margin-bottom: 0 !important;
}

.footer {
  background: var(--card-bg-gris);  
  color: ghostwhite;
}

.footer p,
strong {
  color: ghostwhite
}

.footer a:hover {
  color: ghostwhite;
  font-weight: bold;
}

.fa {
  color: ghostwhite;
  margin: 10px
}
a{
  color: var(--bg-dorado);
}
.txt_blanco{
  color: var(--bg-blanco);
}

.navbar-menu a:hover {
  color: var(--bg-dorado);
  font-weight: bold;
}
.link-tabasco{
  font-size: 18px;
}
#tabasco a:hover{
  color: var(--card-bg);
}
#atabasco a:hover{
  color: var(--card-bg);
}

a.navbar-item.is-active:not(:focus):not(:hover) {
   background-color: var(--card-bg);
}

.txt_center{
  text-align: center;
}
.btn-primary{
  background-color: var(--card-bg);
  color: white;
}
.txt_dorado{
  color: var(--bg-dorado);
}