.elementor-4231 .elementor-element.elementor-element-9863094{--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;}.elementor-4231 .elementor-element.elementor-element-c704876{--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-4231 .elementor-element.elementor-element-c704876.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4231 .elementor-element.elementor-element-aa7697e{transition:all 400ms;}.elementor-4231 .elementor-element.elementor-element-9d5c4cf{transition:all 400ms;}.elementor-4231 .elementor-element.elementor-element-8e71f6f{width:var( --container-widget-width, 23.933% );max-width:23.933%;--container-widget-width:23.933%;--container-widget-flex-grow:0;transition:all 400ms;}.elementor-4231 .elementor-element.elementor-element-8e71f6f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4231 .elementor-element.elementor-element-aca5922{width:var( --container-widget-width, 23.933% );max-width:23.933%;--container-widget-width:23.933%;--container-widget-flex-grow:0;transition:all 400ms;}.elementor-4231 .elementor-element.elementor-element-aca5922.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4231 .elementor-element.elementor-element-e747df5{transition:all 400ms;}.elementor-4231 .elementor-element.elementor-element-a91a35c{transition:all 400ms;}.elementor-4231 .elementor-element.elementor-element-af57e31{--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-4231 .elementor-element.elementor-element-e4fe398{transition:all 400ms;font-size:12px;}.elementor-4231 .elementor-element.elementor-element-259f73c{--display:flex;--margin-top:60px;--margin-bottom:200px;--margin-left:0px;--margin-right:0px;}.elementor-4231 .elementor-element.elementor-element-af676b3{transition:all 400ms;}@media(max-width:767px){.elementor-4231 .elementor-element.elementor-element-a91a35c > .elementor-widget-container{margin:0px 0px 90px 0px;}.elementor-4231 .elementor-element.elementor-element-259f73c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-4231 .elementor-element.elementor-element-9863094{--content-width:1200px;}.elementor-4231 .elementor-element.elementor-element-c704876{--width:80%;}.elementor-4231 .elementor-element.elementor-element-af57e31{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-a91a35c */#demas {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; /* Espaciado entre elementos */
    margin-top: 20px;
}

#dni {
    max-width: 900px;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 16px;
    outline: none;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#dni:focus {
    border-color: #2143A3;
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.2);
}

button[type="submit"] {
    padding: 10px 20px;
    font-size: 16px;
    color: black !important;
    background-color: #F7D12D !important;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

button[type="submit"]:hover {
    background-color: #F7D12D;
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
}

button[type="submit"]:active {
    transform: scale(0.98);
}



label{
    color:black !important;
}

table {
  margin-left: auto !important;
  margin-right: auto !important;
}

#botones-panel {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr); /* 🖥️ 3 botones por fila en escritorio */
  gap: 10px;
}

#botones-panel button {
  width: 100%;
  padding: 12px 10px;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
  border-radius: 6px;
  transition: background-color 0.3s;
}

#botones-panel button:hover {
  background-color: #e0e0e0;
}

/* 📱 Mobile */
@media (max-width: 600px) {
  #botones-panel {
    grid-template-columns: 1fr; /* 👉 1 botón por fila */
    gap: 8px;
    margin-left:-13px !important;
  }

  #botones-panel button {
    font-size: 16px;    /* un poco más grande para facilitar el toque */
    padding: 16px 12px; /* más alto para que se vea bien */
  }
}/* End custom CSS */