/* Muestra: Estampado personalizado (Imprimelo) - rojo, negro, papel y amarillo; Unbounded + DM Sans; estilo de sticker con sombras solidas */
@font-face{font-family:'Bebas Neue';src:url(../fonts/bebas-neue-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Archivo';src:url(../fonts/archivo-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Archivo';src:url(../fonts/archivo-latin-500-normal.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Archivo';src:url(../fonts/archivo-latin-700-normal.woff2) format('woff2');font-weight:700;font-display:swap}
:root{--red:#E0232C;--red-d:#B5161E;--ink:#151515;--paper:#FFFFFF;--paper-2:#EEF2F6;--y:#21C4F0;--cy:#0E7FA8;--mut:#4F5663;--line:#DDE3EA;--fh:'Bebas Neue','Arial Narrow',Impact,sans-serif;--fb:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif}
body.mtm-demo{background:var(--paper)}
.im{background:var(--paper);color:var(--ink);font-family:var(--fb);font-size:16px;line-height:1.55;overflow-x:clip}
.im *,.im *::before,.im *::after{box-sizing:border-box}
.im :where(h1,h2,h3,h4,p,ul,ol,figure){margin:0}
.im :where(ul,ol){padding:0;list-style:none}
.im :where(a){color:inherit;text-decoration:none}
.im :where(img,svg){display:block}
.im button{font-family:inherit}

/* botones estilo sticker */
.im-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 24px;border-radius:14px;font:700 16px/1.2 var(--fb);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s;white-space:nowrap}
.im-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.im-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.im-btn svg{width:20px;height:20px;flex:none}
.im-btn--red{background:var(--red);color:#fff}
.im-btn--yellow{background:var(--y);color:var(--ink)}
.im-btn--line{background:#fff;color:var(--ink)}
.im-btn--sm{padding:9px 15px;font-size:14px;border-radius:12px;box-shadow:3px 3px 0 var(--ink)}
.im-btn--sm svg{width:17px;height:17px}

/* encabezado */
.im-hdr{background:var(--paper);border-bottom:2px solid var(--ink);position:relative}
.im-hdr__in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:78px}
.im-brand{display:flex;align-items:center;gap:12px;font:400 30px/1 var(--fh);letter-spacing:.03em}
.im-brand small{display:block;font:500 12.5px/1.3 var(--fb);color:var(--mut);letter-spacing:0;margin-top:3px}
.im-mark{position:relative;flex:none;width:40px;height:40px;border-radius:50% 50% 50% 14%;background:var(--red);border:2px solid var(--ink);transform:rotate(-12deg)}
.im-mark i{position:absolute;right:-7px;top:-6px;width:16px;height:16px;border-radius:50%;background:var(--y);border:2px solid var(--ink)}
.im-nav{display:flex;gap:26px}
.im-nav a{font-weight:700;font-size:15px;padding:6px 0;background:linear-gradient(var(--red),var(--red)) 0 100%/0 3px no-repeat;transition:background-size .25s}
.im-nav a:hover{background-size:100% 3px}
.im-hdr .dm-hsoc a,.im-hdr .dm-mnav summary{color:var(--ink);border-color:rgba(21,21,21,.35)}

/* hero */
.im-hero{padding:clamp(44px,6.5vw,92px) 0 clamp(56px,7vw,100px);background:linear-gradient(rgba(21,21,21,.05) 1px,transparent 1px) 0 0/30px 30px,linear-gradient(90deg,rgba(21,21,21,.05) 1px,transparent 1px) 0 0/30px 30px,#fff}
.im-hero__g{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,64px);align-items:center}
.im-tags{display:flex;flex-wrap:wrap;gap:8px}
.im-tags span{padding:6px 12px;border-radius:999px;border:2px solid var(--ink);background:#fff;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.im-tags span:first-child{background:var(--red);color:#fff}
.im-tags span:nth-child(3){background:var(--y)}
.im-hero h1{font:400 clamp(58px,7.6vw,104px)/.92 var(--fh);letter-spacing:.01em;margin:0 0 22px}
.im-ink{color:var(--red);background:linear-gradient(transparent 68%,var(--y) 68%,var(--y) 90%,transparent 90%);padding:0 .04em}
.im-ink--y{color:var(--y);background:linear-gradient(transparent 70%,var(--red) 70%,var(--red) 90%,transparent 90%)}
.im-hero__p{font-size:clamp(17px,1.5vw,19px);color:var(--mut);max-width:52ch}
.im-cta{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 34px}
.im-proof{display:flex;flex-wrap:wrap;gap:16px 26px}
.im-proof li{display:flex;flex-direction:column;padding-left:18px;border-left:2px dashed #C9D1DB}
.im-proof li:first-child{padding-left:0;border-left:0}
.im-proof b{font:400 30px/1 var(--fh);color:var(--red);letter-spacing:.03em}
.im-proof span{font-size:13.5px;color:var(--mut);margin-top:6px;font-weight:500}

.im-stage{position:relative;width:100%;max-width:560px;justify-self:end;aspect-ratio:1/1}
.im-stage::before{content:"";position:absolute;inset:11% 9% 9% 11%;background:var(--red);border:2px solid var(--ink);border-radius:46% 54% 42% 58%/52% 44% 56% 48%;animation:imBlob 14s ease-in-out infinite alternate}
@keyframes imBlob{50%{border-radius:58% 42% 55% 45%/44% 58% 42% 56%;transform:rotate(6deg)}100%{border-radius:42% 58% 48% 52%/56% 46% 54% 44%;transform:rotate(-4deg)}}
.im-dots{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,var(--y) 0 2.4px,transparent 2.9px) 0 0/17px 17px;-webkit-mask-image:radial-gradient(circle at 70% 30%,#000 0 30%,transparent 62%);mask-image:radial-gradient(circle at 70% 30%,#000 0 30%,transparent 62%);opacity:.9}
.im-shirt{position:absolute;left:13%;top:9%;width:74%;height:auto;overflow:visible;filter:drop-shadow(8px 10px 0 #151515);animation:imBob 6s ease-in-out infinite}
.im-shirt__b{fill:#F7F5F0;stroke:#151515;stroke-width:2.5;animation:imShirt 12s infinite}
@keyframes imShirt{0%,22%{fill:#F7F5F0}25%,47%{fill:#1C1C1C}50%,72%{fill:#21C4F0}75%,97%{fill:#F7F5F0}100%{fill:#F7F5F0}}
.im-d text{font:400 27px var(--fh);letter-spacing:.03em}
.im-d text.xl{font-size:48px}
.im-d text.sm{font-size:15px}
.im-d{opacity:0;transform-box:fill-box;transform-origin:center;animation:imD 12s infinite}
.im-d2{animation-delay:3s}.im-d3{animation-delay:6s}.im-d4{animation-delay:9s}
@keyframes imD{0%{opacity:0;transform:scale(.55)}3%,22%{opacity:1;transform:scale(1)}25%,100%{opacity:0;transform:scale(1)}}
.im-press{animation:imPress 3s ease-in-out infinite}
@keyframes imPress{0%,10%{transform:translateX(0)}70%,100%{transform:translateX(280px)}}
@keyframes imBob{50%{transform:translateY(-10px) rotate(-1deg)}}
.im-float{position:absolute;z-index:2;filter:drop-shadow(6px 7px 0 #151515)}
.im-float .im-art{width:100%;height:auto}
.im-float--mug{width:33%;left:-1%;bottom:1%;animation:imBob 7s ease-in-out -2s infinite}
.im-float--mug .im-art rect:first-of-type{stroke:#151515;stroke-width:3}
.im-float--stk{width:30%;right:-2%;top:-2%;animation:imBob 8s ease-in-out -4s infinite}
.im-art__t{font:400 24px var(--fh);letter-spacing:.03em}
.im-art__t--xl{font-size:40px}
.im-art__s{font:400 19px var(--fh);letter-spacing:.05em}
.im-label{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:2px solid var(--ink);background:#fff;font-weight:700;font-size:14px;box-shadow:3px 3px 0 var(--ink);white-space:nowrap;animation:imBob 6s ease-in-out -1s infinite}
.im-label svg{width:18px;height:18px;color:#13833C}
.im-label--1{right:2%;bottom:16%;background:var(--y)}
.im-label--2{left:0;top:14%;animation-delay:-3s}

/* cinta */
.im-ticker{display:flex;overflow:hidden;background:var(--red);color:#fff;border-block:2px solid var(--ink);padding:14px 0;transform:rotate(-1.4deg);margin:0 -30px;width:calc(100% + 60px)}
.im-ticker__t{display:flex;align-items:center;gap:22px;padding-right:22px;flex:none;animation:imTick 34s linear infinite}
.im-ticker span{font:400 clamp(24px,2.4vw,32px)/1 var(--fh);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.im-ticker i{font-style:normal;color:var(--y);font-size:20px}
@keyframes imTick{to{transform:translateX(-100%)}}

/* secciones */
.im-sec{padding:clamp(64px,8vw,112px) 0}
.im-head{max-width:720px;margin-bottom:clamp(32px,4vw,52px)}
.im-head--c{text-align:center;margin-left:auto;margin-right:auto}
.im-head--c p{margin-left:auto;margin-right:auto}
.im-head--row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;flex-wrap:wrap}
.im-head--row p{max-width:34ch}
.im-kick{display:inline-block;font:700 12.5px/1 var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:16px;padding:7px 12px;border:2px solid currentColor;border-radius:999px}
.im-kick--y{color:var(--y)}
.im h2{font:400 clamp(44px,5.4vw,74px)/.95 var(--fh);letter-spacing:.01em;margin-bottom:16px}
.im-head p{font-size:18px;color:var(--mut);max-width:54ch}

/* productos */
.im-prods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.im-prod{display:flex;flex-direction:column;background:#fff;border:2px solid var(--ink);border-radius:22px;overflow:hidden;box-shadow:6px 6px 0 var(--ink);transition:transform .2s,box-shadow .2s}
.im-prod:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}
.im-prod__art{position:relative;display:grid;place-items:center;aspect-ratio:16/10.5;border-bottom:2px solid var(--ink);overflow:hidden}
.im-prod__art .im-art{position:relative;width:46%;height:auto;filter:drop-shadow(5px 6px 0 rgba(21,21,21,.9));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.im-prod:hover .im-art{transform:rotate(-5deg) scale(1.07)}
.im-t--paper{background:radial-gradient(circle,rgba(224,35,44,.22) 0 2px,transparent 2.5px) 0 0/16px 16px,var(--paper-2)}
.im-t--red{background:radial-gradient(circle,rgba(33,196,240,.45) 0 2px,transparent 2.5px) 0 0/16px 16px,var(--red)}
.im-t--ink{background:radial-gradient(circle,rgba(255,255,255,.12) 0 2px,transparent 2.5px) 0 0/16px 16px,var(--ink)}
.im-t--yellow{background:radial-gradient(circle,rgba(21,21,21,.14) 0 2px,transparent 2.5px) 0 0/16px 16px,var(--y)}
.im-prod__txt{display:flex;flex-direction:column;gap:8px;padding:22px 24px 24px;flex:1}
.im-prod__txt b{font:400 32px/1 var(--fh);letter-spacing:.02em}
.im-prod__txt>span{font-size:15.5px;color:var(--mut)}
.im-prod__txt i{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:6px;font-style:normal;font-weight:700;color:var(--red)}
.im-prod__txt i svg{width:18px;height:18px;transition:transform .2s}
.im-prod:hover .im-prod__txt i svg{transform:translateX(4px)}

/* para quien */
.im-who{background:var(--paper)}
.im-try{background:var(--paper-2);border-block:2px solid var(--ink)}
.im-who__g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.im-side{display:flex;flex-direction:column;gap:18px;padding:clamp(26px,3.4vw,42px);border:2px solid var(--ink);border-radius:26px;background:#fff;box-shadow:8px 8px 0 var(--ink)}
.im-side--biz{background:var(--ink);color:#F3EADF;box-shadow:8px 8px 0 var(--red)}
.im-side__ic{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:var(--red);color:#fff;border:2px solid var(--ink)}
.im-side--biz .im-side__ic{background:var(--y);color:var(--ink)}
.im-side__ic svg{width:28px;height:28px}
.im-side h3{font:400 clamp(34px,3.2vw,42px)/1 var(--fh);letter-spacing:.02em}
.im-side--biz h3{color:#fff}
.im-side ul{display:grid;gap:14px}
.im-side li{display:flex;gap:12px;font-size:16px;line-height:1.5;color:var(--mut)}
.im-side--biz li{color:#CFC6BA}
.im-side li b{color:var(--ink)}
.im-side--biz li b{color:#fff}
.im-side li svg{width:22px;height:22px;flex:none;margin-top:1px;color:var(--red)}
.im-side--biz li svg{color:var(--y)}
.im-side .im-btn{margin-top:auto;align-self:flex-start}
.im-side--biz .im-btn{box-shadow:4px 4px 0 var(--red);border-color:var(--y)}

/* acabados */
.im-fin{background:var(--ink);color:#E9E2D8}
.im-fin h2{color:#fff}
.im-fin .im-head p{color:#B9B0A4}
.im-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.im-sw{display:flex;flex-direction:column;gap:4px;padding:22px;border-radius:20px;background:#1F1F1F;border:2px solid #2F2F2F;outline:none;transition:transform .2s,border-color .2s}
.im-sw:hover,.im-sw:focus-visible{transform:translateY(-4px);border-color:var(--y)}
.im-sw__fx{display:block;font:400 86px/.9 var(--fh);letter-spacing:.02em;height:76px;margin-bottom:10px}
.im-sw b{color:#fff;font-size:17px}
.im-sw>span:last-child{font-size:14px;color:#A9A097;line-height:1.45}
.im-sw--liso .im-sw__fx{color:var(--red)}
.im-sw--glitter .im-sw__fx{background:radial-gradient(circle,#fff 0 1px,transparent 1.6px) 0 0/7px 7px,radial-gradient(circle,#FFE9A6 0 1.3px,transparent 1.9px) 3px 4px/9px 9px,linear-gradient(135deg,#B8860B,#FFE38A 45%,#C9971C 70%,#FFF0B8);-webkit-background-clip:text;background-clip:text;color:transparent;animation:imGlit 1.6s steps(5) infinite}
@keyframes imGlit{to{background-position:7px 7px,-6px 9px,0 0}}
.im-sw--flock .im-sw__fx{background:repeating-radial-gradient(circle at 30% 30%,#B0213C 0 1px,#8A1630 1px 2px);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 3px rgba(176,33,60,.55))}
.im-sw--neon .im-sw__fx{color:#FF7A1A;text-shadow:0 0 6px #FF7A1A,0 0 18px #FF7A1A,0 0 38px rgba(255,122,26,.7);animation:imNeon 3s infinite}
@keyframes imNeon{0%,18%,22%,60%,100%{opacity:1}20%,62%{opacity:.45}}
.im-sw--metal .im-sw__fx{background:linear-gradient(100deg,#8C6A2B 0%,#F7E08A 22%,#B88A2E 40%,#FFF5CC 50%,#9C7426 64%,#E8C766 82%,#8C6A2B 100%) 0 0/220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:imShine 3.2s linear infinite}
@keyframes imShine{from{background-position:220% 0}to{background-position:0 0}}
.im-sw--holo .im-sw__fx{background:linear-gradient(90deg,#FF8AD8,#7FE7FF,#B9FF8F,#FFE07A,#C69BFF,#FF8AD8) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:imShine 4s linear infinite}
.im-sw--reflex .im-sw__fx{background:linear-gradient(110deg,#8E9196 38%,#fff 50%,#8E9196 62%) 0 0/260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:imShine 2.6s ease-in-out infinite}
.im-sw--glow{background:#0B0B0B}
.im-sw--glow .im-sw__fx{color:#3A3A3A;animation:imGlow 4s ease-in-out infinite}
@keyframes imGlow{0%,35%{color:#3A3A3A;text-shadow:none}55%,90%{color:#D6FFC4;text-shadow:0 0 10px #A8FF8A,0 0 26px #6FE852}100%{color:#3A3A3A;text-shadow:none}}
.im-sub{font:400 clamp(32px,3vw,40px)/1 var(--fh);color:#fff;letter-spacing:.03em;margin:clamp(52px,6vw,76px) 0 24px}
.im-tecs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.im-tec{border-top:3px solid var(--red);padding-top:18px}
.im-tec__n{font:400 22px var(--fh);color:var(--y)}
.im-tec h4{font:400 32px/1 var(--fh);color:#fff;margin:10px 0;letter-spacing:.02em}
.im-tec p{font-size:15px;color:#B9B0A4}
.im-tec p+p{margin-top:8px}
.im-tec__for b{color:#fff}
.im-fin__note{display:flex;align-items:center;gap:14px;margin-top:44px;padding:18px 22px;border:2px dashed #4A4540;border-radius:18px;background:#1C1C1C;color:#EDE6DC;font-size:16px}
.im-fin__note svg{width:30px;height:30px;flex:none;color:var(--y)}

/* arma tu pedido */
.im-try__g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center}
.im-try__txt>p{font-size:18px;color:var(--mut)}
.im-try__box{display:grid;gap:18px;margin-top:26px;padding:24px;background:#fff;border:2px solid var(--ink);border-radius:22px;box-shadow:6px 6px 0 var(--ink)}
.im-try__box fieldset{border:0;padding:0;margin:0;min-width:0}
.im-try__box legend,.im-field>span{display:block;font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:10px;padding:0}
.im-opts{display:flex;flex-wrap:wrap;gap:8px}
.im-opt{padding:10px 16px;border-radius:12px;border:2px solid #D3DAE3;background:var(--paper);color:var(--ink);font-weight:700;font-size:15px;cursor:pointer;transition:border-color .2s,background .2s}
.im-opt:hover{border-color:var(--ink)}
.im-opt.on{background:var(--ink);border-color:var(--ink);color:#fff}
.im-colors{display:flex;flex-wrap:wrap;gap:12px}
.im-col{width:40px;height:40px;border-radius:50%;background:var(--sw);border:2px solid rgba(21,21,21,.35);cursor:pointer;transition:transform .15s}
.im-col:hover{transform:scale(1.08)}
.im-col.on{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--red)}
.im-field{display:block}
.im-input{width:100%;padding:14px 16px;border:2px solid var(--ink);border-radius:12px;background:var(--paper);font:400 28px/1 var(--fh);letter-spacing:.05em;text-transform:uppercase;color:var(--ink)}
.im-input:focus{outline:3px solid var(--y);outline-offset:1px}
.im-send{width:100%}
.im-hint{font-size:14px;color:var(--mut);text-align:center}
.im-preview{position:relative;display:flex;flex-direction:column;align-items:center;padding:clamp(28px,4vw,52px);border:2px solid var(--ink);border-radius:30px;background:radial-gradient(circle,rgba(33,196,240,.5) 0 2.4px,transparent 2.9px) 0 0/18px 18px,var(--red);box-shadow:10px 10px 0 var(--ink)}
.im-pv{width:100%;max-width:380px;height:auto;overflow:visible;filter:drop-shadow(8px 10px 0 rgba(21,21,21,.92))}
.im-pv__fill{stroke:#151515;stroke-width:2.5;transition:fill .3s}
.im-pv [data-k=sticker] .im-pv__fill{stroke:#fff;stroke-width:10}
.im-pv__stroke{transition:stroke .3s}
.im-pv__t{font-family:var(--fh);font-weight:400;letter-spacing:.02em}
.im-pv__cap{margin-top:22px;text-align:center;color:#fff}
.im-pv__cap b{display:block;font:400 26px/1.1 var(--fh);letter-spacing:.03em}
.im-pv__cap span{display:block;font-size:13.5px;opacity:.88;margin-top:4px}

/* como pedir */
.im-how{background:var(--paper-2);border-block:2px solid var(--ink)}
.im-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:s}
.im-steps li{position:relative;padding:26px 24px 24px;background:#fff;border:2px solid var(--ink);border-radius:20px;box-shadow:5px 5px 0 var(--ink);font-size:15px;color:var(--mut);counter-increment:s}
.im-steps li::before{content:counter(s,decimal-leading-zero);position:absolute;top:18px;right:20px;font:400 46px/1 var(--fh);color:#E3E9F0}
.im-steps li>span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--y);border:2px solid var(--ink)}
.im-steps li:nth-child(2)>span{background:var(--red);color:#fff}
.im-steps li:nth-child(3)>span{background:var(--cy);color:#fff}
.im-steps li:nth-child(4)>span{background:var(--ink);color:#fff}
.im-steps svg{width:26px;height:26px}
.im-steps b{display:block;font:400 30px/1 var(--fh);color:var(--ink);letter-spacing:.02em;margin:16px 0 6px}

/* trabajos */
.im-gal__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.im-shot{position:relative;display:flex;align-items:flex-end;aspect-ratio:1/1;padding:16px;border:2px solid var(--ink);border-radius:20px;overflow:hidden;box-shadow:5px 5px 0 var(--ink);transition:transform .25s,box-shadow .25s}
.im-shot:hover{transform:rotate(-1.2deg) translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}
.im-shot--0{background:repeating-linear-gradient(45deg,var(--paper-2) 0 14px,#E2E8EF 14px 28px)}
.im-shot--1{background:radial-gradient(circle,rgba(33,196,240,.5) 0 2.4px,transparent 2.9px) 0 0/18px 18px,var(--red)}
.im-shot--2{background:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px) 0 0/22px 22px,var(--ink)}
.im-shot--3{background:radial-gradient(circle,rgba(21,21,21,.14) 0 2px,transparent 2.5px) 0 0/16px 16px,var(--y)}
.im-shot__ph{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:72%;padding:14px;border:2px dashed currentColor;border-radius:14px;text-align:center;font-size:13.5px;font-weight:700;opacity:.75}
.im-shot--1 .im-shot__ph,.im-shot--2 .im-shot__ph{color:#fff}
.im-shot b{position:relative;padding:8px 14px;border-radius:999px;background:#fff;border:2px solid var(--ink);font-size:14px}

/* quienes somos */
.im-about__g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,64px);align-items:center}
.im-photo{display:grid;place-items:center;align-content:center;gap:16px;aspect-ratio:4/5;border:2px dashed #B8C2CE;border-radius:28px;background:var(--paper-2);transform:rotate(-2deg)}
.im-photo small{font-size:14px;font-weight:700;color:var(--mut)}
.im-mark--big{width:120px;height:120px;border-width:3px}
.im-mark--big i{width:42px;height:42px;right:-14px;top:-12px;border-width:3px}
.im-lead{font-size:20px;font-weight:500;color:var(--ink);margin-bottom:14px}
.im-about p:not(.im-lead){color:var(--mut);font-size:17px}
.im-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.im-chips li{padding:8px 15px;border-radius:999px;border:2px solid var(--ink);background:#fff;font-weight:700;font-size:14px}
.im-chips li:nth-child(2){background:var(--y)}

/* preguntas */
.im-faq{background:var(--paper-2);border-top:2px solid var(--ink)}
.im-faq__g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,64px);align-items:start}
.im-faq__l{display:grid;gap:12px}
.im-qa{background:#fff;border:2px solid var(--ink);border-radius:16px;transition:box-shadow .2s}
.im-qa[open]{box-shadow:5px 5px 0 var(--ink)}
.im-qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-weight:700;font-size:17px}
.im-qa summary::-webkit-details-marker{display:none}
.im-qa i{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--paper-2);transition:transform .25s,background .25s}
.im-qa[open] i{transform:rotate(45deg);background:var(--red);color:#fff}
.im-qa i svg{width:18px;height:18px}
.im-qa p{padding:0 20px 20px;color:var(--mut);line-height:1.6}

/* contacto */
.im-contact{background:radial-gradient(circle,rgba(33,196,240,.35) 0 2.4px,transparent 2.9px) 0 0/20px 20px,var(--red);color:#fff;border-top:2px solid var(--ink)}
.im-contact__g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center}
.im-contact h2{color:#fff}
.im-contact .im-ink--y{background:linear-gradient(transparent 70%,var(--ink) 70%,var(--ink) 90%,transparent 90%)}
.im-contact__g>div:first-child>p{font-size:18px;color:rgba(255,255,255,.92);margin-bottom:28px;max-width:46ch}
.im-follow{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin-top:30px;font-weight:700}
.im-follow .dm-hsoc a{width:42px;height:42px;color:#fff;border-color:rgba(255,255,255,.6)}
.im-follow .dm-hsoc a:hover{background:rgba(255,255,255,.15)}
.im-card{background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:24px;overflow:hidden;box-shadow:8px 8px 0 var(--ink)}
.im-map{position:relative;display:grid;place-items:center;align-content:center;gap:10px;height:220px;background:linear-gradient(rgba(21,21,21,.06) 1px,transparent 1px) 0 0/26px 26px,linear-gradient(90deg,rgba(21,21,21,.06) 1px,transparent 1px) 0 0/26px 26px,var(--paper-2);border-bottom:2px solid var(--ink)}
.im-map__pin{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;border:2px solid var(--ink)}
.im-map__pin svg{width:26px;height:26px}
.im-map__lbl{font-weight:700;font-size:14px;color:var(--mut)}
.im-info{display:grid;gap:16px;padding:22px 24px 24px}
.im-info li{display:flex;gap:12px;font-size:15.5px;color:var(--mut)}
.im-info li svg{width:22px;height:22px;flex:none;color:var(--red);margin-top:1px}
.im-info b{display:block;color:var(--ink)}
.im-info a{color:var(--red);font-weight:700}

/* pie */
.im-ftr{background:var(--ink);color:#DCD3C7;padding:40px 0 30px;font-size:14.5px}
.im-ftr>.dm-w:last-child{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

/* responsivo */
@media (max-width:1020px){
.im-hero__g,.im-try__g,.im-contact__g{grid-template-columns:1fr}
.im-stage{justify-self:center;max-width:500px}
.im-prods,.im-gal__g{grid-template-columns:repeat(2,minmax(0,1fr))}
.im-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}
.im-tecs,.im-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.im-about__g,.im-faq__g{grid-template-columns:1fr}
.im-photo{max-width:360px;aspect-ratio:1/1}
.im-preview{max-width:520px;width:100%;justify-self:center}
}
@media (max-width:760px){
.im-who__g{grid-template-columns:1fr}
.im-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
.im-hdr__in{height:68px}
.im-hdr .im-btn--sm{display:none}
.im-brand{font-size:26px}
.im-prods,.im-gal__g,.im-tecs,.im-steps{grid-template-columns:1fr}
.im-cta .im-btn{width:100%}
.im-sw{padding:18px}
.im-sw__fx{font-size:66px;height:62px}
.im-label{font-size:12px;padding:7px 11px}
.im-label svg{width:15px;height:15px}
.im-side .im-btn{align-self:stretch;white-space:normal}
.im-fin__note{align-items:flex-start}
.im-gal__g{grid-template-columns:repeat(2,minmax(0,1fr))}
.im-shot{padding:10px}
.im-shot b{font-size:12px;padding:6px 10px}
.im-shot__ph{font-size:11.5px;padding:8px;width:84%}
}
@media (prefers-reduced-motion:reduce){.im *,.im *::before{animation:none!important}.im-d1{opacity:1}}
.im-pv__s[hidden]{display:none}
@media (max-width:600px){.im-shot__ph{top:36%}}

.im-head p,.im-hero__p{font-family:var(--fb)}
.im-ink{padding:0 .06em}
@media (max-width:600px){.im-hero h1{font-size:62px}.im-hero__p{font-size:17px}.im-cta{margin:26px 0 8px}}

/* celular: la vista previa arriba del formulario */
@media (max-width:1020px){.im-try__txt{display:contents}.im-try__g{gap:0;align-items:stretch}.im-try .im-kick{justify-self:start}.im-preview{order:1;margin-top:24px;justify-self:stretch;max-width:none;padding:22px}.im-pv{max-width:250px}.im-try__box{order:2;margin-top:24px}}