/*
Theme Name: jonyjpeg
Theme URI: https://jonyjpeg.es
Author: jonyjpeg
Description: Web de jonyjpeg, creativo audiovisual. Tema de bloques: todo se edita desde el editor de WordPress.
Version: 3.3.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: jonyjpeg
*/

/* ============ BASE ============ */
:root{
  --cr:#F7F3E8; --cr2:#FBF8F2; --or:#FF5400; --or2:#FF6A1F; --bk:#141414; --bk2:#1E1E1E;
  --muted:#6F695F; --muted-d:rgba(247,243,232,.58); --muted-o:rgba(20,20,20,.68);
  --line:rgba(20,20,20,.12); --line-d:rgba(247,243,232,.14); --line-o:rgba(20,20,20,.18);
  --pad:clamp(20px,4vw,56px); --max:1360px; --r:22px;
  --ast-or:url(assets/img/asterisco-naranja.png); --ast-bk:url(assets/img/asterisco-negro.png); --ast-cr:url(assets/img/asterisco-crema.png);
  --sans:"Inter Tight","Helvetica Neue",Arial,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1); --spring:cubic-bezier(.34,1.56,.64,1);
}
html{scroll-behavior:smooth;scroll-padding-top:100px;overflow-x:clip}
body{margin:0;background:var(--cr);color:var(--bk);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;height:auto}
a{color:inherit}
.wp-site-blocks{padding:0}
.wp-site-blocks>*,.wp-block-post-content>*{margin-block-start:0}
.jj-wrap{max-width:var(--max);margin-left:auto!important;margin-right:auto!important;padding-left:var(--pad);padding-right:var(--pad);box-sizing:border-box;width:100%}
.jj-sec{padding-top:clamp(90px,10vw,160px);padding-bottom:clamp(90px,10vw,160px);position:relative;margin:0!important;overflow-x:clip}
.jj-dark{background:var(--bk);color:var(--cr)}
.jj-orange{background:var(--or);color:var(--bk)}
.jj-dots{background-color:var(--cr);background-image:radial-gradient(rgba(20,20,20,.12) 1px,transparent 1.3px);background-size:22px 22px}
.jj-center{text-align:center}
.wp-block-group>*{margin-block-start:0}

/* Iconos (máscaras CSS: cada .jj-i-* define --i) */
.jj-ico{display:inline-block;width:1.15em;height:1.15em;flex:none;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;vertical-align:-.2em}

