/*
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}


.listado-sorteos > div:first-child {display:none;}
*/
body {
    margin:0; padding:0; color:#737789; 
    font-size:1rem; font-family: 'Open Sans', sans-serif;
}
* {box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 {color:#3A3064; font-family: 'Roboto', sans-serif;}
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {color:inherit;}
h1, h2, h3, h4 {font-weight: normal;}
h1, h2 {font-size: 2rem;}
h3 {font-size: 1.7rem;}
h4 {font-size:1.5rem; margin-top:1rem; margin-bottom:1rem;}
h5 {font-size: 1.25rem;}
h6 {}

img {display:inline-block; max-width: 100%; height: auto;}

input[type="text"], input[type="email"], select, textarea {
    display: block; width: 100%; padding: 10px; 
    font-size: 1rem; line-height: 1.5; margin-bottom:1rem!important;
    color: #212529; background-color: #fff; border: 1px solid #ced4da; border-radius: 5px;
    outline: none!important; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
input[type="submit"] {
    display:inline-block; padding: 15px; font-weight: bold; font-size: 1.1rem;
}
.imp-shapes-menu-search-box-input-wrap input {margin-bottom: 0!important;}

#header-top, #header-search, #content-wrapper, #google-reviews-wrapper, #footer-comercializacion, #footer-menu {padding-left:15px; padding-right:15px;}
#header-container, #main-content {max-width: 1200px; margin:0 auto;}
@media (min-width: 768px) {
    #header-top, #header-search, #content-wrapper, #google-reviews-wrapper, #footer-comercializacion, #footer-menu  {padding-left:25px; padding-right:25px;}
}

/**
 ************
    HEADER
 ************
*/
#header-wrapper {animation: fadeInDown; animation-duration: 0.5s;}

/**
 ************
    HEADER TOP
 ************
*/
#header-top {
    height:70px; position: relative; z-index: 999;
    display:flex; flex-direction: row; flex-wrap: nowrap;
    justify-content: center; align-items: center;
}
#header-logo, #header-buttons {padding:10px;}

#header-logo {background-color: #fff; border-radius: 20px;}
#header-logo .text-logo {text-decoration: none; font: bold 23px 'Roboto', sans-serif; color: #000;}
#header-logo img {height:40px; width:auto;}

#header-buttons a {
    display: inline-block; width:40px; height:40px; margin-left: 5px;
    line-height: 40px; text-align: center;  font-size:21px; 
    background-color:#fff; color:#000; border:2px solid #000; border-radius:10px; 
    transition: all 0.6s ease-in-out; 
}
#header-buttons a i {font-weight:bold;}
#header-buttons .search-close, #header-buttons .menu-close {background-color:#000; color:#fff;}

@media (min-width: 768px) {
    #header-top {height:90px;}
    #header-logo, #header-buttons {padding:20px;}
    #header-logo img {height:50px;}
    #header-buttons a {width:50px; height:50px; line-height: 50px; font-size:23px;}
}

/**
 *****************
    HEADER SEARCH
 *****************
*/
#header-search {transition: all 0.6s ease-in-out; display:none; opacity:0;}    
#header-search.isVisible {display:block; opacity:1;}
#searchform {position: relative; margin-bottom:15px;}
#header-search input {
    display: block; width: 100%; padding: 0 50px 0 10px; height: 40px;
    line-height: 40px; font-style: italic; font-size: 0.9rem;
    background-color: #000; color: #fff!important;
    border: none; border-radius: 5px;
    transition: all 0.3s ease-in-out;
} 
#header-search input:focus {border-radius: 20px;}
#header-search input::placeholder {opacity:1; color:#fff;}

#header-search button {    
    position: absolute; right: 0; top: 0; width: 40px; height: 40px;
    background-color: transparent; color:#fff; border: none!important;
    font-weight: bold; font-size: 20px;
    cursor: pointer;  
}

/**
 *****************
    HEADER NAV
 *****************
*/
#header-nav {
    position: fixed; top: 0;  right: -100%; display:none;
    transition: all 0.6s ease-in-out; z-index: 9;
}

#main-nav {
    min-width: 250px; min-height: 100vh; padding: 20px; padding-top:110px;
    background-color:#000; 
}

#main-nav ul, #main-nav ul li {margin:0; padding:0; list-style:none;}
#main-nav ul ul {margin-left: 35px;}
#main-nav > ul > li {padding: 10px 0;}
#main-nav > ul > li > a {text-transform:uppercase; font-weight:bold;}
#main-nav a {
    display: block; padding: 5px 10px;
    color:rgba(255,255,255,0.8); text-decoration:none;
}
#main-nav a:hover {color:rgba(255,255,255,1);}

#header-nav ul.menu > li.menu-item-has-children > a {cursor: default;}

