:root {
    --bg-one: #00923d;
    --bg-three: #0b9841;
    --color-text: #e3e3e3;
    --color-text2: #6b6b6b;
}
body {
    font-family: 'Handlee', cursive;
}
div#v-pills-tabContent a {
    color: inherit;
    text-decoration-line: underline;
}
article { width: 100%;}
.title-seccion {
    display: flex;
    justify-content: center;
    margin: 0.8rem 0rem;
}

.cards-sucursales {
    display: flex;
    justify-content: center;
}

.card-sucursal {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn-actions a {
    border-radius: 4px;
    border: solid 1px var(--bg-one);
    color: var(--bg-one);
    margin: 0.4rem 0.2rem 0.4rem 0.2rem;
    padding: 0.8rem;
}
.info h4 {
    margin: 3px 0;
}
.info span {
    color: var(--color-text2);
    width: 100%;
}
h1 {
    color: var(--bg-three);
    font-size: 2.5rem;
    font-family: 'Courgette', cursive;
}
.card-sucursal {
    border-top: solid 1px var(--color-text);
    border-bottom: solid 1px var(--color-text);
    padding: 1rem 0;
    margin: 0 1rem;
}
.card-sucursal:nth-child(1) {
    border-top: solid 1px var(--color-text);
}

.btn-actions {
    min-width: max-content;
}


/* EFECTO DE CARGA */

div#efec-pre {
  position: absolute;
  top: 150px;
  right: 0;
  display: flex;
  justify-content: center;
  left: 0;
}

#preloader_3{
  position:relative;
}
#preloader_3:before{
  width:20px;
  height:20px;
  border-radius:20px;
  background:blue;
  content:'';
  position:absolute;
  background:#b0fbb9;
  animation: preloader_3_before 1.5s infinite ease-in-out;
}

#preloader_3:after{
  width:20px;
  height:20px;
  border-radius:20px;
  background:blue;
  content:'';
  position:absolute;
  background:#2ecc71;
  left:22px;
  animation: preloader_3_after 1.5s infinite ease-in-out;
}

@keyframes preloader_3_before {
  0% {transform: translateX(0px) rotate(0deg)}
  50% {transform: translateX(50px) scale(1.2) rotate(260deg); background:#2ecc71;border-radius:0px;}
    100% {transform: translateX(0px) rotate(0deg)}
}
@keyframes preloader_3_after {
  0% {transform: translateX(0px)}
  50% {transform: translateX(-50px) scale(1.2) rotate(-260deg);background:#51a384;border-radius:0px;}
  100% {transform: translateX(0px)}
}
/* FIN EFECTO DE CARGA */