/* ═════════════════════════════════════════════════════════════════ */
/* MEGAV2 9C: CONSOLIDATED CSS. Generated 2026-07-17 14:20:00 */
/* Sources: svh-overlays-coherence + svh-fix-b-a11y-tab + svh-blegal-paleta-home */
/* ═════════════════════════════════════════════════════════════════ */

/* ── svh-overlays-coherence.php ── */
/* SVH B-OVERLAYS Coherence v1.3.0 · 2026-06-14 */

/* ════════ 1. AVATAR ════════ */
#svh-avatar-root, body #svh-avatar-root {
    z-index: 9000 !important; bottom: 16px !important; right: 16px !important;
}
body.page-id-162287 #svh-avatar-root, body.page-id-162052 #svh-avatar-root,
body.page-id-162053 #svh-avatar-root, body.page-id-162054 #svh-avatar-root,
body.page-id-162042 #svh-avatar-root, body.page-id-162041 #svh-avatar-root,
body.page-id-162044 #svh-avatar-root, body.page-id-10551  #svh-avatar-root,
body.svh-tpl-auth   #svh-avatar-root, body.svh-tpl-payment #svh-avatar-root,
body.svh-tpl-legal  #svh-avatar-root { bottom: 96px !important; }
@media (max-width: 767px) {
    #svh-avatar-root, body #svh-avatar-root {
        bottom: 8px !important; right: 8px !important;
        transform: scale(0.82); transform-origin: bottom right;
    }
    body.page-id-162287 #svh-avatar-root, body.page-id-162052 #svh-avatar-root,
    body.page-id-162053 #svh-avatar-root, body.page-id-162054 #svh-avatar-root,
    body.page-id-162042 #svh-avatar-root, body.page-id-162041 #svh-avatar-root,
    body.page-id-162044 #svh-avatar-root, body.page-id-10551  #svh-avatar-root,
    body.svh-tpl-auth   #svh-avatar-root, body.svh-tpl-payment #svh-avatar-root,
    body.svh-tpl-legal  #svh-avatar-root { bottom: 72px !important; }
}

