/* Visor de fotos + barra de acciones de la ficha — Viviza (Cambio 07) */

/* ---- Barra de acciones (WhatsApp / Pedir informes / Compartir) ---- */
.ficha-acciones{display:block;float:left;width:90%;margin:25px 5% 0 5%;padding:0;text-align:center}
.ficha-acciones a,.ficha-acciones button{display:inline-block;margin:6px 5px;padding:0 22px;min-width:170px;height:48px;line-height:48px;border:2px solid #F09820;border-radius:3px;background:#F09820;color:#fff;font-family:'Gotham-Bold',Arial,sans-serif;font-size:15px;text-decoration:none;text-transform:none;cursor:pointer;box-sizing:border-box;vertical-align:top}
.ficha-acciones a:hover,.ficha-acciones button:hover{background:#0A3E53;border-color:#0A3E53;color:#fff}
.ficha-acciones .sec{background:#fff;color:#0A3E53;border-color:#0A3E53}
.ficha-acciones .sec:hover{background:#0A3E53;color:#fff}
.ficha-acciones svg{width:20px;height:20px;vertical-align:-4px;margin-right:8px;fill:currentColor}

/* ---- Pista sobre la galería ---- */
#ImagesContainer .property-div-2 img{cursor:zoom-in}
#ImagesContainer .property-div-2 img[data-video]{cursor:pointer}
.ampliar-hint{position:absolute;z-index:1000;right:12px;bottom:12px;padding:0 14px;height:34px;line-height:34px;border-radius:17px;background:rgba(10,62,83,.85);color:#fff;font-family:'Gotham-Book',Arial,sans-serif;font-size:13px;pointer-events:none}

/* ---- Visor a pantalla completa ---- */
#VisorFotos{display:none;position:fixed;z-index:2147483000;top:0;left:0;right:0;bottom:0;background:#051229;color:#fff;font-family:'Gotham-Book',Arial,sans-serif;text-align:center;-webkit-user-select:none;user-select:none}
#VisorFotos.abierto{display:block}
#VisorFotos .v-top{position:absolute;top:0;left:0;right:0;height:56px;line-height:56px;padding:0 70px 0 16px;font-size:15px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#VisorFotos .v-cerrar{position:absolute;top:0;right:0;width:56px;height:56px;border:0;background:none;color:#fff;font-size:34px;line-height:56px;cursor:pointer}
#VisorFotos .v-stage{position:absolute;top:56px;bottom:124px;left:0;right:0;overflow:hidden;touch-action:pan-y}
#VisorFotos .v-img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:opacity .2s}
#VisorFotos .v-nav{position:absolute;top:50%;margin-top:-32px;width:52px;height:64px;border:0;background:rgba(10,62,83,.6);color:#fff;font-size:34px;cursor:pointer}
#VisorFotos .v-nav:hover{background:#F09820}
#VisorFotos .v-prev{left:0;border-radius:0 4px 4px 0}
#VisorFotos .v-next{right:0;border-radius:4px 0 0 4px}
#VisorFotos .v-bar{position:absolute;left:0;right:0;bottom:0;height:124px;padding-top:10px;box-sizing:border-box}
#VisorFotos .v-fila{height:50px;margin-bottom:8px}
#VisorFotos .v-btn.v-wa,#VisorFotos .v-btn.v-tel{background:#F09820;border-color:#F09820;min-width:140px}
#VisorFotos .v-btn.v-wa:hover,#VisorFotos .v-btn.v-tel:hover{background:#fff;border-color:#fff;color:#0A3E53}
#VisorFotos .v-cuenta{display:inline-block;margin:0 10px;font-size:14px;vertical-align:top;line-height:46px}
#VisorFotos .v-btn{display:inline-block;margin:0 4px;padding:0 16px;height:46px;line-height:46px;border:2px solid #fff;border-radius:3px;background:transparent;color:#fff;font-family:'Gotham-Bold',Arial,sans-serif;font-size:14px;text-decoration:none;cursor:pointer;box-sizing:border-box;vertical-align:top}
#VisorFotos .v-btn:hover{background:#F09820;border-color:#F09820;color:#fff}
#VisorFotos .v-btn svg{width:18px;height:18px;vertical-align:-3px;margin-right:6px;fill:currentColor}
#VisorFotos .v-menu{display:none;position:absolute;bottom:130px;left:50%;width:260px;margin-left:-130px;padding:8px 0;background:#fff;border-radius:4px;text-align:left;box-shadow:0 4px 20px rgba(0,0,0,.4)}
#VisorFotos .v-menu.abierto{display:block}
#VisorFotos .v-menu a,#VisorFotos .v-menu button{display:block;width:100%;padding:0 18px;height:44px;line-height:44px;border:0;background:#fff;color:#0A3E53;font-family:'Gotham-Book',Arial,sans-serif;font-size:15px;text-align:left;text-decoration:none;cursor:pointer;box-sizing:border-box}
#VisorFotos .v-menu a:hover,#VisorFotos .v-menu button:hover{background:#efefef}
#VisorFotos .v-aviso{position:absolute;left:50%;bottom:136px;transform:translateX(-50%);padding:10px 18px;border-radius:4px;background:#F09820;color:#fff;font-size:14px;opacity:0;pointer-events:none;transition:opacity .25s}
#VisorFotos .v-aviso.ver{opacity:1}
body.visor-abierto{overflow:hidden}

/* ---- Celular ---- */
@media only screen and (max-width:768px){
  .ficha-acciones a,.ficha-acciones button{display:block;width:100%;margin:8px 0}
  #VisorFotos .v-nav{width:40px;height:56px;margin-top:-28px;font-size:28px}
  #VisorFotos .v-btn{padding:0 10px;font-size:13px}
  #VisorFotos .v-btn.v-wa,#VisorFotos .v-btn.v-tel{min-width:0;width:44%}
  #VisorFotos .v-btn .txt-largo{display:none}
  #VisorFotos .v-btn svg{margin-right:5px}
  #VisorFotos .v-cuenta{margin:0 4px}
}

/* ---- Títulos de la ficha (H1 real sin cambiar el diseño) ---- */
.property-li-2 h1.ficha-h1{display:inline;margin:0;padding:0;font:inherit;color:inherit;text-transform:none;text-align:inherit;letter-spacing:inherit;line-height:inherit}
.property-div-5 h2{display:block;float:left;position:relative;z-index:9999;width:100%;margin:0 0 15px 0;padding:0;text-transform:uppercase;font-family:'Gotham-Book';font-size:2em}

/* Menú del botón Compartir en la ficha (Cambio 09) */
.ficha-comp-caja{position:relative;display:inline-block;vertical-align:top}
.ficha-menu{display:none;position:absolute;top:100%;left:50%;width:240px;margin-left:-120px;margin-top:2px;padding:6px 0;background:#fff;border-radius:4px;text-align:left;box-shadow:0 4px 20px rgba(0,0,0,.35);z-index:200}
.ficha-menu.abierto{display:block}
.ficha-acciones .ficha-menu a,.ficha-acciones .ficha-menu button{display:block;width:100%;min-width:0;height:44px;line-height:44px;margin:0;padding:0 18px;border:0;border-radius:0;background:#fff;color:#0A3E53;font-family:'Gotham-Book',Arial,sans-serif;font-size:15px;text-align:left;cursor:pointer}
.ficha-acciones .ficha-menu a:hover,.ficha-acciones .ficha-menu button:hover{background:#efefef;color:#0A3E53}
@media(max-width:768px){.ficha-comp-caja{display:block}.ficha-menu{left:0;width:100%;margin-left:0}}

/* Animación ligera del botón de WhatsApp en la ficha (Cambio 10) */
@keyframes vzPulso{0%{box-shadow:0 0 0 0 rgba(240,152,32,.55)}70%{box-shadow:0 0 0 14px rgba(240,152,32,0)}100%{box-shadow:0 0 0 0 rgba(240,152,32,0)}}
@keyframes vzMueve{0%,86%,100%{transform:rotate(0)}89%{transform:rotate(-14deg)}92%{transform:rotate(12deg)}95%{transform:rotate(-8deg)}98%{transform:rotate(5deg)}}
.ficha-acciones a.wa-anim{animation:vzPulso 2.6s ease-out infinite;transition:background .25s,border-color .25s,transform .2s}
.ficha-acciones a.wa-anim svg{animation:vzMueve 4s ease-in-out infinite;transform-origin:50% 60%}
.ficha-acciones a.wa-anim:hover{animation:none;transform:translateY(-2px)}
.ficha-acciones a.sec{transition:background .25s,color .25s,transform .2s}
.ficha-acciones a.sec:hover{transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){.ficha-acciones a.wa-anim,.ficha-acciones a.wa-anim svg{animation:none}}

/* Video (Cambio 17) */
.ficha-video{clear:both;float:left;width:90%;margin:6px 5% 14px 5%;padding:0;text-align:center}
.ficha-video .vid-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 28px;border:0;border-radius:6px;background:#c4302b;color:#fff;font-family:'Gotham-Bold',Arial,sans-serif;font-size:15px;cursor:pointer}
.ficha-video .vid-btn svg{width:22px;height:22px;fill:#fff}
.ficha-video .vid-btn:hover{background:#a52420}
.property-div-1 .property-div-10:after{content:"Ver video";position:absolute;left:50%;top:68px;transform:translateX(-50%);color:#fff;font-family:'Gotham-Bold',Arial,sans-serif;font-size:14px;white-space:nowrap;text-shadow:0 1px 5px rgba(0,0,0,.8)}
#VideoPopup .box{width:70%;max-width:960px !important;height:auto !important;padding:0 !important;background:#000 !important;font-size:0}
#VideoPopup .box iframe{display:block;position:static !important;width:100% !important;height:auto !important;aspect-ratio:16/9;border:0;border-radius:6px;background:#000}
#VideoPopup.vertical .box{width:auto !important;height:88vh !important;aspect-ratio:9/16;max-width:92vw !important}
#VideoPopup.vertical .box iframe{height:100% !important;aspect-ratio:auto}
@media only screen and (max-width:768px){.ficha-video .vid-btn{display:flex;width:100%}#VideoPopup .box{width:94%;max-width:94% !important}#VideoPopup.vertical .box{width:auto !important;height:84vh !important}}

/* Cambio 17b: centrado exacto de la fila de botones en PC */
.ficha-acciones{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}
.ficha-comp-caja{margin:0 5px}
@media only screen and (max-width:768px){.ficha-comp-caja{margin:0;width:100%}}

/* Cambio 25: celular en horizontal -> la foto ocupa toda la pantalla; botones en una tira delgada que se oculta al tocar la foto */
@media screen and (orientation:landscape) and (max-height:520px){
  #VisorFotos .v-stage{top:0;bottom:0}
  #VisorFotos .v-top{z-index:3;height:40px;line-height:40px;padding:0 60px 0 max(16px,env(safe-area-inset-left));font-size:14px;background:linear-gradient(rgba(5,18,41,.8),rgba(5,18,41,0));transition:transform .3s ease,opacity .3s ease}
  #VisorFotos .v-cerrar{z-index:4;width:48px;height:44px;line-height:44px;right:max(0px,env(safe-area-inset-right));font-size:30px;text-shadow:0 0 6px rgba(0,0,0,.6)}
  #VisorFotos .v-bar{z-index:3;height:46px;padding:5px 12px;background:rgba(5,18,41,.82);white-space:nowrap;text-align:center;transition:transform .3s ease,opacity .3s ease}
  #VisorFotos .v-fila{display:inline-block;height:36px;margin:0 6px 0 0;vertical-align:top}
  #VisorFotos .v-cuenta{line-height:36px;margin:0 8px}
  #VisorFotos .v-btn{height:36px;line-height:32px;padding:0 12px;font-size:13px}
  #VisorFotos .v-btn.v-wa,#VisorFotos .v-btn.v-tel{min-width:0;width:auto}
  #VisorFotos .v-btn .txt-largo{display:inline}
  #VisorFotos .v-nav{z-index:2;width:44px;height:56px;margin-top:-28px}
  #VisorFotos .v-prev{left:env(safe-area-inset-left)}
  #VisorFotos .v-next{right:env(safe-area-inset-right)}
  #VisorFotos .v-menu{bottom:52px}
  #VisorFotos .v-aviso{bottom:56px}
  #VisorFotos.ocultar .v-bar{transform:translateY(100%);opacity:0;pointer-events:none}
  #VisorFotos.ocultar .v-top{transform:translateY(-100%);opacity:0;pointer-events:none}
  #VisorFotos.ocultar .v-cerrar{opacity:.55}
}