/** Shopify CDN: Minification failed

Line 282:0 All "@import" rules must come first
Line 283:0 All "@import" rules must come first

**/
.article {
  --copy-container-size: 60rem;
}

.article__image-container {
  aspect-ratio: 3 / 2;
  grid-area: image;
  position: relative;
  height: 100%;
  width: 100%;
  z-index: var(--z-index-background);
}

.article__image-container--half-arch {
  width: calc(100% - var(--space-viewport-sides));
}

.article__image-container--half-arch,
.article__image-container--half-arch img {
  border-top-right-radius: var(--border-radius-arch);
}

.article__header {
  align-self: end;
  background-color: var(--color-background);
  grid-area: header;
  padding-bottom: var(--space-medium);
  padding-top: var(--space-large);
  position: relative;
  z-index: var(--z-index-base);
}

.article__header .badge span {
  padding-left: var(--space-viewport-sides);
}

.article__blocks {
  grid-area: blocks;
  max-width: var(--copy-container-size);
  width: 100%;
}

@media screen and (min-width: 60rem) {
  .article__container {
    display: grid;
    grid-template-columns: 1fr minmax(auto, var(--copy-container-size)) 1fr;
  }

  .article__container--header-above {
    grid-template-areas: "header header ."
      "image image image"
      ". blocks .";
    grid-template-rows: max-content minmax(500px, 75vh) auto;
  }

  .article__container--header-below {
    grid-template-areas: "image image image"
      ". header header"
      ". blocks .";
    grid-template-rows: minmax(500px, 75vh) max-content auto;
  }

  .article__container--header-overlay {
    grid-template-areas: none;
    grid-template-rows: minmax(500px, 75vh) auto;
  }

  .article__container--no-image {
    grid-template-rows: max-content auto;
  }

  .article__container--header-overlay .article__image-container {
    grid-column: 1 / -1;
    grid-row: 1 / 2;
  }

  .article__container--header-overlay .article__header {
    grid-column: 2 / 4;
    grid-row: 1 / 2;
  }

  .article__container--header-overlay .article__blocks {
    grid-column: 2 / 3;
    grid-row: 2 / 4;
  }
}

@media screen and (min-width: 768px) {

  .article__content,
  .article__excerpt {
    font-size: var(--font-copy-size-large);
    max-width: var(--copy-container-size);
  }
}

.article__divider {
  border-bottom: var(--border-size--thin) solid var(--color-border);
  max-width: calc(var(--copy-container-size) - (var(--space-viewport-sides) * 2));
}

.article__pagination,
.article__comments {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--copy-container-size);
  width: 100%;
}

.article__pagination-links {
  align-items: start;
  border-top: var(--border-size--thick) solid var(--color-border);
  border-bottom: var(--border-size--thick) solid var(--color-border);
  display: grid;
  gap: var(--space-grid-gap);
  grid-template-areas: "previous next";
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-bottom: var(--space-medium);
  padding-top: var(--space-medium);
}

.article__pagination-link--previous {
  grid-area: previous;
}

.article__pagination-link--next {
  grid-area: next;
  justify-self: end;
  text-align: right;
}

@media screen and (max-width: 549px) {
  .article__pagination-links {
    grid-template-areas: "previous"
      "next";
    grid-template-columns: 1fr;
  }

  .article__pagination-link {
    justify-self: center;
    text-align: center;
  }


  .article__pagination-blog {
    text-align: center;
  }
}

/* Article comments */
.article__comments {
  max-width: var(--container-max-width-copy);
}

.article__comments-container {
  border-top: var(--border-size--thick) solid var(--color-border);
}

.article__comments-comment {
  padding-top: var(--space-medium);
}

.article__comments-comment:not(:last-of-type) {
  border-bottom: var(--border-size--thin) solid var(--color-border);
  padding-bottom: var(--space-medium);
}

/* Recipe */
.article__recipe {
  font-size: 1rem;
}

.article__recipe-header {
  padding: var(--space-large) var(--space-medium);
  text-align: center;
}

.article__recipe-header--with-info {
  padding-bottom: var(--space-medium);
}

.article__recipe-header--default {
  border: 2px solid var(--color-foreground);
  border-bottom: 0;
}

.article__recipe-info {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--space-grid-gap);
  row-gap: var(--space-small);
  justify-content: center;
  text-align: center;
}

