/* Ventana de comentarios de las noticias de la portada. */
.news-comment-dialog {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    place-items: center;
    padding: 16px;
    background: rgba(7, 24, 48, .68);
    font: 15px/1.55 'Inter', Arial, sans-serif;
}
.news-comment-dialog[hidden], .news-comment-dialog [hidden] { display: none !important; }
.news-comment-dialog *, .news-comment-dialog *::before, .news-comment-dialog *::after { box-sizing: border-box; }
.news-comment-dialog__panel {
    position: relative;
    width: min(600px, 100%);
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    padding: 30px;
    border-radius: 18px;
    background: #fff;
    color: #19324f;
    box-shadow: 0 24px 75px rgba(0, 12, 32, .3);
}
.news-comment-dialog__close {
    position: absolute;
    top: 16px;
    right: 16px;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #d9e3ee;
    border-radius: 10px;
    background: #f5f8fc;
    color: #143869;
    font: 28px/1 Arial, sans-serif;
    cursor: pointer;
}
.news-comment-dialog__eyebrow { margin: 0 45px 7px 0; color: #1c6092; font-size: 11px; font-weight: 800; letter-spacing: 1.3px; text-transform: uppercase; }
.news-comment-dialog h2 { margin: 0 45px 22px 0; color: #143869; font: 700 28px/1.25 'Poppins', 'Inter', Arial, sans-serif; }
.news-comment-dialog__article { padding: 16px 18px; border-left: 4px solid #ffbe19; border-radius: 0 10px 10px 0; background: #f2f6fb; }
.news-comment-dialog__article span { display: block; margin-bottom: 5px; color: #5b6c80; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .6px; }
.news-comment-dialog__article strong { display: block; color: #143869; font-size: 16px; line-height: 1.4; }
.news-comment-dialog__article p { margin: 6px 0 0; color: #516278; font-size: 13px; line-height: 1.55; }
.news-comment-dialog__guest { padding: 22px 0 6px; }
.news-comment-dialog__guest p { margin: 0 0 17px; color: #314961; }
.news-comment-dialog__guest-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.news-comment-dialog__guest-actions button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 11px 18px; border-radius: 9px; font: 700 14px/1.4 'Inter', Arial, sans-serif; cursor: pointer; }
.news-comment-dialog__primary { border: 1px solid #ffbe19; background: #ffbe19; color: #132c4b; }
.news-comment-dialog__primary:hover { background: #ffd15a; }
.news-comment-dialog__secondary { border: 1px solid #acc2d9; color: #143869; }
.news-comment-dialog__secondary:hover { background: #f2f6fb; }
.news-comment-dialog__primary[aria-pressed="false"] { border-color: #acc2d9; background: #fff; color: #143869; }
.news-comment-dialog__secondary[aria-pressed="true"], .news-comment-dialog__secondary[aria-pressed="true"]:hover { border-color: #143869; background: #143869; color: #fff; }
#news-comment-form { display: flex; flex-direction: column; gap: 8px; padding-top: 22px; }
.news-comment-dialog__access-form { display: flex; flex-direction: column; gap: 8px; padding-top: 17px; }
#news-comment-form label, .news-comment-dialog__access-form label { color: #24415e; font-size: 13px; font-weight: 700; }
#news-comment-form input:not([type="hidden"]), #news-comment-form textarea, .news-comment-dialog__access-form input:not([type="hidden"]) { width: 100%; min-width: 0; padding: 11px 12px; border: 1px solid #bfcede; border-radius: 8px; background: #fff; color: #19324f; font: 16px/1.45 'Inter', Arial, sans-serif; }
#news-comment-form textarea { resize: vertical; min-height: 100px; }
.news-comment-dialog__hint { margin: 3px 0 5px; color: #5b6c80; font-size: 12px; }
.news-comment-dialog__legal { margin: 4px 0 5px; color: #5b6c80; font-size: 12px; line-height: 1.5; }
.news-comment-dialog__submit { align-self: flex-start; min-height: 46px; padding: 11px 18px; border: 0; border-radius: 9px; background: #143869; color: #fff; font: 700 14px/1.4 'Inter', Arial, sans-serif; cursor: pointer; }
.news-comment-dialog__submit:hover { background: #1c5187; }
.news-comment-dialog__submit:disabled { opacity: .65; cursor: wait; }
.news-comment-dialog__status { margin: 16px 0 0; padding: 11px 13px; border-radius: 8px; background: #e6f5eb; color: #176137; font-size: 13px; }
.news-comment-dialog__status.is-error { background: #fff0ee; color: #a12d22; }
.news-comment-dialog__comments { margin-top: 25px; padding-top: 19px; border-top: 1px solid #e0e8f0; }
.news-comment-dialog__comments h3 { margin: 0 0 12px; color: #143869; font-size: 16px; font-weight: 700; }
#news-comment-list { max-height: 190px; overflow-y: auto; color: #52647a; font-size: 13px; }
#news-comment-list .comentario-item { display: flex; gap: 10px; padding: 11px 0; border-bottom: 1px solid #e6edf4; }
#news-comment-list .avatar { display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; border-radius: 50%; background: #e6edf6; color: #143869; font-weight: 700; }
#news-comment-list .comentario-content { min-width: 0; }
#news-comment-list .comentario-header { color: #263e5b; font-weight: 700; }
#news-comment-list .comentario-tiempo { margin-left: 8px; color: #6e8093; font-size: 11px; font-weight: 400; }
#news-comment-list .comentario-noticia-ref { display: none; }
#news-comment-list .comentario-texto { margin-top: 4px; color: #47596e; overflow-wrap: anywhere; }
.news-comment-dialog :is(button, a, input, textarea):focus-visible { outline: 3px solid #2576b5; outline-offset: 2px; }

@media (max-width: 540px) {
    .news-comment-dialog { padding: 10px; }
    .news-comment-dialog__panel { max-height: calc(100vh - 20px); max-height: calc(100dvh - 20px); padding: 24px 18px; }
    .news-comment-dialog h2 { font-size: 23px; }
    .news-comment-dialog__guest-actions { flex-direction: column; }
    .news-comment-dialog__guest-actions button, .news-comment-dialog__submit { width: 100%; }
}