/* Header ad: arranca colapsado (sin reservar espacio) y se expande tras 3s
   cuando app.js le añade .is-expanded. */
.dp-ad-top{
	max-height:0;
	opacity:0;
	overflow:hidden;
	padding-top:0;
	padding-bottom:0;
	background:#fff;
	border-bottom:0 solid var(--hair);
	transition:
		max-height .9s cubic-bezier(.22,.61,.36,1),
		opacity .55s ease .15s,
		padding-top .9s cubic-bezier(.22,.61,.36,1),
		padding-bottom .9s cubic-bezier(.22,.61,.36,1),
		border-bottom-width .9s cubic-bezier(.22,.61,.36,1);
}
.dp-ad-top.is-expanded{
	max-height:420px;
	opacity:1;
	padding:14px 0 12px;
	border-bottom-width:1px;
}
.dp-ad-top .dp-ad--billboard .dp-ad__slot{min-height:250px;max-width:none}
.dp-ad-strip{padding:clamp(16px,2.4vw,26px) 0;display:flex;justify-content:center}
.dp-ad-strip--pre-foot{padding:clamp(28px,4vw,48px) 0}
.dp-ad-strip .dp-ad--leaderboard .dp-ad__slot,.dp-ad-strip .dp-ad--billboard .dp-ad__slot{max-width:none}
.dp-ad{width:100%;display:flex;flex-direction:column;align-items:center}
.dp-ad__tag{display:none}
.dp-ad__slot{width:100%;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,var(--bg),var(--bg) 12px,#F5F4EF 12px,#F5F4EF 24px);border:1px solid var(--hair);border-radius:0;overflow:hidden;transition:border-color .25s var(--ease);position:relative}
.dp-ad__slot::before{content:"Publicidad";position:absolute;top:0;left:0;font-family:var(--font-ui);font-weight:600;font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;color:#B0B0B6;background:#fff;padding:4px 8px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);z-index:1}
.dp-ad__slot:hover{border-color:var(--hair-alt)}
.dp-ad__placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 20px;text-align:center}
.dp-ad__icon{font-size:1.6rem;color:var(--placeholder)}
.dp-ad__text{font-family:var(--font-ui);font-weight:500;font-size:12px;color:var(--placeholder)}
.dp-ad__size{font-family:var(--font-ui);font-weight:600;font-size:.66rem;color:var(--muted);letter-spacing:.04em}
.dp-ad--leaderboard .dp-ad__slot{min-height:90px;max-width:728px;margin-inline:auto}
.dp-ad--billboard .dp-ad__slot{min-height:250px;max-width:none}
.dp-ad--billboard .dp-ad__icon{font-size:2rem}
.dp-ad--billboard .dp-ad__text{font-size:1.1rem}
.dp-ad--box .dp-ad__slot{min-height:250px;max-width:300px}
.dp-ad--box .dp-ad__placeholder{padding:20px 16px}
.dp-ad--skyscraper .dp-ad__slot{min-height:600px;max-width:300px}
.dp-ad--inline .dp-ad__slot{min-height:120px}
.dp-ad--inline .dp-ad__placeholder{padding:20px}
.dp-grid__ad{grid-column:1/-1;display:flex;justify-content:center;padding:8px 0}
.dp-grid__ad .dp-ad--box .dp-ad__slot{min-height:200px}
.dp-art-rail .dp-ad--box{margin-top:20px;position:sticky;top:90px}
.dp-art-rail .dp-ad__slot{min-height:250px}
.dp-rail__ad{margin-top:20px}
.dp-rail__ad .dp-ad__slot{min-height:250px;max-width:none}
@media(max-width:768px){
.dp-ad-top{padding:0}
.dp-ad-top.is-expanded{padding:10px 0}
.dp-ad-top .dp-ad--billboard .dp-ad__slot{min-height:140px}
.dp-ad--billboard .dp-ad__slot{min-height:120px}
.dp-ad--billboard .dp-ad__icon{font-size:1.6rem}
.dp-ad--billboard .dp-ad__text{font-size:1rem}
.dp-ad--leaderboard .dp-ad__slot{min-height:90px}
.dp-ad--skyscraper .dp-ad__slot{min-height:320px}
.dp-art-rail .dp-ad--box{position:static}
}
@media print{
.dp-ad-top,.dp-ad,.dp-ad-strip{display:none!important}
}