:root {
  --azul-osc: #03045eff;
  --azul-claro: #0077b6ff;
  --turquesa-osc: #00b4d8ff;
  --turquesa-claro: #90e0efff;
  --celeste: #caf0f8ff;
  
  }


body {
 
  font-family: 'Oswald', sans-serif;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
}

.hero {
  margin-top: 4em;
}
@media (max-width:768px) {
  .hero{
  margin-top: 1em;
  }
}

/*headers breadcrumbs*/
/* .header.aloje {
  background-image: url(img/header-3.webp);
  background-size: cover; 
  background-position: center top; 
  background-repeat: repeat-x;
} */

/* .header.program {
background-image: url(img/header_1.webp); 
background-position: 50% 20%; 
background-size: cover;
} */

/* /* .header.inscrip {
  background-image: url(img/header-2.webp); 
  background-size: cover;
  background-position: 50% 10%; 

} */
/* 
.header.contact {
  background-image: url(img/contact.jpg); 
  background-size: cover;
  background-position: 50% 30%; 

} */ 

.rrss-link:hover {
 fill: var(--azul-osc);
}

/*
.welcome {
  font-family: "Oswald", sans-serif;
}
*/

#footer {
  margin-top: auto;
}

/* .bg-hero {
background-image: url(img/portada_full.webp);
background-repeat:no-repeat;
background-size:contain;
background-position:center;
height:500px;
} */



.nop {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.container-fluid.bg-inscripciones {
  background-color: #136358;
}

.btn.btn-white {
  color: white;
  border-color: white;
  padding: 10px;
}

.btn.btn-white:hover {
  background-color: var();
  border-bottom: #4A0007;
}

.btn.btn-jbdu {
  color: white;
  background-color: var(--azul-claro);
  border-color:var(--azul-claro);
  border-radius: 16px;
}

.btn.btn-jbdu:hover {
  background-color: var(--azul-claro);
  border-bottom: var(--azul-claro);
}

.btn.btn-jbdu-pale {
  background-color: var(--turquesa-osc);
  border-bottom: var(--turquesa-osc);
  color:aliceblue;
  border-radius: 16px;
}

.btn.btn-jbdu-pale:hover {
  background-color: var(--turquesa-claro);
  border-bottom: var(--turquesa-claro);
  color:whitesmoke;
}


table.table tbody tr td b {
  color: var(--azul-claro);
}

table.table tbody tr td.b {
  color: var(--azul-osc);
}

a.link-wine {
  color: var(--turquesa-claro);
  font-weight: 700;
}


a.link-jbdu {
  color: var(--turquesa-osc);
  font-weight: 700;
}



a.link-jbdu:hover {
  color: var(--turquesa-claro);
  font-weight: 700;

}

.link-wine {
    color: var(--azul-osc);
    font-weight: 700;
  
  }


.navbar .collapse li a:hover {
  color: rgb(168, 168, 168);
}

nav .collapse ul li a {
  color: var(--azul-osc) ;
  font-weight: bold
}


.navbar-toggler {
  
  border-color: 660066;
}

nav .collapse ul li a {
  font-size: 0.78em;
}

a.nav-link.dropdown-toggle.show {
  color: rgb(168, 168, 168);
}

a.dropdown-item {
  color: black !important;
}

ul.dropdown-menu.show {
  border: none;
}

a.dropdown-item:hover {
  background-color: rgb(204, 204, 204);
}

.hover-brand:hover {
  opacity: 0.6;
  transform: scale(0.98899);
}

h1.font-wine {color: var(--rojo);}

h2.font-wine {
  color: #303030;
}

h3.font-wine {
  color: #303030;
}

h4.font-wine {
  color: #303030;
}


.font-wine p {
  color: #303030;
}

a.font-wine {
  color: #4A0007;
  font-weight: 700;
}

a.font-wine:hover {
  color: var(--azul-osc);
}

/* */
/* hamburger menu */
.menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}

.menu.navbar-toggler:focus {
  box-shadow: none;
}

.line {
  fill: none;
  stroke: var(--azul-osc);

  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}

.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}

.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}

.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}

.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}

.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}

