/* V21.7 · ajuste exclusivo de la ficha larga del cardumen en escritorio.
   No cambia el texto ni el comportamiento móvil. */
@media (min-width:901px){
  .commented-modal.commented-compact .commented-modal-info{padding:32px 34px 28px}
  .commented-modal.commented-compact .commented-species{margin-bottom:16px}
  .commented-modal.commented-compact .commented-tech{margin-bottom:18px}
  .commented-modal.commented-compact .commented-tech-item{padding:9px 12px}
  .commented-modal.commented-compact .commented-award{margin-bottom:17px;padding:12px 14px}
  .commented-modal.commented-compact .commented-award p{font-size:13px;line-height:1.4;margin-top:5px}
  .commented-modal.commented-compact .commented-award-media{margin-top:8px;padding:6px 8px;gap:10px}
  .commented-modal.commented-compact .commented-award-media img{width:62px;height:44px}
  .commented-modal.commented-compact .commented-story h3{margin-bottom:6px}
  .commented-modal.commented-compact .commented-story p{font-size:13px;line-height:1.48}
}


/* =========================================================
   V21.20 · Foto de apoyo dentro de una historia
   Solo aparece en las entradas que declaran supportMedia.
   ========================================================= */
.commented-support{margin-top:18px;padding-top:15px;border-top:1px solid rgba(120,200,220,.14)}
.commented-support[hidden]{display:none!important}
.commented-support-media{width:100%;display:grid;grid-template-columns:92px minmax(0,1fr);gap:13px;align-items:center;padding:8px;border:1px solid rgba(120,200,220,.18);background:rgba(31,191,255,.045);color:inherit;text-align:left;cursor:pointer;border-radius:7px;transition:border-color .2s ease,background .2s ease}
.commented-support-media + .commented-support-media{margin-top:8px}
.commented-support-media:hover,.commented-support-media:focus-visible{border-color:rgba(31,191,255,.72);background:rgba(31,191,255,.08);outline:none}
.commented-support-media img{width:92px;height:68px;object-fit:cover;border-radius:4px;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}
.commented-support-media-copy{min-width:0}
.commented-support-media-copy strong{display:block;color:#70cfe8;font:800 9px/1.25 var(--display);letter-spacing:.11em;text-transform:uppercase;margin-bottom:5px}
.commented-support-media-copy span{display:block;color:#d5e4e7;font-size:12px;line-height:1.38}
@media(max-width:650px){
  .commented-support{margin-top:16px;padding-top:13px}
  .commented-support-media{grid-template-columns:86px minmax(0,1fr);gap:11px;padding:7px}
  .commented-support-media img{width:86px;height:64px}
  .commented-support-media-copy span{font-size:11px}
}




/* =========================================================
   V21.21 · HISTORIA PEZ PAYASO · SCROLL PC ROBUSTO
   Se activa únicamente en entradas con varias fotos de apoyo.
   ========================================================= */
@media (min-width:901px){
  .commented-modal.commented-long-support .commented-modal-panel{
    height:90vh!important;
    max-height:90vh!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .commented-modal.commented-long-support .commented-modal-info{
    box-sizing:border-box!important;
    height:100%!important;
    max-height:90vh!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }
  .commented-modal.commented-long-support .commented-modal-info::-webkit-scrollbar{
    width:10px;
  }
  .commented-modal.commented-long-support .commented-modal-info::-webkit-scrollbar-thumb{
    background:rgba(112,207,232,.38);
    border-radius:10px;
  }
  .commented-modal.commented-long-support .commented-modal-info::-webkit-scrollbar-track{
    background:rgba(255,255,255,.03);
  }
}