.cf7-form {
  max-width: 600px;
  margin: 0 auto;
}

.cf7-form-row {
  margin-bottom: 20px;
}

.cf7-form-row label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  color: #333;
}

.cf7-form-row input,
.cf7-form-row select,
.cf7-form-row textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
}

.cf7-form-row textarea {
  height: 150px;
  resize: vertical;
}

.cf7-form-row [type="submit"] {
  background-color: var( --e-global-color-e5791f4 );
  color: white !important;
  padding: 10px 20px;
  border: none;
  font-weight: bold;
  max-width: 300px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 18px;
}


.cf7-form-row [type="submit"]:hover,
.cf7-form-row [type="submit"]:focus {
  background-color: #0181B7;
}

.cf7-form-row [type="submit"].busca {
  background-color:#ED8C03 ;
  padding: 8px 20px;
}

.cf7-form-row [type="submit"].busca:hover,
.cf7-form-row [type="submit"].busca:focus {
background-color:#db8206 ;

}


.libro-reclamos {
    max-width: 1000px;
    margin: 0 auto;
}

.reclamo-item {
    display: flex;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    margin-bottom: 20px;
}

.reclamo-item.respondido {
    background-color: #e0f7fa; /* Color de fondo para los respondidos */
    border-left: 5px solid #00796b; /* Borde izquierdo para los respondidos */
}

.reclamo-item.en-revision {
    background-color: #ffe0b2; /* Color de fondo para los en revisión */
    border-left: 5px solid #ff5722; /* Borde izquierdo para los en revisión */
}

.reclamo-left {
    padding: 0 20px;
    border-right: 1px solid #ddd;
}

.reclamo-right {
    flex: 2;
}

.reclamo-nombre {
    font-size: 1.5em;
    margin-bottom: 10px;
}

.reclamo-tipo,
.reclamo-fecha,
.reclamo-estado,
.reclamo-id {
    font-size: 0.9em;
    color: #666;
	margin-bottom: 0;
}

.reclamo-mensaje {
    font-size: 1em;
    color: #333;
	padding: 10px 20px;
}

.reclamo-respuesta{
  padding: 10px 20px 10px 50px;
}

.pagination {
    text-align: center;
    margin-top: 20px;
}

.pagination a {
    margin: 0 5px;
    padding: 5px 10px;
    background: #f1f1f1;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #0073aa;
}

.pagination .current {
    margin: 0 5px;
    padding: 5px 10px;
    background: #0073aa;
    color: #fff;
    border: 1px solid #0073aa;
}

.buscador{
  margin: 40px 0 10px;
}

.buscador form{
  display: flex;
  justify-content: center;
  gap: 2px;
}