* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
/*Colores*/
:root {
  /*? New colors*/
  --white: #ffffff;
  --gray10: #f4f4f4;
  --dark: #242424;
  --blue: #2c438d;
  --gray: #91918f;
  --darkGray: #686565;
  --red: #e54d2e;
  --green: #16644d;
  --geen-secondary: #6a8072;
  --yellow: #f1f1e0;
}
img {
  max-width: 100%;
}
.contenedor,
.obituario-view,
.image-view {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  height: 100vh;
  position: relative;
  background-color: var(--white);
  zoom: 85%;
}



.obituario-view {
  padding: 8% 2.5%;
  justify-content: center;
  row-gap: 10rem;
}
.image-view {
  row-gap: 10%;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.full-row {
  width: 100%;
}
.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 {
  height: 70vh;
  width: auto;
}

/*servicio*/
.serv-title {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.serv-title flecha {
  width: 8%;
  max-width: 40px;
}

.serv-title nombre-capilla {
  font-family: "Stein";
  color: var(--blue);
  font-size: 3rem;
  font-weight: 300;
  text-transform: uppercase;
}

.servicio-wrapper {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 2px 1fr;
  grid-template-rows: 1fr;
}
.servicio-wrapper .col {
  width: 100%;
  padding: 0rem 2rem;
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.divider {
  width: 2px;
  background-color: var(--darkGray);
}
.ser-row {
  width: 100%;
  text-align: center;
}
.ser-row.top {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1.5rem;
}