@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
html {
   scroll-behavior: smooth;
}
:root {
  --primary-color:#c92f57;
  --font-color:#3b3b3b;
  --color-white:#fff;
}
body {
    font-family:'Montserrat', sans-serif;
    color:#282828;
    width:100%;
    min-height:100vh;
    margin:0;
    padding:0;
}
a:hover,
a:focus {
    color:var(--primary-color);
    outline:0;
    text-decoration:none;
}
p {
  margin-bottom:0;
}
#btnTop {
   border-radius: 100%;
   width: 48px;
   height:48px;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #ccc;
   color:var(--primary-color);
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   position:fixed;
   right:20px;
   bottom:40px;
   z-index: 900
}
#btnTop:hover {
   background:var(--primary-color);
   color:var(--color-white);
}
/*********************************************************************
                                    LOADER
*********************************************************************/
#loader {
  position:fixed;
  top:0;
  left: 0;
  width: 100%;
  min-height: 100vh;
  background-color:rgba(0, 0, 0, 0.99);
  z-index: 9999;
  display:flex;
  align-items: center;
  justify-content: center;
}
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
/*********************************************************************
                            NAVBAR
*********************************************************************/
#wrapper-navbar .navbar .first-brand  .img-fluid {
  max-width:200px
}
#wrapper-navbar .second-brand {
  display: none;
}
#wrapper-navbar .navbar.fixed-top .first-brand {
  display: none;
}
#wrapper-navbar .navbar.fixed-top .second-brand {
  display: block;
}
#wrapper-navbar .container {
  flex-direction:column;
}
#navbarMain.fixed-top .container {
  flex-direction:row;
}
  #wrapper-navbar .top-bar {
    display: flex;
    align-items:center;
    justify-content: space-between;
  }
.navbar-brand {
  display: flex;
  padding:0;
  margin:0;
  white-space: unset;
  align-items: flex-start;
}
.comunidad {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
  .comunidad .btn_com {
    color:var(--color-white) !important;
    background:#ccc;
    width:40px;
    height:40px;
    font-size:14px;
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
    cursor:pointer;
   }
   .comunidad .btn_com:hover {
     background:var(--primary-color);
     color:var(--color-white);
   }
   #date {
     color:var(--font-color);
   }
    #date .date-general {
      font-size:14px;
      padding-bottom:20px
    }
    #date .location {
      font-size:15px;
    }
#main-menu > li > a {
  text-transform: uppercase;
  font-size: 14px;
  color:var(--font-color);
  font-weight:600;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
#main-menu > li > a:hover {
  color:var(--primary-color);
}
#navbarMain.fixed-top .second-brand img.img-fluid {
  max-width: 150px;
}
#navbarMain.fixed-top #main-menu > li > a {
  font-size:12px;
}
#navbarMain.fixed-top #navbarNavDropdown {
  justify-content: flex-end;
}
#navbarMain {
  -webkit-box-shadow:2px 4px 10px rgba(0,0,0,.2);
  box-shadow:2px 4px 10px rgba(0,0,0,.2);
  background:var(--color-white);
}
.fixed-top .top-bar {
  display:none !important;
}
#navbarMain .dropdown-item {
  font-size:14px;
  color:var(--font-color);
  margin-bottom:.5rem;
}
  #navbarMain .dropdown-item:hover {
    background-color:transparent;
    color:var(--primary-color);
  }
#mobile.comunidad {
  opacity:0;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
#mobile.comunidad.show-up {
  opacity:1;
  position:fixed;
  bottom:20%;
  right:0px;
  display:flex;
  flex-direction:column;
  z-index:20;
}
  #mobile.comunidad .btn_com {
    margin-bottom:10px;
  }
@media (min-width:768px) {
  #mobile.comunidad {
    display: none !important;
  }
}
/************************ NAVBAR MOBILE ****************************/
.navbar-toggler .icon__bar {
  display:block;
  background-color:var(--font-color);
  height:3px;
  width:22px;
  margin:4px 0;
  -webkit-transition:width .4s ease;
  transition:width .4s ease;
  opacity:1;
}
@media (max-width:767px) {
  .top-bar {
    display:none !important;
  }
  .second-brand {
    display:block !important;
    max-width:200px;
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
  }
  #navbarMain .container {
    display:flex !important;
    flex-direction:row;
  }
}
/*********************************************************************
                            POSTS
*********************************************************************/
.wrapper {
  min-height: 100vh;
}
@media (min-width:768px) {
  .wrapper {
    min-height: auto;
  }
}
#features {
  position:relative;
  width:100%;
  overflow-x:hidden;
}
  #features .owl-nav {
    display: none !important;
  }
