/* ================================================================
   sitio.gt V7.0 — Capa de ajustes sobre sitio-app.css
   Móvil: sin cambios de diseño (solo avatar con inicial y precio "consultar").
   Escritorio: filas de 5–6 tarjetas, dock que no tapa el contenido, hero
   con texto legible, header con nombre corto.
   Todo bajo body.sitio-v7; el interruptor "desktop_rows" agrega .sitio-v7-rows.
   ================================================================ */

/* ── Avatar con inicial (tiendas sin logo) ── */
body.sitio-v7 .sitio-av .sitio-av-ini,
body.sitio-v7 .sitio-story-av .sitio-av-ini {
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 100%; color: #fff; font-family: var(--fd);
  font-weight: 800; letter-spacing: .02em; line-height: 1;
}
body.sitio-v7 .sitio-story-av .sitio-av-ini { font-size: 20px; }
body.sitio-v7 .sitio-av-md .sitio-av-ini { font-size: 18px; }
body.sitio-v7 .sitio-av-lg .sitio-av-ini { font-size: 24px; }

/* ── Precio "Consultar precio" (sin Q0.00) ── */
body.sitio-v7 .sitio-price-ask {
  font-family: var(--fd); font-weight: 700; font-size: .82em;
  color: var(--muted); letter-spacing: 0;
}
body.sitio-v7 .gt-card-price .sitio-price-ask { font-size: 12px; }
body.sitio-v7 .sp-price-main .sitio-price-ask { font-size: 18px; }

/* ── Flash Sale: imágenes con tamaño fijo (sin salto de layout) ── */
body.sitio-v7 .sitio-flash-thumb img { width: 100%; height: 100%; object-fit: cover; }

/* ── Header: nombre corto, sin desbordes ── */
body.sitio-v7 .sitio-desk-nav .btn-primary-desk { max-width: 220px; overflow: hidden; text-overflow: ellipsis; }

/* ── Botón "Ver más productos" (tienda) ── */
body.sitio-v7 .sst-more { padding: 11px 22px; border-radius: 999px; font-family: var(--fd); font-weight: 700; font-size: 13px; }
body.sitio-v7 .sst-more.loading { opacity: .6; pointer-events: none; }

/* ================================================================
   ESCRITORIO (interruptor: Personalizar → ⚡ V7 → filas de 5–6 tarjetas)
   ================================================================ */
@media (min-width: 769px) {
  /* El dock flotante (bottom: 18px, ~56px alto) tapaba el final del contenido */
  body.sitio-v7 #sitio-app { padding-bottom: 110px; }
  body.sitio-v7 .sitio-page { padding-bottom: 24px; }
}

@media (min-width: 1024px) {
  /* Hero: texto proporcional al ancho, no el bloque de teléfono estirado */
  body.sitio-v7.sitio-v7-rows .sitio-hero { min-height: 320px; margin: 8px 0 0; }
  body.sitio-v7.sitio-v7-rows .sitio-hero-slide { min-height: 320px; padding: 36px 40px; justify-content: center; }
  body.sitio-v7.sitio-v7-rows .sitio-hero-tag { font-size: 12px; padding: 4px 12px; margin-bottom: 10px; }
  body.sitio-v7.sitio-v7-rows .sitio-hero-h { font-size: 34px; max-width: 60%; margin-bottom: 8px; }
  body.sitio-v7.sitio-v7-rows .sitio-hero-p { font-size: 15px; margin-bottom: 18px; }
  body.sitio-v7.sitio-v7-rows .sitio-hero-btn { font-size: 14px; padding: 11px 22px; }
  body.sitio-v7.sitio-v7-rows .sitio-hero-em { font-size: 120px; right: 48px; top: 50%; transform: translateY(-50%); }

  /* Stories: avatares más grandes y más aire */
  body.sitio-v7.sitio-v7-rows .sitio-stories-row { gap: 18px; }
  body.sitio-v7.sitio-v7-rows .sitio-story-av { width: 64px; height: 64px; }
  body.sitio-v7.sitio-v7-rows .sitio-story-lbl { font-size: 11px; max-width: 72px; }

  /* Flash Sale: 6 por fila */
  body.sitio-v7.sitio-v7-rows .sitio-flash-items { gap: 14px; padding: 14px 16px; }
  body.sitio-v7.sitio-v7-rows .sitio-flash-card { width: calc((100% - 70px) / 6); min-width: 150px; }
  body.sitio-v7.sitio-v7-rows .sitio-flash-thumb { height: 150px; border-radius: 14px; }
  body.sitio-v7.sitio-v7-rows .sitio-flash-name { font-size: 12.5px; }
  body.sitio-v7.sitio-v7-rows .sitio-flash-price { font-size: 15px; }

  /* Carrusel "Lo más popular" / tarjetas: 5 por fila */
  body.sitio-v7.sitio-v7-rows .sitio-carousel { gap: 14px; padding: 0 0 6px; }
  body.sitio-v7.sitio-v7-rows .sitio-carousel > .gt-card { width: calc((100% - 56px) / 5); min-width: 190px; }

  /* Carruseles configurables (sitio-carousel-item): 5 por fila desde 1024 */
  body.sitio-v7.sitio-v7-rows .sitio-carousel-item { flex: 0 0 calc(20% - 12px); max-width: none; }

  /* Tiendas activas: tarjetas más amplias */
  body.sitio-v7.sitio-v7-rows .sitio-stores-row { gap: 14px; }
  body.sitio-v7.sitio-v7-rows .sitio-store-sm { width: 140px; }

  /* Grid principal: 4 columnas */
  body.sitio-v7.sitio-v7-rows .sitio-grid { grid-template-columns: repeat(4, 1fr); gap: 16px; }
}

