/* Diseño 1 (notch + pill + título) */
.ccar.d1{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial;
  --ccar-h: 300px;
  --ccar-color-bg: #b889d9;
  --ccar-color-btn: #f4f06a;
  --ccar-btn-size: 48px;
  --ccar-dot-size: 14px;
  --ccar-gap-ctrl: 18px;
}
.ccar.d1 .glide{ position:relative; width:100%; margin:0 auto; }
.ccar.d1 .glide__track{ overflow:hidden; }
.ccar.d1 .glide__slides{
  position:relative; width:100%; list-style:none;
  backface-visibility:hidden; transform-style:preserve-3d;
  margin:0; padding:0; white-space:nowrap; display:flex;
}
.ccar.d1 .glide__slide{
  width:100%; flex-shrink:0; white-space:normal; user-select:none; -webkit-user-drag:none;
}

.ccar.d1 .ccar-fig{ position:relative; margin:0; height:var(--ccar-h); overflow:hidden; }
.ccar.d1 .ccar-bg{ position:absolute; inset:0; background-size:cover; background-position:center; background-repeat:no-repeat; }
.ccar.d1 .ccar-mask{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.75) 100%); }

/* Notch 45° sup. derecha */
.ccar.d1 .ccar-fig{
  --ccar-notch: 48px;
  -webkit-clip-path: polygon(0 0, calc(100% - var(--ccar-notch)) 0, 100% var(--ccar-notch), 100% 100%, 0 100%);
  clip-path: polygon(0 0, calc(100% - var(--ccar-notch)) 0, 100% var(--ccar-notch), 100% 100%, 0 100%);
}
@media (min-width:1024px){ .ccar.d1 .ccar-fig{ --ccar-notch: 56px; } }

.ccar.d1 .ccar-cap{ position:absolute; left:16px; right:16px; bottom:14px; color:#fff; text-shadow:0 2px 6px rgba(0,0,0,.35); }
.ccar.d1 a{ color:inherit; text-decoration:none; }
.ccar.d1 .ccar-pill{ display:inline-block; font-size:16px; padding:0 10px; border-radius:999px; background:#b889d9; color:#fff; margin-bottom:8px; }
.ccar.d1 .ccar-title{ font-weight:800; font-size:20px; line-height:1.25; margin:0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.ccar.d1 h3.ccar-title{ color:#fff; text-align:left; max-width:60%; }
@media (max-width:757px){ .ccar.d1 h3.ccar-title{ max-width:100%; } }

/* Controles personalizados */
.ccar.d1 .glide__arrows{
  display:flex; align-items:center; justify-content:center; gap: var(--ccar-gap-ctrl);
  margin-top: 16px;
}
.ccar.d1 .glide__arrow{
  width: var(--ccar-btn-size); height: var(--ccar-btn-size);
  border-radius: 999px; border: none; cursor: pointer;
  background: var(--ccar-color-btn); color: var(--ccar-color-bg);
  display:inline-flex; align-items:center; justify-content:center;
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
  padding: 0;
}
.ccar.d1 .glide__arrow:focus{ outline: 2px solid color-mix(in srgb, var(--ccar-color-bg) 70%, #fff); outline-offset: 2px; }
.ccar.d1 .glide__arrow svg{ width:24px; height:24px; stroke:currentColor; stroke-width:3; fill:none; }
.ccar.d1 .ccar-dot{ width:var(--ccar-dot-size); height:var(--ccar-dot-size); background:var(--ccar-color-btn); border-radius:999px; display:inline-block; }