/*
    Theme Name: Mag21
    Theme URI: http://html5blank.com
    Description: HTML5 Blank WordPress Theme
    Version: 1.4.3
    Author: Todd Motto (@toddmotto)
    Author URI: http://toddmotto.com
    Tags: Blank, HTML5, CSS3

    License: MIT
    License URI: http://opensource.org/licenses/mit-license.php
    #1d6371
*/


:root{
  /* --ch-blue-medium: #00609c;
  --ch-green: #78bb21;
  --ch-red: #d5001a;
  --ch-yellow: #f59d10;
  --ch-yellow-ligth: #fecb27;
  --ch-blue-ligth: #428ddc;
  --ch-blue-stromg: #000b8a;

  --ch-text-blue: #428ddc;
  --ch-text-green: #78bb21;
  --ch-text-black: #3c3c3b;
  --ch-text-red: #d5001a;
  --ch-text-white: #ffffff; */

  --zac-color1: #eb815b;
  --zac-color2: #e49a97;
  --zac-color3: #8ec0d2;
  --zac-color4: #d2b68e;
  --zac-color5: #913e37;
  --zac-color6: #9dbe9e;
  --zac-color7: #efc255;
  --zac-color8: #504f51;

  --footer: #374494;

  --mdc-color1: #ff9331;
  --mdc-color2: #ed712e;
  --mdc-color3: #d43865;
  --mdc-color4: #7f3d8f;
  --mdc-color5: #543cba;
  --mdc-color6: #374494;
  --mdc-color7: #1c75bc;
  --mdc-color8: #00a79d;
  --mdc-white: #FFFFFF;
  --mdc-dark: #000000;
  --mdc-gray: #606060;
  --mdc-gray-ligth: rgba(1, 1, 1, 0.08);
  --mdc-gradient: linear-gradient(90deg, rgba(99,49,136,1) 0%, rgba(0,135,173,1) 100%);

  --lapaz--palm: #1d6d63;
  --lapaz--turquoise: #4baaac;
  --lapaz--shallowater: #83c4a7;
  --lapaz--cardon: #5c7c47;
  --lapaz--mango: #f4bd31;
  --lapaz--distantmountain: #574e58;
  --lapaz--clay: #a8532d;
  --lapaz--suede: #908075;
  --lapaz--blackPearl: #333333;
  --lapaz--pearl:#eae4df;
  --lapaz---white: #FFFFFF;
  --lapaz---dark: #000000;
  --lapaz---gray: #808075;

  --chiapas--lime: #709c2e;
  --chiapas--orange:#e56b0c;
  --chiapas--green: #337036;
  --chiapas--blue: #3164ac;
  --chiapas--rose: #e00373;
  --chiapas--red: #d91218;
  --chiapas--yellow: #fdc900;

  --chiapas--gradiente1: linear-gradient(90deg,rgba(101, 46, 14, 1) 0%, rgba(215, 100, 15, 1) 100%);
  --chiapas--gradiente2: linear-gradient(90deg,rgba(0, 58, 27, 1) 0%, rgba(0, 62, 30, 1) 50%, rgba(50, 112, 53, 1) 100%);
  --chiapas--gradiente3: linear-gradient(90deg,rgba(123, 158, 43, 1) 0%, rgba(65, 102, 30, 1) 100%);
  --chiapas--gradiente4: linear-gradient(90deg,rgba(49, 99, 171, 1) 15%, rgba(30, 65, 116, 1) 78%);


  --puebla--negocios1: #bba745;
  --puebla--negocios--dark: #000;
  --puebla--negocios--white: #FFF;
  --puebla--negocios--gray: #808075;

}


/* @font-face {
  font-family: 'Bostvina Normal';
  src: url('Bostvina.eot');
  src: local('Bostvina Normal'), local('Bostvina'),
      url('fonts/Bostvina.eot?#iefix') format('embedded-opentype'),
      url('fonts/Bostvina.woff2') format('woff2'),
      url('fonts/Bostvina.woff') format('woff'),
      url('fonts/Bostvina.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
} */


