/* MisReferidos | SOLO PRUEBAS | interacciones y regreso uniforme | 10-nov-2026
   No modificar administrador, estadisticas ni boton rojo del buzon. */

/* Igualar centrado y dimensiones de VOLVER en fichas originales y nuevas.
   No toca el CTA de promocion ni los botones de la categoria. */
html body:not(.mr-admin-page) main .offer-head .actions:has(> a.mr-compact-nav),
html body:not(.mr-admin-page) main #box .offer-head .cta:has(> a.mr-compact-nav) {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
html body:not(.mr-admin-page) main .offer-head .actions > a.btn.secondary.mr-compact-nav,
html body:not(.mr-admin-page) main #box .offer-head .cta > a.btn.secondary.backbtn.mr-compact-nav {
  box-sizing:border-box!important;
  display:inline-flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  align-self:center!important;
  flex:0 0 auto!important;
  width:190px!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:49px!important;
  margin:0 auto!important;
  padding:5px 10px!important;
  font:750 12.5px/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  text-align:center!important;
  border:1.5px solid #111827!important;
  border-radius:9px!important;
  color:#111827!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
  animation:none!important;
}
html body:not(.mr-admin-page) main .offer-head .actions > a.btn.secondary.mr-compact-nav svg.mr-nav-arrow,
html body:not(.mr-admin-page) main #box .offer-head .cta > a.btn.secondary.backbtn.mr-compact-nav svg.mr-nav-arrow {
  width:19px!important;
  height:19px!important;
  min-height:19px!important;
  stroke-width:3.1!important;
  flex:none!important;
}


/* Interaccion final SOLO PRUEBAS 10-nov.
   NEGRO solo para navegacion, requisitos y condiciones. Los controles
   de COPIAR quedan en su apariencia nativa y muestran su propia confirmacion. */
