/* Etiquetas del contenido: la del PRECIO (.ptag en el feed, .t-pv en las miniaturas) y la de CALIDAD Y DURACIÓN
   (.tick en el feed). El mismo archivo en la web y en la vista previa del panel (Panel › Feed › «Precio, calidad y
   duración»), así la vista previa es exacta. El estilo lo elige el dueño (feed_etiquetas, App\Services\FeedTags) y lo
   ponen las clases de public/assets/js/etiquetas.js: et-{solido|borde|velo}, et-r-{recta|suave|pildora},
   et-z-{s|m|l|xl}, et-f-{letra} y los colores --et-c (color) y --et-i (letra sobre el relleno).
   Sin ajuste, cada una usa su color de la web (--et-dc: el ámbar del dinero del tema, o el texto claro). */
.ptag,.tick,.t-pv{--et-z:1;text-shadow:none;white-space:nowrap}
.ptag,.t-pv{--et-dc:var(--warm,#ffcc4d);--et-di:var(--warm-ink,#1b1403);--et-df:Unbounded,Manrope,sans-serif}
.tick{--et-dc:var(--ink,#f3f4f8);--et-di:#0b0b10;--et-df:Manrope,system-ui,sans-serif}

/* precio del feed: «55 €» grande y el aproximado al lado */
.ptag{display:inline-flex;align-items:baseline;gap:calc(8px * var(--et-z));min-height:calc(38px * var(--et-z));padding:calc(7px * var(--et-z)) calc(12px * var(--et-z));box-shadow:0 6px 18px -8px rgba(0,0,0,.7)}
.ptag-v{font-family:var(--et-font,var(--et-df));font-weight:var(--et-w,800);font-size:calc(19px * var(--et-z));line-height:1;letter-spacing:-.01em}
.ptag-a{font-family:var(--et-font,Manrope,sans-serif);font-weight:var(--et-w,800);font-size:calc(12.5px * var(--et-z));line-height:1;opacity:.8}

/* calidad y duración del feed: «FHD 60fps · 8:57» */
.tick{display:flex;align-items:center;gap:8px;width:max-content;max-width:290px;min-height:calc(30px * var(--et-z));padding:0 calc(10px * var(--et-z)) 0 calc(8px * var(--et-z));overflow:hidden}
.tick svg.i{flex:none;width:calc(16px * var(--et-z));height:calc(16px * var(--et-z));color:var(--et-c,var(--chan,#19c3ff))}
.tick-t{min-width:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--et-font,var(--et-df));font-weight:var(--et-w,800);font-size:calc(12.5px * var(--et-z));line-height:1.1;color:inherit}

/* precio de las miniaturas de las cuadrículas */
.t-pv{padding:5px 7px;font-family:var(--et-font,var(--et-df));font-weight:var(--et-w,800);font-size:calc(13.5px * var(--et-z));line-height:1;letter-spacing:-.01em;box-shadow:0 4px 12px -6px rgba(0,0,0,.8)}

/* estilo */
.et-solido{background:var(--et-c,var(--et-dc));color:var(--et-i,var(--et-di));border:0}
.et-solido svg.i{color:inherit}
.et-borde{background:rgba(var(--bg-rgb,11,11,16),.62);border:2px solid var(--et-c,var(--et-dc));color:var(--et-c,var(--et-dc))}
.et-velo{background:rgba(var(--bg-rgb,11,11,16),.62);border:1px solid var(--line-2,rgba(255,255,255,.22));color:var(--et-c,var(--et-dc))}
/* forma y tamaño */
.et-r-recta{border-radius:4px}
.et-r-suave{border-radius:8px}
.et-r-pildora{border-radius:999px}
.et-z-s{--et-z:.85}
.et-z-l{--et-z:1.2}
.et-z-xl{--et-z:1.4}
/* letra: las mismas de la bienvenida y la bio (TextStyles::FONTS; sus @font-face están en app.css y en el panel) */
.et-f-clasica{--et-font:Manrope,system-ui,sans-serif}
.et-f-fuerte{--et-font:Unbounded,Manrope,sans-serif}
.et-f-arial{--et-font:Arial,Helvetica,sans-serif}
.et-f-elegante{--et-font:Georgia,"Times New Roman",serif;--et-w:700}
.et-f-revista{--et-font:"Playfair Display",Georgia,serif}
.et-f-poster{--et-font:"Bebas Neue",Impact,sans-serif;--et-w:400}
.et-f-poster :is(.ptag-v,.tick-t),.t-pv.et-f-poster{letter-spacing:.02em}
.et-f-manuscrita{--et-font:"Dancing Script",cursive;--et-w:700}
.et-f-retro{--et-font:Pacifico,cursive;--et-w:400}
.et-f-marcador{--et-font:"Permanent Marker",cursive;--et-w:400}
.et-f-maquina{--et-font:"Special Elite",ui-monospace,monospace;--et-w:400}
.et-f-neon{--et-font:Manrope,sans-serif}
.et-f-neon :is(.ptag-v,.ptag-a,.tick-t),.t-pv.et-f-neon{text-shadow:0 0 3px currentColor,0 0 10px currentColor}