/* VARIABLES & BASE — LIGHT THEME */
:root {
  --red: #E8001D; --red-dark: #b5001a; --red-light: #fff0f0; --red-glow: rgba(232,0,29,0.15);
  --black: #111111; --dark: #1a1a1a;
  --bg: #f5f5f5; --bg2: #ffffff; --bg3: #efefef;
  --border: #e0e0e0; --border2: #d0d0d0;
  --muted: #888888; --text: #1a1a1a; --text2: #444444; --white: #ffffff;
  --font-display: 'Bebas Neue', sans-serif;
  --font-cond: 'Barlow Condensed', sans-serif;
  --font-body: 'Barlow', sans-serif;
  --radius: 4px; --radius-lg: 10px; --transition: 0.25s ease;
  --shadow: 0 2px 16px rgba(0,0,0,0.07); --shadow-lg: 0 8px 40px rgba(0,0,0,0.10);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
.container{max-width:1100px;margin:0 auto;padding:0 24px;}
@media(max-width:768px){.container{padding:0 16px;}}

/* TYPOGRAPHY */
.section-label{font-family:var(--font-cond);font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--red);text-transform:uppercase;margin-bottom:12px;}
.section-title{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,3.6rem);line-height:1.0;letter-spacing:.02em;color:var(--black);margin-bottom:16px;}
.section-title em{color:var(--red);font-style:normal;}
.section-sub{color:var(--muted);font-size:1.05rem;max-width:520px;font-weight:300;}
.section-header{text-align:center;margin-bottom:56px;}
.section-header .section-sub{margin:0 auto;}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;font-family:var(--font-cond);font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius);border:2px solid transparent;cursor:pointer;transition:all var(--transition);white-space:nowrap;}
.btn--primary{background:var(--red);color:#fff;border-color:var(--red);}
.btn--primary:hover{background:var(--red-dark);border-color:var(--red-dark);transform:translateY(-2px);box-shadow:0 8px 24px var(--red-glow);}
.btn--ghost{background:transparent;color:var(--black);border-color:var(--border2);}
.btn--ghost:hover{border-color:var(--red);color:var(--red);transform:translateY(-2px);}
.btn--full{width:100%;}
.btn--xl{padding:18px 40px;font-size:1.1rem;}

/* NAV — always light */
.nav{position:fixed;top:0;left:0;right:0;z-index:9002;display:flex;align-items:center;justify-content:space-between;padding:16px 40px;transition:all var(--transition);background:rgba(255,255,255,0.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);}
.nav.scrolled{background:rgba(255,255,255,0.98);padding:12px 40px;box-shadow:0 2px 16px rgba(0,0,0,0.06);}
.nav__logo-img{height:36px;}
.nav__links{display:flex;align-items:center;gap:32px;}
.nav__links a{font-family:var(--font-cond);font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text2);transition:color var(--transition);}
.nav__links a:hover{color:var(--red)!important;}
.nav__cta{background:var(--red)!important;color:#fff!important;padding:8px 20px;border-radius:var(--radius);border:2px solid var(--red);}
.nav__cta:hover{background:var(--red-dark)!important;border-color:var(--red-dark)!important;}
.nav__burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:9003;position:relative;}
.nav__burger span{display:block;width:24px;height:2px;background:var(--black);transition:all var(--transition);}
/* Mobile menu overlay — injected to body by JS */
.nav-overlay{display:none;position:fixed;inset:0;z-index:9001;background:#ffffff;flex-direction:column;align-items:center;justify-content:center;gap:40px;}
.nav-overlay.open{display:flex;}
.nav-overlay a{font-family:var(--font-cond);font-size:1.3rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text);text-decoration:none;}
.nav-overlay a:hover{color:var(--red);}
.nav-overlay__close{position:absolute;top:20px;right:20px;background:none;border:none;cursor:pointer;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.nav-overlay__close::before,.nav-overlay__close::after{content:'';position:absolute;width:24px;height:2px;background:var(--black);}
.nav-overlay__close::before{transform:rotate(45deg);}
.nav-overlay__close::after{transform:rotate(-45deg);}
@media(max-width:768px){
  .nav{padding:16px 20px;}
  .nav__links{display:none;}
  .nav__burger{display:flex;}
  .nav__burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav__burger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
  .nav__burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
}

/* HERO — LIGHT */
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--white);padding:120px 40px 80px;border-bottom:1px solid var(--border);}
.hero__noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.025'/%3E%3C/svg%3E");opacity:.5;pointer-events:none;}
.hero__grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(232,0,29,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(232,0,29,.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;}
.hero::before{content:'';position:absolute;top:0;right:0;width:40%;height:100%;background:linear-gradient(160deg,#fff5f5 0%,#ffe8e8 100%);clip-path:polygon(15% 0,100% 0,100% 100%,0% 100%);pointer-events:none;z-index:0;}
.hero::after{content:'';position:absolute;top:0;right:0;width:40%;height:5px;background:var(--red);pointer-events:none;z-index:1;}
.hero__content{position:relative;z-index:2;max-width:620px;animation:fadeUp .8s ease both;}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.hero__tag{font-family:var(--font-cond);font-size:.8rem;font-weight:700;letter-spacing:.25em;color:var(--red);text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:12px;}
.hero__tag::before{content:'';width:32px;height:2px;background:var(--red);}
.hero__title{font-family:var(--font-display);font-size:clamp(3rem,7vw,6rem);line-height:.95;letter-spacing:.02em;margin-bottom:24px;color:var(--black);}
.hero__sub{font-size:1.1rem;color:var(--muted);font-weight:300;margin-bottom:40px;letter-spacing:.02em;}
.hero__actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:60px;}
.hero .btn--ghost{color:var(--black);border-color:var(--border2);}
.hero .btn--ghost:hover{border-color:var(--red);color:var(--red);}
.hero__stats{display:flex;align-items:center;gap:32px;flex-wrap:wrap;}
.hero__stat{display:flex;flex-direction:column;}
.hero__stat-num{font-family:var(--font-display);font-size:2.4rem;color:var(--black);line-height:1;}
.hero__stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-cond);}
.hero__stat-divider{width:1px;height:40px;background:var(--border2);}
.hero__scroll-hint{position:absolute;bottom:40px;right:40px;display:flex;align-items:center;gap:12px;font-family:var(--font-cond);font-size:.7rem;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;writing-mode:vertical-rl;z-index:2;}
.hero__scroll-line{width:1px;height:60px;background:linear-gradient(var(--border2),var(--red));animation:scrollPulse 2s ease-in-out infinite;}
@keyframes scrollPulse{0%,100%{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}
@media(max-width:768px){.hero{padding:100px 20px 60px;}.hero::before{display:none;}.hero::after{display:none;}}

/* ABOUT */
.about{padding:100px 0;background:var(--white);}
.about__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center;}
.about__img-wrap{position:relative;}
.about__img-frame{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg3);border:1px solid var(--border);}
.about__img{width:100%;object-fit:cover;}
.about__img-placeholder{aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:.9rem;background:var(--bg3);}
.about__img-icon{font-size:4rem;}
.about__badge{position:absolute;bottom:-20px;right:-20px;background:var(--red);color:#fff;border-radius:50%;width:90px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 20px var(--red-glow);}
.about__badge-num{font-family:var(--font-display);font-size:1.8rem;line-height:1;}
.about__badge-text{font-family:var(--font-cond);font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-align:center;line-height:1.2;}
.about__desc{color:var(--text2);font-weight:300;line-height:1.8;margin-bottom:28px;font-size:1rem;}
.about__certs{display:flex;flex-direction:column;gap:10px;margin-bottom:32px;}
.about__cert{display:flex;align-items:flex-start;gap:10px;font-size:.92rem;color:var(--text2);}
.about__cert-icon{color:var(--red);font-weight:700;flex-shrink:0;margin-top:2px;}
@media(max-width:768px){.about__grid{grid-template-columns:1fr;gap:40px;}.about__badge{bottom:-10px;right:-10px;width:72px;height:72px;}}

/* SERVICES */
.services{padding:100px 0;background:var(--bg);}
.services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;align-items:start;}
.service-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-lg);padding:36px 32px;display:flex;flex-direction:column;gap:16px;position:relative;transition:transform var(--transition),box-shadow var(--transition);box-shadow:var(--shadow);}
.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.service-card--featured{border-color:var(--red);border-width:2px;}
.service-card__badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;font-family:var(--font-cond);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 16px;border-radius:20px;white-space:nowrap;}
.service-card__emoji{font-size:2.2rem;}
.service-card__name{font-family:var(--font-display);font-size:1.8rem;letter-spacing:.03em;color:var(--black);}
.service-card__desc{color:var(--muted);font-size:.95rem;font-weight:300;line-height:1.6;}
.service-card__price{display:flex;align-items:baseline;gap:4px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.service-card__price-num{font-family:var(--font-display);font-size:3rem;color:var(--black);line-height:1;}
.service-card__price-per{color:var(--muted);font-size:.9rem;}
.service-card__list{flex:1;display:flex;flex-direction:column;gap:10px;margin-bottom:8px;}
.service-card__list li{font-size:.9rem;color:var(--text2);padding-left:20px;position:relative;font-weight:400;}
.service-card__list li::before{content:'→';position:absolute;left:0;color:var(--red);font-size:.8rem;}

/* QUIZ */
.quiz-section{padding:100px 0;background:var(--white);}
.quiz-box{max-width:680px;margin:0 auto;background:var(--bg);border:1.5px solid var(--border);border-radius:12px;padding:48px;position:relative;overflow:hidden;box-shadow:var(--shadow);}
@media(max-width:768px){.quiz-box{padding:28px 20px;margin:0 16px;}}
.quiz-step{display:none;}
.quiz-step.active{display:block;animation:fadeUp .35s ease both;}
.quiz-step__num{font-family:var(--font-cond);font-size:.8rem;letter-spacing:.15em;color:var(--red);text-transform:uppercase;margin-bottom:16px;}
.quiz-step__q{font-family:var(--font-display);font-size:1.8rem;letter-spacing:.03em;margin-bottom:28px;color:var(--black);}
.quiz-options{display:flex;flex-direction:column;gap:12px;}
.quiz-opt{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text2);font-family:var(--font-body);font-size:1rem;cursor:pointer;transition:all var(--transition);text-align:left;}
.quiz-opt:hover{border-color:var(--red);color:var(--black);background:var(--red-light);transform:translateX(4px);}
.quiz-opt__icon{font-size:1.5rem;flex-shrink:0;}
.quiz-result{text-align:center;}
.quiz-result__icon{font-size:4rem;margin-bottom:16px;}
.quiz-result__title{font-family:var(--font-cond);font-size:.85rem;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;margin-bottom:8px;}
.quiz-result__plan{font-family:var(--font-display);font-size:2.8rem;color:var(--red);margin-bottom:16px;letter-spacing:.03em;}
.quiz-result__desc{color:var(--text2);font-weight:300;margin-bottom:32px;line-height:1.7;}
.quiz-result__actions{display:flex;flex-direction:column;gap:12px;align-items:center;}
.quiz-progress{margin-top:32px;height:3px;background:var(--border);border-radius:2px;overflow:hidden;}
.quiz-progress__bar{height:100%;background:var(--red);transition:width .4s ease;width:0%;}

