/****** PLACE YOUR CUSTOM STYLES HERE ******/


/****** GENERAL ******/

h1.text-white, h2.text-white, h3.text-white, h4.text-white, h5.text-white, h6.text-white, p.text-white, span.text-white {
    color: #fff;
}

.text-strong {font-weight: 900;}
.text-shadow {text-shadow: 1px 1px 1px #333;}
.text-shadow-white {text-shadow: 1px 1px 1px #f3f3f3;}

#interiores p, #interiores span {
    font-size: 14px;
    line-height: 1.6em;
}

#interiores .nav-utility p, #interiores .nav-utility span {
    font-size: inherit;
    line-height: inherit;
}

#interiores nav.bg-darkmg {border-bottom: 1px solid #252525;}

a:hover {
    color: #677885;
}
.pt34 {padding-top:34px;}
.pt13 {padding-top:13px;}

.mt140{margin-top: 140px;}

.bg-darkmg {
    background: #2f3138 none repeat scroll 0 0;
}

.bg-pastel {
    background: #dedae6 none repeat scroll 0 0;
}

.btn.btn-white:hover, .btn.btn-white:active, .btn.btn-white:focus {color: #fff; background: #495d7a;}
.btn.btn-white.active{color: #fff; background: #495d7a;}
.btn.btn-white {background:#fff; color:#2f3138; border: 1px solid #282a38;}

.btn.btn-lightblue:hover, .btn.btn-lightblue:active, .btn.btn-lightblue:focus {color: #282a38; background: #dedae6;}
.btn.btn-lightblue.active{color: #282a38; background: #dedae6;}
.btn.btn-lightblue {background:#677885; color:#fff; border: 1px solid #282a38; font-size:16px;}

.bg-terciary {background-color: #677885;}
.btn.bg-terciary {color: #fff; opacity:1;}
.btn.bg-terciary:hover, .btn.bg-terciary:active, .btn.bg-terciary:focus {color: #fff; opacity:0.5;}


.newsletter .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: -70px;
    top: 1px;
}

label.text-white {color: #fff;}

.page-title-4 {
    margin-top: 0px;
}

#interiores .nav-container {background-color: #2f3138; height: 250px;}

#interiores nav {
    border-bottom: 0px solid rgba(255, 255, 255, 0.3);
}

/****** FIN GENERAL ******/

/****** MENU ******/


.nav-bar a {
    height: auto;
}

.nav-bar {
    height: auto;
    line-height: 53px;
    max-height: none;
}

.mrminus20 {margin-right:-20px;}

.menu li a {
    font-size: 22px;
    color: #fff;
    opacity:1;
    text-shadow: 1px 1px 1px #333;
    font-weight: 300;
}

.menu li a:hover {opacity: 0.5;}

.menutop .menu li a {font-size: 14px; opacity: 0.9}

.nav-utility {
    border-bottom: 1px solid #323232;
    height: 55px;
    line-height: 43px;
    overflow: hidden;
    padding-top: 5px;
}

.nav-utility .btn.btn-bordered {
    border: 2px solid #495d7a;
    color: #fff;
    margin-top: 2px;
    
}

.nav-utility .menu.botones > li {
  margin-right: 16px;
}

.nav-utility .menu.botones > li a {
    font-size: 12px;
    letter-spacing: 0.5px;
    padding: 0 12px;
}

nav.transparent .nav-utility, nav.transparent .nav-bar {
    border-bottom: 0px solid rgba(255, 255, 255, 0.2);
}

.widget-handle .search-form input {
    font-size: 12px;
    margin: 0;
    padding-left: 10px;
}

.module.widget-handle i {
 color: #fff;
 text-shadow: 1px 1px 1px #333;
 opacity: 1;
  font-size: 14px;
}

.logoinst {
    height: 35px;
    width: auto;
}

.nav-utility .menu.superior li a {
    color: #fff; 
    font-size: 16px; 
    text-transform: none;
}

.nav-utility .menu.superior li  {
    float: left;
}

.menu > li > ul li a {
   font-size:14px;
}

.menu > li ul { 
    font-weight:300;
    background: #677885;
    -webkit-box-shadow: 1px 10px 5px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 1px 10px 5px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 1px 10px 5px 0px rgba(0, 0, 0, 0.26);
}

.menu > li ul li a{ 
    font-weight:600; 
}

.language .menu > li ul li a{ 
    font-size:13px; 
}

.menutop .menu li a:hover {
    opacity: 0.5;
}

.widget-handle .function {
    background: #2f3138;}

.logo {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}



.nav-utility .module {
    padding-right: 0px;
    padding-left: 0px;
}

.nav-bar .module.left {
    padding-left: 0px;
    padding-top: 0;
}

.logo {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    width:100px;
}

nav.fixed {
    opacity: 0;
    position: inherit;
    visibility: hidden;
}



nav.transparent .nav-open{background:#2f3138;}

nav.transparent .nav-open .menu > li > a, 
nav.transparent .nav-open .module.widget-handle i, 
nav.transparent .nav-open .nav-utility{
	color:#fff;
}

#home nav.transparent {
    padding-bottom: 10px;
}
nav.transparent .module.mobile-toggle{border:1px solid #fff!important;}

/****** FIN MENU ******/


/******** CABECERA ******/

#home .cabecera.overlay::before {opacity: 0.5;} 

#home .cabecera h1 {font-weight: 900; font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif; line-height:1.2; font-size: 90px; margin-right: 0px; letter-spacing: 5px; text-shadow: 1px 1px 1px #3333;}

#home .cabecera h1 sup {font-size: 25%; top:-40px;}

#home .cabecera h1 span.numb { top:-4px;}

#home .cabecera .btn.btn-terciary {box-shadow: 1px 1px 2px 1px #252525;}

#home  h1.claimhome {
    margin-right: 0px; 
    letter-spacing:2px; 
    font-weight: 400;
    text-transform: uppercase;
}


/***** FIN CABECERA ***/

/***** MARCAS HOME **/
.feature:hover{
    opacity: 0.8;
    
}

*:hover { transition: all 0.3s ease 0s;}

/***** FIN MARCAS HOME ***/

/***** MARCAS + NOTICIAS HOME ***/
.newshome .feature.boxed {
    padding: 0px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.newshome .feature.boxed img{
   width: 100%;
}
.pl15 {padding-left:15px;}
.pl30 {padding-left:30px;}
.pr10{padding-right:10px;}
.pr20 {padding-right:20px;}
.pl20 {padding-left:20px;}
.pt20 {padding-top:20px;}
.pb30 {padding-bottom:30px;}
.pt8 {padding-top: 8px;}

.bgnews {background-size: cover; width: 100%;  background-position: center center;}
.newsimg1 {background-image: url(../img/shop-product-1.jpg);}

.pl0 {padding-left:0px;}
.pr0 {padding-right:0px;}

.newshome .left {
    width: 35%;
    float: left;
    height: 300px;
}

.newshome .right {
    padding-left: 200px;
    height: 300px;
    padding-top:20px;
}

.newshome .top300 {height: 300px;}
.newshome .bottom325{height: 325px;}
.newshome .top150 {height: 150px;}
.newshome .bottom150{height: 150px;}

.brandimg1 {background-image: url(../img/medium1.jpg);}
.brandimg2 {background-image: url(../img/smallv1.jpg);}
.brandimg3 {background-image: url(../img/medium2.jpg);}
.brandimg4 {background-image: url(../img/smallv2.jpg);}
.brandimg5 {background-image: url(../img/large1.jpg);}

#marcashome .title {
padding-right:20px;
padding-left:20px;
padding-top:20px;
padding-bottom:30px;  
}

#marcashome .title.title1 {padding-top:35px; }
#marcashome .title.title2 {padding-top:90px; }
#marcashome .title.title3 {padding-top:75px; padding-left:50px;}

#marcashome .boxed{background-color: #dedae6; }

#marcashome .title h3, #marcashome .title h4 {padding-bottom: 15px; font-weight: 100;}

#marcashome .title span {
    padding-top: 20px;
    font-size: 16px;
    font-weight: 300;
}

.cabecera .background-image-holder.fadeIn{
animation: 25s linear 0s alternate none infinite running kenBurnsEast;
} 
/***** FIN MARCAS + NOTICIAS HOME ***/


/***** OFERTA COMERCIAL ***/

.bgpastel .masonry .image-tile.overlay::before {opacity: 0.7 !important;}

/***** FIN OFERTA COMERCIAL ***/



/*****  PREFOOTER app + NEWSLETTER ***/

a.btnapp:hover {opacity: 0.65;}

.appmovil p, .appmovil li {
    font-size: 18px;
    color: #fff;
}

section.newsletter {min-height: 450px; padding: 96px 0px;}
section.newsletter.overlay::before {opacity:0.5;}

/***** FIN prefooter ***/

.footer-1 .widget span.date {color:#fff;}

.footer-1 .widget .social-list li a{font-size: 28px;}

.footer-1 .widget .social-list li a i.fa {font-size: 32px;margin-top:0px;}

.footer-1 a:hover {
    color: #f3f3f3;
}

[class^="fa-"], [class*=" fa-"] {
    font-family: "FontAwesome";
      -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}

.back-to-top {
    left:inherit;
    right: 0%;
    top:9.5%;
}

/***** FIN prefooter ***/


/***** FIN PREFOOTER app + NEWSLETTER ***/

/***** PG Aplicacion + Infoshops + Turismo + Taxfree ***/
section.bb1 {border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.showapp {height: 300px;}

.ptb104{padding-top:104px; padding-bottom:104px;} 
#listados .listados ul  {padding-bottom: 35px; padding-top:0px;}
#listados .listados ul li {font-size: 16px; padding-bottom: 10px;}
#listados .listados ul li i{ color:#333; padding-right:10px;}
#listados .listados h4{ font-weight:400;}
.pr16 {padding-right: 16px;}

#listados ul.listados li {font-size: 16px; padding-bottom: 10px;}
#listados ul.listados li i{ color:#333; padding-right:10px;}

/***** FIN Aplicacion + Infoshops + Turismo + Taxfree ***/


/***** BLOG GRID + SINGLE ***/
.post-snippet .inner {
    background: #f9f9f9 none repeat scroll 0 0;}

/***** FIN BLOG ***/


/***** COMERCIOS GRID + SINGLE ***/
#interiores .widget.mapa {height:250px;}

#interiores .featured .container {height: 500px;}

#interiores .mapaizquierda iframe{width: 100%; height:700px;}

#comercios .image {margin-left:-15px;}
#comercios .ml15 {margin-left:15px;}
#rutas .image {margin-left:-15px;}
#rutas .ml15 {margin-left:15px;}

.filters li {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #f3f3f3;
}

.filters li.active {
    background: #282a38;
    opacity: 1;
    color: #fff;
}

section.contenidoficha {height:700px;}

section.contenidoficha.image-square {max-height:750px;}

#interiores p, #interiores h4 span {
    font-size: inherit;
    line-height: inherit;
}

.logocomercio {
    box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.26);
    border:3px solid #fff;
}

section.contenidoficha.image-square .image {
    height: 650px;
}

section.contenidoficha .content h4 {
   vertical-align: middle;
    padding-top: 35px;
}


#comercios .nav > li > a:hover, #comercios .nav > li > a:focus {
    background-color: inherit;
    text-decoration: inherit;
    color: none;
    padding: 5px 12px;
    background: #282a38;
    color: #fff;
}

#comercios .nav-pills > li > a {
    border-radius: 25px;
    display: inline;
    padding: 5px 12px;
    background: #f3f3f3;
    color: #282a38;
    margin: 15px 5px 5px 5px;
    display: inline-block;
}

#comercios .title h5 {
    padding-top:10px; 
    letter-spacing: 1px; 
    font-size: 12px;
    padding-left:5px;
    padding-right: 5px;
    line-height:1.3em;
    padding-bottom:5px;
    vertical-align: middle;
}

#comercios .nav > li.active > a {
    background: #282a38 none repeat scroll 0 0;
    color: #fff;
    padding: 5px 12px;
    text-decoration: inherit;
}

#comercios .image-tile { 
    margin-bottom: 20px;
    box-shadow:0 1px 15px 0 rgba(0, 0, 0, 0.26); 
    min-height:165px; }

#comercios .image-tile:hover {
    background: #282a38;
    color: #fff;
    
    box-shadow: none;
    transition: all 0.3s ease 0s;}

#comercios .image-tile:hover h5 {
    color: #fff;
  }

#comercios .map_over.image-tile{ 
    background: #282a38;
    color: #fff;
    box-shadow: none;
    transition: all 0.3s ease 0s;
}

#comercios .map_over.image-tile h5 { 
    color: #fff;
}

