/*#omx eyJhbGciOiJITUFDLVNIQTI1NiIsInBheWxvYWQiOnsib3duZXIiOiJKZXPDg8K6cyBPcnRlZ2EgTWF0ZXUiLCJkbmkiOiI3NDM3OTIyMk0iLCJsaWNlbnNlIjoiTGljZW5jaWEgcmVzZXJ2YWRhIC8gUHJvcGllZGFkIGludGVsZWN0dWFsIiwib3JpZ2luIjoiT01fNzQzNzkyMjJNIiwiYnVpbGQiOiIyMDI2LTA4LTI1XzIyNTY1MiIsImZpbGUiOiJmN2MyNzA3NjczIiwicGF0aCI6ImFzc2V0cy9jc3MvaW52aXRhdGlvbk1hbmFnZXIucGhhc2UyLWEuY3NzIn0sInNpZyI6Ijk3M2IxYWQ0Yzg2YWEzOWFkYjViMmQ4Y2MyNTY3YzljY2EzM2VlZGM1M2Y5ZDZiMjMwNzU1MjUzZWMzNzE1YjkifQ==*/
/* Phase 2A: shared editor geometry and configurator component language. */
:root {
  --bo-config-accent: #e83d6f;
  --bo-config-accent-strong: #cb2f60;
  --bo-config-accent-soft: #fff1f5;
  --bo-config-surface: #ffffff;
  --bo-config-surface-muted: #f8f7f9;
  --bo-config-border: #e8e3e8;
  --bo-config-border-strong: #d9d1d9;
  --bo-config-text: #302833;
  --bo-config-muted: #7d7280;
  --bo-config-focus: rgba(232, 61, 111, .22);
  --bo-config-radius-sm: 10px;
  --bo-config-radius-md: 14px;
  --bo-config-radius-lg: 18px;
  --bo-config-control-h: 42px;
  --bo-config-shadow: 0 10px 28px rgba(45, 35, 45, .07);
}

