.renglon {
	--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.columna-lg-4 {
	flex: 0 0 auto;
    width: 33.33333333%;
}
.imagen-f {
	max-width: 100%;
    height: auto;
}

.border-redondo{
	border-radius: var(--bs-border-radius) !important;
}
.bg-body-terciario {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)1) !important;
}
.pd-1 {
    padding: .25rem !important;
}
.mgb-2 {
    margin-bottom: .5rem !important;
}
.margin-top-1 {
    margin-top: 96px;
}
.sombra-sm {
    box-shadow: var(--bs-box-shadow-sm) !important;
}
.posicion-relativa {
    position: relative !important;
}
.text-blanco {
    --bs-text-opacity: 1;
    color: white !important;
}
.fw-negrita {
    font-weight: 700 !important;
}
.pds-3 {
    padding-left: 1rem !important;
}
.pdb-1 {
    padding-bottom: .25rem !important;
}
.inicio-0 {
    left: 0 !important;
}
.fin-0 {
    right: 0!important;
}
.bajo-0 {
    bottom: 0 !important;
}

.posicion-absoluta {
    position: absolute !important;
}
.ocultar {
    display: none;
}

/*===========================
        Tabs
=============================*/
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #e7eff4;
  color: blue;
  font-weight: 400;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #006ca7;
  color: white;
  font-weight: 400;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
/*===========================
        Botón temario
=============================*/
.boton-temario-bajo {
    bottom: 28px !important;
}
.boton-temario-fin {
    right: 18px !important;
}

@media screen and (min-width: 100px) and (max-width: 768px) {
 .columna-sm-12 {
    	flex: 0 0 auto;
        width: 100%;
    }   
}