@import 'SkalaERP.Client.ls62jl5uhz.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';
@import '_content/SkalaERP.Shared/SkalaERP.Shared.0yzbg94864.bundle.scp.css';
@import '_content/Skalant.Blazor.Components/Skalant.Blazor.Components.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-129fcqubpz] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-129fcqubpz] {
    flex: 1;
}

.sidebar[b-129fcqubpz] {
    background: transparent;
    padding: 0;
    margin: 0;
}

/* ── Top Bar ─────────────────────────────────── */

.top-row[b-129fcqubpz] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 1.25rem;
    gap: 1rem;
}

.top-row-left[b-129fcqubpz] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.top-row-center[b-129fcqubpz] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-row-right[b-129fcqubpz] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
}


/* ── Mobile Sidebar Toggle ──────────────────── */

.mobile-sidebar-input[b-129fcqubpz] {
    display: none;
}

.mobile-hamburger[b-129fcqubpz] {
    display: none;
    cursor: pointer;
    color: #374151;
    padding: 0.25rem;
    border-radius: 0.375rem;
}

.mobile-hamburger:hover[b-129fcqubpz] {
    background-color: #e5e7eb;
}

.mobile-sidebar-backdrop[b-129fcqubpz] {
    display: none;
}

/* ── Responsive ──────────────────────────────── */

@media (max-width: 640.98px) {
    .top-row[b-129fcqubpz] {
        padding: 0 0.75rem;
    }

    .mobile-hamburger[b-129fcqubpz] {
        display: flex;
        align-items: center;
    }

    .sidebar[b-129fcqubpz] {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        z-index: 1100;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    .mobile-sidebar-input:checked ~ .sidebar[b-129fcqubpz] {
        transform: translateX(0);
    }

    .mobile-sidebar-backdrop[b-129fcqubpz] {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1050;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
    }

    .mobile-sidebar-input:checked ~ .mobile-sidebar-backdrop[b-129fcqubpz] {
        opacity: 1;
        pointer-events: auto;
    }
}

@media (min-width: 641px) {
    .page[b-129fcqubpz] {
        flex-direction: row;
    }

    .sidebar[b-129fcqubpz] {
        flex-shrink: 0;
    }

    .top-row[b-129fcqubpz] {
        position: sticky;
        top: 0;
        /* Above page content sticky headers (z-10) so the quick-actions
           dropdown is not covered, but below the sidebar / modals / AI chat. */
        z-index: 30;
    }

    .top-row[b-129fcqubpz], article[b-129fcqubpz] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

/* ── Error UI ────────────────────────────────── */

#blazor-error-ui[b-129fcqubpz] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-129fcqubpz] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-trb6l4z65x] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
    background-color: rgba(0, 0, 0, 0.15);
}

.navbar-toggler:checked[b-trb6l4z65x] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-trb6l4z65x] {
    height: 3.5rem;
    background-color: rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar-brand[b-trb6l4z65x] {
    font-size: 1.1rem;
    color: #fff;
}

.bi[b-trb6l4z65x] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-trb6l4z65x] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-trb6l4z65x] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-trb6l4z65x] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-trb6l4z65x] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-trb6l4z65x] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-trb6l4z65x] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-trb6l4z65x] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-trb6l4z65x] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-trb6l4z65x] {
    font-size: 0.875rem;
    padding-bottom: 0.2rem;
}

    .nav-item:first-of-type[b-trb6l4z65x] {
        padding-top: 0.5rem;
    }

    .nav-item:last-of-type[b-trb6l4z65x] {
        padding-bottom: 0.5rem;
    }

    .nav-item[b-trb6l4z65x]  .nav-link {
        color: rgba(255, 255, 255, 0.65);
        background: none;
        border: none;
        border-radius: 0.375rem;
        height: 2.75rem;
        display: flex;
        align-items: center;
        line-height: 1;
        padding: 0.675rem 1rem;
        width: 100%;
        transition: all 0.2s ease-in-out;
    }

.nav-item[b-trb6l4z65x]  a.active {
    background-color: rgba(255, 255, 255, 0.05);
    color: #fff;
}

.nav-item[b-trb6l4z65x]  .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.05);
    color: #fff;
}

.nav-scrollable[b-trb6l4z65x] {
    background-color: #1e1e2d;
    display: none;
    padding-top: 0.5rem;
}

.navbar-toggler:checked ~ .nav-scrollable[b-trb6l4z65x] {
    display: block;
}

