:root {
  --naranja: #ff6600;
  --naranja-opac: #893700;
  --amarillo: #F2AD0E;
  --azul: #115d70;
  --azul-opac: #174059b3;
  --negro: #292929;
  --blanco-calido: ;
  }


 body {
  font-family: "lato",serif; 
  /*font-family: 'Oswald', sans-serif !important;  */
  display: flex; 
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
}

 h1.titu {
    font-family: 'Komikazoom';
    font-weight: normal;
    font-style: normal;
    color: #115d70;
    font-size: 5em;
}

@media (max-width:768px) {
  h1.titu {
    font-size: 3em;
  }
}

h2.titu {
    font-family: 'Komikazoom';
    font-weight: normal;
    font-style: normal;
    color: #115d70;
    font-size: 3em;
}

@media (max-width:768px) {
  h2.titu {
    font-size: 2em;
  }
}


.navbar-brand {
  display: none;
}

  .main-brand-show  {
    display:block;
   
  }

 
  
@media (max-width: 768px) {
.navbar-brand img {
    display: block;   
   } 
}

@media (max-width: 768px) {
  .navbar-brand { 
    display: block;
  }
 .main-brand-resp {
  display: block;
 }
}



p.upper-titu {
  color: var(--naranja);
  font-family: lato, serif;
}


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

.lapiz {
  display: inline-block;
    position: relative;
    left: 786px;
    bottom: 468px;
}

.map {
width: 600px;
height: 450px;
}

@media (max-width:768px) {
  .map {
    width: 400px;
    height: 300px;
  } 
  }


/*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\ programa.webp); 
background-position: 50% 20%; 
background-size: contain;
}

.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-opac);
 transition: ease-in-out 0.3s;

}

/*
.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;
}

.header-programa {
box-shadow: 5px 10px var(--azul);  
}


.btn.btn-radbu {
background-color: var(--azul);
text-decoration: none;
box-shadow: 5px 10px;
transition-property: all;
transition-timing-function: 
cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s;
border-radius: 0px;
}

.btn.btn-radbu a {
  color:white;
  text-decoration: none;
  font-weight: bold;
}

.btn.btn-radbu:hover {
  background-color: var(--azul-opac);
  transform: translateY(3px);
  box-shadow: var(--naranja-opac) ;
  }

.btn.btn-radbu-pale {
background-color: var(--naranja);
box-shadow: 5px 10px;
transition-property: all;
transition-timing-function: 
cubic-bezier(.4, 0, .2, 1);
transition-duration: .15s;
border-radius: 0px;
  }

  .btn.btn-radbu-pale a {
    color:white;
    font-weight: bold;
    text-decoration: none;
  }


.btn.btn-radbu-pale:hover {
  background-color: #d11251;
   transform: translateY(3px);
  box-shadow: var(--naranja-opac) ;
  }
  



table.table tbody tr td b {
  color: var(--rojo-opac);
}



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


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



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

}

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


.navbar .collapse li a:hover {
  color: var(--negro);
  
  
}

nav .collapse ul li a {
  color: var(--rojo) ;
  /* 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;
  transition: ease-in-out 0.3s;
  
}

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(--rojo);
}

.bg-timeline {
  background-image: url(/img/timeline.webp);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  height:180px;
}



@media only screen and (max-width: 768px) {

  .bg-timeline {
    background-image: url(img/timeline-mb.webp);
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    height:320px;
    width:450px;
    }
  }


.bg-submission {
  background-image: url(img/header-09.webp);
  background-size: cover;
  background-position: 50% 50%;
}

.bg-committee {
  background-image: url(img/commitee-05.webp);
  background-size: cover;
  background-position: 50% 50%;
}

.bg-programme {
  background-image: url(img/header-06.webp);
  background-size: cover;
  background-position: 50% 50%;
}

.bg-register {
  background-image: url(img/header-07.webp);
  background-size: cover;
  background-position: 50% 50%;
}

.bg-keydates {
  background-image: url(img/header-08.webp);
  background-size: cover;
  background-position: 50% 50%;
}

.bg-faq {
  background-image: url(img/header-09.webp);
  background-size: cover;
  background-position: 50% 50%;
}

.bg-contact {
  background-image: url(img/headers-10.webp);
  background-size: cover;
  background-position: 50% 50%;
}


.bg-wine {
  background-color: var(--azul);
}

.accordion-button:not(.collapsed) {
  color: #ffffff;
  background-color: #4A0007;
  ;
  box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

/* medias */

@media (max-width: 767px) {
  img.img-fluid.brand {
    width: 120px !important;
  }
}


@media (max-width: 767px) {
  .col-xs {
    padding-right: 2em;
    padding-left: 2em;
  }
}



@media only screen and (max-width: 768px) {

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




@media only screen and (max-width: 767px) {

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


  @media only screen and (min-width: 1920px) { 
    nav .collapse ul li a {
      font-size: 0.88em;
    }
  }  

/* */
/* 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(--naranja);

  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 #fa98a2;
  }
  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;
}

/* fonts
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap'); */


/*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(--rojo);
}


.modal-content {
  border: none;
}

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


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

.badge-radbu:hover {
  background-color: var(--naranja-opac);
  color: white;
}