/* Utilities for search controls and layout */

/* Container that stacks input (with reset) and buttons */
.search-controls {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

/* Top row: input and reset icon on the right */
.search-top {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
}

.search-top .w3-input {
  flex: 1 1 auto;
}

.search-top .w3-button {
  flex-shrink: 0;
}

/* Buttons row below input: Buscar and Nuevo Color, left-aligned */
.search-buttons {
  display: flex;
  gap: 8px;
  align-items: center;
}

.search-buttons .w3-button,
.search-buttons a {
  flex-shrink: 0;
}

/* Small adjustments for very narrow screens */
@media (max-width: 480px) {
  .search-buttons {
    flex-direction: column;
    align-items: flex-start;
  }
}


/* Uniform banner sizing inside forms/modules */
.joycar-banner {
  width: 100%;
  box-sizing: border-box;
  display: block;
  margin: 0 !important;
  padding: 6px 10px !important;
  line-height: 1.25;
}

.joycar-banner p {
  margin: 0;
}