#rutas .nav > li.active > a {
    background: #282a38 none repeat scroll 0 0;
    color: #fff;
    padding: 5px 12px;
    text-decoration: inherit;
}


#rutas .nav > li > a:hover, #comercios .nav > li > a:focus {
    background-color: inherit;
    text-decoration: inherit;
    color: none;
    padding: 5px 12px;
    background: #282a38;
    color: #fff;
}

#rutas .nav-pills > li > a {
    border-radius: 25px;
    display: inline;
    padding: 5px 12px;
    background: #f3f3f3;
    color: #282a38;
    margin: 15px 5px 5px 5px;
    display: inline-block;
}

#rutas .title h5 {
    padding-top:10px; 
    letter-spacing: 1px; 
    font-size: 12px;
    padding-left:5px;
    padding-right: 5px;
    line-height:1.3em;
    padding-bottom:5px;
    vertical-align: middle;
}

#rutas .image-tile { 
    margin-bottom: 20px;
    box-shadow:0 1px 15px 0 rgba(0, 0, 0, 0.26); 
    min-height:165px; }

#rutas .image-tile:hover {
    background: #282a38;
    color: #fff;
    
    box-shadow: none;
    transition: all 0.3s ease 0s;}

#rutas .image-tile:hover h5 {
    color: #fff;
  }

