/* ========================================================================== 
 * PURO Agency Hub 3.9.0 — Tema PURO refinado
 * Inspiración: disciplina visual de apps financieras de alta gama.
 * Carga DESPUÉS de hub.css. Esta capa NO cambia flujo, position, sticky/fixed,
 * overflow, orden de módulos ni lógica. Solo identidad visual.
 * ========================================================================== */

html[data-puro-theme="puro"]{
  color-scheme:dark;
  --ph-bg:#050711;
  --ph-paper:#090d1a;
  --ph-card:#0d1212;
  --ph-ink:#fbfcfc;
  --ph-soft:#dce3e1;
  --ph-line:rgba(255,255,255,.08);
  --ph-brand:#75f2c4;
  --ph-brand2:#24c894;
  --ph-warn:#ddb35c;
  --ph-bad:#ed7f91;
  --ph-shadow:none;

  --puro-bg:#050711;
  --puro-surface:#090d1a;
  --puro-surface-raised:#0e1413;
  --puro-surface-soft:#10231d;
  --puro-surface-hover:#133027;
  --puro-text:#fbfcfc;
  --puro-text-soft:#e2e8e6;
  --puro-text-muted:#b8c2bf;
  --puro-accent:#75f2c4;
  --puro-accent-deep:#24c894;
  --puro-line:rgba(255,255,255,.09);
  --puro-line-soft:rgba(255,255,255,.055);
  --puro-warning:#ddb35c;
  --puro-danger:#ed7f91;
  --puro-success:#75f2c4;
  --puro-blue:#6f92e8;
  --puro-radius-xl:28px;
  --puro-radius-lg:22px;
  --puro-radius-md:16px;
  --puro-ui-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

html[data-puro-theme="puro"] body.puro-hub-standalone,
html[data-puro-theme="puro"] .puro-hub-app{
  background:var(--puro-bg)!important;
  color:var(--puro-text)!important;
  font-family:var(--puro-ui-font)!important;
}
html[data-puro-theme="puro"] .puro-hub-app :is(button,input,textarea,select){font-family:var(--puro-ui-font)!important}

/* --------------------------------------------------------------------------
 * Tipografía: jerarquía por tamaño y peso; menos mayúsculas y tracking.
 * -------------------------------------------------------------------------- */
html[data-puro-theme="puro"] .puro-hub-app :is(h1,h2,h3,h4,h5,h6){
  color:var(--puro-text)!important;
  font-family:var(--puro-ui-font)!important;
  font-weight:680!important;
  letter-spacing:-.032em!important;
}
html[data-puro-theme="puro"] .puro-hub-app :is(strong,b){color:var(--puro-text)!important;font-weight:650!important}
html[data-puro-theme="puro"] .puro-hub-app :is(p,label,dt,dd){color:var(--puro-text-soft)!important;line-height:1.52!important}
html[data-puro-theme="puro"] .puro-hub-app :is(small,em){color:var(--puro-text-muted)!important;opacity:1!important}
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-section-eyebrow,.hub-profile-eyebrow,.hub-card-kicker,.hub-wizard-kicker,
  .hub-summary-eyebrow,.hub-billing-kicker,.hub-results-kicker
){
  color:var(--puro-accent)!important;
  text-transform:none!important;
  letter-spacing:.015em!important;
  font-weight:650!important;
}
html[data-puro-theme="puro"] .puro-hub-app :is(.hub-text-action,a.hub-text-action){color:var(--puro-accent)!important;text-decoration:none!important}
html[data-puro-theme="puro"] .puro-hub-app :is(.hub-text-action,a.hub-text-action):hover{color:#9db4ff!important;text-decoration:none!important}

/* --------------------------------------------------------------------------
 * Shell y header: negro limpio, sin líneas ni tarjetas decorativas.
 * -------------------------------------------------------------------------- */
html[data-puro-theme="puro"] .puro-hub-topbar{
  background:rgba(3,5,13,.97)!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
}
html[data-puro-theme="puro"] .puro-hub-topbar :is(.hub-theme-toggle,.hub-menu-trigger){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--puro-text)!important;
}
html[data-puro-theme="puro"] .puro-hub-title h1{font-weight:680!important;letter-spacing:-.035em!important}
html[data-puro-theme="puro"] .puro-hub-title p{color:var(--puro-text-muted)!important}

/* Isotipo PURO: cuatro puntos robustos, brillo contenido, sin centro. */
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark{
  filter:drop-shadow(0 0 8px rgba(117,242,196,.28))!important;
}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark i{
  background:#f7f9ff!important;
  box-shadow:0 0 8px rgba(180,195,255,.36)!important;
}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark b{display:none!important}

/* --------------------------------------------------------------------------
 * Navegación contextual: tabs de texto, no botones encajonados.
 * -------------------------------------------------------------------------- */
html[data-puro-theme="puro"] .hub-client-primary-tabs{
  background:rgba(3,5,13,.96)!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-puro-theme="puro"] .hub-client-primary-tabs>a{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:inset 0 -2px transparent!important;
  color:var(--puro-text-muted)!important;
  font-weight:620!important;
}
html[data-puro-theme="puro"] .hub-client-primary-tabs>a:is(:hover,.is-active){
  background:transparent!important;
  color:var(--puro-text)!important;
  box-shadow:inset 0 -2px var(--puro-accent)!important;
}
html[data-puro-theme="puro"] :is(.hub-tabs,.hub-client-subtabs,.hub-work-mode-nav){
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-puro-theme="puro"] :is(.hub-tabs a,.hub-client-subtabs a,.hub-work-mode-nav a){
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:var(--puro-text-muted)!important;
  box-shadow:inset 0 -2px transparent!important;
}
html[data-puro-theme="puro"] :is(.hub-tabs a,.hub-client-subtabs a,.hub-work-mode-nav a):is(.is-active,:hover){
  background:transparent!important;
  color:var(--puro-text)!important;
  box-shadow:inset 0 -2px var(--puro-accent)!important;
}

/* Navegación inferior: plana, sin cápsula activa. */
html[data-puro-theme="puro"] .hub-app-nav{
  background:rgba(2,4,11,.985)!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:blur(20px)!important;
}
html[data-puro-theme="puro"] .hub-app-nav :is(a,button){
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:#8993a8!important;
  box-shadow:none!important;
}
html[data-puro-theme="puro"] .hub-app-nav :is(a,button):is(.is-active,:hover){
  background:transparent!important;
  color:var(--puro-text)!important;
  box-shadow:none!important;
}
html[data-puro-theme="puro"] .hub-app-nav :is(a,button).is-active .hub-icon{color:var(--puro-accent)!important}

/* --------------------------------------------------------------------------
 * Superficies: pocas capas, sin bordes decorativos ni gradientes.
 * -------------------------------------------------------------------------- */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-panel,.hub-client-card,.hub-client-card-compact,.hub-client-summary,.hub-client-expanded,
  .hub-work-inbox,.hub-ticket,.hub-proposal,.hub-proposal-thread,.hub-composer,.hub-workload-card,
  .hub-billing-sidebar,.hub-billing-detail,.hub-billing-panel,.hub-billing-record,.hub-billing-head,
  .hub-billing-plan-card,.hub-sat-card,.hub-fiscal-collapsed,.hub-billing-fiscal-toggle,.hub-subpanel,
  .hub-phase-admin-head,.hub-scope-card,.hub-form-section,.hub-summary-section,.hub-summary-attention,
  .hub-recent-activity,.hub-digital-card,.hub-goal-card,.hub-card-team,.hub-expert-card,.hub-assignment-card,
  .hub-geo-card,.hub-geo-editor,.hub-geo-editor>form,.hub-geo-fieldset,.hub-geo-options,.hub-geo-actionbar,
  .hub-geo-update-form,.hub-presence-compare-card,.hub-presence-channels,.hub-presence-insights,
  .hub-proposal-editor,.hub-proposal-editor>summary,.hub-proposal-work-actions,.hub-proposal-review-card,
  .hub-proposal-review-head,.hub-proposal-review-footer,.hub-tools-panel,.hub-tool-add-card,
  .hub-tool-manager>.hub-work-tool-launcher,.hub-work-tool-drawer,.hub-doctor-message-inbox,
  .hub-user-admin-dialog,.hub-user-admin-dialog>header,.hub-user-admin-section,.hub-inline-editor>summary,
  .hub-inline-editor>form,.puro-hub-login
){
  background:var(--puro-surface)!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--puro-text)!important;
}

/* Grandes bloques que funcionan mejor como contenido editorial, no como caja. */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-profile-hero,.hub-results-overview,.hub-account-information,.hub-more-tools
){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* Colecciones de información: superficie elevada sin contorno. */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-kpis,.hub-team-kpis,.hub-billing-kpis,.hub-billing-client-kpis,.hub-plan-summary,
  .hub-billing-status-grid,.hub-results-kpis,.hub-results-source-grid,.hub-presence-kpis,
  .hub-action-kpis,.hub-presence-compare-grid,.hub-presence-insights,.hub-milestone-grid,
  .hub-findings-grid,.hub-account-info-grid,.hub-account-links,.hub-more-grid,.hub-price-list,
  .hub-sat-rows,.hub-simple-list,.hub-workload-items,.hub-unified-pending-list,
  .hub-billing-client-list,.hub-billing-account-nav,.hub-geo-summary,.hub-assets-checklist,
  .hub-production-overview,.hub-invoice-preview,.hub-service-list,.hub-achievement-grid,
  .hub-goal-grid,.hub-channel-grid,.hub-stat-grid,.hub-metric-grid,.hub-proposal-summary-strip
)>*{
  background:var(--puro-surface-raised)!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--puro-text)!important;
  border-radius:var(--puro-radius-lg)!important;
}

/* Segundo nivel: evitar caja dentro de caja. */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-account-info-grid>* span,.hub-results-source-grid>*>span,.hub-client-module-mini>i,
  .hub-client-module-mini>b,.hub-profile-services>div>span,.hub-edit-media-grid>label,
  .hub-custom-tool-list>article,.hub-work-tool-primary>a,.hub-work-tool-more,.hub-work-tool-all>a,
  .hub-tool-context-checks,.hub-credential-fields label>span,.hub-access-static-grid>span,
  .hub-proposal-people>div,.hub-proposal-purpose>div,.hub-proposal-copy,.hub-proposal-timeline
){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--puro-text)!important;
}

