/* HACKERWEB V77 · estadio 2 de Hamilton, full frame / voz del reloj.
   Textos siguen siendo HTML real y accesible; no se sustituyen por imagen rasterizada. */
#v16-modal.v77-watch-cinematic[open]{
 position:fixed!important;inset:0!important;top:0!important;left:0!important;
 display:grid!important;grid-template-columns:minmax(0,43fr) minmax(0,57fr);
 align-items:stretch;gap:clamp(12px,1.6vw,28px);
 box-sizing:border-box!important;
 width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;
 margin:0!important;padding:clamp(12px,2.5vw,36px)!important;overflow:hidden!important;
 border:0!important;border-radius:0!important;
 background:linear-gradient(115deg,rgba(4,12,18,.52),rgba(5,13,21,.9)),
   url('/master-hamilton-Q95.webp') center / cover no-repeat!important;
 box-shadow:none!important;color:#fff5e9;isolation:isolate;
}
#v16-modal.v77-watch-cinematic[open]::backdrop{background:#02050a;}
#v16-modal.v77-watch-cinematic .v77-watch-media{
 position:relative;min-width:0;min-height:0;display:flex;
 align-items:center;justify-content:center;overflow:hidden;isolation:isolate;
}
#v16-modal.v77-watch-cinematic .v77-watch-media::before{
 content:'';position:absolute;inset:0;z-index:-1;
 background:radial-gradient(ellipse at center,rgba(245,174,100,.26),rgba(0,0,0,.20) 50%,transparent 75%);
}
#v16-modal.v77-watch-cinematic .v77-watch-bezel{
 position:relative;width:min(95%,70dvh);aspect-ratio:1;
 border-radius:50%;display:grid;place-items:center;
 transform:rotate(-9deg);
 background:conic-gradient(from 40deg,#343b41,#d8d7d2,#6c6d70,#f8e6c7,#454e56,#c3c8cb,#343b41);
 border:clamp(4px,.8vw,12px) solid rgba(224,220,211,.85);
 box-shadow:0 0 0 3px #474a4c,0 14px 30px #000b,0 35px 80px #000b,inset 0 0 15px #020406;
 overflow:hidden;
}
#v16-modal.v77-watch-cinematic .v77-watch-dial{
 display:block;width:99%;height:99%;border-radius:50%;
 object-fit:cover;user-select:none;pointer-events:none;
 filter:contrast(1.12) saturate(.86) brightness(.90);
}
#v16-modal.v77-watch-cinematic .v77-watch-seconds{
 --v77-second-rotation:0deg;position:absolute;inset:0;border-radius:50%;
 transform:rotate(var(--v77-second-rotation));pointer-events:none;
 transition:transform .15s cubic-bezier(.14,.7,.35,1);
}
#v16-modal.v77-watch-cinematic .v77-watch-seconds::before{
 content:'';position:absolute;left:calc(50% - 1px);top:12%;width:2px;height:39%;
 background:linear-gradient(to bottom,#d14735 0%,#b8181a 78%,#e4473c 100%);
 box-shadow:0 0 1px #e91d19;transform-origin:50% 100%;
}
#v16-modal.v77-watch-cinematic .v77-watch-axle{
 position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:50%;
 transform:translate(-50%,-50%);
 background:radial-gradient(circle at 35% 25%,#faf3e8,#a4a8a7 43%,#22262c 70%);
 border:1px solid #d7cbc0;box-shadow:0 1px 4px #000;
}
#v16-modal.v77-watch-cinematic .v77-watch-reading{
 position:relative;display:flex;flex-direction:column;box-sizing:border-box;min-width:0;min-height:0;
 max-height:100%;overflow-y:auto;overscroll-behavior:contain;
 padding:clamp(21px,2.65vw,45px)!important;
 background:linear-gradient(145deg,#12202ceF,#08131df7 80%);
 border:1px solid rgba(211,164,99,.88);border-radius:20px;
 box-shadow:0 20px 60px #000b,inset 0 1px rgba(255,255,255,.06);
 scrollbar-width:thin;scrollbar-color:#ad8856 #0b1821;
}
#v16-modal.v77-watch-cinematic #v16-title{
 padding:0 46px 14px 0!important;margin:0 0 12px!important;
 font:600 clamp(27px,3.25vw,59px)/1.11 Georgia,'Times New Roman',serif!important;
 color:#fff1de;letter-spacing:-.03em;
 border-bottom:2px solid rgba(221,170,95,.55);
}
#v16-modal.v77-watch-cinematic #v16-text{
 margin:0!important;padding:0!important;white-space:normal!important;
 color:#f0f1f0;font:400 clamp(14px,1.32vw,19px)/1.67 system-ui,sans-serif!important;
}
#v16-modal.v77-watch-cinematic #v16-text .v64-clock-copy p{
 margin:0 0 clamp(12px,2vh,24px)!important;
}
#v16-modal.v77-watch-cinematic #v16-text .v64-clock-copy strong{color:#ffe9c2;font-weight:750}
#v16-modal.v77-watch-cinematic #v16-text .v64-clock-copy em{color:#f0ddc4}
#v16-modal.v77-watch-cinematic #v16-close{
 position:absolute!important;top:15px!important;right:15px!important;
 width:42px!important;height:42px!important;padding:0!important;margin:0!important;
 border-radius:50%!important;display:grid!important;place-items:center!important;
 border:2px solid #e9b96c!important;background:#0d1c28!important;
 color:#fff!important;font:bold 27px/1 system-ui!important;cursor:pointer!important;
}
#v16-modal.v77-watch-cinematic #v16-close:focus-visible{outline:2px solid #c3ff7d;outline-offset:3px}
@media(max-width:780px){
 #v16-modal.v77-watch-cinematic[open]{
  grid-template-columns:1fr;grid-template-rows:minmax(110px,29dvh) minmax(0,1fr);
  gap:8px;padding:8px!important;
 }
 #v16-modal.v77-watch-cinematic .v77-watch-bezel{width:min(220px,75%);border-width:5px;}
 #v16-modal.v77-watch-cinematic .v77-watch-reading{border-radius:13px;padding:17px!important;}
 #v16-modal.v77-watch-cinematic #v16-title{font-size:clamp(26px,6vw,38px)!important;padding-right:42px!important;}
 #v16-modal.v77-watch-cinematic #v16-text{font-size:clamp(13px,3.3vw,16px)!important;}
 #v16-modal.v77-watch-cinematic #v16-close{width:34px!important;height:34px!important;top:11px!important;right:11px!important;}
}
@media(max-height:540px) and (min-width:781px){
 #v16-modal.v77-watch-cinematic .v77-watch-reading{padding:18px!important;}
 #v16-modal.v77-watch-cinematic #v16-title{font-size:31px!important;}
}
@media(prefers-reduced-motion:reduce){
 #v16-modal.v77-watch-cinematic .v77-watch-seconds{transition:none!important;}
}

