.btninicia{
	background-color: #9f8100;
}
.titleform {
    line-height: 1.2;
}
#linehimg{
	    margin-bottom: 8px;
}
.subtitleform {
    margin-bottom: 17px;
        font-size: 1.1rem;
}

.inputform{
	background: #ede5c4;
    border: 0;
    color: #42362c;
    margin-bottom: 14px;
    padding: 7px 10px;
    border-radius: 4px;
    font-size: 1em;
    font-weight: 400;
        width: 100%;
}
.divform {
    background-size: 100% 100%;
    padding: 2rem 3.7rem 2rem 3rem;
}
.selectform{
	background-image: url('../img/arr.webp'); /*aquí deberás escribir la ruta de la imagen que utilizarás como flecha del desplegable*/
	background-repeat: no-repeat;
	background-position: 97% center;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}
.selectform::-ms-expand {
	display: none; /*Evita que se muestre la flecha por defecto en versiones de IE*/
}

.inputform::placeholder {
  color: #42362c;
}
.btninicia{
	    display: block;
    margin: auto;
    background: #9f8100;
    border: 0;
    color: #ece1b7;
    font-size: 1.1em;
    font-weight: 600;
    border-radius: 12px;
    padding: 4px 26px;
    margin-bottom: -28px;
}
#campoobl{
	    color: #9f8100;
    margin-top: -12px;
    display: block;
    text-align: right;
    font-size: 0.9em;
}
:focus-visible {
    outline: 0px;
}
button:focus {
    outline: 0px;
}
#resp{
	    color: red;
    margin-bottom: 2px;
    min-height: 20px;
    font-size: 0.9em;
}

.imgload{
	width: 25px;
}

@media only screen and (max-width: 1024px){
	.divform {
	    padding: 2rem 2.5rem 2rem 2rem;
	}
	.titleform {
	    font-size: 1.8rem;
	}
}


@media only screen and (max-width: 800px){
	.divform {
	    padding: 2rem 1.5rem 2rem 1.2rem;
	}
	.divform {
	    width: 42%;
	}
}

@media only screen and (max-width: 768px){
	.divform {
	    width: 50%;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 11rem;
	}
	.textserv{
		width: 100%;
    	text-align: center;
    	padding: 6px 130px;
	}
	.saltom{
		display: none;
	}
}
@media only screen and (max-width: 600px){
	.divform {
	    width: 60%;
	    padding: 2rem 2.5rem 2rem 2rem;
	    margin-top: 6rem;
	}
	.selectform {
	    padding-right: 30px;
	    font-size: 0.95em;
	}
	
}
@media only screen and (max-width: 500px){
	.divform {
	    width: 85%;
	}	
	.textserv {
	    padding: 6px 90px;
	}
}
@media only screen and (max-width: 411px){
	.divform {
	    width: 95%;
	}
}

@media only screen and (max-width: 375px){
	.titleform {
	    font-size: 1.5rem;
	}
}

@media only screen and (max-width: 320px){
	.textserv {
	    padding: 6px 20px;
	}
}