.sec_form {
    position: relative;
    width: 100%;
    height: 500px;
    text-align: center;
    margin: auto;
}

.sec_form form {
                background-color: white;
                top: 50px;
                position: relative;
                border-radius: 12px;
                margin: auto;
                padding: 19px 39px;
                width: 95%;
                height: 423px;
                max-width: 503px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-content: center;
                text-align: center;
                box-shadow: 15px 3px 20px #0004,
                -15px 0px 30px #0002;
                }

.sec_form form input {
    border: 1px solid #ccc;
}

.sec_form button {
    background-color: #35ae34;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    margin: 8px;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 6px;
    cursor: pointer;
}

.sec_form button.hidden {
  background-color: transparent;
  border-color: white;
}

.form-input {
font-size: 13px;
 
    margin: 10px;
    padding: 10px 15px;
    width: 95%;
    border: none;
    border-radius: 8px;
    outline: none;
}

.sec_form textarea {width: 96%;padding: 10px;height: 199px;margin-bottom: 10px;border-radius: 8px;font-size: 14px;margin-left: 10px;resize: none;box-sizing: border-box;border: 1px solid #ccc;outline: none;}

.sec_form textarea:focus {
    border: 1px solid #999; /* Mantiene un borde uniforme sin cambiar el tamaño */
    box-shadow: none; /* Evita cualquier efecto de sombreado */
}

.sec_form form h1 {
    color: #319AF2;
    font-size: 25px;
}

.sec_form form span {
    color: #319AF2;
}
        .input-group {
            display: flex;
            gap: 10px;
        }
        .input-group input {
            flex: 1;
              font-size: 13px;
 
  margin: 10px;
  padding: 10px 15px;
  width: 100%;
  border: none;
  border-radius: 8px;
  outline: none;
        }