/* Group header style */
.nav-group-header[b-trb6l4z65x] {
    color: rgba(255, 255, 255, 0.4);
    font-size: 0.75rem;
    font-weight: 500;
    padding: 1.5rem 1rem 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

@media (min-width: 641px) {
    .navbar-toggler[b-trb6l4z65x] {
        display: none;
    }

    .nav-scrollable[b-trb6l4z65x] {
        display: block;
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }

    /* Customize scrollbar */
    .nav-scrollable[b-trb6l4z65x]::-webkit-scrollbar {
        width: 6px;
    }

    .nav-scrollable[b-trb6l4z65x]::-webkit-scrollbar-track {
        background: rgba(255, 255, 255, 0.05);
    }

    .nav-scrollable[b-trb6l4z65x]::-webkit-scrollbar-thumb {
        background-color: rgba(255, 255, 255, 0.15);
        border-radius: 3px;
    }
}
/* /Components/Loading.razor.rz.scp.css */
/* Full-page overlay */
.full-page-overlay[b-3cgwuoq2hb] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.5); /* Semi-transparent white */
    backdrop-filter: blur(5px); /* Blur effect */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Ensure it's above all other content */
}

/* Loading container */
.loading-container[b-3cgwuoq2hb] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.row[b-3cgwuoq2hb] {
    display: flex;
}

.square[b-3cgwuoq2hb] {
    width: 20px;
    height: 20px;
    background-color: #333;
    margin: 5px;
    animation: bounce-b-3cgwuoq2hb 0.5s infinite alternate;
}

/* Keyframes for bouncing animation */
@keyframes bounce-b-3cgwuoq2hb {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-20px);
    }
}

/* Staggered animation delay for each square */
.row .square[b-3cgwuoq2hb] {
    animation-delay: calc(0.1s * var(--i));
}
/* /Components/MainSite/FrontPageLayout.razor.rz.scp.css */
.page[b-2mavjikx1o] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-2mavjikx1o] {
    flex: 1;
}

.sidebar[b-2mavjikx1o] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-2mavjikx1o] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-2mavjikx1o]  a, .top-row .btn-link[b-2mavjikx1o] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-2mavjikx1o] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-2mavjikx1o] {
        display: none;
    }

    .top-row.auth[b-2mavjikx1o] {
        justify-content: space-between;
    }

    .top-row a[b-2mavjikx1o], .top-row .btn-link[b-2mavjikx1o] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-2mavjikx1o] {
        flex-direction: row;
    }

    .sidebar[b-2mavjikx1o] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-2mavjikx1o] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .main > div[b-2mavjikx1o] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Components/MainSite/Index.razor.rz.scp.css */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/inter/Inter-Regular.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/inter/Inter-Medium.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/inter/Inter-SemiBold.ttf") format("truetype"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/inter/Inter-Bold.ttf") format("truetype"); }

.landing[b-ynsde8okuw] {
    --paci-lime: #C8FF2E;
    --paci-gray: #2C2C2C;
    --paci-white: #FFFFFF;
    --paci-graySecondary: #3A3A3A;
    --paci-surface: #F5F5F5;
    --paci-textSecondary: #626262;
    --paci-divider: #D9D9D9;
    --paci-font: "Inter", "Segoe UI", Arial, sans-serif;
    --on-dark-muted: var(--paci-divider);
    --ease: 200ms ease;
    font-family: var(--paci-font);
    font-size: 1rem;
    color: var(--paci-gray);
    background: var(--paci-white);
    line-height: 1.55;
    overflow-x: hidden;
}

