/*
 * rc255 · Muro de la comunidad con estructura de red social.
 * El selector doble #cp-community#cp-community gana a las reglas antiguas del tema
 * (penci-custom-style), que fijan la barra de acciones con !important.
 */

/* Aviso cuando se filtran las consultas sin respuesta. */
#cp-community#cp-community .cp-wall-filter-note{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:#f4fbf7;color:#365648;font-size:13px}
#cp-community#cp-community .cp-wall-filter-note a{color:#00743d;font-weight:700}

/* «Tu experiencia puede ayudar», ahora en la columna derecha. */
#cp-community#cp-community .cp-community-right .cp-participation-entry{margin:0;padding:16px 16px 15px;border:1px solid #cfe6d8;border-left:3px solid #008747;border-radius:14px;background:#f4fbf7}
#cp-community#cp-community .cp-community-right .cp-participation-entry h2{margin:0 0 4px;font-size:15px}
#cp-community#cp-community .cp-community-right .cp-participation-entry p{margin:2px 0 8px;font-size:12.5px}
#cp-community#cp-community .cp-community-right .cp-participation-entry a{font-size:13px}

/* Historias: franja delgada de círculos. */
#cp-community#cp-community .cp-community-stories{padding:12px 12px 6px!important;border-radius:16px!important}
#cp-community#cp-community .cp-community-stories__heading{display:none!important}
#cp-community#cp-community .cp-community-stories__rail{gap:12px!important;padding:2px 2px 6px!important}
#cp-community#cp-community .cp-community-story{flex:0 0 70px!important;width:70px!important;height:auto!important}
#cp-community#cp-community .cp-community-story>button{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;width:100%!important;height:auto!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#173a2b!important}
#cp-community#cp-community .cp-community-story__media{position:relative!important;inset:auto!important;display:block!important;flex:0 0 64px;width:64px!important;height:64px!important;padding:2px!important;overflow:hidden!important;border:2.5px solid #0ca34f!important;border-radius:50%!important;background:#fff!important;box-sizing:border-box!important}
#cp-community#cp-community .cp-community-story.is-seen .cp-community-story__media{border-color:#c8d5ce!important}
#cp-community#cp-community .cp-community-story__media img,#cp-community#cp-community .cp-community-story__media video{display:block!important;width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important}
#cp-community#cp-community .cp-community-story--create .cp-community-story__media{bottom:auto!important;border:2px dashed #b9cfc2!important;background:#e8f3ed!important}
#cp-community#cp-community .cp-community-story--create .cp-community-story__media:after,
#cp-community#cp-community .cp-community-story__shade,
#cp-community#cp-community .cp-community-story__avatar,
#cp-community#cp-community .cp-community-story__video,
#cp-community#cp-community .cp-community-story>button>small{display:none!important}
#cp-community#cp-community .cp-community-story>button>strong{position:static!important;display:block!important;max-width:70px;overflow:hidden;color:#173a2b!important;font-size:11px!important;font-weight:600!important;line-height:1.25!important;text-align:center!important;text-overflow:ellipsis;white-space:nowrap;text-shadow:none!important}
#cp-community#cp-community .cp-community-story--create>button>i{position:absolute!important;top:44px!important;right:2px!important;bottom:auto!important;left:auto!important;width:22px!important;height:22px!important;border:2px solid #fff!important;background:#0ca34f!important;font-size:16px!important;box-shadow:none!important;transform:none!important}
#cp-community#cp-community .cp-community-stories__scroll{top:44px!important;width:30px!important;height:30px!important;margin-top:-15px!important;font-size:22px!important}

/* Etiqueta «Sin respuesta». */
#cp-community#cp-community .cp-community-post__labels>b.is-unanswered{border:0!important;background:#fff1d6!important;color:#8a5a00!important}

/* Vista previa de la conversación dentro de la tarjeta. */
#cp-community#cp-community .cp-wall-reply{display:flex;align-items:flex-start;gap:10px;margin:14px 0 0;padding:11px 13px;border-radius:12px;background:#f5f9f6;color:#365648;text-decoration:none!important;transition:background .15s}
#cp-community#cp-community .cp-wall-reply:hover{background:#ecf5ef}
#cp-community#cp-community .cp-wall-reply>img{flex:0 0 32px;width:32px!important;height:32px!important;margin:0!important;border-radius:50%!important;object-fit:cover}
#cp-community#cp-community .cp-wall-reply__copy{display:grid;gap:2px;min-width:0;font-size:13.5px;line-height:1.45}
#cp-community#cp-community .cp-wall-reply__who{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
#cp-community#cp-community .cp-wall-reply__who strong{color:#173a2b;font-size:13px;font-weight:700}
#cp-community#cp-community .cp-wall-reply__who b{padding:2px 8px;border-radius:99px;background:#dff3e7;color:#08783d;font-size:10.5px;font-weight:700}
#cp-community#cp-community .cp-wall-reply__text{display:-webkit-box;overflow:hidden;color:#52675e;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
#cp-community#cp-community .cp-wall-reply__more{margin-top:2px;color:#00743d;font-size:12.5px;font-weight:700}
#cp-community#cp-community .cp-wall-reply--empty{flex-wrap:wrap;align-items:center;justify-content:space-between;background:#fff8e8;color:#7a5a12;font-size:13.5px}
#cp-community#cp-community .cp-wall-reply--empty:hover{background:#fff1d6}
#cp-community#cp-community .cp-wall-reply--empty strong{color:#8a5a00;font-weight:700}

