/* Comunidad EMIR · muro de técnicos (fase 1) */
.cm-muro{min-width:0}
.cm-nuevo{background:var(--sup);border:1px solid var(--linea);border-radius:var(--radio-2);padding:16px;margin-bottom:16px}
.cm-nuevo .cm-fila{display:flex;gap:12px;align-items:flex-start}
.cm-nuevo textarea{min-height:64px;flex:1;transition:min-height var(--dur-2)}
.cm-nuevo textarea:focus{min-height:110px}
.cm-extras{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0 52px}
.cm-extra{display:inline-flex;align-items:center;gap:8px;background:rgba(var(--tinta-rgb),.05);border:1px solid var(--linea2);color:var(--texto);border-radius:var(--radio-3);padding:8px 12px;font:600 var(--t-3) var(--f);cursor:pointer}
.cm-extra.on{border-color:var(--menta);color:var(--menta)}
.cm-extra svg{width:16px;height:16px}
.cm-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:12px 0 0 52px}
.cm-campos input{padding:12px 12px;font-size:var(--t-4)}
.cm-prev{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0 52px}
.cm-prev div{position:relative;width:78px;height:78px;border-radius:var(--radio-2);overflow:hidden;border:1px solid var(--linea2)}
.cm-prev img{width:100%;height:100%;object-fit:cover;display:block}
.cm-prev button{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;border:0;background:rgba(0,0,0,.75);color:#fff;font-size:var(--t-2);cursor:pointer;line-height:22px;padding:0}
.cm-pie{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:12px 0 0 52px}
.cm-pie .hint{margin:0}
.cm-staff{display:flex;gap:16px;flex-wrap:wrap;font-size:var(--t-3);color:var(--gris)}
.cm-staff label{display:inline-flex;gap:8px;align-items:center;margin:0;cursor:pointer}
.cm-staff input{width:auto}
@media(max-width:600px){.cm-extras,.cm-campos,.cm-prev,.cm-pie{margin-left:0}}

.cm-filtros{display:flex;gap:8px;overflow-x:auto;margin:4px 0 16px;padding-bottom:2px}
.cm-filtros .pas{white-space:nowrap}
.cm-filtros .pas.on{border-color:var(--menta);color:var(--menta);background:var(--menta-osc)}

.cm-post{background:var(--sup);border:1px solid var(--linea);border-radius:var(--radio-2);padding:16px;margin-bottom:12px}
.cm-post.emir{border-color:rgba(var(--menta-rgb),.35);background:linear-gradient(180deg,rgba(var(--menta-rgb),.06),transparent 120px),var(--sup)}
.cm-post.oculto-p{opacity:.75;border-style:dashed}
.cm-cab{display:flex;gap:12px;align-items:center}
.cm-cab .avatar{cursor:default}
.cm-cab .avatar.emir{background:#000;border-color:var(--menta);padding:4px}
.cm-cab .avatar.emir img{width:100%;height:100%;object-fit:contain}
.cm-quien{flex:1;min-width:0}
.cm-quien b{font-size:var(--t-4)}
.cm-quien .meta{color:var(--gris);font-size:var(--t-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-fijo{font-size:var(--t-1);font-weight:700;color:var(--menta);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;display:flex;gap:8px;align-items:center}
.cm-aviso{background:var(--ambar-osc);color:var(--ambar);border-radius:var(--radio-2);padding:8px 12px;font-size:var(--t-3);margin:12px 0 0}
.cm-texto{margin:12px 0 0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;font-size:var(--t-4);line-height:1.55;color:var(--texto)}
.cm-datos{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.cm-datos .chip b{font-family:var(--num);font-size:var(--t-3);letter-spacing:.03em}
.cm-fotos{display:grid;gap:4px;margin-top:12px;border-radius:var(--radio-2);overflow:hidden}
.cm-fotos.n1{grid-template-columns:1fr}
.cm-fotos.n2,.cm-fotos.n4{grid-template-columns:1fr 1fr}
.cm-fotos.n3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
.cm-fotos.n3 button:first-child{grid-row:span 2}
.cm-fotos button{padding:0;border:0;background:var(--panel);cursor:zoom-in;aspect-ratio:4/3;overflow:hidden}
.cm-fotos.n1 button{aspect-ratio:auto;max-height:520px}
.cm-fotos.n3 button{aspect-ratio:auto;min-height:120px}
.cm-fotos img{width:100%;height:100%;object-fit:cover;display:block}
.cm-fotos.n1 img{object-fit:contain;max-height:520px;background:#000}
.cm-liga{display:flex;gap:12px;align-items:center;margin-top:12px;padding:12px 16px;border:1px solid var(--linea2);border-radius:var(--radio-2);color:var(--tinta);background:rgba(var(--tinta-rgb),.03)}
.cm-liga:hover{border-color:var(--menta)}
.cm-liga i{flex:0 0 auto;width:36px;height:36px;border-radius:var(--radio-1);display:flex;align-items:center;justify-content:center;font:800 var(--t-3) var(--f);font-style:normal;color:var(--tinta)}
.cm-liga span{flex:1;min-width:0}.cm-liga small{display:block;color:var(--gris);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cm-acc{display:flex;gap:4px;margin-top:12px;padding-top:8px;border-top:1px solid var(--linea)}
.cm-acc button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:0;color:var(--gris);font:600 var(--t-3) var(--f);padding:8px 8px;border-radius:var(--radio-1);cursor:pointer}
.cm-acc button:hover{background:rgba(var(--tinta-rgb),.05);color:var(--tinta)}
.cm-acc button.on{color:var(--menta)}
.cm-acc svg{width:18px;height:18px}
.cm-menu{position:relative}
.cm-menu summary{list-style:none;cursor:pointer;color:var(--gris);font-size:var(--t-6);line-height:1;padding:4px 8px;border-radius:var(--radio-1)}
.cm-menu summary::-webkit-details-marker{display:none}
.cm-menu summary:hover{background:rgba(var(--tinta-rgb),.06);color:var(--tinta)}
.cm-menu div{position:absolute;right:0;top:30px;z-index:5;background:var(--sup2);border:1px solid var(--linea2);border-radius:var(--radio-2);padding:8px;min-width:190px;box-shadow: var(--sombra-2)}
.cm-menu div button{display:block;width:100%;text-align:left;background:none;border:0;color:var(--texto);font:500 var(--t-3) var(--f);padding:8px 12px;border-radius:var(--radio-1);cursor:pointer}
.cm-menu div button:hover{background:rgba(var(--tinta-rgb),.07)}
.cm-menu div button.malo{color:var(--rojo)}
.cm-coms{margin-top:8px}
.cm-com{display:flex;gap:12px;margin-top:12px}
.cm-com .cm-burbuja{flex:1;min-width:0;background:rgba(var(--tinta-rgb),.05);border-radius:var(--radio-2);padding:8px 12px}
.cm-com .cm-burbuja b{font-size:var(--t-3)}
.cm-com .cm-burbuja p{margin:2px 0 0;font-size:var(--t-3);white-space:pre-wrap;overflow-wrap:anywhere}
.cm-com .bajo{display:flex;gap:12px;font-size:var(--t-2);color:var(--gris2);margin:4px 0 0 12px}
.cm-com .bajo button{background:none;border:0;color:var(--gris);font:600 var(--t-2) var(--f);padding:0;cursor:pointer}
.cm-escribe{display:flex;gap:8px;margin-top:12px}
.cm-escribe input{padding:12px 16px;border-radius:var(--radio-3);font-size:var(--t-4)}
.cm-escribe .btn{flex:0 0 auto}
.cm-vacio{text-align:center;padding:36px 20px}
.cm-mas{display:block;margin:8px auto 32px}
.cm-lado .caja{margin-bottom:16px;padding:20px}
.cm-lado h3{font-size:var(--t-4);margin:0 0 12px}
.cm-lado ul{margin:0;padding-left:20px;color:var(--texto2);font-size:var(--t-3)}
.cm-lado li{margin-bottom:8px}
.cm-redes{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:900px){.cm-lado{display:none}}
.cm-dlg{background:var(--sup);color:var(--texto);border:1px solid var(--linea2);border-radius:var(--radio-2);padding:20px;max-width:min(440px,92vw);width:100%}
.cm-dlg::backdrop{background:rgba(0,0,0,.75)}
.cm-dlg h3{margin:0 0 12px}
.cm-dlg label.op{display:flex;gap:12px;align-items:center;margin:8px 0;font-weight:500;cursor:pointer}
.cm-dlg label.op input{width:auto}
.cm-foto{padding:0;border:0;background:transparent;max-width:96vw;max-height:94vh;overflow:visible}
.cm-foto::backdrop{background:rgba(0,0,0,.9)}
.cm-foto img{display:block;max-width:96vw;max-height:90vh;border-radius:var(--radio-2)}
.cm-foto button{position:absolute;top:-12px;right:-6px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(var(--tinta-rgb),.3);background:var(--sup);color:var(--tinta);font-size:var(--t-4);cursor:pointer}
/* panel */
.cm-rep{background:var(--sup);border:1px solid var(--linea);border-radius:var(--radio-2);padding:16px;margin-bottom:12px}
.cm-rep .cm-texto{margin-top:8px;font-size:var(--t-3)}
.cm-rep .motivos{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.cm-rep .acciones{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.cm-rep .mini{display:flex;gap:8px;margin-top:12px}.cm-rep .mini img{width:64px;height:64px;object-fit:cover;border-radius:var(--radio-1)}
/* fase 2: pestañas, foro, boletines y avisos */
.cm-tabs{display:flex;gap:4px;background:var(--sup);border:1px solid var(--linea);border-radius:var(--radio-2);padding:4px;margin-bottom:16px}
.cm-tabs button{flex:1;position:relative;background:none;border:0;color:var(--gris);font:700 var(--t-4) var(--f);padding:12px 8px;border-radius:var(--radio-2);cursor:pointer}
.cm-tabs button:hover{color:var(--tinta)}
.cm-tabs button.on{background:var(--menta);color:var(--sobre-menta)}
.cm-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;margin-left:8px;border-radius:var(--radio-1);background:var(--rojo);color:#fff;font:800 var(--t-1) var(--f);vertical-align:2px}
.abajo [data-p="comunidad"],header.top [data-p="comunidad"]{position:relative}
.abajo [data-p="comunidad"] .cm-badge{position:absolute;top:2px;left:calc(50% + 6px);margin:0}
.cm-intro{margin:0 0 12px}
.cm-staffnota{margin-bottom:16px}
.cm-etq{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.cm-nuevo-chip{background:var(--rojo-osc);color:var(--rojo)}
.cm-titulo{font-size:var(--t-5);line-height:1.3;margin:8px 0 0;letter-spacing:-.01em}
.cm-titulo+.cm-texto{margin-top:8px}
.cm-com.mejor .cm-burbuja{background:var(--menta-osc);border:1px solid rgba(var(--menta-rgb),.35)}
.cm-mejor{display:block;color:var(--menta);font-size:var(--t-2);font-weight:800;margin-bottom:2px}
.cm-com .bajo button.cm-elegir{color:var(--menta)}
.cm-eqnov{display:flex;gap:12px;align-items:center;width:100%;text-align:left;margin:12px 0 0;padding:12px 12px;border-radius:var(--radio-2);border:1px solid var(--linea2);background:rgba(var(--tinta-rgb),.03);color:var(--texto);font:inherit;cursor:pointer}
.cm-eqnov:hover{border-color:var(--menta)}
.cm-eqnov .punto{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--gris2)}
.cm-eqnov.on{border-color:rgba(var(--menta-rgb),.45);background:var(--menta-osc)}
.cm-eqnov.on .punto{background:var(--menta);box-shadow:0 0 10px var(--menta)}
.cm-eqnov span:nth-child(2){flex:1;min-width:0}.cm-eqnov b{display:block;font-size:var(--t-3)}
.cm-eqnov small{display:block;color:var(--gris);font-size:var(--t-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-eqnov i{font-style:normal;font-weight:700;color:var(--menta);font-size:var(--t-3)}
.cm-bol textarea{min-height:110px}
/* insignia EMIR: placa en diagonal estilo carreras (como «DISTRIBUIDOR OFICIAL | MÉXICO») */
.cm-emir{display:inline-flex;align-items:stretch;height:17px;margin-left:8px;vertical-align:-2px;transform:skewX(-14deg);background:var(--menta);box-shadow:0 0 12px rgba(var(--menta-rgb),.28);overflow:hidden}
.cm-emir i{width:3px;margin-right:2px;background:var(--panel);opacity:.55;box-shadow:5px 0 0 rgba(11,15,20,.25)}
.cm-emir span{display:flex;align-items:center;padding:0 8px 0 8px;transform:skewX(14deg);font:800 italic var(--t-2)/1 'Barlow Condensed',Archivo,sans-serif;letter-spacing:.14em;color:#0B0F14}
.cm-quien b+.cm-emir{margin-left:8px}
/* elegir cómo publica el equipo */
.cm-staff>span{color:var(--gris)}
.cm-como{display:inline-flex;border:1px solid var(--linea2);border-radius:var(--radio-2);overflow:hidden}
.cm-como label{margin:0;cursor:pointer}
.cm-como input{position:absolute;opacity:0;width:1px;height:1px}
.cm-como span{display:block;padding:8px 12px;font-size:var(--t-3);font-weight:700;color:var(--texto2)}
.cm-como input:checked+span{background:var(--menta);color:var(--sobre-menta)}
.cm-como input:focus-visible+span{outline:2px solid var(--menta);outline-offset:-2px}
.cm-staff{align-items:center}
.cm-acc button span{white-space:nowrap}
@media(max-width:420px){.cm-acc button{font-size:var(--t-3);gap:4px;padding:8px 2px}.cm-acc svg{width:16px;height:16px}}
/* pestañas Muro · Preguntas · De EMIR: control segmentado moderno */
.cm-tabs{gap:4px;padding:4px;border-radius:var(--radio-2);background:rgba(15,20,27,.92);border:1px solid var(--linea2);box-shadow: var(--sombra-2)}
.cm-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 12px;border-radius:var(--radio-2);font:700 var(--t-3) var(--f);letter-spacing:.01em;color:var(--texto2);transition:background var(--dur-2) var(--curva-entra),color var(--dur-2) var(--curva-entra),box-shadow var(--dur-2) var(--curva-entra),transform var(--dur-1) var(--curva-entra)}
.cm-tabs button svg{width:19px;height:19px;flex:0 0 auto}
.cm-tabs button:hover{color:var(--tinta);background:rgba(var(--tinta-rgb),.05)}
.cm-tabs button:active{transform:scale(.97)}
.cm-tabs button.on{background:var(--menta);color:var(--sobre-menta);box-shadow:0 4px 16px rgba(var(--menta-rgb),.28)}
.cm-tabs button:focus-visible{outline:2px solid var(--menta);outline-offset:2px}
.cm-tab-logo{height:22px;width:auto;display:block;opacity:.85;transition:filter var(--dur-2) var(--curva-entra),opacity var(--dur-2) var(--curva-entra)}
.cm-tabs button:hover .cm-tab-logo{opacity:1}
.cm-tabs button.on .cm-tab-logo{filter:brightness(0);opacity:1}
.cm-tabs .cm-badge{margin-left:2px}
@media(max-width:900px){
  .cm-tabs{position:sticky;top:var(--cm-tabs-top,0px);z-index:6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .cm-tabs button{font-size:var(--t-3);gap:8px;padding:8px 8px}
}
@media(prefers-reduced-motion:reduce){.cm-tabs button,.cm-tab-logo{transition:none}}
@media(max-width:900px){.cm-tab-logo{height:19px}}
/* más visual: la foto va primero, de orilla a orilla de la tarjeta, recortada sin deformar */
.cm-post .cm-fotos{margin:12px -16px 0;border-radius:0;gap:4px}
.cm-post .cm-fotos.n1 button{aspect-ratio:4/3;max-height:none}
.cm-post .cm-fotos.n1 img{object-fit:cover;max-height:none;background:var(--panel)}
.cm-post .cm-fotos.n2 button,.cm-post .cm-fotos.n4 button{aspect-ratio:1/1}
.cm-post .cm-fotos.n3{grid-template-rows:auto auto}
.cm-post .cm-fotos.n3 button{aspect-ratio:1/1;min-height:0}
.cm-post .cm-fotos.n3 button:first-child{aspect-ratio:auto}
.cm-post .cm-fotos img{transition:transform var(--dur-3) var(--curva-entra)}
.cm-post .cm-fotos button:hover img{transform:scale(1.02)}
.cm-post .cm-fotos+.cm-etq{margin-top:12px}
.cm-post .cm-fotos~.cm-titulo{margin-top:12px}
/* texto corto: 3 renglones (2 si hay foto) y «Ver más» */
.cm-texto.corto{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.cm-texto.corto.con-foto{-webkit-line-clamp:2;line-clamp:2}
.cm-fotos~.cm-texto{margin-top:12px}
.cm-vermas{background:none;border:0;padding:2px 0 0;color:var(--gris);font:700 var(--t-3) var(--f);cursor:pointer}
.cm-vermas:hover{color:var(--tinta)}
@media(prefers-reduced-motion:reduce){.cm-post .cm-fotos img{transition:none}}
.cm-post.emir .cm-fotos.n1 button{aspect-ratio:16/9}
/* una sola foto: completa, con su proporción real (sin recortar ni deformar); alto máximo ~75% de la pantalla y fondo oscuro a los lados si es vertical */
.cm-post .cm-fotos.n1{background:#05070A}
.cm-post .cm-fotos.n1 button,.cm-post.emir .cm-fotos.n1 button{aspect-ratio:auto;display:flex;align-items:center;justify-content:center;width:100%;background:#05070A}
.cm-post .cm-fotos.n1 img{width:auto;max-width:100%;height:auto;max-height:75vh;object-fit:contain;background:transparent}
.cm-post .cm-fotos.n1 button:hover img{transform:none}
/* caja para publicar: corta, dinámica y completa en celular */
.cm-nuevo.compacto{padding:16px}
.cm-nuevo.compacto textarea{min-height:46px;height:46px;padding:12px 16px;font-size:var(--t-4);line-height:1.4;resize:none;overflow:hidden;transition:none}
.cm-nuevo.compacto textarea:focus{min-height:46px}
.cm-nuevo .cm-fila .avatar{cursor:pointer}
.cm-rapidos,.cm-tags{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:12px 0 0 52px;padding-bottom:2px}
.cm-rapidos::-webkit-scrollbar,.cm-tags::-webkit-scrollbar{display:none}
.cm-rapido{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--linea2);background:rgba(var(--tinta-rgb),.04);color:var(--texto);border-radius:var(--radio-3);padding:8px 12px;font:600 var(--t-3) var(--f);cursor:pointer;transition:border-color var(--dur-2),background var(--dur-2)}
.cm-rapido:hover{border-color:var(--menta);background:var(--menta-osc)}
.cm-rapido i{font-style:normal}
.cm-tag{flex:0 0 auto;border:0;background:rgba(var(--menta-rgb),.1);color:var(--menta);border-radius:var(--radio-1);padding:4px 8px;font:700 var(--t-3) var(--f);cursor:pointer}
.cm-tag:hover{background:rgba(var(--menta-rgb),.2)}
.cm-barra{display:flex;align-items:center;gap:8px;margin:12px 0 0 52px}
.cm-foto-btn{display:inline-flex;align-items:center;gap:8px;border:0;background:rgba(var(--menta-rgb),.14);color:var(--menta);font:800 var(--t-3) var(--f);border-radius:var(--radio-2);padding:12px 16px;cursor:pointer}
.cm-foto-btn:hover{background:rgba(var(--menta-rgb),.24)}
.cm-foto-btn svg{width:20px;height:20px}
.cm-ico{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--linea2);background:none;color:var(--texto2);border-radius:var(--radio-2);cursor:pointer}
.cm-ico.on,.cm-ico:hover{border-color:var(--menta);color:var(--menta)}
.cm-ico svg{width:18px;height:18px}
.cm-cuenta{margin-left:auto;color:var(--gris2);font:600 var(--t-2) var(--num)}
.cm-barra .btn{margin-left:0}
.cm-cuenta:empty+.btn{margin-left:auto}
.cm-reglas{margin:8px 0 0 52px;font-size:var(--t-2)}
.cm-nuevo .cm-staff{margin:12px 0 0 52px}
/* hashtags dentro de las publicaciones */
.cm-hash{border:0;background:none;padding:0;color:var(--menta);font:inherit;font-weight:700;cursor:pointer}
.cm-hash:hover{text-decoration:underline}
/* vistas de perfil y de hashtag */
[data-perfil]{cursor:pointer}
.cm-quien b[data-perfil]:hover{text-decoration:underline}
.cm-vista-cab{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.cm-vista-cab>div{display:flex;flex-direction:column}
.cm-vista-cab .hint{margin:0}
.cm-volver{width:40px;height:40px;flex:0 0 auto;border-radius:50%;border:1px solid var(--linea2);background:var(--sup);color:var(--tinta);font-size:var(--t-5);cursor:pointer}
.cm-volver:hover{border-color:var(--menta)}
.cm-tag-grande{font-size:var(--t-6);color:var(--menta);letter-spacing:-.01em}
.cm-perfil{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;align-items:center;background:var(--sup);border:1px solid var(--linea);border-radius:var(--radio-3);padding:20px;margin-bottom:16px}
.cm-perfil .avatar.g{width:84px;height:84px;font-size:var(--t-7);grid-row:span 1}
.cm-perfil-txt h2{margin:0;font-size:var(--t-6);letter-spacing:-.02em;display:flex;align-items:center;flex-wrap:wrap}
.cm-perfil-txt p{margin:2px 0 0;color:var(--texto2);font-size:var(--t-3)}
.cm-perfil-txt small{color:var(--gris);font-size:var(--t-2)}
.cm-perfil-cifras{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.cm-perfil-cifras div{background:rgba(var(--tinta-rgb),.04);border-radius:var(--radio-2);padding:12px 8px;text-align:center}
.cm-perfil-cifras b{display:block;font:800 var(--t-6) var(--num);color:var(--tinta)}
.cm-perfil-cifras span{font-size:var(--t-1);color:var(--gris)}
.cm-perfil-pines{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.cm-pin{border:1px solid var(--linea2);border-radius:var(--radio-3);padding:4px 12px;font-size:var(--t-2);color:var(--texto)}
.cm-perfil-acc{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.cm-perfil-acc .btn{margin:0}
.cm-perfil-sub{font-size:var(--t-4);margin:0 0 12px;color:var(--gris)}
@media(max-width:600px){
  .cm-rapidos,.cm-tags,.cm-barra,.cm-reglas,.cm-nuevo .cm-staff{margin-left:0}
  .cm-nuevo.compacto .cm-campos,.cm-nuevo.compacto .cm-prev{margin-left:0}
  .cm-foto-btn{padding:12px 16px}
  .cm-perfil{padding:16px;gap:4px 16px}.cm-perfil .avatar.g{width:68px;height:68px;font-size:var(--t-6)}.cm-perfil-txt h2{font-size:var(--t-6)}
  .cm-perfil-cifras b{font-size:var(--t-5)}.cm-perfil-cifras span{font-size:var(--t-1)}
}
/* ================= El Club, red social: revisión de diseño ================= */
/* el muro sobre fondo liso (sin circuitos asomándose entre tarjetas) */
.cm-muro{background:var(--fondo);border-radius:var(--radio-3);box-shadow:0 0 0 10px var(--fondo)}
/* «Hoy en El Club»: círculos tipo historias */
.cm-hoy{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;padding:4px 2px 16px;align-items:flex-start}
.cm-hoy::-webkit-scrollbar{display:none}
.cm-hoy:empty{min-height:92px}
.cm-circ{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;width:70px;background:none;border:0;padding:0;color:var(--texto);cursor:pointer}
.cm-circ small{font-size:var(--t-2);font-weight:600;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-aro{position:relative;display:block;width:68px;height:68px;border-radius:50%;padding:4px;background:var(--linea2);transition:transform var(--dur-2) var(--curva-entra)}
.cm-aro.on{background:conic-gradient(from 200deg,var(--menta),#3EE0FF,#FFB020,var(--menta))}
.cm-circ:active .cm-aro{transform:scale(.94)}
.cm-aro .avatar{width:100%!important;height:100%!important;font-size:var(--t-6);border:3px solid var(--fondo)!important;cursor:pointer}
.cm-aro .avatar.foto{background-size:cover;background-position:center;background-color:var(--panel)}
.cm-circ.yo .cm-aro{background:transparent;border:2px dashed rgba(var(--menta-rgb),.6);padding:2px}
.cm-mas{position:absolute;right:-2px;bottom:-2px;width:24px;height:24px;border-radius:50%;background:var(--menta);color:var(--sobre-menta);font:900 var(--t-5)/var(--t-6) var(--f);font-style:normal;text-align:center;border:3px solid var(--fondo)}
.cm-hoy-vacio{align-self:center;margin:0;color:var(--gris);font-size:var(--t-3);white-space:nowrap}
/* visor de las fotos de hoy */
.cm-hist{border:0;padding:0;margin:auto;width:min(480px,100vw);height:min(860px,100dvh);max-width:100vw;max-height:100dvh;background:#000;color:#fff;overflow:hidden}
.cm-hist::backdrop{background:rgba(0,0,0,.92)}
.cm-hist img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.cm-hist-barras{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:4px;z-index:3}
.cm-hist-barras i{flex:1;height:3px;border-radius:2px;background:rgba(var(--tinta-rgb),.3);overflow:hidden;position:relative}
.cm-hist-barras i.llena{background:#fff}
.cm-hist-barras i.va::after{content:"";position:absolute;inset:0;background:#fff;transform-origin:left;animation:cmBarra 6s linear forwards}
@keyframes cmBarra{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.cm-hist-cab{position:absolute;top:22px;left:14px;right:14px;display:flex;gap:12px;align-items:center;z-index:3;text-shadow:0 1px 6px rgba(0,0,0,.8)}
.cm-hist-cab span{color:#ddd;font-size:var(--t-3)}
.cm-hist-x{margin-left:auto;width:38px;height:38px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:var(--t-5);cursor:pointer}
.cm-hist-txt{position:absolute;left:0;right:0;bottom:0;margin:0;padding:40px 20px 28px;background:linear-gradient(transparent,rgba(0,0,0,.85));font-size:var(--t-4);line-height:1.45;z-index:3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.cm-hist-zona{position:absolute;top:70px;bottom:120px;width:40%;border:0;background:transparent;z-index:2;cursor:pointer}
.cm-hist-zona.izq{left:0}.cm-hist-zona.der{right:0}
/* caja cerrada: una línea con foto rápida */
.cm-hoja-cab{display:none}
.cm-cam-rapida{display:none;flex:0 0 auto;width:46px;height:46px;border-radius:var(--radio-2);border:0;background:rgba(var(--menta-rgb),.14);color:var(--menta);cursor:pointer;align-items:center;justify-content:center}
.cm-cam-rapida svg{width:22px;height:22px}
.cm-nuevo.cerrado .cm-cam-rapida{display:inline-flex}
.cm-nuevo.cerrado .cm-rapidos,.cm-nuevo.cerrado .cm-tags,.cm-nuevo.cerrado .cm-campos,.cm-nuevo.cerrado .cm-barra,.cm-nuevo.cerrado .cm-reglas,.cm-nuevo.cerrado .cm-staff,.cm-nuevo.cerrado #cmMsg:empty{display:none!important}
.cm-nuevo.cerrado textarea{cursor:pointer;border-radius:var(--radio-3)}
.cm-nuevo .cm-fila{align-items:center}
/* en celular, la caja abierta es una hoja que sube desde abajo */
.cm-velo{position:fixed;inset:0;z-index:58;background:rgba(0,0,0,.6);backdrop-filter:blur(2px);animation:cmAparece var(--dur-2) var(--curva-entra)}
.cm-nuevo.hoja{position:fixed;left:0;right:0;bottom:0;z-index:59;margin:0;border-radius:var(--radio-3) var(--radio-3) 0 0;max-height:88dvh;overflow:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom));box-shadow: var(--sombra-3);animation:cmSube var(--dur-2) cubic-bezier(.2,.9,.3,1)}
.cm-nuevo.hoja .cm-hoja-cab{display:flex;align-items:center;justify-content:space-between;margin:-4px 0 12px}
.cm-nuevo.hoja .cm-hoja-cab::before{content:"";position:absolute;left:50%;top:7px;width:40px;height:4px;border-radius:2px;background:var(--linea2);transform:translateX(-50%)}
.cm-cerrar-hoja{width:36px;height:36px;border-radius:50%;border:1px solid var(--linea2);background:none;color:var(--tinta);cursor:pointer}
@keyframes cmSube{from{transform:translateY(100%)}to{transform:none}}
@keyframes cmAparece{from{opacity:0}to{opacity:1}}
body.cm-hoja-abierta{overflow:hidden}
/* botón flotante «+» (celular) */
.cm-fab{display:none}
@media(max-width:900px){
  body[data-p="comunidad"] .cm-fab{display:flex;position:fixed;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:40;width:58px;height:58px;border-radius:50%;border:0;align-items:center;justify-content:center;background:var(--menta);color:var(--sobre-menta);box-shadow:0 10px 26px rgba(var(--menta-rgb),.35),0 4px 12px rgba(0,0,0,.5);cursor:pointer;transition:transform var(--dur-1) var(--curva-entra)}
  body[data-p="comunidad"] .cm-fab:active{transform:scale(.92)}
  body[data-p="comunidad"] .cm-fab svg{width:26px;height:26px}
  body.cm-hoja-abierta .cm-fab{display:none!important}
  /* en El Club, el botón «+» toma el lugar de Xamur en celular */
  body[data-p="comunidad"] .xamur{display:none!important}
}
/* tarjetas: acciones grandes y animaciones */
.cm-acc button{min-height:44px;font-size:var(--t-3);border-radius:var(--radio-2);position:relative}
.cm-acc button.on{background:rgba(var(--menta-rgb),.08)}
.cm-acc button.latido svg{animation:cmLatido var(--dur-3) cubic-bezier(.2,1.6,.4,1)}
@keyframes cmLatido{0%{transform:scale(1)}40%{transform:scale(1.45) rotate(-10deg)}100%{transform:scale(1)}}
.cm-mas1{position:absolute;left:50%;top:0;font-style:normal;font-weight:800;color:var(--menta);pointer-events:none;animation:cmMas1 .9s var(--curva-entra) forwards}
@keyframes cmMas1{from{opacity:1;transform:translate(-50%,0)}to{opacity:0;transform:translate(-50%,-28px)}}
.cm-post{transition:border-color var(--dur-3) var(--curva-entra)}
.cm-post.recien{animation:cmRecien 1.2s var(--curva-entra);border-color:rgba(var(--menta-rgb),.6)}
@keyframes cmRecien{0%{opacity:0;transform:translateY(-14px) scale(.98);box-shadow:0 0 0 0 rgba(var(--menta-rgb),.5)}40%{opacity:1;transform:none;box-shadow:0 0 0 8px rgba(var(--menta-rgb),.15)}100%{box-shadow:0 0 0 0 rgba(var(--menta-rgb),0)}}
/* estados vacíos que invitan */
.cm-vacio-ico{font-size:40px;line-height:1;margin-bottom:12px}
.cm-vacio-btn{margin-top:16px}
@media(prefers-reduced-motion:reduce){.cm-acc button.latido svg,.cm-mas1,.cm-post.recien,.cm-nuevo.hoja,.cm-velo,.cm-hist-barras i.va::after{animation:none!important}}
@media(max-width:900px){
  body[data-p="comunidad"] .cm-fab{position:fixed!important;right:16px!important;left:auto!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;z-index:45!important}
}
@media(max-width:420px){.cm-acc button{font-size:var(--t-3);gap:4px;padding:8px 2px}}
/* la hoja vive dentro de El Club: el velo va en el mismo nivel y la barra de abajo se esconde mientras está abierta */
.cm-velo{position:fixed!important;inset:0!important;z-index:58!important}
.cm-nuevo.hoja{max-height:calc(100dvh - 110px)}
body.cm-hoja-abierta #abajo{display:none!important}
/* historias de 24 h */
.cm-circ.yo{position:relative}
.cm-circ.yo .cm-aro{border:2px dashed rgba(var(--menta-rgb),.6);background:transparent;padding:2px}
.cm-circ.yo .cm-aro.mia{border:0;padding:4px;background:conic-gradient(from 200deg,var(--menta),#3EE0FF,var(--menta))}
.cm-circ.yo .cm-mas{position:absolute;right:-2px;top:46px;bottom:auto;width:26px;height:26px;border-radius:50%;background:var(--menta);color:var(--sobre-menta);font:900 var(--t-5)/var(--t-6) var(--f);border:3px solid var(--fondo);cursor:pointer;padding:0;z-index:2}
.cm-circ.recien .cm-aro{animation:cmLatido .6s cubic-bezier(.2,1.6,.4,1)}
.cm-aro.on.hist{background:conic-gradient(from 200deg,#FFB020,#FF5A4E,#3EE0FF,var(--menta),#FFB020)}
.cm-hist-cab .cm-emir{margin-left:0}
.cm-hist-pie{position:absolute;right:14px;top:70px;z-index:4;display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.cm-hist-pie button{border:0;border-radius:var(--radio-3);padding:8px 12px;background:rgba(0,0,0,.55);color:#fff;font:700 var(--t-3) var(--f);cursor:pointer;backdrop-filter:blur(6px)}
.cm-hist-aviso{position:absolute;left:14px;top:70px;z-index:4;margin:0;padding:8px 12px;border-radius:var(--radio-1);background:var(--ambar);color:#000;font:700 var(--t-2) var(--f)}
/* selector Publicación / Historia */
.cm-modo{display:none;gap:4px;padding:4px;margin:0 0 12px;border-radius:var(--radio-2);background:rgba(var(--tinta-rgb),.04);border:1px solid var(--linea2)}
.cm-nuevo:not(.cerrado) .cm-modo{display:flex}
.cm-modo label{flex:1;margin:0;cursor:pointer}
.cm-modo input{position:absolute;opacity:0;width:1px;height:1px}
.cm-modo span{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 8px;border-radius:var(--radio-2);font:700 var(--t-3) var(--f);color:var(--texto2);transition:background var(--dur-2),color var(--dur-2)}
.cm-modo span small{font-size:var(--t-1);opacity:.8}
.cm-modo input:checked+span{background:var(--menta);color:var(--sobre-menta)}
.cm-modo input:focus-visible+span{outline:2px solid var(--menta);outline-offset:2px}
.cm-nuevo.modo-historia .cm-rapidos,.cm-nuevo.modo-historia .cm-tags,.cm-nuevo.modo-historia .cm-campos,.cm-nuevo.modo-historia [data-campo],.cm-nuevo.modo-historia .cm-staff{display:none!important}
.cm-nuevo.modo-historia .cm-foto-btn{background:var(--menta);color:var(--sobre-menta)}
/* historias en el perfil */
.cm-perfil-sub small{font-weight:400;font-size:var(--t-2)}
.cm-perfil-hist{display:flex;gap:8px;overflow-x:auto;margin-bottom:16px;scrollbar-width:none}
.cm-perfil-hist button{flex:0 0 auto;width:84px;height:130px;border-radius:var(--radio-2);border:2px solid var(--menta);background:var(--panel) center/cover no-repeat;cursor:pointer}
.cm-perfil-hist button.nueva{border:2px dashed rgba(var(--menta-rgb),.6);color:var(--menta);font:800 30px var(--f)}
/* tu foto al inicio de las pestañas: abre tu perfil (como en Instagram) */
.cm-tab-yo{flex:0 0 auto!important;width:46px;min-height:42px;padding:0!important;display:flex;align-items:center;justify-content:center;background:none!important;border:0;cursor:pointer}
.cm-tab-yo .avatar{width:34px!important;height:34px!important;font-size:var(--t-2);border:2px solid var(--menta)!important;cursor:pointer}
.cm-tab-yo:hover .avatar{box-shadow:0 0 0 3px rgba(var(--menta-rgb),.25)}
/* hashtags populares en lugar de filtros */
.cm-hashrow{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.cm-hashrow::-webkit-scrollbar{display:none}
.cm-hash-chip{color:var(--menta)!important;border-color:rgba(var(--menta-rgb),.25)!important;background:rgba(var(--menta-rgb),.06)!important}
.cm-hash-chip.resuelto{background:var(--menta-osc)!important;border-color:rgba(var(--menta-rgb),.5)!important}
.cm-hashrow:empty{min-height:36px}
/* pestaña De EMIR con novedades sin leer: brilla para que se note de qué es el número */
.cm-tabs button.con-aviso{animation:cmAviso 1.6s ease-in-out 3;box-shadow:0 0 0 1px rgba(255,69,58,.5) inset}
@keyframes cmAviso{0%,100%{background:transparent}50%{background:rgba(255,69,58,.14)}}
@media(prefers-reduced-motion:reduce){.cm-tabs button.con-aviso{animation:none}}

/* la hoja de nueva publicación: lo que se desliza adentro no arrastra el muro, y el velo no deja desplazar */
.cm-nuevo.hoja{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.cm-velo{touch-action:none}
/* el «+» de publicar (celular): en el muro Xamur ya se esconde (arriba), así que no se enciman;
   con un submenú o la guía abiertos el «+» también se esconde, porque lo que manda es el submenú */
@media(max-width:900px){
  body[data-p="comunidad"] .cm-fab{transition:transform var(--dur-1) cubic-bezier(.22,1,.36,1),opacity var(--dur-1) var(--curva-entra)}
  body.ng-hoja-abierta .cm-fab,body.gp-activa .cm-fab{opacity:0!important;transform:scale(.5)!important;pointer-events:none!important}
}
@media(max-width:900px) and (prefers-reduced-motion:reduce){body[data-p="comunidad"] .cm-fab{transition:opacity var(--dur-1)}}

/* logos oficiales en los hashtags de marca (los logos son blancos, hechos para fondo oscuro) */
.cm-hash-chip.marca{padding:8px 16px!important;display:inline-flex;align-items:center;width:auto!important}
.cm-chip-logo{height:16px!important;width:auto!important;max-width:84px!important;object-fit:contain;display:block}
.cm-hash-ico{height:12px!important;width:auto!important;max-width:44px!important;object-fit:contain;vertical-align:-1px;margin-right:4px}
.cm-tag-logo{height:24px!important;width:auto!important;max-width:110px!important;object-fit:contain;vertical-align:middle;margin-right:8px}
html[data-modo="ev"] .cm-chip-logo,html[data-modo="ev"] .cm-hash-ico,html[data-modo="ev"] .cm-tag-logo{filter:brightness(0)}
.cm-ico-emir{width:16px;height:16px;display:inline-block;vertical-align:-3px;color:var(--menta);flex:0 0 auto}
.cm-rapido i{font-style:normal;display:inline-flex}

/* videos (Cloudflare Stream): miniatura primero, el reproductor carga al tocar */
.cm-video{position:relative;margin-top:12px;border-radius:12px;overflow:hidden;background:#000;aspect-ratio:16/9;max-height:560px}
.cm-video button{display:block;width:100%;height:100%;padding:0;border:0;background:#000;cursor:pointer;position:relative}
.cm-video img{width:100%;height:100%;object-fit:contain;display:block}
.cm-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cm-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(0,0,0,.6);box-shadow:0 0 0 2px rgba(255,255,255,.85)}
.cm-play::after{content:"";position:absolute;left:26px;top:20px;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #fff}
.cm-video button:hover .cm-play{background:var(--menta)}
.cm-prep{display:none;position:absolute;left:0;right:0;bottom:14px;text-align:center;color:#fff;font:700 var(--t-3) var(--f)}
.cm-video.prep img{visibility:hidden}
.cm-video.prep .cm-prep{display:block}
.cm-prev .vid{background:#000}
.cm-prev .vid video{width:100%;height:100%;object-fit:cover;display:block}
.cm-prev .vid span{position:absolute;left:4px;bottom:4px;display:flex;align-items:center;gap:4px;color:#fff;font:800 var(--t-1) var(--f);background:rgba(0,0,0,.65);border-radius:var(--radio-1);padding:2px 4px}
.cm-prev .vid span svg{width:13px;height:13px}
.cm-video-btn[hidden]{display:none}
.cm-video-btn.on{background:var(--menta);color:var(--sobre-menta)}
.cm-nuevo.modo-historia .cm-video-btn,.cm-nuevo.modo-historia .cm-prev .vid,.cm-nuevo.cerrado .cm-avance{display:none!important}
.cm-avance{margin:12px 0 0 52px}
.cm-avance div{height:8px;border-radius:var(--radio-pildora);background:var(--linea2);overflow:hidden}
.cm-avance i{display:block;height:100%;width:0;background:var(--menta);transition:width var(--dur-2)}
.cm-avance span{display:block;margin-top:4px;font:700 var(--t-3) var(--f);color:var(--gris)}
@media(max-width:600px){.cm-avance{margin-left:0}}
@media(max-width:420px){.cm-barra{gap:8px}.cm-barra .cm-foto-btn{padding:12px 12px;gap:4px}}

/* muro parejo (pedido de Rodrigo, 2026-10-21): mismo ancho de tarjeta en celular, tableta y compu; medios con marco fijo
   (fotos 4:3, video 16:9) de orilla a orilla; lo vertical se ve completo sobre su propio fondo difuminado; mismo espacio entre tarjetas */
.com{grid-template-columns:minmax(0,680px) 300px;justify-content:center}
@media(max-width:900px){.com{grid-template-columns:minmax(0,680px)}}
.cm-muro{width:100%}
.cm-post{margin:0 0 16px}
.cm-post .cm-fotos,.cm-post .cm-video{margin:12px -16px 0;border-radius:0}
.cm-post .cm-fotos,.cm-post .cm-fotos.n1,.cm-post .cm-fotos.n2,.cm-post .cm-fotos.n3,.cm-post .cm-fotos.n4{aspect-ratio:4/3;gap:4px;background:#05070A;grid-template-rows:1fr}
.cm-post .cm-fotos.n2{grid-template-columns:1fr 1fr}
.cm-post .cm-fotos.n3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
.cm-post .cm-fotos.n4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.cm-post .cm-fotos button,.cm-post .cm-fotos.n1 button,.cm-post.emir .cm-fotos.n1 button,.cm-post .cm-fotos.n3 button,.cm-post .cm-fotos.n3 button:first-child{aspect-ratio:auto;min-height:0;max-height:none;height:100%;width:100%;display:block;position:relative;overflow:hidden;background:#05070A}
.cm-post .cm-fotos img,.cm-post .cm-fotos.n1 img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;background:transparent;position:relative}
/* foto o video vertical: completa al centro, con la misma imagen difuminada de fondo (sin barras negras) */
.cm-post .cm-fotos.n1 button.vertical img{object-fit:contain}
.cm-post .cm-fotos.n1 button.vertical::before,.cm-video::before{content:"";position:absolute;inset:-24px;background:var(--fondo) center/cover no-repeat;filter:blur(22px) brightness(.55);transform:scale(1.1)}
.cm-video{aspect-ratio:16/9!important;max-height:none;background:#05070A}
.cm-video button{position:relative;background:transparent}
.cm-video img{position:relative;object-fit:contain}
.cm-video iframe{z-index:1}
.cm-post .cm-fotos+.cm-etq,.cm-post .cm-video+.cm-etq{margin-top:12px}
.cm-post .cm-video~.cm-titulo{margin-top:10px}
.cm-video~.cm-texto{margin-top:10px}
/* editar */
.cm-dlg.cm-ed{max-width:min(520px,94vw)}
.cm-ed textarea{width:100%;min-height:120px;margin-top:4px}
.cm-ed-lbl{display:block;margin:0 0 4px;font-size:var(--t-3);color:var(--gris)}
.cm-ed-campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:12px}
.cm-ed-campos input{padding:12px 12px;font-size:var(--t-4)}
.cm-ed .cm-prev{margin:12px 0 0}
.cm-ed .cm-prev .vid i{display:block;width:100%;height:100%;background:#000}
.cm-ed .cm-prev .vid img{object-fit:cover}
.cm-ed-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.cm-ed .cm-avance{margin:12px 0 0}
.cm-ed-pie{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}
.cm-ed-pie .btn{margin-top:8px}
.cm-editada{white-space:nowrap}
.cm-cab .cm-quien .meta{display:flex;min-width:0}
.cm-meta-lugar{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cm-meta-t{flex:none;white-space:nowrap}

/* video en el muro como en Facebook o Instagram: corre en silencio el que está a la vista, sin portada ni controles de Stream encima;
   botón de sonido en la esquina y barra de avance delgada; tocarlo abre la vista de videos */
.cm-video .cm-vtoque{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}
.cm-video .cm-vposter{position:relative;width:100%;height:100%;object-fit:contain;transition:opacity .3s}
.cm-video .cm-play{transition:opacity .3s}
.cm-video.cm-va .cm-vposter,.cm-video.cm-va .cm-play{opacity:0}
.cm-video.cm-carga .cm-play{opacity:.6}
.cm-video .cm-vframe,.cm-rl-medio .cm-vframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:1;pointer-events:none}
.cm-video .cm-vsonido{position:absolute;right:10px;bottom:12px;z-index:3;width:36px;height:36px;padding:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);color:#fff;cursor:pointer}
.cm-vsonido svg,.cm-rl-sonido svg{width:18px;height:18px}
.cm-vbarra{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:3;background:rgba(255,255,255,.18);opacity:0;transition:opacity var(--dur-3)}
.cm-video.cm-va .cm-vbarra,.cm-rl-medio.cm-va .cm-vbarra{opacity:1}
.cm-vbarra i{display:block;height:100%;width:0;background:var(--menta);transition:width var(--dur-2) linear}
@media(max-width:900px){.cm-video.vertical{aspect-ratio:4/5!important}}
/* pestaña Videos */
.cm-tabs .cm-tab-vid svg{width:20px;height:20px;flex:none}
@media(max-width:420px){.cm-tabs .cm-tab-vid{flex:0 0 46px}.cm-tabs .cm-tab-vid span{display:none}}
/* vista de videos tipo Reels */
.cm-reels{position:fixed;inset:0;width:auto;height:auto;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff;overflow:hidden}
.cm-reels::backdrop{background:#000}
.cm-rl-lista{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}
.cm-rl-lista::-webkit-scrollbar{display:none}
.cm-rl{height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;justify-content:center}
.cm-rl-medio{position:relative;height:100%;width:min(100vw,calc(100dvh * 9 / 16));overflow:hidden;background:#05070A}
.cm-rl-medio::before{content:"";position:absolute;inset:-30px;background:var(--fondo) center/cover no-repeat;filter:blur(26px) brightness(.5);transform:scale(1.1)}
.cm-rl-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;transition:opacity .3s}
.cm-rl-medio.cm-va .cm-rl-poster{opacity:0}
.cm-rl-medio.prep .cm-rl-poster{visibility:hidden}
.cm-rl-medio.prep::after{content:"Preparando el video…";position:absolute;left:0;right:0;top:48%;text-align:center;font:700 14px var(--f);z-index:2}
.cm-rl-toque{position:absolute;inset:0;z-index:3;padding:0;border:0;background:transparent;cursor:pointer}
.cm-rl-sonido{position:absolute;top:calc(14px + env(safe-area-inset-top));right:14px;z-index:5;width:40px;height:40px;padding:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);color:#fff;cursor:pointer}
.cm-rl-medio.cm-latir .cm-rl-sonido{animation:cm-rl-latido .45s ease}
@keyframes cm-rl-latido{40%{transform:scale(1.25)}}
.cm-rl-info{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:70px 76px calc(20px + env(safe-area-inset-bottom)) 16px;background:linear-gradient(transparent,rgba(0,0,0,.75));pointer-events:none}
.cm-rl-info>*{pointer-events:auto}
.cm-rl-autor{display:flex;align-items:center;gap:9px;padding:0;border:0;background:none;color:#fff;font:700 15px var(--f);cursor:pointer;text-align:left}
.cm-rl-autor .avatar{width:34px;height:34px;font-size:12px;flex:none}
.cm-rl-autor .avatar.emir{background:#000;padding:5px}.cm-rl-autor .avatar.emir img{width:100%;height:100%;object-fit:contain}
.cm-rl-autor small{font-weight:500;opacity:.75}
.cm-rl-texto{margin:8px 0 0;font-size:14.5px;line-height:1.45;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;cursor:pointer;white-space:pre-wrap;overflow-wrap:anywhere}
.cm-rl-texto.abierto{display:block;max-height:40dvh;overflow:auto}
.cm-rl-texto .cm-hash{color:#fff;font-weight:800}
.cm-rl-acc{position:absolute;right:6px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:4;display:flex;flex-direction:column;gap:18px}
.cm-rl-acc button{display:flex;flex-direction:column;align-items:center;gap:4px;width:62px;padding:0;border:0;background:none;color:#fff;font:700 12px/1.2 var(--f);text-align:center;cursor:pointer;text-shadow:0 1px 3px rgba(0,0,0,.7)}
.cm-rl-acc svg{width:30px;height:30px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}
.cm-rl-acc button.on{color:var(--menta)}
.cm-rl-medio .cm-vbarra{z-index:5}
.cm-rl-x{position:fixed;top:calc(10px + env(safe-area-inset-top));left:calc(6px + env(safe-area-inset-left));z-index:10;display:flex;align-items:center;gap:2px;height:40px;padding:0 12px 0 6px;border:0;border-radius:20px;background:transparent;color:rgba(255,255,255,.92);font:800 17px var(--f);cursor:pointer;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.cm-rl-x svg{width:26px;height:26px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}
.cm-rl-x:hover,.cm-rl-x:focus-visible{background:rgba(0,0,0,.35)}
.cm-rl-flechas{position:fixed;right:28px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:12px}
.cm-rl-flechas button{width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:20px;cursor:pointer}
.cm-rl-flechas button:hover{background:rgba(255,255,255,.18)}
@media(max-width:900px){.cm-rl-flechas{display:none}}
.cm-rl-vacio{height:100%;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#ccc;padding:24px;line-height:1.6}
@media(prefers-reduced-motion:reduce){.cm-rl-lista{scroll-behavior:auto}.cm-rl-medio.cm-latir .cm-rl-sonido{animation:none}}
.cm-vacio-ico .cm-ico-emir{width:40px;height:40px}
.cm-hoy-vacio .cm-ico-emir{width:15px;height:15px;vertical-align:-2px}
/* arranque bloqueado por el aparato: se ve y se toca el play del reproductor (uno solo), sin nuestra portada encima */
.cm-video.cm-bloq .cm-play{opacity:0} /* la miniatura se queda debajo: nunca se ve solo el fondo difuminado */
.cm-video.cm-bloq .cm-vframe{pointer-events:auto;z-index:2}
.cm-rl-medio.cm-bloq .cm-vframe{pointer-events:auto;z-index:3}
/* Reels a pantalla completa real: el contenedor fijo con inset 0 manda (100dvh en la app instalada de iPhone deja un hueco abajo);
   cada video mide exactamente lo que la pantalla; sin encabezado, barra de abajo ni botones flotantes mientras está abierta */
@media(max-width:900px){.cm-rl-medio{width:100%}}
.cm-rl-medio.vertical .cm-rl-poster,.cm-rl-medio.vertical .cm-vframe{inset:auto;left:50%;top:50%;width:var(--vw);height:var(--vh);transform:translate(-50%,-50%);object-fit:cover}
/* el recorte del video vertical lo calcula CSS con el tamaño vivo del marco (cqw/cqh) y la proporción del video (--ar):
   nunca queda con una medida vieja si la pantalla cambia al abrir (barra de iPhone, viewport-fit), que dejaba el video «a la mitad» */
.cm-rl-medio{container-type:size}
.cm-rl-medio.vertical .cm-rl-poster,.cm-rl-medio.vertical .cm-vframe{width:max(100cqw,calc(100cqh * var(--ar,.5625)));height:max(100cqh,calc(100cqw / var(--ar,.5625)))}
body.cm-rl-abierto header.top,body.cm-rl-abierto nav.abajo,body.cm-rl-abierto nav.proto,body.cm-rl-abierto .xamur,body.cm-rl-abierto .x-chat,body.cm-rl-abierto #cmFab,body.cm-rl-abierto .piloto-bv,body.cm-rl-abierto .pop-gana{visibility:hidden!important}
/* el difuminado vive solo dentro del marco del video: recorte forzado (en iPhone el filtro podía salirse del marco) */
.cm-video,.cm-rl-medio,.cm-post .cm-fotos.n1 button.vertical{isolation:isolate;contain:paint}
.cm-vnativo{object-fit:contain;background:transparent;display:block}
.cm-rl-medio .cm-vnativo{object-fit:contain}
.cm-rl-medio.vertical .cm-vnativo{object-fit:cover}
.cm-video.cm-bloq .cm-vsonido,.cm-rl-medio.cm-bloq .cm-rl-sonido{display:none}
.cm-rl-lista{touch-action:pan-y}
.cm-reels.arrastre::backdrop{background:transparent}
.cm-reels.arrastre{box-shadow:-12px 0 30px rgba(0,0,0,.5)}
/* compu: columna 9:16 fija y centrada, igual en todas las tarjetas (el ancho sale del alto, no del video);
   sin barra de la página detrás para que el centro no se mueva */
html.cm-rl-html{overflow:hidden}
.cm-rl-lista{overflow-x:hidden;scrollbar-gutter:stable}
.cm-rl{display:grid;grid-template-columns:100%;place-items:center}
.cm-rl-medio{width:auto;height:100%;aspect-ratio:9/16;max-width:100%;margin-inline:auto}
@media(max-width:900px){.cm-rl-medio{width:100%;aspect-ratio:auto}}
/* comentarios en Videos (como Instagram o TikTok): hoja desde abajo de 62 %, el video sigue arriba más chico; en compu, panel a la derecha */
.cm-rl-hoja{position:fixed;left:0;right:0;bottom:var(--teclado,0px);z-index:12;height:62%;max-height:calc(100% - var(--teclado,0px) - 56px);display:flex;flex-direction:column;
  background:var(--sup);color:var(--texto);border-radius:18px 18px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.5);
  transform:translateY(105%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s}
.cm-reels.cm-rl-com .cm-rl-hoja{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s}
.cm-rl-manija{display:flex;justify-content:center;padding:8px 0 2px;touch-action:none}
.cm-rl-manija i{width:40px;height:5px;border-radius:3px;background:var(--linea2)}
.cm-rl-hoja-cab{position:relative;display:flex;justify-content:center;align-items:center;padding:4px 16px 10px;border-bottom:1px solid var(--linea);touch-action:none}
.cm-rl-hoja-cab b{font:800 15px var(--f)}
.cm-rl-hoja-x{position:absolute;right:10px;top:-2px;width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--texto);font-size:17px;cursor:pointer}
.cm-rl-coms{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:4px 14px 8px}
.cm-rl-cargando,.cm-rl-vacio-c{text-align:center;color:var(--gris);padding:28px 10px;line-height:1.6;margin:0}
.cm-rl-c{display:flex;gap:10px;align-items:flex-start;padding:10px 0}
.cm-rl-c.resp{padding-left:42px}
.cm-rl-c .avatar{width:34px;height:34px;font-size:12px;flex:none;cursor:pointer}
.cm-rl-c.resp .avatar{width:26px;height:26px;font-size:10px}
.cm-rl-c-cuerpo{flex:1;min-width:0}
.cm-rl-c-cab{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.cm-rl-c-cab b{font:700 13.5px var(--f);cursor:pointer}
.cm-rl-c-cab small{color:var(--gris);font-size:12px}
.cm-rl-c.mejor .cm-rl-c-cuerpo{border-left:2px solid var(--menta);padding-left:8px}
.cm-rl-c-cuerpo p{margin:2px 0 0;font-size:14.5px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
.cm-rl-c-foto{display:block;margin-top:6px;padding:0;border:0;background:none;cursor:zoom-in}
.cm-rl-c-foto img{display:block;max-width:180px;max-height:180px;border-radius:12px;object-fit:cover}
.cm-rl-c-acc{display:flex;gap:14px;margin-top:4px}
.cm-rl-c-acc button{padding:2px 0;border:0;background:none;color:var(--gris);font:700 12.5px var(--f);cursor:pointer}
.cm-rl-c-util{flex:none;display:flex;flex-direction:column;align-items:center;gap:1px;width:36px;padding:4px 0;border:0;background:none;color:var(--gris);font:700 11.5px var(--f);cursor:pointer}
.cm-rl-c-util svg{width:18px;height:18px}
.cm-rl-c-util.on{color:var(--menta)}
.cm-rl-escribe{border-top:1px solid var(--linea);padding:8px 12px calc(10px + env(safe-area-inset-bottom));background:var(--sup)}
.cm-rl-hoja.con-teclado .cm-rl-escribe{padding-bottom:8px}
.cm-rl-resp,.cm-rl-adj{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:13px;color:var(--gris)}
.cm-rl-resp span{flex:1}
.cm-rl-resp button,.cm-rl-adj button{border:0;background:none;color:var(--gris);font-size:14px;cursor:pointer}
.cm-rl-adj img{width:56px;height:56px;border-radius:10px;object-fit:cover}
.cm-rl-msg{margin:0 0 6px;font-size:13px}
.cm-rl-msg:empty{display:none}
.cm-rl-fila{display:flex;align-items:flex-end;gap:8px}
.cm-rl-fila .avatar{width:36px;height:36px;font-size:12px;flex:none;margin-bottom:2px}
.cm-rl-fila textarea{flex:1;min-width:0;min-height:40px;max-height:106px;margin:0;padding:9px 14px;border-radius:20px;font:15px/22px var(--f);resize:none;overflow-y:auto}
.cm-rl-foto,.cm-rl-enviar{flex:none;width:40px;height:40px;padding:0;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}
.cm-rl-foto{background:rgba(var(--tinta-rgb),.06);color:var(--texto)}
.cm-rl-enviar{background:var(--menta);color:var(--sobre-menta)}
.cm-rl-enviar:disabled{opacity:.5}
.cm-rl-foto svg,.cm-rl-enviar svg{width:20px;height:20px}
.cm-reels.cm-rl-com .cm-rl-lista{overflow:hidden;touch-action:none}
.cm-rl-medio{transition:height .28s cubic-bezier(.2,.8,.2,1)}
.cm-rl-medio.cm-alto .cm-rl-poster,.cm-rl-medio.cm-alto .cm-vframe{inset:auto;left:50%;top:50%;width:var(--vw);height:var(--vh);transform:translate(-50%,-50%);object-fit:cover}
.cm-rl-medio.cm-alto .cm-rl-poster,.cm-rl-medio.cm-alto .cm-vframe{width:calc(100cqh * var(--ar,.5625));height:100cqh}
@media(max-width:900px){
  .cm-reels.cm-rl-com .cm-rl.cm-rl-act{align-items:start}
  .cm-reels.cm-rl-com .cm-rl.cm-rl-act .cm-rl-medio{height:38%}
  .cm-reels.cm-rl-com .cm-rl-info,.cm-reels.cm-rl-com .cm-rl-acc,.cm-reels.cm-rl-com .cm-rl-medio .cm-vbarra{opacity:0;pointer-events:none}
}
@media(min-width:901px){
  .cm-rl-hoja{left:auto;top:0;bottom:0;width:min(400px,40vw);height:auto;max-height:none;border-radius:0;transform:translateX(105%)}
  .cm-rl-manija{display:none}
  .cm-rl-hoja-cab{padding-top:16px}
  .cm-rl{transition:padding .28s cubic-bezier(.2,.8,.2,1)}
  .cm-reels.cm-rl-com .cm-rl{padding-right:min(400px,40vw)}
  .cm-reels.cm-rl-com .cm-rl-flechas{display:none}
}

/* Videos: si la última vez tenía sonido, arranca en silencio con este aviso discreto; el primer toque lo prende */
.cm-rl-avisoson{position:absolute;top:calc(20px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:6;margin:0;padding:7px 14px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font:600 13px/1.2 var(--f);white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
/* videos precargados (pool): fuera de vista, sin ocupar lugar ni recibir toques */
#cmVidPool{position:fixed;left:0;bottom:0;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;z-index:-1}
#cmVidPool video{width:1px;height:1px}
/* comentarios en iPhone: el campo con letra de 16 px (con menos, Safari hace zoom a toda la vista y la hoja queda fuera de alcance);
   se puede seleccionar y escribir; tocar el video de arriba cierra la hoja (y nada debajo se come los toques) */
.cm-rl-fila textarea{font-size:16px;-webkit-user-select:text;user-select:text;touch-action:manipulation}
.cm-rl-hoja{-webkit-user-select:none;user-select:none;touch-action:manipulation}
.cm-rl-hoja textarea,.cm-rl-c-cuerpo p{-webkit-user-select:text;user-select:text}
.cm-rl-hoja-velo{display:none;position:fixed;inset:0;z-index:11;padding:0;border:0;background:transparent;cursor:default}
.cm-reels.cm-rl-com .cm-rl-hoja-velo{display:block}
@media(min-width:901px){.cm-reels.cm-rl-com .cm-rl-hoja-velo{right:min(400px,40vw)}}
/* Videos siempre fija a la pantalla: circuito.js pone «body > :not(#circuito)…{position:relative}» (peso de id) y le ganaba a .cm-reels;
   así la vista quedaba pegada al documento y, al enfocar el campo de comentario (o salir el teclado del iPhone), se corría fuera de alcance */
html body > #cmReels.cm-reels{position:fixed;inset:0}
/* arranque bloqueado por el aparato (video de la página): la miniatura queda con nuestro ▶ y un toque lo arranca, sin controles nativos */
.cm-video.cm-bloq-nat .cm-play{opacity:1}
.cm-rl-medio.cm-bloq-nat .cm-rl-toque{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Ccircle cx='40' cy='40' r='38' fill='rgba(0,0,0,.55)' stroke='white' stroke-width='3'/%3E%3Cpath d='M32 25l24 15-24 15z' fill='white'/%3E%3C/svg%3E") center/76px no-repeat}
/* la primera vez en Videos: «Desliza para ver más videos» */
.cm-rl-indica{position:fixed;left:50%;bottom:calc(150px + env(safe-area-inset-bottom));z-index:9;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 18px;border:0;border-radius:18px;background:rgba(0,0,0,.6);color:#fff;font:700 15px var(--f);text-align:center;pointer-events:auto;cursor:pointer;transition:opacity .35s}
.cm-rl-indica.fuera{opacity:0}
.cm-rl-mano svg{width:34px;height:34px;animation:cm-rl-sube 1.4s ease-in-out infinite}
@keyframes cm-rl-sube{0%{transform:translateY(14px);opacity:.2}50%{opacity:1}100%{transform:translateY(-14px);opacity:0}}
@media(prefers-reduced-motion:reduce){.cm-rl-mano svg{animation:none}}
.cm-video.cm-bloq-nat .cm-vframe,.cm-rl-medio.cm-bloq-nat .cm-vframe{pointer-events:none;z-index:1}
/* caja de publicar: en compu, panel al centro con su título y ✕ (en celular sigue la hoja desde abajo) */
@media(min-width:901px){
  .cm-nuevo.hoja{left:50%;right:auto;top:50%;bottom:auto;width:min(600px,92vw);max-height:min(82dvh,760px);border-radius:var(--radio-3);padding:20px;transform:translate(-50%,-50%);animation:cmPanel var(--dur-3,.28s) var(--curva-entra,ease-out)}
  .cm-nuevo.hoja .cm-hoja-cab::before{display:none}
}
@keyframes cmPanel{from{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}
@media(prefers-reduced-motion:reduce){.cm-nuevo.hoja{animation:none!important}}
.cm-nuevo.hoja .cm-hoja-cab b{font:800 17px var(--f)}
/* mientras se publica no estorban el piloto, sus burbujas ni los avisos flotantes */
body.cm-publicando > .guia-piloto,body.cm-publicando .piloto-bv,body.cm-publicando .pop-gana,body.cm-publicando .xamur,body.cm-publicando .x-chat,body.cm-publicando .cm-fab{visibility:hidden!important;pointer-events:none!important}
.cm-nuevo.hoja .cm-tags{min-height:34px}