body.d-barrio{color:#2b2118;background:#fbf4e8;font-family:Bricolage Grotesque,system-ui,sans-serif}html:has(body.d-barrio){color-scheme:light;background:#fbf4e8}body.d-barrio ::-moz-selection{color:#2b2118;background:#f6c453}body.d-barrio ::selection{color:#2b2118;background:#f6c453}.d-barrio h1,.d-barrio h2,.d-barrio h3{letter-spacing:-.02em;font-family:Bricolage Grotesque,system-ui,sans-serif}.d-barrio .ba-wrap{max-width:74rem;margin-inline:auto;padding-inline:1rem}@media (width>=640px){.d-barrio .ba-wrap{padding-inline:1.5rem}}.d-barrio .ba-hand{font-family:Caveat,cursive;font-weight:700}.d-barrio .ba-tomato{color:#e8553a}.d-barrio .ba-teal{color:#2f7f73}.d-barrio .ba-soft{color:#6b5a4b}.d-barrio .ba-nav{-webkit-backdrop-filter:blur(10px);background:#fffcf5d9;border:1.5px solid #2b21181f;border-radius:999px;padding:8px 8px 8px 14px}.d-barrio .ba-navlink{transition:background-size .3s var(--ease);background:linear-gradient(#f6c453,#f6c453) 0 88%/0 8px no-repeat}.d-barrio .ba-navlink:hover{background-size:100% 8px}.d-barrio .ba-display{letter-spacing:-.035em;font-size:clamp(2.6rem,6.5vw,5.2rem);font-weight:800;line-height:1.02}.d-barrio .ba-h2{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:800;line-height:1.05}.d-barrio .ba-circle{pointer-events:none;width:112%;height:140%;position:absolute;top:-18%;left:-6%;overflow:visible}.d-barrio .ba-circle path{fill:none;stroke:#e8553a;stroke-width:4px;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900px;animation:baDraw 1.4s var(--ease) .8s forwards}@keyframes baDraw{to{stroke-dashoffset:0}}.d-barrio .ba-arrow path{fill:none;stroke:#e8553a;stroke-width:2.5px;stroke-linecap:round}.d-barrio .ba-btn{transition:transform .2s var(--ease), box-shadow .2s;border-radius:999px;align-items:center;gap:.5rem;padding:.95rem 1.5rem;font-weight:700;display:inline-flex}.d-barrio .ba-btn:hover{transform:translateY(-2px)rotate(-1deg)}.d-barrio .ba-btn-tomato{color:#fff;background:#e8553a;box-shadow:0 6px #b83d26}.d-barrio .ba-btn-tomato:active{transform:translateY(4px);box-shadow:0 2px #b83d26}.d-barrio .ba-btn-outline{border:2px solid #2b2118}.d-barrio .ba-btn-yellow{color:#2b2118;background:#f6c453;box-shadow:0 6px #c99a2e}.d-barrio .ba-sticker{background:#fff;border:1.5px solid #2b21181f;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:500}.d-barrio .ba-polaroid{transform:rotate(var(--r,0deg));background:#fff;border-radius:6px;max-width:380px;padding:12px 12px 16px;position:relative;box-shadow:0 1px 2px #00000014,0 14px 30px #2b21181f}.d-barrio .ba-polaroid img{border-radius:3px}.d-barrio .ba-tilt{transition:transform .45s var(--ease), box-shadow .45s}.d-barrio .ba-tilt:hover{transform:rotate(0)translateY(-6px)scale(1.02);box-shadow:0 2px 4px #00000014,0 24px 50px #2b21182e}.d-barrio [data-reveal].ba-tilt,.d-barrio .ba-tilt[data-reveal]{transform:translateY(28px) rotate(var(--r,0deg))}.d-barrio .ba-tilt[data-reveal].is-visible{transform:rotate(var(--r,0deg))}.d-barrio .ba-tilt[data-reveal].is-visible:hover{transform:rotate(0)translateY(-6px)scale(1.02)}.d-barrio .ba-tape{background:#f6c453bf;border-radius:2px;width:90px;height:26px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-3deg)}.d-barrio .ba-float{animation:6s ease-in-out infinite baFloat}@keyframes baFloat{50%{transform:rotate(var(--r)) translateY(-10px)}}.d-barrio .ba-wave svg{width:100%;height:50px;display:block}.d-barrio .ba-wave path{fill:#f3e6cf}.d-barrio .ba-wave-flip{transform:scaleY(-1)}.d-barrio .ba-band{background:#f3e6cf}.d-barrio .ba-strip{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:190px;grid-auto-flow:column;gap:1.75rem;padding:1.5rem .5rem 2rem;display:grid;overflow-x:auto}@media (width>=768px){.d-barrio .ba-strip{grid-auto-columns:220px}}.d-barrio .ba-slide{scroll-snap-align:start;padding:10px 10px 14px}.d-barrio .ba-card{transition:transform .3s var(--ease);border:1.5px solid #2b211814;border-radius:28px;padding:2rem}.d-barrio .ba-card:hover{transform:translateY(-4px)rotate(-.5deg)}.d-barrio .ba-path{width:100%;height:80px;position:absolute;top:-8px;left:0;overflow:visible}.d-barrio .ba-path path{fill:none;stroke:#2b2118;stroke-opacity:.35;stroke-width:2px;stroke-dasharray:8 8}.d-barrio .ba-step{z-index:1;width:64px;height:64px;transform:rotate(var(--r));background:#f6c453;border-radius:999px;place-items:center;font-size:1.5rem;font-weight:800;display:grid;position:relative;box-shadow:0 4px #c99a2e}.d-barrio .ba-letter{background:#fffdf8 repeating-linear-gradient(#0000 0 31px,#2f7f731f 31px 32px);border-radius:6px;max-width:52rem;margin-inline:auto;padding:2rem;box-shadow:0 14px 40px #2b21181a}@media (width>=768px){.d-barrio .ba-letter{padding:3.5rem}}.d-barrio .ba-chat{gap:1.75rem;display:grid}.d-barrio .ba-bubble{border-radius:22px;max-width:85%;padding:.9rem 1.2rem;line-height:1.55}.d-barrio .ba-bubble-q{color:#fff;background:#2f7f73;border-bottom-right-radius:6px;width:fit-content;margin-left:auto;font-weight:600}.d-barrio .ba-bubble-a{background:#fff;border:1.5px solid #2b21181a;border-bottom-left-radius:6px;width:fit-content}.d-barrio .ba-contact{background:#2f7f73;border-radius:36px;padding:2rem}@media (width>=768px){.d-barrio .ba-contact{padding:3.5rem}}.d-barrio .ba-input{width:100%;font:inherit;color:#2b2118;background:#fff;border:2px solid #0000;border-radius:16px;padding:.9rem 1.1rem}.d-barrio .ba-input:focus{border-color:#f6c453;outline:none}.d-barrio [data-status][data-state=ok]{color:#f6c453}.d-barrio [data-status][data-state=error]{color:#ffd2c7}@media (prefers-reduced-motion:reduce){.d-barrio .ba-circle path{stroke-dashoffset:0;animation:none}.d-barrio .ba-float{animation:none}}