/* Friends App · Nuevo plan · presentación minimalista. Solo afecta a #createSheet. */
body.bf-page-plans-index #createSheet {
  width:min(720px,calc(100vw - 32px)) !important;
  max-height: min(92dvh,850px) !important;
  height:min(92dvh,850px) !important;
  min-height:0 !important;
  border:1px solid #e4e4e7 !important;
  border-radius:24px !important;
  background:#fff !important;
  box-shadow:0 24px 80px rgba(16,16,20,.17) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  color:#1c1c1e !important;
}
body.bf-page-plans-index #createOverlay { background:rgba(16,16,19,.40) !important; backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); }
body.bf-page-plans-index #createSheet .create-sheet-handle { display:none !important; }
body.bf-page-plans-index #createSheet .create-header--production {
  padding:22px 25px 17px !important;
  background:#fff !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  align-items:center !important;
}
body.bf-page-plans-index #createSheet .create-heading-icon,
body.bf-page-plans-index #createSheet .create-kicker,
body.bf-page-plans-index #createSheet .create-section-icon,
body.bf-page-plans-index #createSheet .create-stage-dots,
body.bf-page-plans-index #createSheet .create-stage-progress-percent { display:none !important; }
body.bf-page-plans-index #createSheet .create-heading { gap:0 !important; }
body.bf-page-plans-index #createSheet .create-title {
  font-size:clamp(1.3rem,2.9vw,1.62rem) !important;
  font-weight:780 !important;
  line-height:1.2 !important;
  letter-spacing:-.035em !important;
  color:#18181b !important;
}
body.bf-page-plans-index #createSheet .create-subtitle {
  display:block !important; max-width:560px !important; margin:6px 0 0 !important;
  font-size:.81rem !important; line-height:1.45 !important; font-weight:400 !important; color:#77777d !important;
}
body.bf-page-plans-index #createSheet .create-close {
  width:36px !important; min-width:36px !important; height:36px !important;
  border:0 !important; border-radius:50% !important; box-shadow:none !important;
  background:#f3f3f5 !important; color:#27272b !important;
}
body.bf-page-plans-index #createSheet .create-close svg { width:16px; height:16px; stroke-width:1.75; }
body.bf-page-plans-index #createSheet .create-stage-progress {
  width:auto !important; min-height:0 !important;
  padding:3px 25px 14px !important; margin:0 !important;
  background:#fff !important; border:0 !important;
  box-shadow:none !important;
}
body.bf-page-plans-index #createSheet .create-stage-progress-head {
  display:flex !important; align-items:center !important; gap:12px !important;
  padding:0 !important; margin:0 0 11px !important;
}
body.bf-page-plans-index #createSheet .create-stage-progress-head > div {
  display:flex !important; flex-wrap:wrap !important; align-items:baseline !important; column-gap:10px !important; row-gap:3px !important;
}
body.bf-page-plans-index #createSheet .create-stage-progress-count {
  display:inline !important; margin:0 !important;
  font-size:.72rem !important; font-weight:650 !important; letter-spacing:0 !important; color:#89898f !important;
}
body.bf-page-plans-index #createSheet .create-stage-progress-title {
  font-size:.83rem !important; font-weight:740 !important; color:#27272c !important; letter-spacing:-.012em !important;
}
body.bf-page-plans-index #createSheet .create-stage-progress-copy { display:none !important; }
body.bf-page-plans-index #createSheet .create-stage-track {
  width:100% !important; height:4px !important; margin:0 !important;
  overflow:hidden !important; border:0 !important; border-radius:99px !important;
  background:#ebebee !important; box-shadow:none !important;
}
body.bf-page-plans-index #createSheet .create-stage-track > span,
body.bf-page-plans-index #createSheet #createStageTrackFill {
  display:block !important; height:100% !important; background:#252529 !important; border-radius:inherit !important;
  box-shadow:none !important; transition:width .18s ease !important;
}
body.bf-page-plans-index #createSheet .create-form--production {
  padding:18px 25px 26px !important; overflow-x:hidden !important;
  background:#fff !important; scrollbar-width:none !important;
  overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
}
body.bf-page-plans-index #createSheet .create-form--production::-webkit-scrollbar { display:none !important; }
body.bf-page-plans-index #createSheet .create-form-layout {
  display:grid !important; grid-template-columns: minmax(0,1fr) !important;
  gap:20px !important;
  align-items:start !important;
}
body.bf-page-plans-index #createSheet .create-section-card {
  grid-column:1/-1 !important; min-width:0 !important;
  padding:0 0 20px !important; margin:0 !important;
  border:0 !important; border-bottom:1px solid #eeeeef !important;
  border-radius:0 !important; background:#fff !important; box-shadow:none !important;
}
body.bf-page-plans-index #createSheet .create-section-card:last-child { border-bottom:0 !important; padding-bottom:0 !important; }
body.bf-page-plans-index #createSheet .is-create-step-hidden,
body.bf-page-plans-index #createSheet [hidden] { display:none !important; }
body.bf-page-plans-index #createSheet .create-section-head {
  display:block !important; margin:0 0 13px !important; padding:0 !important;
}
body.bf-page-plans-index #createSheet .create-section-title {
  margin:0 !important; font-size:.97rem !important; line-height:1.3 !important;
  color:#212124 !important; font-weight:760 !important;
}
body.bf-page-plans-index #createSheet .create-section-copy {
  margin:4px 0 0 !important; max-width:550px !important;
  color:#78787e !important; font-size:.77rem !important; line-height:1.43 !important;
}
body.bf-page-plans-index #createSheet .form-field { gap:7px !important; margin:12px 0 0 !important; }
body.bf-page-plans-index #createSheet .form-field label {
  color:#303035 !important; font-weight:660 !important; font-size:.78rem !important;
}
body.bf-page-plans-index #createSheet .form-counter { font-size:.69rem !important; color:#a1a1a7 !important; }
body.bf-page-plans-index #createSheet input:not([type="hidden"]):not([type="file"]):not([type="radio"]):not([type="checkbox"]),
body.bf-page-plans-index #createSheet textarea,
body.bf-page-plans-index #createSheet select {
  min-height:46px !important; max-width:100% !important;
  border:1px solid #e4e4e7 !important; border-radius:12px !important;
  background:#f7f7f8 !important; color:#202024 !important;
  box-shadow:none !important; font-weight:450 !important; font-size:16px !important;
  outline:0 !important; -webkit-appearance:none;
}
body.bf-page-plans-index #createSheet textarea { min-height:100px !important; resize:vertical !important; }
body.bf-page-plans-index #createSheet input:not([type="hidden"]):focus,
body.bf-page-plans-index #createSheet textarea:focus,
body.bf-page-plans-index #createSheet select:focus {
  border-color:#68686d !important; background:#fff !important;
  outline:2px solid rgba(22,22,26,.12) !important; outline-offset:0 !important; box-shadow:none !important;
}
body.bf-page-plans-index #createSheet input::placeholder,
body.bf-page-plans-index #createSheet textarea::placeholder { color:#a0a0a6 !important; }
body.bf-page-plans-index #createSheet .form-hint { color:#84848a !important; font-size:.73rem !important; line-height:1.4 !important; }
body.bf-page-plans-index #createSheet .plan-category-choice,
body.bf-page-plans-index #createSheet .create-audience-grid {
  display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important;
}
body.bf-page-plans-index #createSheet .plan-category-option-ui,
body.bf-page-plans-index #createSheet .create-audience-option-ui {
  min-height:50px !important; margin:0 !important; padding:11px 12px !important;
  border:1px solid #e5e5e8 !important; border-radius:12px !important;
  background:#f8f8f9 !important; color:#2b2b30 !important;
  box-shadow:none !important; transition:background .12s ease,border-color .12s ease !important;
}
body.bf-page-plans-index #createSheet .plan-category-option input:checked + .plan-category-option-ui,
body.bf-page-plans-index #createSheet .create-audience-option input:checked + .create-audience-option-ui {
  border-color:#29292d !important; background:#ededf0 !important;
  box-shadow:inset 0 0 0 1px #29292d !important; color:#151518 !important;
}
body.bf-page-plans-index #createSheet .plan-category-option-name { font-size:.78rem !important; font-weight:650 !important; }
body.bf-page-plans-index #createSheet .plan-category-option-icon { color:#4c4c52 !important; }
body.bf-page-plans-index #createSheet .create-audience-option-icon { color:#5a5a60 !important; }
body.bf-page-plans-index #createSheet .create-audience-check { background:transparent !important; color:#27272b !important; }
body.bf-page-plans-index #createSheet .create-age-access-switch,
body.bf-page-plans-index #createSheet .private-plan-link-card,
body.bf-page-plans-index #createSheet .location-selected-card {
  border:1px solid #e8e8ea !important; border-radius:12px !important; background:#f8f8f9 !important; box-shadow:none !important;
}
body.bf-page-plans-index #createSheet .create-age-access-track { background:#d4d4d8 !important; }
body.bf-page-plans-index #createSheet .create-age-access-switch:has(input:checked) .create-age-access-track { background:#2d2d31 !important; }
body.bf-page-plans-index #createSheet .plan-schedule-builder { background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
body.bf-page-plans-index #createSheet .location-input-wrap,
body.bf-page-plans-index #createSheet .number-stepper { border-color:#e5e5e8 !important; border-radius:12px !important; background:#f8f8f9 !important; box-shadow:none !important; }
body.bf-page-plans-index #createSheet .places-dropdown { border:1px solid #e6e6e9 !important; border-radius:12px !important; background:#fff !important; box-shadow:0 10px 34px rgba(0,0,0,.1) !important; }
body.bf-page-plans-index #createSheet .create-file-picker {
  border:1px dashed #d7d7da !important; border-radius:14px !important;
  background:#f7f7f8 !important; box-shadow:none !important; padding:20px 18px !important;
}
body.bf-page-plans-index #createSheet .create-file-picker-icon { border:0 !important; background:#ebebed !important; color:#252529 !important; box-shadow:none !important; }
body.bf-page-plans-index #createSheet .create-file-picker strong { font-size:.88rem !important; color:#242428 !important; }
body.bf-page-plans-index #createSheet .create-file-picker small { color:#85858d !important; font-size:.74rem !important; }
body.bf-page-plans-index #createSheet .file-preview { border:1px solid #ebebed !important; border-radius:12px !important; overflow:hidden !important; }
body.bf-page-plans-index #createSheet #removeCreateImage { color:#333338 !important; background:#f2f2f4 !important; border-radius:8px !important; }
body.bf-page-plans-index #createSheet .create-footer--production {
  position:relative !important; z-index:8 !important; min-height:70px !important;
  padding:12px 25px calc(12px + env(safe-area-inset-bottom)) !important;
  border-top:1px solid #ededf0 !important; background:#fff !important;
  box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