/* TESTIMONIALS */
.testimonials{padding:100px 0;background:var(--bg);}
.testimonials__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;}
.testimonial-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column;gap:16px;transition:transform var(--transition),box-shadow var(--transition);box-shadow:var(--shadow);}
.testimonial-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);}
.testimonial-card__top{display:flex;align-items:center;gap:16px;}
.testimonial-card__avatar{width:52px;height:52px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.4rem;color:#fff;flex-shrink:0;overflow:hidden;}
.testimonial-card__avatar img{width:100%;height:100%;object-fit:cover;}
.testimonial-card__name{font-family:var(--font-cond);font-size:1rem;font-weight:700;letter-spacing:.05em;color:var(--black);}
.testimonial-card__city{font-size:.8rem;color:var(--muted);}
.testimonial-card__stars{color:var(--red);font-size:.85rem;letter-spacing:2px;}
.testimonial-card__text{color:var(--text2);font-weight:300;line-height:1.7;font-size:.95rem;font-style:italic;flex:1;}
.testimonial-card__result{display:inline-block;background:var(--red-light);border:1px solid rgba(232,0,29,.2);color:var(--red);font-family:var(--font-cond);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:20px;align-self:flex-start;}

/* CONTACT — LIGHT */
.contact{padding:100px 0;background:var(--white);border-top:1px solid var(--border);overflow:hidden;}
.contact .section-label{color:var(--red);}
.contact .section-title{color:var(--black);}
.contact__box{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:var(--bg);border:1.5px solid var(--border);border-radius:12px;padding:64px;box-shadow:var(--shadow);position:relative;box-sizing:border-box;width:100%;}
.contact__box::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--red);border-radius:12px 12px 0 0;}
.contact__left p{color:var(--text2);font-weight:300;line-height:1.8;margin-bottom:24px;}
.contact__perks{display:flex;flex-direction:column;gap:10px;}
.contact__perks li{font-size:.9rem;color:var(--text2);}
.contact__right{display:flex;flex-direction:column;gap:16px;align-items:flex-start;}
.contact .btn--ghost{color:var(--black);border-color:var(--border2);}
.contact .btn--ghost:hover{border-color:var(--red);color:var(--red);}
.contact__email{font-size:.85rem;color:var(--muted);text-align:center;width:100%;transition:color var(--transition);}
.contact__email:hover{color:var(--red);}
@media(max-width:768px){.contact__box{grid-template-columns:1fr;gap:32px;padding:24px 16px 28px;width:100%;max-width:100%;box-sizing:border-box;}.contact__right{width:100%;}.btn--xl{width:100%;text-align:center;}}

