/* PP Design System v3.1: tokens canónicos; Mobile First, sin breakpoint propio. */
/* @font-face/base permanecen aquí hasta Fase 3 para no sumar otro request. */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("/wp-content/uploads/pp-brand/3.0.0/fonts/Inter-Regular.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("/wp-content/uploads/pp-brand/3.0.0/fonts/Inter-Medium.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("/wp-content/uploads/pp-brand/3.0.0/fonts/Inter-SemiBold.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("/wp-content/uploads/pp-brand/3.0.0/fonts/Inter-Bold.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url("/wp-content/uploads/pp-brand/3.0.0/fonts/Inter-ExtraBold.woff2") format("woff2")}
html[data-pp-theme]{
--pp-primary:#2563EB;--pp-primary-hover:#1D4ED8;
--pp-success:#16A34A;--pp-warning:#F59E0B;--pp-error:#DC2626;--pp-white:#FFFFFF;
/* Panel canónico — NEUTRALIZADO A CLARO (Enterprise, 22/10/2026). */
--pp-panel-bg:#F8FAFC;--pp-panel-sidebar:#FFFFFF;
--pp-panel-surface:#FFFFFF;--pp-panel-surface-2:#F1F5F9;--pp-panel-border:#E2E8F0;
--pp-panel-text:#111827;--pp-panel-text-muted:#475569;
--pp-panel-primary:var(--pp-primary);--pp-panel-primary-hover:var(--pp-primary-hover);
--pp-font-ui:"Inter",system-ui,"Segoe UI",Arial,sans-serif;
--pp-font-family:var(--pp-font-ui);--pp-font-family-sans:var(--pp-font-ui);
--pp-font-weight-body:400;--pp-font-weight-medium:500;--pp-font-weight-action:600;
--pp-font-weight-heading:700;--pp-font-weight-display:800;--pp-line-height-body:1.5;
--pp-radius-input:10px;--pp-radius-button:12px;--pp-radius-dropdown:12px;
--pp-radius-card:16px;--pp-radius-dialog:16px;--pp-radius-sm:8px;
--pp-radius-md:12px;--pp-radius-lg:16px;--pp-radius-xl:16px;--pp-radius-pill:999px;
--pp-shadow-sm:0 1px 2px rgba(15,23,42,.08);--pp-shadow-md:0 4px 12px rgba(15,23,42,.10);
--pp-shadow-lg:0 8px 24px rgba(15,23,42,.12);--pp-shadow-banner:var(--pp-shadow-md);
--pp-focus-ring:3px solid #2563EB !important;--pp-focus-offset:3px;
--pp-duration-fast:150ms;--pp-duration-normal:200ms;--pp-easing-default:ease;
/* COMPAT-F2-TOKENS: puente reversible contra alias important de v1 mientras v1/v2 sigan cargados; sin él reaparece verde/navy. Retiro Fase 7 (antes de 2027-01-31). Rollback: apagar flags v3. */
--pp-color-brand:var(--pp-primary) !important;
--pp-color-brand-strong:var(--pp-primary-hover) !important;
--pp-color-brand-hover:var(--pp-primary-hover) !important;
--pp-color-brand-soft:rgba(37,99,235,.12) !important;
--pp-color-action-primary:var(--pp-primary) !important;
--pp-color-action-primary-hover:var(--pp-primary-hover) !important;
--pp-color-price:var(--pp-primary) !important;
--pp-color-on-brand:var(--pp-white);--pp-color-brand-foreground:var(--pp-primary);
--pp-color-success:var(--pp-success);--pp-color-warning:var(--pp-warning);
--pp-color-error:var(--pp-error);--pp-color-info:var(--pp-primary);
}
html[data-pp-theme="light"]{
color-scheme:light;
--pp-bg:#F8FAFC;--pp-sidebar:#FFFFFF;--pp-card:#FFFFFF;--pp-border:#E2E8F0;
--pp-text:#111827;--pp-text-muted:#475569;
--pp-color-bg:var(--pp-bg);--pp-color-background:var(--pp-bg);
--pp-color-surface:var(--pp-card);--pp-color-surface-raised:var(--pp-white);
--pp-color-page-header:var(--pp-white);
--pp-color-text:var(--pp-text);--pp-color-text-muted:var(--pp-text-muted);
--pp-color-text-inverse:var(--pp-white);
--pp-color-border:var(--pp-border);--pp-color-border-subtle:var(--pp-border);
--pp-color-border-hover:var(--pp-text-muted);
}
/* ENTERPRISE (22/10/2026): el tema oscuro se NEUTRALIZA. Decisión: no hay
   fondos oscuros en ningún lado, ni siquiera en el panel privado. El bloque
   dark se remapea a los MISMOS valores claros, de modo que aunque algún
   componente fije data-pp-theme="dark", la superficie sigue siendo clara. */
html[data-pp-theme="dark"]{
color-scheme:light;
--pp-bg:#F8FAFC;--pp-sidebar:#FFFFFF;--pp-card:#FFFFFF;--pp-border:#E2E8F0;
--pp-text:#111827;--pp-text-muted:#475569;
--pp-color-bg:var(--pp-bg);--pp-color-background:var(--pp-bg);
--pp-color-surface:var(--pp-card);--pp-color-surface-raised:var(--pp-white);
--pp-color-page-header:var(--pp-white);
--pp-color-text:var(--pp-text);--pp-color-text-muted:var(--pp-text-muted);
--pp-color-text-inverse:var(--pp-white);
--pp-color-border:var(--pp-border);--pp-color-border-subtle:var(--pp-border);
--pp-color-border-hover:var(--pp-text-muted);
--pp-shadow-sm:0 1px 2px rgba(15,23,42,.08);--pp-shadow-md:0 4px 12px rgba(15,23,42,.10);
--pp-shadow-lg:0 8px 24px rgba(15,23,42,.12);
}
/* Body v2 global: compatibilidad reversible mientras siga cargado. */
html[data-pp-theme] body{background-color:var(--pp-bg) !important;color:var(--pp-text) !important;font-family:var(--pp-font-ui);}
html[data-pp-theme] :where(button,input,select,textarea){font-family:var(--pp-font-ui);}
html[data-pp-theme] :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:var(--pp-focus-ring);outline-offset:var(--pp-focus-offset);}
@media (prefers-reduced-motion:reduce){
html[data-pp-theme] *,html[data-pp-theme] *::before,html[data-pp-theme] *::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;scroll-behavior:auto !important;transition-duration:0.01ms !important;}
}

