/* Estudio · sección «Sitio» (v031). Mismo lenguaje que estudio.css: blanco, tinta, gris y Jost; el dorado solo marca. */

.estado-sitio { border-top: 1px solid var(--tinta); border-bottom: 1px solid var(--linea); padding: 16px 0; margin-bottom: 32px; display: grid; gap: 4px; }
.estado-sitio p { margin: 0; }
.estado-sitio--pendiente { border-top-color: var(--oro); }
.estado-sitio__acciones { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-top: 6px; }
.fila-botones { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }

.marca-cambio { display: inline-flex; align-items: center; gap: 6px; font-size: 0.6875rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--tinta); white-space: nowrap; }
.marca-cambio::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--oro); }
.marca-cambio--local::before { background: transparent; border: 1px solid var(--oro); }

/* Lista de páginas */
.paginas-sitio { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px; }
.pagina-sitio { display: grid; gap: 4px; padding: 16px; border: 1px solid var(--linea); text-decoration: none; min-height: 100%; align-content: start; }
.pagina-sitio:hover { border-color: var(--tinta); }
.pagina-sitio:focus-visible { outline-offset: 0; }
.pagina-sitio__nombre { font-weight: 500; font-size: 1.0625rem; }
.pagina-sitio__desc { color: var(--gris); font-size: 0.875rem; }
.pagina-sitio__meta { display: flex; flex-wrap: wrap; gap: 4px 12px; justify-content: space-between; font-size: 0.75rem; color: var(--gris); margin-top: 4px; overflow-wrap: anywhere; }

.regenerar { border-top: 1px solid var(--linea); padding-top: 12px; margin-top: 16px; }
.regenerar > summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; color: var(--gris); font-size: 0.875rem; }
.regenerar__cuerpo { padding-top: 16px; }
.regenerar__cuerpo .titulo h1 { font-size: 1.5rem; }

/* Secciones de una página */
.secciones-sitio { border-top: 1px solid var(--tinta); margin-bottom: 32px; }
.seccion-sitio { border-bottom: 1px solid var(--linea); }
.seccion-sitio > summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 56px; padding: 10px 0; cursor: pointer; list-style: none; }
.seccion-sitio > summary::-webkit-details-marker { display: none; }
.seccion-sitio__nombre { font-size: 1.0625rem; }
.seccion-sitio__nombre::before { content: "+"; display: inline-block; width: 22px; color: var(--gris); }
.seccion-sitio[open] .seccion-sitio__nombre::before { content: "\2212"; }
.seccion-sitio__marcas { display: flex; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
.seccion-sitio__ayuda { margin: 0 0 16px 22px; }
.seccion-sitio > form { padding: 0 0 28px 22px; max-width: 760px; }
.seccion-sitio__cuerpo { display: grid; gap: 18px; }
.obligatorio { color: var(--oro-texto); }
.campo__pie { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.campo--corto { max-width: 320px; }
.contador { margin-left: auto; font-variant-numeric: tabular-nums; }
.contador--lleno { color: var(--error); }

/* Imagen */
.img-campo { display: grid; gap: 8px; }
.img-campo__etiqueta { font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gris); font-weight: 500; }
.img-campo__fila { display: flex; gap: 14px; align-items: center; }
.img-campo__mini { width: 96px; height: 96px; object-fit: cover; background: var(--fondo-suave); border: 1px solid var(--linea); flex: none; }
.img-campo__mini--vacia { display: grid; place-items: center; color: var(--gris); font-size: 0.6875rem; text-align: center; }
.img-campo__datos { display: grid; gap: 8px; min-width: 0; }
.img-campo__datos > .pequeno { overflow-wrap: anywhere; }
.img-campo small { color: var(--gris); font-size: 0.8125rem; }
.img-campo__brief { border-left: 2px solid var(--oro); padding-left: 10px; }

/* Listas (diapositivas, pasos, preguntas…) */
.lista-sitio { border: 0; border-top: 1px solid var(--linea); padding: 12px 0 0; margin: 0; display: grid; gap: 10px; }
.lista-sitio > legend { font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gris); font-weight: 500; padding: 0 8px 0 0; }
.lista-sitio__item { border: 1px solid var(--linea); padding: 0 14px; }
.lista-sitio__item[open] { padding-bottom: 16px; }
.lista-sitio__item > summary { display: flex; justify-content: space-between; gap: 12px; align-items: center; min-height: 48px; cursor: pointer; font-size: 0.9375rem; }
.lista-sitio__item--oculto > summary { color: var(--gris); }
.lista-sitio__acciones { margin: 4px 0 14px; }
.lista-sitio__campos { display: grid; gap: 16px; }

