.elementor-1838 .elementor-element.elementor-element-8f614f3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1838 .elementor-element.elementor-element-9c48c93{--grid-columns:3;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-1838 .elementor-element.elementor-element-3467d08{--display:flex;}.elementor-1838 .elementor-element.elementor-element-c8fc9b2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1838 .elementor-element.elementor-element-8d1867d .elementor-button{background-color:#6947FF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-radius:5px 5px 5px 5px;padding:8px 20px 8px 20px;}.elementor-1838 .elementor-element.elementor-element-a42b4b9 .elementor-button{background-color:#FF785B00;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;fill:#656565;color:#656565;border-radius:5px 5px 5px 5px;padding:8px 20px 8px 20px;}.elementor-1838 .elementor-element.elementor-element-a42b4b9 .elementor-button:hover, .elementor-1838 .elementor-element.elementor-element-a42b4b9 .elementor-button:focus{background-color:#6947FF;color:#FFFFFF;}.elementor-1838 .elementor-element.elementor-element-a42b4b9 .elementor-button:hover svg, .elementor-1838 .elementor-element.elementor-element-a42b4b9 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1838 .elementor-element.elementor-element-ffe5b8b .elementor-button{background-color:#FF785B00;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;fill:#656565;color:#656565;border-radius:5px 5px 5px 5px;padding:8px 20px 8px 20px;}.elementor-1838 .elementor-element.elementor-element-ffe5b8b .elementor-button:hover, .elementor-1838 .elementor-element.elementor-element-ffe5b8b .elementor-button:focus{background-color:#6947FF;color:#FFFFFF;}.elementor-1838 .elementor-element.elementor-element-ffe5b8b .elementor-button:hover svg, .elementor-1838 .elementor-element.elementor-element-ffe5b8b .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1838 .elementor-element.elementor-element-2ecd6af .elementor-button{background-color:#FF785B00;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;fill:#656565;color:#656565;border-radius:5px 5px 5px 5px;padding:8px 20px 8px 20px;}.elementor-1838 .elementor-element.elementor-element-2ecd6af .elementor-button:hover, .elementor-1838 .elementor-element.elementor-element-2ecd6af .elementor-button:focus{background-color:#6947FF;color:#FFFFFF;}.elementor-1838 .elementor-element.elementor-element-2ecd6af .elementor-button:hover svg, .elementor-1838 .elementor-element.elementor-element-2ecd6af .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1838 .elementor-element.elementor-element-f11f236 .elementor-button{background-color:#FF785B00;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;fill:#656565;color:#656565;border-radius:5px 5px 5px 5px;padding:8px 20px 8px 20px;}.elementor-1838 .elementor-element.elementor-element-f11f236 .elementor-button:hover, .elementor-1838 .elementor-element.elementor-element-f11f236 .elementor-button:focus{background-color:#6947FF;color:#FFFFFF;}.elementor-1838 .elementor-element.elementor-element-f11f236 .elementor-button:hover svg, .elementor-1838 .elementor-element.elementor-element-f11f236 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1838 .elementor-element.elementor-element-9a73360 .elementor-button{background-color:#FF785B00;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;fill:#656565;color:#656565;border-radius:5px 5px 5px 5px;padding:8px 20px 8px 20px;}.elementor-1838 .elementor-element.elementor-element-9a73360 .elementor-button:hover, .elementor-1838 .elementor-element.elementor-element-9a73360 .elementor-button:focus{background-color:#6947FF;color:#FFFFFF;}.elementor-1838 .elementor-element.elementor-element-9a73360 .elementor-button:hover svg, .elementor-1838 .elementor-element.elementor-element-9a73360 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1838 .elementor-element.elementor-element-b147a44 .elementor-button{background-color:#FF785B00;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;fill:#656565;color:#656565;border-radius:5px 5px 5px 5px;padding:8px 20px 8px 20px;}.elementor-1838 .elementor-element.elementor-element-b147a44 .elementor-button:hover, .elementor-1838 .elementor-element.elementor-element-b147a44 .elementor-button:focus{background-color:#6947FF;color:#FFFFFF;}.elementor-1838 .elementor-element.elementor-element-b147a44 .elementor-button:hover svg, .elementor-1838 .elementor-element.elementor-element-b147a44 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1838 .elementor-element.elementor-element-50a5bb1{--grid-columns:3;}.elementor-1838 .elementor-element.elementor-element-50a5bb1 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1838 .elementor-element.elementor-element-50a5bb1 .e-loop-item > .elementor-section, .elementor-1838 .elementor-element.elementor-element-50a5bb1 .e-loop-item > .elementor-section > .elementor-container, .elementor-1838 .elementor-element.elementor-element-50a5bb1 .e-loop-item > .e-con, .elementor-1838 .elementor-element.elementor-element-50a5bb1 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1838 .elementor-element.elementor-element-bf27bd7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}@media(min-width:768px){.elementor-1838 .elementor-element.elementor-element-8f614f3{--width:100%;}.elementor-1838 .elementor-element.elementor-element-3467d08{--content-width:1140px;}}@media(max-width:1024px){.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-1838 .elementor-element.elementor-element-9c48c93{--grid-columns:2;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-1838 .elementor-element.elementor-element-8d1867d .elementor-button{font-size:14px;}.elementor-1838 .elementor-element.elementor-element-a42b4b9 .elementor-button{font-size:14px;}.elementor-1838 .elementor-element.elementor-element-ffe5b8b .elementor-button{font-size:14px;}.elementor-1838 .elementor-element.elementor-element-2ecd6af .elementor-button{font-size:14px;}.elementor-1838 .elementor-element.elementor-element-f11f236 .elementor-button{font-size:14px;}.elementor-1838 .elementor-element.elementor-element-9a73360 .elementor-button{font-size:14px;}.elementor-1838 .elementor-element.elementor-element-b147a44 .elementor-button{font-size:14px;}.elementor-1838 .elementor-element.elementor-element-50a5bb1{--grid-columns:2;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1838 .elementor-element.elementor-element-f146b62{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-1838 .elementor-element.elementor-element-9c48c93{--grid-columns:1;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-1838 .elementor-element.elementor-element-50a5bb1{--grid-columns:1;}.elementor-1838 .elementor-element.elementor-element-bf27bd7{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1838 .elementor-element.elementor-element-f146b62{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1838 .elementor-element.elementor-element-f146b62 img{width:100%;}}/* Start custom CSS *//* ============================================================
   GOAT Blog Loop v6
   ============================================================ */

.blog-loop {
  display: none !important;
}

/* Quita cualquier padding/margin que el contenedor de Elementor le
   agregue arriba del bloque, para que el hero quede 100% pegado al top */
.blog-component {
  padding-top: 0 !important;
  margin-top: 0 !important;
  --padding-top: 0px !important;
  /* Esto quita la franja rayada morada: .blog-component tiene la clase
     "e-lazyloaded", lo que indica que tiene un background configurado
     (imagen/patrón) con lazy-load. Antes el padding la tapaba; al quitarlo
     quedó expuesta. La eliminamos por completo: */
  background: none !important;
  background-image: none !important;
  border: none !important;
  gap: 0 !important;
}
.blog-component::before,
.blog-component::after,
.blog-component > .elementor-background-overlay {
  display: none !important;
}

/* El widget que contiene nuestro <script> no debe ocupar espacio visual
   ni sumar al "gap" del contenedor flex */
.elementor-element-0786044 {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.goat-blog-dynamic {
  position: relative;
  margin-top: 0 !important;
}

/* --- Hero full-bleed --- */
.goat-hero-stack {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 0 !important;
  height: 520px;
  border-radius: 0;
  overflow: hidden;
  background: #ddd;
  display: block; /* evita el gap fantasma que <img>/inline elements meten debajo */
}
.goat-hero-stack img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.goat-hero-stack img.is-active {
  opacity: 1;
}

body {
  overflow-x: hidden;
}

/* --- Fila de cards --- */
.goat-cards-row {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: -141px auto 0; /* <- recalculado para dejar 19px en las inactivas */
  display: flex;
  align-items: flex-end;
  gap: 20px;
  padding: 0 20px;
}

.goat-card {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 260px;
  background: #ece9fb;
  border-radius: 5px;
  padding: 28px;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  transition:
    flex-grow 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    height 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    background 0.45s ease;
}

.goat-card .goat-tags,
.goat-card .goat-footer {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition:
    opacity 0.35s ease,
    max-height 0.35s ease;
}

.goat-card .goat-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 40px;
}
.goat-card .goat-tags span {
  background: #ffe384;
  color: #2a2d2f;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 3px;
}

.goat-card .goat-date {
  color: #5b5580;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  transition: color 0.45s ease;
}

.goat-card .goat-title {
  color: #241f45;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 10px;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
  transition: color 0.45s ease;
}

.goat-card .goat-excerpt {
  color: #5b5580;
  font-size: 14px;
  line-height: 1.5;
  transition: color 0.45s ease;
}

.goat-card .goat-footer {
  margin-top: auto;
  padding-top: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 16px;
  justify-content: space-between;
  font-weight: 400;
}

.goat-card .goat-footer .goat-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 11px;
}

.goat-card .goat-footer .goat-read-time {
  font-size: 14px;
  color: #fff;
}

.goat-card .goat-footer img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

/* --- Estado activo --- */
.goat-card:hover,
.goat-card.is-active {
  flex-grow: 1.7;
  height: 420px;
  background: #3926af;
  z-index: 2;
}

.goat-card:hover .goat-title,
.goat-card.is-active .goat-title {
  color: #fcf6e3;
  font-size: 40px;
}

.goat-card:hover .goat-date,
.goat-card:hover .goat-excerpt,
.goat-card.is-active .goat-date,
.goat-card.is-active .goat-excerpt {
  color: #d6d3ed;
}

.goat-card:hover .goat-tags,
.goat-card:hover .goat-footer,
.goat-card.is-active .goat-tags,
.goat-card.is-active .goat-footer {
  opacity: 1;
  max-height: 100px;
}

/* --- Responsive --- */
@media (max-width: 1024px) {
  .goat-hero-stack {
    height: 420px;
  }
  .goat-cards-row {
    margin-top: -121px;
  } /* 360 - 220 - 19 */
  .goat-card {
    height: 220px;
  }
  .goat-card:hover,
  .goat-card.is-active {
    height: 360px;
  }
}

@media (max-width: 767px) {
  .goat-hero-stack {
    height: 240px;
  }
  .goat-cards-row {
    margin-top: -19px; /* la card de arriba (activa) queda a 19px del hero cuando no se ha tocado nada aún */
    flex-direction: column;
    align-items: stretch;
    gap: 19px; /* separación entre cards apiladas */
  }
  .goat-card {
    flex: none;
    height: auto;
    min-height: 180px;
  }
  .goat-card:hover,
  .goat-card.is-active {
    height: auto;
  }

  .goat-card .goat-tags span {
    font-size: 12px;
  }

  .goat-card .goat-date {
    font-size: 12px;
  }

  .goat-card .goat-title {
    font-size: 18px;
  }

  .goat-card .goat-excerpt {
    font-size: 12px;
  }

  .goat-card .goat-footer {
    font-size: 14px;
  }

  .goat-card .goat-footer .goat-read-time {
    font-size: 12px;
  }

  .goat-card .goat-footer img {
    width: 32px;
    height: 32px;
  }

  .goat-card:hover .goat-title,
  .goat-card.is-active .goat-title {
    font-size: 24px;
  }
}/* End custom CSS */