@media (min-width: 1280px) {
  body.sitio-v7.sitio-v7-rows .sitio-grid { grid-template-columns: repeat(5, 1fr); }
  body.sitio-v7.sitio-v7-rows .sitio-carousel-item { flex: 0 0 calc(16.666% - 12px); }
}

/* ── Hero: el emoji decorativo vuelve a su sitio (arriba a la derecha).
   sitio-app.css:826 (.sitio-hero-slide > * { position: relative }) pisaba el
   position:absolute del emoji y lo dejaba como bloque arriba a la izquierda. Solo escritorio. ── */
@media (min-width: 1024px) {
  body.sitio-v7.sitio-v7-rows .sitio-hero-slide > .sitio-hero-em { position: absolute; }
}

/* ── V7.5: paneles de Rehub que quedaban a la vista al final de la página ──
   El modo lean retira el CSS de Rehub, pero Rehub sigue imprimiendo en wp_footer sus paneles
   deslizables (buscador con "Todas las categorías", carrito "Shopping cart"). Sin su CSS se veían
   como controles sueltos debajo del contenido. Se ocultan los conocidos por id/clase y, por
   estructura, cualquier bloque de primer nivel que NO sea del tema y traiga un buscador de
   productos, un selector de categorías o un mini carrito. */
body.sitio-gt #rhSplashSearch, body.sitio-gt #rhmobpnlcustom, body.sitio-gt #rhslidingMenu,
body.sitio-gt .rh-sslide-panel, body.sitio-gt #rh-woo-cart-panel, body.sitio-gt #rh_woo_mbl_sidebar,
body.sitio-gt .rh-sslide-panel-wrap { display: none !important; }
body.sitio-gt > :not(#sitio-app):not(#sitio-mob-hdr):not(#sitio-desk-hdr):not(#sitio-nav):not(#sitio-desk-dock):not(#sitio-drawer):not(#sitio-bridge):not(#sitio-ls-modal):not(.sitio-onboarding):not(#sitio-toast):not(.sitio-sticky-cta):not(#sp-zoom-modal):not(script):not(style):has(form[role="search"], select[name="product_cat"], .widget_shopping_cart_content, .woocommerce-mini-cart, .rh-sslide-panel-heading) { display: none !important; }

/* ── V7.5: toques que responden al instante ── */
body.sitio-gt a, body.sitio-gt button, body.sitio-gt [role="button"], body.sitio-gt label, body.sitio-gt input, body.sitio-gt select, body.sitio-gt summary { touch-action: manipulation; }
body.sitio-gt .btn-wa, body.sitio-gt .btn-consult, body.sitio-gt .btn-cart, body.sitio-gt .h7-btn, body.sitio-gt .sitio-add-cart { transition: transform .12s ease, filter .12s ease; }
body.sitio-gt .btn-wa:active, body.sitio-gt .btn-consult:active, body.sitio-gt .btn-cart:active, body.sitio-gt .h7-btn:active, body.sitio-gt .sitio-add-cart:active { transform: scale(.97); filter: brightness(.96); }
body.sitio-gt .sitio-bridge-cta .sitio-bridge-go, body.sitio-gt .sitio-bridge-sent .btn-wa { display: flex; width: 100%; align-items: center; justify-content: center; text-decoration: none; color: #fff; }
body.sitio-gt .sitio-bridge-sent .sitio-bridge-again { min-height: 50px; border-radius: 14px; font-size: 14.5px; }
/* Barra de carga al tocar un enlace (respuesta visual inmediata mientras llega la página) */
#sitio-nav-bar { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 2147483000; pointer-events: none; opacity: 0; transform: scaleX(0); transform-origin: 0 50%;
  background: linear-gradient(90deg, var(--jade-on-dark, #0AAE86), var(--mint, #7FDDBE)); box-shadow: 0 0 8px rgba(65, 200, 184, .55); }
html.sitio-nav-go #sitio-nav-bar { opacity: 1; animation: sitio-navbar 2.4s cubic-bezier(.08,.7,.2,1) forwards; }
@keyframes sitio-navbar { from { transform: scaleX(0); } to { transform: scaleX(.88); } }
@media (prefers-reduced-motion: reduce) { html.sitio-nav-go #sitio-nav-bar { animation: none; transform: scaleX(.6); } }
/* V7.12 — indicador de carga al centro (solo si la página tarda): vidrio con el ∞ y la página que se va atenuada.
   La cabecera (z 100), la barra de abajo (z 300) y el dock quedan por encima del velo: nítidos y tocables. */
#sitio-nav-veil { position: fixed; inset: 0; z-index: 95; background: rgba(242,244,247,.5); opacity: 0; pointer-events: none; transition: opacity .2s ease; }
html.sitio-nav-going #sitio-nav-veil { opacity: 1; }
#sitio-nav-load {
  position: fixed; left: 50%; top: 50%; z-index: 2147483000; width: 88px; height: 58px; margin: -29px 0 0 -44px;
  display: flex; align-items: center; justify-content: center; border-radius: 20px; pointer-events: none;
  background: rgba(255,255,255,.8); -webkit-backdrop-filter: blur(18px) saturate(1.5); backdrop-filter: blur(18px) saturate(1.5);
  box-shadow: 0 18px 44px rgba(17,22,20,.16), 0 2px 6px rgba(17,22,20,.06), inset 0 0 0 1px rgba(255,255,255,.75);
  opacity: 0; transform: scale(.9); transition: opacity .18s ease, transform .24s cubic-bezier(.2,.9,.3,1.25);
}
html.sitio-nav-going #sitio-nav-load { opacity: 1; transform: none; }
#sitio-nav-load svg { width: 50px; height: 25px; overflow: visible; }
#sitio-nav-load path { fill: none; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
#sitio-nav-load .snl-track { stroke: rgba(17,22,20,.11); }
#sitio-nav-load .snl-run { stroke: var(--jade, #1E7A6B); stroke-dasharray: 22 78; animation: snl-run 1.2s linear infinite; }
@keyframes snl-run { to { stroke-dashoffset: -100; } }
#sitio-nav-load .snl-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) { #sitio-nav-load { background: #fff; } }
@media (prefers-reduced-motion: reduce) {
  #sitio-nav-load { transform: none; transition: opacity .18s ease; }
  #sitio-nav-load .snl-run { animation: none; stroke-dasharray: none; opacity: .85; }
}

/* ═══ V7.6 — Barra inferior: pantalla de carga al tocar una pestaña ═══ */
#sitio-tab-skel { display: none; position: fixed; left: 0; right: 0; top: 114px; bottom: 0; z-index: 140; background: var(--bg, #F2F4F7); padding: 16px var(--gut, 16px) 96px; overflow: hidden; }
html.sitio-tab-going #sitio-tab-skel { display: block; animation: sts-in .12s ease-out; }
body.sitio-hdr-compact #sitio-tab-skel { top: 66px; }
@media (min-width: 769px) { #sitio-tab-skel { top: 70px; } }
#sitio-tab-skel .sts-hero { height: 150px; border-radius: 20px; }
#sitio-tab-skel .sts-row { display: flex; gap: 12px; margin: 16px 0; overflow: hidden; }
#sitio-tab-skel .sts-row i { flex: 0 0 64px; height: 64px; border-radius: 50%; }
#sitio-tab-skel .sts-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
#sitio-tab-skel .sts-card { background: #fff; border-radius: 16px; padding-bottom: 12px; overflow: hidden; box-shadow: var(--sh-s, 0 1px 3px rgba(16,24,40,.08)); }
#sitio-tab-skel .sts-card b { display: block; aspect-ratio: 1 / 1; }
#sitio-tab-skel .sts-card s { display: block; height: 10px; margin: 10px 12px 0; border-radius: 6px; text-decoration: none; }
#sitio-tab-skel .sts-card .sts-s2 { width: 50%; }
#sitio-tab-skel .sts-hero, #sitio-tab-skel .sts-row i, #sitio-tab-skel .sts-card b, #sitio-tab-skel .sts-card s { background: linear-gradient(90deg, #E7EBF0 0%, #F4F6F9 40%, #E7EBF0 80%); background-size: 200% 100%; animation: sts-sh 1.1s linear infinite; }
#sitio-nav .is-going .sitio-nav-pill, #sitio-nav .is-going .sitio-nav-fab { animation: sts-tap .28s ease-out; }
@keyframes sts-sh { to { background-position: -200% 0; } }
@keyframes sts-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes sts-tap { 0% { transform: scale(.9); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
  html.sitio-tab-going #sitio-tab-skel, #sitio-tab-skel .sts-hero, #sitio-tab-skel .sts-row i, #sitio-tab-skel .sts-card b, #sitio-tab-skel .sts-card s, #sitio-nav .is-going .sitio-nav-pill, #sitio-nav .is-going .sitio-nav-fab { animation: none; }
}

/* ═══ V7.6.2 — Mayoreo en el sitio: búsquedas, fichas de producto, catálogo y directorio de tiendas ═══ */
.sitio-myh { box-sizing: border-box; text-decoration: none; color: var(--head, #101828); }
.sitio-myh-ico { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; color: var(--oro-d, #B45309); }
.sitio-myh-line { display: flex; align-items: center; gap: 10px; margin: 14px 0 4px; padding: 11px 14px; min-height: 48px; border: 1px dashed var(--bdr-m, #D0D5DD); border-radius: 14px; background: var(--bg-s, #F7F8FA); font-size: 13px; line-height: 1.35; color: var(--txt, #344054); }
.sitio-myh-line .sitio-myh-t { flex: 1 1 auto; min-width: 0; }
.sitio-myh-line strong { color: var(--jade-d, #075E47); font-weight: 800; }
.sitio-myh-line .sitio-myh-go { flex: 0 0 auto; display: inline-flex; color: var(--jade-d, #075E47); }
.sitio-myh-card { display: flex; gap: 12px; align-items: flex-start; padding: 16px; border-radius: 18px; background: var(--card, #fff); border: 1px solid var(--bdr, #EAECF0); text-align: left; }
.sitio-myh-card .sitio-myh-ico { width: 44px; height: 44px; border-radius: 14px; background: var(--oro-l, #FEF3C7); }
.sitio-myh-body { display: grid; gap: 4px; min-width: 0; }
.sitio-myh-h { font-family: var(--fd); font-weight: 800; font-size: 15px; line-height: 1.25; color: var(--head, #101828); }
.sitio-myh-p { font-size: 13px; line-height: 1.45; color: var(--muted, #667085); }
.sitio-myh-btn { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; min-height: 40px; font-family: var(--fd); font-weight: 800; font-size: 13.5px; text-decoration: none; }
.sitio-myh-cell { grid-column: 1 / -1; padding: 0 4px 24px; }
.sitio-myh-wrap { padding: 6px var(--gut, 14px) 22px; }
.sitio-ls-my { display: block; margin: 14px auto 0; max-width: 320px; padding: 11px 12px; border-radius: 12px; background: var(--bg-s, #F7F8FA); font-size: 13px; line-height: 1.4; text-decoration: none; }
html body a.sitio-myh-line, html body.sitio-brand a.sitio-myh-line, html body a.sitio-ls-my, html body.sitio-brand a.sitio-ls-my { color: var(--txt, #344054); }
html body a.sitio-myh-btn, html body.sitio-brand a.sitio-myh-btn, html body.sitio-brand a.sitio-ls-my strong, html body.sitio-brand a.sitio-myh-line strong { color: var(--jade-d, #075E47); }
.sitio-myh-line:active, .sitio-myh-btn:active { transform: scale(.99); }
@media (min-width: 769px) { .sitio-myh-wrap { max-width: 760px; margin: 0 auto; padding: 10px 0 30px; } }

/* ── V7.9 — Mayores de 18 (inc/age-gate.php) ── */
.gt-card-img .sitio-18 { position: absolute; top: 10px; left: 10px; z-index: 1; display: inline-flex; align-items: center; height: 22px; padding: 0 7px; border-radius: 7px; background: rgba(16,24,40,.82); color: #fff; font-family: var(--fd, system-ui), system-ui, sans-serif; font-weight: 800; font-size: 11px; line-height: 1; letter-spacing: .01em; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); pointer-events: none; }
.gt-card-img .sitio-18.sitio-18-low { top: 40px; }
.sitio-age-check { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 10px; padding: 11px 12px; border-radius: 12px; background: var(--bg-s, #F7F8FA); box-shadow: inset 0 0 0 1px var(--bdr, #EAECF0); font-size: 13.5px; line-height: 1.45; color: var(--txt, #344054); text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.sitio-age-check b { color: var(--ink, #101828); font-weight: 700; }
.sitio-age-check input, .sitio-age-co input { flex: 0 0 auto; width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--jade, #0B7A5C); cursor: pointer; }
.sitio-age-check.is-err, .sitio-age-co.is-err { background: #FEF3F2; box-shadow: inset 0 0 0 1.5px #F04438; animation: sitio-age-shake .32s ease; }
.sitio-age-co { display: flex; align-items: flex-start; gap: 10px; margin: 14px 0 12px; padding: 12px 13px; border-radius: 12px; background: #FFFAEB; box-shadow: inset 0 0 0 1px #FEDF89; font-size: 13.5px; line-height: 1.45; color: var(--txt, #344054); cursor: pointer; }
.sitio-age-co b { color: var(--ink, #101828); }
.sitio-age-note { display: flex; align-items: flex-start; gap: 10px; margin: 12px 0 4px; font-size: 13px; line-height: 1.45; color: var(--muted, #667085); }
.sitio-age-note-m { flex: 0 0 auto; display: inline-flex; align-items: center; height: 22px; padding: 0 7px; border-radius: 7px; background: var(--ink, #101828); color: #fff; font-family: var(--fd, system-ui), system-ui, sans-serif; font-weight: 800; font-size: 11px; }
@keyframes sitio-age-shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } }
@media (prefers-reduced-motion: reduce) { .sitio-age-check.is-err, .sitio-age-co.is-err { animation: none; } }

/* ── V7.9 — Banda «Nuestra filosofía» en el inicio (inc/comunidad.php): obsidiana con la faja tejida ── */
.h7-mani-sec { padding-top: 4px; }
#sitio-app .sc-band, .sc-band { position: relative; overflow: hidden; border-radius: 22px; color: rgba(255,255,255,.86); background: radial-gradient(90% 120% at 100% 0%, rgba(19,133,106,.30) 0%, rgba(19,133,106,0) 60%), linear-gradient(160deg, #1B2536 0%, #101828 70%); box-shadow: 0 14px 34px rgba(16,24,40,.18); }
.sc-band-faja { display: block; height: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='18' viewBox='0 0 32 18'%3E%3Crect width='32' height='18' fill='%23101828'/%3E%3Crect width='32' height='3' fill='%230B7A5C'/%3E%3Crect y='15' width='32' height='3' fill='%230B7A5C'/%3E%3Crect y='4' width='32' height='1' fill='%23E3B448'/%3E%3Crect y='13' width='32' height='1' fill='%23E3B448'/%3E%3Cpath d='M16 5.5 20.5 9 16 12.5 11.5 9Z' fill='%23E3B448'/%3E%3Cpath d='M16 7.4 18 9 16 10.6 14 9Z' fill='%23C4473A'/%3E%3Cpath d='M0 6.5 3 9 0 11.5ZM32 6.5 29 9 32 11.5Z' fill='%232D4F8E'/%3E%3C/svg%3E") repeat-x 0 0 / 21.33px 12px; }
.sc-band-in { display: flex; flex-direction: column; gap: 18px; padding: 20px 20px 22px; }
#sitio-app .sc-band-t, .sc-band .sc-band-t { margin: 0 0 8px; font-family: var(--fd, system-ui), system-ui, sans-serif; font-weight: 800; font-size: 23px; line-height: 1.1; letter-spacing: -.03em; color: #fff; text-wrap: balance; }
.sc-band-p { margin: 0; font-size: 14.5px; line-height: 1.55; color: rgba(255,255,255,.82); }
.sc-band-f { display: flex; align-items: flex-start; gap: 8px; margin: 12px 0 0; font-size: 13.5px; font-weight: 700; line-height: 1.45; color: #E3B448; }
.sc-band-f svg { flex: 0 0 auto; margin-top: 1px; fill: currentColor; }
.sc-band-cta { display: flex; flex-wrap: wrap; gap: 8px; }
#sitio-app a.sc-band-btn, html body a.sc-band-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 11px 18px; border-radius: 13px; background: #fff; color: #101828; font-family: var(--fd, system-ui), system-ui, sans-serif; font-weight: 800; font-size: 14.5px; text-decoration: none; }
#sitio-app a.sc-band-btn-2, html body a.sc-band-btn-2 { background: transparent; color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.38); }
.sc-band-btn:active { transform: scale(.98); }
@media (min-width: 900px) {
  .sc-band-in { flex-direction: row; align-items: center; justify-content: space-between; gap: 32px; padding: 26px 32px 28px; }
  .sc-band-txt { max-width: 640px; }
  #sitio-app .sc-band-t { font-size: 28px; }
  .sc-band-cta { flex: 0 0 auto; flex-direction: column; align-items: stretch; }
}
/* V7.9 — insignia «Tienda fundadora» en la página de la tienda */
html body a.sst-badge-founder, html body.sitio-brand a.sst-badge-founder { background: rgba(251,191,36,.18) !important; color: var(--oro-on-dark, #FBBF24) !important; box-shadow: inset 0 0 0 1px rgba(251,191,36,.45); text-decoration: none; }
/* V7.9.1 — Sello de tienda verificada (inc/icons.php: sitio_verified_badge). Mismo dibujo en todo el sitio y en Mi negocio. */
.sitio-vb { display: inline-block; flex: none; vertical-align: -0.16em; margin-left: .25em; overflow: visible; }
.sitio-vb:first-child { margin-left: 0; }
html body.sitio-brand .gt-card-store .sitio-vb, .sitio-bridge-modal .sitio-vb { margin-left: 0; }
html body.sitio-brand .st-badge.st-badge-ver, .st-badge.st-badge-ver { background: #fff !important; color: inherit; width: auto !important; height: auto !important; padding: 3px; border-radius: 50%; line-height: 0; box-shadow: 0 2px 8px rgba(16,24,40,.18); }
html body.sitio-brand .sst-name .sst-vb, .sst-name .sst-vb { margin-left: 8px; vertical-align: -0.1em; filter: drop-shadow(0 1px 2px rgba(0,0,0,.35)); }
#sitio-app .sc-cred-vb { margin: 0 8px 0 0; vertical-align: -0.22em; }
/* El nombre con su sello (sitio_vb_name): pegado a la última palabra, o el nombre se acorta y el sello se queda. */
.sitio-vb-n { min-width: 0; }
.sitio-vb-nw { white-space: nowrap; }
.sitio-vb-nw > svg.sitio-vb { margin-left: .28em; }
.sitio-vb-row { display: flex; align-items: center; gap: .28em; min-width: 0; max-width: 100%; }
.sitio-vb-row > .sitio-vb-t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sitio-vb-row > svg.sitio-vb { margin-left: 0; }