/* Mundo Drone · Componente común «tarjeta-drone» (v3.3, 31/10/2026) — SOLO maquetación de la tarjeta.
   Borde y fondo: metal-frame + placa de caja (.md-frame.md-caja). Piezas: ELEMENTOS (puntuacion, badge, sello, specs-grid,
   chip-nivel, cta-ofertas) con su propio CSS — aquí solo su colocación. Valores del mock «tarjeta de drones». */
.md-frame.tdr{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;padding:calc(var(--mf-pad,3px) + 11px) calc(var(--mf-pad,3px) + 11px) calc(var(--mf-pad,3px) + 13px);transition:transform .2s ease,filter .2s ease}
.md-frame.tdr:hover{transform:translateY(-2px);filter:drop-shadow(0 0 15px rgba(0,212,255,.18))}
.tdr .tdr__score{position:absolute;top:calc(var(--mf-pad,3px) + 12px);left:calc(var(--mf-pad,3px) + 12px);z-index:2}
.tdr .tdr__badge{position:absolute;top:calc(var(--mf-pad,3px) + 12px);right:calc(var(--mf-pad,3px) + 12px);z-index:2}
/* v1.1 (05/11/2026) · foto más grande: las fotos son 4:3 con ~25 % de aire transparente arriba y abajo, así que la imagen se dimensiona
   por ANCHO (--md-tdr-foto, % de la tarjeta) y se recorta el aire con márgenes negativos. Sin opacidad: el dron no se apaga. */
.tdr__media{position:relative;display:flex;justify-content:center;align-items:center;padding:4px 0 0;box-sizing:border-box;background:radial-gradient(ellipse at center,rgba(0,212,255,.06),transparent 70%)}
.tdr__media picture{display:contents}
.tdr__media img,.tdr__img{width:var(--md-tdr-foto,72%);max-width:300px;height:auto;max-height:none;aspect-ratio:4/3;object-fit:contain;display:block;margin:-5% auto -7%}
.tdr__sil{width:var(--md-tdr-foto,72%);max-height:none;margin:4% auto 2%;color:var(--md-cyan,#00d4ff);filter:drop-shadow(0 0 18px rgba(0,212,255,.45))}
.tdr__dst{margin:0;padding:0 2px 8px;font-family:var(--md-fmono,'Share Tech Mono',monospace);font-size:max(var(--md-el-min-txt,0px),calc(9px + var(--md-el-txt-plus,0px)));color:var(--md-cyan,#00d4ff);letter-spacing:1.5px;opacity:var(--md-tdr-dst-alpha,.55)}
.tdr__body{display:flex;flex-direction:column;gap:8px;padding:0 2px 16px;flex:1}
.tdr__nombre{margin:0;font-family:var(--md-fhud,'Orbitron',system-ui,sans-serif);font-size:16px;font-weight:700;letter-spacing:.5px;line-height:1.2;color:var(--md-text,#e8edf2)}
.tdr__nombre a{color:inherit;text-decoration:none}
.tdr__sub{margin:0;font-family:var(--md-fmono,'Share Tech Mono',monospace);font-size:max(var(--md-el-min-txt,0px),calc(9px + var(--md-el-txt-plus,0px)));color:var(--md-plata,#c8d0d8);opacity:var(--md-tdr-sub-alpha,.42);letter-spacing:1px}
.tdr__desc{margin:0;font-size:13px;line-height:1.5;color:var(--md-plata,#c8d0d8);opacity:.68;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--md-tdr-desc-lineas,3);line-clamp:3;overflow:hidden}
.tdr__footer{position:relative;z-index:3;margin:auto -11px -13px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:rgba(0,0,0,.2);border-top:1px solid rgba(0,212,255,.06);border-radius:0 0 var(--mf-radius-inner,9px) var(--mf-radius-inner,9px)}
.tdr__footer .mde-nivel{position:relative;z-index:1}
/* v3.3 · contraluz para drones oscuros (props.halo: ninguno|suave|intenso; colores en tema --md-tdr-halo / --md-tdr-glow).
   No toca la foto: luz radial DETRÁS de la imagen + un brillo de contorno muy leve (drop-shadow). */
.tdr__media>:not(.mde-badge){position:relative;z-index:1}
.tdr--halo-suave .tdr__media::before,.tdr--halo-intenso .tdr__media::before{content:'';position:absolute;inset:0 6%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 50% 46% at 50% 52%,var(--md-tdr-halo,rgba(185,225,248,.34)) 0%,rgba(120,190,230,.10) 55%,transparent 74%);opacity:.95}
.tdr--halo-intenso .tdr__media::before{opacity:1;inset:-4% 2%;filter:brightness(1.25)}
/* realce suave de la foto (solo CSS): un poco más de luz y contraste en medios tonos; sin aplastar negros */
.tdr--halo-suave .tdr__img,.tdr--halo-suave .tdr__media img{filter:brightness(1.08) contrast(1.04) drop-shadow(0 0 1px var(--md-tdr-glow,rgba(200,230,255,.28))) drop-shadow(0 0 10px rgba(170,215,240,.16))}
.tdr--halo-intenso .tdr__img,.tdr--halo-intenso .tdr__media img{filter:brightness(1.16) contrast(1.06) drop-shadow(0 0 1px var(--md-tdr-glow,rgba(200,230,255,.28))) drop-shadow(0 0 1px var(--md-tdr-glow,rgba(200,230,255,.28))) drop-shadow(0 0 14px rgba(170,215,240,.22))}
.tdr__media .mde-badge{z-index:3}
/* v3.3 · variante compacta (carrusel de portada / rejillas densas): foto más baja, sin descripción */
.tdr--compacta{--md-tdr-foto:68%}
.tdr--compacta .tdr__body{gap:7px;padding-bottom:12px}
@media (max-width:640px){.tdr--desc-escritorio .tdr__desc{display:none}}
/* v3.3 · tarjeta estrecha (<300px, p. ej. rejillas de 4): pares de specs apilados (etiqueta encima del valor) para que nada se salga */
.md-frame.tdr{container-type:inline-size;container-name:tdr}
@container tdr (max-width:299px){.tdr .mde-specs__i{flex-direction:column;align-items:flex-start;gap:0}.tdr .mde-specs{gap:6px 10px}}
/* textos largos del CTA («Ver drones similares») en tarjeta estrecha: el botón baja a su propia línea, nunca se corta */
.tdr__footer{flex-wrap:wrap}
.tdr__footer .mde-cta{margin-left:auto;max-width:100%}
@media (max-width:420px){.tdr__footer{flex-direction:column;align-items:stretch}.tdr__footer .mde-cta{display:flex;width:100%}}
@media (prefers-reduced-motion:reduce){.md-frame.tdr{transition:none}.md-frame.tdr:hover{transform:none}}