/* Estilos para faq-accordion-main */

	@font-face {		
		font-family: "workSansBold";				
		src: url("../fonts/static/WorkSans-Bold.ttf") format("truetype");		
		font-display: fallback;	
	}
	
	@font-face {		
		font-family: "workSansSemiBold";				
		src: url("../fonts/static/WorkSans-SemiBold.ttf") format("truetype");		
		font-display: fallback;	
	}
	
	@font-face {		
		font-family: "workSansRegular";				
		src: url("../fonts/static/WorkSans-Regular.ttf") format("truetype");		
		font-display: fallback;	
	}
		
	* {
		margin: 0px;
		padding: 0px;
	} 
			
	.div_fondo {
		position: relative;				
	}	
	
	.titulo_principal {
		font-family: workSansBold, arial, sans-serif;				
	}			
	
	hr {
		width: 92%;
		margin: 5px auto;		
	}		
	.div_icono_simbolo {
		text-align: right;
		padding-top: 8px;				
	}
	.div_enlace_pregunta {
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 5px;
		cursor: pointer;		
	}
	.div_enlace_pregunta a {
		text-decoration: none;
		color: inherit;
	}
	.div_enlace_pregunta a:hover {
		color: hsl(292, 42%, 45%);
	}
			
@media(max-width: 540px) {
	
	.div_flotante {
		position: absolute;
		z-index: 20;							
		background-color: hsl(0, 0%, 100%);
		color: hsl(0, 0%, 0%);						
		width: 330px;
		margin-top: 150px;							
		margin-left: calc(100%/2 - 330px/2);							
		border-radius: 10px;
	}
		
	.div_imagen_01 {	
		background-image: url("../images/background-pattern-desktop.svg");		
		position: relative;
		height: 250px;		
	} 
		
	.div_fondo_color {	
		position: relative;
		background-color: hsl(275, 90%, 93%);
		width: 100%;
		height: 600px;				
	}
	.div_interno_01 {
		margin: 10px;
	}
	.div_titulo {
		font-size: 16px;		
		margin-top: 20px;
		margin-left: 5px;
		margin-right: 5px;		
	}	
	.div_icono_01 {
		float: left;
		margin-top: 5px;
		margin-left: 10px;
		margin-right: 15px;		
	}
	.icono_main {
		width: 70%;
	}
	.div_contenido_01 {		
		margin-top: 7px;	
		margin-left: 4px;
		margin-right: 4px;
		font-family: workSansSemiBold;
		font-size: 16px;
		font-weight: 500;
		line-height: 1.2rem;		
	}
	.div_pregunta {
		margin-top: 10px;
		margin-bottom: 6px;
		padding: 4px;		
	}
	.columna_grid_01 {
		display: grid;
		grid-template-columns: 80% 20%;		
	}
	.div_respuesta {
		margin-top: 5px;
		color: hsl(292, 16%, 49%);
		font-family: workSansRegular;
		font-size: 14px;
		font-weight: 600;
		padding-left: 5px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 8px;		
	}		
}
@media(min-width: 541px) {
	
	.div_flotante {
		position: absolute;
		z-index: 20;							
		background-color: hsl(0, 0%, 100%);
		color: hsl(0, 0%, 0%);							
		width: 510px;		
		margin-top: 172px;		
		margin-left: calc(100%/2 - 510px/2);						
		border-radius: 15px;
	}
		
	.div_imagen_01 {	
		background-image: url("../images/background-pattern-desktop.svg");		
		position: relative;
		height: 290px;		
	} 
		
	.div_fondo_color {	
		position: relative;
		background-color: hsl(275, 90%, 93%);
		width: 100%;
		height: 600px;				
	}
	.div_interno_01 {
		margin: 10px;
		
	}
	.div_titulo {
		font-size: 24px;		
		margin-top: 25px;		
	}
	
	.div_icono_01 {
		float: left;
		margin-top: 10px;
		margin-left: 10px;
		margin-right: 20px;
	}
	.icono_main {
		width: 90%;
	}
	
	.div_contenido_01 {		
		margin-top: 7px;		
		font-family: workSansSemiBold;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.4rem;		
	}
	.div_pregunta {
		margin-top: 10px;
		margin-bottom: 6px;
		padding: 5px;
	}
	.columna_grid_01 {
		display: grid;
		grid-template-columns: 88% 12%;		
	}
	.div_respuesta {
		margin-top: 5px;
		color: hsl(292, 16%, 49%);
		font-family: workSansRegular;
		font-size: 15px;
		font-weight: 400;
		padding-top: 10px;
		padding-bottom: 8px;		
	}	
}
@media(min-width: 800px) {
	
	.div_flotante {
		position: absolute;
		z-index: 20;							
		background-color: hsl(0, 0%, 100%);
		color: hsl(0, 0%, 0%);							
		width: 540px;		
		margin-top: 152px;		
		margin-left: calc(100%/2 - 540px/2);						
		border-radius: 20px;
	}
		
	.div_imagen_01 {	
		background-image: url("../images/background-pattern-desktop.svg");		
		position: relative;
		height: 292px;		
	} 
		
	.div_fondo_color {	
		position: relative;
		background-color: hsl(275, 90%, 93%);
		width: 100%;
		height: 600px;				
	}
	.div_interno_01 {
		margin: 30px 10px 10px 10px;
	}
	.div_titulo {
		font-size: 24px;		
		margin-top: 35px;
	}
		
	.div_icono_01 {
		float: left;
		margin-top: 10px;
		margin-left: 18px;
		margin-right: 25px;
	}
	.icono_main {
		width: 100%;
	}	
	.div_contenido_01 {						
		font-family: workSansSemiBold;			
		font-size: 16px;
		font-weight: 400;
		line-height: 1.4rem;
		margin: 20px 10px 10px 10px;
		
	}
	.div_pregunta {
		margin-top: 8px;
		margin-bottom: 5px;
		padding: 5px;		
	}
	.columna_grid_01 {
		display: grid;
		grid-template-columns: 88% 12%;		
	}
	.div_respuesta {
		margin-top: 5px;
		color: hsl(292, 16%, 49%);
		font-family: workSansRegular;
		font-size: 15px;
		font-weight: 600;
		padding-top: 5px;
		padding-left: 5px;
		padding-bottom: 12px;		
	}	
}