/* ============================================================================
   PP HOME — DIRECCION VISUAL (Plan A1, 2026-08-06)
   Bloque ADITIVO. No redefine ningun token anterior de este archivo.
   Cubre los tokens que el Home necesitaba y que el sistema v3 aun no expone:
   tercera superficie clara, banda de contraste, escala tipografica de seis
   niveles, escala de espaciado, contrato de componente y estados disabled.
   ============================================================================ */
html[data-pp-theme]{
/* Marca: acento verde del logo. NUNCA color de accion (la accion es --pp-primary). */
--pp-accent:#439569;
--pp-on-primary:var(--pp-white);

/* Escala tipografica de seis niveles. Cuerpo >=16px (AA legibilidad). */
--pp-fs-display:clamp(30px,4.2vw,44px);
--pp-fs-h2:clamp(22px,2.6vw,30px);
--pp-fs-h3:18px;
--pp-fs-body:16px;
--pp-fs-aux:14px;
--pp-fs-label:12px;

/* Escala de espaciado unica, base 4px, ocho niveles + aliases semanticos. */
--pp-space-1:4px;--pp-space-2:8px;--pp-space-3:12px;--pp-space-4:16px;
--pp-space-5:24px;--pp-space-6:32px;--pp-space-7:40px;--pp-space-8:64px;
--pp-space-section:var(--pp-space-8);
--pp-space-block:var(--pp-space-6);
--pp-space-component:var(--pp-space-4);

/* Anchos de composicion. */
--pp-content-max-width:1120px;
--pp-banner-max-width:960px;

/* Contrato unico de componente: un radio, un ancho/estilo de borde, una sombra
   base. El color del borde sigue siendo semantico por componente y estado. */
--pp-component-radius:var(--pp-radius-lg);
--pp-component-border-width:1px;
--pp-component-border-style:solid;
--pp-component-shadow:var(--pp-shadow-sm);

/* Objetivo tactil minimo (WCAG 2.5.5 AAA / criterio del Home). */
--pp-touch-target:44px;
}
html[data-pp-theme="light"]{
/* Tercera superficie clara: permite alternar secciones contiguas sin repetir
   nivel. --pp-bg #F8FAFC (fondo) / --pp-card #FFFFFF (tarjeta) / esta (destacada).
   Contraste con --pp-text #111827 ≈ 14.9:1 y con --pp-text-muted #475569 ≈ 6.6:1. */
--pp-surface-soft:#EAF1FF;
--pp-color-surface-soft:var(--pp-surface-soft);

/* Borde fuerte para separadores y bordes de control que necesitan >=3:1. */
--pp-border-strong:#94A3B8;
--pp-color-border-strong:var(--pp-border-strong);

/* Banda de contraste — Enterprise: azul de marca (no navy casi negro).
   --pp-on-contrast #FFFFFF sobre --pp-contrast #2563EB ≈ 4.5:1 (AA). */
--pp-contrast:#2563EB;
--pp-on-contrast:#FFFFFF;

/* Disabled legible: conserva AA aunque WCAG exceptue los controles inactivos.
   #334155 sobre #E2E8F0 ≈ 8.0:1; borde #64748B sobre #FFFFFF ≈ 4.6:1. */
--pp-disabled-bg:#E2E8F0;
--pp-disabled-text:#334155;
--pp-disabled-border:#64748B;
}
html[data-pp-theme="dark"]{
/* NEUTRALIZADO A CLARO (Enterprise). */
--pp-surface-soft:#EAF1FF;
--pp-color-surface-soft:var(--pp-surface-soft);
--pp-border-strong:#94A3B8;
--pp-color-border-strong:var(--pp-border-strong);
--pp-contrast:#2563EB;
--pp-on-contrast:#FFFFFF;
--pp-disabled-bg:#E2E8F0;
--pp-disabled-text:#334155;
--pp-disabled-border:#64748B;
}
/* Escala de espaciado reducida en mobile, derivada de la misma base 4px. */
@media (max-width:767px){
html[data-pp-theme]{
--pp-space-section:var(--pp-space-7);
--pp-space-block:var(--pp-space-5);
--pp-space-component:var(--pp-space-3);
}
}


