/* -------------- popup */
.cont-popup {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   background: rgba(41, 41, 41, 0.151);
   z-index: 1000;
   display: none;
}

.popup {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   min-width: 350px;
   /* - */
   background-color: white;
   border: 1px solid grey;
}

/* para popup head */
.popup-head {
   padding: 10px;
   font-weight: bold;
   color: white;
   background-color: green;
}

/* subir error eliminar */
.popup-upload {
   color: var(--popup-upload-fuente);
}

.popup-error {
   color: var(--popup-error-fuente);
   background-color: var(--popup-error-fondo);
}

.popup-delete {
   color: var(--popup-delete-fuente);
}

/* fin popup head */

.popup-info {
   padding: 10px;
}

.popup-foot {
   display: flex;
   gap: 10px;
   justify-content: right;
   padding: 10px;
   background-color: var(--gris-claro);
}
.popup-foot__buttom {
   padding: .5rem 2rem;
   margin: 1rem;
   color: var(--blanco-puro);
   background-color: var(--celeste-verdoso);
   border-radius: .3rem;
   border-style: solid;
   border-color: var(--blanco-puro);
 }
/* fin todo popup */