/* ============ TIPOGRAFÍA ============ */
.jj-label{font-size:14px;font-weight:600;color:var(--muted);margin:0 0 22px!important;display:flex;align-items:center;gap:10px;letter-spacing:.01em}
.jj-label::before{content:"";width:14px;height:14px;flex:none;background:var(--ast-or) center/contain no-repeat}
.jj-label--light{color:var(--muted-d)}
.jj-label--ink{color:var(--bk)}
.jj-label--ink::before{background-image:var(--ast-bk)}
.jj-h2{font-weight:600;font-size:clamp(38px,4.4vw,70px);line-height:1.02;letter-spacing:-.04em;margin:0;max-width:17ch;text-wrap:balance}
.jj-head{margin-bottom:clamp(50px,6vw,84px)!important}
.jj-head--split{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.jj-head--split>*{margin:0!important}
.jj-hl{position:relative;white-space:nowrap;z-index:0}
.jj-hl::after{content:"";position:absolute;left:-.04em;right:-.06em;bottom:.02em;height:.24em;background:var(--or);z-index:-1;border-radius:.08em;transform-origin:0 50%;animation:jjMark 1.1s var(--ease) .5s both}
.jj-dark .jj-hl::after{opacity:.95}
@keyframes jjMark{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ============ BOTONES ============ */
.wp-block-button .wp-block-button__link{font-family:var(--sans);font-weight:600;font-size:15px;border-radius:999px;padding:17px 26px;line-height:1;text-decoration:none;border:0;transition:transform .3s var(--ease),background .3s,color .3s,box-shadow .3s}
.wp-block-button .wp-block-button__link:hover{transform:translateY(-2px)}
.wp-block-button__link::after{content:"→";margin-left:10px;display:inline-block;transition:transform .3s var(--ease)}
.wp-block-button__link:hover::after{transform:translateX(4px)}
.jj-btn-primary .wp-block-button__link{background:var(--or);color:var(--bk);box-shadow:0 12px 26px -12px rgba(255,84,0,.7)}
.jj-btn-dark .wp-block-button__link{background:var(--bk);color:var(--cr)}
.jj-btn-light .wp-block-button__link{background:var(--cr);color:var(--bk)}
.jj-btn-outline .wp-block-button__link{background:transparent;color:var(--bk);box-shadow:inset 0 0 0 1.5px var(--bk)}
.jj-btn-outline .wp-block-button__link:hover{background:var(--bk);color:var(--cr)}
.jj-pillbtn{display:inline-flex;align-items:center;gap:10px;padding:15px 22px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;box-shadow:inset 0 0 0 1.5px var(--line-d);transition:transform .3s var(--ease),background .3s}
.jj-pillbtn:hover{transform:translateY(-2px);background:rgba(247,243,232,.08)}
.jj-pillbtn--or{background:var(--or);color:var(--bk);box-shadow:none}
.jj-pillbtn--or:hover{background:var(--or2)}

/* ============ CABECERA ============ */
.jj-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;margin:0!important;pointer-events:none}
.jj-header__in{display:flex;align-items:center;justify-content:space-between;gap:20px}
.jj-header__in>*{margin:0!important;pointer-events:auto}
.jj-logo{display:block;line-height:0;margin:0!important;max-width:240px;padding:10px 4px;border-radius:999px;background:transparent;transition:background .35s var(--ease),padding .35s var(--ease),box-shadow .35s}
.jj-logo img{height:42px;width:auto;transition:filter .3s,height .35s var(--ease)}
body.jj-on-dark .jj-header .jj-logo img{filter:invert(1) sepia(.15)}
/* Al hacer scroll, el logo va en una cápsula naranja para que siempre se lea */
body.jj-scrolled .jj-header .jj-logo{background:var(--or);padding:13px 22px;box-shadow:0 10px 30px -12px rgba(20,20,20,.35),0 0 0 1px rgba(20,20,20,.08)}
body.jj-scrolled .jj-header .jj-logo img{height:30px;filter:none}
body.jj-scrolled.jj-on-orange .jj-header .jj-logo{background:var(--bk)}
body.jj-scrolled.jj-on-orange .jj-header .jj-logo img{filter:invert(1) sepia(.15)}
.editor-styles-wrapper .jj-logo img{height:42px!important;width:auto!important}
.editor-styles-wrapper .jj-footer__logo img{height:30px!important;width:auto!important}
.editor-styles-wrapper .jj-header{position:relative}
.jj-pill{display:flex;align-items:center;gap:6px;background:var(--cr2);border-radius:999px;padding:6px 6px 6px 24px;box-shadow:0 10px 30px -12px rgba(20,20,20,.25),0 0 0 1px rgba(20,20,20,.06)}
.jj-pill>*{margin:0!important}
.jj-header .wp-block-navigation{font-size:14.5px;font-weight:500;gap:26px;color:var(--bk);margin-right:14px!important}
.jj-header .wp-block-navigation a{text-decoration:none;transition:color .2s}
.jj-header .wp-block-navigation a:hover{color:var(--or)}
.jj-header .wp-block-button__link{padding:13px 20px;font-size:14px;box-shadow:none}
.jj-header .wp-block-button__link::after{content:none}
body:not(.home) .wp-site-blocks main{padding-top:0}
.jj-page>.jj-sec{padding-top:clamp(140px,14vw,200px)}
.jj-title{font-weight:650;font-size:clamp(44px,6vw,90px);line-height:.96;letter-spacing:-.05em;margin:0 0 40px}
.jj-404{min-height:80vh;display:flex;align-items:center}

/* ============ HERO ============ */
.jj-hero{min-height:100vh;min-height:100svh;display:flex;align-items:center;position:relative;padding:118px 0 60px;box-sizing:border-box;margin:0!important;overflow:hidden}
.jj-hero__grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(20px,3vw,60px);align-items:center}
.jj-hero__text{position:relative;z-index:2}
.jj-hero__text>*{margin:0!important}
.jj-hero__kicker{display:inline-flex!important;align-items:center;gap:8px;font-size:14px;font-weight:600;padding:9px 16px 9px 12px;border-radius:999px;background:var(--cr2);box-shadow:0 0 0 1px var(--line)}
.jj-hero__kicker .jj-ico{color:var(--or)}
.jj-hero__t{font-weight:650;font-size:clamp(56px,7.6vw,128px);line-height:.94;letter-spacing:-.055em;margin-top:26px!important;text-wrap:balance}
.jj-hero__d{font-size:clamp(17px,1.35vw,20px);color:var(--muted);max-width:30em;margin-top:28px!important}
.jj-hero__btns{margin-top:36px!important;gap:12px}
/* Escenario de la derecha */
.jj-stage{position:relative;height:min(78vh,720px);min-height:520px;width:100%}
.jj-stage>*{position:absolute;transition:translate .7s var(--ease)}
.jj-stage__blob{inset:14% 4% 2% 6%;background:var(--or);border-radius:58% 42% 46% 54%/52% 46% 54% 48%;animation:jjBlob 14s ease-in-out infinite;overflow:hidden;box-shadow:inset 0 -40px 80px -40px rgba(20,20,20,.25)}
.jj-stage__dots{position:absolute;inset:0;background-image:radial-gradient(rgba(20,20,20,.16) 1.2px,transparent 1.6px);background-size:18px 18px;-webkit-mask:radial-gradient(circle at 70% 30%,#000 0,transparent 70%);mask:radial-gradient(circle at 70% 30%,#000 0,transparent 70%)}
@keyframes jjBlob{0%,100%{border-radius:58% 42% 46% 54%/52% 46% 54% 48%}33%{border-radius:44% 56% 58% 42%/46% 58% 42% 54%}66%{border-radius:52% 48% 38% 62%/60% 40% 60% 40%}}
.jj-stage__ast{width:56%;left:22%;top:26%;opacity:.3;animation:jjRot 60s linear infinite}
.jj-stage__char{height:104%;width:auto;bottom:-2%;left:43%;transform:translateX(-50%);filter:drop-shadow(0 30px 40px rgba(20,20,20,.28));z-index:2}
.jj-badge{width:clamp(120px,11vw,160px);aspect-ratio:1;left:-2%;bottom:6%;z-index:3}
.jj-badge svg{width:100%;height:100%;animation:jjRot 22s linear infinite;display:block}
.jj-badge text{font:700 15px var(--sans);letter-spacing:0;fill:var(--bk)}
.jj-badge::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--cr2);box-shadow:0 18px 40px -18px rgba(20,20,20,.35),0 0 0 1px var(--line);z-index:-1}
.jj-badge img{position:absolute;width:26%;left:37%;top:37%;animation:jjRot 10s linear infinite reverse}
.jj-stage__reel{width:clamp(170px,15vw,220px);aspect-ratio:16/10;right:-1%;top:22%;border-radius:16px;overflow:hidden;background:var(--bk);z-index:3;box-shadow:0 26px 50px -20px rgba(20,20,20,.55),0 0 0 4px var(--cr2);rotate:4deg}
.jj-stage__reel video{width:100%;height:100%;object-fit:cover;display:block}
.jj-rec{position:absolute;left:10px;top:10px;font:700 11px var(--sans);letter-spacing:.12em;color:#fff;background:rgba(20,20,20,.55);backdrop-filter:blur(6px);padding:5px 8px 5px 20px;border-radius:999px}
.jj-rec::before{content:"";position:absolute;left:8px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#FF3B30;animation:jjBlink 1.2s steps(2) infinite}
@keyframes jjBlink{50%{opacity:0}}
.jj-stage__reel-t{position:absolute;left:10px;bottom:9px;font:600 12px var(--sans);color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.jj-stage__chip{right:2%;bottom:16%;z-index:4;display:flex;align-items:center;gap:10px;background:var(--bk);color:var(--cr);padding:12px 18px 12px 12px;border-radius:999px;font-size:14.5px;box-shadow:0 20px 40px -18px rgba(20,20,20,.6);rotate:-3deg}
.jj-stage__chip .jj-ico{width:30px;height:30px;padding:7px;box-sizing:border-box;border-radius:50%;background:var(--or);color:var(--bk);-webkit-mask:none;mask:none;position:relative}
.jj-stage__chip .jj-ico::after{content:"";position:absolute;inset:7px;background:var(--bk);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.jj-stage__chip b{color:var(--or)}
@keyframes jjRot{to{transform:rotate(360deg)}}
@keyframes jjFloat{50%{transform:translateY(-10px)}}
.jj-stage__reel{animation:jjFloat 6s ease-in-out infinite}
.jj-stage__chip{animation:jjFloat 7s ease-in-out 1s infinite}

/* Cinta naranja */
.jj-marquee{background:var(--or);color:var(--bk);overflow:hidden;padding:20px 0;margin:0!important;border-block:1.5px solid var(--bk)}
.jj-marquee__track{display:flex;width:max-content;animation:jjMarq 34s linear infinite}
.jj-marquee span{font-weight:650;font-size:clamp(24px,2.6vw,38px);letter-spacing:-.03em;line-height:1;display:flex;align-items:center;white-space:nowrap}
.jj-marquee span::after{content:"";width:.8em;height:.8em;margin:0 .7em;background:var(--ast-bk) center/contain no-repeat;animation:jjRot 8s linear infinite}
@keyframes jjMarq{to{transform:translateX(-50%)}}

/* ============ QUIÉN SOY ============ */
.jj-about__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,6vw,100px);align-items:center}
.jj-about__text>*{margin:0!important}
.jj-statement{font-weight:550;font-size:clamp(28px,3vw,46px);line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.jj-about__d{font-size:18px;color:var(--muted);max-width:34em;margin-top:22px!important}
/* Retrato interactivo */
.jj-portrait{position:relative;perspective:1200px}
.jj-portrait__card{position:relative;aspect-ratio:4/5;border-radius:32px;background:var(--or);overflow:hidden;cursor:pointer;transform-style:preserve-3d;transition:transform .5s var(--ease),box-shadow .5s;box-shadow:0 40px 70px -40px rgba(20,20,20,.55);outline:none}
.jj-portrait__card:focus-visible{box-shadow:0 0 0 4px var(--bk)}
.jj-portrait__dots{position:absolute;inset:0;background-image:radial-gradient(rgba(20,20,20,.18) 1.2px,transparent 1.6px);background-size:18px 18px}
.jj-portrait__ast{position:absolute;width:78%;left:11%;top:6%;opacity:.12;animation:jjRot 50s linear infinite}
.jj-portrait__img{position:absolute;left:50%;bottom:-3%;height:92%;width:auto;max-width:none;transform:translate(-50%,8%) scale(.92);opacity:0;transition:opacity .45s ease,transform .7s var(--spring);filter:drop-shadow(0 26px 30px rgba(20,20,20,.3))}
.jj-portrait__img.is-on{opacity:1;transform:translate(-50%,0) scale(1)}
.jj-portrait__bubble{position:absolute;left:7%;top:7%;max-width:62%;background:var(--cr2);color:var(--bk);font-weight:650;font-size:clamp(16px,1.4vw,20px);letter-spacing:-.02em;line-height:1.2;padding:14px 18px;border-radius:20px 20px 20px 6px;box-shadow:0 14px 30px -14px rgba(20,20,20,.45);transform:translateZ(40px);transition:transform .4s var(--spring),opacity .3s}
.jj-portrait__bubble.is-pop{animation:jjPop .5s var(--spring)}
@keyframes jjPop{0%{transform:translateZ(40px) scale(.7);opacity:0}100%{transform:translateZ(40px) scale(1);opacity:1}}
.jj-portrait__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.jj-portrait__tab{font:600 14px var(--sans);display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;border:0;background:var(--cr2);color:var(--bk);box-shadow:0 0 0 1px var(--line);cursor:pointer;transition:background .25s,color .25s,transform .25s var(--ease)}
.jj-portrait__tab:hover{transform:translateY(-2px)}
.jj-portrait__tab.is-on{background:var(--bk);color:var(--cr);box-shadow:none}
.jj-portrait__tab.is-on .jj-ico{color:var(--or)}
/* Cifras con icono */
.jj-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:44px!important}
.jj-stat{position:relative;margin:0!important;background:var(--cr2);border-radius:var(--r);padding:22px 22px 22px 88px;box-shadow:0 0 0 1px var(--line);min-height:68px;display:flex;flex-direction:column;justify-content:center}
.jj-stat::before{content:"";position:absolute;left:20px;top:50%;width:50px;height:50px;margin-top:-25px;border-radius:50%;background:var(--or)}
.jj-stat::after{content:"";position:absolute;left:33px;top:50%;width:24px;height:24px;margin-top:-12px;background:var(--bk);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.jj-stat>*{margin:0!important}
.jj-stat__n{font-weight:650;font-size:clamp(32px,3vw,44px);line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.jj-stat__t{font-size:14.5px;color:var(--muted);margin-top:6px!important;line-height:1.3}

/* ============ TRABAJOS DESTACADOS ============ */
.jj-work .jj-h2{max-width:18ch}
.jj-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
.jj-feat{margin:0!important;display:flex;flex-direction:column}
.jj-feat>*{margin:0!important}
.jj-feat__img{border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--bk2);position:relative}
.jj-feat__img a{display:block;width:100%;height:100%;position:relative}
.jj-feat__img img,.jj-feat__img video{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s var(--ease)}
.jj-feat__img video{position:absolute;inset:0;opacity:0;transition:opacity .6s ease,transform 1.1s var(--ease)}
.jj-feat__img video.is-playing{opacity:1}
.jj-feat:hover .jj-feat__img img,.jj-feat:hover .jj-feat__img video{transform:scale(1.04)}
.jj-feat__row{display:flex;align-items:baseline;gap:14px;margin-top:20px!important}
.jj-feat__row>*{margin:0!important}
.jj-feat__n{font-size:13px;font-weight:600;color:var(--or);font-variant-numeric:tabular-nums}
.jj-feat__t{font-weight:550;font-size:clamp(24px,2.1vw,32px);letter-spacing:-.03em;line-height:1.1}
.jj-feat__t a{text-decoration:none}
.jj-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px!important}
.jj-tag{margin:0!important;font-size:13px;font-weight:500;padding:7px 13px;border-radius:999px;border:1px solid var(--line-d);color:var(--cr)}
/* Portadas reales en movimiento */
.jj-covers{display:flex;flex-direction:column;gap:16px;margin-top:clamp(70px,8vw,110px)!important}
.jj-covers__row{display:block;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.jj-covers__track{display:flex;gap:16px;width:max-content;animation:jjMarq 70s linear infinite}
.jj-covers__row--rev .jj-covers__track{animation-direction:reverse;animation-duration:80s}
.jj-covers__row:hover .jj-covers__track{animation-play-state:paused}
.jj-covers img{height:clamp(130px,13vw,200px);width:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px;display:block;filter:saturate(.95);transition:filter .3s}
.jj-covers img:hover{filter:saturate(1.1)}

/* ============ SERVICIOS ============ */
.jj-head--srv{position:relative;padding-right:240px}
.jj-head--srv>*{margin:0!important}
.jj-srv__char{position:absolute!important;right:2%;bottom:-150px;width:clamp(140px,13vw,180px);margin:0!important;z-index:2;animation:jjFloat 6s ease-in-out infinite}
.jj-srv__char img{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 26px rgba(20,20,20,.25))}
.jj-srv__grid{position:relative;z-index:3;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.jj-srv{position:relative;margin:0!important;background:var(--cr2);border-radius:28px;padding:34px 34px 32px;box-shadow:0 0 0 1px var(--line);transition:transform .45s var(--ease),box-shadow .45s,background .45s;overflow:hidden}
.jj-srv:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--line),0 30px 50px -30px rgba(20,20,20,.35)}
.jj-srv::before{content:"";display:block;width:58px;height:58px;border-radius:18px;background:var(--or);margin-bottom:26px;transition:transform .45s var(--spring)}
.jj-srv::after{content:"";position:absolute;left:49px;top:49px;width:28px;height:28px;background:var(--bk);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;transition:transform .45s var(--spring)}
.jj-srv:hover::before{transform:rotate(-8deg) scale(1.06)}
.jj-srv:hover::after{transform:rotate(-8deg)}
.jj-srv>*{margin:0!important}
.jj-srv__n{position:absolute;right:30px;top:32px;font-size:13px;font-weight:600;color:var(--muted)}
.jj-srv__t{font-weight:600;font-size:clamp(25px,2.2vw,32px);letter-spacing:-.03em;line-height:1.1}
.jj-srv__d{color:var(--muted);margin-top:12px!important;max-width:30em}
.jj-srv__list{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px!important}
.jj-srv__li{margin:0!important;font-size:13.5px;font-weight:500;padding:7px 13px;border-radius:999px;background:var(--cr);box-shadow:0 0 0 1px var(--line)}
.jj-minato-line{margin-top:34px!important;color:var(--muted);font-size:15px;text-align:center}
.jj-minato-line a{color:#1F8FC2;text-decoration:none;font-weight:600}

/* ============ CON QUIÉN TRABAJO (naranja) ============ */
.jj-forwho .jj-h2{max-width:15ch}
.jj-cols4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.jj-col{position:relative;margin:0!important;background:var(--cr);border-radius:28px;padding:30px 28px 32px;transition:transform .45s var(--ease),box-shadow .45s}
.jj-col:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 30px 50px -28px rgba(20,20,20,.5)}
.jj-col::before{content:"";display:block;width:64px;height:64px;border-radius:50%;background:var(--bk);margin-bottom:46px}
.jj-col::after{content:"";position:absolute;left:46px;top:48px;width:28px;height:28px;background:var(--or);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.jj-col>*{margin:0!important}
.jj-col__t{font-weight:650;font-size:clamp(21px,1.7vw,25px);letter-spacing:-.025em;line-height:1.15}
.jj-col__d{color:var(--muted);font-size:15.5px;margin-top:10px!important;line-height:1.45}
.jj-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px!important}
.jj-chip{margin:0!important;font-size:14px;font-weight:600;padding:9px 16px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--bk)}

