@media only screen and (max-width: 767px){
body.no-scroll{overflow: hidden;}

/*----------  BARRA TOP  ----------*/
.caja-top{display: flex;width: 100%;background: var(--color-fondo);position: fixed;top: 0;z-index: 3;} 
footer.caja-top{position: static;background: black;}
.caja-top .caja-top-hijo{display: flex;justify-content: space-between;align-items: center;width: 90%;margin: auto;} 
.caja-top.pegajoso{/*position: sticky;top: 0;z-index: 2;*/}
.caja-top .caja-top-hijo.bottom{flex-direction: column-reverse;padding: 3.125vw 0;}

.caja-top .caja-top-hijo .caja-logo-coop{display: inline-flex;align-items: center;width: 100%;justify-content: space-between;} 
.caja-top .caja-top-hijo .caja-logo-coop a.enlace-coop{width: 21.875vw;display: inline-block;}
.caja-top .caja-top-hijo .caja-logo-coop a.enlace-coop img{width: 100%;height: auto;object-fit: cover;max-height: 15vw;}
.caja-top .caja-top-hijo .caja-logo-coop p{display: inline-block;color: white;font-size: 3.75vw;padding: 0 10vw 0 0;} 
.caja-top .caja-top-hijo .caja-logo-coop p.bottom{padding: 0;}

.caja-top .caja-top-hijo nav.mini-menu{display: none;}
.caja-top .caja-top-hijo nav.mini-menu.bottom{display:block;width: 100%;padding: 0 0 3.125vw  0;}
.caja-top .caja-top-hijo nav.mini-menu.bottom ul.listado{display: flex;}
.caja-top .caja-top-hijo nav.mini-menu.bottom ul.listado li{display: inline-flex;justify-content: center;align-items: center;/* flex-grow: 1; */flex: 1;} 
.caja-top .caja-top-hijo nav.mini-menu.bottom ul.listado li:hover a{transition: all 1s linear;-webkit-transition: all 1s linear;background: #025e9c;}
.caja-top .caja-top-hijo nav.mini-menu.bottom ul.listado li a{color: white;font-size: 3.125vw;padding: 3.125vw 0;}

.swipe-nav__panel {position: absolute;top: 0;bottom: 0;right: 0;width:75vw;/* width: 15em; */margin: 2em 0;transition: 0.2s ease-out;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);background-color: #03283c;will-change: transform;}
.swipe-nav__scroller {height: 100%;overflow-y: auto;overflow-x: hidden;/* overflow: auto; */}
.js .swipe-nav__panel:after {position: fixed; top: 0; bottom: 0; left: 100%; visibility: visible; width: 1em; content: ''; }

.caja-top .caja-top-hijo .cont-btn-menu{display: inline-flex;justify-self: start;/* margin-right: 5vw; */}
.caja-top .caja-top-hijo .cont-btn-menu .menu-button {display: flex;align-items: center;/*! position: absolute; */z-index: 1;height: 15.25vw;left: .66667em;font-size: 5vw;width: 1.25em;}
.caja-top .caja-top-hijo .cont-btn-menu .menu-button span::before {content: "";position: absolute;top: -8px;}
.caja-top .caja-top-hijo .cont-btn-menu .menu-button span::after{content: "";position: absolute;top: 8px;}
.caja-top .caja-top-hijo .cont-btn-menu .menu-button span{position: relative;display: block;height: 10.9375vw;}
.caja-top .caja-top-hijo .cont-btn-menu .menu-button span,
.caja-top .caja-top-hijo .cont-btn-menu .menu-button span::before,
.caja-top .caja-top-hijo .cont-btn-menu .menu-button span::after{width: 100%;height: 4px;background-color: white;transition: all 0.3s;backface-visibility: hidden;border-radius: 2px;}

.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav {position: fixed;z-index: 1;top: -2em;right: 0;bottom: -2em;left: 0;visibility: hidden;/* height: 50vh; */transition: visibility 0.2s ease;z-index: 2;}
.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav .swipe-nav__overlay {cursor: default;display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;transition: opacity 0.2s ease;-webkit-transform: translateZ(0);transform: translateZ(0);opacity: 0;background: rgba(0, 0, 0, 0.5);will-change: opacity;}

.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav__inner {/* position: relative; */min-height: 100%;/* height: 15.625vw; *//* padding-bottom: 1em; */border-top: 20vw solid #03283c;} 
.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav__inner .menu-nombre{width: 100%;display: flex;flex-flow: wrap row;align-items: center;position: absolute;top: 0;background: #03283c;padding: 0 3.125vw;/* z-index: 1; *//* left: 50%; *//* transform: translate(-50%, -50%); *//* -webkit-transform: translate(-50%, -50%); *//* margin:0 20vw 0 20vw; *//* border-bottom: 4px solid #06456f; */} 
.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav__inner .menu-nombre .txt-nombre{display: inline-flex;width: 30vw;height: 9.375vw;margin: 0 0 0 auto;background: url(/podcast/imag/custom/logos/cooperativa_podcast_completo.svg) no-repeat center;background-size: 100%;} 
.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav__inner .listado-programas{position:relative;display: flex;flex-direction: column;/* height: 100vh; *//* overflow-y: auto; *//* overflow-x: hidden; *//* width: 100%; *//* background: black; *//* margin: 3.125vw 0; */}
.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav__inner .listado-programas li::before{content:'';position:absolute;height: 0.3125vw;width:90%;left: 50%;background: rgba(90, 255, 255, 0.1);transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);/* visibility: hidden; */} 
.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav__inner .listado-programas li:first-child::before{
    
visibility: hidden;
}
.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav__inner .listado-programas a{width: 90%;display: flex;/* justify-content: center; */align-items: center;margin: 3.5vw auto;position: relative;color: white;} 
.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav__inner .listado-programas a.enlace-portada{
    /* background: url(http://especiales2.cooperativa.cl/apps/imag/2020/media_kit/home.svg) no-repeat center; */
    background-size: 100%;
    /* width: 14.0625vw; */
    height: 14.0625vw;
    margin: auto;
}

.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav__inner .listado-programas a.enlace-portada::before{content:'volver';position:absolute;text-transform: capitalize;left: 0;}
.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav__inner .listado-programas a:last-child::after{display: none;}
.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav__inner .listado-programas a .programa-hijo{position:relative;width: 90%;display: flex;flex-direction: row;height: 10.9375vw;}
.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav__inner .listado-programas a .programa-hijo .nombre-podcast{display: inline-flex;align-items: center;}
.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav__inner .listado-programas a .programa-hijo .nombre-podcast .txt-nombre-podcast{color: #fff;font-size: 3vw;font-weight: bold;}
.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav__inner .listado-programas a .programa-hijo .portada-podcast-img{position: relative; width: 10.9375vw; height: 10.9375vw; } 
.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav__inner .listado-programas a .programa-hijo .portada-podcast-img img{height: 100%;width: 100%;position: absolute;}
.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav__inner .listado-programas a .programa-hijo .portada-podcast .icono-audifonos{position: absolute;z-index: 1;top: 10px;right: 10px;width: 6.25vw;height: 6.25vw;background: var(--audifonos) no-repeat center;background-size: contain;}
.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav__inner .listado-programas a .programa-hijo .portada-podcast .logo-coop{position: absolute;width: 14.0625vw;height: 4.6875vw;z-index: 1;background: var(--coop) no-repeat center;background-size: contain;bottom: 0;left: 0;}
.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav__inner .listado-programas a .programa-hijo .contenido-podcast{display: inline-flex;flex: 1;margin-left: 3.125vw;align-items: center;}
.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav__inner .listado-programas a .programa-hijo .contenido-podcast p{font-size: 3vw;color: #fff; font-weight: bold;}
.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav__inner .menu-button {display: inline-flex;/* top: -8vw; */position: relative;}

.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav--open,
.no-js .swipe-nav:target {visibility: visible;}

.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav--open .swipe-nav__overlay,
.no-js .swipe-nav:target .swipe-nav__overlay {opacity: 1;}

.caja-top .caja-top-hijo .cont-btn-menu .swipe-nav--open .swipe-nav__panel,
.no-js .swipe-nav:target .swipe-nav__panel {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}


}

@media only screen and (min-width: 768px){
/*----------  BARRA TOP  ----------*/
.caja-top{display: flex;width: 100%;min-height: 90px;background: var(--color-fondo);position: fixed;top: 0;z-index: 3;}
.caja-top.bottom-fixed{position: static;}
footer.caja-top{position: static;background: black;}
.caja-top .caja-top-hijo{display: flex;justify-content: space-between;align-items: center;max-width: 1300px;width: 90%;margin: 0 auto;} 
.caja-top .caja-top-hijo .caja-logo-coop{display: inline-flex; align-items: center; } 
.caja-top .caja-top-hijo .caja-logo-coop a.enlace-coop{width: 130px; display: inline-block; }
.caja-top .caja-top-hijo .caja-logo-coop a.enlace-coop img{min-width:130px;height: auto;max-height: 80px;}
.caja-top .caja-top-hijo .caja-logo-coop p{display: inline-block;color: white;font-size: 1.375rem;padding: 0 0 0 15px;font-weight: lighter;} 
.caja-top .caja-top-hijo .cont-btn-menu{display: none;}
.caja-top .caja-top-hijo nav.mini-menu{
    display: inline-flex;
}
.caja-top .caja-top-hijo nav.mini-menu ul.listado{display: flex;}
.caja-top .caja-top-hijo nav.mini-menu ul.listado li{display: inline-flex; justify-content: center; align-items: center; flex-grow: 1; } 
.caja-top .caja-top-hijo nav.mini-menu ul.listado li.primer-li:hover a{
    /*background: url(http://especiales2.cooperativa.cl/apps/imag/2020/media_kit/home.svg) no-repeat center;*/
    /* background: none; */
    /* background-size: 100%; */
    /* opacity: 0.8; */
}
.caja-top .caja-top-hijo nav.mini-menu ul.listado li:hover a{transition: all 0.3s linear;-webkit-transition: all 0.3s linear;background: #025e9c;}
.caja-top .caja-top-hijo nav.mini-menu ul.listado li a{color: white;padding: 5px 15px;font-size: 1rem;position: relative;display: flex;align-items: center;text-align: center;}
.caja-top .caja-top-hijo nav.mini-menu ul.listado li a.enlace-portada{/* background: url(http://especiales2.cooperativa.cl/apps/imag/2020/media_kit/home.svg) no-repeat center; *//* width: 50px; *//* opacity: 1; *//* height: 90px; *//* position: relative; *//* border-bottom: 6px solid white; *//* background-size: 100%; */}
.caja-top .caja-top-hijo nav.mini-menu ul.listado li a.enlace-portada::after{
    content: 'Volver';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-size: 1rem;
    color: white;
    text-transform: capitalize;
    display: none;
    }
}