*[b-ynsde8okuw] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a[b-ynsde8okuw] { color: var(--paci-gray); }
.fine a[b-ynsde8okuw], footer a[b-ynsde8okuw] { text-decoration: underline; text-underline-offset: 2px; }
.fine a[b-ynsde8okuw] { color: var(--paci-white); }
.wrap[b-ynsde8okuw] { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

.ico[b-ynsde8okuw] { display: inline-block; width: 24px; height: 24px; flex: none; vertical-align: -6px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

.hero[b-ynsde8okuw] { background: var(--paci-gray); color: var(--paci-white); padding: 0 0 64px; }
nav[b-ynsde8okuw] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 16px; padding: 24px 0; }
.logo[b-ynsde8okuw] { display: block; width: 160px; height: auto; }
.cta[b-ynsde8okuw] { display: inline-block; background: var(--paci-lime); color: var(--paci-gray); text-decoration: none; border: 1px solid var(--paci-lime); border-radius: 8px; font-weight: 600; transition: background-color var(--ease), border-color var(--ease); }
.nav-link[b-ynsde8okuw] { color: var(--paci-white); font-weight: 500; font-size: .9375rem; text-decoration: underline; text-underline-offset: 4px; }
.cta[b-ynsde8okuw] { padding: 12px 24px; font-size: 1rem; }
.cta:hover[b-ynsde8okuw] { background: var(--paci-white); border-color: var(--paci-white); }
.hero-grid[b-ynsde8okuw] { display: grid; grid-template-columns: 1.05fr .95fr; gap: 48px; align-items: center; margin-top: 48px; }
.kicker[b-ynsde8okuw] { color: var(--on-dark-muted); font-size: .9375rem; font-weight: 500; margin-bottom: 16px; }
h1[b-ynsde8okuw] { font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.1; font-weight: 700; letter-spacing: -.02em; }
h1 em[b-ynsde8okuw] { font-style: normal; color: var(--paci-lime); }
.hero p.lede[b-ynsde8okuw] { color: var(--on-dark-muted); font-size: 1.125rem; line-height: 1.55; margin: 24px 0 32px; max-width: 34rem; }
.cta-ghost[b-ynsde8okuw] { display: inline-block; color: var(--paci-white); text-decoration: underline; text-underline-offset: 4px; padding: 12px 16px; font-weight: 500; font-size: 1rem; }

.chat[b-ynsde8okuw] { background: var(--paci-graySecondary); border: 1px solid var(--paci-textSecondary); border-radius: 8px; padding: 24px; max-width: 420px; margin-left: auto; }
.chat-head[b-ynsde8okuw] { display: flex; align-items: center; gap: 12px; border-bottom: 1px solid var(--paci-textSecondary); padding-bottom: 12px; margin-bottom: 16px; line-height: 1.3; }
.dot[b-ynsde8okuw] { width: 10px; height: 10px; border-radius: 50%; background: var(--paci-lime); flex: none; }
.chat-head b[b-ynsde8okuw] { color: var(--paci-white); font-size: 1rem; font-weight: 600; }
.chat-head small[b-ynsde8okuw] { color: var(--on-dark-muted); font-size: .8125rem; }
.msg[b-ynsde8okuw] { max-width: 88%; padding: 12px 16px; border-radius: 8px; font-size: .9375rem; line-height: 1.45; font-variant-numeric: tabular-nums; margin-bottom: 12px; opacity: 0; transform: translateY(6px); animation: rise-b-ynsde8okuw 250ms ease forwards; }
.msg.me[b-ynsde8okuw] { background: var(--paci-lime); color: var(--paci-gray); margin-left: auto; border-bottom-right-radius: 4px; animation-delay: .6s; }
.msg.luca[b-ynsde8okuw] { background: var(--paci-gray); color: var(--paci-white); border-bottom-left-radius: 4px; animation-delay: 2.4s; }
.msg.luca.second[b-ynsde8okuw] { animation-delay: 4s; }
.msg .ico[b-ynsde8okuw] { width: 20px; height: 20px; vertical-align: -4px; }
.msg.luca.second .ico[b-ynsde8okuw] { color: var(--paci-lime); }
.via[b-ynsde8okuw] { display: block; margin-top: 8px; font-size: .8125rem; color: var(--on-dark-muted); }
.typing[b-ynsde8okuw] { display: inline-flex; gap: 4px; padding: 12px 16px; background: var(--paci-gray); border-radius: 8px; border-bottom-left-radius: 4px; opacity: 0; animation: blink-b-ynsde8okuw 1.6s ease .9s 1 forwards; }
.typing i[b-ynsde8okuw] { width: 6px; height: 6px; border-radius: 50%; background: var(--on-dark-muted); animation: bounce-b-ynsde8okuw 1s infinite; }
.typing i:nth-child(2)[b-ynsde8okuw] { animation-delay: .15s; }
.typing i:nth-child(3)[b-ynsde8okuw] { animation-delay: .3s; }
@keyframes rise-b-ynsde8okuw { to { opacity: 1; transform: none; } }
@keyframes blink-b-ynsde8okuw { 0% { opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { opacity: 0; display: none; } }
@keyframes bounce-b-ynsde8okuw { 0%, 60%, 100% { transform: none; } 30% { transform: translateY(-4px); } }
@media (prefers-reduced-motion: reduce) {
    .msg[b-ynsde8okuw], .typing[b-ynsde8okuw] { animation: none; opacity: 1; transform: none; }
    .typing[b-ynsde8okuw] { display: none; }
    .cta[b-ynsde8okuw] { transition: none; }
}

section[b-ynsde8okuw] { padding: 64px 0; }
.eyebrow[b-ynsde8okuw] { color: var(--paci-textSecondary); font-weight: 600; font-size: .8125rem; letter-spacing: .14em; text-transform: uppercase; }
h2[b-ynsde8okuw] { font-size: clamp(1.75rem, 3vw, 2.25rem); line-height: 1.15; font-weight: 700; letter-spacing: -.02em; margin: 8px 0 16px; }
.sub[b-ynsde8okuw] { color: var(--paci-textSecondary); font-size: 1.0625rem; max-width: 40rem; }

.momentos[b-ynsde8okuw] { background: var(--paci-surface); }
.moments[b-ynsde8okuw] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 48px; }
.moment[b-ynsde8okuw] { display: grid; grid-row: span 2; grid-template-rows: subgrid; row-gap: 0; border-top: 2px solid var(--paci-gray); padding-top: 16px; }
.moment .pain[b-ynsde8okuw] { font-size: 1rem; color: var(--paci-gray); font-weight: 500; margin-bottom: 12px; }
.moment .pain .ico[b-ynsde8okuw] { color: var(--paci-textSecondary); }
.moment .reply[b-ynsde8okuw] { background: var(--paci-white); border: 1px solid var(--paci-divider); border-radius: 8px; border-bottom-left-radius: 4px; padding: 12px 16px; font-size: .9375rem; color: var(--paci-gray); font-variant-numeric: tabular-nums; }
.moment .reply .via[b-ynsde8okuw] { color: var(--paci-textSecondary); }

.paci .cols[b-ynsde8okuw] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px 48px; margin-top: 32px; }
.paci li[b-ynsde8okuw] { list-style: none; display: flex; align-items: flex-start; gap: 12px; color: var(--paci-gray); }

