/* Copyright (C) 2016 Benjamín Blanco - All Rights Reserved
 * You may use this code under the terms of WAB license.
 *
 * You should have received a copy of the WAB license with
 * this file. If not, please write to: benjaminblancob@gmail.com,
 * or visit : benjaminblan.co
 */
 @font-face {
     font-family: ftnk;
     src: url(https://fonts.typekit.net/af/90cf9f/000000000000000000010091/27/l?subset_id=2&fvd=n7) format("woff2");
     font-weight: 700;
     font-style: normal
 }

 input,
 input::after,
 input::before,
 select,
 select::after,
 select::before,
 textarea,
 textarea::after,
 textarea::before {
     box-sizing: border-box
 }

 .button,
 .carousel,
 .nav,
 .pagination,
 .panel-title a,
 .radio .helper {
     cursor: pointer
 }

 .button:focus,
 .form-group input:focus,
 .form-group select:focus,
 .form-group textarea:focus {
     outline: 0
 }

 .browsehappy {
     margin: .2em 0;
     background: #ccc;
     color: #000;
     padding: .2em 0
 }

 a,
 a:hover {
     text-decoration: none!important
 }

 body {
     padding: 120px 0 0;
     font-family: 'Open Sans', sans-serif;
     background-color: none;
     min-height: 900px;
     overflow-x: hidden;
 }

 .fullBg {
     position: fixed;
     top: 0;
     left: 0;
     max-width: 100vw;
 }

 .footer,
 .header,
 .marketing {
     padding-left: 15px;
     padding-right: 15px
 }

 .header {
     border-bottom: 1px solid #e5e5e5;
     margin-bottom: 10px
 }

 .header h3 {
     margin-top: 0;
     margin-bottom: 0;
     line-height: 40px;
     padding-bottom: 19px
 }

 .footer {
     font-size: 10px;
     padding-top: 8px;
     color: #777;
     position: fixed;
     bottom: 0;
     width: 100%;
     height: 32px;
     background: rgba(255, 255, 255, .9);
     z-index: 99999
 }

 .benjaminblanco {
     color: #000!important;
     font-weight: 700;
     font-family: ftnk
 }

 .container-narrow>hr {
     margin: 30px 0
 }

 .marketing {
     margin: 40px 0
 }

 .marketing p+h4 {
     margin-top: 28px
 }

 .columna {
     padding: 15px 25px;
     margin-top: 50px;
     margin-bottom: 25px;
     background: rgba(255, 255, 255, .7)
 }

 h3 {
     font-family: Merriweather, serif
 }

 .form-group {
     padding-left: 2px;
     padding-right: 2px
 }

 input,
 select,
 textarea {
     font-family: Roboto, sans-serif
 }

 .navbar-default {
     background-color: #fff!important
 }

 fieldset {
     margin: 0 0 3rem;
     padding: 0;
     border: none
 }

 .logo-eq {
     max-width: 200px;
     height: auto;
     display: block
 }

 .navbar-brand {
     padding: 5px 15px!important
 }

 .float-label-control {
     position: relative;
     margin-bottom: 1.5em
 }

 .float-label-control::-webkit-input-placeholder {
     color: transparent
 }

 .float-label-control:-moz-placeholder {
     color: transparent
 }

 .float-label-control::-moz-placeholder {
     color: transparent
 }

 .float-label-control:-ms-input-placeholder {
     color: transparent
 }

 .float-label-control input:-webkit-autofill,
 .float-label-control textarea:-webkit-autofill {
     background-color: transparent!important;
     -webkit-box-shadow: 0 0 0 1000px #fff inset!important;
     -moz-box-shadow: 0 0 0 1000px #fff inset!important;
     box-shadow: 0 0 0 1000px #fff inset!important
 }

 .float-label-control input,
 .float-label-control label,
 .float-label-control textarea {
     font-size: 1.3em;
     box-shadow: none;
     -webkit-box-shadow: none
 }

 .float-label-control input:focus,
 .float-label-control textarea:focus {
     box-shadow: none;
     -webkit-box-shadow: none;
     border-bottom-width: 2px;
     padding-bottom: 0
 }

 .float-label-control textarea:focus {
     padding-bottom: 4px
 }

 .float-label-control input,
 .float-label-control textarea {
     display: block;
     width: 100%;
     padding: .1em 0 1px;
     border: none;
     border-radius: 0;
     border-bottom: 1px solid #aaa;
     outline: 0;
     margin: 0;
     background: 0 0
 }

 .float-label-control textarea {
     padding: .1em 0 5px
 }

 .float-label-control label {
     position: absolute;
     font-weight: 400;
     top: -1em;
     left: .08em;
     color: #aaa;
     z-index: -1;
     font-size: .85em;
     -moz-animation: float-labels .3s none ease-out;
     -webkit-animation: float-labels .3s none ease-out;
     -o-animation: float-labels .3s none ease-out;
     -ms-animation: float-labels .3s none ease-out;
     -khtml-animation: float-labels .3s none ease-out;
     animation: float-labels .3s none ease-out;
     animation-play-state: running!important;
     -webkit-animation-play-state: running!important
 }

 .float-label-control input.empty+label,
 .float-label-control textarea.empty+label {
     top: .1em;
     font-size: 1.5em;
     animation: none;
     -webkit-animation: none
 }

 .float-label-control input:not(.empty)+label,
 .float-label-control textarea:not(.empty)+label {
     z-index: 1
 }

 .float-label-control input:not(.empty):focus+label,
 .float-label-control textarea:not(.empty):focus+label {
     color: #aaa
 }

 .float-label-control.label-bottom label {
     -moz-animation: float-labels-bottom .3s none ease-out;
     -webkit-animation: float-labels-bottom .3s none ease-out;
     -o-animation: float-labels-bottom .3s none ease-out;
     -ms-animation: float-labels-bottom .3s none ease-out;
     -khtml-animation: float-labels-bottom .3s none ease-out;
     animation: float-labels-bottom .3s none ease-out
 }

 .float-label-control.label-bottom input:not(.empty)+label,
 .float-label-control.label-bottom textarea:not(.empty)+label {
     top: 3em
 }

 @keyframes float-labels {
     0% {
         opacity: 1;
         color: #aaa;
         top: .1em;
         font-size: 1.5em
     }
     20% {
         font-size: 1.5em;
         opacity: 0
     }
     30% {
         top: .1em
     }
     50% {
         opacity: 0;
         font-size: .85em
     }
     100% {
         top: -1em;
         opacity: 1
     }
 }

 @-webkit-keyframes float-labels {
     0% {
         opacity: 1;
         color: #aaa;
         top: .1em;
         font-size: 1.5em
     }
     20% {
         font-size: 1.5em;
         opacity: 0
     }
     30% {
         top: .1em
     }
     50% {
         opacity: 0;
         font-size: .85em
     }
     100% {
         top: -1em;
         opacity: 1
     }
 }

 @keyframes float-labels-bottom {
     0% {
         opacity: 1;
         color: #aaa;
         top: .1em;
         font-size: 1.5em
     }
     20% {
         font-size: 1.5em;
         opacity: 0
     }
     30% {
         top: .1em
     }
     50% {
         opacity: 0;
         font-size: .85em
     }
     100% {
         top: 3em;
         opacity: 1
     }
 }

 @-webkit-keyframes float-labels-bottom {
     0% {
         opacity: 1;
         color: #aaa;
         top: .1em;
         font-size: 1.5em
     }
     20% {
         font-size: 1.5em;
         opacity: 0
     }
     30% {
         top: .1em
     }
     50% {
         opacity: 0;
         font-size: .85em
     }
     100% {
         top: 3em;
         opacity: 1
     }
 }

 .button {
     position: relative;
     background: currentColor;
     border: 1px solid currentColor;
     font-size: 1.1rem;
     color: #4f93ce;
     margin: 3rem 0;
     padding: .75rem 3rem;
     -webkit-transition: background-color .28s ease, color .28s ease, box-shadow .28s ease;
     transition: background-color .28s ease, color .28s ease, box-shadow .28s ease;
     overflow: hidden;
     box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
 }

 .button span {
     color: #fff;
     position: relative;
     z-index: 1
 }

 .button::before {
     content: '';
     position: absolute;
     background: #071017;
     border: 50vh solid #242424;
     width: 30vh;
     height: 30vh;
     border-radius: 50%;
     display: block;
     top: 50%;
     left: 50%;
     z-index: 0;
     opacity: 1;
     -webkit-transform: translate(-50%, -50%) scale(0);
     transform: translate(-50%, -50%) scale(0)
 }

 #loader:after,
 #loader:before {
     content: "";
     position: absolute
 }

 .button:hover {
     color: #242424;
     box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)
 }

 .navbar-default .navbar-nav>.active>a,
 .navbar-default .navbar-nav>.active>a:focus,
 .navbar-default .navbar-nav>.active>a:hover,
 .panel-default>.panel-heading:hover {
     color: #fff;
     background-color: #242424;
     z-index:9998
 }

 .button:active::before,
 .button:focus::before {
     -webkit-transition: opacity .28s ease 364ms, -webkit-transform 1.12s ease;
     transition: opacity .28s ease 364ms, -webkit-transform 1.12s ease;
     transition: transform 1.12s ease, opacity .28s ease 364ms;
     transition: transform 1.12s ease, opacity .28s ease 364ms, -webkit-transform 1.12s ease;
     -webkit-transform: translate(-50%, -50%) scale(1);
     transform: translate(-50%, -50%) scale(1);
     opacity: 0
 }

 .panel-default>.panel-heading:hover {
     border-color: #ccc
 }

 #overInvert {
     opacity: .25;
     filter: alpha(opacity=25);
     height: 100%
 }

 #loader-wrapper {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 9999
 }

 #loader {
     display: block;
     position: relative;
     left: 50%;
     top: 50%;
     width: 200px;
     height: 150px;
     margin: -75px 0 0 -100px;
     z-index: 1001!important
 }

 #loader img {
     width: 200px;
     height: auto
 }

 .barrita {
     width: 100%;
     background-color: none;
     margin-top: 20px;
     padding: 3px;
     border: 1px solid #242424
 }

 .barrita-fill {
     display: block;
     height: 15px;
     background-color: #242424;
     -webkit-animation: progreso 5s;
     animation: progreso 5s
 }

 @-webkit-keyframes progreso {
     0% {
         width: 0
     }
     100% {
         width: 100%
     }
 }

 @keyframes progreso {
     0% {
         width: 0
     }
     100% {
         width: 100%
     }
 }

 #loader-wrapper .loader-section {
     position: fixed;
     top: 0;
     width: 51%;
     height: 100%;
     background-color: #fff;
     z-index: 1000
 }

 #loader-wrapper .loader-section.section-left {
     left: 0
 }

 #loader-wrapper .loader-section.section-right {
     right: 0
 }

 .loaded #loader-wrapper .loader-section.section-left {
     -webkit-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     transform: translateX(-100%);
     -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
     transition: all .7s .3s cubic-bezier(.645, .045, .355, 1)
 }

 .loaded #loader-wrapper .loader-section.section-right {
     -webkit-transform: translateX(100%);
     -ms-transform: translateX(100%);
     transform: translateX(100%);
     -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
     transition: all .7s .3s cubic-bezier(.645, .045, .355, 1)
 }

 .loaded #loader {
     opacity: 0;
     -webkit-transition: all .3s ease-out;
     transition: all .3s ease-out
 }

 .loaded #loader-wrapper {
     visibility: hidden;
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     transform: translateY(-100%);
     -webkit-transition: all .3s 1s ease-out;
     transition: all .3s 1s ease-out
 }

 @media print {
     blockquote,
     img,
     pre,
     tr {
         page-break-inside: avoid
     }
     * {
         background: 0 0!important;
         color: #000!important;
         box-shadow: none!important;
         text-shadow: none!important
     }
     a,
     a:visited {
         text-decoration: underline
     }
     a[href]:after {
         content: " (" attr(href) ")"
     }
     abbr[title]:after {
         content: " (" attr(title) ")"
     }
     .ir a:after,
     a[href^="javascript:"]:after,
     a[href^="#"]:after {
         content: ""
     }
     blockquote,
     pre {
         border: 1px solid #999
     }
     thead {
         display: table-header-group
     }
     img {
         max-width: 100%!important
     }
     @page {
         margin: .5cm
     }
     h2,
     h3,
     p {
         orphans: 3;
         widows: 3
     }
     h2,
     h3 {
         page-break-after: avoid
     }
 }

 .fullscreenblack {
     text-align: center;
     padding-top: 20%;
     margin: 0 auto;
     width: 100%;
     height: 100%;
     background-color: #242424;
     color: #fff;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 9999
 }

 .fullscreenblack h4 {
     font-size: 16px;
     font-weight: 700
 }

 .fullscreenblack a {
     color: #f2f2f2;
     font-weight: 700
 }

 .social-media {
     position: absolute;
     right: 20px;
     bottom: 50px;
     width: auto;
     z-index: 9998;
 }

 .social-media img {
     width: 50px;
     margin-right: 10px
 }
