body {
            line-height: 1.6;
            /*margin: 20px;*/
            /*font-family: Manrope, sans-serif;*/
            font-family: "Raleway", sans-serif;
            font-weight: 400;
        }

        
.manrope-regular {
  font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


.raleway-<uniquifier> {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


        h1,h2,h3,button {
          font-family: "Playfair Display", serif;
        }
        #formulario-cont h1 {
          text-align: center;
        }
        .form-group {
            margin-bottom: 2.5rem;
        }
        label {
            display: block;
            margin-bottom: 5px;
            font-weight: 200;
        }
        .campos-form label {
            margin-bottom: 0;
        }
        input[type="text"],
        input[type="email"],
        input[type="tel"],
        textarea {
            width: 100%;
            padding: 0 10px 0 0;
            border: none;
            border-bottom: 1px solid #333 !important;
            border-radius: 0;
            box-sizing: border-box;
            height: 30px;
            background: transparent;
        }
        textarea {
            height: 70px;
            max-height: 86px;
            resize: vertical;
            margin-top: .5rem;
            padding: 10px;
        }
        textarea:focus-visible {
            background: rgba(255, 255, 255, 0.5);
            outline: none;
        }
        button {
            background-color: #c5a07d;
            color: white;
            padding: 20px;
            border: none;
            border-radius: 0;
            cursor: pointer;
            font-size: 16px;
            width: 40%;
        }
        button:hover {
            background-color: #333;
        }
        .mensaje-estado {
            margin-top: 10px;
            padding: 15px 20px;
            border-radius: 2px;
            border: none;
            font-size: 14px;
            transition: all 0.5s ease-out;
        }
        .mensaje-exito {
            background-color: #333;
            color: #fff;
            /*border-color: #c3e6cb;*/
            transition: all 0.5s ease-out;
        }
        .mensaje-error {
            background-color: #f8d7da;
            color: #721c24;
            /*border-color: #f5c6cb;*/
            transition: all 0.5s ease-out;
        }
   /*     .mensaje-exito::before {
            content: "Tu mensaje se envió correctamente";
        }
        .mensaje-error::before {
            content: "Tu mensaje no se ha enviado";
        }*/
#inlineFrameExample {
  border: none;
  width: 100%;
}
fieldset {
  border: none;
  border-radius: 0;
  padding: 15px 15px 15px 0;
  margin-bottom: 20px;
  text-align: center;
}
.radio-option, 
.radio-option input, 
.radio-option label {
  display: inline-block;
}
#inlineFrameExample {
  background: rgba(196, 160, 125, 0.25);
 }
@media(min-width:992px) {
#inlineFrameExample {
  /*margin-top: -1rem;*/
  display: grid;
  align-content: center;
 }
 .radio-option {
   display: inline-block;
   margin: 0;
  }
 .form-group.form-nombre, 
 .form-group.form-tel {
   margin-right: 3.25%;
  }
 .form-group.form-nombre, 
 .form-group.form-apellido, 
 .form-group.form-tel, 
 .form-group.form-mail {
   width: 100%;
   display: inline-block;
  }
 #formulario-cont {
   width: 90%;
   max-width: 1140px;
   margin: auto;
   padding: 4% 0;
  }
}

@media(min-width:1100px) {
#inlineFrameExample {
  height: 880px;
  max-height: 820px;
 }
}
@media(min-width:1400px) {
#inlineFrameExample {
  height: 880px;
  max-height: 860px;
 }
}
@media(min-width:1000px) and (max-width:1080px) {
#inlineFrameExample {
  height: 810px;
  max-height: 810px;
 }
}
/*radios*/
input:focus-visible {
  outline: none;
}
input[type="radio"],
input[type="checkbox"] {
	display: none;
}

input[type="checkbox"]:checked + label:after {
	content: "";
	width: 12px;
	height: 6px;
	border: 4px solid #0fbf12;
	float: left;
	margin-left: -1.95em;
	border-right: 0;
	border-top: 0;
	margin-top: 1em;
	transform: rotate(-55deg);
}


label {
  display: flex !important;
  align-items: center;
  gap: 10px;
}
.radio-button {
  width: 20px;
  height: 20px;
  background-color: #fff;
  display: inline-block;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  border: 1px solid rgba(196, 160, 125, 0.99);
}
.radio-button::after {
  content: " ";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #333;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.radio-option > input:checked + label > span::after {
  opacity: 1;
}
/*radios*/

.radio-option {
  width: 100%;
  line-height: 2.75;
}
@media(max-width:1050px) {
  .tit-2 {
    display: none;
  }    
}
@media(min-width:1080px) {
  .tit-1 {
    display: none;
  }
  #formulario-cont h1 {
    text-align: left;
  }
  .radios-form, .campos-form {
    width: 50%;
    display: inline-grid;
  }
  .bajada-form {
    padding-right: 7rem;
    margin-bottom: 1rem;
  }
}
@media(min-width:992px) {
.contiene-form {
  display: flex;
  align-items: center;
 }
}

.bajada-form p,
.campos-form label {
  font-size: .9rem;
}
.campos-form label, 
.radio-option label {
  font-weight: 600;
}

.mensaje {
  position: absolute;
}

@media(max-width:980px) {
  /*#inlineFrameExample {
    padding: 0 2rem;
  }*/
#formulario-cont h1 {
  text-align: left;
  }
.enviando {
  width: 100%;
  }
}