/* Elección progresiva: una familia de controles, solo un grupo de opciones abierto. */
.masthead .finder { display: grid; grid-template-rows: auto minmax(0,1fr) auto; width: min(760px,calc(100vw - 24px)) !important; max-height: min(660px,calc(100dvh - var(--finder-top,120px) - 16px)) !important; padding: 0 !important; overflow: hidden; background: #f4f9fcf5; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } /* taste-skill-ignore: material esmerilado solicitado. */
.masthead .finder[hidden] { display: none !important; }
.masthead .finder__head { flex: none; margin: 0; padding: 18px 20px 14px; background: #ffffffb3; }
.masthead .finder__title { gap: 9px; font-size: 16px; }
.masthead .finder__note { margin: 5px 0 0; font-size: 12px; line-height: 1.5; }
.masthead .finder__body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 14px 20px 18px; scrollbar-width: thin; scrollbar-color: #8baec3 transparent; }
.masthead .finder__types { margin: 0 0 14px; padding: 0; gap: 7px; }
.masthead .finder__rows { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; overflow-anchor: none; }
.masthead .finder__group { min-width: 0; flex: 1 1 calc(50% - 8px); border-radius: 15px; background: #e7f1f7; }
.masthead .finder__group.is-selected:not([open]) { order: -1; flex: 0 1 auto; max-width: 100%; border-radius: 12px; background: #d9edf8; }
.masthead .finder__group.is-selected:not([open]) > summary { min-height: 44px; padding: 8px 12px; gap: 10px; }
.masthead .finder__group.is-selected:not([open]) summary > span { gap: 1px; }
.masthead .finder__group.is-selected:not([open]) summary b { font-size: 10px; color: #48677a; }
.masthead .finder__group.is-selected:not([open]) summary small { font-size: 12px; font-weight: 600; color: #07567d; }
.masthead .finder__group[open] { flex-basis: 100%; background: #fff; }
.masthead .finder__group > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; cursor: pointer; list-style: none; }
.masthead .finder summary::-webkit-details-marker { display: none; }
.masthead .finder__group summary > span { display: grid; gap: 3px; min-width: 0; }
.masthead .finder__group summary b { font: 600 13px/1.4 var(--font); color: #092b43; }
.masthead .finder__group summary small { font: 400 11px/1.5 var(--font); color: #48677a; overflow-wrap: anywhere; }
.masthead .finder summary > .icon { width: 18px; height: 18px; transition: transform 160ms ease; }
.masthead .finder details[open] > summary > .icon { transform: rotate(180deg); }
.masthead .finder__group > .finder__chips { padding: 0 14px 14px; gap: 7px; }
.masthead .finder__group .chip-toggle { min-height: 36px; font-size: 12px; padding: 8px 12px; }
.masthead .finder summary:focus-visible { outline: 2px solid #0076a8; outline-offset: -3px; border-radius: 15px; }
.masthead .finder__order { margin-top: 12px; }
.masthead .finder__order > summary { display: flex; align-items: center; gap: 7px; padding: 10px 2px; font-size: 12px; color: #48677a; cursor: pointer; list-style: none; }
.masthead .finder__order > summary > .icon { margin-left: auto; }
.masthead .finder__foot { margin: 0; padding: 12px 20px; background: #fff; }
.masthead .finder__items[hidden] { display: none; }
.masthead .finder__actions { position: static; display: grid; grid-template-columns: auto minmax(160px,1fr); gap: 12px; margin: 0; padding: 0; background: none; }
.masthead .finder__actions .btn { min-height: 44px; }
.masthead .finder:not([hidden]) { animation: finder-settle 280ms ease-out both !important; transform-origin: top center; }
.masthead .finder-btn:is(:hover,:focus-visible,[aria-expanded="true"]) > .icon { animation: finder-icon-nudge 420ms ease-out 1; transform-origin: center; }
@keyframes finder-settle { 0% { opacity: 0; translate: 0 7px; scale: .99; } 70% { opacity: 1; translate: 0 -2px; scale: 1; } 100% { opacity: 1; translate: 0 0; scale: 1; } }
@keyframes finder-icon-nudge { 0%,100% { transform: rotate(0); } 25% { transform: rotate(-5deg); } 55% { transform: rotate(4deg); } 80% { transform: rotate(-1deg); } }
@media(max-width:479px) {
  .masthead .finder__head { padding: 16px 14px 12px; }
  .masthead .finder__body { padding: 12px 14px 16px; }
  .masthead .finder__group { flex-basis: 100%; }
  .masthead .finder__group > summary { padding: 11px 12px; }
  .masthead .finder__foot { padding: 12px 14px; }
  .masthead .finder__types .type-chip { font-size: 11px; }
}
@media(prefers-reduced-motion:reduce) { .masthead .finder:not([hidden]), .masthead .finder-btn > .icon { animation: none !important; } .masthead .finder summary > .icon { transition: none; } }
@media(prefers-reduced-transparency:reduce) { .masthead .finder { background: #f4f9fc; backdrop-filter: none; -webkit-backdrop-filter: none; } } /* taste-skill-ignore: alternativa sin transparencia. */

/* Sugerencias compactas: laptops sugeridas arriba (2 columnas), marcas y procesadores en una fila deslizable */
.suggest .suggest__block { margin-bottom: 10px; }
.suggest .suggest__block--picks .mini-rows { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
@media (max-width: 599px) { .suggest .suggest__block--picks .mini-rows { grid-template-columns: 1fr; } }
.suggest .suggest__title { margin-bottom: 6px; }
.suggest .suggest__chips--row { flex-wrap: nowrap; overflow-x: auto; gap: 6px; padding-bottom: 2px; scrollbar-width: none; }
.suggest .suggest__chips--row::-webkit-scrollbar { display: none; }
.suggest .suggest__chips--row .chip-link { flex: none; min-height: 34px; padding: 6px 12px; font-size: 13px; }
/* Sugeridas: foto | modelo + datos en una línea | precio y «reacondicionada» juntos */
.suggest__block--picks .mini-row { display: grid !important; grid-template-columns: 48px minmax(0, 1fr); grid-template-areas: "img txt" "img price"; align-items: center; column-gap: 10px; row-gap: 2px; padding: 8px 10px; border-radius: 14px; background: var(--soft, #f3f6f9); }
.suggest__block--picks .mini-row img { grid-area: img; width: 48px; height: 48px; }
.suggest__block--picks .mini-row__text { grid-area: txt; min-width: 0; }
.suggest__block--picks .mini-row__text b { display: block; overflow: hidden; font-size: 13.5px; white-space: nowrap; text-overflow: ellipsis; }
.suggest__block--picks .mini-row__text b .spec--touch { display: none; }
.suggest__block--picks .mini-row__text > span { display: block; overflow: hidden; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; }
.suggest__block--picks .mini-row__price { grid-area: price; display: inline; font-size: 15px; }
.suggest__block--picks .mini-row .price__refurb { grid-area: price; justify-self: end; align-self: center; margin: 0; }
.masthead .suggest, .suggest { background: #fff !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
/* Precio y «Reacondicionada» nunca comparten espacio: la etiqueta va en su propia línea */
.suggest__block--picks .mini-row { grid-template-areas: "img txt" "img price" "img tag" !important; }
.suggest__block--picks .mini-row .price__refurb { grid-area: tag !important; justify-self: start !important; margin-top: 1px !important; }
.suggest__block--picks .mini-row__price { line-height: 1.15; }
/* Panel angosto (ventanas medianas): una sugerida por fila, nada se corta */
.suggest { container-type: inline-size; }
@container (max-width: 560px) { .suggest .suggest__block--picks .mini-rows { grid-template-columns: 1fr !important; } }