#features::after, #recents::after {
  display:block;
  content:'';
  width:100%;
  height:1px;
  background-color:#ccc;
  margin: 10px 0;
}
#features #slider .slider-item {
  display: flex;
  align-items:center;
  justify-content: space-between;
  flex-direction:column;
  width:100%;
  font-family: 'Just Another Hand', cursive;
}
  #features #slider .slider-item .post-title {
    font-size:42px;
    text-align:center;
    color:var(--font-color);
  }
.owl-dots {
  margin:20px auto;
  max-width:200px;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
  .owl-dots .owl-dot {
    width:20px;
    height:20px;
    background-color:transparent;
    border:1px solid var(--font-color);
    border-radius:100%;
    -webkit-transition:all .4s ease;
    transition:all .4s ease;
  }
  .owl-dots .owl-dot:hover,
  .owl-dots .owl-dot.active {
    border-color:var(--primary-color);
    background-color:var(--primary-color);
    opacity:.7;
  }
@media (min-width:768px) {
   #features #slider {
      display: flex;
      position:relative;
      overflow-x:hidden;
   }
    #features #slider .slider-item {
      flex-direction:row;
    }
   #slider .post__item img {
     height:300px;
     object-fit:cover;
     object-position:top;
   }
   .owl-dots {
     position:absolute;
     bottom:15%;
     left:15%;
   }
}
.owl-stage {
  display:flex;
}
#slider .post__item .post__content {
     color:var(--font-color);
     margin:10px auto;
   }
    #slider .post__item .post__content .title {
      font-size:20px;
      text-transform:uppercase;
      letter-spacing:2px;
    }
    #slider .post__item .post__content p {
      font-size:12px;
    }
.section__title {
  font-size:28px;
  letter-spacing:2px;
  text-transform: uppercase;
}
.section__title::after {
  background-color:var(--primary-color);
  width:30px;
  height:2px;
  content:'';
  display:block;
  margin:10px auto 30px;
}
#recents img.img-fluid {
  width:100%;
  height:200px;
  object-fit:cover;
}
  .mini-post__content {
    padding:15px 0;
    height:fit-content;
  }
    .mini-post__content .category_name {
      font-size:14px;
      letter-spacing:2px;
      color:var(--font-color);
      font-weight:bold;
    }
    .mini-post__content h3 {
      font-size: 18px;
      color:var(--primary-color);
      line-height: 26px;
    }
    .mini-post__content p {
      font-size:12px;
      color:var(--font-color);
    }
    .mini-post__content .read-more {
      color:var(--primary-color);
      font-weight:bold;
    }
.page-header .section__title::after {
  margin:10px 0 30px;
  width:50px;
}
@media (min-width:768px) {
  .post__box .img-fluid {
    height:200px;
    object-fit:cover;
  }
}
.post__box .mini-post__content {
  -webkit-transition:all .4s ease;
  transition:all .4s ease;
}
  .post__box .mini-post__content h3,
  .post__box .mini-post__content .read-more {
    color:var(--font-color);
  }
  .post__box .mini-post__content h3:hover,
  .post__box .mini-post__content .read-more:hover {
    color:var(--primary-color);
  }
.pagination .page-item .page-link {
  border-radius:100%;
  width:30px;
  height:30px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--font-color);
  margin-right:10px;
  border-color:transparent;
  -webkit-transition:all .4s ease;
  transition:all .4s ease;
}
  .pagination .page-item .page-link:hover {
    background-color:var(--primary-color);
    color:var(--color-white);
    opacity:.7;
  }
