/***********controlan que ocurre al cambiar tamaņos***********************/
		.midas-container
		{
			background: rgb(9,235,249);
			background: -moz-linear-gradient(180deg, rgba(9,235,249,1) 0%, rgba(13,131,194,1) 51%, rgba(15,58,154,1) 100%);
			background: -webkit-linear-gradient(180deg, rgba(9,235,249,1) 0%, rgba(13,131,194,1) 51%, rgba(15,58,154,1) 100%);
			background: linear-gradient(180deg, rgba(9,235,249,1) 0%, rgba(13,131,194,1) 51%, rgba(15,58,154,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#09ebf9",endColorstr="#0f3a9a",GradientType=1);
		}
		div.logosup
		{
			/*background-image: url(/website/img/personajes/logo_burbuja.png);*/
			/*width: 100%;*/
			position: absolute;
			top: -135px;
			right: -489px;
			/*z-index: 999999;*/
			
			/*top: -100px;
			right: -250px;*/
		}
		div img.img-logo-sup
		{
			/*background-image: url(/website/img/logo2022/background.svg);*/
			/**top: -260px;
			left: 200px;*/
			/*top:-260px;*/
			right:517px;
			width: 280px;
		}
		@media (max-width: 1300px){
			/******** configuraciones para las iagenes de personajes************/
			
			.dibujo-central-1
				{
					/*position: absolute;
					width: 30% !important;
					left:52%;
					top:5%;*/
				}
			
		}
		@media (max-width: 1505px){
		
		}
		@media (max-width: 1200px){
			.div-dibujo-central-1 {
				/*display: none !important;*/
			}
			.dibujo-central-2 {
				/*width: 550px !important;*/
			}
			.div-dibujo-central-2 {
				/*top: -20% !important;
				right: -50% !important;
				left: unset !important;*/
			}
		}
		
		@media (max-width: 1000px){
		
		}
		@media (min-width:930px) and (max-width:1010px)
		{
			
		}
		@media (max-width: 930px){
			.dibujo-central-2 {
				/*top: 15% !important;
				position: fixed !important;
				width: 50% !important;
				left: 50% !important;*/
			}			
		}
		
		@media (max-width: 620px){
			.div-dibujo-central-3{
				display:none;
			}
		}
		
		@media (max-width: 860px){
			.div-dibujo-central-2{
				display:none;
			}
			div .img-logo-sup
			{
				width:200px !important;
			}
		}
		@media (max-width: 1165px){
			
			.div-dibujo-central-1{
				display:none;
			}
		}
		
		@media (min-width:700px){
			
			
		}

	    @media screen and (max-width : 701px) {
	       
        }
	    
		
		@media (min-width: 576px){
			
		}
		
			
		/******** configuraciones para las imagenes de personajes************/
		
		/*dibujo pola*/
		.div-dibujo-central-1
		{
			    width: fit-content;
				position: absolute;
				top: 10%;
				left: 20%;
				z-index:999;
		}
		/*.div-dibujo-central-1:before{
			content: url(/website/img/personajes/mano_pola.png);
		}*/
		.div-dibujo-central-1 img.dibujo-central-1
		{
			width: 350px;
		}
		
		/*dibujo conguero*/
		.div-dibujo-central-3 {
			width: fit-content;
			position: absolute;
			top: 54%;
			left: 38%;
			z-index:998;
		}
		.div-dibujo-central-3 img.dibujo-central-3
		{
			width: 220px;
		}
		/*dibujo director*/
		.div-dibujo-central-4 {
			width: fit-content;
			position: absolute;
			top: 16%;
			left: 48%;
			z-index:99;
		}
		.div-dibujo-central-4 img.dibujo-central-4
		{
			width: 220px;
		}
		
		/*dibujo bandoneon*/
		.div-dibujo-central-5 {
			width: fit-content;
			position: absolute;
			top: 49%;
			left: 62%;
			z-index:997;
		}
		.div-dibujo-central-5 img.dibujo-central-5
		{
			width: 220px;
		}
		
		/*dibujo toņo*/
		.div-dibujo-central-2
		{
			width: fit-content;
			position:absolute;
			top: 29%;
			left: 75%;
			z-index:99;
		}
		.dibujo-central-2
		{
			width: 200px;/*140px;*/
		}
		
		/****burbuja de chat del dibujo 1************/
		
		.tooltip-bubble {
			display:inline-block;
			position:relative;
			text-align:left;
		}

		.tooltip-bubble .right {
			min-width:200px; 
			top:30%;
			left:100%;
			margin-left:-40px;
			transform:translate(0, -50%);
			padding:10px 20px;
			color:#000000;
			background-color:#FFFFFF;
			font-weight:600;
			font-size:1.3em;
			border-radius:30px;
			position:absolute;
			z-index:99999999;
			box-sizing:border-box;
			box-shadow:0 1px 8px rgba(0,0,0,0.5);
			display:none;
		}

		.tooltip-bubble:hover .right {
			display:block;
		}

		.tooltip-bubble .right i {
			position:absolute;
			top:50%;
			right:100%;
			margin-top:-12px;
			width:12px;
			height:24px;
			overflow:hidden;
		}

		.tooltip-bubble .right i::after {
			content:'';
			position:absolute;
			width:12px;
			height:12px;
			left:0;
			top:50%;
			transform:translate(50%,-50%) rotate(-45deg);
			background-color:#FFFFFF;
			box-shadow:0 1px 8px rgba(0,0,0,0.5);
		}	
				
		.circle3:before {
		  content: "";
		  position: absolute;
		  width: 25px;
		  padding: 20px 25px;
		  border-radius: 50%;
		  right: 190px;
		  bottom: -5px;
		  background: #fff;
		}

		.circle4 {
		  /*border: 5px solid #00bfb6;*/
		  position: absolute;
		  width: 5px;
		  padding: 10px 15px;
		  border-radius: 50%;
		  left: -60px;
		  bottom: -21px;
		  background-color:#fff;
		}
		.custom-shape-divider-bottom-1658778165 {
			position: relative;
			bottom: 300px;
			left: 200px;
			width: 120%;
			/*overflow: hidden;*/
			line-height: 0;
			transform: rotate(180deg);
		}

		.custom-shape-divider-bottom-1658778165 svg {
			position: relative;
			display: block;
			width: calc(119% + 1.3px);
			height: 73px;
		}

		.custom-shape-divider-bottom-1658778165 .shape-fill {
			fill: #FFCE19;
		}