/*#omx eyJhbGciOiJITUFDLVNIQTI1NiIsInBheWxvYWQiOnsib3duZXIiOiJKZXPDg8K6cyBPcnRlZ2EgTWF0ZXUiLCJkbmkiOiI3NDM3OTIyMk0iLCJsaWNlbnNlIjoiTGljZW5jaWEgcmVzZXJ2YWRhIC8gUHJvcGllZGFkIGludGVsZWN0dWFsIiwib3JpZ2luIjoiT01fNzQzNzkyMjJNIiwiYnVpbGQiOiIyMDI2LTA4LTI1XzIyNTY1MiIsImZpbGUiOiJjOWFmM2I5MWMzIiwicGF0aCI6ImFzc2V0cy9jc3MvaW52aXRhdGlvbk1hbmFnZXIucGhhc2UyLXguY3NzIn0sInNpZyI6IjUzMjQ0YWExNTkzMzljZWY5MmU1N2Y2MGQ2MmE2NDJkZGRiZThjYTBlY2I2N2YxNzYyNDcyY2UzYTBiNGRlZjEifQ==*/
/* Phase 2.X · global responsive baseline and configurator density closure. */

.bo-editor-inspector-badge.is-empty {
  display: inline-block !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  min-inline-size: 1px !important;
  min-block-size: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: transparent !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspectorBody,
body > .custom_modal:not(.hide) .popup-HTML_detail {
  scrollbar-width: thin;
  scrollbar-color: rgba(224, 53, 106, .42) transparent;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspectorBody::-webkit-scrollbar,
body > .custom_modal:not(.hide) .popup-HTML_detail::-webkit-scrollbar {
  inline-size: 7px;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspectorBody::-webkit-scrollbar-thumb,
body > .custom_modal:not(.hide) .popup-HTML_detail::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(224, 53, 106, .42);
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector .bo-inspector-group,
body > .custom_modal:not(.hide) .bo-inspector-group,
body > .custom_modal:not(.hide) .bo-intro-group,
body > .custom_modal:not(.hide) .bo-countdown-group {
  margin-block: 0 10px !important;
  padding: 10px 12px !important;
  border-radius: 16px !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector .bo-inspector-group-title,
body > .custom_modal:not(.hide) .bo-inspector-group-title,
body > .custom_modal:not(.hide) .bo-inspector-collapsible-title,
body > .custom_modal:not(.hide) .bo-inspector-collapsible-toggle {
  min-block-size: 42px !important;
  margin: 0 !important;
  padding: 7px 8px !important;
  gap: 8px !important;
  line-height: 1.25 !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector .bo-inspector-collapsible-body,
body > .custom_modal:not(.hide) .bo-inspector-collapsible-body {
  gap: 8px !important;
  padding-block-start: 5px !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector :is(
  .bo-intro-option-grid,
  .bo-countdown-option-grid,
  .bo-album-option-grid,
  .bo-gift-option-grid,
  .bo-dress-option-grid,
  .bo-song-option-grid,
  .bo-guestbook-option-grid,
  .bo-event-menu-option-grid,
  .bo-guest-polls-option-grid,
  .bo-kids-corner-option-grid,
  .bo-faq-option-grid,
  .bo-thank-you-option-grid
),
body > .custom_modal:not(.hide) :is(
  .bo-intro-option-grid,
  .bo-countdown-option-grid,
  .bo-album-option-grid,
  .bo-gift-option-grid,
  .bo-dress-option-grid,
  .bo-song-option-grid,
  .bo-guestbook-option-grid,
  .bo-event-menu-option-grid,
  .bo-guest-polls-option-grid,
  .bo-kids-corner-option-grid,
  .bo-faq-option-grid,
  .bo-thank-you-option-grid
) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(116px, 100%), 1fr)) !important;
  gap: 8px !important;
  padding: 2px !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector :is(
  .bo-intro-option-card,
  .bo-countdown-option-card,
  .bo-album-option-card,
  .bo-gift-option-card,
  .bo-dress-option-card,
  .bo-song-option-card,
  .bo-guestbook-option-card,
  .bo-event-menu-option-card,
  .bo-guest-polls-option-card,
  .bo-kids-corner-option-card,
  .bo-faq-option-card,
  .bo-thank-you-option-card
),
body > .custom_modal:not(.hide) :is(
  .bo-intro-option-card,
  .bo-countdown-option-card,
  .bo-album-option-card,
  .bo-gift-option-card,
  .bo-dress-option-card,
  .bo-song-option-card,
  .bo-guestbook-option-card,
  .bo-event-menu-option-card,
  .bo-guest-polls-option-card,
  .bo-kids-corner-option-card,
  .bo-faq-option-card,
  .bo-thank-you-option-card
) {
  min-block-size: 52px !important;
  padding: 8px 9px !important;
  gap: 4px !important;
  border-radius: 13px !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector :is(.bo-inspector-field-grid, .bo-inspector-grid, .bo-countdown-control-grid),
body > .custom_modal:not(.hide) :is(.bo-inspector-field-grid, .bo-inspector-grid, .bo-countdown-control-grid) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px 10px !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector :is(select, .select2-container),
body > .custom_modal:not(.hide) :is(select, .select2-container) {
  min-inline-size: 0 !important;
  max-inline-size: 100% !important;
  inline-size: 100% !important;
}

body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspector :is(.bo-editor-field, .bo-inspector-field, .bo-editor-slider-row),
body > .custom_modal:not(.hide) :is(.bo-editor-field, .bo-inspector-field, .bo-editor-slider-row) {
  margin-block: 0 7px !important;
}

@media (min-width: 992px) {
  body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspectorBody {
    padding-block-end: calc(var(--bo-editor-footer-h, 64px) + 22px) !important;
  }
}

@media (max-width: 991px) {
  body.bo-im-responsive-v2 .management-bar[data-section-command-header="1"] {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    margin-inline: 0 !important;
  }

  body > .custom_modal:not(.hide) .popup-content {
    max-inline-size: 100vw !important;
    overflow: hidden !important;
  }

  body > .custom_modal:not(.hide) .popup-HTML_detail {
    padding-block-end: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
    overscroll-behavior: contain !important;
  }

  body > .custom_modal:not(.hide) :is(.bo-inspector-field-grid, .bo-inspector-grid, .bo-countdown-control-grid) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body > .custom_modal:not(.hide) :is(button, [role="button"], select, input:not([type="range"]), .select2-selection) {
    min-block-size: 44px;
  }
}

@media (max-width: 430px) {
  body > .custom_modal:not(.hide) .bo-intro-modal-preview,
  body > .custom_modal:not(.hide) .bo-countdown-modal-preview,
  body > .custom_modal:not(.hide) [id$="CustomizerPreview_mount"] {
    max-block-size: min(28vh, 220px) !important;
  }

  body > .custom_modal:not(.hide) :is(
    .bo-intro-option-grid,
    .bo-countdown-option-grid,
    .bo-album-option-grid,
    .bo-gift-option-grid,
    .bo-dress-option-grid,
    .bo-song-option-grid,
    .bo-guestbook-option-grid,
    .bo-event-menu-option-grid,
    .bo-guest-polls-option-grid,
    .bo-kids-corner-option-grid,
    .bo-faq-option-grid,
    .bo-thank-you-option-grid
  ) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Phase 2.X.1 surgical recovery: keep the canonical local icon font visible. */
#InvitationEditorInspector .bo-editor-inspector-section-icon,
#InvitationEditorInspector .bo-inspector-group-title > i,
#InvitationEditorInspector .bo-inspector-subsection-title > i,
#InvitationEditorActionFooter i,
.bo-image-list-actions i,
body > .custom_modal:not(.hide) .bo-inspector-group-title > i {
  font-family: FontAwesome !important;
  font-style: normal !important;
  font-weight: normal !important;
}

/* The live product loads Font Awesome 5 from the canonical CDN. Keep this
   recovery scoped to the canvas command bar; the generic `FontAwesome`
   family has no matching @font-face in the real page and renders tofu. */
body.bo-im-responsive-v2.bo-editor-design-editing .bo-section-command-header i {
  font-family: "Font Awesome 5 Free" !important;
  font-style: normal !important;
  font-weight: 900 !important;
}
body.bo-im-responsive-v2.bo-editor-design-editing .bo-section-command-header i.far {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 400 !important;
}

/* One fine, cross-browser range treatment for every invitation configurator. */
body.bo-im-responsive-v2.bo-editor-design-editing :is(
  input.bo-editor-range[type="range"],
  input.bo-inspector-range[type="range"],
  input.bo-carousel-appearance-range[type="range"],
  input.bo-envelope-slider[type="range"],
  input.bo-motion-range[type="range"],
  input[type="range"].bo-editor-range
) {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 100% !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 4px 0 !important;
  background: transparent !important;
  cursor: pointer;
}
body.bo-im-responsive-v2.bo-editor-design-editing :is(
  input.bo-editor-range[type="range"],
  input.bo-inspector-range[type="range"],
  input.bo-carousel-appearance-range[type="range"],
  input.bo-envelope-slider[type="range"],
  input.bo-motion-range[type="range"],
  input[type="range"].bo-editor-range
)::-webkit-slider-runnable-track {
  height: 3px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #e83d6f 0 45%, #e6e8ee 45% 100%);
}
body.bo-im-responsive-v2.bo-editor-design-editing :is(
  input.bo-editor-range[type="range"],
  input.bo-inspector-range[type="range"],
  input.bo-carousel-appearance-range[type="range"],
  input.bo-envelope-slider[type="range"],
  input.bo-motion-range[type="range"],
  input[type="range"].bo-editor-range
)::-webkit-slider-thumb {
  appearance: none;
  width: 14px;
  height: 14px;
  margin-top: -5.5px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #e83d6f;
  box-shadow: 0 2px 8px rgba(232,61,111,.28), 0 0 0 1px rgba(232,61,111,.2);
}
body.bo-im-responsive-v2.bo-editor-design-editing :is(
  input.bo-editor-range[type="range"],
  input.bo-inspector-range[type="range"],
  input.bo-carousel-appearance-range[type="range"],
  input.bo-envelope-slider[type="range"],
  input.bo-motion-range[type="range"],
  input[type="range"].bo-editor-range
)::-moz-range-track { height: 3px; border: 0; border-radius: 999px; background: #e6e8ee; }
body.bo-im-responsive-v2.bo-editor-design-editing :is(
  input.bo-editor-range[type="range"],
  input.bo-inspector-range[type="range"],
  input.bo-carousel-appearance-range[type="range"],
  input.bo-envelope-slider[type="range"],
  input.bo-motion-range[type="range"],
  input[type="range"].bo-editor-range
)::-moz-range-progress { height: 3px; border-radius: 999px; background: #e83d6f; }
body.bo-im-responsive-v2.bo-editor-design-editing :is(
  input.bo-editor-range[type="range"],
  input.bo-inspector-range[type="range"],
  input.bo-carousel-appearance-range[type="range"],
  input.bo-envelope-slider[type="range"],
  input.bo-motion-range[type="range"],
  input[type="range"].bo-editor-range
)::-moz-range-thumb { width: 14px; height: 14px; border: 2px solid #fff; border-radius: 50%; background: #e83d6f; box-shadow: 0 2px 8px rgba(232,61,111,.28); }

/* Section command bar: elongated grip and compact labelled desktop actions. */
@media (min-width: 1200px) {
  body.bo-im-responsive-v2.bo-editor-design-editing .bo-section-command-drag {
    width: 16px !important; min-width: 16px !important; height: 34px !important;
    padding: 0 !important; border: 0 !important; border-radius: 7px !important;
    background: transparent !important; color: #aaa3ae !important;
  }
  body.bo-im-responsive-v2.bo-editor-design-editing .bo-section-command-drag i { font-size: 13px !important; letter-spacing: -2px; }
  .bo-section-command-drag i::before { content: "\f142" !important; }
  body.bo-im-responsive-v2.bo-editor-design-editing .bo-section-command-desktop-actions { gap: 5px !important; }
  body.bo-im-responsive-v2.bo-editor-design-editing .bo-section-command-action {
    min-width: 42px !important; min-height: 36px !important; padding: 4px 7px !important;
    border-radius: 10px !important; display: inline-flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important; gap: 2px !important;
  }
  body.bo-im-responsive-v2.bo-editor-design-editing .bo-section-command-action--labelled {
    min-width: 116px !important;
    flex: 0 0 auto !important;
  }
  body.bo-im-responsive-v2.bo-editor-design-editing .bo-section-command-action i { font-size: 13px !important; line-height: 1 !important; }
  body.bo-im-responsive-v2.bo-editor-design-editing .bo-section-command-action span { font-size: 9px !important; line-height: 1 !important; white-space: nowrap; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  body.bo-im-responsive-v2.bo-editor-design-editing .bo-section-command-action span { display: none !important; }
}

/* Stable inspector rhythm: tabs remain the reference edge for the first group. */
body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspectorTabs { position: sticky; top: 0; z-index: 12; background: rgba(255,255,255,.98); }
body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspectorBody .bo-inspector-tab-panel > .bo-inspector-group:first-child > .bo-inspector-subsection-title,
body.bo-im-responsive-v2.bo-editor-design-editing #InvitationEditorInspectorBody .bo-inspector-tab-panel > .bo-inspector-group:first-child > .bo-inspector-group-title {
  scroll-margin-top: 8px;
}

._omx_c9af3b91c3{--omx:"53244aa15933"}

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