/* Buscador alineado a la derecha */
.archivo-buscador-container{ display:flex; justify-content:flex-end; padding-right:0; margin-top:30px; width:100%; }
.revista-buscador, .archivo-buscador{ max-width:320px; width:100%; margin-left:auto; }
@media (max-width:768px){ .revista-buscador, .archivo-buscador{ max-width:none; } }

/* Input buscador */
.revista-buscador input, .archivo-buscador input{
  width:100%; padding:8px 34px 8px 12px; font-size:14px; border-radius:6px;
  border:1px solid #6293c3; color:#333;
  background:url("data:image/svg+xml,%3Csvg fill='gray' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.471 6.471 0 001.48-5.34C15.09 5.02 12.07 2 8.5 2S1.91 5.02 1.91 8.39s3.02 6.39 6.59 6.39c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l4.99 4.99-1.49 1.49-4.99-4.99zM8.5 13c-2.5 0-4.5-2-4.5-4.5S6 4 8.5 4s4.5 2 4.5 4.5S11 13 8.5 13z'/%3E%3C/svg%3E") no-repeat right 10px center;
  background-size:16px 16px; box-sizing:border-box;
}

/* Grid */
.revista-grid{ display:grid; gap:20px; margin-top:20px; grid-template-columns:repeat(4,1fr); }
@media (max-width:1024px){ .revista-grid{ grid-template-columns:repeat(3,1fr)  } }
@media (max-width:768px){ .revista-grid{ grid-template-columns:repeat(2,1fr)  } }

/* Tarjeta */
.revista-item{ text-align:center; border:1px solid #eee; padding:10px; border-radius:8px; background:#fff; transition:box-shadow .3s ease; }
.revista-item:hover{ box-shadow:0 4px 15px rgba(0,0,0,.1); }
.revista-item img{ max-width:100%; border-radius:6px; }
.revista-titulo{ margin:10px 0 5px; font-weight:700; color:#00559d; }
.revista-fecha{ font-size:13px; color:#666; }

/* Paginación */
.revista-paginacion ul{ display:flex; justify-content:center; flex-wrap:wrap; list-style:none; padding:0; margin-top:30px; gap:10px; }
.revista-paginacion a, .revista-paginacion span{ padding:6px 14px; background:#f5f5f5; border:1px solid #ccc; border-radius:4px; text-decoration:none; color:#333; font-size:14px; }
.revista-paginacion .current{ background:#00559D; color:#fff; border-color:#00559D; }

/* Formulario */
.arch-form{ max-width:800px; margin:40px auto; padding:20px; font-family:Arial, sans-serif; background:#fff; border-radius:8px; border:1px solid #ddd; }
.arch-form .form-row{ display:flex; flex-wrap:wrap; gap:20px; margin-bottom:15px; }
.arch-form .form-group{ flex:1 1 100%; }
@media (min-width:768px){ .arch-form .form-row .form-group{ flex:1 1 48%; } }
.arch-form label{ font-weight:700; display:block; margin-bottom:6px; }
.arch-form input[type="text"], .arch-form input[type="date"]{ width:100%; padding:10px; border:1px solid #ccc; border-radius:6px; font-size:14px; background:#fff; box-sizing:border-box; }

.arch-form .file-select button{ background:#f7f7f7; border:1px solid #cfd6df; padding:10px 16px; font-size:14px; border-radius:6px; cursor:pointer; font-weight:700; text-transform:uppercase; color: #333; }
.arch-form .file-select button:hover{ background:#eceff3; border-color:#b7c1cd; }
.arch-form .media-preview{ display:block; margin-top:6px; font-size:13px; color:#333; }

/* Botón enviar (rojo institucional) */
.arch-form .boton-subida{ background:#B12628; border:1px solid #8c1b1f; color:#fff; padding:12px 24px; border-radius:6px; cursor:pointer; font-weight:700; text-transform:uppercase; }
.arch-form .boton-subida:hover{ filter:brightness(.93); }

/* Inputs dentro de tarjetas admin */
.revista-item form{ margin-top:10px; }
.revista-item input[type="text"], .revista-item input[type="date"]{ width:100%; padding:4px 6px; font-size:12px; border:1px solid #ccc; border-radius:4px; margin-bottom:5px; box-sizing:border-box; }
.revista-item form button{ background:#efefef; color:#111; border:1px solid #ccc; padding:6px 14px; font-size:12px; border-radius:6px; cursor:pointer; font-weight:700; text-transform:uppercase; width:100%; }
.revista-item form button:hover{ background:#f0f0f0; }

/* Overlay de carga para formularios */
.arch-overlay {
  position: absolute; inset: 0;
  background: rgba(255,255,255,.6);
  display: flex; align-items: center; justify-content: center;
  z-index: 10;
  border-radius: 8px;
}
.arch-overlay .arch-spinner {
  width: 26px; height: 26px; border: 3px solid #bbb; border-top-color: #333;
  border-radius: 50%; animation: archspin 1s linear infinite; margin-right: 10px;
}
.arch-overlay .arch-text { font-weight: 600; color:#333; }
@keyframes archspin { to { transform: rotate(360deg); } }

/* Los formularios donde puede aparecer el overlay */
.arch-form, .rfm-inline { position: relative; }







/* Campo fecha deshabilitado -> aspecto gris */
body form.arch-form input[name="fecha_pdf"]:disabled,
body form.arch-form .form-group input[name="fecha_pdf"]:disabled,
body form.arch-form input[name="fecha_pdf"].is-disabled {
  background: #f3f3f3 !important;
  color: #888 !important;
  border-color: #ddd !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: .9 !important;
}

/* Atenúa piezas internas del <input type=date> (Chrome/Safari) */
body form.arch-form input[name="fecha_pdf"]:disabled::-webkit-datetime-edit,
body form.arch-form input[name="fecha_pdf"]:disabled::-webkit-inner-spin-button,
body form.arch-form input[name="fecha_pdf"]:disabled::-webkit-clear-button,
body form.arch-form input[name="fecha_pdf"]:disabled::-webkit-calendar-picker-indicator {
  opacity: .35 !important;
  filter: grayscale(1) !important;
}




/* Botón ELIMINAR inline */
.revista-item .btn-eliminar{

  border:none;
  padding:8px 14px;
  border-radius:6px;
  font-weight:700;
  text-transform:uppercase;
  width:100%;
  cursor:pointer;
}
.revista-item .btn-eliminar:hover{
  background:#000 !important;
  color:#fff !important;
}

/* Botón SUBIR ARCHIVO del formulario */
.boton-subida{
  background:#B12628;   
  color:#fff;
  border:none !important;
  padding:10px 18px;
  border-radius:6px;
  font-weight:700;
  text-transform:uppercase;
  cursor:pointer;
}
.boton-subida:hover{
  background:#000 !important;
  color:#fff !important;
  border:none !important;
}

.revista-item .btn-guardar:hover{
  background:#000 !important;
  color:#fff !important;
}

p.revista-titulo {
    margin-bottom: 0;
}


.media-router .media-menu-item{
color: #414141;
}

.media-router .media-menu-item:hover{
color: #135e96;
}


.media-modal-close:active, .media-modal-close:hover {
    color: #135e96;
    background: none !important;
    border: none;
}