/* --- REPOSICIONAR EL TEXTO DEL SLIDER --- */
.slider-container .carousel .carousel-item .caption {
  position: absolute;
  top: 50%;
  left: 35% !important;     /* movelo hacia el centro ↑↓ cambiando este valor */
  transform: translate(-50%, -50%);
  max-width: 520px !important;
  bottom: auto !important;
  padding: 0;
  margin: 0;
}

/* Ocultamos el título grande por defecto del módulo (display-1) */
.slider-container .carousel .carousel-item .caption > h2.display-1 {
  display: none;
}

/* --- BLOQUE VISUAL DEL SLIDER --- */

.slider-block {
  background: rgba(0, 0, 0, 0.78);
  border-radius: 32px;
  padding: 40px 40px 46px;
  color: #ffffff;
  text-align: left;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.65);
}

/* Badge superior */
.slider-badge {
  display: block;
  font-size: 13px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #ffd86b;
  margin-bottom: 16px;
}

/* Título principal */
.slider-title {
  font-size: 54px;
  line-height: 1.1;
  font-weight: 800;
  margin: 0 0 20px;
}

/* Subtítulos */
.slider-subtitle {
  font-size: 18px;
  line-height: 1.55;
  color: #f2f2f2;
  margin: 0 0 10px;
}

/* Caja 'SIN COMISIONES' */
.slider-box {
  margin-top: 20px;
  margin-bottom: 26px;
  padding: 16px 18px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.slider-box-title {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 4px;
}

.slider-box-text {
  font-size: 15px;
  margin: 0;
}

/* Botón CTA */
.slider-btn {
  display: inline-block;
  padding: 16px 36px;
  border-radius: 999px;
  background: linear-gradient(135deg, #5a3bff, #b136ff);
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration: none;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease;
}

.slider-btn:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.75);
}

/* TERMINA SLIDER 1 */

/* COMIENZA SLIDER 2  */

/* === SLIDER 2 – SOCIAL MEDIA (lado derecho, estilo igual al Slider 1) === */
.slider-container .carousel .carousel-item:nth-child(2) .caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: auto;          /* movelo más o menos con este valor */
  left: 15% !important;
  max-width: 520px;
  width: 520px;
  z-index: 50;
  padding: 0;
  margin: 0;
}

/* Todo el contenido del slider 2 en blanco */
.carousel .carousel-item:nth-child(2) .caption,
.carousel .carousel-item:nth-child(2) .caption * {
  color: #ffffff !important;
}

/* Caja principal: mismo marco que el slider 1 */
.slider2-block {
  background: rgba(0, 0, 0, 0.85);
  border-radius: 32px;
  padding: 40px 40px 46px;
  text-align: left;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.75);
}

/* Título SOCIAL MEDIA */
.slider2-title {
  font-size: 44px;
  font-weight: 800;
  line-height: 1.1;
  margin: 0 0 22px;
}

/* Línea con ícono (tipo bullet) */
.slider2-line {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 18px;
  line-height: 1.55;
  margin: 0 0 12px;
}

.slider2-icon {
  font-size: 22px;
  margin-top: 2px;
}

/* Frase final */
.slider2-subtitle {
  font-size: 18px;
  line-height: 1.55;
  margin: 0 0 22px;
}

/* Caja estilo “SIN COMISIONES” (por si querés agregar una) */
.slider2-highlight {
  margin-top: 16px;
  margin-bottom: 26px;
  padding: 16px 18px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.30);
}

.slider2-highlight-title {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 4px;
}

.slider2-highlight-text {
  font-size: 15px;
  margin: 0;
}

/* Botón igual estilo al del slider 1 (violeta) */
.slider2-btn {
  display: inline-block;
  padding: 16px 36px;
  border-radius: 999px;
  background: linear-gradient(135deg, #5a3bff, #b136ff);
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration: none;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.7);
  transition: all 0.3s ease;
}

.slider2-btn:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.9);
}
/* SLIDER 3 COMIENZO */

/* ==============================
   SLIDER 3 – CLOUD HOSTING
   ============================== */

