@charset "utf-8";
/* CSS Document */
:root {
	/* --font_size_normal: "15px"; */
	--font_size_normal: "0.9rem";
	--font_size_med: "2.1rem";

	--border_radius_inputs: 10px;
	--height_inputs: 40px;
	--height_buttons: 40px;

	 /* TRANSITIONS */
	--scale_increment: 1.03;
	--scale_decrement: 0.97;
	--time_transition_duration_ini: 200ms;
	--time_transition_duration_end: 100ms;

	/* ANIMATIONS */
	--animation-duration-standar: 500ms;
	--animation-duration-corta: 200ms;
	
	--font_size_icon_material_en_input: 20px;
	--font_size_icon_material_en_btn: 22px;
}

body {
		font-family: 'Roboto', sans-serif;
		margin: 0;
		padding: 0;
		font-size: var(--font_size_normal);

		height: fit-content;
		border: none;
}
img
{
	border: none;
}
/* RESET CSS */
	*, *::before, *::after {
	box-sizing: border-box;
  }
  * {
	margin: 0;
  }
  body {
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
  }
  img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
  }
  input, button, textarea, select {
	font: inherit;
  }
  p, h1, h2, h3, h4, h5, h6 {
	overflow-wrap: break-word;
  }
  #root, #__next {
	isolation: isolate;
  }  
/* END RESET CSS */


.material-symbols-outlined {
	font-variation-settings:
	'FILL' 1,
	'wght' 400,
	'GRAD' 0,
	'opsz' 24
}

.icon_input
{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;

	font-size: var(--font_size_icon_material_en_input) !important;
}
.input_con_icono_left
{
	text-indent: 35px;
}


/*****************************
EXTERNAL FONTS
*****************************/
/* 	
@font-face
{
	font-family: "Material Symbols Outlined" ;
	
	src: url(../fonts/MaterialSymbolsOutlined_Filled-Regular.ttf) ;
} */