#rutas .map_over.image-tile{ 
    background: #282a38;
    color: #fff;
    
    box-shadow: none;
    transition: all 0.3s ease 0s;
}

#rutas .map_over.image-tile h5 { 
    color: #fff;
}

.gm-style .gm-style-iw {
    color: #fff;
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: 100;
    line-height: 3em;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    padding-top: 25px;
}

.gm-style::before {background: transparent !important;}

/*#comercios .col*{padding-left:5px; padding-right:5px;}*/

/*.paginacioncomercios {position: absolute; top:630px; right:5%;}*/

/***** FIN COMERCIOS ***/

@media (max-width: 768px) {
    .nav-utility {
        text-align: center;
    }

    .menuespmovil .widget-handle.language ul{background: transparent; box-shadow: none; color: #fff;}
    
    .nav-bar.nav-open .cologo .module{display: none;}
    
    .nav-bar .menuespmovil  h4.textmenu {display: none;}
    
    .nav-bar.nav-open .menuespmovil  h4.textmenu {
        color: #fff;
        display: block;
        font-weight: 600;
        padding-left: 15px;
        padding-top: 10px;
    }
    
    nav .nav-utility module {text-align: center; margin-right:auto; margin-left: auto;}
    
    nav .nav-utility .module.left { float: none; }
    
    .menuespmovil .language .menu > li ul li a {
        font-size: 9px;
    }
    
    .menuespmovil .menutop .menu li a {
        font-size: 11px;
    }
    
    .newshome .feature.feature-1  .right {
        height: 300px;
        overflow-wrap: break-word;
        padding-left: 105px;
        padding-top: 20px;
    }
    
    #marcashome .lastbrand { 
        margin-left: 15px;
        width: 95%;
    } 
    
    #marcashome .btn { 
       margin-left: 15px;
        width: 95%;
    } 
    
    .newshome .bottom325 {
        height: 280px;
    }
    
    #marcashome .pl0 {padding-right: 0px;}
    
    .newshome.firstnews {margin-right: 15px;}
    
    #newshome .btn { 
       margin-right: 15px;
        width: 95%;
    }
    
    .appmovil a.btnapp img{
        text-align: center;
        padding-bottom: 10px;
    }
    
    .newsletter .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    left: -25%;
    top: 1px;
    }
    
    .logo {box-shadow: none;}
    
    #marcashome .title h3 {letter-spacing: normal;} 
    
    section.contenidoficha.image-square {
    max-height: inherit;
    }
    section.contenidoficha {
    height: inherit;
    }
    
    .contenidoficha .pr0 {
    padding-right: 15px;
    }
    
    section.newsletter {
       height: 600px;
    }
}