html body:not(.mr-admin-page) main .mr-tap-feedback:not(.ref-copy-btn):not(.mr-buzon-toggle):not(#mr-buzon-detalle):not(#abrir-consultas-portada),
html body:not(.mr-admin-page) main .panel-como .mr-official-link a.mr-tap-feedback,
html body:not(.mr-admin-page) main .panel.panel-legal a.mr-tap-feedback,
html body:not(.mr-admin-page) main .offer-head .actions > a.mr-compact-nav.mr-tap-feedback,
html body:not(.mr-admin-page) main #box .offer-head .cta > a.mr-compact-nav.mr-tap-feedback,
html body:not(.mr-admin-page) main .mr-compare tbody td:last-child a.mr-tap-feedback,
html body:not(.mr-admin-page) main .mr-category-navigation a.mr-tap-feedback {
  background:#080808!important;
  background-color:#080808!important;
  background-image:none!important;
  color:#ffffff!important;
  border-color:#080808!important;
  transform:translateY(4px) scale(.92)!important;
  box-shadow:0 0 0 3px rgba(0,0,0,.24),inset 0 5px 11px rgba(0,0,0,.38)!important;
  text-shadow:none!important;
  filter:none!important;
  transition:none!important;
  touch-action:manipulation;
}
html body:not(.mr-admin-page) main .mr-tap-feedback :is(span,svg,strong,b,small,.mr-nav-label) {
  color:#fff!important;
  stroke:currentColor!important;
}

/* BUZON: mayor sensacion de click, conservando EXACTAMENTE el fondo rojo y
   las letras blancas existentes. No cambiar el texto ni su funcion. */
html body:not(.mr-admin-page) .mr-buzon-toggle.mr-tap-buzon,
html body:not(.mr-admin-page) #mr-buzon-detalle.mr-tap-buzon,
html body:not(.mr-admin-page) #abrir-consultas-portada.mr-tap-buzon,
html body:not(.mr-admin-page) .mr-buzon-toggle:active {
  transform:translateY(3px) scale(.945)!important;
  box-shadow:0 0 0 3px rgba(207,16,41,.36),inset 0 4px 11px rgba(68,0,0,.37)!important;
  transition:none!important;
  touch-action:manipulation;
}
html body:not(.mr-admin-page) .mr-buzon-toggle:is(.mr-tap-buzon,:active)::before {
  opacity:0!important; /* evitar que el overlay blanco altere el rojo */
}
/* Los botones de COPIAR no reciben la clase negra, ni reglas cromaticas
   adicionales. Sus manejadores de copia ya muestran 'Copiado'/'¡Copiado!'. */
html body:not(.mr-admin-page) :is(.mr-compact-nav,.mr-compare a,.mr-buzon-toggle,.ref-copy-btn):focus-visible {
  outline:3px solid #6757ed!important;
  outline-offset:3px!important;
}
@media (prefers-reduced-motion:reduce) {
  html body:not(.mr-admin-page) .mr-tap-feedback,
  html body:not(.mr-admin-page) .mr-buzon-toggle.mr-tap-buzon {
    transform:none!important;
  }
}

/* Nueve fichas pedidas (incluida DEBLOCK): no mostrar el enlace de condiciones oficiales,
   sin borrar legalUrl, ni esconder textos de aviso u otros datos. */
html.mr-sin-boton-condiciones-pruebas body:not(.mr-admin-page) main .panel-como .mr-official-link,
html.mr-sin-boton-condiciones-pruebas body:not(.mr-admin-page) main .panel-legal a.conditions-official,
html.mr-sin-boton-condiciones-pruebas body:not(.mr-admin-page) main .panel-legal a.mr-v168-official-link,
html.mr-sin-boton-condiciones-pruebas body:not(.mr-admin-page) main .panel-legal .official-conditions a[href] {
  display:none!important;
}

/* === 11-NOV-2026 | AJUSTE PEDIDO POR USUARIO | SOLO PRUEBAS ===
   Mantener morado en los botones de COPIAR, tambien durante la pulsacion.
   El CTA principal (Copiar... e ir) conserva su degradado original.
   No alteramos navegacion, datos, clipboard ni confirmacion 'Copiado'. */
html body:not(.mr-admin-page) main .ref-copy-btn:is(:active,.mr-tap-copy,.mr-tap-feedback),
html body:not(.mr-admin-page) main button.ref-copy-btn:is(:active,.mr-tap-copy,.mr-tap-feedback) {
  background:#5b3df5!important;
  background-color:#5b3df5!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#5b3df5!important;
  transform:translateY(4px) scale(.92)!important;
  box-shadow:0 0 0 3px rgba(91,61,245,.23),inset 0 5px 11px rgba(25,9,100,.35)!important;
  transition:none!important;
  animation:none!important;
  filter:none!important;
  text-shadow:none!important;
  touch-action:manipulation;
}
html body:not(.mr-admin-page) main .mr-copy-cta:not(.ref-copy-btn):is(:active,.mr-tap-copy,.mr-tap-feedback),
html body:not(.mr-admin-page) main .offer-head .actions > a.mr-copy-cta:is(:active,.mr-tap-copy,.mr-tap-feedback),
html body:not(.mr-admin-page) main #box .offer-head .cta > a.mr-copy-cta:is(:active,.mr-tap-copy,.mr-tap-feedback) {
  background:linear-gradient(135deg,var(--blue,#2563eb),var(--violet,#7c3aed))!important;
  background-image:linear-gradient(135deg,var(--blue,#2563eb),var(--violet,#7c3aed))!important;
  color:white!important;
  border-color:transparent!important;
  transform:translateY(4px) scale(.94)!important;
  box-shadow:0 0 0 3px rgba(103,80,237,.23),inset 0 5px 11px rgba(24,12,82,.32)!important;
  transition:none!important;
  animation:none!important;
  filter:none!important;
  text-shadow:none!important;
  touch-action:manipulation;
}
/* Buzon: continua ROJO, letras blancas; clic mas perceptible. */
html body:not(.mr-admin-page) .mr-buzon-toggle:is(:active,.mr-tap-buzon),
html body:not(.mr-admin-page) #mr-buzon-detalle:is(:active,.mr-tap-buzon),
html body:not(.mr-admin-page) #abrir-consultas-portada:is(:active,.mr-tap-buzon) {
  background:#cf1029!important;
  background-color:#cf1029!important;
  background-image:none!important;
  color:#fff!important;
  transform:translateY(4px) scale(.92)!important;
  box-shadow:0 0 0 4px rgba(207,16,41,.33),inset 0 5px 13px rgba(70,0,0,.43)!important;
  transition:none!important;
  animation:none!important;
  filter:none!important;
  touch-action:manipulation;
}
html body:not(.mr-admin-page) .mr-buzon-toggle:is(:active,.mr-tap-buzon)::before {
  opacity:0!important; /* sin destello blanco que altere su rojo */
}
/* Condiciones oficiales y Ver requisitos: negro real y blanco con clic fuerte. */
html body:not(.mr-admin-page) main .panel-como .mr-official-link a:is(:active,.mr-tap-feedback),
html body:not(.mr-admin-page) main .panel-legal a.conditions-official:is(:active,.mr-tap-feedback),
html body:not(.mr-admin-page) main .mr-compare tbody td:last-child a:is(:active,.mr-tap-feedback) {
  background:#080808!important;
  background-color:#080808!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#080808!important;
  transform:translateY(4px) scale(.92)!important;
  box-shadow:0 0 0 3px rgba(0,0,0,.19),inset 0 5px 11px rgba(0,0,0,.35)!important;
  transition:none!important;
}
/* El foco de teclado sigue visible. */
html body:not(.mr-admin-page) main :is(.ref-copy-btn,.mr-copy-cta,.mr-compact-nav):focus-visible,
html body:not(.mr-admin-page) .mr-buzon-toggle:focus-visible {
  outline:3px solid #6757ed!important;
  outline-offset:3px!important;
}
@media (prefers-reduced-motion:reduce) {
  html body:not(.mr-admin-page) main :is(.ref-copy-btn,.mr-copy-cta,.mr-compact-nav):is(.mr-tap-copy,.mr-tap-feedback),
  html body:not(.mr-admin-page) .mr-buzon-toggle.mr-tap-buzon {
    transform:none!important;
  }
}


/* SOLO PRUEBAS 11-nov: misma confirmación violeta "✓ Copiado" en todas las fichas. */
html body:not(.mr-admin-page) main button.mr-copiado-uniforme-pruebas {
  color:#fff!important;
  background:#5b3df5!important;
  background-image:none!important;
  border-color:#5b3df5!important;
}
/* DEBLOCK sin condiciones configuradas: evitar también enlaces históricos
   reconstruidos con clases distintas en su panel legal. Otras fichas intactas. */
html.mr-sin-boton-condiciones-pruebas body:not(.mr-admin-page):has(main) main .panel-como .mr-official-link,
html.mr-sin-boton-condiciones-pruebas body:not(.mr-admin-page):has(main) main .panel-legal a[href],
html.mr-sin-boton-condiciones-pruebas body:not(.mr-admin-page):has(main) main .panel-legal [data-official-legal] {
  display:none!important;
}