/* V78: esfera en tiempo real, manecillas del Hamilton y fecha en su ventanilla izquierda.
   Las agujas pivotan exactamente sobre el eje central del dial y no sobre el panel. */
#v16-modal.v77-watch-cinematic .v78-watch-hours,
#v16-modal.v77-watch-cinematic .v78-watch-minutes{
 position:absolute;inset:0;border-radius:50%;pointer-events:none;
 transform-origin:50% 50%;z-index:3;
}
#v16-modal.v77-watch-cinematic .v78-watch-hours::before{
 content:'';position:absolute;left:calc(50% - 6px);bottom:50%;
 height:25%;width:12px;clip-path:polygon(50% 0%,83% 14%,100% 94%,50% 100%,0 94%,17% 14%);
 background:linear-gradient(90deg,#43484a 0%,#ccd3d2 33%,#e3eddb 50%,#6a777a 74%,#2b3137 100%);
 box-shadow:0 1px 3px #000b;
}
#v16-modal.v77-watch-cinematic .v78-watch-minutes::before{
 content:'';position:absolute;left:calc(50% - 4px);bottom:50%;
 height:35%;width:8px;clip-path:polygon(50% 0%,74% 10%,100% 95%,50% 100%,0 95%,26% 10%);
 background:linear-gradient(90deg,#2c3438,#dce8dd 40%,#eef0e7 54%,#4a585d);
 box-shadow:0 1px 2px #000b;
}
#v16-modal.v77-watch-cinematic .v77-watch-seconds{z-index:4}
#v16-modal.v77-watch-cinematic .v77-watch-axle{z-index:5}
/* V80: ambas ventanillas son INDEPENDIENTES. La fotografía MASTER ya contiene
   un hueco para número (izquierda) y otro para día semanal (derecha). */