@media screen and (min-width:768px){
    .nav-utility {
        text-align: center;
    }
}

@media screen and (min-width:992px){
	.nav-bar .module.left {padding-top:0;
    
}
}
@media screen and (min-width:1200px){
}
@media screen and (max-width:991px){
	.navi{display:none;}
	.nav-open .navi{display:initial;}
	#home nav.transparent{
		padding-top:0;
		border:none;
	}
	.menu li a {font-size:14px;}
	.navi.principal{
		float:left!important;
		margin-left:20px;
	}
	.logo{padding-top:15px;}
}

/* Buscadores dinámicos - Layout y transiciones */

/* Contenedor de resultados */
#buscadorDResults {
  min-height: 600px;
  transition: opacity 0.2s ease-in-out;
}

#buscadorDResults.loading {
  opacity: 0.6;
}

/* Grid de comercios - 4 columnas responsive */
.comercios_grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 1.5rem !important;
  width: 100% !important;
}

/* Asegurar que las tarjetas dentro del grid no tengan width fijo */
.comercios_grid > .comercios-card,
.comercios_grid > a {
  width: 100% !important;
  max-width: none !important;
  display: block !important;
 }

 .comercios-card_image {
   height: 180px !important;
 }

 .comercios-card_image > img,
 .comercios-card_img {
   width: 100% !important;
   height: 100% !important;
   object-fit: cover !important;
   display: block !important;
 }

 @media (max-width: 1200px) {
  .comercios_grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
 }

 @media (max-width: 768px) {
  .comercios_grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem !important;
  }

  .comercios-card_image {
    height: 160px !important;
  }
 }

 @media (max-width: 480px) {
  .comercios_grid {
    grid-template-columns: 1fr !important;
  }

  .comercios-card_image {
    height: 140px !important;
  }
 }

/* Paginación horizontal */
.buscador_pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 2rem;
    margin-bottom: 2rem;
}