/* DermRX · fase 3 · buscador en cabecera (25-10-2026). Solo tokens --dds-*. */
#header.drxds-header .drxds-search-form{display:flex;align-items:center;flex:0 1 300px;min-width:0;margin-left:auto;border:1px solid var(--dds-control-line);border-radius:var(--dds-radius-full);background:var(--dds-surface);transition:border-color var(--dds-duration) var(--dds-ease),box-shadow var(--dds-duration) var(--dds-ease)}
#header.drxds-header .drxds-search-form:focus-within{border-color:var(--dds-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--dds-brand) 20%,transparent)}
/* !important: el snippet WPCode «DermRX 3.0» impone estilos globales a input[type=search] y button. Retirar cuando ese snippet se retire. */
#header.drxds-header .drxds-search-input{flex:1;min-width:0;height:40px;padding:0 4px 0 16px!important;border:0!important;border-radius:var(--dds-radius-full) 0 0 var(--dds-radius-full)!important;background:transparent!important;color:var(--dds-ink)!important;font-family:var(--dds-font-ui)!important;font-size:var(--dds-text-sm)!important;line-height:1.2;outline:none;box-shadow:none!important;width:auto}
#header.drxds-header .drxds-search-input::placeholder{color:var(--dds-faint);opacity:1}
#header.drxds-header .drxds-search-input::-webkit-search-decoration,#header.drxds-header .drxds-search-input::-webkit-search-cancel-button{-webkit-appearance:none}
#header.drxds-header .drxds-search-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;margin:0 2px 0 0;padding:0!important;border:0;border-radius:var(--dds-radius-full)!important;background:var(--dds-brand)!important;color:var(--dds-on-brand)!important;cursor:pointer;box-shadow:none!important;transform:none!important}
#header.drxds-header .drxds-search-btn:hover{background:var(--dds-brand-strong)!important}
#header.drxds-header .drxds-search-btn:focus-visible{outline:2px solid var(--dds-focus);outline-offset:2px}
/* Escritorio: nav · buscador · Biblioteca. El buscador móvil vive dentro del panel «Menú». */
#header.drxds-header .drxds-desktop{margin-left:auto}
#header.drxds-header .drxds-search-form+.drx-library-desktop{margin-left:0}
#header.drxds-header .drx-mobile-panel>.drxds-search-form{display:none}
@media(max-width:1200px){#header.drxds-header .drxds-nav>.drxds-search-form{flex-basis:220px}}
@media(max-width:1000px){
  #header.drxds-header .drxds-nav>.drxds-search-form{display:none}
  #header.drxds-header .drx-mobile-panel>.drxds-search-form{display:flex;flex:none;width:100%;margin:0 0 10px}
  #header.drxds-header .drx-mobile-panel .drxds-search-input{height:44px}
  #header.drxds-header .drx-mobile-panel .drxds-search-btn{flex-basis:44px;width:44px;height:44px}
}
@media print{#header.drxds-header .drxds-search-form{display:none!important}}