#v16-modal.v77-watch-cinematic .v78-watch-date{
 position:absolute;inset:0;z-index:2;pointer-events:none;
 color:#111820;font:800 clamp(7px,1.15vw,16px)/1 Arial,Helvetica,sans-serif;
}
#v16-modal.v77-watch-cinematic .v78-date-number,
#v16-modal.v77-watch-cinematic .v78-date-day{
 position:absolute;top:50.3%;height:5.5%;width:8.25%;padding:0;
 display:flex;align-items:center;justify-content:center;box-sizing:border-box;
 transform:translate(-50%,-50%);
 background:#e4e6e3;border:1px solid #7a7b7c;border-radius:1px;
 box-shadow:inset 0 1px 2px rgba(0,0,0,.30);
 white-space:nowrap;overflow:hidden;
}
#v16-modal.v77-watch-cinematic .v78-date-number{left:27.1%;font-size:1em}
#v16-modal.v77-watch-cinematic .v78-date-day{left:35.7%;font-size:.78em;letter-spacing:-.06em}
@media(max-width:780px){
 #v16-modal.v77-watch-cinematic .v78-watch-date{font-size:clamp(7px,2.15vw,12px)}
}

/* V81 · mismo SVG exacto que la escena 1: segundero rojo con contrapeso,
   horario/minutero metálicos, las 3 agujas fijas y calendario original. */
#v16-modal.v77-watch-cinematic .v81-dial-svg{
 display:block;width:99%;height:99%;aspect-ratio:1;
 overflow:visible;pointer-events:none;user-select:none;
}
#v16-modal.v77-watch-cinematic .v81-dial-svg *{pointer-events:none}
#v16-modal.v77-watch-cinematic .v81-dial-svg .v39-face-photo{
 filter:brightness(.88) contrast(1.04) saturate(.85);
}
#v16-modal.v77-watch-cinematic .v81-dial-svg .v39-date-number,
#v16-modal.v77-watch-cinematic .v81-dial-svg .v39-date-weekday{
 fill:#202629;stroke:none;font-family:Arial,Helvetica,sans-serif;
 font-weight:800;paint-order:stroke;
}
#v16-modal.v77-watch-cinematic .v81-dial-svg .v39-date-number{
 font-size:57px;letter-spacing:-1px;
}
#v16-modal.v77-watch-cinematic .v81-dial-svg .v39-date-weekday{
 font-size:47px;letter-spacing:-1.5px;
}
#v16-modal.v77-watch-cinematic .v81-dial-svg .v39-subhand{
 mix-blend-mode:normal;
}

/* V81.1: el primerísimo plano es una vista de lectura, no la perspectiva del escritorio.
   La escena principal mantiene su rotación intacta; aquí 12 arriba y 6 abajo. */
#v16-modal.v77-watch-cinematic .v77-watch-bezel{
 transform:none!important;
}

