/* Quiena Blog Estilos customizados para el template KORIMA! Version: 1.1
 Ultimos cambios: 30/12/2021 SebasPado */
 
 @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@200;300;400;500;600&family=Poppins:wght@200;300;400;500;600&display=swap');

 body {
     background-color: #f5f7fd !important;
     font-family: Poppins, sans-serif;
     padding-top: 76px;
     text-rendering: optimizeSpeed;
 }
 
 ::-webkit-scrollbar {width:8px;height:8px}
 ::-webkit-scrollbar-thumb {background: #9796c3;border-radius: 10px;}
 ::-webkit-scrollbar-thumb:hover {background: #B0BBDE;}
 ::-webkit-scrollbar-track {background:#ffffff;border-radius: 10px;box-shadow:inset 7px 10px 12px #f0f0f0;}
 
 h1, h2, h3, h4, h5, h6 { font-family: Poppins, sans-serif;}
 
 strong {color:#28345C !important;}
 
 h1 {color:#28345C !important;
     font-size:2.35em !important;
     line-height: 1.2em !important;
     font-weight: 600 !important;}
 h2 {font-size:1.75em !important;
     color: #28345C !important;
     line-height: 1.2em !important;
     font-weight: 600 !important;}
 h3 {font-size:1.25em !important;
     color: #28345C !important;
     line-height: 1.3em !important;
     font-weight: 500 !important;}
 h4 {font-size:1.15em !important;
     color: #28345C !important;
     line-height: 1.5em !important;
     font-weight: 400 !important;}
 h5 {font-size:1em !important;
     color: #28345C !important;
     line-height: 1.5em !important;
     font-weight: 400 !important;}
 h6 {color: #28345C !important;
     font-size:0.9em !important;
     line-height: 1.5em !important;
     font-weight: 400 !important;}
 
 .row {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 2em;
 }
 .row img {width:400px;margin-right:50px;}
 .row .col-6:first-child {text-align:right;}
 .row .col-6 { width: 50%;}
 .registrarse a {
     cursor: pointer;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     width: auto;
     min-width: 48px;
     -webkit-align-items: center;
     align-items: center;
     -webkit-justify-content: center;
     justify-content: center;
     border-radius: 0.5em;
     padding: 0.75em 0.9em;
     background: #4643D3;
     -webkit-transition: all 0.3s ease-out;
     text-transform: inherit;
     -moz-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
     box-shadow: -6px -12px 24px 0px #dfe5f6, 0px 4px 18px 0px #2b44ff55;
     letter-spacing: 0.5px;
     display: block;
     width: 180px;
     text-align: center !important;
     color:#fff
 }
 
 .registrarse h2 {
     -webkit-box-pack: start;
     font-size: 2.5em;
     line-height: 1.2em;
     font-family: Poppins, sans-serif;
     font-weight: 600;
     color: rgb(40, 52, 92);
     white-space: pre-line;
     text-align: start;
     padding-bottom: 2rem;
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     font-size: 3em !important;
     justify-content: flex-start;
 }
 
 .navbar-brand .navbar-title {
     margin:8px 0 0 8px
 }
 .footerWrapper {
     max-width:1440px;
     padding: 2rem;
     margin:auto;
 }
 p {
     font-size:1em;
     font-family: IBM Plex Sans, sans-serif;
     font-weight: 400;
     color: #28345C;
     text-rendering: optimizeSpeed;
 }
 
 .post-related .entry-header .entry-title {
     font-size: 1.75em !important;
     line-height:1.2em !important;
     font-family:Poppins, sans-serif !important;
     font-weight: 600 !important;
     color:#28345C !important;
     whiteSpace:pre-line;
 }
 .post-related .entry-header .entry-title a {
     color:#28345C;
 }
 #header {
     height: 70px;
     padding: 19px 0px 0px;
     background: #f5f7fd;
     position:fixed;
     width: 100%;
     z-index: 99999999;
     top: 0;
 }
 
 #header .container {padding: 0px 16px;}
 
 .container {
     padding: 0px 12px;
     max-width: 1140px;
     margin: auto;
 }
 #footer {
     padding: 4em 0 0;
 }
 #footer .container {
     display:flex;
     max-width:100% !important;
     padding: 0;
 }
 #footer .borderFooter .col-8 a:first-child {
     margin-left:0.5em
 }
 #footer .col-4 {
     width:33.33333%;
 }
 #footer .col-4:nth-child(2){
     text-align:center;
 }
 #footer .col-8 {
     width:66.66%;
     display: flex;
     justify-content: flex-end;
 }
 #footer .col-8 a {
     color:#fff
 }
 #footer .mailFooter {
     display:inline-block;
     position: relative;
     top: -10px;
     font-size: 1.1em;
     line-height: 1.5em;
     font-family: Poppins, sans-serif;
     color: rgb(245, 247, 253);
     white-space: pre-line;
     text-decoration: none;
     padding: 0px;
     cursor: pointer;
     padding: 1em 0 !important;
 }
 #footer .svg-icon {
     height: 30px;
 }
 #footer .social-link a:first-child {
     /* margin-right: 2px; */
 }
 #footer .col-4:last-child {
     text-align:right;
     padding-top: 6px;
 }
 #footer .col-12 p {
     font-size: .9em;
     font-family: IBM Plex Sans, sans-serif;
     font-weight: 400;
     color: white;
     white-space: pre-line;
     text-align: justify;
     line-height: 22px;
     letter-spacing: 0.4px;
     margin: 0;
     padding-top: 1rem;
 }
 #footer .col-12 p:last-child{
     margin:0
 }
 #footer .col-12 h3 {
     font-size: 1.34em !important;
     line-height: 1.5em !important;
     font-family: Poppins, sans-serif;
     font-weight: 400 !important;
     color: white !important;
     margin-bottom: 0 !important;
 }
 #footer .borderFooter .col-8 {
     justify-content:flex-start;
     padding: 0;
     align-items: center;
 }
 #footer .social-link a {
     padding:1rem;
     margin-left: 0;
 }
 #footer .borderFooter .col-8 a {
     margin-left:0;
     margin-right: 42px;
 }
 #footer .footer-nav a {
     margin-left: 3.8em;
 }
 #footer .footer-nav {
     /* padding-top:20px;
      */
     /* margin-right: 4em; */
 }
 #footer .top {
     font-size:1.2em !important;
     padding-top: 0;
 }
 #footer .footer-nav a {
     font-size: 1.1em;
     line-height: 1.5em;
     font-family: Poppins, sans-serif;
     font-weight: 500;
     /* letter-spacing:0.4px;
      */
     color: rgb(245, 247, 253);
     white-space: pre-line;
     text-decoration: none;
     padding: 0px;
     cursor: pointer;
     letter-spacing: 0.005px !important;
 }
 .borderFooter {
     border-top:1px solid white;
     border-bottom:1px solid white;
     margin-top: 2em;
     /* padding: 10px 0 !important;
      */
     /* padding: 0.5em !important;
      */
 }
 .navbar-menu {
     display: none;
 }
 .navbar-tools a.nav-signup svg {
     display: none;
 }
 .nav-search .svg-icon {
     height: 24px !important;
 }
 .nav-search {display:none !important;}
 .navbar-tools a.registrarse {
     cursor: pointer;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     width: auto;
     min-width: 48px;
     -webkit-align-items: center;
     align-items: center;
     -webkit-justify-content: center;
     justify-content: center;
     border-radius: 0.5em;
     padding: 0.75em 0.9em;
     background: #4643D3;
     -webkit-transition: all 0.3s ease-out;
     text-transform: inherit;
     -moz-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
     box-shadow: -6px -12px 24px 0px #dfe5f6, 0px 4px 18px 0px #2b44ff55;
     letter-spacing:0.5px;
 }
 .navbar-tools .iniciarSesion {
     /* background-color: #f5f7fd;
      box-shadow: -4px -4px 12px hsl(0deg 0% 100% / 80%), 8px 8px 12px #dfe5f6;
      color: #4643d3 !important;
      height: 50px;
      padding: 12px 22px;
      border-radius: 18px;
     */
     -webkit-box-pack: center;
     -webkit-box-align: center;
     cursor: pointer;
     display: flex;
     width: auto;
     min-width: 48px;
     align-items: center;
     justify-content: center;
     border-radius: 0.5em;
     padding: 0.75em 0.9em;
     background: rgb(245, 247, 253);
     transition: all 0.3s ease-out 0s;
     box-shadow: rgb(223 229 246) -6px -12px 24px 0px, rgb(223 229 246 / 33%) 0px 4px 18px 0px;
 }
 .navbar-tools a.nav-signup {
     margin-left:15px
 }
 .navbar-tools .registrarse {
     color:#fff !important
 }
 .navbar-tools .iniciarSesion span, .navbar-tools .produSpan span, .dropdown-btn {
     font-size: 0.9em;
     line-height: 1em;
     font-family: Poppins, sans-serif;
     font-weight: 500;
     color: #4643D3;
     white-space: pre-line;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     letter-spacing: 0.02em;
     text-align: center;
 }
 .navbar-tools .registrarse span {
     font-size: 0.9em;
     line-height: 1em;
     font-family: Poppins, sans-serif;
     font-weight: 500;
     /* color: #F5F7FD;
     */
     white-space: pre-line;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     letter-spacing: 0.02em;
     text-align: center;
 }
 .navbar-tools .iniciarSesion:hover {
     box-shadow:none;
     text-decoration:none;
 }
 .navbar-tools a.registrarse:hover {
     box-shadow:none;
     text-decoration:none
 }
 .navbar-tools a {
     font-weight: 400;
     background-color: transparent;
     align-items: center;
     font-size: 16px;
     letter-spacing: 0px;
     margin-left: 16px;
     text-transform:capitalize;
     color: #4643d3 !important;
 }
 .modal-trigger {
     -webkit-box-pack: center;
     -webkit-box-align: center;
     cursor: pointer;
     display: flex;
     width: auto;
     min-width: 48px;
     align-items: center;
     justify-content: center;
     border-radius: 0.5em;
     padding: 0.75em 0.9em;
     background: rgb(245, 247, 253);
     transition: all 0.3s ease-out 0s;
     box-shadow: rgb(223 229 246) -6px -12px 24px 0px, rgb(223 229 246 / 33%) 0px 4px 18px 0px;
 }
 .post-full-image img {
     border-radius:8px !important;
 }
 .featured-post-card .entry-excerpt {
     color: #000 !important;
     text-shadow:none !important
 }
 #ghost-portal-root {
     display: none !important;
 }
 .entry-media-img {
     border-radius:10px;
     background-color:transparent !important;
 }
 /* subscription */
 .site-subscription .site-subscription-cover img {
     position: absolute;
     top: 14%;
     left: 0;
     width: 100%;
     height: auto;
     -o-object-fit: none;
     object-fit: none;
 }
 footer {
     background-color: #4643D3;
 }
 footer .copy {
     color:white;
     padding:0;
     text-align:center;
     font-size: 0.8em;
     font-family: Poppins, sans-serif;
     letter-spacing: 0.1em;
     font-weight: 300;
     color: white;
     white-space: pre-line;
     padding-top: 2em;
     width: 100%;
     text-align: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-align-items: center;
     text-transform: uppercase;
     margin: 0;
     letter-spacing: 0.15em !important;
     display: block;
 }
 #footer .footer-flex {
     border:none;
 }
 footer a, footer p, footer .copyright, footer svg {
     color:#fff !important;
 }
 .productos {
     -webkit-box-align: center;
     -webkit-box-direction: normal;
     -webkit-box-orient: horizontal;
     display: flex;
     flex-direction: row;
     width: 100%;
     align-items: center;
     border-radius: 0.5em;
     background-color: rgb(250, 251, 254);
     opacity: 1;
     box-shadow: rgb(223 229 246 / 2%) 0px 2px 8px 0px;
     overflow: hidden;
     transition: all 0.15s ease-out 0s;
     border: 0px;
     height: auto;
     width:270px;
     margin: 0 1em 0 0;
 }
 .productos strong {
     display:flex;
 }
 a:hover {
     text-decoration:none
 }
 .productos p {
     font-family: Poppins, sans-serif;
     color: #687FC0;
     font-weight: 500;
     text-align: start;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     text-transform: uppercase;
     font-size: 0.7em;
     letter-spacing: 0.06em;
 }
 .productos .pesosExtra {
     color: rgb(104, 67, 211);
     text-transform: initial;
     font-size: 1.4em;
     line-height: 1.5em;
     font-family: Poppins, sans-serif;
     font-weight: 600;
     white-space: pre-line;
     letter-spacing: 0.005px;
     margin-bottom:0;
 }
 .productos .dolarMep {
     color: rgb(80, 135, 97);
     text-transform: initial;
     font-size: 1.3em;
     line-height: 1.5em;
     font-family: Poppins, sans-serif;
     font-weight: 600;
     white-space: pre-line;
     letter-spacing: 0.005px;
     margin-bottom:0;
 }
 .productos .automatica {
     text-transform: initial;
     color: rgb(30, 184, 115);
     font-size: 1.3em;
     line-height: 1.5em;
     font-family: Poppins, sans-serif;
     font-weight: 600;
     white-space: pre-line;
     letter-spacing: 0.005px;
     margin-top:5px;
     margin-bottom:0;
 }
 .productos .trading {
     text-transform: initial;
     font-size: 1.3em;
     line-height: 1.5em;
     font-family: Poppins, sans-serif;
     font-weight: 600;
     white-space: pre-line;
     letter-spacing: 0.005px;
     color: rgb(27, 38, 74);
     margin-bottom:0;
 }
 .productos img {
     height: 48px;
     position: relative;
     top: 0px;
     /* right: 24px;
      */
     margin-left: 6px;
 }
 .productos .col-1 {
     /* display: flex;
      */
     width: 100%;
     /* padding-left: 20px;
      */
     padding: 1.4em 18px 1.25em;
 }
 .productos .col {
     -webkit-box-align: center;
     -ms-flex-align: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-align-items: center;
     align-items: center;
     height: 6em;
     position: relative;
     overflow: hidden;
     width: 7em;
     padding: 0.5em;
 }
 a.productos {
     position: relative;
     top: 0;
     transition: top ease 0.5s;
     /* padding: 3px 0; */
     background: rgb(250, 251, 254);
     margin: 0px 18px 0 0;
 }
 a.productos:hover {
     top:-6px;
     box-shadow: rgb(223 229 246 / 2%) 0px 2px 8px 0px;
 }
 .featured-post-card .post-card .post-card-media .post-card-image {
     border-radius:8px !important;
 }
 /* modal productos */
 .modal-body .cont {
     max-width: 1140px !important;
     width: 100%;
     display:flex;
     justify-content:center;
     margin:auto;
     padding: 1em 0px 1em 1.2em;
    }
    .modal-body .cont a {
     width: 50%;
 }
 .modal, .modal-box {
     z-index: 900;
 }
 .modal-sandbox {
     position: fixed;
     width: 100%;
     height: 100%;
     top: 73px;
     left: 0;
     background: transparent;
     background: rgb(0,0,0);
     background: rgba(0,0,0,.4);
     z-index: -5 !important;
 }
 .modal {
     display: none;
     position: fixed;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background: rgb(0,0,0);
     background: rgba(0,0,0,.4);
     overflow: auto;
 }
 .modal-box {
     position: relative;
     width: 100%;
     margin: 70px auto;
     box-shadow: rgba(223,229,246,0.5) 0px 8px 12px 0px;
     /*animacion del modal productos*/
     animation-name: modalbox;
     animation-duration: .4s;
     animation-timing-function: cubic-bezier(0);
 }
 .modal-header {
     padding: 20px 40px;
     background: #546E7A;
     color: #ffffff;
 }
 .modal-body {
     background: #f5f7fd !important;
     padding: 60px 40px;
     /* margin-top: -21px;
      */
     display: flex;
     padding: 10px 0 0;
     max-width: 100%;
     margin: auto;
 }
 .close-modal {
     text-align: right;
     cursor: pointer;
 }
 @-webkit-keyframes modalbox {
     0% {
         top: -250px;
         opacity: 0;
     }
     100% {
         top: 0;
         opacity: 1;
     }
 }
 @keyframes modalbox {
     0% {
         top: -250px;
         opacity: 0;
     }
     100% {
         top: 0;
         opacity: 1;
     }
 }
 .post-header .post-meta h1.post-title {
     font-size:3.5em;
     line-height:1.2em;
     color: #28345C;
     font-weight: 600;
     white-space: pre-line;
 }
 @media (max-width:768px){
 
 
     .row {display:block !important; text-align:center; }
     .registrarse h2 {font-size:22px !important; text-align:center}
     .registrarse .col-6 {width:100%}
     .registrarse a {margin:auto;}
     .registrarse img {max-width:250px;text-align: center;}
     .registrarse .row .col-6:first-child {margin:0 !important}
 
 
     .productos img {
         right: 18px;
     }
     .mobile-menu .productos p {
         font-size: 1.6em;
         line-height: 1.35em;
         font-weight: 600;
     }
     .mobile-menu .productos p:last-child {
         text-transform: uppercase;
         font-size: 1em;
         letter-spacing: 0.06em;
     }
     .mobile-menu .productos .col-1 {
         padding:0;
         padding-left: 2em;
     }
     .header-flex a.mobile-menu-toggle svg {
         width: 2.5rem;
         height: auto;
         margin-right:3px
     }
     .mobile-menu-toggle {
         position: relative !important;
         margin-right: 15px;
     }
     .mobile-search-toggle {
         display:none !important
     }
     .container-fluid {
         padding:0
     }
     .mobile-menu-wrap {
         padding: 15px;
     }
     .mobile-nav {
         padding:0;
     }
     .mobile-nav a.registrarse {
         background-color: #4643d3;
         color: #f5f7fd;
         height: 50px;
         font-weight: 500;
         font-size: 1.6em;
         border-radius: 16px;
         text-align: center !important;
         letter-spacing: 0px;
         text-transform: initial;
         width: 100%;
         min-width: 48px;
         -webkit-align-items: center;
         align-items: center;
         -webkit-justify-content: center;
         justify-content: center;
         border-radius: 1em;
         padding: 0.75em 1.5em;
         -webkit-transition: all 0.3s ease-out;
         -moz-transition: all 0.3s ease-out;
         transition: all 0.3s ease-out;
         box-shadow: -6px -12px 24px 0px #dfe5f6, 0px 6px 24px 0px #2b44ff55;
     }
     .svg-icon-fill {
         /* fill:#4643d3 !important;
          */
         width:25px;
         /* height:45px;
          */
     }
     .mobile-nav .iniciarSesion {
         background-color: #f5f7fd;
         /* box-shadow: -4px -4px 12px hsl(0deg 0% 100% / 80%), 8px 8px 12px #dfe5f6;
          */
         color: #4643d3;
         height: 50px;
         /* float:left;
          */
         width: 100%;
         border-radius: 16px;
         text-align: center;
         font-size: 1.6em;
         text-transform: initial;
         letter-spacing: 0px;
         width: 100%;
         min-width: 48px;
         -webkit-align-items: center;
         align-items: center;
         -webkit-justify-content: center;
         justify-content: center;
         border-radius: 1em;
         padding: 0.75em 1.5em;
         background: #F5F7FD;
         font-weight: 500;
         -webkit-transition: all 0.3s ease-out;
         -moz-transition: all 0.3s ease-out;
         transition: all 0.3s ease-out;
         box-shadow: -6px -12px 24px 0px #dfe5f6, 0px 6px 24px 0px #dfe5f655;
     }
     #header .header-flex, .header-flex .header-column.left {
         align-items:flex-start;
         justify-content:left !important;
         padding-left: 0;
     }
     .mobile-nav .iniciarSesion:hover {
         box-shadow:none;
         text-decoration:none;
     }
     .mobile-nav .header-flex .header-column {
         display:block;
     }
     .mobile-nav a.registrarse:hover {
         box-shadow:none;
         text-decoration:none
     }
     .header-column .navbar-brand {
         padding-left:0
     }
     .navbar-brand .navbar-title h1 a img {
         max-height: 34px;
         margin: 1px 0 0 1px;
     }
     .logoMobile h1 {
         margin:5px !important;
     }
     .logoMobile {
         position:relative;
         left: 20px;
         margin: 7px 0 0 0;
     }
     .logoMobile a img {
         height:35px
     }
     .productos {
         height: 73px;
         margin: 7px 0;
         padding: 0px 15px 0 33px;
         border-radius: 18px;
         width: 100%;
     }
     body {
         padding-top: 76px;
     }
     .footer-logo {
         margin-bottom:2em
     }
     #footer .col-12 h3 {
         text-align:left;
         font-size: 1em;
         line-height: 1.5em;
     }
     #footer {
         display:block;
         padding: 3em 0 0;
     }
     #footer .container {
         display:block;
     }
     #footer .borderFooter {
         padding:1em 0
     }
     #footer .col-4, #footer .col-12, #footer .footer-nav, #footer .col-8 {
         width:100%;
         text-align:center !important;
         display:block;
     }
     #footer .footer-nav a {
         display:block;
         margin-bottom: 10px;
         margin-left: 0;
         font-size: 0.9em;
         padding: 1em;
     }
     #footer .col-4:nth-child(2) a {
         margin:0 !important;
     }
     #footer .borderFooter .col-8 a {
         margin: 0;
         font-size: 0.9em;
         line-height: 1.5em;
         font-weight:500;
         padding: 1em;
     }
     #footer .mailFooter{
         white-space: pre-line;
         text-decoration: none;
         padding: 1rem;
         cursor: pointer;
         font-size: 1em;
     }
     #footer .social-link a {
         padding:10px
     }
     body.open .mobile-nav {
         background: #f5f7fd;
     }
     .mobile-menu {
         padding: 2rem 0 0;
     }
     .mobile-menu-subscriber {
         padding:2em 0
     }
     .mobile-menu a.productos {
         /* position: relative;
          */
         top: 0;
         border-radius:8px;
         transition: top ease 0.5s;
         padding: 0.6em 1em;
         background: rgb(250, 251, 254);
         margin: 10px 0 0 0;
         height: auto;
     }
     .mobile-menu .productos img {
         margin:0;
         padding:0;
         right: 0;
         height: 50px;
     }
 
 
     h1 {font-size:3.35em;}
     h2 {font-size:2.75em;}
     h3 {font-size:1.75em;}
     h4 {font-size:1.5em;}
     h5 {font-size:1.25em;}
     h6 {font-size:1em;}
 
 }
 /* 768 end */
 .dropdown-btn {
     border: none;
     background: none;
     cursor: pointer;
     outline: none;
     text-transform: inherit;
     display: block;
     -webkit-box-pack: center;
     -webkit-box-align: center;
     cursor: pointer;
     display: flex;
     width: auto;
     min-width: 48px;
     align-items: center;
     justify-content: center;
     border-radius: 0.5em;
     padding: 19px 24px 19px 16px;
     margin-left:25px;
     background: rgb(245, 247, 253);
     transition: all 0.3s ease-out 0s;
     box-shadow: rgb(223 229 246) -6px -12px 24px 0px, rgb(223 229 246 / 33%) 0px 4px 18px 0px;
 }
 button, button[disabled]:focus, button[disabled]:hover, input[type=button], input[type=button][disabled]:focus, input[type=button][disabled]:hover, input[type=reset], input[type=reset][disabled]:focus, input[type=reset][disabled]:hover, input[type=submit], input[type=submit][disabled]:focus, input[type=submit][disabled]:hover {
     color:#4643d3 !important;
 }
 .dropdown-btn::after {
     display: inline-block;
     content: " ";
     transition: transform 0.3s;
     border: solid #4643d3;
     border-width: 0 2px 2px 0;
     display: inline-block;
     padding: 3px;
     margin: -3px 0 0 10px;
     transform: rotate(-315deg);
     -webkit-transform: rotate(-315deg);
 }
 .dropdown-container {
     display: none;
     position: fixed;
     z-index: -3;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background:transparent;
     overflow: auto;
 }
 .dropdown.is-open .dropdown-btn:after {
     transform: rotate(-135deg);
     margin-top: 5px;
 }
 .dropdown.is-open .dropdown-container {
     display: block !important;
 }
 
 
 /* estilos para los highcharts */
 
 /*bg de los svg*/
 .highcharts-background {fill: transparent;}
 
 /*sombra de los textos*/
 .highcharts-text-outline {
     stroke:none;
 }
 
 .legend-color {
     height: 100%;
     position: absolute;
     top: 0;
     width: 10px;
     border-radius: 3px 0 0;
     left: 0;
 
 }
 
 .legend-wrapper {
     border-radius: 3px;
     line-height: 14px;
     overflow: hidden;
     padding: 5px 0px 5px 3px;
     position: relative;
     transition:0.2s;
     font-size:135%;
 }
 .legend-wrapper:hover {
     margin-top:2px;
     box-shadow: 0 1px 0 rgba(0,0,0,0.5);
 }
 .legend-selected {
     background-color: #fff;
     box-shadow: 0 2px 0 rgba(0,0,0,0.5) inset !important;
     margin-top:2px;
 }
 .highcharts-legend-item > span{
     padding: 5px;
 }
 .legend-selected > .legend-color,
 .legend-inactive > .legend-color{
 
     box-shadow: 0 2px 0 rgba(0,0,0,0.5) inset;
 }
 .legend-unselected {
     background-color: #dde4ec;
     box-shadow: 0 2px 0 rgba(0,0,0,0.5);
     color: #777;
 }
 .legend-unselected > .legend-color{
     opacity:0.3;
 }
 .legend-inactive{
     border:1px solid rgba(255,255,255,0.5);
     box-shadow: 0 2px 0 rgba(0,0,0,0.5) inset;
 }
 .legend-label {
     font-weight: 400;
     padding: 5px;
     margin: 0px 7px 0 12px;
 }
 
 .post-content-author {margin: 0;
     border-bottom:none;
 }
 
 .cursor-unpointer{
     pointer-events:none;
     cursor:default;
 }
 
 time {text-transform: capitalize;}