.buscador-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    justify-content: flex-end;
  }
  .input-busqueda {
    flex: 1 1 100%;
    display: flex;
    align-items: center;
    border-radius: 20px!important;
    background-color: white!important;
    padding: 0 10rem;
    font-size: 16px;
  }
  .input-busqueda input {
    flex: 1;
    border: none!important;
    outline: none!important;
    background: transparent!important;
    color: #000;
  }
  .input-busqueda i { margin-right: 8px; }

  .campo {
    flex: 1;
    min-width: 125px;
    background: white!important;
    padding: 0.7rem 1rem;
    border-radius: 20px!important;
    border: none;
    font-size: 15px;
  }

  /* ====== DROPDOWN CUSTOM ====== */
  .dd{
    --dd-radius: 20px;         /* bordes redondos */
    --dd-font-size: 15px;      /* tamaño tipográfico */
    --dd-font-family: inherit; /* usa Manrope/URW-DIN si están cargadas */
    --dd-bg: #F7F7F7;
    --dd-fg: #666;
    --dd-border: #d9d9d9;
    --dd-hover: #00a88f;
    --dd-focus: #00a88f;
    --dd-item-pad: 10px 14px;
    --dd-shadow: 0 12px 26px rgba(0,0,0,.08);

    position: relative;
    flex: 1;
    min-width: 125px;
    font-family: var(--dd-font-family);
    font-size: var(--dd-font-size);
  }
  /* que visualmente se parezca a .campo */
  .dd-toggle{
    width: 100%;
    padding: 0.7rem 1rem;
    border-radius: var(--dd-radius)!important;
    background-color: var(--dd-bg)!important;
    color: var(--dd-fg)!important;
    text-align: left;
    display: flex;
	font-weight: 400!important;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    cursor: pointer;
	line-height: var(--ast-body-line-height, 1.65em); 
  }
  .dd-caret{
    width: 0;height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #777;
    margin-left: 8px;
  }
  .dd-menu{
    position: absolute;
    z-index: 40;
    inset-inline: 0;
    margin-top: 0!important;
    max-height: 320px;
	padding-left: 0!important;
    overflow: auto;
    border-radius: calc(var(--dd-radius) + 2px)!important;
    background-color: var(--dd-bg)!important;
    box-shadow: var(--dd-shadow)!important;
    padding: 6px;
    list-style: none;
    display: none;
	  margin-left: 0px!important;
	  margin-top: 5px !important;
  }
  .dd-option{
    padding: var(--dd-item-pad);
    border-radius: 20px;
    line-height: 1.2;
    cursor: pointer;
    user-select: none;
  }
  .dd-option:hover,
  .dd-option[aria-selected="true"],
  .dd-option.dd-active{
    background: var(--dd-hover);
	 color: white;
  }
  .dd.is-open .dd-menu{ display:block; }
  .dd.is-open .dd-toggle{ box-shadow: 0 0 0 1px var(--dd-focus); border-color:#00a88f; }

  .borrar-filtros { margin-top: 10px; cursor: pointer; text-align: right; }
  .borrar-filtros a { color: #222222!important; }
  .borrar-filtros a:hover { color: #11d8bb!important; }
  .borrar-filtros span { margin-right: 5px; }

  .icono-intercambio{
    background: #00F6D1;
    padding: 0.8rem 1rem;
    border-radius: 20px;
    cursor: pointer;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease-in-out;
  }
  .icono-intercambio img{ width: 20px; height: 20px; transition: opacity 0.2s ease-in-out; }
  .icono-hover{ position: absolute; opacity: 0; }
  .icono-intercambio:hover{ background: #093034; }
  .icono-intercambio:hover .icono-normal{ opacity: 0; }
  .icono-intercambio:hover .icono-hover{ opacity: 1; }

  .boton-consulta{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0.75rem 4rem;
    background-color: #093034!important;
    color: #2EEBCF!important;
    border-radius: 20px;
    font-weight: bold;
    font-size: 16px;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    justify-content: center;
  }
  .boton-consulta .icono-lupa svg{ fill: currentColor; transition: fill 0.2s ease; }
  .boton-consulta:hover{ background-color: #00F6D1!important; color: #093034!important; }

  .solo-movil{ display: none; }

  @media (max-width: 768px){
    .buscador-container{
      align-items: stretch;
      justify-content: space-between;
    }
    /* el custom dropdown a 100% en móvil */
    .dd.solo-movil, #dd-filters-posts { min-width: 100%; }
    .date-select{ min-width: 25%!important; }
    .solo-movil{ display: block; }
    button.boton-consulta{ width: 100%; }
  }