/*! HEADER =====================================
============================================= */
.main-header { background-color:#fff; display:flex; flex-direction:column; box-shadow:0 0 5px -2px rgba(0,0,0,.46); -webkit-box-shadow:0 0 5px -2px rgba(0,0,0,.46); -moz-box-shadow:0 0 5px -2px rgba(0,0,0,.46) } 
.main-header a:hover { transition:all .2s ease-out } 

.main-header .main-zone { margin:auto 0; padding:20px 0 } 
.main-header .main-zone .item { flex:0 33%; display:flex; align-items:center } 

.main-header .main-zone .item-r { flex-direction: column; align-items: flex-end; justify-content: center; } 

.main-header .ico-buscador { color : #fff; line-height : 1em; width : 31px; height : 31px; display : flex; align-items : center; justify-content : center; 
 margin: auto 0 auto auto; background-color: rgba(0, 0, 0, 0.1); } 



.main-zone .item.main-logo { margin-right:auto } 

.img-main-logo { max-width:200px } 


/*! header main zone */
.header-fecha { display:flex; align-items:center; justify-content:center; width:100%; font-size:10px; line-height:1em; text-transform:uppercase; margin-top:7px; color:#858585 } 
.header-fecha span { display:inline-flex; padding:0 7px } 
.header-fecha::after,.header-fecha::before { content:""; flex:1 auto; height:1px; background-color:#bdbcbc; box-shadow:0 1px 0 0 rgba(255,255,255,.75) } 
/*! sub header */

.sub-header { width:100%; margin:0 auto; background-color:#fff; display:flex; justify-content:flex-start; align-items:center; background-color: var(--rojo); } 

.sub-header .col-menu { margin-right:auto } 
/*! NAV en sec-zone de header */


 .sub-header .ul-menu { list-style:none; margin:0; padding:0; display:flex; align-items:center; justify-content:center } 
 .sub-header .ul-menu>li { position:relative } 
 .sub-header .ul-menu>li>a { text-transform:uppercase; font-weight:400; font-weight:300; font-size:12px; line-height:1em; display:flex; align-items:center; padding:10px; font-weight:500 } 
 .sub-header .ul-menu a:hover { text-decoration:none } 
 
 .sub-header .ul-menu a:hover { color: #fff } 
 .sub-header .ul-menu .svg-down { fill:currentColor; margin-left:7px; width:7px } 
 
 .sub-header .ul-menu > li >a { color: #fff; max-width: max-content; } 
 .sub-header .ul-menu > li.active > a,
 .sub-header .ul-menu > li > a:hover { text-shadow: 0px 0px 5px rgb(255 255 255 / 60%); background-color: var(--rojo-oscuro); } 
 
 .sub-header .ul-menu .subsec {
     position        : absolute;
     top             : 100%;
     list-style      : none;
     background-color: var(--rojo-oscuro);
     z-index         : 99;
     padding         : 0;
     margin          : 0;
     min-width       : 100%;
     box-shadow      : 0 5px 5px -5px rgb(0 0 0 / 75%) inset;
     display: none;
 } 
 
 
 .sub-header .ul-menu .subsec li { display:block; width:100%; border-bottom: solid 1px rgba(0, 0, 0, 0.1); } 
 .sub-header .ul-menu .subsec a { display:block; padding:10px 20px; width:max-content; font-size:12px; line-height:1em; color: rgba(255, 255, 255, 0.7); min-width: 100%; width: max-content; } 
 .sub-header .ul-menu .subsec a:hover { color: rgba(255, 255, 255, 1); background-color: var(--rojo); } 
 
 

/* BARRA DE TAGS */
.sub-header-tags { padding:7px 0; color: #fff; font-size:.8em; background-color: #3a3a3a; background-image: url(/a/plantillas/p/revista-forum/imgs/pattern-1.png); } 
.sub-header-tags a { color: rgba(255, 255, 255, 0.459); margin-right: 5px; font-style: italic; font-weight: 300; background-color: #3a3a3a; background-image: url(/a/plantillas/p/revista-forum/imgs/pattern-1.png); } 
.sub-header-tags a:hover { color: #fff; } 
.sub-header-tags strong { font-weight: 400; margin-right: 5px; } 
.sub-header-tags .tags { display: flex; position: relative; } 
.sub-header-tags .tags::before { content: ""; display: block; width: 20px; height: 30px; background: linear-gradient(90deg, rgba(55,55,55,1) 0%, rgba(55,55,55,0) 100%); left: 100%; position: absolute; left: 62px; top: -7px; z-index: 1;}

.sub-header-tags .marquee { overflow: hidden; } 


@media screen and (max-width:768px){
 .sub-header-tags { overflow: hidden; } 
 }


/*! ===================== */
/*! SLIDING BUSCADOR */
/*! ===================== */
.sliding-buscador { position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,.85); z-index:100 } 
.sliding-buscador .container { padding:30px; justify-content:center; align-items:center; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); display:flex; flex-direction:column } 
.sliding-buscador form { width:50%; display:block } 
.sliding-buscador .search-group { height:50px; position:relative } 
.sliding-buscador .btn-submit,.sliding-buscador .input-buscar { background-color:#fff; border:none; padding-left:15px; padding-right:15px } 
.sliding-buscador .input-buscar { border-top-left-radius:5px; border-bottom-left-radius:5px; flex:1 1 90% } 
.sliding-buscador .btn-submit { border-top-right-radius:5px; border-bottom-right-radius:5px; font-size:1.8em; line-height:1em; flex:1 1 10%; text-align:right; color:var(--verdoso) } 
.sliding-buscador .otros-links { font-size:.8em; padding-top:5px } 
.sliding-buscador .otros-links i { margin-right:2px } 
.sliding-buscador .otros-links a { color:#fff } 
.sliding-buscador .otros-links a:hover { text-decoration:none } 
.sliding-buscador .search-group button.btn { background-color:transparent } 
.titulo-buscar { text-align:left; color:#fff; font-size:3.5em } 
.sliding-buscador .input-buscar::-webkit-input-placeholder { /*! Edge */color:#000 } 
.sliding-buscador .input-buscar:-ms-input-placeholder { /*! Internet Explorer 10-11 */color:#000 } 
.sliding-buscador .input-buscar::placeholder { color:#000 } 
.sliding-buscador .input-buscar:focus { outline:0; color:#000 } 

/*! boton cerrar */
#x-sliding-buscador { cursor:pointer; cursor:hand; position:absolute; right:15px; top:15px; color:#fff } 
#x-sliding-buscador svg{fill: #fff; width: 20px;} 
#x-sliding-buscador:hover { opacity:1 } 

/*! ===================== */
/*! SLIDING MENU VERTICAL */
/*! ===================== */
.sliding-menu { height : 100vh !important; width : 50vw; max-width : 330px; position : fixed; top : 0; left : 0; opacity : 0; transform : translateX(-100%); transition : all .4s ease-out; 
 z-index : 999; background: linear-gradient(0deg, rgb(26 26 26) 0%, rgba(58,58,58,1) 100%);}

.sliding-menu.muestra-menu { opacity : 1; transform : translateX(0); box-shadow : -2px 0 12px 0 rgb(0 0 0 / 50%); -webkit-box-shadow: -2px 0 12px 0 rgb(0 0 0 / 50%); -moz-box-shadow : -2px 0 12px 0 rgb(0 0 0 / 50%)}

.sliding-menu--body,
.sliding-menu--header { padding: 20px}

.sliding-menu a { color: #fff}

.sliding-menu--header { display : flex; justify-content: space-between; align-items : center; background-color: var(--rojo); margin-bottom: -1px; z-index: 1; position: relative; } 

.main-logo--sliding { width: 90px; } 

.sliding-menu .close-menu { display : flex; align-items : center; justify-content: center; width : 20px; height : 20px; cursor : pointer; line-height : 1em; border-radius : 50%; cursor : pointer; color : #fff; font-size : 28px; } 

.body-noscroll-m::after { content : ""; background-color: rgba(0, 0, 0, .5); width : 100%; height : 100vw; position : absolute; z-index : 50; left : 0; top : 0}

.body-noscroll-m .c-hamburger { z-index: 100}

.bg-sliding-menu { transition: opacity 1s cubic-bezier(.075, .82, .165, 1); opacity : 0}

.sliding-menu.muestra-menu+.bg-sliding-menu { content : ""; width : 100%; max-width : 100vw; height : 100vh; position : fixed; left : 0; top : 0; background-color: rgba(0, 0, 0, .7); z-index : 90; opacity : 1}




/*! ================================ */
.sliding-menu { font-size:16px; max-height: 100vh; overflow-y: auto; } 
.sliding-menu .redes-sociales svg { stroke: #fff; } 
.sliding-menu--body ul { padding: 0; margin:0; font-size:1em; display: flex; flex-direction: column; list-style: none; } 
.sliding-menu--body a { display: block; padding: 3px 0; } 
.sliding-menu--body ul ul { font-size: .75em; margin-bottom: 10px; } 
.sliding-menu--body ul ul a { color: rgba(255, 255, 255, 0.6); } 
.sliding-menu--body > ul > li > a { border-top: solid 1px #ffffff4a; padding-top: 4px; margin-bottom: 2px; } 
.sliding-menu--body .svg-down { display: none; } 
.sliding-menu--footer { display: flex; justify-content: center; padding:10px; border-top: solid 1px rgba(255, 255, 255, 0.021); background-color: #000; } 

/*! COLOR SCOLLBAR */

html {
    --scrollbarBG: #3a4e52;
    --thumbBG: #749aad;
  }
  
  .sliding-menu::-webkit-scrollbar {
    width: 11px;
  }
  .sliding-menu  {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
  }
  .sliding-menu::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
  }
  .sliding-menu::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
  }
  
  
  




/*! Animacion Toggle ===================================== */
/*!genericos */
.c-hamburger:focus { outline:0 } 
.c-hamburger { background-color:transparent; display:block; position:relative; overflow:hidden; margin:0; padding:0; width:30px; height:30px; font-size:0; text-indent:-9999px; -webkit-appearance:none; -moz-appearance:none; appearance:none; box-shadow:none; border-radius:none; border:none; cursor:pointer; -webkit-transition:background .3s; transition:background .3s } 
.c-hamburger span { display:block; position:absolute; top:13px; left:0; right:0; height:3px; width:100%; border-radius:0 } 
.c-hamburger span::after,.c-hamburger span::before { position:absolute; display:block; left:0; width:100%; height:3px; border-radius:0; content:"" } 
.c-hamburger span::before { top:-10px } 
.c-hamburger span::after { bottom:-10px } 

/*! animacion y efectos */
.c-hamburger span { -webkit-transition:background 0; transition:background 0 } 
.c-hamburger span::after,.c-hamburger span::before { -webkit-transition-duration:.3s,.3s; transition-duration:.3s,.3s; -webkit-transition-delay:.3s,0; transition-delay:.3s,0 } 
.c-hamburger span::before { -webkit-transition-property:top,-webkit-transform; transition-property:top,transform } 
.c-hamburger span::after { -webkit-transition-property:bottom,-webkit-transform; transition-property:bottom,transform } 
.c-hamburger.is-active span::before { top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg) } 
.c-hamburger.is-active span::after { bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg) } 
.c-hamburger.is-active span::after,.c-hamburger.is-active span::before { -webkit-transition-delay:0s,.3s; transition-delay:0s,.3s } 
/*!declaro los colores del toggle por que tenia problemas de color al agregar/remover clase fixed*/
/*!.fixed .c-hamburger span::before,.fixed .c-hamburger span::after,.fixed .c-hamburger span { background-color:#ccc106 } */

.c-hamburger span,
.c-hamburger span::after,
.c-hamburger span::before { background-color:#fff } 

/*!.c-hamburger.is-active span::before,.c-hamburger.is-active span::after { background-color:#9f198d } */
.c-hamburger.is-active span { background-color:transparent } 
/*! AL HACER SCROLL*/
/*! =============== */
/*! El script agrega la clase fixed, entonces, la animo y oculto/modifico propiedades internas */


.main-header.fixed { position : fixed; top : 0; left : 0; right : 0; z-index : 999; } 

.main-header.fixed .main-zone { display: none } 

.main-header.fixed .item-r .varios { margin-bottom: 0}

.main-header.fixed .bajo-logo,
.main-header.fixed .sec-zone,
.main-header.fixed .zona-subsec { display: none}

.main-header.fixed .main-zone .container { padding-top : 0; padding-bottom: 0}





@-webkit-keyframes silde_to_top { 
 0% { transform:translateY(-100%); opacity:0 } 
 100% { transform:translateY(0); z-index:999; opacity:1 } 
 }

.main-header.fixed { -webkit-animation-name : silde_to_top; -webkit-animation-duration : 1s; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: 1; -webkit-animation-direction : normal; -webkit-animation-delay : 0; -webkit-animation-play-state : running; -webkit-animation-fill-mode : forwards}



.main-header.fixed .img-main-logo { max-width:125px; margin-top:-4px } 
.burger-fixed { display:none } 
.main-header.fixed .burger-fixed { display:block } 
.burger-fixed.c-hamburger.is-active span { background-color:transparent } 
/*! ================================= */
@media only screen and (max-width:768px) {/*! Al body, acl clickear toggle anulo el scroll Y (ver js)*/
body.body-noscroll-m { overflow-y:hidden } 
.main-header { position:relative; top:0; left:0; right:0; z-index:999 } 
.main-header .sliding-menu { overflow:scroll; max-height:100vh; padding-top:45px } 
.main-zone { z-index:999 } 
.main-zone .f .item:nth-child(1) { flex:20% } 
.main-zone .f .item:nth-child(2) { flex:60% } 
.main-zone .f .item:nth-child(3) { flex:20% } 
.c-hamburger span::before { top:-10px } 
.c-hamburger span { left:0; width:30px } 
.c-hamburger span::after { bottom:-10px } 
.main-zone .container { padding-top:7.5px; padding-bottom:7.5px } 
.header-tools a { padding:0; font-size:16px; margin-left:10px } 
.main-logo { text-align:center } 
.img-main-logo { width:100%; max-width:250px } 
.bajo-logo,.sec-zone,.zona-subsec { display:none } 
/*!Menu*/

.sliding-menu { width:100%; max-width:80vw; max-height:100vh; overflow-y:scroll } 


.sliding-menu .container { padding:0 } 
.sliding-menu .col { padding:20px; border-bottom:solid 1px rgba(0,0,0,.3); margin-bottom:0 } 
.sliding-menu .col:nth-child(1) { flex:100%; background-color:rgba(0,0,0,.3) } 
.sliding-menu .col:nth-child(2) { flex:100%; background-color:rgba(0,0,0,.2); border-top:solid 1px rgba(255,255,255,.1) } 
.sliding-menu .col:nth-child(3) { flex:100%; border-top:solid 1px rgba(255,255,255,.1) } 
.sliding-menu .zona-redes .iconos { font-size:1.6em } 
.sliding-menu--body { display:flex; flex-direction:column } 
.sliding-menu--body .main-nav { display:flex; flex-direction:column } 
.sliding-menu--body,.sliding-menu--header { padding:15px } 
.sliding-menu--body { padding-top:0 } 
.sliding-buscador { max-width:100vw; z-index:9999 } 
.sliding-buscador form { width:100% } 
.burger-fixed { display:block } 
 }
/*! HEADER MOVIL */
@media screen and (max-width:768px) {.main-header .item-r .varios { margin-bottom:0 } 
.main-header .main-zone .container { padding-top:0; padding-bottom:0 } 
.logo-no-fixed { width:170px } 
.c-hamburger { margin-left:15px } 
.main-header .redes,.sub-header { display:none } 
.main-header .ico-buscador { width:30px; height:30px; font-size:14px; color:rgba(255,255,255,.5) } 
.main-header.fixed .main-zone { margin:auto 0; margin-top:3px; margin-bottom:2px } 
 }
/*! ul redes */
.menu-menu-rodape,ul.redes-sociales { list-style:none; margin:0; padding:0; display:flex } 

ul.redes-sociales li { display:flex } 
ul.redes-sociales a { margin:0 3px; display:flex } 
ul.redes-sociales svg { fill:none; stroke:#000; stroke-linejoin:round; stroke-width:5px; width:30px } 
ul.redes-sociales a:hover svg { stroke: var(--rojo); } 
.menu-menu-rodape a { color:#000; font-size:12px; line-height:1em; margin-left:5px; display:flex } 


.btn-apoie {
  font-size    : 14px;
  line-height  : 1em;
  display      : inline-block;
  border       : solid 1px #d38003;
  color        : #000;
  margin-left  : 10px;
  border-radius: 3px;
  display      : flex;
  align-items  : center;  
  background-color: #fe9900;
  padding-right: 7px;

}

.btn-apoie span{
  display: block;
  padding-top: 2px;
}

.btn-apoie:before {
  content            : "";
  display            : block;
  width              : 38px;
  height             : 30px;
  background-image   : url(/a/plantillas/p/revista-forum/imgs/iconos/icono-manos.svg);
  background-repeat  : no-repeat;
  background-position: center;
  background-size    : 24px;
  border-right       : solid 1px #e98c01;
  margin-right       : 7px;
}

.btn-apoie:hover {  background-color: #fdad34; color: #000;  }



.btn-apoie.en-fixed,
.btn-apoie .txt2{display: none;}







@media screen and (max-width:768px){
  .btn-apoie{font-size: 11px; line-height: 1em; margin-bottom: 3px; font-weight: 500;}
  .btn-apoie .txt1{display: none;}
  .btn-apoie .txt2{display: block; text-transform: uppercase;}
  .btn-apoie:before{height: 23px;}
  .main-header .main-zone .item-r{flex-direction: row; justify-content: flex-end; padding-bottom: 6px;}
  .c-hamburger{order: 2;}
}

 

@media screen and (min-width:320px) and (max-width:350px){
  .btn-apoie{height: 25px; padding: 7px;}
  .btn-apoie:before{display: none;}

}


/*mininav*/

.mininav { display: flex; padding:0; margin: 0; list-style: none; font-size: 11px; line-height: 1em; margin-bottom: 10px; text-transform: uppercase; } 
.mininav a { color: var(--gris-oscuro); margin-left: 10px; } 
.mininav a:hover { color: var(--rojo); } 

/* era solo desktop */
.logo-en-fixed { display: none; } 
.logo-en-fixed img { width: 50px; margin-top: -3px; } 
.main-header.fixed .logo-en-fixed { display: flex; align-items: center; } 
.main-header.fixed .sub-header .ul-menu { display: none; } 
.main-header.fixed .ico-buscador { height: 25px; margin-left: 10px; } 
.hamburger-en-fixed { display: none; } 

.main-header.fixed .hamburger-en-fixed { display: block; margin-left: auto; } 
.c-hamburger span::before { top: -8px; } 
.c-hamburger span::after { bottom: -8px; } 



@media screen and (min-width:768px){
 .hamburger-en-fixed { transform: scale(.8); } 
 }

@media screen and (max-width:768px) {
 .main-header .mininav,
 .main-header .redes-sociales { display: none; } 

 .c-hamburger:not(.hamburger-en-fixed) span,
 .c-hamburger:not(.hamburger-en-fixed) span::after,
 .c-hamburger:not(.hamburger-en-fixed) span::before { background-color: var(--rojo); height: 4px; border-radius: 2px; } 
 
 .c-hamburger:not(.hamburger-en-fixed) { margin-top: 3px; } 
 
 .c-hamburger.is-active span { background-color: transparent; } 

 .hamburger-en-fixed { transform: scale(.75) ; width: 26px; } 

 .logo-no-fixed { width: 142px; } 

 .main-header .main-zone { padding: 14px 0; } 


 .main-header.fixed .sub-header { display: block; } 
 
 .main-header.fixed .ico-buscador { height: 30px; } 
 


 .sliding-menu--header { height: 77px; } 
 

 body.is-fixed .sliding-menu--header { height: 40px; padding-top:0; padding-bottom: 0; } 
 body.is-fixed .main-logo--sliding { width: 45px; } 
 
 body.is-fixed .sub-header{padding:5px 0 ;}

 body.is-fixed .btn-apoie.en-fixed{display: block;}

 

 }




.sub-header .hidden-desktop{display: none;}