/* Ocultar el título gigante por defecto del módulo en el slide 3 */
.carousel .carousel-item:nth-child(3) .caption > h2.display-1 {
  display: none;
}

/* Posición del caption SOLO en el 3er slide */
.carousel .carousel-item:nth-child(3) .caption {
  position: absolute;
  top: 50%;
  left: 50%;               /* si querés moverlo: 48%, 52%, etc. */
  transform: translate(-50%, -50%);
  max-width: 560px;
  width: 560px;
  z-index: 50;
  padding: 0;
  margin: 0;
}

/* Panel oscuro detrás del contenido (mismo estilo que Slider 1/2) */
.carousel .carousel-item:nth-child(3) .caption::before {
  content: "";
  position: absolute;
  inset: -32px;                         /* margen alrededor del contenido */
  background: rgba(0, 0, 0, 0.87);
  border-radius: 32px;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.75);
  z-index: -1;                          /* queda detrás del texto */
}

/* Todo el contenido del slider 3 en blanco */
.carousel .carousel-item:nth-child(3) .caption,
.carousel .carousel-item:nth-child(3) .caption * {
  color: #ffffff;
}

/* Caja principal del contenido */
.slider3-block {
  background: transparent;              /* el fondo lo da ::before */
  border-radius: 32px;
  padding: 40px 40px 46px;
  text-align: left;
}

/* Badge superior */
.slider3-badge {
  display: block;
  font-size: 13px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #ffd86b;
  margin-bottom: 14px;
}

/* Título principal */
.slider3-title {
  font-size: 40px;
  line-height: 1.15;
  font-weight: 800;
  margin: 0 0 18px;
}

/* Lista de beneficios */
.slider3-list {
  list-style: none;
  padding: 0;
  margin: 0 0 22px;
}

.slider3-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 17px;
  line-height: 1.5;
  margin-bottom: 8px;
}

/* Iconos circulares de la lista */
.slider3-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.10);
  margin-top: 0;
  flex-shrink: 0;
  font-size: 16px;
  color: #ffd86b;
}

/* Aseguramos emojis visibles en la mayoría de sistemas */
.slider3-icon::before {
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

/* Iconos específicos */
.slider3-icon-speed::before {
  content: "⚡";
}

.slider3-icon-security::before {
  content: "🔒";
}

.slider3-icon-support::before {
  content: "🎧";
}

.slider3-icon-cloud::before {
  content: "☁";
}

/* Logos de tecnologías (píldoras) */
.slider3-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 22px;
}

.slider3-logo {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.06);
}

/* Colores de acento para cada marca */
.slider3-logo-prestashop {
  border-color: #ff66aa;
}

.slider3-logo-wordpress {
  border-color: #21759b;
}

.slider3-logo-cpanel {
  border-color: #ff7a1a;
}

/* Botón CTA */
.slider3-btn {
  display: inline-block;
  padding: 16px 34px;
  border-radius: 999px;
  background: linear-gradient(135deg, #5a3bff, #b136ff);
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration: none;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.7);
  transition: all 0.3s ease;
}

.slider3-btn:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.9);
}
/* ==============================
   SLIDER 4 – SOCIAL ADS (PRO)
   ============================== */

/* Ocultar el título gigante del módulo (si existe) */
.carousel .carousel-item:nth-child(4) .caption > h2.display-1 {
  display: none;
}

/* Posición del caption SOLO en el slide 4 */
.carousel .carousel-item:nth-child(4) .caption {
  position: absolute;
  top: 50%;
  left: 38%; /* <- MUEVE EL BOX: bajá a 35% (más a la izq) / subí a 45% (más a la der) */
  transform: translate(-50%, -50%);
  max-width: 620px;
  width: 620px;
  z-index: 50;
  padding: 0;
  margin: 0;
}

/* Marco oscuro tipo Cloud Hosting */
.carousel .carousel-item:nth-child(4) .caption::before {
  content: "";
  position: absolute;
  inset: -32px;
  background: rgba(0, 0, 0, 0.86);
  border-radius: 32px;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.75);
  z-index: -1;
}

