.demo.demo--familia{--d-bg:#fff8e8;--d-bg-2:#e8f7fd;--d-surface:#fff;--d-fg:#1d3557;--d-muted:#5b6b84;--d-line:#1d35571a;--d-accent:#ff9f1c;--d-accent-fg:#1d3557;--d-hdr-bg:#fff8e8e6;--d-hdr-fg:#1d3557;--d-hero-fg:#1d3557;--d-font:"Nunito Variable", system-ui, sans-serif;--d-display:"Nunito Variable", system-ui, sans-serif;--d-dw:900;--d-dls:-.03em;--d-dlh:1;--d-r:28px;--d-h1:clamp(48px, 6.6vw, 104px);--d-mod-cols:4;--d-shadow:0 2px 0 #1d355714, 0 18px 40px -26px #1d355759}.demo--familia .d-btn{font-size:17px;font-weight:800;box-shadow:0 5px #e07f00}.demo--familia .d-btn:hover{transform:translateY(2px);box-shadow:0 3px #e07f00}.demo--familia .d-btn--ghost{background:#fff;box-shadow:0 5px #1d355726,inset 0 0 0 2px #1d355726}.demo--familia .d-eyebrow{color:#f72585}.demo--familia .d-mod__tag{color:#06284a;background:#4cc9f0}.demo--familia .d-mod__item:nth-child(2) .d-mod__tag{background:#80ed99}.demo--familia .d-mod__item:nth-child(3) .d-mod__tag{background:#ffd166}.demo--familia .d-mod__item:nth-child(4) .d-mod__tag{background:#f9a8d4}.demo--familia .d-pas__item:before{content:"";background:var(--cor,#4cc9f0);border-radius:34px 34px 8px 8px;width:64px;height:34px}.demo--familia .d-pas__item:first-child{--cor:#ffd166}.demo--familia .d-pas__item:nth-child(2){--cor:#80ed99}.demo--familia .d-pas__item:nth-child(3){--cor:#4cc9f0}.demo--familia .d-pas__item:nth-child(4){--cor:#f72585}.demo--familia .d-pla__item.is-destaque{color:#fff;background:#1d3557}.demo--familia .d-cta__box{color:#06284a;background:#4cc9f0}.demo--familia .d-cta__box .d-btn{color:#1d3557;background:#ff9f1c}.demo--familia .d-div{opacity:.7;background:radial-gradient(circle,#4cc9f0 6px,#0000 7px) 0/64px 30px repeat-x,radial-gradient(circle,#ffd166 4px,#0000 5px) 22px 30%/64px 30px repeat-x,radial-gradient(circle,#f9a8d4 5px,#0000 6px) 44px 70%/64px 30px repeat-x;height:30px;display:block}.demo--familia .d-div i{display:none}@media (width<=900px){.demo.demo--familia{--d-mod-cols:2}}.fa-hero{padding:calc(var(--d-ribbon-h) + var(--d-hdr-h) + clamp(16px, 4vh, 48px)) 0 clamp(40px, 8vh, 90px);background:radial-gradient(40% 50% at 85% 30%,#4cc9f040,#0000 70%),radial-gradient(30% 40% at 10% 90%,#ffd16659,#0000 70%);overflow:hidden}.fa-in{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(28px,5vw,70px);display:grid}.fa-tag{color:#f72585;background:#fff;border-radius:999px;padding:8px 16px;font-weight:800;display:inline-block;box-shadow:0 4px #1d35571a}.fa-txt .d-h1{margin-top:20px}.fa-c1{color:#4cc9f0}.fa-c2{color:#ff9f1c}.fa-txt .d-hero__txt{color:var(--d-muted);opacity:1}.fa-visual{position:relative}.fa-blob{aspect-ratio:1;border-radius:58% 42% 46% 54%/52% 44% 56% 48%;animation:12s ease-in-out infinite fa-blob;overflow:hidden;box-shadow:0 30px 60px -30px #1d355780}.fa-blob img{object-fit:cover;width:100%;height:100%}@keyframes fa-blob{0%,to{border-radius:58% 42% 46% 54%/52% 44% 56% 48%}33%{border-radius:44% 56% 58% 42%/46% 58% 42% 54%}66%{border-radius:52% 48% 40% 60%/60% 42% 58% 40%}}.fa-sticker{aspect-ratio:1;background:#ffd166;border-radius:50%;place-items:center;width:clamp(86px,9vw,120px);font-size:clamp(20px,2vw,28px);font-weight:900;display:grid;position:absolute;bottom:10%;left:-4%;transform:rotate(-12deg);box-shadow:0 6px #e9b53f}.fa-bolhas{pointer-events:none;position:absolute;inset:-10% -6% 0}.fa-bolhas i{left:var(--x);width:var(--s);height:var(--s);opacity:0;animation:fa-sobe var(--t) ease-in var(--d) infinite;background:radial-gradient(circle at 30% 30%,#fff,#ffffff4d 40%,#4cc9f04d);border-radius:50%;position:absolute;bottom:0;box-shadow:inset 0 0 0 1.5px #4cc9f099}@keyframes fa-sobe{0%{opacity:0;transform:translate(0)}10%{opacity:1}50%{transform:translate(14px,-45vh)}to{opacity:0;transform:translate(-8px,-90vh)}}.fa-peixe{z-index:40;pointer-events:none;will-change:transform;width:clamp(54px,5vw,76px);position:fixed;top:0;right:clamp(8px,2vw,28px)}.fa-peixe svg{width:100%;height:auto;animation:1.6s ease-in-out infinite fa-nada}@keyframes fa-nada{50%{transform:translateY(-4px)rotate(-4deg)}}.fa-bolha-p{z-index:39;pointer-events:none;background:#fff9;border-radius:50%;width:10px;height:10px;position:fixed;box-shadow:inset 0 0 0 1.5px #4cc9f0cc}@media (width<=860px){.fa-in{grid-template-columns:1fr}.fa-visual{max-width:440px;margin-inline:auto}}