/* ============ CÓMO TRABAJO ============ */
.jj-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s;position:relative}
.jj-step{position:relative;margin:0!important;padding:30px 30px 34px;border-radius:28px;background:var(--cr2);box-shadow:0 0 0 1px var(--line)}
.jj-step::before{content:"";display:block;width:56px;height:56px;border-radius:50%;background:var(--bk);margin-bottom:40px}
.jj-step::after{content:"";position:absolute;left:44px;top:44px;width:28px;height:28px;background:var(--or);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.jj-step>*{margin:0!important}
.jj-step__n{position:absolute;right:28px;top:26px;font-weight:650;font-size:56px;line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.2px rgba(20,20,20,.22)}
.jj-step__t{font-weight:600;font-size:clamp(25px,2.2vw,32px);letter-spacing:-.03em;line-height:1.1}
.jj-step__d{color:var(--muted);margin-top:12px!important}
.jj-tags--how{margin-top:26px!important;gap:10px}
.jj-tag--ico{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;padding:10px 16px 10px 12px;border:0;color:var(--bk);background:var(--cr2);box-shadow:0 0 0 1px var(--line)}
.jj-tag--ico::before{content:"";width:18px;height:18px;background:var(--or);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}

/* ============ CONFIANZA + RESEÑAS ============ */
.jj-clients{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line-d);border-left:1px solid var(--line-d)}
.jj-client{margin:0!important;display:flex;align-items:center;justify-content:center;text-align:center;min-height:120px;padding:18px;border-right:1px solid var(--line-d);border-bottom:1px solid var(--line-d);font-weight:600;font-size:clamp(17px,1.5vw,22px);letter-spacing:-.025em;line-height:1.15;color:var(--cr);transition:background .3s,color .3s}
.jj-client:hover{background:var(--or);color:var(--bk)}
.jj-reviews{position:relative;margin-top:clamp(56px,6vw,90px)!important;display:grid}
.jj-review{grid-area:1/1;position:relative;margin:0!important;display:grid;grid-template-columns:auto 1fr;gap:10px 34px;align-items:start;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .6s ease,transform .7s var(--ease),visibility 0s .6s}
.jj-review.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .6s ease .1s,transform .7s var(--ease) .1s,visibility 0s}
.jj-reviews:not(.is-ready) .jj-review:first-child{opacity:1;visibility:visible;transform:none}
.jj-review::before{content:"";grid-row:1/3;width:64px;height:64px;border-radius:50%;background:var(--or) center/30px no-repeat;-webkit-mask:none}
.jj-review::after{content:"";position:absolute;left:17px;top:17px;width:30px;height:30px;background:var(--bk);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.5 6.5C6 7.5 4 10 4 13.5V18h6v-6H7c0-2.3 1-3.7 3-4.3zM20 6.5c-3.5 1-5.5 3.5-5.5 7V18h6v-6h-3c0-2.3 1-3.7 3-4.3z'/%3E%3C/svg%3E")}
.jj-review>*{margin:0!important}
.jj-review__q{font-weight:550;font-size:clamp(28px,3.4vw,52px);line-height:1.1;letter-spacing:-.035em;max-width:22ch;text-wrap:balance}
.jj-review__by{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:24px!important;grid-column:2}
.jj-review__by>*{margin:0!important}
.jj-review__a{font-weight:600}
.jj-review__s{font-size:14px;color:var(--muted-d);padding:5px 12px;border-radius:999px;border:1px solid var(--line-d)}
.jj-rv-ui{display:flex;align-items:center;gap:16px;margin-top:40px;padding-left:98px}
.jj-rv-dots{display:flex;gap:8px;flex:1}
.jj-rv-dot{flex:1;max-width:90px;height:3px;border:0;padding:0;border-radius:3px;background:var(--line-d);cursor:pointer;position:relative;overflow:hidden}
.jj-rv-dot i{position:absolute;inset:0;background:var(--or);transform-origin:0 50%;transform:scaleX(0)}
.jj-rv-dot.is-on i{animation:jjBar var(--dur,6s) linear forwards}
.jj-rv-dot.is-done i{transform:scaleX(1)}
@keyframes jjBar{to{transform:scaleX(1)}}
.jj-rv-btn{width:48px;height:48px;border-radius:50%;border:0;background:transparent;color:var(--cr);box-shadow:inset 0 0 0 1.5px var(--line-d);display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s}
.jj-rv-btn:hover{background:var(--or);color:var(--bk);box-shadow:none}

/* ============ PREGUNTAS ============ */
.jj-faq__cols{gap:clamp(40px,6vw,110px)!important}
.jj-faq__head{flex-basis:34%!important;position:sticky;top:120px;align-self:flex-start}
.jj-faq__more{margin-top:26px!important;color:var(--muted);font-size:16px}
.jj-faq__more a{color:var(--bk);font-weight:600;text-decoration:none;border-bottom:2px solid var(--or)}
.jj-faq__list{flex-basis:66%!important;border-top:1px solid var(--line)}
.jj-faq__list>*{margin:0!important}
.jj-faq .wp-block-details{border-bottom:1px solid var(--line)}
.jj-faq .wp-block-details summary{list-style:none;cursor:pointer;font-weight:550;font-size:clamp(19px,1.6vw,23px);letter-spacing:-.02em;padding:26px 64px 26px 0;position:relative;transition:color .2s}
.jj-faq .wp-block-details summary:hover{color:var(--or)}
.jj-faq .wp-block-details summary::-webkit-details-marker{display:none}
.jj-faq .wp-block-details summary::before{content:"";position:absolute;right:0;top:50%;width:40px;height:40px;margin-top:-20px;border-radius:50%;background:var(--cr2);box-shadow:0 0 0 1px var(--line);transition:background .3s}
.jj-faq .wp-block-details summary::after{content:"+";position:absolute;right:0;top:50%;width:40px;height:40px;margin-top:-20px;text-align:center;line-height:38px;font-size:22px;font-weight:400;color:var(--bk);transition:transform .35s var(--ease)}
.jj-faq .wp-block-details[open] summary::before{background:var(--or);box-shadow:none}
.jj-faq .wp-block-details[open] summary::after{transform:rotate(45deg)}
.jj-faq .wp-block-details p{color:var(--muted);margin:0 64px 26px 0;max-width:620px}

/* ============ ¿HABLAMOS? (naranja) ============ */
.jj-cta{overflow:hidden}
.jj-cta__grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(30px,5vw,80px);align-items:end}
.jj-cta__char{margin:0 0 calc(-1 * clamp(90px,10vw,160px))!important;width:clamp(200px,22vw,330px)}
.jj-cta__char img{display:block;width:100%;height:auto;filter:drop-shadow(0 24px 30px rgba(20,20,20,.3))}
.jj-cta__body{min-width:0}
.jj-cta__body>*{margin:0!important}
.jj-cta__t{font-weight:650;font-size:clamp(64px,10.5vw,180px);line-height:.92;letter-spacing:-.06em}
.jj-cta__t a{text-decoration:none;display:inline-flex;align-items:center;gap:.16em;transition:color .3s}
.jj-cta__t a:hover{color:var(--cr)}
.jj-arrow{display:inline-block;transition:transform .4s var(--ease);color:var(--cr)}
.jj-cta__t a:hover .jj-arrow{transform:translateX(.12em) rotate(-30deg)}
.jj-cta__d{color:var(--muted-o);font-size:19px;max-width:560px;margin-top:26px!important}
.jj-cta__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px!important}
.jj-cta__link{margin:0!important}
.jj-cta__link a{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:16px;text-decoration:none;background:var(--bk);color:var(--cr);padding:14px 20px 14px 16px;border-radius:999px;transition:transform .3s var(--ease),background .3s}
.jj-cta__link a .jj-ico{color:var(--or)}
.jj-cta__link a:hover{transform:translateY(-2px);background:#000}

/* ============ PÁGINA /TRABAJOS ============ */
.jj-page-hero{padding:clamp(150px,15vw,210px) 0 clamp(50px,6vw,80px);margin:0!important}
.jj-page-hero .jj-wrap>*{margin:0}
.jj-page__t{font-weight:650;font-size:clamp(54px,8vw,132px);line-height:.94;letter-spacing:-.055em;max-width:12ch;text-wrap:balance}
.jj-page-hero .jj-page__d{font-size:clamp(17px,1.4vw,20px);color:var(--muted);max-width:36em;margin-top:30px!important}
.jj-page-hero .jj-subnav{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px!important}
.jj-subnav a{display:inline-flex;align-items:center;gap:9px;padding:13px 18px 13px 15px;border-radius:999px;background:var(--cr2);box-shadow:0 0 0 1px var(--line);font-weight:600;font-size:15px;text-decoration:none;transition:background .25s,color .25s,transform .25s var(--ease)}
.jj-subnav a .jj-ico{color:var(--or)}
.jj-subnav a span{font-size:12px;font-weight:700;background:var(--bk);color:var(--cr);padding:3px 8px;border-radius:999px}
.jj-subnav a:hover{background:var(--bk);color:var(--cr);transform:translateY(-2px)}
.jj-subnav a:hover span{background:var(--or);color:var(--bk)}
.jj-videos{padding-top:clamp(40px,5vw,70px)}
.jj-wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,28px) clamp(16px,1.8vw,24px)}
.jj-wcard{display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;scroll-margin-top:110px}
.jj-wcard:first-child,.jj-wcard:nth-child(2){grid-column:span 1}
.jj-wcard__media,.jj-rcard__media,.jj-hfcard__media{position:relative;display:block;overflow:hidden;border-radius:18px;background:var(--bk2);aspect-ratio:16/9}
.jj-wcard__media img,.jj-wcard__media video,.jj-rcard__media img,.jj-rcard__media video,.jj-hfcard__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease),opacity .5s}
.jj-wcard__media video,.jj-rcard__media video{opacity:0}
.jj-wcard__media video.is-playing,.jj-rcard__media video.is-playing{opacity:1}
.jj-wcard:hover .jj-wcard__media img,.jj-wcard:hover .jj-wcard__media video,.jj-hfcard:hover img,.jj-rcard:hover .jj-rcard__media img,.jj-rcard:hover .jj-rcard__media video{transform:scale(1.05)}
.jj-play{position:absolute;right:14px;bottom:14px;width:52px;height:52px;border-radius:50%;background:var(--or);color:var(--bk);display:grid;place-items:center;z-index:2;transform:scale(.85);opacity:.92;transition:transform .4s var(--spring),opacity .3s;box-shadow:0 10px 24px -10px rgba(0,0,0,.6)}
.jj-play .jj-ico{width:20px;height:20px;margin-left:3px}
a:hover>* .jj-play,a:hover .jj-play{transform:scale(1.05);opacity:1}
.jj-wcard__body{display:flex;flex-direction:column;gap:3px;padding:16px 4px 0}
.jj-wcard__t{font-weight:600;font-size:clamp(20px,1.6vw,24px);letter-spacing:-.025em;line-height:1.15}
.jj-wcard__s{color:var(--muted);font-size:15px}
.jj-wcard__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.jj-wcard__tags span{font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--cr2);box-shadow:0 0 0 1px var(--line)}
.jj-wcard.is-hl .jj-wcard__media{box-shadow:0 0 0 4px var(--or)}
/* Reels */
.jj-rnav{display:flex;gap:8px}
.jj-rnav__b{width:52px;height:52px;border-radius:50%;border:0;background:transparent;color:var(--cr);box-shadow:inset 0 0 0 1.5px var(--line-d);display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s}
.jj-rnav__b:hover{background:var(--or);color:var(--bk);box-shadow:none}
.jj-rrow{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;--rp:max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));padding:0 var(--rp) 20px;scroll-padding-inline:var(--rp);scrollbar-width:none;margin:0!important}
.jj-rrow::-webkit-scrollbar{display:none}
.jj-rcard{flex:none;width:clamp(200px,19vw,268px);scroll-snap-align:none start;text-decoration:none;color:var(--cr)}
.jj-rcard__media{aspect-ratio:9/16;border-radius:22px}
.jj-rcard__t{display:block;margin-top:12px;font-weight:600;font-size:15px}
/* Héroes del Fútbol */
.jj-hf{background:var(--bk) radial-gradient(1200px 500px at 85% 0,rgba(255,84,0,.18),transparent 60%)}
.jj-hf__top{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,80px);align-items:start}
.jj-hf__text{position:sticky;top:120px}
.jj-hf__text>*{margin:0!important}
.jj-hf__badge{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;padding:9px 15px 9px 12px;border-radius:999px;background:rgba(247,243,232,.08);box-shadow:inset 0 0 0 1px var(--line-d)}
.jj-hf__badge .jj-ico{color:var(--or)}
.jj-hf__t{font-weight:650;font-size:clamp(50px,6.2vw,104px);line-height:.92;letter-spacing:-.055em;margin-top:24px!important}
.jj-hf__d{color:var(--muted-d);font-size:18px;margin-top:24px!important;max-width:30em}
.jj-hf__facts{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px;margin-top:28px!important}
.jj-hf__facts li{display:flex;align-items:center;gap:12px;font-weight:600}
.jj-hf__facts .jj-ico{width:38px;height:38px;border-radius:50%;background:var(--or);-webkit-mask:none;mask:none;position:relative}
.jj-hf__facts .jj-ico::after{content:"";position:absolute;inset:9px;background:var(--bk);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.jj-hf__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px!important}
.jj-hf__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.jj-hfcard{text-decoration:none;color:var(--cr);display:block}
.jj-hfcard--big{grid-column:1/-1}
.jj-hfcard__t{display:block;margin-top:10px;font-weight:600;font-size:15px;color:var(--muted-d)}
.jj-hfcard--big .jj-hfcard__t{font-size:18px;color:var(--cr)}
.jj-hf__shortsbox{margin-top:clamp(56px,6vw,90px)!important;padding-top:34px;border-top:1px solid var(--line-d)}
.jj-hf__sub{display:flex;align-items:center;gap:10px;font-weight:600;font-size:20px;letter-spacing:-.02em;margin:0 0 20px!important}
.jj-hf__sub .jj-ico{color:var(--or)}
.jj-hf__shorts{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.jj-scard{position:relative;display:block;aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:var(--bk2)}
.jj-scard img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease)}
.jj-scard:hover img{transform:scale(1.05)}
.jj-scard--more{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--or);color:var(--bk);text-decoration:none;font-weight:650;font-size:18px;letter-spacing:-.02em;transition:background .3s}
.jj-scard--more .jj-ico{width:46px;height:46px}
.jj-scard--more:hover{background:var(--or2)}

