.community-section{position:relative;background:linear-gradient(180deg,#030a14,#06111f);border-block:1px solid rgba(95,183,255,.18)}
.community-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(0,157,255,.12),transparent 38%)}
.community-section .container{position:relative}
#comentarios{scroll-margin-top:105px}
.comments-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.published-comments{display:grid;gap:14px}
.comment-card,.comments-empty,.public-comment-form{background:linear-gradient(145deg,rgba(10,29,52,.92),rgba(5,16,31,.92));border:1px solid rgba(99,180,255,.16);border-radius:14px}
.comment-card[hidden]{display:none}
.comment-card{padding:26px;position:relative;overflow:hidden}
.comment-card .comment-mark{position:absolute;right:18px;top:-14px;color:rgba(0,179,255,.15);font-size:6rem;font-weight:900;line-height:1}
.comment-card>p{position:relative;color:#d8e4f2;font-size:.91rem;line-height:1.75;margin-bottom:22px}
.comment-rating{position:relative;display:flex;align-items:center;gap:10px;margin-bottom:14px}.comment-rating span{color:#ffc53d;letter-spacing:2px;font-size:1.05rem}.comment-rating b{color:#b9c9dc;font-size:.7rem;text-transform:uppercase;letter-spacing:.7px}
.comment-card footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid rgba(95,183,255,.13);padding-top:15px;font-size:.73rem}
.comment-card footer time{color:#7f94ac}
.comments-empty{padding:45px 30px;text-align:center;color:#9eb0c8}
.show-all-comments{width:100%;padding:14px 18px;border:1px solid rgba(0,179,255,.32);border-radius:9px;background:rgba(0,157,255,.08);color:#70d4ff;font-weight:800;cursor:pointer;transition:.2s}.show-all-comments:hover{background:rgba(0,157,255,.16);border-color:rgba(0,179,255,.55)}.show-all-comments span{color:#9eb0c8;font-weight:500}
.comments-empty>span{font-size:2rem;color:#1abaff}
.comments-empty h3{color:#f4f8ff;margin:12px 0 8px}
.public-comment-form{padding:30px;position:sticky;top:110px}
.public-comment-form h3{font-size:1.25rem;margin-bottom:22px}
.comment-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.public-comment-form label{font-size:.73rem}
.public-comment-form input,.public-comment-form textarea{background:#030a14}
.rating-fieldset{border:0;padding:0;margin:0 0 18px}.rating-fieldset legend{color:#dce8f6;font-size:.73rem;font-weight:700;margin-bottom:6px}.star-rating{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end}.star-rating input{position:absolute;opacity:0;pointer-events:none}.star-rating label{margin:0;cursor:pointer;color:#38516c;font-size:2rem;line-height:1;padding:2px;transition:color .15s,transform .15s}.star-rating label:hover,.star-rating label:hover~label,.star-rating input:checked~label{color:#ffc53d}.star-rating label:hover{transform:scale(1.12)}.star-rating input:focus-visible+label{outline:2px solid #00aaff;outline-offset:3px;border-radius:3px}.rating-description{color:#7f94ac;font-size:.67rem;line-height:1.45;margin:7px 0 0}
.comment-consent{display:flex!important;align-items:flex-start;gap:10px;color:#9eb0c8!important;font-weight:400!important}
.comment-limit{margin:-7px 0 18px;color:#7f94ac;font-size:.67rem}
.comment-consent input{width:auto;margin:4px 0 0;accent-color:#009cff}
.extrema-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.comment-success{margin:-20px 0 30px;padding:15px 18px;border:1px solid rgba(64,231,93,.35);border-radius:9px;background:rgba(64,231,93,.08);color:#8af299;text-align:center;font-size:.85rem}
.comment-success[hidden]{display:none}
.comment-success.is-sending{border-color:rgba(0,179,255,.35);background:rgba(0,157,255,.08);color:#8edcff}
.comment-success.is-error{border-color:rgba(237,28,36,.42);background:rgba(237,28,36,.09);color:#ff9ca0}
.public-comment-form button[type="submit"]:disabled{opacity:.7;cursor:wait;transform:none}
.public-visit-counter{color:#70849c}.public-visit-counter b{color:#20b9ff}
@media(max-width:900px){.comments-grid{grid-template-columns:1fr}.public-comment-form{position:static}}
@media(max-width:620px){.comment-form-row{grid-template-columns:1fr}.public-comment-form{padding:23px 18px}.footer-bottom{flex-wrap:wrap}.public-visit-counter{order:3;width:100%}}
