/* Clase particular online: llamadas para reservarla (partials/clase-particular-cta.php). Archivo propio: no toca bp-componentes.css. */
.bpcc{box-sizing:border-box;display:flex;align-items:center;gap:16px;font-family:Montserrat,Arial,sans-serif;text-align:left}
.bpcc-ico{flex:0 0 50px;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#d9a72e;color:#0b2135;box-shadow:0 0 0 6px rgba(217,167,46,.22)}
.bpcc-txt{flex:1;min-width:0}
.bpcc-txt b{display:block;font-size:17px;line-height:1.25}
.bpcc-txt span{display:block;margin-top:3px;font-size:14px;line-height:1.45}
.bpcc-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;background:#d9a72e;color:#0b2135!important;font-size:14.5px;font-weight:800;text-decoration:none!important;white-space:nowrap}
.bpcc-btn:hover{background:#e3b84e}

/* tarjeta (portada) y banda (cursos): de color, con raya dorada */
.bpcc-tarjeta,.bpcc-banda{padding:18px 22px;border-radius:20px;border-top:4px solid #d9a72e;color:#fff;background:radial-gradient(circle at 100% 0,rgba(255,255,255,.14) 0,transparent 55%),linear-gradient(140deg,#5b2a86 0%,#2c1b4f 100%);box-shadow:0 16px 36px rgba(9,34,56,.18)}
.bpcc-tarjeta .bpcc-txt b,.bpcc-banda .bpcc-txt b{color:#fff}
.bpcc-tarjeta .bpcc-txt span,.bpcc-banda .bpcc-txt span{color:rgba(255,255,255,.86)}
.bpcc-sec{padding:26px 0 0}
.bpcc-precio{flex:0 0 auto;text-align:center;line-height:1.1;color:#fff}
.bpcc-precio small{display:block;font-size:11px;font-weight:700;color:#f2c75d;text-transform:uppercase;letter-spacing:.06em}
.bpcc-precio strong{display:block;font-size:26px;font-weight:900}
.bpcc-acc{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px}
.bpcc-mas{color:#f6dfa0!important;font-size:13px;font-weight:700;text-decoration:underline!important}
.bpcc-banda{max-width:1160px;margin:22px auto 0}

/* campus: discreta, clara, con su ×; se cierra para toda la sesión */
.bpcc-campus{position:relative;margin:20px 0;padding:14px 44px 14px 16px;border:1px solid #e6dcf2;border-left:5px solid #5b2a86;border-radius:14px;background:#faf7fd;color:#0b2135}
.bpcc-campus[hidden]{display:none}
.bpcc-campus .bpcc-ico{flex-basis:42px;width:42px;height:42px;box-shadow:none}
.bpcc-campus .bpcc-ico svg{width:22px;height:22px}
.bpcc-campus .bpcc-txt b{font-size:15.5px;color:#0b2135}
.bpcc-campus .bpcc-txt span{font-size:13.5px;color:#4f5d70}
.bpcc-campus .bpcc-btn{min-height:40px;font-size:14px}
.bpcc-x{position:absolute!important;top:6px;right:8px;width:30px!important;height:30px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#8792a0!important;font-size:20px!important;line-height:1!important;cursor:pointer}
.bpcc-x:hover{background:#eee6f6!important;color:#0b2135!important}

/* línea (Mis prácticas) */
.bpcc-linea{margin:12px 0 0;font-size:14px;color:#4f5d70}
.bpcc-linea a{color:#5b2a86;font-weight:800}

@media(max-width:820px){
  .bpcc-tarjeta,.bpcc-banda{flex-wrap:wrap;padding:18px 16px;gap:12px 14px}
  .bpcc-tarjeta .bpcc-txt,.bpcc-banda .bpcc-txt{flex-basis:calc(100% - 66px)}
  .bpcc-precio{text-align:left}
  .bpcc-acc{flex:1;align-items:stretch}
  .bpcc-banda .bpcc-btn,.bpcc-acc .bpcc-btn{flex:1 1 100%}
  .bpcc-campus{flex-wrap:wrap}
  .bpcc-campus .bpcc-txt{flex-basis:calc(100% - 58px)}
  .bpcc-campus .bpcc-btn{flex:1 1 100%}
}