/* Héroes del FUT (canal vertical) */
.jj-hf__badge--light{background:var(--cr2);box-shadow:0 0 0 1px var(--line)}
.jj-hfut .jj-hf__t{color:var(--bk)}
.jj-hfut .jj-hf__d{color:var(--muted)}
.jj-hfut .jj-head__l>*{margin:0!important}
.jj-hfut .jj-head__l>.jj-hf__t{margin-top:22px!important}
.jj-hfut .jj-head__l>.jj-hf__d{margin-top:22px!important}
.jj-hfut .jj-hf__btns{margin:0!important}
.jj-pillbtn--dark{background:var(--bk);color:var(--cr);box-shadow:none}
.jj-pillbtn--dark .jj-ico{color:var(--or)}
.jj-pillbtn--dark:hover{background:#000}
.jj-hf .jj-pillbtn:not(.jj-pillbtn--or){color:var(--cr)}
.jj-tgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(14px,1.6vw,22px);align-items:start}
.jj-tcard{display:block;text-decoration:none;color:var(--bk)}
.jj-tcard:nth-child(even){margin-top:56px}
.jj-tcard__media{position:relative;display:block;aspect-ratio:9/16;border-radius:26px;overflow:hidden;background:#0B1020;box-shadow:0 0 0 5px var(--bk),0 30px 50px -26px rgba(20,20,20,.6);transition:transform .5s var(--ease)}
.jj-tcard__media::before{content:"";position:absolute;top:9px;left:50%;width:34%;height:14px;margin-left:-17%;border-radius:10px;background:var(--bk);z-index:3}
.jj-tcard__media img,.jj-tcard__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .5s}
.jj-tcard__media video{opacity:0}
.jj-tcard__media video.is-playing{opacity:1}
.jj-tcard:hover .jj-tcard__media{transform:translateY(-6px) rotate(-1.2deg)}
.jj-tcard__t{display:block;margin-top:16px;font-weight:600;font-size:15px;line-height:1.3;letter-spacing:-.01em}
.jj-tcard--more .jj-tcard__media{background:var(--or);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:var(--bk)}
.jj-tcard--more .jj-ico{width:48px;height:48px;margin-bottom:6px}
.jj-tcard--more b{font-size:19px;letter-spacing:-.02em}
.jj-tcard--more span span,.jj-tcard--more .jj-tcard__media>span{font-size:13px;font-weight:600;opacity:.7}

