/* Complementa vocero-portal.css con las piezas propias del registro de medios. */
.media-portal textarea {
  width:100%;
  min-width:0;
  border:1px solid #95829f;
  border-radius:4px;
  padding:.7rem .8rem;
  background:#fffcf7;
  color:var(--ink);
  font:inherit;
  font-weight:400;
  resize:vertical;
  transition:border-color .18s,box-shadow .18s
}
.media-portal textarea:focus-visible {
  outline:2px solid var(--accent);
  outline-offset:2px
}
.media-portal [aria-invalid="true"] {
  border-color:#b3123d
}
.media-field-wide {
  grid-column:1 / -1
}
.media-profile-form section {
  border-top:1px solid var(--line);
  padding-top:2rem;
  margin-top:1.25rem
}
.media-profile-form section>p:not(.vocero-eyebrow) {
  font-size:.875rem;
  color:var(--muted)
}
.media-profile-form .vocero-check {
  margin-top:1.5rem
}
.media-status-panel {
  border:2px solid var(--ink);
  background:#fffcf7;
  box-shadow:6px 6px 0 var(--cyan);
  padding:1.25rem 1.5rem;
  margin:0 0 1rem
}
.media-status-panel h2 {
  margin:0 0 .35rem
}
.media-status-panel p:last-child {
  margin:0;
  font-size:.9rem;
  color:var(--muted)
}
.media-status-panel[data-status="Aprobado"] {
  box-shadow:6px 6px 0 #35c277
}
.media-status-panel[data-status="Rechazado"] {
  box-shadow:6px 6px 0 #e01b24
}
.media-videos {
  border-top:1px solid var(--line);
  padding-top:2rem;
  margin-top:2.5rem
}
.media-videos>p:not(.vocero-eyebrow) {
  font-size:.9rem;
  color:var(--muted)
}
.media-videos form fieldset {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:0 1rem;
  align-items:end;
  border:0;
  padding:0;
  margin:0
}
.media-videos form .vocero-primary {
  margin-bottom:1.2rem
}
.media-videos__count {
  font-weight:700
}
.media-videos__list {
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:.6rem
}
.media-videos__list li {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:.25rem 1rem;
  border:1px solid var(--line);
  border-left:4px solid var(--cyan);
  background:#fffcf7;
  padding:.7rem .9rem
}
.media-videos__list a {
  color:var(--accent);
  font-weight:600;
  overflow-wrap:anywhere
}
.media-videos__list small {
  color:var(--muted)
}
@media (max-width:640px) {
  .media-videos form fieldset {
    grid-template-columns:1fr
  }
}
.media-types {
  border:1px solid var(--line);
  border-radius:4px;
  padding:1rem 1.1rem;
  margin:0 0 1.2rem;
  background:#fffcf7
}
.media-types legend {
  font-weight:600;
  font-size:.875rem;
  padding:0 .35rem
}
.media-types legend small {
  display:block;
  font-weight:400;
  color:var(--muted)
}
.media-types__options {
  display:flex;
  flex-wrap:wrap;
  gap:.6rem 1.4rem
}
.media-types__options label {
  display:flex;
  align-items:center;
  gap:.5rem;
  font-weight:600;
  font-size:.9rem;
  min-height:44px
}
.media-types__options input {
  width:1.15rem;
  min-height:0;
  height:1.15rem
}
.media-types[data-invalid="true"] {
  border-color:#b3123d
}
.media-station {
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;
  gap:0 1rem;
  align-items:end
}
.media-station .vocero-quiet {
  margin-bottom:1.2rem
}
.media-station:first-child [data-station-remove] {
  visibility:hidden
}
.media-radio-fields {
  margin-top:1.4rem
}
@media (max-width:640px) {
  .media-station {
    grid-template-columns:1fr
  }
  .media-station:first-child [data-station-remove] {
    display:none
  }
}
.media-station--single {
  grid-template-columns:minmax(0,1fr) auto
}
.media-photo__layout {
  display:grid;
  grid-template-columns:160px minmax(0,1fr);
  gap:1.5rem;
  align-items:start
}
.media-photo__frame {
  width:160px;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:50%;
  background:#fffcf7;
  color:var(--muted);
  font-size:.85rem
}
.media-photo__frame img {
  width:100%;
  height:100%;
  object-fit:cover
}
.media-photo form fieldset {
  grid-template-columns:1fr
}
@media (max-width:640px) {
  .media-photo__layout {
    grid-template-columns:1fr
  }
  .media-station--single {
    grid-template-columns:1fr
  }
}
.media-station--channel {
  grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr) minmax(0,.8fr) auto
}
@media (max-width:760px) {
  .media-station--channel {
    grid-template-columns:1fr
  }
}
.media-dashboard {
  margin:0 0 1rem
}
.media-avatar {
  display:flex;
  align-items:center;
  gap:1rem;
  width:100%;
  border:2px solid var(--ink);
  border-radius:6px;
  background:#fffcf7;
  padding:.8rem 1rem;
  text-align:left;
  cursor:pointer;
  color:var(--ink);
  font:inherit
}
.media-avatar:hover,.media-avatar:focus-visible {
  box-shadow:4px 4px 0 var(--cyan)
}
.media-avatar__image {
  flex:0 0 64px;
  width:64px;
  height:64px;
  border-radius:50%;
  overflow:hidden;
  display:grid;
  place-items:center;
  background:var(--accent);
  color:#fff;
  font-family:Anton,'Arial Narrow',sans-serif;
  font-size:1.6rem
}
.media-avatar__image img {
  width:100%;
  height:100%;
  object-fit:cover
}
.media-avatar__text {
  display:grid;
  gap:.15rem;
  min-width:0
}
.media-avatar__text strong {
  font-size:1.1rem;
  overflow-wrap:anywhere
}
.media-avatar__text small {
  color:var(--accent);
  font-weight:700
}
.media-light {
  display:flex;
  align-items:center;
  gap:.5rem;
  margin:.6rem 0 0;
  font-weight:700
}
.media-light__dot {
  width:.9rem;
  height:.9rem;
  border-radius:50%;
  background:#e01b24;
  border:1px solid rgba(36,17,70,.4)
}
.media-light[data-light="yellow"] .media-light__dot {
  background:#ffc42e
}
.media-light[data-light="green"] .media-light__dot {
  background:#35c277
}
.media-status-panel + .media-videos {
  border-top:0;
  padding-top:.5rem;
  margin-top:1rem
}
.media-videos__locked {
  border:1px dashed var(--line);
  border-left:4px solid #ffc42e;
  background:#fffcf7;
  padding:.9rem 1rem;
  font-weight:600
}
.media-photo {
  border:2px solid var(--ink);
  border-radius:6px;
  background:#fffcf7;
  padding:1.25rem 1.5rem;
  margin:0 0 1.5rem
}
.media-photo[data-missing="true"] {
  border-color:#b3123d;
  box-shadow:6px 6px 0 #ff2e8a
}
.media-photo form fieldset {
  border:0;
  padding:0;
  margin:0
}

