/* Alldev Noticias Carrusel v1.0.0 — scoped styles, without external libraries. */
.alldev-news-carousel {
  --ad-visible: 3;
  --ad-gap: 22px;
  --ad-image-ratio: 1.6;
  --ad-navy: #112d46;
  --ad-orange: #d5794f;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  font-family: inherit;
}

.alldev-news-carousel *,
.alldev-news-carousel *::before,
.alldev-news-carousel *::after { box-sizing: border-box; }

.alldev-news-header {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #f2f2f2;
  padding: 24px 30px;
  margin: 0 0 24px;
}

.alldev-news-header--no-title { justify-content: flex-end; }

.alldev-news-heading {
  flex: 1 1 auto;
  margin: 0 !important;
  color: #74432d;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

.alldev-news-navigation {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 9px;
}

.alldev-news-nav-button {
  display: inline-flex;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  padding: 5px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ad-orange);
  border-radius: 10px;
  color: var(--ad-orange);
  background: #fff;
  cursor: pointer;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, opacity .2s ease;
  appearance: none;
  -webkit-appearance: none;
}

.alldev-news-prev .alldev-news-arrow-svg { transform: rotate(180deg); }
.alldev-news-arrow-svg { width: 70%; height: 70%; display: block; flex: 0 0 auto; }
.alldev-news-nav-button:hover:not(:disabled) { color: #fff; background: var(--ad-orange); }
.alldev-news-nav-button:disabled { opacity: .28; cursor: default; }
.alldev-news-navigation.is-not-scrollable { display: none; }

.alldev-news-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - (var(--ad-visible) - 1) * var(--ad-gap)) / var(--ad-visible));
  gap: var(--ad-gap);
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 0;
  scroll-behavior: smooth;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.alldev-news-track::-webkit-scrollbar { display: none; }
.alldev-news-track:focus-visible { outline: 2px solid var(--ad-orange); outline-offset: 3px; }
.alldev-news-track.is-dragging { scroll-behavior: auto; scroll-snap-type: none; cursor: grabbing; user-select: none; }

.alldev-news-card {
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  scroll-snap-align: start;
  background: #f7f7f7;
  overflow: hidden;
}

.alldev-news-media {
  flex: 0 0 auto;
  position: relative;
  width: 100%;
  aspect-ratio: var(--ad-image-ratio);
  background: #29468d;
  overflow: hidden;
}

.alldev-news-media-link,
.alldev-news-placeholder {
  display: block;
  width: 100%;
  height: 100%;
}
.alldev-news-image {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  object-position: center;
  margin: 0 !important;
  transition: opacity .2s ease;
  user-select: none;
  -webkit-user-drag: none;
}

.alldev-news-body {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 285px;
  flex-direction: column;
  padding: 18px 30px 22px;
}

.alldev-news-category {
  color: #1d1d1d;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 400;
  margin: 0 0 1px;
}

.alldev-news-title {
  margin: 0 0 8px;
  color: var(--ad-navy);
  font-size: 26px;
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -.01em;
  overflow-wrap: anywhere;
}

.alldev-news-title a,
.alldev-news-title a:visited {
  color: var(--ad-navy);
  text-decoration: none !important;
  transition: color .2s ease;
}
.alldev-news-title a:hover,
.alldev-news-title a:focus-visible { color: var(--ad-orange); }

.alldev-news-date {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 1.3;
  color: #555;
}

.alldev-news-excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  margin: 0 !important;
  color: #222;
  font-size: 16px;
  line-height: 1.30;
  font-weight: 400;
  overflow-wrap: anywhere;
}

.alldev-news-actions {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: auto;
  padding-top: 22px;
}
.alldev-news-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  padding: 4px;
  color: var(--ad-orange);
  border: 1px solid var(--ad-orange);
  border-radius: 12px;
  background: #f7f7f7;
  text-decoration: none !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.alldev-news-cta:hover,
.alldev-news-cta:focus-visible {
  background: var(--ad-orange);
  border-color: var(--ad-orange);
  color: #fff;
}
.alldev-news-cta .alldev-news-arrow-svg { width: 72%; height: 72%; }
.alldev-news-cta:focus-visible,
.alldev-news-nav-button:focus-visible,
.alldev-news-title a:focus-visible,
.alldev-news-media-link:focus-visible { outline: 2px solid var(--ad-orange); outline-offset: 2px; }

.alldev-news-editor-empty {
  padding: 22px;
  color: #555;
  background: #f5f5f5;
  border: 1px dashed #bbb;
  text-align: center;
}

@media (max-width: 1024px) {
  .alldev-news-carousel { --ad-visible: 2; }
  .alldev-news-heading { font-size: 30px; }
  .alldev-news-body { padding: 18px 22px 22px; }
}
@media (max-width: 767px) {
  .alldev-news-carousel { --ad-visible: 1; }
  .alldev-news-header { padding: 18px 16px; gap: 10px; }
  .alldev-news-heading { font-size: 25px; }
  .alldev-news-body { padding: 18px 22px 22px; min-height: 265px; }
  .alldev-news-title { font-size: 24px; }
  .alldev-news-excerpt { font-size: 15px; }
  .alldev-news-nav-button { width: 32px; height: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .alldev-news-track { scroll-behavior: auto; }
  .alldev-news-nav-button,
  .alldev-news-cta,
  .alldev-news-title a,
  .alldev-news-image { transition: none; }
}

/* Version 1.1: grid replaces horizontal scroll in numbered and infinite layouts. */
.alldev-news-layout--pagination .alldev-news-track,
.alldev-news-layout--infinite .alldev-news-track {
  display: grid;
  grid-template-columns: repeat(var(--ad-visible), minmax(0, 1fr));
  grid-auto-columns: auto;
  grid-auto-flow: row;
  gap: var(--ad-gap);
  overflow: visible;
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.alldev-news-layout--pagination .alldev-news-card,
.alldev-news-layout--infinite .alldev-news-card { scroll-snap-align: none; }
.alldev-news-pagination,
.alldev-news-infinite-controls {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 30px;
}
.alldev-news-page-button,
.alldev-news-load-more {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  min-width: 40px;
  padding: 9px 13px;
  background: #fff;
  border: 1px solid #d5794f;
  border-radius: 10px;
  color: #d5794f;
  cursor: pointer;
  font: inherit;
  line-height: 1.3;
  transition: background-color .18s ease, color .18s ease;
}
.alldev-news-load-more { min-width: 170px; }
.alldev-news-page-button.is-active,
.alldev-news-page-button:hover:not(:disabled),
.alldev-news-load-more:hover:not(:disabled) {
  background: #d5794f;
  border-color: #d5794f;
  color: #fff;
}
.alldev-news-page-button:disabled:not(.is-active),
.alldev-news-load-more:disabled { opacity: .48; cursor: default; }
.alldev-news-page-button:focus-visible,
.alldev-news-load-more:focus-visible { outline: 2px solid #d5794f; outline-offset: 3px; }
.alldev-news-page-ellipsis { color: #555; padding: 0 4px; }
.alldev-news-infinite-controls[hidden] { display: none !important; }
.alldev-news-sentinel { width: 100%; height: 1px; pointer-events: none; }
.alldev-news-load-status {
  min-height: 1.5em;
  margin-top: 10px;
  text-align: center;
  color: #555;
  font-size: 14px;
}
.alldev-news-carousel.is-loading .alldev-news-load-status { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .alldev-news-page-button,
  .alldev-news-load-more { transition: none; }
}
