#promo-content {
	container-type: inline-size;
	container-name: promoContent;
}
.promo {
	display: flex; align-items: center;
   border-bottom: 1px solid #c4d600;
   margin: 0 auto; padding: 25px 0;
   .promoimg {
   	text-align: center;
   	img {max-width: 460px; cursor: pointer;}
   }
   .condiciones {
   	padding: 0 0 0 20px;
   	p {padding: 0 0 12px; font-size: 15px; color: #009D0C;}
   	h3 {font: 12px Arial; padding-bottom: 8px;}
   	ol {
   		padding-left: 15px;
   		li {padding-bottom: 10px; font-weight: bold;}
   	}
   	ul li {
   		list-style-type: none; position: relative;
   		padding: 0 0 2px 15px; font-size: 12px; font-weight: normal;

   		&:before {
			   content: "\2605"; color: #c4d600;
			   position: absolute; left: 0;
			}
   	}
   }
   @container promoContent (max-width: 768px) {
   	display: block;
   	.promoimg img {width: 100%; margin-bottom: 10px;}
   	.condiciones {padding: 0;}
   }
}

.promobtn {
	display: inline-block; font-size: 14px;
	margin: 20PX auto 0; background: #006341;
	padding: 10px 25px; color: #fff;
	border: 1px solid #006341;
	&:hover {background: transparent; color: #006341;}
}