:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#191919;background:#fafaf9;font-synthesis:none;--line:#e6e6e2;--muted:#73736e;--soft:#f2f2ef;--green:#e8f2e8}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #9baebd;outline-offset:3px}button{border:0;background:none;color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.brand{font-weight:750;letter-spacing:-.6px;display:flex;align-items:center;gap:10px}.brand svg{background:#171717;color:white;width:32px;height:32px;padding:6px;border-radius:10px}.header{max-width:1240px;margin:auto;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;gap:18px}.nav{display:flex;gap:24px;align-items:center;font-size:18px}.muted{color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--soft);font-size:14px;padding:6px 10px;border-radius:100px;letter-spacing:.2px}.demo{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;padding:8px 16px;font-size:14px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#181818;color:white;border:1px solid #181818;border-radius:100px;padding:13px 22px;font-weight:600;font-size:17px;transition:transform .15s,background .15s}.btn:hover{background:#353535;transform:translateY(-1px)}.btn.secondary{background:white;color:#222;border-color:var(--line)}.btn.secondary:hover{background:var(--soft)}.btn.small{padding:9px 16px;font-size:16px}.btn.full{width:100%}.btn.danger{background:#a83232;border-color:#a83232}.hero{max-width:1160px;margin:0 auto;padding:76px 36px 60px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:80px}.eyebrow{font-size:14px;font-weight:650;letter-spacing:1.5px;text-transform:uppercase}.dot{width:6px;height:6px;background:#738b68;border-radius:50%;display:inline-block;margin-right:5px}h1{font-size:62px;line-height:1.06;letter-spacing:-3px;font-weight:650;margin:23px 0}h1 span{color:#93938b}p{line-height:1.7}.hero p{font-size:16px;max-width:410px;color:var(--muted)}.claim{display:flex;background:white;border:1px solid var(--line);border-radius:16px;padding:8px;gap:6px;align-items:center;margin:30px 0 12px;max-width:460px}.claim span{font-size:16px;padding-left:8px;color:var(--muted)}.claim input{border:0;min-width:30px;width:100%;padding:10px 0;background:transparent;outline:none}.claim .btn{padding:12px 16px}.fine{font-size:14px;color:var(--muted);line-height:1.6}.sample-wrap{position:relative;padding:0 20px 28px}.sample-wrap:before{content:"";position:absolute;inset:40px -10px 0 35px;background:#eeeee8;border-radius:38px;transform:rotate(5deg)}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}.sample{position:relative;text-align:center;box-shadow:0 15px 50px #00000006}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted)}.avatar{width:76px;height:76px;border-radius:50%;background:#e8e8df;display:grid;place-items:center;font-size:25px;font-weight:550;margin:26px auto 14px;letter-spacing:-1px}.avatar.dark{background:#282c28;color:#f3f3e7}.sample h2{font-size:22px;letter-spacing:-.7px;margin:10px 0 4px}.sample p{font-size:16px;margin:8px auto 20px;max-width:240px}.links{display:grid;gap:10px}.link-card{display:flex;align-items:center;gap:13px;padding:15px 16px;border:1px solid var(--line);border-radius:13px;background:white;text-align:left;font-size:17px}.link-card span{flex:1}.link-card small{display:block;color:var(--muted);font-size:14px;margin-top:4px}.link-card:hover{border-color:#aaa}.link-card .arrow{width:14px;color:#969690}.sample-footer{margin:22px 0 0;font-size:14px;color:var(--muted)}.float-label{position:absolute;bottom:0;right:-5px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 17px;box-shadow:0 8px 22px #00000006;font-size:14px;display:flex;align-items:center;gap:9px}.float-label svg{color:#6b8561}.features{max-width:1088px;margin:20px auto 64px;border-top:1px solid var(--line);padding-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.features h3{font-size:17px;display:flex;align-items:center;gap:10px}.features p{font-size:16px;color:var(--muted);margin:0}.footer{border-top:1px solid var(--line);max-width:1160px;margin:40px auto 0;padding:22px 36px;display:flex;justify-content:space-between;font-size:14px;color:var(--muted)}.workspace{max-width:1160px;display:grid;grid-template-columns:195px 1fr;gap:50px;margin:38px auto;padding:0 36px;min-height:65vh}.sidebar{display:flex;flex-direction:column;gap:6px}.sidebar a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;font-size:17px;color:var(--muted)}.sidebar a.active{background:#ededE7;color:#171717;font-weight:600}.sidebar .caption{font-size:14px;letter-spacing:1px;margin:22px 14px 10px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:26px}.page-head h1{font-size:30px;letter-spacing:-1px;margin:0 0 8px}.page-head p{font-size:17px;color:var(--muted);margin:0}.editor-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.section-title{font-size:18px;font-weight:650;margin:0 0 20px}.field{display:block;font-size:16px;font-weight:550;margin-bottom:17px}.field input,.field textarea,.field select{display:block;width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px;margin-top:8px;font-size:17px;color:#222}.field textarea{resize:vertical;min-height:90px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.space{margin-top:20px}.stack{display:grid;gap:16px}.edit-link{display:flex;gap:12px;align-items:center;border:1px solid var(--line);padding:14px;border-radius:12px;margin-bottom:10px}.edit-link .info{flex:1;min-width:0}.edit-link strong{font-size:16px;display:block}.edit-link small{font-size:14px;color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px;border-radius:7px}.icon-btn:hover{background:var(--soft)}.icon-btn svg{width:16px;height:16px}.switch-row{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.switch-row:last-child{border:0}.switch-row strong{font-size:17px;font-weight:550}.switch-row p{font-size:14px;color:var(--muted);margin:5px 0 0}.switch{appearance:none;width:38px;height:22px;background:#d9d9d4;border-radius:100px;position:relative;cursor:pointer;flex-shrink:0;transition:background .2s}.switch:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:white;transition:transform .2s;box-shadow:0 1px 3px #0002}.switch:checked{background:#202420}.switch:checked:before{transform:translateX(16px)}.public{max-width:720px;padding:20px 24px;margin:20px auto;text-align:center}.public h1{font-size:30px;letter-spacing:-1px;margin:12px}.public .bio{color:var(--muted);font-size:17px}.public .links{grid-template-columns:1fr 1fr;margin-top:26px}.tabs{display:flex;justify-content:center;gap:24px;border-bottom:1px solid var(--line);margin:30px 0 20px}.tabs button{font-size:16px;padding:14px 0}.tabs button.active{border-bottom:2px solid #222}.post{text-align:left;padding:24px}.post .avatar{width:34px;height:34px;font-size:16px;margin:0}.post .byline{font-size:16px;font-weight:650}.post small{display:block;font-size:14px;color:var(--muted);font-weight:400;margin-top:4px}.post p{font-size:17px}.post-visual{background:#edeee6;border-radius:14px;min-height:155px;padding:28px;display:flex;align-items:center;justify-content:space-between;margin:18px 0}.post-visual strong{font-size:24px;letter-spacing:-1px;line-height:1.15}.post-visual svg{width:60px;height:60px;color:#8c9382}.like{display:flex;align-items:center;gap:7px;font-size:16px}.like.liked{color:#ae4353}.center-page{max-width:480px;margin:65px auto;padding:0 24px;text-align:center}.center-page h1{font-size:32px;letter-spacing:-1px}.center-page .card{text-align:left;margin-top:25px}.google{font-weight:700;font-size:18px}.notice{padding:14px 16px;background:var(--soft);border-radius:12px;font-size:16px;line-height:1.6;color:#66665e}.empty{text-align:center;padding:35px;color:var(--muted);font-size:17px}.tag{color:#5b7752;background:var(--green);padding:5px 9px;border-radius:8px;font-size:14px}.admin-row{border-bottom:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:17px}.admin-row small{display:block;color:var(--muted);font-size:14px;margin-top:5px}dialog{border:1px solid var(--line);border-radius:22px;max-width:440px;width:calc(100% - 32px);padding:28px}dialog::backdrop{background:#0005}dialog h2{font-size:21px;letter-spacing:-.5px}dialog p{font-size:17px;color:var(--muted)}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#222;color:white;padding:13px 22px;border-radius:12px;font-size:16px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:9;max-width:90%}#toast.show{opacity:1}.mobile-only{display:none}.preview-caption{font-size:14px;letter-spacing:1px;text-align:center;color:var(--muted);margin-bottom:12px}
@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:90px}}@media(max-width:800px){.header{padding:20px}.nav{gap:14px}.nav .muted{display:none}.hero{grid-template-columns:1fr;padding:45px 24px;gap:40px;max-width:520px}h1{font-size:47px;letter-spacing:-2px}.sample-wrap{padding:0 14px 20px}.features{margin:20px 24px 40px;gap:22px;grid-template-columns:1fr}.footer{padding:20px;gap:12px;flex-wrap:wrap}.workspace{grid-template-columns:1fr;padding:0 20px;margin-top:20px;gap:26px}.sidebar{flex-direction:row;overflow:auto;gap:4px;padding-bottom:6px}.sidebar a{white-space:nowrap;padding:10px;font-size:14px;gap:7px}.sidebar .caption{display:none}.sidebar svg{width:16px}.editor-grid{grid-template-columns:1fr}.editor-grid>.preview{display:none}.page-head h1{font-size:26px}.card{padding:22px}.public .links{grid-template-columns:1fr}.brand{font-size:18px}.header .btn{padding:10px 14px}.claim{flex-wrap:wrap}.claim .btn{flex:1}.claim input{width:90px;flex:1}.float-label{right:0}.admin-row{flex-wrap:wrap}.center-page{margin-top:36px}}