/* Todo blanco dentro */
.carousel .carousel-item:nth-child(4) .caption,
.carousel .carousel-item:nth-child(4) .caption * {
  color: #ffffff;
}

.slider4-block {
  background: transparent;
  border-radius: 32px;
  padding: 40px 40px 38px;
  text-align: left;
}

/* Badge */
.slider4-badge {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #ffd86b;
  margin-bottom: 14px;
}

/* Título */
.slider4-title {
  font-size: 40px;
  line-height: 1.12;
  font-weight: 900;
  margin: 0 0 12px;
}

/* Texto */
.slider4-subtitle {
  font-size: 16px;
  line-height: 1.55;
  opacity: 0.92;
  margin: 0 0 18px;
}

/* Lista */
.slider4-list {
  list-style: none;
  padding: 0;
  margin: 0 0 18px;
}

.slider4-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 16px;
  line-height: 1.45;
  margin-bottom: 10px;
}

/* Iconos circulares (emoji-safe) */
.slider4-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.10);
  flex-shrink: 0;
}

.slider4-icon::before {
  font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
  font-size: 16px;
  color: #ffd86b;
}

/* Iconos específicos */
.slider4-icon-target::before { content: "🎯"; }
.slider4-icon-test::before { content: "🧪"; }
.slider4-icon-retarget::before { content: "🔁"; }
.slider4-icon-report::before { content: "📊"; }

/* Tags */
.slider4-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 18px;
}

.slider4-logo {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.06);
}