.media p {
  font-size: 11px !important;
  margin-bottom: 5px;
}
.media h4 {
  font-size: 16px !important;
  font-weight: bold;
}
.media a, .media a:visited, .media a:hover{
  color: #242424;
}

.btn-black {
    color: #fff !important;
    background-color: #242424;
    border-color: #242424;
    border-radius: 0;
}
.btn-black:hover{
  color: #242424 !important;
}

#ajax-content-wrap {
  background: rgba(255, 255, 255, 0) !important;
  z-index: 0 !important;
}
.container-wrap {
  background: rgba(255, 255, 255, 0.7) !important
}
.single #single-below-header >span {
    border-left: 1px solid #242424 !important;
}
.single .heading-title {
    border-bottom: 1px solid #242424 !important;
}
.navbar-fixed-top {
    z-index: 99999;
}

.blog-title {
    margin-bottom: 24px;
}

/* Estilos para el spinner de carga de las últimas entradas de blog */
.blog-loading .main-text {
    text-align: center;
}

.blog-loading .spinner-loading {
    width: 40px;
    height: 40px;
    margin: 10px auto;
    border: 4px solid #ccc;
    border-top: 4px solid #3498db; /* color azul animado */
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.post-content .post-featured-img {
    display: none;
}

/* Estilos para nuestro carrusel */
.swiper {
    width: 600px;
    max-width: 100%;
    height: auto;
    margin: auto;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    margin-bottom: 24px !important;
  }

  .swiper {
    background-color: #fff !important;
  }

  .swiper-slide {
    text-align: center;
    background: #fff;
    padding-bottom: 20px;
  }

  .image-wrapper {
    position: relative;
  }
  
  .image-wrapper img {
    display: block;
    width: 100%;
    height: 300px;
    object-fit: cover;
  }
  
  .image-gradient {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent);
    pointer-events: none; /* permite hacer clic en enlaces debajo */
  }

  .swiper-slide img {
    width: 100%;
    height: 300px;
    object-fit: cover;
  }

  .slide-title {
    margin: 10px 0 5px;
    padding: 0 8px;
    font-size: 14px;
    font-weight: bold;
  }

  .slide-excerpt {
    margin: 0 auto;
    max-width: 90%;
    font-size: 14px;
    color: #444;
    font-size: 12px;
    text-transform: lowercase;
  }

  .slide-excerpt::first-letter {
    text-transform: uppercase;
  }

  .read-more-btn {
    margin-top: 10px;
    padding: 8px 16px;
    background-color: rgb(51, 51, 51);
    color: white;
    text-decoration: none;
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
  }

  .read-more-btn:hover {
    background-color: rgb(78, 78, 78);
    color: white;
  }

  .slide-footer-spacer {
    height: 15px;
  }

/* Flechas */
.swiper-button-next,
.swiper-button-prev {
  color: white !important;
}

/* Puntos (bullets) */
.swiper-pagination-bullet {
  background: #ccc !important;
  opacity: 1 !important;
}

.swiper-pagination-bullet-active {
  background: rgb(78, 78, 78) !important;
}

/* Custom HEADER */
.navbar {
    min-height: 70px;
}

.navbar-brand, .navbar-nav {
    min-height: 70px;
    /* padding: 0; */
}

.navbar-brand img {
    height: 65px;
    width: auto;
}

.navbar-nav > li > a {
    height: 70px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 70px;
}

.navbar-fixed-top .navbar-collapse {
    max-height: 520px;
}

.navbar-toggle {
    margin-top: 18px;
}