/* Brintage Ads - editor de publicidad y tarjeta patrocinada del feed */

:root{
	--ads-blue:#2f7df6;
	--ads-blue-dark:#1f6fe5;
	--ads-ink:#172033;
	--ads-muted:#748198;
	--ads-line:#e2e9f3;
	--ads-soft:#f4f8ff;
	--ads-danger:#d94352;
}

#settings .us-menu{
	box-sizing:border-box;
	height:auto;
	padding:8px 8px 88px;
}
#settings .settings-menu-row{
	display:flex;
	align-items:center;
	box-sizing:border-box;
	min-height:72px!important;
	margin:8px 4px!important;
	padding:14px 54px 14px 66px!important;
	border:1px solid #e2eaf4!important;
	border-radius:17px!important;
	background:linear-gradient(135deg,#fff 0%,#fbfdff 100%)!important;
	color:#172033;
	font-size:15px;
	font-weight:600;
	box-shadow:0 8px 24px rgba(23,32,51,.045);
	transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
#settings .settings-menu-row:hover{
	transform:translateY(-1px);
	border-color:#c9dcf4!important;
	background:#fff!important;
	box-shadow:0 11px 27px rgba(23,32,51,.07);
}
#settings .settings-menu-row.ad-menu-link{
	background:linear-gradient(135deg,#f7fbff 0%,#edf5ff 100%)!important;
	border-color:#d8e8fb!important;
}
#settings .settings-menu-row .settings-menu-label{
	display:block;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#settings .settings-menu-icon{
	position:absolute;
	left:16px;
	top:50%;
	width:36px;
	height:36px;
	transform:translateY(-50%);
	border:1px solid #dceafd;
	border-radius:11px;
	background-color:#f0f6ff;
	background-position:center;
	background-repeat:no-repeat;
	background-size:23px;
}
#settings .icon-information{background-image:url("../icos/settings-information.svg");}
#settings .icon-security{background-image:url("../icos/settings-security.svg");}
#settings .icon-privacy{background-image:url("../icos/settings-privacy.svg");}
#settings .icon-blocks{background-image:url("../icos/settings-blocks.svg");}
#settings .icon-reports{background-image:url("../icos/settings-reports.svg");}
#settings .icon-language{background-image:url("../icos/settings-language.svg");}
#settings .icon-advertising{background-image:url("../icos/megaphone.svg");}
#settings .icon-sessions{background-image:url("../icos/settings-sessions.svg");}
#settings .settings-menu-row>img{
	right:18px!important;
	width:16px!important;
	opacity:.75;
}
#settings .ad-menu-link::before{display:none!important;}
.ad-menu-link .ad-menu-new{
	display:inline-flex;
	align-items:center;
	height:20px;
	margin-left:9px;
	padding:0 9px;
	border-radius:999px;
	background:linear-gradient(135deg,#2f7df6,#55a8ff);
	color:#fff;
	font-size:10px;
	font-weight:750;
	letter-spacing:.04em;
	text-transform:uppercase;
}

#advertising.ads-settings-page{
	box-sizing:border-box;
	width:100%;
	padding:20px clamp(12px,3vw,30px) 60px;
	background:linear-gradient(180deg,#f8fbff 0%,#fbfdff 100%);
	color:var(--ads-ink);
}
.ads-editor-top{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:20px;
	max-width:1080px;
	margin:0 auto 18px;
	padding:4px 2px 0;
}
.ads-editor-top h1{
	margin:5px 0 5px;
	font-size:clamp(25px,3vw,34px);
	line-height:1.1;
	letter-spacing:-.035em;
}
.ads-editor-top p,
.ads-preview-heading p,
.ads-field>p{
	margin:0;
	color:var(--ads-muted);
	font-size:13px;
	line-height:1.55;
}
.ads-kicker{
	display:flex;
	align-items:center;
	gap:7px;
	color:var(--ads-blue);
	font-size:11px;
	font-weight:800;
	letter-spacing:.1em;
	text-transform:uppercase;
}
.ads-kicker span{
	width:22px;
	height:22px;
	background:#edf5ff url("../icos/megaphone.svg") center/15px no-repeat;
	border-radius:7px;
}
.ads-draft-button,
.ads-secondary-button,
.ads-campaigns-title button{
	flex:0 0 auto;
	border:1px solid #d7e5f5;
	border-radius:10px;
	background:#fff;
	color:var(--ads-blue);
	font-weight:700;
	padding:10px 14px;
	box-shadow:0 6px 16px rgba(31,111,229,.06);
}
.ads-draft-button:hover,
.ads-secondary-button:hover,
.ads-campaigns-title button:hover{
	border-color:#a9caf3;
	background:#f7fbff;
}

.ads-inline-notice{
	display:none;
	box-sizing:border-box;
	max-width:1080px;
	margin:0 auto 15px;
	padding:12px 15px;
	border:1px solid;
	border-radius:12px;
	font-size:13px;
	font-weight:650;
}
.ads-inline-notice.ok{color:#18724b;background:#edfbf4;border-color:#bcebd5;}
.ads-inline-notice.error{color:#aa2d3c;background:#fff2f3;border-color:#f1c5ca;}

.ads-editor-grid{
	display:grid;
	grid-template-columns:minmax(0,1fr);
	gap:18px;
	max-width:1080px;
	margin:0 auto;
	align-items:start;
}
.ads-form-card,
.ads-preview-column,
.ads-campaigns-section{
	box-sizing:border-box;
	border:1px solid var(--ads-line);
	border-radius:20px;
	background:rgba(255,255,255,.96);
	box-shadow:0 16px 44px rgba(23,32,51,.065);
}
.ads-form-card{padding:20px;}
.ads-preview-column{padding:20px;position:relative;top:auto;}

.ads-form-primary-grid,
.ads-form-secondary-grid,
.ads-form-options-grid{
	display:grid;
	align-items:stretch;
	gap:20px;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #edf1f6;
}
.ads-form-primary-grid{grid-template-columns:minmax(250px,.96fr) minmax(0,1.04fr);}
.ads-form-secondary-grid{grid-template-columns:minmax(0,1.35fr) minmax(210px,.65fr);}
.ads-form-options-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);}
.ads-form-primary-grid .ads-field,
.ads-form-secondary-grid .ads-field,
.ads-form-options-grid .ads-field{
	padding:0;
	margin:0;
	border-bottom:0;
}
.ads-form-copy-column{
	display:grid;
	grid-template-rows:auto minmax(0,1fr);
	align-items:stretch;
}
.ads-form-copy-column>.ads-field:first-child{
	padding-bottom:18px;
	margin-bottom:18px;
	border-bottom:1px solid #edf1f6;
}
.ads-description-field{
	display:flex!important;
	flex-direction:column;
}
.ads-description-field textarea{
	flex:1 1 auto;
	min-height:160px;
}
.ads-image-field .ads-secondary-button{width:auto;}

.ads-field{
	display:block;
	padding:0 0 20px;
	margin:0 0 20px;
	border-bottom:1px solid #edf1f6;
}
.ads-field-title{
	display:flex;
	align-items:center;
	gap:9px;
	margin-bottom:6px;
	color:var(--ads-ink);
	font-size:14px;
	font-weight:750;
}
.ads-field-title b{
	display:inline-grid;
	place-items:center;
	width:23px;
	height:23px;
	border-radius:8px;
	background:#edf5ff;
	color:var(--ads-blue);
	font-size:11px;
}
.ads-field-title em{
	margin-left:auto;
	color:#91a0b3;
	font-size:11px;
	font-style:normal;
	font-weight:550;
}
.ads-field input,
.ads-field textarea,
.ads-field select{
	display:block;
	box-sizing:border-box;
	width:100%;
	margin-top:9px;
	padding:12px 13px;
	border:1px solid #dce5f0;
	border-radius:11px;
	outline:none;
	background:#fbfdff;
	color:var(--ads-ink);
	font:inherit;
	font-size:13px;
	transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
#ads-image-file{display:none!important;}
.ads-field textarea{resize:vertical;min-height:104px;line-height:1.5;}
.ads-field input:focus,
.ads-field textarea:focus,
.ads-field select:focus{
	background:#fff;
	border-color:#76aff4;
	box-shadow:0 0 0 4px rgba(47,125,246,.10);
}

.ads-image-picker{
	display:grid;
	place-items:center;
	position:relative;
	overflow:hidden;
	aspect-ratio:4/3;
	margin-top:11px;
	border:1.5px dashed #bcd2ed;
	border-radius:15px;
	background:#f5f9ff;
	background-position:center;
	background-size:cover;
	cursor:pointer;
}
.ads-image-picker::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,transparent 65%,rgba(15,23,42,.06));
	opacity:0;
	transition:opacity .15s ease;
}
.ads-image-picker.has-image::after{opacity:1;}
.ads-image-empty{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:6px;
	color:var(--ads-muted);
	text-align:center;
}
.ads-image-empty strong{color:#3e4b5f;font-size:13px;}
.ads-image-empty small{font-size:11px;}
.ads-image-icon{
	width:45px;
	height:45px;
	border-radius:14px;
	background:#e7f1ff url("../icos/photo.svg") center/22px no-repeat;
}
.ads-secondary-button{margin-top:10px;padding:9px 13px;}

.ads-choice-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:8px;
	margin-top:11px;
}
.ads-choice-grid button{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	min-height:42px;
	padding:8px;
	border:1px solid #dce5f0;
	border-radius:11px;
	background:#fff;
	color:#59667a;
	font-size:12px;
	font-weight:650;
	transition:.15s ease;
}
.ads-choice-grid button:hover{border-color:#a8c8ef;background:#f8fbff;}
.ads-choice-grid button.selected{
	border-color:var(--ads-blue);
	background:#eef5ff;
	color:var(--ads-blue);
	box-shadow:0 0 0 3px rgba(47,125,246,.08);
}
.ads-audience-options i{
	width:17px;
	height:17px;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
}
.ads-gender-f{background-image:url("../icos/sex-fem.png");}
.ads-gender-m{background-image:url("../icos/sex-man.png");}
.ads-gender-x{background-image:url("../icos/user.svg");}
.ads-duration-options{grid-template-columns:repeat(5,minmax(0,1fr));}

.ads-primary-button{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	width:100%;
	min-height:48px;
	border:0;
	border-radius:12px;
	background:linear-gradient(135deg,var(--ads-blue),#55a8ff);
	color:#fff;
	font-size:14px;
	font-weight:800;
	box-shadow:0 12px 26px rgba(47,125,246,.24);
	transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;
}
.ads-primary-button:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(47,125,246,.28);}
.ads-primary-button:disabled{opacity:.68;transform:none;}
.ads-primary-button i,
.br-ad-cta i{
	width:8px;
	height:8px;
	border-top:2px solid currentColor;
	border-right:2px solid currentColor;
	transform:rotate(45deg);
}
.ads-primary-button.loading i{
	width:15px;
	height:15px;
	border:2px solid rgba(255,255,255,.45);
	border-top-color:#fff;
	border-radius:50%;
	transform:none;
	animation:ads-spin .8s linear infinite;
}
@keyframes ads-spin{to{transform:rotate(360deg);}}

.ads-preview-heading{margin-bottom:12px;}
.ads-preview-heading h2{margin:0 0 4px;font-size:18px;}
.ads-preview-card{margin:0!important;box-shadow:0 12px 32px rgba(23,32,51,.10)!important;}
.ads-feed-note,
.ads-review-note{
	display:flex;
	align-items:flex-start;
	gap:10px;
	margin-top:12px;
	padding:11px 12px;
	border-radius:12px;
	background:#eff6ff;
	color:#526278;
	font-size:11px;
	line-height:1.45;
}
.ads-feed-note i{
	flex:0 0 auto;
	width:17px;height:17px;
	background:#d9eaff;
	border-radius:50%;
	position:relative;
}
.ads-feed-note i::after{
	content:"i";
	position:absolute;inset:0;
	display:grid;place-items:center;
	color:var(--ads-blue);
	font-size:11px;font-style:normal;font-weight:900;
}
.ads-review-note{background:#f6f8fb;}
.ads-review-note i{
	flex:0 0 auto;
	width:18px;height:18px;
	background:url("../icos/okb.svg") center/contain no-repeat;
}
.ads-summary-card{
	margin-top:12px;
	padding:14px;
	border:1px solid #e6edf5;
	border-radius:14px;
	background:#fff;
}
.ads-summary-card h3{margin:0 0 9px;font-size:13px;}
.ads-summary-card>div{
	display:flex;
	justify-content:space-between;
	gap:10px;
	padding:7px 0;
	border-top:1px solid #f0f3f7;
	color:var(--ads-muted);
	font-size:11px;
}
.ads-summary-card>div b{color:#354258;text-align:right;}

.ads-payment-card{
	margin-top:14px;
	padding:18px;
	border:1px solid #dfe8f4;
	border-radius:16px;
	background:#fff;
	box-shadow:0 10px 28px rgba(23,32,51,.055);
	scroll-margin:30px;
	transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.ads-payment-card.ready{
	border-color:#a9cdf8;
	box-shadow:0 14px 34px rgba(47,125,246,.11);
}
.ads-payment-card.editing-paid{display:none;}
.ads-payment-heading{margin-bottom:13px;}
.ads-payment-heading h3{
	margin:0 0 4px;
	color:var(--ads-ink);
	font-size:18px;
	letter-spacing:-.02em;
}
.ads-payment-heading p{
	margin:0;
	color:var(--ads-muted);
	font-size:11px;
	line-height:1.45;
}
.ads-payment-summary{
	overflow:hidden;
	border:1px solid #e4ebf4;
	border-radius:13px;
	background:#fbfdff;
}
.ads-payment-summary>div{
	display:grid;
	grid-template-columns:28px minmax(0,1fr) auto;
	align-items:center;
	gap:9px;
	min-height:44px;
	padding:0 12px;
	border-top:1px solid #edf2f7;
	color:#55647a;
	font-size:11px;
}
.ads-payment-summary>div:first-child{border-top:0;}
.ads-payment-summary>div>i{
	display:grid;
	place-items:center;
	width:24px;
	height:24px;
	border-radius:8px;
	background-color:#edf5ff;
	background-position:center;
	background-repeat:no-repeat;
	background-size:14px;
}
.ads-pay-duration{background-image:url("../icos/clock.svg");}
.ads-pay-audience{background-image:url("../icos/user.svg");}
.ads-pay-total::after{
	content:"$";
	color:var(--ads-blue);
	font-size:13px;
	font-style:normal;
	font-weight:850;
}
.ads-payment-summary b{
	color:#243047;
	font-size:12px;
	text-align:right;
}
.ads-payment-method{
	display:grid;
	grid-template-columns:18px 88px minmax(0,1fr) 22px;
	align-items:center;
	gap:10px;
	margin-top:13px;
	padding:12px;
	border:1.5px solid var(--ads-blue);
	border-radius:12px;
	background:linear-gradient(135deg,#fff,#f8fbff);
	box-shadow:0 0 0 3px rgba(47,125,246,.06);
}
.ads-payment-radio{
	box-sizing:border-box;
	width:16px;
	height:16px;
	border:4px solid #dcecff;
	border-radius:50%;
	background:var(--ads-blue);
}
.ads-mp-logo{
	display:block;
	width:88px;
	height:36px;
	object-fit:contain;
	object-position:left center;
}
.ads-payment-method>span:nth-child(3){
	display:flex;
	flex-direction:column;
	min-width:0;
}
.ads-payment-method b{color:#243047;font-size:12px;}
.ads-payment-method small{
	overflow:hidden;
	color:var(--ads-muted);
	font-size:9px;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.ads-payment-method>em{
	display:grid;
	place-items:center;
	width:20px;
	height:20px;
	border-radius:50%;
	background:var(--ads-blue);
	color:#fff;
	font-size:11px;
	font-style:normal;
	font-weight:900;
}
.ads-payment-inline-notice{
	display:none;
	box-sizing:border-box;
	margin-top:12px;
	padding:10px 12px;
	border:1px solid;
	border-radius:10px;
	font-size:10px;
	font-weight:700;
	line-height:1.4;
}
.ads-payment-inline-notice.ok{
	border-color:#bcebd5;
	background:#edfbf4;
	color:#18724b;
}
.ads-payment-inline-notice.error{
	border-color:#f1c5ca;
	background:#fff2f3;
	color:#aa2d3c;
}
.ads-payment-actions{
	display:grid;
	grid-template-columns:minmax(100px,.42fr) minmax(0,1fr);
	gap:10px;
	margin-top:14px;
}
.ads-payment-actions .ads-primary-button{min-height:44px;font-size:12px;}
.ads-payment-back{
	border:1px solid #d8e4f2;
	border-radius:11px;
	background:#fff;
	color:var(--ads-blue);
	font-size:11px;
	font-weight:750;
}
.ads-payment-back:hover{border-color:#a9caf3;background:#f8fbff;}
.ads-payment-safe{
	display:flex;
	align-items:flex-start;
	justify-content:center;
	gap:8px;
	margin-top:12px;
	color:#67758a;
	font-size:9px;
	line-height:1.45;
	text-align:center;
}
.ads-payment-safe i{
	flex:0 0 auto;
	width:16px;
	height:16px;
	background:url("../icos/okb.svg") center/contain no-repeat;
}

.br-ad-feed{
	position:relative;
	box-sizing:border-box;
	width:100%;
	overflow:hidden;
	margin:0 0 18px;
	border:1px solid #dfe9f5;
	border-radius:18px;
	background:#fff;
	box-shadow:0 14px 35px rgba(15,23,42,.07);
}
.br-ad-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	min-height:43px;
	padding:0 14px;
	border-bottom:1px solid #edf2f7;
	background:linear-gradient(180deg,#fff,#fbfdff);
}
.br-ad-sponsored{
	display:flex;
	align-items:center;
	gap:7px;
	color:var(--ads-blue);
	font-size:11px;
	font-weight:800;
	letter-spacing:.03em;
}
.br-ad-sponsored i{
	width:22px;height:22px;
	border-radius:7px;
	background:#edf5ff url("../icos/megaphone.svg") center/15px no-repeat;
}
.br-ad-options{color:#92a0b3;font-size:15px;letter-spacing:1px;}
.br-ad-link{display:block;color:inherit;text-decoration:none;}
.br-ad-body{
	display:grid;
	grid-template-columns:minmax(0,1.08fr) minmax(180px,.92fr);
	min-height:250px;
}
.br-ad-image{
	min-height:250px;
	background:#eef4fb center/cover no-repeat;
}
.br-ad-content{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
	box-sizing:border-box;
	padding:24px;
	background:radial-gradient(circle at 100% 0%,#eef6ff 0,transparent 42%),#fff;
}
.br-ad-content h3{
	margin:0 0 10px;
	color:#172033;
	font-size:clamp(20px,2.4vw,29px);
	line-height:1.08;
	letter-spacing:-.035em;
}
.br-ad-content p{
	margin:0 0 14px;
	color:#647187;
	font-size:12px;
	line-height:1.5;
}
.br-ad-benefit{
	display:inline-flex;
	align-items:center;
	margin:0 0 15px;
	padding:7px 10px;
	border-radius:999px;
	background:#f1f6fd;
	color:#5d6b80;
	font-size:10px;
	font-weight:700;
}
.br-ad-benefit::before{content:"✦";margin-right:5px;color:#f0ad36;}
.br-ad-cta{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	box-sizing:border-box;
	width:100%;
	min-height:40px;
	padding:9px 13px;
	border-radius:10px;
	background:linear-gradient(135deg,var(--ads-blue),#55a8ff);
	color:#fff;
	font-size:11px;
	font-weight:800;
	box-shadow:0 8px 18px rgba(47,125,246,.18);
}
.br-ad-cta i{width:6px;height:6px;border-width:1.5px;}
.ads-preview-image{
	display:grid;
	place-items:center;
	color:#92a0b3;
	font-size:11px;
}

.ads-campaigns-section{
	max-width:1080px;
	margin:20px auto 0;
	padding:20px;
}
.ads-campaigns-title{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	margin-bottom:14px;
}
.ads-campaigns-title>div{display:flex;flex-direction:column;gap:3px;}
.ads-campaigns-title span{font-size:17px;font-weight:800;}
.ads-campaigns-title small{color:var(--ads-muted);font-size:11px;}
.ads-campaign-list{display:grid;gap:11px;}
.ads-campaign-card{
	display:grid;
	grid-template-columns:150px minmax(0,1fr);
	overflow:hidden;
	border:1px solid #e3eaf3;
	border-radius:15px;
	background:#fff;
}
.ads-campaign-image{min-height:160px;background:#eef3f8 center/cover no-repeat;}
.ads-campaign-main{padding:14px;}
.ads-campaign-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.ads-campaign-head h3{margin:0 0 3px;font-size:14px;}
.ads-campaign-head span{color:var(--ads-muted);font-size:10px;}
.ads-campaign-head>b{
	padding:5px 8px;
	border-radius:999px;
	font-size:9px;
	text-transform:uppercase;
	letter-spacing:.05em;
}
	.ads-campaign-head .status-active{color:#16734a;background:#e9f9f1;}
	.ads-campaign-head .status-paused{color:#98600f;background:#fff5df;}
	.ads-campaign-head .status-pending_payment{color:#1764aa;background:#eaf4ff;}
	.ads-campaign-head .status-payment_failed{color:#b13645;background:#fff0f2;}
	.ads-campaign-head .status-ended{color:#6d7788;background:#edf1f5;}
.ads-campaign-main>p{
	display:-webkit-box;
	overflow:hidden;
	margin:10px 0;
	color:#647187;
	font-size:11px;
	line-height:1.45;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.ads-campaign-stats{display:flex;gap:18px;margin:0 0 11px;}
.ads-campaign-stats span{display:flex;flex-direction:column;color:#8a96a8;font-size:9px;text-transform:uppercase;letter-spacing:.04em;}
.ads-campaign-stats b{color:#354258;font-size:13px;letter-spacing:0;}
.ads-campaign-actions{display:flex;gap:7px;flex-wrap:wrap;}
.ads-campaign-actions button{
	padding:7px 10px;
	border:1px solid #dce6f2;
	border-radius:8px;
	background:#f9fbfd;
	color:#4f5e73;
	font-size:10px;
	font-weight:700;
}
.ads-campaign-actions button:hover{border-color:#a9c9ef;color:var(--ads-blue);}
.ads-campaign-actions button.danger{color:var(--ads-danger);}
.ads-empty-state,
.ads-list-loading{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:150px;
	gap:7px;
	color:var(--ads-muted);
	text-align:center;
	font-size:11px;
}
.ads-empty-state i{
	width:40px;height:40px;
	border-radius:13px;
	background:#edf5ff url("../icos/megaphone.svg") center/23px no-repeat;
}
.ads-empty-state strong{color:#354258;font-size:13px;}
.ads-list-loading i{
	width:20px;height:20px;
	border:2px solid #d8e7f8;
	border-top-color:var(--ads-blue);
	border-radius:50%;
	animation:ads-spin .8s linear infinite;
}

@media(max-width:1100px){
	.ads-editor-grid{grid-template-columns:1fr;}
	.ads-preview-column{position:relative;top:auto;}
}

@media(max-width:680px){
	#advertising.ads-settings-page{padding:14px 10px 48px;}
	.ads-editor-top{align-items:center;}
	.ads-editor-top h1{font-size:26px;}
	.ads-editor-top p{font-size:12px;}
	.ads-draft-button{padding:9px 10px;font-size:11px;}
	.ads-form-card,.ads-preview-column,.ads-campaigns-section{border-radius:16px;padding:14px;}
	.ads-audience-options{grid-template-columns:repeat(3,minmax(0,1fr));}
	.ads-duration-options{grid-template-columns:repeat(3,minmax(0,1fr));}
	/* El anuncio conserva el diseño horizontal del mockup también en Inicio
	   móvil: imagen a la izquierda y contenido a la derecha. */
	.br-ad-body{grid-template-columns:minmax(0,1.08fr) minmax(145px,.92fr);min-height:210px;}
	.br-ad-image{min-height:210px;aspect-ratio:auto;}
	.br-ad-content{padding:14px;}
	.br-ad-content h3{font-size:20px;}
	.br-ad-content p{font-size:10px;line-height:1.45;}
	.br-ad-benefit{padding:6px 8px;font-size:8px;}
	.br-ad-cta{min-height:36px;padding:8px;font-size:9px;}
	.ads-campaign-card{grid-template-columns:95px minmax(0,1fr);}
	.ads-campaign-image{min-height:190px;}
	.ads-campaign-head{flex-direction:column;}
	.ads-campaign-stats{gap:12px;}
	.ads-payment-card{padding:14px;}
	.ads-payment-actions{grid-template-columns:1fr;}
	.ads-payment-back{min-height:40px;order:2;}
	.ads-payment-actions .ads-primary-button{order:1;}
}

@media(max-width:560px){
	.ads-form-primary-grid,
	.ads-form-secondary-grid,
	.ads-form-options-grid{grid-template-columns:1fr;}
	.ads-form-copy-column{display:block;}
	.ads-form-copy-column>.ads-field:first-child{margin-bottom:18px;}
	.ads-description-field textarea{min-height:130px;}
	#settings .settings-menu-row{
		min-height:66px!important;
		margin:7px 2px!important;
		padding-left:62px!important;
		font-size:14px;
	}
	#settings .settings-menu-icon{left:14px;width:34px;height:34px;background-size:21px;}
	.ad-menu-link .ad-menu-new{padding:0 7px;font-size:9px;}
}

@media(max-width:390px){
	.ads-editor-top{align-items:flex-start;}
	.ads-editor-top p{display:none;}
	.ads-draft-button{font-size:10px;}
	.ads-campaigns-title{align-items:flex-start;}
	.ads-campaign-card{grid-template-columns:1fr;}
	.ads-campaign-image{min-height:0;aspect-ratio:4/3;}
	.br-ad-body{grid-template-columns:minmax(0,1.05fr) minmax(132px,.95fr);min-height:190px;}
	.br-ad-image{min-height:190px;}
	.br-ad-content{padding:11px;}
	.br-ad-content h3{margin-bottom:7px;font-size:17px;}
	.br-ad-content p{margin-bottom:9px;font-size:9px;}
	.br-ad-benefit{margin-bottom:10px;font-size:7px;}
}

/* ==========================================================
   BRINTAGE — PUBLICIDAD FIJA LATERAL EN ESCRITORIO
   Conserva los anuncios del feed y agrega un espacio independiente
   debajo de Sugerencias cuando el ancho y la altura lo permiten.
   ========================================================== */
@media (min-width:769px){
    #ads .br-suggestions-card{
        overflow:hidden;
        border:1px solid #dfe9f5;
        border-radius:18px;
        background:#fff;
        box-shadow:0 14px 35px rgba(15,23,42,.07);
    }

    #ads .br-suggestions-card .ads-top{
        padding:15px 16px 10px;
    }

    #ads .br-suggestions-card .rands{
        padding:0 6px 5px;
    }

    #ads .br-suggestions-card .rand{
        padding:12px 10px;
    }

    #ads .ads-bottom{
        padding:13px 15px;
    }

    .br-sidebar-ad{
        display:none;
        margin-top:18px;
    }

    .br-sidebar-ad-card{
        overflow:hidden;
        width:100%;
        border:1px solid #dfe9f5;
        border-radius:18px;
        background:#fff;
        box-shadow:0 14px 35px rgba(15,23,42,.07);
    }

    .br-sidebar-ad-head{
        display:flex;
        align-items:center;
        justify-content:space-between;
        min-height:42px;
        padding:0 14px;
        border-bottom:1px solid #edf2f7;
        background:linear-gradient(180deg,#fff,#fbfdff);
    }

    .br-sidebar-ad-link{
        display:block;
        color:inherit;
        text-decoration:none;
    }

    .br-sidebar-ad-image{
        width:100%;
        aspect-ratio:16 / 8.5;
        min-height:112px;
        background:#eef4fb center/cover no-repeat;
    }

    .br-sidebar-ad-copy{
        padding:13px 14px 14px;
        background:radial-gradient(circle at 100% 0%,#eef6ff 0,transparent 45%),#fff;
    }

    .br-sidebar-ad-copy h3{
        display:-webkit-box;
        overflow:hidden;
        margin:0 0 6px;
        color:#172033;
        font-size:15px;
        line-height:1.2;
        letter-spacing:-.02em;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }

    .br-sidebar-ad-copy p{
        display:-webkit-box;
        overflow:hidden;
        margin:0 0 11px;
        color:#647187;
        font-size:10px;
        line-height:1.4;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }

    .br-sidebar-ad-cta{
        display:flex;
        align-items:center;
        justify-content:center;
        gap:7px;
        min-height:34px;
        padding:7px 11px;
        box-sizing:border-box;
        border-radius:10px;
        background:linear-gradient(135deg,var(--ads-blue),#55a8ff);
        color:#fff;
        font-size:10px;
        font-weight:800;
        box-shadow:0 8px 18px rgba(47,125,246,.18);
    }

    .br-sidebar-ad-cta i{
        width:6px;
        height:6px;
        border:solid currentColor;
        border-width:1.5px 1.5px 0 0;
        transform:rotate(45deg);
    }
}

/* Sólo aparece cuando realmente existe espacio horizontal y vertical. */
@media (min-width:1180px) and (min-height:720px){
    .br-sidebar-ad.is-ready{
        display:block;
    }
}

/* En alturas intermedias se compacta sin invadir las barras. */
@media (min-width:1180px) and (min-height:720px) and (max-height:820px){
    #ads .br-suggestions-card .rand{
        padding-top:9px;
        padding-bottom:9px;
    }
    .br-sidebar-ad{
        margin-top:12px;
    }
    .br-sidebar-ad-image{
        aspect-ratio:16 / 7;
        min-height:92px;
    }
    .br-sidebar-ad-copy{
        padding:10px 12px 11px;
    }
    .br-sidebar-ad-copy p{
        display:none;
    }
}


/* ==========================================================
   BRINTAGE — SKELETON DE SUGERENCIAS
   Vista previa gris tipo Facebook/Instagram mientras llegan los usuarios.
   ========================================================== */
@media (min-width:769px){
    #ads .br-sugg-skeleton-row{
        display:flex;
        align-items:center;
        justify-content:space-between;
        min-height:58px;
        box-sizing:border-box;
        pointer-events:none;
    }

    #ads .br-sugg-skeleton-row .rand-int{
        display:flex;
        min-width:0;
        flex:1 1 auto;
        align-items:center;
    }

    #ads .br-sugg-skeleton-block{
        position:relative;
        display:block;
        overflow:hidden;
        background:#e6e9ee;
    }

    #ads .br-sugg-skeleton-block::after{
        position:absolute;
        inset:0;
        content:"";
        transform:translateX(-105%);
        background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
        animation:br-sugg-skeleton-shimmer 1.45s ease-in-out infinite;
    }

    #ads .br-sugg-skeleton-photo{
        width:42px;
        height:42px;
        flex:0 0 42px;
        border-radius:50%;
    }

    #ads .br-sugg-skeleton-copy{
        display:flex;
        min-width:0;
        margin-left:11px;
        flex:1 1 auto;
        flex-direction:column;
        gap:7px;
    }

    #ads .br-sugg-skeleton-name{
        width:72%;
        height:10px;
        border-radius:999px;
    }

    #ads .br-sugg-skeleton-user{
        width:48%;
        height:8px;
        border-radius:999px;
    }

    #ads .br-sugg-skeleton-button{
        width:58px;
        height:26px;
        margin-left:10px;
        flex:0 0 58px;
        border-radius:8px;
    }
}

@keyframes br-sugg-skeleton-shimmer{
    100%{transform:translateX(105%);}
}

@media (prefers-reduced-motion:reduce){
    #ads .br-sugg-skeleton-block::after{animation:none;}
}