/* Cofrecito v1.10.3 — comentarios inline */
.comment-trigger-v1103{
    appearance:none!important;
    border:0!important;
    background:transparent!important;
    color:#68768a!important;
    min-height:42px!important;
    padding:8px 12px!important;
    border-radius:10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    font:750 .88rem/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
    cursor:pointer!important;
    flex:1 1 0!important
}
.comment-trigger-v1103:hover,
.comment-trigger-v1103.is-open{
    background:#eef4fb!important;
    color:#235f9f!important
}
.inline-comment-panel-v1103{
    border-top:1px solid #e7edf4;
    padding:13px 14px 14px;
    background:#fbfcfe
}
.inline-comment-panel-v1103[hidden]{
    display:none!important
}
.inline-comment-form-v1103{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:9px;
    align-items:start
}
.inline-comment-avatar-v1103{
    width:38px;
    height:38px;
    border-radius:50%;
    overflow:hidden;
    background:#eaf2fb;
    color:#10233f;
    display:grid;
    place-items:center;
    font-weight:900
}
.inline-comment-avatar-v1103 img{
    width:100%;
    height:100%;
    object-fit:cover
}
.inline-comment-compose-v1103{
    min-width:0;
    border:1px solid #dbe4ee;
    border-radius:16px;
    background:#fff;
    padding:9px 10px 8px
}
.inline-comment-compose-v1103 textarea{
    display:block;
    width:100%;
    min-height:48px;
    max-height:180px;
    resize:vertical;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
    color:#1c2a3e;
    font:400 .9rem/1.45 system-ui,-apple-system,"Segoe UI",sans-serif
}
.inline-comment-bottom-v1103{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:8px;
    padding-top:7px
}
.inline-comment-feedback-v1103{
    color:#738196;
    font-size:.68rem
}
.inline-comment-bottom-v1103>div{
    display:flex;
    gap:6px;
    margin-left:auto
}
.inline-comment-cancel-v1103,
.inline-comment-submit-v1103{
    min-height:32px;
    padding:0 10px;
    border-radius:9px;
    font:750 .72rem/1 system-ui;
    cursor:pointer
}
.inline-comment-cancel-v1103{
    border:1px solid #dbe4ee;
    background:#fff;
    color:#5e6c80
}
.inline-comment-submit-v1103{
    border:1px solid #10233f;
    background:#10233f;
    color:#fff
}
.inline-comment-submit-v1103:disabled{
    opacity:.55;
    cursor:wait
}
.inline-comment-new-v1103{
    display:grid;
    gap:7px;
    margin-top:9px
}
.inline-comment-item-v1103{
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    gap:8px;
    align-items:start
}
.inline-comment-item-avatar-v1103{
    width:34px;
    height:34px;
    border-radius:50%;
    overflow:hidden;
    background:#eaf2fb;
    display:grid;
    place-items:center;
    font-size:.72rem;
    font-weight:900;
    color:#10233f
}
.inline-comment-item-avatar-v1103 img{
    width:100%;
    height:100%;
    object-fit:cover
}
.inline-comment-item-body-v1103{
    padding:8px 10px;
    border-radius:13px;
    background:#eef3f8
}
.inline-comment-item-body-v1103 b{
    display:block;
    font-size:.72rem;
    margin-bottom:2px
}
.inline-comment-item-body-v1103 p{
    margin:0;
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    font-size:.82rem;
    line-height:1.4
}
.inline-comment-all-v1103{
    display:inline-block;
    margin:9px 0 0 47px;
    color:#2867aa;
    text-decoration:none;
    font-size:.7rem;
    font-weight:800
}
.inline-comment-login-v1103{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto auto;
    gap:9px;
    align-items:center;
    padding:7px
}
.inline-comment-login-v1103>span{
    font-size:1.35rem
}
.inline-comment-login-v1103>div{
    display:grid
}
.inline-comment-login-v1103 small{
    color:#778599;
    margin-top:2px
}
.inline-comment-login-v1103>a{
    padding:8px 10px;
    border-radius:9px;
    background:#10233f;
    color:#fff;
    text-decoration:none;
    font-size:.7rem;
    font-weight:800
}
@media(max-width:600px){
    .inline-comment-bottom-v1103{
        align-items:flex-end
    }
    .inline-comment-login-v1103{
        grid-template-columns:auto 1fr
    }
    .inline-comment-login-v1103>a{
        text-align:center
    }
}