/**
 *  CSS Single Promocion Template
 */

.promocion {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   font-size: 10px;
   margin: 20px auto;
   width: 100%;
   height: auto;
}

.promocion__content {
   background-color: transparent;
   padding: 3em;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: 3em;
   justify-content: center;
}

.promocion__inner {
   box-shadow: 0px 9px 23px -15px rgba(0, 0, 0, 0.8);
   display: flex;
   flex-direction: column;
   background-color: #FFF;
   gap: 1em;
   padding: 2em 1em;
   max-width: 600px;
}

.promocion__image {
   /* width: 100%; */
   /* max-width: 40%; */
}

.promocion__image img {
   width: 100%;
   max-width: 535px;
}

.promocion__title {
   font-size: 3.5em;
   margin-bottom: 1em;
   position: relative;
}

.promocion__title::before {
   content: '';
   position: absolute;
   bottom: -10px;
   left: 0;
   background-color: #e94e1b;
   width: 100px;
   height: 2px;
}

.promocion__description {
   margin-bottom: 3em;
   width: 100%;
   max-width: 550px;
}

.promocion__description p {
   color: #3a372a;
   font-family: 'Lato', sans-serif;
   font-size: 1.6em;
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
}

.promocion__button {
   background-color: #e94e1b;
   border-radius: 5px;
   color: #fff;
   transition: transform .3s linear;
   width: 100%;
   max-width: fit-content;
}

.promocion__button:hover {
   background-color: #d5362e;
   color: #FFF;
   transform: scale(.995) translateZ(1);
}

.promocion__button a {
   font-size: 1.6em;
   font-weight: 600;
   padding: 10px 15px;
   text-transform: uppercase;
}

/**
  * Shows template styles
  */

.show {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   font-size: 10px;
   margin: 20px auto;
   width: 100%;
   height: auto;
}

.show__content {
   background-color: transparent;
   padding: 3em .4em;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: 3em;
   justify-content: center;
}

.show__inner {
   box-shadow: 0px 9px 23px -15px rgba(0, 0, 0, 0.8);
   display: flex;
   flex-direction: column;
   background-color: #FFF;
   gap: 1em;
   padding: 2em 1em;
}

.show__image img {
   width: 100%;
   height: 100%;
   max-width: 535px;
   max-height: 400px;
}

.show__title {
   font-size: 3.5em;
   margin-bottom: 1em;
   position: relative;
}

.show__title::before {
   content: '';
   position: absolute;
   bottom: -10px;
   left: 0;
   background-color: #e94e1b;
   width: 100px;
   height: 2px;
}

.show__description {
   margin-bottom: 3em;
   width: 100%;
   max-width: 550px;
}

.show__description p {
   color: #3a372a;
   font-family: 'Lato', sans-serif;
   font-size: 1.6em;
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
}

.show__button {
   background-color: #e94e1b;
   border-radius: 5px;
   color: #fff;
   transition: transform .3s linear;
   width: 100%;
   max-width: fit-content;
}

.show__button:hover {
   background-color: #d5362e;
   color: #FFF;
   transform: scale(.995) translateZ(1);
}

.show__button a {
   font-size: 1.6em;
   font-weight: 600;
   padding: 10px 15px;
   text-transform: uppercase;
}

/**
 *  TORNEOS STYLES
 */

 
.torneo {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   font-size: 10px;
   margin: 20px auto;
   width: 100%;
   height: auto;
}

.torneo__content {
   background-color: transparent;
   padding: 3em 0.4em;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: 3em;
   justify-content: center;
}

.torneo__inner {
   box-shadow: 0px 9px 23px -15px rgba(0, 0, 0, 0.8);
   display: flex;
   flex-direction: column;
   background-color: #FFF;
   gap: 1em;
   padding: 2em 1em;
}

.torneo__image img {
   width: 100%;
   height: 100%;
   max-width: 535px;
   max-height: 400px;
}

.torneo__title {
   font-size: 3.5em;
   margin-bottom: 1em;
   position: relative;
}

.torneo__title::before {
   content: '';
   position: absolute;
   bottom: -10px;
   left: 0;
   background-color: #e94e1b;
   width: 100px;
   height: 2px;
}

.torneo__description {
   margin-bottom: 3em;
   width: 100%;
   max-width: 550px;
}

.torneo__description p {
   color: #3a372a;
   font-family: 'Lato', sans-serif;
   font-size: 1.6em;
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
}

.torneo__button {
   background-color: #e94e1b;
   border-radius: 5px;
   color: #fff;
   transition: transform .3s linear;
   width: 100%;
   max-width: fit-content;
}

.torneo__button:hover {
   background-color: #d5362e;
   color: #FFF;
   transform: scale(.995) translateZ(1);
}

.torneo__button a {
   font-size: 1.6em;
   font-weight: 600;
   padding: 10px 15px;
   text-transform: uppercase;
}
/** 
  * Recent Posts Styles ********************************************
  * */
.recent {
   font-size: 10px;
   margin: 50px auto;
   width: 100%;
   max-width: 1190px;
}

.recent__title {
   position: relative;
   font-size: 3em;
   text-transform: uppercase;
   font-weight: 800;
   margin-bottom: 50px;
   margin-left: 20px;
}

.recent__title::before {
   content: '';
   position: absolute;
   bottom: -10px;
   left: 0;
   background-color: #e94e1b;
   width: 100px;
   height: 2px;
}

.recent__posts {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 20px;

}

.recent__post {
   position: relative;
   flex: 0 0 300px;
   width: 100%;

}

.recent__post-image {
   margin: 0;

}

.recent__post-image img {
   aspect-ratio: 16/10;
   object-fit: cover;
   width: 100%;
   /* transition: all .7s cubic-bezier(0.175, 0.885, 0.32, 1.275); */

}

.recent__post-content {
   position: absolute;
   left: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.8);
   padding: 1em 0;
   width: 100%;
}

.recent__post:hover .recent__post-title {
   font-size: 2em;
}

.recent__post-title {

   color: #FFF;
   font-size: 1.7em;
   font-weight: 800;
   text-align: center;
   transition: all .5s linear;
   width: 100%;
}