/* =====================================================================
   Medallas (dqm-), perfil público (dqp-) y tarjeta para historias (dqt-)
   CSS propio: funciona igual en el panel (Bootstrap) y en el sitio (Tailwind).
   ===================================================================== */

/* ---------- Medallas ---------- */
.dqm {
    --s: 72px;
    position: relative; display: inline-grid; place-items: center; flex: none;
    width: var(--s); height: calc(var(--s) * 1.1);
    filter: drop-shadow(0 calc(var(--s) * .08) calc(var(--s) * .16) var(--glow));
}
.dqm-hex, .dqm-core { clip-path: polygon(50% 0, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%); }
.dqm-hex { width: var(--s); height: var(--s); background: var(--rim); background-size: 300% 300%; display: grid; place-items: center; }
.dqm-core { position: relative; width: 84%; height: 84%; background: var(--face); display: grid; place-items: center; overflow: hidden; }
/* Brillo que cruza la cara de la medalla */
.dqm-core::before { content: ""; position: absolute; inset: 0; background: radial-gradient(120% 70% at 30% 0%, rgba(255,255,255,.55), transparent 55%); }
.dqm-core::after { content: ""; position: absolute; inset: -20%; background: linear-gradient(115deg, transparent 38%, rgba(255,255,255,.65) 50%, transparent 62%); transform: translateX(-75%); }
.dqm .material-symbols-outlined {
    position: relative; z-index: 1; color: var(--ink); font-size: calc(var(--s) * .42);
    font-variation-settings: 'FILL' 1, 'wght' 600; text-shadow: 0 1px 2px rgba(0,0,0,.25);
}
.dqm-pips { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; gap: calc(var(--s) * .04); }
.dqm-pips i { width: calc(var(--s) * .11); height: calc(var(--s) * .11); border-radius: 50%; background: var(--pip); box-shadow: 0 0 0 calc(var(--s) * .025) #fff, 0 1px 3px rgba(0,0,0,.3); }

.dqm-g0 { --rim: linear-gradient(145deg, #e8edf3, #c9d2dd); --face: repeating-linear-gradient(135deg, #f4f6f9 0 5px, #ebeff4 5px 10px); --ink: #a3adbb; --glow: rgba(100,116,139,.12); }
.dqm-g0 .material-symbols-outlined { text-shadow: none; font-variation-settings: 'FILL' 1, 'wght' 500; }
.dqm-g0 .dqm-core::before, .dqm-g0 .dqm-core::after { display: none; }
.dqm-g1 { --rim: linear-gradient(145deg, #bcd7ff, #1756b0 60%, #0f3d7f); --face: radial-gradient(circle at 30% 22%, #6aa8ff, #1756b0 60%, #0c2f63); --ink: #fff; --glow: rgba(23,86,176,.35); }
.dqm-g2 { --rim: linear-gradient(145deg, #ffe0bf, #c27639 45%, #6b3410); --face: radial-gradient(circle at 30% 22%, #f6be8a, #b2632a 55%, #5a2a0b); --ink: #fff4e8; --pip: #c27639; --glow: rgba(178,99,42,.42); }
.dqm-g3 { --rim: linear-gradient(145deg, #ffffff, #b4c0ce 45%, #5d6d82); --face: radial-gradient(circle at 30% 22%, #ffffff, #a9b6c6 55%, #56667c); --ink: #fff; --pip: #8d9bb0; --glow: rgba(86,102,124,.42); }
.dqm-g4 { --rim: linear-gradient(145deg, #fff7c7, #f2b705 45%, #8f5c00); --face: radial-gradient(circle at 30% 22%, #ffec8f, #e9a800 55%, #7f5000); --ink: #fffbea; --pip: #f2b705; --glow: rgba(242,183,5,.5); }
.dqm-g5 {
    --rim: linear-gradient(120deg, #7df9ff, #b69bff, #ff8fd8, #ffe27a, #7df9ff, #b69bff);
    --face: radial-gradient(circle at 30% 22%, #f1edff, #7b5cff 50%, #23125e);
    --ink: #fff; --pip: #b69bff; --glow: rgba(139,92,246,.6);
}
.dqm-g5 .dqm-core { background: var(--face); }
.dqm-g5 .dqm-core::before { background: radial-gradient(120% 70% at 30% 0%, rgba(255,255,255,.6), transparent 55%), linear-gradient(120deg, rgba(125,249,255,.35), rgba(255,143,216,.35), rgba(255,226,122,.3)); mix-blend-mode: screen; }
.dqm-g5 .dqm-pips i { background: linear-gradient(135deg, #7df9ff, #ff8fd8); }

@media (prefers-reduced-motion: no-preference) {
    .dqm-g5 .dqm-hex { animation: dqm-holo 6s linear infinite; }
    .dqm-g5 .dqm-core::after, .dqm-g4 .dqm-core::after { animation: dqm-brillo 4.5s ease-in-out infinite; }
    .dqm:hover .dqm-core::after { animation: dqm-brillo 1.1s ease-in-out; }
}
@keyframes dqm-holo { to { background-position: 300% 0; } }
@keyframes dqm-brillo { 0%, 55% { transform: translateX(-75%); } 85%, 100% { transform: translateX(75%); } }

.dqm-tag { display: inline-block; white-space: nowrap; line-height: 1.5; font-size: .68rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; border-radius: 999px; padding: .12rem .55rem; }
.dqm-tag-g0 { background: #eef1f5; color: #7b8594; }
.dqm-tag-g1 { background: #e3edfb; color: #1756b0; }
.dqm-tag-g2 { background: linear-gradient(90deg, #fbe2cc, #f3c9a4); color: #6b3410; }
.dqm-tag-g3 { background: linear-gradient(90deg, #f3f6f9, #dde3ea); color: #3d4a5c; }
.dqm-tag-g4 { background: linear-gradient(90deg, #fff4c2, #ffe07a); color: #6b4500; }
.dqm-tag-g5 { background: linear-gradient(90deg, #c9fbff, #e3d8ff, #ffd6f1); color: #3b1f8f; }

/* ---------- Perfil público ---------- */
.dqp { --bg: #070b18; --glass: rgba(255,255,255,.06); --line: rgba(255,255,255,.12); --txt: #eef2ff; --sub: #a7b0c8; --azul: #3d86ff; --amarillo: #f2b705;
    background: var(--bg); color: var(--txt); font-family: 'Montserrat', system-ui, sans-serif; position: relative; overflow: hidden; }
.dqp a { color: inherit; }
.dqp-aurora { position: absolute; inset: -20% -10% auto; height: 900px; pointer-events: none;
    background:
        radial-gradient(40% 35% at 18% 20%, rgba(23,86,176,.75), transparent 70%),
        radial-gradient(35% 30% at 85% 10%, rgba(139,92,246,.55), transparent 70%),
        radial-gradient(30% 30% at 70% 60%, rgba(242,183,5,.22), transparent 70%),
        radial-gradient(30% 25% at 30% 70%, rgba(20,184,166,.25), transparent 70%);
    filter: blur(20px); }
.dqp-aurora::after { content: ""; position: absolute; inset: 0; opacity: .5;
    background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size: 48px 48px; mask-image: radial-gradient(70% 60% at 50% 30%, #000, transparent); -webkit-mask-image: radial-gradient(70% 60% at 50% 30%, #000, transparent); }
.dqp-wrap { position: relative; max-width: 1120px; margin: 0 auto; padding: 3rem 1rem 4rem; }
.dqp-glass { background: var(--glass); border: 1px solid var(--line); border-radius: 28px; backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%); }

.dqp-hero { display: grid; grid-template-columns: auto 1fr auto; gap: 2rem; align-items: center; padding: 2rem; }
.dqp-avatar { --nivel: conic-gradient(from 210deg, #3d86ff, #8b5cf6, #f2b705, #3d86ff); position: relative; width: 148px; height: 148px; border-radius: 50%; padding: 5px; background: var(--nivel); }
.dqp-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 4px solid var(--bg); display: block; background: #1b2238; }
.dqp-avatar-nivel { position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); white-space: nowrap; background: var(--amarillo); color: #14213d; font-weight: 900; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; padding: .3rem .75rem; border-radius: 999px; box-shadow: 0 6px 20px rgba(242,183,5,.4); }
.dqp-kicker { font-size: .72rem; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; color: var(--sub); }
.dqp-nombre { font-size: clamp(2rem, 5vw, 3.6rem); font-weight: 900; letter-spacing: -.035em; line-height: 1; margin: .35rem 0 .5rem;
    background: linear-gradient(100deg, #fff 30%, #b8cdff 60%, #ffe39a 95%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.dqp-user { color: var(--sub); font-weight: 700; }
.dqp-bio { color: #d3d9ea; max-width: 46rem; line-height: 1.6; margin: .75rem 0 0; }
.dqp-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1rem; }
.dqp-chip { display: inline-flex; align-items: center; gap: .35rem; padding: .4rem .8rem; border-radius: 999px; border: 1px solid var(--line); background: rgba(255,255,255,.05); font-size: .78rem; font-weight: 700; color: #dfe5f5; }
.dqp-chip .material-symbols-outlined { font-size: 16px; }
.dqp-acciones { display: flex; flex-direction: column; gap: .6rem; }
.dqp-btn { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; padding: .75rem 1.2rem; border-radius: 999px; font-weight: 800; font-size: .85rem; text-decoration: none; border: 1px solid var(--line); background: rgba(255,255,255,.06); color: #fff; cursor: pointer; transition: transform .15s, background .15s; white-space: nowrap; }
.dqp-btn:hover { transform: translateY(-1px); background: rgba(255,255,255,.12); }
.dqp-btn-pri { background: linear-gradient(135deg, #ffe07a, #f2b705); color: #14213d; border-color: transparent; box-shadow: 0 10px 30px -8px rgba(242,183,5,.6); }
.dqp-btn-pri:hover { background: linear-gradient(135deg, #ffe991, #ffc21a); }
.dqp-btn .material-symbols-outlined { font-size: 18px; }

.dqp-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; margin-top: 1rem; }
.dqp-stat { padding: 1.1rem 1.2rem; }
.dqp-stat b { display: block; font-size: clamp(1.8rem, 4vw, 2.6rem); font-weight: 900; letter-spacing: -.03em; line-height: 1; }
.dqp-stat span { font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--sub); }

.dqp-nivel { margin-top: 1rem; padding: 1.25rem 1.4rem; display: grid; grid-template-columns: 1fr auto; gap: .5rem 1rem; align-items: center; }
.dqp-nivel h3 { margin: 0; font-size: 1.15rem; font-weight: 900; }
.dqp-nivel p { margin: 0; color: var(--sub); font-size: .85rem; }
.dqp-barra { grid-column: 1 / -1; height: 10px; border-radius: 999px; background: rgba(255,255,255,.1); overflow: hidden; }
.dqp-barra i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #3d86ff, #8b5cf6, #f2b705); box-shadow: 0 0 18px rgba(139,92,246,.7); }

.dqp-sec { margin-top: 2.5rem; }
.dqp-sec-head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.dqp-sec-head h2 { margin: 0; font-size: 1.5rem; font-weight: 900; letter-spacing: -.02em; }
.dqp-sec-head span { color: var(--sub); font-size: .85rem; font-weight: 600; }

.dqp-medallas { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .75rem; }
.dqp-medalla { padding: 1.1rem .75rem 1rem; text-align: center; display: flex; flex-direction: column; align-items: center; gap: .5rem; transition: transform .2s, border-color .2s; }
.dqp-medalla:hover { transform: translateY(-3px); border-color: rgba(255,255,255,.25); }
.dqp-medalla strong { font-size: .9rem; font-weight: 800; line-height: 1.2; }
.dqp-medalla small { color: var(--sub); font-size: .72rem; line-height: 1.3; }
.dqp-medalla.bloq { opacity: .55; text-decoration: none; }
.dqp-medalla.bloq:hover { opacity: .9; }
.dqp-faltan { margin-top: 1rem; }
.dqp-faltan summary { cursor: pointer; color: var(--sub); font-weight: 800; font-size: .85rem; padding: .5rem 0; list-style: none; display: inline-flex; align-items: center; gap: .4rem; }
.dqp-faltan summary::-webkit-details-marker { display: none; }
.dqp-faltan summary::before { content: "+"; display: inline-grid; place-items: center; width: 1.4rem; height: 1.4rem; border-radius: 50%; border: 1px solid var(--line); }
.dqp-faltan[open] summary::before { content: "–"; }
.dqp-medallas-mini { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); margin-top: .5rem; }
.dqp-medallas-mini .dqp-medalla { padding: .8rem .6rem; }
.dqp-medallas-mini strong { font-size: .78rem; }
.dqp-medalla.bloq .dqm { filter: grayscale(1); }

.dqp-sellos { display: flex; flex-wrap: wrap; gap: .75rem; }
.dqp-sello { --c: #3d86ff; width: 104px; height: 104px; border-radius: 50%; display: grid; place-items: center; text-align: center; padding: .6rem;
    border: 2px dashed color-mix(in srgb, var(--c) 70%, transparent); color: #fff; position: relative;
    background: radial-gradient(circle, color-mix(in srgb, var(--c) 28%, transparent), color-mix(in srgb, var(--c) 6%, transparent) 70%);
    transform: rotate(var(--r, -6deg)); font-weight: 900; font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; line-height: 1.15; }
.dqp-sello::before { content: ""; position: absolute; inset: 7px; border-radius: 50%; border: 1px solid color-mix(in srgb, var(--c) 55%, transparent); }
.dqp-sello .material-symbols-outlined { display: block; font-size: 20px; margin: 0 auto 2px; font-variation-settings: 'FILL' 1; color: var(--c); }
.dqp-sello.off { --c: #64748b; opacity: .35; border-style: dotted; }
.dqp-sello:nth-child(4n+2) { --r: 5deg; --c: #8b5cf6; }
.dqp-sello:nth-child(4n+3) { --r: -3deg; --c: #f2b705; }
.dqp-sello:nth-child(4n+4) { --r: 8deg; --c: #14b8a6; }
.dqp-sello.off:nth-child(n) { --c: #64748b; }

.dqp-tabs { display: flex; gap: .5rem; overflow-x: auto; padding: .35rem; border-radius: 999px; width: max-content; max-width: 100%; }
.dqp-tab { border: 0; background: transparent; color: var(--sub); font-weight: 800; font-size: .82rem; padding: .6rem 1.1rem; border-radius: 999px; display: inline-flex; gap: .4rem; align-items: center; cursor: pointer; white-space: nowrap; }
.dqp-tab .material-symbols-outlined { font-size: 18px; }
.dqp-tab[aria-selected="true"] { background: #fff; color: #0b1020; }
.dqp-panel { margin-top: 1rem; }
.dqp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; }
.dqp-card { overflow: hidden; display: flex; flex-direction: column; text-decoration: none; transition: transform .2s, border-color .2s; }
.dqp-card:hover { transform: translateY(-3px); border-color: rgba(255,255,255,.25); }
.dqp-card-img { height: 150px; position: relative; background: #141a2e; }
.dqp-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dqp-card-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(7,11,24,.85), transparent 60%); }
.dqp-card-body { padding: 1rem 1.1rem 1.2rem; display: flex; flex-direction: column; gap: .35rem; flex: 1; }
.dqp-card-body h3 { margin: 0; font-size: 1.05rem; font-weight: 800; line-height: 1.25; color: #fff; }
.dqp-card-body p { margin: 0; color: var(--sub); font-size: .82rem; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dqp-card-meta { margin-top: auto; padding-top: .5rem; display: flex; gap: .75rem; align-items: center; color: var(--sub); font-size: .75rem; font-weight: 700; }
.dqp-card-meta .material-symbols-outlined { font-size: 16px; vertical-align: -3px; }
.dqp-vacio { padding: 2.5rem 1rem; text-align: center; color: var(--sub); font-weight: 600; }
.dqp-vacio .material-symbols-outlined { display: block; font-size: 40px; margin-bottom: .5rem; opacity: .5; }
.dqp-mapa { height: 380px; border-radius: 22px; overflow: hidden; }
.dqp-privado { padding: 3rem 1.5rem; text-align: center; margin-top: 1.5rem; }
.dqp-privado .material-symbols-outlined { font-size: 48px; color: var(--sub); }

@media (max-width: 860px) {
    .dqp-hero { grid-template-columns: 1fr; text-align: center; justify-items: center; padding: 2rem 1.25rem 1.5rem; gap: 1.25rem; }
    .dqp-chips { justify-content: center; }
    .dqp-acciones { flex-direction: row; flex-wrap: wrap; justify-content: center; }
    .dqp-stats { grid-template-columns: repeat(2, 1fr); }
    .dqp-avatar { width: 124px; height: 124px; }
    .dqp-nivel { grid-template-columns: 1fr; }
    .dqp-nivel > p { text-align: left !important; }
}
@media (max-width: 480px) {
    .dqp-wrap { padding-top: 1.5rem; }
    .dqp-medallas { grid-template-columns: repeat(2, 1fr); }
    .dqp-sello { width: 88px; height: 88px; font-size: .62rem; }
}

/* ---------- Tarjeta para historias (9:16) ---------- */
.dqt-body { margin: 0; min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; background: #03050c; font-family: 'Montserrat', system-ui, sans-serif; }
.dqt { --w: min(100vw, calc(100dvh * 9 / 16)); width: var(--w); aspect-ratio: 9 / 16; position: relative; overflow: hidden; color: #fff; background: #070b18;
    font-size: calc(var(--w) / 26); display: flex; flex-direction: column; padding: 7% 7% 6%; box-sizing: border-box; }
.dqt::before { content: ""; position: absolute; inset: -15%; pointer-events: none;
    background:
        radial-gradient(45% 30% at 15% 12%, rgba(23,86,176,.95), transparent 70%),
        radial-gradient(40% 28% at 90% 25%, rgba(139,92,246,.75), transparent 70%),
        radial-gradient(45% 30% at 80% 85%, rgba(242,183,5,.4), transparent 70%),
        radial-gradient(40% 30% at 10% 80%, rgba(20,184,166,.4), transparent 70%);
    filter: blur(10px); }
.dqt::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .35;
    background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
    background-size: calc(var(--w) / 12) calc(var(--w) / 12); mask-image: linear-gradient(#000, transparent 55%); -webkit-mask-image: linear-gradient(#000, transparent 55%); }
.dqt > * { position: relative; z-index: 1; }
.dqt-top { display: flex; align-items: center; justify-content: space-between; font-weight: 800; font-size: .7em; letter-spacing: .2em; text-transform: uppercase; color: rgba(255,255,255,.75); }
.dqt-top img { height: 2.2em; width: auto; }
.dqt-yo { margin-top: auto; padding-top: 6%; display: flex; flex-direction: column; align-items: center; text-align: center; }
.dqt-avatar { width: 34%; aspect-ratio: 1; border-radius: 50%; padding: 1.2%; background: conic-gradient(from 210deg, #3d86ff, #8b5cf6, #f2b705, #3d86ff); box-shadow: 0 0 60px rgba(139,92,246,.45); }
.dqt-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: .25em solid #070b18; display: block; background: #1b2238; }
.dqt-nombre { margin: .7em 0 .1em; font-size: 2.3em; font-weight: 900; letter-spacing: -.04em; line-height: .95;
    background: linear-gradient(100deg, #fff 35%, #c3d4ff 65%, #ffe39a); -webkit-background-clip: text; background-clip: text; color: transparent; }
.dqt-user { color: rgba(255,255,255,.65); font-weight: 700; font-size: .85em; }
.dqt-nivel { margin-top: .9em; display: inline-flex; align-items: center; gap: .4em; padding: .45em 1em; border-radius: 999px; background: linear-gradient(135deg, #ffe07a, #f2b705); color: #14213d; font-weight: 900; font-size: .8em; letter-spacing: .06em; text-transform: uppercase; box-shadow: 0 .6em 2em rgba(242,183,5,.45); }
.dqt-nivel .material-symbols-outlined { font-size: 1.3em; font-variation-settings: 'FILL' 1; }
.dqt-stats { margin-top: 8%; display: grid; grid-template-columns: repeat(3, 1fr); gap: .5em; }
.dqt-stat { text-align: center; padding: .9em .3em; border-radius: 1em; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); }
.dqt-stat b { display: block; font-size: 1.9em; font-weight: 900; letter-spacing: -.03em; line-height: 1; }
.dqt-stat span { font-size: .55em; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,.65); }
.dqt-titulo { margin-top: 8%; font-size: .62em; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; color: rgba(255,255,255,.6); text-align: center; }
.dqt-medallas { margin-top: .9em; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1em .5em; justify-items: center; }
.dqt-medalla { display: flex; flex-direction: column; align-items: center; gap: .35em; text-align: center; }
.dqt-medalla small { font-size: .5em; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,.75); max-width: 9em; line-height: 1.2; }
.dqt-pie { margin-top: auto; padding-top: 1.2em; display: flex; flex-direction: column; align-items: center; gap: .7em; text-align: center; }
.dqt-pie-txt { font-size: .7em; color: rgba(255,255,255,.7); font-weight: 700; max-width: 22em; line-height: 1.4; }
.dqt-pie-txt strong { color: #fff; }
.dqt-url { font-size: .66em; font-weight: 800; padding: .6em 1.2em; border-radius: 999px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); white-space: nowrap; letter-spacing: .02em; }
/* En el teléfono (pantallas más altas que 9:16) la tarjeta ocupa toda la pantalla para que el pantallazo no tenga bordes */
@media (max-aspect-ratio: 9 / 16) {
    .dqt { --w: 100vw; width: 100vw; height: 100vh; height: 100dvh; aspect-ratio: auto; padding-top: max(7%, env(safe-area-inset-top)); }
}
.dqt-barra { position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%); z-index: 10; display: flex; gap: 8px; padding: 6px; border-radius: 999px; background: rgba(15,20,35,.85); border: 1px solid rgba(255,255,255,.15); backdrop-filter: blur(10px); font-family: 'Montserrat', system-ui, sans-serif; }
.dqt-barra a, .dqt-barra button { border: 0; cursor: pointer; text-decoration: none; color: #fff; background: transparent; font-weight: 800; font-size: 13px; padding: 9px 14px; border-radius: 999px; display: inline-flex; align-items: center; gap: 6px; }
.dqt-barra button.pri { background: #f2b705; color: #14213d; }
.dqt-barra .material-symbols-outlined { font-size: 18px; }
.dqt-limpia .dqt-barra { display: none; }