@font-face{font-family:Recreo;src:url(/fonts/recreo.otf) format("opentype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:RecreoPuntos;src:url(/fonts/recreo-puntos.otf) format("opentype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:Garabatos;src:url(/fonts/garabatos.otf) format("opentype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:Travesura;src:url(/fonts/travesura.otf) format("opentype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:DinoClub;src:url(/fonts/dino-club.ttf) format("truetype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:Siestita;src:url(/fonts/siestita.ttf) format("truetype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:Manitas;src:url(/fonts/manitas.ttf) format("truetype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:Pinata;src:url(/fonts/pinata.ttf) format("truetype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:Brillito;src:url(/fonts/brillito.otf) format("opentype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:Kermes;src:url(/fonts/kermes.ttf) format("truetype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:Carrusel;src:url(/fonts/carrusel.ttf) format("truetype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:Solecito;src:url(/fonts/solecito.otf) format("opentype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:Chicle;src:url(/fonts/chicle.ttf) format("truetype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:Retazos;src:url(/fonts/retazos.ttf) format("truetype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:Recortes;src:url(/fonts/recortes.ttf) format("truetype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:HankenBlack;src:url(/fonts/hanken-black.ttf) format("truetype");font-style:normal;font-weight:400 900;font-display:swap}@font-face{font-family:Farmhouse;src:url(/fonts/farmhouse.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Friendship;src:url(/fonts/friendship.otf) format("opentype");font-style:normal;font-weight:500;font-display:swap}:root{--paper: #f7f3e9;--paper-strong: #fffdf8;--ink: #202132;--ink-soft: #62637a;--pink: #ef4f91;--orange: #ff914d;--yellow: #ffd43b;--mint: #65c8a5;--sky: #4db5e8;--purple: #7a66c7;--line: rgba(32, 33, 50, .14);--shadow: 0 24px 70px rgba(51, 44, 83, .13)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(122,102,199,.35);outline-offset:3px}.hero{min-height:92svh;position:relative;overflow:hidden;padding:32px clamp(22px,6vw,88px) 44px;display:grid;align-content:center;background:linear-gradient(rgba(70,71,96,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(70,71,96,.06) 1px,transparent 1px),var(--paper);background-size:28px 28px}.hero:before{content:"";width:min(54vw,680px);aspect-ratio:1;position:absolute;right:-12vw;top:-12vw;border-radius:50%;background:conic-gradient(var(--pink),var(--orange),var(--yellow),var(--mint),var(--sky),var(--purple),var(--pink));filter:blur(8px);opacity:.17}.hero__meta{position:absolute;top:28px;left:clamp(22px,6vw,88px);right:clamp(22px,6vw,88px);display:flex;justify-content:space-between;gap:16px;font-size:11px;font-weight:800;letter-spacing:.15em}.hero__copy{position:relative;max-width:820px;z-index:1}.eyebrow{margin:0 0 12px;color:var(--pink);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero h1{max-width:760px;margin:0;font-size:clamp(48px,8vw,104px);line-height:.94;letter-spacing:-.065em}.hero__copy>p:last-child{max-width:510px;margin:28px 0 0;color:var(--ink-soft);font-size:clamp(17px,2vw,21px);line-height:1.55}.hero__doodles span{position:absolute;z-index:1;font-size:clamp(30px,5vw,68px);color:var(--purple)}.hero__doodles span:nth-child(1){right:16%;top:24%;transform:rotate(14deg)}.hero__doodles span:nth-child(2){right:8%;bottom:27%;color:var(--pink);transform:rotate(-10deg)}.hero__doodles span:nth-child(3){left:58%;bottom:17%;color:var(--sky);transform:rotate(-24deg)}.hero__doodles span:nth-child(4){left:48%;top:17%;color:var(--mint)}.hero__cta{position:absolute;left:clamp(22px,6vw,88px);bottom:36px;color:inherit;font-size:13px;font-weight:800;text-decoration:none;border-bottom:2px solid var(--pink);padding-bottom:5px}.intro{max-width:760px;margin:0 auto;padding:110px 24px 48px;text-align:center}.intro h2{margin:0;font-size:clamp(40px,6vw,74px);letter-spacing:-.05em}.intro>p:last-child{color:var(--ink-soft);font-size:18px;line-height:1.6}.builder{width:min(1180px,calc(100% - 32px));margin:0 auto 120px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(26px,5vw,68px);align-items:start}.preview-panel{position:sticky;top:24px;padding:18px;border:1px solid var(--line);border-radius:28px;background:#fffdf8b8;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.preview-panel__meta{display:flex;justify-content:space-between;margin-bottom:14px;color:var(--ink-soft);font-size:10px;font-weight:900;letter-spacing:.14em}.label-preview{min-height:300px;padding:44px 22px;border:1px solid rgba(32,33,50,.12);border-radius:22px;background:radial-gradient(circle at 12% 16%,rgba(239,79,145,.08),transparent 28%),radial-gradient(circle at 84% 78%,rgba(77,181,232,.12),transparent 30%),#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.label-preview__name{max-width:100%;overflow-wrap:anywhere;text-align:center;font-size:clamp(46px,7vw,82px);font-weight:900;line-height:1;letter-spacing:-.03em}.label-preview__surname{font-family:HankenBlack,Inter,sans-serif;margin-top:15px;color:var(--ink);font-size:clamp(18px,2.2vw,26px);font-weight:900;letter-spacing:.055em;text-align:center;text-transform:uppercase}.preview-note{margin:14px 4px 2px;color:var(--ink-soft);font-size:12px;line-height:1.5}.pencil-preview{width:100%;gap:24px;overflow:hidden}.pencil{width:min(440px,86%);height:58px;position:relative;display:flex;align-items:stretch;border-radius:9px 0 0 9px;box-shadow:0 10px 20px #20213221;transform:rotate(-2deg)}.pencil:nth-child(2){transform:translate(20px) rotate(1.5deg)}.pencil:nth-child(3){transform:translate(-12px) rotate(-.5deg)}.pencil__eraser{width:42px;flex:0 0 42px;border-right:8px solid #c8b7a2;border-radius:9px 0 0 9px;background:#f19ab1}.pencil__copy{min-width:0;flex:1;padding:5px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.9;white-space:nowrap;overflow:hidden}.pencil__name{max-width:100%;display:block;overflow:hidden;text-overflow:clip;font-weight:900}.pencil__surname{max-width:100%;margin-top:4px;display:block;overflow:hidden;letter-spacing:.06em;text-transform:uppercase}.pencil__wood{width:42px;flex:0 0 42px;background:#efd19d;clip-path:polygon(0 0,100% 50%,0 100%)}.pencil__lead{width:15px;height:58px;position:absolute;right:-14px;background:#3f4050;clip-path:polygon(0 35%,100% 50%,0 65%)}.controls{display:grid;gap:30px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label,legend{color:var(--ink);font-size:13px;font-weight:900}input,select{width:100%;margin-top:8px;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:var(--paper-strong);color:var(--ink)}.optional{color:var(--ink-soft);font-size:11px;font-weight:600}.privacy-note{margin:-20px 0 0;color:var(--ink-soft);font-size:11px;line-height:1.5;text-align:center}.save-result,.save-error{padding:15px 17px;border-radius:14px;font-size:13px;line-height:1.5}.save-result{background:#65c8a529;border:1px solid rgba(101,200,165,.45)}.save-error{background:#ef4f911a;border:1px solid rgba(239,79,145,.35)}.primary-action:disabled{cursor:wait;opacity:.65}fieldset{min-width:0;margin:0;padding:0;border:0}legend{margin-bottom:13px}.chips,.palette-grid{display:flex;flex-wrap:wrap;gap:9px}.chip{padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink-soft);cursor:pointer}.chip--active{background:var(--ink);color:#fff;border-color:var(--ink)}.font-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.font-card{min-width:0;padding:15px 8px 12px;border:1px solid var(--line);border-radius:16px;background:var(--paper-strong);color:var(--ink-soft);cursor:pointer;display:grid;gap:7px}.font-card__sample{color:var(--ink);font-size:31px;font-weight:800}.font-card>span:last-child{overflow:hidden;font-size:11px;font-weight:800;text-overflow:ellipsis}.font-card--active{border-color:var(--pink);box-shadow:inset 0 0 0 2px #ef4f9129}.palette{width:74px;height:42px;padding:5px;border:1px solid var(--line);border-radius:999px;background:var(--paper-strong);cursor:pointer;display:flex;overflow:hidden}.palette span{flex:1;height:100%}.palette span:first-child{border-radius:999px 0 0 999px}.palette span:last-child{border-radius:0 999px 999px 0}.palette--active{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}.color-options{margin-top:13px}.swatch-grid{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:36px;height:36px;padding:0;border:2px solid var(--paper-strong);border-radius:50%;cursor:pointer;box-shadow:0 0 0 1px var(--line)}.swatch--active{box-shadow:0 0 0 3px var(--ink)}.surname-fonts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.surname-font{min-height:62px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--paper-strong);color:var(--ink);font-size:18px;cursor:pointer}.surname-font--active{border-color:var(--pink);box-shadow:inset 0 0 0 2px #ef4f9129}.size-control{display:grid;gap:5px}.size-control label{display:flex;justify-content:space-between}.size-control output{color:var(--ink-soft)}.size-control input[type=range]{margin:0;padding:8px 0;accent-color:var(--pink)}.primary-action{width:100%;padding:17px 22px;border:0;border-radius:15px;background:var(--pink);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 12px 30px #ef4f913b}footer{min-height:130px;padding:38px clamp(22px,6vw,88px);border-top:1px solid var(--line);color:var(--ink-soft);display:flex;justify-content:space-between;gap:20px;align-items:flex-end;font-size:10px;font-weight:800;letter-spacing:.12em}@media (max-width: 850px){.builder{grid-template-columns:1fr}.preview-panel{position:relative;top:auto}.font-grid{grid-template-columns:repeat(3,1fr)}.hero__doodles span:nth-child(3),.hero__doodles span:nth-child(4){display:none}}@media (max-width: 540px){.hero{min-height:82svh}.hero__meta span:last-child{display:none}.field-row,.surname-fonts{grid-template-columns:1fr}.font-grid{grid-template-columns:repeat(2,1fr)}.label-preview{min-height:235px}footer{align-items:flex-start;flex-direction:column}}