.btn {
  display: block;
  width: max-content;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 50px;
  background-color: #ebebeb;
  padding: 12px 22px;
  transition: all 250ms ease;
  color: var(--color-dark);
      max-width: 100%;
    text-align: center;
}

.btn:hover, .wp-element-button:hover {
  background-color: var(--color-dark);
  color: #ebebeb;
  filter: brightness(1.5);
}

.btn-dark, .wp-element-button {
  background-color: var(--color-dark);
  color: var(--color-white);
}

.box {
  padding: 4rem 0;
  background-color: var(--color-white);
  border-radius: 8px;
}
.card {
  background-color: var(--color-white);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 0 12px #0f222740;
}
/* PAGE  */
.page_heading {
  padding: 2rem;
  color: var(--color-light);
}

.page_title {
  font-size: clamp(32px, 4vw, 48px);
  color: #fff;
}

/* SECTION GENERIC */
.section_heading {
  border-bottom: solid 2px var(--color-muted);
  padding-bottom: 4rem;
  margin: 0 2rem 4rem;
}

.section_title {
  font-size: clamp(34px, 5vw, 62px);
  font-weight: 300;
  line-height: 1.2;
  /* color: var(--color-2); */
}
.section_title em {
  scale: 0.6;
}
.section_title em::before {
  content: "— ";
}

.section_text {
  color: var(--color-4);
  font-size: clamp(14px, 4vw, 20px);
}

/* PORTADA HERO */
.portada-hero {
  overflow: hidden;
  width: 100vw;
  max-width: unset;
  margin-left: calc(50% - 50vw);
  margin-top: -100px;
  padding: 2rem;
}

.portada-hero_video {
  border-radius: 2rem;
  width: 100%;
  max-width: 1600px;
	aspect-ratio: 1920/1080;
	height: 100%;
	max-height: 90vh;
  max-height: 90svh;
  object-fit: cover;
  margin: 0 auto;
}
@media (max-width: 700px) {
	.portada-hero_video {
		aspect-ratio: initial;
	    height: 90svh;	
	}
}


/* SECCION ONLINE */
.sec-online {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 3rem;
  margin: 4rem 0;
}