/* ============================================================
   20) OCULTAR SCROLL-TO-TOP EN TODO EL SITIO (2026-08-07)
   Tanto en home (light) como en panel (dark). Desactivado completo.
   ============================================================ */
.to_top,
.hfe-scroll-to-top-button,
#scrollUp,
.scroll-to-top,
a.to_top{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}


/* ============================================================
   22) BOTON ASISTENTE PP — MISMO ESTILO EN TODO EL SITIO (2026-08-07)
   Fuerza el estilo del home (circulo azul compacto, sin label)
   en todas las paginas incluyendo el panel oscuro.
   ============================================================ */

/* Ocultar el label "Asistente PP" en todo el sitio */
.mwai-window:not(.mwai-open) .mwai-icon-text,
.mwai-window:not(.mwai-open) .mwai-label,
.mwai-chatbot:not(.mwai-open) .mwai-icon-text,
.mwai-chatbot:not(.mwai-open) .mwai-label,
[class*="mwai"]:not(.mwai-open) .mwai-icon-text,
[class*="mwai"]:not(.mwai-open) .mwai-label{
  display:none !important;
}

/* Boton toggle: circulo compacto, igual al del home */
.mwai-window:not(.mwai-open) .mwai-toggle,
.mwai-chatbot:not(.mwai-open) .mwai-toggle,
.mwai-window:not(.mwai-open) .mwai-open-button,
.mwai-chatbot:not(.mwai-open) .mwai-open-button{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  max-width:48px !important;
  max-height:48px !important;
  border-radius:50% !important;
  padding:0 !important;
  border:none !important;
  outline:none !important;
  box-shadow:0 2px 12px rgba(37,99,235,.3) !important;
}

/* Quitar el borde pill azul del panel */
html[data-pp-theme="dark"] body:not(.wp-admin) .mwai-window:not(.mwai-open),
html[data-pp-theme="dark"] body:not(.wp-admin) .mwai-chatbot:not(.mwai-open){
  background:transparent !important;
  border:none !important;
  border-radius:50% !important;
  box-shadow:none !important;
  width:48px !important;
  height:48px !important;
  min-width:unset !important;
  padding:0 !important;
}