body.bf-page-plans-index #createSheet .create-footer-actions { gap:10px !important; }
body.bf-page-plans-index #createSheet .create-stage-next,
body.bf-page-plans-index #createSheet .create-submit {
  flex:1 !important; min-height:46px !important; width:100% !important;
  border:1px solid #222226 !important; border-radius:12px !important;
  background:#222226 !important; color:#fff !important; box-shadow:none !important;
  font-size:.88rem !important; font-weight:700 !important;
  transition:background .14s ease !important;
}
body.bf-page-plans-index #createSheet .create-stage-next:hover,
body.bf-page-plans-index #createSheet .create-submit:hover { background:#3a3a40 !important; transform:none !important; box-shadow:none !important; }
body.bf-page-plans-index #createSheet .create-stage-back {
  min-height:46px !important; padding:0 17px !important;
  border:1px solid #e2e2e5 !important; border-radius:12px !important;
  background:#f2f2f4 !important; color:#333337 !important; box-shadow:none !important;
  font-weight:650 !important;
}
body.bf-page-plans-index #createSheet :is(button,input,textarea,select):focus-visible { outline:2px solid #222226 !important; outline-offset:2px !important; }
@media (max-width:760px) {
  body.bf-page-plans-index #createSheet {
    top:auto !important; right:0 !important; bottom:0 !important; left:0 !important;
    width:100% !important; height:min(93dvh,860px) !important; max-height:93dvh !important;
    border:0 !important; border-radius:22px 22px 0 0 !important;
  }
  body.bf-page-plans-index #createSheet .create-header--production { padding:22px 17px 13px !important; }
  body.bf-page-plans-index #createSheet .create-subtitle { display:block !important; font-size:.75rem !important; max-width:280px !important; }
  body.bf-page-plans-index #createSheet .create-stage-progress { padding:2px 17px 12px !important; }
  body.bf-page-plans-index #createSheet .create-form--production { padding:13px 17px 22px !important; }
  body.bf-page-plans-index #createSheet .create-form-layout { gap:18px !important; }
  body.bf-page-plans-index #createSheet .create-footer--production { padding:10px 17px calc(10px + env(safe-area-inset-bottom)) !important; }
  body.bf-page-plans-index #createSheet .plan-category-choice { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:365px) {
  body.bf-page-plans-index #createSheet .create-header--production { padding-inline:13px !important; }
  body.bf-page-plans-index #createSheet .create-stage-progress { padding-inline:13px !important; }
  body.bf-page-plans-index #createSheet .create-form--production { padding-inline:13px !important; }
  body.bf-page-plans-index #createSheet .create-footer--production { padding-inline:13px !important; }
}
@media (prefers-reduced-motion:reduce) {
  body.bf-page-plans-index #createSheet,body.bf-page-plans-index #createSheet * { transition-duration:0.01ms !important; animation-duration:0.01ms !important; }
}
/* Neutralización explícita de degradados antiguos con especificidad del editor. */
body.bf-page-planes.bf-page-plans-index #createSheet,
body.bf-page-planes.bf-page-plans-index #createSheet :is(.create-header,.create-footer,.create-stage-progress,.create-section-card,.create-form,.create-stage-track,.create-stage-progress-head,.plan-schedule-builder,.create-file-picker,.plan-category-option-ui,.create-audience-option-ui) {
  background-image:none !important;
}
body.bf-page-planes.bf-page-plans-index #createSheet { background-color:#fff !important; }
body.bf-page-planes.bf-page-plans-index #createSheet :is(input,textarea,select,.location-input-wrap,.number-stepper,.create-age-access-switch) { background-image:none !important; }
body.bf-page-planes.bf-page-plans-index #createSheet .create-footer-actions--staged {
  display:flex !important; width:100% !important; max-width:100% !important;
  justify-content:stretch !important; align-items:stretch !important; flex-wrap:nowrap !important;
}
body.bf-page-planes.bf-page-plans-index #createSheet :is(#createStageNext,#submitCreatePlan) {
  flex:1 1 auto !important; width:100% !important; max-width:none !important; min-width:0 !important;
  background:#202023 !important; background-image:none !important; color:#fff !important;
  border:1px solid #202023 !important; border-radius:12px !important;
  box-shadow:none !important; font-size:.88rem !important; font-weight:700 !important;
}
body.bf-page-planes.bf-page-plans-index #createSheet :is(#createStageNext,#submitCreatePlan)[hidden],
body.bf-page-planes.bf-page-plans-index #createSheet #createStageBack[hidden] { display:none !important; }
body.bf-page-planes.bf-page-plans-index #createSheet #createStageBack {
  background:#f1f1f3 !important; background-image:none !important; color:#34343a !important; box-shadow:none !important;
}
body.bf-page-planes.bf-page-plans-index #createSheet :is(.form-field input,.form-field textarea,.form-field select,.form-field .select-wrap select) {
  border-color:#e3e3e7 !important; background-image:none !important;
}
body.bf-page-planes.bf-page-plans-index #createSheet .create-stage-progress-count { text-transform:none !important; }
body.bf-page-planes.bf-page-plans-index #createSheet .create-audience-option input:checked + .create-audience-option-ui,
body.bf-page-planes.bf-page-plans-index #createSheet .plan-category-option input:checked + .plan-category-option-ui { background:#eaeaec !important; background-image:none !important; border-color:#232326 !important; }
body.bf-page-planes.bf-page-plans-index #createSheet .create-file-picker { background:#f7f7f8 !important; background-image:none !important; }

