:root {
    --navy: #07192d;
    --navy-2: #0c2745;
    --blue: #0878d1;
    --blue-dark: #005ca8;
    --cyan: #55c7ef;
    --text: #172033;
    --muted: #667085;
    --line: #dce3eb;
    --soft: #f4f7fa;
    --white: #ffffff;
    --success: #16794a;
    --warning: #a35b00;
    --danger: #b42318;
    --info: #175cd3;
    --radius: 18px;
    --shadow: 0 18px 60px rgba(7, 25, 45, 0.10);
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    color: var(--text);
    background: var(--white);
    line-height: 1.6;
}

a { color: inherit; text-decoration: none; }

img { max-width: 100%; }

.container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.narrow { width: min(850px, calc(100% - 40px)); }

.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(255,255,255,.96);
    border-bottom: 1px solid rgba(220,227,235,.8);
    backdrop-filter: blur(14px);
}

.nav-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 82px;
}

.brand {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    max-width: 230px;
    font-weight: 900;
    letter-spacing: -1.4px;
    line-height: 1;
}

.brand-mark { color: var(--blue); font-size: 25px; }
.brand-people { color: var(--navy); font-size: 25px; }

.brand small {
    width: 100%;
    margin-top: 7px;
    color: var(--muted);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2.1px;
}

.main-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    font-size: 14px;
    font-weight: 700;
}

.main-nav a { transition: .2s ease; }
.main-nav a:hover,
.main-nav a.active { color: var(--blue); }

.nav-button {
    color: var(--white) !important;
    background: var(--navy);
    padding: 12px 18px;
    border-radius: 10px;
}

.nav-toggle {
    display: none;
    border: 0;
    background: none;
    font-size: 26px;
}

.hero {
    overflow: hidden;
    color: var(--white);
    background:
        radial-gradient(circle at 85% 15%, rgba(85,199,239,.35), transparent 28%),
        linear-gradient(120deg, var(--navy), #0c3156);
}

.hero-grid {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    min-height: 650px;
    align-items: center;
    gap: 70px;
}

.eyebrow {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--blue);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.eyebrow.light { color: #aee7ff; }

.hero h1,
.page-hero h1,
.login-intro h1 {
    margin: 0 0 24px;
    font-size: clamp(38px, 5.6vw, 68px);
    line-height: 1.04;
    letter-spacing: -2.6px;
}

.hero p {
    max-width: 700px;
    margin: 0 0 34px;
    color: #d4dfeb;
    font-size: 18px;
}

.hero-actions,
.form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}

.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    padding: 0 22px;
    border: 1px solid transparent;
    border-radius: 11px;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    transition: transform .2s ease, background .2s ease;
}

.btn:hover { transform: translateY(-2px); }
.btn.primary { background: var(--blue); color: var(--white); }
.btn.primary:hover { background: var(--blue-dark); }
.btn.secondary { background: transparent; color: var(--blue); border-color: var(--blue); }
.hero .btn.secondary { color: var(--white); border-color: rgba(255,255,255,.45); }
.btn.light { background: var(--white); color: var(--navy); }
.btn.full { width: 100%; }

.hero-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 54px;
}

.hero-stats div {
    padding-left: 16px;
    border-left: 2px solid rgba(85,199,239,.7);
}

.hero-stats strong {
    display: block;
    font-size: 27px;
}

.hero-stats span {
    color: #b6c9d9;
    font-size: 12px;
}

.hero-panel {
    position: relative;
}

.hero-panel::before {
    content: "";
    position: absolute;
    inset: -40px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 50%;
}

.hero-card {
    position: relative;
    padding: 42px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 28px;
    background: rgba(255,255,255,.09);
    box-shadow: 0 30px 80px rgba(0,0,0,.26);
    backdrop-filter: blur(10px);
}

.card-kicker {
    color: #94e2ff;
    font-weight: 800;
    font-size: 13px;
}

.hero-card h2 {
    margin: 12px 0 22px;
    font-size: 32px;
    line-height: 1.15;
}

.hero-card ul {
    margin: 0 0 24px;
    padding-left: 20px;
    color: #d7e5ef;
}

.hero-card a { color: #8ddfff; font-weight: 800; }

.section { padding: 92px 0; }
.section.soft { background: var(--soft); }

.section-heading {
    max-width: 760px;
    margin-bottom: 40px;
}

.section-heading h2,
.about-grid h2,
.contact-aside h2,
.cta-box h2 {
    margin: 0 0 16px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.12;
    letter-spacing: -1.5px;
}

.section-heading p,
.about-grid p,
.contact-aside p { color: var(--muted); }

.cards.three {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.service-card {
    min-height: 310px;
    padding: 32px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--white);
    box-shadow: 0 10px 30px rgba(7,25,45,.04);
}

.service-card.featured {
    color: var(--white);
    background: var(--navy);
    border-color: var(--navy);
}

.service-number {
    display: block;
    margin-bottom: 40px;
    color: var(--blue);
    font-size: 13px;
    font-weight: 900;
}

.service-card.featured .service-number { color: var(--cyan); }
.service-card h3 { font-size: 24px; margin: 0 0 12px; }
.service-card p { color: var(--muted); }
.service-card.featured p { color: #c6d5e1; }
.service-card a { color: var(--blue); font-weight: 800; }
.service-card.featured a { color: var(--cyan); }

.partner-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 14px;
}

.partner-grid span {
    display: grid;
    place-items: center;
    min-height: 82px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--white);
    color: #485466;
    font-weight: 900;
    font-size: 13px;
}

.cta-section { padding: 0 0 92px; }
.cta-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 55px;
    color: var(--white);
    background: linear-gradient(115deg, var(--blue-dark), var(--blue));
    border-radius: 24px;
}
.cta-box h2 { margin: 0; }

.page-hero {
    padding: 100px 0 70px;
    color: var(--white);
    background: linear-gradient(120deg, var(--navy), var(--navy-2));
}

.page-hero.compact { padding: 62px 0; }

.page-hero p {
    max-width: 750px;
    margin: 0;
    color: #c4d4e0;
    font-size: 18px;
}

.service-list { display: grid; gap: 24px; }

.service-detail {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 30px;
    padding: 36px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
}

.service-icon {
    display: grid;
    place-items: center;
    width: 80px;
    height: 80px;
    border-radius: 18px;
    color: var(--white);
    background: var(--navy);
    font-weight: 900;
}

.service-detail h2 { margin: 0 0 10px; font-size: 28px; }
.service-detail p { color: var(--muted); }

.tag-list { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; }
.tag-list span {
    padding: 7px 12px;
    color: var(--blue-dark);
    background: #edf7ff;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

.about-grid,
.contact-grid,
.ticket-grid,
.admin-ticket-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 55px;
    align-items: start;
}

.values-card,
.contact-aside,
.ticket-meta {
    padding: 34px;
    border-radius: var(--radius);
    background: var(--soft);
}

.values-card h3,
.contact-aside h2,
.ticket-meta h3 { margin-top: 0; }

.value-item {
    display: grid;
    gap: 4px;
    padding: 20px 0;
    border-bottom: 1px solid var(--line);
}

.value-item:last-child { border: 0; }
.value-item span { color: var(--muted); }

.form-card,
.login-card,
.ticket-content {
    padding: 34px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--white);
    box-shadow: var(--shadow);
}

form label {
    display: grid;
    gap: 8px;
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 800;
}

input,
select,
textarea {
    width: 100%;
    padding: 14px 15px;
    border: 1px solid #cdd7e1;
    border-radius: 10px;
    background: var(--white);
    font: inherit;
    color: var(--text);
}

input:focus,
select:focus,
textarea:focus {
    outline: 3px solid rgba(8,120,209,.13);
    border-color: var(--blue);
}

textarea { resize: vertical; }

.form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.contact-aside hr {
    margin: 28px 0;
    border: 0;
    border-top: 1px solid var(--line);
}

.login-section {
    padding: 86px 0;
    min-height: 700px;
    background: var(--soft);
}

.login-wrap {
    display: grid;
    grid-template-columns: 1fr 480px;
    align-items: center;
    gap: 80px;
}

.login-intro h1 { color: var(--navy); }
.login-intro p { color: var(--muted); }

.demo-box {
    margin-top: 30px;
    padding: 20px;
    border-left: 4px solid var(--blue);
    background: var(--white);
}
.demo-box p { margin: 5px 0; font-size: 13px; }

.login-card h2 { margin-top: 0; font-size: 30px; }
.back-link { display: block; text-align: center; margin-top: 18px; color: var(--muted); }

.dashboard-header {
    padding: 56px 0;
    color: var(--white);
    background: var(--navy);
}

.dashboard-header.admin {
    background: linear-gradient(120deg, var(--navy), var(--blue-dark));
}

.dashboard-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.dashboard-title h1 { margin: 0; font-size: 40px; }
.dashboard-title p { margin: 5px 0 0; color: #bcd0df; }
.dashboard-section { padding-top: 45px; background: var(--soft); min-height: 560px; }

.stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-bottom: 24px;
}

.stats-grid.four { grid-template-columns: repeat(4, 1fr); }

.stat-card {
    padding: 25px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--white);
}
.stat-card strong { display: block; font-size: 34px; color: var(--navy); }
.stat-card span { color: var(--muted); font-size: 13px; }

.table-card {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--white);
}

