/* Tela de login — painel da marca, carrossel de produtos e formulário */

.tela-login {
  min-height: 100%;
  display: grid;
  grid-template-columns: minmax(0, 11fr) minmax(0, 9fr);
}

/* ---------- Painel da marca ---------- */

.painel-marca {
  position: relative;
  overflow: hidden;
  background: radial-gradient(ellipse at 50% 35%, #0a1a8a 0%, #04106a 40%, #020742 100%);
  color: #fff;
  padding: 40px 48px 36px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  isolation: isolate;
}

/* Céu estrelado (três camadas, gerado em CSS) */
.ceu { position: absolute; inset: 0; z-index: -2; pointer-events: none; }
.ceu::before, .ceu::after {
  content: ""; position: absolute; left: 0; top: 0;
  width: 1px; height: 1px; border-radius: 50%; background: #fff;
}
.ceu-1::before { box-shadow: 663px 308px, 808px 98px, 148px 1097px, 192px 748px, 1193px 118px, 1039px 439px, 76px 176px, 888px 856px, 143px 492px, 185px 1128px, 869px 121px, 1158px 253px, 457px 1193px, 126px 1181px, 1199px 812px, 101px 452px, 95px 1140px, 272px 593px, 858px 295px, 1107px 241px, 1169px 631px, 1147px 370px, 211px 1191px, 1169px 384px, 762px 199px, 1121px 128px, 1155px 122px, 1267px 421px, 1016px 1088px, 875px 643px, 953px 1199px, 928px 740px, 613px 508px, 368px 499px, 167px 1176px, 614px 1075px, 1013px 703px, 1493px 919px, 589px 149px, 241px 1048px, 856px 337px, 1550px 700px, 311px 1001px, 863px 80px, 1368px 158px, 1565px 1142px, 1173px 642px, 696px 717px, 1217px 1017px, 1187px 934px, 140px 191px, 552px 970px, 1427px 133px, 124px 634px, 1325px 1183px, 1395px 912px, 582px 790px, 1369px 710px, 46px 945px, 727px 344px, 1251px 239px, 1011px 120px, 446px 588px, 264px 507px, 814px 800px, 1016px 165px, 340px 919px, 822px 1125px, 569px 280px, 881px 1126px, 570px 850px, 734px 779px, 472px 309px, 169px 360px, 309px 475px, 1348px 477px, 24px 993px, 1206px 373px, 538px 577px, 8px 298px, 858px 1094px, 756px 1159px, 652px 257px, 1414px 1055px, 1264px 110px, 935px 1145px, 803px 815px, 817px 807px, 212px 986px, 1299px 820px, 127px 390px, 137px 427px, 902px 332px, 225px 696px, 1230px 107px, 209px 0px, 1160px 309px, 1098px 207px, 744px 52px, 144px 425px, 1257px 770px, 304px 516px, 711px 745px, 971px 251px, 236px 999px, 954px 983px, 990px 638px, 175px 295px, 209px 701px, 1516px 542px, 980px 330px, 1057px 47px, 420px 1081px, 740px 300px, 1413px 1112px, 55px 1081px, 610px 186px, 1425px 534px, 1061px 751px, 342px 728px, 1580px 456px, 1090px 1109px, 1595px 1029px, 675px 456px, 1255px 399px, 490px 820px, 1515px 464px, 409px 1060px, 1009px 728px, 1497px 59px, 57px 572px, 967px 530px, 396px 705px, 915px 715px, 746px 164px, 451px 209px, 464px 962px, 402px 691px, 418px 988px, 1278px 3px, 981px 704px, 1317px 173px, 1352px 245px, 795px 408px, 979px 365px, 888px 680px, 177px 810px, 948px 822px, 1522px 173px, 1484px 325px, 348px 260px, 56px 309px, 1209px 953px, 1343px 299px, 1252px 971px, 1346px 717px, 319px 1123px, 1122px 268px, 43px 29px, 1487px 210px, 1078px 285px, 888px 398px, 432px 57px, 515px 435px, 599px 1026px, 492px 667px, 531px 1114px, 858px 268px, 124px 724px, 938px 1194px, 1058px 861px, 1027px 267px, 1089px 310px, 1072px 1045px, 38px 901px, 1590px 375px, 1246px 8px, 1589px 306px, 352px 289px, 969px 246px, 1139px 126px, 667px 1061px, 1086px 1137px, 988px 217px, 1147px 116px, 508px 391px, 567px 86px, 1581px 200px, 1039px 926px, 1150px 57px, 1556px 129px, 907px 666px, 1254px 1035px, 1241px 1048px, 408px 567px, 926px 1040px, 1092px 979px, 1039px 507px, 1431px 1071px, 531px 1145px, 414px 916px, 280px 853px, 249px 803px, 905px 647px, 148px 492px, 877px 149px, 435px 620px, 250px 316px, 1466px 749px, 292px 518px, 281px 957px, 449px 192px, 815px 997px, 333px 458px, 330px 883px, 1055px 827px, 694px 862px, 400px 730px, 652px 188px, 1478px 749px; opacity: 0.55; }
.ceu-1::after  { box-shadow: 663px 308px, 808px 98px, 148px 1097px, 192px 748px, 1193px 118px, 1039px 439px, 76px 176px, 888px 856px, 143px 492px, 185px 1128px, 869px 121px, 1158px 253px, 457px 1193px, 126px 1181px, 1199px 812px, 101px 452px, 95px 1140px, 272px 593px, 858px 295px, 1107px 241px, 1169px 631px, 1147px 370px, 211px 1191px, 1169px 384px, 762px 199px, 1121px 128px, 1155px 122px, 1267px 421px, 1016px 1088px, 875px 643px, 953px 1199px, 928px 740px, 613px 508px, 368px 499px, 167px 1176px, 614px 1075px, 1013px 703px, 1493px 919px, 589px 149px, 241px 1048px, 856px 337px, 1550px 700px, 311px 1001px, 863px 80px, 1368px 158px, 1565px 1142px, 1173px 642px, 696px 717px, 1217px 1017px, 1187px 934px, 140px 191px, 552px 970px, 1427px 133px, 124px 634px, 1325px 1183px, 1395px 912px, 582px 790px, 1369px 710px, 46px 945px, 727px 344px, 1251px 239px, 1011px 120px, 446px 588px, 264px 507px, 814px 800px, 1016px 165px, 340px 919px, 822px 1125px, 569px 280px, 881px 1126px, 570px 850px, 734px 779px, 472px 309px, 169px 360px, 309px 475px, 1348px 477px, 24px 993px, 1206px 373px, 538px 577px, 8px 298px, 858px 1094px, 756px 1159px, 652px 257px, 1414px 1055px, 1264px 110px, 935px 1145px, 803px 815px, 817px 807px, 212px 986px, 1299px 820px, 127px 390px, 137px 427px, 902px 332px, 225px 696px, 1230px 107px, 209px 0px, 1160px 309px, 1098px 207px, 744px 52px, 144px 425px, 1257px 770px, 304px 516px, 711px 745px, 971px 251px, 236px 999px, 954px 983px, 990px 638px, 175px 295px, 209px 701px, 1516px 542px, 980px 330px, 1057px 47px, 420px 1081px, 740px 300px, 1413px 1112px, 55px 1081px, 610px 186px, 1425px 534px, 1061px 751px, 342px 728px, 1580px 456px, 1090px 1109px, 1595px 1029px, 675px 456px, 1255px 399px, 490px 820px, 1515px 464px, 409px 1060px, 1009px 728px, 1497px 59px, 57px 572px, 967px 530px, 396px 705px, 915px 715px, 746px 164px, 451px 209px, 464px 962px, 402px 691px, 418px 988px, 1278px 3px, 981px 704px, 1317px 173px, 1352px 245px, 795px 408px, 979px 365px, 888px 680px, 177px 810px, 948px 822px, 1522px 173px, 1484px 325px, 348px 260px, 56px 309px, 1209px 953px, 1343px 299px, 1252px 971px, 1346px 717px, 319px 1123px, 1122px 268px, 43px 29px, 1487px 210px, 1078px 285px, 888px 398px, 432px 57px, 515px 435px, 599px 1026px, 492px 667px, 531px 1114px, 858px 268px, 124px 724px, 938px 1194px, 1058px 861px, 1027px 267px, 1089px 310px, 1072px 1045px, 38px 901px, 1590px 375px, 1246px 8px, 1589px 306px, 352px 289px, 969px 246px, 1139px 126px, 667px 1061px, 1086px 1137px, 988px 217px, 1147px 116px, 508px 391px, 567px 86px, 1581px 200px, 1039px 926px, 1150px 57px, 1556px 129px, 907px 666px, 1254px 1035px, 1241px 1048px, 408px 567px, 926px 1040px, 1092px 979px, 1039px 507px, 1431px 1071px, 531px 1145px, 414px 916px, 280px 853px, 249px 803px, 905px 647px, 148px 492px, 877px 149px, 435px 620px, 250px 316px, 1466px 749px, 292px 518px, 281px 957px, 449px 192px, 815px 997px, 333px 458px, 330px 883px, 1055px 827px, 694px 862px, 400px 730px, 652px 188px, 1478px 749px; opacity: 0.55; top: 1200px; }
.ceu-2::before { width: 2px; height: 2px; box-shadow: 39px 692px, 1134px 939px, 902px 37px, 787px 678px, 1059px 605px, 1049px 131px, 231px 468px, 214px 172px, 543px 556px, 81px 371px, 553px 265px, 864px 529px, 831px 305px, 1098px 1054px, 1168px 1012px, 1434px 669px, 183px 571px, 117px 375px, 871px 148px, 550px 34px, 1299px 181px, 533px 171px, 1245px 455px, 136px 541px, 249px 929px, 23px 694px, 1132px 855px, 548px 264px, 88px 1079px, 1453px 488px, 224px 330px, 536px 103px, 370px 413px, 638px 624px, 1087px 421px, 593px 912px, 1024px 364px, 554px 710px, 37px 512px, 75px 31px, 37px 1035px, 1128px 388px, 1053px 972px, 503px 915px, 217px 885px, 1344px 1013px, 1118px 805px, 1037px 630px, 1408px 440px, 470px 701px, 406px 286px, 828px 711px, 111px 265px, 29px 144px, 1280px 523px, 882px 334px, 113px 173px, 1362px 780px, 1036px 577px, 1226px 496px, 1418px 600px, 92px 940px, 379px 322px, 550px 913px, 7px 539px, 745px 673px, 1120px 662px, 500px 70px, 633px 446px, 730px 374px, 2px 686px, 781px 171px, 972px 571px, 1029px 411px, 508px 1033px, 1589px 10px, 186px 541px, 183px 294px, 818px 85px, 806px 46px, 613px 623px, 1289px 476px, 173px 1199px, 1083px 317px, 1346px 797px, 1565px 667px, 1475px 1012px, 306px 581px, 1483px 296px, 89px 1050px, 1284px 879px, 1502px 1035px, 285px 1072px, 1541px 1032px, 1164px 32px, 1405px 1196px, 1456px 470px, 174px 63px, 85px 272px, 1304px 738px, 214px 771px, 924px 1143px, 103px 38px, 1282px 1088px, 1394px 500px, 1002px 540px, 6px 935px, 143px 1030px, 1096px 188px, 1350px 1077px; opacity: 0.85; }
.ceu-2::after  { width: 2px; height: 2px; box-shadow: 39px 692px, 1134px 939px, 902px 37px, 787px 678px, 1059px 605px, 1049px 131px, 231px 468px, 214px 172px, 543px 556px, 81px 371px, 553px 265px, 864px 529px, 831px 305px, 1098px 1054px, 1168px 1012px, 1434px 669px, 183px 571px, 117px 375px, 871px 148px, 550px 34px, 1299px 181px, 533px 171px, 1245px 455px, 136px 541px, 249px 929px, 23px 694px, 1132px 855px, 548px 264px, 88px 1079px, 1453px 488px, 224px 330px, 536px 103px, 370px 413px, 638px 624px, 1087px 421px, 593px 912px, 1024px 364px, 554px 710px, 37px 512px, 75px 31px, 37px 1035px, 1128px 388px, 1053px 972px, 503px 915px, 217px 885px, 1344px 1013px, 1118px 805px, 1037px 630px, 1408px 440px, 470px 701px, 406px 286px, 828px 711px, 111px 265px, 29px 144px, 1280px 523px, 882px 334px, 113px 173px, 1362px 780px, 1036px 577px, 1226px 496px, 1418px 600px, 92px 940px, 379px 322px, 550px 913px, 7px 539px, 745px 673px, 1120px 662px, 500px 70px, 633px 446px, 730px 374px, 2px 686px, 781px 171px, 972px 571px, 1029px 411px, 508px 1033px, 1589px 10px, 186px 541px, 183px 294px, 818px 85px, 806px 46px, 613px 623px, 1289px 476px, 173px 1199px, 1083px 317px, 1346px 797px, 1565px 667px, 1475px 1012px, 306px 581px, 1483px 296px, 89px 1050px, 1284px 879px, 1502px 1035px, 285px 1072px, 1541px 1032px, 1164px 32px, 1405px 1196px, 1456px 470px, 174px 63px, 85px 272px, 1304px 738px, 214px 771px, 924px 1143px, 103px 38px, 1282px 1088px, 1394px 500px, 1002px 540px, 6px 935px, 143px 1030px, 1096px 188px, 1350px 1077px; opacity: 0.85; top: 1200px; }
.ceu-3::before { width: 3px; height: 3px; box-shadow: 135px 970px, 516px 152px, 543px 480px, 1493px 420px, 472px 942px, 1011px 783px, 157px 981px, 1400px 588px, 1570px 95px, 1263px 406px, 158px 301px, 679px 520px, 1334px 623px, 1272px 1162px, 273px 25px, 987px 124px, 994px 550px, 1376px 203px, 1417px 445px, 1383px 1002px, 595px 1057px, 584px 951px, 954px 955px, 1571px 242px, 1124px 408px, 638px 175px, 968px 35px, 593px 939px, 156px 1037px, 920px 550px, 792px 429px, 431px 152px, 1190px 184px, 290px 1073px, 536px 736px, 271px 1041px, 572px 230px, 1440px 747px, 473px 1019px, 995px 807px; opacity: 0.95; filter: drop-shadow(0 0 4px #c9c9ff); }
.ceu-3::after  { width: 3px; height: 3px; box-shadow: 135px 970px, 516px 152px, 543px 480px, 1493px 420px, 472px 942px, 1011px 783px, 157px 981px, 1400px 588px, 1570px 95px, 1263px 406px, 158px 301px, 679px 520px, 1334px 623px, 1272px 1162px, 273px 25px, 987px 124px, 994px 550px, 1376px 203px, 1417px 445px, 1383px 1002px, 595px 1057px, 584px 951px, 954px 955px, 1571px 242px, 1124px 408px, 638px 175px, 968px 35px, 593px 939px, 156px 1037px, 920px 550px, 792px 429px, 431px 152px, 1190px 184px, 290px 1073px, 536px 736px, 271px 1041px, 572px 230px, 1440px 747px, 473px 1019px, 995px 807px; opacity: 0.95; filter: drop-shadow(0 0 4px #c9c9ff); top: 1200px; }

@keyframes cintilar { 0%, 100% { opacity: 0.95; } 50% { opacity: 0.45; } }
@keyframes deriva { from { transform: translateY(0); } to { transform: translateY(-1200px); } }
@media (prefers-reduced-motion: no-preference) {
  .ceu-3 { animation: cintilar 4s ease-in-out infinite; }
  .ceu-1 { animation: deriva 240s linear infinite; }
  .ceu-2 { animation: deriva 160s linear infinite; }
}

.brilho {
  position: absolute; z-index: -1;
  width: 720px; height: 720px;
  left: 50%; top: 45%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(90, 90, 230, 0.35) 0%, rgba(2, 0, 128, 0) 62%);
  pointer-events: none;
}

.marca-topo { display: flex; align-items: baseline; gap: 14px; }
.marca-nome { font-weight: 700; font-size: 20px; letter-spacing: -0.01em; }
.marca-sub { font-size: 14px; color: var(--lavanda-suave); padding-left: 14px; border-left: 1px solid rgba(201, 201, 255, 0.35); }

/* ---------- Carrossel ---------- */

.carrossel { flex: 1; display: flex; flex-direction: column; justify-content: center; min-height: 0; }

.slides { position: relative; min-height: 420px; }

.slide {
  position: absolute; inset: 0;
  margin: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 22px;
  opacity: 0;
  transform: translateY(10px) scale(0.985);
  pointer-events: none;
  transition: opacity 0.55s ease, transform 0.55s ease;
}
.slide.ativo { opacity: 1; transform: none; pointer-events: auto; position: relative; }

.slide figcaption { text-align: center; max-width: 46ch; }
.slide figcaption strong { display: block; font-size: 20px; margin-bottom: 4px; }
.slide figcaption span { color: var(--lavanda); font-size: 15px; }

.carrossel-controles { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 18px; }
.pontos { display: flex; gap: 8px; }
.pontos button {
  width: 8px; height: 8px; border-radius: 999px; border: 0; padding: 0; cursor: pointer;
  background: rgba(201, 201, 255, 0.35);
  transition: width 0.25s, background-color 0.25s;
}
.pontos button[aria-selected="true"] { width: 26px; background: #fff; }
.seta {
  width: 34px; height: 34px; border-radius: 999px; cursor: pointer;
  border: 1px solid rgba(201, 201, 255, 0.35);
  background: transparent; color: #fff; font-size: 22px; line-height: 1;
  display: grid; place-items: center;
}
.seta:hover { background: rgba(201, 201, 255, 0.14); }


/* Moldura estilo navegador / celular */

.moldura {
  width: min(100%, 520px);
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 30px 60px -20px rgba(0, 0, 40, 0.75), 0 0 0 1px rgba(201, 201, 255, 0.25);
  color: var(--tinta);
}
.moldura-barra { height: 26px; background: #eef0fa; display: flex; align-items: center; gap: 6px; padding: 0 12px; }
.moldura-barra i { width: 8px; height: 8px; border-radius: 999px; background: #c9c9ff; }
.moldura-celular { width: 230px; border-radius: 28px; padding: 12px 10px; background: #0b0b3a; }
.moldura-celular .mock { border-radius: 20px; }

.mock { font-size: 11px; line-height: 1.3; }

/* Mock ERP */
.mock-erp { display: grid; grid-template-columns: 56px 1fr; height: 250px; }
.mock-erp aside { background: var(--primaria); padding: 12px 10px; display: flex; flex-direction: column; gap: 10px; }
.mock-erp aside b { height: 14px; width: 14px; border-radius: 4px; background: #fff; margin-bottom: 8px; }
.mock-erp aside span { height: 6px; border-radius: 3px; background: rgba(201, 201, 255, 0.4); }
.mock-erp aside span.on { background: #fff; }
.mock-corpo { padding: 14px 16px; display: flex; flex-direction: column; gap: 12px; background: #f6f7fd; }
.mock-topo { display: flex; justify-content: space-between; align-items: center; }
.mock-topo em { display: block; width: 110px; height: 8px; border-radius: 4px; background: #c9c9ff; }
.mock-topo u { display: block; width: 22px; height: 22px; border-radius: 999px; background: var(--primaria-clara); }
.mock-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.mock-kpis div { background: #fff; border: 1px solid #e3e5f5; border-radius: 8px; padding: 10px; }
.mock-kpis small { display: block; color: var(--tinta-suave); font-size: 10px; }
.mock-kpis strong { display: block; font-size: 14px; margin-top: 2px; }
.mock-grafico { flex: 1; background: #fff; border: 1px solid #e3e5f5; border-radius: 8px; padding: 12px; display: flex; align-items: flex-end; gap: 8px; }
.mock-grafico i { flex: 1; height: var(--h); border-radius: 4px 4px 0 0; background: linear-gradient(180deg, var(--primaria-clara), var(--primaria)); }

/* Mock PDV */
.mock-pdv { display: grid; grid-template-columns: 1fr 170px; height: 250px; background: #f6f7fd; }
.pdv-lista { padding: 14px; display: flex; flex-direction: column; gap: 8px; }
.pdv-item { display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 10px; background: #fff; border: 1px solid #e3e5f5; border-radius: 8px; padding: 8px 10px; }
.pdv-item span { width: 22px; height: 22px; border-radius: 6px; background: #e4e4fb; }
.pdv-item em { font-style: normal; font-weight: 500; }
.pdv-item b { font-weight: 500; color: var(--tinta-suave); font-size: 10px; }
.pdv-total { background: var(--primaria); color: #fff; padding: 16px; display: flex; flex-direction: column; }
.pdv-total small { color: var(--lavanda); font-size: 10px; }
.pdv-total strong { font-size: 20px; margin: 2px 0 14px; }
.pdv-teclas { margin-top: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.pdv-teclas i { height: 22px; border-radius: 5px; background: rgba(255, 255, 255, 0.14); }
.pdv-teclas i.ok { grid-column: 1 / -1; background: #5dcaa5; }

/* Mock app */
.mock-app { background: #f6f7fd; padding: 12px; display: flex; flex-direction: column; gap: 8px; min-height: 330px; }
.app-topo { display: flex; align-items: center; gap: 8px; padding: 4px 2px 8px; }
.app-topo span { width: 22px; height: 22px; border-radius: 999px; background: var(--primaria); }
.app-topo em { font-style: normal; font-weight: 700; font-size: 12px; }
.app-card { background: #fff; border: 1px solid #e3e5f5; border-radius: 10px; padding: 10px; display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; }
.app-card em { font-style: normal; font-weight: 500; grid-column: 1 / -1; }
.app-card b { font-weight: 700; font-size: 12px; }
.app-card i { font-style: normal; font-size: 9px; font-weight: 700; padding: 2px 7px; border-radius: 999px; background: #fff4d6; color: #7a5a00; justify-self: end; }
.app-card i.ok { background: #e3f5ea; color: #1e6b3a; }
.app-botao { margin-top: auto; height: 36px; border-radius: 10px; background: var(--primaria); }

/* Números da empresa */
.numeros { list-style: none; margin: 0; padding: 22px 0 0; display: flex; gap: 40px; border-top: 1px solid rgba(201, 201, 255, 0.22); }
.numeros strong { display: block; font-size: 26px; letter-spacing: -0.02em; line-height: 1.1; }
.numeros span { font-size: 13px; color: var(--lavanda-suave); }

/* ---------- Painel do formulário ---------- */

.painel-login { display: flex; align-items: center; justify-content: center; padding: 48px 40px; }
.painel-login form { width: 100%; max-width: 400px; }
.painel-login h1 { font-size: 26px; margin-bottom: 8px; }
.painel-login .ajuda { color: var(--tinta-suave); margin-bottom: 28px; }

.campo-cnpj .entrada {
  position: relative;
  display: flex; align-items: center;
  background: var(--papel);
  border: 1.5px solid var(--linha);
  border-radius: 12px;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.campo-cnpj .entrada > svg { position: absolute; left: 14px; color: var(--tinta-fraca); pointer-events: none; }
.campo-cnpj input {
  border: 0 !important; background: transparent !important; width: 100%;
  padding: 16px 44px 16px 46px !important;
  font-size: 20px; font-variant-numeric: tabular-nums; letter-spacing: 0.04em;
}
.campo-cnpj input:focus-visible { outline: none; }
.campo-cnpj .entrada:focus-within { border-color: var(--primaria); box-shadow: 0 0 0 4px var(--acao-fundo); }
.campo-cnpj .verificado { position: absolute; right: 14px; color: #1e6b3a; opacity: 0; transform: scale(0.6); transition: opacity 0.2s, transform 0.2s; }
.campo-cnpj.ok .entrada { border-color: #1e6b3a; }
.campo-cnpj.ok .verificado { opacity: 1; transform: none; }
.campo-cnpj.invalido .entrada { border-color: var(--erro); }
.campo-cnpj .dica { display: block; margin-top: 8px; font-size: 13px; color: var(--tinta-fraca); }

.botao-entrar { margin-top: 20px; padding: 15px 20px; border-radius: 12px; font-size: 16px; }
.botao-entrar svg { transition: transform 0.2s; }
.botao-entrar:hover svg { transform: translateX(3px); }

.passos { list-style: none; margin: 32px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.passos li { display: flex; flex-direction: column; gap: 8px; font-size: 13px; color: var(--tinta-suave); }
.passos b { width: 26px; height: 26px; border-radius: 999px; display: grid; place-items: center; font-size: 12px; background: var(--acao-fundo); color: var(--primaria); }

.rodape-login { margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--linha); font-size: 13px; color: var(--tinta-suave); display: flex; flex-direction: column; gap: 4px; }

@media (max-width: 960px) {
  .tela-login { display: block; }
  .painel-marca { padding: 24px 24px 20px; gap: 18px; }
  .carrossel { display: none; }
  .numeros { gap: 22px; padding-top: 16px; flex-wrap: wrap; }
  .numeros strong { font-size: 22px; }
  .painel-login { padding: 32px 24px 48px; }
}

@media (prefers-reduced-motion: reduce) {
  .slide, .pontos button, .botao-entrar svg, .campo-cnpj .verificado { transition: none; }
  .ceu { animation: none; }
}