.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1199 .elementor-element.elementor-element-b902c31 .elementor-heading-title{color:#FF0353;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1199 .elementor-element.elementor-global-743{z-index:1;}@media(max-width:767px){.elementor-1199 .elementor-element.elementor-global-743 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1199 .elementor-element.elementor-global-743{z-index:3;}}@media(min-width:768px){.elementor-1199 .elementor-element.elementor-element-537653f{width:69.905%;}.elementor-1199 .elementor-element.elementor-element-8dd3773{width:30.094%;}}/* Start custom CSS for global, class: .elementor-global-743 */#contenedor { 

  height: auto;




}
#contenedor figure { 
	background-image: url(https://juanmata.me/wp-content/uploads/2021/07/EEcocDdrilo-01b-1.png);

  background-repeat: no-repeat;

	background-size: cover;

	height: 100%;
 
	position: relative;
	width: 100%; 

height: 300px;


}

#separador {
	background-image: url(https://juanmata.me/wp-content/uploads/2021/07/cocDdrilo-01b-1.png);

  background-repeat: no-repeat;
  background-size: contain;
	background-size: cover;
	overflow: visible;
	position: absolute;

  height: 300px;


	border-right: 2px solid #f9375b;

	animation: figure 2s  normal ease-in-out 0.1s   ;
	-webkit-animation: figure 2s  normal ease-in-out 0.1s  ;
  animation-iteration-count: infinite;
}


/*barra input 
input#deslizador {
    
	-moz-appearance: none;
	-webkit-appearance: none;
	border: none; 
	background: none;
	cursor: col-resize;
	height: 100vw;
	left: 0;
	margin: 0;
	outline: none; 
	padding: 0;
	position: relative;
	top: -100vw;
	width: 100%;
}*/
/*barra input mozilla
input#deslizador::-moz-range-track { 
	background: transparent; 
}*/
/*barra input ie
input#deslizador::-ms-track {
	border: none; 
	background-color: transparent;
	height: 100vw; 
	left: 0; 
	outline: none; 
	position: relative;
	top: -100vw; 
	width: 100%;
	margin: 0;
	padding: 0;
	cursor: col-resize;
	color:transparent;
}
input#deslizador::-ms-fill-lower {
	background-color:transparent;
}
*/
/*boton input chrome
input#deslizador::-webkit-slider-thumb {
	-webkit-appearance:none;
	height: 100vw;
	width: 0.5%;
	opacity: 0;
}*/
/*boton input mozilla
input#deslizador::-moz-range-thumb {
	-moz-appearance: none;
	height: 100vw;
	width: 0.5%;
	opacity: 0;
}  */ 
/*boton input ie
input#deslizador::-ms-thumb {
	height: 100vw;
	width: 0.5%; 
	opacity:0;
}
input#deslizador::-ms-tooltip {
	display:none;
}
*/
/*flechas
#separador::before {
	background: url(https://josetxu.com/html5/beforeafter-responsive/flechas.png) no-repeat scroll 0 center transparent;
	background-size:contain;
	content: " ";
	float: right;
	height: 100%;
	margin-right: -34px;
	position: relative;
	top:0;
	width: 64px;
}
*/		

/*animacion*/
@keyframes figure {
  0% {width: 0%; }
  50% {width: 70%; }
  100% {width: 0%; }
}
/*animacion chrome*/
@-webkit-keyframes figure {
   0% {width: 0%; }
  50% {width: 70%; }
  100% {width: 0%; }
}
/*animacion chrome
@-webkit-keyframes figure {
  0% {width: 100%; }
  50% {width: 100%; }
  100% {width: 100%; }
}*//* End custom CSS */