.pagination .page-item.active .page-link.current {
  background-color:var(--primary-color);
  border-color:var(--primary-color);
  color:var(--color-white);
}
.pagination .page-item.active .page-link.current:hover {
  opacity:1;
}
.single__navigation a,
.single__navigation i {
  text-transform:uppercase;
  color:var(--font-color);
  font-size: 14px;
  -webkit-transition: color .4s ease;
  transition: color .4s ease;
}
.single__navigation a:hover,
.single__navigation i:hover {
  color:var(--primary-color);
}
@media (min-width:768px) {
  .single__navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (min-width:768px) {
  #mobileSearch {
    display:none !important;
  }
}
#mobileSearch {
  display: none;
  -webkit-transition:display .4s ease;
  transition:display .4s ease;
}
#mobileSearch.show-up {
  display: flex;
  align-items: center;
  justify-content: center;
  position:fixed;
  z-index:20;
  bottom:20px;
  right:20px;
  background-color:var(--font-color);
  color:var(--color-white);
  border:2px solid var(--color-white);
  width:48px;
  height:48px;
  border-radius:100%;
  cursor:pointer;
}
@media (min-width:768px) {
  #mostRead .img-fluid {
    height:250px;
    object-fit: cover;
  }
}
#mostRead .img-fluid {
  width:100%;
}
.post-box img.img-fluid {
  width:100%;
}
/***********************************************************
                     404 y NOT FOUND
***********************************************************/
#searchform .input-group {
  border-bottom:2px solid var(--primary-color);
}
  #searchform .form-control {
    border:0;
    caret-color:var(--primary-color);
  }
  #searchform .form-control:focus {
    outline:0 ;
    box-shadow:none ;
  }
  #searchform .submit {
    background-color:transparent;
    border:none;
  }
    #searchform .submit .fa-search {
      color:var(--primary-color);
    }
.botones {
  max-width:414px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
}
.botones .btn__custom {
  background-color:var(--primary-color);
  color:var(--color-white);
  border:2px solid var(--primary-color);
  border-radius:0;
  font-weight:700;
  letter-spacing:1px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.botones .btn__custom:hover {
  background-color:transparent;
  color:var(--primary-color);
}
@media (max-width:767.98px) {
  .error404 .botones {
    flex-direction:column;
  }
    .error404 .botones .btn__custom {
      margin-bottom:10px;
      width:100%;
    }
}
/***********************************************************
                     SUSCRIPCION
***********************************************************/
#modal-suscripcion .modal-header {
  border-bottom:0;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  width:100%;
}
#modal-suscripcion .modal-header::before {
  display:none;
}
  #modal-suscripcion .modal-header .close {
    float:none;
    order:20;
    width:20px;
    font-size: 33px;
    opacity:.7
  }

  #modal-suscripcion .modal-header a {
    color:var(--primary-color);
  }
  #modal-suscripcion .btn-primary {
    background-color:var(--primary-color);
    border-color:var(--primary-color);
  }
#modal-search.modal {
   padding:0 !important;
   margin:0 !important;
}
#modal-search .modal-dialog {
   min-width: 100%;
   border:0;
   margin: 0;
}
   #modal-search .modal-dialog .modal-content {
      min-height: 100vh;
      border:0;
      background-color:rgba(0, 0, 0, 0.95);
      border-radius: 0;
   }
      #modal-search .modal-dialog .modal-content .modal-header {
        border-bottom:0;
        display:flex;
        align-items: center;
        flex-direction: row;
        justify-content: flex-end;
        padding: 10px;
      }
        #modal-search .modal-dialog .modal-content .modal-header .close {
          opacity:1;
          position:relative;
          float:none;
          width: 48px;
          height: 48px;
          margin-top: 0;
        }
        #modal-search .modal-dialog .modal-content .modal-header .close:hover,
        #modal-search .modal-dialog .modal-content .modal-header .close:focus {
          opacity:1;
          outline:0;
          box-shadow:none;
        }
          #modal-search .modal-dialog .modal-content .modal-header .close::before,
          #modal-search .modal-dialog .modal-content .modal-header .close::after {
             position: absolute;
             content:'';
             left:0;
             bottom:0;
             height:40px;
             width: 2px;
             background-color:var(--color-white);
           }
            #modal-search .modal-dialog .modal-content .modal-header .close::before {
               -webkit-transform:rotate(45deg);
               transform:rotate(45deg);
            }
            #modal-search .modal-dialog .modal-content .modal-header .close::after {
               -webkit-transform:rotate(-45deg);
               transform:rotate(-45deg);
            }
        #modal-search .modal-dialog .modal-content .modal-body {
          width:calc(100% - 20%);
          margin:10% auto;
        }
          #modal-search .modal-dialog .modal-content .modal-body .input-group {
            border-bottom:2px solid var(--primary-color);
          }
            #modal-search .modal-dialog .modal-content .modal-body .form-group {
              position:relative;
              margin-bottom:0;
            }
              #modal-search .modal-dialog .modal-content .modal-body .form-control {
                background-color:transparent;
                border:none;
                border-radius:0;
                caret-color:var(--primary-color);
                padding:2rem;
                color:var(--color-white);
                text-transform:uppercase;
                letter-spacing:2px;
              }
              #modal-search .modal-dialog .modal-content .modal-body .form-control:focus {
                 outline:0;
                 box-shadow:none;
              }
         #modal-search .modal-dialog .modal-content .modal-body .submit {
           background-color:transparent;
           border:0;
           position:relative;
           width:50px;
           height:50px;
           display:flex;
           align-items:center;
           justify-content:center;
           padding-top:20px
         }
         #modal-search .modal-dialog .modal-content .modal-body .submit .fa-search {
           color:var(--primary-color);
         }