body.bf-page-plans-index #createSheet :is(.create-header,.create-stage-progress,.create-footer)::before,
body.bf-page-plans-index #createSheet :is(.create-header,.create-stage-progress,.create-footer)::after { content:none !important; display:none !important; }
body.bf-page-planes.bf-page-plans-index #createSheet :is(.select-wrap,.plan-schedule-builder,.form-field textarea,.form-field select) {
  border-color:#e3e3e7 !important; background-image:none !important; box-shadow:none !important;
}


/* Friends · Corrección estructural del asistente (Safari iOS y Chrome).
   Una sola fila de acciones, alto del viewport visible y sin foco de teclado forzado. */
body.bf-page-planes.bf-page-plans-index #createSheet.create-sheet--production {
  position:fixed !important;
  top:var(--friends-create-visible-middle,50%) !important;
  bottom:auto !important;
  left:50% !important;
  right:auto !important;
  transform:translate(-50%,-50%) scale(.985) !important;
  width:min(720px,calc(100% - 32px)) !important;
  height:min(850px,86dvh,calc(var(--friends-create-visible-height,100dvh) - 32px)) !important;
  max-height:calc(var(--friends-create-visible-height,100dvh) - 32px) !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-rows:auto auto minmax(0,1fr) auto !important;
  gap:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  border-radius:22px !important;
  overscroll-behavior:contain !important;
}
body.bf-page-planes.bf-page-plans-index #createSheet.create-sheet--production.open {
  transform:translate(-50%,-50%) scale(1) !important;
}
body.bf-page-planes.bf-page-plans-index #createSheet > .create-header--production {
  grid-row:1 !important;
  min-height:0 !important;
  margin:0 !important;
  flex:0 0 auto !important;
}
body.bf-page-planes.bf-page-plans-index #createSheet > .create-stage-progress {
  grid-row:2 !important;
  width:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding-top:2px !important;
  flex:0 0 auto !important;
}
body.bf-page-planes.bf-page-plans-index #createSheet > .create-form--production {
  grid-row:3 !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior-y:contain !important;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:auto !important;
  overflow-anchor:none !important;
}
body.bf-page-planes.bf-page-plans-index #createSheet > .create-footer--production {
  grid-row:4 !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:12px 25px calc(12px + env(safe-area-inset-bottom)) !important;
  flex:0 0 auto !important;
  align-self:stretch !important;
}
body.bf-page-planes.bf-page-plans-index #createSheet .create-footer-actions--staged {
  display:flex !important;
  flex-flow:row nowrap !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  align-items:stretch !important;
  justify-content:stretch !important;
  gap:10px !important;
  margin:0 !important;
}
body.bf-page-planes.bf-page-plans-index #createSheet .create-footer-actions--staged > #createStageBack {
  flex:0 0 auto !important;
  width:auto !important;
  min-width:110px !important;
  max-width:43% !important;
  min-height:48px !important;
  height:48px !important;
  margin:0 !important;
  padding:0 14px !important;
  align-self:stretch !important;
  justify-self:auto !important;
  grid-column:auto !important;
  grid-row:auto !important;
}
body.bf-page-planes.bf-page-plans-index #createSheet .create-footer-actions--staged > :is(#createStageNext,#submitCreatePlan) {
  flex:1 1 0 !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:48px !important;
  height:48px !important;
  margin:0 !important;
  padding:0 12px !important;
  align-self:stretch !important;
  justify-self:auto !important;
  grid-column:auto !important;
  grid-row:auto !important;
}
body.bf-page-planes.bf-page-plans-index #createSheet .create-footer-actions--staged > [hidden] {display:none !important;}
body.bf-page-planes.bf-page-plans-index #createSheet .create-stage-progress-title:focus {outline:none !important;}
@media (max-width:760px) {
  body.bf-page-planes.bf-page-plans-index #createSheet.create-sheet--production {
    width:calc(100% - 20px) !important;
    height:min(720px,82dvh,calc(var(--friends-create-visible-height,100dvh) - 40px)) !important;
    max-height:calc(var(--friends-create-visible-height,100dvh) - 26px) !important;
    border-radius:20px !important;
  }
  body.bf-page-planes.bf-page-plans-index #createSheet > .create-header--production {padding:17px 16px 11px !important;}
  body.bf-page-planes.bf-page-plans-index #createSheet > .create-stage-progress {padding:4px 16px 12px !important;}
  body.bf-page-planes.bf-page-plans-index #createSheet > .create-form--production {padding:14px 16px 18px !important;}
  body.bf-page-planes.bf-page-plans-index #createSheet > .create-footer--production {
    padding:10px 16px calc(10px + env(safe-area-inset-bottom)) !important;
  }
  body.bf-page-planes.bf-page-plans-index #createSheet .create-footer-actions--staged > #createStageBack {
    min-width:104px !important;
    height:46px !important;
    min-height:46px !important;
  }
  body.bf-page-planes.bf-page-plans-index #createSheet .create-footer-actions--staged > :is(#createStageNext,#submitCreatePlan) {
    height:46px !important;
    min-height:46px !important;
  }
}
@media (max-width:350px) {
  body.bf-page-planes.bf-page-plans-index #createSheet .create-footer-actions--staged {gap:7px !important;}
  body.bf-page-planes.bf-page-plans-index #createSheet .create-footer-actions--staged > #createStageBack {min-width:94px !important;padding:0 9px !important;}
}