.article__recipe-content {
  border: 2px solid var(--recipe-accent-color);
  border-top: 0;
  padding: 0 var(--space-large) var(--space-large) var(--space-large);
}

.article__recipe-content--inverse {
  border-color: var(--color-foreground);
}

.article__recipe-ingredients ul,
.article__recipe-instructions ul {
  list-style: none;
  margin-left: 0;
}

.article__recipe-ingredients ul {
  counter-reset: ingredients-counter;
}

@media screen and (min-width: 768px) {
  .article__recipe-ingredients ul {
    column-count: 2;
    column-gap: var(--space-grid-gap);
  }
}

.article__recipe-instructions ul {
  counter-reset: instructions-counter;
}

.article__recipe-ingredients li,
.article__recipe-instructions li {
  align-items: start;
  display: flex;
  margin-bottom: var(--space-small);
}

.article__recipe-ingredients li {
  break-inside: avoid-column;
  counter-increment: ingredients-counter;
  gap: var(--space-small);
}

.article__recipe-instructions li {
  counter-increment: instructions-counter;
}

.article__recipe-ingredients li::before {
  color: var(--recipe-marker-color);
  flex: none;
  font-weight: bold;
}

.article__recipe-instructions li::before {
  color: var(--recipe-marker-color);
  content: counter(instructions-counter)".";
  display: block;
  flex: none;
}

.article__recipe-notes-copy {
  font-size: var(--font-copy-size-small);
}

.article:not(.article--centered) .cards--with-products {
  margin: 0;
}

.article .cards {
  padding-left: 0;
  padding-right: 0;
}

.article .cards--slider-desktop .cards__card-container {
  scroll-margin-left: 0;
}

/* Nuevos estilos para el template de artículo individual */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

.body--template-article .group--footer {
  margin-top: 0px;
}

.article__header h1 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600;
  font-size: 45px;
}

.body--template-article {
  font-family: Montserrat, sans-serif;
}

.article__excerpt p {
  color: #3774aa;
}

time {
  font-family: Montserrat, sans-serif;
  text-transform: none;
  letter-spacing: 0;
}

@media screen and (min-width: 60rem) {
  .article__container--header-above {
    grid-template-areas: "header header ."
      ". blocks .";
    grid-template-rows: max-content auto !important;
  }
}


.article__container--header-above .article__header {
  padding-top: 40px;
}


.article__container,
.article__pagination {
  max-width: 1100px;
  margin-right: initial;
  margin-left: auto;
}

.article__container {
  position: relative;
  z-index: 2;
  background-color: #ffffff;
  margin-top: -350px;
  padding-top: 20px;
}

.body--template-article main {
  margin-top: -50px;
}


.article__social-share {
  color: #3774aa;
  font-weight: 600;
}

.article__social-share svg {
  fill: #3774aa;
}


.article__pagination-link {
  color: #39393a;
}

.article__pagination-link:hover {
  text-decoration: none;
}

.body--template-article .blog-latest {
  margin-top: 80px;
}

.article__content p {
  color: #707070;
}

.article__tags {
  margin-top: 16px;
}

.article__tags span {
  font-weight: 600;
  color: #707070;

}

.article__tags .button {
  border-radius: 30px;
  color: #39393a;
}

.article__header h1 {
  padding: 20px 0px 15px 70px;
}

.article__header .article__excerpt {
  padding: 0px 70px;
  margin: 0;
}

.article__blocks {
  padding: 0px;
}


.article__header .badge {
  display: inline-block;
  background-color: #f1f1f1;
  padding: 10px 0px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.article__header .badge,
.article__header .badge time {
  color: #707070;
}

.article__header .badge span {
  display: inline !important;
  background: none;
}

@media (max-width:992px) {

  .article__image-container,
  #shopify-section-template--27546154795356__blog_hero_qyCKhi {
    display: none;
  }

  .article__container {
    margin-top: 0px;
  }

  .article__header {
    padding: 0px;
  }

  .article__header h1 {
    font-size: 28px;
  }


  .article__header h1 {
    padding: 20px 0px 15px 20px;
  }

  .article__header .article__excerpt {
    padding: 0px 20px;
    margin: 0;
  }

  .article__blocks {
    padding: 0px 20px;
  }







}