/* ====== OCULTADO ======== */
/*#btn-ovd, #btn-bad,  #btn-bio,  #btn-leo, #btn-mad, #btn-pna, #btn-scq, #btn-vit, #btn-zaz */
#btn-bcn, #btn-vlc, #btn-cdb, #btn-agp, #btn-pma, #btn-svq,  #btn-bad, #btn-mur{display:none!important;}

/* ====== OTROS ======== */

.madrid-xl, .madrid-l, .madrid-m, .madrid-s{position: fixed;} .madrid{position:relative;} .madrid-xl{top:120px;}
.barcelona-xl, .barcelona-l, .barcelona-m, .barcelona-s{position: fixed;} .barcelona{position:relative;} .barcelona-xl{top:120px;}

/* ====== CABECERA ======== */

#productos{display:flex; justify-content: center; flex-wrap: wrap; flex-direction: row;background-color: rgb(230, 230, 230); }
#cabecera {z-index: 9999!important}
#elem-cabecera{background-color: white; border-bottom: 2px solid #d50032;}
#elementos-cabecera{width: 100%; text-align: center;}
  #elementos-cabecera a {float: left;}.logo-spt{width: 165px!important; height: auto;}
  #frase-cabecera{ display: inline; font-size: 19px; margin: 0px auto; padding-top: 15px; float: right; color:#D50032 }
  header .logo .logo-dark.default, header .logo .logo-light.default{height:auto;}
/*#itinerario{background: linear-gradient(0deg, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);}*/

/* ====== INDEX - GALERIA ======== */

body#index{background-color: #d50032!important;}
#galeria-botones {max-width: 90%!important; background-color: #d50032;}
  
  #galeria-botones div:not(.lupa){ width: 100%!important; }; /* row */

    #galeria-botones a {height: 55px; margin: 5px 5px !important; }
        .btn-index span{font-weight: 900; background-color: rgba(255, 255, 255, 1); padding:  20px 20px 20px 56px; border-radius: 15px;}
        .btn-index span:hover{font-weight: 900; background-color:rgba(213, 0, 50, 1);}
      .btn-index{ border:0px; height: 70px;padding:0px!important; vertical-align: middle; background-size:20%!important; 
        background: rgba(255, 255, 255, 0.1) top right no-repeat;  
      }
      .lupa {pointer-events: none; position: absolute; background: url("../images/lupa.svg") no-repeat; 
        background-size: 30px; width: 30px; height: 40px; margin: 20px 0px 0px 15px;} 
      .btn-index:hover{ vertical-align: middle; background-size:20%!important; 
        background: rgba(213, 0, 50, 0.2)  top right no-repeat; }
      .boton-grande .btn-index { border:0px; height: 130px!important; width:300px;padding:  0px 0px!important; vertical-align: middle; background-size:20%!important; 
        background: rgba(255, 255, 255, 0.1) top right no-repeat; 
      }
     


.boton{width: auto; height: auto; padding: 0px; display:inline-block!important;}
.boton-grande{background-size:110%; background-position: center; width:300px; height: 130px; padding: 0px; display:inline-block!important;}

/* ====== BANNER ======== */

.banner{max-width:100%; background-position:50% 42px;background-size: cover; height:515px; border-radius: 0px 0px 50px 50px; }
.banner img{padding-top: 78px;}
.banner-provisional{background: url("../images/banners/spt-1440x445-SS.jpg") no-repeat;
   width: 100%; height: 100%; background-position: center; margin-top: 36px;}
.banner iframe{max-width: 1440px; height: 440px; position: relative; top:76px; left:0px; margin: 0px auto;}
/* banner ofertas */
.banner-of{max-width:100%; background-position:50% 42px;background-size: cover; height:500px; }
.banner-of iframe{max-width: 1440px; height: 440px; position: relative; top:50px; left:0px; margin: 0px auto;}

/* ====== COPI ======== */
#copi{ padding: 30px 0 30px 0;}
#copi div{vertical-align: middle}
#txt-copi{padding: 15px 0 15px 0;};

