/* =========================
   SOLO MÓVIL (<=520px)
   Arregla carrusel + medios
   ========================= */
@media (max-width:520px){

  .showcase .track,
  .showcase .slide-frame{
    background:#fff !important;
  }

  .showcase .slide{
    height:auto !important;
    min-height:52svh !important;
    padding:10px 8px !important;
  }

  .showcase .slide-frame{
    width:92vw !important;
    max-width:92vw !important;
    height:auto !important;
    border-radius:16px !important;
    overflow:hidden !important;
  }

  .showcase .slide-frame img,
  .showcase .slide-frame video{
    width:100% !important;
    height:auto !important;
    max-height:52svh !important;
    object-fit:contain !important;
    display:block !important;
    background:#fff !important;
  }

  .showcase .slide-frame::after{
    content:none !important;
  }

  .showcase .thumb{
    width:64px !important;
    border-radius:14px !important;
  }

  .showcase .thumb img,
  .showcase .thumb video{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }
}

/* =========================
   SECCIÓN PLANES DE PRECIOS
   ========================= */

#precios-rrss{
  padding:110px 0 !important;
  background:#fff !important;
}

#precios-rrss .wrap{
  width:min(1100px, 92vw) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

#precios-rrss .pricing-heading{
  width:100% !important;
  max-width:1100px !important;
  margin:0 auto 60px !important;
  padding:0 !important;
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}

#precios-rrss .pricing-heading .kicker{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  color:#E62129 !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  font-size:.8rem !important;
  margin:0 0 14px !important;
}

#precios-rrss .pricing-main-title{
  display:block !important;
  width:100% !important;
  max-width:1050px !important;
  margin:0 auto 22px !important;
  text-align:center !important;
  font-size:clamp(42px, 7vw, 80px) !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  text-transform:uppercase !important;
  color:#111827 !important;
}

#precios-rrss .pricing-main-title .accent{
  color:#E62129 !important;
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  -webkit-text-fill-color:#E62129 !important;
}

#precios-rrss .pricing-heading .muted{
  width:100% !important;
  max-width:850px !important;
  margin:0 auto !important;
  text-align:center !important;
  color:#4B5563 !important;
  font-size:1rem !important;
}

/* Grid */

#precios-rrss .pricing-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:30px !important;
  margin-top:55px !important;
  align-items:stretch !important;
}

/* Tarjetas */

#precios-rrss .pricing-card{
  position:relative !important;
  background:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.35), transparent 18%),
    linear-gradient(145deg, #FF6268 0%, #E62129 50%, #B0161C 100%) !important;
  border-radius:26px !important;
  border:2px solid rgba(255,255,255,.28) !important;
  padding:34px 26px !important;
  text-align:center !important;
  color:#fff !important;
  box-shadow:0 24px 55px rgba(176,22,28,.32) !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-height:700px !important;
  opacity:1 !important;
  transform:none !important;
  transition:transform .25s ease, box-shadow .25s ease !important;
}

#precios-rrss .pricing-card:hover{
  transform:translateY(-8px) !important;
  box-shadow:0 34px 75px rgba(176,22,28,.42) !important;
}

#precios-rrss .pricing-card h3{
  color:#fff !important;
  font-size:clamp(26px, 2.4vw, 36px) !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  margin:0 0 16px !important;
  text-align:center !important;
}

#precios-rrss .pricing-badge,
#precios-rrss .pricing-price{
  display:none !important;
}

#precios-rrss .pricing-card ul{
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
  width:100% !important;
  flex:1 !important;
}

#precios-rrss .pricing-card li{
  color:#fff !important;
  text-align:center !important;
  padding:10px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.22) !important;
  font-size:1rem !important;
  line-height:1.35 !important;
}

#precios-rrss .pricing-card li:last-child{
  border-bottom:none !important;
}

/* Bloque inferior precio */

#precios-rrss .pricing-bottom{
  margin-top:auto !important;
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:18px !important;
  padding-top:30px !important;
}

/* Precio grande */

#precios-rrss .pricing-price-sticker{
  background:#ffffff !important;
  color:#B0161C !important;
  border-radius:999px !important;
  padding:22px 42px !important;
  font-size:2.2rem !important;
  font-weight:1000 !important;
  letter-spacing:-0.04em !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  box-shadow:0 18px 36px rgba(15,23,42,.25) !important;
  animation:priceStickerFloat 2.6s ease-in-out infinite !important;
}

#precios-rrss .pricing-price-sticker span{
  color:#E62129 !important;
  font-size:2.4rem !important;
  font-weight:1000 !important;
}

@keyframes priceStickerFloat{
  0%{ transform:rotate(-2deg) translateY(0); }
  50%{ transform:rotate(2deg) translateY(-5px); }
  100%{ transform:rotate(-2deg) translateY(0); }
}

/* Móvil */

