/*
* CSS: Súper Humanos / Ahora Noticias / Mega
* Por Iván Hermosilla Araya
* Última actualización: 04/12/2018
*/


/* CResponsive: dispositivos
–––––––––––––––––––––
- 01. Iphone 5
- 02. Iphone 6, 7 y 8
- 03. Iphone 6, 7 y 8 +
- 04. Phablets
- 05. Ipad
- 06. Ipad
- 07. Laptop
- 08. Custom


*/

/* 01. Iphone 5
––––––––––––––––––––––––––– */


@media (min-width: 320px) and (max-width:374px) {

body.home {
    background-image: none;
}    
    
body.home:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    background: url(../images/bg.jpg) no-repeat top center !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}  
    
/* 01. header*/    
main#principal {
    margin-top: 10px;
}
header.large {
    position: relative;
    height: 120px;
}
header.large .fila {
    width: 100%;
}
header .columna.ahn, header.large .columna.menu {
    display: none;
}
header.large .columna.menu .icono-menu {
    position: absolute;
    right: 0;
    top: 0;
}
header.large .columna.logo {
    position: absolute;
    left: 0;
    top: 0;
}

header.small {
    height: 70px;
}    
header.small .fila {
    width: 100%;
}    
header.small .columna.menu .icono-menu {
    padding-top: 10px;
    padding-left: 10px;
}
header.small .columna.logo {
    text-align: right;
}
header.small .columna.logo img {
    width: 120px;
}
    
/* 02. footer*/    
footer .fila {
    width: 100%;
}
footer {
    padding: 10px;
    padding-top: 0px;
}  
    
/* 03. ads*/
.contenedor-ads .ads {
    width: 320px;
    min-width: 300px;
    min-height: 50px;
}
.contenedor-ads .ads .top, .contenedor-ads .ads .bottom1 {
    min-width: 300px;
    min-height: 50px;
}
    
/* Menú overlay*/
.contenido-overlay .items {
    margin-top: 20px;
    flex-direction: column;
}
.contenido-overlay .items .columna {
    margin-bottom: 50px;
}  
.contenido-overlay img.logo-super-humanos {
    width: 200px;
    margin-top: -20px;
}
.overlay {
    overflow: scroll;
}    
.overlay .cerrar-menu {
    top: 10px;
    right: 10px;
}

/* 04. home: top content*/
#principal section.top-content .tc-contenedor {
    width: 90%;
    margin-top: 10px;
}
#principal section.top-content h1 {
    font-size: 40px;
    line-height: 36px;
}
#principal section.top-content .tc-contenedor .columna.parrafo {
    padding-top: 0px;
    padding-bottom: 0px;
    padding: 20px;
}
#principal section.top-content .tc-contenedor p {
    font-size: 14px;
    line-height: 20px;
    padding-top: 0px;
}
header.large .columna.logo img {
    width: 200px; 
}    
    
/* 05. home: capitulos */
#principal section.sh-capitulos {
    width: 100%;
    margin: 0px;
    height: auto;
}    
#principal section.sh-capitulos .fila {
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
}
#principal section.sh-capitulos .fila .columna.capitulo {
    float: left;
    width: 100%;
    margin-bottom: 160px;
}
#principal section.sh-capitulos .fila .columna.capitulo .descripcion-cap .right .btn .contenido .icono {
    font-size: 20px;
}
#principal section.sh-capitulos .fila .columna.capitulo .descripcion-cap {
    padding: 10px;
}
#principal section.sh-capitulos .fila .columna.capitulo:hover {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    margin-top: 0px;
}
    
#principal section.sh-capitulos {
    display: block;
    text-align: center;
}
#principal section.sh-capitulos .fila {
    height: auto;
    margin-bottom: 50px;
}
#principal section.sh-capitulos .fila + .fila {
    height: auto;
    margin-bottom: 50px;
    width: 90%;
}
#principal section.sh-capitulos .fila h2 {  
    font-size: 24px;
    margin-left: 0px;
}   
#principal section.sh-capitulos .fila .columna.capitulo.off .descripcion-cap {
    padding: 25%;
    padding-bottom: 0px;
    padding-top: 20px;
    background-color: #212161;
}
#principal section.sh-capitulos .fila + .fila .columna.capitulo {
    width: 100%;
}
    
    
    
/**//**//**//**/  /*>>>>  PAGINA DE CAPITULO */  
/**//**//**//**/  /*>>>>  PAGINA DE CAPITULO */ 

body.capitulo {
    background-image: none;
}   
body.capitulo:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
    
/*top capitulo*/
body.capitulo #secretos .contenedor-secretos  {
    width: 100%;
}    
body.capitulo #principal section.top-content .contenedor-titulo {
    width: 92%;
    padding: 10px;
    height: 400px;
    display: block;
}    
body.capitulo #principal section.top-content h1 {
    font-size: 50px;
    line-height: 50px;
}
body.capitulo #principal section.top-content h2 {
    font-size: 18px;
    margin-top: 10px;
}
body.capitulo #principal section.top-content p {
    width: 90%;
    font-size: 16px;
    line-height: 20px;
}
body.capitulo #principal section.top-content a.ver-capitulo {
    margin-right: 0px;
}
body.capitulo #principal section.top-content a.ver-capitulo {
    padding: 16px 30px;
}    
body.capitulo #principal section.top-content a.otros-capitulos {
    padding: 16px 30px; 
}
body.capitulo #principal section.top-content a.ver-capitulo:hover {
    padding: 16px 30px;
}    
body.capitulo #principal section.top-content a.otros-capitulos:hover {
    padding: 16px 30px; 
}
body.capitulo #principal section.top-content ul li {
    height: 60px;
}
body.capitulo #secretos .contenedor-secretos {
    height: auto;
}    
    
