* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
/*Colores*/
:root {
  /*? New colors*/
  --white: #ffffff;
  --gray10: #f4f4f4;
  --dark: #242424;
  --blue: #2c438d;
  --gray: #b9b9b9;
  --darkGray: #686565;
  --red: #e54d2e;
  --green: #16644d;
  --geen-secondary: #6a8072;
  --yellow: #f1f1e0;
}
img {
  max-width: 100%;
}
.contenedor,
.obituario-view,
.image-view {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  height: 100vh;
  position: relative;
  background-color: #ffffff;
  justify-content: center;
  padding: 4%;
 }
.image-view {
  row-gap: 10%;
  text-align: center;
}
.full-row {
  width: 100%;
}
.obituario-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  height: 80%;
  padding: 5% 0%;
}
.item-obituario {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 0.25fr;
  grid-template-rows: auto;
  border-bottom: 1px solid var(--gray);
  padding: 1rem 0rem;
}
.item-obituario div {
  width: 100%;
}
.item-obituario div:last-child {
  text-align: center;
}
.centered {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.column {
  flex-direction: column;
}
.row {
  width: 100%;
}
.flex {
  display: flex;
}
.monograma {
  width: 48px;
  margin-bottom: 20px;
}
.full-img {
  width: 100%;
}
.image-view img {
  max-height: 70vh;
}