.navbar-toggler {
  border: none !important;
  font-size: 1em !important;
}

h2.timeline {
  text-align: start;
}

@media only screen and (max-width: 768px) {
  h2.timeline {
    text-align: center;
  } 
}
/*hr */

/* Glyph, by Harry Roberts */

hr.alt {
  overflow: visible; /* For IE */
  padding: 0;
  border: none;
  border-top: medium double #7b7b7b;
  color: #888888;
  text-align: center;
}
hr.alt:after {
  content: "§";
  display: inline-block;
  position: relative;
  top: -0.7em;
  font-size: 1.5em;
  padding: 0 0.25em;
  background: white;
}


/*sticky */
.sticky-reg  {
  
  border: 1px solid #981E29;
  color:aliceblue;
  background-color: #981E29;
  border-radius: 80%;
  text-align: center;
  font-weight: 600;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  animation: breathe  2s ease-in-out infinite;
}

@keyframes 

breathe {
  
0% {
    box-shadow: 0 0 0 0 var(--turquesa-claro);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

/*Estilos de animacion del icono latiendo*/
@keyframes beat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.sticky-reg:hover {
  background-color: #fa98a2;
  border-color: #fa98a2;
  color: whitesmoke !important;
  ;
}

.ives-img {
  position: relative;
  left: 14em;
  bottom: 3.4em;
}

@media (max-width:768px) {
  .ives-img {
    position: relative;
    left: 12em;
    bottom: 3.3em;
  }
}

@media (max-width:425px) {
  .ives-img {
    position: relative;
    left: -1.5em;
    bottom: 0.1em;
    }
    .ives-img img {
      width: 150px;
    }
}

.fca-img {
  position: relative;
  left: 13em;
  bottom: 3.4em;
}

@media (max-width:768px) {
  .fca-img {
    position: relative;
    left: 11em;
    bottom: 3.2em;
  }
}

@media (max-width:425px) {
  .fca-img {
    position: relative;
    left: -1.5em;
    bottom: 0.1em;
    }
    .fca-img img {
      width: 50px;
    }
}


@media (min-width: 2559px) {

span.new {
  position: relative;
  top: 17em;
  left: 54.2em;
}
}

@media (max-width:1920px) {

  span.new {
    position: absolute;
    top: 17.5em;
    left: 38em;
  }
  }

@media (max-width:1440px) {

span.new {
  position: absolute;
  top: 17em;
  left: 26.2em;
}
}

@media (max-width:1024px) {

  span.new {
    position: absolute;
    top: 17em;
    left: 18em;
  }
  }

@media (max-width:768px) {
  span.new {
    position: absolute;
    top: 19.5em;
    left: 13.2em;
}
}

@media (max-width:425px) {
 
span.new {
  position: absolute;
  top: 24.5em;
  left: 5.8em;
}
}

@media (max-width:377px) {
 
  span.new {
    position: absolute;
    top: 25.5em;
    left: 4em;
  }
  }

  @media (max-width:320px) {
 
    span.new {
      position: absolute;
      top: 25.2em;
      left: 2.8em;
    }
    }
   
  /* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0;
  /* Space out the Bootstrap <hr> more */
}

@media (max-width: 767px) {
  .featurette-divider {
    margin: 2rem 0;
    /* Space out the Bootstrap <hr> more */
  }
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}

/* rtl:end:remove */


@media (min-width: 40em) {

   .featurette-heading {
      font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
      margin-top: 4rem;
  }
}

@media (min-width: 40em) {

  .featurette-heading-alt {
     font-size: 50px;
 }
}

@media (min-width: 62em) {
 .featurette-heading-alt {
     margin-top: 4rem;
 }
}

ul.check {
  list-style: none;
}

ul.check li:before {
  content: '✓';
  margin-right: 1em;
}



/*scrollbar style */
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

::-webkit-scrollbar
{
  width: 6px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
  background-color: var(--azul-claro);
}


.modal-content {
  border: none;
}

.modal-footer {
  border-top: none;
}


.badge-jbdu {
  background-color: var(--celeste);
  text-decoration: none;
  color: black;
}

.badge-jbdu:hover {
  background-color: var(--azul-osc);
  color: white;
}