/* FOOTER — LIGHT */
.footer{background:var(--bg3);border-top:2px solid var(--red);padding:40px 0;}
.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.footer__logo{height:28px;}
.footer__social{display:flex;gap:20px;}
.footer__social a{color:var(--muted);transition:color var(--transition);}
.footer__social a:hover{color:var(--red);}
.footer__copy{font-size:.8rem;color:var(--muted);}

/* REVEAL */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* ADMIN BAR */
.admin-bar{position:fixed;bottom:20px;right:20px;z-index:999;}
.admin-bar a{display:flex;align-items:center;gap:8px;background:var(--red);color:#fff;font-family:var(--font-cond);font-size:.85rem;font-weight:700;letter-spacing:.1em;padding:12px 20px;border-radius:40px;box-shadow:0 4px 20px var(--red-glow);text-transform:uppercase;transition:all var(--transition);}
.admin-bar a:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--red-glow);}

/* FAQ */
.faq{padding:100px 0;background:var(--white);}
.faq__list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:0;}
.faq__item{border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition);}
.faq__item:first-child{border-top:1px solid var(--border);}
.faq__q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 4px;font-family:var(--font-cond);font-size:1.1rem;font-weight:700;letter-spacing:.03em;color:var(--black);}
.faq__icon{font-size:1.5rem;color:var(--red);flex-shrink:0;transition:transform .25s ease;line-height:1;font-weight:300;}
.faq__item.open .faq__icon{transform:rotate(45deg);}
.faq__a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;color:var(--text2);font-weight:300;line-height:1.8;font-size:.97rem;padding:0 4px;}
.faq__item.open .faq__a{max-height:200px;padding-bottom:20px;}
.faq__item:hover .faq__q{color:var(--red);}

