.caja{
	border:1px;
	border-style:solid;
	border-color:#B6C5DF;
}

.checkbox{
	border: 0px !important;
	vertical-align: top;
	font-size: 0.9em;
}
.radio{
	margin-top: 0;
	vertical-align: bottom;
	font-size: 0.9em;
}
.radio2{
	border: 0px !important;
	margin-left:50px;
	vertical-align: bottom;
	font-size: 0.9em;
}

.pregunta_intro{
  font-size: 1.1em;
}
.instrucciones{
	font-size: 0.9em;
	/*text-indent: 30px;*/
}
.capa_prin {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}

li.subpregunta{
	margin-left: 1rem;
	margin-top: 10px;
	margin-bottom: 20px;
}
li.subpregunta2{
	display: flex;
    align-items: center;
    justify-content: space-between;
	margin-left: 40px;
	margin-top: 10px;
	margin-bottom: 20px;
}
/* Estilo de las opciones de una pregunta padre*/
.opciones_pregunta{

	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1rem;
}
/*Estilos de las opciones de subpreguntas*/
.opciones{
	font-size: 0.95rem;
}
li.opciones{
	max-width: fit-content;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
li.opciones2{
	margin-left: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}
span.opciones{
	float: right;
	margin-top: 0px;
}
.underline {
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    line-height: 1;
    margin: 1em auto;
}

.underline span {
	background: white;
	padding: .5em .5em .5em 0;
}


.form {
    border: 0 none;
	 background-color: #B6C5DF;
    float: left;
    font-size: 1em;
    margin: 0.75em;
    padding: 0.3em;
    width: auto;
}

.campos_form_entra {
    background-color: white;
    clear: both;
    float: left;
    margin: 0.2em 0.3em 0.2em 0.3em;
    padding: 0.3em;
    width: 120px;
}

.campos_form_sale {
    border: 1px solid #324649;
    float: left;
    margin: 0.2em 0.3em;
    padding: 0.1em;
    width: 250px;
}


.cuerpo_lateral_borde {
    border: 1px solid #B6C5DF;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding-left: 0.2em;
    padding-right: 1em;
    width: 100%;
}

.cuerpo_resaltado_titulo {
    background-color: #B6C5DF;
    border: 1px solid #B6C5DF;
    color: black;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 0.6em;
    width: 100%;
}

.margenes{
	margin-left: auto;
}

.error_form {
    background-color: white;
    clear: both;
    float: left;
    margin: 0.2em 0.3em 0.2em 0.3em;
    padding: 0.3em;
	 width: 95%;
}

.msg { color: var(--color1-100); font-size: 1.1em; font-weight: bold; margin: 4rem 0; }
div.bordeInf { padding: 0; }
p.presentacion { text-align: center; margin-bottom: 1rem; }
li.subpregunta li.opciones > label,
li.opciones_pregunta,
li.opciones_pregunta > label { display: flex; align-items: center; gap: 0.3rem; flex-wrap:wrap; }
li.subpregunta2 > span { max-width: 60%; }
.toggle-button { margin-bottom:0; }
.toggle-button::before { border:0; color: var(--text-color); } 
span.textarea > textarea {max-width: 75vw;}
input[type="submit"], a.boton { font-size: 0.95rem; }
.boton.comenzar { padding: 10px; }
div.center:has(input[type="submit"]),
div.center:has(a.boton) { margin-bottom:3rem; }
div.center:has(a.boton.comenzar){ margin: 3rem 0; }
@media screen and (max-width: 768px) {
	li.opciones { margin-left: 0;}
	div.toggle-container li.opciones > label > span { max-width: 80vw;}
	li.subpregunta { margin-left: 0; }
	li.subpregunta2 { flex-direction: column; margin-left: 0; align-items: unset;}
	li.subpregunta2 > span { max-width: 100%; }
	li.subpregunta li.opciones > label:not(:has(input[type="radio"])),
	li.subpregunta li.opciones > label > span { display: inline-block; }
	span.textarea > textarea {max-width: 80vw; margin-left: 0;}
	li.opciones_pregunta { margin-left: 0; display: inline-block;}
	li.opciones_pregunta:has(input[type="number"]) { display: block;}
	li.opciones_pregunta > label:not(:has(input[type="radio"])) { display: inline-block; }
	li.pregunta>ul>li.opciones_pregunta {display: block;}
}