/*#omx eyJhbGciOiJITUFDLVNIQTI1NiIsInBheWxvYWQiOnsib3duZXIiOiJKZXPDg8K6cyBPcnRlZ2EgTWF0ZXUiLCJkbmkiOiI3NDM3OTIyMk0iLCJsaWNlbnNlIjoiTGljZW5jaWEgcmVzZXJ2YWRhIC8gUHJvcGllZGFkIGludGVsZWN0dWFsIiwib3JpZ2luIjoiT01fNzQzNzkyMjJNIiwiYnVpbGQiOiIyMDI2LTA4LTI1XzIyNTY1MiIsImZpbGUiOiJmOWYzMzg0OTdhIiwicGF0aCI6ImFzc2V0cy9jc3MvaW52aXRhdGlvbk1hbmFnZXIucGhhc2UyLWIzLmNzcyJ9LCJzaWciOiI4MmQ3OTJlNDA5MzYwMjFhOTJmOWE5OWIwNTI4OWU0NjU2OTRiMzBjNTYzMzg2MjVkNWQyZjg1NTk3Y2M3ODc2In0=*/
/* Phase 2B.3 — final envelope polish and shared premium range contract. */

/* Keep the subsection navigation in view without reintroducing a heavy card. */
body > #EnvelopeCustomizer_popup .bo-envelope-tabs,
#InvitationEditorInspector .bo-envelope-tabs,
.bo-envelope-config-panel .bo-envelope-tabs {
  position: sticky !important;
  top: var(--bo-envelope-sticky-tabs-top, 0px) !important;
  z-index: 40 !important;
  background: rgba(255, 255, 255, .96) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 5px 14px rgba(53, 38, 56, .07);
}

/* A small, deliberate safe-area contract for the non-legacy compositions. */
:is(#template-content, #invitation-preview) #PersonalEnvelope_section #Envelope-wrapper.bo-envelope-renderer:not([data-envelope-style="basic"]) .bo-envelope-front-copy,
body > #EnvelopeCustomizer_popup .bo-envelope-preview-mount #Envelope-wrapper.bo-envelope-renderer:not([data-envelope-style="basic"]) .bo-envelope-front-copy {
  left: var(--env-copy-left, 14%) !important;
  right: var(--env-copy-right, 14%) !important;
  width: auto !important;
  max-width: var(--env-copy-max-width, 72%) !important;
  top: var(--env-copy-top, 24%) !important;
  text-align: var(--env-copy-align, center) !important;
  transform: translateX(0) scale(var(--env-copy-scale, 1)) !important;
  transform-origin: center center !important;
}

:is(#template-content, #invitation-preview) #PersonalEnvelope_section #Envelope-wrapper.bo-envelope-renderer:not([data-envelope-style="basic"]) :is(#ReadPersonalLetter_ActionButton, #GoToInvitation_ActionButton),
body > #EnvelopeCustomizer_popup .bo-envelope-preview-mount #Envelope-wrapper.bo-envelope-renderer:not([data-envelope-style="basic"]) :is(#ReadPersonalLetter_ActionButton, #GoToInvitation_ActionButton) {
  top: auto !important;
  left: var(--env-cta-left, 50%) !important;
  right: auto !important;
  bottom: var(--env-cta-bottom, 12%) !important;
  max-width: var(--env-cta-max-width, 72%) !important;
  transform: translateX(-50%) scale(var(--env-copy-scale, 1)) !important;
  transform-origin: center bottom !important;
  white-space: nowrap;
}

