/* Fases 4 y 5 — estilos encapsulados para no modificar el garaje ni el foro */
.com-body{margin:0;background:#101813 url('../imagen/img.jpg') center top/cover no-repeat fixed;color:#f6f7f4;font-family:system-ui,-apple-system,Segoe UI,sans-serif;text-align:left;min-height:100vh}
.com-body *,.com-body *::before,.com-body *::after{box-sizing:border-box}
.com-body h1,.com-body h2,.com-body h3{color:#fff;line-height:1.18}
.com-body a{color:inherit}.com-body a:hover{color:#dcff49}
.com-body :is(a,button,input,textarea):focus-visible{outline:3px solid #dcff49;outline-offset:3px}
.com-skip{position:absolute;top:-100px;left:12px;padding:12px;background:#dcff49;color:#101813!important;z-index:100}.com-skip:focus{top:10px}
.com-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:14px max(18px,calc((100% - 1200px)/2));background:rgba(8,16,10,.92);border-bottom:1px solid #ffffff33}
.com-brand{text-decoration:none;font-weight:900;letter-spacing:.03em;white-space:nowrap}.com-brand strong{color:#dcff49}.com-header nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.com-header nav a{font-size:14px;font-weight:700;text-decoration:none}.com-header nav a[aria-current=page]{color:#dcff49}
.com-header #authTopbar{position:static;inset:auto;display:flex;align-items:center;background:none;box-shadow:none;padding:0;width:auto}.com-header .user-menu{display:flex;gap:6px;align-items:center}.com-header .auth-btn,.com-header .logout-btn{background:#26382c;color:#fff;border:1px solid #ffffff3b;border-radius:8px;padding:10px 12px;max-width:110px;overflow:hidden;text-overflow:ellipsis}.com-header .logout-btn{color:#dcff49}
.com-main{max-width:1200px;margin:auto;padding:0 18px 48px}.com-hero{padding:65px clamp(20px,5vw,65px);background:linear-gradient(90deg,rgba(5,13,8,.90),rgba(5,13,8,.40));border-radius:0 0 18px 18px}.com-hero h1{font-size:clamp(37px,6vw,69px);margin:0 0 16px}.com-hero h1 span{color:#dcff49}.com-hero p:not(.com-overline){font-size:17px;max-width:660px;line-height:1.65}.com-overline{color:#dcff49;letter-spacing:.13em;font-size:12px;font-weight:850}
.com-panel{background:rgba(7,14,10,.89);backdrop-filter:blur(7px);padding:clamp(20px,3vw,32px);border:1px solid #ffffff30;border-radius:16px;margin-top:22px}.com-panel h2{font-size:clamp(23px,3vw,31px);margin:0 0 12px}.com-panel p{line-height:1.65;color:#e7f0e5}.com-panel a{text-decoration-thickness:1px;text-underline-offset:3px}
.com-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.com-three .com-panel{min-width:0}
.com-section-head{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.com-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.com-card{background:rgba(29,48,31,.95);border:1px solid #ffffff3c;border-radius:14px;padding:20px;min-width:0;overflow-wrap:anywhere}.com-card h3{margin:10px 0;font-size:22px}.com-card p{margin:10px 0}.com-card time{color:#d3e8d0}.com-photo{width:100%;height:210px;object-fit:cover;border-radius:10px;display:block;background:#24372a}.com-photo-placeholder{height:210px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b311e,#42523c);color:#e6f4df;text-align:center;padding:18px}
.com-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.com-form label{display:block;font-size:14px;font-weight:700}.com-form :is(input:not([type=checkbox]),textarea){width:100%;margin-top:7px;border:1px solid #a3b0a2;background:#19271c;color:white;font:inherit;font-size:16px;padding:12px;border-radius:8px;min-height:46px}.com-form textarea{resize:vertical}.com-wide{grid-column:1/-1}.com-help{font-size:13px}.com-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.com-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;background:#263b2b;border:1px solid #ffffff44;border-radius:8px;color:#fff!important;text-decoration:none;cursor:pointer;font-weight:750;font-size:14px}.com-btn--primary{color:#111!important;background:#dcff49;border-color:#dcff49}.com-btn:disabled{opacity:.6;cursor:not-allowed}.com-check{display:flex!important;align-items:flex-start;gap:12px;line-height:1.5}.com-check input{width:23px;height:23px;flex:none;accent-color:#dcff49}
.com-footer{background:rgba(4,12,7,.93);text-align:center;padding:24px;color:#e5eee1}.com-body [hidden]{display:none!important}
@media(max-width:800px){.com-body{background-attachment:scroll;background-size:100% auto}.com-three{grid-template-columns:1fr}.com-header nav{order:3;width:100%;gap:14px;overflow-x:auto;flex-wrap:nowrap}.com-header nav a{white-space:nowrap}.com-hero{background:rgba(6,13,8,.87);padding:44px 23px}.com-main{padding:0 13px 38px}}
@media(max-width:550px){.com-brand{font-size:14px}.com-header .auth-btn,.com-header .logout-btn{padding:9px;font-size:12px}.com-form{grid-template-columns:1fr}.com-wide{grid-column:auto}.com-hero{padding:35px 19px}.com-card{padding:17px}.com-photo,.com-photo-placeholder{height:175px}}
@media(prefers-reduced-motion:reduce){.com-body *{transition:none!important;scroll-behavior:auto!important}}