.pro{--acento:var(--ag-tomate-hondo);--acento-hondo:var(--ag-tomate-oscuro);--sobre-acento:#fff;--muro:var(--ag-yeso);--muro-2:#d5d2cb;--tinta-p:var(--ag-tinta);--gris-p:var(--ag-gris);--hoja-p:#fbfaf8;--ease:cubic-bezier(.2, 0, 0, 1);--display:var(--ag-letra);--mono:var(--font-plex-mono), ui-monospace, monospace;background:var(--muro);min-height:100dvh;color:var(--tinta-p);font-size:15px;line-height:1.45}.pro button{font:inherit;cursor:pointer}@keyframes pro-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes pro-pop{0%{opacity:0;transform:scale(.96)}}@keyframes pro-draw{to{stroke-dashoffset:0}}@keyframes pro-roll{to{clip-path:inset(0)}}@keyframes pro-rollbar{to{opacity:0;left:100%}}.pro .wrap{max-width:1040px;margin:0 auto;padding:0 20px}.pro .hero{padding:22px 0 0;position:relative;overflow:hidden}.pro .bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.pro .bar b{font:800 18px var(--display);letter-spacing:-.01em}.pro .ig{color:var(--gris-p);text-align:right;font-size:13px}.pro h1.big{font:800 clamp(46px, 10.5vw, 112px) / .92 var(--display);letter-spacing:-.035em;max-width:11ch;animation:pro-rise .7s var(--ease) both;margin:34px 0 14px}.pro .lead{color:#3f3d39;max-width:44ch;animation:pro-rise .7s var(--ease) .18s both;font-size:17px}.pro .cta{background:var(--acento);min-height:54px;color:var(--sobre-acento);transition:transform .14s var(--ease), background .24s var(--ease);box-shadow:0 10px 24px -12px var(--acento);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 26px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.pro .cta:hover{background:var(--acento-hondo)}.pro .cta:active{transform:scale(.98)}.pro .cta:disabled{opacity:.6;pointer-events:none}.pro .cta.w{width:100%}.pro .hero .cta{animation:pro-rise .7s var(--ease) .24s both;margin:22px 0 8px}.pro .note{color:var(--gris-p);font-size:13px}.pro .wall{background:var(--muro-2);height:clamp(190px,34vw,340px);margin-top:30px;position:relative;overflow:hidden}.pro .wall svg{width:100%;height:100%;display:block;position:absolute;inset:0}.pro .wall .paint{clip-path:inset(0 100% 0 0);animation:1.5s cubic-bezier(.6,0,.2,1) .3s forwards pro-roll}.pro .wall .roller{background:#0000002e;width:10px;animation:1.5s cubic-bezier(.6,0,.2,1) .3s forwards pro-rollbar;position:absolute;top:0;bottom:0;left:0}.pro .sec{padding:44px 20px}.pro .sec h2{font:800 30px/1.05 var(--display);letter-spacing:-.02em;margin-bottom:16px}.pro .works{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pro .work{aspect-ratio:4/3;background:var(--muro-2);border-radius:6px;margin:0;position:relative;overflow:hidden}.pro .work img{object-fit:cover;width:100%;height:100%;transition:transform .42s var(--ease);display:block}.pro .work:hover img{transform:scale(1.04)}.pro .work figcaption{color:#fff;background:linear-gradient(#0000,#0009);padding:22px 10px 8px;font-size:12px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.pro .steps3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.pro .steps3 div{border-top:3px solid var(--tinta-p);padding-top:10px}.pro .steps3 b{font:800 19px var(--display);display:block}.pro .steps3 p{color:var(--gris-p);font-size:14px}.pro .zone{background:var(--tinta-p);color:#fff;padding:26px 0}.pro .zone p{font:500 19px var(--display)}.pro .foot-p{color:var(--gris-p);padding:18px 20px 40px;font-size:12px}.pro .foot-p a{text-underline-offset:2px;text-decoration:underline}.pro .sticky-cta{display:none}@media (max-width:700px){.pro .works{grid-template-columns:repeat(2,1fr)}.pro .steps3{grid-template-columns:1fr}.pro .sticky-cta{z-index:5;padding:0 20px;display:block;position:sticky;bottom:12px}}.pro .fbg{background:var(--hoja-p);min-height:100dvh;padding-bottom:60px}.pro .fhead{border-bottom:1px solid #e8e6e1;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.pro .fhead a{font:800 16px var(--display);color:inherit;text-decoration:none}.pro .prog{background:#ece9e4;height:4px}.pro .prog i{background:var(--acento);width:33.4%;height:100%;transition:width .42s var(--ease);display:block}.pro .prog i[data-p="2"]{width:66.8%}.pro .prog i[data-p="3"],.pro .prog i[data-p="4"]{width:100%}.pro .fbody{max-width:560px;margin:0 auto;padding:22px 20px}.pro .stepk{color:var(--gris-p);font-size:13px;font-weight:600}.pro .fbody h2{font:800 28px/1.08 var(--display);letter-spacing:-.02em;margin:4px 0 16px}.pro .pane{animation:pro-rise .36s var(--ease) both}.pro .fl{border:0;gap:6px;min-width:0;margin-bottom:14px;padding:0;display:grid}.pro .fl label,.pro .fl .lb{padding:0;font-size:14px;font-weight:600}.pro .fl input:not([type=radio],[type=file]),.pro .fl select,.pro .fl textarea{min-height:50px;font:inherit;background:#fff;border:1px solid #d8d5cf;border-radius:10px;width:100%;padding:0 14px;font-size:16px}.pro .fl textarea{min-height:96px;padding:12px 14px}.pro .fl :is(input,select,textarea):focus{border-color:var(--acento);box-shadow:0 0 0 4px color-mix(in srgb, var(--acento) 16%, transparent);outline:0}.pro .lugar{position:relative}.pro .lugar ul{z-index:6;background:#fff;border:1px solid #d8d5cf;border-radius:10px;max-height:300px;margin:0;padding:4px;list-style:none;position:absolute;top:78px;left:0;right:0;overflow-y:auto;box-shadow:0 16px 32px -16px #00000059}.pro .lugar li{cursor:pointer;border-radius:8px;min-height:44px;padding:8px 10px}.pro .lugar li:hover,.pro .lugar li[aria-selected=true]{background:#f2f0ec}.pro .lugar li b{font-weight:600;display:block}.pro .lugar li small{color:var(--gris-p);font-size:12px}.pro .two{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pro .preview{background:#efece7;border-radius:10px;height:210px;margin-bottom:14px;position:relative;overflow:hidden}.pro .preview .ground{background:#d9d5ce;height:22px;position:absolute;bottom:0;left:0;right:0}.pro .preview .w{background:repeating-linear-gradient(0deg, #c9c5bd 0 1px, transparent 1px 18px), var(--acento);opacity:.92;transition:width .42s var(--ease), height .42s var(--ease);border-radius:2px 2px 0 0;position:absolute;bottom:22px;left:50%;translate:-50%}.pro .preview .h{transition:left .42s var(--ease), width .42s var(--ease), height .42s var(--ease);position:absolute;bottom:22px}.pro .preview .h svg{width:100%;height:100%;display:block}.pro .preview .m2{font:600 13px var(--mono);background:#ffffffd9;border-radius:6px;padding:3px 8px;position:absolute;top:10px;left:12px}.pro .chips{flex-wrap:wrap;gap:8px;display:flex}.pro .chips label{cursor:pointer;background:#fff;border:1px solid #d8d5cf;border-radius:999px;align-items:center;min-height:46px;padding:0 15px;font-weight:500;transition:background .14s,border-color .14s,color .14s;display:inline-flex;position:relative}.pro .chips input{opacity:0;position:absolute}.pro .chips label:has(:checked){background:var(--tinta-p);color:#fff;border-color:var(--tinta-p)}.pro .chips label:has(:focus-visible){outline:2px solid var(--acento);outline-offset:2px}.pro .drop{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pro .drop>*{aspect-ratio:1;color:var(--gris-p);text-align:center;border:1.5px dashed #c9c5bd;border-radius:10px;place-items:center;font-size:13px;display:grid;position:relative;overflow:hidden}.pro .drop label{cursor:pointer;font-weight:600}.pro .drop label:focus-within{outline:2px solid var(--acento);outline-offset:2px}.pro .drop input{opacity:0;position:absolute;inset:0}.pro .drop .has{animation:pro-pop .24s var(--ease) both;background:#ddd9d2;border:0}.pro .drop img{object-fit:cover;width:100%;height:100%}.pro .drop .rm{color:#fff;background:#000000a6;border:0;border-radius:50%;width:32px;height:32px;font-size:16px;line-height:1;position:absolute;top:4px;right:4px}.pro .consent{color:#4c4a45;align-items:flex-start;gap:10px;margin:6px 0 16px;font-size:13px;display:flex}.pro .consent input{width:20px;height:20px;accent-color:var(--acento);flex:none;margin-top:1px}.pro .consent a{text-decoration:underline}.pro .fnav{gap:10px;margin-top:18px;display:flex}.pro .ghostp{background:#fff;border:1px solid #d8d5cf;border-radius:12px;min-height:54px;padding:0 18px;font-weight:600}.pro .err{color:#93241a;background:#fdecea;border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:14px}.pro .trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.pro .done{text-align:center;padding-top:26px}.pro .check{width:64px;height:64px;animation:pro-pop .42s var(--ease) both;background:#0f8b6d;border-radius:50%;place-items:center;margin:0 auto 12px;display:grid}.pro .check path{stroke-dasharray:24;stroke-dashoffset:24px;animation:pro-draw .42s var(--ease) .22s forwards}.pro.qbg{padding:22px 16px 60px}.pro .q{max-width:520px;animation:pro-rise .52s var(--ease) both;background:#fff;border-radius:6px;margin:0 auto;overflow:hidden;box-shadow:0 30px 60px -30px #00000059}.pro .q .top{background:var(--acento);color:var(--sobre-acento);padding:20px}.pro .q .top b{font:800 15px var(--display)}.pro .q .top h1{font:800 30px/1.05 var(--display);letter-spacing:-.02em;margin-top:18px}.pro .q .top p{opacity:.9;margin-top:4px;font-size:14px}.pro .ql{padding:6px 20px}.pro .ql .row{border-bottom:1px solid #eee;justify-content:space-between;gap:12px;padding:11px 0;display:flex}.pro .ql small{color:var(--gris-p);font-size:12px;display:block}.pro .ql b,.pro .tot b{font:600 15px var(--mono);white-space:nowrap}.pro .tot{justify-content:space-between;align-items:baseline;padding:12px 20px 4px;display:flex}.pro .tot b.bigt{font-size:26px}.pro .ab{background:#f6f4f0;border-radius:8px;justify-content:space-between;gap:10px;margin:6px 20px 0;padding:12px 14px;font-size:14px;display:flex}.pro .ab b{font:600 14px var(--mono);white-space:nowrap}.pro .qa{gap:8px;padding:18px 20px 20px;display:grid}.pro .link{color:var(--gris-p);text-underline-offset:3px;background:0 0;border:0;min-height:44px;text-decoration:underline}.pro .vence{text-align:center;color:var(--gris-p);padding-bottom:16px;font-size:12px}.pro .doc{max-width:640px;margin:0 auto;padding:32px 20px 60px}.pro .doc h1{font:800 34px/1.05 var(--display);letter-spacing:-.02em;margin-bottom:14px}.pro .doc h2{font:800 19px var(--display);margin:20px 0 6px}@media (prefers-reduced-motion:reduce){.pro *,.pro :before,.pro :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}
