@import url("../webfonts/Muli/stylesheet.css");
/* CSS Document */
	  
/* Prepración de la pantalla */
/*.preview {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  cursor: grab;
}
*/	  
.preview {
  position: fixed;
  margin: auto;		 /* Para centrar */
  left: 0;  right:0; /* Para centrar horizontalmente */
  top: 0;  bottom:0; /* Para centrar verticalmente */
  width: 95vw;		 /* Para limitar el ancho a 95% */
  height: 95vh; 	 /* Para limitar el alto a 95% */
  cursor: grab;		 /* cursor manita */
/*background: rgba(0, 0, 0, 0.9);*/
}
	  
/* Botón de cierre */
.preview-button-close {
  position: absolute;
  left: calc(20px);
  top: calc(20px);
  height: 40px;
  width: 85px;
  line-height: 40px;
/*  text-align: center;*/
/*  cursor: pointer;*/
/*border-radius: 5px;*/  /* bordes redondeados */
/*background: rgba(192, 192, 192, 0.5);*/  /* recuadro fondo */
/*outline: solid 2px rgba(0,0,0,0.1);  */  /* borde recuadro fondo */
/*  user-select: none;*/
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 16px;
/*  color: rgba(102,0,0,1.00);*/
/*  color: rgba(153,0,0,1.00);*/
/*  font-style: normal;*/
  text-decoration: none;
  font-weight: normal;
/*  border-top-width: thin;*/
/*  display: block;*/
}
.preview-button-close:hover {
    /*      background: rgba(255, 255, 255, 0.75);*/  /* recuadro fondo */
/*  color: rgba(153,0,0,1.00);*/
/*  color: rgba(241,41,41,1.00);*/
  font-weight: bold;
}

/* Botón obra antes */
.preview-button-before {
    position: absolute;
    left: calc(20px);
    margin: auto;		 /* Para centrar */
    top: 0; bottom: 0; /* Para centrar verticalmente */
    height: 50px;
    width: 50px;
    line-height: 50px;
/*    text-align: center; */
/*    cursor: pointer; */
/*    border-radius: 5px;*/  /* bordes redondeados */
/*background: rgba(192, 192, 192, 0.5);*/  /* recuadro fondo */
/*outline: solid 2px rgba(0,0,0,0.1);  */  /* borde recuadro fondo */
/*    user-select: none;*/
    font-family: Muli;
    font-size: 50px;
    /*  color: rgba(102,0,0,1.00);*/
/*  color: rgba(153,0,0,1.00);*/
/*    font-style: normal;*/
    text-decoration: none;
    font-weight: lighter;
/*    color: rgba(255,255,255,0.6);*/
 /*   border-top-width: thin;*/
 /*   display: block;*/
}
.preview-button-before:hover {
    /*      background: rgba(255, 255, 255, 0.75);*/  /* recuadro fondo */
/*  color: rgba(153,0,0,1.00);*/
/*  color: rgba(241,41,41,1.00);*/
  font-weight: bold;
}

/* Botón obra dipué */
.preview-button-next {
    position: absolute;
    right: calc(20px);
    margin: auto;		 /* Para centrar */
    top: 0; bottom: 0; /* Para centrar verticalmente */
    height: 50px;
    width: 50px;
    line-height: 50px;
/*    text-align: center; */
/*    cursor: pointer; */
    /*border-radius: 5px;*/  /* bordes redondeados */
/*background: rgba(192, 192, 192, 0.5);*/  /* recuadro fondo */
/*outline: solid 2px rgba(0,0,0,0.1);  */  /* borde recuadro fondo */
/*    user-select: none;*/
    font-family: Muli;
    font-size: 50px;
    /*  color: rgba(102,0,0,1.00);*/
/*  color: rgba(153,0,0,1.00);*/
/*    font-style: normal;*/
    text-decoration: none;
    font-weight: lighter;
/*    color: rgba(255,255,255,0.6);*/
 /*   border-top-width: thin;*/
 /*   display: block;*/
}
.preview-button-next:hover {
    /*      background: rgba(255, 255, 255, 0.75);*/  /* recuadro fondo */
/*  color: rgba(153,0,0,1.00);*/
/*  color: rgba(241,41,41,1.00);*/
  font-weight: bold;
}


/* Display descripción obra */	
.preview-libel-obra {
  position: absolute;
  left: calc(2px);
  bottom: calc(85px);
  height: 60px;
  max-width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  line-height: 25px;
  text-align: center;
  cursor: pointer;
/*border-radius: 5px;*/                    /* bordes redondeados */
/*background: rgba(192, 192, 192, 0.5);*/  /* recuadro fondo */
/*outline: solid 2px rgba(0,0,0,0.1);  */  /* borde recuadro fondo */
  user-select: none;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-top-width: thin;
}
.preview-libel-obra-titulo {
    font-size: 16px;
/*    color: rgba(0,0,0,1);*/
/*    color: rgba(255,255,255,0.6);*/
    font-style: normal;
    text-decoration: none;
    font-weight: lighter;
}
.preview-libel-obra-medidas {
  font-size: 12px;
/*  color: rgba(0,0,0,1);*/
/*  color: rgba(255,255,255,0.6);*/
  font-style: normal;
  text-decoration: none;
  font-weight: lighter;
}
.preview-libel-obra-inv {
  line-height: 15px;
  font-size: 10px;
/*  color: rgba(0,0,0,1);*/
/*  color: rgba(255,255,255,0.6);*/
  font-style: normal;
  text-decoration: none;
  font-weight: lighter;
}

.preview-libel-obra:hover {
/*      background: rgba(255, 255, 255, 0.75);*/  /* recuadro fondo */
	
  font-weight: bold;
}
 
	  
/* Descripción base de todos los botones del ZOOM  */
.preview-button {
  position: absolute;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
  background: rgba(192, 192, 192, 0.5);
  outline: solid 2px rgba(0,0,0,0.1);
  /*    border-radius: 5px;*/
  user-select: none;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: rgba(0,0,0,1.00);
  font-weight: lighter;
}
.preview-button:hover {
  background: rgba(255, 255, 255, 0.75);
}


/* Botones del pilotaje del zoom */	
.preview-button-zoomin {
  left: calc(40px);
  bottom: calc(20px);
  font-size: 12px;
}
.preview-button-zoomout {
  left: calc(76px);
  bottom: calc(20px);
  font-size: 12px;
}
.preview-button-reset {
  left: calc(112px);
  bottom: calc(20px);
  font-size: 12px;
}


.vue-zoomer {
  width: 100%;
  height: 100%;
}
.vue-zoomer img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}