.table-card-header { padding: 24px 26px; border-bottom: 1px solid var(--line); }
.table-card-header h2 { margin: 0; }
.table-responsive { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 16px 18px; text-align: left; border-bottom: 1px solid var(--line); font-size: 14px; }
th { color: var(--muted); background: #fafbfc; font-size: 12px; text-transform: uppercase; letter-spacing: .5px; }
td a { color: var(--blue); font-weight: 800; }

.badge {
    display: inline-flex;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 900;
}
.badge.large { padding: 10px 15px; font-size: 13px; }
.badge.success { background: #ecfdf3; color: var(--success); }
.badge.warning { background: #fff7e8; color: var(--warning); }
.badge.danger { background: #fef3f2; color: var(--danger); }
.badge.info { background: #eff8ff; color: var(--info); }
.badge.muted { background: #f2f4f7; color: var(--muted); }

.empty-state { padding: 55px; text-align: center; }
.empty-state h3 { margin: 0; }

.filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}
.filter-bar a {
    padding: 9px 14px;
    border-radius: 999px;
    background: var(--white);
    border: 1px solid var(--line);
    font-size: 12px;
    font-weight: 800;
}
.filter-bar a.active { color: var(--white); background: var(--navy); border-color: var(--navy); }

.ticket-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}
.ticket-title h1 { font-size: 42px; }
.ticket-content h2 { margin-top: 28px; font-size: 21px; }
.ticket-content h2:first-child { margin-top: 0; }
.admin-note { padding: 20px; border-left: 4px solid var(--blue); background: #f0f8ff; }
.muted-text { color: var(--muted); }

.ticket-meta dl { margin: 0 0 24px; }
.ticket-meta dt { margin-top: 15px; color: var(--muted); font-size: 12px; text-transform: uppercase; }
.ticket-meta dd { margin: 3px 0 0; font-weight: 800; }

.ticket-info-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-top: 30px;
}
.ticket-info-grid div { padding: 15px; background: var(--soft); border-radius: 10px; }
.ticket-info-grid span { display: block; color: var(--muted); font-size: 11px; }
.ticket-info-grid strong { display: block; margin-top: 4px; }

.flash {
    position: fixed;
    z-index: 100;
    top: 95px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 320px;
    padding: 14px 18px;
    border-radius: 10px;
    box-shadow: var(--shadow);
    transition: .3s ease;
}
.flash.success { color: var(--success); background: #ecfdf3; border: 1px solid #abefc6; }
.flash.error { color: var(--danger); background: #fef3f2; border: 1px solid #fecdca; }
.flash.fade { opacity: 0; transform: translate(-50%, -10px); pointer-events: none; }

.site-footer {
    padding-top: 65px;
    color: #c0cfdb;
    background: #061525;
}
.footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 50px;
}
.footer-brand { color: var(--blue); font-size: 24px; font-weight: 900; }
.footer-brand span { color: var(--white); }
.site-footer h3 { color: var(--white); }
.site-footer p { margin: 7px 0; font-size: 14px; }
.footer-bottom { margin-top: 45px; padding: 22px 0; border-top: 1px solid rgba(255,255,255,.09); font-size: 12px; }

@media (max-width: 900px) {
    .nav-toggle { display: block; }
    .main-nav {
        display: none;
        position: absolute;
        top: 82px;
        left: 20px;
        right: 20px;
        padding: 22px;
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
        background: var(--white);
        border: 1px solid var(--line);
        border-radius: 14px;
        box-shadow: var(--shadow);
    }
    .main-nav.open { display: flex; }

    .hero-grid,
    .login-wrap,
    .about-grid,
    .contact-grid,
    .ticket-grid,
    .admin-ticket-grid {
        grid-template-columns: 1fr;
    }

    .hero-grid { padding: 85px 0; }
    .cards.three { grid-template-columns: 1fr; }
    .partner-grid { grid-template-columns: repeat(3, 1fr); }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .stats-grid.four { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 620px) {
    .container,
    .narrow { width: min(100% - 28px, 1180px); }

    .hero h1,
    .page-hero h1,
    .login-intro h1 { font-size: 40px; letter-spacing: -1.5px; }

    .hero-stats,
    .stats-grid,
    .stats-grid.four,
    .form-row,
    .ticket-info-grid {
        grid-template-columns: 1fr;
    }

    .hero-card,
    .form-card,
    .login-card,
    .ticket-content { padding: 25px; }

    .partner-grid { grid-template-columns: repeat(2, 1fr); }
    .cta-box,
    .dashboard-title,
    .ticket-title { align-items: flex-start; flex-direction: column; }
    .service-detail { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; }
}


/* ExaPeople - tema verde inspirado no layout aprovado */
:root{--green:#0b9b55;--green-dark:#087443;--green-soft:#effaf4;--ink:#161b1a;--footer:#151a18}
body{font-family:Inter,"Segoe UI",sans-serif;background:#fff;color:#242b29}.site-header{background:#fff}.brand-green{position:relative;display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto;column-gap:8px;max-width:none}.brand-symbol{grid-row:1/3;color:var(--green);font-size:34px;align-self:center}.brand-name{font-size:25px;font-weight:800;color:#222;letter-spacing:-1px}.brand-name span{color:var(--green)}.brand-green small{grid-column:2;color:#4e5b57;letter-spacing:2.4px;font-size:8px;margin:0}.main-nav a.active,.main-nav a:hover{color:var(--green)}.nav-quote,.nav-client{background:var(--green)!important;color:#fff!important;padding:13px 20px;border-radius:6px}.green-hero{background:linear-gradient(90deg,#fff 0 54%,#07150f 54%);overflow:hidden}.green-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;min-height:535px}.green-hero-copy{padding:76px 56px 62px 0;align-self:center}.green-kicker,.green-section-title span{color:var(--green);font-size:12px;font-weight:800;letter-spacing:1.5px}.green-hero h1{font-size:52px;line-height:1.08;letter-spacing:-2.3px;margin:16px 0 22px;color:#171b1a}.green-hero h1 em{color:var(--green);font-style:normal}.green-hero-copy>p{color:#606965;font-size:16px;max-width:650px}.green-solid{background:var(--green);color:#fff}.green-outline{border:1px solid var(--green);color:var(--green);background:#fff}.mini-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px}.mini-benefits div{display:flex;gap:9px;align-items:center;font-size:11px;color:#47504d}.mini-benefits b{color:var(--green);font-size:22px}.tech-visual{position:relative;min-height:535px;background:radial-gradient(circle at 48% 44%,rgba(15,181,93,.25),transparent 23%),linear-gradient(135deg,#172b23,#07110d 70%);overflow:hidden}.screen{position:absolute;right:0;top:85px;width:53%;height:300px;border:1px solid #2d5b49;border-radius:8px;background:linear-gradient(145deg,#17372d,#06120e);transform:perspective(600px) rotateY(-7deg);box-shadow:0 0 45px rgba(0,220,120,.2)}.screen-bar{height:30px;border-bottom:1px solid #28533f}.chart-bars{display:flex;align-items:end;gap:8px;height:115px;padding:20px}.chart-bars i{display:block;width:16%;background:linear-gradient(#12c66b,#0b663c);border-radius:2px}.chart-bars i:nth-child(1){height:30%}.chart-bars i:nth-child(2){height:56%}.chart-bars i:nth-child(3){height:44%}.chart-bars i:nth-child(4){height:78%}.chart-bars i:nth-child(5){height:66%}.chart-line{color:#55e39d;font-size:55px;padding:0 20px}.central-gear{position:absolute;left:32%;top:128px;width:150px;height:150px;border:5px solid #11c66b;border-radius:50%;display:grid;place-items:center;color:#10d274;font-size:85px;text-shadow:0 0 20px #0bd66e;box-shadow:0 0 35px rgba(10,214,110,.45)}.central-gear span{position:absolute;font-size:28px;color:#fff}.glow-ring{position:absolute;border:1px solid rgba(35,225,134,.45);border-radius:50%}.ring-1{width:260px;height:260px;left:22%;top:72px}.ring-2{width:370px;height:370px;left:11%;top:15px}.node{position:absolute;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#3ce890;border:1px solid #23c879;background:#0c2c20;box-shadow:0 0 18px rgba(23,210,112,.35);font-size:23px}.n1{left:12%;top:75px}.n2{left:9%;top:230px}.n3{left:18%;top:355px}.n4{left:61%;top:50px}.n5{left:72%;top:200px}.n6{left:65%;top:360px}.hand-shape{position:absolute;left:22%;bottom:-25px;width:230px;height:170px;background:linear-gradient(140deg,#e1b796,#9b6446);border-radius:55% 30% 12% 60%;transform:rotate(-8deg);filter:brightness(.8)}.totvs-badge{position:absolute;right:22px;bottom:24px;background:rgba(8,18,14,.9);border:1px solid #3f6654;padding:10px 18px;border-radius:8px;color:#fff}.totvs-badge small{display:block;color:#9eb3aa;font-size:9px}.totvs-badge strong{font-size:18px}.services-green{padding:65px 0}.green-section-title h2{font-size:29px;margin:8px 0 32px}.green-section-title.centered{text-align:center}.green-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.green-service-grid article{padding:25px;border:1px solid #dbe5e0;border-radius:7px;background:#fff;box-shadow:0 8px 20px rgba(16,45,32,.05)}.line-icon{color:var(--green);font-weight:800;font-size:34px}.green-service-grid h3{font-size:16px;margin:14px 0 10px}.green-service-grid p{font-size:12px;color:#69736f;min-height:86px}.green-service-grid a{font-size:12px;color:var(--green);font-weight:700}.why-green{background:var(--green-soft);padding:60px 0}.difference-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:35px}.difference-grid>div{text-align:center;padding:0 17px;border-right:1px solid #cfe3d8}.difference-grid>div:last-child{border:0}.difference-grid b{font-size:30px;color:var(--green)}.difference-grid h3{font-size:13px;line-height:1.25}.difference-grid p{font-size:10px;color:#64706b}.metric-band{background:radial-gradient(circle at 50% 0,rgba(13,168,91,.35),transparent 45%),#0d1713;padding:34px 0;color:#fff}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric-grid div{text-align:center;border-right:1px solid rgba(255,255,255,.15)}.metric-grid div:last-child{border:0}.metric-grid span{color:#23cc75;font-size:23px}.metric-grid strong{display:block;color:#20c875;font-size:28px}.metric-grid small{color:#cbd7d1}.about-green{padding:68px 0}.about-green-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-green-grid h2{font-size:33px;margin:10px 0 20px}.about-green-grid p{font-size:13px;color:#69736f}.about-tech-card{height:280px;background:linear-gradient(145deg,#d9e2dd,#a9b7b0);border-radius:10px;position:relative;overflow:hidden}.fake-laptop{position:absolute;left:95px;top:46px;width:260px;height:160px;background:#17231e;border:9px solid #262e2a;border-bottom-width:18px;transform:perspective(500px) rotateY(8deg)}.fake-laptop>div{color:#fff;padding:18px}.fake-laptop strong{display:block;margin-bottom:28px}.fake-laptop span{color:#22c875;font-size:30px}.cup{position:absolute;right:42px;bottom:28px;width:60px;height:62px;border-radius:4px 4px 18px 18px;background:#fff;display:grid;place-items:center;color:var(--green);font-size:26px}.plant{position:absolute;left:35px;bottom:12px;color:#2d8a52;font-size:72px}.green-footer{background:var(--footer);padding-top:50px}.footer-grid-wide{grid-template-columns:1.2fr .75fr 1fr 1fr 1.15fr}.green-footer h3{font-size:11px;color:#fff;letter-spacing:1px}.green-footer a{display:block;color:#aebbb5;font-size:11px;margin:8px 0}.footer-logo{font-size:24px;color:#fff}.footer-logo span,.footer-logo strong{color:var(--green)}.green-footer small{font-size:8px;letter-spacing:2px}.social-row{display:flex;gap:8px;margin-top:16px}.social-row span{width:28px;height:28px;border-radius:50%;background:#0f8e50;display:grid;place-items:center;color:#fff;font-size:11px}.newsletter{display:flex}.newsletter input{background:#0d1210;border-color:#36443d;color:#fff;border-radius:4px 0 0 4px;padding:10px;font-size:11px}.newsletter button{background:var(--green);color:#fff;border:0;width:44px}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:90;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#20bd68;color:#fff;font-size:22px;box-shadow:0 8px 25px rgba(0,0,0,.25)}
@media(max-width:900px){.green-hero{background:#fff}.green-hero-grid{grid-template-columns:1fr}.green-hero-copy{padding:60px 0}.tech-visual{min-height:480px}.green-service-grid{grid-template-columns:repeat(2,1fr)}.difference-grid{grid-template-columns:repeat(3,1fr);row-gap:30px}.about-green-grid{grid-template-columns:1fr}.footer-grid-wide{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.green-hero h1{font-size:40px}.mini-benefits,.green-service-grid,.difference-grid,.metric-grid{grid-template-columns:1fr 1fr}.metric-grid{row-gap:25px}.footer-grid-wide{grid-template-columns:1fr}.about-tech-card{height:230px}.fake-laptop{left:55px;width:220px}.green-hero-copy{padding-right:0}}


/* ==========================================================
   LAYOUT EXAPEOPLE — MODELO ENVIADO PELO CLIENTE
   ========================================================== */
:root{
  --xp-green:#10a534;
  --xp-green-dark:#087e25;
  --xp-ink:#071018;
  --xp-gray:#f6f7f7;
  --xp-line:#e3e7e5;
  --xp-footer:#061114;
}
body{font-family:Arial,Helvetica,sans-serif;color:var(--xp-ink);background:#fff}
.xp-container{width:min(1200px,calc(100% - 64px));margin:0 auto}
.xp-header{position:sticky;top:0;z-index:80;background:#fff;border-bottom:1px solid #ecefec}
.xp-nav{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.xp-logo{display:flex;align-items:center;gap:13px;min-width:225px}
.xp-logo-icon{position:relative;width:48px;height:48px;display:inline-block}
.xp-logo-icon:before{content:"";position:absolute;left:12px;top:1px;width:23px;height:23px;border:3px solid var(--xp-green);transform:rotate(30deg);border-radius:5px}
.xp-logo-icon:after{content:"";position:absolute;left:18px;top:8px;width:11px;height:11px;border:2px solid var(--xp-green);border-radius:50%}
.xp-logo-icon i{position:absolute;left:3px;width:39px;height:3px;background:var(--xp-green);transform:skewY(-18deg);border-radius:3px}
.xp-logo-icon i:nth-child(1){bottom:15px}.xp-logo-icon i:nth-child(2){bottom:9px;background:#0c1720}.xp-logo-icon i:nth-child(3){bottom:3px;background:var(--xp-green)}
.xp-logo-text{display:flex;flex-direction:column;line-height:1}
.xp-logo-text strong{font-size:28px;letter-spacing:-1.3px;color:#071018}
.xp-logo-text strong span{color:var(--xp-green-dark)}
.xp-logo-text small{margin-top:7px;font-size:9px;font-weight:800;letter-spacing:.8px}
.xp-menu{display:flex;align-items:center;gap:31px;font-size:14px;font-weight:500}
.xp-menu a.active,.xp-menu a:hover{color:var(--xp-green)}
.xp-budget{padding:13px 20px!important;border-radius:6px;background:var(--xp-green)!important;color:#fff!important;font-weight:700!important}
.nav-toggle{display:none;border:0;background:none;font-size:26px}

.xp-hero{background:linear-gradient(90deg,#fff 0%,#fff 48%,#edf0ef 48%,#061012 100%);overflow:hidden}
.xp-hero-grid{display:grid;grid-template-columns:49% 51%;min-height:430px}
.xp-hero-copy{padding:39px 0 35px 20px;display:flex;flex-direction:column;justify-content:center}
.xp-kicker{display:block;color:var(--xp-green-dark);font-weight:800;font-size:11px;margin-bottom:15px}
.xp-hero h1{margin:0 0 17px;font-size:42px;line-height:1.04;letter-spacing:-1.8px;font-weight:800}
.xp-hero h1 em{font-style:normal;color:var(--xp-green-dark)}
.xp-hero-copy>p{max-width:445px;margin:0 0 20px;color:#40474c;font-size:14px;line-height:1.55}
.xp-hero-actions{display:flex;gap:17px;margin-bottom:30px}
.xp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 18px;border-radius:6px;font-size:13px;font-weight:700}
.xp-btn.solid{color:#fff;background:var(--xp-green)}
.xp-btn.outline{color:var(--xp-green-dark);background:#fff;border:1px solid var(--xp-green)}
.xp-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:545px}
.xp-benefits div{display:flex;align-items:center;gap:8px}
.xp-benefits b{color:var(--xp-green);font-size:20px}
.xp-benefits span{font-size:10px;font-weight:700;line-height:1.25}
.xp-hero-image{position:relative;height:430px;background:#061012;overflow:hidden}
.xp-hero-image:before{content:"";position:absolute;inset:0 70% 0 0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0));z-index:2}
.xp-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.xp-partner{position:absolute;z-index:3;right:42px;bottom:15px;width:320px;height:53px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--xp-green);border-radius:28px;background:rgba(0,10,12,.75);color:#fff}
.xp-partner span{font-size:11px}.xp-partner strong{font-size:23px}

.xp-section{padding:27px 0}
.xp-services{background:#fff}
.xp-title{text-align:center;margin-bottom:17px}
.xp-title span{color:var(--xp-green-dark);font-size:10px;font-weight:800}
.xp-title h2{margin:4px 0 0;font-size:28px;letter-spacing:-.8px}
.xp-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.xp-service-grid article{min-height:207px;padding:20px 22px;border:1px solid var(--xp-line);border-radius:7px;text-align:center;background:#fff}
.xp-service-icon{height:51px;color:var(--xp-green);font-size:38px;line-height:1}
.xp-service-grid h3{font-size:15px;margin:7px 0 13px}
.xp-service-grid p{min-height:72px;margin:0 0 8px;font-size:11px;line-height:1.6;color:#3e464a}
.xp-service-grid a{color:var(--xp-green-dark);font-size:11px;font-weight:800}

.xp-differences{background:#f5f8f6;padding-top:14px;padding-bottom:24px}
.xp-difference-grid{display:grid;grid-template-columns:repeat(6,1fr)}
.xp-difference-grid>div{padding:0 18px;text-align:center;border-right:1px solid #dce2df}
.xp-difference-grid>div:last-child{border-right:0}
.xp-difference-grid b{display:block;color:var(--xp-green);font-size:31px;height:39px}
.xp-difference-grid h3{margin:5px 0 7px;font-size:12px;line-height:1.2}
.xp-difference-grid p{margin:0;font-size:9px;line-height:1.55;color:#596166}

.xp-metrics{position:relative;padding:19px 0;color:#fff;background:#001e1b url("../images/metricas-bg.png") center/cover}
.xp-metrics:after{content:"";position:absolute;inset:0;background:rgba(0,22,21,.5)}
.xp-metric-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr)}
.xp-metric-grid div{display:grid;grid-template-columns:45px auto;grid-template-rows:auto auto;align-items:center;justify-content:center}
.xp-metric-grid b{grid-row:1/3;color:var(--xp-green);font-size:34px}
.xp-metric-grid strong{color:var(--xp-green);font-size:30px;line-height:1}
.xp-metric-grid span{font-size:11px}

.xp-about{padding:20px 0}
.xp-about-grid{display:grid;grid-template-columns:42% 58%;gap:34px;align-items:center}
.xp-about img{width:100%;height:210px;object-fit:cover;border-radius:7px}
.xp-about h2{margin:4px 0 12px;font-size:27px}
.xp-about p{max-width:610px;margin:0 0 11px;font-size:12px;line-height:1.6;color:#4b5358}
.xp-blog-placeholder{display:none}

.xp-footer{padding-top:22px;background:linear-gradient(90deg,#071316,#061012);color:#fff}
.xp-footer-grid{display:grid;grid-template-columns:1.35fr .75fr 1fr 1.1fr 1.35fr;gap:27px}
.xp-footer .xp-logo{min-width:auto}
.xp-footer .xp-logo-text strong{color:#fff}.xp-footer .xp-logo-text strong span{color:var(--xp-green)}
.xp-footer-about p,.xp-footer p{font-size:10px;line-height:1.55;color:#d6dddd}
.xp-footer h3{margin:0 0 12px;font-size:11px}
.xp-footer a{display:block;margin:0 0 6px;color:#fff;font-size:10px}
.xp-socials{display:flex;gap:10px}.xp-socials span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--xp-green);font-size:10px}
.xp-newsletter{display:flex;margin-top:12px}.xp-newsletter input{height:35px;border:0;border-radius:5px 0 0 5px;background:#263235;color:#fff;font-size:10px}.xp-newsletter button{width:45px;border:0;border-radius:0 5px 5px 0;background:var(--xp-green);color:#fff}
.xp-footer-bottom{margin-top:18px;padding:10px 0;display:flex;justify-content:space-between;border-top:1px solid #243033;font-size:9px;color:#c8cecf}
.xp-whatsapp-float{position:fixed;right:22px;bottom:18px;z-index:99;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--xp-green);border:3px solid #fff;color:#fff;font-size:24px;box-shadow:0 5px 20px rgba(0,0,0,.3)}

@media(max-width:950px){
 .xp-container{width:min(100% - 30px,1200px)}
 .nav-toggle{display:block}
 .xp-menu{display:none;position:absolute;top:80px;left:15px;right:15px;flex-direction:column;align-items:stretch;padding:20px;background:#fff;box-shadow:0 15px 35px rgba(0,0,0,.12)}
 .xp-menu.open{display:flex}
 .xp-hero{background:#fff}.xp-hero-grid{grid-template-columns:1fr}
 .xp-hero-image{height:380px}.xp-hero-image:before{display:none}
 .xp-service-grid{grid-template-columns:repeat(2,1fr)}
 .xp-difference-grid{grid-template-columns:repeat(3,1fr);gap:18px}
 .xp-difference-grid>div{border:0}
 .xp-about-grid{grid-template-columns:1fr}
 .xp-footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
 .xp-logo-text strong{font-size:23px}
 .xp-hero-copy{padding-left:0}.xp-hero h1{font-size:34px}
 .xp-benefits{grid-template-columns:repeat(2,1fr)}
 .xp-service-grid,.xp-difference-grid,.xp-metric-grid,.xp-footer-grid{grid-template-columns:1fr}
 .xp-partner{right:15px;left:15px;width:auto}
 .xp-footer-bottom{flex-direction:column;gap:8px}
}


/* Logotipo oficial ExaPeople */
.xp-logo-image-link {
    display: inline-flex;
    align-items: center;
    min-width: auto;
    line-height: 0;
}

.xp-logo-image {
    display: block;
    width: 245px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.footer-logo-image {
    width: 210px;
    padding: 5px;
    border-radius: 4px;
    background: #ffffff;
}

.login-section .xp-logo-image,
.dashboard-header .xp-logo-image {
    max-width: 230px;
}

@media (max-width: 600px) {
    .xp-logo-image {
        width: 205px;
    }

    .footer-logo-image {
        width: 190px;
    }
}


/* Ajuste do banner: imagem sem selo TOTVS duplicado */
.xp-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.xp-partner {
    z-index: 5;
}


/* ==========================================================
   IDENTIDADE VERDE GLOBAL — EXAPEOPLE
   Aplica o mesmo padrão visual da home em todas as páginas.
   ========================================================== */

:root {
    --navy: #071018;
    --navy-2: #102019;
    --blue: #10a534;
    --blue-dark: #087e25;
    --cyan: #35c759;
    --text: #172033;
    --muted: #667085;
    --line: #dfe7e1;
    --soft: #f4f8f5;
    --white: #ffffff;
    --success: #087e25;
    --warning: #a35b00;
    --danger: #b42318;
    --info: #0b8d31;
}

/* Links, botões e destaques */
a,
.service-card a,
.ticket-content a,
.table-card a {
    transition: color .2s ease, background .2s ease, border-color .2s ease;
}

.btn.primary,
.nav-button,
.xp-budget {
    background: #10a534 !important;
    border-color: #10a534 !important;
    color: #ffffff !important;
}

.btn.primary:hover,
.nav-button:hover,
.xp-budget:hover {
    background: #087e25 !important;
    border-color: #087e25 !important;
}

.btn.secondary {
    color: #087e25 !important;
    border-color: #10a534 !important;
    background: #ffffff !important;
}

.btn.secondary:hover {
    color: #ffffff !important;
    background: #10a534 !important;
}

.eyebrow,
.service-number,
.service-card a,
.main-nav a:hover,
.main-nav a.active,
td a,
.back-link:hover {
    color: #10a534 !important;
}

.tag-list span {
    color: #087e25 !important;
    background: #edf9f0 !important;
}

input:focus,
select:focus,
textarea:focus {
    outline: 3px solid rgba(16, 165, 52, .14) !important;
    border-color: #10a534 !important;
}

.admin-note {
    border-left-color: #10a534 !important;
    background: #effaf2 !important;
}

.demo-box {
    border-left-color: #10a534 !important;
}

.filter-bar a.active {
    background: #087e25 !important;
    border-color: #087e25 !important;
}

.dashboard-header.admin,
.page-hero,
.hero,
.dashboard-header {
    background: linear-gradient(120deg, #071018, #123d20) !important;
}

.stat-card strong {
    color: #087e25 !important;
}

.badge.info {
    background: #eefaf1 !important;
    color: #087e25 !important;
}

.flash.success {
    color: #087e25 !important;
    background: #ecfdf3 !important;
    border-color: #abefc6 !important;
}

/* Banner principal centralizado e sem fundo cinza */
.xp-hero {
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 49%, #061012 49%, #061012 100%) !important;
}

.xp-hero-image {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #061012 !important;
    overflow: hidden;
}

.xp-hero-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    background: transparent !important;
}

.xp-hero-image::before {
    background: linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,.78) 18%, rgba(255,255,255,0) 58%) !important;
}

/* Remove qualquer área cinza ao redor do banner */
.xp-hero-grid,
.xp-hero-image,
.xp-hero {
    border: 0 !important;
    box-shadow: none !important;
}

.xp-partner {
    bottom: 18px !important;
    right: 38px !important;
}

/* Telas internas com identidade verde */
.login-section,
.dashboard-section,
.section.soft {
    background: #f4f8f5 !important;
}

.login-card,
.form-card,
.table-card,
.ticket-content,
.service-card,
.values-card,
.contact-aside,
.ticket-meta,
.stat-card {
    border-color: #dfe7e1 !important;
}

.login-card h2,
.table-card-header h2,
.ticket-content h2,
.contact-aside h2,
.values-card h3 {
    color: #071018;
}

.site-footer {
    background: #061114 !important;
}

.footer-brand,
.footer-brand span {
    color: #10a534 !important;
}

/* Formulários e painéis */
.form-card button,
.login-card button {
    box-shadow: none !important;
}

.table-card thead th {
    background: #f2f7f3 !important;
}

.table-card tbody tr:hover {
    background: #f7fbf8;
}

/* Responsividade do banner */
@media (max-width: 950px) {
    .xp-hero {
        background: #ffffff !important;
    }

    .xp-hero-image {
        background: #061012 !important;
    }

    .xp-hero-image::before {
        display: none !important;
    }

    .xp-partner {
        left: 20px !important;
        right: 20px !important;
        width: auto !important;
    }
}


/* ==========================================================
   AJUSTE FINAL DO BANNER PRINCIPAL
   Centraliza a imagem e elimina faixas pretas laterais.
   ========================================================== */

.xp-hero {
    background: #ffffff !important;
}

.xp-hero-grid {
    grid-template-columns: 49% 51% !important;
    background: #ffffff !important;
}

.xp-hero-image {
    position: relative;
    width: 100%;
    height: 430px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

.xp-hero-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    background: #ffffff !important;
}

.xp-hero-image::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0 auto 0 0;
    width: 22%;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,1) 0%,
        rgba(255,255,255,.82) 30%,
        rgba(255,255,255,0) 100%
    ) !important;
    pointer-events: none;
}

.xp-partner {
    z-index: 5 !important;
    right: 34px !important;
    bottom: 18px !important;
}

@media (max-width: 950px) {
    .xp-hero-grid {
        grid-template-columns: 1fr !important;
    }

    .xp-hero-image {
        height: 370px;
        background: #ffffff !important;
    }

    .xp-hero-image::before {
        display: none !important;
    }
}

@media (max-width: 600px) {
    .xp-hero-image {
        height: 300px;
    }

    .xp-hero-image img {
        object-position: 56% center !important;
    }

    .xp-partner {
        left: 16px !important;
        right: 16px !important;
        width: auto !important;
    }
}


/* ==========================================================
   EXAPEOPLE 2.0 — IDENTIDADE VISUAL REFINADA
   ========================================================== */

.xp-logo-image {
    width: 285px !important;
    max-height: 72px;
    object-fit: contain;
}

.footer-logo-image {
    width: 245px !important;
    padding: 6px 10px;
    border-radius: 10px;
    background: #ffffff;
}

.xp-header {
    box-shadow: 0 4px 20px rgba(0,0,0,.04);
}

.xp-budget,
.btn.primary {
    border-radius: 9px !important;
    box-shadow: 0 8px 18px rgba(16,165,52,.16);
}

.xp-service-grid article,
.service-card,
.form-card,
.login-card,
.table-card,
.ticket-content,
.stat-card,
.values-card,
.contact-aside,
.ticket-meta {
    border-radius: 16px !important;
    box-shadow: 0 12px 36px rgba(7,16,24,.06) !important;
}

.xp-service-grid article:hover,
.service-card:hover,
.stat-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 46px rgba(7,16,24,.09) !important;
}

.xp-service-grid article,
.service-card,
.stat-card {
    transition: transform .25s ease, box-shadow .25s ease;
}

.xp-hero h1,
.page-hero h1,
.dashboard-title h1,
.login-intro h1 {
    letter-spacing: -1.8px;
}

.xp-partner {
    backdrop-filter: blur(12px);
    box-shadow: 0 10px 30px rgba(0,0,0,.28);
}

.login-card h2,
.table-card-header h2,
.ticket-content h2,
.contact-aside h2,
.values-card h3 {
    font-weight: 800;
}

input,
select,
textarea {
    border-radius: 11px !important;
}

.xp-whatsapp-float {
    box-shadow: 0 10px 28px rgba(16,165,52,.35);
}

@media (max-width: 700px) {
    .xp-logo-image {
        width: 225px !important;
    }

    .footer-logo-image {
        width: 210px !important;
    }
}


/* ==========================================================
   EXAPEOPLE 3.0
   Logo maior, navegação refinada e acabamento premium.
   ========================================================== */

.xp-header {
    background: rgba(255,255,255,.98) !important;
    backdrop-filter: blur(16px);
    border-bottom: 1px solid #e8eee9 !important;
}

.xp-nav {
    min-height: 102px !important;
}

.xp-logo-image-link {
    min-width: 360px !important;
    overflow: visible !important;
}

.xp-logo-image {
    width: 350px !important;
    max-width: none !important;
    max-height: 88px !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: left center !important;
}

.xp-menu {
    gap: 28px !important;
    font-weight: 650 !important;
}

.xp-menu a {
    position: relative;
}

.xp-menu a:not(.xp-budget)::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: -8px;
    height: 2px;
    background: #10a534;
    transition: right .22s ease;
}

.xp-menu a:not(.xp-budget):hover::after,
.xp-menu a.active:not(.xp-budget)::after {
    right: 0;
}

.xp-budget {
    min-height: 48px !important;
    padding: 0 22px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.xp-hero-grid {
    min-height: 560px !important;
}

.xp-hero-image {
    height: 560px !important;
}

.xp-hero-copy {
    padding-top: 54px !important;
    padding-bottom: 50px !important;
}

.xp-hero h1 {
    font-size: clamp(43px, 4vw, 61px) !important;
    line-height: 1.04 !important;
}

.xp-hero-copy > p {
    font-size: 16px !important;
    max-width: 560px !important;
}

.xp-service-grid article {
    min-height: 275px !important;
    padding: 30px 25px !important;
}

.xp-service-grid h3 {
    font-size: 17px !important;
}

.xp-service-grid p {
    font-size: 12px !important;
    min-height: 90px !important;
}

.xp-section {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
}

.xp-title h2 {
    font-size: 34px !important;
}

.xp-differences {
    padding-top: 40px !important;
    padding-bottom: 42px !important;
}

.xp-footer {
    padding-top: 36px !important;
}

.footer-logo-image {
    width: 270px !important;
    max-height: 90px !important;
    padding: 8px 12px !important;
}

.xp-version {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 18px;
    margin-left: 7px;
    padding: 0 6px;
    color: #ffffff;
    background: #10a534;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 800;
}

.dashboard-title h1,
.page-hero h1,
.login-intro h1 {
    color: #ffffff;
}

.table-card,
.form-card,
.login-card,
.ticket-content,
.stat-card,
.service-card {
    border: 1px solid #dfe8e1 !important;
}

@media (max-width: 1100px) {
    .xp-logo-image-link {
        min-width: 285px !important;
    }

    .xp-logo-image {
        width: 285px !important;
    }

    .xp-menu {
        gap: 19px !important;
    }
}

@media (max-width: 950px) {
    .xp-nav {
        min-height: 86px !important;
    }

    .xp-logo-image-link {
        min-width: auto !important;
    }

    .xp-logo-image {
        width: 280px !important;
        max-height: 72px !important;
    }

    .xp-menu {
        top: 86px !important;
    }

    .xp-hero-grid {
        min-height: auto !important;
    }

    .xp-hero-image {
        height: 440px !important;
    }
}

@media (max-width: 600px) {
    .xp-logo-image {
        width: 230px !important;
        max-height: 64px !important;
    }

    .xp-hero-image {
        height: 320px !important;
    }

    .xp-hero h1 {
        font-size: 38px !important;
    }
}


/* ==========================================================
   EXAPEOPLE 3.1 — CLIENTES E CHAMADOS
   ========================================================== */

/* Hero mais equilibrado */
.xp-hero-grid {
    grid-template-columns: 43% 57% !important;
}

.xp-hero h1 {
    font-size: clamp(38px, 3.25vw, 50px) !important;
    line-height: 1.08 !important;
    letter-spacing: -1.4px !important;
}

.xp-hero-copy {
    padding-left: 4px !important;
    padding-right: 24px !important;
}

.xp-hero-image img {
    object-position: center center !important;
}

.admin-header-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.client-search {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto auto;
    gap: 12px;
    margin-bottom: 20px;
    padding: 18px;
    border: 1px solid #dfe8e1;
    border-radius: 15px;
    background: #ffffff;
}

.client-search input {
    margin: 0;
}

.table-subtext {
    color: #667085;
    font-size: 12px;
}

.actions-cell {
    white-space: nowrap;
}

.actions-cell a {
    margin-right: 12px;
}

.field-help {
    color: #667085;
    font-weight: 400;
}

.checkbox-label {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center;
    gap: 10px;
    padding: 14px;
    border: 1px solid #dfe8e1;
    border-radius: 11px;
    background: #f5faf6;
}

.checkbox-label input {
    width: 18px;
    height: 18px;
    margin: 0;
}

@media (max-width: 950px) {
    .xp-hero-grid {
        grid-template-columns: 1fr !important;
    }

    .xp-hero h1 {
        font-size: clamp(37px, 8vw, 49px) !important;
    }
}

@media (max-width: 650px) {
    .client-search {
        grid-template-columns: 1fr;
    }

    .admin-header-actions {
        width: 100%;
    }

    .admin-header-actions .btn {
        flex: 1;
    }
}


/* ==========================================================
   EXAPEOPLE 3.2 — CONTRATOS E BANCO DE HORAS
   ========================================================== */

.contract-layout,
.time-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
    gap: 28px;
    align-items: start;
}

.contract-summary {
    padding: 28px;
    border: 1px solid #dfe8e1;
    border-radius: 18px;
    background: #f4f9f5;
    box-shadow: 0 12px 36px rgba(7,16,24,.06);
}

.contract-kpi {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 0;
    border-bottom: 1px solid #dce6de;
}

.contract-kpi span {
    color: #667085;
    font-size: 13px;
}

.contract-kpi strong {
    color: #071018;
    font-size: 22px;
}

.contract-kpi.highlight strong {
    color: #10a534;
    font-size: 28px;
}

.hours-progress {
    height: 10px;
    margin: 22px 0 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #dfe8e1;
}

.hours-progress div {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #10a534, #087e25);
}

.entries-section {
    margin-top: 34px;
}

.client-contract-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 24px;
    padding: 25px 28px;
    border: 1px solid #dfe8e1;
    border-radius: 18px;
    background: linear-gradient(135deg, #ffffff, #f1f8f3);
}

.client-contract-card h2 {
    margin: 0 0 8px;
    color: #071018;
}

.client-contract-card p {
    margin: 0;
    color: #667085;
}

.client-contract-value {
    min-width: 190px;
    text-align: right;
}

.client-contract-value strong {
    display: block;
    color: #10a534;
    font-size: 28px;
}

.client-contract-value span {
    color: #667085;
    font-size: 12px;
}

.contract-balance-card {
    background: linear-gradient(135deg, #ffffff, #eaf8ee) !important;
}

@media (max-width: 900px) {
    .contract-layout,
    .time-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .client-contract-card {
        align-items: flex-start;
        flex-direction: column;
    }

    .client-contract-value {
        text-align: left;
    }
}


/* ==========================================================
   CORREÇÃO CENTRAL DO CLIENTE — EXAPEOPLE 3.2.1
   Corrige o texto branco sobre fundo claro na tela de login.
   ========================================================== */

.login-section {
    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f5f8f5 55%,
            #edf7ef 100%
        ) !important;
}

.login-intro {
    color: #0b1220 !important;
}

.login-intro .eyebrow {
    color: #10a534 !important;
}

.login-intro h1 {
    color: #0b1220 !important;
    font-size: clamp(42px, 5vw, 66px) !important;
    line-height: 1.04 !important;
    letter-spacing: -2px !important;
    text-shadow: none !important;
}

.login-intro h1 strong,
.login-intro h1 em,
.login-intro h1 span {
    color: #10a534 !important;
}

.login-intro p {
    color: #4b5563 !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
}

.demo-box {
    color: #0b1220 !important;
    background: #ffffff !important;
    border-left: 4px solid #10a534 !important;
    box-shadow: 0 12px 35px rgba(7, 16, 24, .06);
}

.demo-box strong {
    color: #087e25 !important;
}

.demo-box p {
    color: #4b5563 !important;
}

/* Garante que nenhuma regra branca do hero interno sobrescreva a tela */
.login-section h1,
.login-section h2,
.login-section h3 {
    text-shadow: none !important;
}

@media (max-width: 700px) {
    .login-intro h1 {
        font-size: 42px !important;
    }
}


/* ==========================================================
   EXAPEOPLE 4.0 — PLATFORM
   ========================================================== */
.platform-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-bottom:28px;
}
.platform-card{
    display:flex;
    flex-direction:column;
    gap:6px;
    min-height:130px;
    padding:24px;
    border:1px solid #dfe8e1;
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 30px rgba(7,16,24,.05);
}
.platform-card:hover{transform:translateY(-3px);border-color:#10a534}
.platform-card b{font-size:19px;color:#087e25}
.platform-card span{color:#667085;font-size:13px}
.executive-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.kanban-grid{display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));gap:16px;overflow-x:auto;padding-bottom:10px}
.kanban-column{min-height:430px;padding:16px;border-radius:16px;background:#eef5f0}
.kanban-column h2{margin:0 0 14px;font-size:15px;color:#087e25}
.kanban-card{display:flex;flex-direction:column;gap:7px;margin-bottom:12px;padding:15px;border:1px solid #dfe8e1;border-radius:13px;background:#fff}
.kanban-card span{font-size:12px;color:#667085}.kanban-card b{color:#10a534}.kanban-card a{font-size:12px;color:#087e25;font-weight:800}
.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.knowledge-card,.knowledge-content{padding:26px;border:1px solid #dfe8e1;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(7,16,24,.05)}
.knowledge-card span{font-size:11px;color:#10a534;font-weight:800;text-transform:uppercase}
.knowledge-card h2{font-size:20px}.knowledge-card p{color:#667085}.knowledge-card a{color:#087e25;font-weight:800}
.knowledge-content{font-size:16px;line-height:1.8}
@media(max-width:1000px){
    .platform-grid{grid-template-columns:repeat(2,1fr)}
    .executive-grid{grid-template-columns:1fr}
    .knowledge-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
    .platform-grid,.knowledge-grid{grid-template-columns:1fr}
}


/* ==========================================================
   EXAPEOPLE 4.1 — ATENDENTES E PAGAMENTOS
   ========================================================== */

.work-entry-box {
    margin: 24px 0;
    padding: 22px;
    border: 1px solid #cfe5d4;
    border-radius: 16px;
    background: linear-gradient(135deg, #f7fcf8, #edf8f0);
}

.work-entry-box .eyebrow {
    margin-bottom: 18px;
}

.payroll-filter {
    grid-template-columns: minmax(220px, 1fr) 180px 180px auto;
}

.ticket-hours-list {
    display: grid;
    gap: 12px;
}

.ticket-hours-list > div {
    display: grid;
    grid-template-columns: 90px 1fr auto;
    gap: 14px;
    align-items: center;
    padding: 14px;
    border: 1px solid #dfe8e1;
    border-radius: 12px;
    background: #f7fbf8;
}

.ticket-hours-list strong {
    color: #10a534;
    font-size: 18px;
}

.ticket-hours-list span {
    color: #172033;
}

.ticket-hours-list small {
    color: #667085;
}

@media (max-width: 760px) {
    .payroll-filter {
        grid-template-columns: 1fr;
    }

    .ticket-hours-list > div {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================
   EXAPEOPLE 4.2 — FATURAMENTO MENSAL
   ========================================================== */

.billing-filter {
    grid-template-columns: minmax(240px, 340px) auto;
    align-items: end;
}

.billing-filter label {
    margin: 0;
}

.billing-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
    gap: 28px;
    align-items: start;
}

.billing-breakdown {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 24px;
}

.billing-breakdown > div {
    padding: 16px;
    border: 1px solid #dfe8e1;
    border-radius: 12px;
    background: #f7fbf8;
}

.billing-breakdown span {
    display: block;
    color: #667085;
    font-size: 11px;
}

.billing-breakdown strong {
    display: block;
    margin-top: 5px;
    color: #071018;
}

.billing-total-card {
    padding: 30px;
    border: 1px solid #cfe5d4;
    border-radius: 20px;
    background: linear-gradient(135deg, #f8fcf9, #eaf7ed);
    box-shadow: 0 14px 38px rgba(7,16,24,.07);
}

.billing-total-card > strong {
    display: block;
    margin: 8px 0 16px;
    color: #10a534;
    font-size: 38px;
}

.billing-total-card p {
    color: #667085;
    line-height: 1.7;
}

@media (max-width: 900px) {
    .billing-detail-grid {
        grid-template-columns: 1fr;
    }

    .billing-breakdown {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 650px) {
    .billing-filter,
    .billing-breakdown {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================
   EXAPEOPLE 4.2.1 — MENU ADMINISTRATIVO COMPLETO
   ========================================================== */

.admin-module-nav {
    position: sticky;
    top: 102px;
    z-index: 70;
    border-bottom: 1px solid #dce7df;
    background: #071a10;
    box-shadow: 0 8px 22px rgba(7, 16, 24, .08);
}

.admin-module-nav-inner {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    padding-top: 9px;
    padding-bottom: 9px;
    scrollbar-width: thin;
}

.admin-module-nav a {
    flex: 0 0 auto;
    padding: 9px 13px;
    border-radius: 8px;
    color: #e7f4e9;
    font-size: 12px;
    font-weight: 750;
    white-space: nowrap;
}

.admin-module-nav a:hover {
    color: #ffffff;
    background: #10a534;
}

.admin-complete-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.admin-complete-grid .platform-card {
    min-height: 155px;
    justify-content: flex-start;
}

.platform-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 7px;
    border-radius: 12px;
    background: #eaf8ee;
    color: #087e25;
    font-size: 21px;
}

@media (max-width: 1100px) {
    .admin-module-nav {
        top: 86px;
    }

    .admin-complete-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 800px) {
    .admin-complete-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    .admin-module-nav {
        top: 86px;
    }

    .admin-complete-grid {
        grid-template-columns: 1fr !important;
    }
}


/* ==========================================================
   EXAPEOPLE 4.3 — ACESSOS E CENTRAL DO ATENDENTE
   ========================================================== */

.xp-access-link {
    color: #087e25 !important;
    font-weight: 750 !important;
}

.xp-access-section {
    padding: 44px 0;
    background: #f5f9f6;
}

.xp-access-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.xp-access-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 210px;
    padding: 28px;
    text-align: center;
    border: 1px solid #dfe8e1;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 12px 34px rgba(7,16,24,.05);
}

.xp-access-card:hover {
    transform: translateY(-4px);
    border-color: #10a534;
}

.xp-access-icon {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    margin-bottom: 14px;
    border-radius: 16px;
    background: #eaf8ee;
    font-size: 27px;
}

.xp-access-card strong {
    color: #071018;
    font-size: 20px;
}

.xp-access-card p {
    color: #667085;
    font-size: 13px;
}

.attendant-header {
    background: linear-gradient(120deg, #071018, #0b5a27) !important;
}

.attendant-login-section {
    background: linear-gradient(135deg, #ffffff, #edf8f0) !important;
}

@media (max-width: 850px) {
    .xp-access-grid {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================
   EXAPEOPLE 4.3.1 — ACESSOS CORRIGIDOS
   ========================================================== */

.xp-role-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap;
}

.xp-role-button.client {
    color: #087e25 !important;
    border: 1px solid #10a534 !important;
    background: #ffffff !important;
}

.xp-role-button.admin {
    color: #ffffff !important;
    border: 1px solid #071018 !important;
    background: #071018 !important;
}

.xp-role-button.attendant {
    color: #ffffff !important;
    border: 1px solid #10a534 !important;
    background: #10a534 !important;
}

.xp-role-button:hover {
    transform: translateY(-2px);
}

.xp-access-section {
    display: block !important;
    padding: 68px 0 !important;
    background: linear-gradient(180deg, #f5f9f6 0%, #ffffff 100%) !important;
}

.xp-access-subtitle {
    margin: 8px 0 0;
    color: #667085;
    font-size: 14px;
}

.xp-access-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

.xp-access-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 260px !important;
    padding: 34px 28px !important;
    text-align: center !important;
    border: 1px solid #dfe8e1 !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 36px rgba(7,16,24,.07) !important;
}

.xp-access-card:hover {
    transform: translateY(-5px) !important;
    border-color: #10a534 !important;
}

.xp-access-icon {
    display: grid !important;
    place-items: center !important;
    width: 64px !important;
    height: 64px !important;
    margin-bottom: 18px !important;
    border-radius: 18px !important;
    background: #eaf8ee !important;
    font-size: 30px !important;
}

.xp-access-card strong {
    color: #071018 !important;
    font-size: 22px !important;
}

.xp-access-card p {
    margin: 12px 0 20px !important;
    color: #667085 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.xp-access-cta {
    margin-top: auto;
    color: #087e25;
    font-size: 13px;
    font-weight: 800;
}

.admin-card .xp-access-icon {
    background: #eef0f1 !important;
}

.attendant-card .xp-access-icon {
    background: #eaf8ee !important;
}

@media (max-width: 1100px) {
    .xp-menu {
        gap: 14px !important;
    }

    .xp-role-button {
        padding: 0 10px !important;
        font-size: 11px !important;
    }
}

@media (max-width: 950px) {
    .xp-access-grid {
        grid-template-columns: 1fr !important;
    }

    .xp-role-button {
        width: 100%;
    }
}


/* ==========================================================
   EXAPEOPLE 4.3.2 — FECHAMENTO E ABATIMENTO DE HORAS
   ========================================================== */

.closed-hours-alert {
    display: grid;
    gap: 7px;
    margin: 16px 0 22px;
    padding: 18px;
    border: 1px solid #aee4bb;
    border-radius: 14px;
    background: linear-gradient(135deg, #effaf2, #e5f7e9);
}

.closed-hours-alert strong {
    color: #087e25;
    font-size: 15px;
}

.closed-hours-alert > span {
    color: #10a534;
    font-size: 24px;
    font-weight: 900;
}

.closed-hours-alert p {
    margin: 0;
    color: #344054;
}

.closed-hours-alert small {
    color: #667085;
}

.closed-hours-alert.admin-view,
.closed-hours-alert.client-view {
    margin-top: 0;
}


/* ==========================================================
   EXAPEOPLE 4.3.3 — FATURAMENTO AUTOMÁTICO NO FECHAMENTO
   ========================================================== */

.billing-mini-label {
    display: block;
    margin-bottom: 3px;
    color: #087e25 !important;
    font-size: 11px !important;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
}


/* ==========================================================
   EXAPEOPLE 4.3.4 — FILTRO EXCLUSIVO POR ATENDENTE
   ========================================================== */

.attendant-filter-notice {
    margin-bottom: 20px;
    padding: 15px 18px;
    border: 1px solid #b7e2c0;
    border-left: 5px solid #10a534;
    border-radius: 12px;
    background: #f0faf2;
    color: #344054;
}

.attendant-filter-notice strong {
    color: #087e25;
}


/* ==========================================================
   EXAPEOPLE 4.4 — CONTRATOS DE SUPORTE
   ========================================================== */

.contract-meta-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-bottom: 18px;
}

.contract-meta-list > div {
    padding: 13px;
    border: 1px solid #dfe8e1;
    border-radius: 11px;
    background: #ffffff;
}

.contract-meta-list span {
    display: block;
    color: #667085;
    font-size: 10px;
    text-transform: uppercase;
}

.contract-meta-list strong {
    display: block;
    margin-top: 4px;
    color: #087e25;
}

.contract-details-line {
    margin-bottom: 7px !important;
}

@media (max-width: 650px) {
    .contract-meta-list {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================
   EXAPEOPLE 4.4.1 PROFESSIONAL — LOGIN CORPORATIVO
   ========================================================== */

.professional-login-info {
    margin-top: 30px;
    padding: 22px;
    border: 1px solid #dfe8e1;
    border-left: 5px solid #10a534;
    border-radius: 14px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 12px 32px rgba(7,16,24,.05);
}

.professional-login-info strong {
    display: block;
    margin-bottom: 8px;
    color: #087e25;
    font-size: 16px;
}

.professional-login-info p {
    margin: 5px 0;
    color: #4b5563 !important;
    font-size: 13px !important;
}

.forgot-link {
    display: block;
    margin-top: 16px;
    text-align: center;
    color: #087e25;
    font-size: 13px;
    font-weight: 750;
}

.forgot-link:hover {
    color: #10a534;
}

.login-card {
    position: relative;
    overflow: hidden;
}

.login-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 5px;
    background: linear-gradient(90deg, #087e25, #10a534);
}

.login-card h2 {
    margin-bottom: 24px;
    color: #071018;
}

.xp-version {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 0 8px;
    margin-left: 8px;
    border-radius: 999px;
    background: #10a534;
    color: #ffffff;
    font-size: 8px;
    font-weight: 800;
}

/* ExaPeople 5.2 */
.kanban-board{display:grid;grid-template-columns:repeat(7,minmax(260px,1fr));gap:16px;overflow-x:auto;padding-bottom:18px}.kanban-column{background:#eef3f8;border:1px solid #dce5ee;border-radius:16px;min-height:520px}.kanban-column header{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid #dce5ee}.kanban-column header span{background:#fff;border-radius:20px;padding:2px 9px}.kanban-dropzone{padding:12px;min-height:450px}.kanban-card{background:#fff;border:1px solid #dce5ee;border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:0 6px 18px rgba(17,37,63,.06);cursor:grab}.kanban-card.dragging{opacity:.45}.kanban-card-top,.kanban-meta{display:flex;justify-content:space-between;gap:10px}.kanban-card h3{font-size:15px;margin:12px 0 6px}.kanban-card p,.kanban-meta{font-size:12px;color:#65758b}.two-column-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.form-card,.table-card{margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:flex;flex-direction:column;gap:6px}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:11px;border:1px solid #ced9e5;border-radius:9px}.command-center{min-height:calc(100vh - 110px);background:#07182b;color:#fff;padding:42px 0}.command-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.command-head span{letter-spacing:.16em;color:#77a8df}.command-head h1{font-size:42px;margin:5px 0}.live-pill{background:#102b47;padding:10px 14px;border-radius:30px}.live-pill i{display:inline-block;width:9px;height:9px;background:#3ee08f;border-radius:50%;margin-right:8px}.command-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.command-kpis article{background:#0d263f;border:1px solid #1e4265;border-radius:16px;padding:20px}.command-kpis article span{display:block;color:#96abc0;font-size:13px}.command-kpis strong{display:block;font-size:26px;margin-top:10px}.command-kpis .critical{border-color:#8c3142}.command-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:22px}.command-grid>section{background:#0d263f;border:1px solid #1e4265;border-radius:16px;padding:20px}.command-ticket{display:flex;justify-content:space-between;align-items:center;color:#fff;text-decoration:none;padding:14px 0;border-bottom:1px solid #1e4265}.command-ticket div span{display:block;color:#96abc0;margin-top:5px}.command-actions{display:grid;gap:10px}.command-actions a{background:#153755;color:#fff;text-decoration:none;padding:14px;border-radius:10px}@media(max-width:900px){.two-column-grid,.command-grid{grid-template-columns:1fr}.command-kpis{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}

/* ==========================================================
   EXAPEOPLE 5.2.1 — MENU ADMINISTRATIVO LATERAL
   ========================================================== */
body.admin-layout{background:#f5f7fa;padding-left:252px;min-height:100vh}
body.admin-layout .xp-header{display:none}
body.admin-layout main{min-height:calc(100vh - 46px)}
body.admin-layout > .flash{margin-left:24px;margin-right:24px}
.admin-module-nav{display:none!important}
.admin-sidebar{position:fixed;inset:0 auto 0 0;width:252px;z-index:1100;display:flex;flex-direction:column;background:linear-gradient(180deg,#03261c 0%,#051d19 55%,#061b18 100%);color:#fff;border-right:1px solid rgba(255,255,255,.08);box-shadow:8px 0 30px rgba(5,24,20,.12)}
.admin-sidebar-brand{height:84px;display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.1)}
.admin-sidebar-brand img{display:block;max-width:188px;max-height:55px;object-fit:contain;filter:brightness(0) invert(1)}
.admin-sidebar-label{padding:18px 20px 8px;color:#31d676;font-size:10px;font-weight:900;letter-spacing:.08em}
.admin-sidebar-nav{padding:0 10px 16px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#1d6b4b transparent}
.admin-sidebar-nav a{display:flex;align-items:center;gap:12px;min-height:43px;margin:2px 0;padding:8px 12px;border-radius:9px;color:#f1f7f4;text-decoration:none;font-size:13px;font-weight:650;transition:.2s ease}
.admin-sidebar-nav a:hover{background:rgba(255,255,255,.08);transform:translateX(2px)}
.admin-sidebar-nav a.active{background:linear-gradient(90deg,#07853a,#0aa64a);box-shadow:0 8px 20px rgba(0,142,66,.24)}
.admin-sidebar-icon{width:20px;text-align:center;font-size:17px;line-height:1}
.admin-sidebar-text{flex:1;white-space:nowrap}
.admin-sidebar-nav small{padding:3px 7px;border-radius:999px;background:#ef7d00;color:#fff;font-size:9px;font-weight:900}
.admin-sidebar-user{margin-top:auto;display:flex;align-items:center;gap:10px;padding:16px 18px;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.08)}
.admin-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#07853a;font-weight:900}
.admin-sidebar-user>span:last-child{min-width:0;display:flex;flex-direction:column}
.admin-sidebar-user strong{font-size:12px}.admin-sidebar-user small{overflow:hidden;text-overflow:ellipsis;color:#b7c8c2;font-size:9px}.admin-sidebar-user em{margin-top:3px;color:#24d56d;font-size:9px;font-style:normal}
.admin-sidebar-toggle{display:none;position:fixed;top:12px;left:12px;z-index:1200;width:42px;height:42px;border:0;border-radius:10px;background:#073328;color:#fff;font-size:21px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.admin-sidebar-overlay{display:none}
.admin-compact-footer{display:flex;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 24px;color:#4b5a55;background:#fff;border-top:1px solid #e1e8e4;font-size:11px}
.admin-compact-footer strong,.admin-compact-footer span{color:#07853a}.admin-compact-footer span{margin-left:auto}
body.admin-layout .dashboard-header,body.admin-layout .section{padding-left:20px;padding-right:20px}
body.admin-layout .container{width:min(100%,1480px);max-width:none}
@media(max-width:980px){body.admin-layout{padding-left:0;padding-top:62px}.admin-sidebar{transform:translateX(-105%);transition:transform .25s ease}.admin-sidebar.open{transform:translateX(0)}.admin-sidebar-toggle{display:block}.admin-sidebar-overlay{position:fixed;inset:0;z-index:1050;background:rgba(2,18,14,.55)}.admin-sidebar-overlay.open{display:block}.admin-compact-footer span{display:none}}

/* 5.2.3 — Portais separados por perfil */
body.portal-client .admin-sidebar{background:linear-gradient(180deg,#07355f 0%,#082b4a 55%,#071f36 100%)}
body.portal-client .admin-sidebar-label{color:#67b7ff}
body.portal-client .admin-sidebar-nav a.active{background:linear-gradient(90deg,#0968bd,#1387e8)}
body.portal-attendant .admin-sidebar{background:linear-gradient(180deg,#26304b 0%,#1d263e 58%,#171f34 100%)}
body.portal-attendant .admin-sidebar-label{color:#9db8ff}
body.portal-attendant .admin-sidebar-nav a.active{background:linear-gradient(90deg,#4c61b8,#647ce0)}
body.portal-client .dashboard-header,body.portal-attendant .dashboard-header{margin-top:0}


/* Newsletter 5.3 */
.xp-newsletter-form{margin-top:14px}.newsletter-consent{display:flex;gap:8px;align-items:flex-start;margin-top:10px;font-size:.78rem;line-height:1.35;color:rgba(255,255,255,.75)}.newsletter-consent input{margin-top:2px}.newsletter-hp{position:absolute!important;left:-9999px!important;opacity:0!important}.newsletter-feedback{padding:10px 12px;border-radius:10px;margin:10px 0;font-size:.82rem}.newsletter-feedback.success{background:rgba(24,182,108,.18);color:#b9f6d7}.newsletter-feedback.error{background:rgba(230,76,76,.18);color:#ffd0d0}.newsletter-stats{margin-bottom:22px}.newsletter-admin-card{padding:20px}.newsletter-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.newsletter-filters input{min-width:260px;flex:1}.newsletter-filters input,.newsletter-filters select{padding:11px 12px;border:1px solid #dfe5e9;border-radius:9px;background:#fff}.table-subtext{display:block;color:#7c8891;margin-top:3px}.inline-actions{display:flex;gap:12px;flex-wrap:wrap}.inline-actions form{margin:0}.link-button{background:none;border:0;padding:0;color:#0b8f59;font:inherit;cursor:pointer;text-decoration:underline}

/* ExaPeople 5.3.1 — centralização das mensagens nos portais com menu lateral */
body.admin-layout > .flash {
    z-index: 1300;
    left: calc(50% + 126px);
    width: min(560px, calc(100vw - 300px));
    min-width: 0;
    max-width: 560px;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
}

@media (max-width: 980px) {
    body.admin-layout > .flash {
        top: 72px;
        left: 50%;
        width: calc(100vw - 32px);
        max-width: 560px;
    }
}


/* ExaPeople 5.4.0 — campo memo preparado para migração */
.memo-field{min-height:180px;resize:vertical;line-height:1.55;font-family:inherit;}
.memo-field:disabled{background:#f4f7fa;color:#6b7280;cursor:not-allowed;}

/* ExaPeople 5.4.2 — Landing page comercial */
.lp-hero{padding:88px 0 70px;background:radial-gradient(circle at 80% 15%,rgba(17,172,92,.22),transparent 34%),linear-gradient(135deg,#042d22 0%,#07583a 58%,#0a7f4b 100%);color:#fff;overflow:hidden}.lp-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.lp-badge{display:inline-block;padding:8px 13px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);font-size:11px;font-weight:900;letter-spacing:.14em}.lp-hero h1{max-width:720px;margin:22px 0 20px;font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-.045em}.lp-hero p{max-width:650px;color:rgba(255,255,255,.82);font-size:19px;line-height:1.65}.lp-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.lp-hero .xp-btn.outline,.lp-final-cta .xp-btn.outline{border-color:rgba(255,255,255,.65);color:#fff}.lp-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:27px;color:#d8f7e7;font-size:13px;font-weight:700}.lp-product-card{position:relative;padding:12px;border-radius:22px;background:rgba(255,255,255,.12);box-shadow:0 32px 70px rgba(0,0,0,.28);transform:rotate(1deg)}.lp-product-card img{display:block;width:100%;border-radius:0 0 15px 15px}.lp-window-bar{display:flex;align-items:center;gap:7px;padding:10px 12px;background:#f5f7f8;color:#55616a;border-radius:15px 15px 0 0;font-size:12px}.lp-window-bar i{width:9px;height:9px;border-radius:50%;background:#c4cbd0}.lp-window-bar strong{margin-left:7px}.lp-floating-stat{position:absolute;right:-18px;bottom:28px;min-width:145px;padding:16px 18px;border-radius:15px;background:#fff;color:#123026;box-shadow:0 16px 38px rgba(0,0,0,.2)}.lp-floating-stat small{display:block;color:#6f7d77}.lp-floating-stat strong{display:block;margin-top:3px;color:#0a9f56;font-size:30px}.lp-strip{padding:22px 0;background:#071e19;color:#fff}.lp-strip .xp-container{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.lp-strip span{color:#80a197}.lp-strip strong{font-size:13px;letter-spacing:.04em}.lp-section .xp-title p{max-width:700px;margin:12px auto 0;color:#66756f}.lp-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.lp-feature-grid article{padding:28px;border:1px solid #dde8e2;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,55,40,.06)}.lp-feature-grid b{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#e9f8f0;color:#079653;font-size:13px}.lp-feature-grid h3{margin:18px 0 9px}.lp-feature-grid p{color:#68766f;line-height:1.6}.lp-platform{padding:82px 0;background:#f1f7f4}.lp-platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.lp-platform h2{font-size:clamp(34px,4vw,52px);line-height:1.1}.lp-platform p,.lp-platform li{color:#62736b;line-height:1.7}.lp-platform ul{padding-left:20px;margin:24px 0}.lp-role-stack{display:grid;gap:16px}.lp-role-stack div{display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto;padding:22px;border-radius:17px;background:#fff;box-shadow:0 12px 30px rgba(17,55,42,.08)}.lp-role-stack span{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e8f7ef;font-size:22px}.lp-role-stack strong{font-size:17px}.lp-role-stack small{color:#738079}.lp-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px;align-items:stretch}.lp-pricing-grid article{position:relative;padding:32px;border:1px solid #dce7e1;border-radius:20px;background:#fff}.lp-pricing-grid article>span{color:#078f50;font-size:11px;font-weight:900;letter-spacing:.15em}.lp-pricing-grid h3{font-size:25px;margin:12px 0}.lp-pricing-grid p,.lp-pricing-grid li{color:#66746e;line-height:1.6}.lp-pricing-grid ul{padding-left:19px;min-height:145px}.lp-pricing-grid a{display:block;margin-top:22px;padding:13px;border-radius:10px;background:#ecf8f2;color:#087f49;text-align:center;text-decoration:none;font-weight:800}.lp-pricing-grid .featured{border:2px solid #0aa55c;box-shadow:0 20px 45px rgba(10,165,92,.14);transform:translateY(-10px)}.lp-pricing-grid .featured>a{background:#079653;color:#fff}.lp-pricing-grid em{position:absolute;top:-14px;right:18px;padding:7px 11px;border-radius:999px;background:#ff8b18;color:#fff;font-size:9px;font-style:normal;font-weight:900}.lp-final-cta{padding:70px 0;background:linear-gradient(135deg,#063127,#07894d);color:#fff}.lp-final-cta .xp-container{display:flex;justify-content:space-between;align-items:center;gap:40px}.lp-final-cta span{font-size:11px;font-weight:900;letter-spacing:.13em;color:#aaf1cc}.lp-final-cta h2{margin:10px 0;font-size:40px}.lp-final-cta p{max-width:720px;color:rgba(255,255,255,.78)}
@media(max-width:950px){.lp-hero-grid,.lp-platform-grid{grid-template-columns:1fr}.lp-product-card{max-width:720px}.lp-feature-grid,.lp-pricing-grid{grid-template-columns:1fr 1fr}.lp-final-cta .xp-container{display:block}.lp-pricing-grid .featured{transform:none}}
@media(max-width:650px){.lp-hero{padding-top:58px}.lp-feature-grid,.lp-pricing-grid{grid-template-columns:1fr}.lp-hero h1{font-size:42px}.lp-floating-stat{right:8px;bottom:12px}.lp-final-cta h2{font-size:32px}}


/* ExaPeople 5.4.3 — Painel Executivo real */
:root{--chart-1:#10a858;--chart-2:#1677d2;--chart-3:#f59e0b;--chart-4:#ef4444;--chart-5:#7c3aed}
.executive-head{padding-bottom:18px}.executive-banner{min-height:135px;border-radius:14px;padding:30px 34px;display:flex;align-items:center;margin-bottom:18px;background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.12)),url('../images/hero-exapeople.png') center/cover;box-shadow:0 8px 24px rgba(13,52,37,.1)}.executive-banner strong{font-size:22px;color:#07964e}.executive-banner strong i{color:#277fd1;font-style:normal}.executive-banner p{max-width:460px;color:#33443e}.executive-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.executive-kpis article{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e3ece8;border-radius:12px;padding:16px;box-shadow:0 5px 16px rgba(16,49,36,.05)}.executive-kpis small{display:block;color:#708079;font-size:11px}.executive-kpis strong{display:block;margin-top:4px;font-size:18px;color:#16382b}.kpi-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e9f8f0;color:#07964e;font-weight:800}.executive-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:16px;margin-bottom:20px}.executive-card{background:#fff;border:1px solid #e2ebe7;border-radius:13px;padding:18px;min-height:275px}.executive-card.wide{grid-row:span 2}.executive-card header h2{font-size:15px;margin:0 0 18px;color:#24372f}.bar-chart{height:235px}.bar-legend{display:flex;gap:18px;justify-content:flex-end;font-size:10px;color:#65736d}.bar-legend span:before{content:'';display:inline-block;width:9px;height:9px;margin-right:5px;background:var(--chart-1);border-radius:2px}.bar-legend span+span:before{background:var(--chart-4)}.bar-columns{height:190px;border-bottom:1px solid #d8e3de;display:flex;align-items:end;justify-content:space-around;gap:12px;padding:12px}.bar-month{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;text-align:center}.bars{height:160px;display:flex;gap:5px;align-items:end;justify-content:center}.bars i,.bars b{display:block;width:18px;min-height:3px;border-radius:4px 4px 0 0;background:var(--chart-1)}.bars b{background:var(--chart-4)}.bar-month small{padding-top:7px;font-size:10px}.donut-wrap{display:flex;align-items:center;gap:20px}.donut{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;position:relative}.donut:after{content:'';position:absolute;width:76px;height:76px;border-radius:50%;background:#fff}.donut span{z-index:1;font-size:21px;font-weight:800;color:#234438}.chart-list{display:grid;gap:8px;flex:1}.chart-list span{font-size:11px;display:flex;align-items:center;gap:6px}.chart-list span b{margin-left:auto}.dot{width:8px;height:8px;border-radius:50%;background:var(--chart-1)}.dot.d2{background:var(--chart-2)}.dot.d3{background:var(--chart-3)}.dot.d4{background:var(--chart-4)}.dot.d5{background:var(--chart-5)}.horizontal-bars{display:grid;gap:14px}.horizontal-bars span{display:flex;font-size:11px;justify-content:space-between}.horizontal-bars i{display:block;height:7px;background:#ecf2ef;border-radius:8px;overflow:hidden;margin-top:5px}.horizontal-bars em{display:block;height:100%;background:linear-gradient(90deg,#0c9b51,#32c778);border-radius:8px}@media(max-width:900px){.executive-kpis{grid-template-columns:repeat(2,1fr)}.executive-grid{grid-template-columns:1fr}.executive-card.wide{grid-row:auto}}@media(max-width:540px){.executive-kpis{grid-template-columns:1fr}.executive-banner{padding:22px}.donut-wrap{flex-direction:column}}

/* Botão do WhatsApp da landing page — contraste corrigido */
.lp-hero .whatsapp-button,
.lp-final-cta .whatsapp-button {
  background:#25d366;
  color:#ffffff;
  border:1px solid #25d366;
  box-shadow:0 8px 20px rgba(0,0,0,.16);
}
.lp-hero .whatsapp-button:hover,
.lp-final-cta .whatsapp-button:hover {
  background:#1ebe5d;
  border-color:#1ebe5d;
  color:#ffffff;
  transform:translateY(-1px);
}
.whatsapp-button span {
  display:inline-block;
  margin-right:8px;
  font-size:18px;
  line-height:1;
}

/* ExaPeople 5.5.0 — Workspace profissional */
.workspace-hero{padding:38px 20px 30px;background:linear-gradient(135deg,#06382c,#087b4b);color:#fff}.workspace-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.workspace-hero h1{margin:7px 0 8px;font-size:38px}.workspace-hero p{max-width:720px;margin:0;color:rgba(255,255,255,.78)}.workspace-actions{display:flex;align-items:center;gap:10px}.workspace-icon-btn{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.1);color:#fff;text-decoration:none;font-size:18px;cursor:pointer}.workspace-icon-btn small{position:absolute;right:-4px;top:-4px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#f97316;color:#fff;font-size:9px}.workspace-section{background:#f2f6f4}.workspace-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:-54px;position:relative}.workspace-kpis article{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid #e1ebe6;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(10,48,34,.08)}.workspace-kpis article>span{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#e9f8f0;font-size:21px}.workspace-kpis strong{display:block;font-size:22px;color:#16392b}.workspace-kpis small{color:#718078}.workspace-heading{display:flex;align-items:end;justify-content:space-between;margin:34px 0 18px}.workspace-heading span,.workspace-panel header span{font-size:10px;letter-spacing:.14em;font-weight:900;color:#0a9954}.workspace-heading h2,.workspace-panel h2{margin:5px 0 0;color:#17372b}.workspace-heading a,.workspace-panel header a{font-size:12px;color:#07894c;text-decoration:none;font-weight:800}.workspace-modules{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.workspace-module{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:13px;min-height:112px;padding:19px;border:1px solid #e0e9e5;border-radius:16px;background:#fff;color:#17352a;text-decoration:none;transition:.2s;box-shadow:0 7px 22px rgba(16,53,39,.05)}.workspace-module:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(16,53,39,.1)}.workspace-module i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eaf8f1;font-style:normal;font-size:22px}.workspace-module strong,.workspace-module span{display:block}.workspace-module span{margin-top:5px;color:#718078;font-size:11px;line-height:1.4}.workspace-module b{color:#99aaa2}.workspace-module.blue i{background:#eaf3ff}.workspace-module.violet i{background:#f2ecff}.workspace-module.orange i{background:#fff1df}.workspace-module.cyan i{background:#e5f8fa}.workspace-module.pink i{background:#ffedf4}.workspace-module.teal i{background:#e6f8f3}.workspace-module.indigo i{background:#edf0ff}.workspace-content-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:18px;margin-top:24px}.workspace-side-stack{display:grid;gap:18px}.workspace-panel{padding:20px;border:1px solid #e0e9e5;border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(16,53,39,.05)}.workspace-panel header{display:flex;justify-content:space-between;align-items:end;padding-bottom:15px;border-bottom:1px solid #edf2ef}.workspace-ticket-list>a{display:grid;grid-template-columns:78px 1fr auto;gap:12px;align-items:center;padding:15px 2px;border-bottom:1px solid #edf2ef;text-decoration:none;color:#1d392e}.workspace-ticket-list>a:last-child{border-bottom:0}.workspace-ticket-number{font-size:11px;font-weight:900;color:#0a9552}.workspace-ticket-list strong,.workspace-ticket-list small{display:block}.workspace-ticket-list small{margin-top:4px;color:#77847e;font-size:10px}.workspace-ticket-list em{font-style:normal}.workspace-notifications{display:grid}.workspace-notifications a{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;padding:13px 2px;border-bottom:1px solid #edf2ef;color:#43554e;text-decoration:none;font-size:12px}.workspace-notifications a:last-child{border-bottom:0}.workspace-notifications i{width:8px;height:8px;border-radius:50%;background:#16a34a}.workspace-notifications .warning i{background:#f59e0b}.workspace-notifications .danger i{background:#ef4444}.workspace-agenda a{display:grid;grid-template-columns:52px 1fr;gap:10px;padding:12px 2px;border-bottom:1px solid #edf2ef;text-decoration:none}.workspace-agenda time{color:#078c4d;font-size:12px;font-weight:900}.workspace-agenda strong,.workspace-agenda small{display:block;color:#263d34}.workspace-agenda small{color:#7a8781;font-size:10px;margin-top:3px}.workspace-empty{padding:34px 5px;color:#7a8781;text-align:center}.workspace-empty.compact{padding:25px 5px}
body.theme-dark{background:#101815;color:#e5eee9}body.theme-dark .workspace-section{background:#101815}body.theme-dark .workspace-kpis article,body.theme-dark .workspace-module,body.theme-dark .workspace-panel,body.theme-dark .executive-card,body.theme-dark .table-card{background:#18231f;border-color:#293730;color:#e5eee9}body.theme-dark .workspace-kpis strong,body.theme-dark .workspace-heading h2,body.theme-dark .workspace-panel h2,body.theme-dark .workspace-module{color:#eaf2ee}body.theme-dark .workspace-module span,body.theme-dark .workspace-ticket-list small,body.theme-dark .workspace-empty{color:#95a69e}body.theme-dark .workspace-ticket-list>a,body.theme-dark .workspace-notifications a{color:#d4e0da;border-color:#2a3832}body.theme-dark .workspace-panel header,body.theme-dark .workspace-agenda a{border-color:#2a3832}
@media(max-width:1100px){.workspace-modules{grid-template-columns:repeat(2,1fr)}.workspace-kpis{grid-template-columns:repeat(2,1fr)}.workspace-content-grid{grid-template-columns:1fr}}@media(max-width:680px){.workspace-hero-inner{display:block}.workspace-actions{margin-top:20px;flex-wrap:wrap}.workspace-kpis{grid-template-columns:1fr;margin-top:-32px}.workspace-modules{grid-template-columns:1fr}.workspace-ticket-list>a{grid-template-columns:65px 1fr}.workspace-ticket-list em{grid-column:2}.workspace-hero h1{font-size:31px}}


/* Portal do Cliente como benefício exclusivo - v5.5.1 */
.xp-client-portal-showcase{background:linear-gradient(135deg,#f4fbff 0%,#eefaf6 100%);overflow:hidden}
.xp-client-portal-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.xp-client-portal-copy h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.08;margin:12px 0 20px;color:#12314a}
.xp-client-portal-lead{font-size:1.2rem;line-height:1.65;color:#163f55}
.xp-client-portal-features{display:grid;grid-template-columns:1fr 1fr;gap:13px 22px;margin:28px 0}
.xp-client-portal-features div{display:flex;gap:10px;align-items:flex-start;color:#34546a}
.xp-client-portal-features b{display:grid;place-items:center;min-width:23px;height:23px;border-radius:50%;background:#19a974;color:#fff}
.xp-client-portal-visual{position:relative}
.xp-portal-preview-window{background:#fff;border-radius:20px;padding:10px;box-shadow:0 28px 70px rgba(16,54,78,.18);border:1px solid rgba(24,137,168,.12)}
.xp-portal-preview-window img{width:100%;display:block;border-radius:12px}
.xp-portal-preview-bar{display:flex;gap:6px;align-items:center;padding:7px 8px 13px;color:#486274;font-size:.8rem}
.xp-portal-preview-bar i{width:9px;height:9px;border-radius:50%;background:#b9c7cf}.xp-portal-preview-bar strong{margin-left:7px}
.xp-portal-benefit-card{position:absolute;right:-18px;bottom:-25px;max-width:245px;background:#123c55;color:#fff;border-radius:16px;padding:18px 20px;box-shadow:0 18px 40px rgba(9,45,68,.25)}
.xp-portal-benefit-card strong,.xp-portal-benefit-card span{display:block}.xp-portal-benefit-card span{font-size:.85rem;opacity:.82;margin-top:5px;line-height:1.45}
.portal-benefit-hero .lp-product-card{border-color:rgba(30,171,122,.25)}
@media(max-width:900px){.xp-client-portal-grid{grid-template-columns:1fr}.xp-client-portal-features{grid-template-columns:1fr}.xp-portal-benefit-card{position:relative;right:auto;bottom:auto;margin:14px 0 0;max-width:none}}


/* ExaPeople 5.6.0 */
.client-welcome{background:linear-gradient(120deg,#073b2b,#0b9b55);color:#fff}.client-welcome h1,.client-welcome p{color:#fff}.client-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.client-quick-grid a{display:flex;flex-direction:column;gap:7px;padding:22px;border:1px solid #dce8e1;border-radius:18px;background:#fff;color:#18231f;text-decoration:none;box-shadow:0 10px 30px rgba(20,60,42,.07);transition:.2s}.client-quick-grid a:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(20,60,42,.12)}.client-quick-grid span{font-size:26px}.client-quick-grid strong{font-size:17px}.client-quick-grid small{color:#6e7d75}.client-info-grid,.search-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}.notification-count,.workspace-panel header>span{display:inline-flex;min-width:28px;height:28px;align-items:center;justify-content:center;border-radius:999px;background:#eaf7ef;color:#087443;font-weight:800}.workspace-notifications>div{padding:12px 0;border-bottom:1px solid #e8efeb}.global-search-form{display:flex;gap:12px;margin:22px 0}.global-search-form input{flex:1;padding:15px 18px;border:1px solid #ccd9d1;border-radius:12px;font:inherit}.backup-card{max-width:680px}.theme-dark .client-quick-grid a{background:#18231f;border-color:#293730;color:#eaf2ee}.theme-dark .client-quick-grid small{color:#95a69e}.theme-dark .global-search-form input{background:#18231f;color:#fff;border-color:#33453d}.theme-dark .workspace-notifications>div{border-color:#2a3832}
@media(max-width:900px){.client-quick-grid{grid-template-columns:repeat(2,1fr)}.client-info-grid,.search-result-grid{grid-template-columns:1fr}}
@media(max-width:560px){.client-quick-grid{grid-template-columns:1fr}.global-search-form{flex-direction:column}}

/* ExaPeople 5.6.1 — menu administrativo TreeView */
.admin-treeview{padding-top:2px}
.admin-tree-group{margin:2px 0}
.admin-tree-toggle{width:100%;min-height:43px;display:flex;align-items:center;gap:12px;padding:8px 12px;border:0;border-radius:9px;background:transparent;color:#f1f7f4;font:inherit;font-size:13px;font-weight:750;text-align:left;cursor:pointer;transition:.2s ease}
.admin-tree-toggle:hover{background:rgba(255,255,255,.08)}
.admin-tree-group.active>.admin-tree-toggle{color:#6ef1a3}
.admin-tree-chevron{font-size:23px;line-height:1;transition:transform .22s ease}
.admin-tree-group.open>.admin-tree-toggle .admin-tree-chevron{transform:rotate(90deg)}
.admin-tree-children{max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .18s ease}
.admin-tree-group.open>.admin-tree-children{max-height:360px;opacity:1}
.admin-tree-children a{position:relative;min-height:39px;margin:1px 0 1px 18px;padding:7px 10px 7px 15px;font-size:12px;font-weight:600}
.admin-tree-children a:hover{transform:none}
.admin-tree-children a.active{background:linear-gradient(90deg,#07853a,#0aa64a);color:#fff}
.admin-tree-line{position:absolute;left:0;top:0;bottom:50%;width:10px;border-left:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22);border-radius:0 0 0 4px}
.admin-tree-group.open .admin-tree-children a:not(:last-child)::before{content:"";position:absolute;left:0;top:50%;bottom:-50%;border-left:1px solid rgba(255,255,255,.16)}
.admin-tree-separator{height:1px;margin:10px 12px;background:rgba(255,255,255,.11)}
.admin-sidebar-nav a.admin-tree-direct{margin:2px 0}
body.portal-client .admin-tree-group.active>.admin-tree-toggle{color:#9ed2ff}
body.portal-attendant .admin-tree-group.active>.admin-tree-toggle{color:#c3d0ff}


/* Módulo leitor XML NF-e / CT-e */
.xml-module{background:#f2f6f4;min-height:calc(100vh - 120px)}
.xml-module .workspace-heading h1{margin:5px 0 4px;color:#17372b}
.xml-module .workspace-heading p{margin:0;color:#718078}
.xml-kpis{margin-top:0;margin-bottom:24px}
.xml-kpis article span{font-size:16px;font-weight:900;color:#087b4b}
.xml-kpis article strong{font-size:20px}
.xml-top-grid{align-items:stretch;margin-top:0}
.xml-top-grid .workspace-panel{height:100%}
.xml-upload-form,.xml-filter-form{display:grid;gap:14px;padding-top:18px}
.xml-upload-form label,.xml-filter-form label{display:grid;gap:7px;color:#344b41;font-weight:700;font-size:13px}
.xml-upload-form input,.xml-filter-form input,.xml-filter-form select{width:100%;padding:12px 13px;border:1px solid #ccd9d1;border-radius:10px;background:#fff;font:inherit}
.xml-upload-form small{color:#7a8781;line-height:1.5}
.xml-alert{padding:14px 16px;border-radius:12px;margin-bottom:20px}
.xml-alert.error{background:#fff0f0;border:1px solid #f1caca;color:#a33434}
.xml-actions-top{display:flex;justify-content:flex-end;margin-bottom:14px}
.xml-detail-card{margin-bottom:22px}
.xml-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e4ece8;margin-top:18px;border:1px solid #e4ece8;border-radius:12px;overflow:hidden}
.xml-details-grid>div{display:grid;gap:5px;background:#fff;padding:16px}
.xml-details-grid .full{grid-column:1/-1}
.xml-details-grid b{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#07894c}
.xml-details-grid span{color:#243b31;overflow-wrap:anywhere}
.xml-details-grid small{display:block;color:#7a8781;margin-top:4px}
.xml-table-card{margin-top:22px}
.xml-table-card .table-card-header{display:flex;justify-content:space-between;align-items:center}
.xml-table-card td{vertical-align:middle}
.xml-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900}
.xml-badge.nfe{background:#e7f7ef;color:#087443}
.xml-badge.cte{background:#eaf3ff;color:#245a9b}
.xml-json{margin-top:22px}
.xml-json summary{cursor:pointer;font-weight:800;color:#17372b}
.xml-json pre{max-height:520px;overflow:auto;margin:18px 0 0;padding:18px;border-radius:12px;background:#101815;color:#dce9e2;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}
.btn.small{padding:8px 11px;font-size:12px}
.btn.danger{background:#b73c3c;color:#fff;border-color:#b73c3c}
.xml-module button:disabled,.xml-module input:disabled{opacity:.55;cursor:not-allowed}
body.theme-dark .xml-module{background:#101815}
body.theme-dark .xml-module .workspace-heading h1,body.theme-dark .xml-json summary{color:#eaf2ee}
body.theme-dark .xml-module .workspace-heading p{color:#95a69e}
body.theme-dark .xml-upload-form label,body.theme-dark .xml-filter-form label{color:#dce8e2}
body.theme-dark .xml-upload-form input,body.theme-dark .xml-filter-form input,body.theme-dark .xml-filter-form select{background:#18231f;color:#fff;border-color:#33453d}
body.theme-dark .xml-details-grid{background:#2a3832;border-color:#2a3832}
body.theme-dark .xml-details-grid>div{background:#18231f}
body.theme-dark .xml-details-grid span{color:#e5eee9}
@media(max-width:900px){.xml-details-grid{grid-template-columns:1fr 1fr}.xml-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.xml-details-grid{grid-template-columns:1fr}.xml-details-grid .full{grid-column:auto}.xml-actions-top{justify-content:flex-start}.xml-table-card .inline-actions{min-width:170px}}

/* ExaPeople 5.8.0 - Segurança */
.security-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 20px}.security-check-grid .form-check{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--border,#dfe5ec);border-radius:10px;padding:10px}.security-check-grid .form-check-label{display:flex;flex-direction:column;gap:2px}.security-check-grid .form-check-label small{color:#718096;font-size:11px}.workspace-panel select{max-width:100%}@media(max-width:760px){.security-check-grid{grid-template-columns:1fr}}


/* ExaPeople 5.8.1 - navegação global das páginas autenticadas */
.portal-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:18px 28px 0 auto;max-width:calc(100% - 310px);padding:0 18px;position:relative;z-index:4}
.portal-page-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;text-decoration:none}
.portal-page-actions .portal-back-button{cursor:pointer}
body.portal-client .portal-page-actions,body.portal-attendant .portal-page-actions{max-width:calc(100% - 40px)}
@media(max-width:980px){.portal-page-actions{max-width:100%;margin:16px 12px 0;padding:0 8px}.portal-page-actions .btn{flex:1}}
@media(max-width:520px){.portal-page-actions{flex-direction:column;align-items:stretch}.portal-page-actions .btn{width:100%}}


/* ExaPeople 6.0 - Enterprise */
.enterprise-login-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:16px;font-size:13px}.enterprise-login-meta span{padding:7px 10px;border-radius:9px;background:rgba(255,255,255,.12)}
.enterprise-form{display:grid;gap:16px;padding:24px}.enterprise-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.enterprise-form label{display:grid;gap:7px;font-weight:700}.enterprise-form input,.enterprise-form select,.enterprise-inline-form input,.enterprise-inline-form select,.workspace-panel table input,.workspace-panel table select{width:100%;padding:10px 12px;border:1px solid #d9e3de;border-radius:9px;background:#fff;font:inherit}.enterprise-inline-form{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;align-items:end;gap:12px;margin-top:22px;padding:22px}.enterprise-inline-form h2{grid-column:1/-1}.enterprise-company-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #e7eeea}.enterprise-company-row div{display:grid;gap:4px}.enterprise-company-row small{color:#74817a}
@media(max-width:800px){.enterprise-form .form-grid{grid-template-columns:1fr}.enterprise-inline-form{grid-template-columns:1fr}.enterprise-inline-form h2{grid-column:auto}}


/* ExaPeople 6.1 - Ribbon, notificações e financeiro */
.enterprise-ribbon{position:sticky;top:0;z-index:850;display:grid;grid-template-columns:auto minmax(240px,1fr) auto;align-items:center;gap:16px;padding:10px 22px;margin-left:286px;background:#fff;border-bottom:1px solid #dfe9e3;box-shadow:0 5px 18px rgba(16,53,39,.05)}
.enterprise-ribbon-links{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.enterprise-ribbon-links a{padding:9px 11px;border-radius:9px;color:#355046;text-decoration:none;font-size:12px;font-weight:800}.enterprise-ribbon-links a:hover{background:#eaf7f0;color:#087b48}.enterprise-ribbon-search{display:flex;max-width:620px;width:100%;justify-self:center}.enterprise-ribbon-search input{width:100%;min-width:0;padding:10px 13px;border:1px solid #cedbd4;border-right:0;border-radius:10px 0 0 10px;background:#f8fbf9;font:inherit}.enterprise-ribbon-search button{width:44px;border:0;border-radius:0 10px 10px 0;background:#078b4b;color:#fff;font-size:18px;cursor:pointer}.enterprise-notification-button{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#eef7f2;text-decoration:none}.enterprise-notification-button small{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#e85d37;color:#fff;font-size:9px;font-weight:900}
.finance-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 24px}.finance-action-card{display:flex;gap:14px;align-items:center;padding:20px;border:1px solid #dde8e2;border-radius:15px;background:#fff;text-decoration:none;color:#17372b;box-shadow:0 7px 20px rgba(16,53,39,.05)}.finance-action-card span{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#eaf8f1;font-size:22px}.finance-action-card strong,.finance-action-card small{display:block}.finance-action-card small{margin-top:4px;color:#75857d}.form-grid.three{grid-template-columns:repeat(3,1fr)}.notification-list{display:grid;gap:12px}.notification-item{display:grid;grid-template-columns:14px 1fr auto;gap:14px;align-items:start;padding:18px;border:1px solid #dde8e2;border-radius:14px;background:#fff}.notification-item i{width:10px;height:10px;margin-top:6px;border-radius:50%;background:#3486d8}.notification-item.warning i{background:#e59b22}.notification-item.danger i{background:#d94f4f}.notification-item.success i{background:#19985a}.notification-item strong,.notification-item small{display:block}.notification-item small{margin-top:5px;color:#74847c}.theme-dark .enterprise-ribbon,.theme-dark .finance-action-card,.theme-dark .notification-item{background:#18231f;border-color:#2b3a33;color:#eaf2ee}.theme-dark .enterprise-ribbon-links a{color:#dce8e2}.theme-dark .enterprise-ribbon-links a:hover{background:#24352e}.theme-dark .enterprise-ribbon-search input{background:#111b17;color:#fff;border-color:#34463e}.theme-dark .finance-action-card{color:#eaf2ee}
@media(max-width:1100px){.enterprise-ribbon{margin-left:0;grid-template-columns:1fr auto}.enterprise-ribbon-links{display:none}.enterprise-ribbon-search{justify-self:stretch}}@media(max-width:680px){.enterprise-ribbon{padding:9px 12px}.finance-action-grid,.form-grid.three{grid-template-columns:1fr}.enterprise-ribbon-search input{font-size:12px}}


/* 6.2 Professional UI Framework */
.portal-global-context{display:flex;align-items:center;gap:.65rem;margin:0 auto 1rem;max-width:1200px;padding:0 1rem;color:var(--text-muted,#64748b);font-size:.9rem}.portal-global-context span::after{content:'›';margin-left:.65rem}.portal-global-context strong{color:var(--text,#172033)}
.xp-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;max-width:1200px;margin:.25rem auto 1rem;padding:0 1rem;font-size:.9rem}.xp-breadcrumb a{color:var(--primary,#078b4b);text-decoration:none}.xp-breadcrumb strong{color:inherit}.theme-dark .portal-global-context strong{color:#f8fafc}
.excel-mapping-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-bottom:1.25rem}.excel-mapping-grid label{display:grid;gap:.4rem}.excel-mapping-grid select{width:100%}.viz-callout{margin-top:1rem;padding:1rem;border-left:4px solid var(--primary,#078b4b);background:rgba(7,139,75,.08);border-radius:.5rem}.theme-dark .viz-callout{background:rgba(34,197,94,.10)}
@media (max-width:700px){.portal-page-actions{display:flex;flex-wrap:wrap;gap:.5rem}.portal-global-context{padding:0 .75rem}.excel-mapping-grid{grid-template-columns:1fr}}

/* 6.3.1 - navegação global sem ribbon administrativo */
.enterprise-ribbon{display:none!important}
.portal-page-actions{display:flex!important;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 24px 0;max-width:1400px;margin:0 auto;width:100%}
.portal-page-actions .btn{display:inline-flex!important;align-items:center;justify-content:center;min-width:150px}
@media(max-width:640px){.portal-page-actions{padding:12px 16px 0}.portal-page-actions .btn{flex:1;min-width:130px}}

/* ExaPeople 6.4 - relatório de fechamento de atendimentos */
.report-toolbar{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin:0 0 18px}.service-close-report{padding:28px}.report-document-header{display:flex;justify-content:space-between;gap:24px;border-bottom:2px solid var(--primary,#078b4b);padding-bottom:18px;margin-bottom:20px}.report-document-header>div{display:flex;flex-direction:column;gap:4px}.report-document-header strong,.report-document-header b{font-size:1.15rem}.report-document-header small,.report-document-header span,.report-client small{color:var(--muted,#64746d)}.report-client{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:18px}.report-client>div{display:flex;flex-direction:column;padding:13px;border:1px solid var(--border,#dce5e1);border-radius:12px}.report-kpis{margin-bottom:22px}.table-subtitle{display:block;margin-top:4px;color:var(--muted,#64746d)}.report-document-footer{margin-top:20px;border-top:1px solid var(--border,#dce5e1);padding-top:12px;color:var(--muted,#64746d);font-size:.9rem}.report-email-summary{display:flex;gap:20px;align-items:center;margin:16px 0;padding:14px;border-radius:12px;background:var(--surface-soft,#f3f8f5)}
@media(max-width:700px){.report-client,.report-document-header{grid-template-columns:1fr;display:grid}.report-toolbar{justify-content:flex-start}.service-close-report{padding:16px}}
@media print{.no-print,.admin-sidebar,.admin-sidebar-toggle,.admin-sidebar-overlay,.global-navigation-bar,.site-header,.footer{display:none!important}body{background:#fff!important;color:#111!important}.admin-layout,.admin-content,main{margin:0!important;padding:0!important}.section{padding:0!important}.container{max-width:none!important;width:100%!important}.workspace-panel{box-shadow:none!important;border:none!important}.service-close-report{padding:0!important}table{font-size:10pt}a{color:#111!important;text-decoration:none!important}}

/* Promoção Banco de Horas - landing comercial */
.lp-promo-hours{padding:72px 0;background:linear-gradient(135deg,#fff7e8 0%,#fff 55%,#eaf8f1 100%)}
.lp-promo-hours-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:48px;align-items:center}
.lp-promo-label{display:inline-block;padding:8px 13px;border-radius:999px;background:#ff8b18;color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em}
.lp-promo-copy h2{max-width:760px;margin:18px 0 15px;color:#123026;font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.035em}
.lp-promo-copy>p{max-width:720px;color:#63736c;font-size:18px;line-height:1.7}
.lp-promo-benefits{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.lp-promo-benefits span{padding:10px 13px;border:1px solid #dce9e2;border-radius:10px;background:#fff;color:#275244;font-size:13px;font-weight:800}
.lp-promo-offer{padding:32px;border:2px solid #0aa55c;border-radius:24px;background:#fff;text-align:center;box-shadow:0 24px 55px rgba(10,165,92,.18)}
.lp-promo-offer>span{color:#078f50;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.lp-promo-offer>strong{display:block;margin:10px 0 0;color:#123026;font-size:72px;line-height:1}
.lp-promo-offer>strong small{font-size:24px}
.lp-promo-offer>p{margin:10px 0 0;color:#77837d}
.lp-promo-price{margin:2px 0 22px;color:#079653;font-size:52px;font-weight:950;letter-spacing:-.04em}
.lp-promo-price small{font-size:22px}
.lp-promo-offer .xp-btn{display:block;width:100%;padding:15px 20px}
.lp-promo-note{display:block;margin-top:14px;color:#7b8882;font-size:11px;line-height:1.5}
@media(max-width:850px){.lp-promo-hours-grid{grid-template-columns:1fr}.lp-promo-offer{max-width:520px}}
@media(max-width:520px){.lp-promo-hours{padding:52px 0}.lp-promo-offer>strong{font-size:58px}.lp-promo-price{font-size:44px}}

/* ExaPeople 6.6 - Planos Corporativos de Banco de Horas */
.lp-hours-plans{padding:82px 0;background:linear-gradient(145deg,#071d4a 0%,#0b3f86 46%,#f5f9ff 46.2%,#fff 100%);overflow:hidden}
.lp-hours-intro{display:grid;grid-template-columns:180px 1fr;gap:34px;align-items:center;margin-bottom:44px;color:#fff}
.lp-hours-intro h2{max-width:850px;margin:14px 0 12px;font-size:clamp(34px,4.6vw,60px);line-height:1.04;letter-spacing:-.04em;color:#fff}
.lp-hours-intro p{max-width:850px;margin:0;font-size:18px;line-height:1.65;color:#d8e8ff}
.lp-animated-clock{position:relative;width:160px;height:160px;border:9px solid #fff;border-radius:50%;background:radial-gradient(circle at 38% 30%,#fff 0%,#e8f3ff 62%,#bfdcff 100%);box-shadow:0 20px 48px rgba(0,0,0,.28),inset 0 0 0 4px #0e5aa8}
.lp-clock-mark{position:absolute;color:#0a3978;font-size:15px;font-weight:950;line-height:1}.mark-12{top:10px;left:50%;transform:translateX(-50%)}.mark-3{right:12px;top:50%;transform:translateY(-50%)}.mark-6{bottom:10px;left:50%;transform:translateX(-50%)}.mark-9{left:12px;top:50%;transform:translateY(-50%)}
.lp-clock-hand{position:absolute;left:50%;bottom:50%;display:block;border-radius:99px;transform-origin:50% 100%}.lp-clock-hour{width:6px;height:42px;margin-left:-3px;background:#123a70;animation:xp-clock-spin 48s linear infinite}.lp-clock-minute{width:4px;height:56px;margin-left:-2px;background:#0b67bf;animation:xp-clock-spin 12s linear infinite}.lp-clock-second{width:2px;height:60px;margin-left:-1px;background:#e33434;animation:xp-clock-spin 2s steps(60,end) infinite}.lp-clock-center{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border:3px solid #fff;border-radius:50%;background:#e33434;box-shadow:0 0 0 2px #0a3978}
@keyframes xp-clock-spin{to{transform:rotate(360deg)}}
.lp-plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.lp-plan-card{position:relative;display:flex;flex-direction:column;padding:34px 30px 30px;border:1px solid #dce7f5;border-radius:24px;background:rgba(255,255,255,.98);box-shadow:0 22px 54px rgba(19,54,99,.15);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden}
.lp-plan-card:hover{transform:translateY(-9px);box-shadow:0 30px 70px rgba(19,54,99,.23)}
.lp-plan-card::before{content:"";position:absolute;inset:0 0 auto;height:7px;background:var(--plan-accent,#9d6a3a)}
.lp-plan-bronze{--plan-accent:#aa7041}.lp-plan-silver{--plan-accent:#708399}.lp-plan-gold{--plan-accent:#d29a00}
.lp-plan-card.featured{border:2px solid #0aa55c;transform:translateY(-10px)}.lp-plan-card.featured:hover{transform:translateY(-17px)}
.lp-plan-featured{position:absolute;top:17px;right:-37px;width:150px;padding:7px 0;transform:rotate(39deg);background:#0aa55c;color:#fff;text-align:center;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.lp-plan-icon{font-size:38px;line-height:1;margin-bottom:12px}.lp-plan-name{color:var(--plan-accent);font-size:14px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.lp-plan-card>strong{display:block;margin:10px 0 3px;color:#122b4d;font-size:48px;line-height:1}.lp-plan-card>strong small{font-size:19px;font-weight:800}.lp-plan-price{margin-top:18px;color:#078f50;font-size:42px;font-weight:950;letter-spacing:-.04em}.lp-plan-price small{font-size:20px}.lp-plan-card>p{margin:2px 0 20px;color:#66778b;font-size:13px}
.lp-plan-card ul{display:grid;gap:11px;margin:0 0 26px;padding:20px 0 0;border-top:1px solid #e6edf5;list-style:none;color:#31465f}.lp-plan-card li{position:relative;padding-left:23px}.lp-plan-card li::before{content:"✓";position:absolute;left:0;color:#0aa55c;font-weight:950}.lp-plan-card .xp-btn{display:block;width:100%;margin-top:auto;padding:14px 18px;text-align:center}
.lp-plans-footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:34px;padding:24px 28px;border:1px solid #dce7f5;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(19,54,99,.1)}.lp-plans-footer strong{color:#143257;font-size:19px}.lp-plans-footer span{flex:1;min-width:260px;color:#68788c}.lp-plans-footer .xp-btn{white-space:nowrap}
@media(max-width:960px){.lp-plans-grid{grid-template-columns:1fr 1fr}.lp-plan-card.featured{transform:none}.lp-plan-card.featured:hover{transform:translateY(-9px)}.lp-plan-gold{grid-column:1/-1;max-width:520px;width:100%;justify-self:center}}
@media(max-width:700px){.lp-hours-plans{padding:62px 0;background:linear-gradient(160deg,#071d4a 0%,#0b3f86 34%,#f5f9ff 34.2%,#fff 100%)}.lp-hours-intro{grid-template-columns:1fr;text-align:center}.lp-animated-clock{margin:0 auto}.lp-hours-intro p{font-size:16px}.lp-plans-grid{grid-template-columns:1fr}.lp-plan-gold{grid-column:auto;max-width:none}.lp-plans-footer{text-align:center;justify-content:center}.lp-plans-footer span{min-width:100%}}
@media(prefers-reduced-motion:reduce){.lp-clock-hand{animation-play-state:paused}.lp-plan-card{transition:none}}

/* ExaPeople 6.6.1 - Chamada de banco de horas na página principal */
.xp-hours-teaser{position:relative;overflow:hidden;background:linear-gradient(90deg,#082f6b,#0c67bd,#082f6b);border-top:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.18);color:#fff}
.xp-hours-teaser-track{display:flex;align-items:center;gap:34px;width:max-content;min-width:100%;padding:13px 24px;white-space:nowrap;animation:xp-hours-marquee 24s linear infinite;font-size:14px;font-weight:800;letter-spacing:.01em}
.xp-hours-teaser-track strong{color:#ffdf67;font-size:15px}.xp-hours-teaser-track a{padding:8px 14px;border-radius:999px;background:#13ad63;color:#fff;text-decoration:none;font-weight:950;box-shadow:0 7px 18px rgba(0,0,0,.18)}
.xp-hours-teaser:hover .xp-hours-teaser-track{animation-play-state:paused}
@keyframes xp-hours-marquee{0%{transform:translateX(0)}100%{transform:translateX(-22%)}}
.xp-hours-highlight{padding:34px 0;background:linear-gradient(135deg,#f3f8ff,#fff);border-bottom:1px solid #dbe8f7}
.xp-hours-highlight-grid{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:26px;align-items:center}
.xp-hours-highlight h2{margin:7px 0 8px;color:#12345d;font-size:clamp(25px,3vw,38px);line-height:1.08;letter-spacing:-.025em}.xp-hours-highlight p{max-width:780px;margin:0;color:#62738a;line-height:1.65}
.xp-hours-highlight-clock{position:relative;width:82px;height:82px;border:6px solid #0b5eaa;border-radius:50%;background:#fff;box-shadow:0 12px 28px rgba(13,72,131,.18),inset 0 0 0 3px #d7eaff}
.xp-mini-clock-hand{position:absolute;left:50%;bottom:50%;display:block;border-radius:99px;transform-origin:50% 100%}.xp-mini-clock-hour{width:5px;height:22px;margin-left:-2.5px;background:#163d71;animation:xp-clock-spin 36s linear infinite}.xp-mini-clock-minute{width:3px;height:29px;margin-left:-1.5px;background:#0b67bf;animation:xp-clock-spin 9s linear infinite}.xp-mini-clock-second{width:2px;height:31px;margin-left:-1px;background:#e33434;animation:xp-clock-spin 1.5s steps(60,end) infinite}.xp-hours-highlight-clock i{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:#e33434;box-shadow:0 0 0 2px #fff}
.xp-hours-highlight-cta{white-space:nowrap;text-align:center;box-shadow:0 12px 28px rgba(10,165,92,.22);animation:xp-cta-pulse 2.2s ease-in-out infinite}
@keyframes xp-cta-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@media(max-width:850px){.xp-hours-highlight-grid{grid-template-columns:72px 1fr}.xp-hours-highlight-clock{width:68px;height:68px}.xp-hours-highlight-cta{grid-column:1/-1;width:100%}}
@media(max-width:560px){.xp-hours-teaser-track{gap:24px;font-size:12px;animation-duration:18s}.xp-hours-highlight-grid{grid-template-columns:1fr;text-align:center}.xp-hours-highlight-clock{margin:0 auto}.xp-hours-highlight p{font-size:15px}.xp-hours-highlight-cta{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.xp-hours-teaser-track,.xp-hours-highlight-cta,.xp-mini-clock-hand{animation:none}}


/* ExaPeople 6.6.2 - hero compacto e campanha global de banco de horas */
.xp-header{overflow:visible}
.xp-global-hours-promo{display:flex;align-items:center;justify-content:center;gap:18px;min-height:40px;padding:6px 24px;background:linear-gradient(90deg,#072c62,#0b66b7,#072c62);color:#fff;text-decoration:none;box-shadow:0 5px 16px rgba(5,43,87,.18);overflow:hidden}

.xp-global-hours-clock{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}
.xp-global-hours-clock-face{position:relative;display:block;width:24px;height:24px;border:2px solid rgba(255,255,255,.95);border-radius:50%;background:rgba(255,255,255,.12);box-shadow:0 3px 10px rgba(0,0,0,.16),inset 0 0 0 1px rgba(255,255,255,.12)}
.xp-global-hours-clock-face::before{content:"";position:absolute;inset:3px;border-radius:50%;background:radial-gradient(circle at center,transparent 58%,rgba(255,255,255,.22) 60%,transparent 63%)}
.xp-global-hours-clock-hour,.xp-global-hours-clock-minute,.xp-global-hours-clock-second{position:absolute;left:50%;bottom:50%;display:block;transform-origin:50% 100%;border-radius:999px}
.xp-global-hours-clock-hour{width:2px;height:6px;margin-left:-1px;background:#fff;transform:rotate(42deg)}
.xp-global-hours-clock-minute{width:2px;height:8px;margin-left:-1px;background:#fff;animation:xp-clock-minute 18s linear infinite}
.xp-global-hours-clock-second{width:1px;height:9px;margin-left:-.5px;background:#ffcc3b;animation:xp-clock-second 3s linear infinite}
.xp-global-hours-clock-center{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#ffcc3b;box-shadow:0 0 0 1px rgba(255,255,255,.85)}
@keyframes xp-clock-second{to{transform:rotate(360deg)}}
@keyframes xp-clock-minute{to{transform:rotate(360deg)}}
.xp-global-hours-promo-marquee{display:flex;align-items:center;justify-content:center;gap:24px;min-width:0;white-space:nowrap;font-size:13px;animation:xp-global-promo-glow 2.5s ease-in-out infinite}
.xp-global-hours-promo-marquee strong{color:#fff}.xp-global-hours-promo-marquee span{color:#d9ecff;font-weight:800}
.xp-global-hours-promo-cta{flex:0 0 auto;padding:7px 13px;border-radius:999px;background:#14a866;color:#fff;font-size:12px;font-weight:950;box-shadow:0 7px 17px rgba(0,0,0,.16)}
.xp-menu-hours{position:relative}.xp-menu-hours small{display:inline-block;margin-left:4px;padding:2px 5px;border-radius:999px;background:#ffcc3b;color:#19375d;font-size:8px;font-weight:950;vertical-align:top}
@keyframes xp-global-promo-glow{0%,100%{opacity:1}50%{opacity:.78}}

/* Redução aproximada de 25% para revelar o banner na primeira dobra */
.xp-hero-grid{min-height:330px}
.xp-hero-copy{padding-top:24px;padding-bottom:22px}
.xp-hero h1{font-size:36px;margin-bottom:12px}
.xp-hero-copy>p{margin-bottom:14px;line-height:1.45}
.xp-hero-actions{margin-bottom:18px}
.xp-hero-image{height:330px}
.xp-benefits{padding-top:14px}

@media(max-width:1000px){
 .xp-global-hours-promo-marquee span{display:none}
 .xp-global-hours-promo{gap:10px}
}
@media(max-width:850px){
 .xp-global-hours-promo{padding:7px 12px;justify-content:space-between}
 .xp-global-hours-promo-marquee{overflow:hidden;text-overflow:ellipsis;display:block;font-size:12px}
 .xp-global-hours-promo-cta{font-size:11px;padding:6px 9px}
 .xp-hero-grid{min-height:auto}
 .xp-hero-copy{padding-top:28px;padding-bottom:24px}
 .xp-hero-image{height:300px}
}
@media(max-width:560px){
 .xp-global-hours-promo-label{display:none}
 .xp-global-hours-promo-marquee strong{font-size:11px}
 .xp-global-hours-promo-cta{white-space:nowrap}
 .xp-hero h1{font-size:31px}
 .xp-hero-image{height:260px}
}
@media(prefers-reduced-motion:reduce){.xp-global-hours-promo-marquee,.xp-global-hours-clock-minute,.xp-global-hours-clock-second{animation:none}}