/* Reproductor emergente */
.jj-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(10,10,10,.86);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s .35s}
.jj-modal.is-open{opacity:1;visibility:visible;transition:opacity .35s ease}
.jj-modal__box{position:relative;width:min(1200px,100%);transform:translateY(20px) scale(.98);transition:transform .5s var(--ease)}
.jj-modal.is-open .jj-modal__box{transform:none}
.jj-modal__frame{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;max-height:80vh;margin:0 auto}
.jj-modal.is-v .jj-modal__box{width:auto}
.jj-modal.is-v .jj-modal__frame{aspect-ratio:9/16;height:min(80vh,820px);max-width:calc(100vw - 40px)}
.jj-modal__frame iframe,.jj-modal__frame video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.jj-modal__bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;color:var(--cr)}
.jj-modal__t{font-weight:600;font-size:18px;letter-spacing:-.02em;margin:0}
.jj-modal__x{width:46px;height:46px;border-radius:50%;border:0;background:var(--cr);color:var(--bk);font-size:24px;line-height:1;cursor:pointer;flex:none}
.jj-modal__ext{font-size:13px;color:var(--muted-d);margin-top:12px;display:inline-block}

/* ============ PIE ============ */
.jj-footer{background:var(--bk);color:var(--muted-d);padding:0 0 30px;margin:0!important;font-size:14px}
.jj-footer__in{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line-d);padding-top:28px}
.jj-footer__in>*{margin:0!important}
.jj-footer a{text-decoration:none}
.jj-footer a:hover{color:var(--cr)}
.jj-footer img{height:36px;width:auto;opacity:.95}
.jj-footer__logo{margin:0!important;line-height:0}