/* V91.1.96: imagen envolvente por detrás del SVG del reloj vivo. */
@media(min-width:781px){
#v16-modal.v77-watch-cinematic[open]{grid-template-columns:minmax(0,46fr) minmax(0,54fr)}
#v16-modal.v77-watch-cinematic .v77-watch-reading{background:linear-gradient(145deg,rgba(18,32,44,.83),rgba(8,19,29,.88) 80%)!important;padding:clamp(20px,2.35vw,36px)!important}
}
#v16-modal.v77-watch-cinematic .v77-watch-media::after{content:'';position:absolute;z-index:0;pointer-events:none;left:50%;top:50%;transform:translate(calc(-50% + min(95%,70dvh) * .00909),calc(-50% + min(95%,70dvh) * .04727));width:calc(min(95%,70dvh) * 1.3454545);aspect-ratio:860/1485;background:url('/hamilton-transparente-Q95.webp') center / 100% 100% no-repeat;filter:brightness(.92) contrast(1.03)}
#v16-modal.v77-watch-cinematic .v77-watch-bezel{z-index:1}
@media(max-width:780px){#v16-modal.v77-watch-cinematic .v77-watch-media::after{width:calc(min(220px,75%) * 1.3454545);transform:translate(calc(-50% + min(220px,75%) * .00909),calc(-50% + min(220px,75%) * .04727))}}


/* V91.2.05 / Hamilton responsive - foto y correa exclusivamente */
#v16-modal.v77-watch-cinematic .v77-watch-media{container-type:inline-size;--ham-dia:min(70dvh,72cqw)}
@media(min-width:781px){
 #v16-modal.v77-watch-cinematic .v77-watch-bezel{width:var(--ham-dia)!important;flex:none}
 #v16-modal.v77-watch-cinematic .v77-watch-media::after{width:calc(var(--ham-dia)*1.3454545)!important;transform:translate(calc(-50% + var(--ham-dia)*.00909),calc(-50% + var(--ham-dia)*.04727))!important}
}
#v16-modal.v77-watch-cinematic .v77-watch-media::before{
 content:'';position:absolute;left:50%;top:50%;z-index:0;
 width:calc(var(--ham-dia)*.57);height:110dvh;transform:translate(-50%,-50%);
 pointer-events:none;border-radius:2px;
 background:repeating-linear-gradient(90deg,transparent 0 2px,rgba(255,255,255,.012) 2px 3px,transparent 3px 6px),linear-gradient(90deg,#151515 0%,#252525 15%,#191919 51%,#242424 84%,#101010 100%);
 box-shadow:inset 2px 0 5px #0008,inset -2px 0 5px #0008
}
#v16-modal.v77-watch-cinematic .v77-watch-bezel{z-index:2}
#v16-modal.v77-watch-cinematic .v77-watch-media::after{z-index:1}
@media(max-width:780px){
 #v16-modal.v77-watch-cinematic .v77-watch-media{--ham-dia:min(220px,62cqw,22dvh)}
 #v16-modal.v77-watch-cinematic .v77-watch-bezel{width:var(--ham-dia)!important;flex:none}
 #v16-modal.v77-watch-cinematic .v77-watch-media::after{width:calc(var(--ham-dia)*1.3454545)!important;transform:translate(calc(-50% + var(--ham-dia)*.00909),calc(-50% + var(--ham-dia)*.04727))!important}
 #v16-modal.v77-watch-cinematic .v77-watch-media::before{height:100dvh}
 #v16-modal.v77-watch-cinematic .v77-watch-reading{min-height:0}
}

/* V91.2.06: correa fotográfica continua; sin columna sintética. */
#v16-modal.v77-watch-cinematic .v77-watch-media::before{content:none!important;display:none!important;}
#v16-modal.v77-watch-cinematic .v77-watch-media::after{
  aspect-ratio:860/3485!important;
  background-image:url('/hamilton-continua-Q95.webp')!important;
  background-position:center!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
}


/* V91.2.07 / extensiones neutras, tres capas visuales SIN JavaScript.
   Foto principal EXACTA de V91.1.97, conservando ancho y posición de V91.2.06.
   1: piel superior sobre ::before; 2: foto central sobre ::after;
   3: piel inferior como fondo del contenedor.
   Los tiles NO tienen marcas, letras ni subesferas. */
#v16-modal.v77-watch-cinematic .v77-watch-media {
  --ham-photo-w: calc(var(--ham-dia) * 1.3454545);
  --ham-photo-dx: calc(var(--ham-dia) * .00909);
  background-image:url('/hamilton-strap-bottom-tile-v91207.png');
  background-repeat:no-repeat;
  background-position:calc(50% + var(--ham-photo-dx)) bottom;
  background-size:var(--ham-photo-w) 51%;
}
/* Extensión superior. Nunca repite el grabado de Hamilton. */
#v16-modal.v77-watch-cinematic .v77-watch-media::before{
  content:''!important;
  display:block!important;
  position:absolute!important;
  top:0!important;
  bottom:auto!important;
  left:50%!important;
  width:var(--ham-photo-w)!important;
  height:51%!important;
  z-index:0!important;
  transform:translateX(calc(-50% + var(--ham-photo-dx)))!important;
  pointer-events:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:url('/hamilton-strap-top-tile-v91207.png') center / 100% 100% no-repeat!important;
  filter:none!important;
}
/* Foto central: el archivo aprobado, sin bandas ni grabados repetidos. */
#v16-modal.v77-watch-cinematic .v77-watch-media::after{
  width:var(--ham-photo-w)!important;
  aspect-ratio:860 / 1485!important;
  background-image:url('/hamilton-transparente-Q95.webp')!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  background-position:center!important;
  transform:translate(
    calc(-50% + var(--ham-photo-dx)),
    calc(-50% + var(--ham-dia) * .04727)
  )!important;
  z-index:1!important;
}
#v16-modal.v77-watch-cinematic .v77-watch-bezel{z-index:2!important}


/* V91.2.08: correa transparente extendida (una única capa), sin fondo negro.
   Mantiene variables de ancho/responsive V91.2.07 y el SVG original.
   Toda la altura del visor, no la altura interna después del padding del modal. */