/*slider*/
.owl-theme .owl-nav {
    display: none;
}    
.owl-theme .owl-dots {
    margin-top: -40px;
    z-index: 9999;
}
body.capitulo #secretos .contenedor-secretos .item-secreto, body.capitulo #secretos .contenedor-secretos .item-secreto:hover {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
}  
body.capitulo #secretos .contenedor-secretos .item-secreto:hover {
    margin-top: 0px;
}    
body.capitulo #secretos .contenedor-secretos .item-secreto .relacionados {
    height: auto;
    overflow-y: hidden;
}


/*video capitulo*/    
body.capitulo #secretos .contenido-video .contenedor-video {
    width: 100%;
}
body.capitulo #contenedor-video {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0px;
}    
#contenedor-video h3 {
    font-size: 26px;
    padding: 10px;
    padding-bottom: 0px;
}
body.capitulo #secretos .contenido-video {
    margin-top: -70px;
}
body.capitulo #contenedor-video .capitulo-completo {
    padding: 10px;
}    
    
    
    
    
/**//**//**//**/  /*>>>>  PAGINA DE ARTÍCULO */  
/**//**//**//**/  /*>>>>  PAGINA DE ARTÍCULO */  
    
body.articulo .contenedor-nota, body.articulo .contenedor-nota article, body.articulo .contenedor-nota aside {
    width: 100%;
}
body.articulo .contenedor-nota {
    padding: 10px;
    width: 92%;
    display: block;
    padding-top: 30px;
}
body.articulo .contenedor-nota article {
    padding: 0px;
    display: inline-block;
    float: unset;
}
body.articulo .contenedor-nota aside {
    display: inline-block;
    float: unset;
}
body.articulo .contenedor-ads.top {
    margin-top: 0px;
}
body.articulo .contenedor-nota article h1 {
    font-size: 36px;
    line-height: 36px;
}
body.articulo .contenedor-nota article h3 {
    font-size: 18px;
    font-family: 'Open-Sans-Regular';
    color: rgba(255,255,255,0.5);
    line-height: 20px;
    margin-bottom: 6px;
}
body.articulo:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    background: url(../images/bg-articulo.jpg) no-repeat top center !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}  
body.articulo {
    background-image: none;
}
    
#contenedor-video span.play-ico {
    width: 100%;
    font-size: 70px;
    padding-top: 30px;
}  
    
.contenido-overlay .items {
    margin-top: 50px;
    display: flex;
}
.contenido-overlay .items .columna {
    display: block;
    float: inherit;
    width: 100%;
    height: 250px;
    margin: 0 auto;
}    
    
body.capitulo .contenedor-ads {
    padding-top: 90px;
}    
    
    
} /*fin iphone 5*/







/* 02. Iphone 6, 7 y 8
––––––––––––––––––––––––––– */


@media (min-width: 375px) and (max-width:413px) {
    
body.home {
    background-image: none;
}    
    
body.home:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    background: url(../images/bg.jpg) no-repeat top center !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}  

/* 01. header*/ 
main#principal {
    margin-top: 10px;
}
header.large {
    position: relative;
    height: 100px;
}
header.large .fila {
    width: 100%;
}
header .columna.ahn, header.large .columna.menu {
    display: none;
}
header.large .columna.menu .icono-menu {
    position: absolute;
    right: 0;
    top: 0;
}
header.large .columna.logo {
    position: absolute;
    left: 0;
    top: 0;
}

header.small {
    height: 70px;
}    
header.small .fila {
    width: 100%;
}    
header.small .columna.menu .icono-menu {
    padding-top: 10px;
    padding-left: 10px;
}
header.small .columna.logo {
    text-align: right;
}
header.small .columna.logo img {
    width: 120px;
}
    
/* 02. footer*/    
footer .fila {
    width: 100%;
}
footer {
    padding: 10px;
    padding-top: 0px;
}  
    
/* 03. ads*/
.contenedor-ads .ads {
    width: 320px;
    min-width: 300px;
    min-height: 50px;
}
.contenedor-ads .ads .top, .contenedor-ads .ads .bottom1 {
    min-width: 300px;
    min-height: 50px;
}
    
/* Menú overlay*/
.contenido-overlay .items {
    margin-top: 20px;
    flex-direction: column;
}
.contenido-overlay .items .columna {
    margin-bottom: 50px;
}  
.contenido-overlay img.logo-super-humanos {
    width: 200px;
    margin-top: -20px;
}
.overlay {
    overflow: scroll;
}    
.overlay .cerrar-menu {
    top: 10px;
    right: 10px;
}