@media (max-width:900px){

  #precios-rrss{
    padding:70px 0 !important;
  }

  #precios-rrss .pricing-grid{
    grid-template-columns:1fr !important;
  }

  #precios-rrss .pricing-card{
    min-height:560px !important;
  }

  #precios-rrss .pricing-price-sticker{
    font-size:1.65rem !important;
    padding:18px 28px !important;
  }

  #precios-rrss .pricing-price-sticker span{
    font-size:1.9rem !important;
  }
}
#precios-rrss .pricing-card{
    cursor:pointer !important;
}
#precios-rrss .pricing-card:nth-child(1),
#precios-rrss .pricing-card:nth-child(2),
#precios-rrss .pricing-card:nth-child(3){
    background:linear-gradient(145deg, #FF6268 0%, #E62129 50%, #B0161C 100%) !important;
}

#precios-rrss .pricing-card:nth-child(4),
#precios-rrss .pricing-card:nth-child(5),
#precios-rrss .pricing-card:nth-child(6){
    background:linear-gradient(145deg, #E62129 0%, #C91922 50%, #8F1117 100%) !important;
}

#precios-rrss .pricing-card:nth-child(7),
#precios-rrss .pricing-card:nth-child(8),
#precios-rrss .pricing-card:nth-child(9){
    background:linear-gradient(145deg, #C91922 0%, #A8141A 50%, #720D12 100%) !important;
}

#precios-rrss .pricing-card:nth-child(10),
#precios-rrss .pricing-card:nth-child(11),
#precios-rrss .pricing-card:nth-child(12){
    background:linear-gradient(145deg, #A8141A 0%, #7E0F14 50%, #52090D 100%) !important;
}
/* FILA 1 */
#precios-rrss .pricing-card:nth-of-type(1),
#precios-rrss .pricing-card:nth-of-type(2),
#precios-rrss .pricing-card:nth-of-type(3){
    background:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.35), transparent 18%),
    linear-gradient(145deg,#FF6268 0%,#E62129 50%,#B0161C 100%) !important;
}

/* FILA 2 */
#precios-rrss .pricing-card:nth-of-type(4),
#precios-rrss .pricing-card:nth-of-type(5),
#precios-rrss .pricing-card:nth-of-type(6){
    background:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.30), transparent 18%),
    linear-gradient(145deg,#F23B43 0%,#C91922 50%,#931116 100%) !important;
}

/* FILA 3 */
#precios-rrss .pricing-card:nth-of-type(7),
#precios-rrss .pricing-card:nth-of-type(8),
#precios-rrss .pricing-card:nth-of-type(9){
    background:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.25), transparent 18%),
    linear-gradient(145deg,#D72830 0%,#A8141A 50%,#740D11 100%) !important;
}

/* FILA 4 */
#precios-rrss .pricing-card:nth-of-type(10),
#precios-rrss .pricing-card:nth-of-type(11),
#precios-rrss .pricing-card:nth-of-type(12){
    background:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.20), transparent 18%),
    linear-gradient(145deg,#B41A21 0%,#7E0F14 50%,#4F080B 100%) !important;
}
/* FILAS DE PRECIOS EN DEGRADADO */
#precios-rrss .pricing-grid > .pricing-card{
    cursor:pointer !important;
}

/* Fila 1 */
#precios-rrss .pricing-grid > .pricing-card:nth-of-type(1),
#precios-rrss .pricing-grid > .pricing-card:nth-of-type(2),
#precios-rrss .pricing-grid > .pricing-card:nth-of-type(3){
    background:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.35), transparent 18%),
    linear-gradient(145deg,#FF6268 0%,#E62129 50%,#B0161C 100%) !important;
}

/* Fila 2 */
#precios-rrss .pricing-grid > .pricing-card:nth-of-type(4),
#precios-rrss .pricing-grid > .pricing-card:nth-of-type(5),
#precios-rrss .pricing-grid > .pricing-card:nth-of-type(6){
    background:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.28), transparent 18%),
    linear-gradient(145deg,#E23A42 0%,#C91922 50%,#8F1117 100%) !important;
}

/* Fila 3 */
#precios-rrss .pricing-grid > .pricing-card:nth-of-type(7),
#precios-rrss .pricing-grid > .pricing-card:nth-of-type(8),
#precios-rrss .pricing-grid > .pricing-card:nth-of-type(9){
    background:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.22), transparent 18%),
    linear-gradient(145deg,#C82830 0%,#A8141A 50%,#6F0D11 100%) !important;
}

/* Fila 4 */
#precios-rrss .pricing-grid > .pricing-card:nth-of-type(10),
#precios-rrss .pricing-grid > .pricing-card:nth-of-type(11),
#precios-rrss .pricing-grid > .pricing-card:nth-of-type(12){
    background:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.18), transparent 18%),
    linear-gradient(145deg,#A91B22 0%,#7E0F14 50%,#4F080B 100%) !important;
}