/* El asistente debe quedar por encima de cabecera, barra inferior y estilos heredados. */
body.bf-page-planes.bf-page-plans-index #createOverlay.create-overlay {
  z-index:11990 !important;
}
body.bf-page-planes.bf-page-plans-index #createSheet.create-sheet--production {
  z-index:11991 !important;
}
body.bf-page-planes.bf-page-plans-index #createSheet.create-sheet--production::before,
body.bf-page-planes.bf-page-plans-index #createSheet.create-sheet--production::after {
  content:none !important;
  display:none !important;
}
body.bf-page-planes.bf-page-plans-index #createSheet .create-file-picker,
body.bf-page-planes.bf-page-plans-index #createSheet .create-file-picker:hover,
body.bf-page-planes.bf-page-plans-index #createSheet .create-file-picker:focus-within,
body.bf-page-planes.bf-page-plans-index #createSheet :is(.select-wrap,.location-input-wrap,.number-stepper) {
  background-color:#f7f7f8 !important;
  background-image:none !important;
  border:1px solid #e4e4e7 !important;
  box-shadow:none !important;
}
body.bf-page-planes.bf-page-plans-index #createSheet .create-file-picker {border-style:dashed !important;}
body.bf-page-planes.bf-page-plans-index #createSheet .create-file-picker-icon,
body.bf-page-planes.bf-page-plans-index #createSheet .create-file-picker-icon svg {
  color:#29292d !important;
  background-image:none !important;
  filter:none !important;
}
