/* ENTRADA */
#ENTRADASPACING {
  position: relative;
  display: block;
  height: 10vh;
}

#ENTRADA {
  height: 72vh;
  max-height: calc(140vw);
  /*background: antiquewhite;*/
}

#CONTADOR {
  /*background: antiquewhite;*/
}

#ENTRADADIV {
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: calc(80vw);
}

#pleasescroll {
  width: 100vw;
  max-width: 100%;
  position: relative;
  z-index: 1;
  left: 0; 
  right: 0;    
  margin: auto;
}

#pleasescroll img {
  width: calc(6vh);
  position: absolute;
  top: calc(11vh) !important;
  animation: pulsescroll 1.4s infinite;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@keyframes pulsescroll{
  from{
  box-shadow: 0 0 0 0 rgba(255, 128, 55, 0.35);
  }
  to{
  box-shadow: 0 0 0 41px rgba(255, 255, 255, 0);
  }
}


/* NUEVOS MARCOS */
/* --------------- MARCO UP -------------- */
#entrada-marco-up {
  width: 100vw;
  max-width: 96%;
  position: relative;
  z-index: 999;
  left: 0; 
  right: 0;    
  margin: auto;
}
#entrada-marco-up picture img{
  position: absolute;
  top: -30px;
}

@media screen and (max-width: 349px) {
  #entrada-marco-up { max-width: 86%; }
  #entrada-marco-up picture img{ top: -14px ; }
}
@media screen and (min-width: 350px) and (max-width: 768px) {
  #entrada-marco-up { max-width: 96%; }
  #entrada-marco-up picture img{ top: -30px ; }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #entrada-marco-up { max-width: 96%; }
  #entrada-marco-up picture img{ top: -30px ; }
}
@media screen and (min-width: 1000px) {
  #entrada-marco-up { max-width: 96%; }
  #entrada-marco-up picture img{ top: -60px ; }
}

/* --------------- MARCO DOWN -------------- */

#entrada-marco-down {
  width: 100vw;
  max-width: 96%;
  position: relative;
  z-index: 999;
  left: 0; 
  right: 0;    
  margin: auto;
} 
#entrada-marco-down picture img{
  position: absolute;
  top: calc((96vw * -0.28) + 30px);
}

@media screen and (max-width: 349px) {
  #entrada-marco-down { max-width: 86%; }
  #entrada-marco-down picture img{ top: calc((86vw * -0.28) + 14px); }
}
@media screen and (min-width: 350px) and (max-width: 768px) {
  #entrada-marco-down { max-width: 96%; }
  #entrada-marco-down picture img{ top: calc((96vw * -0.28) + 30px); }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #entrada-marco-down { max-width: 96%; }
  #entrada-marco-down picture img{ top: calc((92vw * -0.28) + 30px); }
}
@media screen and (min-width: 1000px) {
  #entrada-marco-down { max-width: 96%; }
  #entrada-marco-down picture img{ top: calc((96vw * -0.28) + 60px); }
}

/* --------------- CONTADOR UP -------------- */

#contador-marco-up {
  max-width: 1190px;
  width: 100vw;
  position: relative;
  z-index: 999;
  left: 0;
  right: 0;
  margin: auto;
} 
#contador-marco-up picture img{
  position: absolute;
  top: -20px;
}

@media screen and (max-width: 349px) {
  #contador-marco-up picture img{ top: -14px ; }
}
@media screen and (min-width: 350px) and (max-width: 768px) {
  #contador-marco-up picture img{ top: -30px ; }
}
@media screen and (min-width: 768px) and (max-width: 1189px) {
  #contador-marco-up picture img{ top: -30px ; }
}
@media screen and (min-width: 1190px) {
  #contador-marco-up { max-width: 1250px; }
  #contador-marco-up picture img{ top: -60px ; }
}

/* --------------- CONTADOR DOWN -------------- */

#contador-marco-down {
  max-width: 1190px;
  width: 100vw;
  position: relative;
  z-index: 999;
  left: 0; 
  right: 0;    
  margin: auto;
} 
#contador-marco-down picture img{
  position: absolute;
  top: calc((100vw * -0.255555) + 20px);
}

@media screen and (max-width: 349px) {
  #contador-marco-down picture img{ top: calc((100vw * -0.255555) + 14px) ; }
}
@media screen and (min-width: 350px) and (max-width: 768px) {
  #contador-marco-down picture img{ top: calc((100vw * -0.255555) + 20px) ; }
}
@media screen and (min-width: 768px) and (max-width: 1189px) {
  #contador-marco-down picture img{ top: calc((100vw * -0.255555) + 20px) ; }
}
@media screen and (min-width: 1190px) {
  #contador-marco-down { max-width: 1250px; }
  #contador-marco-down picture img{ top: calc((1190px * -0.255555) + 30px)  ; }
}

/* --------------- FINAL DOWN -------------- */

