/* Elenco piloti xdroni (usa anche guide.css per titoli e briciole) */
.xdp-filtri { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; margin: 0 0 28px; padding: 16px 18px; background: var(--paper); border: 1px solid var(--line); border-radius: 18px; }
.xdp-filtri label { display: grid; gap: 5px; font-weight: 700; font-size: .9rem; }
.xdp-filtri select { font: inherit; padding: 9px 11px; border: 1.5px solid var(--line); border-radius: 10px; background: oklch(99% 0.006 85); min-width: 200px; }
.xdp-griglia { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 16px; }
.xdp-card { display: flex; gap: 16px; align-items: flex-start; padding: 18px; border-radius: 20px; border: 1px solid var(--line); background: var(--paper); color: var(--ink); text-decoration: none; transition: transform .35s var(--ease), border-color .35s; }
.xdp-card:hover { transform: translateY(-3px); border-color: var(--ink); }
.xdp-card__logo { flex: none; width: 72px; height: 72px; border-radius: 16px; object-fit: cover; background: var(--paper-2); }
.xdp-card__logo--vuoto { display: grid; place-items: center; font: 900 1.8rem/1 var(--display); color: var(--magenta); }
.xdp-card__txt { display: grid; gap: 5px; min-width: 0; }
.xdp-card__nome { font: 820 1.15rem/1.2 var(--display); font-stretch: 108%; }
.xdp-card__zona, .xdp-card__serv { color: var(--ink-2); font-size: .92rem; }
.xdp-card__badge { display: flex; flex-wrap: wrap; gap: 5px; margin: 0; }
.xdp-badge { font: 700 .75rem/1 var(--display); letter-spacing: .03em; padding: 5px 8px; border-radius: 999px; border: 1.5px dashed var(--line); color: var(--ink-2); }
.xdp-badge--ok { border: 0; background: oklch(55% 0.13 160 / .15); color: oklch(38% 0.1 160); }
.xdp-unisciti, .xdp-sk__contatti { margin: 40px 0 18px; padding: 24px 26px; border-radius: 22px; background: var(--ink); color: var(--paper); }
.xdp-unisciti p, .xdp-sk__contatti p { margin: 0 0 12px; }
.xdp-unisciti__t { font: 850 1.35rem/1.2 var(--display); }
.xdp-sk__contatti a { color: var(--dusk, oklch(77% 0.15 62)); font-weight: 700; }
.xdp-sk__testa { display: flex; gap: 22px; align-items: center; margin: 0 0 24px; }
.xdp-sk__logo { width: 130px; height: 130px; border-radius: 24px; object-fit: cover; flex: none; }
.xdp-sk__zona { color: var(--ink-2); margin: 0 0 10px; } .xdp-sk__zona a, .xdp-sk__dati a { color: var(--magenta); font-weight: 700; }
.xdp-sk__descr { font-size: 1.08rem; line-height: 1.7; max-width: 70ch; }
.xdp-sk__dati { display: grid; grid-template-columns: max-content 1fr; gap: 10px 20px; margin: 24px 0; }
.xdp-sk__dati dt { font-weight: 800; } .xdp-sk__dati dd { margin: 0; }
.xdp .xdg-h1 { margin-bottom: 8px; }
@media (max-width: 640px) { .xdp-sk__testa { flex-direction: column; align-items: flex-start; } .xdp-sk__dati { grid-template-columns: 1fr; gap: 2px; } .xdp-sk__dati dd { margin-bottom: 10px; } }
/* Foto e video dei lavori (0.2.0) */
.xdp-lavori { margin: 32px 0; }
.xdp-lavori__h { font: 850 1.5rem/1.2 var(--display); margin: 0 0 16px; }
.xdp-foto-griglia { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: 12px; }
.xdp-foto-griglia a { display: block; border-radius: 16px; overflow: hidden; aspect-ratio: 4 / 3; background: var(--paper-2); }
.xdp-foto-griglia img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s var(--ease); }
.xdp-foto-griglia a:hover img { transform: scale(1.03); }
.xdp-video-griglia { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 16px; margin: 0 0 8px; }
.xdp-video { margin: 0; }
.xdp-video__play, .xdp-video__frame { width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 16px; display: block; }
.xdp-video__play { position: relative; cursor: pointer; background: var(--ink) center / cover no-repeat; }
.xdp-video__play span { position: absolute; inset: 50% auto auto 50%; translate: -50% -50%; width: 68px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: oklch(55% 0.22 25 / .92); color: #fff; font-size: 1.4rem; transition: scale .25s var(--ease); }
.xdp-video__play:hover span, .xdp-video__play:focus-visible span { scale: 1.1; }
.xdp-video figcaption { font-size: .92rem; color: var(--ink-2); margin-top: 6px; }
.xdp-video__nota { font-size: .85rem; color: var(--ink-2); margin: 0 0 18px; }
/* Logo predefinito xdroni per i piloti senza logo */
.xdp-logo-xd { object-fit: contain; padding: 12%; background: var(--paper-2); }
/* Galleria a schermo intero */
.xdp-lb { width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: oklch(12% 0.02 260 / .96); color: #fff; overflow: hidden; }
.xdp-lb::backdrop { background: oklch(12% 0.02 260 / .85); }
.xdp-lb[open] { display: grid; place-items: center; }
.xdp-lb__img { max-width: min(94vw, 1800px); max-height: 86dvh; object-fit: contain; border-radius: 10px; user-select: none; }
.xdp-lb__n { position: absolute; left: 50%; bottom: 18px; translate: -50% 0; margin: 0; font: 700 .95rem/1 var(--display); opacity: .85; }
.xdp-lb__btn { position: absolute; display: grid; place-items: center; width: 52px; height: 52px; border: 0; border-radius: 999px; background: oklch(100% 0 0 / .14); color: #fff; font-size: 1.9rem; line-height: 1; cursor: pointer; transition: background .2s; }
.xdp-lb__btn:hover, .xdp-lb__btn:focus-visible { background: var(--magenta); outline: none; }
.xdp-lb__chiudi { top: 16px; right: 16px; font-size: 1.3rem; }
.xdp-lb__prec { left: 16px; top: 50%; translate: 0 -50%; }
.xdp-lb__succ { right: 16px; top: 50%; translate: 0 -50%; }
.xdp-lb--una .xdp-lb__prec, .xdp-lb--una .xdp-lb__succ, .xdp-lb--una .xdp-lb__n { display: none; }
@media (max-width: 600px) { .xdp-lb__prec, .xdp-lb__succ { top: auto; bottom: 8px; translate: none; } .xdp-lb__n { bottom: 26px; } }