#main-nav a {
    opacity: 0; transform: translateX(100px);
    transition: all 0.3s ease;
    transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 1.2s, transform 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#header-nav.isVisible {right: 0; display:block; z-index: 999;}
#header-nav.isVisible ul.menu > li {
    border-bottom:1px solid rgba(255,255,255,0.2);
    transition-timing-function: ease, cubic-bezier(.1,1.3,.3,1); 
    transition-delay: .8s;
}
#header-nav.isVisible ul.menu a { 
    opacity: 0.8; transform: none;
    transition-timing-function: ease, cubic-bezier(.1,1.3,.3,1); 
    transition-delay: .6s;
    transform: translateX(0px); 
}


/**
 *****************
    WEB STORIES
 *****************
*/
.web-stories-list {
    margin-top:10px!important; margin-bottom:10px!important;
    opacity: 0; z-index: 99!important; position: relative;
    -webkit-animation: fadeIn ease-in 1s;
    animation: fadeIn ease-in 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;   
}
.web-stories-list .story-content-overlay__title {color:#333; overflow:visible!important; font-size:13px!important;}
.web-stories-list.is-view-type-circles .web-stories-list__story {margin:0 10px!important;}
.web-stories-list__story-content-overlay {padding:0!important; padding-top:5px!important; overflow:visible;}
.web-stories-list__story-poster img {border:1px solid #ddd!important;}
/*.glider-track > div:nth-child(2) img, .glider-track > div:nth-child(5) img {border:2px solid #f1576b!important;}*/
@media (max-width: 767px) {
    .web-stories-list.is-view-type-circles .glider-track {justify-content: flex-start!important;}
}

/**
 *****************
    CONTENT
 *****************
*/

#content-wrapper {background-color:#f2f3fa; position: relative; overflow: hidden; padding-bottom:100px;}
#content-wrapper #main-content {position: relative;}
#content-wrapper > .shape-top,  #content-wrapper > .shape-bottom {
    overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; 
    -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
#content-wrapper > .shape-top svg, #content-wrapper > .shape-bottom svg {
    display: block; position: relative; z-index: -1; overflow: hidden;
    width: calc(175% + 1.3px); height: 350px; 
    left: 50%; transform: translateX(-50%) rotateY(180deg);
}
#content-wrapper > .shape-top svg path, #content-wrapper > .shape-bottom svg path {
    fill: #fff;
    -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center;
    -webkit-transform: rotateY(0deg); transform: rotateY(0deg);
}
#content-wrapper > .shape-top {top:0px; background-color:#fff;}
#content-wrapper > .shape-top svg path {fill: #f2f3fa;}
#content-wrapper > .shape-bottom {bottom:0px;}

/* título principal */
h1.entry-title, h1.archive-title {
    font-weight: bold; text-transform: uppercase; 
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
}
h1.entry-title:after, h1.archive-title:after {
    content: ""; display: block; width: 100%; height: 2px; margin: 10px 0 35px 0;
}