.sec-online_card {
  border-radius: 1rem;
  box-shadow: 0 0 12px #0f222740;
  padding: 2rem;
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1008%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='url(%26quot%3b%23SvgjsLinearGradient1009%26quot%3b)'%3e%3c/rect%3e%3cpath d='M -465.9718906030835%2c134 C -321.97%2c192.4 -33.97%2c399.4 254.02810939691648%2c426 C 542.03%2c452.6 686.03%2c288.4 974.0281093969165%2c267 C 1262.03%2c245.6 1600.83%2c331.8 1694.0281093969165%2c319 C 1787.22%2c306.2 1490.81%2c226.2 1440%2c203' stroke='rgba(103%2c 138%2c 147%2c 0.33)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -204.03405427786527%2c180 C -60.03%2c237.2 227.97%2c451 515.9659457221347%2c466 C 803.97%2c481 947.97%2c267.8 1235.9659457221346%2c255 C 1523.97%2c242.2 1915.16%2c408 1955.9659457221346%2c402 C 1996.77%2c396 1543.19%2c260.4 1440%2c225' stroke='rgba(103%2c 138%2c 147%2c 0.33)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1008'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='84.72%25' y1='-39.29%25' x2='15.28%25' y2='139.29%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1009'%3e%3cstop stop-color='rgba(36%2c 71%2c 80%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(15%2c 34%2c 39%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}

.sec-online_title {
  font-size: clamp(22px, 4vw, 32px);
  font-weight: 400;
}

.sec-online_text {
  margin: 2em 0;
}

/* SECTION IMAGENES */

.sec-imagenes_content {
  width: 100%;
  padding: 0 2rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 1rem;
}
.sec-imagenes_item {
  position: relative;
  overflow: hidden;
  gap: 1rem;
}
.sec-imagenes_item > div {
  padding: 1rem 0;
}
.sec-imagenes_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.sec-imagenes_item:nth-child(1) {
  grid-column: 1/3;
  display: grid;
  grid-template-columns: 5fr 7fr;
}
.sec-imagenes_item:nth-child(2) {
  grid-column: 3/4;
  grid-row: 1/-1;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  align-items: flex-start;
}
.sec-imagenes_item:nth-child(3) {
  grid-column: 1/3;
  display: grid;
  grid-template-columns: 5fr 7fr;
}

.sec-imagenes_item_title {
  font-size: clamp(22px, 4vw, 32px);
  font-weight: 400;
  margin-bottom: 1rem;
}

@media (max-width: 999px) {
  .sec-imagenes_item:nth-child(1) {
    grid-column: 1/-1;
    grid-template-columns: 5fr 7fr;
  }
  .sec-imagenes_item:nth-child(2) {
    grid-column: 1 / -1;
    grid-template-columns: 5fr 7fr;
    display: grid;
    grid-row: none;
  }
  .sec-imagenes_item:nth-child(3) {
    grid-column: 1/-1;
    grid-template-columns: 5fr 7fr;
  }
  .sec-imagenes_item img {
    aspect-ratio: 4/3;
  }
}
@media (max-width: 600px) {
  .sec-imagenes_item {
    display: flex !important;
    flex-direction: column-reverse;
  }
}
/* SECTION CHECKEOS */
.sec-chequeos {
  /* margin: 4rem 0; */
  background-color: var(--sec-checkeos-bg, var(--color-dark));
  color: var(--color-white);
  backdrop-filter: blur(5px);
  position: relative;
  padding: 8rem 0;
  isolation: isolate;
}
.sec-chequeos::before {
  content: "";
  width: 50%;
  aspect-ratio: 1;
  position: absolute;
  z-index: -1;
}
.sec-chequeos::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  margin-left: calc(50% - 50vw + 2rem);
  width: calc(100vw - 4rem);
  max-width: unset;
  height: calc(100% - 4rem);
  object-fit: cover;
  pointer-events: none;
  background: var(--color-dark);
  border-radius: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.sec-chequeos_content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 4rem;
  padding: 0 2rem;
}
.sec-chequeos .section_heading {
  filter: brightness(2.5);
}
.sec-chequeos_list {
  list-style: none;
}
.sec-chequeos_list_item {
  display: block;
}
.sec-chequeos_list_item > a {
  font-size: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 0;
  border-bottom: solid 1px var(--color-2);
  transition: all 250ms ease-in-out;
}
.sec-chequeos_list_item > a:hover {
  color: var(--color-1);
  filter: brightness(1.6);
  border-bottom: solid 1px var(--color-1);
  padding-left: 4px;
}

.sec-chequeos_list_item svg {
  width: 30px;
}
.sec-chequeos_image {
  overflow: hidden;
  border-radius: 8px;
}
.sec-chequeos_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sec-fullimage {
  width: 100vw;
  aspect-ratio: 16/7;
  max-width: unset;
  margin-left: calc(50% - 50vw);
  position: relative;
  isolation: isolate;
  flex-direction: column;
  background-color: var(--color-dark);
  color: var(--color-1);
  gap: 1rem;
}
.sec-fullimage.small {
  aspect-ratio: inherit;
  padding: 8rem 2rem;
}
.sec-fullimage :where(h2, p) {
  color: #fff;
  text-align: center;
}
.sec-fullimage p {
  max-width: 70ch;
}
.sec-fullimage img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  filter: brightness(0.6);
  opacity: 0.8;
}

.sec-withcolumns {
  width: 100%;
  position: relative;
  padding: 6rem 0 1rem 0;
}

.sec-withcolumns::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  margin-left: calc(50% - 50vw);
  width: 100vw;
  max-width: unset;
  height: 100%;
  border-radius: 2rem;
  border: solid 1rem var(--color-dark);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1202%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='url(%26quot%3b%23SvgjsLinearGradient1203%26quot%3b)'%3e%3c/rect%3e%3cpath d='M -961.1050070688052%2c340 C -817.11%2c293.4 -529.11%2c106 -241.1050070688052%2c107 C 46.89%2c108 190.89%2c331.8 478.8949929311948%2c345 C 766.89%2c358.2 1006.67%2c180 1198.8949929311948%2c173 C 1391.12%2c166 1391.78%2c282.6 1440%2c310' stroke='rgba(103%2c 138%2c 147%2c 0.33)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -666.1180272602423%2c87 C -522.12%2c159.4 -234.12%2c436.4 53.88197273975769%2c449 C 341.88%2c461.6 485.88%2c162.6 773.8819727397577%2c150 C 1061.88%2c137.4 1360.66%2c365.4 1493.8819727397577%2c386 C 1627.11%2c406.6 1450.78%2c279.6 1440%2c253' stroke='rgba(103%2c 138%2c 147%2c 0.33)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1202'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='84.72%25' y1='-39.29%25' x2='15.28%25' y2='139.29%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1203'%3e%3cstop stop-color='rgba(36%2c 71%2c 80%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(15%2c 34%2c 39%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
}

