/*
    hemisferio.space
*/
@import url("gridlex.css");
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

body {
	color: #1a1a1a;
	font: normal 400 16px/1 "Oswald", sans-serif;
    background-color: #00c169;
    /*background: url(img/matas.jpg) repeat-x 50% bottom fixed;*/
}
.content {
    margin: 0 auto;
    padding: 0 2%;
    max-width: 800px;
}
header {
    text-align: center;
    padding-top: 15vh;
}
header h1 {
    font-size: 4.4vh;
    color: transparent;
    background: url(img/forodeprofesionales.svg) no-repeat 50% 50%;
    height: 4em;
}
.top{
    background: #8a91a7;
    color: #fff;
    padding: 2em;
}
.top * {
    display: inline-block;
    font-size: 1.2em;
    font-weight: 400;
    padding: 0.5em;
}
.top h2,
.top h3 {
    font-size: 1.7em;
    font-weight: 700;
}
.top h4 {
    font-weight: 900;
}
.top span {
    font-size: .66rem;
    border-bottom: 1px solid;
    line-height: .3;
}
.social {
    margin: 4vh 0;
}
.social li {
    display: inline-block;
    width: 40px;
    vertical-align: middle;
    margin: 0 3px;
}
.social li a {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 0.001em;
    color: transparent;
}
.social li.ins a {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' style='enable-background:new 0 0 40 40' version='1.1' viewBox='0 0 40 40'%3E%3Cg fill='%231d1d1b'%3E%3Cpath d='M20 39.5h-8.1c-5.5 0-10.1-3.8-11.2-9.2-.1-.7-.2-1.4-.2-2.2V11.9C.5 6.1 4.6 1.4 10.4.6c.5-.1 1.1-.1 1.6-.1h16.1c5.8 0 10.6 4.1 11.3 9.9.1.5.1 1 .1 1.6v16.1c0 5.8-4.1 10.5-9.9 11.3-.5.1-1 .1-1.5.1H20zm0-3.5h8.2c4.3 0 7.8-3.5 7.8-7.8V11.8C36 7.5 32.5 4 28.2 4H11.9c-.7 0-1.5.1-2.2.3-3.4 1-5.7 4-5.7 7.6v16.3c0 .4 0 .9.1 1.3.7 3.8 3.9 6.5 7.8 6.5H20z' class='st0'/%3E%3Cpath d='M10 20c0-5.6 4.5-10 10.1-10 5.5 0 9.9 4.5 9.9 10 0 5.6-4.5 10-10.1 10-5.5 0-9.9-4.5-9.9-10zm10-6.5c-3.6 0-6.5 2.9-6.5 6.5s2.9 6.5 6.5 6.5 6.5-2.9 6.5-6.4c0-3.7-2.9-6.6-6.5-6.6zM30.4 11.9c-1.3 0-2.3-1.1-2.3-2.5 0-1.2 1.1-2.2 2.3-2.2 1.3 0 2.3 1.1 2.3 2.5 0 1.2-1.1 2.2-2.3 2.2z' class='st0'/%3E%3C/g%3E%3C/svg%3E");}
.social li.tw a {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 40 40' viewBox='0 0 40 40'%3E%3Cg fill='%231D1D1B'%3E%3Cpath d='M14.3 10.7h-2.4l10.5 14.1c1.1 1.5 2.2 3 3.3 4.4H28.1L22.7 22c-2.8-3.7-5.6-7.5-8.4-11.3z' class='st0'/%3E%3Cpath d='M20 .5C9.2.5.5 9.2.5 20S9.2 39.5 20 39.5 39.5 30.8 39.5 20 30.8.5 20 .5zm9.7 31h-4.6c-.3 0-.5-.1-.7-.3-1.8-2.4-3.5-4.7-5.3-7.1l-.8-1.1-2.2 2.4c-1.8 2-3.6 3.9-5.4 5.9-.2.2-.4.3-.7.3H7.3l9.6-10.4L7.5 8.6l.7-.1H15c.3 0 .5.1.6.3 1.6 2.1 3.2 4.2 4.7 6.3l.9 1.2 2.5-2.7c1.5-1.6 3-3.3 4.5-4.9.2-.2.4-.3.8-.3h2.5L22.6 18l10 13.3h-2.9z' class='st0'/%3E%3C/g%3E%3C/svg%3E");}
.social li.tk a {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 40 40' viewBox='0 0 40 40'%3E%3Cpath fill='%231D1D1B' d='M39.5 11.9c0-.5 0-1-.1-1.6C38.6 4.6 33.9.4 28.1.4H12c-.5 0-1.1 0-1.6.1C4.6 1.4.5 6.1.5 11.9v16.2c0 .7.1 1.5.2 2.2 1.1 5.4 5.7 9.2 11.2 9.2h16.2c.5 0 1 0 1.5-.1 5.8-.8 9.9-5.5 9.9-11.3V11.9zm-6.6 5.4c-1.3-.1-2.5-.2-3.7-.6-1.2-.4-2.3-.9-3.4-1.7v10.4c-.1 3.8-1.8 6.7-5.1 8.5-2 1.1-4.2 1.3-6.4.8-2-.5-3.7-1.5-5.1-3.1C7.7 29.8 7 27.7 7 25.4c.1-3.9 2.5-7.4 6.2-8.7 1.4-.5 2.9-.7 4.4-.5h.1v5.2c-.5 0-.9-.1-1.4-.1-2 0-3.7 1.4-4.1 3.3-.6 2.4.9 4.8 3.3 5.3 2.2.5 4.5-.9 5.1-3.1.1-.5.2-1 .2-1.5V5.1h5.1c0 2 .7 3.7 2.1 5.1 1.4 1.4 3 2.1 5 2.2-.1 1.5-.1 3.2-.1 4.9z' class='st0'/%3E%3C/svg%3E");}
.social li.cl a {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Layer_1' x='0' y='0' style='enable-background:new 0 0 49.4 47' version='1.1' viewBox='0 0 49.4 47'%3E%3Cstyle%3E.st0%7Bfill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10%7D%3C/style%3E%3Cpath d='M11.3 17.3h3.2v3.2h-3.2zM15.7 17.3h3.2v3.2h-3.2zM20.1 17.3h3.2v3.2h-3.2zM24.4 17.3h3.2v3.2h-3.2zM28.8 17.3H32v3.2h-3.2zM33.2 17.3h3.2v3.2h-3.2zM37.6 17.3h3.2v3.2h-3.2zM11.3 21.5h3.2v3.2h-3.2zM15.7 21.5h3.2v3.2h-3.2zM20.1 21.5h3.2v3.2h-3.2zM24.4 21.5h3.2v3.2h-3.2zM28.8 21.5H32v3.2h-3.2zM33.2 21.5h3.2v3.2h-3.2zM37.6 21.5h3.2v3.2h-3.2zM11.3 25.8h3.2V29h-3.2zM15.7 25.8h3.2V29h-3.2zM20.1 25.8h3.2V29h-3.2zM24.4 25.8h3.2V29h-3.2zM28.8 25.8H32V29h-3.2zM33.2 25.8h3.2V29h-3.2zM37.6 25.8h3.2V29h-3.2zM11.3 30h3.2v3.2h-3.2zM15.7 30h3.2v3.2h-3.2zM20.1 30h3.2v3.2h-3.2zM11.3 34h3.2v3.2h-3.2zM15.7 34h3.2v3.2h-3.2zM20.1 34h3.2v3.2h-3.2zM24.4 30h3.2v3.2h-3.2zM28.8 30H32v3.2h-3.2zM33.2 30h3.2v3.2h-3.2zM37.6 30h3.2v3.2h-3.2z'/%3E%3Cpath d='M41.6 5.6h-4.4v1.8c0 .8-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5V5.6H16.5v1.8c0 .8-.7 1.5-1.5 1.5s-1.5-.7-1.5-1.5V5.6H9.9C8 5.6 6.5 7.1 6.5 8.9v29c0 1.8 1.5 3.3 3.3 3.3h31.7c1.8 0 3.3-1.5 3.3-3.3v-29c.1-1.8-1.4-3.3-3.2-3.3zm.7 29.6c0 1.8-1.5 3.3-3.3 3.3H12.2c-1.8 0-3.3-1.5-3.3-3.3V18.1c0-1.8 1.5-3.3 3.3-3.3H39c1.8 0 3.3 1.5 3.3 3.3v17.1z'/%3E%3Cpath d='M15 7.7V3M35.6 7.7V3' class='st0'/%3E%3Cpath d='M18.1 6.5h15.1v6.7H18.1z' style='fill:none'/%3E%3Ctext style='font-size:8px;font-family:"MyriadPro-Regular";fill:%23fff' transform='translate(19.511 12.15)'%3Eoct%3C/text%3E%3C/svg%3E");}
.social li.lknd a {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 40 40'%3E%3Cpath fill='%231D1D1B' d='M31.7 0H8.3C3.7 0 0 3.7 0 8.3v23.3C0 36.3 3.7 40 8.3 40h23.3c4.6 0 8.3-3.7 8.3-8.3V8.3C40 3.7 36.3 0 31.7 0zM13.3 31.7h-5V13.3h5v18.4zm-2.5-20.5c-1.6 0-2.9-1.3-2.9-2.9s1.3-2.9 2.9-2.9 2.9 1.3 2.9 2.9-1.3 2.9-2.9 2.9zm22.5 20.5h-5v-9.3c0-5.6-6.7-5.2-6.7 0v9.3h-5V13.3h5v2.9c2.3-4.3 11.7-4.6 11.7 4.1v11.4z'/%3E%3C/svg%3E");}
.social li a:hover{
    filter: brightness(0) saturate(100%) invert(59%) sepia(8%) saturate(727%) hue-rotate(188deg) brightness(97%) contrast(85%);
    /*https://angel-rs.github.io/css-color-filter-generator/ filter: brightness(0) saturate(100%) invert(18%) sepia(42%) saturate(4235%) hue-rotate(286deg) brightness(89%) contrast(98%);*/
}
.presentacion,
article {
    /*background: #fff;*/
    margin-top: 5em;
    text-align: left;
    padding: 1.5em 2em 3em;
    border: 4px solid;

}
p {line-height: 1.35; margin-bottom: .75em;}
.presentacion div {
    padding: 1em;
    border-bottom: dotted 12px #106940;
    margin-bottom: .6em;
}
.p1 {
    font-size: 1.2em;
}
.ps {
    padding: 1.5em;
    margin: 0;
    padding-bottom: .5em;
}
.btn {
    width: 160px;
    display: block;
    margin: 0 auto;
    text-align: center;
    background: #ffef5e;
    color: #00c169;
    border-radius: 5px;
    padding: .6em 1.8em;
    /*box-shadow: rgba(240, 46, 170, 0.4) -5px 5px, rgba(240, 46, 170, 0.3) 10px 10px, rgba(240, 46, 170, 0.2) -15px 15px, rgba(240, 46, 170, 0.1) 20px 20px, rgba(240, 46, 170, 0.05) -25px 25px;*/
}
a.btn:hover {
    background: #034527;
}
article:first-of-type {
    background: #115938;
    color: #ffffe0;}
article:first-of-type h3 {
    color:#cfed5e;
}
article a {
    color: #891c80;
    padding: .3em;
    border: 1px dotted;
    display: inline-block;
    border-radius: 15px;
}
article a:hover {
    background: #891c80;
    color: #fff;
}
article h2 {
    font-size: 1.5em;
}
article h3 {
    text-align: right;
    /*color: #fffdf5;*/
}
article p + p {
    text-align: right;
    font-size: .85em;
    color: #1a1a1a;
    margin-top: 1.2rem;
}
.etop {
    background: #078f51;
    color: #fff;
    padding: 1em;
    margin: 1em 0;
    position: sticky;
    top: 0;
    text-align: right;
}
.etop svg {
    display: none;
    width: 60px;
    vertical-align: middle;
    margin-right: 1em;
}
.etop circle {
    fill: #066b3d;
}
footer {
    background: #fff;
    padding: 0 0 10vh;
}
footer h2 {
    overflow: hidden;
}
.il {
    padding-top: 1em;
}
.il h2 {
    display: inline-block;
    vertical-align: middle;
    margin: .5em 1.8em;
    margin-left: 0;

    max-width: 170px;
}
.il:nth-of-type(4) h2{
    max-width: 100px;
}
footer h2 a {
    display: block;
    height: 0;
    padding-top: 40px;
    padding-top: 55px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
footer h2 a:hover {
    filter: grayscale(100%);
    transform: scale(.88);
}
h2.entrevinetas {width: 290px;}
h2.filbo {width: 210px; max-width: none;}
h2.camlibro {width: 180px;}
h2.comic100 {width: 70px;}
h2.beq {width: 80px;}
h2.ficco {width: 120px;}
h2.ladob {width: 70px;}
footer h2.entrevinetas a {    padding-top: 95px; background-image: url(img/logo_ev.svg);}
footer h2.filbo a {background-image: url(img/filbo.png); padding-top: 80px;}
footer h2.camlibro a {background-image: url(img/camaracolombianadellibro.png); padding-top: 55px;}
footer h2.comic100 a {background-image: url(img/comic100.png); padding-top: 70px;}
footer h2.beq a {background-image: url(img/bquad.png); padding-top: 70px;}
footer h2.ficco a {background-image: url(img/ficco.png);}
footer h2.ladob a {background-image: url(img/logo_b.png);}
.rel {
    padding: 5em 0 0;
    text-align: center;
    font-size: .8em;
    letter-spacing: .15em;
    opacity: .66;
}
.carrusel { position: relative;margin-bottom: -1.1em;}
ul.flex-direction-nav { position: absolute; top: 0; left: 0; width: 100%;}
li.flex-nav-prev {}
ul.flex-direction-nav li {width: 50%; position: absolute; opacity: 0;}
li.flex-nav-next {right: 0;}
@media screen and (orientation: portrait) {
}
/*modern media querie*/
@media (980 ≤ width <= 1900px) {   
}
@media screen and (width >= 60em) {
}
/*480*/
@media screen and (min-width: 30em){
	body {text-rendering: optimizeSpeed;}	
}
/*768*/
@media screen and (min-width: 48em){	
}
/*960*/
@media screen and (min-width: 60em){
    .il h2 {
        margin-right: 2.2em;
    }
}
/*1240*/
@media screen and (min-width: 76em){	
}
/*1440*/
@media screen and (min-width: 90em){
}
/*1280*/
@media screen and (max-width: 80em){	
}
/*1216*/
@media screen and (max-width: 76em){
}
/*960*/
@media screen and (max-width: 60em){
}
/*640*/
@media screen and (max-width: 40em){
}