@media(min-width: 1200px) {
	
	.div_flotante {
		position: absolute;
		z-index: 20;							
		background-color: hsl(0, 0%, 100%);
		color: hsl(0, 0%, 0%);							
		width: 600px;		
		margin-top: 172px;		
		margin-left: calc(100%/2 - 600px/2);						
		border-radius: 20px;
	}
		
	.div_imagen_01 {	
		background-image: url("../images/background-pattern-desktop.svg");		
		position: relative;
		height: 325px;		
	} 
		
	.div_fondo_color {	
		position: relative;
		background-color: hsl(275, 90%, 93%);
		width: 100%;
		height: 600px;				
	}
	.div_interno_01 {
		margin: 20px 10px 10px 10px;
	}
	.div_titulo {
		font-size: 28px;		
		margin-top: 18px;		
	}
		
	.div_icono_01 {
		float: left;
		margin-top: 10px;
		margin-left: 18px;
		margin-right: 25px;		
	}
	.icono_main {
		width: 100%;
	}	
	.div_contenido_01 {						
		font-family: workSansSemiBold;				
		font-size: 18px;
		font-weight: 400;
		line-height: 1.5rem;
		margin: 8px 10px 10px 10px;		
	}
	.div_pregunta {
		margin-top: 10px;
		margin-bottom: 10px;
		padding: 5px;
	}
	.columna_grid_01 {
		display: grid;
		grid-template-columns: 88% 12%;		
	}
	.div_respuesta {
		margin-top: 10px;
		color: hsl(292, 16%, 49%);
		font-family: workSansRegular;
		font-size: 16px;
		font-weight: 400;
		padding-top: 5px;
		padding-left: 5px;
		padding-bottom: 7px;		
	}		
}