/* Cristco V17.1 · refinamiento visual y comunidad */

/* Selector de idioma compacto */
.lang-switcher{position:relative}
.lang-switcher summary{display:flex;align-items:center;gap:7px;min-width:58px;padding:9px 11px;border:1px solid transparent;border-radius:11px;color:#dce5f2;cursor:pointer;list-style:none;font-size:.76rem;font-weight:800}
.lang-switcher summary::-webkit-details-marker{display:none}
.lang-switcher summary:hover,.lang-switcher[open] summary{border-color:#2a3850;background:#0d1624}
.lang-switcher summary i{font-style:normal;color:#70839f;font-size:.7rem}
.lang-switcher .lang-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:50;min-width:178px;padding:7px;border:1px solid #29364c;border-radius:14px;background:#0b121f;box-shadow:0 20px 55px rgba(0,0,0,.35)}
.lang-switcher:not([open]) .lang-menu{display:none!important}
.lang-switcher .lang-menu a{display:grid!important;grid-template-columns:34px 1fr;gap:8px;align-items:center;padding:9px 10px!important;border-radius:9px;text-decoration:none}
.lang-switcher .lang-menu a:hover,.lang-switcher .lang-menu a[aria-current="true"]{background:#111d2d}
.lang-switcher .lang-menu b{color:#55e7f1;font-size:.68rem}
.lang-switcher .lang-menu span{color:#d4deeb;font-size:.76rem}

/* Portada menos rígida y con escalas coherentes */
.home-v17 .hero-shell{gap:clamp(34px,5vw,72px)}
.home-v17 .hero h1{font-size:clamp(3rem,6.2vw,6.2rem);max-width:820px}
.home-v17 .hero-code-visual{min-height:390px;transition:transform .35s ease,box-shadow .35s ease}
.home-v17 .hero-code-visual:hover{transform:translateY(-5px) rotateX(1deg);box-shadow:0 32px 80px rgba(0,0,0,.28)}
.home-links-grid{align-items:stretch}
.home-link-card{min-height:154px;display:flex;flex-direction:column;justify-content:flex-start;background:linear-gradient(155deg,#0b1421,#09101b)}
.home-link-card strong{font-size:1.06rem}
.home-feature{padding:58px 0}
.home-feature-head h2{font-size:clamp(1.9rem,3.6vw,3.25rem);line-height:1}
.home-project{min-height:172px;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.home-project:hover{transform:translateY(-3px);border-color:#3a506c;background:#0c1523}
.home-project img{height:144px;aspect-ratio:16/10;object-fit:contain}
.home-team-person{min-height:118px;transition:transform .25s ease,border-color .25s ease}
.home-team-person:hover{transform:translateY(-3px);border-color:#3a506c}
.home-final h2{font-size:clamp(2rem,4vw,3.8rem);max-width:820px}

/* Registro en vivo */
.account-inline-action{display:inline-flex;margin-top:8px;padding:0;border:0;background:none;color:#55e7f1;font-size:.7rem;font-weight:800;cursor:pointer}
.username-suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.username-suggestions button{border:1px solid #2b3a52;border-radius:999px;background:#0e1928;color:#dbe6f4;padding:7px 10px;cursor:pointer;font-size:.7rem}
.username-suggestions button:hover{border-color:#55e7f1;color:#55e7f1}
.account-form small[data-state="ok"]{color:#73e6b8}.account-form small[data-state="error"]{color:#ff91aa}
.account-consent{display:flex!important;align-items:flex-start;gap:10px;padding:13px 14px;border:1px solid #29374e;border-radius:14px;background:#08101b}
.account-consent input{width:auto!important;margin-top:3px}
.account-consent span{margin:0!important;font-weight:500!important;line-height:1.55}
.account-consent a{color:#55e7f1}
.profile-privacy{display:flex;gap:12px 18px;flex-wrap:wrap;padding:15px;border:1px solid #29374e;border-radius:15px}
.profile-privacy>strong{width:100%}.profile-privacy label{display:flex;align-items:center;gap:8px}.profile-privacy input{width:auto!important}
.profile-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.profile-badges span,.comment-rank{display:inline-flex;padding:5px 8px;border-radius:999px;background:#112536;color:#68eaf3;font-size:.64rem;font-weight:800}
.profile-bio{margin:24px 0 4px;color:#c0ccd9;line-height:1.7}
.profile-note{color:#778aa3;font-size:.72rem}
.comment-head>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comment-head strong a{color:#f4f8fc;text-decoration:none}.comment-head strong a:hover{color:#55e7f1}.comment-rank{padding:3px 7px}
.market-pagination.compact{gap:10px}.market-pagination.compact a,.market-pagination.compact span[aria-current="page"]{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid #2a3750;border-radius:9px}.market-pagination.compact span[aria-current="page"]{background:#55e7f1;color:#071018;font-weight:900}

/* Legal */
.legal-content h2{margin:32px 0 10px;color:#f5f8fc;font-size:1.45rem}.legal-content h2:first-child{margin-top:0}.legal-content p{color:#b8c5d5;line-height:1.8}

/* Tiempo de carga */
.page-load-metric{display:inline-flex;align-items:center;gap:5px;margin-top:10px;color:#667a95;font:600 .64rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}

/* Mobile */
@media(max-width:900px){
 .lang-switcher{width:100%}.lang-switcher summary{width:100%;justify-content:space-between}.lang-switcher .lang-menu{position:static;margin-top:6px;width:100%;box-shadow:none}
}
@media(max-width:680px){
 .home-v17 .hero h1{font-size:clamp(2.65rem,13vw,4.1rem)}
 .home-links-grid{grid-template-columns:1fr}.home-link-card{min-height:0}.home-link-card span{display:block}
 .home-feature-head h2{font-size:2rem}.profile-head{align-items:flex-start}.profile-head>img{width:78px;height:78px}
}