.slider4-logo-meta { border-color: #00d2ff; }
.slider4-logo-ig   { border-color: #ff3cac; }
.slider4-logo-rmk  { border-color: #ffd86b; }
.slider4-logo-rep  { border-color: #5a3bff; }

/* CTA */
.slider4-btn {
  display: inline-block;
  padding: 16px 34px;
  border-radius: 999px;
  background: linear-gradient(135deg, #ff7b3a, #ff3cac);
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  text-decoration: none !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.7);
  transition: all 0.28s ease;
}

.slider4-btn:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.9);
}

/* Nota */
.slider4-note {
  margin: 14px 0 0;
  font-size: 13px;
  opacity: 0.80;
}
/* ==============================
   AJUSTES DE ALTURA – SLIDER 4
   ============================== */

/* Desktop / general */
.slider4-block {
  padding: 32px 36px 30px; /* ⬅️ menos alto */
}

.slider4-title {
  font-size: 34px;        /* antes 40 */
  margin-bottom: 10px;
}

.slider4-subtitle {
  font-size: 15px;
  margin-bottom: 14px;
}

.slider4-list li {
  font-size: 15px;
  margin-bottom: 8px;
}

.slider4-logos {
  margin-bottom: 14px;
}

.slider4-btn {
  padding: 14px 28px;     /* botón un poco más compacto */
  font-size: 13px;
}

/* ==============================
   MOBILE OPTIMIZATION
   ============================== */

@media (max-width: 768px) {

  /* Caption ocupa ancho completo */
  .carousel .carousel-item:nth-child(4) .caption {
    left: 50%;
    top: 52%;
    transform: translate(-50%, -50%);
    width: 92%;
    max-width: 92%;
  }

  /* Marco un poco más ajustado */
  .carousel .carousel-item:nth-child(4) .caption::before {
    inset: -20px;
    border-radius: 24px;
  }

  .slider4-block {
    padding: 22px 20px 24px;
    text-align: left;
  }

  .slider4-badge {
    font-size: 11px;
    letter-spacing: 0.18em;
    margin-bottom: 10px;
  }

  .slider4-title {
    font-size: 26px;
    line-height: 1.15;
    margin-bottom: 8px;
  }

  .slider4-subtitle {
    font-size: 14px;
    line-height: 1.45;
    margin-bottom: 12px;
  }

  .slider4-list li {
    font-size: 14px;
    gap: 8px;
    margin-bottom: 6px;
  }

  .slider4-icon {
    width: 22px;
    height: 22px;
  }

  .slider4-logos {
    gap: 6px;
    margin-bottom: 14px;
  }

  .slider4-logo {
    font-size: 11px;
    padding: 5px 10px;
  }

  /* CTA full width en mobile */
  .slider4-btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 14px 0;
    font-size: 13px;
  }

  .slider4-note {
    font-size: 12px;
    margin-top: 10px;
  }
}

/* ==============================
   SLIDER 1 – MOBILE VERTICAL FIX
   (no toca desktop)
   ============================== */

@media (max-width: 768px) {

  /* SOLO SLIDE 1: reposicionar caption al fondo y centrado */
  .slider-container .carousel .carousel-item:nth-child(1) .caption {
    left: 50% !important;
    top: auto !important;
    bottom: 18px !important;
    transform: translateX(-50%) !important;

    width: calc(100% - 26px) !important;   /* margen lateral */
    max-width: 420px !important;           /* evita caja gigante */
    padding: 0 !important;
    margin: 0 !important;
    z-index: 50;
  }

  /* El panel: más bajo, más compacto */
  .slider-container .carousel .carousel-item:nth-child(1) .slider-block {
    border-radius: 22px;
    padding: 18px 18px 16px;
    text-align: left;

    /* clave para que NO tape toda la imagen */
    max-height: 48vh;         /* ocupa solo parte inferior */
    overflow: hidden;         /* recorta si algo se excede */
  }

  /* Badge superior más chico */
  .slider-container .carousel .carousel-item:nth-child(1) .slider-badge {
    font-size: 10px;
    letter-spacing: 0.18em;
    margin-bottom: 10px;
  }

  /* Título: mucho más chico y sin tanto salto */
  .slider-container .carousel .carousel-item:nth-child(1) .slider-title {
    font-size: 30px;
    line-height: 1.05;
    margin: 0 0 10px;
  }

  /* Subtítulos compactos */
  .slider-container .carousel .carousel-item:nth-child(1) .slider-subtitle {
    font-size: 13px;
    line-height: 1.35;
    margin: 0 0 8px;
  }

  /* Caja SIN COMISIONES: más baja */
  .slider-container .carousel .carousel-item:nth-child(1) .slider-box {
    margin-top: 10px;
    margin-bottom: 12px;
    padding: 10px 12px;
    border-radius: 16px;
  }

  .slider-container .carousel .carousel-item:nth-child(1) .slider-box-title {
    font-size: 14px;
    margin: 0 0 3px;
  }

  .slider-container .carousel .carousel-item:nth-child(1) .slider-box-text {
    font-size: 12px;
    margin: 0;
  }

  /* Botón full width (queda pro en mobile) */
  .slider-container .carousel .carousel-item:nth-child(1) .slider-btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px 0;
    font-size: 12px;
    letter-spacing: 0.08em;
    margin-top: 6px;
  }
}

/* Si tu mobile es muy chico (ej: 360px), lo compactamos más */
@media (max-width: 380px) {
  .slider-container .carousel .carousel-item:nth-child(1) .slider-title {
    font-size: 26px;
  }
  .slider-container .carousel .carousel-item:nth-child(1) .slider-block {
    max-height: 44vh;
  }
}
/* ==============================
   SLIDER 2 – MOBILE VERTICAL FIX
   (no toca desktop)
   ============================== */

