/* PERFIL · página pública. Diseño de perfil clásico: cabecera, destacados,
   pestañas y cuadrícula. Claro, sin marcas de terceros. */
:root{
  --pf-texto:#000; --pf-suave:#737373; --pf-borde:#dbdbdb; --pf-fondo:#fff;
  --pf-primario:#4b5df7; --pf-primario-2:#3f50e6; --pf-gris:#efefef; --pf-gris-2:#e4e4e4;
  --pf-ancho:935px; --pf-radio:8px;
  --pf-fuente:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--pf-fondo);color:var(--pf-texto);font-family:var(--pf-fuente);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
img,video{display:block;max-width:100%}
[hidden]{display:none!important}

.pf-top{height:60px;border-bottom:1px solid var(--pf-borde);display:flex;align-items:center;justify-content:center;position:sticky;top:0;background:var(--pf-fondo);z-index:5}
.pf-logo{font-weight:700;font-size:22px;letter-spacing:-.02em}
.pf-main{max-width:var(--pf-ancho);margin:0 auto;padding:44px 20px 0}
.pf-cargando{text-align:center;color:var(--pf-suave);padding:60px 0}
.pf-pie{max-width:var(--pf-ancho);margin:40px auto 0;padding:24px 20px 40px;text-align:center;color:var(--pf-suave);font-size:12px}

/* ── cabecera ─────────────────────────────────────────────── */
.pf-cab{display:grid;grid-template-columns:290px 1fr;gap:0 30px;align-items:start;margin-bottom:44px}
.pf-avatar{width:150px;height:150px;border-radius:50%;overflow:hidden;margin:0 auto;background:var(--pf-gris);border:1px solid var(--pf-borde);display:flex;align-items:center;justify-content:center;color:var(--pf-suave);font-size:56px;font-weight:600}
.pf-avatar img{width:100%;height:100%;object-fit:cover}
.pf-datos{min-width:0}
.pf-fila-nombre{display:flex;align-items:center;gap:14px;margin:6px 0 18px}
.pf-usuario{font-size:20px;font-weight:400;margin:0;word-break:break-word}
.pf-menu{border:0;background:transparent;font-size:22px;line-height:1;cursor:default;color:var(--pf-texto);padding:0 4px}
.pf-contadores{display:flex;gap:40px;list-style:none;margin:0 0 20px;padding:0;font-size:16px}
.pf-contadores b{font-weight:600}
.pf-bio{font-size:14px;line-height:1.35;white-space:pre-line;word-break:break-word}
.pf-bio .pf-nombre{font-weight:600;display:block}
.pf-enlaces{margin:6px 0 0;padding:0;list-style:none;font-size:14px}
.pf-enlaces a{color:#00376b;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.pf-enlaces svg{width:14px;height:14px;flex:none}
.pf-botones{display:flex;gap:8px;margin-top:18px}
/* Aviso de cuenta restringida (encima de los botones, como Instagram) */
.pf-restr-aviso{grid-column:2;margin-top:16px;font-size:14px;color:var(--pf-suave);line-height:1.45}
@media (max-width:735px){.pf-restr-aviso{grid-column:1/-1;margin-top:12px}}
.pf-restr-aviso[hidden]{display:none}
.pf-restr-anular{color:var(--pf-texto);font-weight:600;cursor:pointer}
.pf-restr-anular:hover{opacity:.7}
.pf-btn{height:44px;padding:0 18px;border-radius:var(--pf-radio);border:0;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:1 1 0;min-width:0;transition:background .15s}
.pf-btn-primario{background:var(--pf-primario);color:#fff}
.pf-btn-primario:hover{background:var(--pf-primario-2)}
.pf-btn-gris{background:var(--pf-gris);color:var(--pf-texto)}
.pf-btn-gris:hover{background:var(--pf-gris-2)}
.pf-btn-icono{flex:0 0 44px;padding:0}
.pf-btn-icono svg{width:20px;height:20px}
.pf-btn:not([href]){cursor:default}

/* ── destacados ───────────────────────────────────────────── */
.pf-destacados{display:flex;gap:26px;list-style:none;margin:0 0 30px;padding:2px 0 8px 10px;overflow-x:auto;scrollbar-width:none}
.pf-destacados::-webkit-scrollbar{display:none}
.pf-dest{flex:none;width:90px;text-align:center;cursor:pointer;background:transparent;border:0;padding:0;color:inherit}
.pf-dest-aro{display:block;width:86px;height:86px;border-radius:50%;border:1px solid var(--pf-borde);padding:3px;margin:0 auto 8px;background:var(--pf-fondo)}
.pf-dest-aro span{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--pf-gris)}
.pf-dest-aro img,.pf-dest-aro video{width:100%;height:100%;object-fit:cover;display:block}
.pf-dest-tit{font-size:12px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ── pestañas ─────────────────────────────────────────────── */
.pf-tabs{display:flex;justify-content:center;gap:60px;margin:0;padding:0;list-style:none}
.pf-tab{border:0;background:transparent;height:52px;margin-top:-1px;border-top:1px solid transparent;color:var(--pf-suave);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:0}
.pf-tab svg{width:12px;height:12px}
.pf-tab.activa{color:var(--pf-texto)}

/* ── cuadrícula ───────────────────────────────────────────── */
.pf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:4px}
.pf-celda{position:relative;aspect-ratio:4/5;background:var(--pf-gris);overflow:hidden;border:0;padding:0;cursor:pointer;display:block;width:100%}
.pf-celda img,.pf-celda video{width:100%;height:100%;object-fit:cover}
.pf-celda-ico{position:absolute;top:10px;right:10px;width:28px;height:28px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
/* TAMAÑO-ICONOS-CUADRICULA (PC): las tres (pin, video, varias) al mismo tamaño que la caja */
.pf-celda-ico img.pf-pin-img,.pf-celda-ico img.pf-vid-img,.pf-celda-ico svg{width:100%;height:100%;object-fit:contain;display:block}
.pf-celda::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0);transition:background .15s}
.pf-celda:hover::after{background:rgba(0,0,0,.18)}
.pf-vacio{text-align:center;color:var(--pf-suave);padding:60px 20px;font-size:14px}
.pf-vacio b{display:block;font-size:22px;color:var(--pf-texto);margin-bottom:8px;font-weight:700}

