*, ::after, ::before {
    box-sizing: border-box;
}
.all_drag
{
    max-width: fit-content;
    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);
  
}

/*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: 15px;
    bottom: 290px;
}
.container_title
{
    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-color: rgb(216, 101, 255);
    border:1px solid #000;
}
.contenedor_drop_1
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R9.svg);
    border:2px solid #000;
}
.contenedor_drop_1 img
{
    width:180px;
    height:80px;
}

.contenedor_drop_2
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R27.svg);
    border:2px solid #000;
}
.contenedor_drop_2 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_3
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R18.svg);
    border:2px solid #000;
}
.contenedor_drop_3 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_4
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R4.svg);
    border:2px solid #000;
}
.contenedor_drop_4 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_5
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R31.svg);
    border:2px solid #000;
}
.contenedor_drop_5 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_6
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R6.svg);
    border:2px solid #000;
}
.contenedor_drop_6 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_7
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R5.svg);
    border:2px solid #000;
}
.contenedor_drop_7 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_8
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R11.svg);
    border:2px solid #000;
}
.contenedor_drop_8 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_9
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R20.svg);
    border:2px solid #000;
}
.contenedor_drop_9 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_10
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R8.svg);
    border:2px solid #000;
}
.contenedor_drop_10 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_11
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R3.svg);
    border:2px solid #000;
}
.contenedor_drop_11 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_12
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R29.svg);
    border:2px solid #000;
}
.contenedor_drop_12 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_13
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R14.svg);
    border:2px solid #000;
}
.contenedor_drop_13 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_14
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R19.svg);
    border:2px solid #000;
}
.contenedor_drop_14 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_15
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R1.svg);
    border:2px solid #000;
}
.contenedor_drop_15 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_16
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R24.svg);
    border:2px solid #000;
}
.contenedor_drop_16 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_17
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R7.svg);
    border:2px solid #000;
}
.contenedor_drop_17 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_18
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R17.svg);
    border:2px solid #000;
}
.contenedor_drop_18 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_19
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R28.svg);
    border:2px solid #000;
}
.contenedor_drop_19 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_20
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R26.svg);
    border:2px solid #000;
}
.contenedor_drop_20 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_21
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R10.svg);
    border:2px solid #000;
}
.contenedor_drop_21 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_22
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R15.svg);
    border:2px solid #000;
}
.contenedor_drop_22 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_23
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R16.svg);
    border:2px solid #000;
}
.contenedor_drop_23 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_24
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R23.svg);
    border:2px solid #000;
}
.contenedor_drop_24 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_25
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R32.svg);
    border:2px solid #000;
}
.contenedor_drop_25 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_26
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R25.svg);
    border:2px solid #000;
}
.contenedor_drop_26 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_27
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R2.svg);
    border:2px solid #000;
}
.contenedor_drop_27 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_28
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R22.svg);
    border:2px solid #000;
}
.contenedor_drop_28 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_29
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R12.svg);
    border:2px solid #000;
}
.contenedor_drop_29 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_30
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R13.svg);
    border:2px solid #000;
}
.contenedor_drop_30 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_31
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R21.svg);
    border:2px solid #000;
}
.contenedor_drop_31 img
{
    width:180px;
    height:80px;
}
.contenedor_drop_32
{
    width:180px;
    height:80px;
    background-image: url(../../Drag_and_Drop_Ubicar_en_conjuntos/emparejadosMatematicas/img/R30.svg);
    border:2px solid #000;
}
.contenedor_drop_32 img
{
    width:180px;
    height:80px;
}
/*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
{
    font-size: 35px;
    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);
}