/* WHATSAPP BUBBLE */
.wa-bubble{position:fixed;bottom:28px;left:28px;z-index:998;display:flex;align-items:center;gap:10px;background:#25D366;color:#fff;border-radius:50px;padding:14px 20px 14px 18px;box-shadow:0 4px 24px rgba(37,211,102,.35);font-family:var(--font-cond);font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:all .25s ease;animation:waPulse 2.5s ease-in-out infinite;}
.wa-bubble:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(37,211,102,.45);color:#fff;}
@keyframes waPulse{0%,100%{box-shadow:0 4px 24px rgba(37,211,102,.35)}50%{box-shadow:0 4px 32px rgba(37,211,102,.55)}}
@media(max-width:768px){.wa-bubble__label{display:none;}.wa-bubble{padding:14px;border-radius:50%;transition:bottom .4s ease;}}.wa-bubble.lifted{bottom:88px;}

/* MOBILE CTA STICKY */
.mobile-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:997;padding:12px 16px;background:rgba(255,255,255,.97);border-top:1px solid var(--border);box-shadow:0 -4px 20px rgba(0,0,0,.08);}
.mobile-cta .btn{width:100%;justify-content:center;font-size:1rem;}
@media(max-width:768px){.mobile-cta{display:block;}.mobile-cta.hidden{display:none;}}

