.public-profile{max-width:950px;margin:30px auto;display:grid;gap:20px}.public-profile .profile-card{overflow:hidden}.public-banner{height:210px;background:linear-gradient(110deg,#153d66,#3e83a7);background-size:cover;background-position:center}.public-identity{padding:12px 25px 25px}.public-avatar{width:100px;height:100px;margin-top:-58px;border:5px solid white;border-radius:50%;background:#e4edf5;display:flex;align-items:center;justify-content:center;font-size:36px;overflow:hidden}.public-avatar img{width:100%;height:100%;object-fit:cover}.public-identity h1{margin:10px 0}.public-identity p{white-space:pre-wrap;overflow-wrap:anywhere}.public-post{padding:15px 0;border-top:1px solid #ddd;white-space:pre-wrap;overflow-wrap:anywhere}.public-post img{display:block;max-width:100%;max-height:350px;object-fit:contain;margin-top:12px;border-radius:8px}#interests{color:#51708a}@media(max-width:650px){.public-banner{height:140px}}
.edit-own-public-profile{display:inline-block;background:#c9111b;color:#fff!important;text-decoration:none;border-radius:10px;padding:10px 16px;font-weight:700;margin:8px 0;}

.public-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}
.public-name-row h1{margin:0}
.public-name-row #emoji{font-size:1.65rem;line-height:1.2}

/* Mostrar Editar perfil exclusivamente al propietario. */
.edit-own-public-profile[hidden]{display:none!important;}

/* Tarjetas de publicaciones en el perfil */
#posts{display:grid;gap:12px;margin-top:16px}
.public-post{position:relative;padding:18px 20px;border:1px solid #d8e4ee;border-radius:16px;background:#fff;white-space:pre-wrap;overflow-wrap:anywhere;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}
.public-post:nth-child(even){background:#f2f7fb}
.public-post:hover,.public-post:focus-visible{background:#eaf3fa;border-color:#a7c5dc;box-shadow:0 5px 18px #153d6612;transform:translateY(-1px);outline:none}
.public-post small{display:block;color:#60758a;font-size:.85rem;margin-bottom:9px}
.public-post p{margin:0;line-height:1.55;color:#192b3b}
.public-post img{max-height:270px;margin-top:12px;border-radius:12px}
.public-post-link{position:absolute;inset:0;border-radius:inherit;text-decoration:none;color:inherit}
.public-post-link:focus-visible{outline:3px solid #2670a4;outline-offset:2px}
@media(max-width:650px){.public-post{padding:14px 15px}}