/* HELLMOKSHA V3 — capa visual responsive no destructiva */
:root{
  --hm-bg:#09090b;--hm-surface:#111318;--hm-surface-2:#171a20;--hm-line:#272a33;
  --hm-text:#f5f7fb;--hm-muted:#969baa;--hm-red:#e63946;--hm-green:#22c55e;
  --hm-amber:#f59e0b;--hm-blue:#3b82f6;--hm-radius:16px;--hm-shadow:0 18px 50px rgba(0,0,0,.28)
}
html{scroll-behavior:smooth} body{overflow-x:hidden}
img,video{max-width:100%;height:auto}
.hm-shell{width:min(1440px,calc(100% - 32px));margin-inline:auto}
.hm-card{background:linear-gradient(180deg,var(--hm-surface-2),var(--hm-surface));border:1px solid var(--hm-line);border-radius:var(--hm-radius);box-shadow:var(--hm-shadow)}
.hm-card__head{padding:18px 20px;border-bottom:1px solid var(--hm-line);display:flex;gap:12px;justify-content:space-between;align-items:center}
.hm-card__body{padding:20px}.hm-muted{color:var(--hm-muted)}
.hm-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--hm-line);background:#0c0e12;font-size:12px;font-weight:700}
.hm-grid{display:grid;gap:18px}.hm-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.hm-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.hm-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hm-stat{padding:18px}.hm-stat b{font-size:28px;display:block}.hm-stat small{color:var(--hm-muted)}
.hm-table-wrap{overflow:auto;-webkit-overflow-scrolling:touch;border-radius:14px;border:1px solid var(--hm-line)}
.hm-table{width:100%;border-collapse:collapse;min-width:860px}.hm-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#c7cad3;background:#0c0e12}.hm-table th,.hm-table td{padding:13px 14px;border-bottom:1px solid #20232b;vertical-align:middle}.hm-table tr:last-child td{border-bottom:0}
.hm-field{display:grid;gap:7px}.hm-field label{font-size:12px;font-weight:700;color:#b5bac7}.hm-input,.hm-select,.hm-textarea{width:100%;background:#0b0d11;border:1px solid #30343e;border-radius:11px;color:#fff;padding:11px 12px;outline:none}.hm-input:focus,.hm-select:focus,.hm-textarea:focus{border-color:var(--hm-red);box-shadow:0 0 0 3px rgba(230,57,70,.12)}
.hm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:10px 14px;font-weight:800;text-decoration:none;cursor:pointer}.hm-btn--primary{background:var(--hm-red);color:white}.hm-btn--secondary{background:#242832;color:#fff}.hm-btn--success{background:var(--hm-green);color:#07130a}.hm-btn--ghost{background:transparent;border:1px solid var(--hm-line);color:#ddd}
.hm-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.hm-badge--ok{background:rgba(34,197,94,.16);color:#7bf1a8}.hm-badge--warn{background:rgba(245,158,11,.15);color:#ffd17a}.hm-badge--danger{background:rgba(230,57,70,.15);color:#ff8e97}.hm-badge--info{background:rgba(59,130,246,.16);color:#9ec2ff}.hm-badge--muted{background:#242832;color:#c8ccd7}
.hm-mobile-nav{display:none}
.hm-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.hm-toolbar__actions{display:flex;gap:8px;flex-wrap:wrap}
.hm-timeline{display:grid;gap:0}.hm-timeline__item{position:relative;padding:0 0 20px 30px}.hm-timeline__item:before{content:"";position:absolute;left:8px;top:8px;width:10px;height:10px;border-radius:50%;background:var(--hm-red);box-shadow:0 0 0 4px rgba(230,57,70,.13)}.hm-timeline__item:after{content:"";position:absolute;left:12px;top:21px;bottom:0;width:2px;background:#30343e}.hm-timeline__item:last-child:after{display:none}
.hm-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#242832;border:1px solid #343844}.hm-person{display:flex;align-items:center;gap:11px}.hm-person__meta{min-width:0}.hm-person__meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-person__meta small{color:var(--hm-muted)}
@media (max-width:1100px){.hm-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){
  .hm-shell{width:min(100% - 20px,1440px)}.hm-grid-4,.hm-grid-3,.hm-grid-2{grid-template-columns:1fr}.hm-card__head,.hm-card__body{padding:14px}
  .hm-toolbar{align-items:stretch}.hm-toolbar__actions{width:100%}.hm-toolbar__actions .hm-btn{flex:1}
  .hm-mobile-nav{display:flex;position:fixed;z-index:9999;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));background:rgba(13,15,19,.94);backdrop-filter:blur(18px);border:1px solid #2c3038;border-radius:18px;padding:7px;box-shadow:0 16px 45px rgba(0,0,0,.55)}
  .hm-mobile-nav a{flex:1;text-decoration:none;color:#aeb3bf;font-size:10px;font-weight:700;display:grid;justify-items:center;gap:3px;padding:7px 3px;border-radius:12px}.hm-mobile-nav a i{font-size:17px}.hm-mobile-nav a.active{background:#242832;color:#fff}
  body.hm-has-mobile-nav{padding-bottom:88px!important}
  .table-responsive,.hm-table-wrap{margin-inline:-4px}.modal-dialog{margin:8px!important}.modal-content{border-radius:16px!important}
  input,select,textarea{font-size:16px!important}
  .foro-container,.profile-container,.main-container,.container-fluid{max-width:100%!important}
}

/* Mejora visual sobre componentes heredados de la V2 */
.evento-card,.sidebar-card,.acuerdo-card,.fecha-disponible-card{border-radius:16px!important;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.22)}
.evento-card{height:100%;transition:transform .2s ease,border-color .2s ease}.evento-card:hover{transform:translateY(-3px)}
.evento-img{aspect-ratio:4/5;object-fit:cover;width:100%}.evento-body{padding:14px!important}.evento-titulo{line-height:1.15}
.nav-menu-custom{position:sticky;top:0;z-index:800;backdrop-filter:blur(16px)}
.hero-section{min-height:min(76vh,760px)}
@media(max-width:720px){
 .hero-section{min-height:72svh}.hero-content{padding-inline:14px!important}.hero-title{font-size:clamp(31px,10vw,50px)!important;line-height:.98!important}.hero-content .lead{font-size:15px!important}
 .hero-content .btn{width:min(100%,330px);padding:11px 14px!important;font-size:13px!important}.hero-content .d-flex{gap:8px!important}
 .nav-menu-custom{overflow-x:auto;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;scrollbar-width:none}.nav-menu-custom::-webkit-scrollbar{display:none}.nav-menu-custom a{white-space:nowrap!important;flex:0 0 auto}
 .evento-img{aspect-ratio:1/1;max-height:none!important}.evento-body{padding:11px!important}.evento-titulo{font-size:13px!important}
 .sidebar-card{padding:14px!important}.section-title{font-size:clamp(25px,8vw,36px)!important}
 .fecha-disponible-card{min-height:86px}.acordeon-header{padding:14px!important}
}