/* mi-sitio-web.css · Editor del sitio web completo (mi-sitio-web.js). */
.msw-tabswrap { padding: var(--sp-5) var(--pad-x, 36px) 0; max-width: var(--page-max, 760px); margin: 0 auto; }
@media (max-width: 720px) { .msw-tabswrap { padding: var(--sp-4) var(--pad-x, 16px) 0; } }
.msw-tabs { display: flex; max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.msw-tabs .bk-seg__btn { flex: 1 0 auto; }
.msw-body .bk-field, .msw-modal .bk-field { display: flex; flex-direction: column; gap: var(--sp-1); margin-bottom: var(--sp-3); }
.msw-body input[type="color"] { height: 44px; padding: 4px; }
.msw-aviso { background: var(--paper-2); border: 1px solid var(--line); border-radius: var(--r-lg); padding: var(--sp-3) var(--sp-4); font-size: var(--fs-sm); color: var(--ink-2); margin-bottom: var(--sp-4); }
.msw-switches { display: flex; flex-direction: column; gap: var(--sp-3); margin-bottom: var(--sp-4); }
.msw-switch { align-items: flex-start; font-size: var(--fs-sm); color: var(--ink-2); }
.msw-img__row { display: flex; align-items: center; gap: var(--sp-2); flex-wrap: wrap; }
.msw-img__prev { width: 72px; height: 72px; border-radius: var(--r); background: var(--paper-2); border: 1px solid var(--line); display: flex; align-items: center; justify-content: center; font-size: var(--fs-caption); color: var(--mute); overflow: hidden; text-align: center; }
.msw-img__prev img { width: 100%; height: 100%; object-fit: contain; }
.msw-ed { border: 1px solid var(--line-2); border-radius: var(--r); background: var(--bone); overflow: hidden; }
.msw-ed__bar { display: flex; flex-wrap: wrap; gap: 2px; padding: var(--sp-1); border-bottom: 1px solid var(--line); background: var(--paper); }
.msw-ed__btn { appearance: none; cursor: pointer; }
.msw-ed__area { min-height: 160px; padding: var(--sp-3) var(--sp-4); font-size: var(--ui-text-base); line-height: var(--lh); color: var(--ink); outline: none; overflow-wrap: anywhere; }
.msw-ed__area img { max-width: 100%; height: auto; }
.msw-ed__area h2 { font-size: var(--fs-h4); margin: var(--sp-3) 0 var(--sp-2); }
.msw-ed__area h3 { font-size: var(--fs-h5); margin: var(--sp-3) 0 var(--sp-2); }
.msw-ed__area blockquote { border-left: 3px solid var(--line-3); padding-left: var(--sp-3); color: var(--mute); }
.msw-ed__area ul, .msw-ed__area ol { padding-left: var(--sp-5); }
.msw-code { font-family: ui-monospace, Menlo, monospace; font-size: var(--ui-text-sm); }
.msw-paginas { display: flex; flex-direction: column; gap: var(--sp-2); }
.msw-pagina, .msw-dom { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); background: var(--bone); border: 1px solid var(--line); border-radius: var(--r-lg); padding: var(--sp-3) var(--sp-4); flex-wrap: wrap; }
.msw-dom__acc { display: flex; gap: var(--sp-2); }
.msw-dom-form { display: flex; gap: var(--sp-2); }
.msw-dom-form .bk-input { flex: 1; min-width: 0; }
.msw-dns { display: flex; flex-direction: column; gap: var(--sp-2); }
.msw-dns__fila { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--sp-2); background: var(--paper); border: 1px dashed var(--line-3); border-radius: var(--r-lg); padding: var(--sp-3) var(--sp-4); }
.msw-dns__fila > div { display: flex; flex-direction: column; min-width: 0; }
.msw-dns__fila b { overflow-wrap: anywhere; }
.msw-dns__nota { grid-column: 1 / -1; }
.msw-copiable { cursor: pointer; text-decoration: underline dotted; }
.msw-modal { z-index: 1000; }
.msw-modal .bk-modal { width: min(760px, 100%); max-height: calc(var(--vvh, 100dvh) - 32px); }
.msw-modal .bk-modal__body { overflow-y: auto; -webkit-overflow-scrolling: touch; }
@media (max-width: 640px) {
  .msw-modal .bk-modal__body { padding: var(--sp-4); }
  .msw-modal .bk-modal__head, .msw-modal .bk-modal__foot { padding: var(--sp-3) var(--sp-4); }
}