/* CLIX Fotocabinas · landing de cotización
   Colores y tipografías vienen de los Globales de Elementor (kit): CLIX Rojo, Negro, etc. */
:root{
  --clx-rojo:var(--e-global-color-clix_rojo,#BE1522);
  --clx-negro:var(--e-global-color-clix_negro,#000);
  --clx-blanco:var(--e-global-color-clix_blanco,#fff);
  --clx-mostaza:var(--e-global-color-clix_mostaza,#F2B705);
  --clx-gris:var(--e-global-color-clix_gris,#6E6E6E);
  --clx-crema:var(--e-global-color-clix_crema,#FBF6EC);
  --clx-display:var(--e-global-typography-clix_display-font-family,"Archivo Black"),"Arial Black",Arial,sans-serif;
  --clx-body:var(--e-global-typography-clix_body-font-family,"Inter"),Arial,sans-serif;
  --clx-radius:22px;
  --clx-ease:cubic-bezier(.2,.9,.25,1.2);
  --clx-top:var(--wp-admin--admin-bar--height,0px);
}
html{scroll-behavior:smooth}
body.clx-landing{overflow-x:clip;background:var(--clx-blanco);font-family:var(--clx-body)}
body.clx-landing [id]{scroll-margin-top:88px}
.clx-landing a:focus-visible,.clx-landing button:focus-visible,.clx-landing input:focus-visible,
.clx-landing select:focus-visible,.clx-landing textarea:focus-visible,.clx-landing [tabindex]:focus-visible{
  outline:3px solid var(--clx-mostaza);outline-offset:3px;border-radius:8px}

/* ---------- Header ---------- */
.clx-header{position:fixed!important;top:var(--clx-top);left:0;right:0;z-index:60;transition:background .3s,box-shadow .3s,padding .3s}
.clx-header.is-scrolled{background:rgba(0,0,0,.94);box-shadow:0 8px 30px rgba(0,0,0,.35);backdrop-filter:blur(8px)}
.clx-logo{display:inline-flex;align-items:center}
.clx-logo img{height:44px;width:auto;display:block;transition:transform .4s var(--clx-ease)}
.clx-logo:hover img{transform:scale(1.06)}
.clx-nav{display:flex;gap:28px;justify-content:center}
.clx-nav a{color:var(--clx-blanco);text-decoration:none;font:600 15px/1 var(--clx-body);position:relative;padding:8px 0}
.clx-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--clx-mostaza);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.clx-nav a:hover::after{transform:scaleX(1)}
@media (max-width:880px){.clx-nav-wrap{display:none!important}.clx-logo img{height:36px}}

/* ---------- Botones ---------- */
.clx-btn .elementor-button{font-family:var(--clx-body);font-weight:800;letter-spacing:.02em;border-radius:999px;padding:18px 30px;
  box-shadow:5px 5px 0 var(--clx-negro);transition:transform .25s var(--clx-ease),box-shadow .25s}
.clx-btn .elementor-button:hover{transform:translate(-2px,-3px) rotate(-1.5deg);box-shadow:8px 9px 0 var(--clx-negro)}
.clx-btn .elementor-button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--clx-negro)}
.clx-on-dark .clx-btn .elementor-button,.clx-btn--glow .elementor-button{box-shadow:5px 5px 0 var(--clx-mostaza)}
.clx-on-dark .clx-btn .elementor-button:hover,.clx-btn--glow .elementor-button:hover{box-shadow:8px 9px 0 var(--clx-mostaza)}
.clx-btn--ghost .elementor-button{background:transparent!important;border:2px solid var(--clx-blanco);box-shadow:none!important}
.clx-btn--ghost .elementor-button:hover{background:var(--clx-blanco)!important;color:var(--clx-negro)!important}
.clx-btn--sm .elementor-button{padding:12px 20px;font-size:14px;box-shadow:3px 3px 0 var(--clx-mostaza)}
.clx-pulse .elementor-button{animation:clx-pulse 2.6s ease-in-out 1.6s infinite}
@keyframes clx-pulse{0%,70%,100%{scale:1}78%{scale:1.07}86%{scale:.98}}

/* ---------- Etiquetas / stickers ---------- */
.clx-eyebrow{display:inline-block;font:800 13px/1 var(--clx-body);letter-spacing:.12em;text-transform:uppercase;
  background:var(--clx-mostaza);color:var(--clx-negro);padding:9px 14px;border-radius:999px;rotate:-2deg;box-shadow:3px 3px 0 var(--clx-negro)}
.clx-eyebrow--red{background:var(--clx-rojo);color:var(--clx-blanco)}
.clx-chips{display:flex;flex-wrap:wrap;gap:10px}
.clx-chip{display:inline-flex;align-items:center;gap:8px;font:700 14px/1 var(--clx-body);color:var(--clx-blanco);
  border:1.5px solid rgba(255,255,255,.35);padding:10px 14px;border-radius:999px}
.clx-chip i{width:9px;height:9px;border-radius:50%;background:var(--clx-mostaza);box-shadow:0 0 0 4px rgba(242,183,5,.25)}
.clx-chip:nth-child(2) i{background:var(--clx-rojo);box-shadow:0 0 0 4px rgba(190,21,34,.3)}

/* Resaltado de palabra dentro de un Heading: <span class="clx-hl">…</span> */
.clx-hl{display:inline-block;background:var(--clx-rojo);color:var(--clx-blanco);padding:0 .14em .04em;border-radius:.12em;rotate:-2deg;
  animation:clx-pop .9s var(--clx-ease) .5s both}
.clx-hl--y{background:var(--clx-mostaza);color:var(--clx-negro)}
@keyframes clx-pop{0%{scale:.4;rotate:-14deg;opacity:0}60%{scale:1.12;rotate:3deg;opacity:1}100%{scale:1;rotate:-2deg}}

/* ---------- Fondos con confeti ---------- */
.clx-confetti{position:relative;overflow:hidden;isolation:isolate}
.clx-confetti>canvas.clx-cv{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.clx-confetti>.e-con-inner,.clx-confetti>.elementor-element{position:relative;z-index:1}

/* ---------- Hero ---------- */
.clx-hero{background:radial-gradient(1200px 600px at 75% 30%,#1c1c1c 0%,var(--clx-negro) 60%)!important}
.clx-hero::before,.clx-hero::after{content:"";position:absolute;top:0;bottom:0;width:clamp(26px,5vw,80px);z-index:0;
  background:repeating-linear-gradient(90deg,#7d0d16 0 10px,var(--clx-rojo) 10px 22px,#9a111c 22px 30px);
  box-shadow:inset -14px 0 24px rgba(0,0,0,.5);animation:clx-curtain 1.4s cubic-bezier(.6,0,.2,1) both}
.clx-hero::before{left:0;transform-origin:left}
.clx-hero::after{right:0;transform-origin:right;box-shadow:inset 14px 0 24px rgba(0,0,0,.5)}
@keyframes clx-curtain{from{transform:scaleX(9)}to{transform:scaleX(1)}}
@media (max-width:767px){.clx-hero::before,.clx-hero::after{width:14px}}

/* Cabina ilustrada + tira que se imprime */
.clx-booth{max-width:340px;margin-inline:auto;filter:drop-shadow(0 30px 50px rgba(190,21,34,.25))}
.clx-cam{position:relative;background:#111;border:3px solid #262626;border-radius:28px 28px 12px 12px;padding:22px 22px 18px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}
.clx-cam__flash{width:64px;height:30px;border-radius:8px;background:linear-gradient(#fff,#d9d9d9);box-shadow:0 0 0 4px #2b2b2b}
.clx-cam__lens{width:82px;height:82px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#5a5a5a 0 8%,#121212 9% 38%,#2b2b2b 39% 52%,#0b0b0b 53%);
  box-shadow:0 0 0 6px #2b2b2b,0 0 0 9px var(--clx-rojo);transition:transform .4s var(--clx-ease)}
.clx-cam:hover .clx-cam__lens{transform:scale(1.08) rotate(30deg)}
.clx-cam__x{width:54px;color:var(--clx-rojo)}
.clx-cam__x svg{display:block;width:100%;height:auto}
.clx-cam__led{position:absolute;top:12px;right:16px;width:9px;height:9px;border-radius:50%;background:var(--clx-rojo);animation:clx-blink 1.2s steps(2) infinite}
@keyframes clx-blink{50%{opacity:.25}}
.clx-cam__hint{position:absolute;left:50%;bottom:-14px;translate:-50% 0;white-space:nowrap;font:800 11px/1 var(--clx-body);letter-spacing:.1em;
  text-transform:uppercase;background:var(--clx-mostaza);color:var(--clx-negro);padding:7px 10px;border-radius:999px;rotate:-3deg;z-index:2}
.clx-slot{height:16px;margin:0 30px;background:#050505;border-radius:0 0 10px 10px;box-shadow:inset 0 6px 8px rgba(0,0,0,.9)}
.clx-tray{overflow:hidden;padding:0 10px 40px;margin-top:-6px}
.clx-strip{background:var(--clx-blanco)!important;padding:12px 12px 10px!important;width:210px!important;max-width:100%;margin-inline:auto;
  box-shadow:0 18px 30px rgba(0,0,0,.45);transform-origin:top center;border-radius:4px}
.clx-strip.is-printing{animation:clx-print 2.4s cubic-bezier(.25,.9,.3,1) both,clx-swing 4s ease-in-out 2.4s infinite alternate}
@keyframes clx-print{0%{translate:0 -104%}18%{translate:0 -78%}30%{translate:0 -76%}55%{translate:0 -35%}100%{translate:0 0}}
@keyframes clx-swing{from{rotate:-2.2deg}to{rotate:2.2deg}}
.clx-strip .elementor-widget-image img,.clx-frame img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:2px}
.clx-strip__foot{display:flex;justify-content:space-between;align-items:center;padding-top:4px}
.clx-strip__foot img{height:20px;width:auto}
.clx-strip__foot span{font:800 10px/1 var(--clx-body);letter-spacing:.14em;color:var(--clx-rojo);text-transform:uppercase}

/* ---------- Banda marquee ---------- */
.clx-band{rotate:-2deg;margin-top:-34px!important;margin-bottom:-10px!important;z-index:5;box-shadow:0 10px 0 var(--clx-negro)}
.clx-marquee{overflow:hidden;white-space:nowrap;padding:16px 0}
.clx-track{display:inline-flex;align-items:center;gap:34px;animation:clx-marquee 26s linear infinite;will-change:transform}
.clx-band:hover .clx-track{animation-play-state:paused}
.clx-track span{font:400 clamp(22px,3vw,34px)/1 var(--clx-display);color:var(--clx-blanco);text-transform:uppercase}
.clx-track svg{width:44px;height:auto;color:var(--clx-mostaza);flex:none}
@keyframes clx-marquee{to{transform:translateX(-50%)}}

/* ---------- Stats ---------- */
.clx-stat{border:3px solid var(--clx-negro)!important;border-radius:var(--clx-radius)!important;box-shadow:7px 7px 0 var(--clx-negro);
  transition:transform .35s var(--clx-ease),box-shadow .35s;rotate:-1.5deg}
.clx-stat:nth-child(even){rotate:1.5deg}
.clx-stat:hover{rotate:0deg;transform:translateY(-6px);box-shadow:10px 12px 0 var(--clx-rojo)}
.clx-stat .elementor-counter{align-items:flex-start}
.clx-stat .elementor-counter-number-wrapper{justify-content:flex-start}
.clx-stat .elementor-counter-title{text-align:left}

/* ---------- Pasos ---------- */
.clx-step{background:#121212!important;border:1.5px solid #2a2a2a!important;border-radius:26px!important;
  transition:transform .4s var(--clx-ease),border-color .3s,background .3s;position:relative;overflow:hidden}
.clx-step::after{content:"";position:absolute;right:-30px;bottom:-30px;width:130px;height:115px;background:var(--clx-rojo);opacity:.0;
  -webkit-mask:var(--clx-x-mask) center/contain no-repeat;mask:var(--clx-x-mask) center/contain no-repeat;transition:opacity .35s,transform .5s var(--clx-ease);transform:translateY(30px) scale(.6)}
.clx-step:hover{transform:translateY(-10px) rotate(-1.2deg);border-color:var(--clx-mostaza)!important;background:#171717!important}
.clx-step:hover::after{opacity:.9;transform:translateY(0) scale(1)}
.clx-step-num .elementor-heading-title{color:transparent!important;-webkit-text-stroke:2px var(--clx-mostaza);transition:color .3s}
.clx-step:hover .clx-step-num .elementor-heading-title{color:var(--clx-mostaza)!important}

/* ---------- Bento “Incluye” ---------- */
.clx-tile{background:var(--clx-blanco)!important;border:2.5px solid var(--clx-negro)!important;border-radius:var(--clx-radius)!important;
  box-shadow:6px 6px 0 var(--clx-negro);transition:transform .35s var(--clx-ease),box-shadow .35s;position:relative;overflow:hidden}
.clx-tile:hover{transform:translate(-3px,-5px) rotate(-.8deg);box-shadow:10px 11px 0 var(--clx-negro)}
.clx-tile .elementor-icon{transition:transform .5s var(--clx-ease)}
.clx-tile:hover .elementor-icon{transform:rotate(-12deg) scale(1.15)}
.clx-tile--big{grid-column:span 2;grid-row:span 2;background:var(--clx-rojo)!important;justify-content:flex-end!important}
.clx-tile--big::before{content:"";position:absolute;top:-6%;right:-8%;width:78%;aspect-ratio:236/206;background:rgba(255,255,255,.14);
  -webkit-mask:var(--clx-x-mask) center/contain no-repeat;mask:var(--clx-x-mask) center/contain no-repeat;animation:clx-wiggle 5s ease-in-out infinite}
@keyframes clx-wiggle{0%,100%{translate:0 0}50%{translate:0 -10px}}
.clx-tile--dark{background:var(--clx-negro)!important}
.clx-tile--wide{grid-column:span 2}
@media (max-width:1024px){.clx-tile--big{grid-row:span 1}}
@media (max-width:767px){.clx-tile--big,.clx-tile--wide{grid-column:span 1}}

/* ---------- Tarjetas que giran ---------- */
.clx-flip{display:grid!important;perspective:1400px;cursor:pointer;min-height:360px}
.clx-flip>.clx-face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .75s var(--clx-ease);
  border-radius:26px!important;border:3px solid var(--clx-negro)!important;box-shadow:7px 7px 0 var(--clx-negro)}
.clx-flip>.clx-back{transform:rotateY(180deg)}
.clx-flip:hover>.clx-front,.clx-flip.is-flipped>.clx-front,.clx-flip:focus-within>.clx-front{transform:rotateY(-180deg)}
.clx-flip:hover>.clx-back,.clx-flip.is-flipped>.clx-back,.clx-flip:focus-within>.clx-back{transform:rotateY(0)}
.clx-face--red{background:var(--clx-rojo)!important}.clx-face--black{background:var(--clx-negro)!important}
.clx-face--yellow{background:var(--clx-mostaza)!important}.clx-face--white{background:var(--clx-blanco)!important}
.clx-flip-hint{font:800 12px/1 var(--clx-body);letter-spacing:.12em;text-transform:uppercase;opacity:.75;display:flex;gap:8px;align-items:center}
.clx-flip-hint::after{content:"↻";font-size:18px;animation:clx-spin 3s linear infinite}
@keyframes clx-spin{to{rotate:360deg}}
.clx-face .clx-bigx{width:90px;color:currentColor;opacity:.95}
.clx-face .clx-bigx svg{width:100%;height:auto;display:block}

/* ---------- Polaroids ---------- */
.clx-wall{gap:0!important}
.clx-polaroid{background:var(--clx-blanco);padding:14px 14px 0;box-shadow:0 18px 40px rgba(0,0,0,.25);border-radius:4px;
  transition:transform .45s var(--clx-ease),z-index 0s;position:relative}
.clx-polaroid figcaption,.clx-polaroid .widget-image-caption{font:400 22px/1 var(--clx-display)!important;color:var(--clx-negro);padding:14px 0 18px;margin:0;text-align:center}
.clx-polaroid:nth-child(1){rotate:-7deg;translate:12% 6%}
.clx-polaroid:nth-child(2){rotate:4deg;z-index:2;translate:0 -4%}
.clx-polaroid:nth-child(3){rotate:-3deg;translate:-12% 8%}
.clx-polaroid:hover{z-index:5;transform:scale(1.08);rotate:0deg}
.clx-tape{position:relative}
.clx-polaroid::before{content:"";position:absolute;top:-12px;left:50%;width:84px;height:26px;translate:-50% 0;rotate:-4deg;
  background:rgba(255,255,255,.65);box-shadow:0 2px 6px rgba(0,0,0,.12);z-index:2}
@media (max-width:767px){.clx-polaroid:nth-child(1){translate:6% 0}.clx-polaroid:nth-child(3){translate:-6% 0}}

/* ---------- FAQ (Accordion nativo) ---------- */
.clx-faq .elementor-accordion-item{border:0!important;margin-bottom:14px}
.clx-faq .elementor-tab-title{border:2.5px solid var(--clx-negro)!important;border-radius:18px;padding:20px 24px!important;background:var(--clx-blanco);
  transition:background .25s,transform .25s var(--clx-ease),box-shadow .25s;box-shadow:4px 4px 0 var(--clx-negro)}
.clx-faq .elementor-tab-title:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--clx-negro)}
.clx-faq .elementor-tab-title.elementor-active{background:var(--clx-mostaza)}
.clx-faq .elementor-tab-content{border:0!important;padding:16px 26px 6px!important}

/* ---------- Formulario multipaso ---------- */
.clx-form{background:var(--clx-blanco);color:var(--clx-negro);border-radius:30px;padding:clamp(22px,4vw,40px);box-shadow:12px 12px 0 var(--clx-rojo);
  position:relative;font-family:var(--clx-body)}
.clx-form *{box-sizing:border-box}
.clx-progress{position:relative;height:10px;background:#eee;border-radius:99px;margin:6px 0 30px}
.clx-progress__bar{position:absolute;inset:0 auto 0 0;width:33.3%;background:var(--clx-rojo);border-radius:99px;transition:width .6s var(--clx-ease)}
.clx-progress__x{position:absolute;top:50%;left:33.3%;width:42px;translate:-50% -55%;color:var(--clx-negro);transition:left .6s var(--clx-ease)}
.clx-progress__x svg{display:block;width:100%;height:auto}
.clx-stepcount{font:800 12px/1 var(--clx-body);letter-spacing:.14em;text-transform:uppercase;color:var(--clx-gris)}
.clx-fs{border:0;margin:0;padding:0;display:none;min-width:0}
.clx-fs.is-active{display:block;animation:clx-in .5s var(--clx-ease) both}
@keyframes clx-in{from{opacity:0;translate:30px 0}to{opacity:1;translate:0 0}}
.clx-fs legend{font:400 clamp(24px,3vw,32px)/1.1 var(--clx-display);margin:0 0 20px;padding:0}
.clx-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.clx-opt{position:relative}
.clx-opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
.clx-opt span{display:flex;align-items:center;gap:10px;min-height:58px;padding:14px 16px;border:2.5px solid var(--clx-negro);border-radius:16px;
  font:700 16px/1.2 var(--clx-body);transition:all .25s var(--clx-ease);box-shadow:3px 3px 0 var(--clx-negro);background:var(--clx-blanco)}
.clx-opt span b{font-size:22px;line-height:1}
.clx-opt:hover span{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--clx-negro)}
.clx-opt input:checked+span{background:var(--clx-negro);color:var(--clx-blanco);box-shadow:3px 3px 0 var(--clx-rojo);animation:clx-pick .45s var(--clx-ease)}
.clx-opt input:focus-visible+span{outline:3px solid var(--clx-mostaza);outline-offset:3px}
@keyframes clx-pick{40%{scale:1.06;rotate:-1.5deg}}
.clx-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.clx-field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}
.clx-field label{font:700 14px/1.2 var(--clx-body)}
.clx-field label small{font-weight:500;color:var(--clx-gris)}
.clx-field input,.clx-field select,.clx-field textarea{font:500 16px/1.3 var(--clx-body);color:var(--clx-negro);background:var(--clx-blanco);
  border:2px solid var(--clx-negro);border-radius:14px;padding:14px;min-height:52px;width:100%;transition:box-shadow .2s}
.clx-field input:focus,.clx-field select:focus,.clx-field textarea:focus{outline:none;box-shadow:0 0 0 4px rgba(242,183,5,.6)}
.clx-field.has-error input,.clx-field.has-error select{border-color:var(--clx-rojo)}
.clx-err{color:var(--clx-rojo);font:600 13px/1.3 var(--clx-body);min-height:0}
.clx-check{display:flex;gap:10px;align-items:flex-start;font:500 14px/1.45 var(--clx-body);margin:6px 0 4px}
.clx-check input{width:22px;height:22px;flex:none;accent-color:var(--clx-rojo);margin-top:1px}
.clx-check a{color:var(--clx-rojo);font-weight:700}
.clx-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.clx-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:22px;flex-wrap:wrap}
.clx-b{font:800 16px/1 var(--clx-body);letter-spacing:.02em;border-radius:999px;padding:17px 28px;border:2.5px solid var(--clx-negro);cursor:pointer;
  transition:transform .25s var(--clx-ease),box-shadow .25s;min-height:52px;display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.clx-b--go{background:var(--clx-rojo);color:var(--clx-blanco);border-color:var(--clx-rojo);box-shadow:4px 4px 0 var(--clx-negro)}
.clx-b--go:hover{transform:translate(-2px,-3px) rotate(-1.5deg);box-shadow:7px 8px 0 var(--clx-negro)}
.clx-b--back{background:transparent;color:var(--clx-negro)}
.clx-b--wa{background:#000;color:#fff;border-color:#000}
.clx-b[disabled]{opacity:.6;cursor:wait}
.clx-note{font:500 13px/1.4 var(--clx-body);color:var(--clx-gris);margin:14px 0 0}
.clx-alert{background:#fde8ea;color:#8a0f19;border-radius:12px;padding:12px 14px;font:600 14px/1.4 var(--clx-body);margin-top:12px}
.clx-done{text-align:center;display:none}
.clx-done.is-active{display:block;animation:clx-in .6s var(--clx-ease) both}
.clx-done h3{font:400 clamp(26px,3.4vw,36px)/1.1 var(--clx-display);margin:18px 0 10px}
.clx-done p{font:500 17px/1.5 var(--clx-body);margin:0 auto 18px;max-width:42ch}
.clx-print{width:200px;margin:0 auto;background:var(--clx-negro);padding:12px 12px 14px;border-radius:6px;rotate:-3deg;
  box-shadow:0 18px 30px rgba(0,0,0,.25);animation:clx-print 1.8s cubic-bezier(.25,.9,.3,1) both}
.clx-print__ph{aspect-ratio:1/1;background:var(--clx-rojo);display:grid;place-items:center;color:#fff;border-radius:2px}
.clx-print__ph svg{width:62%;height:auto}
.clx-print__t{color:#fff;font:400 18px/1.1 var(--clx-display);margin-top:10px}
.clx-print__d{color:var(--clx-mostaza);font:800 11px/1 var(--clx-body);letter-spacing:.12em;text-transform:uppercase;margin-top:6px}
@media (max-width:560px){.clx-opts,.clx-grid2{grid-template-columns:1fr}.clx-actions .clx-b{flex:1;justify-content:center}}

/* ---------- Cuenta regresiva + flash ---------- */
.clx-shot{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;pointer-events:none;background:rgba(0,0,0,.35)}
.clx-shot b{font:400 clamp(120px,24vw,260px)/1 var(--clx-display);color:var(--clx-blanco);text-shadow:8px 8px 0 var(--clx-rojo);animation:clx-count .62s ease-out both}
@keyframes clx-count{from{scale:2.2;opacity:0}30%{opacity:1}to{scale:.8;opacity:0}}
.clx-flashfx{position:fixed;inset:0;z-index:10000;background:#fff;pointer-events:none;animation:clx-flash .55s ease-out forwards}
@keyframes clx-flash{0%{opacity:0}12%{opacity:1}100%{opacity:0}}

/* ---------- CTA flotante móvil ---------- */
.clx-float{position:fixed;left:16px;right:16px;bottom:16px;z-index:55;display:none}
.clx-float a{display:flex;justify-content:center;align-items:center;gap:10px;background:var(--clx-rojo);color:#fff;text-decoration:none;
  font:800 16px/1 var(--clx-body);padding:18px;border-radius:999px;box-shadow:4px 4px 0 var(--clx-negro);transition:translate .4s var(--clx-ease),opacity .3s}
.clx-float a svg{width:30px;height:auto}
.clx-float:not(.is-on) a{translate:0 140%;opacity:0}
@media (max-width:767px){.clx-float{display:block}}

/* ---------- Footer ---------- */
.clx-footer{border-top:6px solid var(--clx-rojo)}
.clx-footer a{color:var(--clx-blanco);text-decoration:none}
.clx-footer a:hover{color:var(--clx-mostaza)}
.clx-flinks{display:flex;flex-wrap:wrap;gap:10px 22px;font:600 15px/1.4 var(--clx-body)}
.clx-flogo img{height:64px;width:auto}

/* ---------- Revelado al hacer scroll (elementos propios) ---------- */
.clx-rv{opacity:0;translate:0 26px;transition:opacity .7s ease,translate .7s var(--clx-ease)}
.clx-rv.is-in{opacity:1;translate:0 0}

/* ---------- Movimiento reducido ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .clx-landing *,.clx-landing *::before,.clx-landing *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .clx-strip.is-printing{animation:none}.clx-rv{opacity:1;translate:none}
  .clx-landing .elementor-invisible{visibility:visible!important}
}

/* complementos */
.clx-logo .clx-logo__iso{display:none;height:38px}
.clx-logo .clx-logo__full{height:56px}
@media (max-width:880px){.clx-logo .clx-logo__full{display:none}.clx-logo .clx-logo__iso{display:block}}
.clx-face--black,.clx-face--red{color:var(--clx-blanco)}.clx-face--yellow,.clx-face--white{color:var(--clx-negro)}
.clx-track i{display:inline-flex;font-style:normal}
.clx-field .clx-check{font-weight:500;font-size:14px}
.clx-strip__foot img{height:18px}
.clx-wall .clx-polaroid{flex:1 1 0;min-width:0}

/* fixes v2 */
body.clx-landing .clx-header.e-con{z-index:60!important}
body.clx-landing .clx-hero.e-con::before,body.clx-landing .clx-hero.e-con::after{content:''!important;display:block!important;position:absolute!important;top:0!important;bottom:0!important;height:auto!important;width:clamp(26px,5vw,80px)!important;opacity:1!important;mix-blend-mode:normal!important;border-radius:0!important;z-index:2!important}
body.clx-landing .clx-hero.e-con::before{left:0!important;right:auto!important}
body.clx-landing .clx-hero.e-con::after{right:0!important;left:auto!important}
@media (max-width:767px){body.clx-landing .clx-hero.e-con::before,body.clx-landing .clx-hero.e-con::after{width:14px!important}}

/* fixes v3 */
body.clx-landing .clx-b[hidden],body.clx-landing .clx-alert[hidden],body.clx-landing [hidden]{display:none!important}
body.clx-landing .clx-b{font-size:16px!important;line-height:1!important;font-family:var(--clx-body)!important;font-weight:800!important;text-transform:none!important}
body.clx-landing .clx-flogo{display:inline-block}
body.clx-landing .clx-flogo img{height:64px!important;width:auto!important;max-width:none!important}
body.clx-landing .clx-logo img.clx-logo__full{height:56px!important;width:auto!important}
body.clx-landing .clx-logo img.clx-logo__iso{height:38px!important;width:auto!important}
body.clx-landing .clx-strip__foot img{height:18px!important;width:auto!important}

/* fixes v4 */
html:has(body.clx-landing){overflow-x:clip}
body.clx-landing .clx-band.e-con{overflow:hidden;width:104%!important;max-width:none!important;margin-left:-2%!important}
body.clx-landing .clx-strip.e-con{width:176px!important}
@media (max-width:767px){body.clx-landing .clx-strip.e-con{width:150px!important}}

/* fixes v5 */
body.clx-landing .clx-logo img.clx-logo__iso{display:none!important}
body.clx-landing .clx-logo img.clx-logo__full{display:block!important;height:auto!important;width:150px!important;max-width:none!important}
body.clx-landing .clx-header.is-scrolled .clx-logo img.clx-logo__full{width:128px!important}
.clx-logo img.clx-logo__full{transition:width .3s,transform .4s var(--clx-ease)}
@media (max-width:767px){body.clx-landing .clx-logo img.clx-logo__full,body.clx-landing .clx-header.is-scrolled .clx-logo img.clx-logo__full{width:120px!important}}