.img-logo img {
   width: 50px;
}

@media (min-width: 768px) {
   .img-logo img {
      width: 70px;
   }
}
@media (min-width: 1024px) {
   .img-logo img {
      width: 100px;
   }
}

.footer-social {
   display: flex;
   margin-bottom: 2rem;
}

.footer-social li a i {
   font-size: 2.5rem;
   padding: 0.8rem;
   color: white;
   transition: all 0.5s;
}

.footer-social li a i:hover {
   transform: scale(1.1);
}

.single-video {
   position: relative;
   max-width: 100%;
   /* background-color: bl; */
}
.single-video video {
   width: 100%;
   box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset,
      rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px,
      rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
   border-radius: 15px;
   /* max-height: 400; */
   transition: all 0.5s;
}

.single-video video:hover {
   /* border-radius: 20px; */

   box-shadow: rgba(44, 6, 6, 0.4) 0px 0px 0px 2px, rgba(44, 6, 6, 0.65) 0px 4px 6px -1px,
      rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
   transform: scale(1.01);
   /* box-shadow: none; */
}

.single-video-text {
   position: absolute;
   bottom: 90px;
   left: 0;
   color: white;
   /* background-color: rgba(0, 0, 0, 0.39); */
   padding: 20px 35px;
   border-radius: 3px;
   font-size: 1.2rem;
   font-weight: 400;
   font-size: 1.4rem;
}

.fa-tok {
   position: absolute;
   right: 13px;
   font-size: 2rem;
   color: white;
}

.fa-heart {
   color: var(--primary);
   bottom: 270px;
}

.fa-comment {
   bottom: 220px;
}

.fa-bookmark {
   bottom: 170px;
   right: 18px;
}

.fa-share {
   bottom: 120px;
}

.footer-tittle h4 {
   font-size: 2.5rem;
}

/* //========================= Conocenos */
.conocenos {
   background-color: #ffffff;
   padding-top: 0rem;
   padding-bottom: 3rem;
}

.conocenos__container {
   margin: 0 auto;
}

.conocenos__text {
   max-width: 1400px;
   padding: 0 2rem;
   margin: 0 auto;
}

.conocenos__title {
   font-size: 3rem;
   color: #000000;
   text-align: center;
   font-weight: 700;
}

.conocenos__subtitle {
   font-size: 1.5rem;
   color: #000000;
   text-align: center;
   margin: 3rem 0;
}

@media (min-width: 768px) {
   .conocenos__title {
      font-size: 4rem;
   }

   .conocenos__subtitle {
      font-size: 2rem;
   }
}

.conocenos-item {
   background-color: rgb(247, 247, 247);
   color: rgb(39, 39, 39);
   border-radius: 10px;
   text-align: center;
   box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
   transition: all 0.5s;

   padding: 2rem 1rem;
   margin: 4rem 1rem 8rem 1rem;
   height: 370px;
}

@media (min-width: 380px) {
   .conocenos-item {
      height: 330px;
   }
}

@media (min-width: 576px) {
   .conocenos-item {
      height: 310px;
   }
}

@media (min-width: 768px) {
   .conocenos-item {
      height: 340px;
      padding: 2rem 1.5rem;
      margin: 4rem 1.2rem 8rem 1.2rem;
   }
}

@media (min-width: 992px) {
   .conocenos-item {
      height: 360px;
   }
}

@media (min-width: 1200px) {
   .conocenos-item {
      height: 350px;
   }
}

@media (min-width: 1400px) {
   .conocenos-item {
      height: 400px;
   }
}

.conocenos-item-img {
   margin-top: 1rem;
   margin-bottom: 1.5rem;
   display: flex;
   align-items: center;
   transition: all 0.7s;
   height: 130px;
}

@media (min-width: 1200px) {
   .conocenos-item-img {
      height: 140px;
   }
}

@media (min-width: 1400px) {
   .conocenos-item-img {
      height: 160px;
   }
}

.conocenos-item-img img {
   margin: 0 auto;
   max-height: 150px;
   max-width: 140px;
}

.conocenos-item:hover {
   transform: scale(1.05) translateY(-1rem);
   box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

@media (min-width: 1025px) {
   .conocenos-item:hover {
      transform: scale(1.07) translateY(-2rem) rotate(0.005turn);
      box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
   }
}

.conocenos-item:hover .conocenos-item-img {
   transform: scale(1.13);
}

/* //========================= Theme contacto */
.theme-contact {
   position: relative;
   font-size: 2rem !important;
}
.theme-contact__content {
   position: fixed !important;
   bottom: 3px;
   right: 3px;
   display: flex;
   align-items: center;
   z-index: 999;
}
.theme-contact__layer {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 3.5rem !important;
   width: 3.5rem !important;
   cursor: pointer;
   background-color: #00d221;
   border-radius: 100%;
   transition: transform 0.4s cubic-bezier(0.05, 1.04, 0.72, 0.98) 0s;
}
.theme-contact__layer i {
   font-size: 1.8rem;
   padding: 0.8rem;
   color: #fff;
   transition: all 0.3s;
}
.theme-contact__layer:hover i {
   transform: scale(1.4);
}
.theme-contact__layer--pri {
   height: 3.5rem !important;
   width: 3.5rem !important;
   z-index: 100;
}
.theme-contact__layer--sec {
   background-color: #00d221;
   transform: translate3d(400%, 0px, 0px);
}
.theme-contact__layer--ter {
   background-color: #e1306c;
   transform: translate3d(300%, 0px, 0px);
}
.theme-contact__layer--cua {
   background-color: #4267b2;
   transform: translate3d(200%, 0px, 0px);
}
.theme-contact__layer--qui {
   background-color: #ed671e;
   transform: translate3d(100%, 0px, 0px);
}
.theme-contact__layer--pri-active {
   background-color: #000;
}
.theme-contact__layer--pri-active i {
   transform: rotate(180deg);
}
.theme-contact__layer--sec-active {
   margin-right: 3px;
   transform: translate3d(0%, 0px, 0px);
}
.theme-contact__layer--ter-active {
   margin-right: 3px;
   transform: translate3d(0%, 0px, 0px);
}
.theme-contact__layer--cua-active {
   margin-right: 3px;
   transform: translate3d(0%, 0px, 0px);
}
.theme-contact__layer--qui-active {
   margin-right: 3px;
   transform: translate3d(0%, 0px, 0px);
}