/* 04. home: top content*/
#principal section.top-content .tc-contenedor {
    width: 90%;
    margin-top: 10px;
}
#principal section.top-content h1 {
    font-size: 50px;
    line-height: 50px;
}
#principal section.top-content .tc-contenedor .columna.parrafo {
    padding-top: 0px;
    padding-bottom: 0px;
    padding: 20px;
}
#principal section.top-content .tc-contenedor p {
    font-size: 16px;
    line-height: 22px;
    padding-top: 0px;
}
header.large .columna.logo img {
    width: 200px; 
}    
    
/* 05. home: capitulos */
#principal section.sh-capitulos {
    width: 100%;
    margin: 0px;
    height: auto;
}    
#principal section.sh-capitulos .fila {
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
}
#principal section.sh-capitulos .fila .columna.capitulo {
    float: left;
    width: 100%;
    margin-bottom: 160px;
}
#principal section.sh-capitulos .fila .columna.capitulo .descripcion-cap .right .btn .contenido .icono {
    font-size: 20px;
}
#principal section.sh-capitulos .fila .columna.capitulo .descripcion-cap {
    padding: 10px;
}
#principal section.sh-capitulos .fila .columna.capitulo:hover {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    margin-top: 0px;
}
#principal section.sh-capitulos .fila .columna.capitulo .descripcion-cap p {
    font-size: 16px;
}
#principal section.sh-capitulos .fila .columna.capitulo .imagen-cap h2 {
    font-size: 36px;
    bottom: 50px;
}
#principal section.sh-capitulos .fila .columna.capitulo .imagen-cap p {
    font-size: 24px;
    margin-top: -18px;
}
    
    
#principal section.sh-capitulos {
    display: block;
    text-align: center;
}
#principal section.sh-capitulos .fila {
    height: auto;
    margin-bottom: 50px;
}
#principal section.sh-capitulos .fila + .fila {
    height: auto;
    margin-bottom: 50px;
    width: 90%;
}
#principal section.sh-capitulos .fila h2 {  
    font-size: 28px;
    margin-left: 0px;
}   
#principal section.sh-capitulos .fila .columna.capitulo.off .descripcion-cap {
    padding: 25%;
    padding-bottom: 0px;
    padding-top: 20px;
    background-color: #212161;
}
#principal section.sh-capitulos .fila + .fila .columna.capitulo {
    width: 100%;
}    
    
    
/**//**//**//**/  /*>>>>  PAGINA DE CAPITULO */  
/**//**//**//**/  /*>>>>  PAGINA DE CAPITULO */ 

body.capitulo {
    background-image: none;
}   
body.capitulo:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
    
/*top capitulo*/
body.capitulo #secretos .contenedor-secretos  {
    width: 100%;
}    
body.capitulo #principal section.top-content .contenedor-titulo {
    width: 92%;
    padding: 10px;
    height: 400px;
    display: block;
}    
body.capitulo #principal section.top-content h1 {
    font-size: 60px;
    line-height: 60px;
}
body.capitulo #principal section.top-content h2 {
    font-size: 18px;
    margin-top: 10px;
}
body.capitulo #principal section.top-content p {
    width: 90%;
    font-size: 16px;
    line-height: 20px;
}
body.capitulo #principal section.top-content a.ver-capitulo {
    margin-right: 0px;
}
body.capitulo #principal section.top-content a.ver-capitulo {
    padding: 16px 30px;
}    
body.capitulo #principal section.top-content a.otros-capitulos {
    padding: 16px 30px; 
}
body.capitulo #principal section.top-content a.ver-capitulo:hover {
    padding: 16px 30px;
}    
body.capitulo #principal section.top-content a.otros-capitulos:hover {
    padding: 16px 30px; 
}
body.capitulo #principal section.top-content ul li {
    height: 60px;
}
body.capitulo #secretos .contenedor-secretos {
    height: auto;
}    
    
/*slider*/
.owl-theme .owl-nav {
    display: none;
}    
.owl-theme .owl-dots {
    margin-top: -40px;
    z-index: 9999;
}
body.capitulo #secretos .contenedor-secretos .item-secreto, body.capitulo #secretos .contenedor-secretos .item-secreto:hover {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
} 
body.capitulo #secretos .contenedor-secretos .item-secreto:hover {
    margin-top: 0px;
}
body.capitulo #secretos .contenedor-secretos .item-secreto .relacionados {
    height: auto;
    overflow-y: hidden;
}

    
/*video capitulo*/    
body.capitulo #secretos .contenido-video .contenedor-video {
    width: 100%;
}
body.capitulo #contenedor-video {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0px;
}    
#contenedor-video h3 {
    font-size: 26px;
    padding: 20px;
    padding-bottom: 0px;
}
body.capitulo #secretos .contenido-video {
    margin-top: -80px;
}
body.capitulo #contenedor-video .capitulo-completo {
    padding: 20px;
}   
    
    
    
    
/**//**//**//**/  /*>>>>  PAGINA DE ARTÍCULO */  
/**//**//**//**/  /*>>>>  PAGINA DE ARTÍCULO */  
    
