/* ═══════════════════════════════════════════════════════════════════
   CYBER — Slide 1 especial + bloque de ofertas en modo Cyber.
   Solo se carga en el inicio cuando hay un Cyber encendido y vigente
   (configurado en WooCommerce > Promociones especiales).
   Las medidas usan vw porque el slider ocupa todo el ancho de la pantalla.
   ═══════════════════════════════════════════════════════════════════ */

.sc-slide[hidden] { display: none !important; }

/* ── SLIDE CYBER ── */
.sc-slide.sc-slide-cyber { background: #070303; min-height: 0; }
.cy { position: absolute; inset: 0; overflow: hidden; background: #070303; color: #fff; isolation: isolate; font-family: var(--font-display); }
.cy-layer { position: absolute; pointer-events: none; transition: translate .5s ease-out; }
.cy-bg { inset: -4%; background:
  radial-gradient(55% 70% at 74% 58%, rgba(160, 12, 8, .42), transparent 62%),
  radial-gradient(40% 55% at 18% 28%, rgba(120, 8, 6, .30), transparent 65%),
  radial-gradient(30% 30% at 50% 100%, rgba(255, 30, 20, .18), transparent 70%),
  linear-gradient(160deg, #0e0606 0%, #120606 50%, #050202 100%);
  animation: cyBreath 18s ease-in-out infinite alternate; }
@keyframes cyBreath { to { transform: scale(1.05); } }

.cy-orbs { inset: 0; }
.cy-orbs i { position: absolute; display: block; border-radius: 50%; filter: blur(4vw); mix-blend-mode: screen; animation: cyOrb 16s ease-in-out infinite alternate; }
.cy-orbs i:nth-child(1) { width: 46vw; height: 46vw; left: 46%; top: -18%; background: radial-gradient(closest-side, rgba(210, 20, 14, .55), transparent); }
.cy-orbs i:nth-child(2) { width: 38vw; height: 38vw; left: -8%; top: 40%; background: radial-gradient(closest-side, rgba(150, 10, 8, .5), transparent); animation-duration: 21s; animation-delay: -6s; }
.cy-orbs i:nth-child(3) { width: 30vw; height: 30vw; left: 70%; top: 55%; background: radial-gradient(closest-side, rgba(255, 50, 30, .35), transparent); animation-duration: 13s; animation-delay: -3s; }
@keyframes cyOrb { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(4vw, -3vw) scale(1.12); } 100% { transform: translate(-3vw, 2vw) scale(.94); } }

.cy-planes { inset: 0; overflow: hidden; }
.cy-planes i { position: absolute; display: block; top: -20%; height: 140%; transform: skewX(-24deg); animation: cyPlane 14s ease-in-out infinite alternate; }
.cy-planes i:nth-child(1) { left: 58%; width: 16vw; background: linear-gradient(90deg, transparent, rgba(255, 40, 30, .07) 40%, rgba(255, 40, 30, .12) 50%, transparent); }
.cy-planes i:nth-child(2) { left: 76%; width: 6vw; background: linear-gradient(90deg, transparent, rgba(255, 60, 40, .10), transparent); animation-duration: 10s; animation-delay: -4s; }
.cy-planes i:nth-child(3) { left: 86%; width: 2px; background: linear-gradient(180deg, transparent, rgba(255, 70, 50, .6), transparent); box-shadow: 0 0 1vw rgba(255, 40, 30, .6); animation-duration: 9s; }
@keyframes cyPlane { from { translate: -3vw 0; } to { translate: 3vw 0; } }

.cy-sweep { inset: 0; background: linear-gradient(105deg, transparent 35%, rgba(255, 80, 60, .10) 47%, rgba(255, 255, 255, .07) 50%, rgba(255, 80, 60, .10) 53%, transparent 65%); background-size: 300% 100%; mix-blend-mode: screen; animation: cySweep 9s ease-in-out infinite; }
@keyframes cySweep { 0% { background-position: 120% 0; } 60%, 100% { background-position: -60% 0; } }

.cy-beams { inset: 0; overflow: hidden; }
.cy-beams i { position: absolute; display: block; height: .32vw; min-height: 2px; width: 46vw; border-radius: 2px;
  background: linear-gradient(90deg, transparent, rgba(255, 40, 30, 0) 10%, rgba(255, 60, 40, .85) 60%, #fff 76%, rgba(255, 70, 50, .85) 86%, transparent);
  filter: drop-shadow(0 0 .7vw #ff2a1f); opacity: 0; transform: rotate(-24deg) translateX(-70vw); animation: cyBeam 7s linear infinite; }
.cy-beams i:nth-child(1) { top: 8%; left: 44%; }
.cy-beams i:nth-child(2) { top: 22%; left: 58%; animation-delay: 2.4s; animation-duration: 8s; width: 36vw; }
.cy-beams i:nth-child(3) { top: 62%; left: 30%; animation-delay: 4.6s; animation-duration: 9s; width: 30vw; height: .2vw; }
@keyframes cyBeam { 0% { opacity: 0; transform: rotate(-24deg) translateX(-70vw); } 12% { opacity: 1; } 55% { opacity: 1; } 70%, 100% { opacity: 0; transform: rotate(-24deg) translateX(90vw); } }

.cy-fx { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.cy-vignette { inset: 0; background: radial-gradient(120% 90% at 50% 45%, transparent 55%, rgba(0, 0, 0, .65) 100%); }

/* contenido */
.cy-content { position: absolute; inset: 0; z-index: 5; display: grid; grid-template-columns: auto 1fr; grid-template-areas: "title count" "sub count" "cta count";
  align-content: center; column-gap: 4vw; row-gap: 2.2vw; padding: 0 6vw 2vw 6.5vw; }
.cy-title { grid-area: title; justify-self: start; position: relative; padding: 1.4vw 3.4vw 1.6vw 2.4vw; }
.cy-sub { grid-area: sub; justify-self: start; margin: 0; }
.cy-count { grid-area: count; align-self: center; justify-self: center; margin-top: 1.4vw; }
.cy-ctaw { grid-area: cta; justify-self: start; padding-left: 2vw; }

.cy-plate { position: absolute; inset: 0; transform: skewX(-14deg); border-radius: .8vw; border: 2px solid rgba(255, 60, 48, .95);
  background: linear-gradient(160deg, rgba(40, 4, 4, .55), rgba(0, 0, 0, .25)); box-shadow: 0 0 1.6vw rgba(255, 30, 20, .65), inset 0 0 1.6vw rgba(255, 30, 20, .35); }
@property --cy-ang { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
.cy-plate::before { content: ""; position: absolute; inset: -2px; border-radius: inherit; padding: 2px;
  background: conic-gradient(from var(--cy-ang), transparent 0 62%, rgba(255, 90, 70, .9) 72%, #fff 76%, rgba(255, 90, 70, .9) 80%, transparent 90%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
  animation: cySpin 4.5s linear infinite; filter: drop-shadow(0 0 .5vw #ff3b30); }
@keyframes cySpin { to { --cy-ang: 360deg; } }
.cy-h { margin: 0; position: relative; font-family: var(--font-display); font-weight: 700; text-transform: uppercase; line-height: .9; letter-spacing: .02em; color: #fff; }
.cy-l1 { display: flex; align-items: center; gap: 1.2vw; white-space: nowrap; }
.cy-cart { width: 7.6vw; height: auto; overflow: visible; filter: drop-shadow(0 0 .45vw #ff2a1f) drop-shadow(0 0 1.2vw rgba(255, 20, 10, .6)); animation: cyCart 2.6s ease-in-out infinite; }
.cy-cart .spd { stroke-dasharray: 30 30; animation: cySpeed 1.1s linear infinite; }
.cy-cart .spd:nth-child(2) { animation-delay: .2s; } .cy-cart .spd:nth-child(3) { animation-delay: .4s; }
@keyframes cySpeed { from { stroke-dashoffset: 60; } to { stroke-dashoffset: 0; } }
@keyframes cyCart { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(.5vw); } }
.cy-cyber { display: inline-block; font-size: 8.6vw; transform: skewX(-10deg); color: transparent;
  background: linear-gradient(100deg, #8a8a8a 0%, #fff 18%, #cfcfcf 34%, #fff 50%, #8d8d8d 68%, #fff 86%, #bdbdbd 100%); background-size: 250% 100%;
  -webkit-background-clip: text; background-clip: text; animation: cyChrome 6s linear infinite, cyGlow 2.4s ease-in-out infinite; }
@keyframes cyChrome { to { background-position: -250% 0; } }
@keyframes cyGlow { 0%, 100% { filter: drop-shadow(0 0 .2vw rgba(255, 70, 60, .85)) drop-shadow(0 0 1vw rgba(255, 20, 10, .45)); }
  50% { filter: drop-shadow(0 0 .35vw rgba(255, 110, 95, 1)) drop-shadow(0 0 2.4vw rgba(255, 20, 10, .9)); } }
.cy-ef { display: block; white-space: nowrap; font-size: 7.2vw; transform: skewX(-10deg); margin-top: .4vw; color: transparent;
  background: linear-gradient(180deg, #ff7c6e 0%, #ff2d22 38%, #d0140f 70%, #7d0a09 100%); -webkit-background-clip: text; background-clip: text;
  filter: drop-shadow(0 0 .25vw rgba(255, 40, 30, .9)) drop-shadow(0 0 1.4vw rgba(255, 0, 0, .45)); animation: cyFlick 7s linear infinite; }
@keyframes cyFlick { 0%, 90%, 94%, 97%, 100% { opacity: 1; } 92% { opacity: .55; } 95.5% { opacity: .75; } }

.cy-sub { font-family: var(--font-display); font-weight: 600; text-transform: uppercase; line-height: 1.05; display: flex; flex-direction: column; align-items: flex-start; gap: .5vw; padding-left: 3vw; color: #fff; }
.cy-sub1 { font-size: 2.7vw; transform: skewX(-10deg); text-shadow: 0 0 1vw rgba(0, 0, 0, .8); }
.cy-sub2 { display: flex; align-items: center; gap: 1vw; }
.cy-sub2 b { font-weight: 700; font-size: 2.7vw; display: inline-block; padding: .25vw 1.6vw .35vw; transform: skewX(-12deg);
  background: linear-gradient(90deg, #b5120e, #ff2a1f 50%, #b5120e); background-size: 200% 100%; animation: cyTag 4s ease-in-out infinite alternate; box-shadow: 0 0 1.4vw rgba(255, 30, 20, .55); }
@keyframes cyTag { to { background-position: 100% 0; } }
.cy-slash { display: inline-flex; gap: .3vw; font-style: normal; }
.cy-slash i { display: block; width: .55vw; height: 2.6vw; background: #ff2a1f; transform: skewX(-22deg); box-shadow: 0 0 .6vw #ff2a1f; animation: cySlash 1.2s ease-in-out infinite; }
.cy-slash i:nth-child(2) { animation-delay: .15s; } .cy-slash i:nth-child(3) { animation-delay: .3s; }
@keyframes cySlash { 0%, 100% { opacity: .3; } 40% { opacity: 1; } }

.cy-cta { position: relative; display: inline-flex; align-items: center; gap: 1.2vw; overflow: hidden; text-decoration: none; color: #fff;
  font-family: var(--font-display); font-weight: 600; font-size: 2.15vw; letter-spacing: .04em; text-transform: uppercase; line-height: 1.3;
  padding: 1.1vw 3.4vw 1.2vw; border-radius: .9vw; transform: skewX(-10deg);
  background: linear-gradient(180deg, #ff4033 0%, #d3160f 55%, #930c0a 100%); border: 1.5px solid #ff8b7f;
  box-shadow: 0 0 1.8vw rgba(255, 40, 30, .65), 0 .6vw 2vw rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .4); transition: filter .2s, translate .2s; }
.cy-cta::after { content: ""; position: absolute; top: -10%; bottom: -10%; width: 30%; left: 0; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .55), transparent); transform: translateX(-160%); animation: cyShine 3.8s ease-in-out infinite; }
@keyframes cyShine { 0% { transform: translateX(-160%); } 28%, 100% { transform: translateX(420%); } }
.cy-cta:hover { filter: brightness(1.12); translate: 0 -2px; color: #fff; }
.cy-cta:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.cy-arrow { display: inline-block; animation: cyNudge 1.6s ease-in-out infinite; }
@keyframes cyNudge { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(.6vw); } }

.cy-count { position: relative; padding: 2.3vw 1.8vw 1.7vw; }
.cy-count[hidden] { display: none; }
.cy-frame { position: absolute; inset: 0; transform: skewX(-8deg); filter: drop-shadow(0 0 .8vw rgba(255, 40, 30, .75)); --c: 1.6vw; }
.cy-frame::before, .cy-frame::after { content: ""; position: absolute; inset: 0; clip-path: polygon(var(--c) 0, calc(100% - var(--c)) 0, 100% var(--c), 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, var(--c) 100%, 0 calc(100% - var(--c)), 0 var(--c)); }
.cy-frame::before { background: linear-gradient(135deg, #ff5a4c, #c3130f 50%, #ff3b30); }
.cy-frame::after { inset: 2px; background: linear-gradient(180deg, rgba(18, 5, 5, .92), rgba(6, 2, 2, .92)); }
.cy-count-lbl { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); z-index: 2; display: flex; align-items: center; gap: .8vw; white-space: nowrap;
  font-family: var(--font-display); font-weight: 600; font-size: 1.7vw; letter-spacing: .05em; padding: 0 1vw; background: #0b0404; line-height: 1.3; }
.cy-count-lbl .cy-slash i { height: 1.5vw; width: .4vw; }
.cy-boxes { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 6.9vw); gap: 1.1vw; }
.cy-box { text-align: center; border: 1.5px solid rgba(255, 80, 66, .9); border-radius: .8vw; padding: .7vw 0 .6vw;
  background: linear-gradient(180deg, #1d0707, #060202); box-shadow: inset 0 0 1.2vw rgba(255, 30, 20, .35), 0 0 .9vw rgba(255, 30, 20, .45); }
.cy-num { display: block; font-family: var(--font-display); font-weight: 700; font-size: 3.7vw; line-height: 1.05; font-variant-numeric: tabular-nums; text-shadow: 0 0 .8vw rgba(255, 255, 255, .35); }
.cy-unit { display: block; font-family: var(--font-body); font-size: 1vw; font-weight: 600; letter-spacing: .12em; color: #f1dcda; margin-top: .15vw; line-height: 1.2; }
.cy-num.tick { animation: cyTick .45s ease-out; }
@keyframes cyTick { 0% { transform: translateY(-18%); opacity: .3; text-shadow: 0 0 1.4vw #ff3b30; } 100% { transform: none; opacity: 1; } }
.cy-box.sec { animation: cySec 1s ease-in-out infinite; }
@keyframes cySec { 0%, 100% { box-shadow: inset 0 0 1.2vw rgba(255, 30, 20, .35), 0 0 .9vw rgba(255, 30, 20, .45); } 50% { box-shadow: inset 0 0 1.6vw rgba(255, 40, 30, .6), 0 0 1.8vw rgba(255, 40, 30, .85); } }

.sc-slide.active .cy-title { animation: cyInL .8s cubic-bezier(.2, .8, .2, 1) both; }
.sc-slide.active .cy-sub { animation: cyInL .8s .15s cubic-bezier(.2, .8, .2, 1) both; }
.sc-slide.active .cy-count { animation: cyInR .8s .25s cubic-bezier(.2, .8, .2, 1) both; }
.sc-slide.active .cy-ctaw { animation: cyInU .7s .4s cubic-bezier(.2, .8, .2, 1) both; }
@keyframes cyInL { from { opacity: 0; transform: translateX(-5vw); } }
@keyframes cyInR { from { opacity: 0; transform: translateX(5vw); } }
@keyframes cyInU { from { opacity: 0; transform: translateY(3vw); } }

.sc-slider.is-cyber-slide .sc-dot { background: rgba(255, 255, 255, .35); }
.sc-slider.is-cyber-slide .sc-dot.active { background: #ff2a1f; box-shadow: 0 0 8px #ff2a1f; }

/* tablet */
@media (max-width: 1099px) {
  .cy-content { padding: 0 4vw 3vw 5vw; row-gap: 2.6vw; column-gap: 3vw; }
  .cy-cyber { font-size: 9.2vw; } .cy-ef { font-size: 7.6vw; } .cy-cart { width: 8vw; }
  .cy-sub1, .cy-sub2 b { font-size: 3vw; } .cy-slash i { height: 2.8vw; width: .6vw; }
  .cy-cta { font-size: 2.6vw; padding: 1.4vw 3.6vw; }
  .cy-count { padding: 2.8vw 1.8vw 2vw; }
  .cy-boxes { grid-template-columns: repeat(4, 7.4vw); gap: 1vw; } .cy-num { font-size: 4.2vw; } .cy-unit { font-size: 1.2vw; } .cy-count-lbl { font-size: 2vw; }
}
/* mobile */
@media (max-width: 900px) {
  .cy-content { grid-template-columns: 1fr; grid-template-areas: "title" "sub" "count" "cta"; justify-items: center; padding: 0 5vw 10vw; row-gap: 4.2vw; }
  .cy-title, .cy-sub, .cy-ctaw { justify-self: center; }
  .cy-title { padding: 2.4vw 5vw 2.8vw 4vw; }
  .cy-l1 { gap: 2vw; } .cy-cart { width: 12vw; }
  .cy-cyber { font-size: 15.5vw; } .cy-ef { font-size: 12.8vw; text-align: center; }
  .cy-sub { align-items: center; padding-left: 0; gap: 1.2vw; }
  .cy-sub1, .cy-sub2 b { font-size: 4.7vw; } .cy-slash i { height: 4.4vw; width: .9vw; } .cy-sub2 { gap: 1.6vw; }
  .cy-count { justify-self: center; margin-top: 0; padding: 4.2vw 3vw 3vw; } .cy-frame { --c: 3vw; }
  .cy-count-lbl { font-size: 3.6vw; padding: 0 2vw; } .cy-count-lbl .cy-slash i { height: 3vw; width: .8vw; }
  .cy-boxes { grid-template-columns: repeat(4, 15.5vw); gap: 2vw; } .cy-box { border-radius: 1.6vw; padding: 1.4vw 0 1.2vw; }
  .cy-num { font-size: 8vw; } .cy-unit { font-size: 2.4vw; }
  .cy-ctaw { padding-left: 0; }
  .cy-cta { font-size: 4.8vw; padding: 2.4vw 6vw; border-radius: 1.8vw; gap: 2vw; }
}

/* ── BLOQUE DE OFERTAS EN MODO CYBER ── */
.sc-promo-imbatibles-inner[data-cyber-mode] { position: relative; isolation: isolate; }
.sc-promo-imbatibles-inner[data-cyber-mode="cyber"] {
  background: radial-gradient(60% 140% at 0% 55%, rgba(177, 29, 28, .42), transparent 62%), radial-gradient(50% 90% at 100% 0%, rgba(255, 40, 30, .16), transparent 60%), linear-gradient(118deg, #0b0a0b 0%, #181314 55%, #0a090a 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 60, 48, .25); }
.sc-promo-imbatibles-inner[data-cyber-mode="cyber"] .sc-normal-side,
.sc-promo-imbatibles-inner[data-cyber-mode="normal"] .sc-cy-side,
.sc-promo-imbatibles-inner[data-cyber-mode="normal"] .sc-cy-lines { display: none; }
.sc-promo-imbatibles-inner[data-cyber-mode] .sc-promo-side, .sc-promo-imbatibles-inner[data-cyber-mode] .sc-promo-products-wrap { position: relative; z-index: 2; }
.sc-promo-imbatibles-inner[data-cyber-mode="cyber"] .sc-pcard { border-color: rgba(255, 255, 255, .12); }
.sc-promo-imbatibles-inner[data-cyber-mode="cyber"] .sc-pcard:hover { box-shadow: 0 0 0 1.5px #ff3b30, 0 0 22px rgba(255, 40, 30, .45); }

.sc-cy-lines { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
.sc-cy-lines .base { stroke: rgba(255, 59, 48, .55); stroke-width: 2; fill: none; vector-effect: non-scaling-stroke; }
.sc-cy-lines .glow { stroke: rgba(255, 40, 30, .45); stroke-width: 7; fill: none; vector-effect: non-scaling-stroke; filter: blur(3px); }
.sc-cy-lines .run { stroke: #fff; stroke-width: 2.5; fill: none; vector-effect: non-scaling-stroke; stroke-dasharray: .08 1; stroke-linecap: round; animation: cyRunLine 3.6s linear infinite; filter: drop-shadow(0 0 4px #ff3b30); }
.sc-cy-lines .run:nth-of-type(2n) { animation-delay: 1.3s; animation-duration: 4.4s; }
@keyframes cyRunLine { from { stroke-dashoffset: 1.08; } to { stroke-dashoffset: 0; } }

.sc-cy-side { color: #fff; }
.sc-cy-tag { position: relative; width: 226px; max-width: 100%; margin: 34px auto 14px; transform: rotate(-6deg); }
.sc-cy-tag svg.shape { display: block; width: 100%; height: auto; overflow: visible; filter: drop-shadow(0 0 4px #ff2a1f) drop-shadow(0 0 12px rgba(255, 20, 10, .7)); animation: cyTagGlow 2.6s ease-in-out infinite; }
.sc-cy-tag .shape path, .sc-cy-tag .shape circle { fill: none; stroke: #ff3b30; stroke-width: 3; }
@keyframes cyTagGlow { 50% { filter: drop-shadow(0 0 6px #ff4a3d) drop-shadow(0 0 22px rgba(255, 20, 10, .95)); } }
.sc-cy-tag-cart { position: absolute; left: -8px; top: -34px; width: 62px; overflow: visible; filter: drop-shadow(0 0 4px #ff2a1f) drop-shadow(0 0 10px rgba(255, 20, 10, .6)); }
.sc-cy-tag-txt { position: absolute; inset: 0 0 0 36px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: var(--font-display); font-weight: 700; text-transform: uppercase; line-height: .92; }
.sc-cy-tag-txt .w { font-size: 40px; color: #fff; text-shadow: 0 0 4px #fff, 0 0 12px rgba(255, 70, 60, .9), 0 0 26px rgba(255, 20, 10, .6); }
.sc-cy-tag-txt .r { font-size: 36px; color: #ff4336; text-shadow: 0 0 4px rgba(255, 90, 80, .9), 0 0 14px rgba(255, 20, 10, .85); animation: cyFlick 6s linear infinite; }
.sc-cy-title { font-family: var(--font-display); font-weight: 700; font-size: 25px; line-height: 1.08; color: #fff; text-transform: uppercase; margin-top: 6px; }
.sc-cy-sub { font-family: var(--font-display); font-weight: 600; font-size: 15px; letter-spacing: .06em; color: #ff4336; text-transform: uppercase; margin: 4px 0 18px; text-shadow: 0 0 10px rgba(255, 40, 30, .6); }
.sc-cy-cta { position: relative; overflow: hidden; display: inline-block; color: #fff; text-decoration: none; font-weight: 700; font-size: 14px; padding: 12px 26px; border-radius: 999px;
  background: linear-gradient(180deg, #ff3b2f, #c3130f); box-shadow: 0 0 16px rgba(255, 40, 30, .6), inset 0 1px 0 rgba(255, 255, 255, .35); transition: filter .2s; }
.sc-cy-cta::after { content: ""; position: absolute; top: 0; bottom: 0; width: 35%; left: 0; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .5), transparent); animation: cyShine 3.8s 1s ease-in-out infinite; transform: translateX(-160%); }
.sc-cy-cta:hover, .sc-cy-cta:focus { filter: brightness(1.12); color: #fff; }
.sc-cy-cta:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (max-width: 900px) { .sc-cy-title { font-size: 27px; } .sc-cy-tag { margin-top: 30px; } }