/* Campañas (src/Campana.php + partials/campana.php). Solo se carga cuando hay una campaña activa o en vista previa.
   Todo cuelga de html.bp-camp-<clave>: sin campaña no aplica nada. Móvil primero. Colores de la casa (bp-componentes). */

/* ---------- Banda de arriba ---------- */
.bpc-banda{position:relative;z-index:41;background:#0b2135;color:#fff;font-family:Montserrat,Arial,sans-serif}
.bpc-banda-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;max-width:1180px;margin:0 auto;padding:9px 16px;text-align:center}
.bpc-tit{font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.bpc-fase{font-size:12px;font-weight:700;opacity:.85}
.bpc-btn{display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:8px;background:#d9a72e;color:#0b2135!important;font-size:12.5px;font-weight:800;text-decoration:none!important;white-space:nowrap}
.bpc-btn:hover{filter:brightness(1.08)}
.bpc-cuenta{display:inline-flex;gap:5px}
.bpc-cuenta>span{display:inline-flex;align-items:baseline;gap:2px;padding:3px 7px;border-radius:6px;background:rgba(255,255,255,.1)}
.bpc-cuenta b{font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}
.bpc-cuenta small{font-size:10px;font-weight:700;opacity:.75}
@media(max-width:640px){
  .bpc-banda-in{padding:8px 12px;gap:5px 8px}
  .bpc-tit{font-size:11.5px;letter-spacing:.06em;width:100%}
  .bpc-fase{font-size:11.5px}
  .bpc-banda:has(.bpc-cuenta) .bpc-fase{display:none} /* con cuenta atrás, «Últimos días» ya sale en la portada: la banda, en 2 líneas */
  .bpc-cuenta b{font-size:14px}
  .bpc-cuenta>span{padding:3px 6px}
  .bpc-btn{min-height:30px;padding:0 11px;font-size:12px}
  .bpc-hero-tag{font-size:10.5px;padding:6px 11px;letter-spacing:.06em}
}

/* ---------- Etiqueta encima del titular de la portada ---------- */
.bpc-hero-tag{display:inline-flex;align-items:center;gap:8px;margin:0 0 4px;padding:7px 14px;border-radius:99px;background:#d9a72e;color:#0b2135;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}

/* ---------- Cinta en tarjetas: portada (.course-card), modalidades (.bpp-card), precio de prácticas (.prx-card) ---------- */
.bp-camp .course-card::after{content:var(--bpc-cinta);position:absolute;top:30px;right:-56px;width:210px;padding:7px 0;transform:rotate(45deg);background:#d9a72e;color:#0b2135;font-size:11px;font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.bp-camp .bpp-card,.bp-camp .prx-card:has(.prx-precio){position:relative}
.bp-camp .bpp-card::after,.bp-camp .prx-card:has(.prx-precio)::after{content:var(--bpc-cinta);position:absolute;top:-13px;right:18px;padding:6px 13px;border-radius:99px;background:#0b2135;color:#d9a72e;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 6px 16px rgba(11,33,53,.25)}

/* ---------- BLACK FRIDAY: negro y oro ---------- */
.bp-camp-blackfriday .bpc-banda{background:#000;border-bottom:2px solid #d9a72e}
.bp-camp-blackfriday .bpc-tit{color:#f2c75d}
.bp-camp-blackfriday .bpc-cuenta>span{background:#d9a72e;color:#000}
.bp-camp-blackfriday .bp-home .home-hero{background-image:linear-gradient(90deg,#000 0%,#05080df2 42%,#0b213566 78%),url('../hero-home-bonaproa.webp');box-shadow:inset 0 -4px 0 #d9a72e}
.bp-camp-blackfriday .bp-home .home-hero h1 em{color:#f2c75d}
.bp-camp-blackfriday .bpc-hero-tag{background:#000;color:#f2c75d;border:1px solid #d9a72e}
.bp-camp-blackfriday .course-card::after{background:#000;color:#f2c75d;border-top:1px solid #d9a72e;border-bottom:1px solid #d9a72e}
.bp-camp-blackfriday .bpp-card::after,.bp-camp-blackfriday .prx-card:has(.prx-precio)::after{background:#000;color:#f2c75d;border:1px solid #d9a72e}
/* Precio: tachado en rojo suave solo cuando hay precio_anterior (lo pinta modalidad-planes). Sin él: «Oferta Black Friday». */
.bp-camp-blackfriday .bpp-price s{color:#b33a4f}
.bp-camp-blackfriday .bpp-card:not(:has(.bpp-price s)) .bpp-price::after{content:var(--bpc-oferta);display:block;margin-top:8px;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#9a6b00}

/* ---------- NAVIDAD Y REYES: invierno discreto, la tarjeta regalo de protagonista ---------- */
.bp-camp-navidad .bpc-banda{background:#0b2135;border-bottom:1px solid rgba(255,255,255,.15)}
.bp-camp-navidad .bp-home .home-hero{background-image:radial-gradient(rgba(255,255,255,.3) 1.2px,transparent 1.8px),linear-gradient(90deg,#071d31fa 0%,#0b2a47ea 45%,#0b2a4755 78%),url('../hero-home-bonaproa.webp');background-size:26px 26px,cover,auto 100%;background-position:0 0,center,right center}
.bp-camp-navidad .bpc-hero-tag{background:#fff;color:#0b2135}
.bp-camp-navidad .bp-home a.home-btn.bpc-regalo{background:#fff!important;color:#0b2135!important}
.bp-camp-navidad .course-card::after{background:#fff;color:#0b2135}

/* ---------- REBAJAS DE ENERO: «Empieza el año con tu título» ---------- */
.bp-camp-rebajas .bpc-banda{background:#164f72}
.bp-camp-rebajas .bpc-hero-tag{background:#fff;color:#164f72}
.bp-camp-rebajas .course-card::after{background:#164f72;color:#fff}
.bp-camp-rebajas .bpp-card::after,.bp-camp-rebajas .prx-card:has(.prx-precio)::after{background:#164f72;color:#fff}

/* ---------- SAN VALENTÍN: tarjeta regalo para parejas ---------- */
.bp-camp-sanvalentin .bpc-banda{background:#8f2943}
.bp-camp-sanvalentin .bpc-btn{background:#fff;color:#8f2943!important}
.bp-camp-sanvalentin .bpc-hero-tag{background:#fff;color:#8f2943}
.bp-camp-sanvalentin .bp-home a.home-btn.bpc-regalo{background:#fff!important;color:#8f2943!important}
.bp-camp-sanvalentin .course-card::after{background:#8f2943;color:#fff}
.bp-camp-sanvalentin .bpp-card::after,.bp-camp-sanvalentin .prx-card:has(.prx-precio)::after{background:#8f2943;color:#fff}

@media (prefers-reduced-motion:no-preference){.bpc-cuenta b{transition:opacity .2s}}

/* =================== DECORACIÓN (24/10, v2) — solo adorno: pointer-events:none, nunca tapa botones ni a Marina =================== */
.bpc-banda{overflow:hidden}
.bpc-banda-in{position:relative;z-index:2}
.bpc-lienzo{position:fixed;inset:0;width:100vw;height:100vh;z-index:35;pointer-events:none}
.bpc-vuela{position:absolute;z-index:1;top:50%;left:0;margin-top:-18px;opacity:.55;pointer-events:none;transform:translateX(-200px);animation:bpcVuela 22s linear 1.5s infinite}
@keyframes bpcVuela{0%{transform:translate(-200px,6px)}45%{transform:translate(calc(100vw + 40px),-8px)}100%{transform:translate(calc(100vw + 40px),-8px)}}
.bpc-reno{animation:bpcTrote .5s ease-in-out infinite alternate}
@keyframes bpcTrote{to{transform:translateY(-1.5px)}}
.bpc-cap{position:absolute;z-index:3;left:14px;right:14px;top:-6px;height:13px;pointer-events:none;border-radius:8px 8px 0 0;background:radial-gradient(ellipse 13px 6px at 50% 6px,#fff 98%,transparent) 0 0/26px 13px repeat-x,linear-gradient(#fff,#fff) 0 0/100% 7px no-repeat;filter:drop-shadow(0 2px 1.5px rgba(11,33,53,.16))}
.course-card .bpc-cap{top:0;left:0;right:0;border-radius:0}
.bp-camp .bpp-card::after,.bp-camp .prx-card:has(.prx-precio)::after{z-index:5}.bp-camp .course-card::after{z-index:5}

/* ---------- Navidad: rojo, verde y oro sobre azul nevado ---------- */
.bp-camp-navidad .bpc-banda{background:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1.6px) 0 0/22px 22px,radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.6px) 11px 11px/22px 22px,linear-gradient(180deg,#0b2135,#12345a);border-bottom:0}
.bp-camp-navidad .bpc-banda::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:repeating-linear-gradient(90deg,#c8102e 0 18px,#fff 18px 24px,#0f7a4a 24px 42px,#fff 42px 48px)}
.bp-camp-navidad .bpc-tit{color:#fff}.bp-camp-navidad .bpc-tit::before{content:"❄ ";color:#bcd3e6}
.bp-camp-navidad .bpc-btn{background:#c8102e;color:#fff!important}
.bp-camp-navidad .bpc-hero-tag{background:#c8102e;color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.bp-camp-navidad .bpc-hero-tag::before{content:"🎄"}
.bp-camp-navidad .course-card::after{content:"🎁 " var(--bpc-cinta);background:#c8102e;color:#fff;border-top:2px solid #f2c75d;border-bottom:2px solid #f2c75d}
.bp-camp-navidad .bpp-card::after,.bp-camp-navidad .prx-card:has(.prx-precio)::after{content:"🎁 " var(--bpc-cinta);background:#0f7a4a;color:#fff;border:1px solid #f2c75d}
.bp-camp-navidad .bpp-card::before,.bp-camp-navidad .prx-card:has(.prx-precio)::before{content:"";position:absolute;z-index:4;top:14px;right:30px;width:12px;height:12px;transform-origin:50% -8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff8a8a,#c8102e 60%);box-shadow:-9px -3px 0 -2px #0f7a4a,9px -3px 0 -2px #0f7a4a;animation:bpcBola 2.4s ease-in-out infinite alternate}
@keyframes bpcBola{from{transform:rotate(-6deg)}to{transform:rotate(6deg)}}
.bp-camp-reyes .bpc-hero-tag{background:#5b2a86}
.bp-camp-reyes .bpc-tit::before{content:"✦ ";color:#f2c75d}
.bp-camp-reyes .bpc-hero-tag::before{content:"👑"}
.bp-camp-reyes .bpc-btn{background:#d9a72e;color:#0b2135!important}
.bp-camp-reyes .bpc-banda::after{background:linear-gradient(90deg,#7b3fa0,#d9a72e,#0f7a4a)}

/* ---------- Black Friday: brillo que cruza la cinta y destellos dorados ---------- */
.bp-camp-blackfriday .course-card::after,.bp-camp-blackfriday .bpp-card::after,.bp-camp-blackfriday .prx-card:has(.prx-precio)::after{background:linear-gradient(110deg,#000 40%,#5a4512 50%,#000 60%) 0 0/300% 100%;animation:bpcBrillo 3.2s ease-in-out infinite}
@keyframes bpcBrillo{0%{background-position:100% 0}60%,100%{background-position:0 0}}
.bp-camp-blackfriday .bpc-banda{background:radial-gradient(circle at 8% 40%,rgba(242,199,93,.35) 0 1px,transparent 2px),radial-gradient(circle at 92% 60%,rgba(242,199,93,.35) 0 1px,transparent 2px),radial-gradient(circle at 70% 20%,rgba(242,199,93,.25) 0 1px,transparent 2px),#000}
.bp-camp-blackfriday .bpc-tit::before,.bp-camp-blackfriday .bpc-tit::after{content:"✦";display:inline-block;margin:0 8px;color:#d9a72e;animation:bpcChispa 1.8s ease-in-out infinite}
.bp-camp-blackfriday .bpc-tit::after{animation-delay:.9s}
@keyframes bpcChispa{50%{opacity:.25;transform:scale(.7)}}

/* ---------- Rebajas: etiquetas de precio y confeti suave ---------- */
.bp-camp-rebajas .bpc-banda{background:radial-gradient(circle at 12% 30%,#d9a72e 0 2px,transparent 2.5px),radial-gradient(circle at 30% 75%,#8fb3cc 0 2px,transparent 2.5px),radial-gradient(circle at 78% 25%,#e3b84e 0 2px,transparent 2.5px),radial-gradient(circle at 90% 70%,#fff 0 1.5px,transparent 2px),#164f72}
.bp-camp-rebajas .bpc-tit::before{content:"🏷 "}
.bp-camp-rebajas .course-card::after,.bp-camp-rebajas .bpp-card::after,.bp-camp-rebajas .prx-card:has(.prx-precio)::after{content:"★ " var(--bpc-cinta)}

/* ---------- San Valentín: corazones que suben despacio ---------- */
.bp-camp-sanvalentin .bpc-banda{background:radial-gradient(circle at 15% 50%,rgba(255,255,255,.12) 0 18px,transparent 19px),radial-gradient(circle at 85% 40%,rgba(255,255,255,.1) 0 26px,transparent 27px),linear-gradient(90deg,#8f2943,#b33a5c)}
.bp-camp-sanvalentin .bpc-tit::before{content:"♥ ";color:#ffc9d6}
.bp-camp-sanvalentin .course-card::after,.bp-camp-sanvalentin .bpp-card::after,.bp-camp-sanvalentin .prx-card:has(.prx-precio)::after{content:"♥ " var(--bpc-cinta)}

.home-hero{position:relative}.home-hero>.bpc-vuela{top:22px;margin-top:0;opacity:1;width:170px;height:41px}
@media(max-width:640px){.home-hero>.bpc-vuela{top:10px;width:120px;height:29px}.bpc-vuela{width:110px;height:27px;margin-top:-14px;top:auto;bottom:4px}}
@media(prefers-reduced-motion:reduce){.bpc-vuela{display:none}.bpc-reno,.bp-camp-navidad .bpp-card::before,.bp-camp-blackfriday .course-card::after,.bp-camp-blackfriday .bpp-card::after,.bp-camp-blackfriday .bpc-tit::before,.bp-camp-blackfriday .bpc-tit::after{animation:none}}

/* Black Friday con descuento (1/11/2026): el −15 % y el código, bien grandes */
.bp-camp-blackfriday .bpc-banda-in{padding:14px 16px;gap:8px 18px}
.bp-camp-blackfriday .bpc-tit{font-size:28px;line-height:1.1;letter-spacing:.03em}
.bp-camp-blackfriday .bpc-fase{font-size:17px;opacity:1}
.bp-camp-blackfriday .bpc-btn{min-height:42px;padding:0 20px;font-size:16px}
.bp-camp-blackfriday .bpc-hero-tag{font-size:19px;line-height:1.25;padding:12px 20px;border-radius:14px;border-width:2px;text-transform:none;letter-spacing:0;white-space:normal;max-width:100%}
.bp-camp-blackfriday .course-card::after{font-size:15px}
.bp-camp-blackfriday .bpp-card::after,.bp-camp-blackfriday .prx-card:has(.prx-precio)::after{font-size:15px}
@media(max-width:640px){
  .bp-camp-blackfriday .bpc-banda-in{padding:12px}
  .bp-camp-blackfriday .bpc-tit{font-size:24px}
  .bp-camp-blackfriday .bpc-fase{font-size:15px;display:block;width:100%}
  .bp-camp-blackfriday .bpc-btn{min-height:40px;font-size:15px}
  .bp-camp-blackfriday .bpc-hero-tag{font-size:16px;padding:10px 14px}
}