*, ::after, ::before {
    box-sizing: border-box;
}
.all_drag
{
    width: 1440px;
    height: 270px;
    position: relative;
    top: 325px;
    left: 15px;
}
/*contenedor general de los drag*/
.contenedor_drag_general
{
    width: 1420px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: rgb(255, 255, 255);
   
}
.contenedor_drag_general_1
{
    width: 1420px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: rgb(255, 255, 255);
}
.contenedor_drag_general_2
{
    width: 1420px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: rgb(255, 255, 255);
}
.contenedor_drag_general_3
{
    width: 1420px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: rgb(255, 255, 255);
}

/*Contenedor que alberga el contenedor de la imagen, por esta 
razón no se aprecia el color azul, si se amplia se verá debajo
el color azul*/
.contenedor_drag
{
    text-align: center;
    width:180px;
    height:80px;
    position: relative;
    left: 10px;
    background-color: rgb(255, 255, 255);
    font-size: 40px;
  
}

/*Caracteristicas de la imagen en el contenedor drag, sirve 
para ajustar las dimensiones de la imagen al tamaño del drag*/
.contenedor_drag img
{
    width:180px;
    height:80px;
    background-color: rgb(255, 255, 255);
}
/*Contenedor total de drop, sirve para determinar la posción.*/
.all_drop
{  
    width: 100%;
    height: 320px;
    position: relative;
    left: 0,5px;
    bottom: 290px;
}
.container_title
{
    color: rgb(255, 0, 0);
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    background-color: rgba(255, 255, 255, 0);
}

/*contenedor de los drop_general */
.contenedor_drop_general
{
    display:flex;
    flex-direction: row;
    justify-content: space-between;/*linea para espacio entre cajas*/
    position: relative;
    right: 20px;
}

/*contenedor de los paquetes_drop*/
.contenedor_drop_paquetes
{
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    right: -20px;
    background-color: rgb(255, 255, 255);
}
/*Contenedor drop*/
.contenedor_drop
{
    
    width:180px;
    height:80px;
    background-image: url(./img/conjunto_1.svg);
    border:1px solid #000;
    font-size: 40px;
    
}
.contenedor_drop_1
{
    width:180px;
    height:80px;
    background-image: url(./img/conjunto_2.svg);
    border:1px solid #000;
    font-size: 40px;
}


/*Caracteristicas de la imagen una vez se suelta el contenedor drop,
es util porque en ocasiones al soltar la imagen esta es más grandes
o pequeña, razón por la cual es necesario modificarla y ajustar sus dimensiones
al tamaña de ella en el drag*/
.texto
{
    border: 1px solid #000;
    padding-top: 10px;
    text-align: center;
    width:180px;
    height:80px;
}
/**/
.color_1
{
    background-color: rgb(255, 255, 255);
}
.color_2
{
    background: rgb(0, 0, 0);
}