#final-marco-down {
  width: 100vw;
  max-width: 96%;
  position: relative;
  z-index: 0;
  left: 0; 
  right: 0;    
  margin: auto;
} 
#final-marco-down picture img{
  position: absolute;
  top: calc((96vw * -0.28) + 30px);
}
 
@media screen and (max-width: 349px) {
  #final-marco-down { max-width: 86%; }
  #final-marco-down picture img{ top: calc((86vw * -0.28) - 4px); }
}
@media screen and (min-width: 350px) and (max-width: 768px) {
  #final-marco-down { max-width: 96%; }
  #final-marco-down picture img{ top: calc((96vw * -0.28) - 8px); }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #final-marco-down { max-width: 92%; }
  #final-marco-down picture img{ top: calc((92vw * -0.28) - 12px); }
}
@media screen and (min-width: 1000px) {
  #final-marco-down { max-width: 96%; }
  #final-marco-down picture img{ top: calc((96vw * -0.28) - 18px); }
}

@media screen and (max-width: 645px) {
  #separador-final { display: none !important; }
}

/* --------------- FIN MARCOS -------------- */


/* SECTION SEPARATORS */
.container-section-separator {
  width: 100vw;
  position: relative;
  height: 179px;
}
.section-separator-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.section-w {
  background-color: #ffffff;
  height: 50%;
  max-height: 50%;
}

.section-c {
  background-color: #f8f3f2;
  height: 50%;
  max-height: 50%;
}

/*@media (max-width: 450px) {
  .container-section-separator img { zoom: 65%; }
}
@media only screen and (min-width: 451px) and (max-width: 767px) {
  .container-section-separator img { zoom: 72%; }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .container-section-separator img { zoom: 90%; }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  .container-section-separator img { zoom: 100%; }
}
@media only screen and (min-width: 1280px) {
  .section-separator { display: none !important; }
}
*/

/* COMPARTE QUITO SEPARADORES MEDIOS  */
@media only screen and (max-width: 990px) {
  .comparte-separator { display: none !important; }
}

/* CRONOLOGIA FUENTES*/
@media only screen and (max-width: 1025px) {
  .cronofont { font-size: 1.6rem; } 
}

/* ENTRADAS NOMBRES */
#entrada-chus { margin-top: 30px; }
#entrada-gino { margin-bottom: 40px; }
#separador { margin: 0 3em; top: 18px !important; }


@media only screen and (min-width: 451px) and (max-width: 768px) {
  .nombres { font-size: calc(96vw / 9) !important; }
  #entrada-texto { padding: 0; }
  #separador { margin: 0 3vw; zoom: 80%; }
}

@media only screen and (max-width: 450px) {
  .recuerda { font-size: calc(96vw / 25) !important; }
  .nombres { font-size: calc(96vw / 9) !important; }
  #entrada-texto { padding: 0; }
  #separador { margin: 0 0.75em; zoom: 50%; }
}

/* FORZANDO MARGENES */
#NOS_CASAMOS { padding-top:80px; }
#DONDE { padding-top:80px; }
#NOSOTROS { padding-top:60px; }
#FOTOS { padding-top:0px; }
#COMO_LLEGAR { padding-top:40px; }
#COMPARTE { padding-top: 80px; }
#EMAIL { padding-top: 20px;}

@media (max-width: 768px) {
  #NOS_CASAMOS { padding-top:40px; }
  #DONDE { padding-top:0px; }
  #NOSOTROS { padding-top:60px; }
  #FOTOS { padding-top:0px; }
  #COMO_LLEGAR { padding-top:0px; }
  #COMPARTE { padding-top: 0px; }
  #EMAIL { padding-top: 0px;}
  .bt_bb_timeline .bt_bb_inner_timeline:nth-child(even), .bt_bb_timeline .bt_bb_inner_timeline:nth-child(odd) { padding-bottom: 0em !important; }
}


/* VIDEO */
#videocontainer {
  width: 95vw;
  max-width: 560px; 
}

@media only screen and (max-width: 992px) {
  #videoseparator { display: none !important; }
}

@media only screen and (max-width: 767px) {
  #videocontainer { width:100vw;}
  #VIDEO { width:120%; max-width:120%; margin: 0px -30px;}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  #videocontainer { width:100vw; max-width: 1023px;}
  #VIDEO { width:120%; max-width:120%; margin: 0px -30px;}

}
@media only screen and (min-width: 993px) and (max-width: 1280px) {
  #videocontainer { max-width:440px;}
}

/* FUENTES BONITAS */

@media (max-width: 1025px) {
  .bt_bb_headline.bt_bb_size_extralarge[style*="font-family:'Auto Signature'"] h1, .bt_bb_headline.bt_bb_size_extralarge[style*="font-family:'Auto Signature'"] h2, .bt_bb_headline.bt_bb_size_extralarge[style*="font-family:'Auto Signature'"] h3, .bt_bb_headline.bt_bb_size_extralarge[style*="font-family:'Auto Signature'"] h4, .bt_bb_headline.bt_bb_size_extralarge[style*="font-family:'Auto Signature'"] h5, .bt_bb_headline.bt_bb_size_extralarge[style*="font-family:'Auto Signature'"] h6 {
    font-size: 2.9rem !important;
  }
}