body.articulo .contenedor-nota, body.articulo .contenedor-nota article, body.articulo .contenedor-nota aside {
    width: 100%;
}
body.articulo .contenedor-nota {
    padding: 30px;
    width: 80%;
    display: block;
    padding-top: 30px;
}
body.articulo .contenedor-nota article {
    padding: 0px;
    display: inline-block;
    float: unset;
}
body.articulo .contenedor-nota aside {
    display: inline-block;
    float: unset;
}
body.articulo .contenedor-ads.top {
    margin-top: 0px;
}
body.articulo .contenedor-nota article h1 {
    font-size: 36px;
    line-height: 36px;
}
body.articulo .contenedor-nota article h3 {
    font-size: 18px;
    font-family: 'Open-Sans-Regular';
    color: rgba(255,255,255,0.5);
    line-height: 20px;
    margin-bottom: 6px;
}
body.articulo:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    background: url(../images/bg-articulo.jpg) no-repeat top center !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}  
body.articulo {
    background-image: none;
}
body.capitulo #secretos .contenedor-secretos .item-secreto .cover-video i {
    top: 12%;
    left: 42%;
}    
    
    
#contenedor-video span.play-ico {
    width: 100%;
    font-size: 84px;
    padding-top: 30px;
}    
    
.contenido-overlay .items {
    margin-top: 50px;
    display: flex;
}
.contenido-overlay .items .columna {
    display: block;
    float: inherit;
    width: 100%;
    height: 250px;
    margin: 0 auto;
}    
body.capitulo .contenedor-ads {
    padding-top: 90px;
}
    
    
} /*fin iphone 6, 7 y 8*/






/* 03. Iphone 6, 7 y 8 +
––––––––––––––––––––––––––– */


@media (min-width: 414px) and (max-width:520px) {
    
body.home {
    background-image: none;
}    
    
body.home:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    background: url(../images/bg.jpg) no-repeat top center !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}  

/* 01. header*/ 
main#principal {
    margin-top: 10px;
}
header.large {
    position: relative;
    height: 100px;
}
header.large .fila {
    width: 100%;
}
header .columna.ahn, header.large .columna.menu {
    display: none;
}
header.large .columna.menu .icono-menu {
    position: absolute;
    right: 0;
    top: 0;
}
header.large .columna.logo {
    position: absolute;
    left: 0;
    top: 0;
}

header.small {
    height: 70px;
}    
header.small .fila {
    width: 100%;
}    
header.small .columna.menu .icono-menu {
    padding-top: 10px;
    padding-left: 10px;
}
header.small .columna.logo {
    text-align: right;
}
header.small .columna.logo img {
    width: 120px;
}

    
/* 02. footer*/    
footer .fila {
    width: 100%;
}
footer {
    padding: 10px;
    padding-top: 0px;
}  
    
/* 03. ads*/
.contenedor-ads .ads {
    width: 320px;
    min-width: 300px;
    min-height: 50px;
}
.contenedor-ads .ads .top, .contenedor-ads .ads .bottom1 {
    min-width: 300px;
    min-height: 50px;
}
    
/* Menú overlay*/
.contenido-overlay .items {
    margin-top: 20px;
    flex-direction: column;
}
.contenido-overlay .items .columna {
    margin-bottom: 50px;
}  
.contenido-overlay img.logo-super-humanos {
    width: 200px;
    margin-top: -20px;
}
.overlay {
    overflow: scroll;
}    
.overlay .cerrar-menu {
    top: 10px;
    right: 10px;
}

/* 04. home: top content*/
#principal section.top-content .tc-contenedor {
    width: 90%;
    margin-top: 10px;
}
#principal section.top-content h1 {
    font-size: 50px;
    line-height: 50px;
}
#principal section.top-content .tc-contenedor .columna.parrafo {
    padding-top: 0px;
    padding-bottom: 0px;
    padding: 20px;
}
#principal section.top-content .tc-contenedor p {
    font-size: 16px;
    line-height: 22px;
    padding-top: 0px;
}
header.large .columna.logo img {
    width: 200px; 
}    
    
/* 05. home: capitulos */
#principal section.sh-capitulos {
    width: 100%;
    margin: 0px;
    height: auto;
}    
#principal section.sh-capitulos .fila {
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
}
#principal section.sh-capitulos .fila .columna.capitulo {
    float: left;
    width: 100%;
    margin-bottom: 160px;
}
#principal section.sh-capitulos .fila .columna.capitulo .descripcion-cap .right .btn .contenido .icono {
    font-size: 20px;
}
#principal section.sh-capitulos .fila .columna.capitulo .descripcion-cap {
    padding: 10px;
}
#principal section.sh-capitulos .fila .columna.capitulo:hover {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    margin-top: 0px;
}
#principal section.sh-capitulos .fila .columna.capitulo .descripcion-cap p {
    font-size: 16px;
}
#principal section.sh-capitulos .fila .columna.capitulo .imagen-cap h2 {
    font-size: 40px;
    bottom: 50px;
}
#principal section.sh-capitulos .fila .columna.capitulo .imagen-cap p {
    font-size: 24px;
    margin-top: -18px;
}
    
#principal section.sh-capitulos {
    display: block;
    text-align: center;
}
#principal section.sh-capitulos .fila {
    height: auto;
    margin-bottom: 50px;
}
#principal section.sh-capitulos .fila + .fila {
    height: auto;
    margin-bottom: 50px;
    width: 90%;
}
#principal section.sh-capitulos .fila h2 {  
    font-size: 36px;
    margin-left: 0px;
}   
#principal section.sh-capitulos .fila .columna.capitulo.off .descripcion-cap {
    padding: 25%;
    padding-bottom: 0px;
    padding-top: 20px;
    background-color: #212161;
}
#principal section.sh-capitulos .fila + .fila .columna.capitulo {
    width: 100%;
}
    