/* ====== MENU ======== */ 
#menu{background-color: #d50032; text-align: center;}
.menu{ background-color:  #d50032!important; z-index:777!important;width:100!important; padding: 15px 0px; text-align: center; border-bottom: 1px solid white!important; border-top: 1px solid white!important;}
.txt-origen{ background-color: #d50032;  color: white; font-weight: 600;}
.boton-sub{width: auto; height:auto; display:inline-block!important; font-weight: 600; color:white; padding:6px; }
a.boton-sub:hover{font-weight: 600; color:white; }
.boton-sub-act{width: auto; height:auto; display:inline-block!important; color:white; bottom: unset; font-weight: 600!important;pointer-events: none; cursor: default; background-color: #00000050;padding:4px 6px;}
.boton-sub span, .boton-sub-act span {font-size: 16px; vertical-align: middle; padding-bottom: 2px; color:white; font-weight: bolder;}

/* BOTONES PRECIO */
#botones{width:100%; display: inline-block;}
.pdf, .ver {display: flex}
.btn-outline-danger{border-color: #d50032; color:#d50032;}
.btn-outline-danger:hover { background-color: #d50032;}
#reserva-txt{pointer-events: none; cursor: default;}
#ruta-ventas-s {pointer-events: none; cursor: default;}
#ruta-ventas-s span { color: white;}
#ruta-ventas button,#ruta-ventas-s button  {padding-top:9px; height: 45px; width: 100%;}
#ruta-ventas-s button{  border-color: #ffffff; color:#d50032;pointer-events: none; cursor: default;}

#ruta-ventas button:hover,#ruta-ventas-s button:hover {background:linear-gradient(180deg, #d50032, #9d0125);}

/* ORDENAR */
.separador-home{padding: 0px 0px 50px 0px;}
.separador{ margin-top: 20px; box-shadow: 15px 5px 10px #48529944; background-color: rgb(230, 230, 230) ; }
.material-symbols-outlined{padding-top: 2px;}
.regulares{width: 100%;float: left;}        

.no-margin{margin: 0px;}
.ofertas{margin-bottom:13px}
header a.logo img{max-height: 100px;}

.text-left{text-align: left;}
.text-justify{text-align: justify;}


/* ====== ITINERARIOS ======== */

.itinerario{display: inline-block; padding:10px 20px; width: 1200px; margin: 10px!important;}
.itinerario .row{ width: 1200px;}

/* Todo lo que no este dentro del :not fondo blanco */
.itinerarios div:not(.precio,.footer,.precio-2, #titulo-txt, #titulo, #ribete-b, #etiqueta-1, #copi , .foto){background-color: white;}



/* 01 titulo */
#titulo{ padding: 3px 10px; min-height: 50px;  text-align: left; font-size: 20px; color: white; 
  font-weight: 600; background-color:#d50032; width: 100%; border-radius: 20px 20px 0px 0px;}

/* #titulo img {display: inline-block;float:inline-start; padding-left: 28px;} */
#titulo-txt { padding:25px 5px 25px 5px; display: inline-block;}
#ribete-b {background-image: url("../images/recursos/ribete-b.png");background-position:right top; background-repeat: no-repeat;float: inline-end; width: 59px; height: 82px; }

/* 02 contenedor (foto + pdf + ver) */ 
.elemento { display: inline-block; flex-direction: column; text-align: left; padding: 0px; align-items: end;}

  /* foto */
  #bloque-i{display:inline-block; width: 33%; flex-direction: column;}
#etiqueta-1{z-index: 100; ;border-radius: 0px 11px 11px 0px; position: absolute; margin-left:  -5px ; margin-top: 4px; width: 140px;  
  background-color:#FF9A54; color: white; text-align: center; font-weight: 600;}
.foto { padding: 0px; vertical-align: top; display: flex; width: 100%}
.foto  img {max-width: 100%; height: auto;}
.pdf{ display: flex; vertical-align: top; flex-direction: row; width: 50%;}
.pdf span, .reserva span{font-size: 14px; vertical-align: text-bottom; margin-bottom: 3px; }
.reserva-2.seleccion{width: 2px!important; display: none!important; }
.reserva-2 span{font-size: 14px; vertical-align: text-bottom; margin-bottom: 3px; }
.botones-pdf{display: flex;}
.boton-pdf{ width: 100%;}
.boton-pdf button{vertical-align: top; width:100%; display: inline-block; text-align: center; justify-content: center;align-items: center;}
a.boton-ver { width: 100%!important; text-align: center;  background-color:#f2f2f2; padding:6px 0px; 
  color:#666; display: table; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
a.boton-ver:hover {background-color: #d50032 ; color: white; font-weight: 600;}
.boton-ver span{vertical-align: middle;font-size: 12px;letter-spacing: 0px; font-weight: 600;}
.ver{width: 50%; text-align: center; display:inline-block}
.ojo{font-size: 16px!important; margin-bottom: 5px;}
 
  /* Info */
#info{border-radius: 10px 10px 10px 10px; position: relative;padding: 0px 5px; vertical-align: top; 
  border: 1px solid rgba(0,0,0,.125); display:inline-block; width: 67%; float: right; top:-8px}
.categorias{font-size: 10px; padding: 10px 5px 10px 5px; }
.categorias span{ color: #d50032; font-weight: 400!important;}
.dias{color: #d50032;  border-radius: 0px 0px 5px 5px; font-size: 20px; font-weight: 900; vertical-align:baseline; background-color: white; padding: 10px 5px 0px 5px; line-height: 20px;}
.dias span{width: 30px; height:auto; vertical-align: bottom; color:#d50032; ;}
.sitios{ font-size: 13px; font-weight: 400; line-height: 14px; padding: 10px 5px 0px 5px; color:#666;}
.sitios hr{ margin:3px;}
#sol{padding-right:10px; padding-top:10px; width:24px!important; height: auto;}
#sol img{ width:24px!important; height: auto;}

.fechas, .vuelos{ color: #d50032; line-height: 20px; display: block; padding: 0px 5px 10px 5px; vertical-align: baseline;}
.fechas span, .vuelos span {font-size: 22px;width: 30px; height:auto; vertical-align: bottom; color: #d50032}
.fechas hr, .vuelos hr{ margin:5px;}
.fechas img{width: 24px; height: auto;}
span#fechastxt , #vuelostxt{ color:#666; font-size: 12px; padding:0px 0px 0px 30px; line-height: 14px;}
#fechastxt, #mesestxt {display: inline;}
span#mesestxt{color:#666; font-size: 12px; line-height: 14px; font-weight: 600;} 
.año{ font-size: 10px!important; display: block; font-weight: 600;}

  /* precio */
.contenedor-precio{width:70%; height: 45px; vertical-align: middle; background:linear-gradient(180deg, #d50032, #9d0125); 
  border-radius: 5px; display: inline-block;}
.contenedor-precio.secundario{width:30%; height: 45px; margin-left:-20px; vertical-align: middle; 
  background:linear-gradient(180deg, #d50032, #9d0125); border-radius: 5px;
  border-left:1px solid white;}
.reserva-2{display: inline-block;}
.reserva{width:50%; display: inline-block;}
.reserva-txt{vertical-align: middle; font-size: 13px; top:20px;}
.flecha{vertical-align: middle;}
.boton-ventas button {background-color: white; vertical-align: middle;}
.precio{ border:none;  display:flex; vertical-align:inherit;color: white;font-size: 30px; border-radius: 5px;background-color:transparent; display: inline-block; width:55%; text-align: left; padding-left:0px;}
.precio-2{ border:none;  display:flex; vertical-align:inherit;color: white;font-size: 30px; text-align: left; border-radius: 5px;
  background-color:transparent; display: inline-block; width:100%; padding:12px 25px 7px 15px;  }
.precio-2 span.desde{ margin-bottom: 10px; position:relative; top: -2px;}
.precio-2 span.euro{ margin-bottom: 10px; position:relative; top: -2px;}
.precio strong, .precio-2 strong{ font-weight: 900; vertical-align: inherit;}
.categoria-precio{margin-top: -5px; position:absolute; margin-left:120px; margin-bottom: 18px; width:73px; font-size: 12px; color: white; display:block; line-height: 12px; text-align: left; padding: 5px; border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
#categoria-clasico{margin-top: -3px;width:60px; display: none};
.desde{width:100px!important;}
span.desde, span.euro{font-size: 10px!important; vertical-align: middle; }
span.desde{padding-right: 3px;}
span.euro{ font-size: 17px!important; padding-left:3px; vertical-align: middle;}
.precio-2 span.euro-2{position: relative; font-size: 17px!important; padding-left:3px;top: -2px!important ;vertical-align: middle;}

/* visitas */
.visitas{width: 100%;}
span.banderita{padding-left: 2px; padding-right: 8px;  }
.banderita img{width: 80%;}
.accordion-header{line-height: 32px!important;}
.accordion-header button{font-family:'Roboto', sans-serif!important; font-size: 12px; padding:5px!important; line-height: 15px;color: #d50032!important; background-color: white; }
#visitando-txt{font-size: 14px; font-weight: 600; padding-top:5px}
.lista{height:auto; display: inline-block;vertical-align: top; width: 100%; margin-top:-18px}
.lista button:target, .lista button:focus{ box-shadow: none; color: #d50032; }
.lista button:hover, .lista button:active, .lista button:not(.collapsed){ color: #d50032; background-color: white;}
.visitas-opcionales{ font-size: 12px!important; vertical-align: text-bottom;}
.acordion{width:100%!important; }
.accordion-item{border: none!important;}
.accordion-body {padding-top: 3px;}
.accordion-body ul{font-size: 12px; line-height: 16px; padding:0px 0px 0px 10px; margin-bottom: 0px;}
.comidas{padding: 3px 0px 3px 15px; vertical-align: middle; text-align: left;}
.comidas span{font-size: 14px;}
.comidas-txt{vertical-align: top;}
.paquetes{background-color:#f2f2f2;}
span.paquetes{font-size: 10px!important;}

.footer{background-color:#1c1c1c; ;}
#extras{z-index:100;position: relative;}
p#intro-excursiones, p#intro-comidas{/*display: none;*/ font-size: 11px; line-height: 13px!important; margin: 9px 0px 0px 0px; background-color: none;} /*textos ontrp paquetes*/
.txt-footer {color: white; font-size: 12px; line-height: 14px; width: 80%; margin: 0 auto; padding:30px 0px!important; text-align: justify;}

.row{}

h1,h2,h3,h4,h5,h6 {font-family: 'roboto', sans-serif; letter-spacing: 3px;color: #000;
} 
body:not( span.txt-intro) {font-family: 'Roboto', sans-serif!important;
  font-weight: 300;
  font-style: normal;
font-size: 14px;color: #000; letter-spacing: 0px; line-height: 23px;}

.tiki{ width: 15px; height: auto; margin-bottom: 3px; display: inline;}
hr {color: #878787;}
.poppins {font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-style: normal;} 
.text-condensed {font-family:'Roboto', sans-serif;
    font-weight: 300;
    font-style: normal;
    }
.marron {color:#6D5C4B;}
.borde-doble {border-top: double 3px #6D5C4B; border-bottom: double 3px #6D5C4B; padding: 10px;}
.bg-marron {background-color:#6D5C4B;}
.gris {color: #6F6F6E;}
.bg-rosa{background-color: #ee5153;}
.bg-gris{background-color: #f2f3f4;}
.font-weight-100 {font-weight: 100;}
.contain-background {position: relative !important; background-size: contain !important; overflow: hidden !important; background-position: right bottom !important; background-repeat: no-repeat !important;}

.height-65 {height: 70%}
.bg-white-opacity { background-color: rgba(255, 255, 255, 0.20); }
.bg-white-opacity2 { background-color: rgba(255, 255, 255, 0.7); }
.slider-long-arrow-white {padding: 25px; }
.esquina1 {
  position: absolute;
}

.itinerario, .elemento, .row, #botones, .reserva-2, .button-ventas button,.precio, .precio-2, #elemento-precio-s,.reserva-txt, #bloque-i{background-color: transparent!important;}
.reserva-2{background-color: none!important;}
#ruta-ventas-s button {}
/* SCROLL */

.scroll-flecha {
  top: 600px;
  z-index: 99999999;
  position  : absolute; 
  width     : 100%;  
  height    : 100%; 
  text-align: center;
}


/* COLORES FUENTES */
.black {color: #000}
.lightblue {color: #eff4f5}
.gold {color: #93886b}
.lightgold {color: #b39003}
.text-color {color: #ff2d00;}
.white-color {color: #ffffff;}

/* COLORES FONDOS */

.bg-blue {background-color: #1e92d3}
.bg-lightblue {background-color: #eff4f5}
.bg-gold {background-color: #93886b}
.bg-lightgold {background-color: #b39003}


.scroll-top-arrow, .scroll-top-arrow:focus { color: #fff; background: #878787; line-height: 28px; display: none; height: 30px; width: 30px; padding: 0; position: fixed; right: 45px; text-align: center; text-decoration: none; top: 91%; z-index: 10006; border-radius: 100%;}
.scroll-top-arrow:hover {background: #000; opacity: .8; color: #fff; border-color: #6abaaf}
.scroll-top-arrow i {line-height: 30px;  position: relative;}