.fundadores[b-ynsde8okuw] { background: var(--paci-gray); color: var(--paci-white); }
.fundadores .eyebrow[b-ynsde8okuw] { color: var(--paci-lime); }
.fundadores h2[b-ynsde8okuw] { color: var(--paci-white); }
.fundadores .sub[b-ynsde8okuw] { color: var(--on-dark-muted); }
.perks[b-ynsde8okuw] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 48px 0; }
.perk[b-ynsde8okuw] { background: var(--paci-graySecondary); border-radius: 8px; padding: 24px; }
.perk-title[b-ynsde8okuw] { display: block; color: var(--paci-white); margin-bottom: 8px; font-size: 1.0625rem; font-weight: 600; line-height: 1.3; }
.perk p[b-ynsde8okuw] { color: var(--on-dark-muted); font-size: .9375rem; line-height: 1.5; font-variant-numeric: tabular-nums; }
.pricing[b-ynsde8okuw] { margin: 0 0 48px; }
.pricing h3[b-ynsde8okuw] { font-size: 1.25rem; font-weight: 600; margin-bottom: 16px; }
.plans[b-ynsde8okuw] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.plan[b-ynsde8okuw] { border: 1px solid var(--paci-textSecondary); border-radius: 8px; padding: 24px; font-variant-numeric: tabular-nums; }
.plan:first-child[b-ynsde8okuw] { border-color: var(--paci-lime); }
.plan-name[b-ynsde8okuw] { color: var(--paci-lime); font-weight: 600; font-size: .9375rem; margin-bottom: 8px; }
.price[b-ynsde8okuw] { font-size: 1.125rem; color: var(--on-dark-muted); }
.price b[b-ynsde8okuw] { font-size: 2rem; font-weight: 700; color: var(--paci-white); letter-spacing: -.02em; }
.price-iva[b-ynsde8okuw] { color: var(--on-dark-muted); font-size: .9375rem; margin-bottom: 16px; }
.plan li[b-ynsde8okuw] { list-style: none; color: var(--on-dark-muted); font-size: .9375rem; padding: 8px 0; border-top: 1px solid var(--paci-graySecondary); }
.fundadores .fine[b-ynsde8okuw] { color: var(--on-dark-muted); font-size: .9375rem; margin-top: 16px; }

footer[b-ynsde8okuw] { padding: 32px 0; border-top: 1px solid var(--paci-divider); color: var(--paci-textSecondary); font-size: .875rem; }
footer b[b-ynsde8okuw] { color: var(--paci-gray); font-weight: 600; }
.footer-row[b-ynsde8okuw] { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; }

a:focus-visible[b-ynsde8okuw] { outline: 2px solid var(--paci-gray); outline-offset: 3px; border-radius: 4px; }
.hero a:focus-visible[b-ynsde8okuw], .fundadores a:focus-visible[b-ynsde8okuw] { outline-color: var(--paci-lime); }

@media (max-width: 860px) {
    .hero-grid[b-ynsde8okuw] { grid-template-columns: 1fr; gap: 48px; }
    .chat[b-ynsde8okuw] { margin: 0 auto; }
    .moments[b-ynsde8okuw], .perks[b-ynsde8okuw], .plans[b-ynsde8okuw] { grid-template-columns: 1fr; }
    .paci .cols[b-ynsde8okuw] { grid-template-columns: 1fr; }
}