/* TEXTO PLANO BODY */
@media (max-width: 1023px) {
    body {
        font-size: 18px !important;
    }
}

/* MOBILE LARGE SPACES */
@media (max-width: 1025px) {
  #DONDE.bt_bb_section.bt_bb_top_spacing_large > .bt_bb_port { padding-top: 1em !important; }
}


/* FORMULARIO MAS ANCHO */
@media (max-width: 767px) {
  #FORMDIV { padding-left: 0px; padding-right: 0px; font-size: 12px; }
}


/* LAFECHA */
@media (max-width: 450px) {
  .lafecha { font-size:14px; }
}

/* CONTADOR */
#contador {
  z-index: 0 !important ;
}
@media (max-width: 1023px) {
  /*#contsep1 { margin-bottom: 0px !important; }*/
  #contsep2 { margin-bottom: 0px !important; }
}




body {
  /* background-color: #e6dfdd7d !important ; */
}

.horarios {
  margin-top: 50px;
  margin-bottom: 20px;
}

.subrayado {
  font-weight: 600;
  color: #e18037 !important;
  font-size: 1.3em;
  letter-spacing: 0.18em;
}

.camera::before {
  font-size:9rem !important;
  color: #738766 !important;
}

.situacion-mapa {   
  font-size: 1.3rem;
  margin-top: 30px;
  margin-bottom: 30px;
}
 
.situacion-video {  
  font-size: 1.3rem; 
  margin-top: 30px;
  margin-bottom: 30px;
}

.youtubeimg {
  width: 160px;
  animation: pulse 1.4s infinite;
}

.mapsimg {
  width: 160px;
  animation: pulse 1.4s infinite;
}

.camerapulse {
  animation: pulse 1.4s infinite;
}

@keyframes pulse{
  from{
  box-shadow: 0 0 0 0 rgba(255, 128, 55, 0.35);
  }
  to{
  box-shadow: 0 0 0 22px rgba(255, 255, 255, 0);
  }
}

.enlacecortijo {
  color: #e18037 !important;
}

.form-container {
  /*max-width: 500px;*/
  margin: 0 auto;
  padding: 20px;
  /*border: 1px solid #738766;*/
  border-radius: 10px;
  /*background-color: #ffffff;*/
}
.form-container h2 {
  text-align: center;
  margin-bottom: 20px;
}
.form-group {
  margin-bottom: 15px;
  vertical-align: middle;
}
.form-group label {
  display: block;
  font-family: "Cardo", Arial, Helvetica, sans-serif;
  color: #e18037;
  letter-spacing: 1.6px;
  margin-bottom: 5px;
}
.form-group input,
.form-group select {
  width: 100%;
  padding: 10px;
  border: 1px solid #e18037;
  border-radius: 5px !important;
  box-sizing: border-box;
  text-align: center;
  background: #FFFFFF !important;
}
.form-group select {
  display: inline-block;
  padding: 0em;
  vertical-align: bottom;
  align-items: center; /* Centrar verticalmente el contenido del select */
}
.enviando {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  margin-top: 35px;
  background-color: #738766;
  border: 1px solid #738766;
  border-radius: 5px !important;
  color: white;
  cursor: pointer;
}
.enviando:hover {
  background-color: #e18037;
  border: 1px solid #e18037 !important;
  border-radius: 5px !important;
  transition: 0.5s;
}

.enviando span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.enviando span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -10px;
  transition: 0.5s;
}

.enviando:hover span {
  padding-right: 25px;
}

.enviando:hover span:after {
  opacity: 1;
  right: 0;
  transition: 0.5s;
}

.enviando.completed {
  background-color: #e18037 !important;
  border: 1px solid #e18037 !important;
  border-radius: 5px !important;
  transition: 0.5s;
}

.enviando.disabled {
  background-color: #e18037 !important;
  cursor: not-allowed;
  border: 1px solid #e18037 !important;
  border-radius: 5px !important;
  transition: 0.5s;
}

.enviando.fallo {
  background-color: #ce7a7a;
  border: 1px solid #ce7a7a !important;
  border-radius: 5px !important;
  transition: 0.5s;
}

/* Responsive show/hide BB classes */
@media (max-width: 1280px) {
  .bt_bb_hidden_lg { display: none !important; }
  .bt_bb_hidden_xl { display: none !important; }
  .bt_bb_hidden_md { display: none !important; }
  .bt_bb_hidden_sm { display: none !important; }
  .bt_bb_hidden_ms { display: none !important; }
  .bt_bb_hidden_xs { display: none !important; }
}