:root{--rojo:#E5262D}


.nv-guia-btn{border-color:var(--rojo);color:var(--rojo)}
.nv-guia-btn:hover{background:var(--rojo);color:#fff;border-color:var(--rojo)}


.nv-guia{position:fixed;left:calc(var(--lat) + 16px);right:calc(var(--act) + 16px);bottom:16px;background:var(--negro);color:#fff;border-radius:16px;
  padding:14px 16px 12px;display:flex;align-items:flex-end;gap:16px;z-index:120;box-shadow:0 12px 34px rgba(0,0,0,.3)}
.nv-guia .barra-p{position:absolute;left:14px;right:14px;top:0;height:3px;border-radius:3px;background:#2E3238;overflow:hidden}
.nv-guia .barra-p i{display:block;height:100%;background:var(--rojo);width:0;transition:width .4s}
.nv-guia .g-cuerpo{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.nv-guia .g-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.nv-guia .num{font:900 12px/1 var(--display);background:var(--rojo);border-radius:8px;padding:7px 9px;white-space:nowrap}
.nv-guia .g-cap{font:900 11.5px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:#FF8A6B}
.nv-guia .g-quien{display:flex;flex-wrap:wrap;gap:6px}
.nv-guia .g-q{display:inline-flex;align-items:center;gap:6px;background:#24272D;border:1px solid #3A3E46;border-radius:30px;padding:3px 10px 3px 3px;font-size:12.5px}
.nv-guia .g-q b{font-weight:900}
.nv-guia .g-q small{color:#B5B9C2;font-size:11.5px}
.g-av{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;flex:none}
.g-av .ic{width:14px;height:14px}
.g-av.ia{background:var(--marca);color:#fff}
.g-av.persona{background:#fff;color:var(--negro)}
.tag-quien{display:inline-block;font:900 9.5px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;border-radius:5px;padding:3px 5px;white-space:nowrap}
.tag-quien.ia{background:var(--marca);color:#fff}
.tag-quien.persona{background:#fff;color:var(--negro)}
.nv-guia .txt{font-size:16px;line-height:1.42}
.nv-guia .txt b{color:#FF9A7D}
.nv-guia .g-btns{display:flex;gap:8px;flex:none;align-items:center}
.nv-guia .btn{border-color:#3A3E46;background:#24272D;color:#fff}
.nv-guia .btn:hover{border-color:#fff}
.nv-guia .btn.pri{background:var(--rojo);border-color:var(--rojo)}
.nv-guia .btn[disabled]{opacity:.35}
.nv-guia .btn.pulso{animation:g-pulso 1.2s ease-in-out infinite}
@keyframes g-pulso{50%{box-shadow:0 0 0 5px rgba(229,38,45,.45)}}
.nv-guia .g-espera{display:inline-block;color:#FF8A6B;font-weight:900;font-size:18px;line-height:1;animation:g-parpadeo 1s steps(2) infinite}
.nv-guia .g-espera[hidden]{display:none}
@keyframes g-parpadeo{50%{opacity:0}}
body.con-guia .c2-main{padding-bottom:240px}
body.con-guia .c2-toasts{top:calc(var(--barra) + 10px);bottom:auto}


.g-capa{position:fixed;inset:0;pointer-events:none;z-index:130}
.g-marca{position:fixed;left:0;top:0;border:3px solid var(--rojo);border-radius:12px;opacity:0;transition:opacity .35s}
.g-marca.ve{opacity:1}
.g-marca::after{content:"";position:absolute;inset:-3px;border:3px solid var(--rojo);border-radius:12px;animation:g-late 1.5s ease-out infinite}
@keyframes g-late{0%{opacity:.85;transform:scale(1)}100%{opacity:0;transform:scale(1.035)}}
.g-etq{position:fixed;left:0;top:0;display:flex;align-items:center;gap:7px;max-width:min(320px,calc(100vw - 16px));background:var(--rojo);color:#fff;
  font:800 13.5px/1.2 var(--display);border-radius:9px;padding:6px 10px 6px 7px;opacity:0;transition:opacity .35s;white-space:nowrap}
.g-etq>span:not(.g-n){overflow:hidden;text-overflow:ellipsis}
.g-etq.ve{opacity:1}
.g-etq .g-n{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#fff;color:var(--rojo);font:900 12px/1 var(--display);flex:none}
.g-etq .g-fl{width:16px;height:16px;flex:none;stroke:#fff;stroke-width:3;transform:rotate(90deg);animation:g-bota-ab .9s ease-in-out infinite}
.g-etq[data-pos=debajo] .g-fl{transform:rotate(-90deg);animation-name:g-bota-ar}
.g-etq[data-pos=dentro] .g-fl{display:none}
.g-etq::after{content:"";position:absolute;left:16px;top:100%;border:7px solid transparent;border-top-color:var(--rojo)}
.g-etq[data-pos=debajo]::after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--rojo)}
.g-etq[data-pos=dentro]::after{display:none}
@keyframes g-bota-ab{0%,100%{transform:rotate(90deg) translateX(0)}50%{transform:rotate(90deg) translateX(3px)}}
@keyframes g-bota-ar{0%,100%{transform:rotate(-90deg) translateX(0)}50%{transform:rotate(-90deg) translateX(3px)}}


.g-cursor{position:fixed;left:0;top:0;z-index:140;pointer-events:none;opacity:0;transition:transform .9s cubic-bezier(.45,0,.2,1),opacity .3s}
.g-cursor.ve{opacity:1}
.g-cursor svg{width:30px;height:30px;display:block;fill:var(--rojo);stroke:#fff;stroke-width:1.8;stroke-linejoin:round;transform-origin:4px 2px;transition:transform .15s}
.g-cursor.clic svg{transform:scale(.82)}
.g-cursor .g-onda{position:absolute;left:-14px;top:-16px;width:36px;height:36px;border-radius:50%;border:3px solid var(--rojo);opacity:0}
.g-cursor.clic .g-onda{animation:g-onda .6s ease-out}
@keyframes g-onda{0%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(1.6)}}
.g-cursor .g-cur-t{position:absolute;left:26px;top:22px;background:var(--negro);color:#fff;font:800 12px/1 var(--display);border-radius:6px;padding:5px 7px;white-space:nowrap}


.g-cartel{position:fixed;left:var(--lat);right:var(--act);top:var(--barra);bottom:170px;display:grid;place-items:center;padding:16px;opacity:0;transition:opacity .4s}
.g-cartel.ve{opacity:1}
.g-cartel-caja{background:#fff;border:3px solid var(--marca);border-radius:22px;padding:26px 28px 28px;max-width:640px;width:100%;text-align:center;box-shadow:0 18px 50px rgba(22,24,28,.22)}
.g-cartel-caja h3{font:900 30px/1.1 var(--display);margin:0 0 6px}
.g-cartel-caja p{margin:0 0 18px;color:var(--suave);font-size:15.5px}
.g-cartel-items{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
.g-cartel-items span{font:800 17px/1 var(--display);padding:11px 15px;border-radius:30px;background:var(--marca-s);color:var(--negro);opacity:0;transform:scale(.6);transition:opacity .35s,transform .35s cubic-bezier(.3,1.6,.5,1)}
.g-cartel-items span.ve{opacity:1;transform:none}
.g-cartel-items span:first-child{background:var(--marca);color:#fff}
.g-cartel-items span:last-child{background:var(--negro);color:#fff;flex-basis:100%;max-width:max-content}


.g-portada{position:fixed;inset:0;z-index:150;background:rgba(22,24,28,.55);display:grid;place-items:center;padding:16px}
.g-port-caja{background:#fff;border-radius:20px;max-width:560px;width:100%;padding:30px 30px 22px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.g-port-ey{margin:0 0 12px;font:900 12px/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--rojo)}
.g-port-caja h2{font-size:27px;line-height:1.15;margin:0 0 12px}
.g-port-txt{margin:0 0 18px;font-size:16px;line-height:1.5;color:var(--suave)}
.g-port-txt b{color:var(--rojo)}
.g-port-eq{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:0 0 20px}
.g-port-eq .g-av{width:34px;height:34px}.g-port-eq .g-av .ic{width:18px;height:18px}
.g-port-eq-t{flex-basis:100%;font-size:13px;color:var(--suave);margin-top:6px}
.g-port-ok{width:100%;font-size:18px;padding:16px 20px;background:var(--rojo);border-color:var(--rojo)}
.g-port-ok:hover{background:#C41D23;border-color:#C41D23}
.g-port-vol{margin:12px 0 4px;font-size:13.5px;color:var(--suave)}
.g-port-no{background:none;border:0;color:var(--suave);text-decoration:underline;font-size:13.5px;cursor:pointer;padding:8px}
.g-port-no:hover{color:var(--negro)}


@media (max-width:1100px){.nv-guia .g-q small{display:none}}
@media (max-width:900px){
  .nv-guia{left:12px;right:12px;bottom:12px;flex-direction:column;align-items:stretch;gap:10px;padding:12px 12px 10px}
  .nv-guia .txt{font-size:14.5px}
  .nv-guia .g-btns{flex-wrap:wrap}
  .nv-guia .g-btns .btn{flex:1 1 auto}
  .nv-guia .g-btns [data-g=cerrar]{flex:0 0 auto}
  body.con-guia .c2-main{padding-bottom:320px}
  .g-etq{font-size:12.5px}
  .g-cartel{bottom:260px}.g-cartel-caja{padding:20px 16px}.g-cartel-caja h3{font-size:24px}.g-cartel-items span{font-size:15px;padding:9px 12px}
}
@media (max-width:480px){.g-port-caja{padding:24px 18px 16px}.g-port-caja h2{font-size:22px}}
@media (prefers-reduced-motion:reduce){.g-marca::after,.g-etq .g-fl,.nv-guia .btn.pulso{animation:none}.g-cursor{transition:opacity .2s}.g-cartel-items span{transition:none}}


.g-titular{position:fixed;top:calc(var(--barra) + 14px);left:calc(var(--lat) + 24px);right:calc(var(--act) + 24px);z-index:125;display:flex;justify-content:center;pointer-events:none}
.g-titular b{display:inline-block;background:var(--negro);color:#fff;border-radius:16px;padding:16px 28px;font:900 38px/1.15 var(--display);text-align:center;box-shadow:0 12px 34px rgba(0,0,0,.28);
  opacity:0;transform:translateY(-8px);transition:opacity .45s,transform .45s}
.g-titular.ve b{opacity:1;transform:none}
body.en-video .c2-main{padding-top:96px}
body.en-video .nv-guia .txt{font-size:20px}