*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
    font-family: Pragmatica-Light;
    color:white;
    height: 100%;
    min-height: 100vh;
    background-color: black;
    overflow: hidden;
    
    /* border: solid 2px red; */
}
.carouselExample {
  position: absolute;
}
 
#carouselExample {
  max-width: 800px;
  /* height: 600px; */
  /* Esto mantiene la relación de aspecto en 16:9 (9/16 = 56.25) */
  height: 0;
  padding-bottom: 56.25%; 
}

.closeImg {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index:20;
    width: 30px;
}


main {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fotoFullScrn {
  max-height: 100vh; 
  position: relative;
}

/* iconos google cruz cerrar */
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}