/* ============ /HOLA (página del QR) ============ */
.jj-hola{min-height:100vh;margin:0!important;padding:0 0 56px;box-sizing:border-box}
.jj-marquee--sm{padding:11px 0;border-top:0}
.jj-marquee--sm span{font-size:19px}
.jj-hola__body{max-width:460px;margin:0 auto!important;padding:26px 20px 0;text-align:center}
.jj-hola__body>*{margin:0!important}
.jj-hola__logo{display:flex;justify-content:center}
.jj-hola__logo img{height:34px;width:auto;display:block}
.jj-hola__stage{position:relative;margin-top:22px!important}
.jj-hola__card{aspect-ratio:1/1.02;border-radius:30px}
.jj-hola__card .jj-portrait__img{height:84%;left:62%}
.jj-hola__card .jj-portrait__bubble{text-align:left;font-size:16px;left:6%;top:6%;max-width:46%;padding:12px 15px}
.jj-hola__stage .jj-hola__badge{position:absolute;width:104px;left:auto;right:-8px;top:auto;bottom:-26px;z-index:3}
.jj-hola__badge text{font-size:15px}
.jj-hola__kicker{margin-top:30px!important}
.jj-hola__t{font-weight:650;font-size:clamp(40px,11.5vw,54px);line-height:.98;letter-spacing:-.05em;margin-top:16px!important;text-wrap:balance}
.jj-hola__d{color:var(--muted);margin-top:14px!important;font-size:17px;text-wrap:balance}
.jj-hola__stats{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:20px!important}
.jj-hola__stats span{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:6px 11px 6px 6px;white-space:nowrap;border-radius:999px;background:var(--cr2);box-shadow:0 0 0 1px var(--line)}
.jj-hola__stats .jj-ico{width:24px;height:24px;border-radius:50%;background:var(--or);-webkit-mask:none;mask:none;position:relative}
.jj-hola__stats .jj-ico::after{content:"";position:absolute;inset:5px;background:var(--bk);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.jj-hola__reel{position:relative;margin-top:24px!important;border-radius:20px;overflow:hidden;aspect-ratio:16/9;background:var(--bk);box-shadow:0 0 0 4px var(--cr2),0 24px 40px -22px rgba(20,20,20,.55)}
.jj-hola__reel video{width:100%;height:100%;object-fit:cover;display:block}
.jj-links{display:flex;flex-direction:column;gap:10px;margin-top:24px!important;text-align:left}
.jj-link{margin:0!important}
.jj-link a{display:flex;align-items:center;gap:14px;background:var(--cr2);border-radius:999px;padding:9px 20px 9px 9px;font-weight:600;font-size:16px;text-decoration:none;box-shadow:0 0 0 1px var(--line);transition:transform .25s var(--ease),background .25s}
.jj-link a:hover{transform:translateY(-2px)}
.jj-link a:active{transform:scale(.98)}
.jj-link a>.jj-ico:first-child{width:44px;height:44px;border-radius:50%;background:var(--bk);-webkit-mask:none;mask:none;position:relative;flex:none}
.jj-link a>.jj-ico:first-child::after{content:"";position:absolute;inset:12px;background:var(--or);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.jj-link__t{flex:1}
.jj-link__arr{width:20px;height:20px;color:var(--or);transition:transform .3s var(--ease)}
.jj-link a:hover .jj-link__arr{transform:translateX(4px)}
.jj-link--primary a{background:var(--or);color:var(--bk);box-shadow:0 14px 28px -14px rgba(255,84,0,.8)}
.jj-link--primary a>.jj-ico:first-child::after{background:var(--or)}
.jj-link--primary .jj-link__arr{color:var(--bk)}
.jj-hola__minato{margin-top:26px!important;font-size:14px;color:var(--muted)}
.jj-hola__minato a{color:#1F8FC2;font-weight:600;text-decoration:none}

/* ============ APARICIÓN ============ */
.jj-reveal{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.jj-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.jj-reveal{opacity:1;transform:none}.jj-review{transition:none}}
.editor-styles-wrapper .jj-reveal{opacity:1;transform:none}
.editor-styles-wrapper .jj-hero{min-height:auto}
.editor-styles-wrapper .jj-review{opacity:1;visibility:visible;transform:none;grid-area:auto}

/* ============ TABLET ============ */
@media (max-width:1100px){
  .jj-hero__grid{grid-template-columns:1fr 1fr}
  .jj-stage{height:560px;min-height:0}
  .jj-about__grid{grid-template-columns:1fr 1fr}
  .jj-feats{grid-template-columns:repeat(2,1fr)}
  .jj-feat:nth-child(3){display:none}
  .jj-cols4{grid-template-columns:repeat(2,1fr)}
  .jj-stats{grid-template-columns:1fr}
  .jj-clients{grid-template-columns:repeat(3,1fr)}
  .jj-wgrid{grid-template-columns:repeat(2,1fr)}
  .jj-tgrid{grid-template-columns:repeat(3,1fr)}
  .jj-tcard:nth-child(even){margin-top:0}
  .jj-hf__top{grid-template-columns:1fr}
  .jj-hf__text{position:static}
}

/* ============ MÓVIL ============ */
@media (max-width:781px){
  body{font-size:16px}
  .jj-sec{padding-top:84px;padding-bottom:84px}
  .jj-header{padding:12px 0}
  .jj-logo img{height:32px}
  body.jj-scrolled .jj-header .jj-logo{padding:12px 16px}
  body.jj-scrolled .jj-header .jj-logo img{height:24px}
  .jj-pill{padding:5px;gap:4px}
  .jj-header .wp-block-navigation{margin-right:0!important}
  .jj-header .wp-block-button__link{padding:12px 15px;font-size:13px}
  .wp-block-navigation__responsive-container-open{padding:8px 10px}
  .wp-block-navigation__responsive-container.is-menu-open{background:var(--cr)!important;color:var(--bk)!important;padding:96px 26px 40px!important}
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:flex-start!important;justify-content:flex-start!important;gap:18px!important}
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{font-size:36px!important;font-weight:600;letter-spacing:-.04em}
  .jj-hero{padding:96px 0 34px;min-height:0}
  .jj-hero__grid{grid-template-columns:1fr;gap:10px}
  .jj-hero__t{font-size:clamp(48px,14.5vw,72px);margin-top:20px!important}
  .jj-hero__d{margin-top:18px!important}
  .jj-hero__btns{margin-top:24px!important}
  .jj-stage{height:440px;min-height:0;margin-top:10px}
  .jj-stage__blob{inset:16% 2% 0 2%}
  .jj-stage__char{height:100%;bottom:0}
  .jj-badge{width:104px;top:auto;bottom:22%;left:-2%}
  .jj-stage__reel{width:150px;top:6%;right:-2%}
  .jj-stage__chip{right:auto;left:0;bottom:8%;font-size:13px;padding:9px 14px 9px 9px}
  .jj-marquee{padding:14px 0}
  .jj-about__grid{grid-template-columns:1fr;gap:44px}
  .jj-portrait__card{aspect-ratio:1/1.08;border-radius:26px}
  .jj-stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:32px!important}
  .jj-stat{padding:16px 14px 16px 14px;min-height:0}
  .jj-stat::before{position:static;display:block;margin:0 0 12px;width:40px;height:40px}
  .jj-stat::after{left:24px;top:26px;margin-top:0;width:20px;height:20px}
  .jj-stat__t{font-size:13.5px}
  .jj-head--split{align-items:flex-start}
  .jj-feats{grid-template-columns:1fr;gap:40px}
  .jj-feat,.jj-feat:nth-child(3){display:flex}
  .jj-feat__img{aspect-ratio:4/4.4}
  .jj-covers{margin-top:56px!important;gap:10px}
  .jj-covers__track{gap:10px}
  .jj-covers img{height:110px;border-radius:10px}
  .jj-head--srv{padding-right:96px}
  .jj-srv__char{width:92px;right:-6px;bottom:-36px}
  .jj-srv__grid{grid-template-columns:1fr;gap:12px}
  .jj-srv{padding:26px 24px 26px;border-radius:24px}
  .jj-srv::before{width:50px;height:50px;border-radius:15px;margin-bottom:20px}
  .jj-srv::after{left:37px;top:37px;width:24px;height:24px}
  .jj-cols4{grid-template-columns:1fr;gap:12px}
  .jj-col{display:grid;grid-template-columns:56px 1fr;column-gap:16px;padding:22px 22px 24px;border-radius:24px}
  .jj-col::before{grid-row:1/3;width:56px;height:56px;margin:0}
  .jj-col::after{left:36px;top:36px;width:24px;height:24px}
  .jj-col__d{grid-column:2;margin-top:6px!important}
  .jj-col__t{grid-column:2}
  .jj-steps{grid-template-columns:1fr;gap:12px}
  .jj-step{padding:24px 24px 26px}
  .jj-step::before{margin-bottom:22px;width:50px;height:50px}
  .jj-step::after{left:37px;top:37px;width:24px;height:24px}
  .jj-step__n{font-size:44px}
  .jj-clients{grid-template-columns:repeat(2,1fr)}
  .jj-client{min-height:84px;font-size:16px}
  .jj-review{grid-template-columns:1fr;gap:18px}
  .jj-review::before{grid-row:auto;width:52px;height:52px}
  .jj-review::after{left:13px;top:13px;width:26px;height:26px}
  .jj-review__by{grid-column:1;margin-top:0!important}
  .jj-review__q{font-size:clamp(26px,7.4vw,36px)}
  .jj-rv-ui{padding-left:0}
  .jj-faq__head{position:static}
  .jj-faq .wp-block-details summary{padding:22px 54px 22px 0}
  .jj-faq .wp-block-details p{margin-right:0}
  .jj-cta__grid{grid-template-columns:1fr}
  .jj-cta__char{order:2;width:170px;margin:10px 0 -84px auto!important}
  .jj-cta__body{min-width:0}
  .jj-cta__t{font-size:clamp(46px,13.6vw,92px)}
  .jj-hfcard:not(.jj-hfcard--big) .jj-play{width:36px;height:36px;right:8px;bottom:8px}
  .jj-hfcard:not(.jj-hfcard--big) .jj-play .jj-ico{width:15px;height:15px}
  .jj-cta__links{flex-direction:column;align-items:flex-start}
  .jj-page-hero{padding:130px 0 40px}
  .jj-page__t{font-size:clamp(50px,14vw,76px)}
  .jj-wgrid{grid-template-columns:1fr;gap:34px}
  .jj-rcard{width:62vw;max-width:260px}
  .jj-rnav{display:none}
  .jj-hf__grid{gap:12px}
  .jj-tgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;margin-inline:calc(-1 * var(--pad));padding:8px var(--pad) 10px;scroll-padding-inline:var(--pad);scrollbar-width:none}
  .jj-tcard{flex:none;width:46vw;max-width:220px;scroll-snap-align:none start}
  .jj-tcard:nth-child(even){margin-top:0}
  .jj-hf__shorts{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:calc(-1 * var(--pad));padding-inline:var(--pad);scrollbar-width:none}
  .jj-scard{flex:none;width:44vw;scroll-snap-align:none start}
  .jj-modal{padding:12px}
  .jj-footer__in{flex-direction:column;align-items:flex-start}
}