/* Las redes son el escaparate principal, también con el muro activo. */
.profile-networks{margin:24px 0 36px}.public .profile-networks .links{margin-top:0}.profile-networks .link-card{padding:18px;min-width:0}.profile-networks .link-card span{min-width:0;overflow-wrap:anywhere}.profile-networks .link-card>svg:first-child{width:38px;height:38px;padding:9px;background:var(--soft);border-radius:11px}.wall-heading{border-top:1px solid var(--line);padding-top:24px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.wall-heading h2{font-size:15px;font-weight:650;letter-spacing:-.2px;margin:0}@media(max-width:500px){.wall-heading{align-items:flex-start;flex-direction:column;gap:5px}.profile-networks{margin-bottom:28px}}

.avatar{overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.photo-label{position:relative;cursor:pointer}.photo-label input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.photo-label:focus-within{outline:3px solid #9baebd;outline-offset:3px}#profile-form>.row>.avatar{margin:0 0 20px}.post-tools{margin-left:auto;display:flex;gap:3px}

.setup-page{max-width:950px;margin:60px auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:0 24px}.setup-intro h1{font-size:42px;letter-spacing:-1.6px}.setup-intro p{font-size:18px}.setup-step{font-size:17px;display:flex;gap:14px;align-items:center;margin-top:22px}.setup-step>span{background:var(--soft);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:14px}.form-divider{border-top:1px solid var(--line);margin:25px 0}.profile-actions{display:flex;align-items:center;justify-content:center;gap:22px;margin:28px 0}.profile-actions button{display:flex;gap:7px;align-items:center}.profile-actions svg{width:14px;height:14px}.status-label{font-size:13px;padding:3px 6px;border-radius:5px;background:var(--soft);font-weight:400;color:var(--muted)}.claim-steps{padding-left:22px;text-align:left}.claim-steps li{padding:0 0 20px 9px;font-size:16px;line-height:1.6}.claim-steps span{display:block;color:var(--muted);font-size:14px;margin-top:4px}.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.admin-summary>div{background:white;border:1px solid var(--line);padding:18px;border-radius:16px}.admin-summary strong{font-size:25px;font-weight:600;display:block;margin-bottom:6px}.admin-summary span{font-size:14px;color:var(--muted)}.report-item{padding:20px 0;border-bottom:1px solid var(--line)}.report-item:last-child{border:0}.report-item strong{font-size:17px}.report-item blockquote{margin:12px 0;padding:12px 16px;background:var(--soft);border-radius:9px;font-size:16px;line-height:1.6;overflow-wrap:anywhere}.wrap{flex-wrap:wrap}.reserve-form{display:flex;gap:12px;align-items:center}.reserve-form .field{flex:1;margin:0}.reserve-form>.btn{margin-top:24px}.audit-row{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}.audit-row time{font-size:14px;color:var(--muted);white-space:nowrap}html{scroll-behavior:smooth}.post:target{outline:2px solid #9baebd}@media(max-width:800px){.setup-page{grid-template-columns:1fr;gap:25px;margin-top:30px}.setup-intro h1{font-size:34px}.setup-step{display:none}.edit-link{flex-wrap:wrap;gap:7px}.edit-link .info{flex-basis:calc(100% - 40px)}.admin-summary{gap:7px}.admin-summary>div{padding:12px}.admin-summary span{font-size:14px}.reserve-form{flex-wrap:wrap;gap:5px}.reserve-form>.btn{margin-top:6px}.audit-row{flex-direction:column;gap:4px}.page-head{flex-wrap:wrap}.public .bio{overflow-wrap:anywhere}.post>p{overflow-wrap:anywhere}.admin-row .row{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.post-image{display:block;width:100%;max-height:640px;object-fit:contain;background:var(--soft);border-radius:14px;margin:18px 0}.attachment-thumb{max-width:100%;max-height:220px;border-radius:12px;display:block;margin-bottom:8px}.composer-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:15px 0 25px}.post-text-link{color:#536e78;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.network-toolbar{display:flex;justify-content:flex-end;margin-bottom:.65rem}.visitor-preview{display:block;margin-bottom:.75rem}
.public-follow{justify-content:center;flex-wrap:wrap}.avatar.compact{width:34px;height:34px;font-size:16px;margin:0}.working{cursor:progress}.working button,.working .photo-label{pointer-events:none;opacity:.65}.claim-code{font-family:ui-monospace,monospace;overflow-wrap:anywhere;padding:15px;background:var(--soft);border-radius:12px;font-size:18px}.profile-actions{flex-wrap:wrap}.header .nav .fine{font-size:16px}.edit-link .info strong{overflow-wrap:anywhere}.center-page .card .btn{max-width:100%}.card form .row{flex-wrap:wrap}.card .fine{overflow-wrap:anywhere}.public .links .empty{grid-column:1/-1}@media(max-width:500px){.brand{gap:6px;font-size:16px}.brand .muted{display:none}.header{gap:8px;padding:16px}.nav{gap:10px}.profile-networks .link-card{padding:15px}.public{padding:15px 20px}.reserve-form .field{min-width:0}}
.explore-page{max-width:1160px;margin:48px auto;padding:0 36px}.demo-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.demo-profile-card{display:flex;flex-direction:column;align-items:flex-start;transition:border-color .15s}.demo-profile-card:hover{border-color:#a5aaa0}.demo-profile-card .avatar{margin:0 0 22px}.demo-profile-card h2{font-size:21px;letter-spacing:-.6px;margin:0 0 5px}.demo-profile-card p{font-size:17px;color:var(--muted);flex:1}.demo-profile-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:14px;color:var(--muted);margin:8px 0 22px}.visit-profile{font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px}.more-walls{margin-top:36px;text-align:left}.wall-shortcuts{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 12px}.wall-shortcut{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid var(--line);border-radius:14px;background:#fff;flex-shrink:0;font-size:16px}.explore-nav{font-size:17px;white-space:nowrap}@media(max-width:900px){.demo-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.demo-profile-grid{grid-template-columns:1fr}.explore-page{padding:0 20px;margin:30px auto}.header{flex-wrap:wrap}.header .nav{margin-left:auto}.explore-nav{font-size:16px}}
/* Tamaños de lectura y redes destacadas. */
.header { position: sticky; top: 0; z-index: 5; background: #fafaf9; }
body { font-size: 17px; line-height: 1.55; }
:root { --muted: #62665f; }
.public { max-width: 840px; }
.public h1 { font-size: 36px; }
.public .bio { font-size: 18px; line-height: 1.7; max-width: 650px; margin: 18px auto; }
.page-head h1 { font-size: 34px; line-height: 1.2; }
.page-head p { font-size: 17px; }
.hero p { font-size: 19px; }
.brand { font-size: 19px; }
.btn, .btn.small { font-size: 16px; min-height: 44px; }
.icon-btn { min-width: 44px; min-height: 44px; }
.icon-btn svg { width: 20px; height: 20px; }
.field input, .field textarea, .field select { font-size: 17px; }
.section-title, .wall-heading h2 { font-size: 20px; }
.post p { font-size: 18px; line-height: 1.8; }
.post .byline { font-size: 17px; }
.post small, .post .fine { font-size: 14px; }
.post .avatar { width: 44px; height: 44px; }
.workspace { max-width: 1240px; grid-template-columns: 230px minmax(0,1fr); gap: 36px; }
.sidebar a { font-size: 16px; }
.demo-profile-card h2 { font-size: 24px; }
.demo-profile-card p { font-size: 17px; }
.demo-profile-meta, .visit-profile, .wall-shortcut, .explore-nav { font-size: 16px; }
.link-card, .network-icon { --network-color: #536879; --network-bg: #f2f5f8; --network-line: #d6dfe7; }
.network-youtube { --network-color: #e32428; --network-bg: #fff5f4; --network-line: #f3cdca; }
.network-instagram { --network-color: #b83385; --network-bg: #fff3f8; --network-line: #edcce1; }
.network-twitch { --network-color: #7642cc; --network-bg: #f7f2ff; --network-line: #dfcef5; }
.network-facebook { --network-color: #1877f2; --network-bg: #f0f6ff; --network-line: #cbdcf6; }
.network-x { --network-color: #202020; --network-bg: #f5f5f5; --network-line: #d7d7d7; }
.network-tiktok { --network-color: #20242a; --network-bg: #f0fbfa; --network-line: #bee4e1; }
.network-globe { --network-color: #267365; --network-bg: #f0f8f5; --network-line: #c8e0d7; }
.link-card { background: var(--network-bg); border-color: var(--network-line); border-radius: 18px; gap: 16px; font-size: 18px; font-weight: 650; min-height: 100px; }
.profile-networks .link-card { padding: 20px; border-left: 4px solid var(--network-color); }
.link-card:hover { border-color: var(--network-color); box-shadow: 0 4px 14px #00000008; }
.network-icon, .link-card .network-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 52px; width: 52px; height: 52px; border-radius: 15px; color: #fff; background: var(--network-color); }
.network-icon svg { width: 29px; height: 29px; stroke-width: 1.9; }
.network-icon.network-instagram { background: linear-gradient(145deg,#6947bf,#d2358b,#f17d37); }
.network-icon.network-tiktok svg { filter: drop-shadow(-1px 0 #25f4ee) drop-shadow(1px 1px #fe2c55); }
.link-card .network-text { min-width: 0; overflow-wrap: anywhere; }
.link-card small { font-size: 14px; line-height: 1.5; font-weight: 400; margin-top: 6px; }
.link-card .arrow { width: 18px; color: var(--network-color); }
.public .links { gap: 14px; }
.sample .link-card { font-size: 16px; padding: 14px; gap: 12px; }
.sample .network-icon { flex-basis: 42px; width: 42px; height: 42px; border-radius: 12px; }
.sample .network-icon svg { width: 25px; height: 25px; }
.edit-link > .network-icon { flex-basis: 44px; width: 44px; height: 44px; border-radius: 12px; }
@media (max-width: 1050px) {
  .editor-grid { grid-template-columns: 1fr; }
  .editor-grid > .preview { display: none; }
}
@media (max-width: 800px) {
  .workspace { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .sidebar a { font-size: 16px; }
  .header { flex-wrap: wrap; }
  .header .nav { margin-left: auto; flex-wrap: wrap; justify-content: flex-end; gap: 14px; }
  .brand { font-size: 18px; }
  .public { padding: 18px 20px; }
  .page-head h1 { font-size: 30px; }
}
@media (max-width: 500px) {
  .header { padding: 18px 20px; }
  .header .nav { width: 100%; justify-content: space-between; margin-top: 6px; }
  .public h1 { font-size: 32px; }
  .profile-networks .link-card { padding: 18px 15px; }
  .link-card .network-icon { flex-basis: 48px; width: 48px; height: 48px; }
  .public .row.between { gap: 12px; }
  .post { padding: 20px; }
  .edit-link .info { flex: 1 1 calc(100% - 70px); }
}
/* Marca y navegación de acceso y registro. */
.verification-page { max-width: 1160px; margin: 48px auto; padding: 0 36px; }
.verification-intro { display: grid; grid-template-columns: 1.5fr 1fr; gap: 42px; align-items: center; margin-bottom: 38px; }
.verification-intro h1 { font-size: 44px; letter-spacing: -1.5px; }
.verification-preview { padding: 28px; }
.verification-name { flex-wrap: wrap; margin-top: 18px; font-size: 21px; gap: 10px; }
.verification-badge { display: inline-grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: #1769ce; color: #fff; font-size: 17px; font-weight: 800; line-height: 1; }
.verification-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 24px; align-items: start; }
.verification-grid h2 { font-size: 22px; margin-top: 0; letter-spacing: -.5px; }
.verification-grid p { font-size: 17px; }
.verification-grid .fine { font-size: 14px; }
.verification-steps { padding-left: 24px; margin: 0; }
.verification-steps li { padding: 8px 0 26px 8px; }
.verification-steps li:last-child { padding-bottom: 0; }
.verification-steps h3 { font-size: 18px; margin: 0; }
.verification-steps blockquote { margin: 20px 0 14px; background: #f0f5fb; border-left: 3px solid #1769ce; padding: 16px; border-radius: 10px; overflow-wrap: anywhere; }
@media (max-width: 800px) {
  .verification-page { padding: 0 20px; margin-top: 32px; }
  .verification-intro, .verification-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .verification-intro h1 { font-size: 36px; }
  .verification-grid .btn { white-space: normal; }
}
@media (max-width: 800px) {
  .sample-wrap:before { inset: 40px 14px 10px; transform: rotate(2deg); }
}
.header { max-width: 1440px; flex-wrap: wrap; row-gap: 18px; }
.brand { flex-direction: column; align-items: flex-start; gap: 7px; }
.brand-name { display: flex; align-items: center; gap: 12px; font-size: 28px; font-weight: 750; line-height: 1.15; letter-spacing: -.8px; }
.brand-name svg { width: 44px; height: 44px; padding: 9px; border-radius: 13px; }
.brand-wordmark .muted { display: inline; }
.brand-tagline { font-size: 14px; font-weight: 450; color: var(--muted); letter-spacing: 0; padding-left: 56px; }
.header .nav { margin-left: auto; flex-wrap: wrap; gap: 18px; }
.signup-page { max-width: 580px; }
.signup-address { overflow-wrap: anywhere; padding: 12px 0; }
@media (max-width: 600px) {
  .brand-name { font-size: 23px; gap: 10px; }
  .brand-name svg { width: 40px; height: 40px; }
  .brand-tagline { padding-left: 50px; font-size: 14px; }
  .header .nav { width: 100%; gap: 12px 16px; justify-content: flex-start; }
  .header .nav .btn { padding: 10px 15px; }
}
/* El dominio permanece fijo y el usuario escribe solo su apodo. */
.nick-input { display: flex; align-items: center; gap: 0; margin-top: 8px; padding: 5px 12px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.nick-prefix { flex: 0 0 auto; font-size: 16px; font-weight: 400; color: var(--muted); white-space: nowrap; }
.field .nick-input input { flex: 1; min-width: 0; width: 100%; margin: 0; padding: 12px 0; border: 0; border-radius: 4px; background: transparent; }
.nick-input:focus-within { outline: 3px solid #9baebd; outline-offset: 3px; }
.field .nick-input input:focus-visible { outline: none; }
.nick-guidance { margin: -5px 0 20px; }
@media (max-width: 500px) {
  .nick-input { padding: 5px 10px; }
  .nick-prefix { font-size: 14px; }
}
.account-search { display: flex; gap: 18px; align-items: end; }
.account-search .field { flex: 1; margin: 0; }
.account-search .btn { margin-bottom: 1px; }
.account-row { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.account-row h2 { font-size: 21px; margin: 0; }
.account-row > div { min-width: 0; overflow-wrap: anywhere; }
.status-suspended { background: #fff0ec; color: #994d35; }
.verification-request { margin-bottom: 28px; }
.verification-request h2 { font-size: 24px; margin-top: 0; }
.public h1 .verification-badge, .byline .verification-badge { vertical-align: middle; letter-spacing: 0; }
.byline .verification-badge { width: 20px; height: 20px; min-height: 20px; font-size: 12px; }
.verification-grid blockquote { white-space: pre-line; }
@media(max-width:800px) {
  .account-row { align-items: flex-start; flex-direction: column; }
  .account-search { align-items: stretch; flex-direction: column; }
  .account-row .row { flex-wrap: wrap; }
}

/* Errores del formulario junto al campo que necesita atención. */
.form-error { background: #fff3c4; border: 1px solid #d2a536; border-left: 4px solid #ad7600; color: #654600; font-weight: 600; }
.form-error[hidden] { display: none; }
.field [aria-invalid="true"] { border-color: #ad7600; outline: 2px solid #f5df9b; }
#profile-form textarea[name="bio"] { min-height: 180px; }
.public .bio { white-space: pre-wrap; }

.avatar-crop-dialog { max-width: 480px; max-height: calc(100dvh - 32px); overflow-y: auto; }
.avatar-crop-stage { width: min(280px, 100%); aspect-ratio: 1; margin: 20px auto; border-radius: 50%; overflow: hidden; background: repeating-conic-gradient(#eee 0% 25%, #fff 0% 50%) 50% / 18px 18px; outline: 3px solid #ddd; }
.avatar-crop-stage canvas { width: 100%; height: 100%; display: block; cursor: grab; touch-action: none; }
.avatar-crop-stage canvas:active { cursor: grabbing; }
.avatar-crop-dialog .field { margin-bottom: 12px; }
.avatar-crop-dialog input[type="range"] { padding: 0; min-height: 28px; accent-color: #202420; }
.avatar-crop-dialog .fine { font-size: 15px; }

.video-link-card { display: flex; align-items: center; gap: 16px; padding: 20px; margin: 16px 0; border: 1px solid var(--line); border-radius: 16px; background: #fafaf7; color: #202420; text-decoration: none; }
.video-link-card:hover { border-color: #8c9586; background: #f2f4ed; }
.video-link-icon { display: grid; place-items: center; width: 52px; height: 52px; flex: 0 0 52px; border-radius: 14px; background: #eee; }
.video-link-icon svg { width: 27px; height: 27px; }
.video-link-card[href*="youtu"] .video-link-icon { color: #d71920; background: #ffeded; }
.video-link-info { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.video-link-info strong { font-size: 18px; line-height: 1.45; overflow-wrap: anywhere; }
.video-link-platform { font-size: 14px; color: var(--muted); }
.video-link-cta { display: inline-flex; align-items: center; align-self: flex-start; gap: 8px; background: #202420; color: white; padding: 8px 14px; border-radius: 100px; font-size: 15px; font-weight: 600; }
.video-link-cta svg { width: 16px; height: 16px; }
@media(max-width:480px) { .video-link-card { padding: 15px; gap: 12px; } .video-link-icon { width: 42px; height: 42px; flex-basis: 42px; } }

/* Acciones independientes: abrir la red y seguir al creador. */
.network-card { --network-color: #536879; --network-bg: #f2f5f8; --network-line: #d6dfe7; border: 1px solid var(--network-line); border-left: 4px solid var(--network-color); border-radius: 18px; background: var(--network-bg); overflow: hidden; display: flex; flex-direction: column; }
.network-card.network-youtube { --network-color:#e32428; --network-bg:#fff5f4; --network-line:#f3cdca; }
.network-card.network-instagram { --network-color:#b83385; --network-bg:#fff3f8; --network-line:#edcce1; }
.network-card.network-twitch { --network-color:#7642cc; --network-bg:#f7f2ff; --network-line:#dfcef5; }
.network-card.network-facebook { --network-color:#1877f2; --network-bg:#f0f6ff; --network-line:#cbdcf6; }
.network-card.network-x { --network-color:#202020; --network-bg:#f5f5f5; --network-line:#d7d7d7; }
.network-card.network-tiktok { --network-color:#20242a; --network-bg:#f0fbfa; --network-line:#bee4e1; }
.network-card.network-globe { --network-color:#267365; --network-bg:#f0f8f5; --network-line:#c8e0d7; }
.network-card .link-card, .profile-networks .network-card .link-card { border: 0; border-radius: 0; flex: 1; box-shadow: none; }
.network-card-actions { display: flex; justify-content: flex-end; padding: 0 16px 16px; }
.network-follow { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 9px 15px; border-radius: 100px; background: var(--network-color); color: white; font-size: 15px; font-weight: 650; }
.network-follow:hover { filter: brightness(.88); }
.network-follow svg { width: 16px; height: 16px; }
.network-follow-note { margin: 18px 0 0; }
.video-link-card { display: block; }
.video-link-main { display: flex; align-items: center; gap: 16px; }
.video-link-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.video-title-link { color: inherit; text-decoration: none; }
.video-title-link:hover { text-decoration: underline; }
.video-here { display: inline-flex; padding: 8px 14px; border: 1px solid #202420; border-radius: 100px; background: white; color: #202420; font-size: 15px; font-weight: 600; }
.video-here:hover { background: #e9eee6; }
.video-player { display: block; margin-top: 20px; }
.video-player[hidden] { display: none; }
.video-player iframe { display: block; width: 100%; aspect-ratio: 16 / 9; min-height: 200px; border: 0; border-radius: 10px; background: black; }
.video-player-note { display: block; font-size: 14px; line-height: 1.6; color: var(--muted); margin-top: 10px; }
@media(max-width:480px) { .video-link-main { gap:12px; align-items:flex-start; } }

.hero .claim { box-shadow: 0 8px 25px #283c2020, 0 0 0 5px #e7ecd980; transition: box-shadow .2s; }
.hero .claim:focus-within { box-shadow: 0 9px 30px #526b3730, 0 0 0 5px #c4d5a880; border-color: #82946c; }
.float-label { max-width: 360px; line-height: 1.5; text-align: left; }
.activity-page { max-width: 820px; margin: 44px auto; padding: 0 24px; }
.activity-card .avatar { margin: 0; width: 46px; height: 46px; font-size: 18px; flex: 0 0 46px; }
.activity-author { font-weight: 650; font-size: 18px; }
.activity-card small { display: block; }
.activity-action { font-weight: 600; margin-bottom: 5px; }
.activity-excerpt { white-space: pre-wrap; overflow-wrap: anywhere; color: var(--muted); }
#community-settings-form textarea { min-height: 220px; }
@media(max-width:600px) { .float-label { max-width: calc(100% - 16px); right: 0; font-size: 14px; } }

.sample .network-card .link-card { min-height: 0; padding: 12px; }
.sample .network-card-actions { padding: 0 12px 10px; }
.sample .network-follow { padding: 6px 11px; font-size: 14px; }

.protected-search { display: flex; gap: 16px; align-items: flex-end; flex-wrap: wrap; }
.protected-search .field { flex: 1; margin: 0; min-width: 180px; }
.protected-name-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.protected-name-row h2 { font-size: 21px; margin: 0 0 6px; overflow-wrap: anywhere; }
.protected-name-row details p { margin: 5px 0; }
@media(max-width:650px) { .protected-name-row { flex-direction: column; } .protected-search .field { min-width: 100%; } }

.protected-area-nav { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }

.reserved-label { background: #fff2cb; color: #5b4300; }
.reserved-avatar { margin-top: 28px; background: #f0ede3; color: #67614b; }
.reserved-disclosure { text-align: left; margin-top: 24px; }
.reserved-disclosure p { margin-bottom: 0; }
.reserved-network { background: #cb2828; border-color: #cb2828; color: white; }
.reserved-claim { text-align: left; }
.reserved-directory { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr)); gap: 20px; }

.remembered-account { display: flex; align-items: center; gap: 12px; }
.remembered-account > .btn { flex: 1; }
.forget-account { display: grid; place-items: center; flex: 0 0 44px; height: 44px; border: 1px solid #edc7c7; border-radius: 50%; background: #fff4f4; color: #b52222; font-size: 28px; cursor: pointer; }
.forget-account:hover { background: #ffe2e2; }

@font-face { font-family: 'Google Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('/google-sans-medium.woff2') format('woff2'); }
.btn.google-signin { display: inline-flex; align-items: center; justify-content: center; gap: 10px; box-sizing: border-box; min-height: 44px; padding: 10px 12px; border: 1px solid #747775; border-radius: 24px; background: #fff; color: #1f1f1f; font-family: 'Google Sans', Arial, sans-serif; font-size: 16px; font-weight: 500; line-height: 22px; letter-spacing: .25px; }
.btn.google-signin img { flex: 0 0 20px; width: 20px; height: 20px; object-fit: contain; }
.btn.google-signin:hover { background: #f8faff; border-color: #747775; }
.btn.google-signin:focus-visible { outline: 3px solid #4285f4; outline-offset: 3px; }

.footer { flex-wrap: wrap; align-items: center; }
.footer .support-contact { display: inline-flex; align-items: center; gap: 10px; padding: 12px 16px; border: 1px solid #b8d6c4; border-radius: 18px; color: #165936; background: #eff9f2; text-decoration: none; }
.support-contact svg { width: 26px; height: 26px; flex: 0 0 26px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.support-contact span { display: grid; gap: 3px; }
.support-contact strong { font-size: 16px; }
.support-contact small { font-size: 14px; }
.footer .support-contact:hover { background: #e1f3e7; border-color: #75ab8c; }
.support-contact:focus-visible { outline: 3px solid #238452; outline-offset: 3px; }
@media(max-width:600px) { .footer .support-contact { width: 100%; justify-content: center; } }

.discover-more { max-width: 1180px; padding: 0 24px; margin: 36px auto 48px; }
.discover-more > .wall-heading { margin-bottom: 22px; flex-wrap: wrap; gap: 10px; }
.discover-more > .wall-heading h2 { font-size: 30px; letter-spacing: -.7px; }
.discovery-columns { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.discovery-category { min-width: 0; }
.discovery-category-heading { margin-bottom: 10px; }
.discovery-category-heading h3 { margin: 0; font-size: 21px; }
.discovery-cards { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; }
.discovery-card { display: flex; align-items: center; gap: 9px; padding: 10px 12px; color: inherit; text-decoration: none; min-width: 0; transition: border-color .15s, transform .15s; }
.discovery-card:hover { border-color: #bcbcb2; transform: translateY(-2px); }
.discovery-card .avatar { flex: 0 0 32px; width: 32px; height: 32px; margin: 0; font-size: 17px; }
.discovery-card > svg { flex: 0 0 14px; width: 14px; height: 14px; margin-left: auto; }
.discovery-card-copy { display: grid; gap: 3px; min-width: 0; }
.discovery-card-name { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.discovery-card-copy strong { font-size: 17px; overflow-wrap: anywhere; }
.discovery-card-copy small { color: var(--muted); font-size: 14px; overflow-wrap: anywhere; }
.discovery-reserved { border-radius: 6px; padding: 2px 5px; background: #fff2cb; color: #6b5105; font-size: 12px; line-height: 1.2; }
.discovery-empty { margin: 0; padding: 14px; background: #f3f3ee; border-radius: 14px; }
.discovery-skeleton-heading { min-height: 26px; margin-bottom: 10px; }
.discovery-skeleton { height: 68px; border-radius: 18px; background: #f0f0eb; }
@media(max-width:1050px) { .discovery-columns { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 18px; } }
@media(max-width:600px) { .discover-more { padding: 0 20px; margin: 30px auto 38px; } .discovery-columns { grid-template-columns: minmax(0,1fr); gap: 24px; } .discover-more > .wall-heading h2 { font-size: 26px; } }

.wall-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.wall-tools .icon-btn, .post-tools .icon-btn { display: inline-grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.wall-tools .icon-btn:hover, .post-tools .icon-btn:hover { background: #f0f0e9; }
.permission-table-wrap { overflow-x: auto; }
.permission-table { width: 100%; min-width: 720px; border-collapse: collapse; }
.permission-table th, .permission-table td { border-bottom: 1px solid var(--line); padding: 14px 12px; text-align: center; }
.permission-table th:first-child { text-align: left; min-width: 220px; }
.permission-table input[type=checkbox] { width: 20px; height: 20px; accent-color: #242b25; cursor: pointer; }
.permission-fixed { color: var(--muted); }

.profile-admin-tools { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 12px 0; }
.profile-admin-tools:empty { display: none; }
.profile-admin-tools .icon-btn { display: inline-grid; place-items: center; width: 36px; height: 36px; border: 1px solid var(--line); background: white; border-radius: 10px; }
.profile-admin-tools [data-action="delete-public-profile"] { color: #ba2424; border-color: #e7b6b6; background: #fff5f5; }
.profile-admin-tools [data-action="delete-public-profile"]:hover { background: #ffe3e3; }

.beta-feedback { flex-basis: 100%; width: 100%; border-top: 1px solid var(--line); padding-top: 16px; margin-top: 4px; font-size: 14px; line-height: 1.6; color: #66665f; }
.beta-feedback p { margin: 0 0 6px; max-width: 760px; }
.beta-feedback a { display: inline-flex; align-items: center; gap: 6px; color: #246b43; text-decoration: underline; text-underline-offset: 3px; }
.beta-feedback a svg { width: 15px; height: 15px; }