/* El perfil simulado de Instagram. Sigue el tema de la plataforma: claro u oscuro. */
.tel { width: 326px; border-radius: 44px; background: #0b0b0b; padding: 8px; box-shadow: 0 18px 40px rgba(0, 0, 0, .25); }
:root[data-tema="oscuro"] .tel { box-shadow: 0 0 0 1px rgba(252, 252, 252, .1), 0 30px 60px -28px rgba(0, 0, 0, .9); }
.pantalla { height: 690px; overflow-y: auto; scrollbar-width: none; background: var(--ig-fondo); color: var(--ig-tinta); border-radius: 37px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.35; font-variation-settings: normal; }
.pantalla::-webkit-scrollbar { display: none; }
.ig-estado { display: flex; justify-content: space-between; padding: 13px 26px 2px; font-size: 13px; font-weight: 600; }
.ig-barra { padding: 8px 14px 10px; font-weight: 700; font-size: 17px; color: var(--ig-suave); }
.ig-cab { display: flex; align-items: center; gap: 14px; padding: 2px 14px 10px; }
.ig-foto { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; flex: none; background: var(--ig-boton); }
.ig-nums { display: flex; flex: 1; justify-content: space-around; text-align: center; }
.ig-nums b { display: block; font-size: 16px; }
.ig-nums span { font-size: 12px; }
.ig-bio { padding: 0 14px 10px; }
.ig-bio .bio { white-space: pre-line; }
.ig-bio a { color: var(--ig-link); }
.ig-botones { display: flex; gap: 6px; padding: 0 14px 14px; }
.ig-botones span { flex: 1; text-align: center; background: var(--ig-boton); border-radius: 8px; padding: 7px 0; font-weight: 600; }
.ig-botones .seguir { background: #0095f6; color: #fff; }
.ig-dest { display: flex; gap: 13px; padding: 0 14px 14px; overflow: hidden; }
.ig-dest div { width: 58px; flex: none; text-align: center; font-size: 11.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ig-dest img { display: block; width: 58px; height: 58px; border-radius: 50%; padding: 3px; border: 1px solid var(--ig-borde); object-fit: cover; margin-bottom: 4px; }
.ig-dest-vacio { display: block; width: 58px; height: 58px; border-radius: 50%; border: 1px solid var(--ig-borde); margin-bottom: 4px; }
.ig-tabs { display: flex; border-top: 1px solid var(--ig-linea); }
.ig-tabs span { flex: 1; display: flex; justify-content: center; padding: 9px 0; opacity: .45; }
.ig-tabs span.on { opacity: 1; box-shadow: inset 0 -1px 0 var(--ig-tinta); }
.ig-tabs svg { width: 22px; height: 22px; }
.ig-grilla { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }
.tile { position: relative; aspect-ratio: 3 / 4; overflow: hidden; text-decoration: none; }
.tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.tile.boceto { display: flex; align-items: flex-end; padding: 8px; }
.tile .t { font: 700 14px/1.04 var(--display); letter-spacing: 0; }
.tile .ico { position: absolute; top: 6px; right: 6px; width: 15px; height: 15px; color: #fff; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5)); }
.tile .ico svg { display: block; width: 100%; height: 100%; }
.tile.boceto .ico { color: inherit; filter: none; }
.tile.foco { outline: 3px solid var(--amarillo); outline-offset: -3px; }
.ig-vacio { padding: 24px 14px; text-align: center; color: var(--ig-suave); }
.t-onyx { background-color: #011409; color: #FCFCFC; } .t-amarillo { background-color: #FFC20A; color: #011409; }
.t-fucsia { background-color: #FF495C; color: #011409; } .t-pizarra { background-color: #545F66; color: #FCFCFC; }
.t-blanco { background-color: #FCFCFC; color: #011409; box-shadow: inset 0 0 0 1px rgba(1, 20, 9, .08); }