#beneficios-destacados{
  padding-top: 3vh;
  padding-bottom: 3vh;
 }
 
 
 /***SLIDER***SLIDER***SLIDER***SLIDER***SLIDER***
 ****SLIDER***SLIDER***SLIDER***SLIDER***SLIDER***/
 .beneficios-img-object {
   position: relative;
   width: 100%;
   padding-top: 90%;
   border-radius: var(--brL);
 }
 
 .beneficios-img-object img {
   object-fit: cover;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   border-radius: var(--brL);
   object-position: center;
   filter: grayscale(0.1);
 }
 
 .beneficios-slider-content {
   font-size: 0.9rem;
   font-size: clamp(0.9rem, 0.88rem + 0.09999999999999998vw, 1rem);
   grid-gap: 0.7em;
   z-index: 2;
   position: absolute;
   bottom: 1.75em;
   left: 1.5em;
   display: flex;
   align-items: center;
 
 }
 
 
 .beneficios-slider-title {
   color: #fff;
   font-size: 1.1rem;
   font-size: clamp(1.1rem, 1.06rem + 0.19999999999999996vw, 1.3rem);
   font-weight: 600;
 }
 
 
 .beneficios-slider-sub {
   font-size: 0.85em;
   font-family: var(--font-base);
   font-weight: 400;
   margin-top: 0.35em;
   display: block;
   color: #b1b1b1;
 }
 
 .beneficios-slider-line {
   opacity: 0.8;
   font-weight: 100;
   margin: 0 0.4em;
 }
 
 
 .beneficios-slider-lighbox {
   opacity: 0.8;
 
   background: rgb(29, 29, 29);
   background: linear-gradient(0deg, rgba(0, 0,0, 1) 10%, rgba(29, 29, 29, 0.25) 99%);
 
 
   height: 100%;
   width: 100%;
   position: absolute;
   left: 0;
   bottom: 0;
   border-radius: var(--brL);
 }
 
 .beneficios-slider-content a {
   color: var(--primary-color);
 
 }
 
 .beneficios-slider .owl-dots {
   position: absolute;
   bottom: 20px;
   right: 10px;
 }
 
 
 .beneficios-slider .owl-dots .owl-dot span {
   background: rgba(255, 255, 255, 0.4);
   font-size: 0.6rem;
 }
 
 
 
 .beneficios-marca img {
   width: 4em !important;
   height: 4em !important;
   align-self: center;
	 background: #fff;
 }
 
 
 /***SIDEBAR***SIDEBAR***SIDEBAR***SIDEBAR***SIDEBAR***
 ****SIDEBAR***SIDEBAR***SIDEBAR***SIDEBAR***SIDEBAR***/

 .beneficios-side-wrap {
   display: flex;
   height: 100%;
 
 }
 
 .beneficios-side {
   position: relative;
   background-image: url(https://beerrunperu.com/wp-content/uploads/beerrqr.jpg);
 
   cursor: pointer;
   background-size: cover;
   background-position: center top;
   display: flex;
   justify-content: center;
   align-items: center;
   
   border-radius: var(--brL);
 width: 100%;
 
 }
 
 .beneficios-side-content {
   padding: 1.15em 1.35em 1.2em 1.35em;
 
   color: #fff;
   font-size: 0.9rem;
   font-size: clamp(0.9rem, 0.88rem + 0.09999999999999998vw, 1rem);
 
 }
 
 .beneficios-side-title {
   font-family: var(--font-heading);
   font-size: 1.1em;
   line-height: 1.4;
   font-weight: 600;
   margin-bottom: 0.5em;
 }
 
 
 .beneficios-side-descripcion {
   color: #b2b2b2;
   font-size: 1em;   line-height: 1.35;
 }
 
 .beneficio-side-icon {
   height: 2.25em;
   filter: var(--color-white-svg);
   position: relative;
   z-index: 1;
   margin-bottom: 0.5em;
   font-size: 1rem;
   font-size: clamp(1rem, 0.94rem + 0.30000000000000004vw, 1.3rem);
 }
 
 
 
 /***BENEFICIOS BOXES***BENEFICIOS BOXES***BENEFICIOS BOXES***
 ****BENEFICIOS BOXES***BENEFICIOS BOXES***BENEFICIOS BOXES***/
 
 
 .beneficios-level-wrap {
   position: absolute;
   top: 8px;
   right: 8px;
   z-index: 1;
   line-height: initial;
   font-size: 0.55rem;
 }
 
 .beneficios-level {
   background: #000;
 
   padding: 0.15em 0.5em 0.1em 0.5em;
   color: #fff;
   text-transform: uppercase;
   border-radius: 99px;
   font-weight: 600;
   display: inline-flex;
   margin-right: 0.25em;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
 }
 
 
 
 .beneficios-box {
   border-radius:8px;
   border: 1px solid #d4d4d4;
   padding:0.95em  1.05em;
   font-size: clamp(0.9rem, 0.88rem + 0.09999999999999998vw, 1rem);
 
 
 }
 
 .beneficios-box-title {
font-size: 1rem;
font-size: clamp(1rem, 0.96rem + 0.19999999999999996vw, 1.2rem);
   font-weight: 700;
 }
 
 .beneficios-box-logo {
 
   border-radius: 99px;
   border: 1px solid #e8e8e8;
   height: 3.5em !important;
   width: 3.5em !important;
   margin-bottom: 1em; 
 
 }
 
 
 .beneficios-box-cat .owl-nav {
   position: absolute;
   top: -26px;
   transform: translatey(-50%);
   width: 100%;
   filter: invert(1);
 }
 
 
 
 /**BENEFICIOS CATS**/
 .beneficios-cat-title {
   font-size: 1.35rem;
   font-size: clamp(1.35rem, 1.29rem + 0.2999999999999998vw, 1.65rem);
   line-height: initial;
   font-family: var(--font-heading);
   font-weight: 700;
   color: #000;
 }
 
 .beneficios-prev-arrow,
 .beneficios-next-arrow {
   filter: invert(1);
   height: 0.7em;
   cursor: pointer;
   opacity: 0.8;
 
 }
 
 .my-prev-button,
 .my-next-button {
   background: #f1f3f4;
   border-radius: 99px;
   font-size: 1rem;
   height: 1.9em;
   width: 1.9em;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   margin-left: 0.5em;
 
 }
 
 
 .beneficios-cat {
   display: flex;
   margin-top: 2.5%;
   grid-gap: 0.25em;
   align-items: center;
   overflow: auto;
   font-size: 0.9rem;
   font-size: clamp(0.9rem, 0.89rem + 0.04999999999999993vw, 0.95rem);
 
 }
 
 .beneficios-cat-box {
   background: #292929;
   border-radius: 99px;
   padding: 0.4em 1.6em 0.5em 1.3em;
 
   font-size: 1em;
   text-align: center;
   color: #fff;
   white-space: nowrap;
   font-family: var(--font-body);
   display: flex;
   align-items: center;
   justify-content: center;
   width: fit-content;
 }
 
 .beneficios-cat-icon {
   height: 1.6em;
 }
 
 
 .post-type-archive-beneficios .sidebar {
 
 
   background: #292929;
   border-radius: var(--brL);
 }
 
 
 /***BENEFICIOS SINGULAR***BENEFICIOS SINGULAR***BENEFICIOS SINGULAR***/
 
 .beneficios-marca {
   display: flex;
   grid-gap: 0.35em;
   align-items: center;
   font-size: 0.85rem;
   font-weight: 500;
   font-family: var(--font-heading);
   margin-top: 1.5em;
 }
 
 
 .single-beneficios .sidebar .beneficios-marca {
   font-size: 1.05rem;
   font-weight: 800;
   color: #000;
   margin-top: 0;
 }
 
 
 
 .marca-logo {
   border-radius: 99px !important;
   height: 3.5em !important;
   width: 3.5em !important;
 
  
 }
 
 
 
 .marca-title {
   border-radius: 99px;
 }
 
 .beneficios-slider .marca-title {
   color: #ccc;
 }
 
 
 .beneficios-botones {
   display: flex;
   grid-gap: 5px;
 }
 
 
 
 
 .beneficios-social-icon {
 
   font-size: 1rem;
   height: 2.1em;
   width: 2.1em;
   display: flex;
   border-radius: 99px;
   justify-content: center;
   align-items: center;
   display: inline-flex;
   margin-right: 0.5em;
   border: 1px solid #6b6b6b;
   position: relative;
 }
 
 
 
 .beneficios-social-icon img {
 
   height: 1.4em;
   filter: var(--color-white-svg);
 }
 
 
 
 .beneficios-widget {
  
   padding: 18px;
   background: #fff;
   border-radius: var(--brL);
   border: 1px solid var(--color-gray2);
 
 }
 
  
 .beneficios-widget-marca {
   background: var(--color-black);
   color: #ccc;
   position: relative;
   border: 1px solid #000;
 
 }
 
 
 
 .beneficios-widget-marca .beneficios-marca {
   margin-top: 0;
 }
 
 .beneficios-widget-marca h4 {
 
   color: #fff;
 
 }
 
 .beneficios-widget-cat h4 {
 
   color: #000;
   margin-bottom: 20px;
 }
 
 .beneficios-widget-cat-box {
   display: flex;
   font-size: 1rem;
   line-height: initial;
   align-items: center;
   grid-gap: 0.5em;
   margin-top: 0.5em;
 }
 
 
 .beneficios-widget-cat-icon {
   height: 1.6em;
   filter: invert(1) saturate(0)
 }
 

/***BENEFICIOS COUPON***/

.coupon-code {
    font-weight: bold;
    text-align: center;
    color: #007cba; /* Cambia el color según tus preferencias */
}

.coupon-toggle {
    cursor: pointer;
    color: #000;
    background: #ebebeb;
    border-radius: var(--brL);
    text-decoration: none;
    padding: 0.3em 2em;
    font-weight: 500;
	    border: 0.12em dashed #8a8a8a;
    font-size: 1rem;
    width: 100%;
    display: block;
    line-height: initial;
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    grid-gap: 0.25em;
}
			
.coupon-toggle:hover {


 border: 0.12em dashed #000;
   
}
.coupon-toggle  img{
   height: 1.2em;
}
.coupon-toggle.active { 
	 
	     cursor: auto;
    border: 0.12em dashed #000000;
    background: var(--primary-color);
}		
 
  
  @media screen and (max-width: 999px) {
 .sidebar{
  margin-top: 3%;
 }
	   .beneficios-side-wrap {
  
    min-height: 180px;
 }
	  

 }
 @media screen and (min-width: 999px) {
 
    
 .beneficios-cat {
  
   flex-wrap: wrap;
 }
	 
 /***SIDEBAR***SIDEBAR***SIDEBAR***SIDEBAR***SIDEBAR***
 ****SIDEBAR***SIDEBAR***SIDEBAR***SIDEBAR***SIDEBAR***/
 
 
 .beneficios-widget {
  margin-bottom: 15px;
   
 
 }
 
 .beneficios-side-wrap {
   
   flex-direction: column;
 }
 
 
   .wrap-sidebar {
     display: grid;
     grid-template-columns: 1fr 0.5fr;
     grid-gap: 2.5%;
   }
  
 
   
 .beneficios-side {
 
   height: 100%;
 
 }
 
   .post-type-archive-beneficios .sidebar {
     margin-top: 0;
   }
 
   .beneficios-img-object {
 
     padding-top: 60%;
 
   }
 
 /***SLIDER***SLIDER***SLIDER***SLIDER***SLIDER***SLIDER***
 ****SLIDER***SLIDER***SLIDER***SLIDER***SLIDER***SLIDER***/
 
   .primary {
     overflow: hidden;
   }
 
 
 }