@media (max-width: 768px) {

  /* SOLO SLIDE 2: caption al fondo y centrado */
  .slider-container .carousel .carousel-item:nth-child(2) .caption {
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: 18px !important;
    transform: translateX(-50%) !important;

    width: calc(100% - 26px) !important;
    max-width: 420px !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 50;
  }

  /* Panel oscuro, más compacto y menos alto */
  .slider-container .carousel .carousel-item:nth-child(2) .slider2-block {
    border-radius: 22px;
    padding: 18px 18px 16px;
    text-align: left;

    max-height: 48vh;
    overflow: hidden;
  }

  /* Título más chico */
  .slider-container .carousel .carousel-item:nth-child(2) .slider2-title {
    font-size: 28px;
    line-height: 1.05;
    margin: 0 0 10px;
  }

  /* Línea con icono: compacta */
  .slider-container .carousel .carousel-item:nth-child(2) .slider2-line {
    font-size: 13px;
    line-height: 1.35;
    margin: 0 0 8px;
    gap: 8px;
  }

  .slider-container .carousel .carousel-item:nth-child(2) .slider2-icon {
    font-size: 16px;
    margin-top: 1px;
  }

  /* Subtítulo final */
  .slider-container .carousel .carousel-item:nth-child(2) .slider2-subtitle {
    font-size: 13px;
    line-height: 1.35;
    margin: 0 0 10px;
  }

  /* Highlight (si lo usás) más bajo */
  .slider-container .carousel .carousel-item:nth-child(2) .slider2-highlight {
    margin-top: 10px;
    margin-bottom: 12px;
    padding: 10px 12px;
    border-radius: 16px;
  }

  .slider-container .carousel .carousel-item:nth-child(2) .slider2-highlight-title {
    font-size: 14px;
    margin: 0 0 3px;
  }

  .slider-container .carousel .carousel-item:nth-child(2) .slider2-highlight-text {
    font-size: 12px;
    margin: 0;
  }

  /* Botón full width (queda pro en mobile) */
  .slider-container .carousel .carousel-item:nth-child(2) .slider2-btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 12px 0;
    font-size: 12px;
    letter-spacing: 0.08em;
    margin-top: 6px;
  }
}

/* Ultra compact para pantallas muy chicas */
@media (max-width: 380px) {
  .slider-container .carousel .carousel-item:nth-child(2) .slider2-title {
    font-size: 25px;
  }
  .slider-container .carousel .carousel-item:nth-child(2) .slider2-block {
    max-height: 44vh;
  }
}
/* ==============================
   SLIDER 3 – MOBILE VERTICAL FIX
   (no toca desktop)
   ============================== */

@media (max-width: 768px) {

  /* SOLO SLIDE 3: caption abajo y centrado */
  .carousel .carousel-item:nth-child(3) .caption {
    left: 50% !important;
    top: auto !important;
    bottom: 18px !important;
    transform: translateX(-50%) !important;

    width: calc(100% - 26px) !important;
    max-width: 420px !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 50;
  }

  /* Panel oscuro: más “chico” y con menos aire */
  .carousel .carousel-item:nth-child(3) .caption::before {
    inset: -14px !important;          /* antes -32px: en mobile lo achicamos */
    border-radius: 22px !important;
    background: rgba(0, 0, 0, 0.86) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.65) !important;
  }

  /* Contenido interno más compacto */
  .carousel .carousel-item:nth-child(3) .slider3-block {
    padding: 18px 18px 16px !important;
    border-radius: 22px !important;
    text-align: left;

    max-height: 50vh;
    overflow: hidden;                /* evita que se haga eterno */
  }

  /* Tipografías más chicas */
  .carousel .carousel-item:nth-child(3) .slider3-badge {
    font-size: 11px !important;
    letter-spacing: 0.18em !important;
    margin-bottom: 10px !important;
  }

  .carousel .carousel-item:nth-child(3) .slider3-title {
    font-size: 26px !important;
    line-height: 1.05 !important;
    margin: 0 0 10px !important;
  }

  /* Lista: más compacta */
  .carousel .carousel-item:nth-child(3) .slider3-list {
    margin: 0 0 12px !important;
  }

  .carousel .carousel-item:nth-child(3) .slider3-list li {
    font-size: 13px !important;
    line-height: 1.35 !important;
    margin-bottom: 6px !important;
    gap: 8px !important;
  }

  /* Iconos más chicos */
  .carousel .carousel-item:nth-child(3) .slider3-icon {
    width: 22px !important;
    height: 22px !important;
    font-size: 14px !important;
  }

  /* Píldoras: una sola línea si entra, si no wrap prolijo */
  .carousel .carousel-item:nth-child(3) .slider3-logos {
    gap: 6px !important;
    margin-bottom: 12px !important;
  }

  .carousel .carousel-item:nth-child(3) .slider3-logo {
    font-size: 11px !important;
    padding: 5px 10px !important;
  }

  /* CTA: full width en mobile */
  .carousel .carousel-item:nth-child(3) .slider3-btn {
    display: block !important;
    width: 100% !important;
    text-align: center !important;

    padding: 12px 0 !important;
    font-size: 12px !important;
    letter-spacing: 0.08em !important;
    margin-top: 6px !important;
  }
}