:is(#template-content, #invitation-preview) #PersonalEnvelope_section #Envelope-wrapper.bo-envelope-renderer:not(.flap) .bo-envelope-inner-content,
body > #EnvelopeCustomizer_popup .bo-envelope-preview-mount #Envelope-wrapper.bo-envelope-renderer:not(.flap) .bo-envelope-inner-content {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

:is(#template-content, #invitation-preview) #PersonalEnvelope_section #Envelope-wrapper.bo-envelope-renderer.flap .bo-envelope-front-copy,
:is(#template-content, #invitation-preview) #PersonalEnvelope_section #Envelope-wrapper.bo-envelope-renderer.flap .bo-envelope-open-cta,
body > #EnvelopeCustomizer_popup .bo-envelope-preview-mount #Envelope-wrapper.bo-envelope-renderer.flap .bo-envelope-front-copy,
body > #EnvelopeCustomizer_popup .bo-envelope-preview-mount #Envelope-wrapper.bo-envelope-renderer.flap .bo-envelope-open-cta {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Modern stays asymmetric, but never crowds the left edge. Minimal reads as
 * editorial whitespace instead of a compressed version of Basic. */
:is(#template-content, #invitation-preview) #PersonalEnvelope_section #Envelope-wrapper.bo-envelope-renderer[data-envelope-style="modern"],
body > #EnvelopeCustomizer_popup .bo-envelope-preview-mount #Envelope-wrapper.bo-envelope-renderer[data-envelope-style="modern"] {
  --env-copy-left: 17%;
  --env-copy-right: 18%;
  --env-copy-top: 24%;
  --env-copy-max-width: 42%;
  --env-copy-scale: .96;
  --env-cta-left: 57%;
  --env-cta-bottom: 12%;
  --env-cta-max-width: 54%;
}

:is(#template-content, #invitation-preview) #PersonalEnvelope_section #Envelope-wrapper.bo-envelope-renderer[data-envelope-style="minimal"],
body > #EnvelopeCustomizer_popup .bo-envelope-preview-mount #Envelope-wrapper.bo-envelope-renderer[data-envelope-style="minimal"] {
  --env-copy-left: 17%;
  --env-copy-right: 17%;
  --env-copy-top: 27%;
  --env-copy-max-width: 45%;
  --env-copy-scale: .9;
  --env-cta-left: 50%;
  --env-cta-bottom: 11%;
  --env-cta-max-width: 60%;
}

/* Shared range slider: thin desktop track, filled progress and a clear
 * keyboard/focus state. The selector intentionally covers every editor panel. */
:is(#InvitationEditorInspector, body > #EnvelopeCustomizer_popup, .bo-editor-config-panel) input[type="range"],
input[type="range"].bo-editor-range {
  --bo-range-accent: #e83d6f;
  --bo-range-progress: 50%;
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 100% !important;
  height: 24px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  accent-color: var(--bo-range-accent) !important;
  cursor: pointer;
}

:is(#InvitationEditorInspector, body > #EnvelopeCustomizer_popup, .bo-editor-config-panel) input[type="range"]::-webkit-slider-runnable-track,
input[type="range"].bo-editor-range::-webkit-slider-runnable-track {
  height: 4px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(to right, var(--bo-range-accent) 0 var(--bo-range-progress), #e4e7ef var(--bo-range-progress) 100%) !important;
}

:is(#InvitationEditorInspector, body > #EnvelopeCustomizer_popup, .bo-editor-config-panel) input[type="range"]::-webkit-slider-thumb,
input[type="range"].bo-editor-range::-webkit-slider-thumb {
  width: 16px !important;
  height: 16px !important;
  margin-top: -6px !important;
  border: 3px solid #fff !important;
  border-radius: 50% !important;
  background: var(--bo-range-accent) !important;
  box-shadow: 0 2px 7px rgba(51, 37, 56, .24) !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  transition: transform .16s ease, box-shadow .16s ease;
}

:is(#InvitationEditorInspector, body > #EnvelopeCustomizer_popup, .bo-editor-config-panel) input[type="range"]::-moz-range-track,
input[type="range"].bo-editor-range::-moz-range-track {
  height: 4px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #e4e7ef !important;
}

:is(#InvitationEditorInspector, body > #EnvelopeCustomizer_popup, .bo-editor-config-panel) input[type="range"]::-moz-range-progress,
input[type="range"].bo-editor-range::-moz-range-progress {
  height: 4px !important;
  border-radius: 999px !important;
  background: var(--bo-range-accent) !important;
}

:is(#InvitationEditorInspector, body > #EnvelopeCustomizer_popup, .bo-editor-config-panel) input[type="range"]::-moz-range-thumb,
input[type="range"].bo-editor-range::-moz-range-thumb {
  width: 16px !important;
  height: 16px !important;
  border: 3px solid #fff !important;
  border-radius: 50% !important;
  background: var(--bo-range-accent) !important;
  box-shadow: 0 2px 7px rgba(51, 37, 56, .24) !important;
}

:is(#InvitationEditorInspector, body > #EnvelopeCustomizer_popup, .bo-editor-config-panel) input[type="range"]:hover::-webkit-slider-thumb,
:is(#InvitationEditorInspector, body > #EnvelopeCustomizer_popup, .bo-editor-config-panel) input[type="range"]:focus-visible::-webkit-slider-thumb,
input[type="range"].bo-editor-range:hover::-webkit-slider-thumb,
input[type="range"].bo-editor-range:focus-visible::-webkit-slider-thumb {
  transform: scale(1.12);
  box-shadow: 0 0 0 4px rgba(232, 61, 111, .16), 0 3px 9px rgba(51, 37, 56, .25) !important;
}

:is(#InvitationEditorInspector, body > #EnvelopeCustomizer_popup, .bo-editor-config-panel) input[type="range"]:focus-visible,
input[type="range"].bo-editor-range:focus-visible {
  outline: 2px solid rgba(232, 61, 111, .42) !important;
  outline-offset: 3px;
}

:is(#InvitationEditorInspector, body > #EnvelopeCustomizer_popup, .bo-editor-config-panel) input[type="range"]:disabled,
input[type="range"].bo-editor-range:disabled {
  cursor: not-allowed;
  opacity: .48;
}

:is(#InvitationEditorInspector, body > #EnvelopeCustomizer_popup, .bo-editor-config-panel) .bo-editor-range-row {
  min-height: 42px;
  gap: 6px 10px !important;
}

:is(#InvitationEditorInspector, body > #EnvelopeCustomizer_popup, .bo-editor-config-panel) .bo-editor-range-label,
:is(#InvitationEditorInspector, body > #EnvelopeCustomizer_popup, .bo-editor-config-panel) .bo-editor-range-value {
  line-height: 1.2 !important;
  white-space: nowrap;
}

@media (max-width: 767px) {
  :is(#InvitationEditorInspector, body > #EnvelopeCustomizer_popup, .bo-editor-config-panel) input[type="range"],
  input[type="range"].bo-editor-range {
    height: 32px !important;
    min-height: 32px !important;
  }

  :is(#InvitationEditorInspector, body > #EnvelopeCustomizer_popup, .bo-editor-config-panel) input[type="range"]::-webkit-slider-runnable-track,
  input[type="range"].bo-editor-range::-webkit-slider-runnable-track,
  :is(#InvitationEditorInspector, body > #EnvelopeCustomizer_popup, .bo-editor-config-panel) input[type="range"]::-moz-range-track,
  input[type="range"].bo-editor-range::-moz-range-track,
  :is(#InvitationEditorInspector, body > #EnvelopeCustomizer_popup, .bo-editor-config-panel) input[type="range"]::-moz-range-progress,
  input[type="range"].bo-editor-range::-moz-range-progress { height: 5px !important; }

  :is(#InvitationEditorInspector, body > #EnvelopeCustomizer_popup, .bo-editor-config-panel) input[type="range"]::-webkit-slider-thumb,
  input[type="range"].bo-editor-range::-webkit-slider-thumb,
  :is(#InvitationEditorInspector, body > #EnvelopeCustomizer_popup, .bo-editor-config-panel) input[type="range"]::-moz-range-thumb,
  input[type="range"].bo-editor-range::-moz-range-thumb { width: 20px !important; height: 20px !important; }
}

@media (prefers-reduced-motion: reduce) {
  :is(#InvitationEditorInspector, body > #EnvelopeCustomizer_popup, .bo-editor-config-panel) input[type="range"]::-webkit-slider-thumb,
  input[type="range"].bo-editor-range::-webkit-slider-thumb { transition: none; }
}

._omx_f9f338497a{--omx:"82d792e40936"}

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