html{overflow-x: hidden}
.home__description {
  background: #423f86;
  color: #fff!important;
  padding: 10px;
  margin-top:1em;
}
.home__description  *{
  color: #fff!important
}
.blog__content ul, .blog__content ol,
.category-description ul, .category-description ol,
.home__description ul, .home__description ol{
                margin-left:2em;
}
.blog__content li,
 .category-description li,
 .home__description li{
                list-style: disc;
            }
.category-description{margin-top:1em;}
.results_search_suggest h6{    font-size: 14px;
  margin: 0 0 5px 0;
  color: #fd8d08;
  padding: 0px 0 4px 0px;
  border-bottom: 1px solid #c3bfdd;
  font-weight: normal;
  text-transform: uppercase;
}
body{
  background: #7153db !important; /* Old browsers */
  background: -moz-linear-gradient(left, #7153db 0%, #4651bb 100%) !important; /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #7153db 0%,#4651bb 100%) !important; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #7153db 0%,#4651bb 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7153db', endColorstr='#4651bb',GradientType=1 ); /* IE6-9 */
}

a:hover{color: #fff; text-decoration: none}

.section-detalle a{

  color: #fff;

  font-weight: 600;

}

.post.hentry{margin-bottom: 0 !important;}

#masthead .container{border-bottom: 1px solid #807ad5;}

#masthead .form-inline input, #masthead .form-inline button{outline: none !important;}

#masthead .form-inline{border-radius: 10px;padding: 2px 10px;margin-right: 20px;}

.search-focus{background: #00000024;}

.box-thumb{display: inline-block !important;}

.logo a img{margin-left: 30px;width: 200px;}


.article-xd{margin-bottom: 10px;}

.article-xd a{text-decoration: none !important}

.p-0{padding: 0 !important;}

.figure{position:relative}

.figure-caption-xd{overflow: hidden;color:#fff;padding:10px 15px;text-align: left; background: #332f4b; padding-bottom: 15px;}

.figure-caption-xd p{font-weight: 600;white-space: nowrap;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Roboto, Helvetica, "Helvetica Neue", Oxygen-Sans, Ubuntu, Cantarell, Arial, sans-serif, "Apple Color Emoji"; font-size: 16px;margin-bottom: -8px;}

.tag-telefono {font-weight: 600;margin-bottom: 0px !important}

.tag-telefono i, .tag-barrio i{margin-right:10px;}

.tag-telefono i {color: #3ebe2b;}

.figure-caption-xd small{color: #9b98ab;font-weight: 600;font-size: 75% !important;}

.caption-thumb-l, .caption-thumb-r{opacity:0; transition: opacity 0.3s ease-in-out;}

.caption-thumb-l{ position: absolute;top: 10px;left: 10px;}

.caption-thumb-r{ position: absolute;top: 10px;right: 10px;}



.badge-diamond{ color: #fff; background-color: #ee9837;}
.badge-platinum{ color: #fff; background-color: #1b1d43;}
.badge-gold{ color: #fff; background-color: #44468b;}
.badge-silver{ color: #828282; background-color: #a6a9ff;}

.badge-count{ background: #dd8400!important;color:#fff;padding: .25em 0.8em !important;margin-left: 5px;}




.btn-social i{color:#fff; font-size:18px; margin: 0 6px;}


.selectize-dropdown [data-selectable] .highlight{background:none}
            .selectize-dropdown [data-selectable] .highlight:first-child{background:rgba(125, 168, 208, 0.2)}


.site-info span{font-weight: 600}




.detalle-xd h1{color:#fff;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Roboto, Helvetica, "Helvetica Neue", Oxygen-Sans, Ubuntu, Cantarell, Arial, sans-serif, "Apple Color Emoji";margin-top: -10px;}

.detalle-xd h1 small{font-size:60% !important;font-weight: 600}

.detalle-xd h1 i{margin: 0 10px 0 20px;}

.fa-whatsapp{color: #3ebe2b;}

.detalle-xd{margin: 0px 5px !important;
    padding: 0;}

.section-detalle{color:#fff;}

.especificaciones ul {list-style: none;padding: 0 15px;margin: 0 0 15px 0;}

.especificaciones ul li{display: inline-block;padding: 0 25px;border-right: 1px solid #807ad5;font-size: 12px;}

.especificaciones ul li:first-child{padding-left:0;}

.especificaciones ul li:last-child{border-right: none;}

.especificaciones ul li p{color:#fff;margin-bottom:5px; font-weight: 600;}

@media only screen and (max-width: 680px) {
  .especificaciones ul li p{
    display: inline-block !important;
  }
  .mdp-stellar-results-before{
    display:none !important;
  }
}

.especificaciones ul li .tarifa{color: #fd9302 !important;font-weight:900;margin-bottom: 10px;font-size: 32px !important;text-shadow: 0px 0px 6px rgb(86, 86, 86);}

.tarifa small{font-size: 60%; margin-right: 2px;}

.especificaciones h6{margin: 0; color: #b2afff;
    font-weight: 400;}

.especificaciones .fa-star{margin:0;}

.btn-contacto{padding: 0 15px 20px; display: none;}

.separador-top{display: none;}

.btn-contacto a {margin-right: 10px; }

.btn-contacto a i{margin:0; font-size: 20px}

.btn-contacto .btn .phone{width: 25px !important;}

.btn-outline-light:hover, .btn-outline-light:active, .btn-outline-light:focus{border-color:#fd9302 !important; background:#fd9302 !important;}

.btn-contacto .btn .whatsapp{color:#fff; width: 24px !important;}

.galeria .row figure{overflow:hidden;height: 300px;}

.galeria .row figure img{width: 100%}

.galeria .row [class^='col-']{padding:8px;}

.galeria .row {margin-left:-8px !important;margin-right:-8px !important;}

.foto-2{margin-bottom: 14px}

.height-100{height:228px;}

.height-100 img{height: 100%; width: auto !important;}

.m-t-30{margin-top:14px;}

.separador{border-bottom: 1px solid #807ad5;}

.galeria h2, .videos h2, .section-detalle h2{color: #fff;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Roboto, Helvetica, "Helvetica Neue", Oxygen-Sans, Ubuntu, Cantarell, Arial, sans-serif, "Apple Color Emoji";}

.galeria figure{position: relative;}



 #masthead .navbar{

   padding: 15px 0;

 }

 .search-box{

  background: transparent;

  border: none;

  width: 65px;

  color:#fff;

}

.btn-search{color:#fff;background: transparent; margin: 0; text-decoration: none;border: none;}


/* Zoom In #1 */

.hover01 figure {

  overflow:hidden;

  cursor:pointer;

  display: block;

}



.hover01 figure img {

  -webkit-transform: scale(1.01);

  transform: scale(1.01);

  -webkit-transition: .3s ease-in-out;

  transition: .3s ease-in-out;

}

.hover01:hover figure img {

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

}

.hover01:hover > .caption-thumb-l{opacity: 1}

.hover01:hover > .caption-thumb-r{opacity: 1}

.post-thumbnail figure img{

  width: 100%;

}





.entry-content{color:#fff;}

.none{display:none !important;}

.block{display:block !important;}

.m-t-15{margin-top:15px !important;}
.m-b-15{margin-bottom:15px !important;}

.m-t-22{margin-top:22px !important;}

.m-t-30{margin-top:30px !important;}

.video-thumb img{width: 100%;}

.video-thumb{

  overflow: hidden;

}

.video-thumb:before{

  position: absolute;

  z-index: 99;

  display: block;

  content: '';

  font-weight: 900;

  font-size: 50px;

  color: #E91E63;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transition: -webkit-text-shadow 0.5s ease-in-out, -webkit-font-size 0.5s ease-in-out;

  transition: text-shadow 0.5s ease-in-out, font-size 0.5s ease-in-out;

}

.video-thumb:hover::before{

  text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.63);

  font-size: 52px;

}

.lg-video video:before{

  content:'playargentina';

}

.pswp__zoom-wrap {

  text-align: center;

}

.pswp__zoom-wrap:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

}

.wrapper {

  line-height: 0;

  width: 100%;

  max-width: 900px;

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045;

}

.video-wrapper iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

video {

  width: 100% !important;

  height: auto !important;

}

.psgal {width:100% !important;}

#toggle{

  -webkit-transition: all 1s;

  -moz-transition: all 1s;

  -o-transition: all 1s;

  transition:all 1s;

}

.all-gallery{width: 100%;

  text-align: center;

  padding: 5px;

  color: #fff;

  cursor: pointer;

  -webkit-transition: all 1s;

  -moz-transition: all 1s;

  -o-transition: all 1s;

  transition:all 1s;

}

.wapp:hover > i{

  color:#3ebe2b !important;

}

.phone:hover > i{

  color:#fd9302;

}

.post-ratings{

  color:#fff;

}

.post-ratings em{

  display:block;

}

#html5-videos{width:100%;list-style: none;padding:0;margin:0;}

#html5-videos li{display:inline-block;}

#galeria .item, #html5-videos li{cursor:pointer}

.lg-video:before{

  content:'';

  position: absolute;

  top: 75%;

  left: 50%;

  transform: translate(-50%, -50%);

  z-index: 9999;

  opacity: 0.5;

  width: 200px;

  height: 30px;
}

.header-fixed{

  background: #7153db !important; /* Old browsers */

  background: -moz-linear-gradient(left, #7153db 0%, #4651bb 100%) !important; /* FF3.6-15 */

  background: -webkit-linear-gradient(left, #7153db 0%,#4651bb 100%) !important; /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to right, #7153db 0%,#4651bb 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7153db', endColorstr='#4651bb',GradientType=1 ); /* IE6-9 */

  position: fixed;

  width: 100%;

  z-index: 9999;

}





.search-box span{margin-right: 10px;}

.search-box span, .search-box i{

  display:inline;

}

.search-box{width: 110px;cursor:pointer;}



.form-search input{

  width:75%;

  border-radius: 3px;

  outline: none;

  border: none;

  height: 30px;

  background: #ffffffb0;

  transition: all 0.3s ease-in-out;

  padding-left: 5px;

}

.form-search button{

  width: 20%;

  background: #ffa31b;

  height: 30px;

  border-radius: 3px;

  margin: 0;

  padding: 0px;

  vertical-align: top;

}

.searchOverlayContent h2{

  color:#fff;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", Roboto, Helvetica, "Helvetica Neue", Oxygen-Sans, Ubuntu, Cantarell, Arial, sans-serif, "Apple Color Emoji";

  font-size: 22px;

}

.form-search input::placeholder{color:#2f2f5a;padding-left: 5px;}

.form-search input:focus{background: #fff;}

.page-content p{color:#fff;}

.search-submit{

  background: #fd9302;

  vertical-align: top;

  color: #fff;

}

.more-link{

  display: block;

  margin: 10px auto;

  width: 50%;

  background: #fd9302;

  border: none;

}

.h1-title{

  font-size: 2em;

}





.wpcf7-form p label{width: 100%}

.wpcf7-form p{ display: inline-block;width: 48%;}

.wpcf7-form p:nth-child(3){float:right;}

.wpcf7-form p:nth-child(4), .wpcf7-form p:nth-child(5){ display: block;width: 100% !important;}

.wpcf7-not-valid{   

  background: #f16572;

  border: 1px solid #f16572;

  color: #fff;

}

.wpcf7-not-valid-tip{color:#fff !important;}

div.wpcf7-validation-errors {

  border: 2px solid #f16572 !important;

  background: #f16572 !important;

}

.wpcf7-submit{background: #fd9302 !important; margin:0 auto;width: 100%; display:block;}

.wpcf7-submit:hover{background: #e88c0e !important}

div.wpcf7-mail-sent-ok { background: #398f14; }

.planes div article{

  background: #332f4b;

  padding: 5px 20px;

  border-radius: 5px;

  padding-bottom: 25px;

}

.planes h3, .planes p{text-align: center}



.planes .diamond article{border:2px solid #fc1478;}

.planes .platinum article{border:2px solid #bcbcbc;}

.planes .gold article{border:2px solid #c9a164;}

.planes .silver article{border:2px solid #fff;}



.planes .diamond h3{color:#fc1478;}

.planes .platinum h3{color:#bcbcbc;}

.planes .gold h3{color:#c9a164;}

.planes .silver h3{color:#fff;}

.planes button{

  color:#fff;

  border:none;

  margin: 0 auto;

  display: block;

  padding: 5px 15px;

  border-radius: 5px;

  font-weight: 600;

  width: auto;

  text-align: center;

  font-size: 18px;

}

.planes p{color:#fff;margin-bottom: 4px;}

.planes .diamond button{background:#fc1478;}

.planes .platinum button{background:#bcbcbc;}

.planes .gold button{background:#c9a164;}

.planes .silver button{background:#fff;color:#000;}



.planes a{font-weight: 600}

.planes .diamond a{color:#fc1478;}

.planes .platinum a{color:#bcbcbc;}

.planes .gold a{color:#c9a164;}

.planes .silver a{color:#fff;}



.planes button:hover{

  opacity: 0.8;

  text-decoration: none;

}

.planes .precio{

  font-size: 28px;

  font-weight: 900;

}

.page-title-plan{

  text-align: center;

  margin-bottom: 10px;

}

.precio small{font-size:65%;}

.badge-tags{

  background: #2f2f5a;

  padding: 5px 15px;

  text-transform: uppercase;

  margin: 2px 1px;

}

.badge-tags:hover{text-decoration: none}

.category-description{

  background: #423f86;

  color: #fff !important;

  padding: 10px;

}

.category-description h1, .category-description h2, .category-description h3, .category-description h4, .category-description h5{

  color:#fff !important;

} 

.category-description h2 strong{

  color:#fff !important;

}

.lg-toolbar .lg-icon{

  font-size: 32px;

}

.lg-close{color:#F44336 !important;}

.subsub{padding-left: 10px !important;}

.subsub a{padding: 5px 25px !important;

  font-size: 14px;}

  .hide{display:none;}

  .terminos input{

    margin-right: 5px;

    vertical-align: middle;

  }

  .mailster-wrapper label{

    margin: 10px 0 2px !important;

  }

  .mailster-wrapper input, .mailster-wrapper select{

    padding: 7px 10px;

    border: 2px solid #4b3d9e;

    display:block;

    width: 100%;

  }

  .mailster-form-info p{

    text-align:center !important;

  }

  .pum-title{

    margin: 15px 0 5px !important;

    font-family: 'Montserrat', sans-serif !important;

    font-weight: 600 !important;

    text-align: center !important;

  }

  .pum-close:focus{

    border:none !important;

    box-shadow:none !important;

    outline: none !important;

  }

  .mailster-submit-wrapper input{

    width: 50%;

    margin: 15px auto 0;

    text-align: center;

    background: #fd9302;

    border: none;

    display: block;

    color: #fff;

    font-weight: 600;

    text-transform: uppercase;

    padding: 9px 0;

  }

  .page #post-2224{

    min-height: 400px;

  }

  #breadcrumbs{

    color: #fff;

    font-size: 80%;

  }

/*--------------------------------------------------------------

## Tablets

--------------------------------------------------------------*/

@media (max-width: 992px) and (min-width: 480px) {

  .figure-caption-xd p{

    font-size:10px;

  }

  .planes .precio{

    font-size: 20px !important;

  }

  .article-xd{
    margin-bottom: 15px;
    width: 25%;
    flex: inherit !important;
    max-width: inherit !important;
  }

 

}
@media (max-width: 992px) {
  .galeria .row figure {
    height: inherit !important;
  }
}
/*--------------------------------------------------------------

## Teléfonos

--------------------------------------------------------------*/

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


  .btn-publica, .btn-social, .hidden-xs{

    display:none;

  }

  .logo a img{

    width: 80%;

    margin: 0 10%;

  }

  .article-xd{
    margin-bottom: 15px;
    width: 50%;
  }

  .article-xd.article-blog{
    width: 100% !important;
  }

  .figure-caption-xd small {
    font-size: 14px;
  }
  
  .figure-caption-xd p{

    font-size: 16px;

  }

  .figure-caption-xd .tag-telefono {

    font-size: 12px;

  }

  .search-box span{display: none}

  .search-box i{font-size: 18px;}

  .menu-toggle{width:15%;}

  .logo{width: 75%;margin: 0; padding: 0;}

  .search-box{margin:0;padding:0;width: 20px;}

  #masthead .form-inline{margin-right: 0; padding: 0; margin-left: 0 !important}

  .close-menu{font-size: 15px;}

  .dropdown-xp [data-toggle="dropdown-xp"], .dropdown-xp [data-toggle="none"], .dropdown-xp > .dropdown-xp-menu li a{

    font-size: 15px;

  }

  .caption-thumb-l, .caption-thumb-r{opacity: 1;font-size: 13px;}

  .detalle-xd h1{ font-size: 30px;
    text-align: center;
    margin: 10px auto;
  }

  .detalle-xd h1 small{margin-left: 10px; margin-top:10px; font-size: 17px !important;}

  .detalle-xd h1 small a{margin-top: 10px;}

 

  .detalle-xd h1 img:first-child{margin: 0 10px 0 0;}

  .especificaciones ul {margin-bottom: 0; display: flex;
    flex-wrap: wrap; justify-content: center;}

  .especificaciones ul li:first-child{padding-left: 0 }

  .especificaciones ul li{width:45%;border:none;padding:5px;font-size: 14px}

  .especificaciones ul li:nth-child(3){padding-left:0px;}
  .especificaciones ul li:nth-child(2){text-align: right;}

  .especificaciones h6 {font-size: 14px; display: inline-block !important; margin-right: 5px;}


  .separador-top{display: block;}

  .btn-contacto a{width: 100%}

  .btn-contacto {

    display: flex;

    padding: 15px; 

    z-index: 9999;

    position: fixed;

    bottom: 0;
    left:0;

    width: 100%;

    background: #7153db; /* Old browsers */

    background: -moz-linear-gradient(left, #7153db 0%, #4651bb 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(left, #7153db 0%,#4651bb 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to right, #7153db 0%,#4651bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7153db', endColorstr='#4651bb',GradientType=1 ); /* IE6-9 */

  }

  .single footer#colophon{padding-bottom: 90px}

  .lg-video:before { top: 15%; }

  .section-detalle p{font-size:14px;}

}

.svg-icon{width: 16px;margin: 2px;vertical-align:sub; /*margin-right:5px*/}

.white{filter: invert(1)}

.svg-min{width:13px !important;}

.h1-icon{margin-left:20px}

.svg-tel{margin: 0 5px 0 0}
.detalle-xd .svg-tel{
  margin-left: 20px;
}
@media only screen and (max-width: 680px) {
  .sm-none{
  display: none !important;
  }
}

.close-menu img{vertical-align:middle !important;}

.sexo-virtual{
  position: absolute;bottom: 10px;right: 10px;z-index: 999;
}
.row-padding-5{
  margin-left: -5px !important;
  margin-right: -5px !important;
}
.padding-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
#btn-backtop {
  display: none; 
  position: fixed; 
  bottom: 20px; 
  right: 30px; 
  z-index: 99;
  border: none; 
  outline: none; 
  color: white; 
  cursor: pointer; 
  padding: 30px; 
  border-radius: 10px; 
  font-size: 18px; 
  background: url(../svg/chevron-down.svg);
  background-repeat: no-repeat;
  transform: rotate(180deg);
  background-size: 40px;
  background-position: center;
}
.exsmall{
  color: #9b98ab;
  font-weight: 600;
  font-size: 14px;
}
.tag-barrio:before{
  content: '';
  background: url(../svg/map-marker-w.svg) no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  margin-top: 4px;
  left: 7px;
}
.figure-caption-xd{
  text-align: center;
}
.figure-caption-xd a {
  display: block;
  position: relative;
}
.tag-loc{
  border: 1px solid white;
  margin-top: 7px;
}
.btn-especialidad{
  margin: 10px auto;
  background: rgba(253,141,8,1);
  padding: 2px 6px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  color: #332f4b;
  margin-top: 13px;
}
.btn-especialidad img {
  width: 80px;
}
.btn-especialidad:hover, .tag-loc:hover{
  color: #332f4b;
  -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.70);
  -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.70);
  box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.70);
}
@media only screen and (max-width: 480px) {
  .tag-barrio:before{content: none;}
  .sexo-virtual{font-size:12px;}
  .btn-especialidad { margin-bottom: 6px;}
}
/* SITIOS AMIGOS */
.sitios-box{
  background: #332f4b;
  margin: 10px 0;
  min-height: 85px;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sitios-box:hover > .description{
  transform: translateX(5px);
  -webkit-transform: translateX(5px);
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}
.sitios-box .foto .img-responsive{
  padding: 15px;
  height: 85px;
  margin: 0 auto;
  display: inherit;
}
.sitios-box .description{
  padding-left: 10px !important;
  width: 50%;
  padding-bottom: 15px;
}
.sitios-box h3{
  margin: 15px 0 5px 0 !important;
}
.sitios-box p{
  color:#fff;
  margin: 0 !important;
}
.sitios-box .svg-icon{
  margin-right: 0 !important; 
}
.sitios-box .foto{
  float:left;
  width: 50%
}
.ancla:before {       
  display: block;       
  content: " ";      
  margin-top: -120px;       
  height: 120px;       
  width: 100%;
  visibility: hidden;
  z-index: 0;
  position: absolute;
} 
.nav-pais{margin-top: 15px;}
.nav-pais a{
  background: #332f4b;
  padding: 5px 15px;
  border: 1px solid #1a1921;
  display: inline-block;
  margin-bottom: 5px;
}
.text-white{color:#fff;}
#copy{font-weight: 900;}
#banner textarea{width:100%;font-size: 'monospace';}
h2{color:#fff;}

@media only screen and (max-width: 480px) {
  .nav-pais a{ display: block;  margin: 5px 0px;}
  .sitios-box .foto, .sitios-box .description {display:block;width: 100% !important;}
  .sitios-box h3{font-size: 15px;}
  .sitios-box .description h3, .sitios-box .description p {text-align: center}
  .sitios-box{
    text-align: center;
    padding-bottom: 10px;
    height: auto !important;
  }

}
.blog-caption{
  padding: 12px 15px !important;
  text-align: left !important;
  position: relative;
  overflow: visible !important;
  min-height: 110px;
}
.blog-caption h2{
  font-weight: 600;
  font-family: -apple-system,BlinkMacSystemFont,segoe ui,segoe ui emoji,segoe ui symbol,Roboto,Helvetica,helvetica neue,Oxygen-Sans,Ubuntu,Cantarell,Arial,sans-serif,apple color emoji;
  font-size: 22px;
  color: white;
  margin: 0;
}
.blog-category{
  position: absolute;
  right: 15px;
  bottom: 15px;
  background: #fd9302;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0 16px;
  font-size: 14px;
}
.single-blog .h1-title{
  margin: 30px auto;
  padding-bottom: 0;
}
.blog__content{
  color: #fff;
  font-weight: 400;
  font-size: 18px;
  background: #332f4b;
  padding: 30px 110px;
}
.blog__content h1, .blog__content h2, .blog__content h3, .blog__content h4, .blog__content h5, .blog__content h6{
  color: #fff;
}
.blog__content a, .section-detalle a{
    word-break: break-all;
    text-decoration: underline;
    font-weight: 600;
    color: #ffa31b;
}
@media only screen and (max-width: 600px) {
  .blog__content{
    padding: 20px;
  }
  .blog__datos{
    display: none;
  }
  .single-blog .h1-title{
    font-size: 26px;
    margin: 20px auto;
  }
  .blog-category {
    position: relative;
    right: 0;
    bottom: 22px;
  }
}

.blog__wrapper{
  margin-bottom: 30px;
}
.blog__portada-wrapper{
  position: relative;
}
.blog__datos{
  position: absolute;
  bottom: 20px;
  right: 40px;
  background: #ffa31b;
  padding: 0 20px;
  color: #fff;
  border: 1px solid #e6951d;
  font-weight: 600;
  font-size: 18px;
}

/* BREADCRUMS */
.breadcrumbs{
  margin: 0 10px 20px;
}
.breadcrumbs li{
  border: 1px solid #fff;
  border-radius: 3px;
  padding: 5px 15px;
  list-style: none;
  display: inline-block;
  min-height: 30px;
  color: #fff;
  margin-left: 40px;
  text-transform: uppercase;
  font-size: 14px;
  position: relative;
}
.breadcrumbs li:hover{
  background-color: #fd9302 !important;
  border-color: #fd9302;
}
.breadcrumbs li:first-child{
  background: url(../svg/home-solid.svg) no-repeat;
  width: 65px;
  height: 33px;
  background-size: 20px;
  vertical-align: bottom;
  background-position: center center;
  margin-left: 0;
}
.breadcrumbs li:before{
  content: '';
  position: absolute;
  height: 13px;
  width: 13px;
  background: url(../svg/div.svg) no-repeat;
  left: -27px;
  background-size: 100%;
  top: 8px;
}
.breadcrumbs li:first-child:before{
  content: none;
}
.breadcrumbs a{
  display: block;
}
.breadcrumbs li:first-child a{
  opacity: 0;
}
.archive .breadcrumbs, .page-template-novedades .breadcrumbs, .single .breadcrumbs{
  margin-left: 0 !important;
}
.breadcrumbs::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 680px) {
  .breadcrumbs{
    overflow-x: scroll;
    white-space: nowrap;
    margin-right: 0;
    padding-right: 40px;
  }
  .breadcrumbs li{
    font-size: 11px;
    padding: 5px;
    min-height: auto;
  }
  .breadcrumbs li:first-child{
    height: auto;
    background-size: 17px;
  }
  .breadcrumbs li:before{
    top: 5px;
  }
  .hover-breadcrumbs{
    width: 40px;
    height: 29px;
    position: absolute;
    right: 15px;
    background: url(../svg/chevron-right.svg) no-repeat right center, linear-gradient(100deg, rgba(78,81,193,0) 0%, rgba(78,81,193,1) 70%, rgba(78,81,193,1) 100%);
    background-size: 20px 20px, cover;
    z-index: 99;
  }
}
/* COMMENTS */
.comments-title{color: white; font-size: 24px !important;}
.comment-body .pull-left{
  padding-right: 0 !important;
}
.comments-list {
  margin-top: 30px;
  position: relative;
  padding: 0;
}

.comments-list li {
  margin-bottom: 30px;
  display: block;
  position: relative;
}

.comments-list li.respuesta{
  padding-left: 90px;
}

.comments-list li:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  width: 0;
}

.reply-list {
  padding-left: 88px;
  clear: both;
  margin-top: 15px;
}
/**
 * Avatar
 ---------------------------*/
 .comments-list .comment-avatar {
  width: 65px;
  height: 65px;
  position: relative;
  z-index: 99;
  float: left;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
  overflow: hidden;
}

.comments-list .comment-avatar img {
  width: 100%;
  height: 100%;
}

.reply-list .comment-avatar {
  width: 50px;
  height: 50px;
}

.comment-main-level:after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  clear: both;
}
/**
 * Caja del Comentario
 ---------------------------*/
 .comments-list .comment-box {
  position: relative;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
  box-shadow: 0 1px 1px rgba(0,0,0,0.15);
  width: calc(100% - 85px);
  float: left;
  margin-left: 20px;
  border-radius: 0 15px 15px 15px;
}

.reply-list .comment-box {
  width: 610px;
}
.comment-box .comment-head {
  background: #fff;
  padding: 10px 12px;
  overflow: hidden;
  border-radius: 0 15px 0 0;
}

.comment-box .comment-head i {
  float: right;
  margin-left: 14px;
  position: relative;
  top: 2px;
  color: #A6A6A6;
  cursor: pointer;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.comment-box .comment-head i:hover {
  color: #03658c;
}

.comment-box .comment-name {
  color: #283035;
  font-size: 14px;
  font-weight: 700;
  float: left;
  margin: 0 10px 0 0 !important;
}

.comment-box .comment-name a {
  color: #283035;
}

.comment-box .comment-head span {
  float: left;
  color: #999;
  font-size: 13px;
  position: relative;
  top: -2px;
}

.comment-box .comment-content {
  background: #FFF;
  padding: 0 12px 15px;
  font-size: 15px;
  color: #595959;
  border-radius: 0 0 15px 15px;
}

.comment-box .comment-content p{
  margin-bottom: 5px !important;
}

.comment-box .comment-name.by-author, .comment-box .comment-name.by-author a {color: #03658c;}
.comment-box .comment-name.by-author:after {
  content: 'autor';
  background: #03658c;
  color: #FFF;
  font-size: 12px;
  padding: 3px 5px;
  font-weight: 700;
  margin-left: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.comment-reply-title, .comment-notes{
  color: white;
}
form.comment-form textarea, form.comment-form input{
  border-radius: 15px;
  border: none;
}
form.comment-form label{
  display:block;
  color: white;
}
form.comment-form input{
  padding: 10px;
  display: block;
  width: 100%;
}
form.comment-form input:active, form.comment-form input:focus, form.comment-form textarea:active, form.comment-form textarea:focus{
  border: none;
  outline: none;
  box-shadow: none;
}
form.comment-form .required{
  color: #fd9302;
}
form.comment-form #commentsubmit{
  background: #fd9302 !important;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
}

@media only screen and (max-width: 680px) {
  
  .comments-list li.respuesta{
    padding-left: 50px;
  }
  .comments-list li.respuesta .comment-box .comment-head span{
    display: none;
  }
  .comments-list .comment-avatar {
    width: 40px;
    height: 40px;
  }
  .comments-list .comment-box{
    margin-left: 10px;
  }
  .comments-list .comment-box {
    width: calc(100% - 50px);
  }
}

.sin_resultados{
  text-align: center;
  margin: 20vh auto;
  color: white;
  font-size: 24px;
}
.sin_resultados small{
  display: block;
}
.badge .svg-icon{
  margin-right: 2px !important; 
}
section.sticky{
  position: sticky;
  top: 81px;
  left: 0;
  z-index: 999;
}
body.admin-bar section.sticky{
  top: calc(81px + 32px);
}
#wpadminbar{
  position: fixed !important;
}
@media only screen and (max-width: 680px) {
  section.sticky{
    top: 57.38px;
  }
}
.navegacion-next{
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 20px;
  background: #2f2f5a;
  position: relative;
  margin-top: 20px;
}
.next_link{
  margin-right: 20px;
  margin-left: 10px;
  margin-bottom: 0;
}
.prev_link{
  margin-left: 20px;
  margin-right: 10px;
  margin-bottom: 0;
}
@media only screen and (max-width: 680px) {
  .next_link{
    margin-right: 0;
    margin-left: 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
  }
  .prev_link{
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
  }
  .navegacion-next a{
      width: 50%;
  }
  .navegacion-next a:first-child{
    border-right: 1px solid #404075;
  }
  .post_nav span{
    font-weight: 200;
    font-size: 12px;
  }
}
.post_nav.prev{
  text-align: right;
  padding-left: 40px;
  background: url(../svg/chevron-left.svg) no-repeat left center;
  background-size: 25px 25px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.post_nav.next{
  text-align: left;
  padding-right: 40px;
  background: url(../svg/chevron-right.svg) no-repeat right center;
  background-size: 25px 25px;
  display: flex;
  align-items: center;
}
.post_nav a{
  line-height: 1;
}
.post_nav{
  height: 42px;
}
.post_nav span{
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  color: #fff;
  white-space: nowrap;
}
.post_nav .featured_image{
  width: 42px;
  height: 42px;
  background-size: cover !important;
  border-radius: 100%;
  border: 2px solid white;
}
@media only screen and (max-width: 680px) {
  .post_nav .featured_image{
    display: none;
  }
  .navegacion-next {
    padding: 10px;
  }
  .searchOverlayContent .col-sm-12{
    padding: 0 30px;
  }
}
.update_date{
  color: white;
}
.update_date{
  padding: 20px 0;
}
.update_date i{
  color: #7e7ea7;
  text-align: center;
}
.selectize-input{
  text-align:left !important;
}
.selectize-dropdown-content .wrapper{
  display: flex;
  align-items: center;
  padding: 10px;
}
.selectize-dropdown-content img {
  float: left;
  margin-right: 10px;
  border-radius: 50%;
}
.selectize-dropdown-content .nombre {
  font-size: 18px;
  margin-bottom: 3px;
  font-weight: 600;
  line-height: 1;
}
.selectize-dropdown-content .desc {
  margin:0 !important;
  line-height: 1;
}
.searchOverlayContent .close-menu:hover{
  color: #fff;
}
.searchOverlayContent .close-menu{
  display: inline;
  font-weight: 500;
}
.selectize-control.single .selectize-input:after{
  content: none;
}
.page_registro h1, .page_registro p{
  color: white;
}
.blog-caption small{
  position: absolute;
  bottom: 18px;
}
@media only screen and (max-width: 480px){
  .blog-caption small{
    right: 15px;
  }
}

/* Stellar */
.especificaciones.top ul li:last-child {
  position: absolute;
}
@media only screen and (max-width: 480px){
	.especificaciones.top ul li:last-child {
		position: relative;
		display: flex;
    justify-content: flex-end;
	}
	.mdp-stellar-results-after{
		position: absolute !important;
    top: 35px;
    margin-left: auto !important;
    margin-right: auto;
    left: 0;
    text-align: center;
    width: 100%;
	}
	.mdp-stellar-box {
		--mdp-stellar-size: 20px !important;
	}
	.mdp-stellar-box .mdp-stellar-results-after:before {
		left: calc(50% - 8px);
    top: -15px;
    transform: rotate(90deg);
	}
}

.body__login .breadcrumbs, .body__login .novedades, .body__login .footer-categorias, .body__registro .breadcrumbs, .body__registro .novedades, .body__registro .footer-categorias {
  display: none;
}



.template-download.fade, .template-upload.fade {
  opacity: 1 !important;
}

.uploaderror {
  text-align: center;
  font-size: 1.2rem;
  color: #ffffff;
  background: #dc3545;
  padding: 10px;
  display: none;
}





/* custom wc */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) {
    width: 100%;
    flex: 100% !important;
    max-width: 100% !important;
  }

@media (max-width: 479px) and (min-width: 280px) {
  .posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) {
    width: calc(100% / 2);
    flex: calc(100% / 2) !important;
    max-width: calc(100% / 2) !important;
  }
}

@media (max-width: 767px) and (min-width: 480px) {
  .posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) {
    width: calc(100% / 3);
    flex: calc(100% / 3) !important;
    max-width: calc(100% / 3) !important;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) {
    width: calc(100% / 4);
    flex: calc(100% / 4) !important;
    max-width: calc(100% / 4) !important;
  }
}

@media (max-width: 1197px) and (min-width: 992px) {
  .posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) {
    width: calc(100% / 5);
    flex: calc(100% / 5) !important;
    max-width: calc(100% / 5) !important;
  }
}

@media (min-width: 1198px) {
  .posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) {
    width: calc(100% / 6);
    flex: calc(100% / 6) !important;
    max-width: calc(100% / 6) !important;
  }
}



.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) {
	height: 340px;
}

.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .tarifas {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 99;
}

.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .tarifas ul {
	list-style: none;
	margin: 0;
}

.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .tarifas ul li p {
	margin: 0;
	background: #000;
	color: #fff;
	padding: 0 5px;
	line-height: 16px;
	font-weight: 600;
	font-size: 11px;
}
/*
@media only screen and (min-width:480px) {
    .posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .tarifas ul li p {
		line-height: 14px;
        font-size: 9px;
    }
}
*/
.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .post-thumbnail {
	position: relative;
	height: 100%;
    width: 100%;
}

.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .figure {
	display: block;
	width: 100%;
	height: 100%;
}

.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .figure picture {
	position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .figure picture img {
	max-width: none;
	width: auto;
	height: 100%;
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .figure-caption-xd {
    text-align: left;
    /*background: rgba(0,0,0,0.6);*/
    position: absolute;
    bottom: 0;
    width: 100%;
	padding: 40px 10px 10px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}
/*
.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .figure-caption-xd:before {
	content: '';
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
*/
.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .figure-caption-xd a {
	border: none;
}

.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .figure-caption-xd a.tag-loc {
	padding: 0;
	display: block;
    margin: 0;
	line-height: 16px;
}

.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .figure-caption-xd a.tag-loc .tag-barrio {
	color: #fff;
	font-weight: 400;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	display: block;
	line-height: 22px;
}

.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .figure-caption-xd a.tag-loc:hover {
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .figure-caption-xd a .tag-barrio:before { content: none; }

.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .figure-caption-xd p {
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	margin-bottom: 5px;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	word-break: break-word;
	white-space: normal;
}

@media only screen and (min-width:480px) {
    .posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .figure-caption-xd p {
		font-size: 20px;
		line-height: 20px;
	}
}
/*
@media only screen and (min-width:970px) {
    .posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .figure-caption-xd p {
		font-size: 13px;
		line-height: 16px;
	}
}
*/



.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .figure-caption-xd .tarifas ul {
	margin: 0;
    list-style: none;
}

.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .figure-caption-xd .tarifas p {
	display: inline-block;
	color: #fd8d08;
}

.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .figure-caption-xd .tarifas p:first-of-type {
	margin: 0;
	line-height: 16px;
}

.posts_wrapper.new-grid-2022 .article-xd:not(.article-blog) .figure-caption-xd .badge {
	position: relative;
	right: auto;
    bottom: auto;
    top: -5px;
}

.article-xd:not(.article-blog) .figure-caption-xd .badge.trans-star {
	background: #7910FE;
}



.detalle-xd .new-btn-whastapp {
	text-decoration: none !important;
	vertical-align: bottom;
	color: #25D366 !important;
	border-color: #25D366;
	line-height: 35px;
	padding: 0 10px;
	font-size: 11px;
}

@media only screen and (min-width:480px) {
    .detalle-xd .new-btn-whastapp {
        font-size: 12px;
    }
}

.detalle-xd .new-btn-whastapp:hover {
	background: #fd8d08 !important;
	color: #000 !important;
}

.detalle-xd .new-btn-whastapp .svg-icon {
	margin: -2px 0 0;
	width: 20px;
	vertical-align: middle;
}

.detalle-xd .wapp-only-mobile a {
    line-height: 30px !important;
    padding: 0 5px;
    border: 1px solid #fff;
    border-radius: 5px;
    text-align: center;
    display: block;
	font-weight: 600;
}

.detalle-xd .wapp-only-mobile img {
	margin: 0 5px 0 0 !important;
}

@media only screen and (min-width:681px) {
    .detalle-xd .wapp-only-mobile {
        display: none !important;
    }
}

@media(min-width:768px) and (max-width:1000px){
  .blog__relacionados {
      overflow: hidden;
  }
}

.planes{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 1em;
}

.planes .col-md-3 {
  min-height: 250px;
}

@media(max-width:360px){
  .planes{
    grid-template-columns: repeat(1,1fr);
    gap: 1em;
  }
}

@media(min-width:360px) and (max-width:680px){
  .planes{
    grid-template-columns: repeat(2,1fr);
    gap: 1em;
  }
}

@media(min-width:768px) and (max-width:900px){
  .planes p {
    color: #fff;
    margin-bottom: 4px;
    font-size: 14px;
  }
}

/*search name*/
#search_posts {
  width: 300px;
  margin:0 auto;
  position: relative;
}
#search_posts input{
  width: 300px;
  padding: 7px;
  outline: none;
  border:1px solid #ccc;
  background:#fff;
  border-radius:10px;
  font-size:14px;
  color: #000;
}

.results_search_names {
  position: absolute;
  width: 100%;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: 3px 0 0;
  border-top: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  visibility: hidden;
  opacity: 0;
}

.results_search_names.active{
  visibility: visible;
  opacity: 1;
}

.results-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}
.results-content h4{
  font-size:15px;
  text-align: center;
  padding: 10px;
  margin:0;
  color:#000;
}
.results-content .wrapper{
  display:flex;
  color:#303030;
  width: 100%;
  text-align: left;
  z-index: 1045;
  padding: 10px;
  gap:10px;
  transition:all 400ms ease-in;
}
.results-content .wrapper:hover{
  background-color: #d4eaf7;
  color: #495c68;
}
.results-content .wrapper img{
  border-radius:100%;
  border:1px solid #ccc;
  box-shadow: 0 0 10px #ccc;
}

.results-content .nombre {
  font-size: 18px;
  margin-bottom: 3px;
  font-weight: 600;
  line-height: 1;
}
.results-content .desc {
  margin: 0!important;
  line-height: 1;
}

/* --- logo Play Argentina --- */
.nav__logo a {
  background-image: url(../img/play-argentina-oro.png) !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  object-fit: contain !important;
  width: 200px !important;
  height: 54px !important;
}
@media (max-width: 991px) {
  .nav__logo a {
    background-image: url(../img/play-argentina-oro.png) !important;
    width: 124px !important;
    height: 42px !important;
  }
}

/* --- tipografia global Montserrat --- */
/* Selectores de ELEMENTO y SIN !important a proposito: las reglas de los
   iconos (.fa, .thfaq-*, etc) son por clase, asi que tienen mas especificidad
   y siguen ganando. Si se pusiera !important aca, los iconos se romperian. */
body, p, a, span, li, td, th, dt, dd, label, legend, figcaption, blockquote,
h1, h2, h3, h4, h5, h6, button, input, select, textarea,
.entry-title, .page-title, .h1-title, .cat-footer, .btn {
  font-family: 'Montserrat', 'Open Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* --- re-skin negro + dorado --- */
:root {
  --oro: #E8B33D;
  --oro-claro: #FFD980;
  --negro: #000000;
}

/* Fondo del sitio: la imagen va en <html> (se propaga al canvas y queda fija
   al hacer scroll). El body transparente deja que se vea. */
html {
  background-color: var(--negro) !important;
  /* dos capas: velo oscuro ENCIMA de la imagen, para que el dorado no compita
     con las tarjetas y el texto mantenga contraste */
  background-image: linear-gradient(rgba(0,0,0,0.14), rgba(0,0,0,0.30)),
                    url('/agegate/bg-sitio.jpg?v=3') !important;
  background-size: cover, cover !important;
  background-position: center center, center center !important;
  background-repeat: no-repeat, no-repeat !important;
  background-attachment: fixed, fixed !important;
}
body { background: transparent !important; }

/* Header */
.nav {
  background: rgba(0, 0, 0, 0.92) !important;
  border-bottom: 1px solid rgba(217, 178, 95, 0.26);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

/* Menú lateral mobile */
.rates_mobile_menu { background: rgba(0, 0, 0, 0.97) !important; }

/* Botón Publica: era pastilla blanca con texto violeta */
.btn-publica {
  color: var(--oro) !important;
  background: rgba(0, 0, 0, 0.52) !important;
  border: 1px solid var(--oro) !important;
  transition: color .22s ease, background-color .22s ease;
}
.btn-publica:hover {
  color: #000 !important;
  background: var(--oro) !important;
  border-color: var(--oro-claro) !important;
}

/* Acentos que eran violetas */
.transgirl, .badge-fdv { background-color: var(--oro) !important; color: #000 !important; }
.more-escorts__card--img { border-color: rgba(217, 178, 95, 0.42) !important; }

/* Footer */
.site-footer { background: rgba(0, 0, 0, 0.90) !important; }

/* Violetas remanentes detectados escaneando el DOM renderizado */
.filters-wrapper { background-color: rgba(0, 0, 0, 0.95) !important; border: 1px solid rgba(217, 178, 95, 0.22) !important; }
.home__description { background-color: rgba(0, 0, 0, 0.76) !important; }
.dropdown-toggle { border-color: rgba(217, 178, 95, 0.35) !important; }
.dropdown-item { color: var(--oro-claro) !important; border-color: rgba(217, 178, 95, 0.18) !important; }
.dropdown-item:hover, .dropdown-item:focus { background-color: rgba(217, 178, 95, 0.12) !important; color: #fff !important; }
.dropdown-menu { background-color: rgba(0, 0, 0, 0.97) !important; border: 1px solid rgba(217, 178, 95, 0.25) !important; }
input, select, textarea {
  background-color: rgba(0, 0, 0, 0.66) !important;
  border-color: rgba(217, 178, 95, 0.32) !important;
  color: #F5F0E6 !important;
}
input::placeholder { color: rgba(245, 240, 230, 0.55) !important; }
input:focus, select:focus, textarea:focus {
  border-color: var(--oro) !important;
  outline-color: var(--oro) !important;
}

/* --- paneles violetas #2F2F5A --- */
/* Detectados abriendo el menu lateral y bajando al pie: no salen en el primer
   escaneo porque estan ocultos. El drawer real es .menu-vertical. */
.menu-vertical,
.footer-categorias,
.searchOverlay {
  background-color: rgba(0, 0, 0, 0.97) !important;
}

.menu-vertical { border-right: 1px solid rgba(217, 178, 95, 0.22) !important; }

.footer-categorias {
  border: 1px solid rgba(217, 178, 95, 0.18) !important;
  background-color: rgba(0, 0, 0, 0.82) !important;
}

/* separadores internos del menu */
.menu-vertical li,
.menu-vertical a,
.menu-vertical label {
  border-color: rgba(217, 178, 95, 0.16) !important;
}

/* titulos de bloque del pie en dorado */
.footer-categorias h2,
.footer-categorias h3,
.footer-categorias .cat-title {
  color: var(--oro-claro) !important;
}

/* --- fondo mobile --- */
/* En vertical la foto se recorta justo sobre las bandas doradas y el contenido
   queda sobre oro. En celular va negro liso con un poco de profundidad; el
   dorado lo aportan las lineas animadas de abajo, que al ser CSS nunca se ven
   borrosas y no pesan nada. */
@media (max-width: 900px) {
  html {
    background-image:
      radial-gradient(120% 60% at 50% 0%, rgba(232,179,61,0.16) 0%, transparent 62%),
      radial-gradient(120% 50% at 50% 100%, rgba(232,179,61,0.13) 0%, transparent 58%),
      linear-gradient(160deg, #050505 0%, #000000 50%, #050505 100%) !important;
    background-attachment: scroll, scroll, scroll !important;
    background-size: cover, cover, cover !important;
    background-position: center top, center bottom, center center !important;
  }
  body { background: transparent !important; }
}


/* --- lineas doradas en movimiento --- */
/* Capa fija detras del contenido. Se anima SOLO con transform, asi que la
   maneja la GPU y no dispara reflow ni repaint del resto de la pagina. */
body::before {
  content: '';
  position: fixed;
  top: -60%; left: -60%; right: -60%; bottom: -60%;
  z-index: -1;
  pointer-events: none;
  background-image: repeating-linear-gradient(
    45deg,
    transparent 0px, transparent 90px,
    rgba(232, 179, 61, 0.20) 90px, rgba(232, 179, 61, 0.20) 92px,
    transparent 92px, transparent 150px,
    rgba(255, 217, 128, 0.30) 150px, rgba(255, 217, 128, 0.30) 153px,
    transparent 153px, transparent 210px,
    rgba(232, 179, 61, 0.14) 210px, rgba(232, 179, 61, 0.14) 211px,
    transparent 211px, transparent 300px
  );
  animation: agDeriva 30s linear infinite;
  will-change: transform;
}

/* un ciclo completo del patron = 300px medidos sobre la diagonal de 45deg */
@keyframes agDeriva {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(212px, -212px, 0); }
}

/* brillo lento que barre en diagonal, muy sutil */
body::after {
  content: '';
  position: fixed;
  top: -50%; left: -50%; right: -50%; bottom: -50%;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(45deg,
    transparent 42%,
    rgba(255, 223, 150, 0.10) 50%,
    transparent 58%);
  animation: agBrillo 14s ease-in-out infinite;
  will-change: transform, opacity;
}

@keyframes agBrillo {
  0%, 100% { transform: translate3d(-28%, 28%, 0); opacity: 0; }
  50%      { transform: translate3d(28%, -28%, 0); opacity: 1; }
}

/* En pantalla chica el patron se redefine con medidas mas chicas.
   🚨 NO usar background-size en %: la capa mide 220% del viewport, asi que un
   72% estira el patron al doble y las lineas quedan tan separadas que
   desaparecen. Se redefine el gradiente con stops mas juntos. */
@media (max-width: 900px) {
  body::before {
    background-image: repeating-linear-gradient(
      45deg,
      transparent 0px, transparent 46px,
      rgba(232, 179, 61, 0.34) 46px, rgba(232, 179, 61, 0.34) 48px,
      transparent 48px, transparent 82px,
      rgba(255, 217, 128, 0.46) 82px, rgba(255, 217, 128, 0.46) 84px,
      transparent 84px, transparent 118px,
      rgba(232, 179, 61, 0.26) 118px, rgba(232, 179, 61, 0.26) 119px,
      transparent 119px, transparent 164px
    );
    /* nombre propio: redefinir @keyframes con el mismo nombre dentro de una
       media query es fragil segun el motor. */
    /* iOS: capa mas chica y promocion explicita. Una capa fija de 220% del
       viewport a veces queda sin repintar y la animacion se ve congelada. */
    top: -30%; left: -30%; right: -30%; bottom: -30%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: agDerivaMovil 9s linear infinite;
    -webkit-animation: agDerivaMovil 9s linear infinite;
  }
}

@-webkit-keyframes agDerivaMovil {
  from { -webkit-transform: translate3d(0, 0, 0); }
  to   { -webkit-transform: translate3d(116px, -116px, 0); }
}

@keyframes agDerivaMovil {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(116px, -116px, 0); }
}

/* Accesibilidad: si el usuario pidio menos movimiento, se congela todo */
@media (prefers-reduced-motion: reduce) {
  body::before, body::after { animation: none !important; }
  body::after { opacity: 0 !important; }
}

/* --- tarjetas opacas --- */
/* Las lineas animadas del fondo se veian a traves de las tarjetas y ensuciaban
   la lectura. El brillo queda en el fondo; el contenido, sobre negro solido. */
/* 🚨 .more-escorts__cards es el CONTENEDOR de toda la grilla (1184px, con 7-12
   tarjetas adentro), NO una tarjeta. Ponerle fondo dibujaba un cuadrote que
   tapaba el fondo dorado. El estilo va en .more-escorts__card (singular). */
.more-escorts__cards {
  background: transparent !important;
  border: 0 !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

.more-escorts__card {
  background-color: rgba(0, 0, 0, 0.38) !important;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(232, 179, 61, 0.26) !important;
  transition: border-color .25s ease, box-shadow .25s ease;
}

.more-escorts__card:hover {
  border-color: rgba(255, 217, 128, 0.6) !important;
  box-shadow: 0 6px 26px rgba(232, 179, 61, 0.18);
}

/* la franja del nombre se apoya un poco mas para que se lea siempre */
.more-escorts__card .info-card {
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.78) 40%);
}
.more-escorts__cards:hover {
  border-color: rgba(255, 217, 128, 0.55) !important;
  box-shadow: 0 6px 26px rgba(232, 179, 61, 0.16);
}

/* --- badge de video en la tarjeta ---
   Camarita arriba a la derecha de la primera foto, para avisar que la chica
   tiene videos cargados. */
.more-escorts__card.con-video { position: relative; }

.more-escorts__card.con-video::after {
  content: '';
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .72);
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFD980'%3E%3Cpath d='M17 10.5V7a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.5l4 4v-11l-4 4z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px 17px;
  border: 1px solid rgba(232, 179, 61, .55);
  box-shadow: 0 2px 10px rgba(0, 0, 0, .5);
  pointer-events: none;
  transition: border-color .25s ease;
}

.more-escorts__card.con-video:hover::after {
  border-color: rgba(255, 217, 128, .95);
}