/* Resultados de búsqueda (search/index.html + partials/profile_card.html)
   según referencias/ (captura de 1310 px). Medidas tomadas de la referencia a
   ese ancho; las demás resoluciones se adaptan. Ilustración del encabezado:
   SiteAsset "busqueda.hero" (respaldo static/img/busqueda-hero.webp, recortada
   de la referencia). Iconos: Remix Icon. Fuente: Inter, la del sitio. */

.fc-busqueda{
  --bus-tinta:#0b1b44;--bus-texto:#3a4b6b;--bus-gris:#6b7a93;--bus-azul:#1f6cf5;--bus-azul-texto:#2d55b8;
  --bus-naranjo:#ff6a1a;--bus-borde:#d6dfeb;--bus-estrella:#ffb21a;
  background:#f7fbfe;color:var(--bus-tinta);
}
/* Ancho de la página (2026-10-07): hasta 1520 px. Antes 1168 px, que dejaba 4
   tarjetas de ~214 px y un gran vacío a la derecha en pantallas de 1366 px o más.
   Encabezado y cuerpo comparten marco. Desde 2026-10-27 (tarjetas más legibles) el
   margen es de 24 px a cada lado, no 32: las tarjetas se quedan con esos 16 px. */
.fc-busqueda__marco{width:min(1520px,calc(100% - 48px));margin:0 auto;}