/* ADMIN BAR — push up on mobile so it doesn't hide CTA */
@media(max-width:768px){.admin-bar{bottom:80px;}}

/* COUNTER animation */
.hero__stat-num.counter{transition:none;}

/* TOAST */
.toast{position:fixed;top:24px;right:24px;z-index:9999;background:var(--black);color:#fff;font-family:var(--font-cond);font-size:.9rem;font-weight:700;letter-spacing:.08em;padding:14px 24px;border-radius:6px;box-shadow:0 4px 20px rgba(0,0,0,.18);display:flex;align-items:center;gap:10px;transform:translateY(-80px);opacity:0;transition:all .3s ease;}
.toast.show{transform:translateY(0);opacity:1;}
.toast__icon{color:#00c850;font-size:1.1rem;}

/* =====================================================
   TRANSFORMACIONES — BEFORE/AFTER SLIDER
   ===================================================== */
.transformations{padding:100px 0;background:var(--bg);}
.transformations__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:0;}

/* Card wrapper */
.ba-card{display:flex;flex-direction:column;gap:16px;}
.ba-card__label{font-family:var(--font-cond);font-size:.75rem;font-weight:700;letter-spacing:.15em;color:var(--muted);text-transform:uppercase;text-align:center;}
.ba-card__result{display:inline-block;background:var(--red-light);border:1px solid rgba(232,0,29,.2);color:var(--red);font-family:var(--font-cond);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:20px;align-self:center;}

/* The slider itself */
.ba-slider{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1.5px solid var(--border);box-shadow:var(--shadow-lg);user-select:none;cursor:ew-resize;aspect-ratio:3/4;background:var(--bg3);}
.ba-slider__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.ba-slider__before{z-index:1;}
.ba-slider__after{z-index:2;clip-path:inset(0 50% 0 0);}
.ba-slider__divider{position:absolute;top:0;bottom:0;left:50%;z-index:3;width:3px;background:var(--white);box-shadow:0 0 12px rgba(0,0,0,.3);transform:translateX(-50%);}
.ba-slider__handle{position:absolute;top:50%;left:50%;z-index:4;width:44px;height:44px;background:var(--white);border-radius:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 20px rgba(0,0,0,.25);cursor:ew-resize;transition:transform .1s ease;border:3px solid var(--red);}
.ba-slider__handle:active{transform:translate(-50%,-50%) scale(1.1);}
.ba-slider__arrows{display:flex;gap:4px;align-items:center;}
.ba-slider__arrows svg{width:14px;height:14px;fill:var(--red);}

/* Badge labels inside image */
.ba-badge{position:absolute;bottom:14px;z-index:5;font-family:var(--font-cond);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:4px;}
.ba-badge--before{left:14px;background:rgba(0,0,0,.65);color:#fff;}
.ba-badge--after{right:14px;background:var(--red);color:#fff;}

/* Placeholder when no images */
.ba-placeholder{aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg3);border:2px dashed var(--border2);border-radius:var(--radius-lg);color:var(--muted);font-size:.9rem;text-align:center;padding:24px;}
.ba-placeholder-icon{font-size:3rem;opacity:.4;}

@media(max-width:768px){
  .transformations__grid{grid-template-columns:1fr;max-width:380px;margin-left:auto;margin-right:auto;}
}