/*
 * classicspark-publicaciones.css - 4.0.83
 *
 * Las publicaciones: el compositor, la cronología, las tarjetas del muro, el detalle de una publicación, los comentarios, las tarjetas de anuncio del muro y la tarjeta de un enlace.
 *
 * Hasta la 4.0.82 esto eran 12 hojas con el número de la entrega que las creó. Aquí van juntas,
 * en el mismo orden en que se cargaban, con una marca donde empieza cada una. El orden importa:
 * una regla de más abajo gana a otra igual de más arriba.
 *
 * Venía de: classicspark-profile-posts.css, classicspark-2765.css, classicspark-2766.css, classicspark-2768.css, classicspark-2769.css, classicspark-2770.css, classicspark-2771.css, classicspark-2133.css, classicspark-2134.css, classicspark-2135.css, classicspark-2136.css, classicspark-2795.css
 */

/* ==== antes classicspark-profile-posts.css ==== */
/* Classicspark 2.7.64 — cronología de publicaciones aislada del layout histórico. */
.cs2764-posts-page{--posts-red:#c90035;--posts-ink:#312b37;--posts-muted:#77707e;--posts-line:#e9e1e3;--posts-soft:#fff4f7;width:min(920px,calc(100% - 32px));margin:0 auto;padding:30px 0 72px;color:var(--posts-ink);font-family:gilroy-regular,Arial,sans-serif}
.cs2764-posts-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:23px 26px;border:1px solid var(--posts-line);border-radius:20px;background:linear-gradient(125deg,#fff 35%,#fff4f7);box-shadow:0 14px 38px rgba(59,33,42,.06)}
.cs2764-posts-hero__identity{display:flex;align-items:center;min-width:0;gap:15px}.cs2764-posts-hero__identity img{width:66px;height:66px;border:4px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 7px 20px rgba(55,31,40,.14)}
.cs2764-posts-hero small{display:block;margin-bottom:3px;color:var(--posts-red);font:10px gilroy-bold,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}.cs2764-posts-hero h1{margin:0;font:26px gilroy-semibold,Arial,sans-serif}.cs2764-posts-hero p{margin:5px 0 0;color:var(--posts-muted);font-size:13px}.cs2764-posts-hero__back{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:42px;padding:0 15px;border:1px solid #e2d4d8;border-radius:12px;background:#fff;color:var(--posts-red);font:12px gilroy-semibold,Arial,sans-serif;text-decoration:none}.cs2764-posts-hero__back:hover{border-color:var(--posts-red);color:var(--posts-red);text-decoration:none}
.cs2764-composer,.cs2764-post{overflow:hidden;margin-bottom:18px;border:1px solid var(--posts-line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(55,34,40,.045)}
.cs2764-composer{padding:21px 22px}.cs2764-composer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cs2764-composer__head strong{font:17px gilroy-semibold,Arial,sans-serif}.cs2764-composer__file{display:grid;place-items:center;width:40px;height:40px;margin:0;border:1px solid #eadce0;border-radius:11px;background:var(--posts-soft);color:var(--posts-red);cursor:pointer}.cs2764-composer textarea{display:block;width:100%;min-height:108px;padding:15px;border:1px solid #ddd4d7;border-radius:13px;background:#fff;font:14px/1.55 gilroy-regular,Arial,sans-serif;resize:vertical}.cs2764-composer__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:13px}.cs2764-composer__emoji{border:0;background:transparent;color:#595161;font-size:22px;cursor:pointer}.cs2764-composer__submit{min-width:190px;min-height:42px;border:0;border-radius:12px;background:var(--posts-red);color:#fff;font:13px gilroy-semibold,Arial,sans-serif;cursor:pointer;box-shadow:0 2px 6px rgba(201,0,53,.10)}
.cs2764-composer__preview{margin-top:14px}.cs2764-composer__preview img{max-width:100%;border-radius:12px}.cs2764-url-preview{display:none;margin-top:14px;overflow:hidden;border:1px solid var(--posts-line);border-radius:13px}.cs2764-url-preview img{display:none;width:100%}.cs2764-url-preview div{padding:5px 13px}.cs2764-url-preview small{color:var(--posts-muted)}
.cs2764-post__head{display:flex;align-items:center;gap:12px;padding:17px 19px}.cs2764-post__author{display:flex;align-items:center;min-width:0;gap:11px;color:inherit;text-decoration:none}.cs2764-post__author:hover{color:var(--posts-red);text-decoration:none}.cs2764-post__author img{width:48px;height:48px;border-radius:50%;object-fit:cover}.cs2764-post__author strong,.cs2764-post__author small{display:block}.cs2764-post__author strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:14px gilroy-semibold,Arial,sans-serif}.cs2764-post__author small{margin-top:3px;color:var(--posts-muted);font-size:11px}.cs2764-post__manage{display:flex;gap:6px;margin-left:auto}.cs2764-post__manage button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--posts-line);border-radius:10px;background:#fff;color:#6c6470;cursor:pointer}.cs2764-post__manage button:hover{border-color:var(--posts-red);color:var(--posts-red)}
.cs2764-post__copy{margin:0;padding:2px 20px 18px;color:#4f4854;font-size:15px;line-height:1.72;white-space:pre-line}.cs2764-post__link{display:block;margin:0 18px 18px;overflow:hidden;border:1px solid var(--posts-line);border-radius:14px;color:inherit;text-decoration:none}.cs2764-post__link:hover{border-color:#d6c5ca;color:inherit;text-decoration:none}.cs2764-post__link img{display:block;width:100%;max-height:430px;object-fit:cover}.cs2764-post__link div{padding:13px 15px}.cs2764-post__link small{color:var(--posts-muted);font-size:10px;text-transform:uppercase}.cs2764-post__link strong{display:block;margin-top:5px;font:15px gilroy-semibold,Arial,sans-serif}.cs2764-post__link p{margin:5px 0 0;color:var(--posts-muted);font-size:12px;line-height:1.5}
.cs2764-post__media{display:block;width:100%;max-height:720px;border:0;background:#f3eff0;object-fit:contain}.cs2764-post__media-link{display:block;width:100%;padding:0;border:0;background:#f3eff0;cursor:pointer}.cs2764-post__stats{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 19px 10px;color:var(--posts-muted);font-size:12px}.cs2764-post__stats button{border:0;background:transparent;color:inherit;cursor:pointer}.cs2764-post__stats button:hover{color:var(--posts-red)}.cs2764-post__stats i{margin-right:6px;color:var(--posts-red)}
.cs2764-post__actions{display:flex;gap:9px;margin:0 19px;padding:11px 0;border-top:1px solid var(--posts-line);border-bottom:1px solid var(--posts-line)}.cs2764-post__actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:40px;border:1px solid transparent;border-radius:11px;background:#faf7f8;color:#5a535e;font:12px gilroy-semibold,Arial,sans-serif;cursor:pointer}.cs2764-post__actions button:hover,.cs2764-post__actions button:focus{background:var(--posts-soft);color:var(--posts-red);outline:0}.cs2764-post__actions img{width:22px;height:22px}.cs2764-post__actions .is-applauded{background:var(--posts-soft);color:var(--posts-red)}
.cs2764-comments{padding:0 19px 16px}.cs2764-comments__list{display:none;margin:0;padding:14px 0 2px;list-style:none}.cs2764-comment{display:grid;grid-template-columns:36px minmax(0,1fr);gap:9px;margin-bottom:10px}.cs2764-comment img{width:36px;height:36px;border-radius:50%;object-fit:cover}.cs2764-comment__bubble{padding:9px 11px;border-radius:12px;background:#f7f3f4}.cs2764-comment__bubble strong{font:12px gilroy-semibold,Arial,sans-serif}.cs2764-comment__bubble p{margin:3px 0 0;font-size:12px;line-height:1.45}.cs2764-comment__meta{grid-column:2;display:flex;align-items:center;gap:8px;margin-top:-6px;color:var(--posts-muted);font-size:10px}.cs2764-comment__meta button{border:0;background:transparent;color:inherit;cursor:pointer}.cs2764-comment__composer{display:flex;align-items:center;gap:8px;padding-top:13px}.cs2764-comment__composer input{min-width:0;flex:1;height:42px;padding:0 13px;border:1px solid #ddd4d7;border-radius:12px;font:12px gilroy-regular,Arial,sans-serif}.cs2764-comment__composer button{border:0;background:transparent;color:#5d5561;font-size:21px;cursor:pointer}
.cs2764-empty{padding:55px 28px;border:1px dashed #ddcdd2;border-radius:18px;background:#fff;text-align:center}.cs2764-empty i{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 14px;border-radius:50%;background:var(--posts-soft);color:var(--posts-red);font-size:22px}.cs2764-empty h2{margin:0;font:20px gilroy-semibold,Arial,sans-serif}.cs2764-empty p{margin:7px 0 0;color:var(--posts-muted);font-size:13px}
@media(max-width:680px){.cs2764-posts-page{width:calc(100% - 20px);padding-top:14px}.cs2764-posts-hero{align-items:flex-start;flex-direction:column;padding:18px}.cs2764-posts-hero__identity img{width:56px;height:56px}.cs2764-posts-hero h1{font-size:22px}.cs2764-posts-hero__back{width:100%;justify-content:center}.cs2764-composer{padding:17px}.cs2764-composer__footer{align-items:stretch;flex-direction:column}.cs2764-composer__submit{width:100%}.cs2764-post__copy{padding-right:17px;padding-left:17px}.cs2764-post__actions,.cs2764-comments{margin-right:14px;margin-left:14px}.cs2764-comments{padding-right:0;padding-left:0}.cs2764-post__actions button span{display:none}}

/* ==== antes classicspark-2765.css ==== */
/* Classicspark 2.7.65 — portada de publicaciones, cuadrícula y compositor sin anclaje. */
@media(min-width:901px){.cs27-social-page .space-activity-feed .cs2734-entry-composer,.cs27-social-page:not(.cs2724-foreign-profile) .space-activity-feed>.cs2734-entry-composer{position:static!important;top:auto!important;z-index:auto!important;box-shadow:none!important}}
.cs27-collection-page.cs2764-posts-page{width:min(var(--cs-ancho),calc(100% - var(--cs-ancho-aire)));max-width:var(--cs-ancho);margin:20px auto 0;padding:0 0 72px}
.cs2765-posts-page>.cs27-profile-context{margin-bottom:18px}.cs2765-posts-panel{padding:25px}.cs2765-posts-content{--posts-red:#c90035;--posts-ink:#312b37;--posts-muted:#77707e;--posts-line:#e9e1e3;--posts-soft:#fff4f7}
.cs2765-posts-content>.cs2764-composer{width:min(880px,100%);margin:0 auto 24px;box-shadow:0 8px 24px rgba(55,34,40,.045)}
.cs2765-posts-content>#divEntries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}.cs2765-posts-content>#divEntries>.cs2764-post,.cs2765-posts-content>#divEntries>.cs2764-empty{min-width:0;margin:0}.cs2765-posts-content>#divEntries>.cs2764-empty{grid-column:1/-1}
.cs2765-posts-content .cs2764-post__media{height:360px;max-height:none;object-fit:contain}.cs2765-posts-content .cs2764-post__link img{height:250px;max-height:none;object-fit:cover}.cs2765-posts-content .cs2764-post__author strong{max-width:310px}.cs2765-posts-content .cs2764-comments{padding-bottom:14px}
@media(max-width:920px){.cs2765-posts-content>#divEntries{grid-template-columns:1fr}.cs2765-posts-content .cs2764-post__media{height:auto;max-height:680px;object-fit:contain}.cs2765-posts-content .cs2764-post__link img{height:auto;max-height:430px}.cs2765-posts-content .cs2764-post__author strong{max-width:none}}
@media(max-width:760px){.cs27-collection-page.cs2764-posts-page{width:calc(100% - 24px);margin-top:14px}.cs2765-posts-panel{padding:18px}.cs2765-posts-content>.cs2764-composer{margin-bottom:18px}}
@media(max-width:480px){.cs27-collection-page.cs2764-posts-page{width:calc(100% - 16px)}.cs2765-posts-panel{padding:14px}}

/* ==== antes classicspark-2766.css ==== */
/* Classicspark 2.7.66 — unified publication system */
:root{--cs2766-red:#ca0038;--cs2766-ink:#302b38;--cs2766-muted:#77717d;--cs2766-line:#e9e1e4;--cs2766-soft:#fff3f6;--cs2766-paper:#fff;--cs2766-shadow:0 14px 40px rgba(58,35,43,.07)}
.cs2766-posts-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:20px 0 18px;padding:20px 24px;border:1px solid var(--cs2766-line);border-radius:18px;background:linear-gradient(120deg,#fff 42%,#fff3f7);box-shadow:0 10px 28px rgba(58,35,43,.05)}
.cs2766-posts-heading span{display:block;margin-bottom:4px;color:var(--cs2766-red);font:10px gilroy-bold,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.cs2766-posts-heading h1{margin:0;color:var(--cs2766-ink);font:25px gilroy-semibold,Arial,sans-serif}.cs2766-posts-heading p{margin:5px 0 0;color:var(--cs2766-muted);font-size:13px}.cs2766-posts-heading>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:42px;padding:0 15px;border:1px solid #e5d5da;border-radius:12px;background:#fff;color:var(--cs2766-red);font:12px gilroy-semibold,Arial,sans-serif;text-decoration:none}
.cs2765-posts-content{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.cs2765-posts-content>.cs2764-composer{margin-bottom:20px}.cs2766-posts-list{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;width:100%;max-width:720px;margin:0 auto}.cs2765-posts-content>#divEntries.cs2766-posts-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:18px!important;max-width:none!important;margin:0!important;column-count:auto!important}.cs2765-posts-content>#divEntries.cs2766-posts-list>.cs2766-post-card{min-width:0;margin:0}.cs2765-posts-content>#divEntries.cs2766-posts-list>.cs2764-empty{grid-column:1/-1}
.cs2766-post-card{overflow:hidden;width:100%;min-width:0;border:1px solid var(--cs2766-line);border-radius:19px;background:var(--cs2766-paper);box-shadow:var(--cs2766-shadow);color:var(--cs2766-ink);font-family:gilroy-regular,Arial,sans-serif}.cs2766-post-card__header{display:flex;align-items:center;gap:12px;padding:17px 18px}.cs2766-post-card__author{display:flex;align-items:center;min-width:0;gap:11px;color:inherit;text-decoration:none}.cs2766-post-card__author:hover{color:var(--cs2766-red);text-decoration:none}.cs2766-post-card__author img{flex:none;width:49px;height:49px;border:3px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 4px 14px rgba(44,30,36,.13)}.cs2766-post-card__author span{min-width:0}.cs2766-post-card__author small{display:block;margin-bottom:2px;color:var(--cs2766-red);font:9px gilroy-bold,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}.cs2766-post-card__author strong{display:block;overflow:hidden;color:var(--cs2766-ink);font:14px gilroy-semibold,Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap}.cs2766-post-card__author time{display:block;margin-top:3px;color:var(--cs2766-muted);font-size:11px}.cs2766-post-card__manage{display:flex;gap:6px;margin-left:auto}.cs2766-post-card__manage button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--cs2766-line);border-radius:10px;background:#fff;color:#726a75;cursor:pointer}.cs2766-post-card__manage button:hover{border-color:var(--cs2766-red);color:var(--cs2766-red)}
.cs2766-post-card__copy{padding:2px 19px 18px;color:#4f4854;font-size:15px;line-height:1.68;overflow-wrap:anywhere}.cs2766-post-card__link{display:block;overflow:hidden;margin:0 17px 17px;border:1px solid var(--cs2766-line);border-radius:14px;background:#fff;color:inherit;text-decoration:none}.cs2766-post-card__link:hover{border-color:#d9c4ca;color:inherit;text-decoration:none}.cs2766-post-card__link>img{display:block;width:100%;height:240px;object-fit:cover}.cs2766-post-card__link>span{display:block;padding:13px 15px}.cs2766-post-card__link small{display:block;color:var(--cs2766-muted);font-size:9px;letter-spacing:.06em;text-transform:uppercase}.cs2766-post-card__link strong{display:block;margin-top:4px;font:14px gilroy-semibold,Arial,sans-serif}.cs2766-post-card__link p{display:-webkit-box;overflow:hidden;margin:5px 0;color:var(--cs2766-muted);font-size:12px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cs2766-post-card__link b{display:block;margin-top:7px;color:var(--cs2766-red);font:11px gilroy-semibold,Arial,sans-serif}
.cs2766-post-card__media{position:relative;overflow:hidden;width:100%;background:#f1edef}.cs2766-post-card__media>a,.cs2766-post-card__media>button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.cs2766-post-card__media img,.cs2766-post-card__media video{display:block;width:100%;height:360px;max-height:none;background:#f1edef;object-fit:contain}.cs2766-post-card__media button{position:relative}.cs2766-post-card__media button span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:52px;text-shadow:0 4px 18px rgba(0,0,0,.45)}
.cs2766-post-card__metrics{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px 9px;color:var(--cs2766-muted);font-size:11px}.cs2766-post-card__metrics button,.cs2766-post-card__metrics a{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:inherit;text-decoration:none;cursor:pointer}.cs2766-post-card__metrics i{color:var(--cs2766-red)}.cs2766-post-card__actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 17px;padding:10px 0;border-top:1px solid var(--cs2766-line);border-bottom:1px solid var(--cs2766-line)}.cs2766-post-card--detail .cs2766-post-card__actions{grid-template-columns:repeat(3,minmax(0,1fr))}.cs2766-post-card__actions button,.cs2766-post-card__actions a{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:39px;padding:0 8px;border:1px solid transparent;border-radius:10px;background:#faf7f8;color:#625b66;font:11px gilroy-semibold,Arial,sans-serif;text-align:center;text-decoration:none;cursor:pointer}.cs2766-post-card__actions button:hover,.cs2766-post-card__actions a:hover,.cs2766-post-card__actions .is-active{background:var(--cs2766-soft);color:var(--cs2766-red);text-decoration:none}.cs2766-post-card__actions .is-primary{background:var(--cs2766-red);color:#fff}.cs2766-post-card__actions .is-primary:hover{background:#ac002f;color:#fff}
.cs2766-post-card__discussion{padding:14px 17px 17px}.cs2766-comments-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.cs2766-comments-list--feed .cs2766-comment:nth-child(n+3){display:none}.cs2766-comment{display:flex;align-items:flex-start;gap:9px;min-width:0}.cs2766-comment__avatar{flex:none}.cs2766-comment__avatar img{display:block;width:34px;height:34px;border-radius:50%;object-fit:cover}.cs2766-comment__content{min-width:0;flex:1;padding:9px 11px;border-radius:4px 13px 13px;background:#f8f5f6}.cs2766-comment__content header{display:flex;align-items:center;justify-content:space-between;gap:8px}.cs2766-comment__content header a{overflow:hidden;color:var(--cs2766-ink);font:12px gilroy-semibold,Arial,sans-serif;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.cs2766-comment__content header time{flex:none;color:#918a94;font-size:9px}.cs2766-comment__content p{margin:5px 0 0;color:#55505a;font-size:12px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-line}.cs2766-comment__content footer{display:flex;align-items:center;gap:5px;margin-top:6px}.cs2766-comment__content footer button{display:inline-flex;align-items:center;gap:4px;padding:2px 5px;border:0;background:transparent;color:#817985;font-size:10px;cursor:pointer}.cs2766-comment__content footer button:hover{color:var(--cs2766-red)}
.cs2766-comment-composer{display:flex;align-items:center;gap:8px;margin-top:12px}.cs2766-comment-composer input{min-width:0;flex:1;height:40px;padding:0 13px;border:1px solid #e2dade;border-radius:11px;background:#fff;color:var(--cs2766-ink);font-size:12px;outline:0}.cs2766-comment-composer input:focus{border-color:var(--cs2766-red);box-shadow:0 0 0 3px rgba(202,0,56,.08)}.cs2766-comment-composer button{display:grid;place-items:center;flex:none;width:40px;height:40px;border:0;border-radius:11px;background:var(--cs2766-red);color:#fff;cursor:pointer}.cs2766-comment-composer button span{display:none}.cs2766-comments-more{display:block;margin-top:10px;color:var(--cs2766-red);font:11px gilroy-semibold,Arial,sans-serif;text-align:center;text-decoration:none}

.cs2766-post-card--detail .cs2766-post-card__media img,.cs2766-post-card--detail .cs2766-post-card__media video{height:auto;max-height:740px}
@media(max-width:1040px){.cs2765-posts-content>#divEntries.cs2766-posts-list{grid-template-columns:1fr!important;max-width:760px!important;margin:0 auto!important}}
@media(max-width:700px){.cs2766-posts-heading{align-items:flex-start;flex-direction:column;padding:18px}.cs2766-posts-heading>a{width:100%}.cs2766-post-card__media img,.cs2766-post-card__media video{height:auto;max-height:560px}.cs2766-post-card__actions{grid-template-columns:repeat(4,minmax(42px,1fr));margin-right:13px;margin-left:13px}.cs2766-post-card--detail .cs2766-post-card__actions{grid-template-columns:repeat(3,minmax(0,1fr))}.cs2766-post-card__actions span{display:none}.cs2766-post-card--detail .cs2766-post-card__actions span{display:inline}.cs2766-post-card__discussion{padding-right:13px;padding-left:13px}.cs2766-posts-heading h1{font-size:22px}}

/* 2.8.43.20: vista previa textual independiente de la multimedia. No usa
 * recorte por altura, superposición, line-clamp ni mediciones de layout. */
.cs2820-post-copy{display:block;overflow:visible;max-height:none}
.cs2820-post-copy:not(.is-expanded){cursor:pointer}
.cs2820-post-copy:not(.is-expanded):focus-visible{outline:2px solid var(--cs2766-red);outline-offset:4px;border-radius:6px}
.cs2820-post-copy__preview{display:inline}
.cs2820-post-copy__full{display:none}
.cs2820-post-copy__preview>button{display:inline;margin:0;padding:0;border:0;background:transparent;color:var(--cs2766-red);font:inherit;font-family:gilroy-semibold,Arial,sans-serif;cursor:pointer;vertical-align:baseline}
.cs2820-post-copy__preview>button:focus-visible{outline:2px solid var(--cs2766-red);outline-offset:2px}
.cs2820-post-copy.is-expanded .cs2820-post-copy__preview{display:none}
.cs2820-post-copy.is-expanded .cs2820-post-copy__full{display:inline}
.cs2766-comment__content footer button.is-active{color:var(--cs2766-red)}

/* Sprint 2.8.43.112 — «autor -> dueño del muro».
   Una publicacion escrita en el muro de otro se leia como si el autor hablara en el suyo. El
   dato ya viajaba hasta la vista (`profilename`, `profilelink`) y se tiraba.
   El nombre del autor va con `display:block` y ellipsis, asi que autor y muro caerian en dos
   lineas: la fila flex los deja en una, y el ellipsis se lo reparten los dos nombres. */
.cs2766-post-card__byline{display:flex;align-items:baseline;min-width:0;gap:6px}
.cs2766-post-card__byline>a{min-width:0;color:inherit;text-decoration:none}
.cs2766-post-card__byline>a:hover{text-decoration:none}
.cs2766-post-card__wall{flex:none;color:var(--cs2766-muted);font-size:12px;font-style:normal}
.cs2766-post-card__wall-link{overflow:hidden;color:var(--cs2766-muted);font:13px gilroy-semibold,Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.cs2766-post-card__wall-link:hover{color:var(--cs2766-red)}

/* 2.8.43.205 - EL ANUNCIO ADOPTA EL «... MAS» DE LAS PUBLICACIONES, y hay que desactivarle el
   recorte a tres lineas que le pone `.cs2846-ad-card__copy p` en classicspark-2768.css: si no,
   el texto desplegado se seguiria cortando y el boton no serviria de nada. Va aqui, junto al
   resto de `cs2820-post-copy`, y no en la hoja de anuncios: esa solo se carga en el asistente y
   esto tiene que valer en el muro. */
.cs2846-ad-card__copy p.cs2820-post-copy{display:block;overflow:visible;-webkit-line-clamp:none}
.cs2846-ad-card__copy p.cs2820-post-copy[hidden]{display:none}

/* ==== antes classicspark-2768.css ==== */
/* Classicspark 2.7.68 — compact posts, masonry timeline and in-place post viewer */
.cs2764-composer{height:auto!important;min-height:0!important;flex-basis:auto!important;padding:16px 18px!important}.cs2764-composer__head{margin-bottom:10px!important}.cs2764-composer__head strong{font-size:15px!important}.cs2764-composer textarea{height:86px!important;min-height:86px!important;max-height:150px!important;padding:12px 14px!important;resize:vertical!important}.cs2764-composer__footer{min-height:42px!important;margin-top:10px!important}.cs2764-composer__submit{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:170px!important;min-height:40px!important;height:40px!important;border:0!important;background:#c90035!important;color:#fff!important;opacity:1!important;box-shadow:0 2px 6px rgba(201,0,53,.10)!important}.cs2764-composer__preview,.cs2764-composer #divFileEntry{max-height:280px!important;overflow:auto!important}.cs2764-composer__preview img,.cs2764-composer #divFileEntry img,.cs2764-composer #entryFile{display:block;max-width:100%!important;max-height:260px!important;margin:10px auto 0!important;object-fit:contain!important;border-radius:12px}.cs2765-posts-content>.cs2764-composer{width:min(780px,100%)!important;margin-bottom:18px!important}
.cs2766-post-card__media{display:grid;place-items:center;max-height:450px!important;background:#f2eff0!important}.cs2766-post-card__media>a,.cs2766-post-card__media>button{height:clamp(270px,34vw,450px)!important;background:#f2eff0!important}.cs2766-post-card__media img,.cs2766-post-card__media video{width:100%!important;height:100%!important;max-height:450px!important}.cs2766-post-card--feed .cs2766-post-card__media img{object-fit:cover!important;object-position:center!important}.cs2766-post-card__media video{object-fit:contain!important}.cs2765-posts-content .cs2766-post-card__media,.cs2765-posts-content .cs2766-post-card__media>a,.cs2765-posts-content .cs2766-post-card__media>button{height:330px!important;max-height:330px!important}.cs2766-post-card--detail .cs2766-post-card__media,.cs2766-post-card--detail .cs2766-post-card__media>a,.cs2766-post-card--detail .cs2766-post-card__media>button{height:min(620px,70vh)!important;max-height:620px!important}.cs2766-post-card--detail .cs2766-post-card__media img,.cs2766-post-card--detail .cs2766-post-card__media video{height:100%!important;max-height:620px!important;object-fit:contain!important}
.cs2766-comment__avatar{display:block!important;flex:0 0 34px!important;width:34px!important;height:34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;cursor:pointer}.cs2766-comment__avatar img{width:34px!important;height:34px!important;margin:0!important;border-radius:50%!important;object-fit:cover!important}.cs2766-comment__content footer{position:static!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;height:auto!important;min-height:20px!important;margin:6px 0 0!important;padding:0!important;border:0!important;background:transparent!important;color:#817985!important;box-shadow:none!important}.cs2766-comment__content footer button{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:24px!important;min-height:0!important;margin:0!important;padding:2px 6px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#817985!important;box-shadow:none!important}.cs2766-comment__content footer button:hover,.cs2766-comment__content footer button.is-active{background:#fff0f4!important;color:#c90035!important}.cs2766-comment-composer{min-height:42px!important;margin-top:10px!important}.cs2766-comment-composer input{display:block!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;padding:0 13px!important;background:#fff!important}.cs2766-comment-composer button{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;border:0!important;border-radius:11px!important;background:#c90035!important;color:#fff!important;opacity:1!important;box-shadow:none!important}.cs2766-comment-composer button i{color:#fff!important}
.cs2765-posts-content>#divEntries.cs2766-posts-list.is-cs2768-masonry{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:8px!important;grid-auto-flow:row!important;column-count:auto!important;gap:18px!important;align-items:start!important}.cs2765-posts-content>#divEntries.cs2766-posts-list.is-cs2768-masonry>.cs2766-post-card{align-self:start!important;height:auto!important;margin:0!important}.cs2765-posts-content>#divEntries.cs2766-posts-list.is-cs2768-masonry>.cs2764-empty{grid-row:auto!important}

@media(max-width:1040px){.cs2765-posts-content>#divEntries.cs2766-posts-list.is-cs2768-masonry{grid-template-columns:1fr!important;grid-auto-rows:auto!important;max-width:760px!important}.cs2765-posts-content>#divEntries.cs2766-posts-list.is-cs2768-masonry>.cs2766-post-card{grid-row:auto!important}}
@media(max-width:700px){.cs2764-composer{padding:14px!important}.cs2764-composer textarea{height:80px!important;min-height:80px!important}.cs2764-composer__footer{display:flex!important;align-items:center!important;flex-direction:row!important}.cs2764-composer__submit{width:auto!important;min-width:140px!important}.cs2766-post-card__media,.cs2766-post-card__media>a,.cs2766-post-card__media>button,.cs2765-posts-content .cs2766-post-card__media,.cs2765-posts-content .cs2766-post-card__media>a,.cs2765-posts-content .cs2766-post-card__media>button{height:320px!important;max-height:320px!important}}

/* 2.7.128 — vista previa del enlace. 2.8.43.95: el aspecto se fue a classicspark-2795.css, que lo comparte con la tarjeta publicada. Aqui solo queda el estado «buscando». */

.cs2766-post-card__link>img{height:340px!important;object-fit:cover!important;object-position:center!important}@media(max-width:700px){.cs2766-post-card__link>img{height:300px!important}}

/* Web 2.8.43.22 — media proportions in profile feeds only. */
.cs2766-post-card--feed .cs2766-post-card__media--image{height:auto!important;max-height:none!important;aspect-ratio:1/1!important;background:#f2eff0!important}
.cs2766-post-card--feed .cs2766-post-card__media--image>a{width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:1/1!important;background:#f2eff0!important}
.cs2766-post-card--feed .cs2766-post-card__media--image>a>img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center!important}
.cs2846-ad-card{overflow:hidden;margin:0 0 18px;border:1px solid #e7dde0;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(55,34,40,.06);color:#302b38}.cs2846-ad-card header{display:flex;align-items:center;gap:11px;padding:13px 15px}.cs2846-ad-card header img{width:48px;height:48px;border:3px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 4px 14px rgba(44,30,36,.13)}.cs2846-ad-card header div{min-width:0}.cs2846-ad-card header small{display:block;color:#c90035;font:9px gilroy-bold,Arial,sans-serif;letter-spacing:.11em}.cs2846-ad-card header strong{display:block;overflow:hidden;color:#263a59;font:14px gilroy-semibold,Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap}.cs2846-ad-card header span{display:block;margin-top:2px;color:#8794a8;font:11px gilroy-regular,Arial,sans-serif}.cs2846-ad-card__copy{padding:0 15px 13px}.cs2846-ad-card__copy h2{margin:0;color:#263a59;font:20px/1.2 gilroy-semibold,Arial,sans-serif}.cs2846-ad-card__copy p{display:-webkit-box;overflow:hidden;margin:7px 0 0;color:#5c6170;font:15px/1.55 gilroy-regular,Arial,sans-serif;-webkit-box-orient:vertical;-webkit-line-clamp:3}.cs2846-ad-card__media{display:block;overflow:hidden;width:100%;aspect-ratio:1/1;padding:0;border:0;background:#f2eff0;cursor:pointer}.cs2846-ad-card__media img{display:block;width:100%;height:100%;object-fit:cover}.cs2846-ad-card footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;padding:11px 14px}.cs2846-ad-card footer button,.cs2846-ad-card footer a{display:flex;align-items:center;justify-content:center;min-height:42px;gap:8px;padding:0 13px;border:1px solid #ead7dd;border-radius:12px;background:#fff;color:#c90035;font:12px gilroy-semibold,Arial,sans-serif;text-decoration:none;cursor:pointer}.cs2846-ad-card footer button{border-color:#c90035;background:#c90035;color:#fff}
.cs2766-post-card--feed .cs2766-post-card__link>img{height:380px!important;max-height:380px!important;object-fit:cover!important;object-position:center!important}
@media(max-width:700px){.cs2766-post-card--feed .cs2766-post-card__link>img{height:320px!important;max-height:320px!important}}

/* Classicspark 2.8.43.53: paridad visual y social de tarjetas especiales del feed. */
.cs2846-ad-card,.cs-feed-music-card,.cs-feed-opportunity-card{margin:0!important;background:#fff!important;color:#302b38!important}
.cs2846-ad-card__media,.cs2846-ad-card__media img{background:#f2eff0!important}
.cs2846-ad-card__website{padding:10px 17px 0}.cs2846-ad-card__website a{display:inline-flex;align-items:center;gap:7px;color:#c90035;font:11px gilroy-semibold,Arial,sans-serif;text-decoration:none}
.cs-feed-music-card__body{display:grid;grid-template-columns:minmax(128px,38%) minmax(0,1fr);gap:17px;align-items:center;margin:0 17px 17px;padding:14px;border:1px solid #e7dde0;border-radius:16px;background:linear-gradient(135deg,#fff 20%,#fff3f6);color:#302b38;text-decoration:none}.cs-feed-music-card__body:hover{border-color:#d8b8c2;color:#302b38;text-decoration:none}.cs-feed-music-card__body>img{display:block;width:100%;aspect-ratio:1/1;border-radius:13px;background:#f2eff0!important;object-fit:cover}.cs-feed-music-card__body>span{min-width:0}.cs-feed-music-card__body small{display:block;color:#c90035;font:9px gilroy-bold,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.cs-feed-music-card__body strong{display:block;margin-top:5px;color:#302b38;font:20px/1.2 gilroy-semibold,Arial,sans-serif;overflow-wrap:anywhere}.cs-feed-music-card__body p{display:-webkit-box;overflow:hidden;margin:8px 0;color:#6a626d;font:13px/1.5 gilroy-regular,Arial,sans-serif;-webkit-box-orient:vertical;-webkit-line-clamp:3}.cs-feed-music-card__body b{display:inline-flex;align-items:center;gap:7px;margin-top:10px;color:#c90035;font:11px gilroy-semibold,Arial,sans-serif}
.cs-feed-opportunity-card__body{margin:0 17px 4px;padding:17px;border:1px solid #e7dde0;border-radius:16px;background:linear-gradient(135deg,#fff 20%,#f5f8ff)}.cs-feed-opportunity-card__body h2{margin:0;color:#263a59;font:20px/1.25 gilroy-semibold,Arial,sans-serif;overflow-wrap:anywhere}.cs-feed-opportunity-card__body p{display:-webkit-box;overflow:hidden;margin:9px 0 0;color:#5c6170;font:14px/1.58 gilroy-regular,Arial,sans-serif;-webkit-box-orient:vertical;-webkit-line-clamp:4}.cs-feed-opportunity-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.cs-feed-opportunity-card__meta span,.cs-feed-opportunity-card__meta a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#fff;color:#546078;font:10px gilroy-semibold,Arial,sans-serif;text-decoration:none}.cs-feed-opportunity-card__meta i{color:#c90035}
.cs-feed-metrics button{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.cs-feed-discussion .cs2766-comment__content header strong{overflow:hidden;color:#302b38;font:12px gilroy-semibold,Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap}.cs-feed-discussion.is-expanded .cs2766-comments-list--feed .cs2766-comment:nth-child(n+3){display:flex}.cs-feed-discussion.is-expanded .cs2766-comments-more{display:block}.cs-feed-discussion .cs2766-comments-more{width:100%;border:0;background:transparent;color:#c90035;text-align:center;cursor:pointer}.cs-feed-discussion .cs2766-comment-composer textarea{font-family:gilroy-regular,Arial,sans-serif}
@media(max-width:520px){.cs-feed-music-card__body{grid-template-columns:100px minmax(0,1fr);gap:12px;padding:11px}.cs-feed-music-card__body strong,.cs-feed-opportunity-card__body h2{font-size:17px}.cs-feed-music-card__body p{display:none}}

/* Classicspark 2.8.43.54: tarjeta musical resiliente y mapa de oportunidades. */
.cs-feed-music-card__body{grid-template-columns:116px minmax(0,1fr);align-items:stretch;gap:15px;overflow:hidden;margin:0 11px 10px;padding:0;border-radius:17px;background:#fbfcfe}.cs-feed-music-card__art{position:relative;display:grid;min-height:126px;place-items:center;overflow:hidden;background:linear-gradient(145deg,#fff0f4,#f1dbe3);color:#ce0039;font-size:41px}.cs-feed-music-card__art>img{display:block;width:100%;height:100%;object-fit:cover}.cs-feed-music-card__art>b{position:absolute;right:9px;bottom:9px;display:grid;width:34px;height:34px;place-items:center;margin:0;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:#ce0039;color:#fff;font-size:15px;box-shadow:0 5px 15px rgba(38,58,89,.22)}.cs-feed-music-card__copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:14px 14px 14px 0}.cs-feed-music-card__copy strong{font-size:19px}.cs-feed-music-card__copy p{-webkit-line-clamp:2}.cs-feed-music-card[data-provider=spotify] .cs-feed-music-card__art{background:linear-gradient(145deg,#e9fff1,#d5f4e1);color:#168a48}.cs-feed-music-card[data-provider=soundcloud] .cs-feed-music-card__art{background:linear-gradient(145deg,#fff4e8,#ffe1c5);color:#f26322}.cs-feed-music-card[data-provider=apple_music] .cs-feed-music-card__art{background:linear-gradient(145deg,#fff1f4,#f3e8ee);color:#e32850}.cs-feed-music-card[data-provider=showcase] .cs-feed-music-card__art{background:linear-gradient(145deg,#edf4ff,#dfe9f7);color:#426795}
.cs-feed-opportunity-card__body{margin:0 12px 12px;padding:15px 13px 13px}.cs-feed-opportunity-card__map{position:relative;overflow:hidden;height:clamp(156px,38vw,205px);margin:0 12px 12px;border:1px solid #e6dde1;border-radius:14px;background:#f2f0f1}.cs-feed-opportunity-card__map-canvas{width:100%;height:100%;filter:saturate(.72) contrast(.96)}.cs-feed-opportunity-card__map>span{position:absolute;right:10px;bottom:9px;left:10px;display:flex;align-items:center;width:max-content;max-width:calc(100% - 20px);gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.84);border-radius:10px;background:rgba(255,255,255,.92);box-shadow:0 5px 18px rgba(38,58,89,.14);color:#526078;font:11px gilroy-semibold,Arial,sans-serif;backdrop-filter:blur(8px)}.cs-feed-opportunity-card__map>span i{flex:none;color:#ce0039;font-size:16px}.cs-feed-opportunity-card__map.is-unavailable .cs-feed-opportunity-card__map-canvas{background:linear-gradient(145deg,#f4f1f2,#e9e6e7)}.cs-feed-opportunity-card__meta{justify-content:flex-end;margin:0 12px 6px}.cs-feed-opportunity-card__meta a{border:1px solid #ead7dd;border-radius:10px;color:#ce0039}
@media(max-width:520px){.cs-feed-music-card__body{grid-template-columns:92px minmax(0,1fr);gap:12px;padding:0}.cs-feed-music-card__art{min-height:112px}.cs-feed-music-card__copy{padding:11px 10px 11px 0}.cs-feed-music-card__copy strong{font-size:17px}}

/* Classicspark 2.8.43.55: biblioteca musical unificada de rincón y perfil. */
.cs-music-library{box-sizing:border-box;width:100%;min-width:0;margin-top:18px;padding:26px;border:1px solid #eadfe1;border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(38,28,32,.06)}
.cs-music-library [hidden]{display:none!important}.cs-music-library__header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:20px}.cs-music-library__header>div:first-child{min-width:0}.cs-music-library__header small{display:block;color:#c90035;font:10px gilroy-bold,Arial,sans-serif;letter-spacing:.12em}.cs-music-library__header h2{margin:5px 0 4px;color:#27212a;font:32px/1.1 gilroy-semibold,gilroy-regular,sans-serif}.cs-music-library__header p{margin:0;color:#756d75;font:14px/1.5 gilroy-regular,Arial,sans-serif}.cs-music-library__header .cs2725-media-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.cs-music-library__header .cs2725-outline-action{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid #e5d7db;border-radius:12px;background:#fff;color:#c90035;text-decoration:none}
.cs-music-filters{display:grid;grid-template-columns:repeat(6,minmax(84px,1fr));gap:8px;overflow-x:auto;padding:2px 1px 6px;scrollbar-width:none}.cs-music-filters::-webkit-scrollbar{display:none}.cs-music-filters button{display:grid;min-width:84px;min-height:72px;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;gap:3px 6px;padding:9px;border:1px solid #dde5ef;border-radius:15px;background:#fff;color:#6e7e96;text-align:left;cursor:pointer}.cs-music-filters button>i{grid-column:1;color:#c90035;font-size:20px}.cs-music-filters button small{grid-column:1/-1;overflow:hidden;color:inherit;font:10px gilroy-semibold,Arial,sans-serif;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.cs-music-filters button b{grid-column:2;grid-row:1;font:13px gilroy-bold,Arial,sans-serif}.cs-music-filters button.is-active{border-color:#c90035;background:#fff0f4;color:#c90035;box-shadow:0 5px 14px rgba(201,0,53,.1)}
.cs-music-library__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.cs-music-library-card{position:relative;display:block;overflow:hidden;min-width:0;border:1px solid #e6e1e4;border-radius:17px;background:#fff;box-shadow:0 7px 22px rgba(45,31,37,.04)}.cs-music-library-card__main{display:grid;width:100%;min-height:142px;grid-template-columns:104px minmax(0,1fr);align-items:stretch;gap:15px;padding:14px 50px 14px 14px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.cs-music-library-card__art{position:relative;display:grid;min-height:110px;place-items:center;overflow:hidden;border-radius:14px;background:linear-gradient(145deg,#fff0f4,#f1dbe3);color:#c90035;font-size:38px}.cs-music-library-card__art>img{display:block;width:100%;height:100%;object-fit:cover}.cs-music-library-card__art>b{position:absolute;right:8px;bottom:8px;display:grid;width:32px;height:32px;place-items:center;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:#c90035;color:#fff;font-size:13px;box-shadow:0 5px 15px rgba(38,58,89,.22)}.cs-music-library-card[data-music-kind=spotify] .cs-music-library-card__art{background:linear-gradient(145deg,#e9fff1,#d5f4e1);color:#168a48}.cs-music-library-card[data-music-kind=soundcloud] .cs-music-library-card__art{background:linear-gradient(145deg,#fff4e8,#ffe1c5);color:#f26322}.cs-music-library-card[data-music-kind=apple_music] .cs-music-library-card__art{background:linear-gradient(145deg,#fff1f4,#f3e8ee);color:#e32850}.cs-music-library-card[data-music-kind=showcase] .cs-music-library-card__art{background:linear-gradient(145deg,#edf4ff,#dfe9f7);color:#426795}.cs-music-library-card__copy{display:flex;min-width:0;flex-direction:column;justify-content:center}.cs-music-library-card__copy>small{color:#c90035;font:9px gilroy-bold,Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}.cs-music-library-card__copy>strong{display:block;overflow:hidden;margin-top:4px;color:#302b38;font:18px/1.25 gilroy-semibold,Arial,sans-serif;text-overflow:ellipsis;white-space:nowrap}.cs-music-library-card__copy>p{display:-webkit-box;overflow:hidden;margin:7px 0;color:#6a626d;font:12px/1.48 gilroy-regular,Arial,sans-serif;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cs-music-library-card__meta{display:flex;flex-wrap:wrap;gap:6px}.cs-music-library-card__meta em{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;background:#f7f4f5;color:#776d76;font:9px gilroy-semibold,Arial,sans-serif;font-style:normal}.cs-music-library-card__meta em i{color:#c90035}.cs-music-library-card__visibility.is-published{background:#ecf8f0;color:#397652}.cs-music-library-card__visibility.is-published i{color:#397652}.cs-music-library-card__delete{position:absolute;z-index:3;top:10px;right:10px;display:grid;width:36px;height:36px;place-items:center;padding:0;border:1px solid #f0c4d0;border-radius:50%;background:#fff;color:#b90035;box-shadow:0 5px 14px rgba(38,58,89,.11);cursor:pointer}.cs-music-library-card>footer{display:grid;grid-template-columns:1fr;gap:7px;padding:9px 11px;border-top:1px solid #edf1f5;background:#fbfcfe}.cs-music-library-card>footer.is-owner{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-music-library-card>footer button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid #e5c5cf;border-radius:11px;background:#fff;color:#c90035;font:11px gilroy-semibold,Arial,sans-serif;cursor:pointer}.cs-music-library-card>footer button.is-published{border-color:#cfe4d7;color:#397652}.cs-music-library-card button:disabled{cursor:wait;opacity:.55}
.cs-music-library__empty{display:grid;min-height:230px;place-items:center;align-content:center;gap:9px;padding:35px 20px;border:1px dashed #e8d8dc;border-radius:16px;color:#80767c;text-align:center}.cs-music-library__empty>i{color:#c90035;font-size:30px}.cs-music-library__empty h3,.cs-music-library__empty p{margin:0}.cs-music-library__empty h3{color:#302b38;font:19px gilroy-semibold,Arial,sans-serif}.cs-music-library__empty p{font:13px/1.5 gilroy-regular,Arial,sans-serif}.cs-music-library__empty button{display:inline-flex;min-height:40px;align-items:center;gap:7px;margin-top:4px;padding:0 15px;border:0;border-radius:11px;background:#c90035;color:#fff}.cs-music-library__empty--filter{min-height:145px;margin-top:18px}
.cs-music-create-modal .modal-dialog{max-width:820px;padding:14px}.cs-music-create-modal .modal-content{overflow:hidden;border:0;border-radius:22px;box-shadow:0 28px 80px rgba(34,27,30,.22)}.cs-music-create-modal .modal-header{align-items:flex-start;padding:22px 25px;border-bottom:1px solid #eee6e7;background:#fffaf9}.cs-music-create-modal .modal-header small{display:block;color:#c90035;font:9px gilroy-bold,Arial,sans-serif;letter-spacing:.12em}.cs-music-create-modal .modal-header h2{margin:4px 0;color:#27212a;font:27px/1.15 gilroy-semibold,Arial,sans-serif}.cs-music-create-modal .modal-header p{margin:0;color:#746b74;font:12px/1.45 gilroy-regular,Arial,sans-serif}.cs-music-create-modal .modal-body{padding:22px 25px!important}.cs-music-create-types{display:grid;grid-template-columns:repeat(5,minmax(105px,1fr));gap:8px;overflow-x:auto;padding-bottom:5px}.cs-music-create-types button{display:flex;min-width:105px;min-height:68px;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:8px;border:1px solid #e3dce0;border-radius:13px;background:#fff;color:#6e6570;font:10px gilroy-semibold,Arial,sans-serif;cursor:pointer}.cs-music-create-types button i{color:#c90035;font-size:20px}.cs-music-create-types button.is-active{border-color:#c90035;background:#fff0f4;color:#c90035}.cs-music-create-fields{display:grid;gap:14px;margin-top:18px}.cs-music-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.cs-music-create-grid .is-wide{grid-column:1/-1}.cs-music-create-fields label{display:grid;gap:6px;margin:0;color:#403840;font:12px gilroy-semibold,Arial,sans-serif}.cs-music-create-fields .form-control{min-height:44px;border-color:#ded5d9;border-radius:11px;font:13px gilroy-regular,Arial,sans-serif}.cs-music-create-fields textarea.form-control{min-height:82px;padding-top:11px}.cs-music-create-publication{display:flex!important;align-items:flex-start;gap:10px;padding:13px;border:1px solid #e7dde0;border-radius:13px;background:#fff8fa}.cs-music-create-publication input{margin-top:4px}.cs-music-create-publication span{display:grid;gap:2px}.cs-music-create-publication strong{color:#3d353e;font-size:12px}.cs-music-create-publication small{color:#817782;font:10px gilroy-regular,Arial,sans-serif}.cs-music-create-modal .modal-footer{padding:12px 25px 18px;border:0}.cs-music-create-modal .modal-footer .btn{min-width:120px;border-radius:11px}
@media(max-width:900px){.cs-music-library__grid{grid-template-columns:1fr}.cs-music-create-types{grid-template-columns:repeat(5,110px)}}
@media(max-width:700px){.cs-music-library{padding:18px}.cs-music-library__header{align-items:stretch;flex-direction:column}.cs-music-library__header .cs2725-media-actions{justify-content:space-between}.cs-music-filters{grid-template-columns:repeat(6,86px)}.cs-music-library-card__main{grid-template-columns:82px minmax(0,1fr);gap:11px;padding:12px 45px 12px 12px}.cs-music-library-card__art{min-height:96px}.cs-music-library-card>footer.is-owner{grid-template-columns:repeat(3,minmax(0,1fr))}.cs-music-library-card>footer button{padding:0 6px;font-size:10px}.cs-music-create-modal .modal-dialog{margin:0;padding:5px}.cs-music-create-modal .modal-header,.cs-music-create-modal .modal-body{padding:18px!important}.cs-music-create-grid{grid-template-columns:1fr}.cs-music-create-grid .is-wide{grid-column:auto}.cs-music-create-modal .modal-footer{padding:10px 18px 16px}}

/* Classicspark 2.8.43.57: superficies de modal aisladas y carga musical con previsualización. */
.cs-music-create-modal [hidden]{display:none!important}
.cs-music-create-modal .modal-content,.cs-music-create-modal form,.cs-music-create-modal .modal-body{background:#fff!important;color:#302b38!important}
.cs-music-create-modal .modal-footer{box-sizing:border-box!important;width:auto!important;margin:0!important;padding:14px 25px 18px!important;border:0!important;border-top:1px solid #eee6e7!important;border-radius:0!important;background:#fffaf9!important;color:#302b38!important;text-align:right!important}
.cs-music-upload{display:grid;min-width:0;gap:7px}.cs-music-upload__label{color:#403840;font:12px gilroy-semibold,Arial,sans-serif}.cs-music-upload__picker{position:relative;display:grid!important;min-height:82px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:13px;margin:0!important;padding:13px 15px!important;border:1px dashed #e596aa;border-radius:17px;background:#fff8fa;color:#263a59;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.cs-music-upload__picker:hover,.cs-music-upload__picker:focus-within{border-color:#c90035;background:#fff3f6;box-shadow:0 0 0 3px rgba(201,0,53,.07)}.cs-music-upload__picker.is-selected{border-style:solid;border-color:#e2b4c0;background:#fff}.cs-music-upload__picker input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;padding:0!important;border:0!important;opacity:0!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.cs-music-upload__icon{display:grid;width:50px;height:50px;place-items:center;border:1px solid #f3d7de;border-radius:15px;background:#fff;color:#d0003b;font-size:24px}.cs-music-upload__copy{display:block;min-width:0}.cs-music-upload__copy strong,.cs-music-upload__copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-music-upload__copy strong{color:#263a59;font:15px gilroy-semibold,Arial,sans-serif}.cs-music-upload__copy small{margin-top:4px;color:#7b8390;font:11px gilroy-regular,Arial,sans-serif}.cs-music-upload__chevron{color:#c90035;font-size:13px}.cs-music-upload__preview{overflow:hidden;margin-top:4px;border-radius:999px;background:#f0f2f4}.cs-music-upload__preview audio{display:block;width:100%;height:48px;border-radius:999px;background:#f0f2f4;accent-color:#c90035}.cs-music-upload__image-preview{overflow:hidden;max-height:210px;margin-top:4px;border:1px solid #e7dde0;border-radius:15px;background:#f3f1f2}.cs-music-upload__image-preview img{display:block;width:100%;max-height:210px;object-fit:contain}
@media(max-width:700px){.cs-music-create-modal .modal-footer{padding:11px 18px 15px!important}.cs-music-upload__picker{min-height:76px;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;padding:12px!important}.cs-music-upload__icon{width:44px;height:44px;border-radius:13px;font-size:21px}.cs-music-upload__copy strong{font-size:14px}.cs-music-upload__copy small{font-size:10px}}

/* Feed de eventos públicos · Classicspark Web 2.8.43.59 */
.cs-feed-event-card{overflow:hidden;margin:0!important;background:#fff!important;color:#302b38!important}.cs-feed-event-card__hero{position:relative;display:block;overflow:hidden;margin:0 12px 12px;border-radius:16px;background:#f2eff0;aspect-ratio:16/9}.cs-feed-event-card__hero>img{display:block;width:100%;height:100%;object-fit:cover}.cs-feed-event-card__hero>time{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.72);border-radius:11px;background:rgba(255,255,255,.93);box-shadow:0 7px 20px rgba(38,35,45,.18);color:#263a59;font:11px gilroy-semibold,Arial,sans-serif;backdrop-filter:blur(8px)}.cs-feed-event-card__hero>time i{color:#c90035}.cs-feed-event-card__body{margin:0 12px 12px;padding:2px 4px 5px}.cs-feed-event-card__body>small{display:block;color:#c90035;font:9px gilroy-bold,Arial,sans-serif;letter-spacing:.11em}.cs-feed-event-card__body h2{margin:4px 0 0;color:#263a59;font:21px/1.24 gilroy-semibold,Arial,sans-serif;overflow-wrap:anywhere}.cs-feed-event-card__body p{display:-webkit-box;overflow:hidden;margin:8px 0 0;color:#5c6170;font:14px/1.55 gilroy-regular,Arial,sans-serif;-webkit-box-orient:vertical;-webkit-line-clamp:3}.cs-feed-event-card__meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.cs-feed-event-card__meta span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #eee3e6;border-radius:999px;background:#fff8fa;color:#59657a;font:10px gilroy-semibold,Arial,sans-serif}.cs-feed-event-card__meta i{color:#c90035}.cs-feed-event-card .cs-feed-actions,.cs-feed-event-card .cs-feed-discussion,.cs-feed-event-card .cs-feed-metrics{background:#fff!important;color:#302b38!important}@media(max-width:520px){.cs-feed-event-card__body h2{font-size:18px}.cs-feed-event-card__hero>time{font-size:10px}}
.cs2764-composer__comment-policy,.cs-feed-comments-closed{align-items:center;color:#6f6973;display:flex;font-size:13px;gap:8px}.cs2764-composer__comment-policy{margin:12px 0}.cs-feed-comments-closed{justify-content:flex-start;margin:14px 0 0;padding:12px 13px;border:1px solid #e4dce0;border-radius:13px;background:#f8f5f6;line-height:1.4}.cs-feed-comments-closed i{flex:none;color:#ce0039}

/* 2.8.43.91 - Permitir comentarios en el compositor.
   Era un checkbox nativo sin estilo, sin explicacion y con el texto en espanol para los
   seis idiomas. Ahora es un interruptor en el color de la marca, dentro de un bloque con
   el mismo borde y el mismo fondo que el aviso "comentarios cerrados" de las tarjetas. */
.cs2790-policy{align-items:flex-start;background:#f8f5f6;border:1px solid #e4dce0;border-radius:13px;cursor:pointer;display:flex;gap:12px;margin:12px 0 0;padding:12px 13px}
.cs2790-policy input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.cs2790-policy__switch{background:#cfc6cb;border-radius:999px;flex:none;height:22px;margin-top:1px;position:relative;transition:background .15s ease;width:38px}
.cs2790-policy__switch::after{background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.25);content:"";height:18px;left:2px;position:absolute;top:2px;transition:transform .15s ease;width:18px}
.cs2790-policy input:checked+.cs2790-policy__switch{background:#c90035}
.cs2790-policy input:checked+.cs2790-policy__switch::after{transform:translateX(16px)}
.cs2790-policy input:focus-visible+.cs2790-policy__switch{outline:2px solid #c90035;outline-offset:2px}
.cs2790-policy__text{display:flex;flex-direction:column;gap:2px;line-height:1.35}
.cs2790-policy__text strong{color:#2f2a33;font-size:14px;font-weight:600}
.cs2790-policy__text small{color:#6f6973;font-size:12px}
@media (prefers-reduced-motion:reduce){.cs2790-policy__switch,.cs2790-policy__switch::after{transition:none}}

/* 2.8.43.92 - El hueco de arriba era el triple que el de abajo: 26 px y 5 px, medidos.
   No era del interruptor. `#divFileEntry` (la previsualizacion del adjunto) esta siempre en
   el arbol y arrastra su `margin-top:14px` aunque no tenga nada dentro; sumado a los 12 px
   del bloque daban 26. Y el pie ya venia con `margin-top:4px!important` de otra hoja.
   Se colapsan las cajas vacias y se igualan los dos huecos. Especificidad alta a proposito:
   estas reglas tienen que ganar venga de la hoja que venga, porque `classicspark-2768.css`
   se carga antes que otras diez. */
.cs2764-composer .cs2764-composer__preview:empty,.cs2764-composer .cs2764-url-preview:empty{margin-top:0!important}
.cs2764-composer .cs2790-policy{margin-top:14px!important}
.cs2764-composer .cs2790-policy~.cs2764-composer__footer{margin-top:14px!important}

/* 2.8.43.93 - El recuadro de la vista previa mientras se busca.
   Antes no habia ninguna senal: el compositor parecia colgado durante los segundos que
   tarda el sitio remoto en contestar. */
.cs2764-url-preview.is-loading{display:flex!important;align-items:center;gap:12px;min-height:64px;padding:12px 13px;border:1px dashed #e4dce0;border-radius:13px;background:#f8f5f6;margin-top:14px}
.cs2764-url-preview.is-loading img{display:none!important}
.cs2764-url-preview.is-loading::before{content:"";flex:none;width:20px;height:20px;border:2px solid #e4dce0;border-top-color:#c90035;border-radius:50%;animation:cs2793-spin .7s linear infinite}
.cs2764-url-preview.is-loading small{color:#6f6973;font-size:11px;letter-spacing:.04em}
.cs2764-url-preview.is-loading strong{color:#2f2a33;font-size:14px}
.cs2764-url-preview.is-loading p{display:none}
@keyframes cs2793-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.cs2764-url-preview.is-loading::before{animation:none}}
/* 2.8.43.372 - La tarjeta del muro de un evento de agenda externa: la etiqueta sobre la foto, como en «Descubrir», y el crédito de la fuente. */
.cs-feed-event-card__hero>.cs372-externo{position:absolute;top:10px;left:10px;z-index:1;padding:6px 9px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(24,19,22,.62);color:#fff;font:10px gilroy-semibold,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cs-feed-event-card .cs372-credito{margin:10px 0 0;color:#8a8290;font-size:12px;line-height:1.4}

/* ==== antes classicspark-2769.css ==== */
/* Classicspark 2.7.69 — compositor compacto, foco accesible y conversación fija */
.cs2764-composer{
  padding:14px 18px 12px!important;
}
.cs2764-composer__head{
  margin-bottom:8px!important;
}
.cs2764-composer textarea{
  height:78px!important;
  min-height:78px!important;
  padding:11px 13px!important;
  border-color:#ded4d7!important;
  outline:0!important;
}
.cs2764-composer textarea:focus,
.cs2764-composer textarea:focus-visible{
  border-color:#c90035!important;
  outline:0!important;
  box-shadow:0 0 0 3px rgba(201,0,53,.09)!important;
}
.cs2764-composer__footer{
  min-height:40px!important;
  margin-top:5px!important;
}
.cs2764-composer__submit{
  min-height:38px!important;
  height:38px!important;
}

/* El encabezado y el formulario no deben desplazarse junto a los comentarios. */

@media(max-width:700px){
  .cs2764-composer{padding:12px 14px 10px!important}
  .cs2764-composer textarea{height:74px!important;min-height:74px!important}
  .cs2764-composer__footer{margin-top:4px!important}
}

/* ==== antes classicspark-2770.css ==== */
/* Classicspark 2.7.70 — cronología integrada, carga progresiva e interacciones */
.cs2765-posts-content>#divEntries.cs2766-posts-list{padding-bottom:64px!important}
.cs2765-posts-content>#divEntries.cs2766-posts-list.is-cs2768-masonry>.cs2764-composer,.cs2765-posts-content>#divEntries.cs2766-posts-list.is-cs2768-masonry>.cs2770-post-skeleton{align-self:start!important;width:100%!important;min-width:0!important;margin:0!important}
.cs2765-posts-content>#divEntries.cs2766-posts-list>.cs2764-composer{width:100%!important;margin:0!important}

/* Skeleton de dos tarjetas: aparece únicamente durante la petición siguiente. */
.cs2770-post-skeleton{overflow:hidden;min-height:360px;padding:17px;border:1px solid #e9e1e3;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(55,34,40,.045)}
.cs2770-post-skeleton__head{display:flex;align-items:center;gap:10px}.cs2770-post-skeleton__head>i{width:42px;height:42px;flex:none;border-radius:50%}.cs2770-post-skeleton__head span{display:grid;flex:1;gap:7px}.cs2770-post-skeleton__head b{width:42%;height:11px;border-radius:8px}.cs2770-post-skeleton__head small{width:24%;height:8px;border-radius:8px}.cs2770-post-skeleton__copy{width:66%;height:10px;margin:18px 0 13px;border-radius:8px}.cs2770-post-skeleton__media{height:220px;border-radius:13px}.cs2770-post-skeleton__media.is-short{height:150px}.cs2770-post-skeleton__actions{height:36px;margin-top:14px;border-radius:10px}.cs2770-post-skeleton i,.cs2770-post-skeleton b,.cs2770-post-skeleton small,.cs2770-post-skeleton__copy,.cs2770-post-skeleton__media,.cs2770-post-skeleton__actions{display:block;background:linear-gradient(100deg,#f1edef 25%,#faf8f9 38%,#f1edef 52%);background-size:220% 100%;animation:cs2770-shimmer 1.25s ease-in-out infinite}@keyframes cs2770-shimmer{to{background-position-x:-220%}}

/* Los comentarios conservan su altura natural y se agrupan arriba. */
.cs2766-comments-list{align-content:start!important;grid-auto-rows:max-content!important;gap:7px!important}.cs2766-comment__content{padding:8px 10px!important}.cs2766-comment__content p{margin-top:3px!important}.cs2766-comment__content footer{margin-top:4px!important}

/* Modal de interacciones */
#modalInteractionUsers.cs2770-interactions .modal-dialog{width:min(540px,calc(100% - 28px));max-width:540px;margin:20px auto}
#modalInteractionUsers.cs2770-interactions .modal-content{overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(36,24,29,.26)}
.cs2770-interactions__header{display:flex;align-items:center;gap:13px;padding:19px 20px;border-bottom:1px solid #eee4e7;background:linear-gradient(120deg,#fff 45%,#fff1f5)}.cs2770-interactions__icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:14px;background:#c90035;color:#fff;box-shadow:0 9px 22px rgba(201,0,53,.2)}.cs2770-interactions__header>div:nth-child(2){min-width:0;flex:1}.cs2770-interactions__header small{display:block;color:#c90035;font:9px gilroy-bold,Arial,sans-serif;letter-spacing:.12em}.cs2770-interactions__header h1{margin:2px 0 0;color:#302b38;font:20px/1.15 gilroy-semibold,Arial,sans-serif}.cs2770-interactions__header p{margin:4px 0 0;color:#817984;font-size:11px}.cs2770-interactions__close{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid #e6dadd;border-radius:11px;background:#fff;color:#c90035;cursor:pointer}.cs2770-interactions__body{padding:12px;background:#faf8f8}.cs2770-interactions__list{display:grid;gap:8px;max-height:430px;margin:0;padding:0;overflow-y:auto;list-style:none}.cs2770-interactions__list li{display:flex;align-items:center;gap:11px;padding:10px 11px;border:1px solid #eee5e7;border-radius:14px;background:#fff;transition:border-color .18s,transform .18s}.cs2770-interactions__list li:hover{transform:translateY(-1px);border-color:#e4c9d1}.cs2770-interactions__list img{flex:0 0 44px;width:44px;height:44px;border:2px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #eadde1}.cs2770-interactions__list li>div{display:grid;min-width:0;flex:1}.cs2770-interactions__list li>div a{overflow:hidden;color:#302b38;font:13px gilroy-semibold,Arial,sans-serif;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.cs2770-interactions__list li>div span{overflow:hidden;margin-top:3px;color:#817984;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.cs2770-interactions__profile{display:inline-flex;align-items:center;gap:7px;flex:none;min-height:34px;padding:0 10px;border-radius:10px;background:#fff3f6;color:#c90035;font:10px gilroy-semibold,Arial,sans-serif;text-decoration:none}.cs2770-interactions__profile:hover{color:#9f002a;text-decoration:none}.cs2770-interactions__empty{display:grid;place-items:center;min-height:270px;padding:28px;text-align:center}.cs2770-interactions__empty>div{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:#fff0f4;color:#c90035;font-size:25px;box-shadow:inset 0 0 0 1px #f2d9e0}.cs2770-interactions__empty h2{margin:17px 0 0;color:#302b38;font:18px gilroy-semibold,Arial,sans-serif}.cs2770-interactions__empty p{max-width:290px;margin:7px 0 0;color:#817984;font-size:12px;line-height:1.5}

@media(max-width:1040px){.cs2765-posts-content>#divEntries.cs2766-posts-list{padding-bottom:48px!important}.cs2770-post-skeleton:nth-last-child(1){display:none!important}}
@media(max-width:600px){.cs2765-posts-content>#divEntries.cs2766-posts-list{padding-bottom:36px!important}.cs2770-interactions__header{padding:16px}.cs2770-interactions__profile span{display:none}.cs2770-interactions__body{padding:9px}.cs2770-interactions__list{max-height:390px}}
@media(prefers-reduced-motion:reduce){.cs2770-post-skeleton i,.cs2770-post-skeleton b,.cs2770-post-skeleton small,.cs2770-post-skeleton__copy,.cs2770-post-skeleton__media,.cs2770-post-skeleton__actions{animation:none}}

/* ==== antes classicspark-2771.css ==== */
/* Classicspark 2.7.71 — cierre de cronología y acciones claras en comentarios */
#divEntries.cs2766-posts-list{margin-bottom:72px!important}
.cs2765-posts-content>#divEntries.cs2766-posts-list{margin-bottom:72px!important;padding-bottom:0!important}

.cs2766-comment__content footer{flex-wrap:wrap!important;gap:5px!important}
.cs2766-comment__content footer .cs2771-comment-applause,.cs2766-comment__content footer .cs2771-comment-applause-total{display:inline-flex!important;align-items:center!important;gap:5px!important;width:auto!important;height:28px!important;min-height:28px!important;padding:0 9px!important;border:1px solid #eadfe2!important;border-radius:9px!important;background:#fff!important;color:#716976!important;font:10px gilroy-semibold,Arial,sans-serif!important}
.cs2766-comment__content footer .cs2771-comment-applause:hover,.cs2766-comment__content footer .cs2771-comment-applause.is-active{border-color:#edcbd5!important;background:#fff0f4!important;color:#c90035!important}
.cs2766-comment__content footer .cs2771-comment-applause-total{background:#faf7f8!important}.cs2766-comment__content footer .cs2771-comment-applause-total:hover{border-color:#edcbd5!important;color:#c90035!important}.cs2771-comment-applause-total em{font-style:normal}.cs2766-comment__content footer .cs2771-comment-manage{display:inline-grid!important;place-items:center!important;width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#817985!important}.cs2766-comment__content footer .cs2771-comment-manage:hover{border-color:#e8dce0!important;background:#fff!important;color:#c90035!important}.cs2766-comment__content footer .cs2771-comment-manage.is-danger:hover{color:#a71930!important}

@media(max-width:700px){#divEntries.cs2766-posts-list,.cs2765-posts-content>#divEntries.cs2766-posts-list{margin-bottom:48px!important}.cs2771-comment-applause-total em{display:none}}

/* ==== antes classicspark-2133.css ==== */
/* Classicspark 2.7.133 — detail composer, rich link previews and nearby cards. */

/* In the individual publication, links deserve the same visual presence as media. */
.cs2766-post-card--detail .cs2766-post-card__link {
  margin-right: 17px;
  margin-left: 17px;
}
.cs2766-post-card--detail .cs2766-post-card__link > img {
  height: clamp(380px, 48vw, 540px);
  max-height: 540px;
  object-fit: cover;
  object-position: center;
}

/* The detail composer is a compact writing area, with controls on their own row. */

.cs2766-comment-composer__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

@media (max-width: 700px) {
  .cs2766-post-card--detail .cs2766-post-card__link > img {
    height: clamp(270px, 74vw, 390px);
  }
  
  
}

/* ==== antes classicspark-2134.css ==== */
/* Classicspark 2.7.134 — ad form controls and nearby profiles.
 *
 * 2.8.43.206 - SE HAN QUITADO DE AQUI SIETE REGLAS DEL ASISTENTE DE ANUNCIOS, y no es limpieza:
 * estaban GANANDO. Esta hoja se carga DESPUES de `classicspark-ads.css` (linea 193 del header
 * contra la 189) y ademas usaba `!important`, asi que lo que decia aqui mandaba sobre el diseño.
 *
 * Lo que anulaba, sin que se viera en ninguna prueba:
 *   · `overflow:visible!important` en la tarjeta, contra el `overflow:clip` de la 2.8.43.201.
 *   · `position:static!important` en la barra: la barra NUNCA se pego en el servidor, por mucho
 *     que la .201 lo diera por arreglado.
 *   · `padding-top:14px!important` en los cuatro bloques, que la .205 creia haber quitado.
 *   · Cuatro reglas del `<header>` que cada paso pintaba y que ya no existe desde la .201.
 *
 * Lo que se queda es lo que sigue haciendo falta y no pelea con nada: select2, los grupos de
 * campos, el precio deshabilitado, el calendario y las formas de pago.
 */
.cs-ad-wizard .select2-container{width:100%!important;max-width:100%!important}
.cs-ad-wizard .select2-container .select2-selection--single,.cs-ad-wizard .select2-container .select2-selection--multiple{display:flex!important;align-items:center!important;width:100%!important;min-height:48px!important;padding:4px 38px 4px 12px!important;border:1px solid #ded4d7!important;border-radius:12px!important;background:#fff!important}
.cs-ad-wizard .select2-selection__rendered{width:100%!important;min-width:0!important;padding:0!important;line-height:38px!important;color:#302d42!important}
.cs-ad-wizard .select2-selection__arrow{top:1px!important;right:8px!important;height:46px!important}
.cs-ad-wizard .select2-selection__placeholder{color:#9b9298!important}
.cs-ad-wizard .input-group{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;width:100%!important}
.cs-ad-wizard .input-group-prepend,.cs-ad-wizard .input-group-append{display:flex!important;margin:0!important}
.cs-ad-wizard .input-group-text{display:flex!important;align-items:center!important;justify-content:center!important;min-width:52px!important;height:48px!important;padding:0 12px!important;border:1px solid #ded4d7!important;background:#fff7f9!important;color:#bb0738!important;font-weight:700!important}
.cs-ad-wizard .input-group-prepend .input-group-text{border-radius:12px 0 0 12px!important;border-right:0!important}
.cs-ad-wizard .input-group-append .input-group-text{border-radius:0 12px 12px 0!important;border-left:0!important}
.cs-ad-wizard .input-group>.form-control{height:48px!important;min-width:0!important;border-radius:0 12px 12px 0!important}
.cs-ad-wizard .input-group.date>.form-control{border-radius:12px 0 0 12px!important}
.cs-ad-wizard #price:disabled{opacity:1!important;background:#f3f0f1!important;color:#756c72!important;cursor:not-allowed!important;-webkit-text-fill-color:#756c72!important}
.bootstrap-datetimepicker-widget,.daterangepicker,.select2-dropdown{z-index:20040!important}
.cs-ad-wizard .bootstrap-datetimepicker-widget{position:absolute!important;min-width:300px!important}
.cs-ad-payment__option{display:grid!important;grid-template-columns:32px 92px minmax(0,1fr)!important;gap:14px!important;padding:18px!important;background:linear-gradient(115deg,#fff 55%,#fff3f6)!important}
/* 4.0.83 - Antes iba en la regla de arriba y ganaba a classicspark-ads.css por ir después. Ahora va antes: gana por la clase repetida. */
.cs-ad-payment__option.cs-ad-payment__option{cursor:default}
.cs-ad-payment__option>.cs-ad-payment__mark{width:30px!important;height:30px!important;margin:0!important}
.cs-ad-payment__option>img{display:block;width:92px;height:42px;object-fit:contain}
.cs-ad-payment__option>div{align-self:center;min-width:0}.cs-ad-payment__option b{font-size:16px;color:#302d42}
.cs2766-post-card__link>img{width:100%!important;height:360px!important;max-height:360px!important;object-fit:cover!important;object-position:center!important}

.cs2766-post-card--feed .cs2766-comment-composer{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:end!important}
.cs2766-post-card--feed .cs2766-comment-composer textarea{width:100%;min-height:44px;max-height:120px;padding:11px 13px;border:1px solid #e2dade;border-radius:12px;resize:vertical;outline:0}
.cs2766-post-card--feed .cs2766-comment-composer__actions{display:flex;gap:7px}

#modalAd .modal-dialog{width:min(940px,calc(100% - 28px))!important;max-width:940px!important}
#modalAd .modal-content{overflow:hidden;border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:0 0 0 1px rgba(255,255,255,.16),0 30px 90px rgba(20,12,16,.5)!important}
/* 2.8.43.233 - LA FOTO DEL ANUNCIO LLEGA AL BORDE Y SE CONFUNDIA CON EL FONDO OSCURO. Eudes: «habria que
   colocar un shadow o algo en todo el borde de ese modal [...] o podria colocarse la pagina de atras de
   forma mas borrosa para que destaque mejor». Las dos cosas, como la ventana de una publicacion
   (`cs2768-post-overlay`, desenfoque de 7px): lo de detras se difumina y se aclara un poco -con el
   desenfoque no hace falta tanto negro- y la ventana lleva un filo claro de 1px y una sombra mas honda,
   asi la foto tiene un borde contra el que recortarse. */
#modalAd.show{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
body:has(#modalAd.show)>.modal-backdrop.show{opacity:.42!important}
.cs2134-ad-modal{color:#302d42;background:#fff}
.cs2134-ad-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 25px;border-bottom:1px solid #eee3e6;background:linear-gradient(115deg,#fff 55%,#fff2f5)}
.cs2134-ad-modal__header span{color:#c90036;font:800 10px gilroy-semibold,sans-serif;letter-spacing:.12em}.cs2134-ad-modal__header h2{margin:4px 0 5px;font-size:25px;line-height:1.15}.cs2134-ad-modal__header p{margin:0;color:#847980;font-size:12px}.cs2134-ad-modal__header p i{margin-right:7px;color:#c90036}
.cs2134-ad-modal__close{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid #e7d9dd;border-radius:50%;background:#fff;color:#756a70;font-size:18px}
.cs2134-ad-modal__body{display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(280px,.95fr);gap:25px;padding:25px}
.cs2134-ad-modal__body figure{overflow:hidden;min-height:360px;margin:0;border-radius:17px;background:#f6f2f3}.cs2134-ad-modal__body figure img{width:100%;height:100%;max-height:500px;object-fit:cover}
.cs2134-ad-modal__content{display:flex;flex-direction:column;min-width:0}.cs2134-ad-modal__content>p{margin:17px 0;color:#625a63;font-size:15px;line-height:1.65;overflow-wrap:anywhere}
.cs2134-ad-modal__status{align-self:flex-start;padding:8px 11px;border-radius:999px;background:#edf9f2;color:#17864b;font-size:11px;font-weight:700}.cs2134-ad-modal__status i{margin-right:6px;font-size:9px}.cs2134-ad-modal__status.is-finished{background:#f3eff0;color:#756b70}
/* 2.8.43.196 - El tercer estado: en espera de pago. Antes solo habia activo y finalizado, y un
   anuncio sin pagar salia en verde como «activo» mientras el listado le ponia el boton de pagar. */
.cs2134-ad-modal__status.is-pending{background:#fff3f6;color:#b3003a}
.cs2134-ad-modal__pending-help{margin:8px 0 0;color:#77717f;font-size:12px;line-height:1.45}
.cs2134-ad-modal__website{display:flex;align-items:center;gap:11px;margin-top:auto;padding:14px;border:1px solid #eadde1;border-radius:14px;background:#fff7f9;color:#c90036}.cs2134-ad-modal__website>i{font-size:18px}.cs2134-ad-modal__website span{display:grid;min-width:0}.cs2134-ad-modal__website small{color:#8b7f85}.cs2134-ad-modal__website strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs2134-ad-modal__owner{margin:0 25px 23px;padding:18px;border:1px solid #eee2e5;border-radius:16px}.cs2134-ad-modal__owner>header{display:flex;justify-content:space-between;gap:15px;margin-bottom:13px}.cs2134-ad-modal__owner>header span{font-weight:700}.cs2134-ad-modal__owner>header small{color:#8d8187}.cs2134-ad-modal__owner>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cs2134-ad-modal__owner article{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:2px 10px;padding:12px;border-radius:12px;background:#faf6f7}.cs2134-ad-modal__owner article i{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#fff0f3;color:#c90036}.cs2134-ad-modal__owner article span{color:#82767d;font-size:11px}.cs2134-ad-modal__owner article strong{font-size:20px}
.cs2134-ad-modal__footer{display:flex;justify-content:flex-end;gap:9px;padding:17px 25px;border-top:1px solid #eee3e6}.cs2134-ad-modal__footer button,.cs2134-ad-modal__footer a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 17px;border:1px solid #e2d4d8;border-radius:11px;background:#fff;color:#5f555c;font-weight:700}.cs2134-ad-modal__footer a{border-color:#c90036;background:#c90036;color:#fff}
@media(max-width:700px){.cs-ad-wizard__toolbar{padding:13px 14px 8px!important}.cs-ad-wizard__step{padding:8px 15px 22px!important}.cs-ad-payment__option{grid-template-columns:30px minmax(0,1fr)!important}.cs-ad-payment__option>img{grid-column:2;width:110px}.cs-ad-payment__option>div{grid-column:2}.cs2766-post-card__link>img{height:320px!important;max-height:320px!important}.cs2766-post-card--feed .cs2766-comment-composer{grid-template-columns:1fr!important}.cs2766-post-card--feed .cs2766-comment-composer__actions{justify-content:flex-end}.cs2134-ad-modal__body{grid-template-columns:1fr;padding:17px}.cs2134-ad-modal__body figure{min-height:260px}.cs2134-ad-modal__header{padding:19px}.cs2134-ad-modal__owner{margin:0 17px 17px}.cs2134-ad-modal__owner>header{flex-direction:column}.cs2134-ad-modal__owner>div{grid-template-columns:1fr}.cs2134-ad-modal__footer{padding:15px 17px}.cs2134-ad-modal__footer>*{flex:1}}

/* 2.8.43.198 — «Bloquear comentarios» pasa del muro a la gestión del anuncio. */
.cs2134-ad-modal__policy{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 11px;padding:11px 13px;border:1px solid #ece5e7;border-radius:12px;background:#fbfafa}
.cs2134-ad-modal__policy>span{color:#77717f;font:12px gilroy-semibold,Arial,sans-serif}
.cs2134-ad-modal__policy button{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 13px;border:1px solid #e3c5cc;border-radius:10px;background:#fff;color:#b90032;font:12px gilroy-semibold,Arial,sans-serif;cursor:pointer}
.cs2134-ad-modal__policy button:hover{border-color:#c90035;background:#fff5f7}
@media(max-width:520px){.cs2134-ad-modal__policy{align-items:stretch;flex-direction:column}.cs2134-ad-modal__policy button{justify-content:center}}

/* =========================================================================================
   2.8.43.230 - EL MODAL DEL ANUNCIO, RENOVADO. La foto manda a la izquierda; a la derecha el
   titulo, quien lo publica, el texto, donde se ve y hasta cuando. Al dueno, sus numeros debajo.
   ========================================================================================= */
.cs230-admodal{position:relative;overflow:hidden;border-radius:22px;color:#302d42;background:#fff}
.cs230-admodal__close{position:absolute;z-index:3;top:14px;right:14px;box-shadow:0 6px 18px rgba(40,20,28,.14)}
.cs230-admodal__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:420px}
.cs230-admodal__media{position:relative;margin:0;background:#f4eff1}
.cs230-admodal__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cs230-admodal__media figcaption{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:rgba(30,18,24,.72);color:#fff;font-size:11px;font-weight:700;backdrop-filter:blur(6px)}
.cs230-admodal__main{display:flex;flex-direction:column;gap:14px;min-width:0;padding:28px 28px 24px}
.cs230-admodal__top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding-right:44px}
.cs230-admodal__eyebrow{color:#c90036;font:800 10px gilroy-semibold,Arial,sans-serif;letter-spacing:.12em}
.cs230-admodal__main .cs2134-ad-modal__status{align-self:auto}
/* 4.0.83 - Clase repetida: ganaba a `.cs-ad-wizard__step h2` (classicspark-ads.css) por ir después; ahora va antes. */
.cs230-admodal__main.cs230-admodal__main h2{margin:0;font-size:24px;line-height:1.2;overflow-wrap:anywhere}
.cs230-admodal__main .cs2134-ad-modal__pending-help{margin:-6px 0 0}
.cs230-admodal__by{display:flex;align-items:center;gap:10px;align-self:flex-start;padding:6px 12px 6px 6px;border:1px solid #efe4e7;border-radius:999px;background:#fff;color:#302d42;text-decoration:none!important}
.cs230-admodal__by img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.cs230-admodal__by span{display:grid;line-height:1.2}
.cs230-admodal__by small{color:#8b7f85;font-size:10px}
.cs230-admodal__by b{font-size:13px}
a.cs230-admodal__by:hover{border-color:#e3c5cc;background:#fff7f9}
.cs230-admodal__text{max-height:190px;overflow:auto;padding-right:4px}
.cs230-admodal__text p{margin:0;color:#625a63;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.cs230-admodal__facts{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.cs230-admodal__facts li{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:13px;background:#faf6f7}
.cs230-admodal__facts li>i{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:10px;background:#fff0f3;color:#c90036}
.cs230-admodal__facts li span{display:grid;min-width:0;line-height:1.3}
.cs230-admodal__facts li small{color:#8b7f85;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.cs230-admodal__facts li b{font-size:13px;overflow-wrap:anywhere}
.cs230-admodal__web{margin-top:auto}
.cs230-admodal .cs230-admodal__owner{margin:0!important;padding:18px 28px!important;border:0!important;border-top:1px solid #eee3e6!important;border-radius:0!important;background:#fcf9fa}
.cs230-admodal__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.cs230-admodal .cs230-admodal__stats article{display:grid;grid-template-columns:none;justify-items:start;gap:2px;padding:12px 14px;border:1px solid #efe4e7;border-radius:14px;background:#fff}
.cs230-admodal .cs230-admodal__stats article i{grid-row:auto;display:block;width:auto;height:auto;border-radius:0;background:none;color:#c90036;font-size:14px}
.cs230-admodal__stats strong{font:800 24px/1.1 "League Spartan",gilroy-semibold,Arial,sans-serif}
.cs230-admodal__stats span{color:#82767d;font-size:11px}
.cs230-admodal__owner>header{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px}
.cs230-admodal__owner>header span{font-weight:700}
.cs230-admodal__owner>header small{color:#8d8187}
/* `#modalAd footer.cs2134-ad-modal__footer` (classicspark-2135.css) reinicia el pie del sitio dentro
   del modal; se conserva, y esto solo le cambia el relleno. Mas peso que aquella regla: dos clases. */
#modalAd footer.cs2134-ad-modal__footer.cs230-admodal__footer{display:flex;justify-content:flex-end;gap:9px;padding:15px 28px!important}
.cs230-admodal__footer a.is-soft{border-color:#e2d4d8;background:#fff;color:#b90032}
@media(max-width:767px){
 .cs230-admodal__grid{grid-template-columns:1fr;min-height:0}
 .cs230-admodal__media{aspect-ratio:4/3}
 .cs230-admodal__main{padding:20px 18px}
 .cs230-admodal__main.cs230-admodal__main h2{font-size:21px}
 .cs230-admodal .cs230-admodal__owner{padding:16px 18px!important}
 .cs230-admodal__stats{gap:8px}
 .cs230-admodal__stats article{padding:10px}
 #modalAd footer.cs2134-ad-modal__footer.cs230-admodal__footer{flex-wrap:wrap;padding:14px 18px!important}
 .cs230-admodal__owner>header{flex-direction:column;gap:3px}
 .cs230-admodal__footer>*{flex:1 1 auto}
}
/*
 * 2.8.43.233 - LA CABECERA DE LA PAGINA PUBLICA DEL ANUNCIO, EN DOS FILAS. Eudes: «la imagen se desplaza cuando la
 * descripcion es grande, deberia estar anclada arriba, y las secciones de "¿Te interesa?" y el perfil y los botones
 * podrian colocarse 50% una al lado de la otra debajo de toda la seccion donde esta la imagen y la descripcion».
 * Arriba, imagen | texto, anclados arriba; debajo, a mitades, autor y botones | contacto. En pantalla estrecha, una
 * columna con el contacto antes que el autor.
 * VAN AQUI Y NO EN `classicspark-adshare.css` A PROPOSITO: el instalador de la primera version de esta entrega
 * encontro en el servidor una `classicspark-adshare.css` distinta de la que entrego la .219, y paro sin tocar nada.
 * Esta hoja se carga en todas las paginas, despues de aquella, y con `.cs217-ad` delante estas reglas ganan a las
 * suyas sea cual sea su version. Tambien valen en la muestra del paso 5 del asistente, que va dentro de un
 * `.cs217-ad`.
 */
.cs217-ad .cs217-hero{grid-template-areas:"media body" "side contact";gap:26px 30px;align-items:start}
.cs217-ad .cs217-hero__media{grid-area:media}
.cs217-ad .cs217-hero__body{grid-area:body}
.cs217-ad .cs217-hero>.cs217-contact{grid-area:contact;min-width:0}
.cs217-ad .cs217-hero__side{grid-area:side;display:flex;flex-direction:column;gap:14px;min-width:0}
@media(max-width:900px){.cs217-ad .cs217-hero{grid-template-columns:1fr;grid-template-areas:"media" "body" "contact" "side"}}

/* ==== antes classicspark-2135.css ==== */
/* Classicspark 2.7.135 — advertising, nearby profiles and post detail consistency.
 *
 * 2.8.43.206 - Igual que en `classicspark-2134.css`: fuera las reglas del asistente que ganaban
 * con `!important` desde una hoja posterior. La que le costo dos entregas a Eudes era esta:
 *
 *     .cs-ad-wizard__presentation, .cs-ad-audience, .cs-ad-wizard__location, .cs-ad-review
 *     { padding-top: 22px !important; }
 *
 * La quito de `classicspark-ads.css` en la .205 y el hueco seguia ahi, porque el hueco lo ponia
 * este archivo. Tambien se van dos reglas del `<header>` de cada paso, que no existe desde la
 * 2.8.43.201, y un retoque de la barra que peleaba con el suyo.
 */

/* Wizard: readable hierarchy, uniform controls and room for floating widgets. */
.cs-ad-wizard .input-group-text {
  background: #f5f2f3 !important;
  color: #665d63 !important;
  font-weight: 600 !important;
}
.cs-ad-wizard label[style*="display:none"] { display: none !important; }
.cs-ad-wizard #campoInput { min-width: 0; }
.cs-ad-wizard .select2-container,
.cs-ad-wizard .select2-selection,
.cs-ad-wizard .input-group,
.cs-ad-wizard .form-control { box-sizing: border-box !important; }
.cs-ad-wizard #price:disabled {
  border-color: #ded4d7 !important;
  background: #efeced !important;
  color: #746d71 !important;
}
.cs-ad-wizard__image #contentImage,
.cs-ad-wizard__image .cropper-container { width: 100% !important; max-width: 100% !important; }

/* Ad modal must be a white self-contained dialog, independent from the site footer. */
#modalAd .modal-content#divModalAd,
#modalAd #divModalAd.modal-content { padding: 0 !important; }
#modalAd .cs2134-ad-modal { width: 100%; margin: 0 !important; padding: 0 !important; }
#modalAd .cs2134-ad-modal__body { padding: 24px !important; }
#modalAd .cs2134-ad-modal__owner { margin-right: 24px !important; margin-left: 24px !important; }
#modalAd footer.cs2134-ad-modal__footer {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 16px 24px !important;
  border-top: 1px solid #eee3e6 !important;
  background: #fff !important;
  color: #302d42 !important;
  box-shadow: none !important;
}

/* The link preview in the post page. */
.cs2766-post-card--detail .cs2766-post-card__link > img{
  width: 100% !important;
  height: min(590px, 62vh) !important;
  max-height: 590px !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Let the conversation use the modal height instead of floating as a short card. */

@media (max-width: 700px) {
  .cs-ad-wizard__toolbar { border-bottom-color: #eee3e6 !important; }
    #modalAd .cs2134-ad-modal__body { padding: 16px !important; }
  #modalAd .cs2134-ad-modal__owner { margin-right: 16px !important; margin-left: 16px !important; }
  #modalAd footer.cs2134-ad-modal__footer { padding: 14px 16px !important; }
  .cs2766-post-card--detail .cs2766-post-card__link > img{
    height: min(410px, 78vw) !important;
    max-height: 410px !important;
  }
}

/* ==== antes classicspark-2136.css ==== */
/* Classicspark 2.7.136 — posts, mobile channels, spectator profiles and ads. */

/* Link previews keep editorial presence without overflowing large viewports. */
.cs2766-post-card--detail .cs2766-post-card__link{ overflow: hidden !important; }
.cs2766-post-card--detail .cs2766-post-card__link > img {
  width: 100% !important;
  height: clamp(340px, 43vh, 470px) !important;
  max-height: 470px !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Individual post conversation follows the full height of the publication. */

/* Individual publication: one deliberate, consistent composer action bar. */

/* The private desktop navigation exposes the three community destinations. */
@media (min-width: 1101px) {
  .cs-nav--private > .cs-nav__link { white-space: nowrap; }
  .cs-nav--private { gap: clamp(10px, 1.05vw, 20px) !important; }
}

/* Spectator profiles use self-contained cards instead of legacy accordions. */
.cs2136-spectator-profile { width:min(var(--cs-ancho),calc(100% - var(--cs-ancho-aire)));max-width:var(--cs-ancho); margin: 20px auto 70px; color: #302d42; font-family: gilroy-regular, sans-serif; }
.cs2136-spectator-profile * { box-sizing: border-box; }
.cs2136-spectator-layout { display: grid; grid-template-columns: minmax(240px, 310px) minmax(0, 1fr); gap: 20px; align-items: start; margin-top: 20px; }
.cs2136-spectator-sidebar { display: grid; gap: 16px; position: sticky; top: var(--cs-anclaje, 16px); }
.cs2136-spectator-card { overflow: hidden; border: 1px solid #e8dfe1; border-radius: 18px; background: #fff; box-shadow: 0 10px 28px rgba(49,34,40,.05); }
.cs2136-spectator-card > header { display: flex; align-items: center; gap: 10px; padding: 18px 20px; border-bottom: 1px solid #eee6e8; background: linear-gradient(110deg,#fff 35%,#fff5f7); }
.cs2136-spectator-card > header i { color: #c90035; font-size: 17px; }
.cs2136-spectator-card h2 { margin: 0; font: 18px gilroy-semibold, sans-serif; }
.cs2136-spectator-card nav { display: grid; padding: 8px; }
.cs2136-spectator-card nav a { display: grid; grid-template-columns: 24px minmax(0,1fr) 16px; gap: 10px; align-items: center; min-height: 46px; padding: 8px 12px; border-radius: 11px; color: #4f4850; text-decoration: none; }
.cs2136-spectator-card nav a:hover { background: #fff0f3; color: #c90035; }
.cs2136-spectator-card nav a > i:first-child { color: #c90035; text-align: center; }
.cs2136-spectator-card nav a > i:last-child { color: #9b9297; }
.cs2136-spectator-about p { margin: 0; padding: 18px 20px 22px; color: #716970; font-size: 15px; line-height: 1.65; }
.cs2136-spectator-posts { min-width: 0; }
.cs2136-spectator-posts > #divEntries { width: 100% !important; }

/* Ads: preserve document flow and use full-resolution artwork. */
.cs2136-ads-page { height: auto !important; min-height: calc(100vh - 150px) !important; overflow: visible !important; padding-bottom: 92px !important; }
.cs2136-ads-page .cs27-collection-panel,
.cs2136-ads-page .cs27-managed-grid,
.cs2136-ads-page .cs27-managed-batch { height: auto !important; max-height: none !important; overflow: visible !important; }
.cs2136-ads-page .cs27-managed-grid--ads { padding-bottom: 28px; }
.cs2136-ads-page .cs27-managed-card__image img { width: 100% !important; height: 100% !important; object-fit: cover !important; image-rendering: auto !important; }

.cs2136-channel-mobile-bar { display: none; }

/* Spectator profiles follow the same left/content/right rhythm as musicians. */
.cs2136-spectator-layout{grid-template-columns:minmax(230px,280px) minmax(0,1fr) minmax(230px,280px)!important}
.cs2136-spectator-sidebar--right{grid-column:3}
@media(max-width:1100px){.cs2136-spectator-layout{grid-template-columns:minmax(230px,280px) minmax(0,1fr)!important}.cs2136-spectator-posts{grid-column:1/-1;grid-row:1}.cs2136-spectator-sidebar{position:static!important;grid-row:2}.cs2136-spectator-sidebar--right{grid-column:2}}
@media (max-width: 900px) {
  
  .cs2136-spectator-layout { grid-template-columns: 1fr; }
  .cs2136-spectator-sidebar { position: static; grid-template-columns: 1fr 1fr; }
}

@media (max-width: 700px) {
  .cs2766-post-card--detail .cs2766-post-card__link > img{
    height: clamp(260px, 68vw, 350px) !important;
    max-height: 350px !important;
  }
  .cs2136-spectator-profile { width: calc(100% - 20px); margin-top: 10px; }
  .cs2136-spectator-sidebar { grid-template-columns: 1fr; }
  .cs2136-spectator-layout { grid-template-columns: 1fr !important; }
  .cs2136-spectator-posts,.cs2136-spectator-sidebar,.cs2136-spectator-sidebar--right { grid-column: 1 !important; }
  .cs2136-spectator-sidebar--right { grid-row: 3; }
}

/* On phones Channels becomes a dedicated application surface. */
@media (max-width: 600px) {
  body.cs2136-channel-page { width: 100%; height: 100dvh; min-height: 100dvh; overflow: hidden !important; background: #fff; }
  body.cs2136-channel-page > .cs-header,
  body.cs2136-channel-page > .nav-containerLogged,
  body.cs2136-channel-page > footer,
  body.cs2136-channel-page > .cs-footer { display: none !important; }
  body.cs2136-channel-page > .cs-channels-page {
    display: grid !important;
    grid-template-rows: auto minmax(0,1fr) !important;
    width: 100% !important;
    max-width: none !important;
    height: 100dvh !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  .cs2136-channel-mobile-bar { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: max(10px, env(safe-area-inset-top)) 12px 10px; border-bottom: 1px solid #eadfe1; background: #fff; }
  .cs2136-channel-mobile-bar a,
  .cs2136-channel-mobile-bar button { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px 10px; border: 1px solid #e5d7db; border-radius: 12px; background: #fff; color: #c90035; font: 14px gilroy-semibold, sans-serif; text-decoration: none; }
  .cs2136-channel-mobile-bar button { border-color: #c90035; background: #c90035; color: #fff; }
  .cs-channels-page .cs-channels-hero { display: none !important; }
  .cs-channels-page .cs-channels-workspace { min-height: 0 !important; height: 100% !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: hidden !important; }
}

/* ==== antes classicspark-2795.css ==== */
/* 2.8.43.95 — La tarjeta de un enlace, escrita una sola vez.

   Sale de un reporte concreto: en el compositor la vista previa se veia de una forma y al
   publicarla se veia de otra. Eran dos maquetados con dos hojas de estilo distintas, asi que
   cualquier retoque en uno dejaba al otro atras.

   Ahora los dos llevan la clase .cs2795-link-card:
     - la tarjeta publicada  -> .cs2766-post-card__link  (cs2766PostCard.php)
     - la vista previa       -> .cs2764-url-preview      (cs2764ProfilePosts.php)

   Esta hoja se carga DESPUES de las suyas a proposito: es la que manda. Es el mismo aspecto
   que en la app (el mixin cs2795-link-card de src/theme/link-card.scss).

   El alto de la foto se fija solo para la vista previa, y con la cifra de la tarjeta del
   feed: la publicada la ajusta por contexto (feed, detalle, modal) desde hojas anteriores y
   no se toca aqui.                                                                          */

.cs2795-link-card{display:block;overflow:hidden;border:1px solid var(--cs2766-line,#e6dde1);border-radius:14px;background:#fff;color:inherit;text-align:left;text-decoration:none}
.cs2795-link-card>img{display:block;width:100%;object-fit:cover;object-position:center}
.cs2795-link-card>span{display:block;padding:13px 15px}
.cs2795-link-card small{display:block;overflow:hidden;margin:0;color:var(--cs2766-muted,#7d7580);font-size:9px;letter-spacing:.06em;line-height:1.35;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.cs2795-link-card strong{display:block;overflow:hidden;margin:4px 0 0;color:#302b38;font:14px gilroy-semibold,Arial,sans-serif;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.cs2795-link-card p{display:-webkit-box;overflow:hidden;margin:5px 0;color:var(--cs2766-muted,#69616d);font-size:12px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.cs2795-link-card b{display:block;margin-top:7px;color:var(--cs2766-red,#ce0039);font:11px gilroy-semibold,Arial,sans-serif}

/* Lo unico propio del compositor: donde se coloca, y que empiece oculta. La imagen la
   enciende y la apaga site.js con estilo en linea, que gana a esto. */
.cs2764-url-preview.cs2795-link-card{display:none;margin:14px 0 0}
.cs2764-url-preview.cs2795-link-card>img{display:none}

/* El alto de la foto es el de la tarjeta del feed, que es donde va a aparecer. Las dos
   cifras son las de .cs2766-post-card--feed .cs2766-post-card__link>img en 2768.css; la
   prueba del navegador compara las dos y se pone roja si una cambia sin la otra. */
.cs2764-url-preview.cs2795-link-card>img{height:380px!important;max-height:380px!important}
@media(max-width:700px){.cs2764-url-preview.cs2795-link-card>img{height:320px!important;max-height:320px!important}}

/* Mientras se busca, no hay tarjeta que ensenar todavia: solo el aviso. */
.cs2764-url-preview.cs2795-link-card.is-loading>img,
.cs2764-url-preview.cs2795-link-card.is-loading p,
.cs2764-url-preview.cs2795-link-card.is-loading b{display:none!important}

/* 2.8.43.99 — «Este vídeo ya no está disponible».

   Sale donde antes se pedía un reproductor o una miniatura a Mux. No es un error: es un
   vídeo que se subió a un servicio que ya no está contratado y del que no queda copia
   referenciada. Ocupa el mismo hueco que ocupaba el vídeo, para que la tarjeta no salte. */
.cs2799-video-off{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:160px;padding:18px;border:1px dashed var(--cs2766-line,#e6dde1);border-radius:12px;background:#f8f5f6;color:var(--cs2766-muted,#7d7580);text-align:center}
.cs2799-video-off i{font-size:22px;opacity:.55}
.cs2799-video-off span{font-size:12px;line-height:1.4}

/* 4.0.86 - Enlace y foto en la misma publicacion, sin que la tarjeta se haga larguisima.
   Si la publicacion trae foto (o video), el enlace pasa a una franja compacta: miniatura
   a la izquierda y el texto a la derecha. Sin foto, el enlace sigue en grande como antes. */
.cs2766-post-card__link.cs2795-link-card--compacta{display:flex!important;align-items:stretch}
.cs2766-post-card__link.cs2795-link-card--compacta>img{flex:0 0 120px;width:120px!important;height:auto!important;min-height:104px;max-height:none!important;object-fit:cover!important}
.cs2766-post-card__link.cs2795-link-card--compacta>span{flex:1 1 auto;min-width:0;padding:11px 14px}
.cs2766-post-card__link.cs2795-link-card--compacta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs2766-post-card__link.cs2795-link-card--compacta p{-webkit-line-clamp:2}
@media(max-width:520px){
.cs2766-post-card__link.cs2795-link-card--compacta>img{flex-basis:88px;width:88px!important;min-height:88px}
.cs2766-post-card__link.cs2795-link-card--compacta>span{padding:9px 11px}
.cs2766-post-card__link.cs2795-link-card--compacta p{display:none}
}

/* 4.0.86 - La foto de una publicacion en el muro ya no se recorta en cuadrado: toma su
   propia forma, desde 4:5 (vertical) hasta su ancho natural, y como mucho 600px de alto.
   site.js pone la forma en --cs-foto-forma al cargar la foto; mientras tanto se reserva
   un 4:5. Si la foto no cabe entera se ve la parte de arriba (o el centro, si es
   apaisada), con un degradado y «Ver completa». Al pulsar se abre la publicacion, donde
   la foto se ve entera. */
.cs2766-post-card.cs2766-post-card--feed .cs2766-post-card__media--image{display:block!important;width:100%!important;height:auto!important;max-height:600px!important;aspect-ratio:var(--cs-foto-forma,4/5)!important}
.cs2766-post-card.cs2766-post-card--feed .cs2766-post-card__media--image>a{position:relative;width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:auto!important}
.cs2766-post-card.cs2766-post-card--feed .cs2766-post-card__media--image>a>img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center!important}
.cs2766-post-card.cs2766-post-card--feed .cs2766-post-card__media--image.is-vertical>a>img{object-position:center top!important}
.cs2766-post-card__ver-completa{display:none;position:absolute;right:0;bottom:0;left:0;padding:56px 14px 13px;background:linear-gradient(180deg,rgba(24,19,28,0),rgba(24,19,28,.68));color:#fff;font:12px gilroy-semibold,Arial,sans-serif;letter-spacing:.02em;text-align:center;pointer-events:none}
.cs2766-post-card__ver-completa i{margin-right:4px}
.cs2766-post-card__media--image.is-recortada .cs2766-post-card__ver-completa{display:block}

/* 4.0.87 - Varias fotos en una publicacion: la cuadricula del muro.
   2: lado a lado · 3: una arriba y dos abajo · 4: dos por dos · 5 o mas: dos arriba y tres
   abajo, con «+N» en la ultima. Cada foto abre el visor, que pasa entre las de esta
   publicacion (las que no caben van ocultas, pero el visor las cuenta). */
.cs2766-post-card__fotos{position:relative;display:grid;gap:3px;width:100%;aspect-ratio:1/1;max-height:600px;overflow:hidden;background:#f2eff0}
.cs2766-post-card__fotos--2{grid-template-columns:1fr 1fr;aspect-ratio:8/5}
.cs2766-post-card__fotos--3{grid-template-columns:1fr 1fr;grid-template-rows:3fr 2fr}
.cs2766-post-card__fotos--3>.cs2766-post-card__foto:first-child{grid-column:1/-1}
.cs2766-post-card__fotos--4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.cs2766-post-card__fotos--5{grid-template-columns:repeat(6,1fr);grid-template-rows:3fr 2fr}
.cs2766-post-card__fotos--5>.cs2766-post-card__foto{grid-column:span 2}
.cs2766-post-card__fotos--5>.cs2766-post-card__foto:nth-child(-n+2){grid-column:span 3}
.cs2766-post-card__foto{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;padding:0;border:0;background:#e9e4e6;cursor:zoom-in}
.cs2766-post-card__foto>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .25s ease}
.cs2766-post-card__foto:hover>img{transform:scale(1.02)}
.cs2766-post-card__foto:focus-visible{outline:3px solid var(--cs2766-red,#ce0039);outline-offset:-3px}
.cs2766-post-card__foto.is-oculta{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}
.cs2766-post-card__mas{position:absolute;inset:0;display:grid;place-items:center;background:rgba(24,19,28,.52);color:#fff;font:30px gilroy-semibold,Arial,sans-serif;letter-spacing:.02em}

/* 4.0.87 - El compositor: fotos que se agregan con el boton, soltandolas encima o pegandolas.
   Se ordenan arrastrando (o con las flechas, en el telefono) y se quitan con la X. */
.cs2764-composer{position:relative}
.cs2764-composer__soltar{position:absolute;inset:6px;z-index:5;display:none;place-content:center;justify-items:center;gap:8px;border:2px dashed var(--cs2766-red,#ce0039);border-radius:16px;background:rgba(255,255,255,.93);color:var(--cs2766-red,#ce0039);font:15px gilroy-semibold,Arial,sans-serif;pointer-events:none}
.cs2764-composer__soltar i{font-size:30px}
.cs2764-composer.is-arrastrando .cs2764-composer__soltar{display:grid}
.cs2764-fotos{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.cs2764-fotos[hidden]{display:none}
.cs2764-fotos__item{position:relative;width:96px;height:96px;overflow:hidden;border-radius:11px;background:#f2eff0;cursor:grab}
.cs2764-fotos__item.is-arrastrada{opacity:.4}
.cs2764-fotos__item.is-destino{outline:2px solid var(--cs2766-red,#ce0039);outline-offset:2px}
.cs2764-fotos__item>img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.cs2764-fotos__numero{position:absolute;top:5px;left:5px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:rgba(24,19,28,.68);color:#fff;font:11px/20px gilroy-semibold,Arial,sans-serif;text-align:center}
.cs2764-fotos__quitar,.cs2764-fotos__mueve{position:absolute;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:rgba(24,19,28,.68);color:#fff;font-size:11px;cursor:pointer}
.cs2764-fotos__quitar{top:5px;right:5px}
.cs2764-fotos__mueve{bottom:5px;opacity:0;transition:opacity .15s}
.cs2764-fotos__mueve.is-antes{left:5px}
.cs2764-fotos__mueve.is-despues{right:5px}
.cs2764-fotos__mueve:disabled{display:none}
.cs2764-fotos__item:hover .cs2764-fotos__mueve,.cs2764-fotos__item:focus-within .cs2764-fotos__mueve{opacity:1}
.cs2764-fotos__agregar{display:grid;place-content:center;justify-items:center;gap:4px;width:96px;height:96px;margin:0;border:1px dashed #cdbfc4;border-radius:11px;background:#fbf9fa;color:#7d7580;font:11px gilroy-semibold,Arial,sans-serif;text-align:center;cursor:pointer}
.cs2764-fotos__agregar i{font-size:20px;color:var(--cs2766-red,#ce0039)}
.cs2764-fotos__agregar:hover{border-color:var(--cs2766-red,#ce0039)}
@media(hover:none){.cs2764-fotos__mueve{opacity:1}}
@media(max-width:520px){.cs2764-fotos__item,.cs2764-fotos__agregar{width:76px;height:76px}}