/* ── visor ────────────────────────────────────────────────── */
.pf-visor{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}
.pf-visor-caja{background:#fff;border-radius:4px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);max-width:1100px;width:100%;max-height:92vh;overflow:hidden}
.pf-visor-media{background:#000;position:relative;display:flex;align-items:center;justify-content:center;min-height:320px}
.pf-visor-media img,.pf-visor-media video{max-height:92vh;width:100%;height:100%;object-fit:contain}
.pf-visor-flecha{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.9);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1}
.pf-visor-flecha.izq{left:10px}.pf-visor-flecha.der{right:10px}
/* Tamaño igual al original: 25 px y a 11 px del borde de la foto */
.pf-visor-flecha{width:25px;height:25px;font-size:16px}
.pf-visor-flecha.izq{left:11px}.pf-visor-flecha.der{right:11px}
/* Opacidad igual a la original (se ve la foto a través de la flecha) */
.pf-visor-flecha{opacity:.75;transition:opacity .15s}
.pf-visor-flecha{padding:0;overflow:hidden}
/* Con imagen propia (l1/l2): sin círculo blanco ni sombra, solo se ve el PNG con su transparencia */
.pf-visor-flecha.con-img,.pf-visor-flecha:has(.pf-flecha-img){background:transparent !important;box-shadow:none !important;border:0 !important;border-radius:0;overflow:visible}
.pf-flecha-img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.pf-visor-puntos{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:5px}
.pf-visor-puntos i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.4)}
.pf-visor-puntos i.on{background:#fff}
.pf-visor-lado{display:flex;flex-direction:column;min-width:0}
.pf-visor-cab{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--pf-borde)}
.pf-visor-cab .pf-mini{width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--pf-gris);flex:none}
.pf-visor-cab .pf-mini img{width:100%;height:100%;object-fit:cover}
.pf-mini video{width:100%;height:100%;object-fit:cover;display:block}
.pf-visor-cab b{font-size:14px;font-weight:600}
.pf-visor-texto{padding:14px 16px;font-size:14px;line-height:1.4;white-space:pre-line;overflow:auto;flex:1;word-break:break-word}
.pf-visor-fecha{padding:0 16px 16px;font-size:11px;color:var(--pf-suave);text-transform:uppercase;letter-spacing:.03em}
.pf-chat-android .pf-chat-ver{margin-top:8px !important}
.pf-visor-cerrar{position:fixed;top:14px;right:16px;border:0;background:transparent;color:#fff;font-size:30px;line-height:1;cursor:pointer;z-index:51}

/* ── móvil ────────────────────────────────────────────────── */
@media (max-width:735px){
  .pf-main{padding:16px 0 0}
  .pf-cab{grid-template-columns:auto 1fr;gap:0 24px;padding:0 16px;margin-bottom:16px}
  .pf-avatar{width:86px;height:86px;font-size:34px}
  .pf-fila-nombre{margin:0 0 10px}
  .pf-contadores{display:none}
  .pf-botones{margin-top:12px}
  .pf-btn{height:34px;font-size:14px}
  .pf-bio-movil{grid-column:1/-1;margin-top:14px}
  .pf-contadores-movil{display:flex;justify-content:space-around;list-style:none;margin:0;padding:12px 0;border-top:1px solid var(--pf-borde);font-size:14px;text-align:center}
  .pf-contadores-movil li{display:flex;flex-direction:column}
  .pf-contadores-movil b{font-weight:600}
  .pf-contadores-movil span{color:var(--pf-suave)}
  .pf-destacados{padding-left:16px;gap:16px;margin-bottom:0}
  .pf-dest{width:72px}
  .pf-dest-aro{width:66px;height:66px}
  .pf-tabs{gap:0;justify-content:space-around}
  .pf-tab{flex:1;justify-content:center;height:44px}
  .pf-tab span{display:none}
  .pf-tab svg{width:22px;height:22px}
  .pf-grid{gap:2px;margin-top:2px}
  .pf-visor{padding:0}
  .pf-visor-caja{grid-template-columns:1fr;max-height:100vh;height:100vh;border-radius:0;overflow:auto}
  .pf-visor-media{min-height:0}
  .pf-visor-media img,.pf-visor-media video{max-height:70vh}
}
@media (min-width:736px){
  .pf-contadores-movil{display:none}
  .pf-bio-movil{display:contents}
}

/* ── v2 · me gusta y comentarios ─────────────────────────── */
.pf-celda-stats{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:26px;background:rgba(0,0,0,.35);color:#fff;font-weight:700;font-size:16px;opacity:0;transition:opacity .15s;z-index:1}
.pf-celda-stats span{display:inline-flex;align-items:center;gap:7px}
.pf-celda-stats svg{width:20px;height:20px}
.pf-ci{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-style:normal}
.pf-ci svg{width:20px;height:20px}
.pf-ci img{width:22px;height:22px;object-fit:contain;display:block}
.pf-celda:hover .pf-celda-stats,.pf-celda:focus-visible .pf-celda-stats{opacity:1}
.pf-celda:hover::after{background:transparent}
.pf-visor-cab{align-items:center}
.pf-visor-quien{flex:1;min-width:0;line-height:1.25}
.pf-visor-quien b{font-size:14px;font-weight:600}
.pf-visor-quien small{display:block;font-size:12px;color:var(--pf-texto)}
/* LINEA-BAJO-NOMBRE (audio/canción/texto libre), letra como Instagram */
.pf-visor-sub{display:block;font-size:12px;line-height:1.3;font-weight:400;color:#262626;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.pf-punto{margin:0 6px;color:var(--pf-suave)}
.pf-seguir{color:var(--pf-primario);font-weight:600;font-size:14px}
.pf-visor-cab .pf-menu{font-size:18px;color:var(--pf-texto)}
.pf-visor-coms{flex:1;overflow:auto;padding:6px 16px;min-height:120px}
.pf-com{display:flex;gap:12px;padding:10px 0;align-items:flex-start}
.pf-com .pf-mini{width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--pf-gris);flex:none;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--pf-suave)}
.pf-com .pf-mini img{width:100%;height:100%;object-fit:cover}
.pf-com-cuerpo{flex:1;min-width:0}
.pf-com-cuerpo p{margin:0;font-size:14px;line-height:1.35;word-break:break-word;white-space:pre-line}
.pf-com-cuerpo b{font-weight:600}
/* Check de verificación junto al nombre en pie de foto y comentarios del dueño */
.pf-com-insignia{display:inline-flex;align-items:center;vertical-align:middle;width:12px;height:12px;margin:0 1px 0 3px;position:relative;top:-0.5px}
.pf-com-insignia svg,.pf-com-insignia img{width:100%;height:100%;display:block}
.pf-com-meta{margin-top:6px;font-size:12px;color:var(--pf-suave)}
.pf-com-mas{border:0;background:none;color:var(--pf-suave);cursor:pointer;font:inherit;font-weight:700;line-height:1;padding:0 2px;letter-spacing:1px}
/* el ··· aparece al pasar el cursor por el comentario (en táctil queda siempre visible) */
@media (hover:hover){.pf-com-mas{opacity:0;transition:opacity .1s}.pf-com:hover .pf-com-mas{opacity:1}}
.pf-dialogo-caja > .pf-dialogo-btn:first-child{border-top:0}
.pf-com-cor{flex:none;width:12px;height:12px;color:var(--pf-suave);margin-top:10px;cursor:pointer}
.pf-com-cor svg{width:12px;height:12px}
.pf-com-cor.on{color:#ff3040}   /* mismo rojo que el corazon grande */
.pf-com-vacio{color:var(--pf-suave);font-size:14px;padding:14px 0}
/* ESPACIO-ICONOS-ACCIONES (corazón/comentar/compartir/enviar): sube/baja el gap para separarlos o juntarlos como Instagram */
.pf-visor-acciones{display:flex;align-items:center;gap:20px;padding:10px 16px 6px;border-top:1px solid var(--pf-borde);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.pf-acc{width:24px;height:24px;cursor:pointer;color:var(--pf-texto)}
/* evitar el resaltado azul (selección/arrastre) al pulsar los iconos clicables del visor */
.pf-acc,.pf-acc img,.pf-com-cor,.pf-com-cor svg,.pf-cara-ico,.pf-cara-ico img,.pf-cara-ico svg{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}
.pf-acc svg{width:24px;height:24px}
.pf-acc.on{color:#ff3040}
.pf-acc-der{margin-left:auto}
/* 3er boton (repost): k1 y k2 apiladas (normalizadas al mismo alto, mismo tamaño); .on muestra k2. */
.pf-acc-rep{position:relative}
.pf-acc.pf-acc-rep .pf-acc-img{position:absolute;inset:0;margin:auto}
.pf-acc.pf-acc-rep .pf-rep2{display:none}
.pf-acc.pf-acc-rep.on .pf-rep1{display:none}
.pf-acc.pf-acc-rep.on .pf-rep2{display:block}
/* 5º boton (guardar): h1 y h2 apiladas; .on muestra h2 */
.pf-acc-mk{position:relative}
.pf-acc.pf-acc-mk .pf-acc-img{position:absolute;inset:0;margin:auto}
.pf-acc.pf-acc-mk .pf-mk2{display:none}
.pf-acc.pf-acc-mk.on .pf-mk1{display:none}
.pf-acc.pf-acc-mk.on .pf-mk2{display:block}
.pf-visor-likes{padding:0 16px;font-size:14px}
.pf-visor-likes b{font-weight:600}
.pf-visor-fecha{padding:6px 16px 12px;text-transform:none;letter-spacing:0;font-size:12px}
.pf-visor-comentar{display:flex;align-items:center;gap:10px;border-top:1px solid var(--pf-borde);padding:10px 16px;position:relative}
/* Selector de emojis (se abre al pulsar la carita) */
.pf-emoji-panel{position:absolute;left:12px;right:12px;bottom:calc(100% + 8px);max-height:300px;overflow-y:auto;background:var(--pf-tarjeta,#fff);border:1px solid var(--pf-borde);border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.18);padding:8px 10px 10px;z-index:40}
.pf-emoji-panel[hidden]{display:none}
.pf-emoji-cat{font-size:12px;font-weight:600;color:var(--pf-suave);margin:10px 2px 3px}
.pf-emoji-grid{display:grid;grid-template-columns:repeat(7,1fr)}
.pf-emoji{font-size:26px;line-height:1;border:0;background:none;cursor:pointer;padding:6px 0;border-radius:10px}
.pf-emoji:hover{background:var(--pf-borde)}
.pf-visor-comentar svg{width:24px;height:24px;flex:none;color:var(--pf-texto)}
.pf-cara-ico{flex:none;display:inline-flex;line-height:0;color:var(--pf-texto)}
.pf-cara-ico img{width:24px;height:24px;object-fit:contain;display:block}
.pf-visor-comentar input{flex:1;border:0;outline:0;font:inherit;font-size:14px;background:transparent;color:var(--pf-texto);min-width:0}
.pf-visor-comentar input::placeholder{color:var(--pf-suave)}
.pf-publicar{color:var(--pf-primario);opacity:1;font-weight:700;font-size:14px;cursor:pointer;user-select:none}
/* apagado y no clicable cuando el cuadro está vacío; azul fuerte al escribir; feedback al pulsar */
.pf-visor-comentar input:placeholder-shown + .pf-publicar{opacity:.4;cursor:default;pointer-events:none}
.pf-publicar:active{opacity:.55}
@media (max-width:735px){
  .pf-celda-stats{display:none}
  .pf-visor-coms{min-height:0;max-height:34vh}
}

/* ── v2.1 · cabecera compacta, como la referencia ─────────── */
.pf-main{padding-top:36px}
.pf-bloque{max-width:none}
.pf-cab{grid-template-columns:150px 1fr;gap:0 28px;margin-bottom:26px;align-items:center}
.pf-avatar{width:150px;height:150px;border:1px solid var(--pf-borde);box-shadow:0 0 0 3px #fff,0 0 0 4px var(--pf-borde)}
.pf-fila-nombre{margin:0 0 12px;gap:10px}
.pf-usuario{font-size:20px;font-weight:600}
.pf-menu{font-size:18px}
.pf-contadores{gap:18px;margin:0 0 12px;font-size:15px}
.pf-bio{font-size:14px;line-height:1.3}
.pf-enlaces{margin-top:4px}
.pf-enlaces li{line-height:1.5}
.pf-botones{grid-column:1/-1;margin-top:22px;gap:8px}
.pf-btn{height:38px;font-size:14px;border-radius:9px}
.pf-btn-icono{flex:0 0 40px}
.pf-destacados{gap:18px;padding:2px 0 6px 0;margin:0 0 40px}
.pf-dest{width:84px}
.pf-dest-aro{width:78px;height:78px;padding:3px;margin-bottom:6px}
.pf-dest-tit{font-size:12px}
@media (max-width:735px){
  .pf-main{padding-top:16px}
  .pf-bloque{max-width:none}
  .pf-cab{grid-template-columns:auto 1fr;gap:0 22px;margin-bottom:14px;align-items:start}
  .pf-avatar{width:86px;height:86px;box-shadow:none}
  .pf-botones{margin-top:12px}
  .pf-btn{height:34px}
  .pf-destacados{padding-left:16px;margin-bottom:0}
  .pf-dest{width:72px}
  .pf-dest-aro{width:66px;height:66px}
}

/* ── v3 · menú «···», avisos y diálogos ───────────────────── */
.pf-fila-nombre{position:relative}
.pf-menu{cursor:pointer;border-radius:8px;padding:2px 6px}
.pf-menu:hover{background:var(--pf-gris)}
.pf-menu-lista{position:absolute;top:34px;left:80px;z-index:20;width:330px;max-width:calc(100vw - 32px);background:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.18);padding:4px 0;overflow:hidden}
.pf-menu-op{display:block;width:100%;text-align:left;background:transparent;border:0;border-top:1px solid #efefef;padding:0 20px;height:56px;font:inherit;font-size:15px;color:var(--pf-texto);cursor:pointer}
.pf-menu-op:first-child{border-top:0}
.pf-menu-op:hover{background:#fafafa}
.pf-menu-op.rojo{color:#ed4956}
.pf-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#262626;color:#fff;font-size:14px;padding:12px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:80;max-width:calc(100vw - 32px)}
.pf-toast.on{opacity:1;transform:translate(-50%,0)}
.pf-dialogo{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:70;display:flex;align-items:center;justify-content:center;padding:20px}
.pf-dialogo-caja{background:#fff;border-radius:14px;width:100%;max-width:400px;overflow:hidden;text-align:center}
.pf-dialogo-cab{padding:26px 24px 18px;font-size:18px;font-weight:600;line-height:1.3}
.pf-dialogo-cab small{display:block;font-size:14px;font-weight:400;color:var(--pf-suave);margin-top:8px}
.pf-dialogo-cuerpo{padding:0 24px 20px;text-align:left}
.pf-avatar-info{width:88px;height:88px;font-size:32px;margin:0 auto 10px;box-shadow:none}
.pf-info-usuario{text-align:center;font-weight:600;font-size:16px;margin-bottom:12px}
.pf-info-texto{font-size:14px;color:var(--pf-suave);margin:0 0 8px;text-align:center}
.pf-info-lista{list-style:none;margin:0;padding:0}
.pf-info-lista li{display:flex;flex-direction:column;padding:12px 0;border-top:1px solid var(--pf-borde);font-size:14px}
.pf-info-lista li span{color:var(--pf-suave);font-size:13px}
.pf-dialogo-btn{display:block;width:100%;border:0;border-top:1px solid var(--pf-borde);background:transparent;height:50px;font:inherit;font-size:15px;cursor:pointer;color:var(--pf-texto)}
.pf-dialogo-btn.rojo{color:#ed4956;font-weight:700}
@media (max-width:735px){.pf-menu-lista{left:auto;right:0;width:280px}}

/* ── v3.1 · diálogo de Restringir ─────────────────────────── */
.pf-dialogo-caja{max-width:560px}
.pf-dialogo-cab.izq{text-align:left;font-size:22px;font-weight:500;padding:26px 28px 6px}
.pf-dialogo-puntos{list-style:none;margin:0;padding:8px 28px 22px;text-align:left}
.pf-dialogo-puntos li{display:flex;gap:16px;align-items:flex-start;padding:10px 0;font-size:15px;line-height:1.45;color:#5c5c5c}
.pf-dialogo-puntos svg{width:28px;height:28px;flex:none;color:var(--pf-texto);margin-top:2px}
.pf-dialogo-btn.azul{color:var(--pf-primario);font-weight:700;height:58px;font-size:16px}
.pf-dialogo-pie{padding:14px;border-top:1px solid var(--pf-borde)}
.pf-dialogo-btn.borde{border:1px solid #a8a8a8;border-radius:8px;height:40px;font-size:15px}

/* ── v3.2 · Reportar ──────────────────────────────────────── */
.pf-dialogo-top{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;height:60px;border-bottom:1px solid var(--pf-borde);padding:0 12px}
.pf-dialogo-top b{text-align:center;font-size:17px;font-weight:600}
.pf-dialogo-ico{border:0;background:transparent;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--pf-texto);border-radius:50%}
.pf-dialogo-ico:hover{background:var(--pf-gris)}
.pf-dialogo-ico svg{width:26px;height:26px}
/* ── SEGUIR / SIGUIENDO ── */
.pf-btn-siguiendo{gap:6px}
.pf-btn-siguiendo .pf-chevdown{width:16px;height:16px;flex:none}
.pf-sig-top{position:relative;padding:22px 20px 16px;border-bottom:1px solid var(--pf-borde);text-align:center}
.pf-sig-av{width:64px!important;height:64px!important;margin:0 auto 8px!important;border-radius:50%;overflow:hidden}
.pf-sig-av img{width:100%;height:100%;object-fit:cover}
.pf-sig-top b{display:block;font-size:15px;font-weight:600}
.pf-sig-x{position:absolute;top:12px;right:12px;width:34px;height:34px;border:0;background:transparent;cursor:pointer;color:var(--pf-texto);padding:5px;border-radius:50%}
.pf-sig-x:hover{background:var(--pf-gris)}
.pf-sig-x svg{width:22px;height:22px;display:block}
.pf-sig-lista{display:flex;flex-direction:column}
.pf-sig-op{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;background:transparent;min-height:54px;padding:12px 20px;font:inherit;font-size:15px;color:var(--pf-texto);cursor:pointer;text-align:left}
.pf-sig-op:hover{background:var(--pf-gris)}
.pf-sig-op > span{flex:1;min-width:0}
.pf-sig-op.activo{font-weight:600}
.pf-sig-ico{flex:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--pf-texto)}
.pf-sig-ico svg{width:23px;height:23px;display:block}
.pf-sig-dejar span{flex:none}
/* ── SILENCIAR (interruptores) ── */
.pf-sil-cuerpo{padding:4px 0 0}
.pf-sw-fila{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;font-size:15px;cursor:pointer}
.pf-chk{width:24px;height:24px;border-radius:50%;border:1.5px solid #c7c7c7;flex:none;display:flex;align-items:center;justify-content:center;color:transparent;background:transparent;transition:background .12s,border-color .12s}
.pf-chk svg{width:15px;height:15px;display:block}
.pf-chk.on{background:#000;border-color:#000;color:#fff}
.pf-sil-nota{margin:6px 0 14px;padding:0 22px;text-align:center;font-size:13px;color:var(--pf-suave)}
.pf-sig-raya{display:none;position:absolute;top:11px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:3px;background:#c9c9c9}
/* En el celular, el menú Siguiendo y sus submenús salen como HOJA inferior (como la app) */
@media (max-width:735px){
  .pf-dialogo-sig{align-items:flex-end;padding:0}
  .pf-dialogo-sig .pf-dialogo-caja{max-width:none;width:100%;border-radius:22px 22px 0 0;text-align:left;animation:pf-subir .22s ease}
  .pf-dialogo-sig .pf-sig-raya{display:block}
  .pf-dialogo-sig .pf-sig-av{display:none}
  .pf-dialogo-sig .pf-sig-top{padding:28px 22px 14px;border-bottom:1px solid var(--pf-borde)}
  .pf-dialogo-sig .pf-sig-top b{font-size:17px}
  .pf-dialogo-sig .pf-sig-x{display:none}
  .pf-dialogo-sig .pf-sig-op{min-height:60px;font-size:16px;padding:14px 22px}
  .pf-dialogo-sig .pf-sig-lista{padding-bottom:max(8px,env(safe-area-inset-bottom))}
  .pf-dialogo-sig .pf-dialogo-top{border-radius:22px 22px 0 0}
  .pf-dialogo-sig .pf-sil-cuerpo{padding-bottom:max(2px,env(safe-area-inset-bottom))}
}
@keyframes pf-subir{from{transform:translateY(100%)}to{transform:none}}
.pf-reporte{padding:18px 20px 16px;text-align:left}
.pf-reporte h3{margin:0 0 10px;font-size:19px;font-weight:600;line-height:1.3}
.pf-reporte ul{margin:6px 0 18px;padding-left:18px;color:#5c5c5c;font-size:14px;line-height:1.45}
.pf-reporte li{margin:6px 0}
.pf-reporte a{color:var(--pf-primario)}
.pf-reporte-btn{display:flex;width:100%;color:#fff!important;height:42px}
.pf-reporte-fila{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-top:1px solid var(--pf-borde);background:transparent;padding:0 20px;height:62px;font:inherit;font-size:15px;color:var(--pf-texto);cursor:pointer;text-align:left}
.pf-reporte-fila:hover{background:#fafafa}
.pf-reporte-fila svg{width:22px;height:22px;color:#a8a8a8;flex:none}

/* ── v3.3 · Compartir en… y código QR ─────────────────────── */
.pf-compartir{padding:6px 0 8px;text-align:left;max-height:70vh;overflow:auto}
.pf-compartir-fila{display:flex;align-items:center;gap:18px;width:100%;border:0;background:transparent;padding:0 24px;height:60px;font:inherit;font-size:16px;color:var(--pf-texto);cursor:pointer;text-align:left;text-decoration:none}
.pf-compartir-fila:hover{background:#fafafa}
.pf-compartir-fila svg{width:30px;height:30px;flex:none}
.pf-qr{padding:22px 24px 24px;text-align:center}
.pf-qr-usuario{font-weight:600;font-size:16px;margin-bottom:6px}

/* ── v4 · insignia y ficha «Información sobre este perfil» ── */
.pf-insignia{display:inline-block;width:18px;height:18px;vertical-align:-3px;margin-left:6px}
.pf-insignia svg{width:18px;height:18px;display:block}
.pf-info{padding:18px 24px 6px;text-align:left;max-height:calc(92vh - 130px);overflow:auto}
.pf-info .pf-avatar-info{width:90px;height:90px;font-size:33px;margin:2px auto 14px}
.pf-info-usuario{display:flex;align-items:center;justify-content:center;gap:5px;font-weight:600;font-size:16px;margin-bottom:10px}
.pf-info-usuario .pf-insignia{margin-left:0;vertical-align:0;width:14px;height:14px}
.pf-info .pf-info-texto{text-align:center;color:var(--pf-suave);font-size:12.5px;line-height:1.4;margin:0 0 18px}
.pf-info a{color:#00376b;font-weight:600}
.pf-info-filas{list-style:none;margin:0 0 6px;padding:0}
.pf-info-fila{display:flex;gap:12px;align-items:center;padding:13px 0}
.pf-info-ico{flex:0 0 36px;display:flex;align-items:center;justify-content:center;margin-top:0}
.pf-info-fila svg{width:28px;height:28px;flex:none;color:var(--pf-texto)}
.pf-info-fila b{display:block;font-weight:400;font-size:15px;line-height:1.2}
.pf-info-fila span{display:block;color:var(--pf-suave);font-size:14px;margin-top:3px}
.pf-info-fila:last-child{margin-top:-17px}
.pf-info-parrafo{font-size:11.5px;line-height:1.45;color:#5c5c5c;margin:10px auto;max-width:500px}
.pf-info-btn{margin:14px 0 12px;height:52px;border-radius:12px;font-size:15px}

/* ── v4.1 · código QR con estilo ──────────────────────────── */
.pf-qr{padding:18px 22px 6px}
.pf-qr-tarjeta{border:1px solid #dbdbdb;border-radius:18px;padding:22px 20px 18px;background:#fff;text-align:center}
#pf-qr-lienzo{width:250px;height:250px;max-width:100%;display:block;margin:0 auto 8px}
.pf-qr-nombre{font-weight:800;font-size:28px;letter-spacing:.02em;text-transform:uppercase;font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue Condensed",Impact,sans-serif;font-stretch:condensed;line-height:1.1;background:#000;-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-qr-colores{display:flex;justify-content:center;gap:2px;margin:16px 0 14px}
.pf-qr-color{width:30px;height:30px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #fff;cursor:pointer;padding:0}
.pf-qr-color.on{box-shadow:0 0 0 2px #262626}
.pf-qr .pf-info-texto{margin:0 0 14px;padding:0 10px}
.pf-dialogo-btn.azul-texto{color:var(--pf-primario);font-weight:700}

/* ── v4.2 · insignia junto al nombre, y luego los tres puntos, con el mismo espacio ── */
.pf-fila-nombre{gap:0;align-items:center}
.pf-usuario{display:inline-flex;align-items:center;gap:8px}
.pf-usuario .pf-insignia{margin:0;width:20px;height:20px;vertical-align:0}
.pf-usuario .pf-insignia svg{width:20px;height:20px}
.pf-fila-nombre .pf-menu{margin-left:8px;padding:0 4px;font-size:16px;line-height:1;color:#262626;height:24px;display:inline-flex;align-items:center}

/* ── v4.3 · insignia desde assets/checkver.png (mismo tamaño) ── */
.pf-insignia img{width:20px;height:20px;display:block;object-fit:contain}
.pf-info-usuario .pf-insignia img,.pf-info-usuario .pf-insignia svg{width:14px;height:14px}

/* ── v4.4 · rótulo «Verificado» al pasar el ratón (o tocar) la insignia ── */
.pf-insignia{position:relative;cursor:default;outline:0}
.pf-insignia::after{content:attr(data-rotulo);position:absolute;left:50%;top:calc(100% + 9px);transform:translateX(-50%);background:#fff;color:#111;border:1px solid #6b6b6b;border-radius:2px;font:12.5px/1 var(--pf-fuente);padding:6px 8px;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.18);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .08s;z-index:30}
.pf-insignia:hover::after,.pf-insignia:focus::after,.pf-insignia:focus-visible::after{opacity:1;visibility:visible}

/* ── v4.5 · tipografía de la cabecera igual que la original ── */
.pf-usuario{font-size:23px;font-weight:700;letter-spacing:-.01em;line-height:1.2}
.pf-fila-nombre{margin:0 0 6px}
.pf-fila-nombre .pf-menu{font-size:21px;color:#262626;margin-left:10px}
.pf-nombre-real{font-size:15px;font-weight:400;color:var(--pf-texto);margin:0 0 12px;line-height:1.3}
.pf-contadores{font-size:16px;gap:20px;margin:0 0 16px}
.pf-contadores b{font-weight:600}
.pf-bio{font-size:14px;line-height:1.4;font-weight:400}
.pf-enlaces{margin-top:6px}
.pf-enlaces li{line-height:1.6}
.pf-enlaces a{color:var(--pf-primario);font-weight:400;font-size:15px;gap:0}
.pf-enlaces svg{display:none}
.pf-botones{margin-top:24px;gap:10px}
.pf-btn{height:42px;font-size:15px;font-weight:600;border-radius:10px}
.pf-btn-icono{flex:0 0 44px}
.pf-cab{margin-bottom:34px}
@media (max-width:735px){
  .pf-usuario{font-size:20px}
  .pf-nombre-real{margin-bottom:8px}
  .pf-btn{height:36px;font-size:14px}
}

/* ── v4.6 · botón de icono: relleno y pulsable como los otros ── */
.pf-btn.pf-btn-icono,.pf-btn.pf-btn-icono:not([href]){cursor:pointer;color:#111}
.pf-btn.pf-btn-icono:hover{background:#dbdbdb}
.pf-btn-icono svg{width:22px;height:22px}
button.pf-btn-icono{font:inherit}

/* ── v4.7 · imagen propia del botón de icono (assets/adde.png) ── */
.pf-btn-icono{overflow:hidden}
.pf-btn-img{width:100%;height:100%;object-fit:contain;display:block;border-radius:inherit}

/* ── v4.8 · sin la línea gris encima de las pestañas ── */
.pf-tabs{border-top:1px solid transparent}

/* ── v4.9 · pestañas solo con icono (24 px), las tres siempre, raya negra DEBAJO del icono activo ── */
.pf-tabs{justify-content:center;gap:170px;border-top:0;border-bottom:0;margin:0;padding:0}
.pf-tabs li{list-style:none}
.pf-tab{width:76px;height:50px;margin:0;padding:0;border:0;border-bottom:1px solid transparent;justify-content:center;gap:0;color:#8e8e8e;font-size:0;letter-spacing:0;text-transform:none}
.pf-tab svg{width:24px;height:24px;display:block}
.pf-tab .pf-ico-rel{display:none}
.pf-tab.activa{color:#000;border-top:0;border-bottom:1px solid #000}
.pf-tab.activa .pf-ico-rel{display:block}
.pf-tab.activa .pf-ico-lin{display:none}
.pf-grid{margin-top:2px}
@media (max-width:600px){
  .pf-tabs{gap:0;justify-content:space-around}
  .pf-tab{flex:1;width:auto;height:44px}
  .pf-tab svg{width:24px;height:24px}
}

/* ── v4.10 · iconos de pestaña con imagen propia (a1/a2, b1/b2, c1/c2), mismo tamaño que el dibujo ── */
.pf-tab img.pf-ico-img{width:24px;height:24px;object-fit:contain;display:block}
.pf-tab .pf-ico-rel.pf-ico-img{display:none}
.pf-tab.activa .pf-ico-rel.pf-ico-img{display:block}
.pf-tab.activa .pf-ico-lin.pf-ico-img{display:none}

/* ── v4.11 · iconos de pestaña más grandes, como el original: caja de 34 px en una pestaña de 80 px ── */
.pf-tabs{gap:166px}
.pf-tab{width:80px}
.pf-tab svg,.pf-tab img.pf-ico-img{width:34px;height:34px}
@media (max-width:600px){
  .pf-tabs{gap:0}
  .pf-tab{width:auto}
  .pf-tab svg,.pf-tab img.pf-ico-img{width:34px;height:34px}
}

/* ── v4.12 · medidas del original: dibujo ≈ 20 px, pestaña de 64 px, 197 px entre centros, raya activa de 2 px ── */
.pf-tabs{gap:133px}
.pf-tab{width:64px;height:42px;border-bottom-width:2px}
.pf-tab.activa{border-bottom:2px solid #000}
.pf-tab svg,.pf-tab img.pf-ico-img{width:26px;height:26px}
@media (max-width:600px){
  .pf-tabs{gap:0}
  .pf-tab{width:auto}
  .pf-tab svg,.pf-tab img.pf-ico-img{width:26px;height:26px}
}
/* solo la imagen de LÍNEA / inactiva (a2, b2, c2) */
.pf-tab img.pf-ico-lin{width:27px !important;height:27px !important}

/* ── v4.13 · línea gris fina de ancho completo bajo las pestañas (como el original); la raya negra activa va encima ── */
.pf-tabs{border-bottom:1px solid var(--pf-borde)}

/* ── v4.14 · cuadrícula de 3 columnas como el original ── */
.pf-grid{grid-template-columns:repeat(3,1fr)}

/* ── v4.15 · cuadrícula más ancha que el encabezado (como el nuevo Instagram): 4 fotos grandes ── */
#pf-grid{width:min(1120px,92vw);margin-left:50%;transform:translateX(-50%)}
@media (max-width:600px){ #pf-grid{width:100%;margin-left:0;transform:none} }

/* ── v4.16 · sello de la fila «Verificado» con imagen propia (assets/qr2.jpg), mismo tamaño que el dibujo ── */
.pf-info-fila .pf-sello-ico{display:flex;align-items:center;justify-content:center}
.pf-info-fila .pf-sello-ico svg{width:28px;height:28px}
/* qr2 suele traer borde transparente: un pelín más grande para igualar al resto */
.pf-info-fila img.pf-sello-img{width:65px;height:65px;object-fit:contain;display:block;transform:translateY(-6px)}
/* ── v4.17 · centrar los iconos de las filas en el mismo eje (método robusto por margen) ── */
.pf-info-ico{text-align:center;flex:0 0 36px}
.pf-info-ico svg,.pf-info-ico img{display:block;margin:0 auto}

/* ── v4.18 · botones del visor con imagen propia (b1/b3/b4) ── */
.pf-acc .pf-acc-img{width:24px;height:24px;object-fit:contain;display:block}

/* ── v4.19 · «···» de arriba del visor → menú (hoja de acciones) e Insertar ── */
.pf-visor-mas{margin-left:auto;border:0;background:none;cursor:pointer;color:var(--pf-texto);font-weight:700;font-size:20px;line-height:1;padding:2px 6px;border-radius:8px;letter-spacing:1px;-webkit-tap-highlight-color:transparent}
.pf-visor-mas:hover{background:var(--pf-gris)}
.pf-insertar{padding:14px 16px 16px;text-align:left}
.pf-insertar-codigo{width:100%;height:84px;resize:none;box-sizing:border-box;font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;border:1px solid var(--pf-borde);border-radius:8px;padding:8px;background:#fafafa;color:#262626}
.pf-insertar-pie{display:flex;gap:8px;align-items:center;margin:12px 2px;font-size:14px;cursor:pointer}
.pf-insertar-pie input{width:16px;height:16px;cursor:pointer}
.pf-insertar-terms{font-size:12px;color:var(--pf-suave);margin:4px 2px 0;line-height:1.4}

/* ── v4.20 · visor igual a la referencia: caja redondeada, foto sin franjas negras,
   «Responder» en negrita, aro en el avatar del pie y #etiquetas / @menciones en color ── */
.pf-visor{background:rgba(0,0,0,.65)}
.pf-tag{color:#4150f7}
.pf-com-meta{color:var(--pf-suave)}
.pf-com-resp{font-weight:600;color:var(--pf-suave);cursor:pointer}
.pf-com-pie .pf-mini{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--pf-borde)}
.pf-com{padding:12px 0}
.pf-visor-cab{padding:14px 16px 14px 16px}
@media (min-width:736px){
  .pf-visor{padding:24px 64px}
  .pf-visor-caja{display:flex;width:auto;max-width:calc(100vw - 128px);height:min(92vh,900px);max-height:none;border-radius:6px}
  .pf-visor-media{flex:0 1 auto;height:100%;aspect-ratio:var(--pf-ar,.8);min-width:0;min-height:0;background:#000;overflow:hidden}
  .pf-visor-media img,.pf-visor-media video{width:100%;height:100%;max-height:none;object-fit:cover}
  .pf-visor-lado{flex:0 0 auto;width:clamp(335px,38vw,500px);min-height:0}
  .pf-visor-coms{min-height:0}
}
@media (max-width:735px){
  .pf-visor-caja{align-content:start;grid-auto-rows:max-content}
  .pf-visor-media img,.pf-visor-media video{width:100%;height:auto;max-height:none;aspect-ratio:var(--pf-ar,.8);object-fit:cover}
}

/* Nombre del que comenta: al pasar el cursor (o tocarlo) abre la vista previa de su enlace */
.pf-com-usuario{display:inline;color:inherit;cursor:pointer;text-decoration:none}
.pf-com-usuario > b{cursor:pointer}
.pf-com-usuario:hover > b{text-decoration:underline}
.pf-mini-tarjeta{cursor:pointer}

/* Vista previa del enlace del comentario (la página del enlace en miniatura) */
.pf-tarjeta{position:fixed;z-index:60;width:408px;max-width:calc(100vw - 20px);background:#fff;color:#000;border-radius:18px;box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.04);overflow:hidden;font-family:var(--pf-fuente);opacity:0;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease}
.pf-tarjeta.on{opacity:1;transform:none}
.pf-tarjeta[hidden]{display:none}
.pf-tj-marco{position:relative;width:100%;height:324px;background:#fff}
.pf-tj-marco iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#fff}
.pf-tj-cargando{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fafafa;z-index:1;transition:opacity .2s}
.pf-tj-cargando i{width:26px;height:26px;border-radius:50%;border:3px solid var(--pf-gris-2);border-top-color:var(--pf-suave);animation:pf-tj-gira .8s linear infinite}
.pf-tarjeta.listo .pf-tj-cargando{opacity:0;pointer-events:none}
@keyframes pf-tj-gira{to{transform:rotate(360deg)}}
.pf-tj-barra{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-top:1px solid var(--pf-borde);color:#000;text-decoration:none;font-size:13px}
.pf-tj-barra img{width:18px;height:18px;border-radius:4px;flex:0 0 auto}
.pf-tj-barra span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pf-suave)}
.pf-tj-barra b{flex:0 0 auto;color:var(--pf-primario);font-weight:600}
.pf-tj-barra:hover b{text-decoration:underline}
@media (max-height:520px){.pf-tj-marco{height:calc(100vh - 110px)}}

/* ══ v6 · CELULAR IGUAL QUE LA APP DE INSTAGRAM (medidas tomadas de una captura del original) ══ */
.pf-atras-movil,.pf-menu-svg,.pf-hilo-movil{display:none}
@media (max-width:735px){
  .pf-main{position:relative;padding:48px 0 0 !important}
  /* barra de arriba: usuario ✓ ……… ··· (sin flecha: el usuario empieza a 24 px) */
  .pf-cab .pf-fila-nombre{position:absolute;top:0;left:0;right:0;height:48px;margin:0;padding:0;display:block;z-index:6;background:var(--pf-fondo)}
  .pf-cab .pf-usuario{position:absolute;left:24px;right:64px;top:0;height:48px;display:flex;align-items:center;gap:5px;font-size:20px;font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;margin:0}
  /* CHECK DEL PERFIL · SOLO ANDROID */
html.es-android .pf-cab .pf-usuario .pf-insignia,
html.es-android .pf-cab .pf-usuario .pf-insignia img,
html.es-android .pf-cab .pf-usuario .pf-insignia svg{width:13px !important;height:13px !important}
  .pf-cab .pf-usuario .pf-insignia{flex:none;width:15px;height:15px;margin:0}
  .pf-cab .pf-menu{position:absolute;right:24px;top:0;width:30px;height:48px;padding:0 8px;display:flex;align-items:center;justify-content:center;color:#000}
  .pf-menu-txt{display:none}
  .pf-menu-svg{display:block;width:14px;height:3.5px}
  .pf-menu-lista{top:44px !important;right:12px !important;left:auto !important}
  /* foto con aro gris | cifras al lado (sin el nombre); debajo bio, Threads y botones */
  .pf-cab{display:grid !important;grid-template-columns:86px 1fr;grid-template-rows:1fr auto auto 1fr;grid-template-areas:"av ." "av nom" "av stats" "av ." "bio bio" "enl enl" "hilo hilo" "btn btn";gap:0 23px !important;padding:12px 16px 0 !important;margin:0 0 19px !important;align-items:start}
  .pf-datos,.pf-bio-movil{display:contents !important}
  .pf-cab .pf-avatar{grid-area:av;width:86px;height:86px;margin:0;border:0;box-shadow:0 0 0 3px #fff,0 0 0 6.5px #dedede !important;align-self:center}
  .pf-cab .pf-nombre-real{display:none !important}
  .pf-cab .pf-contadores{grid-area:stats;display:flex !important;gap:clamp(8px,calc((100vw - 335px) * .32),30px);margin:0;padding:0;list-style:none;font-size:14px;color:var(--pf-texto)}
  .pf-cab .pf-contadores li{display:flex;flex-direction:column;line-height:18px;white-space:nowrap;min-width:0}
  .pf-cab .pf-contadores b{font-size:16px;font-weight:600;line-height:20px}
  .pf-contadores-movil{display:none !important}
  .pf-cab .pf-bio{grid-area:bio;margin-top:9px;font-size:14px;line-height:1.35}
  .pf-cab .pf-enlaces{grid-area:enl;margin-top:2px}
  /* Threads oculto en móviles (pon display:inline-flex para volver a mostrarlo) */
  .pf-hilo-movil{grid-area:hilo;justify-self:start;display:none;align-items:center;gap:4px;height:24px;padding:0 10px 0 8px;margin-top:14px;border:1px solid #dbdbdb;border-radius:12px;font-size:12.5px;font-weight:600;color:#000;text-decoration:none;line-height:1}
  .pf-hilo-movil svg{width:13px;height:13px;flex:none}
  .pf-cab .pf-botones{grid-area:btn;margin-top:13px !important;gap:6px !important}
  .pf-cab .pf-btn{height:32px !important;font-size:14px !important;border-radius:8px !important;padding:0 12px}
  .pf-cab .pf-btn-icono{flex:0 0 32px !important;width:32px;padding:0}
  /* destacados: aro gris de 64 px, 82 px entre centros */
  .pf-destacados{gap:6px !important;padding:0 0 0 8px !important;margin:0 !important}
  .pf-dest{width:76px !important}
  .pf-dest-aro{width:64px !important;height:64px !important;padding:3px !important;border:3.5px solid #dedede !important;margin:0 auto 5px !important}
  .pf-dest-tit{font-size:12px !important;font-weight:400 !important;line-height:15px}
  /* pestañas: raya negra de 40 px bajo el icono activo, línea gris fina debajo */
  .pf-tabs{gap:0 !important;margin-top:17px !important;border-bottom:1px solid #e6e6e6 !important}
  .pf-tabs li{flex:1;display:flex;justify-content:center}
  .pf-tab{flex:none !important;width:40px !important;height:42px !important;border-bottom:2px solid transparent !important}
  .pf-tab.activa{border-bottom:2px solid #000 !important}
  /* cuadrícula: fotos 3:4 (más altas), separación de 1 px */
  .pf-grid{gap:1px !important;margin-top:0 !important}
  .pf-celda{aspect-ratio:3/4}
  .pf-celda-ico{top:8px;right:8px;width:18px;height:18px}
}
/* En el celular (o pantallas táctiles) el carrusel se pasa deslizando: sin flechas, como en Instagram */
@media (max-width:735px),(hover:none){
  .pf-visor-flecha{display:none !important}
}

/* ── v7 · banderas emoji también en Windows (fuente solo para banderas, se activa si el equipo no las dibuja) ── */
@font-face{font-family:"Banderas Emoji";src:url("https://cdn.jsdelivr.net/npm/country-flag-emoji-polyfill@0.1.10/dist/TwemojiCountryFlags.woff2") format("woff2");unicode-range:U+1F1E6-1F1FF,U+1F3F4,U+E0062-E007F;font-display:swap}
html.sin-banderas{--pf-fuente:"Banderas Emoji",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji"}

/* ══ v8 · CELULAR: vista «Publicaciones» (lista vertical como Instagram en el móvil) ══ */
.pf-feed{position:fixed;inset:0;z-index:45;background:#fff;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.pf-feed[hidden]{display:none}
.pf-feed-top{position:sticky;top:0;z-index:3;height:52px;display:flex;align-items:center;gap:22px;padding:0 16px;background:#fff}
.pf-feed-atras{width:28px;height:28px;padding:0;border:0;background:transparent;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center}
.pf-feed-atras svg{width:26px;height:26px}
.pf-feed-top b{font-size:20px;font-weight:700}
.pf-fp{padding-bottom:18px}
.pf-fp-cab{display:flex;align-items:center;gap:12px;height:54px;padding:0 12px 0 14px}
.pf-fp-cab .pf-mini{width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--pf-gris);flex:none;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--pf-suave)}
.pf-fp-cab .pf-mini img{width:100%;height:100%;object-fit:cover}
.pf-fp-quien{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.pf-fp-quien b{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-fp-quien small{font-size:13px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-fp-mas{width:32px;height:32px;padding:0;border:0;background:transparent;color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center}
.pf-fp-mas svg{width:22px;height:22px}
.pf-fp-media{position:relative;width:100%;aspect-ratio:var(--pf-ar,.8);background:#efefef;overflow:hidden}
.pf-fp-pista{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pf-fp-pista::-webkit-scrollbar{display:none}
.pf-fp-slide{position:relative;flex:0 0 100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always}
.pf-fp-slide img,.pf-fp-slide video{width:100%;height:100%;object-fit:cover;display:block}
.pf-fp-cont{position:absolute;top:14px;right:14px;min-width:36px;height:26px;padding:0 9px;border-radius:13px;background:rgba(18,18,18,.72);color:#fff;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;pointer-events:none}
.pf-fp-sonido{position:absolute;z-index:2;right:15px;bottom:14px;width:25px;height:25px;border-radius:50%;border:0;padding:0;background:rgba(26,26,26,.5);-webkit-backdrop-filter:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.pf-fp-sonido svg{width:12.4px;height:12.4px;display:block}
.pf-fp-puntos{display:flex;justify-content:center;gap:4px;height:15px;align-items:flex-end;margin-bottom:2px}
.pf-fp-puntos i{width:6px;height:6px;border-radius:50%;background:#dbdbdb}
.pf-fp-puntos i.on{background:var(--pf-primario)}
.pf-fp-puntos-vacio{height:6px}
.pf-fp-acc{display:flex;align-items:center;gap:18px;padding:8px 14px 4px 12px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.pf-fp-g{display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.pf-fp-acc .pf-acc{width:26px;height:26px}
.pf-fp-acc .pf-acc svg,.pf-fp-acc .pf-acc .pf-acc-img{width:26px;height:26px}
.pf-fp-n{font-size:15px;font-weight:600;min-width:0}
.pf-fp-n:empty{display:none}
.pf-fp-texto{padding:4px 12px 0;font-size:15px;line-height:1.35;word-break:break-word;white-space:pre-line}
.pf-fp-texto b{font-weight:600}
.pf-fp-vercoms{display:block;border:0;background:transparent;padding:4px 12px 0;font:inherit;font-size:14px;color:var(--pf-suave);cursor:pointer;text-align:left}
.pf-fp-vercoms[hidden]{display:none}
.pf-fp-fecha{padding:4px 12px 0;font-size:13px;color:var(--pf-suave)}

/* hoja de comentarios (celular), como la de Instagram */
.pf-visor.pf-visor-hoja{align-items:flex-end;justify-content:stretch;padding:0;background:rgba(0,0,0,.45);z-index:55}
.pf-hoja{width:100%;height:92vh;height:92dvh;background:#fff;border-radius:22px 22px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:pf-hoja-sube .22s ease;will-change:transform}
@keyframes pf-hoja-sube{from{transform:translateY(60px);opacity:.6}to{transform:none;opacity:1}}
.pf-hoja-cab{position:relative;flex:none;height:60px;display:flex;align-items:center;justify-content:center;padding-top:8px;border-bottom:1px solid #efefef;touch-action:none}
.pf-hoja-raya{position:absolute;top:13px;left:50%;width:36px;height:3px;margin-left:-18px;border-radius:2px;background:#555}
.pf-hoja-cab b{font-size:16px;font-weight:500;color:#000}
.pf-hoja .pf-visor-coms{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;padding:6px 0 10px}
.pf-hoja .pf-com-vacio{text-align:center;color:var(--pf-suave);padding:60px 20px;font-size:14px}
.pf-hoja .pf-com-vacio b{display:block;font-size:20px;color:#000;margin-bottom:6px;font-weight:700}
.pf-hc{display:flex;align-items:flex-start;gap:15px;padding:12px 18px 12px 16px !important;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.pf-hc .pf-mini{width:40px;height:40px;flex:none;border-radius:50%;overflow:hidden;background:var(--pf-gris);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:var(--pf-suave)}
.pf-hc .pf-mini img{width:100%;height:100%;object-fit:cover}
.pf-hc-resp{padding-left:63px !important}
.pf-hc-resp .pf-mini{width:31px;height:31px;font-size:12px}
.pf-hc .pf-com-cuerpo{flex:1;min-width:0}
.pf-hc-cab{font-size:13px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-hc-cab b{font-weight:500;color:#000}
.pf-hc-t{color:var(--pf-suave);font-weight:400}
.pf-hc-txt{margin:2px 0 0 !important;font-size:15px !important;line-height:21px !important;font-weight:400;color:#000;white-space:pre-line;word-break:break-word}
.pf-hc .pf-com-meta{margin-top:2px;font-size:13.5px;line-height:18px}
.pf-hc .pf-com-resp{font-weight:500;color:#737373}
.pf-hc .pf-com-mas{display:none !important}
.pf-hc-der{flex:none;width:28px;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:8px}
.pf-hc-der .pf-com-cor{width:20px;height:20px;margin:0;color:#262626}
.pf-hc-der .pf-com-cor svg{width:20px;height:20px}
.pf-hc-der .pf-com-cor.on{color:#ff3040}
.pf-hc-n{font-size:13px;color:#262626;line-height:1}
.pf-hc-n:empty{display:none}
.pf-hoja .pf-tag{color:#4150f7}
.pf-hoja-emojis{flex:none;display:flex;justify-content:space-between;padding:10px 10px 8px;border-top:1px solid #efefef}
.pf-hoja-emojis .pf-emoji{width:40px;height:40px;border:0;background:transparent;padding:0;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.pf-hoja-caja{flex:none;display:flex;align-items:center;gap:10px;padding:4px 14px max(10px,env(safe-area-inset-bottom)) 13px !important;border-top:0 !important}
.pf-hoja-caja > .pf-mini{width:40px;height:40px;flex:none;border-radius:50%;overflow:hidden;background:var(--pf-gris);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:var(--pf-suave)}
.pf-hoja-caja > .pf-mini img{width:100%;height:100%;object-fit:cover}
.pf-hoja-caja > .pf-mini{visibility:hidden !important} /* sin la foto junto a la caja, pero conservando su espacio */
.pf-hoja-pastilla{flex:1;min-width:0;height:42px;display:flex;align-items:center;gap:8px;padding:0 10px 0 16px;border:1.5px solid #dbdbdb;border-radius:21px}
.pf-hoja-pastilla input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:#000;padding:0}
.pf-hoja-pastilla input::placeholder{color:#737373}
.pf-hoja-ico{display:flex;align-items:center;gap:12px;color:#000}
.pf-hoja-ico svg{width:24px;height:24px;display:block}
.pf-hoja-pastilla input:placeholder-shown ~ .pf-publicar{display:none}
.pf-hoja-pastilla input:not(:placeholder-shown) ~ .pf-hoja-ico{display:none}
.pf-hoja-pastilla .pf-publicar{opacity:1 !important;pointer-events:auto !important}

.pf-fp-pts{color:#000}
.pf-fp-mastxt{border:0;background:transparent;padding:0;font:inherit;font-size:15px;color:var(--pf-suave);cursor:pointer}

/* publicaciones de video en el celular: vertical, cabecera blanca encima, ícono de personas y sonido abajo */
.pf-fp-video .pf-fp-media{--pf-ar:.5625;background:#000}
.pf-fp-video .pf-fp-cab{position:absolute;top:0;left:0;right:0;z-index:2;height:64px;color:#fff;background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,0));pointer-events:none}
.pf-fp-video .pf-fp-cab .pf-mini,.pf-fp-video .pf-fp-mas{pointer-events:auto}
.pf-fp-video .pf-fp-quien b,.pf-fp-video .pf-fp-quien small{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.pf-fp-video .pf-fp-mas{color:#fff}
.pf-fp-quien b{display:flex;align-items:center;gap:4px}
.pf-fp-quien .pf-insignia{width:15px;height:15px;margin:0;flex:none}
.pf-fp-quien small{display:flex;align-items:center;gap:4px}
.pf-fp-nota{width:13px;height:13px;flex:none}
.pf-fp-etiq{position:absolute;left:14px;bottom:14px;width:28px;height:28px;border-radius:50%;background:rgba(38,38,38,.85);color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none}
.pf-fp-etiq svg{width:14px;height:14px}
.pf-fp-video .pf-fp-puntos-vacio{height:2px}

.pf-insignia-blanca{filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}
.pf-insignia-blanca svg{width:100%;height:100%;display:block}

/* ══ v9 · HISTORIAS ══ */
/* foto de perfil: botón con aro de colores si hay historias sin ver; gris (el de siempre) si ya se vieron */
.pf-av-boton{position:relative;display:block;margin:0 auto;padding:0;border:0;background:transparent;border-radius:50%;cursor:default;-webkit-tap-highlight-color:transparent;width:max-content}
.pf-av-boton.con-historia{cursor:pointer}
.pf-av-boton::before{content:"";position:absolute;inset:-8px;border-radius:50%;background:linear-gradient(45deg,#ffd16a 0%,#fcaf45 18%,#f77737 38%,#f5405c 58%,#e1306c 76%,#d300c5 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px));opacity:0;pointer-events:none;transition:opacity .2s}
.pf-av-boton.nueva::before{opacity:1}
.pf-av-boton.nueva .pf-avatar{box-shadow:0 0 0 4px #fff !important;border-color:transparent !important}
@media (max-width:735px){
  .pf-cab .pf-av-boton{grid-area:av;align-self:center;margin:0}
  .pf-av-boton::before{inset:-7px}
}
/* visor de historias */
.pf-hist{position:fixed;inset:0;z-index:65;background:#1a1a1a;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none}
.pf-hist[hidden]{display:none}
.pf-hist-x{position:absolute;top:18px;right:22px;width:36px;height:36px;border:0;background:transparent;color:#fff;padding:4px;cursor:pointer;z-index:3}
.pf-hist-x svg{width:28px;height:28px}
.pf-hist-escena{display:flex;align-items:center;gap:18px}
.pf-hist-flecha{width:26px;height:26px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.45);color:#1a1a1a;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;transition:background .15s}
.pf-hist-flecha:hover,.pf-hist-flecha:focus-visible{background:#fff}
.pf-hist-flecha svg{width:16px;height:16px}
.pf-hist-flecha[hidden]{visibility:hidden;display:flex}
.pf-hist-tarjeta{position:relative;height:calc(100vh - 32px);height:calc(100dvh - 32px);aspect-ratio:9/16;max-width:calc(100vw - 120px);border-radius:8px;overflow:hidden;background:#000}
.pf-hist-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000}
.pf-hist-media img,.pf-hist-media video{width:100%;height:100%;object-fit:cover;display:block}
.pf-hist-zonas{position:absolute;inset:0;display:grid;grid-template-columns:1fr 2fr;z-index:1}
.pf-hist-arriba{position:absolute;top:0;left:0;right:0;z-index:2;padding:14px 16px 26px;background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,0));pointer-events:none}
.pf-hist-barras{display:flex;gap:4px;margin-bottom:12px}
.pf-hist-barras i{flex:1;height:2px;border-radius:2px;background:rgba(255,255,255,.38);overflow:hidden}
.pf-hist-barras b{display:block;height:100%;background:#fff;width:0}
.pf-hist-cab{display:flex;align-items:center;gap:10px;color:#fff}
.pf-hist-cab .pf-mini{width:34px;height:34px;border-radius:50%;overflow:hidden;flex:none;background:#444;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}
.pf-hist-cab .pf-mini img{width:100%;height:100%;object-fit:cover}
.pf-hist-quien{flex:1;min-width:0;display:flex;align-items:center;gap:8px;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.pf-hist-quien b{font-weight:600;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-hist-quien .pf-insignia{width:14px;height:14px;flex:none;margin:0}
/* Línea de canción del destacado (♫ Artista · Canción), debajo del nombre, con ecualizador animado */
.pf-hist-musica{display:flex;align-items:center;gap:7px;margin-top:6px;max-width:72%;color:#fff;font-size:13px;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.45)}
.pf-hist-musica > span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-hist-eq{display:inline-flex;align-items:flex-end;gap:1.6px;height:14px;flex:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}
.pf-hist-eq i{width:2.2px;height:5px;background:#fff;border-radius:1px;animation:pf-eq .9s ease-in-out infinite}
.pf-hist-eq i:nth-child(1){animation-delay:0s}
.pf-hist-eq i:nth-child(2){animation-delay:.25s}
.pf-hist-eq i:nth-child(3){animation-delay:.45s}
.pf-hist-eq i:nth-child(4){animation-delay:.12s}
@keyframes pf-eq{0%,100%{height:4px}50%{height:13px}}
.pf-hist-t{opacity:.75;white-space:nowrap}
.pf-hist-btns{display:flex;align-items:center;gap:14px;pointer-events:auto}
.pf-hist-btns button{width:26px;height:26px;border:0;background:transparent;color:#fff;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}
.pf-hist-btns button svg{width:22px;height:22px}
.pf-hist-dur{position:absolute;right:16px;top:72px;font-size:12px;font-weight:500;color:#fff;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.pf-hist-abajo{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;gap:14px;padding:22px 16px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.35))}
.pf-hist-abajo input{flex:1;min-width:0;height:44px;border-radius:22px;border:1px solid rgba(255,255,255,.7);background:transparent;color:#fff;padding:0 18px;font:inherit;font-size:15px;outline:0}
.pf-hist-abajo input::placeholder{color:rgba(255,255,255,.85)}
.pf-hist-abajo button{width:30px;height:30px;border:0;background:transparent;color:#fff;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none}
.pf-hist-abajo button svg{width:26px;height:26px}
.pf-hist-latido{animation:pf-latido .35s ease}
@keyframes pf-latido{50%{transform:scale(1.25)}}
@media (max-width:735px){
  /* ESTABILIDAD-SAFARI: alto fijo al viewport estable (svh) para que al abrir NO se amplíe ni salte
     cuando la barra de Safari aparece/desaparece (en Android ya es estable). */
  .pf-hist{background:#000;top:0;bottom:auto;height:100vh;height:100svh}
  .pf-hist-escena{width:100%;height:100%;gap:0}
  .pf-hist-flecha{display:none !important}
  /* celular: la foto/vídeo ocupa la pantalla con esquinas redondeadas y la barra «Enviar mensaje…» va debajo, sobre negro */
  .pf-hist-tarjeta{width:100%;height:100%;max-width:none;aspect-ratio:auto;border-radius:0;background:#000}
  .pf-hist-media,.pf-hist-zonas{position:absolute;left:0;right:0;top:env(safe-area-inset-top);bottom:calc(76px + env(safe-area-inset-bottom));inset:env(safe-area-inset-top) 0 calc(76px + env(safe-area-inset-bottom)) 0;border-radius:10px;overflow:hidden}
  .pf-hist-arriba{top:env(safe-area-inset-top);padding:8px 12px 30px;border-radius:10px 10px 0 0}
  .pf-hist-barras{margin-bottom:10px}
  .pf-hist-cab .pf-mini{width:38px;height:38px}
  .pf-hist-quien{font-size:15px}
  .pf-hist-btns{gap:12px;margin-right:38px}
  .pf-hist-btns [data-hpausa]{display:none}
  .pf-hist-dur{display:none}
  .pf-hist-x{top:calc(env(safe-area-inset-top) + 22px);right:8px;width:34px;height:34px;padding:2px}
  .pf-hist-x svg{width:26px;height:26px}
  .pf-hist-abajo{height:calc(76px + env(safe-area-inset-bottom));padding:0 14px env(safe-area-inset-bottom);background:#000;gap:16px}
  .pf-hist-abajo input{height:42px;font-size:16px;border-color:rgba(255,255,255,.55)}
}

/* historias: botones de abajo sin fondo ni círculo; «enviar» = el mismo ícono de las publicaciones, en blanco */
.pf-hist-abajo button{-webkit-appearance:none;appearance:none;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;outline:0}
.pf-hist-enviar .pf-acc-img{width:24px;height:24px;object-fit:contain;display:block;filter:brightness(0) invert(1)}
@media (max-width:735px){
  .pf-hist-arriba{padding:8px 8px 30px}
  .pf-hist-barras{gap:3px;margin-bottom:10px}
  .pf-hist-cab{gap:9px}
  .pf-hist-cab .pf-mini{width:32px;height:32px}
  .pf-hist-quien{font-size:14px;gap:7px}
  .pf-hist-quien .pf-insignia{width:13px;height:13px}
  .pf-hist-btns button svg{width:22px;height:22px}
  .pf-hist-x svg{width:24px;height:24px}
  .pf-hist-abajo{height:calc(72px + env(safe-area-inset-bottom));padding:0 17px env(safe-area-inset-bottom) 16px;gap:19px}
  .pf-hist-media,.pf-hist-zonas{bottom:calc(72px + env(safe-area-inset-bottom));inset:env(safe-area-inset-top) 0 calc(72px + env(safe-area-inset-bottom)) 0}
  .pf-hist-abajo input{height:43px;border-radius:22px;padding:0 20px;font-size:16px}
  .pf-hist-abajo button{width:24px;height:24px}
  .pf-hist-abajo button svg,.pf-hist-enviar .pf-acc-img{width:22px;height:22px}
}

/* historias en el PC: sonido 20 px, pausa 12×19, tres puntos de 26 px; 25 px y 27 px entre ellos (medido del original) */
@media (min-width:736px){
  .pf-hist-btns{gap:25px}
  .pf-hist-btns button{width:auto;height:26px;min-width:0}
  .pf-hist-btns [data-hsonido] svg{width:24px;height:24px}
  .pf-hist-btns [data-hsonido]{margin-right:-3px}
  .pf-hist-btns button svg.pf-h-pausa{width:12px;height:19px}
  .pf-hist-btns button svg.pf-h-puntos{width:26px;height:7px}
  .pf-hist-btns [data-hmas]{margin-left:2px}
  .pf-hist-dur{top:auto;right:16px;font-size:13px}
}

/* iconos de la cuadrícula en el celular: 16 px, a 8 px de la esquina, sombra suave */
@media (max-width:735px){
  .pf-celda-ico{top:8px !important;right:8px !important;width:16px !important;height:16px !important;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.35)) !important}
  .pf-celda-ico svg{width:16px;height:16px;display:block}
}

/* iconos de la cuadrícula en el PC: ~23 px de dibujo, a 11 px de la esquina (medido del original) */
@media (min-width:736px){
  .pf-celda-ico{top:10px !important;right:10px !important;width:25px !important;height:25px !important;filter:drop-shadow(0 0 2px rgba(0,0,0,.35)) !important}
  .pf-celda-ico svg{width:25px;height:25px;display:block}
}

/* ══ v10 · DESTACADOS como el original (PC): aro gris de 3 px + 4 px de blanco, círculo de 87 px,
   99 px entre centros, título en negrita con letra de remate; flechas ‹ › si no caben todos ══ */
.pf-dest-caja{position:relative}
.pf-dest-flecha{display:none}
@media (min-width:736px){
  .pf-destacados{gap:12px !important;scroll-behavior:smooth}
  .pf-dest{width:87px !important}
  .pf-dest-aro{width:87px !important;height:87px !important;padding:4px !important;border:3px solid #dde1e5 !important;margin:0 auto 14px !important;background:#fff}
  .pf-dest-tit{font-family:Georgia,Cambria,"Times New Roman",serif !important;font-weight:700 !important;font-size:12.5px !important;color:#000;line-height:1.25}
  .pf-dest-flecha{position:absolute;top:32px;z-index:2;width:26px;height:26px;border-radius:50%;border:0;padding:0;background:rgba(115,115,115,.85);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:background .15s}
  .pf-dest-flecha:hover{background:rgba(80,80,80,.95)}
  .pf-dest-flecha svg{width:16px;height:16px}
  .pf-dest-flecha.izq{left:4px}.pf-dest-flecha.der{right:4px}
  .pf-dest-flecha[hidden]{display:none}
}

/* destacado abierto en el celular: tarjetas · corazón · comentario · enviar (22 px, 20 px entre ellos) */
.pf-hist-ico-tarjetas{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#fff;flex:none}
.pf-hist-ico-tarjetas svg{width:23px;height:23px}
@media (max-width:735px){ .pf-hist-abajo [data-hcomentar] svg{width:22px;height:22px} }

/* barra de abajo de historias/destacados en el celular, medida del original: íconos de 24 px, 18 px entre ellos */
@media (max-width:735px){
  .pf-hist-abajo{gap:18px !important;padding-left:16px !important;padding-right:16px !important}
  .pf-hist-abajo button,.pf-hist-ico-tarjetas{width:24px !important;height:24px !important;overflow:visible}
  .pf-hist-ico-tarjetas svg{width:24px;height:22px}
  .pf-hist-abajo [data-hgusta] svg{width:24.5px !important;height:24.5px !important}
  .pf-hist-abajo [data-hcomentar] svg{width:25px !important;height:25px !important}
  .pf-hist-enviar .pf-acc-img{width:24px !important;height:24px !important}
}

/* celular: fondo negro azulado del original, texto «Enviar mensaje…» blanco y borde gris oscuro */
@media (max-width:735px){
  .pf-hist,.pf-hist-tarjeta{background:#0c1014 !important}
  .pf-hist-abajo{background:#0c1014 !important}
  .pf-hist-abajo input{border-color:rgba(255,255,255,.44) !important;color:#fff}
  .pf-hist-abajo input::placeholder{color:#fcfcfc !important;opacity:1}
}

/* celular: el check azul se puede tocar y abre «Información sobre esta cuenta» */
@media (max-width:735px){ .pf-insignia{cursor:pointer !important} .pf-dialogo .pf-insignia,.pf-insignia-blanca{cursor:default !important} }

/* celular: hoja «Información sobre esta historia» (dos rayas) — medida del original */
.pf-hist-menu{position:absolute;inset:0;z-index:6;background:rgba(0,0,0,0);display:flex;align-items:flex-end;transition:background .2s}
.pf-hist-menu.on{background:rgba(0,0,0,.6)}
.pf-hist-menu-hoja{position:relative;width:100%;background:#fff;border-radius:23px 23px 0 0;padding:42px 16px max(30px,calc(env(safe-area-inset-bottom) + 17px));transform:translateY(100%);transition:transform .22s ease}
.pf-hist-menu.on .pf-hist-menu-hoja{transform:none}
.pf-hist-menu-raya{position:absolute;top:14px;left:50%;width:34px;height:2.5px;margin-left:-17px;border-radius:2px;background:#676c72}
.pf-hist-menu-hoja b{display:block;font-size:16px;font-weight:600;color:#000;margin:0 0 9px;line-height:20px}
.pf-hist-menu-op{width:100%;height:52px;border:0;border-radius:13px;background:#eef2f5;display:flex;align-items:center;gap:19px;padding:0 0 0 21px;font:inherit;font-size:15px;color:#ea1011;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}
.pf-hist-menu-op:active{background:#e3e8ec}
.pf-hist-menu-op svg{width:21px;height:22px;flex:none}

/* Menú «···» de historias en PC: filas de 48px y letra de 14px como el original */
.pf-dialogo-btn.compacto{height:48px;font-size:14px;line-height:48px;padding:0 16px}
.pf-dialogo-caja:has(> .pf-dialogo-btn.compacto){border-radius:20px}
/* Visor de PC: botón de sonido abajo a la derecha (video o canción subida), como el original */
.pf-visor-sonido{position:absolute;z-index:3;right:12px;bottom:12px;width:28px;height:28px;border-radius:50%;border:0;padding:0;background:rgb(47,47,52);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}
.pf-visor-sonido:focus,.pf-visor-sonido:focus-visible,.pf-visor-sonido:active{outline:none}
.pf-visor-sonido svg{width:12.6px;height:12.6px;display:block;pointer-events:none;user-select:none;-webkit-user-select:none}
.pf-visor-media video[data-vvideo]{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}
/* «Publicaciones» en iPhone (html.es-ios) como la app: botón atrás redondo, título centrado con el usuario debajo */
html.es-ios .pf-feed-top{position:sticky;top:0;z-index:3;height:58px;display:block;padding:0;gap:0;background:#fff}
html.es-ios .pf-feed-atras{position:absolute;left:19.5px;top:3px;width:45px;height:45px;border-radius:50%;padding:0;border:0;background:#fbfbfb;box-shadow:0 0 0 .6px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.05);color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer}
html.es-ios .pf-feed-atras svg{width:12px;height:21.5px;margin-left:-1.2px;display:block}
html.es-ios .pf-feed-tit{position:absolute;left:76px;right:76px;top:8px;display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.2}
html.es-ios .pf-feed-tit b{font-size:17px;font-weight:700;color:#000;white-space:nowrap}
html.es-ios .pf-feed-tit small{font-size:13px;color:#000;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html.es-ios .pf-fp-cab{gap:10px;padding:0 6px 0 10.5px}
html.es-ios .pf-fp-quien{padding-top:2px}
html.es-ios .pf-fp-mas svg{width:24px;height:24px}
/* Biografía larga: «… más» solo en el celular */
.pf-bio-corta{display:none}
.pf-bio-mas{color:#737373;cursor:pointer}
@media (max-width:735px){
  .pf-cab .pf-bio-corta{display:block}
  .pf-cab .pf-bio-larga{display:none}
  .pf-cab.bio-abierta .pf-bio-corta{display:none}
  .pf-cab.bio-abierta .pf-bio-larga{display:block}
}
/* Pie con la marca del sitio */
.pf-pie{display:flex;align-items:center;justify-content:center;width:100%;overflow-x:auto;overflow-y:hidden}
.pf-pie-nav{display:flex;align-items:center;justify-content:center;gap:0 18px;flex-wrap:nowrap;white-space:nowrap;max-width:none;width:max-content;font-size:14px;line-height:20px}
.pf-pie-nav a{color:var(--pf-suave);text-decoration:none;white-space:nowrap}
.pf-pie-nav a:hover{text-decoration:underline}
@media (max-width:735px){
  .pf-pie{display:none}
}

/* ── Perfil en Android (todo lo que no es iPhone/iPad), medido contra la app de Android ── */
@media (max-width:735px){
  html:not(.es-ios) .pf-cab .pf-usuario{font-size:20.5px}
  html:not(.es-ios) .pf-cab .pf-menu{right:9px}
  html:not(.es-ios) .pf-menu-svg.pf-menu-v{width:3.6px;height:14.5px}
  html:not(.es-ios) .pf-cab{grid-template-columns:86px minmax(0,1fr) !important;gap:0 19px !important;padding:11px 12px 0 16px !important}
  html:not(.es-ios) .pf-cab .pf-av-boton{justify-self:center}
  html:not(.es-ios) .pf-cab .pf-avatar{width:73px !important;height:73px !important;font-size:28px;box-shadow:0 0 0 4px #fff,0 0 0 6.5px #dedede !important}
  html:not(.es-ios) .pf-cab .pf-av-boton.nueva .pf-avatar{box-shadow:0 0 0 4px #fff !important}
  html:not(.es-ios) .pf-av-boton::before{inset:-6.5px;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.2px),#000 calc(100% - 1.8px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.2px),#000 calc(100% - 1.8px))}
  html:not(.es-ios) .pf-cab .pf-contadores{gap:clamp(6px,calc((100vw - 300px) * .26),15.5px) !important;font-size:13px !important}
  html .pf-cab .pf-nombre-real{display:block !important;grid-area:nom;font-size:14px;font-weight:600;line-height:18px;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000}
  html:not(.es-ios) .pf-cab .pf-bio{margin-top:9px;line-height:18px}
  html:not(.es-ios) .pf-hilo-movil{margin-top:13px;padding:0 12px 0 6.5px;gap:3px;font-weight:500}
  html:not(.es-ios) .pf-cab .pf-botones{margin:12px 0 0 -4px !important;gap:6.5px !important}
  html:not(.es-ios) .pf-cab .pf-btn-icono svg{width:18.8px;height:18.8px}
  .pf-cab .pf-btn-icono .pf-btn-img-rec{width:15.5px;height:15.5px;object-fit:contain;border-radius:0;margin:auto}
  html:not(.es-ios) .pf-destacados{gap:6.5px !important;padding:0 0 0 5.5px !important}
  html:not(.es-ios) .pf-dest{width:86px !important}
  html:not(.es-ios) .pf-dest-aro{width:74px !important;height:74px !important;border:3px solid #e6eaeb !important;padding:3px !important;margin:0 auto 5px !important}
  html:not(.es-ios) .pf-dest-tit{font-size:13px !important;line-height:16px}
  html:not(.es-ios) .pf-tabs{margin-top:11px !important}
  html:not(.es-ios) .pf-tab{width:64px !important;height:46.5px !important;border-bottom:1.5px solid transparent !important}
  html:not(.es-ios) .pf-tab.activa{border-bottom:1.5px solid #000 !important}
  html:not(.es-ios) .pf-grid{gap:2px !important;margin-top:1.5px !important}
}
/* Página fija al deslizar: nada se sale por los lados (no se puede arrastrar de lado) y en Android sin el
   «tirón» ni el brillo al llegar arriba/abajo (como se ve en Safari) */
html,body{overflow-x:hidden;overflow-x:clip;max-width:100%}
body{touch-action:manipulation}
html:not(.es-ios),html:not(.es-ios) body{overscroll-behavior:none}
/* Historias en Android: Chrome informa un margen inferior «seguro» (env) aunque la barra del sistema queda fuera de la
   página, y eso dejaba una franja negra de más debajo de «Enviar mensaje». Como en la app: 75px bajo la foto. */
@media (max-width:735px){
  html:not(.es-ios) .pf-hist-abajo{height:75px !important;padding-bottom:9px !important}
  html:not(.es-ios) .pf-hist-media,html:not(.es-ios) .pf-hist-zonas{bottom:75px !important;inset:env(safe-area-inset-top) 0 75px 0 !important}
}
/* PC: nombre (del panel) y estadísticas como el original: nombre 14px, cifras 14px, espacios medidos */
@media (min-width:736px){
  .pf-nombre-real{font-size:14px;line-height:18px;font-weight:400;color:#0c1014;margin:1.5px 0 10.5px}
  .pf-contadores{font-size:14px;gap:17px}
  /* el usuario empieza un poco más abajo del borde superior del círculo, como el original */
  .pf-cab{align-items:start}
  .pf-cab .pf-datos{padding-top:1px}
}
.pf-vacio-reels{min-height:300px}
/* Etiquetadas vacía en PC: círculo de 62px con el ícono y «No hay fotos» */
.pf-vacio-etq{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;box-sizing:border-box;padding:60px 20px 80px;color:#000;grid-column:1/-1}
.pf-vacio-circulo{width:62px;height:62px;border-radius:50%;border:1.25px solid #000;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.pf-vacio-circulo svg{width:46px;height:46px;display:block}
.pf-vacio-etq b{font-size:30px;font-weight:800;line-height:36px;margin-top:22.5px;letter-spacing:-.01em}
.pf-vacio-etq-movil{display:none}
/* Etiquetadas vacío: el mismo círculo + «No hay fotos» también en celular (antes se ocultaba) */
@media (max-width:735px){ .pf-vacio-etq{display:flex} .pf-vacio-etq-movil{display:none} .pf-vacio-etq b{font-size:22px;line-height:28px;margin-top:18px} .pf-vacio-circulo{width:56px;height:56px} .pf-vacio-circulo svg{width:40px;height:40px} }
/* Marca de versión: perfil.js la revisa y, si no coincide (copia vieja guardada), vuelve a pedir este CSS */
:root{--pf-css-version:"141"}

/* ── Chat / Mensajes (estilo Instagram) ─────────────────────────────────── */
.pf-chat{position:fixed;inset:0;z-index:1000;display:flex;justify-content:flex-end;align-items:stretch;background:rgba(0,0,0,.18)}
.pf-chat[hidden]{display:none !important}
.pf-chat-panel{width:100%;max-width:460px;height:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.18)}
.pf-chat-cab{height:60px;display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid #dbdbdb;flex:none}
.pf-chat-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:0;background:transparent;cursor:pointer;color:#000;flex:none;padding:0}
.pf-chat-ic:hover{background:#efefef}
.pf-chat-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pf-chat-cab .pf-chat-av-sm{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;background:#efefef}
.pf-chat-cab .pf-chat-av-sm span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#8e8e8e;border-radius:50%}
.pf-chat-hdr-name{flex:1;min-width:0;display:flex;align-items:center;gap:4px;font-weight:600;font-size:16px}
.pf-chat-hdr-name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-chat-badge{flex:none;display:inline-flex;vertical-align:middle;object-fit:contain}
.pf-chat-badge svg,.pf-chat-badge img{width:100%;height:100%;display:block;object-fit:contain}
img.pf-chat-badge{display:inline-block}

.pf-chat-cuerpo{flex:1;overflow-y:auto;padding:0 16px 12px;display:flex;flex-direction:column}
.pf-chat-cuerpo::-webkit-scrollbar{width:8px}
.pf-chat-cuerpo::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:4px}
.pf-chat-perfil{display:flex;flex-direction:column;align-items:center;text-align:center;padding:44px 0 28px}
.pf-chat-av-lg{width:100px;height:100px;border-radius:50%;overflow:hidden;background:#efefef;flex:none}
.pf-chat-av-lg img{width:100%;height:100%;object-fit:cover}
.pf-chat-av-lg span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:36px;font-weight:600;color:#8e8e8e}
.pf-chat-intro-name{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:16px;font-size:20px;font-weight:600}
.pf-chat-intro-sub{color:#737373;font-size:15px;margin-top:6px}
.pf-chat-ver{margin-top:20px;background:#efefef;border:0;border-radius:8px;padding:8px 20px;font:inherit;font-weight:600;font-size:15px;cursor:pointer;color:#000}
.pf-chat-ver:hover{background:#dbdbdb}
.pf-chat-info-biz{font-size:13px;color:#0095f6;margin:10px 0 0;text-decoration:none;cursor:pointer}

.pf-chat-msgs{display:flex;flex-direction:column;gap:2px;padding:8px 0 8px;margin-top:auto}
.pf-chat-msg{max-width:70%;padding:9px 14px;border-radius:20px;font-size:15px;line-height:1.35;word-break:break-word;white-space:pre-wrap}
.pf-chat-msg.visitante{align-self:flex-end;background:#3797f0;color:#fff}
.pf-chat-msg.admin{align-self:flex-start;background:#efefef;color:#000}

.pf-chat-pie{padding:10px 16px 16px;flex:none;background:#fff}
.pf-chat-composer{display:flex;align-items:center;gap:4px;border:1px solid #dbdbdb;border-radius:24px;min-height:48px;padding:0 8px;background:#fff}
.pf-chat-composer input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:15px;padding:0 6px;background:transparent;color:#000}
.pf-chat-composer input::placeholder{color:#737373}
.pf-chat-send-txt{color:#0095f6;font-weight:600;font-size:15px;padding:0 8px;border:0;background:transparent;cursor:pointer;font:inherit}
.pf-chat-send-txt:hover{color:#00376b}
.pf-chat-send-txt[hidden],.pf-chat-composer .pf-chat-ic[hidden]{display:none !important}

/* Escritorio: tamaño real de Instagram web (flotante, compacto) */
@media (min-width:736px){
  .pf-chat{
    background:transparent !important;
    align-items:flex-end;
    justify-content:flex-end;
    padding:0 24px 24px 0;
    pointer-events:none;
  }
  .pf-chat-panel{
    pointer-events:auto;
    width:400px !important;
    max-width:400px !important;
    height:560px !important;
    max-height:calc(100vh - 48px) !important;
    border-radius:12px;
    border:1px solid #dbdbdb;
    box-shadow:0 4px 24px rgba(0,0,0,.18);
    overflow:hidden;
  }
  .pf-chat-panel.expanded{
    width:min(680px, calc(100vw - 48px)) !important;
    max-width:min(680px, calc(100vw - 48px)) !important;
    height:calc(100vh - 48px) !important;
    max-height:calc(100vh - 48px) !important;
  }
  .pf-chat-cab .pf-chat-atras{display:none}
  .pf-chat-cuerpo{min-height:0}
}
/* Móvil: pantalla completa */
@media (max-width:735px){
  .pf-chat{background:#fff}
  .pf-chat-panel{max-width:none;box-shadow:none;border-radius:0}
  .pf-chat-cab .pf-chat-expand,
  .pf-chat-cab .pf-chat-cerrar-pc{display:none}
  .pf-chat-perfil{padding:28px 0 20px}
  .pf-chat-av-lg{width:88px;height:88px}
  .pf-chat-intro-name{font-size:18px}
}




/* ── Chat móvil (Safari + Android) — estilo chat-movil.html ─────────────── */
.pf-chat-movil{max-width:none !important;height:100% !important;border-radius:0 !important;box-shadow:none !important}
.pf-chat-movil .pf-chat-cab{
  height:auto;min-height:0;gap:10px;
  padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 10px;
  border-bottom:0;
}
.pf-chat-movil .pf-chat-atras.pf-chat-ic{
  width:40px;height:40px;border-radius:50%;
  background:#fff;border:1px solid #e6e6e6;box-shadow:0 1px 4px rgba(0,0,0,.08);
}
.pf-chat-movil .pf-chat-atras.pf-chat-ic:active{background:#f2f2f2}
.pf-chat-movil .pf-chat-expand,
.pf-chat-movil .pf-chat-cerrar-pc{display:none !important}
.pf-chat-movil .pf-chat-av-sm{width:30px;height:30px}
.pf-chat-movil .pf-chat-hdr-name{
  flex-direction:column;align-items:flex-start;gap:0;
  font-size:16px;font-weight:700;min-width:0;
}
.pf-chat-movil .pf-chat-hdr-line{display:flex;align-items:center;gap:4px;min-width:0;line-height:20px}
.pf-chat-movil .pf-chat-hdr-line .pf-chat-badge{ /* TAMAÑO-CHECK · SAFARI · ARRIBA */
  width:17px !important;height:17px !important;flex:none;align-self:center;
}
.pf-chat-movil .pf-chat-hdr-line span,
.pf-chat-movil .pf-chat-hdr-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-chat-movil .pf-chat-hdr-user{font-size:12px;font-weight:400;color:#262626;line-height:16px}
.pf-chat-movil .pf-chat-cuerpo{padding:0 12px 10px}
.pf-chat-movil .pf-chat-perfil{padding:36px 8px 24px}
.pf-chat-movil .pf-chat-av-lg{width:84px;height:84px}
.pf-chat-movil .pf-chat-intro-name{
  font-size:20px;font-weight:700;margin-top:10px;line-height:26px;
  display:flex;align-items:center;justify-content:center;gap:0;
}
.pf-chat-movil .pf-chat-intro-name .pf-chat-badge{ /* TAMAÑO-CHECK · SAFARI · ABAJO */
  width:20px !important;height:20px !important;flex:none;align-self:center;
  transform:translateY(0.5px);margin-left:2px;
}
.pf-chat-movil .pf-chat-intro-sub{font-size:15px;color:#737373;margin-top:2px;line-height:20px}
.pf-chat-movil .pf-chat-info-biz{display:block;font-size:13px;color:#0095f6;margin:10px 0 0;text-decoration:none}
.pf-chat-movil .pf-chat-ver{margin-top:16px;padding:6px 16px;font-size:14px;border-radius:8px;background:#efefef;font-weight:600}
.pf-chat-movil .pf-chat-msg.visitante{background:#7a3ff0;border-radius:22px;font-size:16px}
.pf-chat-movil .pf-chat-msg.admin{background:#efefef;border-radius:22px;font-size:16px;color:#000}
.pf-chat-movil .pf-chat-pie{padding:6px 8px max(8px, env(safe-area-inset-bottom,0px));border-top:0}
.pf-chat-movil .pf-chat-composer{
  background:#f3f3f5;border:0;border-radius:22px;min-height:44px;padding:0 6px 0 16px;
}
.pf-chat-movil .pf-chat-composer input{
  flex:1;min-width:0;border:0;outline:0;background:transparent;
  font:inherit;font-size:16px;line-height:22px;height:44px;padding:0;
  color:#000 !important;-webkit-text-fill-color:#000 !important;
  caret-color:#7a3ff0;-webkit-appearance:none;appearance:none;border-radius:0;
  opacity:1 !important;
}
.pf-chat-movil .pf-chat-composer input::placeholder{
  color:#737373 !important;-webkit-text-fill-color:#737373 !important;opacity:1;
}
.pf-chat-movil .pf-chat-composer .pf-chat-ic{display:none !important}
.pf-chat-movil .pf-chat-send-txt{
  color:#7a3ff0;font-weight:600;font-size:16px;padding:0 10px;height:40px;
}
.pf-chat-movil .pf-chat-send-txt[hidden]{display:none !important}
.pf-chat-movil .pf-chat-send-txt.on{display:block !important}

@media (max-width:735px){
  .pf-chat{
    background:#fff !important;padding:0 !important;
    inset:auto;left:0;right:0;top:0;bottom:0;height:100%;
    z-index:9999 !important;
    overscroll-behavior:none;-webkit-overflow-scrolling:auto;
  }
  .pf-chat-movil{
    height:100% !important;max-height:100% !important;
    overscroll-behavior:none;
  }
  .pf-chat-movil .pf-chat-pie{position:relative;z-index:2;background:#fff;flex:none}
  .pf-chat-movil .pf-chat-cuerpo{flex:1;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  body.pf-chat-abierto{overflow:hidden !important;position:fixed !important;width:100% !important;height:100% !important;overscroll-behavior:none}
  body.pf-chat-abierto .pf-main,body.pf-chat-abierto .pf-pie{visibility:hidden}
}

/* Input de archivos del chat: nunca visible */
.pf-chat-file,input.pf-chat-file,[data-chat-file-img]{
  position:absolute !important;width:1px !important;height:1px !important;
  padding:0 !important;margin:-1px !important;overflow:hidden !important;
  clip:rect(0,0,0,0) !important;border:0 !important;
  opacity:0 !important;pointer-events:none !important;
  display:none !important;visibility:hidden !important;
}

.pf-chat-movil .pf-chat-hdr-perfil{
  display:flex;align-items:center;gap:10px;flex:1;min-width:0;
  border:0;background:transparent;padding:0;margin:0;text-align:left;
  font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;
}
.pf-chat-movil .pf-chat-hdr-perfil:active{opacity:.7}


/* ── Chat Android — estilo chat-android.html ─────────────────────────────── */
.pf-chat-android{
  max-width:none !important;height:100% !important;border-radius:0 !important;
  box-shadow:none !important;background:#fff;
  font-family:Roboto,"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;
}
.pf-chat-android .pf-chat-cab-and{
  height:auto;min-height:0;gap:14px;
  padding:calc(env(safe-area-inset-top,0px) + 12px) 14px 12px;
  border-bottom:0;background:#fff;flex:none;
  display:flex;align-items:center;
}
.pf-chat-back-and{
  width:30px;height:30px;display:grid;place-items:center;flex:none;
  border:0;background:transparent;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;
}
.pf-chat-back-and svg{width:27px;height:27px;fill:none;stroke:#000;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pf-chat-back-and:active{opacity:.5}
.pf-chat-hdr-perfil-and{
  flex:1;min-width:0;display:flex;align-items:center;gap:12px;text-align:left;
  border:0;background:transparent;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.pf-chat-hdr-perfil-and:active{opacity:.7}
/* Aro degradado Instagram */
.pf-chat-ring{
  flex:none;padding:2px;border-radius:50%;
  background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);
}
.pf-chat-ring .pf-chat-av-sm{
  display:block;width:34px;height:34px;border-radius:50%;object-fit:cover;
  border:2px solid #fff;background:#eee;
}

/* Foto del chat Android sin historia: sin aro, solo la foto redonda */
.pf-chat-av-plain{
  flex:none;display:block;line-height:0;
}
.pf-chat-av-plain .pf-chat-av-sm{
  display:block;width:34px;height:34px;border-radius:50%;object-fit:cover;
  border:0;background:#eee;
}
/* Con historia nueva: el aro degradado (ya definido en .pf-chat-ring) */

.pf-chat-hdr-txt-and{min-width:0;display:flex;flex-direction:column}
.pf-chat-hdr-name-and{
  display:flex;align-items:center;gap:5px;min-width:0;
  font-size:14px;font-weight:500;line-height:19px;
}
.pf-chat-hdr-name-and b{
  font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:19px;
}
.pf-chat-hdr-user-and{
  font-size:13px;color:#737373;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:17px;
}
.pf-chat-android .pf-chat-badge{flex:none;display:inline-block;vertical-align:middle}
.pf-chat-android .pf-chat-hdr-name-and .pf-chat-badge{ /* TAMAÑO-CHECK · ANDROID · ARRIBA */
  width:13px !important;height:13px !important;
}
.pf-chat-android .pf-chat-intro-name-and .pf-chat-badge{ /* TAMAÑO-CHECK · ANDROID · ABAJO */
  width:14px !important;height:14px !important;
}

/* Intro / perfil arriba del hilo */
.pf-chat-intro-and{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:30px 8px 24px;
}
.pf-chat-av-lg-and{
  width:96px;height:96px;border-radius:50%;object-fit:cover;background:#eee;
}
.pf-chat-intro-name-and{
  display:flex;align-items:center;justify-content:center;gap:4px;margin-top:14px;max-width:100%;
  font-size:18px;font-weight:500;line-height:24px;
}
.pf-chat-intro-name-and span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-chat-intro-sub-and{color:#737373;font-size:16px;line-height:22px;margin-top:4px}
.pf-chat-intro-sub-and + .pf-chat-intro-sub-and{margin-top:1px}

/* Mensajes Android: burbujas moradas del visitante */
.pf-chat-android .pf-chat-cuerpo{
  flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;padding:0 14px 10px;
}
.pf-chat-msgs-and{display:flex;flex-direction:column;gap:2px;padding:8px 0;margin-top:auto}
.pf-chat-msg-and{
  max-width:75%;padding:9px 14px;border-radius:22px;
  font-size:16px;line-height:1.3;word-break:break-word;white-space:pre-wrap;overflow-wrap:anywhere;
}
.pf-chat-msg-and.visitante{
  align-self:flex-end;background:#7a3ff0;color:#fff;
}
.pf-chat-msg-and.admin{
  align-self:flex-start;background:#efefef;color:#000;
}
.pf-chat-android .pf-chat-msg.visitante:not(.pf-chat-msg-and){
  /* fallback si no lleva clase and */
  background:#7a3ff0;
}

/* Composer Android: pill + botón avión morado */
.pf-chat-pie-and{
  flex:none;padding:8px 10px max(10px, env(safe-area-inset-bottom,0px));background:#fff;
}
.pf-chat-composer-and{
  display:flex;align-items:center;gap:8px;margin:0;
}
.pf-chat-field-and{
  flex:1;min-width:0;display:flex;align-items:center;
  background:#efeff0;border-radius:24px;min-height:46px;padding:0 16px;
}
.pf-chat-field-and input{
  flex:1;min-width:0;border:0;outline:0;background:transparent;
  font:inherit;font-size:16px;height:46px;padding:0;color:#000;
  caret-color:#7a3ff0;-webkit-appearance:none;appearance:none;border-radius:0;
}
.pf-chat-field-and input::placeholder{color:#8e8e8e;opacity:1}
.pf-chat-send-and{
  flex:none;width:56px;height:44px;border-radius:19px;display:grid;place-items:center;
  background:#8b74f0;border:0;padding:0;cursor:pointer;
  transition:opacity .15s,transform .1s;-webkit-tap-highlight-color:transparent;
}
.pf-chat-send-and svg{width:23px;height:23px;fill:#fff}
.pf-chat-send-and.off{opacity:.45}
.pf-chat-send-and:active{transform:scale(.92)}
.pf-chat-send-and[hidden]{display:grid !important} /* siempre visible en Android */

@media (max-width:735px){
  .pf-chat-android{
    height:100% !important;max-height:100% !important;overscroll-behavior:none;
  }
  .pf-chat-android .pf-chat-pie-and{position:relative;z-index:2;background:#fff;flex:none}
  .pf-chat-android .pf-chat-cuerpo{flex:1;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
}



/* ── Paneles emoji / stickers del chat PC (estilo chat-pc.html) ─────────── */
.pf-chat-panel{position:relative}
.pf-chat-pop{
  position:absolute;left:12px;right:12px;bottom:78px;
  height:400px;max-height:calc(100% - 90px);
  background:#fff;border-radius:14px;
  box-shadow:0 4px 24px rgba(0,0,0,.18);
  display:flex;flex-direction:column;overflow:hidden;z-index:20;
}
.pf-chat-pop[hidden]{display:none !important}
.pf-chat-pop-search{
  display:flex;align-items:center;gap:8px;margin:12px;
  border:1px solid #dbdbdb;background:#f5f6f7;border-radius:20px;
  padding:0 14px;height:40px;flex:none;min-height:40px;
}
.pf-chat-pop-search svg{
  width:18px !important;height:18px !important;min-width:18px;min-height:18px;
  flex:none;fill:none !important;stroke:#737373 !important;stroke-width:2;
  overflow:visible;
}
.pf-chat-pop-search svg circle,
.pf-chat-pop-search svg path{fill:none !important;stroke:#737373 !important;stroke-width:2}
.pf-chat-pop-search input{
  flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:15px;
  color:#000;min-width:0;height:38px;
}
.pf-chat-pop-scroll{flex:1;overflow-y:auto;padding:0 10px 10px;min-height:0}
.pf-chat-sec{font-size:13px;font-weight:600;color:#737373;padding:8px 4px 6px}
.pf-chat-egrid{display:grid;grid-template-columns:repeat(8,1fr);gap:0}
.pf-chat-egrid button{
  font-size:28px;height:46px;border:0;background:transparent;
  border-radius:8px;cursor:pointer;padding:0;line-height:1;
  display:flex;align-items:center;justify-content:center;
}
.pf-chat-egrid button:hover{background:#efefef}
.pf-chat-etabs{
  display:flex;justify-content:space-around;border-top:1px solid #dbdbdb;
  height:44px;flex:none;background:#fff;
}
.pf-chat-etabs button{
  flex:1;font-size:18px;filter:grayscale(1);opacity:.55;
  border:0;background:transparent;border-bottom:2px solid transparent;
  cursor:pointer;line-height:1;
}
.pf-chat-etabs button.on{filter:none;opacity:1;border-bottom-color:#000}
.pf-chat-sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.pf-chat-sgrid button{
  aspect-ratio:1;border:0;background:transparent;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:42px;line-height:1;padding:0;
}
.pf-chat-sgrid button:hover{background:#efefef}

/* Check del chat PC: tamaño y espacio como Instagram original (img 2) */
.pf-chat-panel:not(.pf-chat-movil):not(.pf-chat-android) .pf-chat-hdr-name .pf-chat-badge{ /* TAMAÑO-CHECK · PC · ARRIBA */
  width:12px !important;height:12px !important;flex:none;align-self:center;
  object-fit:contain;display:inline-block;vertical-align:middle;
}
.pf-chat-panel:not(.pf-chat-movil):not(.pf-chat-android) .pf-chat-intro-name .pf-chat-badge{ /* TAMAÑO-CHECK · PC · ABAJO */
  width:12px !important;height:12px !important;flex:none;align-self:center;
  object-fit:contain;display:inline-block;vertical-align:middle;
}