/* TrailLab v353 · identidad Base/Pro, Feed cartográfico ilustrado y Pro mostaza */

/* Una sola gramática de avatar: Base redondo, Pro hexagonal. */
.tl-avatar-v353{--tl-av-size:40px;position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:var(--tl-av-size);height:var(--tl-av-size);padding:3px;box-sizing:border-box;background:#7fa24a;border-radius:50%;vertical-align:middle;overflow:hidden}
.tl-avatar-v353.is-pro{padding:4px;border-radius:0;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);background:linear-gradient(145deg,#f1ca65 0%,#d89b2b 55%,#a6e82c 100%);filter:drop-shadow(0 4px 8px rgba(215,161,54,.24))}
.tl-avatar-v353 .tl-avatar-media{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:#d9e1dc;color:#10231e;font-size:calc(var(--tl-av-size)*.48);font-style:normal}
.tl-avatar-v353.is-pro .tl-avatar-media{border-radius:0;clip-path:inherit;background:#d9e1dc;color:#10231e}
.tl-avatar-v353 img{display:block;width:100%;height:100%;object-fit:cover}
.tl-avatar-v353 i{font-style:normal;line-height:1}
#profileHub .ph-avatar{display:grid;place-items:center;width:82px;height:82px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
#profileHub .ph-avatar .tl-avatar-v353{width:82px;height:82px}
.mn-hero-c>.tl-avatar-v353{z-index:2}
.pp-av{display:grid;place-items:center;background:transparent!important;border:0!important}
.pp-av .tl-avatar-v353{width:96px;height:96px}
.pp-plan-badge{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border-radius:999px;font-size:var(--tl-type-kicker, 12px);font-weight:950;letter-spacing:.08em}
.pp-plan-badge.base{background:#dfe7e2;color:#26463c}
.pp-plan-badge.pro{background:#e4b34f;color:#211b0c}
.fifa-avatar{display:grid;place-items:center}
.fifa-flip.is-free .fifa-avatar{border-radius:50%}
.fifa-flip.is-pro .fifa-avatar{clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}

/* Amigos vuelve al verde de la sección social. */
html body #view-amigos>.view-title{background:#a6e82c!important;color:#102019!important;filter:drop-shadow(0 8px 16px rgba(166,232,44,.2))!important}
html body #view-amigos>.view-title *{color:#102019!important}

/* TrailLab Pro usa mostaza como llamada premium, sin competir con el verde de navegación. */
html body #view-pro .pro313-title{background:#e4b34f!important;color:#211b0c!important;filter:drop-shadow(0 8px 18px rgba(228,179,79,.22))}
html body #view-pro .pro313-title *{color:#211b0c!important}
html body #view-pro .pro313-cta .btn-prim{background:#e4b34f!important;border-color:#f0ca72!important;color:#211b0c!important;box-shadow:0 10px 24px rgba(228,179,79,.24)}
html body #view-pro .pro313-cta .btn-prim:hover{background:#f0c55d!important;filter:none!important}
html body #view-pro .pro313-cta>span{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border:1px solid rgba(240,202,114,.28);border-radius:9px;background:rgba(4,24,20,.68);color:#f6e8c6!important;font-weight:750;line-height:1.35;text-shadow:0 1px 2px rgba(0,0,0,.45)}

/* Feed: plano 2D blanco y legible, sin teselas, calles ni coordenadas. */
.feed-v280 .fd-avatar-link,.feed-v280 .fd-user-link{appearance:none;border:0;background:transparent;padding:0;margin:0;color:inherit;text-align:left;cursor:pointer}
.feed-v280 .fd-avatar-link{display:grid;place-items:center;border-radius:50%}
.feed-v280 .fd-avatar-link:focus-visible,.feed-v280 .fd-user-link:focus-visible{outline:2px solid #a6e82c;outline-offset:3px}
.feed-v280 .fd-user-link{display:flex;align-items:baseline;gap:8px;min-width:0}
.feed-v280 .fd-user-link b{font-size:var(--tl-type-meta, 13px);line-height:1.1;color:#f5faf7}
.feed-v280 .fd-user-link small{font-size:var(--tl-type-kicker, 12px);line-height:1.2;color:#8ea69e;text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.feed-v280 .fd-av.is-free{border-radius:50%!important}
.feed-v280 .fd-av.is-pro,.feed-v280 .fd-person-av.is-pro{border-radius:0!important;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);border-color:#e4b34f!important;filter:drop-shadow(0 3px 6px rgba(228,179,79,.28))}
.feed-v280 .fd-person-av{object-fit:cover}
.feed-v280 .fd-profile-head{appearance:none;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.feed-v280 .fd-profile-head>span{display:block}
.feed-v280 .fd-visual{background:#faf9f4!important;border-bottom-color:#cad5c7!important}
.feed-v280 .fd-visual::after{background:linear-gradient(180deg,transparent 70%,rgba(250,249,244,.5))!important}
.feed-v280 .fd-relief{filter:none!important}
.feed-v280 .fd-contours{mix-blend-mode:multiply!important}
.feed-v280 .fd-map-illustration{mix-blend-mode:multiply}
.feed-v280 .fd-track-shadow{filter:none!important}
.feed-v280 .fd-track{filter:drop-shadow(0 1px 1px rgba(22,63,52,.22))!important}
.feed-v280 .fd-start,.feed-v280 .fd-finish{filter:drop-shadow(0 1px 2px rgba(31,60,50,.25))!important}
.feed-v280 .fd-track-badge{background:rgba(255,255,255,.88)!important;border-color:#c5d1c2!important;color:#28453b!important;backdrop-filter:blur(5px)}
.feed-v280 .fd-track-badge .tl-icon{color:#188f79!important}
.feed-v280 .fd-visual-label{background:rgba(255,255,255,.9)!important;border-color:#c5d1c2!important;color:#28453b!important}
.feed-v280 .fd-demo-label{background:#e4b34f!important;color:#211b0c!important}

@media(max-width:560px){
 html body #view-pro .pro313-cta{grid-template-columns:1fr!important}
 html body #view-pro .pro313-cta .btn-prim{width:100%}
 html body #view-pro .pro313-cta>span{justify-content:center;text-align:center}
 .feed-v280 .fd-user-link{display:block}
 .feed-v280 .fd-user-link small{display:block;margin-top:3px}
}