@font-face {
  font-family: 'AktivGrotesk';
  src: url('fonts/AktivGrotesk-Black.eot');
  src: url('fonts/AktivGrotesk-Black.eot?#iefix') format('embedded-opentype'),
      url('fonts/AktivGrotesk-Black.woff2') format('woff2'),
      url('fonts/AktivGrotesk-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'URWImperialW01-ExtraWide';
  src: url('fonts/URWImperialW01-ExtraWide.eot');
  src: url('fonts/URWImperialW01-ExtraWide.eot?#iefix') format('embedded-opentype'),
      url('fonts/URWImperialW01-ExtraWide.woff2') format('woff2'),
      url('fonts/URWImperialW01-ExtraWide.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Ridley Grotesk';
  src: url('fonts/RidleyGrotesk-MediumItalic.eot');
  src: url('fonts/RidleyGrotesk-MediumItalic.eot?#iefix') format('embedded-opentype'),
      url('fonts/RidleyGrotesk-MediumItalic.woff2') format('woff2'),
      url('fonts/RidleyGrotesk-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Ridley Grotesk';
  src: url('fonts/RidleyGrotesk-Medium.eot');
  src: url('fonts/RidleyGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
      url('fonts/RidleyGrotesk-Medium.woff2') format('woff2'),
      url('fonts/RidleyGrotesk-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AktivGrotesk';
  src: url('fonts/AktivGrotesk-Bold.eot');
  src: url('fonts/AktivGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
      url('fonts/AktivGrotesk-Bold.woff2') format('woff2'),
      url('fonts/AktivGrotesk-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AktivGrotesk';
  src: url('fonts/AktivGrotesk-LightItalic.eot');
  src: url('fonts/AktivGrotesk-LightItalic.eot?#iefix') format('embedded-opentype'),
      url('fonts/AktivGrotesk-LightItalic.woff2') format('woff2'),
      url('fonts/AktivGrotesk-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'AktivGrotesk';
  src: url('fonts/AktivGrotesk-BoldItalic.eot');
  src: url('fonts/AktivGrotesk-BoldItalic.eot?#iefix') format('embedded-opentype'),
      url('fonts/AktivGrotesk-BoldItalic.woff2') format('woff2'),
      url('fonts/AktivGrotesk-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'AktivGrotesk';
  src: url('fonts/AktivGrotesk-Italic.eot');
  src: url('fonts/AktivGrotesk-Italic.eot?#iefix') format('embedded-opentype'),
      url('fonts/AktivGrotesk-Italic.woff2') format('woff2'),
      url('fonts/AktivGrotesk-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'AktivGrotesk-Hairline';
  src: url('fonts/AktivGrotesk-Hairline.eot');
  src: url('fonts/AktivGrotesk-Hairline.eot?#iefix') format('embedded-opentype'),
      url('fonts/AktivGrotesk-Hairline.woff2') format('woff2'),
      url('fonts/AktivGrotesk-Hairline.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AktivGrotesk-HairlineItalic';
  src: url('fonts/AktivGrotesk-HairlineItalic.eot');
  src: url('fonts/AktivGrotesk-HairlineItalic.eot?#iefix') format('embedded-opentype'),
      url('fonts/AktivGrotesk-HairlineItalic.woff2') format('woff2'),
      url('fonts/AktivGrotesk-HairlineItalic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'AktivGrotesk';
  src: url('fonts/AktivGrotesk-BlackItalic.eot');
  src: url('fonts/AktivGrotesk-BlackItalic.eot?#iefix') format('embedded-opentype'),
      url('fonts/AktivGrotesk-BlackItalic.woff2') format('woff2'),
      url('fonts/AktivGrotesk-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'AktivGrotesk';
  src: url('AktivGrotesk-Light.eot');
  src: url('AktivGrotesk-Light.eot?#iefix') format('embedded-opentype'),
      url('AktivGrotesk-Light.woff2') format('woff2'),
      url('AktivGrotesk-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AktivGrotesk';
  src: url('fonts/AktivGrotesk-MediumItalic.eot');
  src: url('fonts/AktivGrotesk-MediumItalic.eot?#iefix') format('embedded-opentype'),
      url('fonts/AktivGrotesk-MediumItalic.woff2') format('woff2'),
      url('fonts/AktivGrotesk-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'AktivGrotesk-XBoldItalic';
  src: url('fonts/AktivGrotesk-XBoldItalic.eot');
  src: url('fonts/AktivGrotesk-XBoldItalic.eot?#iefix') format('embedded-opentype'),
      url('fonts/AktivGrotesk-XBoldItalic.woff2') format('woff2'),
      url('fonts/AktivGrotesk-XBoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'AktivGrotesk-XBold';
  src: url('fonts/AktivGrotesk-XBold.eot');
  src: url('fonts/AktivGrotesk-XBold.eot?#iefix') format('embedded-opentype'),
      url('fonts/AktivGrotesk-XBold.woff2') format('woff2'),
      url('fonts/AktivGrotesk-XBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AktivGrotesk';
  src: url('fonts/AktivGrotesk-Thin.eot');
  src: url('fonts/AktivGrotesk-Thin.eot?#iefix') format('embedded-opentype'),
      url('fonts/AktivGrotesk-Thin.woff2') format('woff2'),
      url('fonts/AktivGrotesk-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AktivGrotesk';
  src: url('fonts/AktivGrotesk-ThinItalic.eot');
  src: url('fonts/AktivGrotesk-ThinItalic.eot?#iefix') format('embedded-opentype'),
      url('fonts/AktivGrotesk-ThinItalic.woff2') format('woff2'),
      url('fonts/AktivGrotesk-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'AktivGrotesk';
  src: url('fonts/AktivGrotesk-Medium.eot');
  src: url('fonts/AktivGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
      url('fonts/AktivGrotesk-Medium.woff2') format('woff2'),
      url('fonts/AktivGrotesk-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'AktivGrotesk';
  src: url('fonts/AktivGrotesk-Regular.eot');
  src: url('fonts/AktivGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
      url('fonts/AktivGrotesk-Regular.woff2') format('woff2'),
      url('fonts/AktivGrotesk-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}






/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}em{ font-style:italic;}

@keyframes slideToNav{0%{transform:scale(1);}
100%{transform:scale(.9);}
}
.slideToNav{animation-name: slideToNav;animation-timing-function:ease-in-out;animation-duration: .4s;animation-fill-mode:both;}
@keyframes slideCloseNav{0%{transform:scale(.9);visibility:visible}  
100%{transform:scale(1)}
}
.slideCloseNav{animation-name:slideCloseNav;animation-timing-function:ease-in-out;animation-duration: .4s;animation-fill-mode:both;}



@keyframes navOpen{0%{transform:translate3d(-100%,0,0); opacity: 1;}
100%{transform:translate3d(0,0,0);opacity: 1;}
}
.nav_open{animation-name: navOpen;animation-timing-function:ease-in-out;animation-duration: .7s;animation-fill-mode:both;}
@keyframes navClose{0%{transform:translate3d(0,0,0); opacity: 1;}
100%{transform:translate3d(-100%,0,0); opacity:0;}
}
.nav_close{animation-name:navClose;animation-timing-function:ease-in-out;animation-duration: .7s;animation-fill-mode:both;}


*[data-animation^="fade"]{opacity: 0;}
.animReady{opacity: 1!important;}

img[data-src^="http"]{opacity:0;transition: .4s;transition-delay: .2s;}
img[data-src]{opacity:0;transition: .4s;transition-delay: .2s;}
img[data-src^="http"].ready{opacity:1;}
img[data-src].ready{opacity:1;}


/* normalize */
html, body {margin: 0;padding: 0;-webkit-text-size-adjust:none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; letter-spacing: .2px !important;}
body{background: #000;font: normal 1em 'AktivGrotesk', sans-serif;color:var(--ch-text-black) ;position:relative;}
html{position:relative;overflow-x: hidden;background: #212121;}
html.overflow{overflow:hidden;}
html.full,html.full body,html.full main{height:100%;overflow: hidden;}
h1,h2,h3,h4,h5{font-family: 'AktivGrotesk', sans-serif;color: #333;margin-bottom:10px;}
h1{font-size:1.6em; font-weight: normal;
  font-family: 'URWImperialW01-ExtraWide', sans-serif;
}
h2{
  font-family:  'Ridley Grotesk', sans-serif ;
  font-size: 1.4em; 
}
h3{font-size: 1.2em; font-weight: 700;
  font-family:  'AktivGrotesk', sans-serif ;
}
h4{font-size: 1.1em; font-weight: 700;
  font-family:  'AktivGrotesk', sans-serif ;
}
h5{ font-size:1em;
  font-family:  'AktivGrotesk', sans-serif ;
}
ul,li{ list-style:none; list-style-position:outside;}
.btn,a, a img, img{ outline:none; text-decoration:none;}
.btns{display: flex;align-items: center;justify-content: center;width: 100%;/* display: none; */}
.btns .btn{margin:0 3px;white-space: nowrap;padding: 0 15px;width: 100%;}
.btns.flex{ flex-wrap:wrap;}
.btns.flex .btn{margin: 0 0 10px;display: block;width: 100%;}
a{ color:#2C3048}
.txt_center{text-align:center;}
.txt_right{text-align:right;}
.nice{position:relative;display: block;font-family: 'Ridley Grotesk', sans-serif; font-weight: 500; margin-bottom: 2%;width: 100%;text-transform: uppercase;font-size: 2em;}
.nice:after{display:block;content:'';width: 50px;height: 1px;background: var(--ch-green);;}
.nice.center{ text-align:center; font-family: 'Ridley Grotesk', sans-serif;}
.nice.center:after{ margin:5px auto 0;}
.nice.white:after, .nice.white:before{background: #595959;}
.nice.white{color:#fff;}
button{border:none;cursor: pointer;}

.art_title{font-size:3em;margin: 0 0 4%;position: relative;width: 100%;letter-spacing: -0.03em;}
.art_title.center{text-align:center;}
.art_title span{position:absolute;font-size: 2em;text-transform: uppercase;color: transparent;-webkit-text-stroke: 1px rgba(0, 0, 0, 0.12);position: absolute;top: -120%;left: 0;margin: 0;}
.art_title.white{color:#fff;}
.art_title.center span{left:50%; transform: translateX(-50%)}
.art_title.white span{-webkit-text-stroke: 1px rgba(255,255,255, 0.2);}

/* buttons */
input[type="submit"],.btn{padding: 0 20px;display: inline-block;text-align: center;box-shadow: 0 1px 15px rgba(0,0,0,.2); /*font: 400 1.2em/50px 'AktivGrotesk';*/ font-family:  'Ridley Grotesk', sans-serif;  font-size: 1.1em   ;border: none;
  background: var(--puebla--negocios1);
  
  color: var(--puebla--negocios--dark);border-radius: 2px;height: 50px;text-decoration: none!important; /*text-transform: uppercase; */}
.btn i{ margin:0 10px 0 0}
.btn.icon{padding:0;width: 42px;}
.btn.icon i{ margin:0}
.btn.secondary{background: var(--lapaz--palm);color: #333;}
.btn.terciary{background: #fff;color: #333!important;text-shadow: none;}
.btn.quarty{background:none;color: #ddd;border: 1px solid #494949;background: rgba(0,0,0,.5);}
.btn.block{display:block;width: 100%;clear: both;margin: 0 0 2%;}
.btn.flex{display:flex;width: 100%; justify-content: center; align-items: center; clear: both;margin: 0 0 2%;}
.btn.facebook{ background:#183796}
.btn.center{display:block;margin:0 auto;width: 300px;}
.btn:hover{opacity:.8}
.btn.block.secondary {/* background: var(--ch-green); */ background:  var(--lapaz--shallowater) ;color: #fff;}
.btns_flex{ display:flex;}
.btns_flex .btn{/* width: 100%; */margin: 0 2% 0 0;white-space: nowrap;}
.btn.txtnormal{text-transform: initial; }

div.nsl-container-block .nsl-container-buttons a{border-radius:10em!important;overflow: hidden;}

#loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000}
#loader-wrapper.animated { visibility:visible;}
#loader-wrapper .loader-section {position: fixed;top: 0;width: 51%;height: 100%;background: #eee;transform: translateX(0);z-index: 1;}
#loader-wrapper .loader-section.section-left {left: 0;}
#loader-wrapper .loader-section.section-right {right: 0;}
/*#loader{display: block;position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;margin: -5px;border-radius: 10em;background: #ADCD6D;animation: spin 2s ease-in-out infinite;z-index: 2;}
#loader:before {content: "";position: absolute;top: 15px;left: 15px;border-radius: 10em;background: #ADCD6D;width: 10px;height: 10px;}
#loader:after {content: "";position: absolute;top: -15px;border-radius: 50%;background: #ADCD6D;left: -15px;width: 10px;height: 10px;}
@keyframes spin {0% {transform: rotate(0deg)}100% {-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg)}}*/
.loaded #loader-wrapper {visibility: hidden;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: all 0.3s 1s ease-out;transition: all 0.3s 1s ease-out}
.loaded #loader-wrapper .loader-section.section-left {-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}
.loaded #loader-wrapper .loader-section.section-right {-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)}
.loaded #loader {opacity: 0;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
#loader-wrapper .loader_logo{position:absolute;z-index: 2;width:100%;top: 50%;opacity:1;margin: -180px 0 0 0;}
#loader-wrapper .loader_logo img{display:block;margin:0 auto;width: 150px;/* filter: invert(1); */}
.loaded #loader-wrapper .loader_logo{transition:all 500ms ease-out;opacity:0}

#loader{display: block;position: absolute;left: 50%;top: 50%;width: 80px;height: 80px;margin: -5px;border-radius: 10em;z-index: 2;display: flex;align-items: center;justify-content: center;transform: translate(-50%, -50%);}
.lds-roller {display: inline-block;position: relative;width: 80px;height: 80px;transform: rotate(115deg) scale(.6);}
.lds-roller div {animation: lds-roller 1.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin: 40px 40px;}
.lds-roller div:after {content: " ";display: block;position: absolute;width: 7px;height: 7px;border-radius: 50%;background: var(--ch-yellow) ;margin: -4px 0 0 -4px;}
.lds-roller div:nth-child(1){animation-delay: -0.036s;}
.lds-roller div:nth-child(1):after {top: 63px;left: 63px;}
.lds-roller div:nth-child(2){animation-delay: -0.072s;}
.lds-roller div:nth-child(2):after {top: 68px;left: 56px;}
.lds-roller div:nth-child(3){animation-delay: -0.108s;}
.lds-roller div:nth-child(3):after {top: 71px;left: 48px;}
.lds-roller div:nth-child(4){animation-delay: -0.144s;}
.lds-roller div:nth-child(4):after {top: 72px;left: 40px;}
.lds-roller div:nth-child(5){animation-delay: -0.18s;}
.lds-roller div:nth-child(5):after {top: 71px;left: 32px;}
.lds-roller div:nth-child(6){animation-delay: -0.216s;}
.lds-roller div:nth-child(6):after {top: 68px;left: 24px;}
.lds-roller div:nth-child(7){animation-delay: -0.252s;}
.lds-roller div:nth-child(7):after {top: 63px;left: 17px;}
.lds-roller div:nth-child(8){animation-delay: -0.288s;}
.lds-roller div:nth-child(8):after {top: 56px;left: 12px;}
@keyframes lds-roller {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}


/* all */
*{box-sizing:border-box;}
a,.has_animation{transition:.4s ease-out;}

/* transition */
.trans{transition: all 500ms ease-out; }

/* conatiners */
main{width:100%;top: 0px;background:#fff;left:0;z-index: 1;position: relative;transition: .5s;overflow: hidden;}
.envelope{position: absolute;width: 100%;height:100%;z-index: -2;cursor:pointer;left:0;top:0;opacity:0;}
.content{ overflow:hidden; padding:20px 0;}
.inner{max-width: 1500px;margin:0 auto;width: 85%;z-index: 1;display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;text-align: center;}
.hidden{ display:none;}




/* cols */
.wrapper{padding: 4% 0;display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;}
.wrapper > *{min-height:40px;margin-bottom: 4%;}
.col_1{width: 100%;}
.col_2{width: 48%;}
.col_3{width: 30%;}
.col_4{ width:23%;}
.col_5{ width:18%;}
.col_3f{width: 64%;}
.col_4f{width: 73%;}
.text_right{ text-align:right;}
.col_aside{width: calc(100% - 320px);position: relative;display: block;}
aside{display:block;width:300px;margin: 0 0 0 0;vertical-align: top;background: none;position: relative;}


/* header */
header{position: fixed;width: 100%;margin: 0 auto;top: 0;z-index: 5;background: transparent;min-height: 40px;}

header {}
header a{ transition:0s;}
header .inner{align-items:center;/* justify-content: center; */z-index: 2;min-height: 50px;}
header .logo{display: flex;height: 90px;transition: .4s;align-items: center;margin: 0 0 0 80px;width: 70px;}
/* header .logo img{width:100%;height: 80%;object-fit: contain;} */
header .logo img {
  height: 60px;
}

header .logo img#white {
  display: flex;
}
header .logo img#color {
  display: none;
}

header.active .logo img#white {
  display: none;
}
header.active .logo img#color {
  display: flex;
}



header .logo_marca{display: flex;height: 70px;transition: .4s;align-items: center;filter: grayscale(1) brightness(0) invert(1);width: 200px;}
header .logo_marca img{width:100%;height:100%;object-fit:contain;object-position: left;}
header .logo_marca img[alt="mexicodesconocido"]{padding: 1px 0 9px;}
header .logo_marca img[alt="altonivel"]{padding: 1px 10px 9px 0;}
header .logo_marca img[alt="cinepremiere"]{padding: 1px 10px 9px 0;}
header menu{display: flex;align-items: center;}
header:after{content:'';width:100%;background: #fff;position: absolute;top: 0;left: 0;z-index: 1;transition: .4s;height: 0;}
header.active .logo{height: 70px;}
header.active:after{height:100%;transition: .4s;box-shadow: 0 4px 10px rgba(0,0,0,.3);}

header .right_btns{position:absolute;display:flex;right: 0;align-items: center;}
header .right_btns .btn{ height:40px; line-height:40px;}
header .right_btns > *{margin-left: 5px;}

header menu ul{ display:flex;}
header menu ul li{display: flex;align-items: center;justify-content: center;}
header menu ul li a{display:block;font: 100 1em 'AktivGrotesk';letter-spacing: 1px;text-transform: uppercase;padding: 20px; position:relative;} 
header menu ul li a:after{height:3px;content:'';position:absolute;width:0%;bottom:0;background: #00cdff;left: 50%; transition:.4s}
header menu ul li a:hover:after{ left:0; width:100%}



.item_1 ul{display:flex;flex-wrap:wrap;height: 90%;max-width: 500px;}
.item_1 li a{display: flex;color: #FFF;font: 300 1.4em ;}
.item_1 li{width: 100%;display: flex;align-items: center;}
.item_4 img{filter:blur(10px);position:absolute;left:0;top:0;width: 110%;height: 110%;object-fit:cover;opacity: .2;margin: -10%;}
.item_2 .separator{display: block;text-align: center;color: #fff;margin: 4%;}
.item_2 .title_menu{ font-size:1.6em}
.item_3 .title_menu{ font-size:1.6em}
.item_3 .social{display:flex;}
.item_3 .social a{display:block; width:100%; height:50px; line-height:50px; text-align:center; color:#fff}

.user_login{/* background:#333; */padding:4%;width:80%;display: none;}

header .session{/* position:absolute; *//* right: 60px; */font-size:.8em;width: 160px;display: none;}
.session i{ margin:0 10px 0 0}

.logued_user{font-size:.8em;background: #666;color: #fff;position: relative;border-radius: 6px;right: 0;display: none;}
.logued_user .name{display:flex;line-height:40px;position:relative;padding: 0 10px 0 41px;}
.logued_user .name i{position:absolute;left:0;line-height:40px;width: 40px;text-align: center;}
.logued_user .name div{position:relative;padding: 6px 20px 0 0;height: 40px;}
.logued_user .name div span{display:block;line-height: normal;position: absolute;font-size: .8em;}
.logued_user .name div strong{font: 900 1em 'AktivGrotesk';}
.logued_user:hover .user_links{ display:block;}
.user_links{display:none;position:absolute;width: 200px;background: #333;left: 50%;transform: translateX(-50%);border-radius: 4px;top: 117%;box-shadow: 0 10px 30px #000;}
.user_links:before{content:'';width: 20px;height: 20px;background: #333;display:block;position:absolute;transform: rotate(45deg) translateX(-50%);left: 50%;z-index: -1;}
.user_links a{display:block;text-align:center;color: #fff;font: normal 1em/40px 'AktivGrotesk';transition:.4s;}
.user_links a:hover{ background:#222}

.menu {display:grid;width: 100%;height: 100%;overflow: hidden;position: fixed;top: 0;left: 0;grid-template-columns: 55% 30% 15%;grid-template-rows: 60% 40%;grid-template-areas:
"item1 item2 item4"
"item1 item3 item4";pointer-events: none;z-index: 90;}
.menu_open{pointer-events: auto;}
.menu_open .menu_item{transform: translate(0%, 0%);}
.menu_item{height: 100%;transition: .8s;overflow:hidden;display: flex;align-items: center;justify-content: center;}
.item_1{grid-area: item1;background: var(--puebla--negocios1);transform: translate(0%, 100%);display: flex;align-items: center;justify-content: center;flex-wrap: wrap;padding: 12% 0 20%;}
.item_2 {grid-area: item2;background: #FFF ;transform: translate(0%, -121%);transition-delay: .2s;padding: 4%;}

.item_2 .logopm{
  width: 80%;
}

.item_2 .logopm img{
  width: 100%;
  height: auto;
}

.item_3 {grid-area: item3;background: var(--puebla--negocios--gray);transform: translate(0, 100%);transition-delay: .5s;}
.item_3 .info{ text-align:center;}
.item_3 .info a{display:block;text-align:center;line-height:40px;margin:10px 0 0;color: #fff;}
.item_4 {grid-area: item4;background: var(--puebla--negocios--dark) ;transform: translate(100%,0);}
.menu .close{display:none}
.menu_open .close{display:block;opacity: 0;filter: invert(1);}
.title_menu{width:100%;max-width: 500px;font-weight: 900;color: #FFF;font: 900 3em 'AktivGrotesk';margin: 0 0 3%;}
.title_menu.black{color: #fff;}



.menu .logued_user{position:relative;width:100%;right:initial;height:auto;background: none;color: #444;}
.menu .logued_user .name div{height:auto; padding:0;}
.menu .logued_user .name{font-size:2em;line-height: normal;padding: 0;text-align: center;display: block;margin: 0 0 4%;}
.menu .logued_user .name i{position:relative; }
.menu .logued_user .name div span{position:relative;}
.menu .user_links{width:100%;display:block;background:none;box-shadow:none;position: initial;transform: none;}
.menu .user_links a{font-size:1.4em;line-height: 50px;color: #444;}
.menu .user_links:before{ display:none;}
.menu .user_links a:hover{ background:none}



/* Si */
.open_nav{width: 40px;height: 40px;text-align: center;display: flex;align-items: center;justify-content: center;position: absolute;left: 0;top: calc(50% - 20px);}
.open_nav span, .open_nav span:before, .open_nav span:after {invertcursor: pointer;border-radius: 1px;height: 2px;width: 25px;background: #fff;position: absolute;display: block;content: '';border-radius: 12px;}
header.active .open_nav span,header.active .open_nav span:before,header.active  .open_nav span:after{background:#666}
.open_nav span:before {top: -10px;}
.open_nav span:after {bottom: -10px;}
.open_nav span, .open_nav span:before, .open_nav span:after {transition: all 700ms ease-out;}
.open_nav.active span {background-color: transparent;}
.open_nav.active span:before, .open_nav.active span:after {top: 0;}
.open_nav.active span:before {transform: rotate(45deg);}
.open_nav.active span:after {transform: rotate(-45deg);}
.full .open_nav span,
.full .open_nav span:before,
.full .open_nav span:after { background:#FFF}

.open_search{text-align: center;padding-top: 0;display: block;font-size: 1.3em;color: #fff;transition: initial;z-index: 2;display: flex;align-items: center;justify-items: right;right: 5px;top: calc(50% - 20px);width: 40px;height: 40px;/* background: #000; */border-radius: 10em;margin-left: 20px;}
.open_search span{display: flex;height: 40px;width: 40px;transition: 0.3s;position: relative;transform: rotate(-45deg) translate(-2px, 0px) scale(.6);margin: 0;padding: 0;justify-content: center;align-items: center;}
.open_search span:before,.open_search span:after {display: inline-block;height: 30px;width: 30px;border-radius: 10em;transition: 0.3s;background: transparent;content: '';position: absolute;width: 18px;top: 0;bottom: 0;margin: auto;}
.open_search span:before {height: 2px;left: 2px;background: #fff;width: 14px;left: 7px;}
.open_search span:after {right: 3px;background: transparent;border-radius: 50%;width: 14px;height: 14px;border: 2px solid #fff;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.open_search.active span:before, .open_search.active span:after {border-radius: 0;background: #fff;width: 100%;left: 0;}
.open_search.active span:after {height: 2px;width: 100%;top: 0px;right: 0;border: 0;left: 0;transform: rotate3d(0, 0, 1, 90deg);}
.open_search.active span{ transform:rotate(-45deg) translate(0px, 0px) scale(.6)}

/*header .fullscreen,
header .open_share,
header .open_comments,
header .bookmark,
header .back{text-align: center;padding-top: 0;display: block;font-size: .8em;color: #fff;transition: initial;z-index: 2;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: #000;border-radius: 2px;text-align: center;}*/

header .wrapperbookmarks .btn{ width:40px;}
header .logo.in_history{
  height: 30px;
    margin: 0 0px 0 39px;
    align-items: initial;
    width: initial;
}
header .dots {position:relative;}
header .dots button{text-align: center;padding-top: 0;display: block;font-size: .8em;color: #fff;transition: initial;z-index: 2;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: rgba(0,0,0,.2);border-radius: 4px;text-align: center;outline: none;}
.sharebtn{text-align: center;padding-top: 0;display: block;font-size: .8em;color: #fff;transition: initial;z-index: 2;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: #666;border-radius: 4px;text-align: center;outline: none;}
header .dots button.active{background: #6f6f6f;}
header .wrapperbookmarks .btn{width:100%; padding:inherit; font:normal 1em 'AktivGrotesk'; text-align:left; background:transparent; box-shadow:none;}
header .dots .options{/* display:none; */position:absolute;width: 260px;background: #6f6f6f;left: 50%;transform: translateX(-50%);border-radius: 4px;top: calc(100% + 80px);box-shadow: 0 10px 30px #000;z-index: 2;font-size:.8em;padding: 10px;opacity: 0;transition: .4s;pointer-events: none;}
header .dots .options.active{opacity:1; pointer-events:all; top:calc(100% + 10px)}
header .dots .options br{display:none;}
header .dots .options a{display:block;line-height: 40px;padding: 0 10px 0 40px;color:#fff;position: relative;}
header .dots .options a:hover{background:rgba(0,0,0,.5)}
header .dots .options a i{ position:absolute; left:10px; top:50%; transform:translateY(-50%)}
header .dots .options:before{content:'';width: 20px;height: 20px;background: #6f6f6f;display:block;position:absolute;transform: rotate(45deg) translateX(-50%);left: 50%;z-index: -1;top: -1px;}
header .dots .options .divider{width:100%;display:block;border-top: 1px solid #222;padding: 10px;color:#fff;}
header .dots .options em{font-style:normal;color: #fff;display: block;padding: 0 10px;font-size: 1em;color: #ccc;}
header .dots .options .textcontrols{display:flex;margin: 5px 10px 12px;border-radius: 10px;overflow: hidden;justify-content: space-between;}
header .dots .options .textcontrols .bigger{ font-size:1.4em}
header .dots .options .textcontrols a{padding:0 10px;width: 49.8%;text-align:center;background: rgba(0,0,0,.2);}
header .dots .options .textcontrols .disabled{opacity: .1;}

header .dots .options label.checkbox{position:relative;overflow:hidden;display: block;padding: 0 0 0 50px;line-height: 40px;color: #fff;}
header .dots .options label.checkbox i{display:block;position:absolute;left: 7px;width: 37px;height: 20px;border-radius:10em;background: rgba(255,255,255,.8);top: 10px;}
header .dots .options label.checkbox i:after{ content:''; display:block; width:15px; height:15px; background:rgba(255,255,255,.3); border-radius:10px; transition:.4s; box-shadow:0 0 3px #000; position:absolute; right:18px; top:3px}
header .dots .options label.checkbox i:after{}
header .dots .options label.checkbox input{position:absolute; left:-100%;}
header .dots .options label.checkbox input:checked + i:after{background: var(--ch-green);;right:4px;}


.options_layer{position:absolute;width: 100%; height: 100%;top: 0; left: 0;display: none}
.options_layer.active{display: block;}

.search{overflow:hidden;position: absolute;transition: .4s;left: 0;opacity: 0;display: flex;top: 110%;width: 100%;box-shadow: 0 10px 10px rgba(0,0,0,.2);background: #333;height: 0;}
.search.active{z-index: 16;opacity: 1;height: 60px;}
.search input{color: #fff;width: 90%;background:transparent;height: 100%;padding: 0 4%;box-sizing: border-box;font-size: 1.2em;border-bottom: none;border: none;}
.search input:-moz-placeholder {color: #999;}
.search input:-moz-placeholder {color: #999;}
.search input:-ms-input-placeholder {color: #999;}
.search input:-webkit-input-placeholder {color: #999;}
.search button{width: 10%;color: #999;background: #111;height: 100%;right: 0;text-align: center;border-bottom: none;overflow: hidden;font-size: 1em;}
.search button span{display:block;height: 40px;width: 40px;transition: 0.3s;position: relative;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin: 0 33%;overflow: hidden;}
.search button span:before,.search button span:after {display: inline-block;height: 30px;width: 30px;border-radius: 8px;transition: 0.3s;background: transparent;content: '';position: absolute;width: 100%;top: 0;bottom: 0;margin: auto;}
.search button span:before {height: 2px;left: 0;background: #3e3e3e;}
.search button span:after {right: 0;background: #f5f5f5;border-radius: 50%;width: 25px;height: 25px;border: 2px solid #3e3e3e;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.search button:hover span:before{background: #000;}
.search button:hover span:after{border-color: #000;}
.search a{background: #d0454c;color: #fff;font-size: 2em;} 


.mas_vistos{display: grid;margin: 0 0 4%;width: 100%;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;padding: 0 20px;position: relative;}
.mas_vistos:before{width: 60%;height: 140px;background: #ADCD6D;position:absolute;left: 20%;top:40%;content:'';}
.mas_vistos .note{width: 100%;overflow: hidden;box-shadow: 0 8px 10px rgba(0,0,0,.4);}
.mas_vistos .note a{height: 480px;}
.results .mas_vistos{padding:0;}



.note{position:relative;transition:.4s;overflow: hidden;background: #111;}
.note:hover{transform: scale(1.02);z-index:2;box-shadow:0 0 20px rgba(0,0,0,.3);}
.note a{display:block;height: 460px;}
.note a.bookmark{width:50px;height:50px;top:0;right:0;position: absolute;color: #fff;text-align: center;line-height: 50px;font-size: 1.4em;}
.note a.bookmark span{ display:none}
.note figure{ position:absolute; width:100%; height:100%; top:0; left:0;}
.note figure img{width:100%;height:100%;position: absolute;left:0;top:0;object-fit:cover;}
.note figcaption{color:#fff;position: absolute;padding: 110px 6% 4%;background: linear-gradient(0deg, rgba(0,0,0,.8) 30% , rgba(0,0,0,0) 100%  );bottom: 0;width: 100%;}
.note figcaption:after{position:absolute;width:30px;height:30px;background:#ADCD6D;bottom: -15px;right: -15px;transform:rotate(45deg);content:';';}
.note figcaption em{font: 100 .8em 'AktivGrotesk';margin:0 0 4%;display:block;text-transform: uppercase;color: #ADCD6D;}
.note figcaption .brand{filter:grayscale(1) invert(1) brightness(10);margin-bottom: 10px;}
.note figcaption .brand img{height: 30px;width:100px;object-fit: contain;object-position: left;}
.note figcaption strong{display:block;font: bold 1.6em 'AktivGrotesk';margin:0 0 4%;}
.note figcaption span{display:block;margin: 0 0 3%;line-height: 1.5em;font-size: .9em;/* opacity: .8; */display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.note figcaption span.lecture_time{font-size:.8em;line-height: 30px;display: inline-block;}
.note figcaption span.views{display:inline-block;font-size:.8em;line-height: 30px;}
.note figcaption span.btn{display:inline-block;font-size: .8em;line-height: 45px;height: 45px;border-radius: 7px;}
.lecture_time{background: #fff;line-height:40px;padding:0 10px;border-radius:2px;font-size:.8em;font-weight:bold;color: #999;}
.lecture_time i{ margin:0 5px 0 0; }

.views{background: #000;line-height:40px;padding: 0 20px;border-radius:2px;font-size:.8em;font-weight:bold;color: #fff;}
.views i{ margin:0 5px 0 0; }





/* footer */

/* footer */
footer{/* width: 92%; */background: var(--zac-color8);min-height: 100px;z-index: 1;/* margin: 4% 0 0; *//* border-right: 10px solid #ADCD6D; */position: relative;



  position: relative;
  /* background: url(https://magzacateca.wpengine.com/wp-content/uploads/2023/09/OC1Y8F0.jpg), linear-gradient(0deg,rgba(0,0,0,0.85),rgba(0,0,0,0.85)); */
  /* background-color: var(--footer); */
  /* background-repeat: repeat;
  background-size: 400px; */
  background: #000;
  background: linear-gradient(-45deg, #000000, #2d2d2d, #000000 , #2d2d2d);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;

}

@keyframes gradient {
  0% {
      background-position: 0% 50%;
  }
  50% {
      background-position: 100% 50%;
  }
  100% {
      background-position: 0% 50%;
  }
}

footer .logos *{ margin:0; padding:0;}
footer:after{content: '';position: absolute;height: 100px;width: 270px;background: #fff;border-radius: 0 0 4px;top: -40px;transform: rotate(25deg);right: -60px;z-index: -4;display: none;}
footer .nice{margin-bottom:8%;font-size: 1.2em;}
footer .nice{color: var(--mdc-white);}
footer .nice:after {
  display: block;
  content: '';
  width: 91%;
  height: 1px;
  background: var(--chiapas--lime);
  margin-left: 5%;
}
footer  .wrapper{}
footer strong{display:block;}
footer figure{width: auto;height: 80px;margin-bottom: 4%;}
footer figure img{width: 100%;height: 100%;object-fit: contain;object-position: left;/* filter: invert(1); */}
footer span{display:block; color:#999}
footer a{margin: 0 0 4%;color: var(--mdc-white);display:block;}
footer .copyright{text-align:center;padding:10px;font-size: .8em;background: var(--puebla--negocios--gray);color: #FFFFFF;}
footer .wrapper > section:last-child{ border-right:none;}
footer .social{margin: 4% 0 0 0;}
footer .social a{width: 50px;display: inline-block;line-height: 50px;font-weight: normal;text-align: center;font-size: 1.2em;}
footer .social a i.flipboard{background: url(http://grazia.mx/wp-content/themes/wpgrazia/img/icon_flipboard2.png) no-repeat center 4px/16px;display: inline-block;width:20px;height:20px;opacity: .8;}



form{}
form .wrapper{ padding:0}
form label{/* overflow:hidden; *//* position:relative; *//* border-radius: 1px; */display: block;margin: 0 0 2%;/* background: #fff; */}
form label select:before{content:'a'; position:absolute; height:40px; bottom:0; right:0; color:#fff; width:40px; line-height:40px; text-align:center;}
form input[type="text"],form input[type="password"],form input[type="email"],form input[type="number"],form input[type="date"], form textarea, form select{display:block;width:100%;border:none;height:40px;font: normal 1em/39px 'AktivGrotesk', sans-serif;outline:none;border-radius: 0;-webkit-appearance: none;padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;z-index: 1;background: #fff;}
form textarea{ height:100px!important}
form label span{/* width: 100%; *//* background: #eee; *//* font: bold .8em 'AktivGrotesk'; *//* letter-spacing: 0.2em; *//* padding: 2%; *//* display: block; */}
form label span i{font-style: normal!important;margin-right: 10px;}
form label input:focus + span, form label select:focus +span, form label textarea:focus + span{color: #b4b4b4;width: 100%;opacity: 1;background: #e6e5e5;}
form label.select:after{font: 900 1em/30px 'Font Awesome 6 Pro';content:"\f107";position:absolute;right: 10px;height:40px;bottom: 0;line-height:40px;z-index: 0;color: #686765;}
form label.checkbox{background:#fff;padding: 15px 10px 15px 58px;font-size: .8em;font-weight: bold;border-radius: 0;cursor: pointer;color: #888;display: flex;align-items: center;position: relative;}
form label.checkbox span{font-size: 1em!important;position:relative;background: none;border: none;color: #333;}
form label.checkbox span a{/* color:#fff; */text-decoration:underline;}
form label.checkbox i{display:block;position:absolute;left: 15px;width: 30px;height: 30px;line-height: 30px;text-align:center;font-family: 'Font Awesome 6 Pro';color: #333;background: #ccc;border-radius: 4px;font-size: .9em;opacity: .5;z-index: 2;}
form label.checkbox input:checked + i{background: #ADCD6D;opacity: 1;font-weight: 600;}
form label.checkbox input:checked + i:after{content:"\f00c";}
form label.checkbox input{position:absolute;left: -110%;width: inherit;height: inherit;}
form a.more{font-size:.8em;display:block;margin: 0px auto 20px;padding:0;width:150px;min-height:inherit;}
form br{ display:none;}

form#loginform label{color: #333;background: rgba(0,0,0,.1);font: 500 .8em 'AktivGrotesk';margin: 0;padding: 10px;position: relative;overflow: hidden;}
form#loginform label.checkbox{padding: 13px 10px 14px 60px;font-size: .8em;}
form#loginform input[type="text"], form#loginform input[type="password"], form#loginform input[type="email"], form#loginform input[type="number"]{background: rgba(0,0,0,.1);margin: 0 0 10px;color: #333;}
form#loginform .login-remember{margin:0 0 20px}
form#loginform input[type="submit"]{width:100%;background: var(--puebla--negocios1);color: #fff!important;}
div.nsl-container-block .nsl-container-buttons a{width: 100%!important;display: block!important;max-width: initial!important;}

form#loginform + p{ color:#fff; text-align:center; margin:20px 0 0}
form#loginform + p .btn{ width:100%; margin: 10px 0 0}


/*------ galleries-------*/
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;touch-action: manipulation;}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0);}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;/* -webkit-transform-style:preserve-3d */}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block;}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{/* opacity:0 */}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{/* transform-style:preserve-3d; */}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%;touch-action:manipulation}
.owl-stage-outer,.owl-stage{ height:100%; position:relative;}
.owl-item{height:100%;float: left;}
.owl-prev,.owl-next{position: absolute;bottom: 0;width: 40px;height: 40px;color: #fff;text-align: center;overflow:hidden;line-height: 40px;left: 0;font-size: 2em;/* text-indent: -989px; */display: flex;align-items: center;justify-content: center;background: transparent;}
.owl-prev{left: 10px;}
.owl-next{right: 10px;left: inherit;}
.owl-next:after,.owl-prev:after{position:absolute;width: 100%;height: 100%;left: 0;top: 0;font: bold 1em 'Font Awesome 6 Pro';display: flex;align-items: center;justify-content: center;}
.owl-prev:hover, .owl-next:hover{background: rgba(0,0,0,.2);}
/* .owl-prev:after{content:'\f104';text-indent: 0;}
.owl-next:after{content:'\f105';text-indent: 2px;} */


.picshow{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background: #333;z-index: 1;}
.picshow img{position:absolute;opacity:0;left: 0;margin: 0;width: 100%;bottom: 0;height: 100%;animation:round 20s infinite;}
.picshow:after{width:100%;height: 100%;background: linear-gradient(0deg, rgba(0,0,0,.7) 0% , rgba(0,0,0,0) 100% );content:'';position:absolute;bottom: 0;left:0;z-index: 2;}

.picshow img{position:absolute;/* animation:round 20s infinite; *//* opacity:0; */left: 0;margin: 0;width: 100%;bottom: 0;height: 100%;float: none;object-fit:cover;object-position: center 40%;}
@keyframes round{25%{ opacity:1;}50%{opacity:0;}}
.picshow img:nth-child(1){animation-delay:0s;}
.picshow img:nth-child(2){animation-delay:5s;}
.picshow img:nth-child(3){animation-delay:10s;}
.picshow img:nth-child(4){animation-delay:15s;}
.safari .picshow figure{background-attachment: initial;}



.intro_home{position:relative;background: #222222;padding: 160px 0 0;overflow: hidden;margin-bottom: 130px;}
.intro_home:before {content: '';position: absolute;height: 80%;width: 1%;background: #ADCD6D;top: 0;}
.intro_home .inner{ position:initial;}
.intro_home h1{position:relative;padding: 90px 20px 0 0;color: #ADCD6D;font-size: 3em;margin: 0 0 4%; font-weight: 900;}
.intro_home p{color: #fff;font-size: 1.46em;padding-right:20%;opacity: .9;}
.intro_home p strong{font-weight:900;color: #fff;}
.intro_home h2{font-size: 9em;text-transform:uppercase;color: transparent;-webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);position:absolute;top: 0;left: -15%;margin: 0; font-weight: 900;}
.text_intro{width:50%;position: relative;z-index: 1;}
.media_support{width:50%;}
.media_support figure{position:absolute;right:0;/* filter: invert(1) brightness(5); */top: 0;width: 50%;opacity: .5;height: 100%;}
.media_support figure > *{ position:relative; width:100%; height:100%; object-fit:cover;}
.media_support:after {content: '';position: absolute;height: 40%;width: 60%;background: #222222;border-radius: 0 0 4px;top: -29%;transform: rotate(-25deg);right: 10px;}
.media_support:before{content: '';position: absolute;height: 23%;width: 42%;background: #fff;border-radius: 0 0 4px;bottom: -110px;transform: rotate(-25deg);right: -10%;z-index: 2;}
.brands{width: 80%;display:flex;background:#fff;margin: 150px 0 0;position: relative;z-index: 1;}
.brands a{display:flex;align-items:center;justify-content:center;width: 25%;padding: 30px 20px;filter: grayscale(1);opacity: .4;}
.brands a:hover{ filter:none;opacity:1}
.brands a img{display:block;max-width:100%;height: 70px;}
.brands a img.altonivel{height: 23px;}
.brands a img.cinepremiere{height: 26px;}
.brands a img.mexicodesconocido{height: 42px;}
.brands a img.nupcias{height: 36px;}
.brands a img.entrepreneur{height: 37px;margin: 6px 0 0 0;}


.ediciones_marca{margin: 0 0 8%;position: relative;}
.ediciones_marca:before {content: '';position: absolute;height: 70%;width: 100%;background: #f6f6f6;top: 10%;left: 0;}
.ediciones_marca:after{/* background: url(./img/deco_texture.svg) repeat top/40px; */content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity:.2;background: linear-gradient(45deg, rgba(255, 255, 255, 0) 46%, #262626 49%, #262626 51%, rgba(176, 176, 176, 0) 55%);background-size: 6px 6px;}
.ediciones_marca .inner{display:flex;flex-wrap: nowrap;}
.ediciones_marca .text_edicion{width: 44%;padding: 170px 0 0 8%;}
.portadas_carousel a.portada{width: 340px;margin: 0 10px;}
.portada .temp{display:block; text-align:center; width:100%; text-transform:uppercase; color:#666;}
.portadas_carousel a.portada figure img{box-shadow: 13px 0 0px -8px #545454;border: 1px solid #ddd;}
.portadas_carousel{display: flex;width: 50%;justify-content: space-around;}

.intro_section{position: relative;padding: 30px 0;margin: 0 0 10%;overflow: hidden;}
.intro_section:before {content: '';position: absolute;height: 95%;width: 60%;background: #111;top: 5%;right: 0;}
.intro_section span.categoria{/* color:#fff; */font: normal .8em 'AktivGrotesk';text-transform: uppercase;}
.intro_section h1 {font-size: 2em;/* color: #fff; */margin: 4% 0;/* text-transform: uppercase; */ font-weight: 900;}
.intro_section p {/* color:#ddd; */font-size: 1em;/* max-width: 400px; */margin: 0 0 4%;line-height: 1.6em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}
.slides-text .item{display:flex;align-items:center;justify-content:center;}
.slides-text .item .txt{width: 50%;padding: 4%;background: #fff;}
.slides-text .item .brand{margin:0 0 20px}
.slides-text .item .brand img{ width:auto; height:35px;}
.slides-text .item .brand img.altonivel{ height:20px}

.slides-text{}
.slides-text .item figure{position:relative;width:50%;height: 500px;}
.slides-text .item figure a{position:relative;display: flex;align-items: center;justify-content: center; height:100%;}
.slides-text .item figure img{/* position:absolute; */top:0;left:0;width: 100%;height: 100%;object-fit: cover;background: #eee;color: transparent;}
.slides-images{box-shadow: 0 0 30px rgba(0,0,0,.3);}
.slides-images img {width:100%;height: 430px;object-fit:cover;cursor: pointer;}
.custom_arrows{position: absolute;bottom: -4%;z-index: 9;left: 0;display: flex;/* transform: translateX(-50%); */}
.custom_arrows a {z-index: 1;display: block;width: 70px;height: 70px;background: #ADCD6D;color: #111;text-align: center;line-height: 70px;}
.custom_arrows a:hover {z-index: 2;box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 1);}


.close {background: transparent;border-radius: 5px;width: 50px;height: 50px;position: absolute;right: 2%;top: 1%;z-index: 10;display: flex;align-items: center;justify-content: center;}
.close span {background: transparent;width: 100%;box-shadow: none;height: 100%;display: flex;align-items: center;justify-content: center;}
.close span:before,.close span:after {display: inline-block;height: 2px;width: 35px;border-radius: 10em;transition: 0.3s;background: #fff;content: '';position: absolute;}
.close span:before {transform: rotate3d(0, 0, 1, 45deg);}
.close span:after {transform: rotate3d(0, 0, 1, -45deg);}
.close.white span:before,.close.white span:after {background: #fff;}



.text{width: 60%;color: #fff;margin: 70px auto;text-align: center;}
.text h1{margin: 0 auto 20px; font-weight: 900}
.text h2{fborder-bottom: 1px solid #ddd;padding-bottom: 10px; font-weight: 900;}
.text h3{font-weight: 700;}
.text h5{}
.text figure.mainImg{width:100%;}
.text figure.mainImg img{ width:100%; height:auto; display:block; margin:0}
.text strong{ font-weight:700}
.text p{font-size: 1.2em;line-height: 1.6em;margin:0 0 20px;font-weight: 400;color: #fff;font-family: 'AktivGrotesk';}
.text blockquote{padding:20px 20px 20px 80px;position:relative;font: bold 1.3em/2em 'AktivGrotesk',serif;}
.text blockquote:after{top: 18px;content:' \201C ';position:absolute;left:10px;color: #000;font-size: 7em;font: normal 900 6em/1em 'Times', serif;text-shadow: 3px 3px 0 #00cdff;}
.text div,.text div img{ max-width:100%;}
.text iframe{ max-width:100%;}
.text iframe[src^="https://www.youtube.com/"]{ width:100%; height:480px}
.text iframe.instagram-media{ max-width:80%; margin:0 auto!important; display:block!important}
.text p strong{ font-weight:bold}
.text p b{font-weight:bold;color: #111;}
.text p i{ font-style:italic}
.text a{color: #000000;position: relative; text-decoration:underline; }
.text a:after{height:1px;width:100%;position:absolute;content:'';bottom:0;left:0;background: #00cdff;}
.text a:hover:after{height:3px;width:100%;position:absolute;content:'';bottom:0;left:0;background: #1694b3;}
.text li{margin:0 0 20px;padding: 0 0 0 24px;position:relative;}
.text li:after{width: 15px;height: 15px;background:#ddd;content:'';display:block;position: absolute;left: 0;top: 7px;border-radius: 10em;}
.text img{max-width: 100%;height:auto;display:block;margin: 20px auto;width: 100%;}


.breadcumbs{overflow:hidden;margin:0 0 20px;padding:0 0 10px;display:flex;justify-content: center;}
.breadcumbs a{display:block;fon;text-transform: uppercase;float: left;padding-right: 10px;margin-right: 10px;/* border: 1px solid #ccc; */background: #00cdff;padding: 3px 16px;margin: 3px;color: #444;letter-spacing: 1px;}
.breadcumbs a:after{ content:initial}
.breadcumbs a:last-child{ border:none;}
.breadcumbs a:hover{ background:#ddd}


.share{overflow: hidden;display: flex;width: 100%;flex-wrap: wrap;position: fixed;z-index: 2;justify-content: center;align-items: center;height: 100%;background: rgba(255,255,255,.8);top: 0;margin: 0;left: 0;opacity: 0;pointer-events: none;transition: .6s;z-index: 4;}
.share.active{opacity:1;pointer-events:auto;}
.share .btns_share{background: #003D78;padding: 30px 7px 10px;box-shadow:0 0 20px #000;border-radius:3px;position:relative;display: flex;}
.share .btns_share .close{/* filter: invert(1); */background: #fff;top: -30px;right: -20px;transform: scale(.8);}
.share .btns_share .close span:before,.share .btns_share .close span:after{ background:#FFF !important;}
.share a{width: 50px;height: 50px;float: left;text-align:center;line-height: 50px;margin: 0;font-size: 1em;/* background: #ddd; */color: #fff;border-radius: 3px;margin: 0 3px;}
.share p{text-align:center;text-transform:uppercase;margin: 6px 0 10px;display:block;position: absolute;top: 0;text-align: center;width: 100%;color: #ddd;font-size: .8em;}
.share a:after{display:none}
.share a:hover{color: #000;}
.share a.facebook{ color:#3b5998;}
.share a.twitter{ color:#1da1f2}
.share a.whatsapp{ color:#41c609}
.share a.pinterest{ color:#bd081c}
.share a.flipboard{ color:#F52828}
.share a.whatsapp.addthis_button_whatsapp{ display:none}
.share a.mail{background: #ffd300;}
.share.fixed{position:fixed;top: 75px;z-index: 2;}
.share.absolute{position:absolute;top:inherit;bottom: 40px;z-index: 2;margin: 0;}


.new_home{padding: 26% 0 4%;position: relative;overflow: hidden;}
.new_home .inner{ position:relative; z-index:2; margin-bottom: 2em;}
.new_home h2{color: #fff; font-family: 'URWImperialW01-ExtraWide'; font-size: 3em;/* margin: 0 auto; *//*text-transform: uppercase;*/width: 100%; font-weight: 900;}
.new_home h3{font-size: 1.3em;color: #dedede;font-weight: normal;margin: 3% 0 0;line-height: 1.6em;text-shadow: 0 0 20px #000,0 0 20px #000;/* max-width: 56%; */font-weight: bold; font-weight: 700;}
.new_home h2 strong{ font-weight: 900;}
.new_home h4{font-size: 1.1em;color: var(--chiapas--lime);font-weight: normal;margin: 3% 0 0;line-height: 1.6em;text-shadow: 0 0 20px #000,0 0 20px #000;/* max-width: 56%; */font-weight: bold; font-weight: 700;}
.new_home .cover video{position:absolute;width:100%;height: 100%;object-fit:cover;}



.edicion_home{background: radial-gradient(circle, #fff, #fbfbfb);padding: 4% 0;position: relative;overflow: hidden;}
.edicion_home:before{
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  width: 100%;
  height: 100%;
  /* background: linear-gradient(45deg, rgba(255, 0, 0, 0) 31%, rgba(255, 255, 255, 0) 49%, rgba(185, 185, 185,0) 51%, #ddd 55%);
  filter: grayscale(1);
  opacity: .2; */
  margin: 0;
  /* background-size: 7px 7px; */
  background-image: url('img/back.png');
  background-size: cover;

}

.edicion_home.reverse .portada_mes .portada {
  transform: perspective(222px) rotateY(358deg) rotate(1deg);
  width: 30%;
  z-index: 1;
}


.portada{position:relative;width: 25%;display: block;margin: 0;}
.portada figure{left:0;bottom: 0;width:100%;display: flex;align-items: center;justify-content: center;}
.portada figure img,.portada figure video{width:100%;height: 100%;object-fit:cover;display: block;box-shadow: -13px 1px 0 -9px rgba(0,0,0,.1);}
.portada.ad figure img, .portada.ad figure video{ object-fit:contain;}
.portada.ad,.portada.ad figure{ background:transparent;}
.portada figure img.aniversario{width: 30%;height: 30%;position: absolute;bottom: 3%;right: 3%;}
.portada figcaption{position:absolute;background:#fff;width: 92%;padding: 0% 0 4%;top: 2%;left: 4%;}
.portada figcaption strong{font: 900 1.4em 'Alata';text-transform:uppercase;letter-spacing:0.3em;margin: 4% 0 4%;display: block;min-height: 70px;}
.portada figcaption div{display:flex;}
.portada figcaption div span{text-transform:uppercase;font: 100 .6em 'Alata';letter-spacing:0.4em;opacity: .6;}
.portada figcaption div span:first-child{padding:0 15px 0 0; margin: 0 15px 0 0 ; border-right:1px solid #333}
.portada figcaption div.logo{width:100%;height: 120px;}
.portada figcaption div.logo img{ width:100%; height:100%; object-fit:contain; object-position:left;}
.portada_mes{width:100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.portada_mes .portada{transform: perspective(140px) rotateY(1deg) rotate(-1deg);width: 30%;z-index: 1;}
.portada_mes .en_edicion{width: 51%;padding: 4% 4% 4% 8%;background: #f6fafb;box-shadow: 0 10px 20px rgba(0,0,0,.2),0 50px 30px rgba(0,0,0,.1);margin: 0 0 0 -5%;border-radius: 4px;}
.portada_mes .en_edicion h4{font-size: 2em;margin:0 0 4%;line-height: 1.3em;/* color: #fff; */ font-weight: 700;}
.portada_mes .en_edicion p{line-height: 1.6em;margin: 0 0 4%;/* color: #fff; */}
.portada_mes .en_edicion .btn{}

.portada.ad figure{margin:0; padding:0; height:100%;}



.portada.proximamente:hover div.proximamente{opacity:1;}
.portada.proximamente div.proximamente{opacity:0;transition:.3s;display:flex;background: rgba(0,0,0,.8);color:#fff;padding:10px;justify-content:center;align-items:center;position: absolute;top: 0;width: 100%;height: 100%;}

.suscribe{position: relative;background: #fff;/* overflow: hidden; */z-index: 2;}
.suscribe:after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity:.2;background-size: 6px 6px;}
.suscribe_hook{width: 40%;display: flex;align-items: center;}

.suscribe_hook h2{/* color: transparent; */font-size: 3em;position: relative;text-transform: uppercase;color: #222; font-weight: 900;}
.get_user{width: 60%;padding: 2%;/* background: rgba(0,0,0,.2); *//* backdrop-filter: blur(5px); */}


.full .suscribe{height:100%; padding-top:200px;}
.full .suscribe:before{content:'';position:absolute;top:0;left:0;width:100%;height: 160px;background: linear-gradient(180deg, rgba(0,0,0,.1) 30% , rgba(0,0,0,0) 100%  );z-index: 2;}

.tabs{overflow:hidden;}
.tabs > section{display: flex;margin: 0 0 4%;}
.tabs > section a{width: 50%;text-align:center;float:left;padding:10px 0;border-bottom: 1px solid #ccc;color: #333;font-family: 'AktivGrotesk';}
.tabs > section a.active{font-weight: normal;border-bottom: 1px solid var(--ch-green);;}
.tabs > section a:hover{border-color:#666}



form.login input, form.login textarea, form.login select{background:transparent;color: #111;border: none;}
form.login label span{background:none;color: #222;display: initial;width: 100%;font: 500 .8em 'AktivGrotesk';padding: 0 10px;}
form.login label,form.login label.checkbox{background: rgba(0,0,0,.1);}

.msg_register{width:100%;text-align:center;color:#fff;margin: 4% 0;}
.msg_register .btn{ margin:2% 0 0}

.lightbox{position:fixed;top: -100%;left:0;width:100%;height:100%;z-index: 99;display:flex;align-items:center;justify-content:center;background: rgba(200,200,200,.9);backdrop-filter: blur(3px);transition: .4s;}
.lightbox .content_lightbox{width:92%;max-width:600px;/* background: #3d3d3d; */padding: 4%;/* box-shadow: 0 0 20px rgba(0,0,0,.4); */opacity: 0;position: relative;color: #fff;}
.lightbox .content_lightbox p{margin: 10px 0;}
.lightbox.active{top:0}

.lightbox.video .content_lightbox{padding:0;}
.lightbox.video .close{top:-20px; right:-20px; background:#333;}
.lightbox.video iframe{width:100%; height:400px;}


.alleditions{width: 92%!important;max-width: 440px!important;margin-bottom: 50px!important;}


/* ///// edicion ///// */
#edition{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;touch-action: manipulation;}
#edition:after{width:100%;height: 120px;background: linear-gradient(180deg, rgba(0,0,0,.8) 0% , rgba(0,0,0,0) 100% );content:'';position:absolute;top:0;left:0;z-index: 2;}
.edition-wrapper nav {bottom: 30px;left: 50%;position: absolute;z-index: 1000;width: 100%;background: var(--puebla--negocios1) ;height: 50px;display: flex;transition: .4s;transform: translateX(-50%);justify-content: center;width: auto;border-radius: 2px;box-shadow: 0 6px 30px rgba(0,0,0,.8),0 21px 40px rgba(0,0,0,.2);}
.edition-wrapper nav.active{bottom: 237px;box-shadow: 0 -20px 30px -18px #000;background: var(--puebla--negocios--gray);}
.edition-wrapper nav div {min-width: 50px;height: 50px;left: 0;color: #fff;line-height: 50px;text-align: center;speak: none;cursor: pointer;display: block;white-space: nowrap;padding: 0 10px;}
.edition-wrapper nav div span{ margin:0 0 0 10px }
.edition-wrapper nav div.disabled{opacity:.4}
.edition-wrapper nav div:hover,.menu-button:hover {/* box-shadow: 0 0 10px rgba(0,0,0,.3); */}
.edition-wrapper nav div:last-child {left: 40px;}
#bb-nav-next,
nav .fullscreen,
#bb-nav-open{border-right:1px solid rgba(0,0,0,.2)}
.edition-wrapper nav div.counter{background: rgba(0,0,0,.1);display:flex;padding:0;justify-content: center;}
.edition-wrapper nav div.counter span{padding: 0 7px;margin: 0;font-size: .7em;display:flex;position:relative;}
.edition-wrapper nav div.counter span.actual:after{width: 1px;height: 18px;content:'';background: #444;display:block;position:absolute;right: -1px;top: calc(50% - 10px);transform: rotate(18deg);opacity: .4;}
.no-js .edition-wrapper nav div,.no-js .menu-button {display: none;}

/*.bookblock {width: 400px;height: 300px;position: relative;background: #fff;z-index: 100;-webkit-perspective: 1300px;perspective: 1300px;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.bookblock > div.bb-page:first-child,.bookblock > div.bb-page:first-child .bb-back {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg);}*/

.edition-wrapper, .bookblock {width: 100%;height: 100%;z-index: 1;top: 0;}
.page-item {width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: none;background: #333;}
.page-item.ad{background: #212425;}
.content_page{position: relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index: 2;}
.cover{position:absolute;width:100%;height:100%;top:0;left:0;z-index: 1;}
.cover img{width: 110%;height: 110%;object-fit:cover;filter: blur(12px);margin: -5%;-webkit-filter: blur(12px);}
.new_home .icon_pattern{width: 70%; filter: blur(3px);height: 90%;bottom: 0;top: 20%;object-fit: contain;margin: 0;position: absolute;right: -20%;object-position: bottom;z-index: 2;opacity: 1;}

#edition .portada{height: auto;width: 92%;height: calc(100% - 210px);display: flex;margin: 0;}
#edition .portada figure img{box-shadow: none;height: 100%;width: auto;}
#edition .portada:hover{transform: none!important;box-shadow: none;}
#edition .note{width: 540px;height: calc(100% - 200px);box-shadow: 0 0 30px #000,0 0 60px #000;}
#edition .note figcaption:after{display:none;}
#edition .note:after{width:100%;height: 100px;background: linear-gradient(180deg, rgba(0,0,0,1) 0% , rgba(0,0,0,0) 100% );content:'';position:absolute;top:0;left:0;z-index: 2;opacity: 0;}
#edition .note a{height:100%;}
#edition .note:hover{ transform:none;}
#edition .note figcaption{text-align:center;}
#edition .note figcaption strong{font-size: 1.8em;line-height: 1.2em;}
#edition .note figcaption span{font-size: 1.1em;margin: 0;}
#edition .note figcaption em{/* font-size:1em */}
#edition .note figcaption .lecture_time{font-size: .8em;background: transparent;color: #fff;}
#edition .note figcaption .views{font-size: .8em;background: transparent;}
#edition .note a.bookmark{width: 160px;height: 40px;top: 200px;right: calc(50% - 80px);position: absolute;text-align: center;line-height: 40px;font-size: 1em;color: #fff;background: #222;border-radius: 3px;}
#edition .note a.bookmark:after{content:'Guardar'; border-radius:2px; font:normal 1em 'AktivGrotesk'; text-transform:uppercase;}
#edition .note a.bookmark i{ margin:0 20px 0 0}


/* Content Flip Style */
.bookblock {/* width: 400px; */
/* height: 300px; */
position: relative;background: #333;z-index: 100;}

.bb-page {width: 50%;height: 100%;left: 50%;position: absolute;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;

-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;}

.bb-page > div,
.bb-outer,
.bb-content {position: absolute;height: 100%;top: 0;left: 0;display: flex;align-items: center;justify-content: center;}

.bb-content {background: #333;}

.bb-inner {position: relative;width: 100%;height: 100%;}

.bb-overlay, .bb-outer {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;}

.bb-page > div {width: 100%;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;

-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;}

.bb-back {-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);transform: rotateY(-180deg);}

.bb-outer {width: 100%;overflow: hidden;z-index: 999;}

.bb-overlay, 
.bb-flipoverlay {background-color: rgba(0, 0, 0, 0.9);position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;z-index: 1000;}

.bb-flipoverlay {background-color: rgba(0, 0, 0, 0.6);}

.bookblock > div.bb-page:first-child,
.bookblock > div.bb-page:first-child .bb-back {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg);}

.js .bb-item {width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: none;background: #fff;}


.menu-panel {background: var(--puebla--negocios--dark) ;width: 100%;position: fixed;z-index: 1000;bottom: -240px;left: 0;height: 240px;transition: .4s;padding: 10px 2%;}
.menu-panel.active{bottom:0;box-shadow: 0 0 30px #000;}
.scroll_thumbs{width: 102%;height: 100%;overflow: auto;-webkit-overflow-scrolling: touch;}
.thumbs{display:flex;height: 100%;margin: 0 auto;}
.thumbs figure{overflow:hidden;position:relative;width:100%;margin: 0 10px 0 0;background: #000;transition: .4s;cursor:pointer;width: 150px;}
.thumbs figure.undefined{display:none}
.thumbs figure:hover,.thumbs figure.current{opacity:1}
.thumbs figure img,.thumbs figure video{position:absolute;width:100%;height:100%;object-fit:cover;}
.thumbs figure img.inicial{ object-fit:cover}
.thumbs figure:first-child img{object-fit: cover;}
.thumbs figure strong{position:absolute;bottom:0;width: 100%;color: #fff;padding: 100px 10px 10px;font: 400 .8em 'AktivGrotesk';text-align:center;background: linear-gradient(0deg, rgba(0,0,0,.7) 34% , rgba(0,0,0,0) 100% );}
.thumbs figure strong:empty{display:none}
.thumbs .counter{position:absolute;top:0;right: 0;z-index:1;color:#fff;/* transform: translateX(-50%); */opacity: 1;}
.thumbs .counter span{opacity:.5;padding:0 10px;display: none;}
.thumbs .counter em{font-size:1.4em;font-weight:900;font-style:normal;padding:0 10px;/* border-bottom: 1px solid #fff; */top: 0;text-shadow: 0 0 20px #000;-webkit-text-stroke: 1px var(--mdc-color3);}

.thumbs figure.carta_editorial{ border:10px solid #fff}
.thumbs figure.carta_editorial strong:before{content:'Carta Editorial'; display:block; font-size:7px; margin-bottom:10px}


.cover{background-attachment:fixed; background-repeat:no-repeat; background-size:cover;}
.cover:after{width:100%;height: 100%;background: linear-gradient(180deg, rgba(0,0,0,.8) 0% , rgba(0,0,0,0) 100% );content:'';position:absolute;bottom: 0;left:0;z-index: 2;}

.intro_category{display:flex;min-height: 320px;align-items:center;position: relative;border-bottom: 2px solid #32ffff;background: #222;margin: 0 0 4%;box-shadow: inset 0 100px 50px -20px rgba(0,0,0,.5);padding: 160px 0 2%;}
.intro_category h1{width:100%;color:#fff;text-align:center;font-size: 2.4em;margin: 4% 0 0;text-shadow: 0 0 30px #000;font-weight: 900;text-transform: uppercase;}
.intro_category .brand{width:100%;margin: 0 auto;text-align: center;filter: brightness(0) invert(1);}
.intro_category .brand img{height: 50px;margin:0 auto;}
.intro_category.entrepreneur{background: #325250;}
.intro_category.altonivel{background: #5c2c2c;}
.intro_category.mexicodesconocido{background: #7e365c;}
.intro_category.nupcias{background: #5c4365;}

.intro_page{display:flex;align-items:center;position: relative;/* background: #333; */margin: 0 0 4%;box-shadow: inset 0 170px 100px -50px rgba(0,0,0,.2);padding: 12% 0 5%;overflow: hidden;}
.intro_page .inner{position:relative;z-index:2;}
.intro_page:before{content:'';position:absolute;bottom:0;left:0;width: 100%;height: 100%;/* background: url(./img/icon_m2.svg) no-repeat bottom center/cover; */filter: grayscale(1);opacity: .2;top: 0;}


.intro_page h1{width:100%;font-size:2.4em;text-align: center; font-weight: 900;}
.intro_page h2{font-size: 5em;text-transform:uppercase;color:transparent;-webkit-text-stroke: 1px rgba(0255,255,255,.2);width: 100%;text-align: center;margin: 0 0 -4%;transform: translate(0px, -76%); font-weight: 900;}
.intro_page .brand{width:100%;margin: 0 auto;text-align: center;filter: brightness(0) invert(1) grayscale(1);}
.intro_page .brand img{height: 50px;margin:0 auto;max-width: 60%;}

.all_editions{background: #333 linear-gradient(45deg, rgba(0, 0, 0, 0) 46%, #fff 49%, #000000 51%, rgba(176, 176, 176, 0) 55%);background-size: 6px 6px;padding: 200px 0 0;}
.all_editions .intro_page{background:transparent;box-shadow: inset 0 120px 100px -70px rgba(0,0,0,.5);}

.intro_page.entrepreneur{background: #325250;}
.intro_page.altonivel{background: #470202;}
.intro_page.mexicodesconocido{background: #7e365c;}
.intro_page.nupcias{background: #5c4365;}
.intro_page.cinepremiere{background: #435665;}

.intro_page.altonivel .brand img{height:35px}
.intro_page.cinepremiere .brand img{height:38px}

.saved{position: relative;z-index: 2;}


.inner.simple{background: #f4f4f4;margin:0 auto 4%;padding: 4%;}
.inner.simple .text{text-align:left;color:#333;width: 100%;margin: 0;}
.inner.simple .text p{text-align:left; color:#333;}

.inner.simple .contact_text  p{font-size:1.3em;color: #fff;text-align: center;max-width: 600px;margin: 0 auto 30px;}

.contacto{background: #333;padding: 0 0 40px;margin: 0 0 -4%;position: relative;z-index: 3;}
.contacto:after{background: url(./img/deco_texture.svg) repeat top/40px; padding:1px 0; position:absolute; width:100%; height:100%;}
.contacto .intro_page{margin:0;}

.contacto .inner.simple{z-index:2;position:relative;margin: 0 auto;background: transparent;color: #fff;padding: 0;}
.contact_text form{padding:40px;/* background:#fff; */}
.contact_text .frm_primary_label{font:bold 1em 'AktivGrotesk'!important;clear: both;padding: 2px 10px;}
.contact_text .frm_primary_label .frm_required{color:#f00; font-size:.4em}
.contact_text form input,.contact_text form textarea{border:none;box-shadow:none;background:transparent; resize:none;}
.contact_text form .frm_fields_container{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.contact_text form .frm_form_field{background:#f0f0f0; margin:0 0 20px}
.contact_text form .frm_submit{width:100%;}
.contact_text form .frm_description{font-size:.8em; padding:0 10px;}

.contact_text form .frm_error_style{color:#d00; text-align:center; margin:0 0 20px; }
.contact_text form .frm_error{font-size:.8em; color:#d00; padding:4px 10px}

.list_results{width:100%;margin: 0 0 20px;}
.list_results .note{margin:0 0 2%;background: #222;}
.list_results .note a{height: auto;}
.list_results .note a figure{width:30%;/* height: calc(100% - 20px); */}
.list_results .note a figcaption{width:70%;left:30%;padding: 3% 2% 1%;position: relative;height: 100%;margin: 0;top: 18px;}

.list_notes{display:grid;grid-template-rows:auto;grid-template-columns: 1fr 1fr 1fr;width: 100%;grid-column-gap: 20px;}
.list_notes .note:nth-child(5n+4){grid-column: 1/3;}
.list_notes .note:nth-child(9){grid-column: 1;grid-row: 4;}
.list_notes .note:nth-child(10){grid-column:2/4; grid-row:4}

.list_saved{ display:grid; width:100%; grid-template-columns:1fr 1fr 1fr; grid-gap:20px; margin:0 0 4%}

.sin_favoritos{grid-column: 1/4;min-height:300px;text-align:center;color:#fff;width:100%;display: flex;align-items: center;justify-content: center;font: bold 1.3em 'AktivGrotesk';background: #323135;}

.list_editions{display:grid;width:100%;grid-template-columns:1fr 1fr 1fr;grid-gap: 20px;margin:0 0 4%;}
.list_editions.all{grid-template-columns: 1fr 1fr 1fr 1fr;margin-bottom: 110px;}
.list_editions .portada{width:100%;/* height:500px */}

.pagination{text-align:center;padding: 0 50px;display: flex;justify-content: center;position:relative;background: #ADCD6D;grid-column: 1/4;overflow: hidden;border-radius: 2px;box-shadow: 0 0 30px rgba(0,0,0,.3);font-size: 1.2em;width: 100%;max-width: 630px;margin: 0 auto 4%;}
.pagination *{padding: 0;height: 50px;line-height: 50px;color: #333;width: 100%;}
.pagination .current{font-weight: 600;cursor: default;opacity: .4;}
.pagination a:hover{  background:rgba(0,0,0,.1)}
.pagination .next,.pagination .prev{position:absolute;top: 0;width: 50px;text-indent:-999px;overflow:hidden;right: 0;}
.pagination .next:after,.pagination .prev:after{position:absolute;font: bold 1.2em/50px 'Font Awesome 6 Pro';text-indent: 0px;content:"\f105";left: 0;top: 0;width: 100%;height: 100%;}
.pagination .prev:after{content:"\f104";}
.pagination .next{ right:0;}
.pagination .prev{ left:0;}
.pagination .dots{ border:none}


.perfil{}
.info_perfil{background:#ececec;border-radius:3px;margin: 0 0 4%;padding:20px;width: 100%;}
.info_perfil h2{ text-align:center; font-weight: 900;}
.info_perfil .data{display:flex;line-height:40px;position:relative;border-bottom: 1px solid #ddd;justify-content: space-between;}
.info_perfil .data p{display:flex;width: calc(100% - 50px);justify-content: space-between;}
.info_perfil .data .btn{ white-space:nowrap;}
.info_perfil .data:last-child{ border:none}
.info_perfil .data strong{font-weight: 900;color:#000;width: 30%;}
.info_perfil .data span{font-weight:400;color:#555;width: 50%;}
.info_perfil form{/* display: none; *//* position:absolute; *//* display:flex; *//* top: 0; *//* right: 50px; */margin: 6% 0 0 0;}

.info_perfil form input{color:#333;background: rgba(0,0,0,.1);border-radius: 4px;}
.info_perfil form span{ background:none;}
.info_perfil form label{background:none;display: flex;margin: 0;font: 900 1em 'AktivGrotesk';width: 20%;}
.info_perfil form .frm_form_field{width:100%;display:flex;align-items: center;padding: 10px 0;border-bottom: 1px solid #ccc;margin: 0;}
.info_perfil form button{display:block;width:100%;height:45px;margin:20px 0 0;background:#000;font: bold 1em 'AktivGrotesk';color:#fff;border.r: ;}
.info_perfil .frm_primary_label{visibility:initial;}





#history{position: absolute;width:100%;height:100%;background: #212121;top: 0;left: 0;}

.btns_opts{position:absolute;left:0;top:calc(50% - 50px);display:flex;width: 60px;flex-wrap:wrap;z-index: 1;}
.btns_opts button{width: 60px;height: 60px;background:#000;color:#fff;padding: 0;font-size: 1.2em;margin: 1px;border-radius: 2px;}

.layerlink{position:absolute;top:0;left:0;width:100%;height:100%;z-index: 2;}
.historia{position:relative;height: calc(100% - 170px);max-width: 480px;margin: auto;top: 100px;touch-action: manipulation;}
.historia .intro_note{ text-align:center;}
.historia .intro_note figure{ position:absolute; width:100%; height:100%;}
.historia .intro_note figcaption{position:absolute;width:100%;bottom: 0;background: linear-gradient(0deg,rgba(0,0,0,.7) 40%,rgba(0,0,0,.0) 90%);padding: 50% 4% 30px;height: 100%;display: flex;flex-wrap: wrap;align-items: flex-end;}
.historia .intro_note figcaption .data_note{ width:100%;}
.btn_voice{ color:transparent;}
.historia .intro_note h1{color:#fff;font-size: 2em;line-height: 1.2em; font-weight: 900;}
.historia .intro_note h1 span.firstline{}
.historia .intro_note h2{color:#fff;margin: 4% 0;font: 500 1em/1.5em 'AktivGrotesk';text-transform: initial;letter-spacing: initial; font-weight: 900;}
.historia .intro_note .lecture_time{display:block;width: 90px;margin: 0 auto;line-height: 30px;white-space: nowrap;}
.historia .category{font: normal 1em 'AktivGrotesk';margin: 0;display:block;text-transform:uppercase;text-align: center;color: #ADCD6D;width: 100%;text-align: center;text-shadow: 0 0 20px rgba(0,0,0,.3);margin: 0 0 20px;}
.historia .brand {margin:0 0 20px;position: absolute;top: 110px;width: 100%;left: 0;}
.historia .brand img{width: 160px;filter:grayscale(1) brightness(0) invert(1);height: 40px;object-fit: contain;/* opacity: .9; */}
.historia .autor{color:#fff;display:block;width:100%;text-align:center;font-size: .8em;margin: 10px 0;text-transform: uppercase;opacity: .6;letter-spacing: 0.1em;}
.historia .active .intro_note figure img{
  
  
  width: 100%;
  opacity:1;
  top: 0;
  height: 100%; 
  min-height: 100%; 
  left:0;
  
  
  animation-name:principal;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-duration: 20s;
  object-fit: cover;
  /* transform: scale3d(1.4, 1.4, 1.4); */


}






.historia .intro_note .bookmark.rml_bttn{display:block;line-height:40px;width: 100%;border-radius: 3px;color: #fff;background: #111;letter-spacing: 0.09em;}



.historia .intro_note .swipe{position:absolute;background: rgba(0,0,0,.9);width:100%;height:100%;transition:.4s;top:0;left:0;padding: 20% 0;text-align: center;justify-content: center;display: flex;color: #fff;flex-wrap: wrap;pointer-events: none;opacity: 0;}
.historia .intro_note .swipe p{ width:100%; font-weight:900; text-transform:uppercase;}
.historia .intro_note .swipe img{animation-name: swipeleft;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 3s;width: 100%;height: 100px;}
.historia .intro_note .swipe.active{opacity: 1}

.historia .swipehand{display:block;width: 20px;height: 20px;margin: 0 auto;transform: rotate(45deg);}
.historia .swipehand{animation-name:swipeleft;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 3s;}
@keyframes swipeleft {
0% {  transform: rotate(45deg);}
35% { transform: rotate(-45deg);}
100% { transform: rotate(45deg);}

}

.historia .intro_note .responsivevoice-button{margin:0 auto;left: 50%;transform: translateX(-50%);top: 200px;}

.historia .center{ text-align: center;}
.historia section{height:100%;position:absolute;width: 100%; background:#000; color:#fff;}
.historia section h1{font: bold 2em 'AktivGrotesk';margin-bottom: 20px; font-weight: 900;}
.historia section h2{font: bold 2em 'AktivGrotesk';color: #fff;margin: 5px 0 20px; font-weight: 900;}
.historia section h3{font: bold 1.7em 'AktivGrotesk';margin-bottom: 20px;color: #fff;margin: 5px 0 20px;font-weight: 700;}
.historia section h4{font: bold 1.5em 'AktivGrotesk';margin-bottom: 10px;color: #fff;margin: 4px 0 15px; font-weight: 700;}
.historia section h5{background: #006f6f;display: inline-block;padding: 6px 11px;font-size: 1.5em;color: #fff;}
.historia section p{margin: 0 0 20px;}
.historia section p:last-child{margin:0;}
.historia section p strong,.historia section p b{font-weight:900;overflow: hidden;display: initial;}
.historia section p a{color: #ADCD6D;text-decoration: underline;}
.historia section p strong:first-letter{color:#fff; margin:initial;}
.historia section p:last-child{ margin:0}
/*.historia section p:nth-of-type(1):first-letter{font-size:1.4em; margin:-2px 1px 0 0px;}
.historia section p:nth-of-type(2):first-letter{margin:0 0 0 20px}
.historia section p:nth-of-type(3):first-letter{margin:0 0 0 20px}*/
.historia section ul li{/* font-size: 1.3em; *//* line-height: 1.6em; */margin: 0 0 16px;padding: 0 0 0 13px;position: relative;}
.historia section ul li:after{width: 7px;height: 7px;background:#fff;content:'';position:absolute;left:0;top: 8px;border-radius:10em;}
.historia section ol{counter-reset: my-badass-counter;margin-bottom: 8px;}
.historia section ol li{display:block;overflow:hidden;position: relative;margin: 0 0 10px;font-size: 1.2em;padding: 0 0 0 10px;}
.historia section ol li:before {content: counter(my-badass-counter);counter-increment: my-badass-counter;display: inline-block;text-align: left;font-size: 1.4em;font-weight: bold;height: 20px;opacity: .8;width: 20px;}

.historia section blockquote{position:relative;font: 500 1.1em 'AktivGrotesk';padding: 0 0 0 43px;}
.historia section blockquote:before{top: 0;content:' \201C ';position:absolute;left: 0;color: #fff;font: normal 900 4em/1em 'Times', serif;text-shadow: 3px 3px 0 #000000;}
.historia section blockquote p{margin:0;}
.historia section blockquote p:before{content:'';position:absolute;bottom:0;right:0;width: 70px;height: 61px;}
.historia section blockquote p:first-letter{font-size:1em!important; margin:0!important;}
.historia section blockquote p:after{content:' \201C ';color: #fff;font: normal 900 3em/1em 'Times', serif;text-shadow: 3px 3px 0 #000000;display: inline-block;transform: rotate(180deg);margin: -20px 0 0 6px;}
.historia section .btn{ /* margin:15px 0 0 */ margin: 0 auto; width: 80%;}
.historia section figure{width:100%;height:100%;position: absolute;display: flex;align-items: flex-end;}
.historia section figure img,.historia section figure video{width:100%;height:100%;position:absolute;left:0;top:0;object-fit: cover;z-index: 0;}
.historia section figure figcaption img, .historia section figure figcaption video{ position:initial;}
.historia section figcaption{width: 100%;
  position: absolute;
  padding: 100px 4% 30px;
  opacity:0;bottom:-100px; 
  /* transition: .4s; *//* transition-delay: .8s; */
  
  background: rgb(0,0,0);
  background: -moz-linear-gradient(0deg,rgba(0,0,0,.8) 55%,rgba(0,0,0,.0) 100%);
  background: -webkit-linear-gradient(0deg,rgba(0,0,0,.8) 55%,rgba(0,0,0,.0) 100%);
  background: linear-gradient(0deg,rgba(0,0,0,.8) 55%,rgba(0,0,0,.0) 100%);

  z-index: 2;
  overflow: hidden;
}
.historia section figcaption .scroller{max-height: 310px;-webkit-overflow-scrolling:touch;overflow: auto;}
.historia section figcaption .scroller img{ min-height:initial;
  /* Cambio de botones para nuevos bootnes de imagen */
  /* width: 50%;
  margin: 0 auto;
  display: flex; */
}
.historia section figcaption .scroller img.podcast{width: 40px;height: 40px;display: inline-block;margin: 0 10px 0 0;}
.historia section figcaption .scroller.scrollme{padding-bottom: 40px;}

/*.historia section figcaption .scroller.scrollme:after{ position:absolute; content:'\f103';bottom:0;left:0;height: 70px;background: linear-gradient(0deg,rgba(0,0,0,.8) 55%,rgba(0,0,0,.0) 100%);width:100%;font: bold .8em 'Font Awesome 6 Pro';display: flex;align-items: center;justify-content: center;transition:.4s;}
.historia section figcaption .scroller.scrollme.nomore:after{opacity:.2;content:'\f102';}*/

.historia section .scroll_retro{position:absolute;bottom:0;width:100%;height:60px;background: linear-gradient(0deg,rgba(0,0,0,.8) 55%,rgba(0,0,0,.0) 100%);width:100%;font: bold .8em 'Font Awesome 6 Pro';display: flex;align-items: center;justify-content: center;transition:.4s;left: 0;}
.historia section .scroll_retro:after{content:'\f103';animation-name: godown;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 2s;}
.historia section .scroll_retro.nomore{background: linear-gradient(0deg,rgba(0,0,0,.3) 55%,rgba(0,0,0,.0) 100%);transition: .4s;}
.historia section .scroll_retro.nomore:after{opacity:.2;content:'\f102';animation:none}
@keyframes godown {
0% {margin:0 0 0 0}
20% {margin:-5px 0 0 0}
40% {margin:10px 0 0 0}
80% {margin:-5px 0 0 0}
100% {margin:0 0 0 0}
}

.historia section figcaption .scroller > p:last-child{margin-bottom:0!important;}
.windows .historia section figcaption .scroller::-webkit-scrollbar {width: 3px;}
.windows .historia section figcaption .scroller::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);}
.windows .historia section figcaption .scroller::-webkit-scrollbar-thumb {background-color: darkgrey;outline: 1px solid slategrey;}

.historia .active section figcaption{opacity:1;bottom:0;}
.historia .responsivevoice-button{position:absolute;top: 120px;height: 40px;font: normal 1em 'AktivGrotesk';text-transform:uppercase;padding: 0 20px;border-radius: 2px;background: #000;color: #fff;letter-spacing: .1em;outline: none;}
.historia .responsivevoice-button:before{content:'\f028'; font:bold 1em 'Font Awesome 6 Pro'}
.historia .responsivevoice-button img{display: none!important;}
.historia .large_text .responsivevoice-button{position:initial; margin-bottom:20px}

.historia section .top figcaption{top:-100px;bottom:initial;background: linear-gradient(180deg,rgba(0,0,0,.7) 55%,rgba(0,0,0,.0) 100%);padding: 40px 4% 60px;}
.historia.label section .top figcaption{padding-top:60px}
.historia section .top figcaption .scroller{max-height:initial;}
.historia .active section .top figcaption{top:0;}
.historia section.white .top figcaption{background:linear-gradient(180deg,rgba(255, 255, 255, .9) 72%,rgba(255,255,255,.0) 100%);padding-bottom: 100px;}

.historia section .center figcaption{top: 50%;bottom:initial;background: radial-gradient(circle, rgba(0,0,0,.9) 0%, rgba(0,0,0,0) 70%);padding: 40px 7% 40px;background: rgba(0,0,0,.7);}
.historia section .center figcaption .scroller{max-height:initial;}
.historia .active section .center figcaption{top: 50%;transform: translateY(-50%);}
.historia section.white .center figcaption{background:linear-gradient(180deg,rgba(255, 255, 255, .9) 72%,rgba(255,255,255,.0) 100%);background: rgba(255,255,255,.8);}


.historia .view_image{/* position:absolute; */width: 45px;height: 45px;background: radial-gradient(circle, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 80%);padding: 8px;outline: none;margin: 0;}
.historia .view_image img{position:relative;min-height: initial!important;}
.historia .white .view_image{filter:invert(1)}

button.view_image {}
.videoslide{min-height:300px}

.historia .gallery_full{display:none}

.historia section.black{background: #111;color:#fff;}
.historia section.black h1{ color:#fff; font-weight: 900;}

/* Azules */

.historia section.azul1{background: #2D2C68;color:#fff;}
.historia section.azul1 h1{ color:#fff; font-weight: 900;}

.historia section.azul2{background: #173B68;color:#fff;}
.historia section.azul2 h1{ color:#fff; font-weight: 900;}

.historia section.azul3{background: #1C3255;color:#fff;}
.historia section.azul3 h1{ color:#fff; font-weight: 900;}

/* Gris */
.historia section.gris1{background:  #594747;color:#fff;}
.historia section.gris1 h1{ color:#fff; font-weight: 900;}

.historia section.gris2{background:  #382E2C;color:#fff;}
.historia section.gris2 h1{ color:#fff; font-weight: 900;}



.historia section a{color:#ADCD6D; text-decoration:underline;}



.historia section.white{color:#333;background: #fff;}
.historia section.white figcaption{background: linear-gradient(0deg,rgba(255, 255, 255, .9) 72%,rgba(255,255,255,.0) 100%);color: #222;}
.historia section.white h1, .historia section.white h2, .historia section.white h3, .historia section.white h4{color: #000!important; font-weight: 700;}
.historia section.white .scroll_retro{background: linear-gradient(0deg,rgba(255, 255, 255, .8) 49%,rgba(255,255,255,.0) 100%);}

.historia section small{margin:10px 0;display:block;font-size: 1em;text-transform: uppercase;}
.historia section small.center{ text-align:center;}

.historia .op2{opacity: .2}
.historia .op4{opacity: .4}
.historia .op6{opacity: .6}
.historia .op8{opacity: .8}
.historia video.op4{opacity:1}

.historia .owl-item,.historia .owl-stage,.historia .owl-stage-outer{position:relative;height:100%;overflow: visible;display: flex;}
.historia .owl-item{opacity: .1;transition:.4s;transform: scale(.8);border-radius: 2px;box-shadow: 0 10px 40px rgba(0,0,0,.3);overflow: hidden;}
.historia .owl-item.active{opacity:1;transform: scale(1);}
.historia .owl-dots{position: fixed;display:flex;width: 100%;bottom: 8px;left: 0;padding: 0 2%;}
.historia .owl-dots button{width: 100%;height: 5px;background: #6f6f6f;border-radius: 1px;margin: 0 .3%;transition: .4s;opacity: .2;cursor: pointer;}
.historia .owl-dots button.active{opacity:1;background: #003D78;}
.historia .owl-prev,.historia .owl-next{border-radius: 2px;} 
.historia .owl-prev{left: -100px;}
.historia .owl-next{right: -100px;}
.historia .owl-prev,.historia .owl-next{top: calc(50% - 40px);background: rgba(255,255,255,1);width: 80px;height: 80px;border-radius: 7px;cursor: pointer;outline: none;color: var(--ch-green);;}
.historia .owl-nav .disabled{opacity:.2; cursor:default;}

.historia figcaption.large_text{position: relative;width:100%;height:100%;padding: 60px 20px 40px 20px;bottom: 0;max-height: calc(100% - 100px);}
.historia figcaption.large_text p{margin:0 0 15px;}

.historia figcaption.large_text h1{font-size:2em; font-weight: 900;}
.historia figcaption.large_text h2{font-weight:bolder; color:#fff; font-size:1.9em; margin:30px 0 10px; font-weight: 900;}
.historia section.white figcaption.large_text{background: linear-gradient(0deg,rgba(255, 255, 255, 0.9) 76%,rgba(0,0,0,.0) 100%);}
.historia section.black figcaption.large_text{background: linear-gradient(0deg,rgba(0,0,0,.9) 76%,rgba(0,0,0,.0) 100%);}
.historia section.black figcaption.large_text .scroller{max-height: 100%;}

.historia section.azul1 figcaption.large_text{background: linear-gradient(0deg,rgba(45,44,104,.9) 76%,rgba(0,0,0,.0) 100%);}
.historia section.azul1 figcaption.large_text .scroller{max-height: 100%;}

.historia section.azul2 figcaption.large_text{background: linear-gradient(0deg,rgba(23,59,104,.9) 76%,rgba(0,0,0,.0) 100%);}
.historia section.azul2 figcaption.large_text .scroller{max-height: 100%;}

.historia section.azul3 figcaption.large_text{background: linear-gradient(0deg,rgba(28,50,85,.9) 76%,rgba(0,0,0,.0) 100%);}
.historia section.azul3 figcaption.large_text .scroller{max-height: 100%;}

.historia section.gris1 figcaption.large_text{background: linear-gradient(0deg,rgba(89,71,71,.9) 76%,rgba(0,0,0,.0) 100%);}
.historia section.gris1 figcaption.large_text .scroller{max-height: 100%;}

.historia section.gris2 figcaption.large_text{background: linear-gradient(0deg,rgba(56,46,44,.9) 76%,rgba(0,0,0,.0) 100%);}
.historia section.gris2 figcaption.large_text .scroller{max-height: 100%;}

.historia section.white blockquote:before{filter:invert(1)}
.historia section.white blockquote p:after{filter:invert(1)}

.historia .owl-item.active section figcaption.flexed{height:100%;padding:20px;align-items:center;justify-content:center;display: flex;flex-wrap: wrap;background: rgba(0,0,0,.7);font-size: .8em;text-align: center;transition: none;}
.historia .owl-item.active section figcaption.large{height:100%;padding:20px;align-items:center;justify-content:center;display: flex;flex-wrap: wrap;background: rgba(0,0,0,.7);overflow: hidden;}
.historia .owl-item.active section.white figcaption.flexed{background: rgba(255,255,255,.7);text-shadow: 0 0 20px #fff,0 0 100px #fff,0 0 200px #fff;}

.historia .pan1{width: 100%;height:100%;object-position: 100%;}
.historia .active .pan1{animation-name:pan1;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 20s;}
.safari .historia .pan1{width: 200%;object-position: 0; /*transform: translateX(-50%); */}
.safari .historia .active .pan1{/* animation-name:pan1safari; */ animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 20s;}

.historia .pan2{width: 100%;height:100%;object-position: 0;}
.historia .active .pan2{animation-name:pan2;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 20s;}
.safari .historia .pan2{width: 200%;object-position: 0;}
.safari .historia .active .pan2{ /*animation-name:pan2safari; */ sanimation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 20s;}


.historia .zoom1{width:100%;height:100%;}
.historia .active .zoom1{animation-name:zoom1;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 20s;}

.historia .zoom2{width:100%;height:100%;transform: scale3d(1.4,1.4,1.4);}
.historia .active .zoom2{animation-name:zoom2;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 20s;}

.historia .shake{width: 106%;height: 106%!important;left: -3%;top: -3%;}
.historia .active .shake{animation-name:shake2;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 4s;}

/* .historia .slideup{width: 120%;height: 140%!important;margin: -10%;} */
.historia .slideup{width: 100%;height: 110%!important;margin: 0%;}
.historia .active .slideup{animation-name:slideup;animation-fill-mode: both;animation-iteration-count: infinite;animation-duration: 20s;}

img.imgxtitle {
  display: flex;
  width: 90%;
  min-width: 310px;
  height: auto;
  min-height: 62px;
  margin: 0 auto;
}


/* @keyframes principal {
0% {  transform:scale3d(1.4,1.4,1.4);}
75% {  transform:scale3d(1,1,1);}
100% {  transform:scale3d(1.4,1.4,1.4);}
} */

@keyframes pan1 {0% {  object-position:100%;}
75% {  object-position:0;}
100% {  object-position:100%;}
}


@keyframes pan2 {0% {  object-position:0;}
75% {  object-position:100%;}
100% {  object-position:0;}
}


@keyframes pan1safari {
0% {transform:translateX(-50%);}
75% {transform:translateX(0%);}
100% {transform:translateX(-50%);}
}

@keyframes pan2safari {
0% {transform:translateX(0%);}
75% {transform:translateX(-50%);}
100% {transform:translateX(0%);}
}

@keyframes slideup {
0% {transform:translateY(0%);}
75% {transform:translateY(-30%);}
100% {transform:translateY(-0%);}
}

@keyframes zoom1 {
0%{ transform: scale3d(1,1,1);}
50% {  transform: scale3d(1.4, 1.4, 1.4);}
100% {  transform: scale3d(1,1,1);}
} 

@keyframes zoom2 {
0%{ transform: scale3d(1.4,1.4,1.4);}
50% {  transform: scale3d(1, 1, 1);}
100% {  transform: scale3d(1.4,1.4,1.4);}
} 

@keyframes shake2 {
10%, 90% {  transform: translate3d(-2px, 2px, -2px);}
20%, 80% {  transform: translate3d(1px, -2px, 0);}
30%, 50%, 70% {  transform: translate3d(-2px, 1px, -2px);}
40%, 60% {  transform: translate3d(3px, 3px, 0);}
}


@-webkit-keyframes flipInYmine {
  0% {
      -webkit-animation-timing-function: ease-in;
      -webkit-transform: perspective(400px) rotateY(90deg);
      animation-timing-function: ease-in;
      opacity: 0;
      transform: perspective(400px) rotateY(90deg)
  }

  40% {
      -webkit-animation-timing-function: ease-in;
      -webkit-transform: perspective(400px) rotateY(-20deg);
      animation-timing-function: ease-in;
      transform: perspective(400px) rotateY(-20deg)
  }

  60% {
      -webkit-transform: perspective(400px) rotateY(10deg);
      opacity: 1;
      transform: perspective(400px) rotateY(10deg)
  }

  80% {
      -webkit-transform: perspective(400px) rotateY(-5deg);
      transform: perspective(400px) rotateY(-5deg)
  }

  to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }
}

@keyframes flipInYmine {
  0% {
      -webkit-animation-timing-function: ease-in;
      -webkit-transform: perspective(400px) rotateY(90deg);
      animation-timing-function: ease-in;
      opacity: 0;
      transform: perspective(400px) rotateY(90deg)
  }

  40% {
      -webkit-animation-timing-function: ease-in;
      -webkit-transform: perspective(400px) rotateY(-20deg);
      animation-timing-function: ease-in;
      transform: perspective(400px) rotateY(-20deg)
  }

  60% {
      -webkit-transform: perspective(400px) rotateY(10deg);
      opacity: 1;
      transform: perspective(400px) rotateY(10deg)
  }

  80% {
      -webkit-transform: perspective(400px) rotateY(-5deg);
      transform: perspective(400px) rotateY(-5deg)
  }

  to {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }
}

.flipInYmine {
  -webkit-animation-name: flipInYmine;
  -webkit-backface-visibility: visible!important;
  animation-name: flipInYmine;
  backface-visibility: visible!important
}

@keyframes flipOutYmine {
  0% {
      -webkit-transform: perspective(400px);
      transform: perspective(400px)
  }

  30% {
      -webkit-transform: perspective(400px) rotateY(-15deg);
      opacity: 1;
      transform: perspective(400px) rotateY(-15deg)
  }

  to {
      -webkit-transform: perspective(400px) rotateY(90deg);
      opacity: 0;
      transform: perspective(400px) rotateY(90deg)
  }
}

.flipOutYmine {
  -webkit-animation-duration: .75s;
  -webkit-animation-name: flipOutYmine;
  -webkit-backface-visibility: visible!important;
  animation-duration: .75s;
  animation-name: flipOutYmine;
  backface-visibility: visible!important
}

.playsound{display:none}

.historia section.natural_view{overflow:hidden;}
.historia section.natural_view img,.historia section.natural_view video{position:relative;width:100%;height:auto;animation: none!important;min-height:300px}
.historia section.natural_view video{height: auto;object-fit: contain;}
.historia section.natural_view figure{overflow:auto;-webkit-overflow-scrolling:touch;display: block;position: relative;}
.historia section.natural_view figure figcaption{position: initial;padding: 4% 4% 60px;background: transparent;}
.historia section.natural_view figcaption .scroller{max-height: initial!important;overflow: visible;}


.historia section .list_histories{height:100%;padding: 80px 4% 4%;overflow: auto;-webkit-overflow-scrolling: touch;}
.historia section .list_histories h1{ color:#fff; font-size:1.4em; text-align:center; font-weight: 900;}

.historia section .description{position:absolute;z-index:2;/* background: rgba(0,0,0,.8); */right: 0;padding: 0 20px;color: #fff;font-size:.9em;text-shadow: 0 0 10px #000,0 0 20px #000,0 0 30px #000;transition:.4s;}
.historia section .description.active{opacity: 1!important;}
.historia section .bottom .description {top: 80px;}
.historia section .top .description,.historia section .center .description{top:initial;bottom:20px}
.historia section .description{top:20px}
.historia section.natural_view .description{top:calc(100% - 80px);opacity: 0;}

.list_in_note{padding:0 4%;}
.list_in_note .note{margin:0 0 6%}

.font-size-1 .historia{font-size: 0.8em}
.font-size-2 .historia{font-size: 0.9em}
.font-size-4 .historia{font-size: 1.1em}
.font-size-5 .historia{font-size: 1.2em}


.historia .trivia_slide{padding:0;}
.historia .trivia_slide figcaption{height:100%;max-height: initial;padding: 4% 4% 0!important;padding: 0!important;}
.historia .trivia_slide figcaption .scroller{padding: 4%!important;}
.historia .trivia_slide .wq_quizCtr{/* height:100%; *//* position: absolute; */top: 0;left: 0;/* padding: 4%; */}
.historia .trivia_slide .wq_quizProgressBarCtr{margin:0 0 4%}
.historia .trivia_slide .wq_questionTextCtr{background: #fff;color: #333;padding: 4%;border: none;width: 100%;border-radius: 10px 10px 0 0;}
.historia .trivia_slide .wq_questionMediaCtr{position:relative;padding: 0 0 54% 0;margin: 0;background: #f4f4f4;}
.historia .trivia_slide .wq_questionImage{height:100%;width:100%;position: absolute;top: 0;left: 0;}
.historia .trivia_slide .wq_questionMediaCtr img{position:absolute; width:100%; height:100%; left:0; top:0;}
.historia .trivia_slide .wq_questionTextCtr > *{color: #333;font-size: .9em;margin: 0;font-weight: 400;}
.historia .trivia_slide .wq_quizProgressBar{background: #d3d3d3;border-radius:10em;border: 1px solid #fff;margin: 0px;padding: 3px 5px;width: 100%;box-sizing: border-box;height: 30px;}
.historia .trivia_slide .wq_quizProgressBar>span{background: var(--ch-green);;border: none;box-shadow: none;line-height: 26px;padding: 0;text-align: center;font-size: .8em;border-radius: 10em;}
.historia .trivia_slide .wq_questionsCtr{position: relative;/* height:50%; */display: flex;/* border-radius: 9px; *//* overflow: hidden; */margin-bottom: 100px;}
.historia .trivia_slide .wq_questionsCtr > *{width:100%;}
.historia .trivia_slide .wq_singleAnswerCtr{border:none;background: #f0f0f0;box-shadow:0 4px 10px rgba(0,0,0,.2);margin: 0 0 0%;border-radius: 120px;width: 49%;text-align: center;}
.historia .trivia_slide .wq_answersWrapper{display:flex;justify-content: space-between;}
.historia .trivia_slide .wq_singleAnswerCtr .wq_answerTxtCtr{margin: -3px 0 0 10px;}
.historia .trivia_slide .wq_singleAnswerCtr:hover{ border:none; background:#ddd;}
.historia .trivia_slide .wq_questionAnswersCtr{padding: 2%;background: #f0f0f0;}
.historia .trivia_slide .wq_singleQuestionWrapper .wq_continue{/* position:fixed; *//* bottom:0; *//* left: 0; */width: 100%;padding: 2% 0%;margin: 2% 0 0;background: #000;}
.historia .trivia_slide .wq-continue-btn{background: var(--ch-green);;font: normal 1em 'AktivGrotesk';width: 100%;margin: 0;}
.historia .trivia_slide .wq-should-show-correct-answer .wq_singleAnswerCtr.wq_incorrectAnswer{border: none;background: #e22718;}
.historia .trivia_slide .wq-should-show-correct-answer .wq_singleAnswerCtr.wq_correctAnswer{background:green;border: none;}
.historia .trivia_slide .wq_triviaQuestionExplanation{padding: 3% 3% 1%;border:none;margin: 0;background: #ffffff;border-radius: 0;}
.historia .trivia_slide .wq_triviaQuestionExplanation p{color:#333;font-size: .9em;}
.historia .trivia_slide .wq-explanation-head-correct{color:green}
.historia .trivia_slide .wq-explanation-head-incorrect{color: #e22718;}
.historia .trivia_slide .wq-results{background: rgba(0,0,0,.4);padding:4%;border: 1px solid #444;border-radius: 5px;}
.historia .trivia_slide .wq-results .wq_resultScoreCtr{color: var(--ch-green);;}

.historia section .list_histories h1{ color:#fff; font-size:1.4em; text-align:center; font-weight: 900;}

.historia.no_animations img{animation: initial!important;object-position: center!important;}
.historia.no_bucle img{animation-iteration-count:1!important;;}

.historia .fix_logo{position: absolute!important;top:20px;width: 100%!important;height: 100px!important;object-fit:contain;min-height: initial!important;}

.gallery_full{position:fixed;display:flex;top:0;left:0;z-index:2;width: 100%;height: 100%;background: #000;}
.gallery_full picture{position: absolute;padding:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background: #000;padding: 50px;}
.gallery_full picture img{width: auto!important;height:auto;max-width:100%;max-height: 100%;}
.gallery_full picture p{position:absolute;bottom:0;padding: 50px 4%;color: #fff;background: linear-gradient(0deg,rgba(0,0,0,.9) 40%,rgba(0,0,0,.0) 93%);width: 100%;}
.gallery_full picture p span{display:block;font-size:.8em;width: 100%;text-align: center;}
.gallery_full .close{top:0; right:0;}
.gallery_full .owl-next,.gallery_full .owl-prev{top: calc(50% - 20px);}
.gallery_full .owl-nav .disabled{opacity:.3; cursor:default;}


.gallery_carousel{ position:relative; width:100%; height:100%;}
.gallery_carousel .owl-stage-outer,.gallery_carousel .owl-stage{height: 100%;}


.carta{background:#333;margin: 0 auto;display: flex;align-items: center;justify-content: center;}
.carta .inner {background:#fff;margin: 130px auto 100px;padding: 40px;box-shadow: 0 0 40px rgba(0,0,0,.89);}
.carta h1{width:100%;font-size: 3em;text-align: left;margin: 0 0 30px; font-weight: 900;}
.carta .content_text{}
.carta figure{float:right;margin: 0 0 20px 20px;width: 50%;}
.carta figure img{ margin:0;}
.carta .text{width:100%;/* display:flex; */flex-wrap: wrap;margin: 0;}
.carta .text p{color:#333;font-size: 1em;text-align: left;}
.carta .text p:before{content:'';float:left;width: 10px;display:block;height: 10px;}
.carta .firma{color:#000;text-align: left; margin:40px 0 0 0}
.carta .firma strong{ display:block; font-size:1.2em;margin:0 0 5px}
.carta .firma span{color:#666;}
.carta .navigation{ margin:0 0 30px}
.carta .navigation a{font: normal 1em 'AktivGrotesk';text-transform:uppercase;}



.carta_edicion{background:#fff;margin: 100px auto;height: calc(100% - 240px);width: 96%;padding: 40px;overflow:hidden;box-shadow: 0 0 40px #000;max-width: 800px;}
.carta_edicion .cat_carta{text-transform:uppercase;font:normal 1em 'AktivGrotesk';margin:0 0 20px;display:block;}
.carta_edicion figure{width: 50%;float:right;margin:0 0 0 20px;}
.carta_edicion figure img{ width:100%; margin:0;}
.carta_edicion .text{color:#333;margin:0;text-align:left;width: 100%;}
.carta_edicion .text p{margin:0 0 20px;color: #333;font-size: 1em;}
.carta_edicion figcaption{height: 70%;overflow: hidden;margin: 40px 0;padding: 30px 0 0 0;border-top: 1px solid #333;position: relative;}
.carta_edicion figcaption:before{position:absolute;content:'';width:100%;bottom:0;left:0;height: 100px;box-shadow: inset 0 -60px 30px -30px #fff;}
.carta_edicion .btn.center{width:200px;}


.alternative .historia section figcaption{background: #111;padding: 30px 4% 40px;opacity: 0;z-index: 2;width: 90%;border-top: 5px solid #006f6f;}
.alternative .historia .active section figcaption{bottom:0;opacity:1;}
.alternative .historia section figcaption.large_text{/* text-align:center; */bottom: 0;background: #111;}
.alternative .historia figcaption.large_text h1{/* font-size:3em */ font-weight: 900;}
.alternative .historia section figure img{height: 100%;object-position: top;opacity: 0;}
.alternative .historia .active section figure img{opacity:1}
.alternative .historia section figure video{height:70%}
.alternative .historia .intro_note figcaption{background:#111;padding:30px 4%;border-top: 8px solid #006f6f;}
.alternative .historia section.white figcaption{background: #f4f4f4;}
.alternative .historia section.white .top figcaption{bottom:initial;padding:80px 4% 0 }
.alternative .historia .active section .top figcaption{bottom:initial;border-top: none;border-bottom: 5px solid #006f6f;}
.alternative .historia .active section .center figcaption{left:5%;height: auto;display: inline-table;}



.layer_ad{position:fixed;top:0;left:0;z-index: 9999999;background: rgba(0,0,0,.7);width: 100%;height: 100%;backdrop-filter: blur(3px);display: flex;align-items: center;justify-content: center;opacity: 0;pointer-events: none;height: 0;transition: .4s;}
.layer_ad article{position:relative;width: 90%;height: 90%;max-width: 500px;max-height: 800px;}
.layer_ad article .close{right: -30px;top:-20px;background: #000;filter: invert(1);}
.layer_ad article .close:before{content:'CERRAR';position:absolute;right:110%;font-size: .8em;}
.layer_ad article .publicidad{width: 100%;height: 100%;position: relative;/* overflow: hidden; */}
.layer_ad article .publicidad:after{content:'PUBLICIDAD';color: #fff;position: absolute;bottom: -10px;left: 0;width: 100%;text-align: center;font-size: .8em;}
.layer_ad article .publicidad > *{width:100%;height:100%;object-fit: contain;position: relative;/* box-shadow: 0 0 40px #000; */}
.layer_ad.active{opacity:1;pointer-events:auto;height: 100%;}


.advertising .ads.half,.advertising .ads.box,.advertising .ads.leader{ display:none}

.presented{position:fixed;z-index:2;background: rgba(0,0,0,.7);color: #fff;display: flex;align-items: center;justify-content: center;width: 50%;left: 50%;transform: translateX(-50%);margin: 10px 0;padding: 4px 0;}
.presented .close{transform:scale(.7); right:0; top:0;}
.presented a{display:block;padding: 5px;}
.presented figure{ position:relative; width:100%; display:flex; align-items:center; justify-content:center; color:#fff;}
.presented figure img{max-width: 50%;height:auto;max-width: 140px;max-height: 35px;}
.presented figure figcaption{ margin:0 20px 0 0}
.historia .ads{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-wrap: wrap;background: #111;}
.historia .ads span{display:block;width:100%;color:#fff;text-align:center;text-transform:uppercase;font-size: 11px;}
.historia .ads img{max-width:100%;object-fit:contain;}
.historia .ads img{width: 100%;height: 100%;object-fit: contain;max-height: calc(100% - 20px);}
.adlink{position:absolute; top:0; left:0; width:100%; height:100%;}
.click_close{position:absolute; top:0; left:0; width:100%; height:100%;}
.historia .ads figure{justify-content: center;position: relative;padding: 10px;flex-wrap: wrap;max-height: 100%;height: 100%;align-items: center;display: flex;width: 100%;}
.historia .ads figure video{width:100%; height:calc(100% - 30px);}
.historia .ads.leader figure img{ width:100%}
.historia .ads figure > *{object-fit:contain;}
.historia .ads.box,.historia .ads.leader{background:none;margin: 10px 0;}



.comments_wrapper{position:fixed;height:100%;width: 94%;top:0;right:-100%;background: #565656;z-index:10;max-width:820px;transition: .4s;padding: 4% 4% 0;}
.comments_wrapper.active{right: 0;}
.comments_wrapper .nice{ margin:0}
.comments_wrapper .inner{position:relative;overflow:auto;height: calc(100% - 110px);margin: 20px auto;width: 100%;}
.comments_wrapper .inner iframe{background: #565656;}
.comments_wrapper .inner:before{content:"\f110";font: bold 2em "Font Awesome 6 Pro";animation:fa-spin 2s infinite linear;color: #36ffff;position: absolute;left: calc(50% - 20px);top: calc(50% - 20px);width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;top: 30px;}
.comments_wrapper .publicidad{position:absolute;bottom: 10px;left:0;display: flex;justify-content: center;width: 100%;}
.overlay_comments{position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.8);z-index: 9;cursor: pointer; display: none;}
.overlay_comments.active{display: block;}



.fillWidth{
  position: absolute;
  top: 0;
  width: 100%;
}
.plecaedomex {
  display: flex;
  height: 18px;
  width: 100%;
  position: absolute;
  z-index: 4;
  top: 0;
}


.lm1 {
  width: 100%;
  background: var(--puebla--negocios1);
}
/* .lm2 {
  width: 16.6%;
  background: var(--chiapas--orange);
}
.lm3 {
  width: 16.6%;
  background: var(--chiapas--green);
}
.lm4 {
  width: 16.6%;
  background: var(--chiapas--rose);
}
.lm5 {
  width: 16.6%;
  background: var(--chiapas--red);
}
.lm6 {
  width: 17%;
  background: var(--chiapas--yellow);
} */
 /* .lm7 {
  width: 12.5%;
  background: var(--chiapas--orange);
}
.lm8 {
  width: 12.5%;
  background: var(--chiapas--lime);
}  */
/*
.lm9 {
  width: 15%;
  background: #e45b74;
} */
/* ///// responsive ///// */

.logos .wrapper .col_12{
  margin: 0 auto;
}


/* laps */
@media only screen and (max-width: 1281px) {  nav ul li{/* margin:0 5px */}
}

/* tablet landscape */
@media only screen and (max-width: 1024px) {
.mas_vistos{flex-wrap:wrap;grid-template-columns: 1fr 1fr 1fr;}
.mas_vistos .note{width: 100%;}
.mas_vistos .note a{height:380px}
.portada_mes .en_edicion .btns_flex{flex-wrap:wrap;}
.portada_mes .en_edicion .btns_flex .btn{width:100%; margin:0 0 10px}
#edition .portada{/* max-width:400px */}
.carta_edicion figcaption{height:55%}
#edition .note{width:400px}
}



/* mobile portrait */
@media only screen and (max-width: 799px) {

html.full, html.full body, html.full main{position: fixed;top: 0;left: 0; width: 100%}
#loader-wrapper .loader_logo img{width:100px}

.col_aside, .col_2, .col_3, .col_3f, .col_4{width: 100%;}
.inner{width:100%;padding: 0 4%;}
.inner.simple{width:92%; font-size:.8em; padding:6%}

header .inner{height: 65px;}
header .logo{height: 65px;width: 60px;margin: 0 0 0 60px;}
header .logo_marca{height: 55px;width: calc(100% - 250px);position: absolute;left: 70px;top: 5px;}
header.active .logo{height: 60px;/* margin: 0; */}
header .right_btns{right:4%}
.open_nav{left:4%}
.open_search{right:4%}
header .session{width:40px}
header .session{width:40px; padding:0; text-align:center; right:calc(4% + 45px)}
header .dots .options a.session{right:initial;background:transparent;box-shadow:none;width: 100%;font: normal 1em/40px 'AktivGrotesk';}
header .dots .options a.session span{display:block;text-align:left;/* font-size: 1.2em; */}
header .session i{ margin:0;}
header .session span{display:none;}
header .logo img {
  height: 45px;
}

footer{width:100%;}
footer figure img{/* max-width:200px; */margin: 0 auto!important;display: block;max-width: 250px;}
footer .social{align-items:center;display:flex;/* justify-content:center; */margin-left: 24%;}

.logued_user{/* right: 60px; */width: 40px;height: 40px;}
.logued_user i{/* display:none; */}
.logued_user .name div{display: none;}
.logued_user .name{padding:0;}
.user_links{width: 150px;left: initial;right: 0px;transform: translateX(0);}
.user_links:before{right:5px; left:initial;}
nav .logued_user .name div{display:block;}

.title_menu{font-size:2em;text-align: center;}
.menu {display: block;width: 100%;height: 100%;grid-template-columns: 100%;grid-template-rows: auto;grid-template-areas: initial;}
.menu_open{pointer-events: auto;overflow: auto;-webkit-overflor-scrolling: touch;}
.menu_item{height:auto; grid-column:1;}

.menu_open .close{position:fixed;/* background: #333; */}
.item_1{padding:4%;grid-row: 1;transform: translate(-100%, 0%);}
.item_1 li a{line-height:40px;font-size: 1em;text-align: center;display: block;width: 100%;}
.item_2{grid-row:2;transform: translate(100%, 0%);}
/* .item_3{grid-row:3;padding: 5% 0;transform: translate(0, 300%);} */
.item_3{grid-row:3;padding: 5% 0;transform: translate(0, 400%);}
.item_4{grid-row:4;height: 100px;}

.all_editions{padding:80px 0 0 }

.info_perfil .frm_primary_label{width:100%;}
.info_perfil form .frm_form_field{flex-wrap:wrap;}

header .dots .options{left: -50px;}
header .dots .options:before{right:43px; left:initial;}

.search{top:100%;width: 92%;left: 4%;}
.search.active{height:50px}
.search input{font-size:1em}

footer .col_3{ margin:0 0 10%}
figure.col_3.logo_estado {margin: 0px 31% 10%;}

.btns_flex{ flex-wrap:wrap}
.btns_flex .btn{ width:100%; margin:0 0 4%}

.tabs > section a{white-space:nowrap; font-size:.9em}

.intro_section{padding: 20px 0 70px;margin: 0 0 20%;}
.intro_section:before{width: calc(100% - 30px);top: 230px;height: 50%;}
.intro_section h1{font-size: 1.4em;padding: 2% 0;margin: 0; font-weight: 900;}
.intro_section p{font-size: .85em;/* padding-right:40px; */}
.intro_section .btns_flex{flex-wrap:nowrap;}
.intro_section .btns_flex *{width: auto;margin: 0 10px 0 0;}

.slides-images img{height: 220px;}
.slides-images{ margin:0 0 10%}

.slides-text .item .brand{margin:0 0 10px}

.custom_arrows{bottom: -70px;left: 50%;/* transform: translateX(20%); */}

.mas_vistos{grid-template-columns: 1fr;margin: 0 0 14%;grid-gap: 30px;padding: 0 4%;}
.mas_vistos:before{top:35%}
.mas_vistos .note{width:100%;}
.mas_vistos .note a{height: 470px;font-size: 1em;}

.pagination{margin-bottom:12%}

.portada_mes{grid-template-columns: 1fr 1fr;margin: 4% 0;grid-gap: 20px;}


.suscribe{padding:10% 0}
.suscribe_hook{width:100%;}
.suscribe_hook:before{width: 390px;box-shadow: -70px -90px 0 rgba(0,0,0,.8), 60px 60px 0 rgba(0,0,0,.3);}
.suscribe_hook h2{font-size:2em; text-align:center; width:100%; font-weight: 900;}
.get_user{width:100%;padding: 6%;}

.full .suscribe{ padding-top:120px;overflow:auto;-webkit-overflow-scrolling:touch;}

form#loginform label{font-size:.8em; letter-spacing:0.1em}

#edition .portada{height: calc(100% - 150px);top: 0px;}
#edition .portada .elem{align-items:center;display: flex;}
#edition .note{height:100%;width: 100%;}
#edition .note:after{opacity:.7}
#edition .note figcaption{padding: 110px 4% 80px;background: linear-gradient(0deg, rgba(0,0,0,.7) 30% , rgba(0,0,0,0) 100%  );}
#edition .note figcaption strong{font-size: 1.6em;text-shadow: 0 0 20px rgba(0,0,0,.8);}
#edition .note figcaption span{font-size: .9em;text-shadow: 0 0 20px rgba(0,0,0,.8);-webkit-line-clamp: 3;}
.edition-wrapper nav{bottom: 10px;max-width: 92%;width: 92%;}
.edition-wrapper nav div{width:100%}
#bb-nav-open{padding: 0 15px;min-width: 90px;font-size: .8em;}


.full .open_nav span, .full .open_nav span:before, .full .open_nav span:after{background:#fff;}

.historia{height:100%;top:0;font-size: 1em;line-height: 1.7em;}
.historia .owl-item{transform:none;opacity:1; box-shadow:none;}
.historia:before{background: linear-gradient(180deg,rgba(0,0,0,.8) 00%,rgba(0,0,0,.0) 100%);content:'';display:block;position:absolute;top:0;left:0;width: 100%;height: 60px;z-index: 2;}

.historia section figcaption .scroller{max-height:220px}

.historia section figcaption .scroller{max-height: 250px;}
.font-size-1 .historia section figcaption .scroller{}
.font-size-2 .historia section figcaption .scroller{}
.font-size-4 .historia section figcaption .scroller{max-height: 330px;}
.font-size-5 .historia section figcaption .scroller{max-height: 380px;}

.safari .historia{font-size: 1.1em;line-height: 1.6em;}
.safari .font-size-1 .historia{font-size: .9em;}
.safari .font-size-2 .historia{font-size: 1em;}
.safari .font-size-4 .historia{font-size: 1.3em;}
.safari .font-size-5 .historia{font-size: 1.4em;}



.historia .responsivevoice-button{}
.historia .intro_note .responsivevoice-button{top:160px}
.historia section .top figcaption{padding-top: 70px;}

.historia figcaption h1{font-size:1.6em; font-weight: 900;}
.historia figcaption h2{font-size:1.4em; font-weight: 900;}
.historia figcaption h3{font-size:1.2em; font-weight: 700;}
.historia figcaption h4{font-size:1.1em; font-weight: 700;}
.historia figcaption.large_text h1{font-size:1.6em; font-weight: 900;}

.historia .intro_note h1{font-size:1.6em; font-weight: 900;}
.historia .intro_note h2{font-size:1em; font-weight: 900;}
.historia .category{font-size:.8em}

.historia.trivia_slide section figcaption{padding-top:80px;}
.historia.trivia_slide .owl-dots{opacity:0;}
.historia.trivia_slide .wq_singleQuestionWrapper .wq_continue{padding:4%}

.btns_opts{top: 60px;left:initial;right:4%;width:40px;display: none;}
.btns_opts button{ width:40px; height:40px; font-size:1em; margin:1px 0}

.list_notes{ display:block;}

.list_results .note a figure{width:20%}
.list_results .note a figcaption{padding:6%;width:80%;left: 20%;font-size: .9em;}

.list_saved{display:block;}
.list_saved .note{ margin:0 0 4%}

.list_editions{grid-template-columns: 1fr 1fr;grid-gap: 20px;}
.portada figure {
  height: 100%;
}
.portada figure img, .portada figure video {
  object-fit: contain;
}

.list_editions.all{grid-template-columns:1fr 1fr;margin: 0 0 50px;}
.list_editions .portada{font-size: .6em;/* height:280px; */}
.list_editions .portada figcaption div span{white-space:nowrap; width:100%;}
.list_editions .portada figcaption div{flex-wrap:wrap;}

.intro_page h1{font-size:2em;margin: 10% 0 0 0; font-weight: 900;}

.gallery_full picture{padding:0;}
.gallery_full picture p{padding:20px 10px}
.gallery_full .close{background:#000;}

.carta .inner{margin:100px 0; width:92%; padding:20px}
.carta h1{ font-size:2em; font-weight: 900;}
.carta figure{width:100%}
.carta .text p:before{width:20px}
.carta .firma{font-size:.9em}

.carta_edicion{padding:20px;height: calc(100% - 160px);margin: 0px 0 0;}
.carta_edicion .cat_carta{font-size:.8em}
.carta_edicion figcaption{font-size:.8em;margin:10px 0;padding:10px 0 0;height: calc(100% - 160px);}

.contacto .intro_page{min-height: 260px;}
.contact_text form{padding:10px}


.art_title{font-size:2em;margin: 0 0 8%;}
.art_title span{font-size: 2em;top: -50%;}

.intro_home{padding:100px 0 0 0;margin-bottom: 10%;}
.intro_home h2{font-size:3.2em; left:0; font-weight: 900;}
.intro_home h1{font-size: 1.8em;padding: 30px 0 0 0; font-weight: 900;}
.text_intro{width: 100%;padding: 0 0 0 1%;}
.intro_home p{font-size:1em}
.media_support{width: 100%;}
.media_support:after{top: 23%;width: 98%;height: 31%;right: -23%;}
.media_support:before{width:100%;right: -40%;}
.media_support figure{top: 45%;width: 60%;height: 55%;}
.brands{flex-wrap:wrap;width: 38%;margin: 30px 0 0 2%;background: #222;}
.brands a{width: 100%;padding: 12px 25px;filter: invert(1) brightness(5);}
.brands a img.mexicodesconocido{height: 26px;}
.brands a img.altonivel{width:80%}
.brands a img.nupcias{height: 31px;width: 77%;}
.brands a img.entrepreneur{margin:0;width: 89%;}

.intro_page{padding: 100px 0 30px;}
.intro_page h2{font-size:4em; font-weight: 900;}
.intro_page.altonivel .brand img{height:25px}

.slides-text .item{flex-wrap:wrap;justify-content: flex-end;}
.slides-text .item figure{height: 230px;width: 70%;}
.slides-text .item .txt{width:100%;min-height: 280px;border-bottom: 1px solid;}

.lightbox.video iframe{width:100%; height:300px;}

.ediciones_marca{margin: 18% 0;}
.ediciones_marca .inner{flex-wrap:wrap;}
.ediciones_marca .text_edicion{width:100%;padding:0;}
.portadas_carousel{width:100%;flex-wrap: wrap;}
.portadas_carousel a.portada{width: 100%;margin: 0 auto 4%;}

.ads.half{padding-top: 50px;height: 100%;}
.ads.halfbanner{padding-top: 50px;height: 100%;}
.historia .ads figure > *{max-height: calc(100% - 30px);/* color: black; */}
.presented{/* margin: 60px auto 0; */width: 92%!important;top: 50px!important;}
.layer_ad article{max-height: calc(100% - 80px);width: 94%;/* padding: 10px; *//* background: #333; */}
.layer_ad article .close{right:0;top:-25px}

.comments_wrapper{padding:30px 4%;}
.comments_wrapper .inner{padding:0;}

.new_home{padding: 260px 0 30px;margin-bottom: -5px;z-index: 1;}
.new_home h2{font-size: 1.8em;padding: 0; font-weight: 900;}

.edicion_home{padding:10% 0}

.carousel_portadas{position:relative;z-index:2;margin-bottom: 50px;}
.carousel_portadas .portada{width: 90%;height: auto;margin: 0 auto;}
.portadas_carousel_home{width:100%;/* height:400px */touch-action: manipulation;}

.portada.proximamente div.proximamente{opacity:1; background:rgba(0,0,0,.7)}


.portada_mes .portada{width: 70%;font-size: .7em;}
.portada figcaption strong{min-height:50px}
.portada_mes .en_edicion{width:100%;padding: 18% 8% 4%;margin: -20% 0 0 0;}


.new_home h3{font-size: .9em;max-width: initial; font-weight: 700;}



  
}

.fillWidth {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html.oldwindows *[data-animation^="fade"]{opacity: 1!important; animation-duration: 0s!important}

a.post-edit-link {color: #fff;}
a.btn.block.bookmark.session {
  display: none;
}
h2.title_english {
  font-size: 1em;
  color: var(--chiapas--yellow);
  font-weight: 900;
}
h3.title_english {
  font-size: .9em;
  color: var(--chiapas--yellow);
  font-weight: 700;
}
.textdiscover{
  font-size:.4em;
  color: var(--chiapas--green)
}

.textinglesportada{
  color: var(--chiapas--lime);
}


/* laps small */
@media only screen and (max-height: 720px) and (orientation:landscape){

body{ font-size:.8em}
header .logo{height:60px}

header.active .logo{ height:60px}

.intro_section{ font-size:.8em}
.intro_section p{font-size:1.4em}

.slides-images img{height:300px}

.historia{max-width: 370px;height: calc(100% - 90px);top: 80px;font-size: .9em;}
.historia .responsivevoice-button{height:30px}

.portada_mes .portada{height: 440px;width: 300px;}
.portada_mes .en_edicion{pmargin: 4% 0 0 -4%;}

#edition .portada{margin: 0;height: calc(100% - 160px);max-width: 300px;background:transparent; box-shadow:none;}
#edition .portada figure > *{object-fit:contain;}
#edition .note figcaption strong{font-size:3em; margin:3% 0}
#edition .note a.bookmark{top:140px}

.carta_edicion{height:calc(100% - 160px)}
.carta_edicion figcaption{height:50%;}

.layer_ad {}
.layer_ad article .publicidad > *{object-fit:contain;}

.layer_ad article{ background:#111}


}

.containerwaves{
  z-index: 2;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.waves {
  position:relative;
  width: 100%;
  height:8vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}


/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
  /* .content {
    height:30vh;
  } */
  footer .wrapper {
    margin-top: 1em;
  }


  .edicion_home.reverse .portada_mes {
    flex-direction: column-reverse;
  }
  .edicion_home.reverse .portada_mes .portada {
    transform: perspective(222px) rotateY(358deg) rotate(1deg);
    width: 70%;

  }
  .new_home h4 {
    font-size: .8em;
  }

  
}


/* tablet pro portrait */
@media screen and (min-width: 500px) and (max-width: 1200px) and (orientation:portrait){
.intro_section{padding-top:140px}
.mas_vistos{flex-wrap:wrap;}
.mas_vistos .note{width:50%;}

.portada_mes .en_edicion .btns_flex{flex-wrap:wrap;}
.portada_mes .en_edicion .btns_flex .btn{width:100%; margin:0 0 10px}

#edition .portada{width:100%;max-width: 80%;}
#edition .portada figcaption div.logo{height:200px;}

#edition .portada figcaption strong{font-size:3em}
#edition .portada figcaption div span{font-size:1em}

.historia{max-width: 700px;font-size:1.4em;}



.carta_edicion{max-height:800px}

}

/* tablet portrait */ 
@media screen and (min-width: 500px) and (max-width: 800px) and (orientation:portrait){
.historia{width: 80%;height: calc(100% - 160px);top: 100px;font-size:1em;max-width: 500px;}
.list_editions .portada{height:460px}

#edition .portada{max-width: 78%;max-height: inherit;}
#edition .note{height:calc(100% - 200px)}
#edition .portada figcaption div.logo{height: 150px;}
#edition .portada figcaption strong{font-size: 2em;}
#edition .portada figcaption div span{font-size:1em}

.carta_edicion{max-height:600px}

}



/* mobile ultra small */
@media only screen and (max-width: 321px) {
  #loader-wrapper .loader_logo img{width:80px}
  header .logo{height:55px}
  header .logo img{margin:2% 0 0 0}
  .historia{font-size: .85em;}
  .btns_opts{top:60px}
  .logued_user{/* right:57px */}
  #bb-nav-open{padding:0 3px}
  .edition-wrapper nav div{min-width: 40px;}
  #bb-nav-open{min-width:80px}
}


/* mobile safari 7 */
@media only screen and (max-width: 768px) and (max-height: 1366px) {
  .item_3 {
    grid-row: 3;
    padding: 5% 0;
    transform: translate(0, 600%);
  }
  .portada_mes .en_edicion {
    width: 100%;
    padding: 23% 8% 4%;
    margin: -20% 0 0 0;
  }
}


/* mobile safari 7 */
@media only screen and (max-width: 376px) and (max-height: 570px) {
  body{background: #000}
  .safari .historia{font-size: .75em;position:fixed;top:0;left: 0;width: 100%;height: 100%;}
}