.elementor-87165 .elementor-element.elementor-element-e8ca0ff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-87165 .elementor-element.elementor-element-775cb6c{--display:flex;--width:100%;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-87165 .elementor-element.elementor-element-06a1c4d{width:var( --container-widget-width, 94.047% );max-width:94.047%;--container-widget-width:94.047%;--container-widget-flex-grow:0;}.elementor-87165 .elementor-element.elementor-element-06a1c4d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-87165 .elementor-element.elementor-element-06a1c4d.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-87165 .elementor-element.elementor-element-cdd3a0b{--display:flex;--width:115.639%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-87165 .elementor-element.elementor-element-cdd3a0b.e-con{--align-self:flex-end;--flex-grow:0;--flex-shrink:0;}.elementor-87165 .elementor-element.elementor-element-cdd5431{--display:flex;}.elementor-87165 .elementor-element.elementor-element-3f4c62c{--display:flex;--min-height:137px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;}.elementor-87165 .elementor-element.elementor-element-4b9fe9b.elementor-element{--align-self:center;}.elementor-87165 .elementor-element.elementor-element-4b9fe9b{--grid-side-margin:14px;--grid-column-gap:14px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-87165 .elementor-element.elementor-element-4e9a5a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-87165 .elementor-element.elementor-element-29283fb{--spacer-size:50px;}.elementor-87165 .elementor-element.elementor-element-16f6bc0{--display:flex;}@media(max-width:1200px){.elementor-87165 .elementor-element.elementor-element-06a1c4d{width:var( --container-widget-width, 680.672px );max-width:680.672px;--container-widget-width:680.672px;--container-widget-flex-grow:0;} .elementor-87165 .elementor-element.elementor-element-4b9fe9b{--grid-side-margin:14px;--grid-column-gap:14px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:900px){ .elementor-87165 .elementor-element.elementor-element-4b9fe9b{--grid-side-margin:14px;--grid-column-gap:14px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(min-width:901px){.elementor-87165 .elementor-element.elementor-element-3f4c62c{--content-width:939px;}}/* Start custom CSS for shortcode, class: .elementor-element-06a1c4d */.api-form-container {
  background-image: radial-gradient(circle, #110e27, #0b1732, #080e10, #080e10, #080e10);
  padding: 20px;
  color: white;
  border-radius: 8px;
  text-align: center;
}

.api-form-container form {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap; /* Permite que los elementos se ajusten en varias líneas si es necesario */
}

input[type="text"], button {
  padding: 11px 13px; /* Aumenta el padding vertical y horizontal */
  font-size: 16px;
  height: 48px; /* Establece la misma altura para input y button */
  box-sizing: border-box;
  margin-bottom: 10px; /* Agrega un margen inferior de 10px */
}

input[type="text"] {
  width: 400px; /* Aumenta el ancho de la caja de texto */
}

button {
  background-color: #212798;
  color: white;
  border: none;
  cursor: pointer;
  width: 120px; /* Aumenta el ancho del botón */
  margin-top: -10px;
}

button:hover {
  background-color: #270849;
}

.api-results-table {
  width: 100%;
  margin-top: 20px;
  border-collapse: collapse;
  text-align: left;
}

.api-results-table th, .api-results-table td {
  padding: 10px;
  border-bottom: 1px solid #0b1733; /* Línea de división entre filas, color oscuro */
}

.api-results-table th {
  background-color: #110e27; /* Fondo de la cabecera, color oscuro */
  color: white;
  font-weight: bold;
}

.api-results-table tr:nth-child(even) {
  background-color: #090e12; /* Fondo de filas pares, otro tono oscuro */
}

.api-results-table tr:nth-child(odd) {
  background-color: #080e10; /* Fondo de filas impares, color base oscuro */
}

/* Media query para dispositivos móviles */
@media (max-width: 768px) {
  .api-results-table th, .api-results-table td {
    font-size: 11px; /* Tamaño de texto más pequeño para móviles */
    padding: 8px; /* Reduce el padding para que se ajuste mejor en móviles */
  }

  .api-form-container form {
    flex-direction: column; /* Cambiar a disposición de columna para móviles */
  }

  input[type="text"], button {
    width: 100%; /* Ajustar ancho al 100% del contenedor */
    font-size: 14px; /* Tamaño de texto más pequeño para móviles */
    height: 40px; /* Ajustar altura a 40px para móviles */
    padding: 8px 10px; /* Reducir el padding para móviles */
  }

  .api-results-table th:nth-child(1), .api-results-table td:nth-child(1) {
    width: 60%; /* Ancho específico para la columna "Nombre" */
  }

  .api-results-table th:nth-child(2), .api-results-table td:nth-child(2) {
    width: 20%; /* Ancho específico para la columna "CI-DV" */
  }

  .api-results-table th:nth-child(3), .api-results-table td:nth-child(3) {
    width: 20%; /* Ancho específico para la columna "Estado" */
  }
}/* End custom CSS */