.DivPanel2{display:flex;background-color:hsla(0,0%,100%,.253);width:90px;flex-grow:1;margin:2px;border-radius:5px;transition:width .3s ease,z-index .3s ease}.DivPanel2,.DivPanel2-expanded{justify-content:center;align-items:center;position:relative}.DivPanel2-expanded{width:230px;z-index:10;background-color:hsla(0,0%,98%,.678)}.DivPanel3{display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.253);width:90px;flex-grow:1;margin:2px;border-radius:5px;transition:width .3s ease,z-index .3s ease;position:relative}.DivPanel3-expanded{width:95px;z-index:10;position:relative;background-color:hsla(0,0%,98%,.678)}.container-grid{display:flex;flex-wrap:wrap;justify-content:space-between}.container-grid>*{flex-basis:48%;box-sizing:border-box}.cuadroIMG{width:50px;height:50px;transition:width .3s ease,height .3s ease;background-color:transparent;position:relative;margin-left:30px}.cuadroIMG-expanded{width:50px;height:50px;margin-left:90px}.cuadroIMG2{transition:width .3s ease,height .3s ease;background-color:transparent;position:relative}.cuadroIMG2,.cuadroIMG2-expanded{width:90px;height:30px;margin-left:10px}.cuadroIMG3{transition:width .3s ease,height .3s ease;background-color:transparent;position:relative}.cuadroIMG3,.cuadroIMG3-expanded{width:40px;height:40px}.draggableDiv{transition:all .2s ease}.draggableDiv.expanded{transform:scale(1.1);box-shadow:0 4px 10px rgba(0,0,0,.3);background-color:rgba(0,0,0,.1)}.cuadro{width:50px;height:50px;transition:width .3s ease,height .3s ease;margin:10px;display:flex}.cuadro,.cuadro-expanded{background-color:transparent;z-index:1}.cuadro-expanded{width:240px;height:120px;margin-left:-10px}.cuadro2{width:40px;height:40px;background-color:#fff;transition:width .3s ease,height .3s ease;border:1px solid #000;position:absolute;margin-top:5px;margin-left:40px}.cuadro2,.cuadro2-expanded{margin-bottom:15px;z-index:1}.cuadro2-expanded{width:98px;height:92px;margin-top:15px;margin-left:135px}.cuadro3{width:40px;height:40px;background-color:#fff;transition:width .3s ease,height .3s ease;border:1px solid #000;position:absolute;margin-top:5px}.cuadro3,.cuadro3-expanded{margin-bottom:15px;margin-left:10px;z-index:1}.cuadro3-expanded{width:98px;height:92px;margin-top:15px}.circulo{width:50px;height:50px;transition:width .3s ease,height .3s ease;background-color:transparent;margin:10px 10px 10px -5px;display:flex;z-index:1}.circulo-expanded{width:240px;height:120px;z-index:1}.circulo2{width:40px;height:40px;background-color:#fff;transition:width .3s ease,height .3s ease;border:1px solid #000;position:absolute;margin-top:5px;margin-bottom:15px;margin-left:40px;border-radius:100%;z-index:1}.circulo2-expanded{width:98px;height:92px;margin-top:15px;margin-bottom:15px;margin-left:135px;z-index:1}.circulo2>.dropArea2{border-radius:100%;z-index:1}.circulo3{width:40px;height:40px;background-color:#fff;transition:width .3s ease,height .3s ease;border:1px solid #000;position:absolute;margin-top:5px;border-radius:100%}.circulo3,.circulo3-expanded{margin-bottom:15px;margin-left:10px;z-index:1}.circulo3-expanded{width:98px;height:92px;margin-top:15px}.circulo3>.dropArea2{border-radius:100%;z-index:1}.lineaImg{height:40px;transition:transform .3s ease;background-color:transparent;pointer-events:none;margin-top:5px}.lineaImg,.lineaImg-expanded{width:130px;position:static;z-index:1}.lineaImg-expanded{height:auto;margin-top:10px;margin-bottom:10px;margin-left:55px;transform:scale(1.1)}.lineaImg2{height:40px;transition:transform .3s ease;background-color:transparent;pointer-events:none;margin-top:5px;margin-left:35px}.lineaImg2,.lineaImg2-expanded{width:130px;position:static;z-index:1}.lineaImg2-expanded{height:auto;margin-top:10px;margin-bottom:10px;margin-left:60px;transform:scale(1.1)}.cruzImg{width:90px;height:25px}.PuntoRojo,.cruzImg{position:static;background-color:transparent;pointer-events:none;align-items:center}.PuntoRojo{height:40px}.lineaImg4{width:84px;height:84px}.dropArea2{width:40px;height:40px;background-color:transparent;transition:width .3s ease,height .3s ease;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}.dropArea2-expanded{width:90px;height:90px;overflow:visible}.lineaDv{background-color:#000;border:.5px solid #000;width:120px;height:1px}.containerImg{position:relative;width:100%;height:100%}.accordion-button{width:100%;height:50px;padding:12px 18px;font-size:13px;font-weight:700;text-align:center;color:#fff;background-color:#5a1f00;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;margin:10px auto}.accordion-button:hover{background-color:#8f3400}.accordion-button.expanded{background-color:#c44900;transform:scale(1.05)}@media screen and (max-width:768px){.accordion-button{max-width:250px;height:45px;font-size:14px}}@media screen and (max-width:480px){.accordion-button{max-width:200px;height:40px;font-size:12px}}.fade-in{opacity:0;transform:translateY(-20px);transition:opacity .4s ease-out,transform .4s ease-out;display:flex;align-items:center;flex-direction:column}.fade-in.visible{opacity:1;transform:translateY(0)}.input-with-placeholder{position:relative;width:100%;padding-top:30px;box-sizing:border-box}.input-with-placeholder label{position:absolute;top:10px;left:15px;transition:all .3s;color:#ccc;font-size:9px}.input-with-placeholder textarea{width:100%;min-height:110px;color:#fff;background-color:#1c1c1c;border:1px solid #fff;border-radius:5px;padding:5px;margin:5px auto;box-sizing:border-box;resize:none;font-size:13px}.input-with-placeholder textarea:focus+label,.input-with-placeholder textarea:valid+label{transform:translateY(-20%);font-size:13px;color:#fff}.DivInput{display:flex;flex-wrap:wrap;justify-content:space-between}