/* ========================= */
/* MODAL CP */
/* ========================= */

.modal-cp{

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,.5);

display:none;

align-items:center;
justify-content:center;

z-index:9999;

}

.modal-cp.activo{

display:flex;

}

.modal-cp-content{

background:#fff;

padding:25px;

border-radius:10px;

width:340px;

position:relative;

}

.cerrar-modal{

position:absolute;

top:10px;
right:15px;

cursor:pointer;

font-size:18px;

}

.input-group{

display:flex;

gap:8px;

}

.input-group input{

flex:1;

padding:10px;

border-radius:6px;

border:1px solid #ccc;

}

.input-group button{

background:#b720eb;

color:#fff;

border:none;

padding:10px 14px;

border-radius:6px;

cursor:pointer;

}

.link-cp{

display:block;

margin-top:12px;

font-size:14px;

color:#0d6efd;

text-decoration:none;

}