/* ============ PÁGINAS LEGALES ============ */
.jj-legal-sec{padding-top:clamp(140px,14vw,190px)}
.jj-legal{max-width:820px}
.jj-legal>*{margin:0!important}
.jj-legal__t{font-weight:650;font-size:clamp(42px,6vw,76px);line-height:1;letter-spacing:-.05em}
.jj-legal__upd{color:var(--muted);font-size:15px;margin-top:14px!important}
.jj-legal__h{font-weight:600;font-size:clamp(22px,2vw,28px);letter-spacing:-.025em;margin-top:44px!important}
.jj-legal p:not(.jj-legal__upd){margin-top:14px!important;color:#3a3833;line-height:1.65}
.jj-legal a{color:var(--bk);text-decoration-color:var(--or);text-underline-offset:3px}
.jj-footer__legal{width:100%;font-size:13px;opacity:.75}

/* ============ ICONOS ============ */
.jj-i-clock{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229.5%22%2F%3E%3Cpath%20d%3D%22M12%206.5V12l3.8%202.2%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-users{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2020v-1.5a4%204%200%200%200-4-4H6.5a4%204%200%200%200-4%204V20%22%2F%3E%3Ccircle%20cx%3D%229.2%22%20cy%3D%227.5%22%20r%3D%223.6%22%2F%3E%3Cpath%20d%3D%22M21.5%2020v-1.5a4%204%200%200%200-3-3.9M15.8%204a3.6%203.6%200%200%201%200%207%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-camera{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.5%204.5h-5L7.3%207.2H4.5a2%202%200%200%200-2%202v8.3a2%202%200%200%200%202%202h15a2%202%200%200%200%202-2V9.2a2%202%200%200%200-2-2h-2.8z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213.2%22%20r%3D%223.4%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-user{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224.2%22%2F%3E%3Cpath%20d%3D%22M4.5%2020.5a7.5%207.5%200%200%201%2015%200%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-store{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3.5%209.5%205%204h14l1.5%205.5%22%2F%3E%3Cpath%20d%3D%22M3.5%209.5a2.8%202.8%200%200%200%205.6%200%202.8%202.8%200%200%200%205.8%200%202.8%202.8%200%200%200%205.6%200%22%2F%3E%3Cpath%20d%3D%22M5%2012.2V20h14v-7.8M10%2020v-4.5h4V20%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-landmark{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2021h18M5%2018h14M6.5%2018v-7M10%2018v-7M14%2018v-7M17.5%2018v-7M3.5%209%2012%203.5%2020.5%209z%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-utensils{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%202.5V9a2.5%202.5%200%200%200%202.5%202.5h1A2.5%202.5%200%200%200%2010%209V2.5M7%202.5v19M19.5%2014.5V2.5a4.5%204.5%200%200%200-4.5%204.5v5.5a2%202%200%200%200%202%202h2.5zm0%200v7%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-star{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22black%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203.2l2.6%205.5%206%20.8-4.4%204.1%201.1%205.9L12%2016.6l-5.3%202.9%201.1-5.9-4.4-4.1%206-.8z%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-calendar{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223.2%22%20y%3D%224.5%22%20width%3D%2217.6%22%20height%3D%2216.3%22%20rx%3D%222.4%22%2F%3E%3Cpath%20d%3D%22M8%202.5v4M16%202.5v4M3.2%2010h17.6M8%2014.5h2M14%2014.5h2%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-phone{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%222.5%22%20width%3D%2212%22%20height%3D%2219%22%20rx%3D%222.6%22%2F%3E%3Cpath%20d%3D%22M10.5%2018.5h3%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-video{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%226%22%20width%3D%2213.5%22%20height%3D%2212%22%20rx%3D%222.4%22%2F%3E%3Cpath%20d%3D%22m16%2010.4%205.5-3.2v9.6L16%2013.6%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-spark{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202.5v5M12%2016.5v5M2.5%2012h5M16.5%2012h5M5.3%205.3l3.5%203.5M15.2%2015.2l3.5%203.5M5.3%2018.7l3.5-3.5M15.2%208.8l3.5-3.5%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-message{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.5%2014.5a2%202%200%200%201-2%202H8l-4.5%204V5a2%202%200%200%201%202-2h13a2%202%200%200%201%202%202z%22%2F%3E%3Cpath%20d%3D%22M8%208.5h8M8%2012h5%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-film{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%223%22%20width%3D%2219%22%20height%3D%2218%22%20rx%3D%222.4%22%2F%3E%3Cpath%20d%3D%22M7.5%203v18M16.5%203v18M2.5%208h5M2.5%2012h19M2.5%2016h5M16.5%208h5M16.5%2016h5%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-check{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011.1V12a9%209%200%201%201-5.3-8.2%22%2F%3E%3Cpath%20d%3D%22m21%204.5-9%209-3-3%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-play{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22black%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%204.5v15l12.5-7.5z%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-youtube{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%224%22%2F%3E%3Cpath%20d%3D%22m10%209%205%203-5%203z%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-tiktok{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14.5%203c.3%202.6%201.9%204.3%204.8%204.6v3.1a8%208%200%200%201-4.8-1.6v6.2a5.7%205.7%200%201%201-5.7-5.7h.6v3.1a2.6%202.6%200%201%200%202%202.6V3z%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-drone{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%2218.5%22%20cy%3D%225.5%22%20r%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M8%207.5l2.5%202.5h3L16%207.5M9%2014.5h6l1%203H8z%22%2F%3E%3Crect%20x%3D%229.5%22%20y%3D%2210%22%20width%3D%225%22%20height%3D%224.5%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-map{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021s-6.5-5.8-6.5-11a6.5%206.5%200%200%201%2013%200c0%205.2-6.5%2011-6.5%2011z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.4%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-receipt{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%202.5h14v19l-2.4-1.6-2.3%201.6-2.3-1.6-2.3%201.6-2.3-1.6L5%2021.5z%22%2F%3E%3Cpath%20d%3D%22M8.5%207.5h7M8.5%2011h7M8.5%2014.5h4%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-shield{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021.5s7.5-3.5%207.5-9.5V5.2L12%202.5%204.5%205.2V12c0%206%207.5%209.5%207.5%209.5z%22%2F%3E%3Cpath%20d%3D%22m9%2012%202.2%202.2L15.5%2010%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-repeat{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M17%202.5l3%203-3%203%22%2F%3E%3Cpath%20d%3D%22M4%2011v-1.5a4%204%200%200%201%204-4h12M7%2021.5l-3-3%203-3%22%2F%3E%3Cpath%20d%3D%22M20%2013v1.5a4%204%200%200%201-4%204H4%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-arrow{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14M13%206l6%206-6%206%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-left{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%2018-6-6%206-6%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-right{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%2018%206-6-6-6%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-quote{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22black%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9.5%206.5C6%207.5%204%2010%204%2013.5V18h6v-6H7c0-2.3%201-3.7%203-4.3zM20%206.5c-3.5%201-5.5%203.5-5.5%207V18h6v-6h-3c0-2.3%201-3.7%203-4.3z%22%2F%3E%3C%2Fsvg%3E")}
.jj-i-hand{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%2011V6.5a1.5%201.5%200%200%200-3%200V11M15%2010.5V4.5a1.5%201.5%200%200%200-3%200v6M12%2010.5V5.5a1.5%201.5%200%200%200-3%200V14%22%2F%3E%3Cpath%20d%3D%22M18%208.5a1.5%201.5%200%200%201%203%200V14a8%208%200%200%201-8%208h-1.2a8%208%200%200%201-6-2.8L3%2015.8a1.6%201.6%200%200%201%202.4-2.1L9%2016%22%2F%3E%3C%2Fsvg%3E")}