/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.holder{width:100%;text-align:center;}.holder .held{width:100%;margin:auto;}.holder .held.buttons{padding-top:1em;padding-bottom:1em;text-align:center;display:flex;gap:1em;}.holder .held.buttons a.button{flex-basis:100%;}@media screen and (max-width:800px){.holder .held.buttons{flex-direction:column;}.holder .held.buttons a.button{font-size:1.2em;}}.holder #ActivityDIV{padding-top:1em;}.holder #ActivityDIV svg{border:1px solid #cccccc;background-color:#ffffff;padding:1em;width:100%;max-width:800px;max-height:750px;}@media screen and (max-width:800px){.holder #ActivityDIV svg{height:70vh;}}.holder #ActivityDIV svg path{cursor:pointer;}.holder #ActivityDIV .colorHolder{width:100%;line-height:100%;content:'Chosen Color';padding:10px 0px;margin:0px auto 15px auto;border:1px solid #cccccc;}.holder #ActivityDIV .swatchHolder{list-style-type:none;width:100%;color:black;padding-left:0;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:21.82px;}.holder #ActivityDIV .swatchHolder li.lapiz{height:75px;width:75px;cursor:pointer;border:1px solid #eee;}@media screen and (max-width:800px){.holder #ActivityDIV .swatchHolder li.lapiz{height:45px;width:45px;}}.page-node-type-juego-pinta .field--type-image img{width:auto;}#datos-imagen-original{display:flex;gap:1em;}@media screen and (max-width:800px){#datos-imagen-original{flex-direction:column;}}#datos-imagen-original legend{width:100%;}#datos-imagen-original .field--name-field-imagen-original{display:flex;flex-direction:column;flex-basis:100%;}#datos-imagen-original .imagen-original-texto{display:flex;flex-direction:column;flex-basis:100%;}
.holder{position:relative;}#botones-ayuda{position:absolute;top:0;right:-50px;width:20%;}#botones-ayuda a{display:block;width:60px;height:60px;font-size:0;background-repeat:no-repeat,no-repeat;opacity:0.8;margin:40px;padding-top:60px;}@media screen and (max-width:800px){#botones-ayuda{top:-10px;right:0px;width:100%;}#botones-ayuda a{display:inline-block;margin:0 35px;}#ActivityDIV svg{margin-top:50px;}}#botones-ayuda a:hover{opacity:1;transition:0.2s;}#botones-ayuda a#toggle-instrucciones{background-image:url(/modules/custom/snpc_juego/modules/snpc_juego_pinta/images/circle-info-solid.svg);}#botones-ayuda a#toggle-ayuda{background-image:url(/modules/custom/snpc_juego/modules/snpc_juego_pinta/images/eye-solid.svg);}#over-layer-cloned-element{position:fixed;z-index:99;top:0;left:0;width:100%;height:110vh;background-color:rgba(50,50,50,0.9);text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}#over-layer-cloned-element img{width:auto;max-height:90vh;}#close-over-layer-cloned-element{position:fixed;width:90%;font-size:1.4em;color:#fff;position:fixed;z-index:999;bottom:0;}#close-over-layer-cloned-element:hover{background-color:#111;}.close-button{background-color:#000;font-weight:bold;position:fixed;font-size:1.4em;color:#fff;position:fixed;z-index:1000;top:10%;right:10%;display:block;padding:1rem;}.close-button span{font-size:0.7em;display:inline-block;margin-left:1em;font-weight:normal;}@media screen and (max-width:800px){#close-over-layer-cloned-element{width:100%;margin:0;}}.instrucciones{display:none;background-color:#fff;color:#000;width:90%;padding:1em;min-height:30vh;font-size:1.2em;text-align:left;}.visible{visibility:visible;display:block;}
.node-form .field--name-field-visualizacion{background-color:#e7e5e54a;padding:10px;border:1px solid #b8b8b8;}.field--custom-info-description{position:relative;}.description-toggle{font-size:12px;clear:both;float:left;}.field--custom-info-description .description{display:none;position:absolute;margin:0.2em 0 0 0;color:#595959;font-size:0.95em;background-color:#80d8ff;border-radius:10px;padding:10px;color:#000;left:320px;z-index:1000;top:-50px;}
