/* e-spacios - css/promotion.css (Promotion v1) - CTA teal (#3a8), promoted state orange like OFERTA (#F59A59 / #FECBA3) */
.promoBox{margin:15px 0;padding:12px 15px;border:1px solid #7FE2CC;background:#F2FBF8;border-radius:3px;overflow:hidden;text-align:left;box-sizing:border-box}
.promoBox .promoText{float:left;max-width:65%;color:#444;font-size:13px;line-height:18px;text-align:left}
.promoBox .promoText strong{color:#33aa88;font-size:14px}
.promoBox .promoButton{float:right;display:inline-block;margin-top:4px;padding:7px 14px;background:#33aa88;color:#fff !important;text-decoration:none;border-radius:3px;font-weight:bold}
.promoBox .promoButton:hover{background:#2b9476}
.promoBox_active{border-color:#F59A59;background:#FFF4EC;color:#c86a2a;font-size:13px}
.promoBadge{display:inline-block;padding:2px 7px;background:#F59A59;color:#fff;border-radius:2px;font-size:11px;text-transform:uppercase}
/* dashboard: full-width strip under each listing row */
.promoStrip{clear:both;width:auto;margin:10px 10px 10px 10px;padding:8px 12px}
.promoStrip .promoText{max-width:75%;line-height:30px}
.promoStrip .promoButton{margin-top:0}
/* search results */
.promocion_1{position:relative;box-shadow:inset 4px 0 0 #F59A59;background:#FFF4EC}
.promoLabel{position:absolute;top:6px;left:44px;z-index:5;background:#F59A59;color:#fff;font-size:11px;line-height:16px;padding:1px 7px;border-radius:2px;text-transform:uppercase;font-weight:bold}
.stripeErrorCode{margin-top:10px;color:#a33;font-size:13px}
.wrapperinfo > .promoBox{margin-left:10px;margin-right:10px} /* align with title bar */
.promoBadge_disc{margin-left:6px;background:#E8743B}
.promoDiscounts{float:right;font-size:12px;color:#888}
.promoDiscounts a.promoDiscount{display:inline-block;margin-left:6px;padding:1px 7px;border:1px solid #F59A59;border-radius:2px;color:#c86a2a;text-decoration:none}
.promoDiscounts a.promoDiscount_on{background:#F59A59;color:#fff}

/* Closed Deal v1 - red like the existing "Trato Cerrado" button */
.closedDealBox{margin:10px;padding:8px 12px;border:1px solid #e3a3a3;background:#FDF1F1;border-radius:3px;color:#a33;font-size:13px;text-align:left}
.closedDealBadge{display:inline-block;padding:2px 8px;background:#c0392b;color:#fff;border-radius:2px;font-size:11px;font-weight:bold;text-transform:uppercase}
.closedDealDate{margin-left:6px;color:#a33}
.vendido_1 .vendidobutton{display:none}
.closedDeals{clear:both;margin:25px 10px 10px;padding-top:10px;border-top:2px solid #e3a3a3;text-align:left}
.closedDeals h3{color:#a33;font-size:16px;margin:0 0 10px}
.closedDeals .closedDealsCount{display:inline-block;margin-left:6px;padding:0 8px;background:#c0392b;color:#fff;border-radius:10px;font-size:12px}
.closedDeals .closedDealItem{display:inline-block;vertical-align:top;width:180px;margin:0 12px 12px 0;border:1px solid #eee;background:#fff;text-decoration:none;color:#444}
.closedDeals .closedDealItem img{display:block;width:180px;height:120px;object-fit:cover;filter:grayscale(35%)}
.closedDeals .closedDealItem span{display:block;padding:5px 7px;font-size:12px;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.closedDeals .closedDealItem .closedDealBadge{display:inline-block;margin:6px 7px 0;padding:1px 6px}
.closedDeals .closedDealsNone{color:#888;font-size:13px}

/* Promotion v2: subscription */
.promoRenew{margin-left:8px;font-size:12px;color:#c86a2a}
a.promoManage{margin-left:8px;font-size:12px;color:#33aa88;text-decoration:underline}
.promotePick{max-width:640px;margin:20px auto;text-align:left}
.promotePick h2{color:#33aa88;font-size:20px;margin:0 0 6px}
.promotePickItem{overflow:hidden;margin:10px 0;padding:10px;border:1px solid #7FE2CC;background:#F2FBF8;border-radius:3px}
.promotePickItem_active{border-color:#F59A59;background:#FFF4EC}
.promotePickItem img{float:left;width:120px;height:90px;object-fit:cover;margin-right:12px}
.promotePickText{float:left;max-width:300px;font-size:13px;line-height:20px;color:#444}
.promotePickItem .promoButton,.promotePickItem .promoManage{float:right;margin-top:28px}

/* Promotion v3: manage states (spec V9 1.2) + cancel modal */
.promoManage{display:block;overflow:visible;border-color:#CCC;background:#fff;font-size:12px;color:#555}
.promoManage.is-active,.promoManage.is-cancelled,.promoManage.is-pastdue{background:#FDE6D3;border-color:#F59A59}
.promo-state{display:inline-block;padding:0 6px;font-size:11px;line-height:18px;font-weight:bold;text-transform:uppercase;border:1px solid #CCC;background:#fff;color:#555}
.promo-state.is-active{background:#F59A59;border-color:#F59A59;color:#fff}
.promo-state.is-cancelled{background:#CCC;border-color:#CCC;color:#666}
.promo-state.is-failed{background:#EF646C;border-color:#EF646C;color:#fff}
.promoManage .discount-badge--s{display:inline-block;margin-left:6px;width:56px;height:18px;line-height:19px;text-align:center;background:#F59A59;color:#fff;font-size:11px;font-weight:bold}
.promoActions{margin-top:6px}
.promoActions form{display:inline;margin:0}
.promoActions .small-button,.promoChange summary{display:inline-block;min-width:69px;height:18px;line-height:18px;padding:0 8px;margin:0 4px 4px 0;background:#666;color:#fff !important;font-size:11px;font-weight:bold;text-align:center;text-decoration:none;border:0;cursor:pointer;vertical-align:top;box-sizing:content-box}
.promoActions .small-button.is-promo{background:#F59A59}
.promoActions .small-button.is-closed{background:#EF646C}
.promoChange{display:inline-block;vertical-align:top}
.promoChange summary{list-style:none}
.promoChange summary::-webkit-details-marker{display:none}
.promoChange__opts{margin:4px 0}
.promoChange__opts a.badge-option{display:inline-block;margin:0 6px 4px 0;padding:2px 8px;border:1px solid #CCC;background:#fff;color:#555;text-decoration:none;font-weight:bold}
.promoChange__opts a.badge-option.is-selected{border:2px solid #F59A59;background:#FDE6D3}
.promoDunning{margin:6px 0 0;color:#a33;font-size:12px;line-height:16px}
.promoModal{display:none;position:fixed;z-index:9999;left:0;top:0;right:0;bottom:0;background:rgba(140,140,140,.72);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.promoModal:target{display:block}
.promoModal__win{position:relative;width:448px;max-width:calc(100% - 24px);margin:15vh auto 0;padding:14px 16px;background:#fff;border:1px solid #CCC;box-sizing:border-box;text-align:left;color:#555}
.promoModal__win h4{margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid #666;font-size:12px;font-weight:bold;text-transform:uppercase}
.promoModal__win p{font-size:12px;line-height:18px;margin:0 0 12px}
.promoModal__x{position:absolute;right:10px;top:8px;color:#666;text-decoration:none;font-weight:bold}
.promoModal__btns{text-align:right}
.promoModal__btns .form-button{display:inline-block;height:22px;line-height:22px;padding:0 10px;margin-left:4px;background:#666;color:#fff !important;border:0;font-size:13px;font-weight:bold;text-decoration:none;cursor:pointer}
.promoModal__btns .form-button.is-promo{background:#F59A59}