#v16-modal.v77-watch-cinematic[open] .v77-watch-media{
  background:none!important;
  background-image:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#v16-modal.v77-watch-cinematic .v77-watch-media::before{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}
#v16-modal.v77-watch-cinematic .v77-watch-media::after{
  content:''!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:var(--ham-photo-w)!important;
  height:auto!important;
  aspect-ratio:860 / 11485!important;
  transform:translate(
    calc(-50% + var(--ham-photo-dx)),
    calc(-50% + var(--ham-dia) * .04727)
  )!important;
  background-image:url('/hamilton-Q95.webp')!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:100% 100%!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
  z-index:1!important;
}
#v16-modal.v77-watch-cinematic .v77-watch-bezel{z-index:2!important}
/* La zona fotográfica ocupa todo el alto de la microescena y se recorta
   en los bordes reales de la pantalla, sin afectar al panel de texto. */
@media(min-width:781px){
  #v16-modal.v77-watch-cinematic[open] .v77-watch-media{
    align-self:center!important;
    margin-block:calc(-1 * clamp(12px,2.5vw,36px))!important;
    height:100dvh!important;
    max-height:100dvh!important;
  }
}
/* En móvil se preserva la distribución vertical original y el recorte
   se ajusta a la fila destinada a la fotografía. */
@media(max-width:780px){
  #v16-modal.v77-watch-cinematic[open] .v77-watch-media{
    height:100%!important;
    max-height:100%!important;
  }
}



/* V91.2.09: Hamilton sin fondo negro y con recorte vertical natural.
   - Mantiene intacta la esfera funcional y su JS
   - Mantiene el ancho horizontal actual
   - Elimina la columna/sombra negra artificial
   - Usa la foto transparente original del reloj
   - El recorte superior/inferior depende del alto visible real del área de imagen */

#v16-modal.v77-watch-cinematic[open] .v77-watch-media{
  position: relative !important;
  overflow: hidden !important;
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  min-height: 0 !important;
}

#v16-modal.v77-watch-cinematic .v77-watch-media::before{
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

#v16-modal.v77-watch-cinematic .v77-watch-media::after{
  content: '' !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: var(--ham-photo-w) !important;
  height: auto !important;
  aspect-ratio: 860 / 1485 !important;
  transform: translate(
    calc(-50% + var(--ham-photo-dx)),
    calc(-50% + var(--ham-photo-dy, 0px))
  ) !important;
  background-image: url('/hamilton-transparente-Q95.webp') !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

#v16-modal.v77-watch-cinematic .v77-watch-bezel{
  z-index: 2 !important;
}

/* Escritorio: el bloque de imagen se ancla al alto útil visible de la microescena */
@media (min-width: 781px){
  #v16-modal.v77-watch-cinematic[open] .v77-watch-media{
    align-self: stretch !important;
    height: auto !important;
    max-height: none !important;
  }

  /* quitamos compensaciones verticales artificiales de la V91.2.08 */
  #v16-modal.v77-watch-cinematic[open] .v77-watch-media{
    margin-block: 0 !important;
  }
}

/* Móvil / estrecho: se respeta la columna/fila disponible sin fondos artificiales */
@media (max-width: 780px){
  #v16-modal.v77-watch-cinematic[open] .v77-watch-media{
    align-self: stretch !important;
    height: 100% !important;
    max-height: 100% !important;
    margin-block: 0 !important;
  }
}



/* V91.2.10 - SOLO RECORTE VERTICAL
   Sin cambiar fotografía, esfera o escala. */

@media (min-width:781px) and (min-height:680px) {

 #v16-modal.v77-watch-cinematic[open]
 .v77-watch-media {

   align-self:stretch!important;

   height:auto!important;
   max-height:none!important;

   margin-top:
     calc(-1 * clamp(12px,2.5vw,36px))!important;

   margin-bottom:
     calc(-1 * clamp(12px,2.5vw,36px))!important;
 }
}


/* HACKERWEB V91.2.12 SOLO ALINEACION DE ESFERA
   Ajuste visual reversible: el bisel funcional completo sube 2.5% de su altura.
   Sin modificar fotografía, corona, correa, JS, dimensiones ni media queries. */
#v16-modal.v77-watch-cinematic[open] .v77-watch-bezel {
  transform: translateY(calc(-2.5% - 16.00px)) !important;
}