/*================================*/
/*================================*/
/* Hoja de estilos Globales AlAireLibre.cl V.1.2 - 2018 */
/* Desarrollado por : José Luis Gonzalez Jaque - jlgonzalezjaque@gmail.com */
/*================================*/
/*================================*/
/* Estructura Articulo */
/*================================*/

.rotulo-art-is { position:relative; background:#48c2d1 url(/noticias/imag/global/aal-alert2.svg) 5px center no-repeat; background-size:9vw; height:12vw; color:#FFF; margin:5vw 0 2vw 0; border-bottom: 2px solid #36aeba; box-shadow: 1px 1px 8px #ddd;}
.rotulo-art-is a { background:#fff; color:#1f71b7; float:right; line-height:8vw; font-size:4vw;  padding:0 4vw; margin:2.2vw;}
.rotulo-art-is h3 { position:absolute; display:table; font-family: 'Open Sans', serif; font-size:7vw; margin-left:8vw; bottom:-3px; line-height:14.5vw; font-weight:600; color:#FFF;}
.rotulo-art-is-not { background:#48c2d1 url(/noticias/imag/ico-hashtag-white.svg) left center no-repeat; background-size: auto 55%;}
.rotulo-art-is-fot { background:#48c2d1 url(/noticias/imag/ico-camara-white.svg) left center no-repeat; background-size: auto 65%;}
.rotulo-art-is-vid { background:#48c2d1 url(/noticias/imag/ico-video-white.svg) left center no-repeat; background-size: auto 65%;}


.articulo > article, .eScrollArtic article { position: relative; padding:0; }
.articulo > article .rotulo { padding:0; }
.articulo > article .tax-date, .eScrollArtic article .tax-date { padding:4vw;}
.articulo > article .tax-date .tax-art-port, .eScrollArtic article .tax-date .tax-art-port { font-size:3.5vw;}
.articulo > article .tax-date time, .eScrollArtic article .tax-date time { font-size:3.5vw;}
.articulo > article .contenedor-video { width: 100vw; height: 70vw; background: #000;}
.video-js { width: 100vw; height:55vw; }

.articulo > article > .bajada { width: 84vw; margin-left: 8vw; padding: 3vw 6vw; bottom: 0; color: #000; font-weight: 500; text-align: center;}
.articulo > article > .bajada p { list-style: square; font-size: 4.5vw; line-height: 5.5vw;}

.articulo > article > .tax-date .tax-art-port, .eScrollArtic article .tax-date .tax-art-port { font-size:13px; line-height: 30px; color:#999; text-transform: uppercase; margin-left: 30px; font-weight: 700;}
.articulo > article > .tax-date .tax-art-port a, .eScrollArtic article .tax-date .tax-art-port a { margin: 5px; color: fff;}

.articulo > article > .tax-date time, .eScrollArtic article .tax-date time { float: right; font-size:15px; color:#999; margin-right: 30px; line-height: 30px;}

.articulo > article > figure { position: relative; width:100vw; height: 94vw;border: 2vw solid #44b8c6;} 
.articulo > article > figure img {  border: 1px solid #000; height:90vw; width: 167vw; margin-left: -27vw; }
.articulo > article > figure .media-play { width:100%; height:50vw; background-size:30vw; }
.articulo > article > h1 { position: relative; font-size: 9vw; line-height: 9vw; padding:10px; color: #000; border: 2px solid #44b8c6; border-bottom: 0; background: #fff; margin-top: -15vw; left: 8vw; width: 84vw; z-index: 90;}
.articulo > article > h1 span.tax { position: absolute; top: -20px; left: -2px; background: #44b8c6; color: #fff;  display: table; padding: 0 10px; font-size: 11px; line-height: 20px; text-transform: uppercase;}


main  .articulo  article .cuerpo img { width: 90vw; height: auto;}
.articulo > article .cuerpo iframe {width:94vw !important;}
.articulo > article .cuerpo iframe { margin:15px auto !important;}
.articulo > article .cuerpo iframe[src*="youtube"] { width:90vw; height:45vw;}

.cuerpo p { padding:4vw 5vw; }
.cuerpo h1, .cuerpo h2, .cuerpo h3  { padding: 0 4vw; }


.articulo .topicos { display: table; text-align: center; width: 92vw; margin: 5vw 4vw;}
.articulo .topicos a { display: table; float: left; background: #48c2d1; color: #fff; height: 5vw; line-height: 5vw; font-size: 3.5vw; padding: 2vw; margin: 0 10px 2vw 0; border-radius: 15px; }



/*article a {text-decoration:underline; color:#1f71b7;}
article > p { padding-bottom:16px;}
article artic .hora { background-image:url(/noticias/imag/global/ico-reloj.svg); padding-left:.9rem; }
article .fecha { background-image: url(/noticias/imag/global/ico-calendario.svg); padding-left:.9rem; }
*/


/*================================*/
/* Autor                          */
/*================================*/
.autores { display:none; width:100%; height:12vw; margin-bottom:4vw; display: table;}
.autores span { background:#fff; color:#000; text-transform:uppercase; font-weight:600; clear:both; line-height:35px; text-align:right; padding-right:5px; width:100%; display:block;}
.autores-radio, .autores-online { display:table;}

.autor-sociales { display:table; width:100%; height:15vw; margin-bottom:4vw; border:1px solid #eeeef0;}
.autor-sociales span { background:#fff; color:#999; text-transform:uppercase; font-weight:600; clear:both; line-height:35px; text-align:right; padding-right:5px; width:100%; display:block;}
.autor { float:left; color: #000; line-height:50px; margin-left:5px; font-size:12px; font-weight:700; opacity:.75; }
.autor a { display:table; float:left;}
.autor:hover { opacity:1;}
.avatar { display:block; margin:5px 3px 5px 10px; width:35px; height:35px; background-repeat:no-repeat; background-size:27px ; background-position:center; float:left; border:2px solid #2c99ce; border-radius:17.5px;}
/*================================*/
/* Redes Sociales                 */
/*================================*/
.sociales { display:table; margin:3vw auto;}
.social-bot { display:block; width:15vw; height:15vw; background-position:left; float:right; margin:0 0 0 15px; cursor:pointer;}
.social-bot.fb { background:url(/noticias/imag/global/facebook_min.svg); background-size:15vw;}
.social-bot.tw { background:url(/noticias/imag/global/twitter_min.svg); background-size:15vw;}
.social-bot.li { background:url(/noticias/imag/global/linkedin_min.svg); background-size:15vw;}
.social-bot.en { background:url(/noticias/imag/global/correo_min.svg); background-size:15vw;}
.social-bot.ws {  background:url(/noticias/imag/global/whatsapp_min.svg) no-repeat top; background-size:100%;   }  

/* Secciones Articulos*/
.sec-artic { padding:2vw 4vw; }
.sec-artic > article .fot-full { margin-bottom:.7rem;}  
.sec-artic > article h1 { f1ont-size:1rem;}
.sec-relacionados { display:table;}
.sec-relacionados article { display:table; width:100%;  border-bottom:1px solid #f1f1f1; padding:2vw 0;}
.sec-relacionados article .tax-art-port { font-size:3vw !important;}
.sec-relacionados article figure { position:relative; display:block; width: 30vw; height:35vw; float:left; margin-right:3vw;}
.sec-relacionados article figure .media-play { width: 30vw; height:35vw; background-size:15vw;}
.sec-relacionados article figure img { position:absolute; width:auto !important; height:100%; margin-left:-35%;}
.sec-relacionados article figure .bg-arrow { position:absolute; height:35vw; width:4vw; background:url(/noticias/imag/global/bg-titular-foto-wite.svg) center no-repeat; right:-2px; background-size:4vw auto; z-index:900;}
.sec-relacionados article h1 { font-size:5vw; line-height:5.5vw; font-weight:400; padding-top:1.5vw;}
.art-rel { position: relative; width: 120px; height:120px;}


.sec-gray { background:#248DCC; color:#fff;}
.sec-gray a { color:#FFF;}

/* Articulo Tercer Nivel */
.art2 { display:table; border-bottom:1px solid #CCC; }
.art3 { display:table; position:relative; border-bottom:1px solid #CCC; padding:.9rem 0 .9rem 0; }
.art3 img { width:2rem ;}

.fot-full { position:relative; display:block; }
.fot-left { position:relative; float:left; display:block; margin-right:.4rem; }

/* Iconos Multimedia */
.ico-med { position:absolute; z-index:999; display:block; width:33%; background:#F00; top:0; right:0;}
.fot-full .ico-med { width:18%;}

/* Seccion Relacionados */


/* Carruseles Multimedia*/
.carruseles-multimedia { position:relative; width:100%; height:410px; background:#000; padding-bottom:10px; margin:34px 0;}
.carruseles-multimedia .rotulo-media { margin-left:7px; }
.carruseles-multimedia a h1 { color:#FFF;}
.m1 { color:#FFF; font-size:14px; width:100%; text-align:center; position:absolute; top:45px; z-index:100; text-shadow:1px 2px 2px #000000;}
.carruseles-multimedia article .foto-titular { position:relative; width:280px; height:280px; margin:auto;}
.carruseles-multimedia article .foto-titular div { position:absolute; bottom:15px;}
.art-media-des { width:280px; height:280px;}
.carruseles-multimedia article .foto-titular time { position:absolute; bottom:7px; left:10px; color:#FFF; text-shadow:1px 1px 2px #000000; }
.carruseles-multimedia article h1 {font-size:1.4rem; color:#FFF; line-height:1.5rem; font-weight:600; text-shadow:1px 1px 3px #000000; padding:10px;}
.carruseles-multimedia .bot-mas-med { border:1px solid #888; margin:auto; color:#FFF; display:table; font-size:14px; margin-top:10px;}

.bot-mas-fot { background:url(/noticias/imag/global/ico-fot.svg) no-repeat 8px center; background-size:25px; padding:5px 10px 5px 38px;}
.bot-mas-vid { background:url(/noticias/imag/global/ico-vid.svg) no-repeat 8px center; background-size:25px; padding:5px 10px 5px 38px;}
.bot-mas-aud { background:url(/noticias/imag/global/ico-aud.svg) no-repeat left; background-size:25px; padding:5px 10px 5px 18px;}


.ficha-media {background:#000;}
.ficha-media .cont-artic { margin-top:10px;}
.ficha-media .cont-artic .audio { padding:0 0 0 50px; min-height:40px; color:#FFF;background: url(/noticias/imag/global/ico-aud.svg); background-position:left top; background-repeat:no-repeat; background-size:40px; font-size:18px; line-height:27px;}
.ficha-media .cont-artic .video { padding:0 0 0 65px; min-height:40px; color:#FFF;background: url(/noticias/imag/global/ico-vid.svg); background-position:left top; background-repeat:no-repeat; background-size:40px; font-size:18px; line-height:27px;}
.ficha-media .cont-artic .foto { padding:0 0 0 45px; min-height:40px; color:#FFF;background: url(/noticias/imag/global/ico-fot.svg); background-position:left top; background-repeat:no-repeat; background-size:40px; font-size:18px; line-height:23px;}

.ficha-media .cont-artic .bajada p { color:#FFF;}


/*LEERMAS*/
.contenedor-leermas {max-height: 9999px;position: relative;overflow: hidden;padding-bottom: 20px;width: 100%;}
.contenedor-leermas .prompt {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; padding-top: 60px; padding-bottom:9px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white); }
.contenedor-leermas .prompt .leer-articulo {padding: 5px 0; box-shadow:0 0 15px 5px white; }
.contenedor-leermas p.prompt a.leer-articulo {color:#fff;background: #3baeb7;margin: auto;width: 80vw;display: table;text-align: center; font-weight:600; font-size:5vw;}
.contenedor-leermas.big-preview {max-height: 9999px; }
.contenedor-leermas.big-preview .prompt {padding-top: 370px; }
body.fondo-oscuro .contenedor-leermas .prompt,body.fondo-oscuro .contenedor-leermas .prompt .leer-articulo {display:none; }/*LO OCULTA DE ESCRITORIO*/
/* Contenedor Contenido Variable*/
.eScrollContenidoVariable { width: 100vw;}
.social-box-follow { background: #48c2d1; width: 92vw; padding: 2vw 4vw; }


/*================================*/
/* Tablas Articulos               */
/*================================*/
.caracteristicas {width: 100vw; background:#f2f2f2; margin: auto; border: none;}
.caracteristicas td { padding: 10px; font-size: 20px; border: none; color: #666;}
.caracteristicas tr:nth-child(odd) td{ background:#f8f8f8; }
.caracteristicas tr:nth-child(even) td{ background:#fff; }
.caracteristicas tr:nth-of-type(1) td { background: #f0f0f0; text-transform: uppercase;}