:root{--cc-cafe:#101010;--cc-cafe-2:#202020;--cc-canela:#d4af37;--cc-cobre:#b88916;--cc-crema:#fffdf5;--cc-borde:#eadca8;--cc-texto:#1c1c1c;--cc-muted:#746f62}
.btn-cc-primary{background:linear-gradient(135deg,var(--cc-cafe-2),var(--cc-cobre));border:0;color:#fff!important;box-shadow:0 7px 16px rgba(212,175,55,.22)}
.btn-cc-primary:hover,.btn-cc-primary:focus{background:linear-gradient(135deg,var(--cc-cafe),var(--cc-canela));color:#fff}
.cc-suscripcion-wrapper{background:#f8f5f2;min-height:100vh}
.cc-suscripcion-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 28px 12px}
.cc-suscripcion-header h1{margin:3px 0 5px;color:var(--cc-cafe);font-size:27px;font-weight:800}.cc-suscripcion-header p{margin:0;color:#79675e}.cc-suscripcion-kicker{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--cc-cobre)}
.cc-suscripcion-actions{display:flex;gap:8px;flex-wrap:wrap}.cc-suscripcion-content{padding:12px 28px 32px}
.cc-alerta-central{border:0;border-left:5px solid #e5a21a;border-radius:11px}
.cc-fuente-aviso{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--cc-borde);border-left:5px solid var(--cc-cobre);border-radius:14px;padding:17px 19px;margin-bottom:17px;box-shadow:0 7px 20px rgba(16,16,16,.06)}
.cc-fuente-ok{border-left-color:#24a66a}.cc-fuente-pendiente{border-left-color:#e29a1b}.cc-fuente-icono{width:45px;height:45px;border-radius:13px;background:#f7e7da;color:var(--cc-canela);display:flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 auto}.cc-fuente-texto{flex:1;min-width:0}.cc-fuente-texto strong{display:block;color:var(--cc-texto);margin-bottom:3px}.cc-fuente-texto span{color:#827166}
.cc-resumen-suscripcion{margin-bottom:2px}.cc-info-card{background:#fff;border:1px solid #eee2d8;border-radius:15px;padding:18px;min-height:112px;margin-bottom:16px;box-shadow:0 7px 20px rgba(16,16,16,.06);position:relative;padding-left:77px}.cc-info-card small{display:block;color:#9b887b;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.45px;margin:8px 0 5px}.cc-info-card strong{display:block;color:var(--cc-texto);font-size:17px;line-height:1.2}.cc-info-icon{position:absolute;left:17px;top:22px;width:46px;height:46px;border-radius:13px;background:#f7e7da;color:var(--cc-canela);display:flex;align-items:center;justify-content:center;font-size:19px}.cc-info-success{background:#e3f7ed;color:#15925b}.cc-info-warning{background:#fff1cf;color:#c27a00}.cc-info-danger{background:#fde5e3;color:#d3483f}.cc-info-info{background:#e5f2fb;color:#287da6}
.cc-box-suscripcion{border:0;border-radius:15px;overflow:hidden;box-shadow:0 7px 22px rgba(16,16,16,.07)}.cc-box-suscripcion .box-header{padding:16px 18px;border-color:#eee1d6}.cc-box-suscripcion .box-title{font-weight:800;color:var(--cc-cafe)}
.cc-detalle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #eee1d6;border-radius:12px;overflow:hidden}.cc-detalle-grid>div{padding:15px 17px;border-bottom:1px solid #eee1d6}.cc-detalle-grid>div:nth-child(odd){border-right:1px solid #eee1d6}.cc-detalle-grid>div:nth-last-child(-n+2){border-bottom:0}.cc-detalle-grid small{display:block;color:#9b887b;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.4px;margin-bottom:4px}.cc-detalle-grid strong{color:#463127;word-break:break-word}.cc-codigo-instalacion{font-family:Consolas,monospace;color:var(--cc-canela)!important}
.cc-ayuda-box .box-body p{color:#6f5d53;line-height:1.55}.cc-ayuda-nota{background:#fff4e9;border:1px solid #f1d9c4;border-radius:10px;padding:12px;color:#76533c;display:flex;gap:8px}.cc-pagos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:13px}.cc-pago-card{border:1px solid #eadbcf;border-radius:13px;padding:15px;background:#fffaf6}.cc-pago-cabecera{display:flex;align-items:center;gap:11px;padding-bottom:11px;border-bottom:1px solid #efe0d5;margin-bottom:8px}.cc-pago-icon{width:41px;height:41px;border-radius:11px;background:#f1d8c5;color:var(--cc-canela);display:flex;align-items:center;justify-content:center}.cc-pago-cabecera strong,.cc-pago-cabecera small{display:block}.cc-pago-cabecera strong{color:var(--cc-texto)}.cc-pago-cabecera small{color:#8d776c}.cc-pago-card p{display:flex;justify-content:space-between;gap:10px;margin:8px 0;color:#8c776c}.cc-pago-card p b{color:#49342a;text-align:right}.cc-sin-medios{padding:18px;border-radius:10px;background:#fff8ef;color:#846f60}.cc-seguridad-nota{display:flex;gap:12px;align-items:flex-start;background:#f2e8df;border:1px solid #e1cdbd;border-radius:13px;padding:15px 17px;color:#6d5140}.cc-seguridad-nota i{font-size:20px;color:var(--cc-canela)}
.cc-suspendida-wrapper{min-height:calc(100vh - 50px);display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(135deg,#050505 0%,#171717 58%,#6f5610 100%);padding:28px 15px!important;overflow:auto}.cc-suspendida-card{width:100%;max-width:780px;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.42)}.cc-suspendida-header{display:flex;align-items:center;gap:15px;padding:23px 25px;background:linear-gradient(135deg,#111111,#735914);color:#fff}.cc-suspendida-logo{width:52px;height:52px;border-radius:15px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:22px}.cc-suspendida-header>div:nth-child(2){flex:1}.cc-suspendida-header span{font-size:10px;letter-spacing:1.5px;font-weight:800}.cc-suspendida-header h1{margin:3px 0 0;font-size:24px;font-weight:800}.cc-suspendida-badge{background:rgba(255,255,255,.15);padding:8px 11px;border-radius:30px;white-space:nowrap}.cc-suspendida-body{padding:24px}.cc-suspendida-intro{font-size:16px;color:#5b4437;margin-bottom:18px}.cc-suspendida-resumen{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.cc-suspendida-resumen>div{background:#fff7f0;border:1px solid #ead7c8;border-radius:12px;padding:15px}.cc-suspendida-resumen small,.cc-suspendida-resumen strong{display:block}.cc-suspendida-resumen small{color:#957f70;margin-bottom:5px}.cc-suspendida-resumen strong{color:var(--cc-cafe);font-size:17px}.cc-suspendida-seguridad{display:flex;gap:11px;margin:16px 0;background:#f5eee8;border-radius:12px;padding:14px;color:#6e5445}.cc-suspendida-seguridad i{color:var(--cc-canela);font-size:19px}.cc-suspendida-subtitulo{font-size:17px;color:var(--cc-cafe);font-weight:800}.cc-suspendida-pagos{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.cc-suspendida-pagos article{border:1px solid #e7d4c4;border-radius:12px;padding:13px;background:#fffaf6}.cc-suspendida-pagos strong,.cc-suspendida-pagos span,.cc-suspendida-pagos b{display:block;margin-bottom:4px}.cc-suspendida-pagos strong{color:var(--cc-cafe)}.cc-suspendida-pagos span{color:#8d776a;font-size:12px}.cc-suspendida-acciones{display:flex;justify-content:center;gap:9px;margin-top:22px}.cc-suspendida-deteccion{text-align:center;margin:15px 0 0;color:#9a8476;font-size:12px}
@media(max-width:767px){.cc-suscripcion-header{display:block;padding:18px 15px 10px}.cc-suscripcion-actions{margin-top:12px}.cc-suscripcion-actions .btn{flex:1}.cc-suscripcion-content{padding:10px 15px 25px}.cc-fuente-aviso{align-items:flex-start;flex-wrap:wrap}.cc-fuente-aviso .label{margin-left:60px}.cc-detalle-grid{grid-template-columns:1fr}.cc-detalle-grid>div,.cc-detalle-grid>div:nth-child(odd){border-right:0;border-bottom:1px solid #eee1d6}.cc-detalle-grid>div:last-child{border-bottom:0}.cc-suspendida-header{align-items:flex-start;flex-wrap:wrap}.cc-suspendida-badge{margin-left:67px}.cc-suspendida-resumen{grid-template-columns:1fr}.cc-suspendida-acciones{flex-direction:column}.cc-suspendida-acciones .btn{width:100%}}