/* ---------- Encabezado ---------- */
.fc-busqueda__hero{position:relative;overflow:hidden;min-height:165px;
  background:
    radial-gradient(ellipse 260px 120px at 0 100%,rgba(255,206,182,.75),transparent 70%),
    linear-gradient(90deg,#fbf2ef 0%,#f8f5f4 28%,#f8f7f8 60%,#f6f2f1 100%);}
.fc-busqueda__ilustracion{position:absolute;right:0;bottom:0;width:750px;max-width:none;height:auto;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%);mask-image:linear-gradient(90deg,transparent 0,#000 18%);}
.fc-busqueda__hero-texto{position:relative;padding:22px 0 26px;}
.fc-busqueda__ruta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;line-height:18px;color:#56657f;}
.fc-busqueda__ruta nav{display:flex;align-items:center;gap:6px;}
.fc-busqueda__ruta nav a{color:#56657f;text-decoration:none;}
.fc-busqueda__ruta nav a:hover{color:var(--bus-azul);}
.fc-busqueda__ruta nav i{font-size:14px;}
.fc-busqueda__ruta [aria-current]{color:#1f2d4d;}
.fc-busqueda .boton-volver{margin:0;padding:2px 10px 2px 8px;font-size:12.5px;line-height:18px;}
.fc-busqueda__hero h1{margin:10px 0 0;color:var(--bus-tinta);font-size:var(--fc-titulo-mini-hero,32px);line-height:1.12;font-weight:800;letter-spacing:-.5px;}
.fc-busqueda__hero h1 span{color:var(--bus-naranjo);}
.fc-busqueda__resumen{margin:8px 0 0;color:#1d2d55;font-size:18px;line-height:24px;}
.fc-busqueda__resumen strong{font-weight:700;}
.fc-busqueda__bajada{margin:3px 0 0;color:var(--bus-gris);font-size:14px;line-height:20px;}

/* ---------- Cuerpo: filtros + resultados ---------- */
/* Panel de 240 px en todo escritorio (2026-10-27; antes 268 sobre 1366): el ancho con
   que ya se usaba entre 1024 y 1279, y lo que deja va a las tarjetas. */
.fc-busqueda__cuerpo{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start;padding:14px 0 40px;}

.fc-filtros{position:sticky;top:76px;}
.fc-filtros__form{width:100%;margin:0;padding:17px 16px 18px;border-radius:12px;background:#fff;box-shadow:0 6px 22px -8px rgba(30,60,110,.12);}
.fc-filtros__cabecera{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.fc-filtros__cabecera h2{margin:0;color:var(--bus-tinta);font-size:15px;line-height:20px;font-weight:700;}
/* El botón de la cabecera muestra u oculta los filtros. Hasta 2026-10-21 solo hacía
   algo en pantalla angosta: en escritorio se veía azul, en su recuadro, y al pulsarlo
   no pasaba nada. Ahora pliega en cualquier ancho, y al plegarse la columna se encoge
   para que los resultados ocupen el sitio que deja. */
.fc-filtros__alternar{display:grid;width:28px;height:28px;place-items:center;padding:0;border:0;border-radius:6px;background:#eef4ff;color:var(--bus-azul);font-size:20px;cursor:pointer;}
.fc-filtros__alternar:hover{background:#dde8ff;}
.fc-filtros__form.is-cerrado .fc-filtros__contenido{display:none;}
/* La columna solo se encoge donde hay dos columnas. Más abajo de 992 px la rejilla es de
   una sola y el panel arranca plegado, así que sin acotar esto el :has() —que pesa más
   que la regla de la media query— volvía a partirla en dos y la página se iba 121 px
   fuera de la pantalla a 430. */
@media (min-width:992px){
  .fc-busqueda__cuerpo:has(.fc-filtros__form.is-cerrado){grid-template-columns:auto minmax(0,1fr);}
}
.fc-filtros__buscar{position:relative;margin-top:14px;}
.fc-filtros__buscar i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#56657f;font-size:16px;pointer-events:none;}
.fc-filtros__buscar input,.fc-filtros__select select{display:block;width:100%;height:34px;border:1px solid var(--bus-borde);border-radius:8px;background:#fff;color:var(--bus-texto);font-size:12.5px;outline:0;transition:border-color .15s ease,box-shadow .15s ease;}
.fc-filtros__buscar input{padding:0 12px 0 35px;}
.fc-filtros__buscar--con-boton{display:flex;gap:6px;}
.fc-filtros__buscar--con-boton input{flex:1 1 auto;min-width:0;}
.fc-filtros__enviar{flex:none;height:34px;padding:0 14px;border:0;border-radius:8px;background:var(--bus-azul);color:#fff;font-size:12.5px;font-weight:700;cursor:pointer;transition:background-color .15s ease;}
.fc-filtros__enviar:hover{background:#1557d6;}
.fc-filtros__enviar:focus-visible{outline:3px solid rgba(31,108,245,.35);outline-offset:2px;}
.fc-filtros__buscar input::placeholder{color:#7b8aa3;opacity:1;}
.fc-filtros__buscar input:focus,.fc-filtros__select select:focus{border-color:var(--bus-azul);box-shadow:0 0 0 3px rgba(31,108,245,.18);}
.fc-filtros__grupo{margin:22px 0 0;padding:0;border:0;min-width:0;}
.fc-filtros__grupo legend,.fc-filtros__titulo{display:block;margin:0 0 8px;padding:0;color:var(--bus-tinta);font-size:14px;line-height:20px;font-weight:700;float:none;width:auto;}
.fc-filtros__categorias{display:grid;gap:3px;margin:0;padding:0;list-style:none;}
.fc-filtros__opcion{position:relative;display:flex;align-items:center;gap:9px;min-height:21px;margin:0;color:var(--bus-texto);font-size:13px;line-height:18px;font-weight:400;cursor:pointer;}
.fc-filtros__opcion input{position:absolute;width:1px;height:1px;margin:0;opacity:0;}
.fc-filtros__casilla{display:grid;flex:0 0 14px;width:14px;height:14px;place-items:center;border:1.4px solid #b9c5d6;border-radius:3px;background:#fff;}
.fc-filtros__opcion input:checked+.fc-filtros__casilla{border-color:var(--bus-naranjo);background:var(--bus-naranjo);}
.fc-filtros__opcion input:checked+.fc-filtros__casilla::after{content:"";width:7px;height:4px;margin-top:-2px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg);}
.fc-filtros__opcion input:focus-visible+.fc-filtros__casilla{outline:2px solid var(--bus-azul);outline-offset:2px;}
.fc-filtros__nombre{flex:1 1 auto;min-width:0;}
.fc-filtros__conteo{flex:0 0 auto;padding-right:7px;color:#7f8ca3;font-size:12.5px;}
.fc-filtros__select{position:relative;}
.fc-filtros__select select{padding:0 34px 0 13px;-webkit-appearance:none;appearance:none;cursor:pointer;}
.fc-filtros__select i{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--bus-tinta);font-size:17px;pointer-events:none;}
.fc-filtros__select--comuna{margin-top:8px;}
/* La especialidad cuelga de la lista de categorías, como la comuna de la región. */
.fc-filtros__select--especialidad{margin-top:10px;}
.fc-filtros__rango{--progreso:100%;position:relative;height:20px;margin-top:8px;}
.fc-filtros__perilla{position:absolute;z-index:1;top:1px;left:0;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#ff8b18,var(--bus-naranjo));pointer-events:none;}
.fc-filtros__rango input{position:absolute;inset:0;width:100%;height:20px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;}
.fc-filtros__rango input:focus-visible{outline:2px solid var(--bus-azul);outline-offset:3px;border-radius:10px;}
.fc-filtros__rango input::-webkit-slider-runnable-track{height:5px;border-radius:10px;background:linear-gradient(to right,var(--bus-naranjo) var(--progreso),#d9e5f3 var(--progreso));}
.fc-filtros__rango input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6.5px;border:5px solid var(--bus-naranjo);border-radius:50%;background:#fff;}
.fc-filtros__rango input::-moz-range-track{height:5px;border-radius:10px;background:#d9e5f3;}
.fc-filtros__rango input::-moz-range-progress{height:5px;border-radius:10px;background:var(--bus-naranjo);}
.fc-filtros__rango input::-moz-range-thumb{width:8px;height:8px;border:5px solid var(--bus-naranjo);border-radius:50%;background:#fff;}
.fc-filtros__rango-texto output{color:inherit;}
.fc-filtros__opcion--pendiente{cursor:not-allowed;}
.fc-filtros__rango-texto{margin:12px 0 0;color:var(--bus-texto);font-size:12.5px;}
.fc-filtros__valoracion{display:flex;align-items:center;gap:10px;}
.fc-filtros__estrellas{display:flex;flex:0 0 auto;gap:2px;color:var(--bus-estrella);font-size:17px;}
.fc-filtros__valoracion .fc-filtros__select{flex:1 1 auto;}
.fc-filtros__punto{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#22c55e;vertical-align:1px;}
.fc-filtros__aplicar{display:block;width:100%;height:34px;margin-top:22px;border:0;border-radius:8px;background:var(--bus-azul);color:#fff;font-size:13.5px;font-weight:600;}
.fc-filtros__form--js .fc-filtros__aplicar{display:none;}
.fc-filtros__limpiar{display:flex;align-items:center;justify-content:center;gap:8px;height:34px;margin-top:10px;border:1px solid #cbd6e4;border-radius:8px;background:#fff;color:#1d2d55;font-size:13.5px;text-decoration:none;transition:background .15s ease,border-color .15s ease;}
.fc-filtros__form--js .fc-filtros__limpiar{margin-top:30px;}
.fc-filtros__limpiar i{font-size:16px;}
.fc-filtros__limpiar:hover{border-color:var(--bus-azul);background:#f4f8ff;color:#1d2d55;}
.fc-filtros a:focus-visible,.fc-filtros button:focus-visible{outline:3px solid var(--bus-azul);outline-offset:2px;}

.fc-busqueda__resultados{min-width:0;}
.fc-busqueda__barra{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;min-height:40px;margin-bottom:14px;padding:4px 0;}
.fc-busqueda__orden{display:flex;align-items:center;gap:8px;}
.fc-busqueda__orden label{margin:0;color:var(--bus-tinta);font-size:14px;font-weight:700;white-space:nowrap;}
/* Ancho para la opción más larga ("Precio: menor a mayor"). */
.fc-busqueda__orden .fc-filtros__select{width:196px;}
.fc-busqueda__orden select{height:36px;font-size:13px;}
.fc-busqueda__vistas{display:flex;align-items:center;gap:16px;}
.fc-busqueda__vista-grupo{display:flex;overflow:hidden;border:1px solid var(--bus-borde);border-radius:7px;background:#fff;}
.fc-busqueda__vista-grupo button{display:grid;width:38px;height:34px;place-items:center;padding:0;border:0;background:#fff;color:#3a4b6b;font-size:17px;cursor:pointer;}
.fc-busqueda__vista-grupo button+button{border-left:1px solid #e3e9f2;}
.fc-busqueda__vista-grupo button.is-activa{background:var(--bus-naranjo);color:#fff;}
.fc-busqueda__vista-grupo button:focus-visible{outline:3px solid var(--bus-azul);outline-offset:-3px;}
.fc-busqueda__barra p{margin:0;color:var(--bus-texto);font-size:14px;white-space:nowrap;}
.fc-busqueda__barra strong{color:var(--bus-tinta);}
.fc-busqueda__grilla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px;}
.fc-busqueda__vacio{margin:0;padding:28px;border:1px dashed var(--bus-borde);border-radius:12px;background:#fff;color:var(--bus-gris);text-align:center;}
.fc-busqueda__paginas{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;font-size:13.5px;}
.fc-busqueda__paginas a,.fc-busqueda__paginas span{display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 14px;border:1px solid var(--bus-borde);border-radius:8px;background:#fff;color:var(--bus-texto);text-decoration:none;}
.fc-busqueda__paginas span{border-color:var(--bus-azul);color:var(--bus-azul);font-weight:600;}
.fc-busqueda__paginas a:hover{border-color:var(--bus-azul);color:var(--bus-azul);}

/* ---------- Tarjeta ---------- */
.fc-resultado{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:2px solid #cfe1fb;border-radius:14px;background:#fff;
  box-shadow:0 8px 20px -12px rgba(40,90,170,.35);}
/* Gold y Silver no se marcan sobre esta tarjeta: llevan la lámina entera de
   partials/tarjeta_destacada.html (css/tarjeta-destacada-ref.css), réplica de
   referencias/oro y referencias/silver. Las reglas .perfil--gold/--silver que
   quedan abajo ya no las pinta nadie en este listado. */
/* Portada con la franja de DESTACADOS_v4: alto proporcional al ancho (0,42),
   como en las tarjetas de referencia, para que se vea igual en cuadrícula,
   compacta y lista. La franja (SVG en profile_card.html) cubre la foto. */
.fc-resultado{container-type:inline-size;}
.fc-resultado__portada{position:relative;min-height:0;aspect-ratio:1000/420;background:linear-gradient(135deg,#dfe9fb,#c8daf7);}
.fc-resultado__portada--vacia{background:linear-gradient(120deg,#d8e6fd 0%,#bcd3f8 55%,#a9c5f5 100%);}
.fc-resultado__banner{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;}
/* Foto y portada se amplían al presionarlas (Lightbox del sitio). La franja
   deja pasar el clic (pointer-events:none) hasta la portada. */
.fc-resultado__ampliar{position:absolute;inset:0;display:block;cursor:zoom-in;}
.fc-resultado__ampliar:focus-visible{outline:3px solid var(--bus-azul);outline-offset:-3px;}
.fc-resultado__ampliar-foto{display:block;width:100%;height:100%;border-radius:50%;cursor:zoom-in;}
.fc-resultado__ampliar-foto:focus-visible{outline:3px solid var(--bus-azul);outline-offset:2px;}
.fc-resultado__franja{position:absolute;inset:0 0 -1px;width:100%;height:calc(100% + 1px);pointer-events:none;}
.fc-busqueda__defs{position:absolute;width:0;height:0;overflow:hidden;}
.fc-franja__lateral{fill:url(#fc-franja-azul);}
.fc-franja__puntos{fill:url(#fc-franja-puntos);}
.fc-franja__remolino{fill:url(#fc-franja-naranjo);opacity:.92;}
.fc-franja__remolino-centro{fill:url(#fc-franja-naranjo-centro);}
.fc-franja__panel{fill:#fff;}
.fc-franja__panel--ola{display:none;}
.fc-franja__filo,.fc-franja__arco{fill:none;stroke:none;}
/* Silver/Gold: panel en ola hasta el avatar, filo metálico (más grueso a la izquierda,
   donde forma la franja que entra al avatar) y solo 2 columnas de puntos. */
.fc-resultado.perfil--silver .fc-franja__panel--plano,.fc-resultado.perfil--gold .fc-franja__panel--plano,
.fc-resultado.perfil--silver .fc-franja__puntos--mas,.fc-resultado.perfil--gold .fc-franja__puntos--mas{display:none;}
.fc-resultado.perfil--silver .fc-franja__panel--ola,.fc-resultado.perfil--gold .fc-franja__panel--ola{display:inline;}
.fc-resultado.perfil--silver .fc-franja__filo--izq{stroke-width:6px;stroke-linecap:round;}
.fc-resultado.perfil--gold .fc-franja__filo--izq{stroke-width:3.5px;stroke-linecap:round;}
.fc-resultado.perfil--gold .fc-franja__arco{stroke:url(#fc-franja-filo-oro);stroke-width:1.5px;}
.fc-resultado.perfil--silver .fc-franja__arco{stroke:rgba(255,255,255,.55);stroke-width:1.2px;}
.fc-resultado.perfil--silver .fc-franja__remolino{fill:url(#fc-franja-plata);opacity:1;}
.fc-resultado.perfil--silver .fc-franja__remolino-centro{fill:url(#fc-franja-plata-centro);}
/* Silver: el filo plateado solo en la curva que entra a la foto; el tramo que
   salia de la foto hacia la derecha se veia como una linea gris suelta (2026-10-07). */
.fc-resultado.perfil--silver .fc-franja__filo--izq{stroke:url(#fc-franja-filo-plata);}
.fc-resultado.perfil--gold .fc-franja__remolino{fill:url(#fc-franja-oro);opacity:1;}
.fc-resultado.perfil--gold .fc-franja__remolino-centro{fill:url(#fc-franja-oro-centro);}
.fc-resultado.perfil--gold .fc-franja__filo{stroke:url(#fc-franja-filo-oro);stroke-width:3px;}
/* Avatar: 30 % del ancho (antes 23,8 %, se veia muy chico), con el mismo centro
   horizontal y el mismo borde de abajo, asi que no pisa la pildora «En linea»
   del cuerpo ni la cinta «Destacado» de arriba. */
.fc-resultado__foto{position:absolute;z-index:1;left:4.3%;top:38.4%;width:30%;aspect-ratio:1;}
.fc-resultado__avatar{display:block;width:100%;height:100%;border:3px solid #fff;border-radius:50%;object-fit:cover;background:#eef3fa;
  box-shadow:0 4px 12px rgba(20,40,80,.18);}
/* Aro del avatar y chapa del plan: su color lo da la capa de membresía. Aquí
   quedan el sitio y el tamaño, que no cambian. */
.fc-resultado__corona{position:absolute;left:88%;top:69%;display:grid;width:29%;aspect-ratio:1;place-items:center;border:2px solid #fff;border-radius:50%;background:#eef1f5;color:#3a4b6b;font-size:11px;font-size:4cqw;transform:translate(-50%,-50%);}
.fc-resultado__presencia{position:absolute;left:88%;top:84%;width:19%;min-width:9px;aspect-ratio:1;border:2px solid #fff;border-radius:50%;background:#22c55e;transform:translate(-50%,-50%);}
/* Con corona (Silver/Gold) el punto baja, como en la referencia. */
.fc-resultado.perfil--gold .fc-resultado__presencia,.fc-resultado.perfil--silver .fc-resultado__presencia{left:73%;top:90%;}
/* En Silver/Gold el avatar va un poco más a la izquierda y es algo menor (centro 17 %, 27,1 %). */
.fc-resultado.perfil--gold .fc-resultado__foto,.fc-resultado.perfil--silver .fc-resultado__foto{left:3.4%;width:27.1%;top:41.1%;}
.fc-resultado__presencia--fuera{background:#aab4c3;}
.fc-resultado__favorito{position:absolute;z-index:2;top:10px;right:10px;display:grid;width:34px;height:34px;place-items:center;padding:0;border:0;border-radius:50%;background:#fff;color:var(--bus-azul);font-size:20px;box-shadow:0 3px 10px rgba(20,40,80,.2);cursor:pointer;}
.fc-resultado__favorito:focus-visible{outline:3px solid var(--bus-azul);outline-offset:2px;}
.fc-resultado__favorito:hover{color:var(--bus-azul);box-shadow:0 0 0 2px rgba(0,108,255,.45);}
.fc-resultado__favorito-form{margin:0;}
.fc-resultado__destacado{position:absolute;z-index:2;top:2px;left:2.4%;width:48%;max-width:150px;height:auto;aspect-ratio:326/102;pointer-events:none;}
.fc-resultado__destello{position:absolute;z-index:1;width:10px;height:10px;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:.9;}
/* Destellos: solo Silver y Gold (sobre el remolino y sobre la columna izquierda). */
.fc-resultado__destello{display:none;}
.fc-resultado.perfil--gold .fc-resultado__destello,.fc-resultado.perfil--silver .fc-resultado__destello{display:block;}
.fc-resultado__destello--1{right:5%;top:52%;width:4.5%;height:auto;aspect-ratio:1;}
.fc-resultado__destello--2{left:4%;top:50%;width:3.6%;height:auto;aspect-ratio:1;}
.fc-resultado__cuerpo{display:flex;flex:1 1 auto;flex-direction:column;padding:2.6% 12px 12px;}
.fc-resultado__estado{display:inline-flex;align-self:flex-start;align-items:center;gap:5px;height:20px;margin:0 0 6px;padding:0 8px 0 6px;border-radius:10px;background:#e3f8e8;color:#166534;font-size:12px;font-weight:600;}
.fc-resultado__estado span{width:9px;height:9px;border-radius:50%;background:#22c55e;}
.fc-resultado__estado--fuera{background:#eef1f5;color:#5a6987;}
.fc-resultado__estado--fuera span{background:#aab4c3;}
.fc-resultado__verificado{margin-left:6px;color:var(--bus-azul);font-size:17px;vertical-align:-2px;}
.fc-resultado__linea{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;}
.fc-resultado__linea .fc-resultado__profesion{margin:0;}
.fc-resultado__plan{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:11px;background:#eef1f5;color:#1d2d55;font-size:13px;font-weight:600;}
/* El chip del plan ya no se dibuja: el plan trae su tarjeta completa. */
.fc-resultado__cabecera{display:flex;align-items:baseline;justify-content:space-between;gap:8px;}
.fc-resultado h3{min-width:0;margin:0;color:var(--bus-tinta);font-size:17px;line-height:22px;font-weight:800;letter-spacing:-.2px;overflow-wrap:anywhere;}
.fc-resultado__nota{display:flex;flex:0 0 auto;align-items:center;gap:4px;margin:0;color:#1d2d55;font-size:13.5px;font-weight:700;white-space:nowrap;}
.fc-resultado__nota i{color:var(--bus-estrella);font-size:16px;}
.fc-resultado__nota span{color:#4a68b8;font-weight:500;}
.fc-resultado__nota--sin{color:var(--bus-gris);font-size:12px;font-weight:500;}
.fc-resultado__nota--sin i{color:#c4cddb;}
.fc-resultado__profesion{margin:2px 0 0;color:#4b5f8a;font-size:14px;line-height:19px;font-weight:500;overflow-wrap:anywhere;}
.fc-resultado.perfil--gold .fc-resultado__profesion{color:#ea6516;}
.fc-resultado__logros{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0 0;padding:0;list-style:none;}
.fc-resultado__logros li{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;background:#fff6e5;color:#8a5a00;font-size:11px;font-weight:600;}
.fc-resultado__datos{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:8px 0 0;padding:0;list-style:none;color:#4b5b78;font-size:13px;line-height:18px;}
.fc-resultado__datos li{display:inline-flex;align-items:center;gap:6px;}
/* Sin separador vertical: al pasar a una segunda línea quedaba suelto a la izquierda. */
.fc-resultado__datos i{color:var(--bus-tinta);font-size:15px;}
.fc-resultado__descripcion{display:-webkit-box;margin:9px 0 0;overflow:hidden;color:#5a6987;font-size:12.5px;line-height:16px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;}
.fc-resultado__temas{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 10px;padding:0;list-style:none;}
.fc-resultado__temas li{display:inline-flex;align-items:center;gap:4px;max-width:100%;height:22px;padding:0 11px;overflow:hidden;border-radius:11px;background:#eaf2ff;color:#2457c9;font-size:11.5px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;}
/* 3 áreas visibles; el resto se resume en "+N" (title con el detalle). */
.fc-resultado__temas li.fc-resultado__temas-mas{background:#f1f4f9;color:#4b5f8a;}
.fc-resultado__temas i{font-size:12px;}
/* Cifras en una grilla fija de dos columnas (2026-10-07): "Trabajos" a su ancho
   y la tarifa en el resto, partiéndose solo entre palabras. Todas las tarjetas
   tienen la misma estructura (antes unas quedaban lado a lado y otras apiladas). */
.fc-resultado__cifras{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;margin-top:auto;padding-top:10px;border-top:1px solid #e3eaf4;}
.fc-resultado__cifra+.fc-resultado__cifra{position:relative;}
.fc-resultado__cifra+.fc-resultado__cifra::before{content:"";position:absolute;left:-7px;top:4px;bottom:4px;width:1px;background:#d5deea;}
.fc-resultado__cifra{display:flex;align-items:center;justify-content:center;gap:6px;min-height:32px;margin:0;padding:4px 9px;border-radius:8px;background:#eef3fa;color:#1d2d55;font-size:13px;line-height:15px;font-weight:600;white-space:nowrap;}
.fc-resultado__cifra--precio{min-width:0;font-size:12.5px;white-space:normal;overflow-wrap:normal;word-break:normal;text-align:center;}
.fc-resultado__cifra i{flex:none;font-size:16px;}
/* Tarjetas angostas (~230 px): menos relleno en los chips para que una tarifa
   larga ($21.352.135) quepa entera sin achicar la letra. */
@container (max-width:240px){
  .fc-resultado__cifras{gap:10px;}
  .fc-resultado__cifra+.fc-resultado__cifra::before{left:-5.5px;}
  .fc-resultado__cifra{gap:4px;padding:4px 6px;}
}
.fc-resultado__cifra--precio{background:#fde9e8;color:#d92b2b;}
/* La tarifa no se tiñe por plan: con plan va la lámina. */
/* Sin tarifa publicada: mismo chip, texto algo menor para que quepa entero. */
.fc-resultado__cifra--sin-tarifa{font-size:12px;}

/* Vistas de resultados (busqueda-filtros.js): compacta en 2 columnas, lista en 1. */
.fc-busqueda__grilla[data-vista-resultados="compacta"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.fc-busqueda__grilla[data-vista-resultados="lista"]{grid-template-columns:minmax(0,1fr);}
.fc-busqueda__grilla[data-vista-resultados="lista"] .fc-resultado{width:100%;max-width:440px;justify-self:center;}
.fc-resultado__ver{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin-top:10px;border-radius:10px;
  background:linear-gradient(180deg,#2681ff,#0a5ef0);color:#fff;font-size:16px;font-weight:600;text-decoration:none;box-shadow:0 6px 12px -8px rgba(10,94,240,.8);
  transition:filter .15s ease;}
.fc-resultado__ver:hover{filter:brightness(1.06);color:#fff;}
.fc-resultado__ver:focus-visible{outline:3px solid #0b1b44;outline-offset:2px;color:#fff;}
.fc-resultado__ver i{font-size:18px;}

/* Lupa del nav, solo en esta página (partials/nav.html). */

/* El footer trae margin-top:48px (style.css); aquí el fondo llega hasta él. */
.fc-busqueda+.fc-footer{margin-top:0;}

/* ---------- Pantallas grandes ---------- */
@media (min-width:1600px){
  .fc-busqueda__ilustracion{right:calc((100% - 1520px) / 2 - 80px);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%);}
}

/* ---------- Notebook angosto / tablet horizontal ---------- */
/* 4 columnas desde 1440 px; 3 entre 1200 y 1439; 2 entre 768 y 1199; 1 debajo.
   Hasta 2026-10-27 eran 4 desde 1280 y 3 desde 1024: con el panel al lado, a 1280
   cada tarjeta medía 227 px y a 1024, 226, con la letra en miniatura (descripción
   de 8 a 9 px). Ahora mide ~305 px a 1280 y ~343 a 1024, lo mismo que en tablet. */
@media (max-width:1439.98px){
  .fc-busqueda__grilla{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:1279.98px){
  .fc-busqueda__ilustracion{width:620px;}
}
@media (max-width:1199.98px){
  .fc-busqueda__grilla{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* ---------- Tablet: filtros arriba, plegables ---------- */
@media (max-width:991.98px){
  .fc-busqueda__cuerpo{grid-template-columns:minmax(0,1fr);}
  .fc-filtros{position:static;}
  .fc-filtros__categorias{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;}
  /* Texto arriba e ilustración debajo: lado a lado se tapaban. */
  .fc-busqueda__hero{display:flex;flex-direction:column;}
  .fc-busqueda__hero-texto{order:0;padding:18px 0 4px;}
  .fc-busqueda__ilustracion{position:relative;order:1;align-self:flex-end;width:min(100%,560px);margin-top:4px;}
}

/* ---------- Móvil ---------- */
@media (max-width:767.98px){
  .fc-busqueda__marco{width:calc(100% - 32px);}
  .fc-busqueda__hero h1{font-size:30px;}
  .fc-busqueda__resumen{font-size:16px;line-height:22px;}
  .fc-busqueda__grilla,.fc-busqueda__grilla[data-vista-resultados="compacta"]{grid-template-columns:minmax(0,1fr);}
  .fc-filtros__categorias{grid-template-columns:minmax(0,1fr);}
  .fc-busqueda__barra{flex-wrap:wrap;}
  .fc-busqueda__vistas{gap:10px;}
}
@media (max-width:379.98px){
  .fc-busqueda__hero h1{font-size:27px;}
  .fc-resultado h3{font-size:16px;}
  .fc-resultado__cabecera{flex-wrap:wrap;}
}
@media (prefers-reduced-motion:reduce){.fc-resultado__ver,.fc-filtros__limpiar,.fc-filtros__buscar input,.fc-filtros__select select{transition:none;}}