/* Barra de acciones liviana: tres acciones en una sola línea, sin cajas. */
#cp-community#cp-community .cp-community-post>footer{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;align-items:center!important;gap:4px!important;margin:12px 0 0!important;padding:6px 0 0!important;border-top:1px solid #edf2ee!important}
#cp-community#cp-community .cp-community-post>footer>*{flex:1 1 0!important;min-width:0!important;margin:0!important}
#cp-community#cp-community .cp-community-post>footer>form>button,
#cp-community#cp-community .cp-community-post>footer>a,
#cp-community#cp-community .cp-community-post>footer>details>summary,
#cp-community#cp-community .cp-community-post>footer>.cp-community-post__readonly{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:100%!important;min-height:40px!important;padding:0 8px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;color:#365648!important;font-size:13.5px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;text-decoration:none!important;cursor:pointer;list-style:none}
#cp-community#cp-community .cp-community-post>footer>.cp-community-post__readonly{cursor:default}
#cp-community#cp-community .cp-community-post>footer>form>button:hover,
#cp-community#cp-community .cp-community-post>footer>a:hover,
#cp-community#cp-community .cp-community-post>footer>details>summary:hover{background:#f1f7f3!important;color:#08783d!important}
#cp-community#cp-community .cp-community-post>footer>form>button.is-marked,
#cp-community#cp-community .cp-community-post>footer>form>button[aria-pressed="true"]{background:#eaf7ef!important;color:#08783d!important}
#cp-community#cp-community .cp-community-post>footer img{flex:0 0 19px!important;width:19px!important;height:19px!important;object-fit:contain}
#cp-community#cp-community .cp-community-post>footer b{display:inline!important;min-width:0!important;padding:0!important;border:0!important;background:none!important;color:inherit!important;font-size:inherit!important;font-weight:700!important}
/* El tema agrega una «✓» antes de «Marcado»; el botón ya cambia de color al marcarse. */
#cp-community#cp-community .cp-community-post>footer [data-cp-useful-label]::before,
#cp-community#cp-community .cp-community-post>footer [data-cp-useful-label]::after{content:none!important;display:none!important}
/* Otra regla del tema pinta de blanco el texto de «Marcado»; que herede el color del botón. */
#cp-community#cp-community .cp-community-post>footer [data-cp-useful-label],
#cp-community#cp-community .cp-community-post>footer [data-cp-useful-count]{color:inherit!important;-webkit-text-fill-color:currentColor!important;background:none!important;text-shadow:none!important}
#cp-community#cp-community .cp-community-post>footer>details>summary::-webkit-details-marker{display:none}

/* «Reportar publicación» dentro del menú «⋯». */
#cp-community#cp-community .cp-post-options__report>summary{color:#7a4a46!important}
#cp-community#cp-community .cp-post-options__report form{display:grid!important;gap:8px;padding:4px 12px 10px}
#cp-community#cp-community .cp-post-options__report label{display:grid;gap:4px;margin:0;font-size:12px;color:#5d6961}
#cp-community#cp-community .cp-post-options__report select{width:100%;min-height:36px;padding:4px 8px;border:1px solid #d5e3db;border-radius:8px;background:#fff;font-size:12.5px}
#cp-community#cp-community .cp-post-options__report button[type="submit"]{padding:9px 12px!important;border-radius:8px!important;background:#a33e39!important;color:#fff!important;font-weight:700!important;text-align:center!important}

/* Celular: la barra sigue en una línea. */
@media (max-width:620px){
    #cp-community#cp-community .cp-community-post>footer{gap:2px!important}
    #cp-community#cp-community .cp-community-post>footer>form>button,
    #cp-community#cp-community .cp-community-post>footer>a,
    #cp-community#cp-community .cp-community-post>footer>details>summary,
    #cp-community#cp-community .cp-community-post>footer>.cp-community-post__readonly{gap:5px!important;padding:0 4px!important;font-size:12.5px!important}
    #cp-community#cp-community .cp-community-post>footer img{flex-basis:17px!important;width:17px!important;height:17px!important}
    #cp-community#cp-community .cp-wall-reply{padding:10px 11px}
    #cp-community#cp-community .cp-community-story{flex-basis:66px!important;width:66px!important}
    #cp-community#cp-community .cp-community-story__media{flex-basis:60px;width:60px!important;height:60px!important}
    #cp-community#cp-community .cp-community-story--create>button>i{top:40px!important}
}