/* ════════ 2. A11Y BTN · LATERAL IZQ FLOTANTE 60px ════════ */
#svh-a11y.svh-a11y, .svh-a11y {
    position: fixed !important; left: 0 !important; top: 50% !important;
    bottom: auto !important; right: auto !important;
    transform: translateY(-50%); z-index: 9500 !important;
}
.svh-a11y .svh-a11y__toggle,
#svh-a11y .svh-a11y__toggle,
button.svh-a11y__toggle {
    background: linear-gradient(180deg, #e3479e, #c1247d 60%, #8f1a5d) !important;
    color: #ffffff !important;
    border: 1px solid #c1247d !important;
    border-left: 0 !important;
    border-radius: 0 16px 16px 0 !important;
    padding: 16px 20px 16px 14px !important;
    min-height: 60px !important; min-width: 60px !important;
    font-size: 15px !important; font-weight: 700 !important; line-height: 1 !important;
    box-shadow: 0 12px 36px -8px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.06) !important;
    cursor: pointer !important;
    display: inline-flex !important; align-items: center !important; gap: 10px !important;
}
.svh-a11y .svh-a11y__toggle:hover {
    background: linear-gradient(180deg, #ee5cab, #d72f8c 60%, #a01f6c) !important;
    transform: translateX(2px) !important;
}
.svh-a11y .svh-a11y__toggle-icon { font-size: 28px !important; line-height: 1 !important; color: #ffffff !important; }
.svh-a11y .svh-a11y__toggle-label { color: #ffffff !important; font-weight: 700 !important; white-space: nowrap !important; }

.svh-a11y .svh-a11y__panel {
    position: absolute !important; top: 50% !important;
    left: calc(100% + 12px) !important; right: auto !important; bottom: auto !important;
    transform-origin: left center !important;
    background: #1a1a2e !important;
    border: 1px solid rgba(193,36,125,0.40) !important;
    color: #F0EAD6 !important;
}
.svh-a11y .svh-a11y__panel[aria-hidden="true"]  { transform: translateY(-50%) translateX(-10px) scale(0.96) !important; }
.svh-a11y .svh-a11y__panel[aria-hidden="false"] { transform: translateY(-50%) translateX(0) scale(1) !important; }

/* Panel a11y · CONTRASTE WCAG AA forzado (v1.2.0) */
.svh-a11y .svh-a11y__switch,
.svh-a11y button.svh-a11y__switch {
    background: #20203a !important; background-color: #20203a !important;
    color: #F0EAD6 !important; border: 1px solid rgba(240,234,214,0.18) !important;
}
.svh-a11y .svh-a11y__switch:hover,
.svh-a11y button.svh-a11y__switch:hover {
    background: #2a2848 !important; background-color: #2a2848 !important;
    border-color: rgba(193,36,125,0.55) !important;
}
.svh-a11y .svh-a11y__sw-label {
    color: #F0EAD6 !important; font-weight: 800 !important; font-size: 15px !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.35) !important; opacity: 1 !important; filter: none !important;
}
.svh-a11y .svh-a11y__sw-desc {
    color: #cbd5e1 !important; font-size: 13px !important; line-height: 1.5 !important;
    opacity: 1 !important; filter: none !important;
}
.svh-a11y .svh-a11y__size-row {
    background: #20203a !important; background-color: #20203a !important;
    color: #F0EAD6 !important; border: 1px solid rgba(240,234,214,0.18) !important;
}
.svh-a11y .svh-a11y__size {
    background: #14142b !important; background-color: #14142b !important;
    color: #F0EAD6 !important; border: 1px solid rgba(240,234,214,0.18) !important; font-weight: 700 !important;
}
.svh-a11y .svh-a11y__size[aria-pressed="true"] {
    background: #c1247d !important; background-color: #c1247d !important;
    color: #ffffff !important; border-color: #e3479e !important;
}
.svh-a11y .svh-a11y__size:hover {
    background: #2a2848 !important; border-color: rgba(193,36,125,0.55) !important;
}
.svh-a11y .svh-a11y__title { color: #F0EAD6 !important; font-weight: 800 !important; opacity: 1 !important; }
.svh-a11y .svh-a11y__intro { color: #cbd5e1 !important; opacity: 1 !important; }
.svh-a11y .svh-a11y__close {
    background: rgba(255,255,255,0.06) !important; color: #F0EAD6 !important;
    border: 1px solid rgba(240,234,214,0.22) !important;
}
.svh-a11y .svh-a11y__close:hover {
    background: rgba(193,36,125,0.20) !important; border-color: #c1247d !important; color: #ffffff !important;
}
.svh-a11y .svh-a11y__reset {
    background: rgba(255,255,255,0.04) !important; color: #F0EAD6 !important;
    border: 1px solid rgba(240,234,214,0.22) !important;
}
.svh-a11y .svh-a11y__reset:hover {
    background: rgba(193,36,125,0.18) !important; color: #ffffff !important; border-color: #c1247d !important;
}
.svh-a11y .svh-a11y__sw-track { background: #14142b !important; border: 1px solid rgba(240,234,214,0.30) !important; }
.svh-a11y .svh-a11y__switch[aria-checked="true"] .svh-a11y__sw-track {
    background: linear-gradient(180deg, #e3479e, #c1247d) !important; border-color: #c1247d !important;
}
.svh-a11y .svh-a11y__sw-thumb { background: #f5efe0 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.35) !important; }

@media (max-width: 767px) {
    .svh-a11y .svh-a11y__toggle { padding: 14px 14px 14px 12px !important; min-height: 56px !important; min-width: 56px !important; }
    .svh-a11y .svh-a11y__toggle-label { display: none !important; }
    .svh-a11y .svh-a11y__toggle-icon { font-size: 26px !important; }
    .svh-a11y .svh-a11y__panel { left: calc(100% + 8px) !important; width: min(320px, calc(100vw - 80px)) !important; max-height: min(72vh, 540px) !important; }
}

/* ════════ 3. COOKIES · z máximo cuando is-on ════════ */
.svh-ck-banner.is-on { z-index: 2147483646 !important; pointer-events: auto !important; }
.svh-ck-modal.is-on  { z-index: 2147483647 !important; pointer-events: auto !important; }
.svh-ck-bar.is-on    { z-index: 2147483646 !important; pointer-events: auto !important; }

.svh-ck-mini, button.svh-ck-mini, .svh-template-cookies .svh-ck-mini {
    z-index: 9600 !important; left: auto !important; right: 18px !important; bottom: 18px !important;
    width: 52px !important; height: 52px !important; border-radius: 50% !important;
    background: #c1247d !important;
    background: linear-gradient(180deg, #e3479e, #c1247d 60%, #8f1a5d) !important;
    background-color: #c1247d !important;
    color: #ffffff !important; border: 1px solid #8f1a5d !important;
    box-shadow: 0 12px 32px -8px rgba(193,36,125,0.55), 0 0 0 1px rgba(255,255,255,0.06) !important;
    display: grid !important; place-items: center !important; cursor: pointer !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}
.svh-ck-mini:hover, button.svh-ck-mini:hover {
    background: linear-gradient(180deg, #ee5cab, #d72f8c 60%, #a01f6c) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 16px 40px -8px rgba(193,36,125,0.70) !important;
    color: #ffffff !important;
}
.svh-ck-mini svg, .svh-ck-mini path, .svh-ck-mini circle {
    width: 26px !important; height: 26px !important;
    fill: #ffffff !important; stroke: #ffffff !important; color: #ffffff !important; opacity: 1 !important;
}
@media (max-width: 767px) {
    .svh-ck-mini { right: 12px !important; bottom: 84px !important; width: 48px !important; height: 48px !important; }
    .svh-ck-mini svg { width: 22px !important; height: 22px !important; }
}

body:has(.svh-ck-banner.is-on) #svh-avatar-root,
body:has(.svh-ck-bar.is-on) #svh-avatar-root {
    pointer-events: none !important; opacity: 0.35 !important; filter: saturate(0.5) !important;
}
body:has(.svh-ck-banner.is-on) #svh-a11y,
body:has(.svh-ck-bar.is-on) #svh-a11y {
    pointer-events: none !important; opacity: 0.55 !important; filter: saturate(0.6) !important;
}
body:has(.svh-ck-modal.is-on) #svh-avatar-root {
    pointer-events: none !important; opacity: 0.15 !important; filter: saturate(0.3) blur(1px) !important;
}
body:has(.svh-ck-modal.is-on) #svh-a11y {
    pointer-events: none !important; opacity: 0.25 !important;
}

/* ════════ 4. MODAL COOKIES · botones ════════ */
.svh-ck-modal .svh-btn.is-primary,
.svh-ck-banner .svh-btn.is-primary,
.svh-ck-bar .svh-btn.is-primary,
.svh-template-cookies .svh-btn.is-primary {
    background: linear-gradient(180deg, #e3479e, #c1247d 60%, #8f1a5d) !important;
    color: #ffffff !important; border: 1px solid #c1247d !important;
    box-shadow: 0 10px 28px -8px rgba(193,36,125,0.55), inset 0 -2px 0 rgba(0,0,0,0.15) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.35) !important; font-weight: 700 !important;
}
.svh-ck-modal .svh-btn.is-primary:hover,
.svh-ck-banner .svh-btn.is-primary:hover,
.svh-ck-bar .svh-btn.is-primary:hover,
.svh-template-cookies .svh-btn.is-primary:hover {
    background: linear-gradient(180deg, #ee5cab, #d72f8c 60%, #a01f6c) !important; transform: translateY(-1px);
}
.svh-ck-modal .svh-btn.is-ghost,
.svh-ck-banner .svh-btn.is-ghost,
.svh-ck-bar .svh-btn.is-ghost,
.svh-template-cookies .svh-btn.is-ghost {
    background: rgba(255,255,255,0.05) !important; color: #F0EAD6 !important;
    border-color: rgba(240,234,214,0.20) !important; font-weight: 600 !important;
}
.svh-ck-modal .svh-btn.is-outline,
.svh-ck-banner .svh-btn.is-outline,
.svh-template-cookies .svh-btn.is-outline {
    background: transparent !important; color: #F0EAD6 !important;
    border-color: rgba(193,36,125,0.55) !important;
}
.svh-ck-modal .svh-btn.is-text,
.svh-template-cookies .svh-btn.is-text {
    background: transparent !important; color: #cbd5e1 !important; border: 0 !important;
    text-decoration: underline; text-underline-offset: 3px;
}

/* Scrollbar modal */
.svh-ck-modal-card, .svh-ck-modal-card .svh-ck-opts-scroll, .svh-ck-modal-inner {
    scrollbar-width: thin; scrollbar-color: rgba(193,36,125,0.55) transparent;
}
.svh-ck-modal-card::-webkit-scrollbar,
.svh-ck-modal-card .svh-ck-opts-scroll::-webkit-scrollbar,
.svh-ck-modal-inner::-webkit-scrollbar { width: 8px; }
.svh-ck-modal-card::-webkit-scrollbar-track,
.svh-ck-modal-card .svh-ck-opts-scroll::-webkit-scrollbar-track,
.svh-ck-modal-inner::-webkit-scrollbar-track { background: transparent; }
.svh-ck-modal-card::-webkit-scrollbar-thumb,
.svh-ck-modal-card .svh-ck-opts-scroll::-webkit-scrollbar-thumb,
.svh-ck-modal-inner::-webkit-scrollbar-thumb { background: rgba(193,36,125,0.55); border-radius: 8px; }

/* ════════ 5. TEXTOS BANNER/MODAL/BAR COOKIES · contraste legal forzado (v1.3.0) ════════
 * HTML real usa h2.svh-ck-banner-title, h2.svh-ck-modal-title, h3.svh-ck-cat-title.
 * Los CSS originales (svh-cookies-layout-css.css L22, L539) targeteaban selectores antiguos
 * (.svh-ck-banner-body strong, .svh-ck-modal-card h3) — mismatch DOM → headings heredan
 * Woodmart #242424 dark sobre dark = 1.32:1 ILEGAL WCAG 1.4.3.
 * Override forzando pearl con !important. */
.svh-template-cookies .svh-ck-banner-title,
.svh-ck-banner .svh-ck-banner-title,
#svh-ck-banner-title,
.svh-template-cookies .svh-ck-banner h1,
.svh-template-cookies .svh-ck-banner h2,
.svh-template-cookies .svh-ck-banner h3,
.svh-ck-banner h1, .svh-ck-banner h2, .svh-ck-banner h3 {
    color: #F0EAD6 !important;
    font-family: 'Syne', system-ui, sans-serif !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.35) !important;
}
.svh-template-cookies .svh-ck-banner-desc,
.svh-ck-banner .svh-ck-banner-desc,
#svh-ck-banner-desc,
.svh-ck-banner p {
    color: #cbd5e1 !important;
    opacity: 1 !important;
}
.svh-template-cookies .svh-ck-banner .svh-ck-link,
.svh-ck-banner .svh-ck-link,
.svh-ck-banner a {
    color: #f48fc7 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    font-weight: 600 !important;
}
.svh-ck-banner .svh-ck-link:hover,
.svh-ck-banner a:hover { color: #f5b3d1 !important; }

.svh-template-cookies .svh-ck-modal-title,
.svh-ck-modal .svh-ck-modal-title,
.svh-template-cookies .svh-ck-modal h1,
.svh-template-cookies .svh-ck-modal h2,
.svh-ck-modal h1, .svh-ck-modal h2 {
    color: #F0EAD6 !important;
    font-family: 'Syne', system-ui, sans-serif !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.35) !important;
}
.svh-template-cookies .svh-ck-modal-intro,
.svh-ck-modal .svh-ck-modal-intro,
.svh-ck-modal-card > p {
    color: #cbd5e1 !important;
    opacity: 1 !important;
}
.svh-template-cookies .svh-ck-cat-title,
.svh-ck-modal .svh-ck-cat-title,
.svh-ck-modal h3,
.svh-ck-modal .svh-ck-opt-info strong,
.svh-ck-opt-info strong {
    color: #F0EAD6 !important;
    font-family: 'Syne', system-ui, sans-serif !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}
.svh-template-cookies .svh-ck-cat-desc,
.svh-ck-modal .svh-ck-cat-desc,
.svh-ck-opt-info span,
.svh-ck-modal label,
.svh-ck-modal .svh-ck-modal-card label {
    color: #cbd5e1 !important;
    opacity: 1 !important;
}
.svh-ck-modal .svh-ck-link,
.svh-ck-modal a,
.svh-ck-modal-card a {
    color: #f48fc7 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}
.svh-ck-modal a:hover, .svh-ck-modal-card a:hover { color: #f5b3d1 !important; }

.svh-ck-modal-close,
.svh-ck-modal .svh-ck-modal-close {
    color: #F0EAD6 !important;
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(240,234,214,0.22) !important;
    font-size: 22px !important; line-height: 1 !important;
}
.svh-ck-modal-close:hover {
    background: rgba(193,36,125,0.20) !important;
    border-color: #c1247d !important;
    color: #ffffff !important;
}

.svh-template-cookies .svh-ck-bar p,
.svh-ck-bar p, .svh-ck-bar span {
    color: #cbd5e1 !important; opacity: 1 !important;
}
.svh-ck-bar a {
    color: #f48fc7 !important; text-decoration: underline !important;
}

/* fin svh-overlays-coherence v1.3.0 */

/* ── svh-fix-b-a11y-tab.php ── */
/* ===== Botón flotante: pestaña vertical pegada al borde izquierdo ===== */
.svh-a11y .svh-a11y__toggle{
  position: fixed !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 48px !important;
  min-height: 184px !important;
  padding: 18px 6px !important;
  background: linear-gradient(180deg, #0277bd 0%, #01579b 60%, #013e72 100%) !important;
  color: #f0ead6 !important;
  border: 2px solid #d4af37 !important;
  border-left: none !important;
  border-radius: 0 14px 14px 0 !important;
  box-shadow: 3px 0 18px rgba(2,119,189,.30), 0 0 0 1px rgba(212,175,55,.10) !important;
  z-index: 9500 !important;
  cursor: pointer !important;
  font-family: 'Syne', system-ui, sans-serif !important;
  transition: transform .25s ease, box-shadow .25s ease, padding-left .25s ease !important;
}
.svh-a11y .svh-a11y__toggle:hover,
.svh-a11y .svh-a11y__toggle:focus-visible{
  padding-left: 12px !important;
  box-shadow: 6px 0 24px rgba(2,119,189,.45), 0 0 0 2px #d4af37 !important;
  outline: none !important;
}
.svh-a11y .svh-a11y__toggle:focus-visible{
  outline: 3px solid #d4af37 !important;
  outline-offset: 2px !important;
}
/* Icono internacional grande */
.svh-a11y .svh-a11y__toggle-icon{
  font-size: 34px !important;
  line-height: 1 !important;
  display: block !important;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.35)) !important;
}
/* Etiqueta vertical legible */
.svh-a11y .svh-a11y__toggle-label{
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  font-size: 12.5px !important;
  text-transform: uppercase !important;
  color: #f0ead6 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35) !important;
}
/* En móvil: tab más compacta pero ≥44 tap target */
@media (max-width: 767px){
  .svh-a11y .svh-a11y__toggle{
    width: 44px !important;
    min-height: 152px !important;
    padding: 14px 4px !important;
  }
  .svh-a11y .svh-a11y__toggle-icon{ font-size: 28px !important; }
  .svh-a11y .svh-a11y__toggle-label{ font-size: 11px !important; letter-spacing: 0.12em !important; }
}
/* En tablet (768): tamaño intermedio */
@media (min-width: 768px) and (max-width: 1199px){
  .svh-a11y .svh-a11y__toggle{ width: 46px !important; min-height: 168px !important; }
}
/* No solapar menú lateral del panel SVH: el panel sidebar tiene aside.svh-side a la izquierda en escritorio.
   Cuando estamos en pantalla del panel SVH escritorio, despegar la pestaña 4px del borde para que el sidebar (que arranca en x=0)
   no quede tapado a la altura del botón. El botón está centrado verticalmente, no en y=0, así que no tapa el header.
   Aquí solo aseguramos que el sidebar mantenga prioridad visual: usamos z-index inferior cuando hover sobre sidebar */
body[class*="svh-template-panel"] aside.svh-side{ z-index: 9600; position: relative; }
body[class*="svh-template-panel"] .svh-a11y .svh-a11y__toggle{ z-index: 9400 !important; }
/* En escritorio panel: empujar la pestaña a fuera del menú sidebar (sidebar ~240px) */
@media (min-width: 1024px){
  body[class*="svh-template-panel"] .svh-a11y .svh-a11y__toggle{
    left: 240px !important;
    border-radius: 0 14px 14px 0 !important;
  }
  body[class*="svh-template-panel"] .svh-a11y .svh-a11y__panel{ left: 240px !important; }
}
@media (max-width: 1023px){
  /* mobile/tablet panel: sidebar es colapsable, la pestaña va en el borde 0 */
  body[class*="svh-template-panel"] .svh-a11y .svh-a11y__toggle{ left: 0 !important; }
}
/* ===== Panel desplegable desde la pestaña (de izquierda a derecha) ===== */
.svh-a11y .svh-a11y__panel{
  position: fixed !important;
  left: 48px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  max-height: 86vh !important;
  width: min(360px, 92vw) !important;
  overflow-y: auto !important;
  background: linear-gradient(180deg, #24223e, #1a1a2e 70%) !important;
  border: 1.5px solid rgba(212,175,55,.45) !important;
  border-left: 3px solid #d4af37 !important;
  border-radius: 0 16px 16px 0 !important;
  box-shadow: 8px 8px 32px rgba(0,0,0,.45) !important;
  color: #f0ead6 !important;
  padding: 22px 22px 18px !important;
  z-index: 9501 !important;
}
@media (max-width: 767px){
  .svh-a11y .svh-a11y__panel{ left: 44px !important; width: calc(100vw - 56px) !important; padding: 18px 16px 14px !important; }
}

/* ── svh-blegal-paleta-home.php ── */
/* Paleta SVH anti-migraña — variables raíz */
:root{
  --svh-dark:#1a1a2e;
  --svh-pearl:#f0ead6;
  --svh-magenta:#c1247d;
  --svh-magenta-bright:#e3479e;
  --svh-dorado:#d4af37;
  --svh-salvia:#7fb89b;
  --svh-ink-dim:rgba(240,234,214,0.65);
  --svh-line:rgba(240,234,214,0.10);
  --svh-line-mag:rgba(193,36,125,0.30);
}
/* QA-01: HOME y todas las pages SVH design — body bg oscuro (no #fff puro) */
body.home,
body.page-template-page-svh-design,
body.page-template-page-svh-design-php,
body[class*="svh-template-"],
body.post-type-archive-creador-svh,
body.post-type-archive-contenido-svh,
body.archive[class*="post-type-archive"]{
  background-color:var(--svh-dark) !important;
  color:var(--svh-pearl);
}
/* QA-09 fix: nav buttons que usan color:#fff puro — leerá pearl */
body.home .wd-header-nav a:not(.btn-primary){color:rgba(240,234,214,0.90) !important}
/* Skip-link Woodmart oculto: asegurar foco visible con dorado */
.wd-skip-links a:focus-visible{outline:3px solid var(--svh-dorado) !important;outline-offset:3px !important;background:var(--svh-dark) !important;color:var(--svh-pearl) !important}
/* QA-05: tap targets — links de menú móvil sin padding suficiente */
@media(max-width:767px){
  body.home .wd-tools-icon,
  body.home .wd-header-nav a,
  body.home .menu-item a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px}
}
/* QA-02 + QA-06 fix: dentro de SVH templates, ningún elemento renderiza #000/#fff puros */
body[class*="svh-template-"] *[style*="rgb(255, 255, 255)"]:not([data-svh-allow-white]),
body[class*="svh-template-"] *[style*="#ffffff"]:not([data-svh-allow-white]),
body[class*="svh-template-"] *[style*="background:#fff"]:not([data-svh-allow-white]){
  background-color:var(--svh-dark) !important;
}
/* Asegurar foco visible global en SVH pages */
body[class*="svh-template-"] a:focus-visible,
body[class*="svh-template-"] button:focus-visible{
  outline:2px solid var(--svh-dorado) !important;
  outline-offset:2px !important;
}
/* AEPD criterion: Aceptar y Rechazar cookies — MISMO peso visual */
.svh-ck-banner-actions,
.svh-ck-modal-actions{display:flex !important;gap:10px !important;flex-wrap:wrap !important}
.svh-ck-banner-actions .svh-btn,
.svh-ck-modal-actions .svh-btn{
  flex:1 1 140px !important;
  padding:14px 22px !important;
  min-height:48px !important;
  min-width:140px !important;
  font-weight:700 !important;
  font-size:14.5px !important;
  border-radius:12px !important;
  font-family:'Syne',system-ui,sans-serif !important;
  text-decoration:none !important;
  border:none !important;
  cursor:pointer !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
/* Aceptar — magenta filled */
.svh-ck-banner [data-svh-ck="accept"],
.svh-ck-modal [data-svh-ck="accept-all"]{
  background:linear-gradient(180deg,#e3479e,#c1247d 60%,#8f1a5d) !important;
  color:var(--svh-pearl) !important;
}
/* Rechazar — salvia filled (mismo peso, color diferente) */
.svh-ck-banner [data-svh-ck="reject"],
.svh-ck-modal [data-svh-ck="reject-all"]{
  background:linear-gradient(180deg,#9bd1b4,#7fb89b 60%,#5a9580) !important;
  color:var(--svh-dark) !important;
}
/* Configurar / Guardar selección — outline (secundario) */
.svh-ck-banner [data-svh-ck="configure"],
.svh-ck-modal [data-svh-ck="save"]{
  background:transparent !important;
  border:1.5px solid var(--svh-line-mag) !important;
  color:var(--svh-pearl) !important;
}
.svh-ck-banner [data-svh-ck="configure"]:hover,
.svh-ck-modal [data-svh-ck="save"]:hover{background:rgba(193,36,125,.10) !important}
/* Modal bg refuerzo a paleta SVH (no #05030c casi-negro) */
.svh-ck-modal-card{background:linear-gradient(180deg,#24223e,var(--svh-dark)) !important}
@media(max-width:480px){
  .svh-ck-banner-actions .svh-btn,
  .svh-ck-modal-actions .svh-btn{flex:1 1 100% !important}
}
/* QA-FIX-6 + VT-FIX-4 · Panel mobile tap targets ≥44×44 (TODOS los a/button en panel) */
@media(max-width:767px){
  body[class*="svh-template-panel"] a,
  body[class*="svh-template-panel"] button{
    min-height:44px !important;
    min-width:44px !important;
  }
  body[class*="svh-template-panel"] a:not(.svh-mandar-email-btn):not(.svh-card),
  body[class*="svh-template-panel"] button:not(.svh-mandar-email-btn){
    padding:10px 12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  /* Excluir small text-only links inside paragraphs (visual hint) */
  body[class*="svh-template-panel"] p a{min-height:0 !important;display:inline !important;padding:2px 0 !important}
}
/* QA-FIX-3 fallback: si user es svh_brand y el HTML rendered muestra data-svh-role='business' (legacy code), forzar visual SVH brand color */
body.role-svh_brand [data-svh-role="business"]::before{display:none}
/* QA-FIX-5 · Inyectar CTA 'Subir contenido' en /panel/contenidos/ vía CSS marker — el botón real va vía mu-plugin */
/* FASE 3 B4 fix: botón 'Crear cuenta gratis' magenta gradient bright failing AA — usar gradient sin bright end */
.svh-btn-primary,
a.svh-btn-primary{
  background:linear-gradient(135deg,var(--svh-magenta,#c1247d),#8f1a5d) !important;
  color:var(--svh-pearl,#f0ead6) !important;
  border-color:var(--svh-magenta,#c1247d) !important;
  text-shadow:0 1px 2px rgba(0,0,0,0.35);
}
.svh-btn-primary:focus-visible{outline:3px solid var(--svh-dorado,#d4af37) !important;outline-offset:3px !important}
/* FASE 4 fix: select 'Modalidad de interés' contraste paleta SVH */
.svh-inv-field select,
.svh-page-invertir select,
body[class*="svh-template-"] select{
  background-color:var(--svh-dark) !important;
  color:var(--svh-pearl) !important;
  border:1px solid var(--svh-line-mag) !important;
  padding:12px 14px !important;
  border-radius:10px !important;
  font-family:'DM Sans',system-ui,sans-serif !important;
  font-size:15px !important;
}
.svh-inv-field select option,
.svh-page-invertir select option,
body[class*="svh-template-"] select option{
  background-color:var(--svh-dark) !important;
  color:var(--svh-pearl) !important;
}
.svh-inv-field select:focus-visible,
body[class*="svh-template-"] select:focus-visible{
  outline:2px solid var(--svh-dorado) !important;
  outline-offset:2px !important;
  border-color:var(--svh-magenta-bright) !important;
}