/* Panels de pestañas */
.ace-tab-panel { display: none; }
.ace-tab-panel.active { display: block; }

/* Barra de acciones fija para guardar */
.ace-actions {
  position: sticky;
  margin: 20px 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 12px;
  background: #fff;
  border-top: 1px solid #e5e7eb;
  z-index: 10;
}

/* Layout 2 columnas (main + aside) en Configuración */
.wrap.aceprensa-admin .ace-config-grid{
  display:grid;
  grid-template-columns: 1fr 320px;
  gap:24px;
  align-items:center;
}
.wrap.aceprensa-admin .ace-config-aside{ position:relative; }
.wrap.aceprensa-admin .ace-aside-card{
  position:sticky; top:24px;
  background:#fff; border:1px solid #dcdcde; border-radius:8px;
  padding:16px; box-shadow:0 1px 1px rgba(0,0,0,.04);
}
.wrap.aceprensa-admin .ace-aside-card h3{ margin:0 0 10px; }

/* Caja de código + botón copiar */
.wrap.aceprensa-admin .ace-codebox{ position:relative; margin:8px 0 12px; padding-right:88px; }
.wrap.aceprensa-admin .ace-codebox code{
  display:block; background:#f6f7f7; border:1px solid #dcdcde; border-radius:6px;
  padding:10px 12px; font-family:ui-monospace, Menlo, Consolas, monospace; font-size:12px;
  white-space:nowrap; overflow:auto;
}
.wrap.aceprensa-admin .ace-codebox .ace-copy-btn{ position:absolute; right:8px; top:8px; }

/* Responsive: 1 columna en pantallas pequeñas */
@media (max-width:1024px){
  .wrap.aceprensa-admin .ace-config-grid{ grid-template-columns: 1fr; }
  .wrap.aceprensa-admin .ace-aside-card{ position:static; }
}


/* Notice de estado dentro de la barra (estilo WP, pero compacta) */
.ace-actions .notice{
  margin: 0;
  padding: 8px 12px;
}
.ace-actions .notice p{
  margin: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.notice .spinner {
  margin: 0;
}

.aceprensa-preview {
	border:1px solid #e5e7eb;
	padding:50px;
	border-radius:8px;
	background:#fff;
	min-height:48px;
}
/* En previsualización, oculta el botón aunque el JS tarde */
.aceprensa-is-preview .ace-actions button[type="submit"],
.aceprensa-is-preview .ace-actions input[type="submit"]{
  display: none !important;
}
.aceprensa_hide {display: none;}

/* ====== Scope de la página del plugin ====== */
.wrap.aceprensa-admin .form-table { width: 100%; max-width: 980px; }
.wrap.aceprensa-admin .form-table th {
  width: 180px; vertical-align: top; padding-top: 14px; color:#1d2327;
}
.wrap.aceprensa-admin .form-table td { padding-top: 8px; }

/* Separación entre bloques para que no se vea apelotonado */
.wrap.aceprensa-admin .form-table tr { border-bottom: 1px solid #f0f0f1; }
.wrap.aceprensa-admin .form-table tr:last-child { border-bottom: 0; }
.wrap.aceprensa-admin .form-table td p { margin: 0 0 15px; }

/* Descripciones más claras y separadas */
.wrap.aceprensa-admin .description { color:#646970; margin-left: 8px; }
.wrap.aceprensa-admin .ace-subtitle {font-weight: bold; display: block; margin: 5px 0;}
.wrap.aceprensa-admin .ace-row { margin:10px 0 14px; }

/* ====== Radio cards (posición imagen) ====== */
/* Cambiamos a flex con wrap para controlar el ancho */
#ace-img-position.ace-ui-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* Card con ancho fijo (no se estiran) */
#ace-img-position .ace-radio-card {
  width: 140px;
  flex: 0 0 140px;
  border: 1px solid #dcdcde;
  border-radius: 8px;
  background: #fff;
  padding: 15px;
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease;
  text-align: center;
}
#ace-img-position .ace-radio-card:hover { border-color:#2271b1; }
#ace-img-position .ace-radio-card.is-active {
  border-color:#2271b1; box-shadow: 0 0 0 1px #2271b1 inset;
}
#ace-img-position .ace-radio-card input[type="radio"] {
  position:absolute; inset:0; opacity:0; cursor:pointer;
}

/* Miniatura dentro de la card */
#ace-img-position .ace-mini { height: 76px; margin-bottom: 6px; display:flex; align-items:center; justify-content:center; }
#ace-img-position .ace-mini svg { width: 100%; height: 100%; }

/* ====== Segmented control (anchura imagen) ====== */
.ace-seg { display:inline-flex; border:1px solid #dcdcde; border-radius:6px; overflow:hidden; }
.ace-seg label { position: relative; padding:6px 10px; cursor:pointer; user-select:none; }
.ace-seg input { position:absolute; opacity:0; inset:0; }
.ace-seg label.is-active { background:#2271b1; color:#fff; }
.ace-seg label:not(.is-active) { background:#f6f7f7; }

/* Nota bajo el segmented */
.ace-image-width-ctrl .description { display:inline-block; margin-left:10px; }

/* ====== Espaciado interno (gap) y grupos ====== */
.wrap.aceprensa-admin .ace-image-opts,
.wrap.aceprensa-admin .ace-firmantes-upper-ctrl,
.wrap.aceprensa-admin .ace-date-format-ctrl {
  margin-top: 8px;
}

/* Compactar los radios en línea donde tenga sentido */
.wrap.aceprensa-admin .ace-inline { display:flex; gap:14px; align-items:center; flex-wrap:wrap; }

/* ====== Responsivo (WP breakpoint 782px) ====== */
@media (max-width: 782px){
  #ace-img-position .ace-radio-card { width: 100%; flex: 1 1 100%; }
  .wrap.aceprensa-admin .form-table th { width:auto; padding-bottom:6px; }
}