/* Guardián de la marca */
.guardian { border: 1px solid var(--oro); border-left-width: 3px; padding: 14px 16px; display: grid; gap: 8px; background: var(--blanco); }
.guardian--bloqueo { border-color: var(--error); }
.guardian__titulo { margin: 0; font-weight: 500; }
.guardian--bloqueo .guardian__titulo { color: var(--error); }
.guardian__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.guardian__lista li { display: grid; gap: 2px; border-top: 1px solid var(--linea); padding-top: 10px; }
.guardian__lista p { margin: 0; overflow-wrap: anywhere; }
.guardian__etiqueta { text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.6875rem; color: var(--gris); font-weight: 500; }
.guardian__marca { margin-left: 8px; font-size: 0.6875rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--error); }

/* Cambios (publicar e historial) */
.tabla-cambios td { overflow-wrap: anywhere; }
.cambio-antes { color: var(--gris); text-decoration: line-through; text-decoration-color: #c9c9c9; }
.cambio-despues { color: var(--tinta); }

/* Barra inferior de la página (siempre a mano en el celular) */
.barra-sitio { position: sticky; bottom: 0; background: var(--blanco); border-top: 1px solid var(--linea); padding: 12px 0; display: flex; gap: 8px; justify-content: flex-end; z-index: 5; }

/* Biblioteca de imágenes */
.biblioteca { width: min(960px, calc(100vw - 24px)); max-height: calc(100vh - 32px); border: 1px solid var(--tinta); padding: 20px; display: grid; gap: 12px; align-content: start; }
.biblioteca:not([open]) { display: none; }
.biblioteca::backdrop { background: rgba(17, 17, 17, 0.45); }
.biblioteca__cabeza { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.biblioteca__cabeza h2 { font-size: 1.25rem; font-weight: 300; }
.biblioteca__rejilla { display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 10px; max-height: 50vh; overflow-y: auto; padding: 2px; }
.biblioteca__item { display: grid; gap: 6px; padding: 0; border: 1px solid var(--linea); background: var(--blanco); cursor: pointer; text-align: left; font: 400 0.75rem/1.3 var(--sans); color: var(--gris); }
.biblioteca__item:hover, .biblioteca__item:focus-visible { border-color: var(--tinta); color: var(--tinta); }
.biblioteca__item img { width: 100%; aspect-ratio: 1; object-fit: cover; background: var(--fondo-suave); }
.biblioteca__item span { padding: 0 8px 8px; overflow-wrap: anywhere; }
.biblioteca__subir { border-top: 1px solid var(--linea); padding-top: 8px; }
.biblioteca__subir > summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; font-weight: 500; }

@media (max-width: 640px) {
  .seccion-sitio > form { padding-left: 0; }
  .seccion-sitio__ayuda { margin-left: 0; }
  .seccion-sitio > summary { flex-wrap: wrap; }
  .img-campo__mini { width: 72px; height: 72px; }
  .lista-sitio__item { padding: 0 10px; }
  .barra-sitio { justify-content: stretch; }
  .barra-sitio > * { flex: 1 1 0; }
  .biblioteca { padding: 14px; width: calc(100vw - 16px); max-height: calc(100vh - 16px); }
  .biblioteca__rejilla { grid-template-columns: repeat(3, minmax(0, 1fr)); max-height: 46vh; }
  .campo--corto { max-width: none; }
  .tabla-cambios th:first-child, .tabla-cambios td:first-child { min-width: 120px; }
}

/* Cuadros de resultado y de publicación: párrafos sin márgenes propios (el cuadro ya separa) */
.resultado-sitio p { margin: 0; }
.lista-sitio > .boton { justify-self: start; }
@media (max-width: 640px) {
  .tabla-cambios thead { display: none; }
  .tabla-cambios tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4px 12px; padding: 10px 0; border-bottom: 1px solid var(--linea); }
  .tabla-cambios td { border: 0; padding: 0; }
  .tabla-cambios td:first-child { grid-column: 1 / -1; font-weight: 500; }
}

/* v032 · idioma y traducciones pendientes */
.pestanas-idioma { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.marca-cambio--propuesta::before { background: transparent; border: 1px dashed var(--tinta); }
.aviso-traduccion, .aviso-traducciones { margin: 0 0 16px; }