/**//**//**//**/  /*>>>>  PAGINA DE CAPITULO */  
/**//**//**//**/  /*>>>>  PAGINA DE CAPITULO */ 

body.capitulo {
    background-image: none;
}   
body.capitulo:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
    
/*top capitulo*/
body.capitulo #secretos .contenedor-secretos  {
    width: 100%;
}    
body.capitulo #principal section.top-content .contenedor-titulo {
    width: 92%;
    padding: 10px;
    height: 390px;
    display: block;
}    
body.capitulo #principal section.top-content h1 {
    font-size: 60px;
    line-height: 60px;
}
body.capitulo #principal section.top-content h2 {
    font-size: 18px;
    margin-top: 10px;
}
body.capitulo #principal section.top-content p {
    width: 90%;
    font-size: 16px;
    line-height: 20px;
}
body.capitulo #principal section.top-content a.ver-capitulo {
    margin-right: 0px;
}
body.capitulo #principal section.top-content a.ver-capitulo {
    padding: 16px 30px;
}    
body.capitulo #principal section.top-content a.otros-capitulos {
    padding: 16px 30px; 
}
body.capitulo #principal section.top-content a.ver-capitulo:hover {
    padding: 16px 30px;
}    
body.capitulo #principal section.top-content a.otros-capitulos:hover {
    padding: 16px 30px; 
}
body.capitulo #principal section.top-content ul li {
    height: 60px;
}
body.capitulo #secretos .contenedor-secretos {
    height: auto;
}    
    
/*slider*/
.owl-theme .owl-nav {
    display: none;
}    
.owl-theme .owl-dots {
    margin-top: -40px;
    z-index: 9999;
}
body.capitulo #secretos .contenedor-secretos .item-secreto, body.capitulo #secretos .contenedor-secretos .item-secreto:hover {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}    
body.capitulo #secretos .contenedor-secretos .item-secreto:hover {
    margin-top: 0px;
}
body.capitulo #secretos .contenedor-secretos .item-secreto .relacionados {
    height: auto;
    overflow-y: hidden;
}

/*video capitulo*/    
body.capitulo #secretos .contenido-video .contenedor-video {
    width: 100%;
}
body.capitulo #contenedor-video {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0px;
}    
#contenedor-video h3 {
    font-size: 26px;
    padding: 20px;
    padding-bottom: 0px;
}
body.capitulo #secretos .contenido-video {
    margin-top: -80px;
}
body.capitulo #contenedor-video .capitulo-completo {
    padding: 20px;
}    
    
    
    
    
/**//**//**//**/  /*>>>>  PAGINA DE ARTÍCULO */  
/**//**//**//**/  /*>>>>  PAGINA DE ARTÍCULO */  
    
body.articulo .contenedor-nota, body.articulo .contenedor-nota article, body.articulo .contenedor-nota aside {
    width: 100%;
}
body.articulo .contenedor-nota {
    padding: 30px;
    width: 80%;
    display: block;
    padding-top: 30px;
}
body.articulo .contenedor-nota article {
    padding: 0px;
    display: inline-block;
    float: unset;
}
body.articulo .contenedor-nota aside {
    display: inline-block;
    float: unset;
}
body.articulo .contenedor-ads.top {
    margin-top: 0px;
}
body.articulo .contenedor-nota article h1 {
    font-size: 36px;
    line-height: 36px;
}
body.articulo .contenedor-nota article h3 {
    font-size: 18px;
    font-family: 'Open-Sans-Regular';
    color: rgba(255,255,255,0.5);
    line-height: 20px;
    margin-bottom: 6px;
}    
body.articulo:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    background: url(../images/bg-articulo.jpg) no-repeat top center !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}  
body.articulo {
    background-image: none;
}
    
body.capitulo #secretos .contenedor-secretos .item-secreto .cover-video i {
    top: 15%;
    left: 42%;
}
    
#contenedor-video span.play-ico {
    width: 100%;
    font-size: 100px;
    padding-top: 30px;
}  
    
    
.contenido-overlay .items {
    margin-top: 50px;
    display: flex;
}
.contenido-overlay .items .columna {
    display: block;
    float: inherit;
    width: 100%;
    height: 250px;
    margin: 0 auto;
}   
body.capitulo .contenedor-ads {
    padding-top: 90px;
}
    
} /*fin iphone 6, 7 y 8 +*/



/* 04. Phablets
––––––––––––––––––––––––––– */






/* 05. Ipad
––––––––––––––––––––––––––– */

