.qa-shell{max-width:1320px;margin:0 auto;padding:34px 22px 76px;color:var(--text,#eef4ff)}.qa-shell.narrow{max-width:1080px}.qa-hero,.qa-pagehead{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:30px;border:1px solid #243a56;border-radius:20px;background:linear-gradient(135deg,#071426,#10233c);box-shadow:0 18px 50px rgba(0,0,0,.2)}.qa-hero-copy{max-width:760px}.qa-hero span,.qa-pagehead span{color:#53b7ff;font-size:.78rem;font-weight:800;letter-spacing:.1em}.qa-hero h1,.qa-pagehead h1{margin:.35rem 0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.08}.qa-hero p,.qa-pagehead p{color:#b8c6d9;margin:0;line-height:1.6}.qa-hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:220px}.qa-hero-actions small{color:#90a4bb;text-align:center}.qa-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #38506d;background:#13243a;color:#fff;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:800;cursor:pointer;min-height:44px;box-sizing:border-box}.qa-btn:hover{transform:translateY(-1px);border-color:#5e7fa4}.qa-btn.primary{background:#0878f9;border-color:#2994ff;box-shadow:0 8px 24px #0878f933}.qa-btn.block{display:flex;margin-bottom:16px}.qa-start-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0;padding:18px 20px;border:1px solid #244766;background:#0d1d30;border-radius:14px}.qa-start-card div{display:flex;flex-direction:column;gap:4px}.qa-start-card span{color:#9eb2c8}.qa-search{display:flex;gap:10px;margin:20px 0}.qa-search input,.qa-form input,.qa-form select,.qa-form textarea,.qa-reply textarea{width:100%;box-sizing:border-box;background:#0b1626;border:1px solid #2b405a;color:#fff;border-radius:10px;padding:14px;font:inherit}.qa-search input:focus,.qa-form input:focus,.qa-form select:focus,.qa-form textarea:focus,.qa-reply textarea:focus{outline:3px solid rgba(41,148,255,.2);border-color:#2994ff}.qa-search button{border:0;border-radius:10px;padding:0 25px;background:#0878f9;color:#fff;font-weight:800;min-height:46px}.qa-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.qa-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:12px;padding-bottom:4px;scrollbar-width:thin}.qa-tabs a{white-space:nowrap;padding:9px 12px;border-radius:8px;background:#101d2d;color:#bcd0e8;text-decoration:none;border:1px solid transparent}.qa-tabs a.active{background:#153b62;color:#fff;border-color:#2d78b9}.qa-row{display:grid;grid-template-columns:82px 1fr;gap:18px;padding:22px 18px;border-bottom:1px solid #243348;background:rgba(10,24,40,.45);transition:.18s ease}.qa-row:hover{background:#0d1d30}.qa-row.solved{border-left:3px solid #24c979}.qa-author-mini{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.qa-avatar-link{display:inline-flex;border-radius:50%;flex:0 0 auto}.qa-avatar-link img{border-radius:50%;object-fit:cover;background:#12253a;border:2px solid #2a4968}.qa-avatar-link:hover img{border-color:#53b7ff}.qa-author-name{color:#8fcfff;text-decoration:none;font-size:.78rem;font-weight:800;max-width:78px;overflow:hidden;text-overflow:ellipsis}.qa-main h2{margin:8px 0}.qa-main h2 a{color:#eaf3ff;text-decoration:none}.qa-main h2 a:hover{color:#70c6ff}.qa-main p{color:#aebcd0;line-height:1.55}.qa-main footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#7f93aa;font-size:.82rem}.qa-inline-stats{display:flex;gap:12px;flex-wrap:wrap}.qa-inline-stats b{color:#d7e9fb}.qa-badges{display:flex;gap:7px;flex-wrap:wrap}.qa-badges span,.qa-badges a{font-size:.72rem;padding:4px 8px;border-radius:999px;background:#183353;color:#74c6ff;text-decoration:none}.qa-badges .ok,.qa-accepted{background:#0d4c37;color:#65f0ae}.qa-aside{position:relative}.qa-card,.qa-question,.qa-answer,.qa-reply,.qa-form,.qa-empty{background:#0d1928;border:1px solid #25374e;border-radius:14px;padding:20px;margin-bottom:16px}.qa-card h3{margin-top:0}.qa-card>a{display:flex;justify-content:space-between;gap:8px;color:#dbe9fa;text-decoration:none;padding:10px 0;border-bottom:1px solid #213248}.qa-card small{color:#7f93aa}.qa-card ul{padding-left:20px;color:#b8c6d9;line-height:1.7}.qa-question h1{font-size:clamp(1.7rem,4vw,2.7rem);margin:10px 0}.qa-post-author{display:flex;align-items:center;gap:11px;margin-top:16px}.qa-post-author>div{display:flex;flex-direction:column;gap:2px}.qa-post-author span,.qa-post-author small{color:#879bb2;font-size:.82rem}.qa-post-author a{color:#8fd1ff;text-decoration:none;font-weight:800}.qa-post-author.compact{justify-content:flex-end;margin-top:20px}.qa-postbody{font-size:1.04rem;line-height:1.75;color:#dce7f5;margin:20px 0;overflow-wrap:anywhere}.qa-tags{display:flex;gap:7px;flex-wrap:wrap}.qa-tags a{color:#74c6ff;background:#122c49;padding:6px 9px;border-radius:7px;text-decoration:none}.qa-vote{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:12px}.qa-vote form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.qa-vote button{background:#12253b;border:1px solid #304963;color:#cfe3f9;padding:8px 10px;border-radius:8px;cursor:pointer;min-height:40px}.qa-vote .accept{background:#0d4c37;border-color:#207653;color:#7af3b5}.qa-answer.accepted{border-color:#23875e;box-shadow:inset 4px 0 #2ed38a}.qa-accepted{display:inline-block;padding:6px 9px;border-radius:8px;font-weight:800}.qa-answer-title{margin:30px 0 12px}.qa-reply-help{color:#9eb0c5}.qa-reply textarea{margin:10px 0 14px}.qa-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;margin-top:20px}.qa-form label{display:block;font-weight:800;margin-bottom:22px}.qa-form label small{display:block;color:#879bb2;margin-top:6px;font-weight:400}.qa-form-step{display:flex;gap:11px;align-items:center;margin:4px 0 14px;padding-top:4px}.qa-form-step>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0878f9;color:#fff;font-weight:900;flex:0 0 auto}.qa-form-step div{display:flex;flex-direction:column}.qa-form-step small{color:#8fa2b8}.qa-form-help{position:sticky;top:18px;align-self:start}.qa-mobile-tips{display:none;background:#10243a;border-radius:12px;padding:16px;margin-bottom:18px}.qa-mobile-tips p{margin:6px 0 0;color:#aabbd0}.qa-actions{display:flex;justify-content:flex-end;gap:10px}.qa-alert{padding:13px 16px;border-radius:10px;margin:16px 0}.qa-alert.success{background:#0d4c37;color:#7af3b5}.qa-alert.error{background:#51202a;color:#ffb5c0}.qa-breadcrumb{color:#869bb3;margin-bottom:15px}.qa-breadcrumb a{color:#5bbcff}.qa-empty{text-align:center}.qa-mobile-fab{display:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.qa-layout,.qa-form-layout{grid-template-columns:1fr}.qa-hero,.qa-pagehead{align-items:flex-start;flex-direction:column;padding:22px}.qa-hero-actions{width:100%;min-width:0}.qa-btn-new{width:100%}.qa-start-card{align-items:flex-start;flex-direction:column}.qa-start-card .qa-btn{width:100%}.qa-row{grid-template-columns:56px 1fr;padding:18px 8px;gap:12px}.qa-author-mini{align-items:center}.qa-author-mini img{width:44px;height:44px}.qa-author-name{display:none}.qa-main footer{align-items:flex-start;flex-direction:column}.qa-inline-stats{gap:9px}.qa-aside{order:2}.qa-desktop-ask{display:none!important}.qa-shell{padding:20px 14px 84px}.qa-search{flex-direction:column}.qa-search button{padding:13px}.qa-vote{align-items:flex-start;flex-direction:column}.qa-form-help{display:none}.qa-mobile-tips{display:block}.qa-actions{position:sticky;bottom:0;background:#0d1928;padding:12px 0 2px;z-index:3}.qa-actions .qa-btn{flex:1}.qa-mobile-fab{position:fixed;display:inline-flex;align-items:center;justify-content:center;gap:6px;right:16px;bottom:18px;z-index:20;background:#0878f9;color:#fff;text-decoration:none;font-weight:900;padding:13px 17px;border-radius:999px;box-shadow:0 12px 30px rgba(0,0,0,.42)}.qa-mobile-fab span{font-size:1.25rem}.qa-question,.qa-answer,.qa-reply,.qa-form{padding:17px}.qa-post-author.compact{justify-content:flex-start}}
@media(max-width:520px){.qa-row{grid-template-columns:48px 1fr}.qa-main h2{font-size:1.05rem}.qa-main p{font-size:.92rem}.qa-inline-stats span{font-size:.75rem}.qa-hero h1,.qa-pagehead h1{font-size:1.75rem}.qa-tabs a{font-size:.82rem}.qa-vote form{width:100%}.qa-vote button{flex:1}.qa-actions{flex-direction:column-reverse}.qa-actions .qa-btn{width:100%}}

/* Acciones de participación y compartir */
.qa-question-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:20px;padding-top:18px;border-top:1px solid #22364d}.qa-question-actions .qa-vote{margin-top:0}.qa-score-label{display:inline-flex;align-items:center;gap:8px;color:#9eb0c5;background:#101f31;border:1px solid #2b405a;border-radius:9px;padding:9px 12px}.qa-score-label b{color:#fff}.qa-share{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.qa-share strong{color:#9fb2c8;font-size:.86rem;margin-right:2px}.qa-share a,.qa-share button{appearance:none;border:1px solid #304963;background:#12253b;color:#d9eaff;border-radius:8px;padding:8px 10px;min-height:40px;text-decoration:none;font:inherit;font-size:.84rem;cursor:pointer}.qa-share a:hover,.qa-share button:hover{border-color:#53b7ff;color:#fff}.qa-share-native{background:#0878f9!important;border-color:#2994ff!important}.qa-copy-status{color:#65f0ae;font-size:.8rem;min-width:90px}.qa-guest-reply{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:start;padding:18px;border:1px solid #2b4968;border-radius:13px;background:linear-gradient(135deg,#0c2036,#102941)}.qa-guest-reply-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#0878f9;color:#fff;font-size:1.55rem;font-weight:900;box-shadow:0 8px 24px rgba(8,120,249,.3)}.qa-guest-reply h3{margin:0 0 6px}.qa-guest-reply p{color:#b7c7da;line-height:1.6;margin:0}.qa-auth-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
@media(max-width:850px){.qa-question-actions{align-items:stretch;flex-direction:column}.qa-share{justify-content:flex-start}.qa-share strong{width:100%}.qa-copy-status{width:100%;min-width:0}.qa-auth-actions .qa-btn{flex:1}.qa-guest-reply{grid-template-columns:44px 1fr;padding:15px}.qa-guest-reply-icon{width:42px;height:42px}}
@media(max-width:520px){.qa-share{display:grid;grid-template-columns:1fr 1fr}.qa-share strong,.qa-copy-status{grid-column:1/-1}.qa-share a,.qa-share button{width:100%}.qa-auth-actions{flex-direction:column}.qa-auth-actions .qa-btn{width:100%}.qa-guest-reply{grid-template-columns:1fr}.qa-guest-reply-icon{display:none}}

/* Mejora: cierre de preguntas, medalla Solucionador y ranking */
.qa-author-mini{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap}.qa-author-mini img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid rgba(59,130,246,.35)}.qa-author-mini a{font-weight:800}.qa-top-users{margin-top:14px}.qa-top-user{display:grid!important;grid-template-columns:24px 38px 1fr auto;align-items:center;gap:9px;padding:9px 4px!important}.qa-top-user img{width:38px;height:38px;border-radius:50%;object-fit:cover}.qa-top-position{font-weight:900;color:#94a3b8;text-align:center}.qa-top-name{min-width:0}.qa-top-name strong,.qa-top-name small{display:block}.qa-top-name strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qa-top-name small{font-size:11px;color:#94a3b8}.qa-solver-medal,.qa-solver-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff!important;font-weight:900;font-size:11px;padding:4px 8px;white-space:nowrap}.qa-solver-medal{width:25px;height:25px;padding:0;justify-content:center}.qa-closed-notice{padding:16px;border-radius:14px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3)}.qa-closed-notice strong{display:block;color:#86efac;font-size:18px}.qa-closed-notice p{margin:5px 0 0;color:#cbd5e1}@media(max-width:700px){.qa-top-user{grid-template-columns:22px 36px 1fr auto}.qa-top-user img{width:36px;height:36px}.qa-solver-badge{margin-top:5px;font-size:10px}.qa-author-mini time{width:100%;padding-left:38px}}

/* Lanzamiento: sugerencias anti-duplicados y mejoras de confianza */
.qa-suggestions{margin:-8px 0 22px;padding:15px;border:1px solid #2d5f8d;border-radius:12px;background:#0b2238}.qa-suggestions>strong{display:block;margin-bottom:9px;color:#e8f5ff}.qa-suggestions>a,.qa-suggestions-list a{display:block}.qa-suggestions #qa-suggestions-list{display:grid;gap:7px}.qa-suggestions #qa-suggestions-list a{display:flex;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:9px;background:#102c47;color:#dceeff;text-decoration:none;border:1px solid transparent}.qa-suggestions #qa-suggestions-list a:hover{border-color:#46a8ff;background:#14395b}.qa-suggestions b{font-size:.94rem}.qa-suggestions small{color:#9db4ca}.qa-suggestions small span{color:#62e7a6;font-weight:800}.qa-form input:invalid:not(:placeholder-shown),.qa-form textarea:invalid:not(:placeholder-shown),.qa-form select:invalid{border-color:#b85f6d}.qa-form input:valid:not(:placeholder-shown),.qa-form textarea:valid:not(:placeholder-shown),.qa-form select:valid{border-color:#2f7c5d}
@media(max-width:650px){.qa-suggestions #qa-suggestions-list a{flex-direction:column;gap:4px}.qa-suggestions{padding:12px}}

/* --------------------------------------------------------------------------
   Listado de preguntas: contenido a la izquierda y autor/estadísticas a la derecha
   -------------------------------------------------------------------------- */
.qa-row{
    grid-template-columns:minmax(0,1fr) 168px;
    gap:0;
    padding:0;
    margin-bottom:14px;
    overflow:hidden;
    border:1px solid #243348;
    border-radius:14px;
    background:rgba(10,24,40,.62);
}
.qa-row:hover{
    background:#0d1d30;
    border-color:#31506f;
}
.qa-row.solved{
    border-left:4px solid #24c979;
}
.qa-row .qa-main{
    min-width:0;
    padding:22px 24px;
}
.qa-row .qa-main h2{
    margin:10px 0 12px;
    line-height:1.28;
}
.qa-row .qa-main p{
    margin:0;
    max-width:860px;
}
.qa-question-date{
    margin-top:16px;
    color:#7389a2;
    font-size:.78rem;
}
.qa-question-meta{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:stretch;
    min-width:0;
    padding:20px 16px;
    border-left:1px solid #263a52;
    background:linear-gradient(180deg,rgba(17,38,62,.9),rgba(10,26,43,.92));
}
.qa-question-author{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4px;
    color:#dcecff;
    text-align:center;
    text-decoration:none;
}
.qa-question-author img{
    width:56px;
    height:56px;
    border-radius:50%;
    object-fit:cover;
    background:#12253a;
    border:2px solid #345b80;
    box-shadow:0 7px 20px rgba(0,0,0,.28);
}
.qa-question-author:hover img{
    border-color:#53b7ff;
}
.qa-question-author span{
    margin-top:4px;
    color:#7f93aa;
    font-size:.72rem;
}
.qa-question-author strong{
    max-width:132px;
    overflow:hidden;
    color:#8fd1ff;
    font-size:.9rem;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.qa-stats{
    display:grid;
    grid-template-columns:1fr;
    gap:0;
    margin-top:16px;
    border:1px solid #2a4059;
    border-radius:10px;
    overflow:hidden;
    background:rgba(4,14,26,.35);
}
.qa-stats>div{
    display:grid;
    grid-template-columns:36px 1fr;
    align-items:center;
    gap:8px;
    min-height:42px;
    padding:6px 9px;
    border-bottom:1px solid #26394f;
}
.qa-stats>div:last-child{
    border-bottom:0;
}
.qa-stats b{
    color:#fff;
    font-size:1rem;
    text-align:center;
}
.qa-stats span{
    color:#9eb2c8;
    font-size:.75rem;
    text-transform:uppercase;
    letter-spacing:.035em;
}

@media(max-width:850px){
    .qa-row{
        grid-template-columns:minmax(0,1fr) 118px;
    }
    .qa-row .qa-main{
        padding:18px 16px;
    }
    .qa-question-meta{
        padding:16px 10px;
    }
    .qa-question-author img{
        width:46px;
        height:46px;
    }
    .qa-question-author strong{
        max-width:96px;
        font-size:.8rem;
    }
    .qa-stats>div{
        grid-template-columns:1fr;
        gap:1px;
        min-height:0;
        padding:8px 4px;
        text-align:center;
    }
    .qa-stats span{
        font-size:.63rem;
    }
    .qa-question-date{
        margin-top:12px;
    }
}

@media(max-width:560px){
    .qa-row{
        grid-template-columns:1fr;
    }
    .qa-question-meta{
        flex-direction:row;
        align-items:center;
        gap:12px;
        padding:12px 14px;
        border-top:1px solid #263a52;
        border-left:0;
    }
    .qa-question-author{
        flex:0 0 92px;
    }
    .qa-question-author img{
        width:42px;
        height:42px;
    }
    .qa-question-author span{
        display:none;
    }
    .qa-question-author strong{
        max-width:88px;
    }
    .qa-stats{
        grid-template-columns:repeat(3,minmax(0,1fr));
        flex:1;
        margin-top:0;
    }
    .qa-stats>div{
        border-right:1px solid #26394f;
        border-bottom:0;
    }
    .qa-stats>div:last-child{
        border-right:0;
    }
    .qa-row .qa-main h2{
        font-size:1.06rem;
    }
    .qa-row .qa-main p{
        font-size:.9rem;
    }
}

/* --------------------------------------------------------------------------
   Ajuste final: ficha del autor a la izquierda de cada pregunta
   -------------------------------------------------------------------------- */
.qa-row{
    grid-template-columns:168px minmax(0,1fr);
}
.qa-question-meta{
    order:0;
    border-left:0;
    border-right:1px solid #263a52;
}
.qa-row .qa-main{
    order:1;
}

@media(max-width:850px){
    .qa-row{
        grid-template-columns:118px minmax(0,1fr);
    }
}

@media(max-width:560px){
    .qa-row{
        grid-template-columns:1fr;
    }
    .qa-question-meta{
        order:0;
        border-right:0;
        border-bottom:1px solid #263a52;
        border-top:0;
    }
    .qa-row .qa-main{
        order:1;
    }
}

/* --------------------------------------------------------------------------
   Ajuste profesional: autor a la derecha + widget de contacto
   -------------------------------------------------------------------------- */
.qa-row{
    grid-template-columns:minmax(0,1fr) 176px;
}
.qa-row .qa-main{
    order:0;
}
.qa-question-meta{
    order:1;
    border-right:0;
    border-left:1px solid #263a52;
}
.qa-question-author img{
    width:62px;
    height:62px;
    border-radius:50%;
}
.qa-contact-card{
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:13px;
    align-items:start;
    background:linear-gradient(145deg,#0d2035,#102941);
    border-color:#2e5579;
}
.qa-contact-icon{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border-radius:50%;
    color:#fff;
    background:#0878f9;
    font-size:1.15rem;
    font-weight:900;
    box-shadow:0 8px 22px rgba(8,120,249,.27);
}
.qa-contact-content{min-width:0}
.qa-contact-content h3{margin:1px 0 7px}
.qa-contact-content p{
    margin:0 0 14px;
    color:#b6c7d9;
    font-size:.9rem;
    line-height:1.55;
}
.qa-contact-button{
    width:100%;
    min-height:42px;
    padding:10px 13px;
    background:#132d49;
    border-color:#3978ad;
}
.qa-contact-button:hover{
    background:#174266;
    border-color:#59b7ff;
}

@media(max-width:850px){
    .qa-row{
        grid-template-columns:minmax(0,1fr) 126px;
    }
    .qa-question-meta{
        padding:15px 9px;
    }
    .qa-question-author img{
        width:48px;
        height:48px;
    }
}

@media(max-width:560px){
    .qa-row{
        display:flex;
        flex-direction:column;
    }
    .qa-row .qa-main{
        order:0;
    }
    .qa-question-meta{
        order:1;
        flex-direction:row;
        align-items:center;
        gap:12px;
        padding:12px 14px;
        border-top:1px solid #263a52;
        border-bottom:0;
        border-left:0;
        border-right:0;
    }
    .qa-question-author{
        flex:0 0 98px;
    }
    .qa-question-author img{
        width:44px;
        height:44px;
    }
    .qa-question-author span{
        display:none;
    }
    .qa-question-author strong{
        max-width:94px;
    }
    .qa-stats{
        grid-template-columns:repeat(3,minmax(0,1fr));
        flex:1;
        margin-top:0;
    }
    .qa-stats>div{
        border-right:1px solid #26394f;
        border-bottom:0;
    }
    .qa-stats>div:last-child{
        border-right:0;
    }
    .qa-contact-card{
        grid-template-columns:40px minmax(0,1fr);
        padding:16px;
    }
    .qa-contact-icon{
        width:38px;
        height:38px;
    }
}

/* ========================================================================== 
   Paginación y rediseño móvil profesional — 5 preguntas por página
   ========================================================================== */
.qa-pagination{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:24px 0 6px;padding:14px;border:1px solid #263c55;border-radius:14px;background:#0b1828}.qa-page-numbers{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.qa-page-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:42px;min-height:42px;padding:8px 12px;border:1px solid #304963;border-radius:9px;background:#11243a;color:#dcecff;text-decoration:none;font-weight:800;box-sizing:border-box}.qa-page-link:hover{border-color:#58b8ff;background:#163452;color:#fff}.qa-page-link.active{background:#0878f9;border-color:#46a8ff;color:#fff;box-shadow:0 7px 20px rgba(8,120,249,.25)}.qa-page-link.disabled{opacity:.42;pointer-events:none}.qa-page-dots{color:#7890aa;padding:0 2px}.qa-pagination-summary{text-align:center;color:#8196ad;font-size:.82rem;margin:8px 0 24px}

@media(max-width:850px){
  .qa-shell{padding:14px 10px 82px}
  .qa-layout{display:block}
  .qa-hero{padding:18px 16px;border-radius:15px;gap:16px}
  .qa-hero h1{font-size:clamp(1.55rem,7vw,2rem)}
  .qa-hero p{font-size:.94rem;line-height:1.5}
  .qa-search{margin:14px 0;gap:8px}
  .qa-tabs{margin:0 -2px 12px;padding:2px 2px 8px;scroll-snap-type:x proximity}
  .qa-tabs a{scroll-snap-align:start;min-height:40px;display:inline-flex;align-items:center}

  /* Tarjeta móvil: contenido primero y ficha compacta del autor abajo */
  .qa-row{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;margin-bottom:12px;border-radius:15px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.16)}
  .qa-row .qa-main{order:1;padding:17px 16px 15px}
  .qa-row .qa-main h2{font-size:1.08rem;line-height:1.35;margin:9px 0 10px}
  .qa-row .qa-main h2 a{display:block;overflow-wrap:anywhere}
  .qa-row .qa-main p{font-size:.91rem;line-height:1.52;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}
  .qa-badges{gap:6px}
  .qa-badges span,.qa-badges a{font-size:.68rem;padding:4px 7px}
  .qa-question-date{margin-top:12px;font-size:.72rem}

  .qa-question-meta{order:2;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;width:auto!important;min-width:0!important;padding:12px 14px!important;border-left:0!important;border-top:1px solid #2b4058!important;background:linear-gradient(90deg,#0e2237,#102a43)!important}
  .qa-question-author{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:10px!important;row-gap:0!important;align-items:center!important;text-align:left!important;min-width:0}
  .qa-question-author img{grid-row:1/3;width:44px!important;height:44px!important;margin:0!important}
  .qa-question-author span{font-size:.66rem!important;color:#849bb2!important;line-height:1.15}
  .qa-question-author strong{font-size:.84rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .qa-stats{display:grid!important;grid-template-columns:repeat(3,minmax(48px,1fr))!important;gap:5px!important;width:auto!important;margin:0!important;padding:0!important;border:0!important}
  .qa-stats div{min-width:48px!important;padding:6px 5px!important;border:1px solid #304a65!important;border-radius:8px!important;background:#0b1a2a!important;text-align:center!important}
  .qa-stats b{font-size:.9rem!important;line-height:1.1}
  .qa-stats span{font-size:.57rem!important;line-height:1.1;text-transform:uppercase;letter-spacing:.02em}

  .qa-aside{margin-top:18px}
  .qa-card{padding:16px;border-radius:13px}

  .qa-pagination{grid-template-columns:1fr 1fr;gap:8px;padding:10px;margin-top:18px}
  .qa-page-numbers{grid-column:1/-1;grid-row:1;gap:5px}
  .qa-page-prev{grid-column:1;grid-row:2}
  .qa-page-next{grid-column:2;grid-row:2}
  .qa-page-link{min-width:40px;min-height:40px;padding:7px 10px;font-size:.82rem}
}

@media(max-width:560px){
  .qa-shell{padding-left:8px;padding-right:8px}
  .qa-hero{padding:16px 14px}
  .qa-search input{font-size:16px} /* evita zoom automático en iOS */
  .qa-row .qa-main{padding:15px 14px 13px}
  .qa-question-meta{grid-template-columns:1fr!important;gap:9px!important;padding:11px 12px!important}
  .qa-question-author{grid-template-columns:42px minmax(0,1fr)!important}
  .qa-question-author img{width:42px!important;height:42px!important}
  .qa-stats{width:100%!important;grid-template-columns:repeat(3,1fr)!important}
  .qa-stats div{min-width:0!important;padding:7px 3px!important}
  .qa-tabs a{font-size:.78rem;padding:8px 10px}
  .qa-pagination{padding:9px 7px}
  .qa-page-link{min-width:38px;min-height:38px;padding:6px 8px}
  .qa-page-dots{font-size:.8rem}
}

@media(max-width:380px){
  .qa-page-numbers .qa-page-link:not(.active):nth-of-type(n+5){display:none}
  .qa-row .qa-main h2{font-size:1rem}
  .qa-stats span{font-size:.53rem}
}


/* --------------------------------------------------------------------------
   Paginación de respuestas — RadioaficionadosClub.cl
   Evita que una pregunta con muchas respuestas alargue excesivamente la página.
---------------------------------------------------------------------------- */
.qa-answer-pagination{margin-top:18px;margin-bottom:6px}
.qa-answer-pagination + .qa-pagination-summary{margin-bottom:22px}
@media (max-width:720px){
  .qa-answer-pagination{grid-template-columns:1fr 1fr;margin-top:16px;padding:10px}
  .qa-answer-pagination .qa-page-numbers{grid-column:1/-1;grid-row:1;overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap;padding:2px 0 7px;scrollbar-width:thin}
  .qa-answer-pagination>a:first-child{grid-column:1;grid-row:2}
  .qa-answer-pagination>a:last-child{grid-column:2;grid-row:2}
  .qa-answer-pagination .qa-page-link{min-width:42px;min-height:44px;white-space:nowrap}
  .qa-answer-pagination>a{width:100%}
}
@media (max-width:390px){
  .qa-answer-pagination{gap:7px;padding:8px}
  .qa-answer-pagination .qa-page-link{padding:8px 9px;font-size:.82rem}
}

/* Auditoría móvil v101 - 19-07-2026 */
html,body{max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%}
.qa-shell,.qa-layout,.qa-main,.qa-aside,.qa-row{min-width:0;max-width:100%}
.qa-main :where(h1,h2,h3,p,a),.qa-card :where(p,a){overflow-wrap:anywhere}
@media(max-width:720px){
  .qa-search{display:grid;grid-template-columns:minmax(0,1fr) auto}
  .qa-search input{min-width:0;min-height:46px}
  .qa-search button{min-width:46px;min-height:46px}
  .qa-tabs{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .qa-card input:not([type=checkbox]):not([type=radio]),.qa-card select,.qa-card textarea{font-size:16px;min-height:44px;max-width:100%}
  .qa-card textarea{min-height:130px}
  .qa-answer,.qa-question-detail{max-width:100%;overflow-wrap:anywhere}
  .qa-answer img,.qa-question-detail img,.qa-answer iframe,.qa-question-detail iframe{max-width:100%;height:auto}
}
@media(max-width:390px){
  .qa-search{grid-template-columns:1fr}
  .qa-search button{width:100%}
  .qa-page-numbers{max-width:100%;overflow-x:auto;justify-content:flex-start!important;flex-wrap:nowrap!important}
}

/* Redes sociales compactas: solo ícono y tooltip accesible */
.qa-share .social-share-btn{
  position:relative!important;
  flex:0 0 42px!important;
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.qa-share .social-share-btn img{
  width:23px!important;
  height:23px!important;
  max-width:23px!important;
  max-height:23px!important;
  object-fit:contain!important;
}
.qa-share .social-share-btn > span{
  position:absolute!important;
  z-index:50;
  left:50%;
  bottom:calc(100% + 9px);
  width:max-content;
  max-width:190px;
  padding:6px 9px!important;
  border-radius:7px!important;
  background:#07111f!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
  white-space:nowrap;
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,5px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
  pointer-events:none;
  box-shadow:0 7px 20px rgba(0,0,0,.3);
}
.qa-share .social-share-btn > span::after{
  content:"";
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
  border:5px solid transparent;
  border-top-color:#07111f;
}
.qa-share .social-share-btn:hover > span,
.qa-share .social-share-btn:focus-visible > span{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}
.qa-share .social-share-btn:focus-visible{
  outline:3px solid rgba(83,183,255,.5)!important;
  outline-offset:3px!important;
}
@media(max-width:640px){
  .qa-share{
    justify-content:flex-start!important;
    align-items:center!important;
  }
  .qa-share .social-share-btn{
    flex:0 0 40px!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
  }
  .qa-share .social-share-btn img{
    width:22px!important;
    height:22px!important;
  }
}


/* --------------------------------------------------------------------------
   Corrección definitiva del ancho de la pregunta individual v105
   Mantiene el detalle centrado y evita que reglas globales o móviles anulen
   el ancho máximo del módulo. Autor: RadioaficionadosClub.cl / Rodrigo Reyes.
---------------------------------------------------------------------------- */
.qa-shell.qa-detail-shell{
  width:calc(100% - 40px)!important;
  max-width:1200px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:22px!important;
  padding-right:22px!important;
  box-sizing:border-box!important;
}
.qa-detail-shell > .qa-layout{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,320px)!important;
}
.qa-detail-shell > .qa-layout > section,
.qa-detail-shell .qa-question,
.qa-detail-shell .qa-answer,
.qa-detail-shell .qa-reply,
.qa-detail-shell .qa-aside{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.qa-detail-shell .qa-postbody,
.qa-detail-shell .qa-answer-body{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.qa-detail-shell :where(img,video,iframe,table,pre){
  max-width:100%!important;
}
.qa-detail-shell :where(img,video){
  height:auto!important;
}
.qa-detail-shell pre{
  overflow-x:auto!important;
}
.qa-detail-shell table{
  display:block;
  overflow-x:auto;
}

@media(max-width:900px){
  .qa-shell.qa-detail-shell{
    width:calc(100% - 24px)!important;
    max-width:1200px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .qa-detail-shell > .qa-layout{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .qa-detail-shell .qa-aside{
    width:100%!important;
    margin-top:18px!important;
  }
}
@media(max-width:560px){
  .qa-shell.qa-detail-shell{
    width:100%!important;
    max-width:100%!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .qa-detail-shell .qa-question,
  .qa-detail-shell .qa-answer,
  .qa-detail-shell .qa-reply,
  .qa-detail-shell .qa-card{
    padding-left:15px!important;
    padding-right:15px!important;
  }
}