/* BENTO  */
.bento-section.alter {
  background-color: #fff;
  border-radius: 2rem;
  padding: 2rem;
  margin: 0 -2rem;
}
.bento-section.alter .section_title {
  color: var(--color-dark) !important;
}

.bento {
  width: 100%;
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(10, 1fr);
  aspect-ratio: 12/10;
}
.bento:has( .bento_item-7) {
  grid-template-rows: repeat(13, 1fr);
  aspect-ratio: 12/13;	
}

.bento_item {
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  color: #fff;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.bento_item_info {
  padding: 2rem;
  background: #0f2227;
  background: linear-gradient(
    0deg,
    rgba(15, 34, 39, 0.6) 0%,
    rgba(15, 34, 39, 0.53) 70%,
    rgba(15, 34, 39, 0) 100%
  );
}
.bento_item img {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: -1;
  object-fit: cover;
  pointer-events: none;
}

.bento_item:nth-child(even) {
  background-color: var(--color-5);
}
.bento_item:nth-child(odd) {
  background-color: var(--color-7);
}

.bento_item-0 {
  grid-column: 1/5;
  grid-row: 1/7;
}
.bento_item-1 {
  grid-column: 5/10;
  grid-row: 1/4;
}
.bento_item-2 {
  grid-column: 5/10;
  grid-row: 4/7;
}
.bento_item-3 {
  grid-column: 1/6;
  grid-row: 7/11;
}
.bento_item-4 {
  grid-column: 6/10;
  grid-row: 7/11;
}
.bento_item-5 {
  grid-column: 10/13;
  grid-row: 1/6;
}
.bento_item-6 {
  grid-column: 10/13;
  grid-row: 6/11;
  background: #5d8f9e;
  background: linear-gradient(
    180deg,
    rgba(93, 143, 158, 1) 0%,
    rgba(15, 80, 99, 1) 100%
  );
}
.bento_item-7 {
  grid-column: 1/8;
  grid-row: 11/16;
}
.bento_item-8 {
  grid-column: 8/13;
  grid-row: 11/16;
}

@media (max-width: 1023px) {
  .bento {
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(12, 1fr);
    aspect-ratio: 6 / 12;
    gap: 1.25rem;
  }

  .bento_item-0 {
    grid-column: 1 / 4;
    grid-row: 1 / 7;
  }

  .bento_item-1 {
    grid-column: 4 / 7;
    grid-row: 1 / 4;
  }

  .bento_item-2 {
    grid-column: 4 / 7;
    grid-row: 4 / 7;
  }

  .bento_item-3 {
    grid-column: 1 / 4;
    grid-row: 7 / 10;
  }

  .bento_item-4 {
    grid-column: 4 / 7;
    grid-row: 7 / 10;
  }

  .bento_item-5 {
    grid-column: 1 / 4;
    grid-row: 10 / 13;
  }

  .bento_item-6 {
    grid-column: 4 / 7;
    grid-row: 10 / 13;
  }

  .bento:has(.bento_item-7) {
    grid-template-rows: repeat(15, 1fr);
    aspect-ratio: 6 / 15;
  }

  .bento_item-7 {
    grid-column: 1 / 4;
    grid-row: 13 / 16;
  }

  .bento_item-8 {
    grid-column: 4 / 7;
    grid-row: 13 / 16;
  }
}
@media (max-width: 767px) {
  .bento {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: none;
    aspect-ratio: auto;
    gap: 1rem;
  }

  .bento:has(.bento_item-7) {
    grid-template-rows: none;
    aspect-ratio: auto;
  }

  .bento_item-0,
  .bento_item-1,
  .bento_item-2,
  .bento_item-3,
  .bento_item-4,
  .bento_item-5,
  .bento_item-6,
  .bento_item-7,
  .bento_item-8 {
    grid-column: 1;
    grid-row: auto;
  }

  .bento_item-0 {
    min-height: 360px;
  }

  .bento_item-1,
  .bento_item-2 {
    min-height: 220px;
  }

  .bento_item-3,
  .bento_item-4 {
    min-height: 260px;
  }

  .bento_item-5,
  .bento_item-6 {
    min-height: 260px;
  }

  .bento_item-7,
  .bento_item-8 {
    min-height: 240px;
  }
}

