.hm-portals{max-width:1080px;margin:0 auto;padding:72px 24px}.hm-portal-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}@media (max-width:1100px){.hm-portal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.hm-portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.hm-portal-grid{grid-template-columns:1fr}}.hm-portal{background:linear-gradient(160deg,#1c1b1b,#131313);border:1px solid #f6be3926;border-radius:20px;flex-direction:column;padding:24px 20px;transition:transform .35s,border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.hm-portal:before{content:"";background:linear-gradient(115deg,#0000 35%,#f6be3922 50%,#0000 65%);transition:transform .8s;position:absolute;inset:0;transform:translate(-120%)}.hm-portal:hover{border-color:#f6be3988;transform:translateY(-6px);box-shadow:0 18px 50px #f6be3922}.hm-portal:hover:before{transform:translate(120%)}.hm-portal-ico{color:#f6be39;background:#f6be3918;border:1px solid #f6be3944;border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:18px;display:grid}.hm-portal h3{color:#e5e2e1;margin-bottom:8px;font-size:18px}.hm-portal p{color:#9b8f7a;flex:1;margin-bottom:18px;font-size:13.5px;line-height:1.65}.hm-portal-cta{color:#f6be39;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.hm-portal-cta svg{transition:transform .3s}.hm-portal:hover .hm-portal-cta svg{transform:translate(5px)}.hm-iv-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.hm-iv{flex-direction:column;gap:8px;display:flex}.hm-iv-img{aspect-ratio:16/10;background:#1c1b1b;border:1px solid #2a2a2a;border-radius:14px;overflow:hidden}.hm-iv-img img,.hm-iv-ph{object-fit:cover;width:100%;height:100%;transition:transform .5s}.hm-iv-ph{background:radial-gradient(circle at 50% 40%,#f6be3926,#131313 70%)}.hm-iv:hover .hm-iv-img img{transform:scale(1.06)}.hm-iv h3{color:#e5e2e1;font-size:17px;line-height:1.35}.hm-iv span{color:#9b8f7a;font-size:12px}.hm-more{color:#f6be39;border:1.5px solid #f6be39;border-radius:999px;padding:12px 30px;font-size:14px;display:inline-block}.splash{z-index:20;background:#0b0a09;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .8s,transform .8s;display:flex;position:absolute;inset:0;overflow:hidden}.splash.out{opacity:0;pointer-events:none;transform:scale(1.06)}.splash-bg{filter:blur(2px);background:linear-gradient(#0b0a09cc,#0b0a09f2),url(/assets/demo/reloj.webp) 50%/cover;animation:3.4s ease-out both splash-zoom;position:absolute;inset:0;transform:scale(1.08)}.splash-rays{background:conic-gradient(from 0deg, transparent 0 8%, #f6be3922 10%, transparent 12% 30%, #f6be3918 33%, transparent 36% 58%, #f6be3922 60%, transparent 63% 100%);width:900px;height:900px;animation:14s linear infinite splash-spin;position:absolute;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 55%);mask-image:radial-gradient(circle,#000 0,#0000 55%)}.splash-logo{border-radius:50%;width:124px;height:124px;animation:1s cubic-bezier(.2,1.4,.3,1) both splash-pop,2s ease-in-out .9s infinite splash-glow;position:relative;overflow:hidden}.splash-logo img{width:100%;height:100%;display:block}.splash-logo i{background:linear-gradient(100deg,#0000,#fff4cdd9,#0000);width:38%;animation:1.4s ease-in-out .8s 2 splash-shine;position:absolute;top:-10%;bottom:-10%;left:-60%;transform:skew(-18deg)}.splash-tag{color:#f6be39;letter-spacing:.4px;text-align:center;padding:0 26px;font-family:Noto Serif,serif;font-size:12.5px;line-height:1.5;animation:1s .9s both splash-fade;position:relative}@keyframes splash-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes splash-glow{0%,to{box-shadow:0 0 40px 6px #f6be3944,0 0 0 2px #f6be3955}50%{box-shadow:0 0 90px 24px #f6be3977,0 0 0 2px #f6be39aa}}@keyframes splash-shine{0%{left:-60%}to{left:140%}}@keyframes splash-spin{to{transform:rotate(360deg)}}@keyframes splash-zoom{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1.08)}}@keyframes splash-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ft{pointer-events:none;z-index:3;position:absolute;inset:0}.ft-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#14120edb;border:1px solid #f6be3955;border-radius:14px;width:190px;margin:0;padding:12px 14px;animation:20.4s ease-in-out infinite ft-float;position:absolute;box-shadow:0 12px 34px #0008,0 0 24px #f6be3918}.ft-stars{color:#f6be39;gap:2px;margin-bottom:6px;display:flex}.ft-card blockquote{color:#e5e2e1;margin:0;font-size:13px;line-height:1.45}.ft-card figcaption{color:#9b8f7a;margin-top:6px;font-size:11px}@keyframes ft-float{0%{opacity:0;transform:translateY(18px)scale(.92)}4%,15%{opacity:1;transform:translateY(0)scale(1)}19%{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:0;transform:translateY(-12px)}}@media (max-width:1250px){.ft{display:none}}@media (prefers-reduced-motion:reduce){.ft,.splash{display:none}}