@media (min-width: 768px) and (max-width:1023px) {
    
/*header*/
header.large .fila {
    width: 100%;
}
header.small .fila {
    width: 100%; 
}
header.large .columna.ahn img.logo-ahn {
    padding-right: 20px;
}
header.large .columna.menu .icono-menu {
    padding-left: 20px;
}
header.small .columna.menu .icono-menu {
    padding-top: 36px;
    padding-left: 20px;
}
header.small .columna.ahn img.logo-ahn {
    padding-right: 20px;
}


/* Menú overlay*/
.contenido-overlay .items {
    margin-top: 20px;
    flex-direction: column;
}
.contenido-overlay .items .columna {
    margin-bottom: 50px;
}  
.contenido-overlay img.logo-super-humanos {
    width: 200px;
    margin-top: -20px;
}
.overlay {
    overflow: scroll;
}    
.overlay .cerrar-menu {
    top: 10px;
    right: 10px;
}
    
/*footer*/
footer .fila {
    width: 100%;
}
footer .logo-mega {
    padding-right: 20px;
}
footer .logo-ahn {
    padding-left: 20px;
}  
    
    
/*ads*/
.contenedor-ads .ads {
    width: 728px !important;
    min-width: 728px !important;
}
    
/*home: top content*/
#principal section.top-content .tc-contenedor {
    width: 100%;
}
#principal section.top-content .tc-contenedor .columna.parrafo {
    margin: 20px;
}    
    
/*home: capitulos*/
#principal section.sh-capitulos {
    height: auto;
    width: 96%;
}    
#principal section.sh-capitulos .fila .columna.capitulo {
    width: 50%;
    margin-bottom: 160px;
}
#principal section.sh-capitulos .fila .columna.capitulo.off .proximamente {
    padding-top: 10px;
}
#principal section.sh-capitulos .fila .columna.capitulo:hover, #principal section.sh-capitulos .fila .columna.capitulo {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
    margin-top: 0px;
} 
#principal section.sh-capitulos .fila .columna.capitulo .imagen-cap h2 {
    font-size: 40px;
    bottom: 48px;
}
#principal section.sh-capitulos .fila .columna.capitulo .imagen-cap p {
    font-size: 20px;
}
    
#principal section.sh-capitulos .fila {
    height: auto;
}    
#principal section.sh-capitulos .fila + .fila {
    height: auto;
}  
#principal section.sh-capitulos .fila .columna.capitulo {
    width: 50%;
    margin-bottom: 160px;
}    
#principal section.sh-capitulos .fila + .fila .columna.capitulo {
    width: 50%;
    margin-bottom: 160px;
}   
#principal section.sh-capitulos .fila .columna.capitulo.off .descripcion-cap {
    padding: 34% ;
    padding-bottom: 0px;
    padding-top: 20px;
    background-color: #212161;
}     
#principal section.sh-capitulos .fila + .fila .columna.capitulo.off .descripcion-cap {
    padding: 28%;
    padding-bottom: 0px;
    padding-top: 20px;
    background-color: #212161;
}
    
    
    

/**//**//**//**/  /*>>>>  PAGINA DE CAPITULO */  
/**//**//**//**/  /*>>>>  PAGINA DE CAPITULO */ 

body.capitulo {
    background-image: none;
}   
body.capitulo:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
    
/*top capitulo*/
body.capitulo #secretos .contenedor-secretos  {
    width: 100%;
}    
body.capitulo #principal section.top-content .contenedor-titulo {
    width: 92%;
    padding: 10px;
    height: 250px;
    display: block;
}    
body.capitulo #principal section.top-content h1 {
    font-size: 80px;
    line-height: 120px;
}
body.capitulo #principal section.top-content h2 {
    font-size: 24px;
    margin-top: -20px;
}
body.capitulo #principal section.top-content p {
    width: 90%;
    font-size: 16px;
    line-height: 20px;
}
body.capitulo #principal section.top-content a.ver-capitulo {
    margin-right: 0px;
}
body.capitulo #principal section.top-content a.ver-capitulo {
    padding: 16px 30px;
    margin-right: 30px;
}    
body.capitulo #principal section.top-content a.otros-capitulos {
    padding: 16px 30px; 
}
body.capitulo #principal section.top-content a.ver-capitulo:hover {
    padding: 16px 30px;
}    
body.capitulo #principal section.top-content a.otros-capitulos:hover {
    padding: 16px 30px; 
}
body.capitulo #principal section.top-content ul li {
    height: 60px;
}
body.capitulo #secretos .contenedor-secretos {
    height: auto;
}    
    
/*slider*/
.owl-theme .owl-nav {
    display: none;
}    
.owl-theme .owl-dots {
    margin-top: -40px;
    z-index: 9999;
}
body.capitulo #secretos .contenedor-secretos .item-secreto, body.capitulo #secretos .contenedor-secretos .item-secreto:hover {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}    
body.capitulo #secretos .contenedor-secretos .item-secreto:hover {
    margin-top: 0px;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -30px !important;
}

/*video capitulo*/    
body.capitulo #secretos .contenido-video .contenedor-video {
    width: 100%;
}
body.capitulo #contenedor-video {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0px;
}    
#contenedor-video h3 {
    font-size: 36px;
    padding: 20px;
    padding-bottom: 0px;
}
body.capitulo #secretos .contenido-video {
    margin-top: 20px;
}
body.capitulo #contenedor-video .capitulo-completo {
    padding: 20px;
}    
    
/**//**//**//**/  /*>>>>  PAGINA DE ARTÍCULO */  
/**//**//**//**/  /*>>>>  PAGINA DE ARTÍCULO */  
    
