.separador-seccion-4 {
  height: 250px;
}

.projects-table-container {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.projects-table-container thead {
  background-color: var(--agriox-base, #f1cf69);
  text-align: center;
}

.projects-table-container td {
  background-color: #ffffff;
  padding: 15px;
  text-align: center;
  border: 1px solid #eceae0;
  font-weight: 500;
}

.bg-primary-agriox {
  background-color: var(--agriox-primary, #334b35) !important;
}

.text-secundary-agriox {
  color: var(--agriox-secondary, #6d8c54) !important;
}

.text-white-agriox {
  color: #ffffff !important;
}

/* Custom styles for form consistency */

/* Ensure all input types have uniform styling */
.comment-form__input-box input[type="text"],
.comment-form__input-box input[type="email"],
.comment-form__input-box input[type="tel"],
.comment-form__input-box select {
  height: 70px;
  width: 100%;
  border: none;
  background: #ffffff;
  padding: 0 30px;
  margin-bottom: 20px;
  border-radius: 10px;
  outline: none;
  font-size: 14px;
  color: #727d73;
  font-weight: 400;
  text-transform: capitalize;
  font-family: var(--agriox-font, "DM Sans", sans-serif);
  border: 1px solid #eceae0;
}

/* Select specific styling */
.comment-form__input-box select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="rgb(114, 125, 115)" d="M540.1 776.847l472.32-473.63c15.466-15.518 15.44-40.642-0.080-56.134-15.518-15.48-40.656-15.44-56.134 0.080l-444.208 445.438-444.206-445.454c-15.48-15.518-40.602-15.558-56.122-0.080-7.78 7.766-11.67 17.94-11.67 28.114 0 10.148 3.864 20.282 11.59 28.034l472.308 473.632c7.436 7.474 17.556 11.668 28.1 11.668s20.652-4.206 28.102-11.668z"></path></svg>');
  background-repeat: no-repeat;
  background-position: right 30px top 50%;
  background-size: 0.65em auto;
  text-transform: none;
}

/* Textarea styling */
.comment-form__input-box textarea {
  width: 100%;
  background: #ffffff;
  padding: 18px 30px 30px;
  border: 1px solid #eceae0;
  border-radius: 10px;
  outline: none;
  margin-bottom: 10px;
  font-size: 14px;
  color: #727d73;
  font-weight: 400;
  text-transform: capitalize;
  font-family: var(--agriox-font, "DM Sans", sans-serif);
}

/* Placeholder styling consistency */
.comment-form__input-box input[type="text"]::-webkit-input-placeholder,
.comment-form__input-box input[type="email"]::-webkit-input-placeholder,
.comment-form__input-box input[type="tel"]::-webkit-input-placeholder,
.comment-form__input-box textarea::-webkit-input-placeholder {
  color: #727d73;
}

.comment-form__input-box input[type="text"]:-ms-input-placeholder,
.comment-form__input-box input[type="email"]:-ms-input-placeholder,
.comment-form__input-box input[type="tel"]:-ms-input-placeholder,
.comment-form__input-box textarea:-ms-input-placeholder {
  color: #727d73;
}

.comment-form__input-box input[type="text"]::-ms-input-placeholder,
.comment-form__input-box input[type="email"]::-ms-input-placeholder,
.comment-form__input-box input[type="tel"]::-ms-input-placeholder,
.comment-form__input-box textarea::-ms-input-placeholder {
  color: #727d73;
}

.comment-form__input-box input[type="text"]::placeholder,
.comment-form__input-box input[type="email"]::placeholder,
.comment-form__input-box input[type="tel"]::placeholder,
.comment-form__input-box textarea::placeholder {
  color: #727d73;
}

/* Focus states for consistency */
.comment-form__input-box input[type="text"]:focus,
.comment-form__input-box input[type="email"]:focus,
.comment-form__input-box input[type="tel"]:focus,
.comment-form__input-box select:focus,
.comment-form__input-box textarea:focus {
  outline: none;
  background: #ffffff;
  border-color: var(--agriox-base, #f1cf69);
}

/* Custom classes for project styling */
.bg-primary-agriox {
  background-color: var(--agriox-primary, #334b35) !important;
}

.text-secundary-agriox {
  color: var(--agriox-secondary, #6d8c54) !important;
}

.text-white-agriox {
  color: #ffffff !important;
}