/* Avisos de vinculación con registros cargados por coordinación */
.vocero-notice { margin: .75rem 0; padding: .85rem 1rem; border-radius: .9rem; border: 1px solid rgba(255, 196, 46, .6); background: rgba(255, 196, 46, .14); color: #241146; font-size: .92rem; }
.vocero-notice p { margin: 0 0 .5rem; }
.media-lookup-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .4rem; }
.media-lookup-list button { width: 100%; text-align: left; }

/* Invitaciones a eventos dentro del portal del medio */
.media-events-panel { margin: 1rem 0; border: 1px solid rgba(0, 210, 214, .5); border-radius: 1rem; background: rgba(0, 210, 214, .08); padding: .75rem 1rem; }
.media-events-panel > summary { cursor: pointer; list-style: none; }
.media-events-panel > summary::-webkit-details-marker { display: none; }
.media-events-panel > summary > span { display: grid; gap: .1rem; }
.media-events-list { list-style: none; margin: .75rem 0 0; padding: 0; display: grid; gap: .75rem; }
.media-event { padding: .85rem 1rem; border-radius: .9rem; background: #fff; border-left: 5px solid #ffc42e; display: grid; gap: .5rem; }
.media-event[data-answer="yes"] { border-left-color: #35c277; }
.media-event[data-answer="no"] { border-left-color: #e01b24; }
.media-event small, .media-event p { display: block; margin: 0; }
.media-event__state { font-weight: 600; font-size: .9rem; }
.media-event__actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.media-event[data-answer="checked"] { border-left-color: #00d2d6; }
.media-accreditation-box { margin: 1rem 0; padding: 1rem 1.25rem; border-radius: 1rem; background: #fff; border: 1px solid rgba(36, 17, 70, .15); display: grid; gap: .75rem; }