/* Frijolito — sistema de marca compartido */
:root{--bg:#0b0912;--panel:#151020;--panel2:#20162e;--pink:#ff2389;--pale:#ffc3e0;--text:#fff7fc;--muted:#baacc2;--line:#ffffff21;--radius:24px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 'Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.52;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f69;outline-offset:4px}::selection{background:var(--pink);color:white}
.wrap{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.header{position:sticky;top:0;background:#0b0912ec;backdrop-filter:blur(18px);z-index:20;border-bottom:1px solid var(--line)}.header__inner{max-width:var(--max);margin:auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{display:block;height:54px;max-width:180px;object-fit:contain}.nav{display:flex;align-items:center;gap:24px}.nav a{font-size:13px;color:#e8dce8;font-weight:650}.nav a:hover,.nav a[aria-current]{color:#ff91c7}.nav .pill-nav{border:1px solid #fb339985;border-radius:100px;padding:10px 15px}.menu-btn{display:none;border:1px solid var(--line);color:white;background:#ffffff12;border-radius:12px;padding:9px 14px}.network{padding:13px 0;background:#110c18;border-bottom:1px solid var(--line)}.network__inner{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.network__inner a{font-size:12px;color:#c9bdcb;border:1px solid #ffffff1b;border-radius:30px;padding:5px 12px;transition:.25s}.network__inner a[aria-current]{background:#ff228821;color:#ffadd5;border-color:#ff238991}
.kicker{letter-spacing:.16em;font-weight:800;font-size:11px;color:#ff98c9;text-transform:uppercase}.hero{position:relative;isolation:isolate;min-height:610px;overflow:hidden}.hero:before{content:"";position:absolute;inset:-20% -10%;z-index:-1;background:radial-gradient(ellipse 58% 60% at 74% 52%,#d20f8940,transparent 75%),radial-gradient(ellipse 35% 45% at 20% 22%,#6b1fff22,transparent 85%)}.hero__grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:4%;padding:70px 0 90px}.hero h1{font-size:clamp(52px,7vw,112px);letter-spacing:-.075em;line-height:.94;margin:14px 0 24px;font-weight:950}.hero h1 em{font-style:normal;color:#ff4caa}.hero p{font-size:17px;color:#dfd3e2;max-width:520px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:13px;padding:14px 21px;font-weight:800;border:1px solid #ffffff2b;min-height:48px;gap:8px;line-height:1.2;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button--primary{border-color:#ff1682;background:linear-gradient(125deg,#ff1682,#ff4ca9);color:white}.button--ghost{background:#ffffff0e;color:white}.button--soft{background:#ff23891c;border-color:#ff238967;color:#ff95c8}.button--disabled{opacity:.45;cursor:not-allowed}.hero__visual{position:relative;min-width:0}.visual-scene{min-height:430px;position:relative;display:grid;place-items:center;border-radius:44px;background:radial-gradient(circle at 50% 36%,#502243d4 0%,#170d27ab 48%,#100a1b00 75%);overflow:hidden}.visual-scene:after{content:"";position:absolute;inset:9%;border:1px solid #f292db24;border-radius:50%;pointer-events:none}.sparkle{position:absolute;color:#ff96d4;font-size:26px;animation:floaty 5s ease-in-out infinite;pointer-events:none}.sparkle.a{top:8%;left:14%}.sparkle.b{right:12%;top:21%;animation-delay:-2s}.sparkle.c{bottom:15%;left:16%;animation-delay:-1s}.hero-tag{position:absolute;bottom:25px;right:12px;font-size:12px;background:#161022dd;border:1px solid #ffffff2a;color:#e8d2e8;padding:9px 14px;border-radius:100px}.section{padding:84px 0;scroll-margin-top:95px}.section--deep{background:#110b1a;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f}.section__title{font-size:clamp(32px,4vw,58px);line-height:1.07;letter-spacing:-.054em;margin:12px 0 14px}.section__copy{color:var(--muted);max-width:700px;margin:0 0 34px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:linear-gradient(145deg,#1d1629,#12101b);min-width:0}.service-card h3{font-size:23px;letter-spacing:-.035em;margin:18px 0 6px}.service-card p{color:#bfb1c3;font-size:14px;margin:0}.service-card__tag{display:inline-block;color:#ff92c9;font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.step-num{font-size:13px;color:#ff87c0;font-weight:850}.product-preview{height:208px;border-radius:15px;display:grid;place-items:center;background:radial-gradient(circle at center,#733b74,#2a183f 70%,#25152b);overflow:hidden;position:relative}.product-preview svg{width:min(83%,260px);height:180px;filter:drop-shadow(0 18px 21px #0008)}.product-preview.alt{background:radial-gradient(circle at center,#5f3b94,#251436 74%)}.product-preview.alt2{background:radial-gradient(circle at center,#71574c,#291633 74%)}
.quote-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.form-card{border:1px solid var(--line);border-radius:25px;padding:26px;background:#1d1428;min-width:0}.form-card h3{margin:0 0 18px;font-size:26px;letter-spacing:-.05em}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:7px}.field.span2{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#f5d9ed}.field input,.field select,.field textarea{background:#100d19;color:white;border:1px solid #ffffff30;border-radius:11px;min-height:45px;padding:10px 12px;max-width:100%;width:100%;font-size:16px}.field textarea{resize:vertical;min-height:105px}.field select option{background:#181021}.summary{border:1px solid #fb35934f;border-radius:22px;padding:25px;background:radial-gradient(circle at 90% 0,#5f21496b,transparent 60%),#1a1125}.summary h3{font-size:27px;line-height:1.1;letter-spacing:-.05em;margin:4px 0 15px}.summary p{color:#c0b2c6}.summary .actions{margin-top:22px}.status{font-size:13px;color:#e9c6de;line-height:1.6;margin:13px 0 0}.status.error{color:#ffb3b3}.quote-note{font-size:13px;color:#c3b2c7;padding:13px 15px;border:1px dashed #ffffff38;border-radius:12px}.estimate{color:#ff9dd2;font-size:14px;font-weight:800}.ig-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:23px}.ig-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ig-card{min-width:0;border:1px solid var(--line);border-radius:18px;background:#1e1528;overflow:hidden;display:block;position:relative}.ig-card iframe{width:100%;height:400px;border:0;background:white}.ig-card__fallback{display:grid;place-items:center;text-align:center;min-height:220px;padding:20px}.ig-card__fallback span{font-size:50px}.ig-card__fallback strong{display:block;margin-top:10px}.ig-card__footer{display:block;background:#21142e;color:#ffb1d4;font-weight:700;font-size:13px;padding:12px 15px}.ig-empty{grid-column:1/-1;border-radius:24px;padding:32px;border:1px dashed #ffffff36;color:#d6bfda;background:#ffffff05;text-align:center}.ig-empty span{display:block;font-size:44px;margin-bottom:8px}.footer{border-top:1px solid var(--line);background:#08060e;padding:45px 0 24px}.footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px}.footer__brand img{height:53px;max-width:180px;object-fit:contain}.footer__links{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;color:#c7b7cc}.footer__bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:20px;margin-top:26px;color:#aa93af;font-size:12px}.footer__bottom a{color:#ff9bcf;font-weight:850}.small{font-size:12px;color:#b5a2b9}.inline-link{color:#ff91ca;text-decoration:underline;text-underline-offset:3px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.stickers-art{position:relative;width:360px;max-width:95%;height:335px;perspective:850px;transform:rotate(-9deg)}.sticker{position:absolute;display:grid;place-items:center;border:7px solid white;border-radius:25%;box-shadow:0 25px 45px #0008;font-size:74px;transform:rotate(var(--angle)) translateY(0);transition:transform .4s}.sticker:nth-child(1){width:180px;height:180px;top:0;left:15px;background:#ff89c0;--angle:-19deg}.sticker:nth-child(2){width:158px;height:158px;right:9px;top:44px;background:#b48dff;--angle:13deg}.sticker:nth-child(3){width:165px;height:165px;left:100px;bottom:0;background:#ffdc88;--angle:-7deg}.stickers-art:hover .sticker{transform:rotate(var(--angle)) translateY(-12px)}.scene3d{width:100%;height:420px;display:block;touch-action:pan-y}.scene3d-note{font-size:11px;position:absolute;left:14px;bottom:12px;color:#dec6df;pointer-events:none}
@keyframes floaty{50%{transform:translateY(-12px) rotate(11deg)}}@media(max-width:850px){.hero__grid,.quote-layout{grid-template-columns:1fr}.hero__grid{padding:38px 0 60px}.hero h1{font-size:clamp(52px,11vw,90px)}.hero__visual{order:-1}.visual-scene{min-height:320px}.hero__grid>.hero__copy{order:1}.grid3{grid-template-columns:repeat(2,1fr)}.ig-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:12px}}@media(max-width:590px){.wrap{width:min(100% - 28px,var(--max))}.header__inner{padding:10px 14px}.brand img{height:44px}.menu-btn{display:inline-block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#120c1be8;padding:15px 20px 22px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.nav.is-open{display:flex}.hero h1{font-size:56px}.hero__grid{gap:0}.hero p{font-size:15px}.grid3,.ig-gallery,.fields{grid-template-columns:1fr}.section{padding:58px 0}.form-card,.summary{padding:19px}.ig-head{display:block}.stickers-art{transform:scale(.8) rotate(-9deg)}.scene3d{height:350px}.footer__inner{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0.01ms!important;scroll-behavior:auto!important;transition-duration:0.01ms!important}}