.tmci-field{margin:18px 0 6px;padding:16px;border:1px solid var(--line,#d9dde5);border-radius:18px;background:var(--surface,#f7f7f5);box-sizing:border-box}
.tmci-field.tmci-integrated-math{margin:18px 0 0;border-style:solid;background:var(--surface,#f7f7f5)}
.tmci-honeypot{position:absolute !important;left:-99999px !important;width:1px !important;height:1px !important;overflow:hidden !important}
.tmci-label{display:flex;align-items:center;gap:12px;margin:0 0 12px;cursor:pointer;color:var(--text,#171717)}
.tmci-icon{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--bg,#fff);border:1px solid var(--line,#d9dde5);color:var(--accent,#2563eb);font-size:20px;font-weight:900}
.tmci-label strong{display:block;font-size:15px;line-height:1.25}
.tmci-label small{display:block;margin-top:4px;color:var(--muted,#667085);font-size:12px;line-height:1.45;font-weight:500}
.tmci-input{display:block;width:100%;padding:12px;border:1px solid var(--line,#d9dde5);border-radius:12px;background:var(--bg,#fff);color:var(--text,#171717);box-sizing:border-box}
.tmci-input::file-selector-button{margin-right:10px;border:0;border-radius:10px;padding:9px 12px;background:var(--text,#171717);color:var(--bg,#fff);font-weight:750;cursor:pointer}
.tmci-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px}
.tmci-hint,.tmci-count{color:var(--muted,#667085);font-size:12px;line-height:1.45}
.tmci-count{font-weight:700}
.tmci-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,156px));justify-content:start;align-items:start;gap:10px;margin-top:12px}
.tmci-preview{width:156px;max-width:100%;min-width:0;border:1px solid var(--line,#d9dde5);background:var(--bg,#fff);border-radius:14px;overflow:hidden}
.tmci-preview-media{position:relative;width:100%;aspect-ratio:4/3;background:#f1f5f9;overflow:hidden}
.tmci-preview-media.tmci-preview-lightbox{cursor:zoom-in}
.tmci-preview img{display:block !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;object-fit:cover !important;object-position:center;transition:transform .18s ease}
.tmci-preview-media.tmci-preview-lightbox:hover img{transform:scale(1.025)}
.tmci-preview-remove{position:absolute;z-index:2;top:8px;right:8px;width:30px;height:30px;border:0;border-radius:999px;background:rgba(23,23,23,.86);color:#fff;font-size:19px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.tmci-preview-meta{padding:8px 10px}
.tmci-preview-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text,#171717);font-size:12px;font-weight:650}
.tmci-preview-size{display:block;margin-top:4px;color:var(--muted,#667085);font-size:11px}
.tmci-error{margin:10px 0 0;padding:9px 11px;border-radius:10px;background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;font-size:12px;font-weight:650}

.tmci-comment-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,180px));gap:10px;margin-top:16px;max-width:620px}
.tmci-gallery-item{position:relative;display:block;width:180px;max-width:100%;border-radius:14px;overflow:hidden;border:1px solid var(--line,#d9dde5);background:var(--surface,#f7f7f5);cursor:zoom-in;box-shadow:0 4px 14px rgba(15,23,42,.05)}
.tmci-gallery-item img{display:block !important;width:100% !important;height:auto !important;max-width:180px !important;aspect-ratio:4/3;object-fit:cover !important;transition:transform .18s ease,filter .18s ease}
.tmci-gallery-item:hover img,.tmci-gallery-item:focus-visible img{transform:scale(1.025);filter:brightness(.96)}
.tmci-gallery-item:focus-visible{outline:3px solid rgba(37,99,235,.3);outline-offset:2px}
.tmci-gallery-zoom{position:absolute;right:8px;bottom:8px;width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:rgba(15,23,42,.78);color:#fff;font-size:17px;font-weight:800;pointer-events:none;backdrop-filter:blur(4px)}

.tmci-lightbox[hidden]{display:none !important}
.tmci-lightbox{position:fixed !important;inset:0 !important;z-index:999999 !important;display:grid !important;place-items:center !important;padding:16px !important;box-sizing:border-box !important;overflow:hidden !important}
.tmci-lightbox-backdrop{position:absolute !important;inset:0 !important;background:rgba(2,6,23,.86) !important;backdrop-filter:blur(7px)}
.tmci-lightbox-dialog{position:relative !important;z-index:1 !important;width:min(1200px,calc(100vw - 32px)) !important;height:min(920px,calc(100vh - 32px)) !important;height:min(920px,calc(100dvh - 32px)) !important;max-width:calc(100vw - 32px) !important;max-height:calc(100vh - 32px) !important;max-height:calc(100dvh - 32px) !important;display:grid !important;grid-template-rows:minmax(0,1fr) auto !important;place-items:stretch !important;gap:10px !important;box-sizing:border-box !important}
.tmci-lightbox-stage{position:relative !important;width:100% !important;height:100% !important;min-width:0 !important;min-height:0 !important;display:grid !important;place-items:center !important;overflow:hidden !important;border-radius:14px !important;isolation:isolate}
.tmci-lightbox .tmci-lightbox-image{display:block !important;width:auto !important;height:auto !important;max-width:100% !important;max-height:100% !important;min-width:0 !important;min-height:0 !important;object-fit:contain !important;object-position:center !important;border-radius:12px !important;box-shadow:0 18px 60px rgba(0,0,0,.38) !important;background:#fff !important;transform:translate3d(0,0,0) scale(1);transform-origin:center center !important;transition:transform .18s ease !important;user-select:none !important;-webkit-user-drag:none !important;touch-action:auto}
.tmci-lightbox .tmci-lightbox-image.tmci-lightbox-can-zoom{cursor:zoom-in !important}
.tmci-lightbox .tmci-lightbox-image.tmci-lightbox-zoomed{max-width:100% !important;max-height:100% !important;cursor:grab !important;touch-action:none !important}
.tmci-lightbox .tmci-lightbox-image.tmci-lightbox-dragging{cursor:grabbing !important;transition:none !important}
.tmci-lightbox .tmci-lightbox-image.tmci-lightbox-no-transition{transition:none !important}
.tmci-lightbox-close,.tmci-lightbox-nav{position:absolute !important;z-index:4 !important;border:0 !important;display:grid !important;place-items:center !important;background:rgba(15,23,42,.84) !important;color:#fff !important;cursor:pointer !important;box-shadow:0 6px 20px rgba(0,0,0,.22) !important;backdrop-filter:blur(6px)}
.tmci-lightbox-close{top:8px !important;right:8px !important;width:44px !important;height:44px !important;border-radius:999px !important;font-size:28px !important;line-height:1 !important}
.tmci-lightbox-nav{top:50% !important;transform:translateY(-50%) !important;width:46px !important;height:58px !important;border-radius:14px !important;font-size:30px !important}
.tmci-lightbox-prev{left:8px !important}.tmci-lightbox-next{right:8px !important}
.tmci-lightbox-close:hover,.tmci-lightbox-nav:hover,.tmci-lightbox-close:focus-visible,.tmci-lightbox-nav:focus-visible{background:#2563eb !important;outline:none !important}
.tmci-lightbox-meta{justify-self:center !important;max-width:min(92vw,760px) !important;min-height:24px !important;padding:6px 13px !important;border-radius:999px !important;background:rgba(15,23,42,.78) !important;color:#fff !important;font-size:13px !important;font-weight:700 !important;line-height:1.35 !important;text-align:center !important;backdrop-filter:blur(6px);box-sizing:border-box !important}
body.tmci-lightbox-open{overflow:hidden !important}

@media(max-width:700px){
  .tmci-lightbox{padding:8px !important}
  .tmci-lightbox-dialog{width:calc(100vw - 16px) !important;height:calc(100vh - 16px) !important;height:calc(100dvh - 16px) !important;max-width:calc(100vw - 16px) !important;max-height:calc(100vh - 16px) !important;max-height:calc(100dvh - 16px) !important}
  .tmci-lightbox-close{top:6px !important;right:6px !important;width:42px !important;height:42px !important}
  .tmci-lightbox-nav{width:42px !important;height:54px !important;font-size:27px !important}
  .tmci-lightbox-prev{left:6px !important}.tmci-lightbox-next{right:6px !important}
  .tmci-lightbox-meta{font-size:12px !important}
}
@media(max-width:520px){
  .tmci-field{padding:13px;border-radius:16px}
  .tmci-label{align-items:flex-start}
  .tmci-previews{grid-template-columns:repeat(auto-fill,minmax(112px,136px));justify-content:start}
  .tmci-preview{width:136px}
  .tmci-gallery-item img{aspect-ratio:1/1}
  .tmci-meta{flex-direction:column;gap:4px}
  .tmci-comment-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}
  .tmci-lightbox-nav{top:auto !important;bottom:8px !important;transform:none !important}
  .tmci-lightbox-meta{max-width:calc(100vw - 116px) !important;padding:6px 10px !important}
}

/* V1.5.1 — Normalización visual del botón de comments.
   Algunos themes/plugins aplican una opacidad de estado "disabled" aunque
   el submit siga siendo funcional. Solo corregimos botones que NO estén
   realmente deshabilitados. */
#commentform.tmci-form-active .form-submit input[type="submit"]:not(:disabled),
#commentform.tmci-form-active .form-submit button[type="submit"]:not(:disabled),
#commentform.tmci-form-active .form-submit .submit:not(:disabled){
  opacity:1 !important;
  filter:none !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  background:var(--tm-accent,var(--accent,#5b5ef7)) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 8px 22px rgba(54,63,210,.18) !important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease !important;
}
#commentform.tmci-form-active .form-submit input[type="submit"]:not(:disabled):hover,
#commentform.tmci-form-active .form-submit button[type="submit"]:not(:disabled):hover,
#commentform.tmci-form-active .form-submit .submit:not(:disabled):hover{
  transform:translateY(-1px) !important;
  filter:brightness(.97) !important;
  box-shadow:0 11px 26px rgba(54,63,210,.24) !important;
}
#commentform.tmci-form-active .form-submit input[type="submit"]:not(:disabled):focus-visible,
#commentform.tmci-form-active .form-submit button[type="submit"]:not(:disabled):focus-visible,
#commentform.tmci-form-active .form-submit .submit:not(:disabled):focus-visible{
  outline:3px solid rgba(91,94,247,.26) !important;
  outline-offset:3px !important;
}
#commentform.tmci-form-active .form-submit input[type="submit"]:disabled,
#commentform.tmci-form-active .form-submit button[type="submit"]:disabled,
#commentform.tmci-form-active .form-submit .submit:disabled{
  opacity:.48 !important;
  cursor:not-allowed !important;
  box-shadow:none !important;
}