/* Ultra compact para pantallas MUY chicas */
@media (max-width: 380px) {
  .carousel .carousel-item:nth-child(3) .slider3-title {
    font-size: 24px !important;
  }
  .carousel .carousel-item:nth-child(3) .slider3-block {
    max-height: 46vh;
  }
}
/* ==============================
   SLIDER 4 – MOBILE VERTICAL FIX
   (no toca desktop)
   ============================== */

@media (max-width: 768px) {

  /* Caption abajo y centrado (solo slide 4) */
  .carousel .carousel-item:nth-child(4) .caption {
    left: 50% !important;
    top: auto !important;
    bottom: 18px !important;
    transform: translateX(-50%) !important;

    width: calc(100% - 26px) !important;
    max-width: 430px !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 50;
  }

  /* Marco oscuro más chico en mobile */
  .carousel .carousel-item:nth-child(4) .caption::before {
    inset: -14px !important;
    border-radius: 22px !important;
    background: rgba(0, 0, 0, 0.86) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.65) !important;
  }

  /* Contenido interno más compacto */
  .carousel .carousel-item:nth-child(4) .slider4-block {
    padding: 18px 18px 16px !important;
    border-radius: 22px !important;

    max-height: 50vh;     /* evita que tape toda la imagen */
    overflow: hidden;
  }

  /* Tipos más chicos */
  .carousel .carousel-item:nth-child(4) .slider4-badge {
    font-size: 10.5px !important;
    letter-spacing: 0.18em !important;
    margin-bottom: 10px !important;
  }

  .carousel .carousel-item:nth-child(4) .slider4-title {
    font-size: 24px !important;
    line-height: 1.05 !important;
    margin: 0 0 8px !important;
  }

  .carousel .carousel-item:nth-child(4) .slider4-subtitle {
    font-size: 13px !important;
    line-height: 1.35 !important;
    margin: 0 0 10px !important;
  }

  /* Lista más compacta */
  .carousel .carousel-item:nth-child(4) .slider4-list {
    margin: 0 0 10px !important;
  }

  .carousel .carousel-item:nth-child(4) .slider4-list li {
    font-size: 13px !important;
    line-height: 1.35 !important;
    margin-bottom: 6px !important;
    gap: 8px !important;
  }

  .carousel .carousel-item:nth-child(4) .slider4-icon {
    width: 22px !important;
    height: 22px !important;
  }

  .carousel .carousel-item:nth-child(4) .slider4-icon::before {
    font-size: 14px !important;
  }

  /* Tags más chicos */
  .carousel .carousel-item:nth-child(4) .slider4-logos {
    gap: 6px !important;
    margin: 6px 0 10px !important;
  }

  .carousel .carousel-item:nth-child(4) .slider4-logo {
    font-size: 10.5px !important;
    padding: 5px 10px !important;
  }

  /* CTA full width en mobile */
  .carousel .carousel-item:nth-child(4) .slider4-btn {
    display: block !important;
    width: 100% !important;
    text-align: center !important;

    padding: 12px 0 !important;
    font-size: 12px !important;
    letter-spacing: 0.08em !important;
    margin-top: 6px !important;
  }

  /* Nota más discreta */
  .carousel .carousel-item:nth-child(4) .slider4-note {
    font-size: 12px !important;
    margin-top: 10px !important;
    opacity: 0.82;
  }
}

/* Ultra compact para pantallas MUY chicas */
@media (max-width: 380px) {
  .carousel .carousel-item:nth-child(4) .slider4-title {
    font-size: 22px !important;
  }
  .carousel .carousel-item:nth-child(4) .slider4-block {
    max-height: 46vh;
  }
}