/*End bento*/
.hero-page {
  position: relative;
  padding: 4rem 0;
}
.hero-page:not(:has(> .hero-page_bg))::after {
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1008%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='url(%26quot%3b%23SvgjsLinearGradient1009%26quot%3b)'%3e%3c/rect%3e%3cpath d='M -465.9718906030835%2c134 C -321.97%2c192.4 -33.97%2c399.4 254.02810939691648%2c426 C 542.03%2c452.6 686.03%2c288.4 974.0281093969165%2c267 C 1262.03%2c245.6 1600.83%2c331.8 1694.0281093969165%2c319 C 1787.22%2c306.2 1490.81%2c226.2 1440%2c203' stroke='rgba(103%2c 138%2c 147%2c 0.33)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -204.03405427786527%2c180 C -60.03%2c237.2 227.97%2c451 515.9659457221347%2c466 C 803.97%2c481 947.97%2c267.8 1235.9659457221346%2c255 C 1523.97%2c242.2 1915.16%2c408 1955.9659457221346%2c402 C 1996.77%2c396 1543.19%2c260.4 1440%2c225' stroke='rgba(103%2c 138%2c 147%2c 0.33)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1008'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='84.72%25' y1='-39.29%25' x2='15.28%25' y2='139.29%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1009'%3e%3cstop stop-color='rgba(36%2c 71%2c 80%2c 1)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(15%2c 34%2c 39%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}
.hero-page_info {
  width: 100%;
  max-width: 740px;
  color: var(--color-light);
}
.hero-page_title {
  font-size: clamp(28px, 4vw, 64px);
  color: var(--color-white);
  font-weight: 400;
}
.hero-page_bg,
.hero-page::after {
  position: absolute;
  z-index: -1;
  top: 0;
  margin-left: calc(50% - 50vw);
  width: 100vw;
  max-width: unset;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.hero-page_bg {
  filter: brightness(0.55);
}

.expandcolumns {
  width: 100%;
  position: relative;
  isolation: isolate;
}
.expandcolumns::after {
  /* content: ""; */
  position: absolute;
  z-index: -1;
  top: 0;
  margin-left: calc(50% - 50vw);
  width: 100vw;
  max-width: unset;
  height: 100%;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1276%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='url(%26quot%3b%23SvgjsLinearGradient1277%26quot%3b)'%3e%3c/rect%3e%3cpath d='M -515.7164541192726%2c161 C -371.72%2c196 -83.72%2c340.2 204.28354588072744%2c336 C 492.28%2c331.8 636.28%2c106.2 924.2835458807274%2c140 C 1212.28%2c173.8 1541.14%2c486 1644.2835458807274%2c505 C 1747.43%2c524 1480.86%2c289 1440%2c235' stroke='rgba(103%2c 138%2c 147%2c 0.33)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -118.46079646849773%2c361 C 25.54%2c309 313.54%2c98.4 601.5392035315023%2c101 C 889.54%2c103.6 1033.54%2c381.2 1321.5392035315022%2c374 C 1609.54%2c366.8 2017.85%2c45.2 2041.5392035315022%2c65 C 2065.23%2c84.8 1560.31%2c391.4 1440%2c473' stroke='rgba(103%2c 138%2c 147%2c 0.33)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -1385.4903719265844%2c207 C -1241.49%2c227.4 -953.49%2c333.4 -665.4903719265844%2c309 C -377.49%2c284.6 -233.49%2c88.2 54.50962807341557%2c85 C 342.51%2c81.8 497.41%2c261.8 774.5096280734156%2c293 C 1051.61%2c324.2 1306.9%2c251.4 1440%2c241' stroke='rgba(103%2c 138%2c 147%2c 0.33)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -281.84016296861034%2c540 C -137.84%2c481.6 150.16%2c258 438.15983703138966%2c248 C 726.16%2c238 870.16%2c513.4 1158.1598370313895%2c490 C 1446.16%2c466.6 1821.79%2c148.8 1878.1598370313895%2c131 C 1934.53%2c113.2 1527.63%2c347 1440%2c401' stroke='rgba(103%2c 138%2c 147%2c 0.33)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1276'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='84.72%25' y1='-39.29%25' x2='15.28%25' y2='139.29%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1277'%3e%3cstop stop-color='rgba(36%2c 71%2c 80%2c 0)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(15%2c 34%2c 39%2c 0)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}
.expandcolumns_list {
  display: flex;
  flex-flow: row nowrap;
  gap: 1rem;
  padding: 1rem 0;
}
@media (max-width: 900px) {
  .expandcolumns_list {
    flex-flow: column nowrap;
  }
}
.expandcolumns_list_item {
  /* max-width: calc(33.333333333% - (2rem / 3)); */
  min-height: 500px;
  flex: 1 1 33.33333%;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 2rem;
  transition: all 700ms ease-in-out;
}
.expandcolumns_list_item:hover {
  --expandcolumns_item_p_max-h: 500px;
  --expandcolumns_item_p_op: 1;
  flex: 1 1 70%;
}

.expandcolumns_list_item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  pointer-events: none;
  filter: brightness(0.75);
}
.expandcolumns_list_item p {
  max-height: var(--expandcolumns_item_p_max-h, 0);
  transition: all 700ms ease-in-out;
  opacity: var(--expandcolumns_item_p_op, 0);
  filter: brightness(0.95);
}
.expandcolumns_list_item :where(h2, p) {
  max-width: 300px;
  text-shadow:
    0 0 30px #000,
    0 0 20px #000,
    0 0 10px #000;
}

.blockoverimg {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
  align-items: center;
}
.blockoverimg_box {
  grid-column: 1 / 5;
  grid-row: 1;
  z-index: 2;
  background-color: var(--color-dark);
}
.blockoverimg img {
  grid-column: 3 / -1;
  grid-row: 1;
  z-index: 1;
}


.timeline_list {
  display: flex;
  flex-flow: row nowrap;
  gap: 2rem;
  width: 100vw;
  max-width: unset;
  margin-left: calc(50% - 50vw);
  padding: 2rem;
}

@media (max-width: 900px) {
  .timeline_list {
    flex-flow: column nowrap;
  }
}
.timeline_item {
  flex: 1 1 100%;
  background-color: #fff;
  box-shadow: 0 0 10px #e1e1e1;
  transition: all 400ms ease-in-out;
}
.timeline_item:hover {
  box-shadow: 0 0 14px var(--color-light);
  transform: translateY(-0.5rem);
}
.post-container {
  display: grid;
  grid-template-columns: 8fr 4fr;
  gap: 4rem;
  padding: 4rem 0;
}
@media (max-width: 960px) {
    .post-container {
        grid-template-columns: 1fr;
    }
}

details {
    width: 100%;
    border-radius: 1rem;
    box-shadow: 0 0 10px #cfcfcf;
    margin-bottom: 1.2rem;
    background-color: #fff;
}
details summary {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 12px 24px;
    font-weight: 700;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 400ms;
    overflow: hidden;
}
details summary:hover {
    background-color: #ecfafd;
}

details > div {
    padding: 24px;
}

.details_item {
    max-width: 220px;
}
.details_img {
    width: 100%;
    max-width: 100%;
}
.details_img img {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 12px;
}


.post-body {
  max-width: 75ch;
  line-height: 1.6;
}
.post-body :where(p, ul, ol, h1, h2, h3, h4, h5, h6) {
  margin-bottom: 1rem;
}

.wp-block-list {
  list-style-type: disc;
  line-height: 2;
}

.main.blog {
  padding-top: unset;
}
.main.blog .hero-page {
  padding: calc(100px + 4rem) 0 4rem;
}
.posts__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
}
.post-card {
  transition: all 400ms ease-in-out;
}
.post-card:hover {
  transform: translateY(-10px);
}
.post-card__date {
  display: block;
}
.post-card__image img {
  width: 100%;
  height: auto;
  aspect-ratio: 4/3;
  object-fit: cover;
}

.comments_modal {
	position: fixed;
	z-index: 800;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 4rem 2rem;
	    background-color: #0f2227cc;
	backdrop-filter: blur(3px);
	transition: all 600ms ease;
	opacity: 0;
	pointer-events: none;
}
.comments_modal.show {
	opacity: 1;
	pointer-events: all;
}
.comments_box {
	width: 100%;
	max-width: 620px;
	background-color: #fff;
	border-radius: 1rem;
	padding: 2rem;
}

.nav-links {
    width: 100%;
    max-width: 100%;
    padding: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    color: #fff;
    font-size: 1.2rem;
}
.page-numbers.current {
    opacity: 0.6;
}

html {
    margin-top: var(--wp-admin--admin-bar--height) !important;
}