/***********************************************************
                     FOOTER
***********************************************************/
#wrapper-footer {
  background:#ccc;
}
  #wrapper-footer #menu-footer-nav {
    list-style-type: none;
    padding-inline-start:0;
    margin-bottom:0;
    display: flex;
    align-items: center;
    flex-direction:column;
  }
    #wrapper-footer #menu-footer-nav > .menu-item > a {
      text-transform:uppercase;
      color:var(--font-color);
      font-weight: 700;
      cursor:pointer;
      -webkit-transition:color .3s ease;
      transition:color .3s ease;
    }
    #wrapper-footer #menu-footer-nav > .menu-item > a:hover {
      color:var(--primary-color);
      text-decoration:none;
    }
@media (min-width:768px) {
  #wrapper-footer #menu-footer-nav {
    flex-direction:row;
    justify-content: space-between;
    width: 100%;
    max-width:300px;
    margin-left: auto;
    margin-right:auto;
  }
}
:focus {
  outline:0 !important;
  box-shadow:none;
}
.invisible {
  display: none;
}

/**********************************************
  TEST DE COMPATIBILIDAD
**********************************************/
section#compatibilidad {
  margin: 30px auto 50px auto;
}
section#compatibilidad .banner {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-items: center;
  background: #E3467F;
  color: white;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  padding: 20px 10px;
}
@media (min-width:1000px) {
  section#compatibilidad .banner {
    grid-template-columns: repeat(3, 1fr);
    padding-bottom: 0;
  }
}
section#compatibilidad .banner img {
  width: 290px;
  max-width: 100%;
}
section#compatibilidad .banner a.btn {
  background: white;
  border-radius:20px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);
  width:250px;
  max-width:100%;
  text-transform:uppercase;
  font-size:16px;
  font-weight: 600;
  border-radius: 50px;
}
body.page-template-tmpl-compatibilidad {
  height: 100vh;
  background: #faf4f5;
}
body.page-id-6627,
body.page-id-6627 * {
  box-sizing: border-box;
}
section#test_compatibilidad {
  margin-bottom: 80px;
  height: 100%;
}
body.page-id-6627 footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.custom_page .contenedor_titulo {
  color: white;
  height: 430px;
  display: flex;
  justify-content: center;
  padding-top: 110px;
  margin-top: -30px;
}
.custom_page .contenedor_titulo h2 {font-weight: 900;}
#test_compatibilidad .contenedor_titulo {background: #E3467F;}
.custom_page #contenedor {
  background: white;
  min-height: 400px;
  width: 90%;
  max-width: 800px;
  margin-top: -200px;
  margin-bottom: 80px;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0,0,0,.5);
  padding: 40px 20px;
}
.custom_page #contenedor .contenedor {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#test_compatibilidad #contenedor .contenedor.start {
  justify-content: space-between;
}
#test_compatibilidad .descripcion {
  font-size: 12px;
  text-align: center;
  max-width: 180px;
  margin: 0 auto 20px;
}
#test_compatibilidad .descripcion br {display: none;}
@media (min-width:780px) {
  #test_compatibilidad .descripcion {max-width: 400px;}
  #test_compatibilidad .descripcion br {display: inline-block;}
}
#test_compatibilidad .paso3 .descripcion {max-width: 450px;}
#test_compatibilidad .form-group {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  width: 350px;
  max-width: 100%;
  height: 100%;
}
#test_compatibilidad .form-group .campo {
  border-radius: 7px;
  border:solid 2px #E1E1E1;
  outline: none;
  padding: 5px;
  width: 100%;
  margin-bottom: 10px;
  font-weight: bold;
}
#test_compatibilidad .form-group option:disabled {color: #C7C7C7;}
#test_compatibilidad .btn {
  background: #E3467F;
  color: white;
  border: none;
  width: 100%;
  min-width: 300px;
  border-radius: 25px;
  font-weight: 900;
  text-transform: uppercase;
}
#test_compatibilidad .title_resultado {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  margin-bottom: 14px;
}
#test_compatibilidad .porcentaje {
  font-family: 'Poppins', sans-serif;
  font-size: 60px;
}