.hitos-page{background:#f5f5f5;min-height:100vh;padding-top:90px}@media(max-width:1280px){.hitos-page{padding-top:40px}}.hitos-page__container{display:flex;margin:0 auto;max-width:1600px;min-height:calc(100vh - 90px)}.hitos-page__sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-shrink:0;overflow-y:auto;padding:2rem;width:380px}.hitos-page__category{margin-bottom:2rem}.hitos-page__category:last-child{margin-bottom:0}.hitos-page__category-title{align-items:center;border-bottom:2px solid #0a4952;color:#0a4952;display:flex;font-size:1rem;font-weight:700;gap:.75rem;margin:0 0 1rem;padding-bottom:.75rem}.hitos-page__category-title--purple{border-bottom-color:#6b4c8c;color:#6b4c8c}.hitos-page__category-title svg{height:22px;width:22px}.hitos-page__list{list-style:none;margin:0;padding:0}.hitos-page__item{border:1px solid transparent;border-radius:12px;cursor:pointer;margin-bottom:.5rem;padding:1rem;transition:all .2s ease}.hitos-page__item:hover{background:#f0fafb;border-color:#0a4952}.hitos-page__item--purple:hover{background:#f8f5fc;border-color:#6b4c8c}.hitos-page__item--active{background:#0a4952;border-color:#0a4952}.hitos-page__item--active .hitos-page__item-badge,.hitos-page__item--active .hitos-page__item-cargo,.hitos-page__item--active .hitos-page__item-name{color:#fff}.hitos-page__item--purple.hitos-page__item--active{background:#6b4c8c;border-color:#6b4c8c}.hitos-page__item-name{color:#1a1a1a;display:block;font-weight:600;margin-bottom:.25rem}.hitos-page__item-badge,.hitos-page__item-cargo{color:#666;display:block;font-size:.8rem}.hitos-page__content{flex:1;overflow-y:auto;padding:2rem}.hitos-page__empty{align-items:center;color:#999;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.hitos-page__empty svg{height:60px;margin-bottom:1rem;width:60px}.hito-detail{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden}.hito-detail__header{background:linear-gradient(135deg,#f0fafb,#fff);border-bottom:1px solid #e5e7eb;display:flex;gap:2rem;padding:2rem}.hito-detail__image{border-radius:12px;box-shadow:0 4px 15px #00000026;flex-shrink:0;height:220px;overflow:hidden;width:300px}.hito-detail__image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hito-detail__info{display:flex;flex-direction:column;justify-content:center}.hito-detail__badge{background:#0a4952;border-radius:50px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem;width:-moz-fit-content;width:fit-content}.hito-detail__info h1{color:#1a1a1a;font-size:2rem;font-weight:800;margin:0 0 .5rem}.hito-detail__year{color:#0a4952;font-size:1.1rem;font-weight:600}.hito-detail__body{padding:2rem}.hito-detail__desc{color:#444;font-size:1.1rem;line-height:1.8;margin:0 0 2rem}.hito-detail__details{background:#f8f9fa;border-radius:12px;padding:1.5rem}.hito-detail__details h4{color:#0a4952;font-size:1rem;font-weight:700;margin:0 0 1rem}.hito-detail__details p{color:#555;font-size:1rem;line-height:1.7;margin:0}.personaje-detail{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden}.personaje-detail__header{background:linear-gradient(135deg,#f8f5fc,#fff);border-bottom:1px solid #e5e7eb;display:flex;gap:2rem;padding:2rem}.personaje-detail__image{border-radius:12px;box-shadow:0 4px 15px #00000026;flex-shrink:0;height:220px;overflow:hidden;width:180px}.personaje-detail__image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.personaje-detail__info{display:flex;flex-direction:column;justify-content:center}.personaje-detail__info h1{color:#1a1a1a;font-size:2rem;font-weight:800;margin:0 0 .75rem}.personaje-detail__cargo{background:linear-gradient(135deg,#6b4c8c,#8b5dae);border-radius:50px;color:#fff;display:inline-block;font-size:.95rem;font-weight:600;padding:.5rem 1.25rem;width:-moz-fit-content;width:fit-content}.personaje-detail__body{padding:2rem}.personaje-detail__bio{color:#444;font-size:1.1rem;line-height:1.8;margin:0 0 2rem}.personaje-detail__logros{background:#f8f5fc;border-radius:12px;padding:1.5rem}.personaje-detail__logros h4{color:#6b4c8c;font-size:1rem;font-weight:700;margin:0 0 1rem}.personaje-detail__logros ul{list-style:none;margin:0;padding:0}.personaje-detail__logros li{color:#555;font-size:1rem;line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.personaje-detail__logros li:last-child{margin-bottom:0}.personaje-detail__logros li:before{background:#6b4c8c;border-radius:50%;content:"";height:8px;left:0;position:absolute;top:.6rem;width:8px}@media(max-width:1024px){.hitos-page__container{flex-direction:column}.hitos-page__sidebar{border-bottom:1px solid #e5e7eb;border-right:none;max-height:350px;width:100%}.hitos-page__content{min-height:500px}.hito-detail__header,.personaje-detail__header{align-items:center;flex-direction:column;text-align:center}.hito-detail__image{height:200px;max-width:400px;width:100%}.personaje-detail__image{height:180px;width:150px}.hito-detail__badge,.personaje-detail__cargo{margin:0 auto 1rem}}@media(max-width:768px){.hitos-page__content,.hitos-page__sidebar{padding:1.5rem}.hito-detail__info h1,.personaje-detail__info h1{font-size:1.5rem}.hito-detail__body,.personaje-detail__body{padding:1.5rem}}