/* Tarjetas de cliente: información primero; status y servicios como apoyo. */
html[data-puro-theme="puro"] .puro-hub-app :is(.hub-client-card,.hub-client-card-compact){
  border-radius:var(--puro-radius-lg)!important;
  background:var(--puro-surface)!important;
}
html[data-puro-theme="puro"] .puro-hub-app :is(.hub-client-card,.hub-client-card-compact):hover{
  background:var(--puro-surface-raised)!important;
  transform:none!important;
}
html[data-puro-theme="puro"] .hub-client-foot{border:0!important;color:var(--puro-text-muted)!important}
html[data-puro-theme="puro"] .hub-client-metrics span{background:transparent!important;border:0!important}
html[data-puro-theme="puro"] .hub-client-module-mini{background:transparent!important;border:0!important}
html[data-puro-theme="puro"] .hub-client-module-mini>i{background:#0a1914!important;color:var(--puro-accent)!important}

/* Avatar: aro sólido, mínimo, sin gradiente orbital. */
html[data-puro-theme="puro"] .hub-client-avatar::before{
  background:transparent!important;
  border:2px solid rgba(117,242,196,.78)!important;
  box-shadow:none!important;
  opacity:1!important;
  animation:none!important;
}
html[data-puro-theme="puro"] .hub-client-avatar::after{display:none!important}
html[data-puro-theme="puro"] .hub-client-avatar.hub-phase-tier-0::before{border-color:rgba(255,255,255,.22)!important;opacity:1!important}

/* --------------------------------------------------------------------------
 * Inputs y formularios: aquí sí hay delimitación porque cumple función.
 * -------------------------------------------------------------------------- */
html[data-puro-theme="puro"] .puro-hub-app :is(
  input,textarea,select,.hub-form input,.hub-form textarea,.hub-form select,
  .hub-inline-form select,.hub-billing-head select,.hub-billing-head input,
  .hub-geo-editor textarea,.hub-geo-editor input[type=number],
  .puro-hub-login input[type=text],.puro-hub-login input[type=password]
){
  background:#10182c!important;
  background-image:none!important;
  color:var(--puro-text)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:none!important;
  color-scheme:dark!important;
}
html[data-puro-theme="puro"] .puro-hub-app :is(input,textarea,select):focus{
  border-color:rgba(117,242,196,.60)!important;
  outline:0!important;
  box-shadow:0 0 0 3px rgba(117,242,196,.08)!important;
}
html[data-puro-theme="puro"] .puro-hub-app :is(input,textarea)::placeholder{color:#919bb0!important;opacity:1!important}

/* Botones: CTA limpio; secundarios sin cajas pesadas. */
html[data-puro-theme="puro"] .hub-btn{
  background:var(--puro-accent)!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#081024!important;
  border-radius:999px!important;
  font-weight:680!important;
}
html[data-puro-theme="puro"] .hub-btn:hover{background:#9ce9cd!important;color:#081024!important;transform:none!important}
html[data-puro-theme="puro"] .hub-btn-secondary{
  background:transparent!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:var(--puro-text)!important;
}
html[data-puro-theme="puro"] .hub-btn-secondary:hover{background:var(--puro-surface-raised)!important;border-color:rgba(255,255,255,.20)!important;color:var(--puro-text)!important}
html[data-puro-theme="puro"] .hub-btn-danger{
  background:rgba(237,127,145,.10)!important;
  border:0!important;
  color:#ff9aaa!important;
}
html[data-puro-theme="puro"] :is(.hub-icon-actions>a,.hub-assignment-actions>a,.hub-assignment-actions button){
  background:transparent!important;
  border:0!important;
  color:var(--puro-text-soft)!important;
  box-shadow:none!important;
}
html[data-puro-theme="puro"] :is(.hub-icon-actions>a,.hub-assignment-actions>a,.hub-assignment-actions button):hover{
  background:var(--puro-surface-raised)!important;
  color:var(--puro-accent)!important;
}

/* --------------------------------------------------------------------------
 * Estados: color únicamente cuando comunica algo.
 * -------------------------------------------------------------------------- */
html[data-puro-theme="puro"] :is(
  .hub-status-pendiente,.hub-status-en_revision,.is-warning,.stage-doctor_review
){background:rgba(221,179,92,.11)!important;border:0!important;color:#e7c475!important;box-shadow:none!important}
html[data-puro-theme="puro"] :is(
  .hub-status-vencido,.is-alert,.status-overdue
){background:rgba(237,127,145,.11)!important;border:0!important;color:#f59aaa!important;box-shadow:none!important}
html[data-puro-theme="puro"] :is(
  .hub-status-cerrado,.hub-status-aprobado,.hub-status-publicado,.status-paid,.stage-published
){background:rgba(117,242,196,.10)!important;border:0!important;color:#93aaff!important;box-shadow:none!important}
html[data-puro-theme="puro"] :is(.stage-production,.stage-internal_review,.stage-changes){background:rgba(111,146,232,.11)!important;border:0!important;color:#91acf0!important}
html[data-puro-theme="puro"] .hub-status-dot{box-shadow:none!important}
html[data-puro-theme="puro"] .hub-client-card.is-offline .hub-status-dot{box-shadow:none!important}
html[data-puro-theme="puro"] :is(.hub-notification-badge,.hub-menu-badge,.hub-app-nav-badge){box-shadow:none!important}

/* Bandeja de atención: no crema; usa acento ámbar solo en indicador. */
html[data-puro-theme="puro"] .hub-unified-pending-list>a{
  background:var(--puro-surface-raised)!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-puro-theme="puro"] .hub-unified-pending-list>a :is(.hub-status-dot,.hub-attention-dot){background:var(--puro-warning)!important}

/* --------------------------------------------------------------------------
 * Propuestas: pieza al centro, controles secundarios discretos.
 * -------------------------------------------------------------------------- */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-proposal-editor>summary,.hub-proposal-reply,.hub-proposal-internal-tools,
  .hub-proposal-internal-tools>summary,.hub-edit-media-grid>label
){background:var(--puro-surface-raised)!important;background-image:none!important;border:0!important;box-shadow:none!important;color:var(--puro-text)!important}
html[data-puro-theme="puro"] .hub-proposal-detail{border:0!important}
html[data-puro-theme="puro"] .hub-proposal-meta span{background:#111817!important;border:0!important;color:var(--puro-text-muted)!important}
html[data-puro-theme="puro"] .hub-proposal-admin-actions{border:0!important}
html[data-puro-theme="puro"] .hub-proposal-timeline>div:not(:last-child):before{background:rgba(255,255,255,.12)!important}
html[data-puro-theme="puro"] .hub-proposal-timeline i{box-shadow:none!important;background:var(--puro-accent)!important}
html[data-puro-theme="puro"] .hub-proposal-filters a{
  background:transparent!important;border:0!important;color:var(--puro-text-muted)!important;box-shadow:none!important
}
html[data-puro-theme="puro"] .hub-proposal-filters a:is(.is-active,:hover){background:transparent!important;color:var(--puro-text)!important;box-shadow:inset 0 -2px var(--puro-accent)!important}

/* Mockups e imágenes conservan su lenguaje propio; el marco PURO no los invade. */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-preview-media,.hub-preview-media img,.hub-proposal-gallery,.hub-proposal-gallery img,
  .hub-social-slider,.hub-social-slides,.hub-social-slides img,.hub-ad-site,.hub-proposal-card-cover
){border-color:transparent!important;box-shadow:none!important}

/* --------------------------------------------------------------------------
 * Resultados, presencia y gráficas.
 * -------------------------------------------------------------------------- */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-results-kpis>*,.hub-presence-kpis>*,.hub-action-kpis>*,.hub-stat-grid>*,.hub-metric-grid>*,
  .hub-billing-kpis>*,.hub-billing-client-kpis>*,.hub-plan-summary>*,.hub-production-overview>*
){background:var(--puro-surface-raised)!important;border:0!important;box-shadow:none!important}
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-results-kpis>*,.hub-presence-kpis>*,.hub-action-kpis>*,.hub-stat-grid>*,.hub-metric-grid>*
) :is(b,strong){color:var(--puro-text)!important}
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-progress-track,.hub-channel-track,.hub-presence-channel-copy>i
){background:#171f36!important;border:0!important;box-shadow:none!important}
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-progress-track>span,.hub-channel-track>span,.hub-presence-channel-copy>i span,
  .hub-progress-fill,.hub-prompt-quality>i>span
){background:linear-gradient(90deg,#24c894,#9bb0ff)!important;box-shadow:none!important}

/* Plataformas mantienen color solo en icono/logo. */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-results-source-grid>*,.hub-channel-grid>*,.hub-achievement-grid>*,.hub-account-links>*,.hub-more-grid>*
){background:var(--puro-surface-raised)!important;border:0!important;box-shadow:none!important}
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-results-source-grid>*>span,.hub-presence-kpis>*>span,.hub-action-kpis>*>span,
  .hub-presence-insights>*>span,.hub-digital-icon,.hub-attention-icon,.hub-team-empty-icon
){background:#10231d!important;border:0!important;color:var(--puro-accent)!important;box-shadow:none!important}
html[data-puro-theme="puro"] .puro-hub-app :is(img,.hub-brand-icon img,.hub-brand-icon svg,.hub-work-tool-brand){filter:none!important}

/* --------------------------------------------------------------------------
 * Facturación / SAT: jerarquía editorial, campos oscuros, sin mosaicos blancos.
 * -------------------------------------------------------------------------- */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-sat-rows>*,.hub-billing-status-grid>*,.hub-billing-client-list>*,.hub-billing-account-nav>*,
  .hub-billing-kpis>*,.hub-billing-client-kpis>*,.hub-plan-summary>*
){background:var(--puro-surface-raised)!important;border:0!important;box-shadow:none!important;color:var(--puro-text)!important}
html[data-puro-theme="puro"] .hub-sat-rows>div :is(span,b),
html[data-puro-theme="puro"] .hub-billing-status-grid>div :is(span,small,b),
html[data-puro-theme="puro"] .hub-billing-kpis>div :is(span,small,b),
html[data-puro-theme="puro"] .hub-billing-client-kpis>div :is(span,small,b),
html[data-puro-theme="puro"] .hub-plan-summary>div :is(span,small,b){color:var(--puro-text-soft)!important;opacity:1!important}
html[data-puro-theme="puro"] .hub-billing-client-list em{background:#151c1b!important;color:var(--puro-text-muted)!important;border:0!important}
html[data-puro-theme="puro"] .hub-billing-client-list em.status-paid{background:rgba(117,242,196,.10)!important;color:#93aaff!important}
html[data-puro-theme="puro"] .hub-billing-client-list em.status-overdue{background:rgba(237,127,145,.10)!important;color:#f59aaa!important}
html[data-puro-theme="puro"] :is(.hub-billing-client-list>a,.hub-billing-account-nav>a):is(:hover,.is-active){
  background:var(--puro-surface-hover)!important;border:0!important;color:var(--puro-text)!important
}

/* --------------------------------------------------------------------------
 * Equipo, herramientas y accesos.
 * -------------------------------------------------------------------------- */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-custom-tool-list>article,.hub-work-tool-primary>a,.hub-work-tool-more,.hub-work-tool-all>a,
  .hub-work-tool-config,.hub-access-static-grid>span,.hub-credential-fields label>span
){background:var(--puro-surface-raised)!important;border:0!important;box-shadow:none!important;color:var(--puro-text)!important}
html[data-puro-theme="puro"] .hub-work-tool-config{border:1px dashed rgba(255,255,255,.10)!important}
html[data-puro-theme="puro"] .hub-custom-tool-list article form button{background:rgba(237,127,145,.08)!important;border:0!important;color:#f59aaa!important}
html[data-puro-theme="puro"] .hub-expert-access{background:transparent!important;border:0!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-expert-access>div{border:0!important}

/* --------------------------------------------------------------------------
 * Geografía y metas.
 * -------------------------------------------------------------------------- */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-geo-summary>*,.hub-assets-checklist>*,.hub-goal-grid>*,.hub-findings-grid>*
){background:var(--puro-surface-raised)!important;border:0!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-geo-editor>summary:after{background:#10231d!important;border:0!important;color:var(--puro-accent)!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-geo-empty{background:var(--puro-surface-raised)!important;border:0!important;color:var(--puro-text-soft)!important}

/* --------------------------------------------------------------------------
 * Modales y drawers: superficies negras grandes, sin marcos acumulados.
 * -------------------------------------------------------------------------- */
html[data-puro-theme="puro"] :is(
  .hub-operations-popover,.hub-proposal-chat-card,.hub-proposal-chat-card>header,
  .hub-proposal-chat-composer,.hub-proposal-chat-history,.hub-user-admin-dialog,
  .hub-user-admin-dialog>header,.hub-user-admin-section,.hub-work-tool-drawer,
  .hub-agency-chat-drawer,.hub-doctor-message-inbox,.hub-proposal-preview-dialog
){
  background:#080b16!important;
  background-image:none!important;
  border:0!important;
  box-shadow:0 28px 80px rgba(0,0,0,.48)!important;
  color:var(--puro-text)!important;
}
html[data-puro-theme="puro"] :is(.hub-user-admin-section,.hub-proposal-chat-composer,.hub-proposal-chat-history){box-shadow:none!important}
html[data-puro-theme="puro"] .hub-operations-popover :is(a,button){border:0!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-operations-popover :is(a,button):is(:hover,.is-active){background:var(--puro-surface-raised)!important;color:var(--puro-text)!important}
html[data-puro-theme="puro"] .hub-menu-section{border:0!important}
html[data-puro-theme="puro"] .hub-menu-section>small{color:var(--puro-text-muted)!important;text-transform:none!important;letter-spacing:.01em!important}

/* Chat: una sola burbuja limpia, badge cuando hay atención. */
html[data-puro-theme="puro"] .hub-doctor-message-fab{
  background:#0a1020!important;
  border:0!important;
  box-shadow:0 12px 34px rgba(0,0,0,.42)!important;
  color:var(--puro-text)!important;
}
html[data-puro-theme="puro"] .hub-doctor-message-fab:before,
html[data-puro-theme="puro"] .hub-doctor-message-fab:after{box-shadow:none!important;border-color:transparent!important}
html[data-puro-theme="puro"] .hub-thread article,
html[data-puro-theme="puro"] .hub-proposal-chat-thread article{
  background:var(--puro-surface-raised)!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--puro-text)!important;
}
html[data-puro-theme="puro"] .hub-thread article.is-mine,
html[data-puro-theme="puro"] .hub-proposal-chat-thread article.is-mine{background:#162542!important}
html[data-puro-theme="puro"] .hub-message-copy{background:transparent!important;border:0!important;color:var(--puro-text-muted)!important}
html[data-puro-theme="puro"] .hub-message-copy:is(:hover,.is-copied){background:var(--puro-surface-soft)!important;color:var(--puro-text)!important}

/* --------------------------------------------------------------------------
 * Componentes históricos que alguna vez introdujeron blanco.
 * Red de seguridad final sin modificar layout.
 * -------------------------------------------------------------------------- */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-ad-site,.hub-assignment-titleline,.hub-expert-avatar,.hub-geo-empty,.hub-lead-path,
  .hub-media-order,.hub-menu-install,.hub-notification-bubble,.hub-proposal-card-cover,
  .hub-proposal-gallery,.hub-proposal-showcase,.hub-proposal-visual-placeholder,
  .hub-quick-actions-icons,.hub-social-slider,.hub-social-slides,.hub-team-empty-icon,
  .hub-ticket-attachment,.puro-hub-global-nav,.hub-assets-overview>div:first-child>span,
  .hub-goal-card>div>span,.hub-one-step-doctor-actions-preview span:first-child,
  .hub-one-step-sendbar>div:first-child>span,.hub-scheduled-proposal-banner>div:first-child>span,
  .hub-ticket-tags span,.hub-ticket-tags time
){
  background:var(--puro-surface-raised)!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--puro-text-soft)!important;
}

/* Elementos visuales reales: no oscurecer imágenes ni marcas. */
html[data-puro-theme="puro"] .puro-hub-app :is(
  img,.hub-brand-icon img,.hub-brand-icon svg,.hub-preview-media img,.hub-proposal-gallery img,.hub-social-slides img
){filter:none!important}

/* --------------------------------------------------------------------------
 * Bienvenida: misma marca PURO, más limpia y financiera.
 * -------------------------------------------------------------------------- */
html[data-puro-theme="puro"] .hub-welcome-backdrop{background:#040611!important;backdrop-filter:none!important}
html[data-puro-theme="puro"] .hub-welcome-halo{display:none!important}
html[data-puro-theme="puro"] .hub-welcome-mark{filter:drop-shadow(0 0 12px rgba(117,242,196,.24))!important}
html[data-puro-theme="puro"] .hub-welcome-mark i{background:#f8f9ff!important;box-shadow:0 0 10px rgba(190,203,255,.32)!important}
html[data-puro-theme="puro"] .hub-welcome-mark b{display:none!important}
html[data-puro-theme="puro"] .hub-welcome-copy h2{font-family:var(--puro-ui-font)!important;font-weight:650!important;letter-spacing:-.04em!important;color:var(--puro-text)!important}
html[data-puro-theme="puro"] .hub-welcome-copy p{color:var(--puro-text-muted)!important}

/* --------------------------------------------------------------------------
 * Responsive visual: sin cambios de posición ni scroll.
 * -------------------------------------------------------------------------- */
@media(max-width:820px){
  html[data-puro-theme="puro"] .puro-hub-topbar{border:0!important;box-shadow:none!important}
  html[data-puro-theme="puro"] .hub-client-primary-tabs{border:0!important;box-shadow:none!important}
  html[data-puro-theme="puro"] .hub-app-nav{border:0!important;box-shadow:none!important}
  html[data-puro-theme="puro"] .puro-hub-app :is(.hub-panel,.hub-client-card,.hub-client-card-compact,.hub-work-inbox,.hub-billing-panel,.hub-proposal-thread){border-radius:22px!important}
}

/* Movimiento reducido: respetar preferencia del sistema. */
@media(prefers-reduced-motion:reduce){
  html[data-puro-theme="puro"] .puro-hub-app *,
  html[data-puro-theme="puro"] .puro-hub-topbar *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* --------------------------------------------------------------------------
 * Cobertura de componentes heredados: una sola regla por familia evita
 * reintroducir superficies claras cuando un módulo antiguo se vuelve visible.
 * -------------------------------------------------------------------------- */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-command-center,.hub-attention-card,.hub-card-specialist,.hub-summary-activity,
  .hub-summary-compact,.hub-summary-operations,.hub-summary-team,.hub-role-focus-stats,
  .hub-role-panel,.hub-role-restriction,.hub-role-cloud,.hub-create-panel,.hub-work-row,
  .hub-work-row-meta,.hub-work-transfer,.hub-expert-load,.hub-expert-pending-list,
  .hub-team-login-access,.hub-team-login-link,.hub-assignment-timeline,.hub-client-drawer,
  .hub-conversation-panel,.hub-doctor-activity,.hub-doctor-message-item,.hub-lead,
  .hub-lead-detail,.hub-lead-summary,.hub-lead-outcome-editor,.hub-empty,.hub-empty-inline,
  .hub-remote-error,.hub-period-filter,.hub-quick-actions,.hub-profile-notifications,
  .hub-service-item,.hub-service-admin-icon,.hub-service-visual-icon,.hub-ticket-tool-strip,
  .hub-timeline,.hub-toolbar-links,.hub-upload-invoice,.hub-user-access-row,
  .hub-user-edit-popover,.hub-password-editor,.hub-menu-portal,.hub-menu-current-client,
  .hub-blog-editor,.hub-blog-editor-shell,.hub-blog-editor-toolbar,.hub-blog-settings,
  .hub-blog-publication,.hub-blog-publication-grid,.hub-blog-publish-date,
  .hub-blog-workspace-head,.hub-blog-image-block,.hub-blog-image-fields,
  .hub-image-prompt-workspace,.hub-prompt-workspace,.hub-prompt-tool-tabs,
  .hub-context-fields,.hub-context-preset-grid,.hub-wizard-checklist,.hub-wizard-choice-row,
  .hub-wizard-format-grid,.hub-wizard-preview,.hub-wizard-preview-frame,.hub-wizard-prompt-card,
  .hub-wizard-section-block,.hub-wizard-steps,.hub-wizard-toolbox,.hub-work-area-card,
  .hub-work-filters,.hub-proposal-master-calendar,.hub-master-calendar-day,
  .hub-master-status-legend,.hub-proposal-media-field,.hub-media-dropzone,.hub-media-order,
  .hub-proposal-mobile-nav,.hub-proposal-notice-bubble,.hub-proposal-presentation,
  .hub-proposal-preview-only,.hub-proposal-wizard-shell,.hub-proposal-workflow-bar,
  .hub-published-archive,.hub-published-grid,.hub-live-article,.hub-live-blog,
  .hub-live-google-ad,.hub-live-instagram,.hub-live-strategy,.hub-social-post-card,
  .hub-social-preview-toolbar,.hub-browser-bar,.hub-browser-preview,.hub-search-ad-preview,
  .hub-proposal-article-preview,.hub-proposal-article-content,.hub-invoice-attachment,
  .hub-one-time-credential,.hub-onetime-item,.hub-delivery-scheduler,.hub-delivery-mode-grid,
  .hub-geo-editor-intro,.hub-geo-settings-form,.hub-progress-bar
){
  background:var(--puro-surface)!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  color:var(--puro-text)!important;
}

/* Hijos interactivos o repetidos de las familias anteriores. */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-published-grid>*,.hub-lead-summary>*,.hub-role-cloud>*,.hub-wizard-choice-row>*,
  .hub-wizard-format-grid>*,.hub-context-preset-grid>*,.hub-delivery-mode-grid>*,
  .hub-master-status-legend>*,.hub-work-filters>*,.hub-visible-filters>*,.hub-filter-group>*,
  .hub-prompt-tool-tabs>*,.hub-social-preview-toolbar>*
){
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--puro-text-muted)!important;
}
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-wizard-choice-row>*,.hub-wizard-format-grid>*,.hub-context-preset-grid>*,
  .hub-delivery-mode-grid>*,.hub-work-filters>*,.hub-visible-filters>*,.hub-filter-group>*,
  .hub-prompt-tool-tabs>*,.hub-social-preview-toolbar>*
):is(.is-active,:hover){
  background:var(--puro-surface-raised)!important;
  color:var(--puro-text)!important;
}

/* Avisos, errores y validaciones: tintes oscuros, nunca crema/blanco. */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-card-alert,.hub-form-warning,.hub-context-warning,.hub-delivery-safety,
  .hub-regulatory-note,.hub-blog-publish-warning,.hub-notice.is-warning
){background:rgba(221,179,92,.10)!important;background-image:none!important;border:0!important;color:#e7c475!important;box-shadow:none!important}
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-client-error,.hub-notice.is-error,.hub-spam-btn
){background:rgba(237,127,145,.10)!important;background-image:none!important;border:0!important;color:#f59aaa!important;box-shadow:none!important}

/* Pills y pequeñas etiquetas: compactas, sin contornos decorativos. */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-connection-badge,.hub-outcome-badge,.hub-payment-chip,.hub-response-badge,.hub-stage-badge,
  .hub-service-status,.hub-one-step-date-chip,.hub-geo-status,.hub-account-status,
  .hub-blog-editor-status,.hub-blog-remote-status,.hub-plan-badge
){background:#141b30!important;background-image:none!important;border:0!important;box-shadow:none!important;color:var(--puro-text-soft)!important}
html[data-puro-theme="puro"] .puro-hub-app :is(.hub-connection-badge.is-online,.hub-service-status.is-active){background:rgba(117,242,196,.10)!important;color:#93aaff!important}
html[data-puro-theme="puro"] .puro-hub-app :is(.hub-connection-badge.is-offline,.hub-service-status.is-inactive){background:rgba(255,255,255,.055)!important;color:var(--puro-text-muted)!important}

/* Controles pequeños y cierres. */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-proposal-chat-close,.hub-chat-message-menu-pop,.hub-context-toggle,.hub-no-context-option,
  .hub-check,.hub-check-row
){background:var(--puro-surface-raised)!important;background-image:none!important;border:0!important;box-shadow:none!important;color:var(--puro-text-soft)!important}
html[data-puro-theme="puro"] .hub-preview-carousel-dots button{background:rgba(255,255,255,.24)!important;border:0!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-preview-carousel-dots button.is-active{background:var(--puro-accent)!important}

/* Menú: opciones como lista editorial, no tarjetas. */
html[data-puro-theme="puro"] .hub-operations-popover nav a,
html[data-puro-theme="puro"] .hub-menu-section>a,
html[data-puro-theme="puro"] .hub-menu-logout{
  background:transparent!important;
  border:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
  color:var(--puro-text-soft)!important;
}
html[data-puro-theme="puro"] .hub-menu-logout{color:#f09aaa!important}

/* Wordmark de carga: PURO aparece como barrido sutil mientras gira el isotipo. */
html[data-puro-theme="puro"] .hub-welcome-wordmark{
  display:block!important;
  margin:-6px 0 2px!important;
  font-family:var(--puro-ui-font)!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:720!important;
  letter-spacing:.22em!important;
  color:transparent!important;
  background:linear-gradient(100deg,#f7f9ff 0%,#f7f9ff 34%,#75f2c4 48%,#f7f9ff 62%,#f7f9ff 100%)!important;
  background-size:230% 100%!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  animation:puroWordmarkLoad 1.45s linear infinite!important;
}
@keyframes puroWordmarkLoad{from{background-position:115% 0}to{background-position:-115% 0}}
@media(prefers-reduced-motion:reduce){html[data-puro-theme="puro"] .hub-welcome-wordmark{animation:none!important;background-position:50% 0!important}}

/* Cobertura final de clases históricas con rellenos claros. */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-activity-line,.hub-billing-files,.hub-chat-attachment,.hub-chat-puro-composer,
  .hub-chat-puro-thread,.hub-client-back-row,.hub-delivery-date,.hub-finding,
  .hub-lead-call,.hub-lead-form,.hub-mode-switcher,.hub-one-step-note,.hub-operations-menu,
  .hub-phase-choice-grid,.hub-presence-channel,.hub-proposal-date-card,.hub-proposal-emoji-panel,
  .hub-search,.hub-social-dots,.hub-welcome-card,.puro-blog-cta,.puro-blog-faq
){background:var(--puro-surface)!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;color:var(--puro-text)!important}
html[data-puro-theme="puro"] .hub-client-action{background:rgba(221,179,92,.08)!important;background-image:none!important;border:0!important;box-shadow:none!important;color:var(--puro-text-soft)!important}
html[data-puro-theme="puro"] .hub-proposal-chat-tools>button:not(.hub-btn),
html[data-puro-theme="puro"] .hub-proposal-chat-tools>label{
  background:var(--puro-surface-raised)!important;border:0!important;box-shadow:none!important;color:var(--puro-text-soft)!important
}
html[data-puro-theme="puro"] :is(.hub-status-nuevo,.hub-status-respondido,.status-pending,.is-pending,.is-pendiente,.is-new){background:rgba(111,146,232,.10)!important;border:0!important;color:#91acf0!important}
html[data-puro-theme="puro"] :is(.status-vencido,.priority-alta,.is-danger,.is-risk){background:rgba(237,127,145,.10)!important;border:0!important;color:#f59aaa!important}
html[data-puro-theme="puro"] :is(.priority-media,.is-attention,.needs-attention){background:rgba(221,179,92,.10)!important;border:0!important;color:#e7c475!important}
html[data-puro-theme="puro"] :is(.is-success,.is-done,.is-complete){background:rgba(117,242,196,.10)!important;border:0!important;color:#93aaff!important}
html[data-puro-theme="puro"] :is(.is-info,.is-current,.is-tracking){background:rgba(117,242,196,.09)!important;border:0!important;color:#97aeff!important}
html[data-puro-theme="puro"] :is(.is-draft,.is-future,.is-previous,.is-unconfigured,.is-withdrawn,.is-empty){background:rgba(255,255,255,.045)!important;border:0!important;color:var(--puro-text-muted)!important}
html[data-puro-theme="puro"] :is(.is-total,.is-client,.is-contacts,.is-billing){background:var(--puro-surface-raised)!important;border:0!important;color:var(--puro-text)!important}

/* Descendientes históricos que tenían su propio relleno claro. */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-quick-actions a,.hub-toolbar-links a,.hub-role-cloud span,
  .hub-billing-panel>summary,.hub-billing-record>summary,.hub-billing-files>div,
  .hub-service-item>summary,.hub-onetime-item>summary,.hub-welcome-card li,
  .hub-proposal-mobile-nav a,.hub-proposal-presentation>div,.hub-conversation-panel>summary,
  .hub-client-back-row>span,.hub-proposal-thread>summary,.hub-social-preview-toolbar>div,
  .hub-browser-bar span,.hub-service-list>a,.hub-summary-team>a,.hub-summary-activity>a,
  .hub-expert-pending-list a,.hub-lead-detail dl>div,.hub-geo-editor .hub-check-row label,
  .hub-chat-attachment.is-file>b,.hub-proposal-emoji-panel button,
  .hub-doctor-message-inbox>header,.hub-doctor-message-inbox>header button,
  .hub-work-tool-drawer>header,.hub-work-tool-drawer>header button,
  .hub-wizard-checklist label,.hub-wizard-preview>header,.hub-wizard-preview>footer,
  .hub-live-strategy>div,.hub-prompt-workspace>header,.hub-prompt-workspace>footer,
  .hub-image-prompt-workspace>header,.hub-role-focus-stats article,.hub-delivery-date>label,
  .hub-blog-editor-toolbar button,.hub-blog-image-fields button,.hub-blog-publication>header>span,
  .hub-blog-publication-grid label,.hub-blog-remote-status>span,.hub-blog-remote-status a,
  .hub-password-editor>label>div,.hub-phase-choice-grid label>span,
  .hub-chat-puro-thread>article>div
){
  background:var(--puro-surface-raised)!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  color:var(--puro-text-soft)!important;
}

/* Subestados y microindicadores: color sin tarjetas claras. */
html[data-puro-theme="puro"] .hub-card-specialist em.has-pending,
html[data-puro-theme="puro"] .hub-summary-team strong.has-pending,
html[data-puro-theme="puro"] .hub-expert-load strong.has-pending,
html[data-puro-theme="puro"] .hub-payment-chip.status-pending b{
  background:rgba(221,179,92,.11)!important;border:0!important;color:#e7c475!important
}
html[data-puro-theme="puro"] .hub-payment-chip.status-overdue b{background:rgba(237,127,145,.11)!important;border:0!important;color:#f59aaa!important}
html[data-puro-theme="puro"] .hub-payment-chip.status-paid b{background:rgba(117,242,196,.10)!important;border:0!important;color:#93aaff!important}
html[data-puro-theme="puro"] .hub-social-dots button.is-active{background:var(--puro-text)!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-work-row.needs-attention .hub-work-row-meta i{background:var(--puro-danger)!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-summary-activity>a>i,
html[data-puro-theme="puro"] .hub-activity-line i,
html[data-puro-theme="puro"] .hub-timeline article>i{background:var(--puro-accent)!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-wizard-steps button b{background:var(--puro-surface-soft)!important;border:0!important;color:var(--puro-text-soft)!important}
html[data-puro-theme="puro"] .hub-wizard-steps button:is(.is-active,.is-complete) b{background:var(--puro-accent)!important;color:#03100d!important}
html[data-puro-theme="puro"] .hub-proposal-review-card>summary::after{background:var(--puro-surface-raised)!important;border:0!important;color:var(--puro-accent)!important;box-shadow:none!important}

/* Escala tipográfica de navegación más cercana a una app nativa. */
html[data-puro-theme="puro"] .hub-client-primary-tabs>a{font-size:11px!important;font-weight:620!important;letter-spacing:-.01em!important}
html[data-puro-theme="puro"] .hub-client-primary-tabs>a span{font-size:11px!important}
html[data-puro-theme="puro"] .hub-app-nav :is(a,button){font-size:10px!important;font-weight:600!important;letter-spacing:-.01em!important}
html[data-puro-theme="puro"] .hub-section-head h2{font-weight:680!important;letter-spacing:-.035em!important}

/* Modificadores específicos incluidos para que la auditoría de superficies cierre en cero. */
html[data-puro-theme="puro"] .hub-master-calendar-day.has-events{background:var(--puro-surface-raised)!important;border-color:transparent!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-client-avatar.hub-phase-tier-3::after{display:none!important;background:transparent!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-chat-attachment.is-image{background:var(--puro-surface-raised)!important;border:0!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-outcome-badge.is-no_cerrado{background:rgba(237,127,145,.10)!important;border:0!important;color:#f59aaa!important}
html[data-puro-theme="puro"] .hub-operations-menu.is-open>.hub-operations-popover{background:#080b16!important;border:0!important;box-shadow:0 28px 80px rgba(0,0,0,.48)!important}

/* PURO 3.9.1 — en móvil el inicio usa el dock como navegación global.
 * El centro de mando conserva solo filtros/enfoque y deja de sentirse como
 * un segundo menú de tarjetas. */
@media(max-width:820px){
  html[data-puro-theme="puro"] .hub-command-center{
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
  }
  html[data-puro-theme="puro"] .hub-command-center:before,
  html[data-puro-theme="puro"] .hub-command-center:after{display:none!important}
}

/* ========================================================================== 
 * PURO Agency Hub 3.9.2 — auditoría final de superficies y navegación ligera
 * No cambia layout, posiciones, scroll ni jerarquía. Solo elimina rellenos
 * claros residuales y evita que Oscuro/PURO reintroduzcan “parches” blancos.
 * ========================================================================== */

/* La captura de auditoría tenía Oscuro activo. Se corrigen los mismos residuos
 * también allí para que las vistas de facturación no dependan del selector. */
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
  .hub-billing-record,
  .hub-billing-record>summary,
  .hub-billing-record[open]>summary,
  .hub-billing-record-body,
  .hub-billing-files,
  .hub-billing-files>div,
  .hub-upload-invoice,
  .hub-invoice-attachment
){
  background:#0b1011!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:none!important;
  color:#f8f9ff!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app :is(
  .hub-upload-invoice input[type="file"],
  .hub-invoice-attachment input[type="file"]
){
  background:#10182c!important;
  color:#e4e8f3!important;
  border-color:rgba(255,255,255,.10)!important;
  color-scheme:dark!important;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app input[type="file"]::file-selector-button{
  margin-right:10px;
  padding:7px 10px;
  border:0;
  border-radius:9px;
  background:#133027;
  color:#f8f9ff;
  font:inherit;
  font-weight:650;
  cursor:pointer;
}
html:is([data-puro-theme="dark"],[data-puro-theme="puro"]) .puro-hub-app input[type="file"]::-webkit-file-upload-button{
  margin-right:10px;
  padding:7px 10px;
  border:0;
  border-radius:9px;
  background:#133027;
  color:#f8f9ff;
  font:inherit;
  font-weight:650;
}

/* En Oscuro, los estados activos ya no se convierten en cápsulas blancas.
 * PURO conserva sus reglas propias de acento verde definidas arriba. */
html[data-puro-theme="dark"] .puro-hub-app .hub-client-primary-tabs>a.is-active{
  background:#19223b!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#f4f6f5!important;
  box-shadow:inset 0 -2px #75f2c4!important;
}
html[data-puro-theme="dark"] .hub-theme-choice button.is-active{
  background:#19223b!important;
  border-color:rgba(117,242,196,.34)!important;
  color:#f4f6f5!important;
  box-shadow:inset 0 0 0 1px rgba(117,242,196,.08)!important;
}

/* Cobertura PURO para selectores activos heredados que antes usaban blanco. */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-one-step-formats button.is-active,
  .hub-one-step-delivery-buttons button.is-active,
  .hub-one-step-content-mode button.is-active,
  .hub-one-step-delivery-final-tabs button.is-active
){
  background:var(--puro-surface-raised)!important;
  border-color:rgba(117,242,196,.24)!important;
  color:var(--puro-text)!important;
  box-shadow:none!important;
}


/* v3.9.5 — realce controlado del icono y filtro en tema PURO. */
html[data-puro-theme="puro"] .puro-hub-logo-mark i{background:linear-gradient(135deg,#b8f5de 0%,#79c6ff 52%,#d18bff 100%)!important;box-shadow:0 0 8px rgba(155,176,255,.42),0 0 20px rgba(121,198,255,.22)!important}
html[data-puro-theme="puro"] .hub-period-filter select,html[data-puro-theme="puro"] .hub-theme-toggle{background:linear-gradient(135deg,#0f211b,#12211f)!important;border-color:rgba(155,176,255,.14)!important;color:#f8f9ff!important}


/* ========================================================================
 * v3.9.6 — Tema PURO: isotipo visible + cierres contra superficies claras.
 * ====================================================================== */
html[data-puro-theme="puro"] :is(.hub-agency-chat-modal,.hub-agency-chat-backdrop,.hub-agency-chat-drawer,.hub-chat-sidebar,.hub-chat-thread-stack,.hub-chat-puro-shell,.hub-chat-puro-head,.hub-chat-puro-thread,.hub-chat-puro-composer,.hub-doctor-message-inbox,.hub-doctor-message-item,.hub-conversation-panel,.hub-proposal-preview-dialog,.hub-proposal-chat-card,.hub-proposal-chat-card>header,.hub-proposal-chat-composer,.hub-proposal-chat-history,.hub-user-admin-dialog,.hub-operations-popover){
  background-image:none!important;
  box-shadow:none!important;
}
html[data-puro-theme="puro"] :is(.hub-chat-sidebar,.hub-chat-thread-stack,.hub-chat-puro-shell,.hub-chat-puro-head,.hub-chat-puro-thread,.hub-chat-puro-composer,.hub-doctor-message-inbox,.hub-doctor-message-item,.hub-conversation-panel,.hub-proposal-preview-dialog,.hub-proposal-chat-card,.hub-proposal-chat-card>header,.hub-proposal-chat-composer,.hub-proposal-chat-history,.hub-user-admin-dialog,.hub-operations-popover){
  background:#091211!important;
  border-color:rgba(255,255,255,.06)!important;
  color:#edf1ff!important;
}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark{
  position:relative!important;
  width:30px!important;
  height:30px!important;
  filter:drop-shadow(0 0 10px rgba(155,176,255,.34)) drop-shadow(0 0 24px rgba(121,198,255,.16))!important;
  animation:hubHeaderIconBreath 2.1s ease-in-out infinite!important;
}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark::before{
  content:"";
  position:absolute;
  inset:18%;
  border-radius:999px;
  background:radial-gradient(circle,rgba(155,176,255,.46) 0%,rgba(155,176,255,.14) 42%,rgba(155,176,255,0) 72%);
  filter:blur(8px);
  opacity:.78;
  transform:scale(.86);
  animation:hubHeaderHaloBreath 2.1s ease-in-out infinite!important;
  pointer-events:none;
}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark i{
  width:8px!important;
  height:8px!important;
  background:linear-gradient(135deg,#b8f5de 0%,#7bc6ff 55%,#d18bff 100%)!important;
  box-shadow:0 0 10px rgba(155,176,255,.54),0 0 24px rgba(123,198,255,.24)!important;
  animation:hubHeaderDotGlow 2.1s ease-in-out infinite!important;
}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark i:nth-child(2){animation-delay:.15s!important}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark i:nth-child(3){animation-delay:.3s!important}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark i:nth-child(4){animation-delay:.45s!important}
html[data-puro-theme="puro"] .hub-theme-toggle{box-shadow:0 0 0 1px rgba(155,176,255,.09),0 16px 28px -20px rgba(155,176,255,.40)!important}
@keyframes hubHeaderIconBreath{0%,100%{filter:drop-shadow(0 0 8px rgba(155,176,255,.26)) drop-shadow(0 0 18px rgba(121,198,255,.12));transform:translateZ(0) scale(.97)}50%{filter:drop-shadow(0 0 14px rgba(155,176,255,.48)) drop-shadow(0 0 32px rgba(121,198,255,.24));transform:translateZ(0) scale(1)}}
@keyframes hubHeaderHaloBreath{0%,100%{opacity:.52;transform:scale(.82)}50%{opacity:.92;transform:scale(1.08)}}
@keyframes hubHeaderDotGlow{0%,100%{box-shadow:0 0 8px rgba(155,176,255,.46),0 0 18px rgba(123,198,255,.18)}50%{box-shadow:0 0 13px rgba(155,176,255,.66),0 0 28px rgba(123,198,255,.34)}}
@media(max-width:560px){html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark{width:28px!important;height:28px!important}html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark i{width:7px!important;height:7px!important}}
@media(prefers-reduced-motion:reduce){html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark,html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark::before,html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark i{animation:none!important}}

/* ========================================================================
 * v3.9.7 — isotipo y header refinados para Tema PURO:
 * - isotipo del hub con color visible (no monocromo)
 * - proporción conservada y lectura limpia en móvil
 * ====================================================================== */
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-brand,
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-brandline,
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark{
  overflow:visible!important;
}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-brand{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-brandline{
  width:38px!important;
  height:38px!important;
}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark{
  width:24px!important;
  height:24px!important;
  opacity:1!important;
  filter:drop-shadow(0 0 10px rgba(155,176,255,.28)) drop-shadow(0 0 18px rgba(121,198,255,.16))!important;
}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark::before,
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark::after{
  display:none!important;
}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark i{
  width:7px!important;
  height:7px!important;
  opacity:1!important;
  background:linear-gradient(135deg,#b8f5de 0%,#7bc6ff 54%,#d18bff 100%)!important;
  box-shadow:0 0 8px rgba(155,176,255,.42),0 0 18px rgba(123,198,255,.18)!important;
}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark i:nth-child(1){left:50%!important;top:16%!important;transform:translate(-50%,-50%)!important}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark i:nth-child(2){left:84%!important;top:50%!important;transform:translate(-50%,-50%)!important}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark i:nth-child(3){left:50%!important;top:84%!important;transform:translate(-50%,-50%)!important}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark i:nth-child(4){left:16%!important;top:50%!important;transform:translate(-50%,-50%)!important}
html[data-puro-theme="puro"] .hub-theme-toggle .hub-icon{
  color:#b8f5de!important;
  filter:drop-shadow(0 0 10px rgba(155,176,255,.34)) drop-shadow(0 0 18px rgba(121,198,255,.14))!important;
}
@media(max-width:560px){
  html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-brand{width:38px!important;min-width:38px!important;height:38px!important}
  html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-brandline{width:34px!important;height:34px!important}
  html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark{width:22px!important;height:22px!important}
  html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark i{width:6px!important;height:6px!important}
}


/* ========================================================================
 * v3.9.8 — PWA Android: zona inferior/safe-area negra en app instalada.
 * ====================================================================== */
html[data-puro-theme="puro"],
html[data-puro-theme="puro"] body,
html[data-puro-theme="puro"] .puro-hub-app{
  background:#000!important;
  background-color:#000!important;
  color-scheme:dark!important;
}
@media (display-mode: standalone), (display-mode: fullscreen){
  html[data-puro-theme="puro"],
  html[data-puro-theme="puro"] body,
  html[data-puro-theme="puro"] .puro-hub-app{
    min-height:100dvh!important;
    background:#000!important;
    overscroll-behavior:none!important;
  }
  html[data-puro-theme="puro"] .hub-app-nav{
    bottom:0!important;
    padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;
    background:#040611!important;
  }
  html[data-puro-theme="puro"] body::after{
    content:"";
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    height:max(1px,env(safe-area-inset-bottom,0px));
    background:#000;
    pointer-events:none;
    z-index:69;
  }
}

/* v3.10.0 — Campaign Intelligence integrado al contrato visual PURO. */
html[data-puro-theme="puro"] :is(.hub-campaign-platforms>span,.hub-campaign-card,.hub-campaign-kpis>div,.hub-campaign-manual-data,.hub-campaign-roadmap-grid span,.hub-campaign-empty>span,.hub-campaign-card-title>span,.hub-campaign-meta span){background:#0f211b!important;border-color:rgba(255,255,255,.06)!important;box-shadow:none!important}
html[data-puro-theme="puro"] :is(.hub-campaigns-head h2,.hub-campaign-card-title h3,.hub-campaign-kpis b,.hub-campaign-empty h3){color:#f5faf8!important}
html[data-puro-theme="puro"] :is(.hub-campaigns-head p,.hub-campaign-card-title p,.hub-campaign-card-title small,.hub-campaign-kpis small,.hub-campaign-meta span,.hub-campaign-empty p){color:#a6b8b2!important}
html[data-puro-theme="puro"] :is(.hub-campaign-card>header>a,.hub-campaign-roadmap-grid span.is-ready){color:#baffdf!important}

/* v3.10.1 — Campaign Intelligence B en Tema PURO */
html[data-puro-theme="puro"] .hub-campaign-period,
html[data-puro-theme="puro"] .hub-campaign-funnel{background:#0f211b!important;border-color:rgba(255,255,255,.06)!important}
html[data-puro-theme="puro"] .hub-campaign-period b,
html[data-puro-theme="puro"] .hub-campaign-funnel b{color:#f3faf8!important}
html[data-puro-theme="puro"] .hub-campaign-period :is(small,span),
html[data-puro-theme="puro"] .hub-campaign-funnel small{color:#a6b8b3!important}
html[data-puro-theme="puro"] .hub-campaign-funnel i{color:#baffdf!important}

/* v3.10.2 — Tema PURO: comportamiento de campañas */
html[data-puro-theme="puro"] .hub-campaign-behavior>div{background:#121d35!important;border-color:rgba(255,255,255,.06)!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-campaign-behavior b{color:#f5faf8!important}
html[data-puro-theme="puro"] .hub-campaign-behavior :is(small,span),html[data-puro-theme="puro"] .hub-campaign-behavior-note{color:#a6b8b2!important}

/* v3.10.4 — PWA shell negro + resumen visual de Heatmap. */
html[data-puro-theme="puro"],html[data-puro-theme="puro"] body{background:#000!important;background-color:#000!important;color-scheme:dark!important;min-height:100dvh!important}
@media(display-mode:standalone){html[data-puro-theme="puro"],html[data-puro-theme="puro"] body{background:#000!important;background-color:#000!important;overscroll-behavior:none!important}.hub-app-nav{background:#000!important;border-top-color:rgba(255,255,255,.04)!important;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important}}
html[data-puro-theme="puro"] .hub-campaign-heatmap-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:10px;margin:10px 0 12px;padding:12px;border:1px solid rgba(168,186,255,.12);border-radius:14px;background:#0c1615!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-campaign-heatmap-summary small,html[data-puro-theme="puro"] .hub-campaign-heatmap-summary b,html[data-puro-theme="puro"] .hub-campaign-heatmap-summary span{display:block}
html[data-puro-theme="puro"] .hub-campaign-heatmap-summary small{color:#baffdf!important;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
html[data-puro-theme="puro"] .hub-campaign-heatmap-summary b{margin:3px 0;color:#f2f8f6!important;font-size:13px}
html[data-puro-theme="puro"] .hub-campaign-heatmap-summary span{color:#98aaa5!important;font-size:9px;line-height:1.45}
html[data-puro-theme="puro"] .hub-campaign-top-elements{display:grid;gap:5px}.hub-campaign-top-elements>span{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border:1px solid rgba(255,255,255,.05);border-radius:9px;background:#101b19!important}.hub-campaign-top-elements>span b{overflow:hidden;margin:0!important;text-overflow:ellipsis;white-space:nowrap;font-size:9px!important}.hub-campaign-top-elements>span em{flex:none;color:#baffdf!important;font-size:9px;font-style:normal;font-weight:800}
@media(max-width:720px){html[data-puro-theme="puro"] .hub-campaign-heatmap-summary{grid-template-columns:1fr}}

/* v3.10.5 — el borde de una prueba conserva la fase de origen */
html[data-puro-theme="puro"] .puro-hub-app .hub-scope-card.is-cross-phase.origin-tier-2{border-color:rgba(117,242,196,.58)!important;box-shadow:0 0 0 1px rgba(117,242,196,.12),0 0 24px rgba(117,242,196,.07)!important}
html[data-puro-theme="puro"] .puro-hub-app .hub-scope-card.is-cross-phase.origin-tier-3{border-color:rgba(151,132,255,.66)!important;box-shadow:0 0 0 1px rgba(151,132,255,.14),0 0 26px rgba(151,132,255,.08)!important}
html[data-puro-theme="puro"] .puro-hub-app .hub-scope-card.is-cross-phase.origin-tier-2>summary strong{color:#8fbeff!important;background:rgba(117,242,196,.11)!important}
html[data-puro-theme="puro"] .puro-hub-app .hub-scope-card.is-cross-phase.origin-tier-3>summary strong{color:#b4a5ff!important;background:rgba(151,132,255,.12)!important}
html[data-puro-theme="puro"] .puro-hub-app .hub-scope-locked-note{border-top-color:rgba(255,255,255,.07)!important;color:#cfd8d5!important}
html[data-puro-theme="puro"] .puro-hub-app .hub-scope-locked-note b{color:#f7faf9!important}

/* v3.10.6 — Membresía editable con el mismo lenguaje visual del doctor */
html[data-puro-theme="puro"] .puro-hub-app .hub-membership-editor{background:rgba(6,18,17,.78)!important;border-color:rgba(255,255,255,.08)!important}
html[data-puro-theme="puro"] .puro-hub-app .hub-membership-phase,html[data-puro-theme="puro"] .puro-hub-app .hub-membership-level,html[data-puro-theme="puro"] .puro-hub-app .hub-membership-service{background:rgba(5,14,13,.72)!important;border-color:rgba(255,255,255,.09)!important}
html[data-puro-theme="puro"] .puro-hub-app .hub-membership-phase>span,html[data-puro-theme="puro"] .puro-hub-app .hub-membership-tools-head span{color:#75f2c4!important}
html[data-puro-theme="puro"] .puro-hub-app .hub-membership-phase>b,html[data-puro-theme="puro"] .puro-hub-app .hub-membership-tools-head b,html[data-puro-theme="puro"] .puro-hub-app .hub-membership-service>summary b{color:#fff!important}
html[data-puro-theme="puro"] .puro-hub-app .hub-membership-phase>small,html[data-puro-theme="puro"] .puro-hub-app .hub-membership-service-edit>p span{color:rgba(255,255,255,.68)!important}
html[data-puro-theme="puro"] .puro-hub-app .hub-membership-tools-head a{color:#75f2c4!important}
html[data-puro-theme="puro"] .puro-hub-app .hub-membership-service.origin-tier-2.is-cross-phase{border-color:rgba(117,242,196,.72)!important;box-shadow:0 0 0 1px rgba(117,242,196,.16),0 0 24px rgba(117,242,196,.07)!important}
html[data-puro-theme="puro"] .puro-hub-app .hub-membership-service.origin-tier-3.is-cross-phase{border-color:rgba(151,132,255,.8)!important;box-shadow:0 0 0 1px rgba(151,132,255,.18),0 0 26px rgba(151,132,255,.08)!important}

/* v3.10.7 — controles de edición visibles también en Tema PURO */
html[data-puro-theme="puro"] .puro-hub-app .hub-phase-quick-actions{background:rgba(117,242,196,.055)!important;border-color:rgba(255,255,255,.10)!important}
html[data-puro-theme="puro"] .puro-hub-app .hub-phase-quick-actions b{color:#fff!important}
html[data-puro-theme="puro"] .puro-hub-app .hub-phase-quick-actions span{color:rgba(255,255,255,.72)!important}
html[data-puro-theme="puro"] .puro-hub-app .hub-membership-service>summary>strong{border-color:rgba(255,255,255,.12)!important;color:#fff!important;background:rgba(255,255,255,.035)!important}
html[data-puro-theme="puro"] .puro-hub-app .hub-membership-service[open]>summary>strong{color:#75f2c4!important;border-color:rgba(117,242,196,.34)!important}

/* v3.11.0 — Implementación y accesos recurrentes. Se mantiene dentro del Tema PURO. */
.hub-implementation-manager,.hub-client-access-manager{display:grid;gap:18px}.hub-implementation-percent{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(117,242,196,.28);background:rgba(117,242,196,.07);color:#fff;font-weight:800}.hub-implementation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hub-implementation-summary article{padding:16px;border-radius:17px;border:1px solid rgba(255,255,255,.1);background:rgba(8,9,10,.58)}.hub-implementation-summary article.is-attention{border-color:rgba(245,190,70,.28);background:rgba(245,190,70,.06)}.hub-implementation-summary small{display:block;color:rgba(255,255,255,.68)}.hub-implementation-summary b{display:block;margin-top:5px;color:#fff;font-size:20px}.hub-implementation-create,.hub-implementation-task,.hub-client-access-item{border:1px solid rgba(255,255,255,.1)!important;background:rgba(8,9,10,.58)!important;border-radius:18px!important;overflow:hidden;color:#fff}.hub-implementation-create>summary,.hub-implementation-task>summary,.hub-client-access-item>summary{display:flex;align-items:center;gap:12px;padding:16px;cursor:pointer;list-style:none;color:#fff;background:transparent!important}.hub-implementation-create>summary::-webkit-details-marker,.hub-implementation-task>summary::-webkit-details-marker,.hub-client-access-item>summary::-webkit-details-marker{display:none}.hub-implementation-create>summary>span,.hub-implementation-task>summary>span:nth-child(2),.hub-client-access-item>summary>span:nth-child(2){display:grid;gap:2px;flex:1}.hub-implementation-create>summary small,.hub-implementation-task>summary small,.hub-client-access-item>summary small{color:rgba(255,255,255,.62)}.hub-implementation-create>summary b,.hub-implementation-task>summary b,.hub-client-access-item>summary b{color:#fff}.hub-implementation-task>summary em,.hub-client-access-item>summary em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.05em;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.86)}.hub-implementation-task>summary i{font-style:normal;font-size:11px;color:#68a9ff}.hub-implementation-task.is-complete{opacity:.76}.hub-implementation-task-icon{width:38px;height:38px;border-radius:12px;display:grid!important;place-items:center;background:rgba(255,255,255,.055);flex:none!important}.hub-implementation-task-body{padding:0 16px 17px}.hub-implementation-form,.hub-implementation-create>.hub-form,.hub-client-access-item>.hub-form,.hub-implementation-create form{padding:16px;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.015)!important}.hub-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hub-implementation-manager .hub-form label,.hub-client-access-manager .hub-form label{color:rgba(255,255,255,.82)}.hub-implementation-manager input,.hub-implementation-manager select,.hub-implementation-manager textarea,.hub-client-access-manager input,.hub-client-access-manager select,.hub-client-access-manager textarea{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.11)!important;color:#fff!important}.hub-checkbox-row{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.hub-checkbox-row label{display:flex!important;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025)}.hub-checkbox-row input{width:auto!important}.hub-access-result{margin:12px 0;padding:12px;border:1px solid rgba(117,242,196,.18);border-radius:14px;background:rgba(117,242,196,.035)}.hub-access-result>summary{cursor:pointer;color:#fff;font-weight:700}.hub-implementation-evidence,.hub-implementation-doctor-evidence{padding:13px;margin:0 0 12px;border-radius:14px;border:1px solid rgba(117,242,196,.2);background:rgba(117,242,196,.05)}.hub-implementation-doctor-evidence{border-color:rgba(117,242,196,.2);background:rgba(117,242,196,.045)}.hub-implementation-evidence>b,.hub-implementation-doctor-evidence>b{display:block;margin-bottom:8px}.hub-implementation-evidence img{display:block;width:min(100%,520px);max-height:300px;object-fit:cover;border-radius:12px}.hub-implementation-evidence p,.hub-implementation-doctor-evidence p{color:rgba(255,255,255,.72)}.hub-implementation-thread{margin-top:15px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.hub-implementation-thread h4{margin:0 0 10px}.hub-implementation-message{max-width:88%;margin:8px 0;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.hub-implementation-message.is-client{margin-left:auto;border-color:rgba(117,242,196,.2);background:rgba(117,242,196,.05)}.hub-implementation-message small{color:rgba(255,255,255,.58)}.hub-implementation-message p{margin:4px 0 0;color:#fff}.hub-client-access-list{display:grid;gap:11px}.hub-client-access-item>summary>span:first-child{width:40px;height:40px;display:grid;place-items:center;background:rgba(255,255,255,.05);border-radius:12px}.hub-client-access-item>summary .hub-brand-icon{width:24px;height:24px}.hub-client-access-item.is-inactive{opacity:.62}.hub-client-access-item>.hub-inline-form{padding:0 16px 16px}.hub-btn-small{padding:8px 12px!important}.hub-implementation-list{display:grid;gap:11px}
@media(max-width:760px){.hub-implementation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-form-grid{grid-template-columns:1fr}.hub-implementation-task>summary{align-items:flex-start}.hub-implementation-task>summary i{display:none}.hub-implementation-message{max-width:96%}}


/* ========================================================================== 
 * PURO Agency Hub 3.12.0 — Sistema visual final PURO
 * Una sola identidad: Home PURO + lenguaje del Client Dashboard.
 * Esta capa sólo modifica apariencia. No altera layout, sticky, scroll ni flujo.
 * ========================================================================== */
html[data-puro-theme="puro"]{
  color-scheme:dark;
  --ph-bg:#000;
  --ph-paper:rgba(8,9,10,.58);
  --ph-card:rgba(12,15,16,.74);
  --ph-ink:#f7f8fb;
  --ph-soft:#d5dddc;
  --ph-line:rgba(255,255,255,.10);
  --ph-brand:#75f2c4;
  --ph-brand2:#24c894;
  --ph-shadow:none;
  --puro-bg:#000;
  --puro-surface:rgba(8,9,10,.58);
  --puro-surface-raised:rgba(14,17,18,.82);
  --puro-surface-soft:rgba(255,255,255,.035);
  --puro-surface-hover:rgba(255,255,255,.055);
  --puro-text:#f7f8fb;
  --puro-text-soft:#e0e6e4;
  --puro-text-muted:#b9c4c1;
  --puro-accent:#75f2c4;
  --puro-accent-deep:#24c894;
  --puro-blue:#68a9ff;
  --puro-line:rgba(255,255,255,.10);
  --puro-line-soft:rgba(255,255,255,.06);
  --puro-ui-font:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[data-puro-theme="puro"] body.puro-hub-standalone,
html[data-puro-theme="puro"] .puro-hub-app{
  background:#000!important;
  color:#f7f8fb!important;
  font-family:var(--puro-ui-font)!important;
}
html[data-puro-theme="puro"] .puro-hub-app :is(button,input,textarea,select,h1,h2,h3,h4,h5,h6,p,span,small,b,strong,label,dt,dd,a){
  font-family:var(--puro-ui-font)!important;
}

/* Fondo ambiental equivalente al sitio: presente pero no compite con los datos. */
html[data-puro-theme="puro"] body.puro-hub-standalone::before,
html[data-puro-theme="puro"] body.puro-hub-standalone::after{
  content:"";
  position:fixed;
  z-index:-1;
  width:34vw;
  height:34vw;
  min-width:260px;
  min-height:260px;
  border-radius:50%;
  filter:blur(90px);
  opacity:.075;
  pointer-events:none;
}
html[data-puro-theme="puro"] body.puro-hub-standalone::before{left:-12vw;top:15vh;background:#75f2c4}
html[data-puro-theme="puro"] body.puro-hub-standalone::after{right:-14vw;top:38vh;background:#68a9ff}

/* Header/isotipo: mismo contrato visual del dashboard del doctor. */
html[data-puro-theme="puro"] .puro-hub-topbar{
  background:rgba(0,0,0,.86)!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark{
  filter:drop-shadow(0 0 5px rgba(117,242,196,.16))!important;
}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark i{
  width:7px!important;height:7px!important;
  box-shadow:0 0 4px rgba(117,242,196,.14)!important;
}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark i:nth-child(1){background:#6d92ef!important}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark i:nth-child(2){background:#b8f5de!important}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark i:nth-child(3){background:#63afea!important}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark i:nth-child(4){background:#75f2c4!important}

/* Superficies finales: nada blanco en las zonas operativas. */
html[data-puro-theme="puro"] .puro-hub-app :is(
  .hub-panel,.hub-client-card,.hub-client-card-compact,.hub-client-summary,.hub-client-expanded,
  .hub-summary-section,.hub-summary-attention,.hub-recent-activity,.hub-work-inbox,.hub-ticket,
  .hub-proposal,.hub-proposal-thread,.hub-composer,.hub-workload-card,.hub-billing-sidebar,
  .hub-billing-detail,.hub-billing-panel,.hub-billing-record,.hub-billing-head,.hub-billing-plan-card,
  .hub-sat-card,.hub-fiscal-collapsed,.hub-billing-fiscal-toggle,.hub-subpanel,.hub-form-section,
  .hub-membership-editor,.hub-phase-admin-head,.hub-scope-card,.hub-create-panel,.hub-onetime-item,
  .hub-implementation-create,.hub-implementation-task,.hub-client-access-item,.hub-tools-panel,
  .hub-tool-add-card,.hub-work-tool-drawer,.hub-doctor-message-inbox,.hub-user-admin-dialog,
  .hub-user-admin-section,.hub-inline-editor,.hub-operations-popover
){
  background:rgba(8,9,10,.58)!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:none!important;
  color:#f7f8fb!important;
}
html[data-puro-theme="puro"] .puro-hub-app :is(input,textarea,select){
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.11)!important;
  color:#f7f8fb!important;
}
html[data-puro-theme="puro"] .puro-hub-app :is(input,textarea)::placeholder{color:#919bb0!important}
html[data-puro-theme="puro"] .puro-hub-app select option{background:#0b1011!important;color:#f7f8fb!important}
html[data-puro-theme="puro"] .hub-btn-secondary{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.11)!important;
  color:#f7f8fb!important;
}
html[data-puro-theme="puro"] .hub-btn-secondary:hover{background:rgba(255,255,255,.075)!important;color:#fff!important}

/* ========================================================================
 * FASES: ninguna se ve pobre. Cambia la energía, no la calidad del producto.
 * ====================================================================== */

/* Avatar: un solo aro neón. Sin partículas ni dobles anillos. */
html[data-puro-theme="puro"] .hub-client-avatar{
  border-radius:50%!important;
  background:#0d1515!important;
}
html[data-puro-theme="puro"] .hub-client-avatar img{border-radius:50%!important}
html[data-puro-theme="puro"] .hub-client-avatar::after{display:none!important;content:none!important}
html[data-puro-theme="puro"] .hub-client-avatar::before{
  inset:-3px!important;
  border:0!important;
  border-radius:50%!important;
  opacity:1!important;
  box-shadow:none!important;
  animation:hubPhaseOrbit 13s linear infinite!important;
}
html[data-puro-theme="puro"] .hub-client-avatar.hub-phase-tier-0::before{background:rgba(255,255,255,.18)!important;animation:none!important}
html[data-puro-theme="puro"] .hub-client-avatar.hub-phase-tier-1::before{
  background:conic-gradient(from 0deg,#24c894,#75f2c4 28%,#c7d2ff 50%,#75f2c4 74%,#24c894)!important;
  filter:drop-shadow(0 0 5px rgba(117,242,196,.18));
  animation-duration:13s!important;
}
html[data-puro-theme="puro"] .hub-client-avatar.hub-phase-tier-2::before{
  background:conic-gradient(from 0deg,#24c894,#b8f5de 20%,#b8f5de 38%,#66aff4 63%,#b8f5de 82%,#24c894)!important;
  filter:drop-shadow(0 0 6px rgba(117,242,196,.20));
  animation-duration:5.6s!important;
}
html[data-puro-theme="puro"] .hub-client-avatar.hub-phase-tier-3::before{
  background:conic-gradient(from 0deg,#75f2c4,#75f2c4 18%,#6bb3f3 42%,#9187f0 64%,#b8f5de 84%,#75f2c4)!important;
  filter:drop-shadow(0 0 7px rgba(145,135,240,.20));
  animation-duration:4.4s!important;
}

/* Etiquetas de fase. */
html[data-puro-theme="puro"] .hub-phase-pill{
  border:1px solid rgba(117,242,196,.28)!important;
  background:rgba(117,242,196,.08)!important;
  color:#9db2ff!important;
}
html[data-puro-theme="puro"] .hub-phase-pill.tier-2{
  border-color:rgba(117,242,196,.34)!important;
  background:linear-gradient(135deg,rgba(117,242,196,.07),rgba(117,242,196,.10))!important;
  color:#9ac9ff!important;
}
html[data-puro-theme="puro"] .hub-phase-pill.tier-3{
  border-color:rgba(145,135,240,.38)!important;
  background:linear-gradient(135deg,rgba(117,242,196,.06),rgba(117,242,196,.08) 55%,rgba(145,135,240,.12))!important;
  color:#b9adff!important;
}
html[data-puro-theme="puro"] .hub-phase-pill.tier-0{border-color:rgba(255,255,255,.10)!important;background:rgba(255,255,255,.04)!important;color:#aab4b1!important}

/* Hero del cliente: la fase también se siente en la ficha principal. */
html[data-puro-theme="puro"] .hub-profile-hero[class*="hub-profile-phase-"]{
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:26px!important;
  padding:18px!important;
  background:#080d0e!important;
}
html[data-puro-theme="puro"] .hub-profile-hero.hub-profile-phase-1{
  border-color:rgba(117,242,196,.22)!important;
  background:radial-gradient(circle at 10% 22%,rgba(117,242,196,.10),transparent 26%),linear-gradient(150deg,rgba(8,20,18,.94),rgba(7,10,12,.98))!important;
}
html[data-puro-theme="puro"] .hub-profile-hero.hub-profile-phase-2{
  border-color:rgba(117,242,196,.28)!important;
  background:radial-gradient(circle at 10% 22%,rgba(117,242,196,.08),transparent 22%),radial-gradient(circle at 92% 15%,rgba(117,242,196,.10),transparent 30%),#080d10!important;
}
html[data-puro-theme="puro"] .hub-profile-hero.hub-profile-phase-3{
  border-color:rgba(145,135,240,.32)!important;
  background:radial-gradient(circle at 10% 22%,rgba(117,242,196,.07),transparent 22%),radial-gradient(circle at 91% 15%,rgba(145,135,240,.12),transparent 31%),#090c12!important;
}

/* Editor de membresía: fase actual visible y consistente. */
html[data-puro-theme="puro"] .hub-membership-phase{
  background:#0b1011!important;
  border-color:rgba(255,255,255,.09)!important;
}
html[data-puro-theme="puro"] .hub-membership-phase.tier-1{border-color:rgba(117,242,196,.26)!important;background:linear-gradient(150deg,rgba(117,242,196,.075),rgba(8,13,14,.98))!important}
html[data-puro-theme="puro"] .hub-membership-phase.tier-2{border-color:rgba(117,242,196,.32)!important;background:linear-gradient(150deg,rgba(117,242,196,.055),rgba(8,13,15,.98) 56%,rgba(117,242,196,.07))!important}
html[data-puro-theme="puro"] .hub-membership-phase.tier-3{border-color:rgba(145,135,240,.36)!important;background:linear-gradient(150deg,rgba(117,242,196,.045),rgba(8,12,15,.98) 54%,rgba(145,135,240,.085))!important}
html[data-puro-theme="puro"] .hub-membership-phase.tier-1>span{color:#b8f5de!important}
html[data-puro-theme="puro"] .hub-membership-phase.tier-2>span{color:#8fc5ff!important}
html[data-puro-theme="puro"] .hub-membership-phase.tier-3>span{color:#b6a9ff!important}
html[data-puro-theme="puro"] .hub-membership-phase.tier-1 + .hub-membership-level>span>i{background:linear-gradient(90deg,#75f2c4,#b8f5de)!important}
html[data-puro-theme="puro"] .hub-membership-phase.tier-2 + .hub-membership-level>span>i{background:linear-gradient(90deg,#75f2c4,#68a9ff)!important}
html[data-puro-theme="puro"] .hub-membership-phase.tier-3 + .hub-membership-level>span>i{background:linear-gradient(90deg,#75f2c4,#68a9ff 60%,#9187f0)!important}

/* Selector de fase: las tres opciones se ven como producto, no como radio genérico. */
html[data-puro-theme="puro"] .hub-phase-choice-grid label>span{background:#0d1213!important;border-color:rgba(255,255,255,.08)!important;color:#f7f8fb!important}
html[data-puro-theme="puro"] .hub-phase-choice-grid .tier-1 span{border-color:rgba(117,242,196,.17)!important}
html[data-puro-theme="puro"] .hub-phase-choice-grid .tier-2 span{border-color:rgba(117,242,196,.20)!important}
html[data-puro-theme="puro"] .hub-phase-choice-grid .tier-3 span{border-color:rgba(145,135,240,.23)!important}
html[data-puro-theme="puro"] .hub-phase-choice-grid .tier-1 span>i{color:rgba(117,242,196,.36)!important}
html[data-puro-theme="puro"] .hub-phase-choice-grid .tier-2 span>i{color:rgba(117,242,196,.38)!important}
html[data-puro-theme="puro"] .hub-phase-choice-grid .tier-3 span>i{color:rgba(145,135,240,.42)!important}
html[data-puro-theme="puro"] .hub-phase-choice-grid .tier-1 input:checked+span{border-color:rgba(117,242,196,.58)!important;background:linear-gradient(150deg,rgba(117,242,196,.10),#0c1212)!important;box-shadow:0 0 0 1px rgba(117,242,196,.10)!important}
html[data-puro-theme="puro"] .hub-phase-choice-grid .tier-2 input:checked+span{border-color:rgba(117,242,196,.62)!important;background:linear-gradient(150deg,rgba(117,242,196,.07),#0c1215 55%,rgba(117,242,196,.10))!important;box-shadow:0 0 0 1px rgba(117,242,196,.11)!important}
html[data-puro-theme="puro"] .hub-phase-choice-grid .tier-3 input:checked+span{border-color:rgba(145,135,240,.66)!important;background:linear-gradient(150deg,rgba(117,242,196,.05),#0c1120 52%,rgba(145,135,240,.12))!important;box-shadow:0 0 0 1px rgba(145,135,240,.12)!important}

/* Módulo = fase de origen, incluso si la cuenta pertenece a otra fase. */
html[data-puro-theme="puro"] .hub-membership-service.origin-tier-1,
html[data-puro-theme="puro"] .hub-scope-card.origin-tier-1{border-color:rgba(117,242,196,.20)!important}
html[data-puro-theme="puro"] .hub-membership-service.origin-tier-2,
html[data-puro-theme="puro"] .hub-scope-card.origin-tier-2{border-color:rgba(117,242,196,.30)!important}
html[data-puro-theme="puro"] .hub-membership-service.origin-tier-3,
html[data-puro-theme="puro"] .hub-scope-card.origin-tier-3{border-color:rgba(145,135,240,.35)!important}
html[data-puro-theme="puro"] .hub-membership-service.origin-tier-1 .hub-membership-service-icon{background:rgba(117,242,196,.08)!important;color:#b8f5de!important}
html[data-puro-theme="puro"] .hub-membership-service.origin-tier-2 .hub-membership-service-icon{background:rgba(117,242,196,.09)!important;color:#8fc3ff!important}
html[data-puro-theme="puro"] .hub-membership-service.origin-tier-3 .hub-membership-service-icon{background:rgba(145,135,240,.10)!important;color:#b8a8ff!important}
html[data-puro-theme="puro"] .hub-membership-service.origin-tier-1>summary small{color:#b8f5de!important}
html[data-puro-theme="puro"] .hub-membership-service.origin-tier-2>summary small{color:#8fc3ff!important}
html[data-puro-theme="puro"] .hub-membership-service.origin-tier-3>summary small{color:#b8a8ff!important}
html[data-puro-theme="puro"] .hub-membership-service.is-cross-phase.origin-tier-2,
html[data-puro-theme="puro"] .hub-scope-card.is-cross-phase.origin-tier-2{box-shadow:inset 0 0 0 1px rgba(117,242,196,.08),0 8px 24px rgba(39,73,111,.10)!important}
html[data-puro-theme="puro"] .hub-membership-service.is-cross-phase.origin-tier-3,
html[data-puro-theme="puro"] .hub-scope-card.is-cross-phase.origin-tier-3{box-shadow:inset 0 0 0 1px rgba(145,135,240,.10),0 8px 26px rgba(43,33,78,.11)!important}

@media(prefers-reduced-motion:reduce){
  html[data-puro-theme="puro"] .hub-client-avatar::before{animation:none!important}
}

/* ========================================================================
 * PURO Agency Hub 3.12.1 — Inicio operativo
 * Misma jerarquía validada en Client Dashboard: atención primero, cartera
 * después y carga del equipo al final. Sin duplicar navegación con tarjetas.
 * ====================================================================== */
html[data-puro-theme="puro"] .hub-agency-command{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"copy stats" "mode mode" "alert alert";
  gap:18px 22px;
  margin:4px 0 22px;
  padding:20px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  background:
    radial-gradient(circle at 96% 0%,rgba(117,242,196,.075),transparent 30%),
    rgba(6,9,10,.72);
  box-shadow:none;
}
html[data-puro-theme="puro"] .hub-agency-command.has-attention{
  border-color:rgba(221,179,92,.16);
  background:
    radial-gradient(circle at 94% 0%,rgba(221,179,92,.075),transparent 30%),
    rgba(6,9,10,.76);
}
html[data-puro-theme="puro"] .hub-agency-command-copy{grid-area:copy;align-self:center;min-width:0}
html[data-puro-theme="puro"] .hub-agency-command-copy>span,
html[data-puro-theme="puro"] .hub-section-eyebrow{
  display:block;
  margin-bottom:5px;
  color:#75f2c4!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
  text-transform:uppercase;
}
html[data-puro-theme="puro"] .hub-agency-command.has-attention .hub-agency-command-copy>span{color:#e2c174!important}
html[data-puro-theme="puro"] .hub-agency-command-copy h2{
  margin:0;
  color:#f7faf9!important;
  font-size:clamp(24px,3vw,34px);
  font-weight:680;
  line-height:1.06;
  letter-spacing:-.045em;
}
html[data-puro-theme="puro"] .hub-agency-command-copy p{
  max-width:650px;
  margin:7px 0 0;
  color:#c4cfcc!important;
  font-size:12px;
  line-height:1.5;
}
html[data-puro-theme="puro"] .hub-agency-command-stats{
  grid-area:stats;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(112px,1fr);
  gap:8px;
  align-self:stretch;
}
html[data-puro-theme="puro"] .hub-agency-command-stats>a{
  display:grid;
  align-content:center;
  min-width:112px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:16px;
  background:rgba(255,255,255,.027);
  color:#f7faf9!important;
  text-decoration:none;
  transition:border-color .18s ease,background-color .18s ease,transform .18s ease;
}
html[data-puro-theme="puro"] .hub-agency-command-stats>a:hover{
  transform:translateY(-1px);
  border-color:rgba(117,242,196,.22);
  background:rgba(117,242,196,.045);
}
html[data-puro-theme="puro"] .hub-agency-command-stats>a.is-priority{border-color:rgba(117,242,196,.16)}
html[data-puro-theme="puro"] .hub-agency-command.has-attention .hub-agency-command-stats>a.is-priority{border-color:rgba(221,179,92,.23);background:rgba(221,179,92,.045)}
html[data-puro-theme="puro"] .hub-agency-command-stats small{
  color:#9eaaa7!important;
  font-size:8px!important;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.07em;
}
html[data-puro-theme="puro"] .hub-agency-command-stats b{
  margin:3px 0 1px;
  color:#f7faf9!important;
  font-size:24px;
  line-height:1;
  letter-spacing:-.045em;
}
html[data-puro-theme="puro"] .hub-agency-command-stats span{color:#b9c5c2!important;font-size:8px;line-height:1.25}
html[data-puro-theme="puro"] .hub-agency-command.has-attention .hub-agency-command-stats>a.is-priority b{color:#e9ca80!important}

html[data-puro-theme="puro"] .hub-work-mode-nav-compact{
  grid-area:mode;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0!important;
  padding:10px 0 0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
  border-radius:0!important;
  background:transparent!important;
}
html[data-puro-theme="puro"] .hub-work-mode-nav-compact>div{min-width:190px}
html[data-puro-theme="puro"] .hub-work-mode-nav-compact>div>b{display:block;color:#eef1f8!important;font-size:10px!important}
html[data-puro-theme="puro"] .hub-work-mode-nav-compact>div>small{display:block;margin-top:2px;color:#909b98!important;font-size:8px!important}
html[data-puro-theme="puro"] .hub-work-mode-nav-compact nav{
  display:flex;
  justify-content:flex-end;
  gap:5px;
  overflow-x:auto;
  scrollbar-width:none;
}
html[data-puro-theme="puro"] .hub-work-mode-nav-compact nav::-webkit-scrollbar{display:none}
html[data-puro-theme="puro"] .hub-work-mode-nav-compact a{
  flex:0 0 auto;
  min-height:34px!important;
  padding:7px 9px!important;
  border-radius:10px!important;
}
html[data-puro-theme="puro"] .hub-work-mode-nav-compact a .hub-icon{width:14px!important;height:14px!important}
html[data-puro-theme="puro"] .hub-work-mode-nav-compact a span{font-size:8px!important}

html[data-puro-theme="puro"] .hub-agency-connection-alert{
  grid-area:alert;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  margin-top:-4px;
  padding:9px 11px;
  border:1px solid rgba(237,127,145,.14);
  border-radius:13px;
  background:rgba(237,127,145,.035);
  color:#eef1f8!important;
  text-decoration:none;
}
html[data-puro-theme="puro"] .hub-agency-connection-alert>.hub-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(237,127,145,.08);color:#f093a4!important}
html[data-puro-theme="puro"] .hub-agency-connection-alert>span{display:grid;gap:1px}
html[data-puro-theme="puro"] .hub-agency-connection-alert b{font-size:9px;color:#f4f7f6!important}
html[data-puro-theme="puro"] .hub-agency-connection-alert small{font-size:8px!important;color:#aab5b2!important}
html[data-puro-theme="puro"] .hub-agency-connection-alert em{font-size:8px!important;font-style:normal;color:#f19aa8!important;white-space:nowrap}

html[data-puro-theme="puro"] .hub-unified-pending-priority{
  margin:0 0 28px;
  padding:0;
  border:0;
  background:transparent;
}
html[data-puro-theme="puro"] .hub-unified-pending-priority .hub-section-head{margin:0 0 10px}
html[data-puro-theme="puro"] .hub-unified-pending-priority .hub-unified-pending-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
html[data-puro-theme="puro"] .hub-unified-pending-priority .hub-unified-pending-list>a{
  min-height:66px;
  padding:10px 12px!important;
  border:1px solid rgba(221,179,92,.13)!important;
  border-radius:15px!important;
  background:rgba(221,179,92,.025)!important;
}
html[data-puro-theme="puro"] .hub-unified-pending-priority .hub-unified-pending-list>a:hover{background:rgba(221,179,92,.05)!important;border-color:rgba(221,179,92,.22)!important}
html[data-puro-theme="puro"] .hub-agency-all-clear{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:58px;
  padding:10px 13px;
  border:1px solid rgba(117,242,196,.11);
  border-radius:15px;
  background:rgba(117,242,196,.025);
}
html[data-puro-theme="puro"] .hub-agency-all-clear>span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:11px;
  background:rgba(117,242,196,.07);
  color:#75f2c4!important;
}
html[data-puro-theme="puro"] .hub-agency-all-clear>span .hub-icon{width:17px;height:17px}
html[data-puro-theme="puro"] .hub-agency-all-clear>div{display:grid;gap:2px}
html[data-puro-theme="puro"] .hub-agency-all-clear b{font-size:11px;color:#eef1f8!important}
html[data-puro-theme="puro"] .hub-agency-all-clear small{font-size:9px!important;color:#9da8a5!important}

html[data-puro-theme="puro"] .hub-portfolio-first{margin-top:0}
html[data-puro-theme="puro"] .hub-directory-head{margin-top:0!important}
html[data-puro-theme="puro"] .hub-directory-tools-simple{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
html[data-puro-theme="puro"] .hub-directory-tools-simple .hub-search{flex:1 1 340px;max-width:520px}
html[data-puro-theme="puro"] .hub-visible-filters-inline{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow-x:auto;
  scrollbar-width:none;
}
html[data-puro-theme="puro"] .hub-visible-filters-inline::-webkit-scrollbar{display:none}
html[data-puro-theme="puro"] .hub-visible-filters-inline>span{margin-right:3px;color:#8f9a97!important;font-size:8px!important;white-space:nowrap}
html[data-puro-theme="puro"] .hub-visible-filters-inline button{
  flex:0 0 auto;
  min-height:30px!important;
  padding:5px 8px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.025)!important;
  color:#b8c3c0!important;
  font-size:8px!important;
}
html[data-puro-theme="puro"] .hub-visible-filters-inline button.is-active{
  border-color:rgba(117,242,196,.18)!important;
  background:rgba(117,242,196,.065)!important;
  color:#eaf7f3!important;
}

/* Las cuentas siguen siendo el directorio principal, pero con menos ruido. */
html[data-puro-theme="puro"] .hub-client-card-compact{
  border-color:rgba(255,255,255,.075)!important;
  background:rgba(8,10,11,.64)!important;
}
html[data-puro-theme="puro"] .hub-client-card-compact[data-attention="1"]{border-color:rgba(221,179,92,.12)!important}
html[data-puro-theme="puro"] .hub-client-summary{min-height:76px!important;padding:12px!important}
html[data-puro-theme="puro"] .hub-client-summary-copy>b{font-size:12px!important;letter-spacing:-.015em}
html[data-puro-theme="puro"] .hub-client-summary-copy>small{font-size:8.5px!important}
html[data-puro-theme="puro"] .hub-notification-bubble{box-shadow:none!important}
html[data-puro-theme="puro"] .hub-notification-bubble.is-clear{background:rgba(117,242,196,.07)!important;color:#b8f5de!important}

html[data-puro-theme="puro"] .hub-team-workload-section{margin-top:30px!important;padding-top:20px;border-top:1px solid rgba(255,255,255,.055)}
html[data-puro-theme="puro"] .hub-workload-card{background:rgba(8,10,11,.54)!important;border-color:rgba(255,255,255,.075)!important}
html[data-puro-theme="puro"] .hub-workload-card.has-pending{border-color:rgba(221,179,92,.13)!important}

@media(max-width:980px){
  html[data-puro-theme="puro"] .hub-agency-command{grid-template-columns:1fr;grid-template-areas:"copy" "stats" "alert" "mode"}
  html[data-puro-theme="puro"] .hub-agency-command-stats{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
  html[data-puro-theme="puro"] .hub-work-mode-nav-compact{align-items:flex-start;flex-direction:column}
  html[data-puro-theme="puro"] .hub-work-mode-nav-compact nav{width:100%;justify-content:flex-start}
  html[data-puro-theme="puro"] .hub-unified-pending-priority .hub-unified-pending-list{grid-template-columns:1fr}
}
@media(max-width:820px){
  html[data-puro-theme="puro"] .hub-agency-command{
    display:grid!important;
    margin:0 0 16px!important;
    padding:14px!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:18px!important;
    background:rgba(7,9,10,.72)!important;
  }
  html[data-puro-theme="puro"] .hub-agency-command-copy h2{font-size:22px}
  html[data-puro-theme="puro"] .hub-agency-command-copy p{font-size:10px}
  html[data-puro-theme="puro"] .hub-agency-command-stats{gap:6px;overflow-x:auto;scrollbar-width:none}
  html[data-puro-theme="puro"] .hub-agency-command-stats::-webkit-scrollbar{display:none}
  html[data-puro-theme="puro"] .hub-agency-command-stats>a{min-width:104px;padding:10px 11px;border-radius:13px}
  html[data-puro-theme="puro"] .hub-agency-command-stats b{font-size:21px}
  html[data-puro-theme="puro"] .hub-work-mode-nav-compact>div{display:none}
  html[data-puro-theme="puro"] .hub-work-mode-nav-compact{padding-top:8px!important}
  html[data-puro-theme="puro"] .hub-directory-tools-simple{align-items:stretch!important;flex-direction:column!important}
  html[data-puro-theme="puro"] .hub-directory-tools-simple .hub-search{flex:auto;max-width:none;width:100%}
  html[data-puro-theme="puro"] .hub-visible-filters-inline{width:100%;justify-content:flex-start!important}
  html[data-puro-theme="puro"] .hub-unified-pending-priority{margin-bottom:20px}
  html[data-puro-theme="puro"] .hub-team-workload-section{margin-top:22px!important;padding-top:16px}
}
@media(max-width:480px){
  html[data-puro-theme="puro"] .hub-agency-command-stats{grid-auto-columns:minmax(96px,1fr)}
  html[data-puro-theme="puro"] .hub-agency-command-stats>a{min-width:96px}
  html[data-puro-theme="puro"] .hub-agency-connection-alert{grid-template-columns:28px 1fr}
  html[data-puro-theme="puro"] .hub-agency-connection-alert em{display:none}
  html[data-puro-theme="puro"] .hub-unified-pending-priority .hub-section-head p{display:none}
}


/* ========================================================================
 * PURO Agency Hub 3.12.2 — auditoría UX: mobile, servicios y pendientes
 * ====================================================================== */
html[data-puro-theme="puro"] #puro-service-catalog{
  scroll-margin-top:118px!important;
  transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease!important;
}
html[data-puro-theme="puro"] #puro-service-catalog.is-manager-focus{
  border-color:rgba(117,242,196,.38)!important;
  box-shadow:0 0 0 1px rgba(117,242,196,.10),0 0 28px rgba(117,242,196,.07)!important;
}
html[data-puro-theme="puro"] #puro-service-catalog .hub-phase-service-group{min-width:0!important}
html[data-puro-theme="puro"] #puro-service-catalog .hub-scope-grid{min-width:0!important}
html[data-puro-theme="puro"] #puro-service-catalog .hub-scope-card{min-width:0!important;max-width:100%!important}

@media(max-width:820px){
  html[data-puro-theme="puro"],
  html[data-puro-theme="puro"] body,
  html[data-puro-theme="puro"] .puro-hub-app{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
  html[data-puro-theme="puro"] .puro-hub-main{width:100%!important;max-width:100vw!important;min-width:0!important;overflow-x:hidden!important;box-sizing:border-box!important}
  html[data-puro-theme="puro"] .hub-app-nav{
    left:0!important;
    right:auto!important;
    bottom:0!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    margin:0!important;
    transform:none!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  html[data-puro-theme="puro"] .hub-app-nav.hub-app-nav-count-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html[data-puro-theme="puro"] .hub-app-nav.hub-app-nav-count-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  html[data-puro-theme="puro"] .hub-app-nav>*{min-width:0!important;max-width:100%!important;width:auto!important;overflow:hidden!important}
  html[data-puro-theme="puro"] .hub-app-nav :is(a,button){min-width:0!important;width:100%!important;padding-inline:2px!important}
  html[data-puro-theme="puro"] .hub-app-nav span{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  html[data-puro-theme="puro"] :is(.hub-client-grid,.hub-client-card-compact,.hub-client-summary,.hub-team-workload-section,.hub-workload-grid,.hub-workload-card,.hub-workload-head,.hub-workload-items,.hub-directory-tools-simple,.hub-agency-command,.hub-agency-command-stats){min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
  html[data-puro-theme="puro"] .hub-workload-grid{width:100%!important;grid-template-columns:minmax(0,1fr)!important}
  html[data-puro-theme="puro"] .hub-workload-head{grid-template-columns:auto minmax(0,1fr) auto!important}
  html[data-puro-theme="puro"] .hub-workload-head>div{min-width:0!important}
  html[data-puro-theme="puro"] .hub-workload-head :is(h3,p,small){overflow-wrap:anywhere!important}
  html[data-puro-theme="puro"] .hub-agency-command-stats{width:100%!important;max-width:100%!important}
  html[data-puro-theme="puro"] #puro-service-catalog{scroll-margin-top:96px!important}
  html[data-puro-theme="puro"] #puro-service-catalog .hub-scope-grid{grid-template-columns:minmax(0,1fr)!important}
}


/* ========================================================================
 * PURO Agency Hub 3.12.3 — scroll móvil + cierre explícito de hilos
 * ====================================================================== */
html[data-puro-theme="puro"] .hub-chat-puro-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
html[data-puro-theme="puro"] .hub-chat-puro-actions form{margin:0}
html[data-puro-theme="puro"] .hub-chat-close-thread{appearance:none;min-height:32px;padding:7px 10px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:#10231d;color:#e7efed;font:750 9px/1 var(--puro-ui-font);cursor:pointer}
html[data-puro-theme="puro"] .hub-chat-close-thread:hover{border-color:rgba(117,242,196,.28);background:#14211f;color:#fff}
html[data-puro-theme="puro"] .hub-chat-puro-state.is-closed{background:rgba(255,255,255,.045)!important;color:#aebbb7!important}
html[data-puro-theme="puro"] .hub-chat-puro-state.is-closed i{background:#7e8b87!important}

@media(max-width:820px){
  html[data-puro-theme="puro"] body.puro-hub-standalone:not(.hub-mobile-menu-open):not(.hub-has-proposal-chat):not(.hub-has-doctor-preview):not(.hub-user-admin-open):not(.hub-has-one-step-preview):not(.hub-agency-chat-open){overflow-y:auto!important;touch-action:auto!important}
  html[data-puro-theme="puro"] .puro-hub-main{height:auto!important;max-height:none!important;overflow-y:visible!important;overscroll-behavior-y:auto!important}
  html[data-puro-theme="puro"] .hub-agency-command{overflow:visible!important}
  html[data-puro-theme="puro"] .hub-agency-command-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;overflow:visible!important;gap:7px!important}
  html[data-puro-theme="puro"] .hub-agency-command-stats>a{width:100%!important;min-width:0!important;max-width:100%!important}
  html[data-puro-theme="puro"] .hub-work-mode-nav-compact,html[data-puro-theme="puro"] .hub-work-mode-nav-compact nav{max-width:100%!important;min-width:0!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-actions{grid-column:2;justify-content:flex-start}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-state{display:none!important}
  html[data-puro-theme="puro"] .hub-chat-close-thread{min-height:30px;padding:6px 9px}
}


/* ======================================================================
 * v3.12.4 — Mobile scroll hardening
 * El documento nunca se usa como mecanismo de bloqueo de modales en móvil.
 * Cada overlay controla sus propios gestos para evitar congelar toda la PWA.
 * =================================================================== */
@media(max-width:900px){
  html[data-puro-theme="puro"],
  html[data-puro-theme="puro"] body.puro-hub-standalone,
  html[data-puro-theme="puro"].hub-mobile-menu-open,
  html[data-puro-theme="puro"].hub-mobile-menu-open body,
  html[data-puro-theme="puro"] body.puro-hub-standalone.hub-mobile-menu-open,
  html[data-puro-theme="puro"] body.puro-hub-standalone.hub-has-proposal-chat,
  html[data-puro-theme="puro"] body.puro-hub-standalone.hub-has-doctor-preview,
  html[data-puro-theme="puro"] body.puro-hub-standalone.hub-user-admin-open,
  html[data-puro-theme="puro"] body.puro-hub-standalone.hub-has-one-step-preview,
  html[data-puro-theme="puro"] body.puro-hub-standalone.hub-agency-chat-open{
    height:auto!important;
    max-height:none!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    touch-action:pan-y!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html[data-puro-theme="puro"] .puro-hub-app,
  html[data-puro-theme="puro"] .puro-hub-main{
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow-y:visible!important;
    touch-action:pan-y!important;
    overscroll-behavior-y:auto!important;
  }

  /* El backdrop absorbe el gesto; el contenido del modal mantiene scroll propio. */
  html[data-puro-theme="puro"] :is(.hub-menu-backdrop,.hub-agency-chat-backdrop){touch-action:none!important;overscroll-behavior:none!important}
  html[data-puro-theme="puro"] :is(.hub-operations-popover.hub-menu-portal,.hub-agency-chat-drawer,.hub-proposal-chat-card,.hub-doctor-preview-card,.hub-user-admin-dialog,.hub-one-step-preview-dialog){touch-action:pan-y!important;overscroll-behavior:contain!important}
  html[data-puro-theme="puro"] :is(.hub-chat-thread-stack,.hub-chat-puro-thread,.hub-one-step-preview-scroll,.hub-one-step-doctor-shell,.hub-user-admin-layout){-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important}

  /* Los backdrops legacy por pseudo-elemento ya no son necesarios: el menú móvil usa portal real. */
  html[data-puro-theme="puro"] .hub-operations-menu.is-open::before,
  html[data-puro-theme="puro"] .hub-operations-menu[open]::before{display:none!important;content:none!important;pointer-events:none!important}
}


/* v3.12.6 — alta directa de servicios desde la membresía */
html[data-puro-theme="puro"] .hub-quick-service-manager{margin-top:14px;border:1px solid rgba(117,242,196,.18);border-radius:18px;background:#0c1326;overflow:hidden;scroll-margin-top:110px}
html[data-puro-theme="puro"] .hub-quick-service-manager>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;cursor:pointer}
html[data-puro-theme="puro"] .hub-quick-service-manager>summary::-webkit-details-marker{display:none}
html[data-puro-theme="puro"] .hub-quick-service-manager>summary span{display:grid;gap:3px}
html[data-puro-theme="puro"] .hub-quick-service-manager>summary b{color:#f4f7f6;font-size:13px}
html[data-puro-theme="puro"] .hub-quick-service-manager>summary small{color:#aebbb8!important;font-size:9px}
html[data-puro-theme="puro"] .hub-quick-service-manager>summary strong{color:#75f2c4;font-size:8px;letter-spacing:.06em}
html[data-puro-theme="puro"] .hub-quick-service-manager[open]>summary{border-bottom:1px solid rgba(255,255,255,.06)}
html[data-puro-theme="puro"] .hub-quick-service-manager-body{padding:14px}
html[data-puro-theme="puro"] .hub-quick-service-form{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(150px,.8fr);gap:11px;align-items:end}
html[data-puro-theme="puro"] .hub-quick-service-form>label{margin:0}
html[data-puro-theme="puro"] .hub-quick-service-actions{grid-column:1/-1;display:flex;align-items:center;gap:12px}
html[data-puro-theme="puro"] .hub-quick-service-actions span{color:#aebbb8;font-size:9px;line-height:1.45}
html[data-puro-theme="puro"] .hub-quick-service-manager.is-manager-focus{border-color:rgba(117,242,196,.54)!important;box-shadow:0 0 0 1px rgba(117,242,196,.10),0 0 30px rgba(117,242,196,.08)!important}
@media(max-width:760px){html[data-puro-theme="puro"] .hub-quick-service-form{grid-template-columns:1fr}html[data-puro-theme="puro"] .hub-quick-service-actions{grid-column:auto;align-items:stretch;flex-direction:column}html[data-puro-theme="puro"] .hub-quick-service-actions .hub-btn{width:100%;justify-content:center}}

/* v3.12.8 — Campaign Intelligence: cupos y creación múltiple */
.hub-campaign-capacity{display:grid;gap:12px;margin:0 0 14px;padding:15px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:#091012}
.hub-campaign-capacity-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.hub-campaign-capacity-head h3{margin:3px 0 4px;color:#f4f7f6;font-size:18px}.hub-campaign-capacity-head p{max-width:720px;margin:0;color:#a8b3b1;font-size:10px;line-height:1.5}.hub-campaign-capacity-phase{flex:none;padding:6px 8px;border:1px solid rgba(117,242,196,.18);border-radius:9px;background:rgba(117,242,196,.05);color:#8aa5ff;font-size:9px;font-weight:850}
.hub-campaign-capacity-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hub-campaign-capacity-grid article{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;padding:10px 11px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:#0c1416}.hub-campaign-capacity-grid article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.035)}.hub-campaign-capacity-grid img{width:23px;height:23px;object-fit:contain}.hub-campaign-capacity-grid small,.hub-campaign-capacity-grid b,.hub-campaign-capacity-grid em{display:block}.hub-campaign-capacity-grid small{color:#9da9a7;font-size:8px}.hub-campaign-capacity-grid b{margin:2px 0;color:#f2f4f9;font-size:17px}.hub-campaign-capacity-grid em{color:#b8f5de;font-size:8px;font-style:normal}.hub-campaign-capacity-grid .is-google{border-color:rgba(117,242,196,.15)}.hub-campaign-capacity-grid .is-meta{border-color:rgba(117,242,196,.15)}
.hub-campaign-create{border-color:rgba(117,242,196,.14)!important}.hub-campaign-create>summary{display:flex;align-items:center;justify-content:space-between;gap:14px}.hub-campaign-create-action{flex:none;padding:7px 10px;border-radius:10px;background:rgba(117,242,196,.08);color:#8aa5ff;font-size:9px;font-weight:850}.hub-campaign-limit{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:12px}.hub-campaign-limit>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(117,242,196,.06);color:#b8f5de}.hub-campaign-limit h3{margin:0 0 3px}.hub-campaign-limit p{margin:0;color:#a8b3b1;font-size:10px;line-height:1.5}
@media(max-width:720px){.hub-campaign-capacity-head{display:grid}.hub-campaign-capacity-phase{justify-self:start}.hub-campaign-capacity-grid{grid-template-columns:1fr 1fr}.hub-campaign-create>summary{align-items:flex-start}.hub-campaign-create-action{margin-top:3px}}

/* ========================================================================
 * v3.13.0 — Campaign Builder Google Ads
 * ====================================================================== */
.hub-google-builder-shell{padding:0!important;overflow:hidden!important}
.hub-google-builder-shell>summary{padding:18px 20px!important}
.hub-google-builder{padding:0 18px 18px!important}
.hub-builder-steps{display:flex;gap:7px;overflow-x:auto;padding:12px 0 16px;scrollbar-width:none}.hub-builder-steps::-webkit-scrollbar{display:none}.hub-builder-steps button{flex:0 0 auto;display:flex;align-items:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:#0b1020;color:#8e9a99;font:700 10px/1.1 var(--puro-font,DM Sans,sans-serif)}.hub-builder-steps button i{display:grid;place-items:center;width:18px;height:18px;border:1px solid rgba(255,255,255,.16);border-radius:50%;font-style:normal;font-size:9px}.hub-builder-steps button.is-active{border-color:rgba(117,242,196,.35);background:rgba(25,65,58,.26);color:#eef7f4}.hub-builder-steps button.is-active i,.hub-builder-steps button.is-done i{border-color:#75f2c4;background:#75f2c4;color:#050b18}.hub-builder-steps button.is-done{color:#b8c5c2}
.hub-builder-panel{display:none}.hub-builder-panel.is-active{display:block;animation:hubBuilderIn .18s ease both}@keyframes hubBuilderIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.hub-builder-heading{margin:4px 0 14px}.hub-builder-heading>span{color:#75f2c4;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hub-builder-heading h3{margin:4px 0 5px;color:#f4f7f6;font-size:22px}.hub-builder-heading p{margin:0;color:#9da9a7;font-size:12px;line-height:1.5}
.hub-builder-card,.hub-builder-preview-card{padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#090f12}.hub-builder-card label{color:#dce3e1!important}.hub-builder-card label small{display:block;margin:3px 0 7px;color:#81908d!important;font-size:9px;font-weight:500}.hub-builder-card input,.hub-builder-card textarea,.hub-builder-card select{background:#0c1417!important;border-color:rgba(255,255,255,.09)!important;color:#eef1f8!important}.hub-builder-card textarea{resize:vertical;min-height:86px}.hub-builder-note{margin-top:12px;padding:10px 12px;border:1px solid rgba(117,242,196,.12);border-radius:12px;background:rgba(117,242,196,.045);color:#b8f5de;font-size:10px;line-height:1.45}.hub-builder-checks{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:14px}.hub-builder-checks label{display:flex;align-items:center;gap:7px;font-size:11px}.hub-builder-checks input{width:16px!important;height:16px!important}
.hub-builder-ad-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px;align-items:start}.hub-builder-preview-card{position:sticky;top:88px}.hub-builder-preview-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:11px}.hub-builder-preview-top span{font-size:11px;font-weight:800;color:#f3f6f5}.hub-builder-preview-top b{color:#75f2c4;font-size:9px}.hub-google-ad-preview{padding:15px;border-radius:15px;background:#fff;color:#202124;font-family:Arial,sans-serif}.hub-google-ad-preview>small{display:block;margin-bottom:4px;color:#5f6368;font-size:10px}.hub-google-url{color:#4c5155;font-size:11px;margin-bottom:5px}.hub-google-preview-body{display:flex;gap:10px;align-items:flex-start}.hub-google-preview-body>div{min-width:0;flex:1}.hub-google-preview-body h4{margin:0 0 5px;color:#174ea6;font:400 16px/1.25 Arial,sans-serif}.hub-google-preview-body p{margin:0;color:#34373a;font:400 12px/1.45 Arial,sans-serif}.hub-google-preview-body img{width:76px;height:76px;object-fit:cover;border-radius:7px}.hub-google-preview-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px;color:#174ea6;font-size:10px}.hub-builder-preview-disclaimer{display:block;margin-top:10px;color:#7f8c89;font-size:9px;line-height:1.45}
.hub-builder-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hub-builder-review-grid article{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#090f12}.hub-builder-review-grid small,.hub-builder-review-grid b,.hub-builder-review-grid span{display:block}.hub-builder-review-grid small{color:#75f2c4;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.hub-builder-review-grid b{margin:5px 0;color:#eff4f2;font-size:12px}.hub-builder-review-grid span{color:#8e9a98;font-size:9px;line-height:1.4}.hub-builder-submit-row{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}.hub-btn-muted{background:#11191d!important;color:#d4dcda!important;border-color:rgba(255,255,255,.09)!important}
.hub-builder-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.hub-builder-footer button{min-height:36px;padding:8px 12px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#0c1417;color:#dce3f2;font-weight:750}.hub-builder-footer [data-builder-next]{background:#75f2c4;color:#050b18;border-color:#75f2c4}.hub-builder-footer span{color:#82908d;font-size:9px}
@media(max-width:760px){.hub-google-builder{padding:0 12px 14px!important}.hub-builder-heading h3{font-size:20px}.hub-builder-ad-grid{grid-template-columns:1fr}.hub-builder-preview-card{position:static}.hub-builder-review-grid{grid-template-columns:1fr}.hub-builder-submit-row{display:grid;grid-template-columns:1fr}.hub-builder-submit-row .hub-btn{width:100%}.hub-builder-steps{margin-right:-12px;padding-right:12px}.hub-builder-steps button span{font-size:9px}.hub-google-preview-body img{width:64px;height:64px}}
.hub-campaign-saved-preview{margin:12px 0;padding:12px;border:1px solid rgba(117,242,196,.12);border-radius:16px;background:#0b1224}.hub-campaign-saved-preview>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.hub-campaign-saved-preview>div span{color:#dce6e3;font-size:10px;font-weight:800}.hub-campaign-saved-preview>div small{color:#8fbfff;font-size:8px}.hub-campaign-saved-preview article{padding:13px;border-radius:12px;background:#fff;color:#202124;font-family:Arial,sans-serif}.hub-campaign-saved-preview article>small{display:block;color:#5f6368;font-size:9px}.hub-campaign-saved-preview article em{display:block;margin:2px 0 4px;color:#555b5f;font-size:10px;font-style:normal}.hub-campaign-saved-preview article h4{margin:0 0 4px;color:#174ea6;font:400 15px/1.25 Arial,sans-serif}.hub-campaign-saved-preview article p{margin:0;color:#383b3d;font:400 11px/1.4 Arial,sans-serif}.hub-campaign-saved-preview article footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;color:#174ea6;font-size:9px}

/* ======================================================================
 * v3.13.1 — Campaign workspace por campaña existente
 * Resumen · Constructor · Vista previa · Rendimiento
 * =================================================================== */
.hub-campaign-workspace{overflow:hidden!important}
.hub-campaign-tabs{display:flex;gap:6px;padding:0 0 12px;margin:0 0 14px;border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto;scrollbar-width:none}
.hub-campaign-tabs::-webkit-scrollbar{display:none}.hub-campaign-tabs button{flex:0 0 auto;min-height:34px;padding:7px 11px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#0b1224;color:#8f9b99;font-size:9px;font-weight:850;letter-spacing:.01em}.hub-campaign-tabs button.is-active{border-color:rgba(117,242,196,.24);background:rgba(117,242,196,.07);color:#b8f5de;box-shadow:inset 0 -2px 0 rgba(117,242,196,.7)}
.hub-campaign-tab-panel{display:none}.hub-campaign-tab-panel.is-active{display:block}.hub-campaign-tab-panel[data-campaign-tab-panel="constructor"]{scroll-margin-top:90px}
.hub-campaign-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.hub-campaign-overview-grid article{display:grid;gap:3px;min-width:0;padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:#0b1224}.hub-campaign-overview-grid small{color:#7e8b88;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.hub-campaign-overview-grid b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f1f4f3;font-size:11px}
.hub-campaign-tab-empty{display:grid;justify-items:start;gap:6px;padding:18px;border:1px dashed rgba(255,255,255,.09);border-radius:16px;background:#0b1224}.hub-campaign-tab-empty b{color:#f2f4f9;font-size:14px}.hub-campaign-tab-empty p{max-width:680px;margin:0;color:#8d9997;font-size:10px;line-height:1.5}
.hub-google-builder-existing{padding:0!important}.hub-existing-builder-note{display:grid;gap:3px;margin-bottom:13px;padding:12px 13px;border:1px solid rgba(117,242,196,.14);border-radius:14px;background:linear-gradient(145deg,rgba(117,242,196,.05),rgba(117,242,196,.04))}.hub-existing-builder-note span{color:#b8f5de;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hub-existing-builder-note b{color:#f5f7f6;font-size:14px}.hub-existing-builder-note small{color:#8d9997;font-size:9px;line-height:1.45}.hub-fixed-field{display:flex;align-items:center;min-height:44px;margin-top:5px;padding:9px 11px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#091013;color:#dfe6e4;font-size:11px;font-weight:750}
.hub-campaign-workspace .hub-campaign-saved-preview{margin-top:0}.hub-campaign-workspace .hub-builder-preview-disclaimer{margin-top:8px}
@media(max-width:760px){.hub-campaign-tabs{margin-right:-14px;padding-right:14px}.hub-campaign-overview-grid{grid-template-columns:1fr 1fr}.hub-campaign-overview-grid article{padding:10px}.hub-campaign-tabs button{font-size:8.5px}.hub-google-builder-existing .hub-builder-steps{margin-right:-12px;padding-right:12px}.hub-campaign-tab-panel[data-campaign-tab-panel="constructor"]{scroll-margin-top:74px}}


/* ======================================================================
 * PURO Agency Hub 3.13.2 — Mensajería estable y usable
 * Chat y comentarios comparten una barra de composición anclada.
 * =================================================================== */
html[data-puro-theme="puro"] .hub-agency-chat-drawer{
  height:min(760px,calc(var(--puro-chat-vh,100dvh) - 28px))!important;
  max-height:calc(var(--puro-chat-vh,100dvh) - 28px)!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-shell{
  min-height:0!important;
  overflow:hidden!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread{
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}
html[data-puro-theme="puro"] .hub-chat-puro-composer{
  position:relative!important;
  z-index:8!important;
  flex:0 0 auto!important;
  padding:9px 11px 8px!important;
  background:#0d162a!important;
  border-top:1px solid rgba(255,255,255,.065)!important;
  box-shadow:0 -16px 32px -28px rgba(0,0,0,.92)!important;
}
html[data-puro-theme="puro"] .hub-chat-compose-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:8px!important;
  padding:5px 5px 5px 10px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:18px!important;
  background:#121d35!important;
}
html[data-puro-theme="puro"] .hub-chat-compose-row textarea{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:42px;
  min-height:42px!important;
  max-height:112px!important;
  margin:0!important;
  padding:10px 4px 8px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  resize:none!important;
  overflow-y:hidden;
  background:transparent!important;
  color:#f2f8f6!important;
  caret-color:#b8f5de!important;
  line-height:1.45!important;
  box-shadow:none!important;
}
html[data-puro-theme="puro"] .hub-chat-compose-row textarea::placeholder{color:#7f918c!important}
html[data-puro-theme="puro"] .hub-chat-send-button{
  display:grid!important;
  place-items:center!important;
  align-self:end!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#75f2c4!important;
  color:#0b1328!important;
  cursor:pointer!important;
  box-shadow:0 10px 22px -16px rgba(117,242,196,.55)!important;
}
html[data-puro-theme="puro"] .hub-chat-send-button span{display:none!important}
html[data-puro-theme="puro"] .hub-chat-send-button b{font-size:16px;line-height:1;transform:translateX(1px)}
html[data-puro-theme="puro"] .hub-chat-compose-hint{display:block;margin:6px 4px 0;color:#748781!important;font-size:8px!important;line-height:1.35}

/* Comentarios de propuestas: el textarea y las herramientas forman una sola barra. */
html[data-puro-theme="puro"] .hub-proposal-chat-card{
  height:min(780px,calc(var(--puro-chat-vh,100dvh) - 24px))!important;
  max-height:calc(var(--puro-chat-vh,100dvh) - 24px)!important;
  pointer-events:auto!important;
}
html[data-puro-theme="puro"] .hub-proposal-chat-thread{min-height:0!important;overscroll-behavior:contain!important}
html[data-puro-theme="puro"] .hub-proposal-chat-composer{
  position:relative!important;
  z-index:8!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:8px!important;
  padding:9px 10px max(9px,env(safe-area-inset-bottom))!important;
  background:#0d162a!important;
  pointer-events:auto!important;
}
html[data-puro-theme="puro"] .hub-proposal-chat-composer>textarea{
  grid-column:1!important;
  grid-row:1!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:42px;
  min-height:42px!important;
  max-height:112px!important;
  margin:0!important;
  padding:10px 11px!important;
  resize:none!important;
  overflow-y:hidden;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:16px!important;
  background:#121d35!important;
  color:#f3f8f6!important;
  caret-color:#b8f5de!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}
html[data-puro-theme="puro"] .hub-proposal-chat-tools{
  grid-column:2!important;
  grid-row:1!important;
  align-self:end!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:0!important;
  border:0!important;
}
html[data-puro-theme="puro"] .hub-proposal-chat-tools>.hub-btn{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:50%!important;
  font-size:0!important;
  background:#75f2c4!important;
  color:#0b1328!important;
}
html[data-puro-theme="puro"] .hub-proposal-chat-tools>.hub-btn::after{content:'➤';font-size:16px;transform:translateX(1px)}
html[data-puro-theme="puro"] .hub-proposal-chat-composer>.hub-proposal-emoji-panel{grid-column:1/-1}
html[data-puro-theme="puro"] .hub-proposal-chat-composer>small{grid-column:1/-1;color:#748781!important;line-height:1.35}
html[data-puro-theme="puro"] .hub-proposal-chat-tools>[data-hub-proposal-file-name]{max-width:120px!important}

@media(max-width:760px){
  html[data-puro-theme="puro"] .hub-agency-chat-drawer,
  html[data-puro-theme="puro"] .hub-proposal-chat-card{
    width:100%!important;
    height:var(--puro-chat-vh,100dvh)!important;
    max-height:var(--puro-chat-vh,100dvh)!important;
    margin:0!important;
    border-radius:0!important;
  }
  html[data-puro-theme="puro"] .hub-chat-puro-composer{padding-bottom:max(8px,env(safe-area-inset-bottom))!important}
  html[data-puro-theme="puro"] .hub-chat-compose-hint{display:none!important}
  html[data-puro-theme="puro"] .hub-proposal-chat-composer>small{display:none!important}
  html[data-puro-theme="puro"] .hub-proposal-chat-tools>[data-hub-proposal-file-name]{display:none!important}
}


/* ======================================================================
 * PURO Agency Hub 3.13.3 — Chat fullscreen y composer estable
 * =================================================================== */
html[data-puro-theme="puro"] .hub-agency-chat-modal{
  z-index:2147482400!important;
  background:#080c19!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer{
  overflow:hidden!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-thread-panel,
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-shell{
  min-height:0!important;
  overflow:hidden!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-shell{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread{
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-composer{
  align-self:end!important;
  margin:0!important;
  transform:none!important;
}

/* Comentarios de propuestas de agencia: header / historial / composer / historial técnico. */
html[data-puro-theme="puro"] .hub-proposal-chat-card{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto auto!important;
  overflow:hidden!important;
}
html[data-puro-theme="puro"] .hub-proposal-chat-thread{
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
html[data-puro-theme="puro"] .hub-proposal-chat-composer{align-self:end!important;margin:0!important}

@media(max-width:760px){
  html[data-puro-theme="puro"] .hub-agency-chat-modal,
  html[data-puro-theme="puro"] .hub-proposal-chat-modal{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100dvh!important;
    max-height:none!important;
    overflow:hidden!important;
    background:#080c19!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer,
  html[data-puro-theme="puro"] .hub-proposal-chat-card{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
  }
  html[data-puro-theme="puro"] .hub-chat-puro-composer,
  html[data-puro-theme="puro"] .hub-proposal-chat-composer{
    padding-bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
}


/* ======================================================================
 * PURO Agency Hub 3.13.4 — Chat viewport real + Google Ads editor
 * =================================================================== */
@media(max-width:760px){
  html[data-puro-theme="puro"] .hub-agency-chat-modal{
    position:fixed!important;left:0!important;right:0!important;bottom:auto!important;
    top:var(--puro-chat-top,0px)!important;height:var(--puro-chat-vh,100dvh)!important;max-height:var(--puro-chat-vh,100dvh)!important;
    overflow:hidden!important;background:#080c19!important;contain:layout paint!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;margin:0!important;overflow:hidden!important;background:#080c19!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-center,
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-thread-stack,
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-thread-panel,
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-shell{height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-shell{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread{min-height:0!important;height:auto!important;overflow-y:auto!important;padding-bottom:12px!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-composer{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:20!important;width:100%!important;box-sizing:border-box!important;flex:none!important;background:#0a1021!important}
  body.hub-agency-chat-open .puro-mobile-dock,body.hub-agency-chat-open .hub-mobile-dock{visibility:hidden!important;pointer-events:none!important}
}

/* Google Ads: jerarquía similar al editor real, pero con identidad PURO. */
html[data-puro-theme="puro"] .hub-builder-ad-grid{grid-template-columns:1fr!important;gap:16px!important}
html[data-puro-theme="puro"] .hub-builder-preview-card{position:static!important;top:auto!important;margin-top:2px!important;padding:18px!important}
html[data-puro-theme="puro"] .hub-builder-card{padding:18px!important}
.hub-builder-storage{display:none!important}
.hub-google-ad-quality{--quality:0%;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 0 14px;padding:14px 16px;border:1px solid rgba(117,242,196,.16);border-radius:17px;background:#0a1020}
.hub-google-quality-ring{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#5aa8ff var(--quality),rgba(255,255,255,.08) 0);position:relative}.hub-google-quality-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#0a1020}.hub-google-quality-ring span{position:relative;z-index:1;width:8px;height:8px;border-radius:50%;background:#8ea9ff}
.hub-google-ad-quality small,.hub-google-ad-quality b,.hub-google-ad-quality p{display:block}.hub-google-ad-quality small{color:#9da8a6;font-size:9px}.hub-google-ad-quality b{margin:3px 0;color:#f4f7f6;font-size:15px}.hub-google-ad-quality p{margin:0;color:#99a6a3!important;font-size:9.5px;line-height:1.45}.hub-google-ad-quality>em{align-self:start;color:#8aa7c4;font-size:9px;font-style:normal}
.hub-google-assets-section{margin:18px 0 0;padding-top:17px;border-top:1px solid rgba(255,255,255,.065)}.hub-google-assets-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.hub-google-assets-head h4{margin:0;color:#f2f4f9;font-size:15px}.hub-google-assets-head small{color:#8e9a98!important;font-size:9px;text-align:right}.hub-google-assets-count{color:#9ba7a4;font-size:11px;font-weight:650}.hub-google-assets-list{display:grid;gap:8px}.hub-google-asset-field{position:relative!important;display:block!important;margin:0!important}.hub-google-asset-field>input{min-height:58px!important;padding:15px 78px 15px 14px!important;border-radius:10px!important;font-size:13px!important}.hub-google-asset-meta{position:absolute;right:9px;bottom:8px;display:flex;align-items:center;gap:7px}.hub-google-asset-meta b{color:#8b9694;font-size:8px;font-weight:650}.hub-google-asset-remove{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:8px;background:rgba(255,255,255,.04);color:#98a3a1;font-size:15px;cursor:pointer}.hub-google-asset-remove:hover{background:rgba(232,96,116,.10);color:#ff9bab}.hub-google-add-asset{margin-top:10px;min-height:38px;padding:8px 12px;border:1px solid rgba(117,242,196,.18);border-radius:10px;background:rgba(117,242,196,.05);color:#87bfff;font-weight:750;cursor:pointer}.hub-google-resource-note{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:rgba(117,242,196,.07);color:#9eb9d4;font-size:9.5px;line-height:1.45}.hub-google-sitelink-list{display:grid;gap:8px}.hub-google-sitelink-row{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(220px,1.35fr) auto;gap:7px;align-items:center}.hub-google-sitelink-row input{min-height:45px!important}.hub-google-preview-pager{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}.hub-google-preview-pager>span{color:#dce3f2;font-size:10px;font-weight:750}.hub-google-preview-pager>b{color:#919bb0;font-size:9px}.hub-google-preview-dots{grid-column:1/-1;display:flex;justify-content:center;gap:7px}.hub-google-preview-dots i{width:7px;height:7px;border-radius:50%;background:#53605d}.hub-google-preview-dots i.is-active{background:#5aa8ff}
html[data-puro-theme="puro"] .hub-google-ad-preview{max-width:620px;margin:0 auto;padding:20px;border-radius:13px!important;box-shadow:0 10px 30px rgba(0,0,0,.15)}html[data-puro-theme="puro"] .hub-google-preview-body h4{font-size:18px!important;line-height:1.28!important}html[data-puro-theme="puro"] .hub-google-preview-body p{font-size:13px!important;line-height:1.45!important}html[data-puro-theme="puro"] .hub-google-preview-body img{width:min(100%,570px)!important;height:auto!important;max-height:290px!important;object-fit:cover!important;border-radius:12px!important;margin-top:10px}html[data-puro-theme="puro"] .hub-google-preview-body{display:block!important}.hub-google-preview-links{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:7px!important;padding-bottom:3px}.hub-google-preview-links span{flex:0 0 auto;padding:7px 10px;border:1px solid #d4d8dc;border-radius:999px;background:#fff;color:#1967d2}
@media(max-width:760px){.hub-google-ad-quality{grid-template-columns:54px minmax(0,1fr)}.hub-google-quality-ring{width:50px;height:50px}.hub-google-ad-quality>em{grid-column:2}.hub-google-assets-head{align-items:flex-start;flex-direction:column}.hub-google-assets-head small{text-align:left}.hub-google-sitelink-row{grid-template-columns:1fr auto}.hub-google-sitelink-row input[data-sl-url]{grid-column:1/2}.hub-builder-preview-card{padding:12px!important}.hub-google-ad-preview{padding:15px!important}.hub-google-preview-body h4{font-size:16px!important}}

/* v3.13.4 — Preview guardado con composición tipo Google. */
.hub-campaign-saved-preview{padding:16px!important}.hub-campaign-saved-preview article{max-width:620px;margin:0 auto;padding:18px!important}.hub-campaign-saved-preview article h4{margin:4px 0 12px!important;font-size:19px!important;line-height:1.3!important}.hub-campaign-saved-preview article p{font-size:13px!important;line-height:1.48!important}.hub-campaign-preview-image{display:block;width:100%;max-height:310px;margin:0 0 13px;border-radius:12px;object-fit:cover}.hub-campaign-saved-preview article footer{flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;padding-bottom:2px}.hub-campaign-saved-preview article footer span{flex:0 0 auto;padding:8px 11px;border:1px solid #dadce0;border-radius:999px;background:#fff;color:#1967d2}.hub-campaign-preview-dots{display:flex;justify-content:center;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid #edf0f2}.hub-campaign-preview-dots i{width:7px;height:7px;border-radius:50%;background:#a7abae}.hub-campaign-preview-dots i.is-active{background:#1a73e8}


/* ======================================================================
 * PURO Agency Hub 3.13.5 — Chat geometry fix + campaign trash
 * =================================================================== */
@media(max-width:760px){
  html[data-puro-theme="puro"] .hub-agency-chat-drawer{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    max-height:100%!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer-head{flex:0 0 auto!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-center{
    position:relative!important;
    display:block!important;
    flex:1 1 auto!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-thread-stack{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-thread-panel,
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-shell{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-shell{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread{
    min-height:0!important;
    overflow-y:auto!important;
    padding-bottom:10px!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-composer{
    position:relative!important;
    inset:auto!important;
    margin:0!important;
    padding:9px 12px max(10px,env(safe-area-inset-bottom))!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
    background:#0a1021!important;
    box-shadow:0 -14px 28px -24px rgba(0,0,0,.9)!important;
  }
  html[data-puro-theme="puro"] .hub-chat-compose-row{min-height:48px!important}
  html[data-puro-theme="puro"] .hub-chat-compose-row textarea{min-height:44px!important;max-height:112px!important}
}
.hub-campaign-trash>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.hub-campaign-trash>summary::-webkit-details-marker{display:none}.hub-campaign-trash>summary h3{margin:3px 0 4px}.hub-campaign-trash>summary p{margin:0;color:var(--hub-muted);font-size:10px}.hub-campaign-trash>summary>span{color:#b8f5de;font-size:10px;font-weight:800}.hub-campaign-trash-list{display:grid;gap:8px;margin-top:15px}.hub-campaign-trash-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#0c1326}.hub-campaign-trash-list article>div{min-width:0;display:grid;gap:3px}.hub-campaign-trash-list small{color:#81908c;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.hub-campaign-trash-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eef1f8;font-size:12px}.hub-campaign-trash-list span{color:#8f9c99;font-size:9px}.hub-campaign-trash-list form{margin:0;flex:0 0 auto}@media(max-width:620px){.hub-campaign-trash-list article{align-items:flex-start;flex-direction:column}.hub-campaign-trash-list form,.hub-campaign-trash-list button{width:100%}}

/* ======================================================================
 * PURO Agency Hub 3.13.6 — Google Ads creative editor
 * Ergonomía inspirada en el editor real, manteniendo la identidad PURO.
 * =================================================================== */
.hub-builder-storage-label{display:none!important}
.hub-google-editor-block{margin:18px 0 0;padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:#0c1326}
.hub-google-editor-block>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.hub-google-editor-block>header h4{margin:0 0 3px;color:#f4f7f6;font-size:15px}.hub-google-editor-block>header small{display:block;color:#919bb0;font-size:9.5px;line-height:1.4}.hub-google-editor-block>header>b{color:#9eaaa7;font-size:10px;font-weight:700}
.hub-google-url-block{margin-top:0}.hub-google-final-url{display:grid!important;gap:6px!important;margin:0 0 12px!important}.hub-google-final-url>span{color:#cfd8d5;font-size:10px;font-weight:750}.hub-google-display-path{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:8px}.hub-google-path-host{padding:0 0 12px;color:#9ba6a4;font-size:11px;white-space:nowrap}.hub-google-path-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important}.hub-google-path-fields label{margin:0!important}.hub-google-path-fields label:before{content:"/";color:#7d8886;margin-right:4px}
.hub-google-collapsible{margin:14px 0 0;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#0b1122;overflow:hidden}.hub-google-collapsible>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 14px;color:#e8eeec;font-size:11px;font-weight:800;cursor:pointer;list-style:none}.hub-google-collapsible>summary::-webkit-details-marker{display:none}.hub-google-collapsible>summary:after{content:"⌄";color:#b8f5de;font-size:15px}.hub-google-collapsible[open]>summary:after{transform:rotate(180deg)}.hub-google-collapsible>label,.hub-google-collapsible>.hub-google-resource-help,.hub-google-collapsible>.hub-google-url-options-grid{margin:0 14px 14px!important}
.hub-google-media-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.hub-google-resource-button{min-height:40px;padding:8px 12px;border:1px solid rgba(117,242,196,.24);border-radius:11px;background:rgba(117,242,196,.08);color:#b8f5de;font:750 10px/1.2 var(--font-body,Inter,sans-serif);cursor:pointer}.hub-google-resource-button.is-secondary{border-color:rgba(117,242,196,.18);background:rgba(117,242,196,.05);color:#91bfff}.hub-google-resource-button:disabled{opacity:.55;cursor:wait}
.hub-google-media-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:9px}.hub-google-media-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0e172c}.hub-google-media-card>img{display:block;width:100%;aspect-ratio:1.35/1;object-fit:cover;background:#111}.hub-google-media-card>footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:8px}.hub-google-media-card>footer span{color:#e6ecea;font-size:9px;font-weight:700}.hub-google-media-card>footer small{color:#899491;font-size:8px}.hub-google-media-card>footer button{display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:8px;background:rgba(255,255,255,.04);color:#9ba6a3;cursor:pointer}.hub-google-media-card.is-loading{opacity:.76}.hub-google-media-card.is-error{border-color:rgba(235,99,119,.38)}.hub-google-resource-help{margin:10px 0 0;color:#8d9996!important;font-size:9px;line-height:1.5}
.hub-google-campaign-library{margin-top:12px;padding:12px;border:1px solid rgba(117,242,196,.15);border-radius:13px;background:#070e11}.hub-google-library-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hub-google-library-head b{color:#eef1f8;font-size:11px}.hub-google-library-head button{width:28px;height:28px;border:0;border-radius:9px;background:rgba(255,255,255,.05);color:#b6c1be}.hub-google-campaign-library>[data-campaign-library-status]{display:block;margin-bottom:9px;color:#8f9a98;font-size:8.5px}.hub-google-campaign-library [data-campaign-library-grid]{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:8px}.hub-google-library-item{display:grid;gap:6px;padding:6px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#0b1314;text-align:left;cursor:pointer}.hub-google-library-item img{width:100%;aspect-ratio:1.25/1;object-fit:cover;border-radius:7px}.hub-google-library-item span{display:grid;gap:1px}.hub-google-library-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e7edeb;font-size:8px}.hub-google-library-item small{color:#7f8b88;font-size:7px}.hub-google-library-item.is-selected{border-color:rgba(117,242,196,.42);box-shadow:inset 0 0 0 1px rgba(117,242,196,.08)}
.hub-google-business-grid{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:12px;align-items:end}.hub-google-business-grid>label{margin:0!important}.hub-google-inline-count{display:block;margin-top:4px;color:#899491;font-size:8px;text-align:right}.hub-google-logo-editor{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center}.hub-google-logo-preview{width:54px;height:54px;display:grid;place-items:center;border:1px dashed rgba(255,255,255,.14);border-radius:14px;background:#0e172c;overflow:hidden}.hub-google-logo-preview:before{content:"Logo";color:#6f7b78;font-size:8px}.hub-google-logo-preview img{display:none;width:100%;height:100%;object-fit:cover}.hub-google-logo-preview.has-image:before{display:none}.hub-google-logo-preview.has-image img{display:block}.hub-google-logo-editor>div:last-of-type{display:flex;gap:6px;flex-wrap:wrap}
.hub-google-url-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hub-google-url-options-grid label{margin:0!important}
.hub-google-sitelink-row{grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#0d162a}.hub-google-sitelink-main{display:grid;grid-template-columns:minmax(130px,.55fr) minmax(190px,1fr);gap:7px}.hub-google-sitelink-main input[data-sl-desc1],.hub-google-sitelink-main input[data-sl-desc2]{grid-column:1/-1}.hub-google-sitelink-row>.hub-google-asset-remove{margin-top:4px}
.hub-google-preview-final{border-color:rgba(117,242,196,.18)!important;background:linear-gradient(160deg,#0a1020,#0a1021)!important}.hub-google-preview-final .hub-builder-preview-top{margin-bottom:14px!important}
.hub-google-phone{width:min(100%,390px);margin:0 auto;overflow:hidden;border:1px solid #dfe3e6;border-radius:24px;background:#fff;color:#202124;box-shadow:0 18px 55px rgba(0,0,0,.28)}.hub-google-phone-chrome{display:grid;grid-template-columns:28px 1fr 28px;align-items:center;gap:8px;padding:13px 15px 8px}.hub-google-phone-chrome i{width:16px;height:2px;background:#777;box-shadow:0 5px 0 #777,0 -5px 0 #777}.hub-google-phone-chrome b{text-align:center;color:#4285f4;font:800 15px/1 Arial,sans-serif}.hub-google-phone-chrome span{width:24px;height:24px;border-radius:50%;background:#edf0f2}.hub-google-phone-search{height:32px;margin:0 15px 12px;border:1px solid #dfe2e5;border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(60,64,67,.12)}.hub-google-phone-result{padding:0 16px 14px}.hub-google-advertiser{display:flex;align-items:center;gap:8px;margin-bottom:6px}.hub-google-advertiser>span,.hub-google-advertiser>img{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e8f0fe;color:#1967d2;object-fit:cover}.hub-google-advertiser>div{min-width:0;display:grid}.hub-google-advertiser b{color:#202124;font:600 10px/1.2 Arial,sans-serif}.hub-google-advertiser small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5f6368;font:400 8px/1.2 Arial,sans-serif}.hub-google-phone-result h4{margin:5px 0 9px!important;color:#1a0dab!important;font:400 19px/1.25 Arial,sans-serif!important}.hub-google-phone-result p{margin:10px 0 0!important;color:#4d5156!important;font:400 11.5px/1.45 Arial,sans-serif!important}.hub-google-phone-image{display:block;width:100%;max-height:210px;object-fit:cover;border-radius:12px;margin:8px 0 9px}.hub-google-phone .hub-google-preview-links{margin-top:10px}.hub-google-phone-ghost{display:grid;gap:8px;padding:13px 16px 18px;border-top:1px solid #f1f3f4}.hub-google-phone-ghost i{display:block;height:8px;border-radius:5px;background:#eceff1}.hub-google-phone-ghost i:nth-child(2){width:84%}.hub-google-phone-ghost i:nth-child(3){width:63%}
@media(max-width:760px){
  .hub-google-editor-block{padding:13px;border-radius:14px}.hub-google-display-path{grid-template-columns:1fr}.hub-google-path-host{padding:0}.hub-google-business-grid{grid-template-columns:1fr}.hub-google-url-options-grid{grid-template-columns:1fr}.hub-google-sitelink-main{grid-template-columns:1fr}.hub-google-media-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-google-phone{border-radius:20px}.hub-google-phone-result h4{font-size:17px!important}.hub-google-media-actions{display:grid;grid-template-columns:1fr 1fr}.hub-google-resource-button{width:100%}
}

/* ======================================================================
 * PURO Agency Hub 3.13.7 — Google Ads responsive editor polish
 * Desktop conserva la composición aprobada. Mobile adopta una lectura
 * vertical inspirada en el editor real de Google Ads, sin superficies
 * blancas accidentales alrededor de la simulación.
 * =================================================================== */

/* El blanco pertenece únicamente al SERP/telefono simulado. La carcasa PURO
   que lo contiene permanece oscura. */
.hub-google-preview-final .hub-google-ad-preview,
.hub-campaign-saved-preview .hub-google-ad-preview:has(.hub-google-phone){
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
}

/* Evita blancos nativos/autofill fuera de la simulación. */
html[data-puro-theme="puro"] .hub-google-builder :is(input,textarea,select){
  color-scheme:dark!important;
  background-color:#0c1417!important;
  -webkit-text-fill-color:#eef1f8!important;
}
html[data-puro-theme="puro"] .hub-google-builder :is(input,textarea,select):-webkit-autofill,
html[data-puro-theme="puro"] .hub-google-builder :is(input,textarea,select):-webkit-autofill:hover,
html[data-puro-theme="puro"] .hub-google-builder :is(input,textarea,select):-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px #0c1417 inset!important;
  -webkit-text-fill-color:#eef1f8!important;
  caret-color:#75f2c4!important;
}
html[data-puro-theme="puro"] .hub-google-builder option{
  background:#0c1417!important;
  color:#eef1f8!important;
}

@media(max-width:760px){
  /* Paso 4 funciona como un editor vertical, no como tarjetas dentro de tarjetas. */
  .hub-builder-panel[data-builder-panel="3"] .hub-builder-heading{
    padding:2px 2px 15px!important;
    border-bottom:1px solid rgba(255,255,255,.065);
  }
  .hub-builder-panel[data-builder-panel="3"] .hub-builder-heading>span{font-size:9px!important}
  .hub-builder-panel[data-builder-panel="3"] .hub-builder-heading h3{font-size:23px!important;line-height:1.12!important}
  .hub-builder-panel[data-builder-panel="3"] .hub-builder-heading p{font-size:12px!important;line-height:1.5!important}
  .hub-builder-panel[data-builder-panel="3"] .hub-builder-ad-grid{display:block!important}
  .hub-builder-panel[data-builder-panel="3"] .hub-builder-card{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* Calidad: compacta y legible, similar a la cabecera del editor de Google. */
  .hub-builder-panel[data-builder-panel="3"] .hub-google-ad-quality{
    margin:0 0 4px!important;
    padding:15px 2px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.065)!important;
    border-radius:0!important;
    background:transparent!important;
  }
  .hub-google-ad-quality>div:nth-child(2) small{font-size:10px!important}
  .hub-google-ad-quality>div:nth-child(2) b{font-size:14px!important}
  .hub-google-ad-quality>div:nth-child(2) p{font-size:10px!important;line-height:1.45!important}

  /* Secciones de recursos: una sola superficie continua. */
  .hub-google-editor-block,
  .hub-google-assets-section{
    margin:0!important;
    padding:18px 2px!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.065)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .hub-google-editor-block>header,
  .hub-google-assets-head{margin-bottom:13px!important}
  .hub-google-editor-block>header h4,
  .hub-google-assets-head h4{font-size:17px!important;line-height:1.2!important}
  .hub-google-editor-block>header small,
  .hub-google-assets-head small{font-size:10px!important;line-height:1.4!important;text-align:left!important}
  .hub-google-editor-block>header>b{font-size:10px!important}

  /* Keywords quedan disponibles pero plegadas, para que la creatividad sea protagonista. */
  .hub-google-keywords{
    margin:0!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.065)!important;
    border-radius:0!important;
    background:transparent!important;
  }
  .hub-google-keywords>summary{min-height:56px!important;padding:0 2px!important;font-size:13px!important}
  .hub-google-keywords>label{margin:0 2px 16px!important}

  /* URL final y ruta visible como en el editor móvil real. */
  .hub-google-final-url>span{font-size:11px!important}
  .hub-google-final-url input{min-height:56px!important;padding:13px 14px!important;font-size:14px!important}
  .hub-google-display-path{
    grid-template-columns:minmax(105px,1.25fr) minmax(0,1.35fr)!important;
    align-items:center!important;
    gap:8px!important;
  }
  .hub-google-path-host{
    min-width:0!important;
    overflow:hidden!important;
    padding:0!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:11px!important;
  }
  .hub-google-path-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .hub-google-path-fields label{min-width:0!important}
  .hub-google-path-fields label:before{display:none!important}
  .hub-google-path-fields input{min-height:52px!important;padding:12px 9px!important;font-size:13px!important;text-align:center}

  /* Titulos y descripciones se sienten como campos de anuncio, no mini inputs. */
  .hub-google-assets-list{gap:10px!important}
  .hub-google-asset-field>input{
    min-height:64px!important;
    padding:16px 72px 16px 14px!important;
    border-radius:11px!important;
    font-size:15px!important;
    line-height:1.25!important;
  }
  .hub-google-asset-meta{right:9px!important;bottom:9px!important}
  .hub-google-asset-meta b{font-size:9px!important}
  .hub-google-add-asset{
    min-height:44px!important;
    margin-top:12px!important;
    padding:10px 13px!important;
    font-size:11px!important;
  }

  /* Imágenes: tira horizontal como los recursos visibles en Google móvil. */
  .hub-google-media-actions{display:flex!important;gap:8px!important;overflow-x:auto!important;padding-bottom:2px!important;scrollbar-width:none}
  .hub-google-media-actions::-webkit-scrollbar{display:none}
  .hub-google-resource-button{flex:0 0 auto!important;width:auto!important;min-height:42px!important;font-size:11px!important}
  .hub-google-media-gallery{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    padding:2px 1px 4px!important;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .hub-google-media-gallery::-webkit-scrollbar{display:none}
  .hub-google-media-card{flex:0 0 104px!important;scroll-snap-align:start;border-radius:10px!important}
  .hub-google-media-card>img{aspect-ratio:1/1!important}
  .hub-google-media-card>footer{grid-template-columns:1fr auto!important;padding:6px!important}
  .hub-google-media-card>footer small{display:none!important}

  /* Empresa y logo se leen como dos recursos consecutivos. */
  .hub-google-business-grid{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}
  .hub-google-business-grid>label>span{display:block;margin-bottom:6px;font-size:11px!important}
  .hub-google-business-grid>label>input{min-height:56px!important;padding:13px 14px!important;font-size:14px!important}
  .hub-google-logo-editor{grid-template-columns:62px minmax(0,1fr)!important}
  .hub-google-logo-preview{width:62px!important;height:62px!important;border-radius:13px!important}

  /* Sitelinks: bloques verticales cómodos para teléfono. */
  .hub-google-sitelink-list{gap:11px!important}
  .hub-google-sitelink-row{
    grid-template-columns:1fr auto!important;
    padding:11px!important;
    border-radius:12px!important;
    background:#091020!important;
  }
  .hub-google-sitelink-main{grid-template-columns:1fr!important;gap:8px!important}
  .hub-google-sitelink-main input{min-height:48px!important;padding:11px 12px!important;font-size:13px!important}

  /* Los bloques adicionales se comportan como filas de ajustes. */
  .hub-google-collapsible{
    margin:0!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.065)!important;
    border-radius:0!important;
    background:transparent!important;
  }
  .hub-google-collapsible>summary{min-height:58px!important;padding:0 2px!important;font-size:12px!important}
  .hub-google-collapsible>label,
  .hub-google-collapsible>.hub-google-resource-help,
  .hub-google-collapsible>.hub-google-url-options-grid{margin:0 2px 16px!important}

  /* Preview ocupa el ancho útil; sólo el teléfono/resultado es blanco. */
  .hub-builder-preview-card.hub-google-preview-final{
    margin-top:0!important;
    padding:18px 0 4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .hub-google-preview-final .hub-builder-preview-top{padding:0 2px!important;margin-bottom:14px!important}
  .hub-google-preview-final .hub-builder-preview-top span{font-size:13px!important}
  .hub-google-phone{width:min(100%,410px)!important;border-radius:20px!important}
  .hub-google-phone-result h4{font-size:19px!important}
  .hub-google-phone-result p{font-size:12.5px!important}
  .hub-google-phone-image{max-height:260px!important}
  .hub-google-preview-pager{margin:13px 2px 0!important}

  /* No permitir que reglas históricas vuelvan a pintar labels/filas en blanco. */
  .hub-builder-panel[data-builder-panel="3"] :is(label,.hub-form-row,.hub-google-sitelink-main,.hub-google-assets-list){background:transparent!important}
}

/* ======================================================================
 * PURO Agency Hub 3.13.8 — arquitectura Google Ads + preview navegable
 * =================================================================== */
@media(min-width:901px){
  html[data-puro-theme="puro"] .hub-builder-panel[data-builder-panel="3"] .hub-builder-ad-grid{
    display:grid!important;
    grid-template-columns:minmax(430px,.92fr) minmax(430px,1.08fr)!important;
    gap:22px!important;
    align-items:start!important;
  }
  html[data-puro-theme="puro"] .hub-builder-panel[data-builder-panel="3"] .hub-builder-preview-card.hub-google-preview-final{
    position:sticky!important;
    top:78px!important;
    margin:0!important;
    padding:16px!important;
    border:1px solid rgba(117,242,196,.16)!important;
    border-radius:18px!important;
    background:linear-gradient(155deg,#08101f,#0a1021)!important;
    box-shadow:0 20px 48px -36px rgba(0,0,0,.72)!important;
  }
  .hub-google-preview-final .hub-builder-preview-top{margin-bottom:11px!important;padding:0!important}
}

/* El contenedor PURO nunca es blanco. El preview imita Google en modo oscuro. */
.hub-google-preview-final [data-builder-live-preview],
.hub-campaign-saved-preview [data-hub-saved-preview-stage]{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
}
.hub-google-preview-pager{display:none!important}
.hub-google-preview-workspace{display:grid;gap:12px;width:100%;min-width:0}
.hub-google-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hub-google-preview-toolbar>div{display:inline-grid;grid-auto-flow:column;gap:4px;padding:3px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#060c0d}
.hub-google-preview-toolbar button{min-height:30px;padding:6px 10px;border:0;border-radius:7px;background:transparent;color:#899592;font:750 9px/1 var(--font-body,Inter,sans-serif);cursor:pointer}
.hub-google-preview-toolbar button.is-active{background:#10201e;color:#b8f5de;box-shadow:inset 0 0 0 1px rgba(117,242,196,.14)}
.hub-google-preview-toolbar>b{color:#899592;font-size:9px;font-weight:700}
.hub-google-preview-navrow{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;min-width:0}
.hub-google-preview-viewport{min-width:0;display:grid;place-items:center;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.hub-google-preview-arrow{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.10);border-radius:50%;background:#121d35;color:#edf4f2;font:400 27px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.hub-google-preview-arrow:hover{border-color:rgba(117,242,196,.30);background:#10211e;color:#b8f5de}
.hub-google-preview-dots{display:flex!important;justify-content:center;gap:7px;padding:0!important;margin:0!important;border:0!important}
.hub-google-preview-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#4d5856;cursor:pointer}
.hub-google-preview-dots button.is-active{background:#5aa8ff;box-shadow:0 0 0 3px rgba(90,168,255,.10)}

/* Google SERP oscuro: elimina el bloque blanco sin perder la jerarquía real. */
.hub-google-preview-workspace .hub-google-phone,
.hub-google-preview-workspace .hub-google-desktop-preview{
  background:#111416!important;
  color:#e8eaed!important;
  border-color:#2b3134!important;
  box-shadow:0 18px 48px rgba(0,0,0,.34)!important;
}
.hub-google-preview-workspace .hub-google-phone{width:min(100%,410px)!important}
.hub-google-preview-workspace .hub-google-phone-chrome{border-bottom:0;background:#111416!important}
.hub-google-preview-workspace .hub-google-phone-chrome i{background:#9aa0a6!important;box-shadow:0 5px 0 #9aa0a6,0 -5px 0 #9aa0a6!important}
.hub-google-preview-workspace .hub-google-phone-chrome span{background:#272b2f!important}
.hub-google-preview-workspace .hub-google-phone-search{background:#1d2024!important;border-color:#3c4043!important;box-shadow:none!important}
.hub-google-preview-workspace .hub-google-phone-result{background:#111416!important}
.hub-google-preview-workspace .hub-google-advertiser b{color:#e8eaed!important}
.hub-google-preview-workspace .hub-google-advertiser small{color:#9aa0a6!important}
.hub-google-preview-workspace .hub-google-advertiser>span{background:#202b3c!important;color:#8ab4f8!important}
.hub-google-preview-workspace .hub-google-phone-result h4,
.hub-google-preview-workspace .hub-google-desktop-preview h4{color:#8ab4f8!important}
.hub-google-preview-workspace .hub-google-phone-result p,
.hub-google-preview-workspace .hub-google-desktop-preview p{color:#bdc1c6!important}
.hub-google-preview-workspace .hub-google-preview-links span{background:#171a1d!important;border-color:#3c4043!important;color:#8ab4f8!important}
.hub-google-preview-workspace .hub-google-phone-ghost{border-color:#24282b!important;background:#111416!important}
.hub-google-preview-workspace .hub-google-phone-ghost i{background:#292d31!important}
.hub-google-desktop-preview{width:min(100%,690px);padding:20px 24px 24px;border:1px solid #2b3134;border-radius:16px;font-family:Arial,sans-serif}
.hub-google-desktop-brand{margin-bottom:11px;color:#8ab4f8;font:800 18px/1 Arial,sans-serif}
.hub-google-desktop-search{width:min(100%,540px);height:36px;margin-bottom:22px;border:1px solid #3c4043;border-radius:20px;background:#1d2024}
.hub-google-desktop-preview>main{width:min(100%,560px)}
.hub-google-desktop-preview .hub-google-advertiser{margin-bottom:7px}
.hub-google-desktop-preview h4{margin:6px 0 9px!important;font:400 21px/1.28 Arial,sans-serif!important}
.hub-google-desktop-preview p{margin:9px 0 0!important;font:400 13px/1.5 Arial,sans-serif!important}
.hub-google-desktop-preview .hub-google-phone-image{max-height:300px}
.hub-google-desktop-preview>aside{display:grid;gap:8px;width:min(100%,520px);margin-top:21px}
.hub-google-desktop-preview>aside i{display:block;height:9px;border-radius:6px;background:#292d31}
.hub-google-desktop-preview>aside i:nth-child(2){width:86%}.hub-google-desktop-preview>aside i:nth-child(3){width:68%}
.hub-campaign-saved-preview{background:#0b1224!important}
.hub-campaign-saved-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.hub-campaign-saved-preview-head span{color:#e9efed;font-size:11px;font-weight:800}.hub-campaign-saved-preview-head small{color:#8fbfff;font-size:8px}

@media(max-width:900px){
  html[data-puro-theme="puro"] .hub-builder-panel[data-builder-panel="3"] .hub-builder-ad-grid{display:block!important}
  html[data-puro-theme="puro"] .hub-builder-panel[data-builder-panel="3"] .hub-builder-preview-card.hub-google-preview-final{position:static!important;margin-top:0!important}
}
@media(max-width:760px){
  .hub-google-preview-navrow{grid-template-columns:36px minmax(0,1fr) 36px;gap:5px}
  .hub-google-preview-arrow{width:34px;height:34px;font-size:23px}
  .hub-google-preview-workspace .hub-google-phone{width:100%!important;max-width:390px!important}
  .hub-google-preview-workspace .hub-google-phone-result h4{font-size:18px!important}
  .hub-google-preview-toolbar button{padding:6px 9px}
  .hub-builder-preview-card.hub-google-preview-final{padding:14px 0 3px!important}
}


/* ======================================================================
 * PURO Agency Hub 3.13.9 — Preview Lab sticky centrado + carrusel robusto
 * El Preview Workspace es la única capa que puede renderizar el anuncio.
 * =================================================================== */
@media(min-width:901px){
  html[data-puro-theme="puro"] .hub-builder-panel[data-builder-panel="3"] .hub-builder-preview-card.hub-google-preview-final{
    position:sticky!important;
    top:50vh!important;
    transform:translateY(-50%)!important;
    align-self:start!important;
    max-height:calc(100vh - 112px)!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin;
    scrollbar-color:rgba(117,242,196,.25) transparent;
  }
  html[data-puro-theme="puro"] .hub-builder-panel[data-builder-panel="3"] .hub-builder-preview-card.hub-google-preview-final::-webkit-scrollbar{width:5px}
  html[data-puro-theme="puro"] .hub-builder-panel[data-builder-panel="3"] .hub-builder-preview-card.hub-google-preview-final::-webkit-scrollbar-thumb{background:rgba(117,242,196,.24);border-radius:99px}
}

/* Flechas superpuestas y siempre visibles. */
.hub-google-preview-navrow{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  padding:0 52px!important;
}
.hub-google-preview-viewport{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  min-width:0!important;
  min-height:420px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  touch-action:pan-y!important;
}
.hub-google-preview-arrow{
  position:absolute!important;
  z-index:12!important;
  top:50%!important;
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(117,242,196,.36)!important;
  border-radius:50%!important;
  background:#0b1816!important;
  color:#b8f5de!important;
  font:500 30px/1 Arial,sans-serif!important;
  box-shadow:0 10px 32px rgba(0,0,0,.42),0 0 0 4px rgba(117,242,196,.055)!important;
  transform:translateY(-50%)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
.hub-google-preview-arrow[data-hub-preview-prev]{left:2px!important}
.hub-google-preview-arrow[data-hub-preview-next]{right:2px!important}
.hub-google-preview-arrow:hover,
.hub-google-preview-arrow:focus-visible{background:#14203b!important;border-color:rgba(117,242,196,.65)!important;color:#e3e9ff!important;outline:none!important}

/* El escenario PURO es oscuro. No existe ninguna tarjeta blanca exterior. */
.hub-google-preview-workspace,
.hub-google-preview-workspace.is-live,
.hub-google-preview-workspace.is-saved,
.hub-google-preview-viewport,
.hub-google-preview-final,
.hub-google-preview-final [data-builder-live-preview]{
  background:transparent!important;
  background-image:none!important;
}
.hub-google-preview-workspace .hub-google-phone,
.hub-google-preview-workspace .hub-google-desktop-preview{
  background:#111416!important;
  background-image:none!important;
  color:#e8eaed!important;
  border-color:#30363a!important;
}
.hub-google-preview-workspace .hub-google-phone :is(header,main,footer,.hub-google-phone-chrome,.hub-google-phone-result),
.hub-google-preview-workspace .hub-google-desktop-preview :is(main,aside){
  background:#111416!important;
  background-image:none!important;
}
.hub-google-preview-workspace .hub-google-phone-search,
.hub-google-preview-workspace .hub-google-desktop-search{background:#1d2024!important;border-color:#3c4043!important}

/* Movimiento perceptible al cambiar combinación. */
.hub-google-preview-viewport>.hub-google-phone,
.hub-google-preview-viewport>.hub-google-desktop-preview{animation:hubGooglePreviewIn .18s ease both}
@keyframes hubGooglePreviewIn{from{opacity:.35;transform:translateX(10px) scale(.992)}to{opacity:1;transform:none}}

@media(max-width:900px){
  html[data-puro-theme="puro"] .hub-builder-panel[data-builder-panel="3"] .hub-builder-preview-card.hub-google-preview-final{transform:none!important;max-height:none!important;overflow:visible!important}
  .hub-google-preview-navrow{padding:0 42px!important}
  .hub-google-preview-viewport{min-height:360px!important}
  .hub-google-preview-arrow{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;font-size:26px!important}
  .hub-google-preview-arrow[data-hub-preview-prev]{left:0!important}.hub-google-preview-arrow[data-hub-preview-next]{right:0!important}
}
@media(max-width:520px){
  .hub-google-preview-navrow{padding:0 34px!important}
  .hub-google-preview-arrow{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;font-size:23px!important}
}


/* ======================================================================
 * PURO Agency Hub 3.14.0 — Campaign Workspace reliability
 * Sticky preview real, branding de landing y estados operativos coherentes.
 * =================================================================== */
.hub-google-site-logo-hint{display:block;margin-top:7px;color:#7f918d;font-size:8px;line-height:1.4}
@media(min-width:901px){
  /* Sticky no funciona si un ancestro recorta el workspace. */
  html[data-puro-theme="puro"] .hub-campaign-workspace,
  html[data-puro-theme="puro"] .hub-campaign-tab-panel[data-campaign-tab-panel="constructor"],
  html[data-puro-theme="puro"] .hub-google-builder-existing,
  html[data-puro-theme="puro"] .hub-builder-panel[data-builder-panel="3"].is-active,
  html[data-puro-theme="puro"] .hub-builder-panel[data-builder-panel="3"] .hub-builder-ad-grid{
    overflow:visible!important;
  }
  html[data-puro-theme="puro"] .hub-builder-panel[data-builder-panel="3"].is-active{
    animation:none!important;
    transform:none!important;
  }
  /* La columna derecha ocupa la altura útil del viewport y centra el preview. */
  html[data-puro-theme="puro"] .hub-builder-panel[data-builder-panel="3"] .hub-builder-preview-card.hub-google-preview-final{
    position:sticky!important;
    top:72px!important;
    height:calc(100vh - 96px)!important;
    min-height:540px!important;
    max-height:none!important;
    overflow:visible!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-self:start!important;
    transform:none!important;
  }
  html[data-puro-theme="puro"] .hub-builder-panel[data-builder-panel="3"] .hub-builder-preview-card.hub-google-preview-final .hub-google-preview-workspace{
    width:100%!important;
    margin:0 auto!important;
  }
}


/* ======================================================================
 * PURO Agency Hub 3.14.1 — Preview mobile-only + combinaciones dinámicas
 * =================================================================== */
.hub-google-preview-workspace{max-width:370px!important;margin:0 auto!important}
.hub-google-preview-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important}
.hub-google-preview-toolbar>span{color:#eef1f8!important;font-size:11px!important;font-weight:800!important}
.hub-google-preview-toolbar-actions{display:flex!important;align-items:center!important;gap:8px!important}
.hub-google-preview-toolbar b{color:#8d9996!important;font-size:9px!important}
.hub-google-preview-refresh{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;padding:0!important;border:1px solid rgba(117,242,196,.18)!important;border-radius:50%!important;background:rgba(117,242,196,.06)!important;color:#b8f5de!important;font:700 17px/1 Arial,sans-serif!important;cursor:pointer!important}
.hub-google-preview-refresh:hover,.hub-google-preview-refresh:focus-visible{background:rgba(117,242,196,.12)!important;border-color:rgba(117,242,196,.34)!important;outline:none!important}
.hub-google-preview-workspace.is-live .hub-google-preview-viewport{min-height:500px!important}
.hub-google-preview-workspace.is-saved .hub-google-preview-viewport{min-height:470px!important}
.hub-google-phone{width:min(100%,320px)!important;margin:0 auto!important}
.hub-google-phone-result{padding:0 14px 14px!important}
.hub-google-phone .hub-google-preview-links{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:7px!important;padding-bottom:3px!important;scrollbar-width:none!important}
.hub-google-phone .hub-google-preview-links::-webkit-scrollbar{display:none!important}
.hub-google-phone .hub-google-preview-links span{flex:0 0 auto!important}
@media(max-width:900px){.hub-google-preview-workspace{max-width:360px!important}.hub-google-preview-workspace.is-live .hub-google-preview-viewport{min-height:460px!important}}
@media(max-width:520px){.hub-google-preview-workspace{max-width:100%!important}.hub-google-phone{width:min(100%,308px)!important}}


/* ======================================================================
 * PURO Agency Hub 3.14.2 — Google-like mobile ad cards
 * =================================================================== */
.hub-google-preview-workspace{width:100%!important;max-width:470px!important;margin:0 auto!important}
.hub-google-preview-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:10px!important}.hub-google-preview-toolbar>span{color:#eef1f8!important;font-size:12px!important;font-weight:800!important}.hub-google-preview-toolbar-actions{display:flex!important;align-items:center!important;gap:9px!important}.hub-google-preview-toolbar b{color:#9aa6a2!important;font-size:10px!important}.hub-google-preview-refresh{width:31px!important;height:31px!important;border:1px solid rgba(117,242,196,.2)!important;border-radius:50%!important;background:rgba(117,242,196,.06)!important;color:#b8f5de!important;font-size:17px!important;cursor:pointer!important}
.hub-google-preview-navrow{display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px!important;gap:8px!important;align-items:center!important}.hub-google-preview-arrow{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;padding:0!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:50%!important;background:#0b1215!important;color:#dce6e3!important;font:400 25px/1 Arial,sans-serif!important;cursor:pointer!important}.hub-google-preview-arrow:hover{border-color:rgba(117,242,196,.34)!important;color:#75f2c4!important}.hub-google-preview-viewport{display:grid!important;place-items:center!important;min-height:460px!important;touch-action:pan-y!important}
.hub-google-ad-card{width:100%!important;max-width:405px!important;min-height:360px!important;padding:22px 22px 18px!important;border:1px solid #edf0f2!important;border-radius:14px!important;background:#fff!important;color:#3c4043!important;box-shadow:0 5px 18px rgba(0,0,0,.16)!important;font-family:Arial,sans-serif!important;box-sizing:border-box!important}.hub-google-card-domain{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:16px!important;color:#4b4f52!important;font-size:13px!important;line-height:1.2!important}.hub-google-card-domain img,.hub-google-card-domain>span:first-child{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:50%!important;background:#e8f0fe!important;color:#1967d2!important;object-fit:cover!important}.hub-google-ad-card h4{margin:0 0 12px!important;color:#1967d2!important;font:400 22px/1.28 Arial,sans-serif!important}.hub-google-ad-card p{margin:0!important;color:#4d5156!important;font:400 15px/1.42 Arial,sans-serif!important}.hub-google-card-side{display:grid!important;grid-template-columns:minmax(0,1fr) 118px!important;gap:14px!important;align-items:start!important}.hub-google-card-side .hub-google-card-image{width:118px!important;height:118px!important;border-radius:10px!important;object-fit:cover!important}.hub-google-ad-card.layout-compact .hub-google-card-side{grid-template-columns:minmax(0,1fr) 92px!important}.hub-google-ad-card.layout-compact .hub-google-card-side .hub-google-card-image{width:92px!important;height:92px!important}.hub-google-ad-card.layout-wide .hub-google-card-image{display:block!important;width:100%!important;height:205px!important;margin:2px 0 14px!important;border-radius:12px!important;object-fit:cover!important}.hub-google-card-links{display:flex!important;gap:8px!important;margin-top:14px!important;overflow-x:auto!important;scrollbar-width:none!important}.hub-google-card-links::-webkit-scrollbar{display:none!important}.hub-google-card-links span{flex:0 0 auto!important;padding:7px 10px!important;border:1px solid #dadce0!important;border-radius:999px!important;color:#1967d2!important;font-size:12px!important}.hub-google-card-ghost{height:5px!important;margin-top:16px!important;border-radius:99px!important;background:#eef0f1!important}.hub-google-preview-dots{display:flex!important;justify-content:center!important;gap:8px!important;margin-top:13px!important}.hub-google-preview-dots button{width:8px!important;height:8px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#737b79!important;opacity:.45!important}.hub-google-preview-dots button.is-active{background:#1a73e8!important;opacity:1!important}
@media(min-width:901px){html[data-puro-theme="puro"] .hub-builder-panel[data-builder-panel="3"] .hub-builder-preview-card.hub-google-preview-final{top:72px!important;height:calc(100vh - 96px)!important;display:flex!important;justify-content:center!important;overflow:visible!important}.hub-google-preview-workspace{max-width:470px!important}}
@media(max-width:760px){.hub-google-preview-workspace{max-width:100%!important}.hub-google-preview-navrow{grid-template-columns:32px minmax(0,1fr) 32px!important;gap:4px!important}.hub-google-preview-arrow{width:31px!important;height:31px!important;font-size:22px!important}.hub-google-preview-viewport{min-height:410px!important}.hub-google-ad-card{max-width:100%!important;min-height:330px!important;padding:18px 17px 16px!important}.hub-google-ad-card h4{font-size:20px!important}.hub-google-ad-card p{font-size:14px!important}.hub-google-card-side{grid-template-columns:minmax(0,1fr) 96px!important}.hub-google-card-side .hub-google-card-image{width:96px!important;height:96px!important}.hub-google-ad-card.layout-wide .hub-google-card-image{height:185px!important}}

/* ======================================================================
 * PURO Agency Hub 3.14.3 — Mobile preview width + contraste sobre blanco
 * =================================================================== */
.hub-google-ad-card{
  background:#fff!important;
  color:#3c4043!important;
  opacity:1!important;
}
.hub-google-ad-card .hub-google-card-domain,
.hub-google-ad-card .hub-google-card-domain>span:last-child{
  color:#4b4f52!important;
  -webkit-text-fill-color:#4b4f52!important;
  opacity:1!important;
}
.hub-google-ad-card .hub-google-card-domain>span:first-child{
  color:#1967d2!important;
  -webkit-text-fill-color:#1967d2!important;
  opacity:1!important;
}
.hub-google-ad-card h4{
  color:#1967d2!important;
  -webkit-text-fill-color:#1967d2!important;
  opacity:1!important;
}
.hub-google-ad-card p{
  color:#4d5156!important;
  -webkit-text-fill-color:#4d5156!important;
  opacity:1!important;
}
.hub-google-ad-card .hub-google-card-links span{
  color:#1967d2!important;
  -webkit-text-fill-color:#1967d2!important;
  background:#fff!important;
  opacity:1!important;
}
.hub-google-ad-card .hub-google-card-ghost{background:#eef0f1!important;opacity:1!important}

@media(max-width:760px){
  .hub-google-preview-workspace{width:100%!important;max-width:100%!important}
  .hub-google-preview-navrow{
    position:relative!important;
    display:block!important;
    width:100%!important;
    padding:0 3px!important;
  }
  .hub-google-preview-viewport{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
  }
  .hub-google-preview-arrow{
    position:absolute!important;
    top:50%!important;
    z-index:8!important;
    width:34px!important;
    height:34px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
    background:rgba(7,15,17,.92)!important;
    box-shadow:0 6px 18px rgba(0,0,0,.28)!important;
  }
  .hub-google-preview-arrow[data-hub-preview-prev]{left:-2px!important}
  .hub-google-preview-arrow[data-hub-preview-next]{right:-2px!important}
  .hub-google-ad-card{
    width:100%!important;
    max-width:none!important;
    min-height:365px!important;
    padding:20px 18px 17px!important;
    border-radius:13px!important;
  }
  .hub-google-card-domain{margin-bottom:14px!important;font-size:12px!important}
  .hub-google-ad-card h4{font-size:20px!important;line-height:1.27!important}
  .hub-google-ad-card p{font-size:14px!important;line-height:1.42!important}
  .hub-google-card-side{grid-template-columns:minmax(0,1fr) 104px!important;gap:12px!important}
  .hub-google-card-side .hub-google-card-image{width:104px!important;height:104px!important}
  .hub-google-ad-card.layout-compact .hub-google-card-side{grid-template-columns:minmax(0,1fr) 88px!important}
  .hub-google-ad-card.layout-compact .hub-google-card-side .hub-google-card-image{width:88px!important;height:88px!important}
  .hub-google-ad-card.layout-wide .hub-google-card-image{height:auto!important;max-height:230px!important;aspect-ratio:1.91/1!important}
}

@media(max-width:390px){
  .hub-google-ad-card{padding:18px 15px 16px!important}
  .hub-google-card-side{grid-template-columns:minmax(0,1fr) 92px!important;gap:10px!important}
  .hub-google-card-side .hub-google-card-image{width:92px!important;height:92px!important}
  .hub-google-ad-card h4{font-size:19px!important}
  .hub-google-ad-card p{font-size:13.5px!important}
}

/* ======================================================================
 * PURO Agency Hub 3.14.5 — Hotfix conservador mobile builder
 * Solo corrige contraste, ancho y acceso a navegación/guardado.
 * =================================================================== */
@media(max-width:760px){
  html[data-puro-theme="puro"] .hub-google-builder,
  html[data-puro-theme="puro"] .hub-google-builder-existing,
  html[data-puro-theme="puro"] .hub-builder-panel,
  html[data-puro-theme="puro"] .hub-builder-panel.is-active,
  html[data-puro-theme="puro"] .hub-builder-ad-grid,
  html[data-puro-theme="puro"] .hub-builder-card,
  html[data-puro-theme="puro"] .hub-builder-preview-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  html[data-puro-theme="puro"] .hub-google-builder,
  html[data-puro-theme="puro"] .hub-google-builder-existing{
    overflow-x:hidden!important;
  }
  html[data-puro-theme="puro"] .hub-builder-panel[data-builder-panel="3"] :is(input,textarea,select){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  /* URL visible: host arriba y rutas debajo. Evita ensanchar todo el paso 4. */
  html[data-puro-theme="puro"] .hub-google-display-path{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
  }
  html[data-puro-theme="puro"] .hub-google-path-host{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html[data-puro-theme="puro"] .hub-google-path-fields{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
  }
  html[data-puro-theme="puro"] .hub-google-path-fields label,
  html[data-puro-theme="puro"] .hub-google-path-fields input{
    min-width:0!important;
    max-width:100%!important;
  }

  /* Preview: conserva el blanco tipo Google; solo corregimos contraste y escala. */
  html[data-puro-theme="puro"] .hub-builder-preview-card.hub-google-preview-final{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  html[data-puro-theme="puro"] .hub-google-preview-workspace{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 auto!important;
  }
  html[data-puro-theme="puro"] .hub-google-preview-navrow{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  html[data-puro-theme="puro"] .hub-google-preview-viewport{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  html[data-puro-theme="puro"] .hub-google-preview-viewport .hub-google-ad-card{
    width:calc(100% - 8px)!important;
    max-width:620px!important;
    min-width:0!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:20px 18px 17px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    border:1px solid #e7e9ec!important;
    border-radius:14px!important;
    background:#fff!important;
    background-image:none!important;
    color:#3c4043!important;
    -webkit-text-fill-color:#3c4043!important;
    opacity:1!important;
  }
  html[data-puro-theme="puro"] .hub-google-preview-viewport .hub-google-ad-card .hub-google-card-domain,
  html[data-puro-theme="puro"] .hub-google-preview-viewport .hub-google-ad-card .hub-google-card-domain>span:last-child{
    min-width:0!important;
    overflow:hidden!important;
    color:#4b4f52!important;
    -webkit-text-fill-color:#4b4f52!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    opacity:1!important;
  }
  html[data-puro-theme="puro"] .hub-google-preview-viewport .hub-google-ad-card h4{
    margin:0 0 12px!important;
    color:#1967d2!important;
    -webkit-text-fill-color:#1967d2!important;
    font:400 20px/1.28 Arial,sans-serif!important;
    overflow-wrap:anywhere!important;
    opacity:1!important;
  }
  html[data-puro-theme="puro"] .hub-google-preview-viewport .hub-google-ad-card p{
    color:#4d5156!important;
    -webkit-text-fill-color:#4d5156!important;
    font:400 14px/1.42 Arial,sans-serif!important;
    overflow-wrap:anywhere!important;
    opacity:1!important;
  }
  html[data-puro-theme="puro"] .hub-google-preview-viewport .hub-google-card-side{
    grid-template-columns:minmax(0,1fr) 96px!important;
    gap:12px!important;
    min-width:0!important;
  }
  html[data-puro-theme="puro"] .hub-google-preview-viewport .hub-google-card-side .hub-google-card-image{
    width:96px!important;
    height:96px!important;
    max-width:96px!important;
    object-fit:cover!important;
  }
  html[data-puro-theme="puro"] .hub-google-preview-viewport .hub-google-ad-card.layout-compact .hub-google-card-side{
    grid-template-columns:minmax(0,1fr) 84px!important;
  }
  html[data-puro-theme="puro"] .hub-google-preview-viewport .hub-google-ad-card.layout-compact .hub-google-card-image{
    width:84px!important;
    height:84px!important;
    max-width:84px!important;
  }
  html[data-puro-theme="puro"] .hub-google-preview-viewport .hub-google-ad-card.layout-wide .hub-google-card-image{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:230px!important;
    aspect-ratio:1.91/1!important;
    margin:2px 0 14px!important;
    object-fit:cover!important;
  }
  html[data-puro-theme="puro"] .hub-google-preview-viewport .hub-google-card-links span{
    background:#fff!important;
    color:#1967d2!important;
    -webkit-text-fill-color:#1967d2!important;
    opacity:1!important;
  }
  html[data-puro-theme="puro"] .hub-google-preview-viewport .hub-google-card-ghost{
    background:#eef0f1!important;
    opacity:1!important;
  }

  /* Flechas encima de la tarjeta: no consumen ancho del preview. */
  html[data-puro-theme="puro"] .hub-google-preview-arrow{
    position:absolute!important;
    top:50%!important;
    z-index:12!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
  }
  html[data-puro-theme="puro"] .hub-google-preview-arrow[data-hub-preview-prev]{left:4px!important}
  html[data-puro-theme="puro"] .hub-google-preview-arrow[data-hub-preview-next]{right:4px!important}

  /* Mantener la navegación del wizard accesible por encima del dock inferior. */
  html[data-puro-theme="puro"] .hub-builder-footer{
    position:sticky!important;
    bottom:calc(74px + env(safe-area-inset-bottom,0px))!important;
    z-index:35!important;
    margin:16px -4px 0!important;
    padding:12px 4px!important;
    background:rgba(5,11,13,.96)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
  html[data-puro-theme="puro"] .hub-builder-panel[data-builder-panel="4"].is-active .hub-builder-submit-row{
    position:sticky!important;
    bottom:calc(132px + env(safe-area-inset-bottom,0px))!important;
    z-index:34!important;
    padding:10px 0!important;
    background:linear-gradient(180deg,rgba(5,11,13,0),#050b0d 22%)!important;
  }
}

@media(max-width:390px){
  html[data-puro-theme="puro"] .hub-google-preview-viewport .hub-google-ad-card{
    width:100%!important;
    padding:18px 15px 16px!important;
  }
  html[data-puro-theme="puro"] .hub-google-preview-viewport .hub-google-ad-card h4{font-size:18.5px!important}
  html[data-puro-theme="puro"] .hub-google-preview-viewport .hub-google-ad-card p{font-size:13.5px!important}
  html[data-puro-theme="puro"] .hub-google-preview-viewport .hub-google-card-side{grid-template-columns:minmax(0,1fr) 88px!important;gap:10px!important}
  html[data-puro-theme="puro"] .hub-google-preview-viewport .hub-google-card-side .hub-google-card-image{width:88px!important;height:88px!important;max-width:88px!important}
}

/* PURO Agency Hub 3.14.6 — feedback visible durante guardado */
.hub-google-builder.is-submitting{pointer-events:none;opacity:.86}
.hub-google-builder.is-submitting .hub-builder-submit-row{position:relative}
.hub-google-builder.is-submitting [data-builder-submit]{cursor:wait!important}


/* v3.15.0 · UX architecture cleanup: frequent context stays visible; infrequent detail lives in Cuenta. */
.hub-profile-hero .hub-profile-services,.hub-profile-hero .hub-profile-team{display:none!important}
.hub-profile-hero{align-items:center!important}
.hub-profile-copy{min-width:0}
.hub-client-primary-tabs{scrollbar-width:none}
.hub-client-primary-tabs::-webkit-scrollbar{display:none}
@media(max-width:760px){.hub-client-subtabs{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.hub-client-subtabs::-webkit-scrollbar{display:none}.hub-client-subtabs>a{scroll-snap-align:start;white-space:nowrap}}
/* v3.15.0 — cabecera de cuenta: sólo información útil para el trabajo diario. */
.hub-profile-hero .hub-profile-tags>span:not(.hub-phase-pill),
.hub-profile-hero .hub-profile-tags>a{display:none!important}


/* =====================================================================
 * PURO Agency Hub 3.17.0 — Trabajo, propuestas, resultados y Campaign IQ
 * Consolidación visual 2026. Estas reglas son intencionalmente finales.
 * ================================================================== */

/* Flujo de propuesta: Fecha → Proyecto → Revisar/enviar. */
html[data-puro-theme="puro"] .hub-proposal-flow{display:grid;gap:18px}
html[data-puro-theme="puro"] .hub-proposal-flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:7px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#0c1428}
html[data-puro-theme="puro"] .hub-proposal-flow-steps>span{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 12px;border-radius:13px;color:#72847f;transition:.18s ease}
html[data-puro-theme="puro"] .hub-proposal-flow-steps b{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:9px;background:rgba(255,255,255,.045);font-size:11px}
html[data-puro-theme="puro"] .hub-proposal-flow-steps em{font-style:normal;font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-puro-theme="puro"] .hub-proposal-flow-steps>span.is-active{background:#162542;color:#ecfff9;box-shadow:inset 0 0 0 1px rgba(117,242,196,.2)}
html[data-puro-theme="puro"] .hub-proposal-flow-steps>span.is-active b{background:#75f2c4;color:#050b18}
html[data-puro-theme="puro"] .hub-proposal-flow.is-composer-active>.hub-proposal-master-calendar{display:none!important}
html[data-puro-theme="puro"] .hub-proposal-create-zone[hidden]{display:none!important}
html[data-puro-theme="puro"] .hub-calendar-skip{padding-inline:14px!important;width:auto!important;border-color:rgba(117,242,196,.22)!important;color:#e3e9ff!important}
html[data-puro-theme="puro"] .hub-one-step-head{padding-top:0!important}
html[data-puro-theme="puro"] .hub-one-step-preview-final{display:grid!important;grid-template-columns:minmax(180px,.8fr) minmax(280px,1.2fr) auto!important;gap:18px!important;align-items:center!important;padding:16px 18px max(16px,env(safe-area-inset-bottom))!important;background:#08101d!important;border-top:1px solid rgba(255,255,255,.08)!important}
html[data-puro-theme="puro"] .hub-one-step-review-label{display:grid;gap:4px}
html[data-puro-theme="puro"] .hub-one-step-review-label>b{font-size:14px;color:#f3fbf8}
html[data-puro-theme="puro"] .hub-one-step-review-actions{display:flex;gap:8px;justify-content:flex-end}
html[data-puro-theme="puro"] .hub-one-step-preview-final .hub-one-step-delivery-final{display:grid;gap:8px;min-width:0}
html[data-puro-theme="puro"] .hub-one-step-preview-final .hub-one-step-schedule-final{margin:0!important}

/* Propuesta narrativa ya enviada: siempre se visualiza como documento, nunca como copy social. */
html[data-puro-theme="puro"] .hub-proposal-narrative-frame-shell{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#0a1021}
html[data-puro-theme="puro"] .hub-proposal-narrative-frame{display:block;width:100%;height:min(76vh,820px);min-height:560px;border:0;background:#fff}
html[data-puro-theme="puro"] .hub-proposal-narrative-text{padding:22px;color:#eaf4f1;font-size:14px;line-height:1.7;white-space:pre-wrap}
html[data-puro-theme="puro"] .hub-proposal-narrative-external{display:grid;gap:10px}
html[data-puro-theme="puro"] .hub-proposal-narrative-external>a{justify-self:start;color:#75f2c4;font-weight:750}

/* Bandeja: el historial atendido deja de parecer urgente. */
html[data-puro-theme="puro"] .hub-work-filters.is-status-filter{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
html[data-puro-theme="puro"] .hub-work-filters.is-status-filter::-webkit-scrollbar{display:none}
html[data-puro-theme="puro"] .hub-work-filters.is-status-filter a{white-space:nowrap}
html[data-puro-theme="puro"] .hub-work-row.bucket-done{opacity:.7;background:#0c1326!important;border-color:rgba(255,255,255,.045)!important}
html[data-puro-theme="puro"] .hub-work-row.bucket-done .hub-work-row-meta i{color:#8b9a96!important;background:rgba(255,255,255,.04)!important}
html[data-puro-theme="puro"] .hub-work-row.bucket-pending:not(.needs-attention) .hub-work-row-meta i{color:#9aacA7!important}
html[data-puro-theme="puro"] .hub-work-row.needs-attention{border-color:rgba(244,190,85,.24)!important;background:linear-gradient(135deg,rgba(244,190,85,.055),#0c1326 42%)!important}
html[data-puro-theme="puro"] .hub-work-row-shell:not(:has(.needs-attention)) .hub-work-row-tools{display:none!important}
html[data-puro-theme="puro"] .hub-work-row-tools{margin-top:5px!important;padding:7px 10px!important;border-radius:12px!important;background:rgba(255,255,255,.018)!important}

/* Chat: un único viewport con composer fijo al final del drawer, sin cajas flotantes superpuestas. */
html[data-puro-theme="puro"] .hub-agency-chat-drawer{overflow:hidden!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-center{min-height:0!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-thread-stack{min-height:0!important;overflow:hidden!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-thread-panel.is-active{display:block!important;height:100%!important;min-height:0!important;overflow:hidden!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-shell{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread{min-height:0!important;height:auto!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:16px clamp(14px,2vw,22px)!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-composer{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;z-index:30!important;margin:0!important;padding:10px 14px max(10px,env(safe-area-inset-bottom))!important;border-top:1px solid rgba(255,255,255,.08)!important;background:#0a1021!important;box-shadow:0 -12px 30px rgba(0,0,0,.22)!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-compose-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:end!important;min-height:48px!important;padding:0!important;background:transparent!important;border:0!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-compose-row textarea{display:block!important;width:100%!important;min-width:0!important;min-height:48px!important;max-height:124px!important;margin:0!important;padding:12px 14px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:15px!important;background:#101a30!important;color:#f5fbf9!important;font-size:16px!important;line-height:1.45!important;resize:none!important;box-sizing:border-box!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-send-button{width:auto!important;min-width:52px!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0 14px!important;border-radius:14px!important;align-self:end!important}

/* Resultados / Presencia: lectura equivalente al doctor, con detalle operativo. */
html[data-puro-theme="puro"] .hub-presence-results{display:grid;gap:18px}
html[data-puro-theme="puro"] .hub-presence-results-head{align-items:flex-end}
html[data-puro-theme="puro"] .hub-presence-results-head h2{font-size:clamp(28px,3vw,42px)!important;letter-spacing:-.045em!important}
html[data-puro-theme="puro"] .hub-presence-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:rgba(255,255,255,.07)}
html[data-puro-theme="puro"] .hub-presence-kpis>article{position:relative;min-width:0;padding:18px;background:#0d162a!important;border:0!important;border-radius:0!important}
html[data-puro-theme="puro"] .hub-presence-kpis>article>span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:18px;border-radius:11px;background:#172642;color:#b8f5de;font-size:11px;font-weight:850}
html[data-puro-theme="puro"] .hub-presence-kpis svg{width:17px;height:17px}
html[data-puro-theme="puro"] .hub-presence-kpis small{display:block;color:#71847f;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
html[data-puro-theme="puro"] .hub-presence-kpis b{display:block;margin:5px 0 2px;color:#f6fbfa;font-size:clamp(25px,3vw,38px);line-height:1;letter-spacing:-.055em}
html[data-puro-theme="puro"] .hub-presence-kpis em{color:#8fa09b;font-size:10px;font-style:normal}
html[data-puro-theme="puro"] .hub-presence-system-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html[data-puro-theme="puro"] .hub-presence-system-strip>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:center;padding:15px;border:1px solid rgba(255,255,255,.065);border-radius:16px;background:#0c1428}
html[data-puro-theme="puro"] .hub-presence-system-strip>div>i,html[data-puro-theme="puro"] .hub-presence-system-strip>div>span:first-child{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#172642}
html[data-puro-theme="puro"] .hub-presence-system-strip>div.is-live>i{background:#75f2c4;box-shadow:0 0 0 7px rgba(117,242,196,.08)}
html[data-puro-theme="puro"] .hub-presence-system-strip>div.is-warning>i{background:#eab65d}
html[data-puro-theme="puro"] .hub-presence-system-strip small,html[data-puro-theme="puro"] .hub-presence-system-strip b,html[data-puro-theme="puro"] .hub-presence-system-strip em{display:block}
html[data-puro-theme="puro"] .hub-presence-system-strip small{color:#738580;font-size:8px;text-transform:uppercase;letter-spacing:.07em}
html[data-puro-theme="puro"] .hub-presence-system-strip b{margin-top:2px;color:#eef8f5;font-size:13px}
html[data-puro-theme="puro"] .hub-presence-system-strip em{margin-top:2px;color:#82938e;font-size:9px;font-style:normal}
html[data-puro-theme="puro"] .hub-presence-channel-section,html[data-puro-theme="puro"] .hub-presence-geo{padding:18px;border:1px solid rgba(255,255,255,.06);border-radius:20px;background:#0b1122}
html[data-puro-theme="puro"] .hub-presence-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
html[data-puro-theme="puro"] .hub-presence-channel-grid>article{padding:15px;border:1px solid rgba(255,255,255,.055);border-radius:15px;background:#0f182e}
html[data-puro-theme="puro"] .hub-presence-channel-grid>article.is-leading{border-color:rgba(117,242,196,.25);background:linear-gradient(145deg,rgba(117,242,196,.06),#0f182e 50%)}
html[data-puro-theme="puro"] .hub-presence-channel-grid header{display:flex;align-items:center;gap:10px;margin-bottom:14px}
html[data-puro-theme="puro"] .hub-presence-channel-grid header>span{width:34px;height:34px;display:grid;place-items:center}
html[data-puro-theme="puro"] .hub-presence-channel-grid header img,html[data-puro-theme="puro"] .hub-presence-channel-grid header svg{max-width:27px;max-height:27px}
html[data-puro-theme="puro"] .hub-presence-channel-grid header b,html[data-puro-theme="puro"] .hub-presence-channel-grid header small{display:block}
html[data-puro-theme="puro"] .hub-presence-channel-grid header b{font-size:13px;color:#f3faf8}
html[data-puro-theme="puro"] .hub-presence-channel-grid header small{margin-top:2px;color:#727f98;font-size:9px}
html[data-puro-theme="puro"] .hub-presence-channel-grid>article>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
html[data-puro-theme="puro"] .hub-presence-channel-grid>article>div:last-child>span{padding:9px;border-radius:10px;background:rgba(255,255,255,.027)}
html[data-puro-theme="puro"] .hub-presence-channel-grid>article>div:last-child b,html[data-puro-theme="puro"] .hub-presence-channel-grid>article>div:last-child small{display:block}
html[data-puro-theme="puro"] .hub-presence-channel-grid>article>div:last-child b{font-size:16px;color:#f5fbf9}
html[data-puro-theme="puro"] .hub-presence-channel-grid>article>div:last-child small{margin-top:2px;color:#778984;font-size:8px}
html[data-puro-theme="puro"] .hub-presence-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html[data-puro-theme="puro"] .hub-presence-insights>article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:16px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:#0c1428}
html[data-puro-theme="puro"] .hub-presence-insights>article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#162542}
html[data-puro-theme="puro"] .hub-presence-insights small,html[data-puro-theme="puro"] .hub-presence-insights b{display:block}
html[data-puro-theme="puro"] .hub-presence-insights small{color:#727f98;font-size:8px;text-transform:uppercase;letter-spacing:.07em}
html[data-puro-theme="puro"] .hub-presence-insights b{margin-top:4px;color:#f2faf7;font-size:13px}
html[data-puro-theme="puro"] .hub-presence-insights p{margin:5px 0 0;color:#899a95;font-size:10px;line-height:1.45}
html[data-puro-theme="puro"] .hub-presence-geo-grid{display:grid;gap:7px}
html[data-puro-theme="puro"] .hub-presence-geo-grid>article{display:grid;grid-template-columns:minmax(0,1fr) 90px 90px;gap:10px;align-items:center;padding:11px 12px;border-top:1px solid rgba(255,255,255,.045)}
html[data-puro-theme="puro"] .hub-presence-geo-grid>article:first-child{border-top:0}
html[data-puro-theme="puro"] .hub-presence-geo-grid b,html[data-puro-theme="puro"] .hub-presence-geo-grid small{display:block}
html[data-puro-theme="puro"] .hub-presence-geo-grid small{color:#727f98;font-size:9px}

/* Campaign Intelligence en Agencia. */
html[data-puro-theme="puro"] .hub-agency-heatmap{display:grid;gap:11px;margin-top:14px;padding:15px;border:1px solid rgba(255,255,255,.065);border-radius:18px;background:#0b1122}
html[data-puro-theme="puro"] .hub-agency-heatmap>header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
html[data-puro-theme="puro"] .hub-agency-heatmap>header small{color:#b8f5de;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
html[data-puro-theme="puro"] .hub-agency-heatmap>header h4{margin:3px 0 4px;color:#f4fbf9;font-size:17px}
html[data-puro-theme="puro"] .hub-agency-heatmap>header p{margin:0;max-width:620px;color:#7f918c;font-size:10px;line-height:1.45}
html[data-puro-theme="puro"] .hub-agency-heatmap>header>span{padding:7px 9px;border-radius:10px;background:#162542;color:#b8f5de;font-size:9px;font-weight:750}
html[data-puro-theme="puro"] .hub-agency-heatmap-toolbar{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
html[data-puro-theme="puro"] .hub-agency-heatmap-toolbar::-webkit-scrollbar{display:none}
html[data-puro-theme="puro"] .hub-agency-heatmap-toolbar button{flex:none;min-height:36px;padding:0 11px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:#0d1715;color:#899b96;font:750 9px/1 var(--puro-font,inherit)}
html[data-puro-theme="puro"] .hub-agency-heatmap-toolbar button.is-active{border-color:rgba(117,242,196,.28);background:#12231f;color:#e9fff8;box-shadow:inset 0 -2px 0 #75f2c4}
html[data-puro-theme="puro"] .hub-agency-heatmap-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}
html[data-puro-theme="puro"] .hub-agency-heatmap-controls label{display:flex;align-items:center;gap:7px;color:#727f98;font-size:9px}
html[data-puro-theme="puro"] .hub-agency-heatmap-controls select{min-height:34px;padding:5px 28px 5px 9px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#101a30;color:#edf1ff}
html[data-puro-theme="puro"] .hub-agency-heatmap-controls>span{color:#7e908b;font-size:9px;text-align:right}
html[data-puro-theme="puro"] .hub-agency-heatmap-stage{overflow:auto;max-height:720px;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:#050b0b}
html[data-puro-theme="puro"] .hub-agency-heatmap-page{position:relative;width:100%;min-height:680px;overflow:hidden;background:#f4f5f9}
html[data-puro-theme="puro"] .hub-agency-heatmap-page>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:.76;filter:saturate(.72)}
html[data-puro-theme="puro"] .hub-agency-landing-wire{position:absolute;inset:0;padding:8%;background:linear-gradient(#f8faf9,#edf1ef)}
html[data-puro-theme="puro"] .hub-agency-landing-wire span{display:block;width:48%;height:8%;border-radius:13px;background:#d5dcda}
html[data-puro-theme="puro"] .hub-agency-landing-wire b{display:block;width:78%;height:4%;margin-top:5%;border-radius:999px;background:#cbd4d1}
html[data-puro-theme="puro"] .hub-agency-landing-wire i{display:block;width:100%;height:15%;margin-top:8%;border-radius:16px;background:#e1e6e4}
html[data-puro-theme="puro"] .hub-agency-landing-wire em{display:block;width:37%;height:6%;margin-top:8%;border-radius:999px;background:#c8d5d1}
html[data-puro-theme="puro"] .hub-agency-heatmap-layer{position:absolute;inset:0;z-index:3;pointer-events:none}
html[data-puro-theme="puro"] .hub-agency-heatmap-layer.is-scroll{opacity:.72;mix-blend-mode:multiply}
html[data-puro-theme="puro"] .hub-agency-heat-point{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:999px;background:radial-gradient(circle,rgba(255,240,111,.98) 0 16%,rgba(255,146,62,.72) 35%,rgba(255,70,62,.36) 60%,rgba(255,70,62,0) 80%)}
html[data-puro-theme="puro"] .hub-agency-heat-point.is-contact{background:radial-gradient(circle,rgba(168,186,255,.98) 0 14%,rgba(117,242,196,.84) 32%,rgba(44,141,255,.34) 60%,rgba(44,141,255,0) 82%)}
html[data-puro-theme="puro"] .hub-agency-heat-point>b{display:grid;place-items:center;width:19px;height:19px;border-radius:999px;background:rgba(3,11,10,.84);color:#fff;font-size:7px}
html[data-puro-theme="puro"] .hub-agency-heat-empty{display:grid;place-items:center;align-content:center;gap:5px;min-height:230px;padding:30px;text-align:center;color:#899a95}
html[data-puro-theme="puro"] .hub-agency-heat-empty b{color:#edf1ff;font-size:13px}
html[data-puro-theme="puro"] .hub-agency-popup-maps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
html[data-puro-theme="puro"] .hub-agency-popup-maps[hidden]{display:none!important}
html[data-puro-theme="puro"] .hub-agency-popup-map{overflow:hidden;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:#0d162a}
html[data-puro-theme="puro"] .hub-agency-popup-map>header{display:flex;justify-content:space-between;gap:10px;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.05)}
html[data-puro-theme="puro"] .hub-agency-popup-map>header small,html[data-puro-theme="puro"] .hub-agency-popup-map>header b{display:block}
html[data-puro-theme="puro"] .hub-agency-popup-map>header small{color:#727f98;font-size:8px;text-transform:uppercase}
html[data-puro-theme="puro"] .hub-agency-popup-map>header b{margin-top:2px;color:#edf8f5;font-size:12px}
html[data-puro-theme="puro"] .hub-agency-popup-map>header>span{color:#88a099;font-size:8px}
html[data-puro-theme="puro"] .hub-agency-popup-canvas{position:relative;min-height:320px;margin:14px;border-radius:16px;background:#f7f8f8;overflow:hidden}
html[data-puro-theme="puro"] .hub-agency-popup-wire{position:absolute;inset:10%;padding:9%;border-radius:18px;background:#fff;box-shadow:0 16px 45px rgba(0,0,0,.14)}
html[data-puro-theme="puro"] .hub-agency-popup-wire i{display:block;width:50%;height:7%;border-radius:999px;background:#d4ddda}
html[data-puro-theme="puro"] .hub-agency-popup-wire b{display:block;width:84%;height:12%;margin-top:9%;border-radius:11px;background:#cad5d1}
html[data-puro-theme="puro"] .hub-agency-popup-wire span{display:block;width:100%;height:4%;margin-top:7%;border-radius:999px;background:#e1e6e4}
html[data-puro-theme="puro"] .hub-agency-popup-wire em{display:block;width:42%;height:10%;margin-top:13%;border-radius:10px;background:#c7d2ff}
html[data-puro-theme="puro"] .hub-agency-popup-device-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#5f716c;font-size:9px}

@media(max-width:900px){
  html[data-puro-theme="puro"] .hub-presence-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-puro-theme="puro"] .hub-presence-kpis>article:last-child{grid-column:1/-1}
  html[data-puro-theme="puro"] .hub-presence-system-strip,html[data-puro-theme="puro"] .hub-presence-insights{grid-template-columns:1fr}
  html[data-puro-theme="puro"] .hub-presence-channel-grid{grid-template-columns:1fr}
  html[data-puro-theme="puro"] .hub-one-step-preview-final{grid-template-columns:1fr!important;gap:10px!important}
  html[data-puro-theme="puro"] .hub-one-step-review-actions{justify-content:stretch}
  html[data-puro-theme="puro"] .hub-one-step-review-actions .hub-btn{flex:1}
}
@media(max-width:760px){
  html[data-puro-theme="puro"] .hub-proposal-flow{gap:12px}
  html[data-puro-theme="puro"] .hub-proposal-flow-steps{position:sticky;top:0;z-index:46;margin-inline:-2px;padding:5px;background:rgba(5,11,13,.94);backdrop-filter:blur(14px)}
  html[data-puro-theme="puro"] .hub-proposal-flow-steps>span{justify-content:center;padding:8px 6px}
  html[data-puro-theme="puro"] .hub-proposal-flow-steps em{font-size:10px}
  html[data-puro-theme="puro"] .hub-proposal-master-calendar header{display:grid!important}
  html[data-puro-theme="puro"] .hub-proposal-master-calendar header nav{display:flex!important;overflow-x:auto!important}
  html[data-puro-theme="puro"] .hub-calendar-skip{margin-left:auto!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-center{height:100%!important;min-height:0!important;overflow:hidden!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-thread-stack{height:100%!important;min-height:0!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread{padding:13px 12px!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-composer{padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-send-button span{display:none!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-send-button{width:50px!important;min-width:50px!important;padding:0!important}
  html[data-puro-theme="puro"] .hub-chat-compose-hint{display:none!important}
  html[data-puro-theme="puro"] .hub-presence-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-puro-theme="puro"] .hub-presence-kpis>article{padding:14px}
  html[data-puro-theme="puro"] .hub-presence-kpis>article>span{margin-bottom:12px}
  html[data-puro-theme="puro"] .hub-presence-channel-section,html[data-puro-theme="puro"] .hub-presence-geo{padding:13px}
  html[data-puro-theme="puro"] .hub-presence-geo-grid>article{grid-template-columns:minmax(0,1fr) 62px 62px}
  html[data-puro-theme="puro"] .hub-agency-heatmap{padding:12px}
  html[data-puro-theme="puro"] .hub-agency-heatmap-controls{display:grid;align-items:start}
  html[data-puro-theme="puro"] .hub-agency-heatmap-controls>span{text-align:left}
  html[data-puro-theme="puro"] .hub-agency-heatmap-page{min-height:560px}
  html[data-puro-theme="puro"] .hub-proposal-narrative-frame{height:70vh;min-height:500px}
}


/* ========================================================================== 
 * v3.18.0 — Identidad PURO Space Blue
 * Capa visual únicamente: negro + azul espacial, cajas sin trazos.
 * ========================================================================== */
html[data-puro-theme="puro"]{
  --ph-bg:#050711;--ph-paper:#090d1a;--ph-card:#0a1914;--ph-line:transparent;
  --ph-brand:#75f2c4;--ph-brand2:#24c894;
  --puro-bg:#050711;--puro-surface:#090d1a;--puro-surface-raised:#0a1914;
  --puro-surface-soft:#10231d;--puro-surface-hover:#133027;
  --puro-text:#f7f9ff;--puro-text-soft:#e4e9f4;--puro-text-muted:#a8b3c9;
  --puro-accent:#75f2c4;--puro-accent-deep:#24c894;--puro-blue:#97e5c8;
  --puro-line:transparent;--puro-line-soft:transparent;
}
html[data-puro-theme="puro"] body.puro-hub-standalone,
html[data-puro-theme="puro"] .puro-hub-app{background:#050711!important}
html[data-puro-theme="puro"] .puro-hub-topbar,
html[data-puro-theme="puro"] .hub-client-primary-tabs{background:rgba(5,7,17,.96)!important}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark{filter:drop-shadow(0 0 13px rgba(117,242,196,.62))!important}
html[data-puro-theme="puro"] .puro-hub-topbar .puro-hub-logo-mark i{background:#f5f8ff!important;box-shadow:0 0 14px rgba(143,168,255,.78)!important}
html[data-puro-theme="puro"] .puro-hub-app :is(.hub-panel,.hub-card,.hub-summary-card,.hub-proposal-review-card,.hub-one-step-box,.hub-dynamic-studio,.hub-dynamic-editor,.hub-dynamic-viewer,.hub-proposal-master-calendar,.hub-popup-history,.hub-doctor-message-inbox){border:0!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-proposal-flow-steps{border:0!important;background:#090d1a!important}
html[data-puro-theme="puro"] .hub-proposal-flow-steps>button{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 12px;border:0;border-radius:13px;background:transparent;color:#8090aa;transition:.18s ease;cursor:pointer}
html[data-puro-theme="puro"] .hub-proposal-flow-steps>button.is-active{background:#10231d!important;color:#f4f7ff!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-proposal-flow-steps>button.is-active b{background:#75f2c4!important;color:#070b18!important}
html[data-puro-theme="puro"] .hub-doctor-message-fab{background:#0d1f1a!important;border:0!important;box-shadow:0 0 26px rgba(117,242,196,.42),0 18px 48px -24px rgba(0,0,0,.9)!important}
html[data-puro-theme="puro"] .hub-doctor-message-fab>span{background:#1c3470!important;box-shadow:0 0 18px rgba(126,157,255,.55)!important}
html[data-puro-theme="puro"] .hub-popup-history{margin:16px 0;padding:16px;background:#090d1a;border-radius:18px}
html[data-puro-theme="puro"] .hub-popup-history>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}
html[data-puro-theme="puro"] .hub-popup-history>header h3{margin:2px 0 4px}
html[data-puro-theme="puro"] .hub-popup-history>header p{margin:0;font-size:12px}
html[data-puro-theme="puro"] .hub-popup-history-list{display:grid;gap:7px}
html[data-puro-theme="puro"] .hub-popup-history-list>article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 12px;border:0;border-radius:13px;background:#0a1914}
html[data-puro-theme="puro"] .hub-popup-history-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#123027;color:#97e5c8}
html[data-puro-theme="puro"] .hub-popup-history-list small,html[data-puro-theme="puro"] .hub-popup-history-list b,html[data-puro-theme="puro"] .hub-popup-history-list p{display:block;margin:0}
html[data-puro-theme="puro"] .hub-popup-history-list p{margin-top:3px;font-size:11px;color:var(--puro-text-muted)!important}
html[data-puro-theme="puro"] .hub-popup-history-list time{font-size:10px;color:var(--puro-text-muted)}
html[data-puro-theme="puro"] .hub-dynamic-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:720px){html[data-puro-theme="puro"] .hub-proposal-flow-steps>button{justify-content:center;padding:8px 6px}html[data-puro-theme="puro"] .hub-popup-history-list>article{grid-template-columns:34px minmax(0,1fr)}html[data-puro-theme="puro"] .hub-popup-history-list time{grid-column:2}html[data-puro-theme="puro"] .hub-dynamic-head-actions{justify-content:flex-start}}

/* v3.18.0 — contrato visual: las cajas de interfaz PURO no usan contorno. */
html[data-puro-theme="puro"] .puro-hub-app :is([class*="hub-"][class*="-card"],[class*="hub-"][class*="-box"],[class*="hub-"][class*="-panel"],[class*="hub-"][class*="-tile"],[class*="hub-"][class*="-surface"]){border-color:transparent!important;box-shadow:none!important}

/* ======================================================================
 * v3.22.0 — Chat PURO parity con panel del doctor
 * Misma gramática visual: superficies oscuras, composer fijo, envío circular.
 * =================================================================== */
html[data-puro-theme="puro"] .hub-agency-chat-drawer{
  width:min(900px,calc(100vw - 34px))!important;
  height:min(780px,calc(100dvh - 34px))!important;
  max-height:calc(100dvh - 34px)!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:24px!important;
  background:#080c19!important;
  box-shadow:0 34px 90px rgba(0,0,0,.5)!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer-head{
  min-height:62px!important;padding:10px 14px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;
  background:#0e172c!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer-head>div>span small{color:#8996ae!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer-head>div>span b{color:#f3f6ff!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer-head>button{border:0!important;background:#10231d!important;color:#eaf0ff!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-center{
  display:grid!important;grid-template-columns:286px minmax(0,1fr)!important;height:calc(100% - 62px)!important;min-height:0!important;overflow:hidden!important;background:#080c19!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-sidebar{
  min-width:0!important;height:100%!important;overflow-y:auto!important;padding:12px 10px!important;border:0!important;border-right:1px solid rgba(255,255,255,.055)!important;background:#0b1121!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-sidebar>header{padding:5px 6px 10px!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-sidebar>header h2{margin:3px 0 3px!important;font-size:17px!important;color:#f3f6ff!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-sidebar>header p{margin:0!important;font-size:9px!important;line-height:1.45!important;color:#8491a8!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-sidebar-label{padding:8px 7px 5px!important;border:0!important;color:#72809a!important;font-size:8px!important;text-transform:uppercase!important;letter-spacing:.08em!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-sidebar-list{display:grid!important;gap:3px!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-contact-row{
  grid-template-columns:38px minmax(0,1fr) auto!important;gap:9px!important;min-height:56px!important;padding:8px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#edf2ff!important;box-shadow:none!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-contact-row:hover{background:#111a30!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-contact-row.is-active{background:#10231d!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-contact-row.has-unread{background:#121d36!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-contact-row.has-unread:after{content:"";width:7px;height:7px;border-radius:50%;background:#75f2c4;box-shadow:0 0 13px rgba(117,242,196,.7)}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-contact-row span b{font-size:10.5px!important;color:#f5f7ff!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-contact-row span small{font-size:8px!important;color:#8c9ab2!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-contact-row span em{margin-top:2px!important;font-size:8.5px!important;color:#a7b2c8!important;font-style:normal!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-contact-row time{font-size:7.5px!important;color:#738098!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-thread-stack{height:100%!important;min-height:0!important;overflow:hidden!important;background:#080c19!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-thread-panel.is-active{display:block!important;height:100%!important;min-height:0!important;overflow:hidden!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-shell{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important;background:#080c19!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-head{min-height:66px!important;padding:10px 14px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;background:#0e172c!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-head h2{margin:2px 0!important;font-size:15px!important;color:#f5f7ff!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-head p{margin:0!important;font-size:8.5px!important;color:#8d9ab1!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-state{border:0!important;background:rgba(255,255,255,.045)!important;color:#9facbf!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-close-thread{border:0!important;background:#10231d!important;color:#c7d2e8!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread{
  min-height:0!important;height:auto!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:18px clamp(14px,2.4vw,24px)!important;background:#080c19!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread>.hub-empty{align-self:center;margin:auto;max-width:320px;padding:20px!important;border:0!important;background:transparent!important;color:#7f8ba0!important;text-align:center!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread>article{margin-bottom:8px!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread>article>div{max-width:min(76%,560px)!important;padding:9px 11px!important;border:0!important;border-radius:16px!important;background:#10231d!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread>article.is-agency>div{background:#18274a!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread>article.is-client>div{background:#111927!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread article p{margin:0!important;color:#f0f4ff!important;font-size:10px!important;line-height:1.48!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-context{border:0!important;background:rgba(117,242,196,.08)!important;color:#a9b9ff!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-meta{margin-top:4px!important;color:#7f8ca3!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-composer{
  position:relative!important;inset:auto!important;z-index:30!important;width:100%!important;max-width:none!important;margin:0!important;padding:8px 10px max(8px,env(safe-area-inset-bottom))!important;border:0!important;border-top:1px solid rgba(255,255,255,.055)!important;background:#0d162a!important;box-shadow:0 -16px 32px -28px rgba(0,0,0,.9)!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-compose-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:end!important;min-height:42px!important;padding:0!important;border:0!important;background:transparent!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-compose-row textarea{
  width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;max-height:112px!important;margin:0!important;padding:10px 12px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:17px!important;resize:none!important;overflow-y:hidden!important;outline:0!important;background:#121d35!important;color:#f2f6ff!important;caret-color:#75f2c4!important;font-size:16px!important;line-height:1.45!important;box-shadow:none!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-compose-row textarea:focus{border-color:rgba(117,242,196,.42)!important;box-shadow:0 0 0 3px rgba(117,242,196,.08)!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-send-button{
  display:grid!important;place-items:center!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#75f2c4!important;color:#0b1328!important;box-shadow:0 10px 22px -16px rgba(117,242,196,.55)!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-send-button span{display:none!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-send-button b{font-size:15px!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-send-button[aria-busy="true"]{opacity:.55!important;transform:scale(.96)!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-send-button.is-error{background:#ef7185!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-compose-hint{display:none!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-menu-pop{border:0!important;background:#111a30!important;box-shadow:0 18px 50px rgba(0,0,0,.42)!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-menu-pop textarea{border:1px solid rgba(255,255,255,.09)!important;background:#121d35!important;color:#f2f6ff!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-agency-chat-thread-back{display:none!important}

@media(max-width:760px){
  html[data-puro-theme="puro"] .hub-agency-chat-drawer{inset:0!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer-head{min-height:58px!important;flex:0 0 auto!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-center{position:relative!important;display:block!important;flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow:hidden!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-sidebar{position:absolute!important;inset:0!important;width:100%!important;border-right:0!important;padding:10px!important;transition:transform .2s ease,opacity .2s ease!important}
  html[data-puro-theme="puro"] .hub-agency-chat-modal.is-thread-view .hub-chat-sidebar{transform:translateX(-16%)!important;opacity:0!important;pointer-events:none!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-thread-stack{position:absolute!important;inset:0!important;width:100%!important;transform:translateX(100%)!important;transition:transform .22s ease!important}
  html[data-puro-theme="puro"] .hub-agency-chat-modal.is-thread-view .hub-chat-thread-stack{transform:translateX(0)!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-agency-chat-thread-back{display:inline-flex!important;position:absolute!important;z-index:15!important;top:17px!important;left:10px!important;min-height:32px!important;padding:0 9px!important;border:0!important;border-radius:10px!important;background:#10231d!important;color:#e8edfb!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-head{padding-left:76px!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-state,html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-close-thread{display:none!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread{padding:14px 12px!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread>article>div{max-width:84%!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-composer{padding:8px 9px max(8px,env(safe-area-inset-bottom))!important}
}

/* v3.22.0 — Seguimiento administrativo de leads recibido del doctor. */
html[data-puro-theme="puro"] .hub-lead-followup-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
html[data-puro-theme="puro"] .hub-lead-followup-badges span{display:inline-flex;align-items:center;min-height:24px;padding:5px 8px;border:0;border-radius:999px;background:#10231d;color:#b9c6e3;font-size:8.5px;font-weight:750}
html[data-puro-theme="puro"] .hub-lead-followup-badges span.is-response{background:#123027;color:#b8c7ff}
html[data-puro-theme="puro"] .hub-lead-followup-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-2px 0 14px;padding:0 2px;color:#8f9bb1;font-size:9px}
html[data-puro-theme="puro"] .hub-lead-followup-strip b{color:#edf2ff;font-size:10px}
html[data-puro-theme="puro"] .hub-lead-followup-strip i{width:3px;height:3px;border-radius:50%;background:#52617a}


/* ======================================================================
 * v3.22.1 — Render safety hotfix
 * El contenido nunca depende de que una animación JS termine correctamente.
 * El boot sigue cubriendo la interfaz durante su animación, pero el main queda
 * renderizado debajo y no puede quedarse en opacity:0 por un estado obsoleto.
 * =================================================================== */
html[data-puro-theme="puro"]{
  --puro-root-bg:#03050d;
  background:#03050d!important;
  min-height:100%;
}
html[data-puro-theme="puro"] body.puro-hub-standalone{
  --puro-bg:#03050d;
  margin:0!important;
  min-height:100dvh!important;
  background:#03050d!important;
  background-image:none!important;
}
html[data-puro-theme="puro"] .puro-hub-app{
  min-height:100dvh!important;
  background:#03050d!important;
}
/* Fail-open: una transición jamás debe poder ocultar el producto. */
html[data-puro-theme="puro"] body.puro-postboot-pending .puro-hub-main>*,
html[data-puro-theme="puro"] body.puro-postboot-ready .puro-hub-main>*{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  filter:none!important;
}
html[data-puro-theme="puro"] .puro-hub-main{
  min-height:calc(100dvh - 86px)!important;
  background:transparent!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-fab.is-temporarily-unavailable{
  opacity:.58!important;
  cursor:not-allowed!important;
}
@media(max-width:820px){
  html[data-puro-theme="puro"] .puro-hub-main{min-height:calc(100dvh - 64px)!important;}
}


/* ======================================================================
 * v3.22.2 — fail-open real del shell
 * Ninguna animación, estado postboot o módulo accesorio puede ocultar main.
 * =================================================================== */
html[data-puro-theme="puro"] .puro-hub-main,
html[data-puro-theme="puro"] .puro-hub-main>*{opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;}
html[data-puro-theme="puro"] .puro-hub-main{display:block!important;height:auto!important;max-height:none!important;overflow-y:visible!important;}
html[data-puro-theme="puro"] .hub-render-recovery{margin:18px 0;padding:18px!important;border:0!important;border-radius:18px!important;background:#10182b!important;color:#f4f7ff!important;}
html[data-puro-theme="puro"] .hub-render-recovery h2{margin:5px 0 6px!important;font-size:18px!important;}
html[data-puro-theme="puro"] .hub-render-recovery p{margin:0!important;color:#9aa8c0!important;}

/* v3.22.3 — conexión real separada de avisos de procesamiento local */
html[data-puro-theme="puro"] .hub-client-warning{
  margin-top:10px;
  padding:10px 12px;
  border:0!important;
  border-radius:14px;
  background:rgba(117,242,196,.08)!important;
  color:#b9c8ff!important;
  font-size:11px;
  line-height:1.45;
  box-shadow:none!important;
}

/* PURO Agency Hub 3.22.5 — estado real del envío de Chat PURO */
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-compose-hint.is-error,
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-compose-hint.is-success{
  display:block!important;
  margin:6px 4px 0!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:700!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-compose-hint.is-error{color:#ff9b9b!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-compose-hint.is-success{color:#9db3ff!important}

/* =====================================================================
 * PURO Agency Hub 3.22.9 — Chat PURO · visual refinement only
 * Mantiene intacta la lógica de envío/sincronización. La prioridad es
 * paridad visual con el chat del doctor, menos ruido y mejor lectura.
 * ================================================================== */
html[data-puro-theme="puro"] .hub-agency-chat-drawer{
  --chat-bg:#070b14;
  --chat-panel:#0b111d;
  --chat-panel-2:#0f1728;
  --chat-bubble-in:#111927;
  --chat-bubble-out:#172746;
  --chat-text:#f2f5ff;
  --chat-muted:#8e9ab2;
  --chat-accent:#75f2c4;
  background:var(--chat-bg)!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer-head{
  min-height:58px!important;
  padding:9px 12px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  background:var(--chat-panel)!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer-head>div{gap:10px!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer-head>div>span small{
  color:#77849b!important;
  font-size:8px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer-head>div>span b{font-size:14px!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer-head>button{
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
  border:0!important;border-radius:13px!important;background:#111a2d!important;color:#dce4fb!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer-head>button .hub-icon{width:16px!important;height:16px!important}

html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-center{
  grid-template-columns:270px minmax(0,1fr)!important;
  background:var(--chat-bg)!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-sidebar{
  padding:12px 10px!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.04)!important;
  background:#090f1a!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-sidebar>header{padding:4px 6px 10px!important;background:transparent!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-sidebar>header .hub-section-eyebrow{display:none!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-sidebar>header h2{font-size:16px!important;letter-spacing:-.02em!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-sidebar>header p{font-size:9px!important;line-height:1.45!important;color:#7e8aa1!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-sidebar-label{
  padding:9px 8px 5px!important;color:#66738b!important;font-size:8px!important;border:0!important;background:transparent!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-sidebar-list{gap:2px!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-contact-row{
  min-height:58px!important;padding:8px 9px!important;border:0!important;border-radius:15px!important;background:transparent!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-contact-row:hover{background:#0f1829!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-contact-row.is-active{background:#141f36!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-contact-row.has-unread{background:#101a2e!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-contact-row .hub-expert-avatar{margin:0!important;box-shadow:none!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-contact-row span b{font-size:11px!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-contact-row span small{font-size:8.5px!important;color:#7f8da5!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-contact-row span em{font-size:8.5px!important;color:#9aa6bc!important}

html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-thread-stack,
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-shell,
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread{background:var(--chat-bg)!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-head{
  min-height:68px!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:11px!important;
  padding:10px 14px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  background:var(--chat-panel)!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-head>.hub-expert-avatar{
  width:42px!important;height:42px!important;margin:0!important;box-shadow:0 0 0 2px rgba(117,242,196,.18)!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-head h2{
  margin:0 0 3px!important;font-size:15px!important;line-height:1.1!important;letter-spacing:-.02em!important;color:#f5f7ff!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-head p{
  max-width:520px!important;margin:0!important;font-size:9px!important;line-height:1.35!important;color:#8491a7!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-actions{display:flex!important;align-items:center!important;gap:7px!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-state{
  min-height:28px!important;padding:0 9px!important;border:0!important;border-radius:999px!important;background:#111a2b!important;color:#8390a7!important;font-size:8px!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-state i{width:5px!important;height:5px!important;background:#75f2c4!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-close-thread{
  min-height:28px!important;padding:0 9px!important;border:0!important;border-radius:10px!important;background:#111a2b!important;color:#a6b2c7!important;font-size:8px!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-thread-close{display:none!important}

html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread{
  gap:6px!important;
  padding:20px clamp(16px,2.4vw,28px)!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(117,242,196,.24) transparent!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread::-webkit-scrollbar{width:5px!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread::-webkit-scrollbar-thumb{background:rgba(117,242,196,.22)!important;border-radius:999px!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread>article{
  max-width:min(74%,600px)!important;
  gap:7px!important;
  margin:0!important;
  align-items:flex-end!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread>article>.hub-expert-avatar{
  width:24px!important;height:24px!important;margin:0 0 2px!important;flex:0 0 24px!important;box-shadow:none!important;font-size:7px!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread>article>div{
  position:relative!important;
  max-width:100%!important;
  padding:10px 12px 9px!important;
  border:0!important;
  border-radius:18px!important;
  background:var(--chat-bubble-in)!important;
  box-shadow:none!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread>article.is-client>div{
  border-bottom-left-radius:6px!important;background:var(--chat-bubble-in)!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread>article.is-agency>div{
  border-bottom-right-radius:6px!important;background:var(--chat-bubble-out)!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread article p{
  margin:0!important;color:var(--chat-text)!important;font-size:13px!important;line-height:1.46!important;font-weight:480!important;letter-spacing:-.006em!important;overflow-wrap:anywhere!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-context{
  margin:0 0 6px!important;padding:3px 7px!important;border:0!important;border-radius:999px!important;background:rgba(117,242,196,.08)!important;color:#a9b8ff!important;font-size:8px!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-meta{
  min-height:18px!important;margin-top:5px!important;gap:5px!important;justify-content:flex-end!important;color:#71809a!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-meta time,
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-meta small{font-size:8.5px!important;line-height:1!important;color:#71809a!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-menu{margin:0!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-menu>summary{
  width:24px!important;height:20px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#8492aa!important;font-size:11px!important;opacity:.82!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-menu>summary:hover,
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-menu[open]>summary{background:rgba(255,255,255,.055)!important;color:#d9e0f3!important;opacity:1!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-menu-pop{
  width:min(270px,82vw)!important;padding:8px!important;border:0!important;border-radius:14px!important;background:#121a2b!important;box-shadow:0 20px 60px rgba(0,0,0,.5)!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-menu-pop form+form{border-top:1px solid rgba(255,255,255,.05)!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-menu-pop textarea{border:0!important;background:#0c1322!important;color:#eef2ff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-menu-pop button{border:0!important;border-radius:10px!important;background:#75f2c4!important;color:#091023!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-menu-pop button.is-delete{background:transparent!important;color:#f08394!important;box-shadow:inset 0 0 0 1px rgba(240,131,148,.18)!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-message-copy{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:26px!important;height:24px!important;min-width:26px!important;min-height:24px!important;
  margin:5px 0 0 auto!important;padding:0!important;border:0!important;border-radius:8px!important;
  background:transparent!important;color:#7f8ca4!important;box-shadow:none!important;opacity:.72!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-message-copy span{display:none!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-message-copy .hub-icon{width:13px!important;height:13px!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-message-copy:is(:hover,:focus-visible,.is-copied){background:rgba(255,255,255,.055)!important;color:#dce4f8!important;opacity:1!important}

html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-composer{
  padding:9px 12px max(9px,env(safe-area-inset-bottom))!important;
  border:0!important;border-top:1px solid rgba(255,255,255,.045)!important;
  background:var(--chat-panel)!important;box-shadow:none!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-compose-row{gap:8px!important;min-height:46px!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-compose-row textarea{
  height:46px!important;min-height:46px!important;max-height:116px!important;
  padding:11px 14px!important;border:0!important;border-radius:18px!important;background:#111b30!important;
  color:#f2f5ff!important;caret-color:#75f2c4!important;font-size:15px!important;line-height:1.45!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-compose-row textarea::placeholder{color:#78869e!important;opacity:1!important}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-compose-row textarea:focus{
  border:0!important;box-shadow:inset 0 0 0 1px rgba(117,242,196,.32),0 0 0 3px rgba(117,242,196,.06)!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-send-button{
  width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;
  border-radius:50%!important;background:#75f2c4!important;color:#0a1124!important;
  box-shadow:0 10px 24px -18px rgba(117,242,196,.7)!important;
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-send-button:hover{transform:translateY(-1px)!important;filter:brightness(1.05)!important}

@media(max-width:760px){
  html[data-puro-theme="puro"] .hub-agency-chat-modal.is-thread-view .hub-agency-chat-drawer-head{display:none!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer{background:var(--chat-bg)!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-center{height:100%!important;flex:1 1 auto!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-thread-stack{inset:0!important;background:var(--chat-bg)!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-agency-chat-thread-back{
    display:grid!important;place-items:center!important;position:absolute!important;z-index:30!important;
    top:14px!important;left:14px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
    padding:0!important;border:0!important;border-radius:14px!important;background:#101a31!important;color:#e6ebfa!important;
    font-size:24px!important;font-weight:500!important;line-height:1!important;box-shadow:none!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-head{
    min-height:70px!important;
    grid-template-columns:46px minmax(0,1fr) 42px!important;
    gap:9px!important;
    padding:10px 12px 10px 66px!important;
    background:#0a111d!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-head>.hub-expert-avatar{
    width:44px!important;height:44px!important;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 0 4px rgba(117,242,196,.14)!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-head h2{font-size:16px!important;margin:0 0 4px!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-head p{font-size:10px!important;max-width:none!important;color:#8d9ab1!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-actions{display:block!important;width:42px!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-state,
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-close-thread,
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-actions>form{display:none!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-thread-close{
    display:grid!important;place-items:center!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:14px!important;background:#101a31!important;color:#e6ebfa!important;box-shadow:none!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-thread-close .hub-icon{width:16px!important;height:16px!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread{
    gap:5px!important;padding:16px 14px 18px!important;background:#070b14!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread>article{max-width:88%!important;gap:5px!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread>article.is-agency>.hub-expert-avatar{display:none!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread>article>div{padding:11px 13px 9px!important;border-radius:18px!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread>article.is-client>div{border-bottom-left-radius:6px!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread>article.is-agency>div{border-bottom-right-radius:6px!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread article p{font-size:15px!important;line-height:1.42!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-meta{margin-top:7px!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-meta time,
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-meta small{font-size:9.5px!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-message-copy{width:28px!important;height:26px!important;min-height:26px!important;margin-top:6px!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-composer{
    padding:9px 14px calc(9px + env(safe-area-inset-bottom))!important;background:#0a111d!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-compose-row textarea{
    height:48px!important;min-height:48px!important;max-height:112px!important;padding:12px 15px!important;border-radius:19px!important;font-size:16px!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-send-button{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-menu-pop{
    position:fixed!important;left:14px!important;right:14px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;width:auto!important;
    border-radius:16px!important;
  }
}
html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-meta .hub-message-copy{margin:0!important;flex:0 0 26px!important}
@media(max-width:760px){html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-message-meta .hub-message-copy{margin:0!important;flex-basis:28px!important}}

/* ========================================================================
 * PURO Agency Hub 3.25.5 — Paridad visual del chat de agencia en móvil
 * Corrige la apariencia rota del chat flotante y la acerca al chat del doctor:
 * pantalla completa, header limpio, controles teal y sin azules heredados.
 * ====================================================================== */
@media(max-width:760px){
  html[data-puro-theme="puro"] body.hub-agency-chat-open :is(.puro-hub-topbar,.hub-app-nav,.puro-mobile-dock,.hub-mobile-dock){
    visibility:hidden!important;
    pointer-events:none!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-modal{
    z-index:2147483200!important;
    inset:0!important;
    padding:0!important;
    align-items:stretch!important;
    justify-items:stretch!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer{
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:#06100f!important;
    transform:none!important;
    transform-origin:center center!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer-head{
    display:flex!important;
    flex:0 0 auto!important;
    min-height:58px!important;
    padding:10px 14px max(10px,env(safe-area-inset-top))!important;
    background:rgba(6,12,12,.98)!important;
    border-bottom:1px solid rgba(255,255,255,.05)!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer-head>div{min-width:0!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer-head .hub-icon{
    background:#10211e!important;
    color:#69dac1!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer-head small{color:#7f958e!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer-head b{color:#f3f8f6!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer-head>button{
    background:#10211e!important;
    border:1px solid rgba(105,218,193,.18)!important;
    color:#eff8f5!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-modal.is-thread-view .hub-agency-chat-drawer-head{display:none!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-agency-chat-thread-back,
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-thread-close{
    background:#10211e!important;
    color:#eef8f6!important;
    border:1px solid rgba(105,218,193,.18)!important;
    box-shadow:none!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-head{
    min-height:72px!important;
    grid-template-columns:44px minmax(0,1fr) 42px!important;
    gap:10px!important;
    padding:12px 12px 12px 64px!important;
    background:#091312!important;
    border-bottom:1px solid rgba(255,255,255,.05)!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-head h2{
    margin:0 0 4px!important;
    color:#f2f8f6!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-head p{
    color:#90a59e!important;
    max-width:none!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:auto!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-state,
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-close-thread,
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-actions>form{
    display:none!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-thread-close{
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    border-radius:14px!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-thread-close .hub-icon{width:16px!important;height:16px!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-thread-stack{background:#060d0d!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-thread{
    background:#060d0d!important;
    padding:16px 14px 18px!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-puro-composer{
    background:#081211!important;
    border-top:1px solid rgba(255,255,255,.05)!important;
    padding:10px 12px max(10px,env(safe-area-inset-bottom))!important;
    box-shadow:0 -12px 28px rgba(0,0,0,.20)!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-compose-row textarea{
    background:#101917!important;
    color:#eff7f5!important;
    border:1px solid rgba(255,255,255,.08)!important;
  }
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-compose-row textarea::placeholder{color:#7f938d!important;opacity:1!important}
  html[data-puro-theme="puro"] .hub-agency-chat-drawer .hub-chat-send-button{
    background:#4bd1b0!important;
    color:#05221b!important;
  }
}


/* v3.25.18 · Facturación: comprobante del doctor visible en la cuenta */
.hub-doctor-payment-proof{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0 16px;padding:16px 18px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:#0a1210}
.hub-doctor-payment-proof>div{min-width:0}.hub-doctor-payment-proof small,.hub-doctor-payment-proof b,.hub-doctor-payment-proof span{display:block}.hub-doctor-payment-proof small{color:#81908d;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.hub-doctor-payment-proof b{margin-top:4px;color:#edf7f3;font-size:15px}.hub-doctor-payment-proof span{margin-top:4px;color:#96a4a0;font-size:10px;line-height:1.45}.hub-doctor-payment-proof.has-proof{border-color:rgba(113,230,195,.19);background:#0b1814}.hub-doctor-payment-proof.has-proof b{color:#84e8c9}.hub-doctor-payment-proof .hub-btn{flex:0 0 auto}
@media(max-width:700px){.hub-doctor-payment-proof{align-items:stretch;flex-direction:column}.hub-doctor-payment-proof .hub-btn{width:100%;justify-content:center}}