body.articulo .contenedor-nota, body.articulo .contenedor-nota article, body.articulo .contenedor-nota aside {
    width: 100%;
}
body.articulo .contenedor-nota {
    padding: 50px;
    width: 82%;
    display: block;
    padding-top: 30px;
}
body.articulo .contenedor-nota article {
    padding: 0px;
    display: inline-block;
    float: unset;
}
body.articulo .contenedor-nota aside {
    display: inline-block;
    float: unset;
    height: auto;
}
body.articulo .contenedor-ads.top {
    margin-top: 180px;
}
body.articulo .contenedor-nota article h1 {
    font-size: 42px;
    line-height: 42px;
}
body.articulo .contenedor-nota article h3 {
    font-size: 18px;
    font-family: 'Open-Sans-Regular';
    color: rgba(255,255,255,0.5);
    line-height: 20px;
    margin-bottom: 6px;
}  
body.articulo .contenedor-nota article p {
    font-size: 18px;
    line-height: 26px;
}    

.contenido-overlay .items {
    margin-top: 50px;
    display: block;
}
.contenido-overlay .items .columna {
    display: block;
    width: 33%;
    float: left;
    height: 250px;
}    
    
    
} /*fin Ipad +*/


/* 06. Ipad + Laptop
––––––––––––––––––––––––––– */

@media (min-width: 960px) and (max-width:1199px) {
    
    
/*header*/
header.large .fila {
    width: 100%;
}
header.small .fila {
    width: 100%; 
}
header.large .columna.ahn img.logo-ahn {
    padding-right: 20px;
}
header.large .columna.menu .icono-menu {
    padding-left: 20px;
}
header.small .columna.menu .icono-menu {
    padding-top: 36px;
    padding-left: 20px;
}
header.small .columna.ahn img.logo-ahn {
    padding-right: 20px;
}



    
/*footer*/
footer .fila {
    width: 100%;
}
footer .logo-mega {
    padding-right: 20px;
}
footer .logo-ahn {
    padding-left: 20px;
}  
    
    
/*ads*/
.contenedor-ads .ads {
    width: 728px !important;
    min-width: 728px !important;
}
    
/*home: top content*/
#principal section.top-content .tc-contenedor {
    width: 100%;
}
#principal section.top-content .tc-contenedor .columna.parrafo {
    margin: 20px;
}    
    
/*home: capitulos*/
#principal section.sh-capitulos {
    height: auto;
    width: 96%;
}    
#principal section.sh-capitulos .fila {
    height: auto;
}    
#principal section.sh-capitulos .fila + .fila {
    height: auto;
}  
#principal section.sh-capitulos .fila .columna.capitulo {
    width: 50%;
    margin-bottom: 160px;
}    
#principal section.sh-capitulos .fila + .fila .columna.capitulo {
    width: 33%;
    margin-bottom: 160px;
}   
#principal section.sh-capitulos .fila .columna.capitulo.off .descripcion-cap {
    padding: 34%;
    padding-bottom: 0px;
    padding-top: 20px;
    background-color: #212161;
}   
    
    
    

#principal section.sh-capitulos .fila .columna.capitulo.off .proximamente {
    padding-top: 10px;
}
#principal section.sh-capitulos .fila .columna.capitulo:hover, #principal section.sh-capitulos .fila .columna.capitulo {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
    margin-top: 0px;
} 
#principal section.sh-capitulos .fila .columna.capitulo .imagen-cap h2 {
    font-size: 40px;
    bottom: 44px;
}
#principal section.sh-capitulos .fila .columna.capitulo .imagen-cap p {
    font-size: 20px;
}
    

/**//**//**//**/  /*>>>>  PAGINA DE CAPITULO */  
/**//**//**//**/  /*>>>>  PAGINA DE CAPITULO */ 

body.capitulo {
    background-image: none;
}   
body.capitulo:before {
    content: "";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
    
/*top capitulo*/
body.capitulo #secretos .contenedor-secretos  {
    width: 100%;
}    
body.capitulo #principal section.top-content .contenedor-titulo {
    width: 92%;
    padding: 10px;
    height: 250px;
    display: block;
}    
body.capitulo #principal section.top-content h1 {
    font-size: 80px;
    line-height: 120px;
}
body.capitulo #principal section.top-content h2 {
    font-size: 24px;
    margin-top: -20px;
}
body.capitulo #principal section.top-content p {
    width: 90%;
    font-size: 16px;
    line-height: 20px;
}
body.capitulo #principal section.top-content a.ver-capitulo {
    margin-right: 0px;
}
body.capitulo #principal section.top-content a.ver-capitulo {
    padding: 16px 30px;
    margin-right: 30px;
}    
body.capitulo #principal section.top-content a.otros-capitulos {
    padding: 16px 30px; 
}
body.capitulo #principal section.top-content a.ver-capitulo:hover {
    padding: 16px 30px;
}    
body.capitulo #principal section.top-content a.otros-capitulos:hover {
    padding: 16px 30px; 
}
body.capitulo #principal section.top-content ul li {
    height: 60px;
}
body.capitulo #secretos .contenedor-secretos {
    height: auto;
}    
    
/*slider*/
.owl-theme .owl-nav {
    display: none;
}    
.owl-theme .owl-dots {
    margin-top: -40px;
    z-index: 9999;
}
body.capitulo #secretos .contenedor-secretos .item-secreto, body.capitulo #secretos .contenedor-secretos .item-secreto:hover {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}    
body.capitulo #secretos .contenedor-secretos .item-secreto:hover {
    margin-top: 0px;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -30px !important;
}