h1.entry-title {
    background-image: linear-gradient(90deg, rgba(255,41,132,1) 0%, rgba(255,85,113,1) 25%, rgba(255,109,102,1) 65%, rgba(255,169,60,1) 100%);
}
h1.entry-title:after {
    background: linear-gradient(90deg, rgba(255,41,132,1) 0%, rgba(255,85,113,1) 25%, rgba(255,109,102,1) 65%, rgba(255,169,60,1) 100%);
}
h1.archive-title {
    background-image: linear-gradient(111deg, #3ee8a3, #10d4e5 80%);
}
h1.archive-title:after {
    background: #3ee8a3; background: linear-gradient(111deg, #3ee8a3, #10d4e5 80%);
}

.gradient-box {
    padding:20px; border-radius:20px; color:#fff;
    background:linear-gradient(90deg, rgba(255,41,132,1) 0%, rgba(255,85,113,1) 25%, rgba(255,109,102,1) 65%, rgba(255,169,60,1) 100%); 
}

a.btn {
    display: inline-block; padding:5px 15px; 
    background-color: #fff; color:#f1576b; text-decoration: none; 
    border-radius: 10px; border: 2px solid #f1576b;
    transition: all 0.3s ease-in-out;
}
a.btn:hover {background:#f1576b; color:#ffff;}

a.btn-primary  {
    display: inline-block; padding:5px 15px; 
    background-color: #3A3064; color:#fff; opacity: 0.7;
    text-decoration: none; border-radius: 10px; border: 0;
}
a.btn-primary:hover {opacity: 1;}

/* btn text gradient */
a.btn-white-text-gradient {
    display:inline-block; padding: 15px 20px; border-radius: 10px;
    background-color: #fff; text-decoration: none; font-size: 1.2rem;
}
a.btn-white-text-gradient strong {
    color: #000; -webkit-text-fill-color: #000;
    background-image: linear-gradient(111deg, #60aef8, #f46692 50%, #f3a562);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}

/* btn gradient */
a.btn-gradient {
    display:inline-block; padding: 10px 20px; border-radius: 10px;
    color: #fff; text-decoration: none; font-size: 1.2rem;
    background-image: linear-gradient(111deg, #60aef8, #f46692 50%, #f3a562);
}

/* btn border gradient */
.btn-border-gradient a {
    position:relative; transition:all .4s ease; font-size: 1.2rem;
    background-color:#fff; background-image:none; color:#000; 
    display:inline-block; padding:25px; border-radius: 10px;
    text-decoration: none; font-weight: bold; overflow: hidden;
}
.btn-border-gradient, .btn-border-gradient a:before, .btn-border-gradient a strong {
    border-radius:10px; line-height:0;
    background-image: linear-gradient(111deg, #60aef8, #f46692 50%, #f3a562);
}
.btn-border-gradient {display:inline-block; padding:2px;}
.btn-border-gradient a:before{
    content: ""; position: absolute; top:-2px;left:-2px;right:-2px;bottom:-2px; 
    transform:scaleX(0); transform-origin: left center; transition: transform .5s ease;
}
.btn-border-gradient a strong {
    position: relative; color:#000; -webkit-text-fill-color:#000;
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    transition: .5s;
}
.btn-border-gradient a:hover:before{transform:scaleX(1);transform-origin:right center}
.btn-border-gradient a:hover strong {background-image:none;background-clip:none;color:#fff; -webkit-text-fill-color:#fff}


.responsive-video-container {position: relative; overflow: hidden; width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.responsive-video {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border:0;}


/**
 *****************
    GOOGLE REVIEWS
 *****************
*/
#google-reviews {padding-top:25px; padding-bottom:50px;}
@media (min-width: 1200px) {
    #google-reviews .ti-widget.ti-goog .ti-review-item { flex: 0 0 33%!important; max-width: 33%!important;}
}

/**
 *****************
    COMERCIALIZACIÓN
 *****************
*/
#footer-comercializacion-wrapper {
    position: relative;
    background-image: linear-gradient(111deg, #60aef8, #f46692 50%, #f3a562);
}
#background-video {
    width: 100%; height:100%; object-fit: cover; opacity: 0.2;
    position:absolute; left: 0; right: 0; top: 0; bottom: 0;
}

#footer-comercializacion {
    max-width: 650px; margin:0 auto; padding-top:75px; padding-bottom: 50px;
    text-align:center; position: relative;
}
#footer-comercializacion h2, #footer-comercializacion p {color:#fff; text-shadow: 0px 0px 9px rgb(0 0 0 / 20%);}
#footer-comercializacion h2 {font-size:2.5rem; margin:0;}
#footer-comercializacion p{font-size:1.2rem; margin:1.3rem auto 2rem auto;}
#footer-comercializacion i {font-size: 7rem; color:#fff;}
#footer-comercializacion .btn {background-color:#fff;}
#footer-comercializacion .btn strong {
    color: #000; -webkit-text-fill-color: #000;
    background-image: linear-gradient(111deg, #60aef8, #f46692 50%, #f3a562);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: .5s;
}

.nestor-divider {display:block; width: 100%; overflow: hidden; line-height: 0; transform: rotate(180deg);}
.nestor-divider svg {width: calc(100% + 1.3px); height: 150px; transform: rotateY(180deg); }
.nestor-divider svg .shape-fill {fill: #FFFFFF;}

#footer-nestor {position: relative; background-color: #fff;padding-bottom:35px;}
#footer-nestor .nestor-call {
    max-width: 750px; margin:0 auto; position: relative; top:-50px;
    display:flex; flex-direction: column; align-items: end; padding-right: 50px;
    
}
#footer-nestor .nestor-call p {text-align: right;}
#footer-nestor .nestor-call strong {
    display:block; color: #3A3064; font-family: 'Roboto', sans-serif!important;
    font-weight: normal; font-size: 1.7rem; 
}

@media (min-width: 576px) {}
@media (min-width: 768px) {
    #footer-nestor {padding-bottom: 0;}
    #footer-nestor .nestor-call {flex-direction: row; align-items: center; justify-content: center;}
    #footer-nestor .nestor-call p {padding-right: 25px;}
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {#footer-nestor .nestor-call {right: -50px;}}
@media (min-width: 1400px) {#footer-nestor .nestor-call {right: -100px;}}


#footer-menu {border-top:1px solid #ccc; text-align:center; padding-top:25px; padding-bottom:25px;}
#footer-menu img {max-width: 175px;}
#footer-menu ul, #footer-menu ul li {margin:0; padding:0; list-style:none;}
#footer-menu-wrapper #footer-menu ul {margin-top:1.5rem;}
#footer-menu ul li {display:inline-block; margin:0.5rem;}
#footer-menu ul li a { text-decoration:none; color:#666;}
#footer-menu ul li a:hover {text-decoration:underline; color:#333;}


/**
 *****************
    ARCHIVO
 *****************
*/
@media (min-width: 768px) {
    .category-header {display:flex; margin-bottom:50px;}
    .category-image {width: 25%;}
    .category-description {width: 75%;}
}
.entry-navigation {}

#single-main, .single-default {
    padding:20px; background-color:#fff; border-radius:20px;
    box-shadow: 0 20px 40px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 10px 60px 0 rgb(46 61 98 / 10%);
}
#single-main img {border-radius:20px;}
.single-sidebar-exclusivas {
   margin: 0px auto; text-align: center; border: 2px solid #dedede; padding: 25px; background: #3ee8a3;
    background: linear-gradient(111deg, #3ee8a3, #10d4e5 80%);
    border-radius: 20px;
    color: #fff;
}
@media (min-width: 768px) {
    .single-exclusivas {display:flex;}
    .single-sidebar-exclusivas { max-width: 300px; }
}
@media (min-width: 768px) {
    .single-default {display:flex; flex-wrap: wrap;}
    .single-default > div {width: 50%;}
}
.single-image-default img {width: 100%; border-radius:20px;}
.single-main-default {padding-left:25px; padding-right: 25px;}
.single-main-default .oferta-meta {position:relative; padding-left:150px; min-height:150px; display: flex; align-items: center;}
.single-main-default .oferta-meta img {position:absolute; top:10px; left:0; width:135px; border-radius:10px;}

#relacionados {margin-top: 100px;}
#relacionados h2 {color: #10d4e5; margin-bottom: 35px; text-align: center;}
.listado-relacionados {display:flex;}
.listado-relacionados .post-item-wrapper {padding:10px;}
@media (min-width: 768px) {.listado-relacionados .post-item-wrapper {width: 50%;}}
@media (min-width: 992px) {.listado-relacionados .post-item-wrapper {width: 33%;}}
@media (min-width: 1200px) {.listado-relacionados .post-item-wrapper {width: 25%;}}

.listado-relacionados .post-item a {
    background-color: #10d4e5; color: #fff;
    padding: 10px; border-radius: 10px;
    text-decoration: none; display:block;
}
.listado-relacionados .post-item a img {border-radius:10px;}
.listado-relacionados .post-item a strong {display: block; font-size: 1.2rem; margin-top: 5px;}


/*

    
    

    

    .related-item a {
        background-color: #10d4e5;
    padding: 10px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;display:block;
    }
    .related-item a img {border-radius:10px;}
    .related-item a strong {    display: block;
    font-size: 1.2rem;
    margin-top: 5px;}
    */




/**
 *****************
    OFERTAS EXCLUSIVAS
 *****************
*/
.listado-exclusivas {display: flex; flex-wrap: wrap;}
.listado-exclusivas .post-item-wrapper  {
    padding:15px; display: flex; position:relative;
    align-self: stretch; align-content: stretch; justify-content: stretch;
}
@media (min-width: 768px) {.listado-exclusivas .post-item-wrapper {width: 50%;}}
@media (min-width: 992px) {.listado-exclusivas .post-item-wrapper {width: 33%;}}
@media (min-width: 1200px) {.listado-exclusivas .post-item-wrapper {width: 25%;}}


.listado-exclusivas .post-item-wrapper:before {
    content:""; position:absolute; top:10px; left:10px; right:10px; bottom:10px;
    border-radius: 20px; background: #3ee8a3;
    background: linear-gradient(111deg, #3ee8a3, #10d4e5 80%);
}
.listado-exclusivas .post-item {
    border-radius: 20px; 
    background-color: #27E0C0; position: relative;
}
.listado-exclusivas .post-item img {
    border-top-left-radius: 20px; border-top-right-radius: 20px;
}
.listado-exclusivas .post-item a {
    text-decoration:none; display: block; position: relative;
}
.listado-exclusivas .post-item a strong {
    display:block; position: relative;padding:15px;padding-left: 70px;
    font-size:1.2rem; text-align: left; line-height: 1em; color:#3A3064;
    border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; font-weight: 600;
}

.listado-exclusivas .post-item a strong:after {
    content: ""; position: absolute; top:0; left: 0; width: 60px; height:100%;
    background: url('../images/icon-tarjeta-transparente.png') no-repeat center; background-size: contain;
}


/**
 *****************
    SORTEOS
 *****************
*/
.listado-sorteos .post-item-wrapper  {
    max-width:950px; padding:3px; margin:35px auto; border-radius: 20px;
    background: #3ee8a3; background: linear-gradient(111deg, #3ee8a3, #10d4e5 80%);
}
.listado-sorteos .post-item {background-color:#fff; border-radius:20px;}
.listado-sorteos .post-item img {border-top-left-radius: 20px; border-top-right-radius: 20px;}
.listado-sorteos .post-item-content {padding:15px; text-align:center;}
.listado-sorteos .post-item h3 { display:none;}
.listado-sorteos .post-item-content p:last-child {margin-bottom:0;}

/**
 *****************
    DEFAULT
 *****************
*/
@media (min-width: 768px) {
    .category-header-default .category-image, .category-header-whatsapp .category-image {width: 50%;}
    .category-header-default .category-description, .category-header-whatsapp .category-description {width: 50%;}
    .category-header-promociones .category-image {width: 33%;}
    .category-header-promociones .category-description {width: 66%;}
}

.listado-default .post-item-wrapper {padding:15px;}
.listado-default .post-item {padding:5px; background-color:#10d4e5; border-radius:20px;}
.listado-default .post-item-image {line-height: 0;}
.listado-default .post-item img {border-top-left-radius:20px; border-top-right-radius:20px;}
.listado-default .post-item-content {
    background-color:#fff; padding:15px;
    border-bottom-left-radius:20px; border-bottom-right-radius:20px;
}
.listado-default .post-item-content h5 {margin:0; margin-bottom:0.5rem;}
.listado-default .post-item-content h5 a {text-decoration: none;}
.listado-default .post-item-content h5 a:hover {color:#10d4e5;}
.listado-default .post-item-meta p {
    margin: 0; padding: 5px 15px; color: #fff; font-weight: bold;
}

@media (min-width: 768px) {.listado-default .post-item-wrapper {width: 50%;}}
@media (min-width: 992px) {.listado-default .post-item-wrapper {width: 33%;}}
@media (min-width: 1200px) {.listado-default .post-item-wrapper {width: 25%;}}
@media (min-width: 1400px) {.listado-default .post-item-wrapper {width: 20%;}}




/**
 *****************
    SERVICIOS
 *****************
*/
ul.listado-servicios {display:flex; flex-flow: row wrap; margin:0; padding:0; list-style: none;}
ul.listado-servicios li {width:135px; margin:0; padding:0;}
ul.listado-servicios .servicio-icon {
    position:relative; width: 75px; height: 75px; margin: 0 auto;
    display: flex; justify-content: center; align-items: center;
    font-size: 37px; color:#f1576b;
}

ul.listado-servicios li svg {
    filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 0.1));
    position: absolute;
}
ul.listado-servicios li .servicio-label { display: block;
    font-size: 0.9rem;
    padding: 5px 0 25px 0;
    text-align: center;
}

/**
 *****************
    GALERÍA
 *****************
*/

#galeria-centro h1 {text-align: center;}
#galeria-centro .wpb_gallery {max-width: 800px; margin-left:auto; margin-right:auto;}
#galeria-centro .flex-viewport {box-shadow: 20px 20px rgb(241 87 107 / 35%); }
#galeria-centro .flexslider, #galeria-centro .flex-viewport, #galeria-centro .slides img {border-radius: 10px;}

/**
 *****************
    SUSCRIPCIÓN
 *****************
*/

.suscripcion-wrapper {border: 2px solid #ccc;
    padding: 15px;
    border-radius: 20px;}
.suscripcion-form > div {position:relative; padding:7px; padding-left:150px;}
.suscripcion-form label {position:absolute; top:10px; left:0; width: 135px; text-align: right;}
.suscripcion-form > p:last-child {margin:0;}

/**
 *****************
    COMERCIALIZACIÓN
 *****************
*/

ul.listado-comercial {margin:0; padding:0; list-style: none;}
ul.listado-comercial li {text-align: center; margin: 0; padding:0; font-size:1.5rem; margin-bottom: 50px;}
ul.listado-comercial li:nth-child(4) {clear:left;}
ul.listado-comercial li strong {display:block;}
@media (min-width: 768px) {ul.listado-comercial li {width: 33%; float:left; } }

/**
 *****************
    CONTACTO
 *****************
*/
#contacto-ceo {max-width: 800px;
    margin: 25px auto 75px auto;
    border: 1px solid #fff;
    padding: 50px; text-align: center;
    background-color: #fff; border-radius: 10px;     box-shadow: -0.71px 0.71px 32px #c0c0c033;}
    #contacto-ceo img {    border-radius: 50%;}
select[name=your-subject] {display:inline-block; width:auto; margin-right:10px;}

/**
 *****************
    LISTADO TIENDAS
 *****************
*/
@media (min-width: 768px) {
    .category-header-tiendas {align-items: center;}
    .category-header-tiendas .category-image {width: 50%;}
    .category-header-tiendas .category-description {width: 50%;}
}

.listado-tiendas-item  {width:20%;}
.filtro-categorias { background-color:#d4d4d4; display:inline-block; width:auto;}
.filtro-categorias option { background-color:#fff;}
.filtro-categorias:focus {outline:none!important;}

    
#listado-tiendas {margin:0; margin-bottom: 35px; padding:0; list-style:none; text-align:center;}
#listado-tiendas li {display:inline-block; width:180px; padding:10px; padding:5px; line-height: 0;}
#listado-tiendas a {
        display:block; position:relative; border-radius:20px; overflow:hidden;
        border:1px solid #f2f3fa;
        -webkit-box-shadow:0px 40px 80px -24px rgba(0, 0, 0, 0.16);
        box-shadow:0px 40px 80px -24px rgba(0, 0, 0, 0.16);
        -webkit-transition: 0.3s; transition: 0.3s;
        
        padding:5px; 
        
    }
    #listado-tiendas a:before {
        content:""; position:absolute; top:0; left:0; bottom:0; right:0;
        background: rgb(255,41,132); background: linear-gradient(180deg, rgba(255,41,132,1) 0%, rgba(255,85,113,1) 25%, rgba(255,109,102,1) 65%, rgba(255,169,60,1) 100%); opacity: 0.5;
    }

    #listado-tiendas a:hover {
        -webkit-box-shadow: 0px 0px 25px 0px rgb(78 76 76 / 20%);
        box-shadow: 0px 0px 25px 0px rgb(78 76 76 / 20%);
    }
    #listado-tiendas img {border-radius:20px; position:relative;}
    #listado-tiendas a:hover img {/*filter: grayscale(0%);*/}
    #listado-tiendas strong { 
        position:absolute; width:100%; height:100%; bottom:-100%; left:0; padding: 15px;
        display: flex; align-items: center; justify-content: center;
        background: rgb(255,41,132); background: linear-gradient(180deg, rgba(255,41,132,1) 0%, rgba(255,85,113,1) 25%, rgba(255,109,102,1) 65%, rgba(255,169,60,1) 100%);
        color: #fff; font-size: 21px; opacity:0.5;
        transition: all 0.3s ease-in-out; line-height: 1.5rem;
    }
    #listado-tiendas a:hover strong { 
        bottom:0; opacity: 1;
    }

/**
 *****************
    FICHA TIENDA
 *****************
*/

#ficha-tienda-header {position: relative;}
#ficha-tienda-header p {position:absolute; top:0; right: 0; margin:0;}
#ficha-tienda-header p a {font-weight:bold; font-size:0.8rem;}
@media (min-width: 768px) {
    #ficha-tienda-intro {display:flex; align-items: center; flex-flow: row-reverse; flex-wrap: wrap;}
    #ficha-tienda-intro .tienda-logo {width: 40%; }
    #ficha-tienda-intro .tienda-imagen { width: 60%;}
}
#ficha-tienda-intro .tienda-logo {padding:25px;}
#ficha-tienda-intro .tienda-logo img {
    border-radius:10px; margin-bottom:25px; width:200px;
    -webkit-box-shadow:0px 20px 35px 0px rgb(0 0 0 / 16%);
    box-shadow:0px 20px 35px 0px rgb(0 0 0 / 16%);
}
#ficha-tienda-intro .tienda-imagen img {border-radius:20px; }
#ficha-tienda-contenido {margin-top:25px; margin-bottom: 25px;}
#ficha-tienda-contenido .contacto-tienda {}
#ficha-tienda-contenido .contacto-tienda li {}
@media (min-width: 768px) {
    #ficha-tienda-contenido {display:flex;}
    #ficha-tienda-contenido .ficha-tienda-contacto {width: 50%;} 
    #ficha-tienda-contenido .ficha-tienda-descripcion {width: 50%;}
}

.ficha-tienda-contacto {
    padding:25px; padding-top: 6rem; position: relative;
    display: flex; align-items: center;
}
.ficha-tienda-contacto .gradient-box {
    position: absolute; top: 6rem; left: 25px; right: 25px; bottom: 25px;}
.ficha-tienda-contacto h3 {    margin: 0;
    margin-bottom: 0.5rem;
    font-weight: bold;}
.ficha-tienda-contacto ul {margin:0; padding:0; list-style:none;}
.ficha-tienda-contacto ul li {font-size:1.2rem; color:#fff;}
.ficha-tienda-contacto ul li a {color:#fff; text-decoration: none;}
.ficha-tienda-contacto ul li a:hover {text-decoration: underline;}

#carousel-tiendas-wrapper {margin-top:15px; margin-bottom:15px;}
.separator-top h3 {color:#f1576b; text-align:center;}
.separator-top:before {
    content:""; display:block; width:100%; height:2px; margin:35px 0 15px 0;
    background: rgb(255,41,132);
    background: linear-gradient(90deg, rgba(255,41,132,1) 0%, rgba(255,85,113,1) 25%, rgba(255,109,102,1) 65%, rgba(255,169,60,1) 100%);
}
#carousel-tiendas {padding: 0 25px;}
#carousel-tiendas .tiendas-item {display:inline-block; width:200px; padding:10px;}
#carousel-tiendas .tiendas-item a {
        display:block; position:relative; border-radius:20px; overflow:hidden;
        border:1px solid #f2f3fa;
        -webkit-box-shadow:0px 0px 10px 0px rgb(0 0 0 / 10%);
        box-shadow:0px 0px 10px 0px rgb(0 0 0 / 10%);
        -webkit-transition: 0.3s; transition: 0.3s;
    }
#carousel-tiendas .tiendas-item a:hover {
        -webkit-box-shadow:0px 0px 10px 0px rgb(0 0 0 / 20%);
        box-shadow:0px 0px 10px 0px rgb(0 0 0 / 20%);
    }
#carousel-tiendas .tiendas-item strong { 
        position:absolute; width:100%; height:100%; bottom:-100%; left:0; padding: 5px;
        display: flex; align-items: center; justify-content: center; text-align:center;
        background: rgb(255,41,132); background: linear-gradient(180deg, rgba(255,41,132,1) 0%, rgba(255,85,113,1) 25%, rgba(255,109,102,1) 65%, rgba(255,169,60,1) 100%);
        color: #fff; font-size: 18px; opacity:0.5;
        transition: all 0.3s ease-in-out; 
    }
#carousel-tiendas .tiendas-item a:hover strong { 
        bottom:0; opacity: 1;
    }

#carousel-tiendas .slick-prev, #carousel-tiendas .slick-next {width: 40px; height: 40px; z-index: 1;}
#carousel-tiendas .slick-prev {left:0;}
#carousel-tiendas .slick-next {right:0;}
#carousel-tiendas .slick-prev:before, #carousel-tiendas .slick-next:before {
    color:#f1576b; font-size: 30px;
}

/**
 *****************
    LISTADO WHATSAPP
 *****************
*/

@media (min-width: 768px) {
    #listado-whatsapp {display:flex; flex-wrap: wrap;}
    .listado-whatsapp-wrapper {width: 50%;}
}
@media (min-width: 992px) {
    .listado-whatsapp-wrapper {width: 33%;}
}
.listado-whatsapp-wrapper {padding:15px;}
.listado-whatsapp-item {
    display: flex; flex-direction: row; flex-wrap: nowrap;
    background-color:#fff; border-radius:20px; padding:15px;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 60px 0 rgba(46,61,98,.1);
}
.listado-whatsapp-item img { width: 150px; border-radius: 15px;}
.listado-whatsapp-content {padding: 15px; }  
.listado-whatsapp-content h4 {margin:0;}  



.btn-whatsapp {
    color:#25D366; font-weight:bold;font-size:1.2rem;
    display: inline-block; padding: 7px 12px; border: 2px solid; border-radius: 10px;
    transition: all 0.6s ease-in-out; text-decoration:none!important; margin:0.5rem auto;
}
.btn-whatsapp:hover {color:#fff; background-color:#25D366; }
.listado-whatsapp-link  {font-weight:bold; color:#666; text-decoration:none; font-weight: 0.9rem; display:inline-block; transition: all 0.6s ease-in-out; display:block; }
.listado-whatsapp-link:hover {color:#333; text-decoration :underline; }

/**
 *****************
    GASOLINERA
 *****************
*/
img.radius-bottom {border-bottom-right-radius:20px; border-bottom-left-radius:20px; }
#precio-gasolina {
    padding:20px; 
    border-top-right-radius:20px; border-top-left-radius:20px; 
    background: rgb(56,37,181); background: linear-gradient(180deg, rgba(56,37,181,1) 0%, rgba(140,143,210,1) 100%);
}
#precios-gasolinera  h3 {color:#fff; max-width: 535px; margin: 1rem auto 2rem auto;}
.lista_precios {background-color: #fff; display: flex; align-items: flex-start; justify-content: space-evenly;}
.lista_precios > div {padding:10px; text-align: center;}    
.lista_precios > div span {font-weight: bold;}
.lista_precios > div strong {display:block; font-size: 1.5rem; font-weight: normal;}

/**
 *****************
    CARTELERA
 *****************
*/
.movie-data { margin: 1rem 0; padding: 0; list-style: none; font-size: 0.9rem;}
.movie-data li {display: inline-block; padding: 2px 5px; margin: 3px; border: 1px solid #ced4da; border-radius: 5px;}
.single-cartelera > div {padding:20px;}
@media (min-width: 768px) {
    .single-cartelera .cartelera-image-default {width: 50%;}
    .single-cartelera .cartelera-main-default {width: 50%;}
    .single-cartelera .cartelera-pases {width: 33%}
    .single-cartelera .cartelera-trailer {width: 66%}
}


/** REMODELACIÓN */
.page-transformacion #galeria-centro .wpb_gallery {max-width: none;}
.page-transformacion #destacados-centro .destacado-item-icon {background-color: transparent!important; box-shadow:none!important; padding-bottom:0;}
.page-transformacion #destacados-centro .destacado-item-icon-image .destacado-svg-image svg {
    max-height:80px; width: auto; position: relative; vertical-align: middle;
}
.page-transformacion #destacados-centro .destacado-item-wrapper {padding-top:0; padding-bottom: 0;}
.page-transformacion #destacados-centro .destacado-item-icon-image .destacado-svg-image svg .cls-1{fill:#fff;}

.page-transformacion article.page.type-page > .entry-title {display:none;}

.page-transformacion #new-wrapper .destacado-item-icon {box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 60px 0 rgba(46,61,98,.1); margin-bottom:25px;}
.page-transformacion #new-wrapper .destacado-item-icon-image .destacado-svg-image svg .cls-1{fill:#000;}


/** BOTON BUTTON **/
.buttonbtn{
    padding: 15px 25px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    width: fit-content;
    color: white;
    text-decoration: none;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 10px;
   
}
.buttonbtn:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 100%;
    background: linear-gradient(90deg, rgba(62,232,163,1) 0%, rgba(16,212,229,1) 33%, rgba(62,232,163,1) 66%, rgba(16,212,229,1) 100%);
    z-index: -1;
    left: 0;
    top: 0;
    transform: translateX(-50%);
    transition: all 0.4s ease-in-out;
}
.buttonbtn:hover:after {
    transform: translateX(0);
}


/* Modificacions selector idioma */

.trp-language-switcher {
	width: auto;
	height: 50px;
}

#header-logo, #header-buttons {
	display: flex;
}

#header-logo img {
	/*height: auto;*/
}

.trp-ls-shortcode-language {
    border: 2px solid black !important;
    border-radius: 10px !important;
	width: 100px !important;
}

.trp-ls-shortcode-current-language {
    border: 2px solid black !important;
    border-radius: 10px !important;
	width: 100px !important;
}

.trp-language-switcher > div {
	padding: 7px 10px 7px 10px;
	background-image: url(./icons/arrow-down-3101.svg) !important;
}

.trp-language-switcher > div > a {
	padding: 7px 10px;
}

.trp-language-switcher:hover .trp-ls-shortcode-language {
	padding: 4px 10px;
	background-image: url(./icons/arrow-up-3101.svg) !important;
}

@media (max-width: 768px) {
	.trp-language-switcher {
		height: 40px;
	}
	
	.trp-language-switcher > div {
    	padding: 2px 10px 2px 10px;
		background-position: calc(100% - 20px) calc(1em + -2px), calc(100% - 3px) calc(1em + 0px);
	}
}

/* Banner cookies */

.wcc-box-bottom-left {
    bottom: 50% !important;
    left: 50% !important;
    transform: translate(-50%, 50%);
	width: 500px !important;
}

.wcc-btn {
	font-size: 10px !important;
	border-radius: 4px !important;
	border: none !important;
}

.wcc-btn-reject, .wcc-btn-accept {
	background-color: rgb(222, 223, 224) !important;
	color: black !important;
	padding: 3px !important;
}

.wcc-btn-accept {
	order: 1 !important;
	margin-right: 15px !important;
}

.wcc-btn-reject {
	order: 2 !important;
}

.wcc-btn-customize {
	order: 3 !important;
}


a#wt-cli-policy-link {
    color: rgb(137, 136, 136);
}

#cookie-law-info-bar .cli-style-v2,  .wcc-notice-des *, .wcc-preference-content-wrapper *, .wcc-accordion-header-des *, .wcc-gpc-wrapper .wcc-gpc-desc * {
    font-size: 10px !important;
	line-height: 10px;
}

#cookie-law-info-bar .cli-bar-btn_container a {
	font-size: 10px;
}

#cookie-law-info-bar .cli-bar-btn_container {
    margin-top: 15px;
}

@media only screen and (max-width: 820px) {
    .cli-plugin-button {
        margin: 10px;
    }
	div#cookie-law-info-bar {
		padding: 15px 30px 15px 30px !important;
	}
}

@media only screen and (max-width: 767px) {
    .cli-plugin-button {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 539px) {
	
	.wcc-box-bottom-left, .wcc-box-bottom-right, .wcc-box-top-left, .wcc-box-top-right {
		max-width: 95% !important;
	}
	
	.wcc-btn {
        width: 115px !important;
    }
	
	.wcc-btn-accept {
		margin-right: 0px !important;
	}
	
	#cookie-law-info-bar .cli-bar-message {
    	text-align: center;
	}

	#cookie-law-info-bar .cli-bar-btn_container {
    	display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	#cookie-law-info-bar  .cli-plugin-button {
		margin: 5px;
	}
	
}