@media (min-width: 1200px) {
  body.bo-im-responsive-v2.bo-editor-design-editing:not(.bo-template-preview-mode) {
    --bo-editor-canvas-top-inset: 24px;
  }

  body.bo-im-responsive-v2.bo-editor-design-editing:not(.bo-template-preview-mode) #SocialEvent_form-p-2.current.bo-editor-editing,
  body.bo-im-responsive-v2.bo-editor-design-editing:not(.bo-template-preview-mode) #SocialEvent_form-p-2.current.bo-editor-editing:has(> #InvitationTemplateSelector_Container:not(.hide)):has(> #invitation-preview:not(.hide)),
  html.bo-editor-design-editing-root body.bo-im-responsive-v2.bo-editor-design-editing:not(.bo-template-preview-mode) form#SocialEvent_form.steps-validation #SocialEvent_form-p-2.current.bo-editor-editing {
    height: calc(100dvh - var(--bo-editor-header-h, 68px)) !important;
    min-height: 0 !important;
    max-height: calc(100dvh - var(--bo-editor-header-h, 68px)) !important;
    margin: var(--bo-editor-header-h, 68px) 0 0 !important;
  }

  body.bo-im-responsive-v2.bo-editor-design-editing:not(.bo-template-preview-mode) #SocialEvent_form-p-2.current.bo-editor-editing > #invitation-preview,
  body.bo-im-responsive-v2.bo-editor-design-editing:not(.bo-template-preview-mode) #SocialEvent_form-p-2.current.bo-editor-editing:has(> #InvitationTemplateSelector_Container:not(.hide)):has(> #invitation-preview:not(.hide)) > #invitation-preview,
  html.bo-editor-design-editing-root body.bo-im-responsive-v2.bo-editor-design-editing:not(.bo-template-preview-mode) form#SocialEvent_form.steps-validation #SocialEvent_form-p-2.current.bo-editor-editing > #invitation-preview {
    height: calc(100dvh - var(--bo-editor-header-h, 68px)) !important;
    max-height: calc(100dvh - var(--bo-editor-header-h, 68px)) !important;
    padding-top: var(--bo-editor-canvas-top-inset) !important;
    scroll-padding-top: var(--bo-editor-canvas-top-inset) !important;
    box-sizing: border-box !important;
  }

  body.bo-im-responsive-v2.bo-editor-design-editing:not(.bo-template-preview-mode) #InvitationEditorOutline {
    box-sizing: border-box !important;
  }

  body.bo-im-responsive-v2.bo-editor-design-editing:not(.bo-template-preview-mode) #InvitationEditorOutline .bo-editor-outline-head {
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 10px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.bo-im-responsive-v2.bo-editor-design-editing:not(.bo-template-preview-mode) #InvitationEditorOutlineToggle_btn {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 132px) !important;
    padding: 0 2px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.bo-im-responsive-v2.bo-editor-design-editing:not(.bo-template-preview-mode) #InvitationEditorOutlineToggle_btn:focus-visible,
  body.bo-im-responsive-v2.bo-editor-design-editing:not(.bo-template-preview-mode) #InvitationEditorOutline .bo-editor-outline-add:focus-visible {
    outline: 3px solid var(--bo-config-focus) !important;
    outline-offset: 2px !important;
  }
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector,
.custom_modal .bo-inspector-embedded-section-panel,
.custom_modal [class*="-customizer-modal"] {
  color: var(--bo-config-text);
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspectorChrome {
  border-bottom: 1px solid var(--bo-config-border) !important;
  background: var(--bo-config-surface) !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspectorChrome .bo-editor-inspector-head {
  min-height: 76px !important;
  padding: 10px 2px 12px !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspectorChrome .bo-editor-inspector-section-icon {
  border: 1px solid #f2c8d5 !important;
  background: var(--bo-config-accent-soft) !important;
  color: var(--bo-config-accent-strong) !important;
  box-shadow: none !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspectorChrome .bo-editor-inspector-kicker {
  color: var(--bo-config-muted) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspectorChrome .bo-editor-inspector-title-row strong {
  color: var(--bo-config-text) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspectorChrome .bo-editor-inspector-badge {
  border: 1px solid #f3c9d6 !important;
  background: var(--bo-config-accent-soft) !important;
  color: var(--bo-config-accent-strong) !important;
  font-weight: 750 !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspectorTabs.bo-editor-inspector-tabs {
  min-height: 48px !important;
  padding: 5px !important;
  gap: 4px !important;
  border: 1px solid var(--bo-config-border) !important;
  border-radius: var(--bo-config-radius-md) !important;
  background: var(--bo-config-surface-muted) !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspectorTabs [data-inspector-tab] {
  min-height: 36px !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: var(--bo-config-radius-sm) !important;
  background: transparent !important;
  color: var(--bo-config-muted) !important;
  font-weight: 750 !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspectorTabs [data-inspector-tab].active {
  border-color: var(--bo-config-border) !important;
  background: var(--bo-config-surface) !important;
  color: var(--bo-config-accent-strong) !important;
  box-shadow: 0 3px 10px rgba(45, 35, 45, .06) !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspectorTabs [data-inspector-tab]:focus-visible {
  outline: 3px solid var(--bo-config-focus) !important;
  outline-offset: 1px !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspectorBody {
  padding-top: 14px !important;
  padding-bottom: 28px !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector :is(
  .bo-inspector-subsection-title,
  .bo-inspector-collapsible-title,
  .bo-envelope-card-title-upgraded,
  .bo-section-subcard-title
) {
  min-height: 46px !important;
  margin: 0 0 12px !important;
  padding: 8px 10px !important;
  border: 1px solid var(--bo-config-border) !important;
  border-radius: var(--bo-config-radius-md) !important;
  background: var(--bo-config-surface) !important;
  color: var(--bo-config-text) !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector :is(
  .bo-inspector-subsection-title,
  .bo-inspector-collapsible-title,
  .bo-envelope-card-title-upgraded,
  .bo-section-subcard-title
):hover {
  border-color: #edb9ca !important;
  background: #fffafb !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector :is(
  .bo-inspector-collapsible-toggle,
  .bo-envelope-card-toggle
):focus-visible {
  outline: 3px solid var(--bo-config-focus) !important;
  outline-offset: 2px !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector .bo-envelope-card-index,
body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector .bo-inspector-group-index,
body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector .bo-inspector-group--single-root > .bo-inspector-group-title {
  display: none !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector :is(
  .bo-inspector-group,
  .bo-inspector-card,
  .bo-envelope-card,
  .bo-section-subcard,
  .bo-style-control-group
) {
  border: 1px solid var(--bo-config-border) !important;
  border-radius: var(--bo-config-radius-lg) !important;
  background: var(--bo-config-surface) !important;
  box-shadow: 0 8px 24px rgba(45, 35, 45, .045) !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector :is(
  input[type="text"], input[type="email"], input[type="tel"], input[type="number"],
  input[type="date"], input[type="time"], textarea, select,
  .bo-editor-input, .bo-inspector-select, [class$="-text-input"], [class$="-textarea"], [class$="-select"]
) {
  min-height: var(--bo-config-control-h) !important;
  border: 1px solid var(--bo-config-border-strong) !important;
  border-radius: var(--bo-config-radius-sm) !important;
  background: var(--bo-config-surface) !important;
  color: var(--bo-config-text) !important;
  box-shadow: none !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector textarea,
body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector [class$="-textarea"] {
  min-height: 92px !important;
  padding: 10px 12px !important;
  resize: vertical !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector :is(
  input, textarea, select, button, [tabindex]
):focus-visible {
  outline: 3px solid var(--bo-config-focus) !important;
  outline-offset: 1px !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector :is(
  .bo-editor-inspector-segment,
  .bo-envelope-segmented,
  .bo-env-mode-segmented,
  .bo-section-align-segment,
  .bo-section-option-segment,
  .bo-tl-style-segments,
  .bo-motion-presetSegments
) {
  min-height: 42px !important;
  padding: 4px !important;
  gap: 4px !important;
  border: 1px solid var(--bo-config-border) !important;
  border-radius: 12px !important;
  background: var(--bo-config-surface-muted) !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector :is(
  .bo-editor-inspector-segment,
  .bo-envelope-segmented,
  .bo-env-mode-segmented,
  .bo-section-align-segment,
  .bo-section-option-segment,
  .bo-tl-style-segments,
  .bo-motion-presetSegments
) :is(.active, .is-active, [aria-selected="true"], :checked + label) {
  border-color: var(--bo-config-border) !important;
  border-radius: 9px !important;
  background: var(--bo-config-surface) !important;
  color: var(--bo-config-accent-strong) !important;
  box-shadow: 0 2px 8px rgba(45, 35, 45, .06) !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector input[type="range"],
body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector .bo-editor-range,
body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector [class$="-range"] {
  width: 100% !important;
  height: 22px !important;
  margin: 5px 0 !important;
  border: 0 !important;
  accent-color: var(--bo-config-accent) !important;
  cursor: pointer !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector input[type="range"]::-webkit-slider-thumb {
  width: 18px !important;
  height: 18px !important;
  border: 3px solid var(--bo-config-surface) !important;
  border-radius: 50% !important;
  background: var(--bo-config-accent) !important;
  box-shadow: 0 0 0 1px #d93668, 0 3px 8px rgba(45, 35, 45, .16) !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector .bo-editor-range-head,
body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector .bo-editor-range-row {
  gap: 10px !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector .bo-editor-range-value {
  min-width: 42px !important;
  padding: 3px 8px !important;
  border-radius: 999px !important;
  background: var(--bo-config-accent-soft) !important;
  color: var(--bo-config-accent-strong) !important;
  font-weight: 800 !important;
  text-align: center !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector :is(
  [class$="-option-card"], .bo-env-visual-card, .bo-tl-style-card,
  .bo-tl-variant-card, .bo-tl-transport-mode-card, .bo-mobile-position-card,
  .bo-style-preset-card, .bo-filter-preset-card, .bo-album-template-card
) {
  min-width: 0 !important;
  border: 1px solid var(--bo-config-border) !important;
  border-radius: var(--bo-config-radius-md) !important;
  background: var(--bo-config-surface) !important;
  color: var(--bo-config-text) !important;
  box-shadow: none !important;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector .bo-env-visual-options.is-swiper-view > .bo-env-visual-card {
  flex: 0 0 132px !important;
  min-width: 132px !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector .bo-env-visual-options.is-list-view > .bo-env-visual-card {
  min-width: 0 !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector :is(
  [class$="-option-card"], .bo-env-visual-card, .bo-tl-style-card,
  .bo-tl-variant-card, .bo-tl-transport-mode-card, .bo-mobile-position-card,
  .bo-style-preset-card, .bo-filter-preset-card, .bo-album-template-card
):hover {
  border-color: #e9a8bd !important;
  transform: translateY(-1px) !important;
  box-shadow: var(--bo-config-shadow) !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector :is(
  [class$="-option-card"], .bo-env-visual-card, .bo-tl-style-card,
  .bo-tl-variant-card, .bo-tl-transport-mode-card, .bo-mobile-position-card,
  .bo-style-preset-card, .bo-filter-preset-card, .bo-album-template-card
):is(.active, .selected, .is-selected, [aria-selected="true"], :has(input:checked)) {
  border-color: var(--bo-config-accent) !important;
  background: #fffafb !important;
  box-shadow: 0 0 0 2px var(--bo-config-focus) !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector :is(
  [class$="-option-card"], .bo-env-visual-card, .bo-tl-style-card,
  .bo-tl-variant-card, .bo-tl-transport-mode-card, .bo-mobile-position-card
):is(.disabled, [aria-disabled="true"], :has(input:disabled)) {
  opacity: .48 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector :is(
  .bo-env-selector-tools, .bo-option-view-mode, .bo-inspector-shortcut-rail
) {
  padding: 4px !important;
  border: 1px solid var(--bo-config-border) !important;
  border-radius: 12px !important;
  background: var(--bo-config-surface-muted) !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector :is(
  .bo-editor-switch, .bo-editor-inspector-switch, [class$="-switch-row"]
) {
  accent-color: var(--bo-config-accent) !important;
}

@media (max-width: 1199px) {
  .custom_modal :is(.bo-inspector-embedded-section-panel, [class*="-customizer-modal"]) {
    border-radius: 20px 20px 0 0 !important;
    background: var(--bo-config-surface) !important;
    color: var(--bo-config-text) !important;
  }

  .custom_modal :is(.bo-inspector-subsection-title, .bo-inspector-collapsible-title, .bo-envelope-card-title-upgraded) {
    min-height: 46px !important;
    padding: 9px 10px !important;
    border: 1px solid var(--bo-config-border) !important;
    border-radius: var(--bo-config-radius-md) !important;
    background: var(--bo-config-surface) !important;
  }

  .custom_modal :is(input, textarea, select, button):focus-visible {
    outline: 3px solid var(--bo-config-focus) !important;
    outline-offset: 1px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector * {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

._omx_f7c2707673{--omx:"973b1ad4c86a"}

/* © 2026 Jesús Ortega Mateu (DNI 74379222M) — Licencia reservada / Propiedad intelectual. Prohibida reproducción/copia. Build 2026-08-25_225652 | File f7c2707673 | Sig 973b1ad4c86a | assets/css/invitationManager.phase2-a.css */
/*@omx eyJhbGciOiJITUFDLVNIQTI1NiIsInBheWxvYWQiOnsib3duZXIiOiJKZXPDg8K6cyBPcnRlZ2EgTWF0ZXUiLCJkbmkiOiI3NDM3OTIyMk0iLCJsaWNlbnNlIjoiTGljZW5jaWEgcmVzZXJ2YWRhIC8gUHJvcGllZGFkIGludGVsZWN0dWFsIiwib3JpZ2luIjoiT01fNzQzNzkyMjJNIiwiYnVpbGQiOiIyMDI2LTA4LTI1XzIyNTY1MiIsImZpbGUiOiJmN2MyNzA3NjczIiwicGF0aCI6ImFzc2V0cy9jc3MvaW52aXRhdGlvbk1hbmFnZXIucGhhc2UyLWEuY3NzIn0sInNpZyI6Ijk3M2IxYWQ0Yzg2YWEzOWFkYjViMmQ4Y2MyNTY3YzljY2EzM2VlZGM1M2Y5ZDZiMjMwNzU1MjUzZWMzNzE1YjkifQ==*/