/*video capitulo*/    
body.capitulo #secretos .contenido-video .contenedor-video {
    width: 100%;
}
body.capitulo #contenedor-video {
    width: 800px;
    margin-top: 20px;
    margin-bottom: 0px;
}    
#contenedor-video h3 {
    font-size: 36px;
    padding: 20px;
    padding-bottom: 0px;
}
body.capitulo #secretos .contenido-video {
    margin-top: 20px;
}
body.capitulo #contenedor-video .capitulo-completo {
    padding: 20px;
}    
    
/**//**//**//**/  /*>>>>  PAGINA DE ARTÍCULO */  
/**//**//**//**/  /*>>>>  PAGINA DE ARTÍCULO */  
    
body.articulo .contenedor-nota, body.articulo .contenedor-nota article, body.articulo .contenedor-nota aside {
    width: 100%;
}
body.articulo .contenedor-nota {
    padding: 50px;
    width: 82%;
    display: block;
    padding-top: 30px;
}
body.articulo .contenedor-nota article {
    padding: 0px;
    display: inline-block;
    float: unset;
}
body.articulo .contenedor-nota aside {
    display: inline-block;
    float: unset;
    height: auto;
}
body.articulo .contenedor-ads.top {
    margin-top: 180px;
}
body.articulo .contenedor-nota article h1 {
    font-size: 42px;
    line-height: 42px;
}
body.articulo .contenedor-nota article h3 {
    font-size: 18px;
    font-family: 'Open-Sans-Regular';
    color: rgba(255,255,255,0.5);
    line-height: 20px;
    margin-bottom: 6px;
}  
body.articulo .contenedor-nota article p {
    font-size: 18px;
    line-height: 26px;
}     
    
.contenido-overlay .items {
    margin-top: 50px;
    display: block;
}
.contenido-overlay .items .columna {
    display: block;
    width: 25%;
    float: left;
    height: 250px;
}   
        
} /*fin Ipad + Laptop +*/






/* 07. Custom
––––––––––––––––––––––––––– */
/*Capitulos- Home*/

@media (min-width: 1201px) and (max-width:1250px) {
#principal section.sh-capitulos .fila .columna.capitulo .descripcion-cap {
    bottom: -212px !important;
    height: 200px !important;
}
#principal section.sh-capitulos .fila .columna.capitulo.off .proximamente {
    padding-top: 30px;
}    
#principal section.sh-capitulos .fila .columna.capitulo .descripcion-cap .right .btn {
    padding-top: 130px;
}  
}

@media (min-width: 1251px) and (max-width:1300px) {
#principal section.sh-capitulos .fila .columna.capitulo .descripcion-cap {
    bottom: -212px !important;
    height: 200px !important;
}
#principal section.sh-capitulos .fila .columna.capitulo.off .proximamente {
    padding-top: 30px;
}  
#principal section.sh-capitulos .fila .columna.capitulo.off .proximamente {
    padding-top: 30px;
}    
#principal section.sh-capitulos .fila .columna.capitulo .descripcion-cap .right .btn {
    padding-top: 130px;
}
}

@media (min-width: 1301px) and (max-width:1350px) {
#principal section.sh-capitulos .fila .columna.capitulo .descripcion-cap {
    bottom: -212px !important;
    height: 200px !important;
}
#principal section.sh-capitulos .fila .columna.capitulo.off .proximamente {
    padding-top: 30px;
}  
#principal section.sh-capitulos .fila .columna.capitulo.off .proximamente {
    padding-top: 30px;
}    
#principal section.sh-capitulos .fila .columna.capitulo .descripcion-cap .right .btn {
    padding-top: 130px;
}  
}

@media (min-width: 1351px) and (max-width:1400px) {
#principal section.sh-capitulos .fila .columna.capitulo .descripcion-cap {
    bottom: -212px !important;
    height: 200px !important;
}
#principal section.sh-capitulos .fila .columna.capitulo.off .proximamente {
    padding-top: 30px;
}  
#principal section.sh-capitulos .fila .columna.capitulo.off .proximamente {
    padding-top: 30px;
}    
#principal section.sh-capitulos .fila .columna.capitulo .descripcion-cap .right .btn {
    padding-top: 130px;
}
}

@media (min-width: 1401px) and (max-width:1450px) {
#principal section.sh-capitulos .fila .columna.capitulo .descripcion-cap {
    bottom: -212px !important;
    height: 200px !important;
}
#principal section.sh-capitulos .fila .columna.capitulo.off .proximamente {
    padding-top: 30px;
}  
#principal section.sh-capitulos .fila .columna.capitulo.off .proximamente {
    padding-top: 30px;
}    
#principal section.sh-capitulos .fila .columna.capitulo .descripcion-cap .right .btn {
    padding-top: 130px;
}

}


@media (min-width: 1401px) and (max-width:1450px) {
#principal section.sh-capitulos {
    height: auto !important;
}   
}

@media (min-width: 1451px) and (max-width:1600px) {
#principal section.sh-capitulos {
    height: auto !important;
}   
}

@media (min-width: 1800px) and (max-width:1920px) {
#principal section.sh-capitulos {
    height: auto !important;
}   
}