/* MVO Panel - Área do cliente (estilo WHMCS) */ :root { --mvo-navy: #16376a; --mvo-blue: #1d4e89; --mvo-blue-2: #2d6db5; --mvo-border: #dfe6ee; --mvo-bg: #eef2f7; --mvo-text: #2c3e50; --mvo-muted: #7a8aa0; } body { background: var(--mvo-bg); font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; font-size: 14px; color: var(--mvo-text); display: flex; flex-direction: column; min-height: 100vh; } a { color: var(--mvo-blue); } /* ------------------------------------------------------------------ */ /* Header */ /* ------------------------------------------------------------------ */ .cli-header { background: linear-gradient(180deg, var(--mvo-header) 0%, var(--mvo-header-2) 100%); color: var(--mvo-header-text); } .cli-brand { color: var(--mvo-header-text); font-weight: 700; font-size: 1.15rem; text-decoration: none; display: flex; align-items: center; gap: .5rem; } .cli-brand:hover { color: var(--mvo-header-text); } .cli-brand .brand-logo { display:block; width:auto; height:38px; max-width:220px; object-fit:contain; } .cli-header .btn-user { color: var(--mvo-header-button-text); border: 1px solid var(--mvo-header-button-border); background: var(--mvo-header-button); } .cli-guest-account { color:#d7e5f5; font-size:.82rem; }.cli-guest-account a { color:#fff; font-weight:700; text-decoration:none; }.cli-guest-account a:hover { text-decoration:underline; } .cli-nav { background: var(--mvo-navigation); border-bottom: 1px solid var(--mvo-border); overflow-x: auto; scrollbar-width: thin; } .cli-nav::-webkit-scrollbar { height: 5px; } .cli-nav::-webkit-scrollbar-thumb { background: #c6d2e0; border-radius: 3px; } .cli-nav .cli-nav-inner { display: flex; gap: .15rem; } .cli-nav a { white-space: nowrap; padding: .68rem 1.05rem; color: var(--mvo-navigation-text); text-decoration: none; border-bottom: 2px solid transparent; display: flex; align-items: center; gap: .45rem; font-size: .9rem; } .cli-nav a:hover { color: var(--mvo-blue); } .cli-nav a.active { color: var(--mvo-blue); border-bottom-color: var(--mvo-blue); font-weight: 600; } .cart-count { min-width:19px; height:19px; display:inline-grid; place-items:center; margin-left:.15rem; padding:0 .3rem; border-radius:999px; color:#fff; background:#dc3545; font-size:.65rem; font-weight:750; } /* ------------------------------------------------------------------ */ /* Conteúdo */ /* ------------------------------------------------------------------ */ .cli-main { flex: 1; } .cli-main .container { max-width: 1100px; } .page-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem; margin-bottom: 1.1rem; } .page-title { font-size: 1.2rem; font-weight: 600; color: #22334a; margin: 0; } /* ------------------------------------------------------------------ */ /* Cards */ /* ------------------------------------------------------------------ */ .card { border: 1px solid var(--mvo-border); border-top: 3px solid var(--mvo-blue); border-radius: .45rem; box-shadow: 0 1px 2px rgba(22, 55, 106, .05); } .card-header { background: #f7fafc; border-bottom: 1px solid var(--mvo-border); font-weight: 600; color: #22334a; } /* ------------------------------------------------------------------ */ /* Tabelas */ /* ------------------------------------------------------------------ */ .table { --bs-table-hover-bg: #f2f7ff; } .table thead th { background: #f5f8fc; color: #3d5068; font-weight: 600; font-size: .78rem; text-transform: uppercase; letter-spacing: .03em; border-bottom: 2px solid #d9e1eb; white-space: nowrap; } .table > :not(caption) > * > * { padding: .65rem .75rem; vertical-align: middle; } /* ------------------------------------------------------------------ */ /* Botões / formulários */ /* ------------------------------------------------------------------ */ .btn-primary { background: var(--mvo-blue); border-color: var(--mvo-blue); } .btn-primary:hover, .btn-primary:focus { background: var(--mvo-primary-hover, var(--mvo-blue-2)); border-color: var(--mvo-primary-hover, var(--mvo-blue-2)); } .form-label { font-weight: 600; color: #3d5068; font-size: .85rem; } .form-control:focus, .form-select:focus { border-color: var(--mvo-blue-2); box-shadow: 0 0 0 .2rem rgba(45, 109, 181, .15); } .pagination .page-link { color: var(--mvo-blue); } .pagination .active > .page-link { background: var(--mvo-blue); border-color: var(--mvo-blue); } .pagination-shell { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.9rem 1rem; border-top:1px solid var(--mvo-border); background:#fff; } .pagination-summary { color:#718096; font-size:.78rem; white-space:nowrap; } .pagination-shell .pagination { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.2rem; } .pagination-shell .page-link { min-width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; gap:.3rem; padding:.35rem .55rem; border-color:#d5e0ec; border-radius:7px!important; background:#fff; } .pagination-shell .page-link:hover { background:#eef5ff; border-color:#a9c6ee; } .pagination-shell .active > .page-link { color:#fff; box-shadow:0 4px 10px rgba(37,99,235,.2); } .pagination-shell .disabled > .page-link { color:#94a3b8; background:#f8fafc; } .pagination-gap .page-link { min-width:24px; border-color:transparent; background:transparent; } .pagination-label { font-size:.76rem; } @media(max-width:767.98px){.pagination-shell{align-items:stretch;flex-direction:column}.pagination-summary{text-align:center}.pagination-shell nav{overflow-x:auto;padding-bottom:.2rem}.pagination-shell .pagination{flex-wrap:nowrap;justify-content:center;min-width:max-content}.pagination-label{display:none}} .dropdown-item:active { background: var(--mvo-blue); } /* ------------------------------------------------------------------ */ /* Rodapé */ /* ------------------------------------------------------------------ */ .cli-footer { background: var(--mvo-footer); color: var(--mvo-footer-text); text-align: center; padding: 1.1rem 0; font-size: .85rem; margin-top: 2rem; } @media (max-width: 768px) { body { font-size: 13.5px; } } /* ------------------------------------------------------------------ */ /* Client workspace refresh */ /* ------------------------------------------------------------------ */ :root { --cli-surface: #fff; --cli-surface-soft: #f7f9fc; --cli-heading: #10233f; --cli-success: #15845b; --cli-warning: #b76a00; --cli-danger: #cf3e4f; --cli-shadow: 0 8px 28px rgba(20, 48, 84, .07); } .cli-main { background: linear-gradient(180deg, #f3f6fa 0, #edf2f7 420px); } .cli-main .container { max-width: 1280px; } .cli-main .alert { border: 0; border-left: 4px solid currentColor; border-radius: 12px; box-shadow: var(--cli-shadow); } .impersonation-bar { display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.8rem 1rem;color:#fff;background:linear-gradient(135deg,#8a4b08,#b86b0c);border-radius:12px;box-shadow:0 8px 22px rgba(138,75,8,.2); }.impersonation-bar>span { display:flex;align-items:center;gap:.75rem; }.impersonation-bar>span>i { font-size:1.2rem; }.impersonation-bar>span span { display:grid;font-size:.78rem; }.impersonation-bar strong { font-size:.82rem; }.impersonation-bar .btn { white-space:nowrap; } .page-head, .client-page-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1.4rem; } .client-page-head .page-kicker { margin-bottom: .25rem; color: var(--mvo-blue-2); font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } .client-page-head h1 { margin: 0; color: var(--cli-heading); font-size: clamp(1.35rem, 2vw, 1.75rem); font-weight: 750; letter-spacing: -.025em; } .client-page-head p { max-width: 680px; margin: .35rem 0 0; color: #718198; } .client-page-head .page-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .55rem; } .card { overflow: hidden; border: 1px solid #dde5ef; border-top: 1px solid #dde5ef; border-radius: 14px; box-shadow: var(--cli-shadow); } .card-header { min-height: 52px; display: flex; align-items: center; padding: .85rem 1rem; background: #fff; gap: 10px; } .card-header i { color: var(--mvo-blue-2); } .card-body { padding: 1.15rem; } .list-group-item { padding: .8rem 1rem; border-color: #e8edf3; } .client-table-card { overflow: hidden; background: #fff; border: 1px solid #dce5ef; border-radius: 14px; box-shadow: var(--cli-shadow); } .client-table-card .table { margin: 0; } .client-table-card .table thead th { padding: .9rem 1rem; background: #f6f8fb; color: #64748a; border-bottom: 1px solid #dce4ed; font-size: .7rem; letter-spacing: .065em; } .client-table-card .table tbody td { padding: .9rem 1rem; border-color: #e8edf3; } .client-table-card .table tbody tr:last-child td { border-bottom: 0; } .client-table-card .table tbody tr:hover td { background: #f8fbff; } .client-table-card .btn-outline-primary { border-color: #c9d9eb; } .client-empty { display: grid; justify-items: center; padding: 3.5rem 1rem !important; color: #718198; text-align: center; } .client-empty .empty-icon { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: .9rem; color: var(--mvo-blue); background: #eaf3ff; border-radius: 18px; font-size: 1.5rem; } .client-empty strong { color: var(--cli-heading); font-size: 1rem; } .client-empty p { max-width: 420px; margin: .35rem 0 1rem; } .client-stats .card { height: 100%; } .client-stat { display: flex; align-items: center; gap: .9rem; padding: 1.15rem; } .client-stat-icon { flex: 0 0 46px; width: 46px; height: 46px; display: grid; place-items: center; color: var(--stat-color, var(--mvo-blue)); background: color-mix(in srgb, var(--stat-color, var(--mvo-blue)) 11%, white); border-radius: 13px; font-size: 1.2rem; } .client-stat-value { color: var(--cli-heading); font-size: 1.35rem; font-weight: 800; line-height: 1.1; } .client-stat-label { margin-top: .25rem; color: #77879b; font-size: .78rem; } .client-stat.primary { --stat-color: #2468c9; }.client-stat.danger { --stat-color: #d83f50; } .client-stat.success { --stat-color: #159261; }.client-stat.warning { --stat-color: #d78a00; } .dashboard-welcome { position: relative; overflow: hidden; display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; padding: 1.5rem; color: var(--mvo-hero-text); background: linear-gradient(125deg, var(--mvo-hero), var(--mvo-hero-2)); border-radius: 16px; box-shadow: 0 14px 32px color-mix(in srgb, var(--mvo-hero) 20%, transparent); } .dashboard-welcome::after { content: ''; position: absolute; right: -55px; bottom: -100px; width: 230px; height: 230px; border: 38px solid rgba(255,255,255,.075); border-radius: 50%; } .dashboard-welcome h1 { margin: 0; font-size: 1.55rem; font-weight: 750; }.dashboard-welcome p { margin: .35rem 0 0; color: color-mix(in srgb, var(--mvo-hero-text) 82%, transparent); } .dashboard-welcome .btn { z-index: 1; align-self: center; color: var(--mvo-primary-hover); background: #fff; border-color: #fff; font-weight: 700; } .suspension-notices { display: grid; gap: .85rem; margin-bottom: 1rem; } .suspension-notice { display: grid; grid-template-columns: minmax(260px, 1.1fr) minmax(360px, 1.6fr) auto; align-items: center; gap: 1.15rem; padding: 1.1rem; background: #fff; border: 1px solid #f0d5ae; border-radius: 14px; box-shadow: 0 10px 28px rgba(125, 75, 11, .08); } .suspension-notice-heading { display: flex; align-items: flex-start; gap: .8rem; min-width: 0; } .suspension-notice-icon { flex: 0 0 44px; width: 44px; height: 44px; display: grid; place-items: center; color: #ad5d00; background: #fff3df; border: 1px solid #f6d09a; border-radius: 12px; font-size: 1.1rem; } .suspension-notice-tags { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; margin-bottom: .4rem; } .suspension-invoice-count { color: #a55200; background: #fff5e7; border-radius: 999px; padding: .3rem .6rem; font-size: .68rem; font-weight: 750; } .suspension-notice h2 { margin: 0; color: #10233f; font-size: 1.05rem; font-weight: 750; } .suspension-notice-heading p { overflow: hidden; margin: .25rem 0 0; color: #68798f; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; } .suspension-notice-details { display: grid; grid-template-columns: repeat(2, minmax(145px, 1fr)); gap: .55rem; } .suspension-notice-details > div { display: flex; align-items: center; gap: .55rem; min-width: 0; padding: .7rem; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; } .suspension-notice-details i { color: #b56609; } .suspension-notice-details span { display: grid; min-width: 0; } .suspension-notice-details small { color: #7b899b; font-size: .62rem; font-weight: 750; letter-spacing: .045em; text-transform: uppercase; } .suspension-notice-details strong { color: #243952; font-size: .78rem; line-height: 1.25; } .suspension-notice-actions { display: flex; gap: .5rem; } .suspension-notice-actions .btn { white-space: nowrap; } .dashboard-card-link { display: inline-flex; align-items: center; gap: .25rem; margin-left: auto; color: var(--mvo-blue); font-size: .72rem; text-decoration: none; } .dashboard-invoice-row { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: .7rem; } .dashboard-invoice-row.is-open { background: #fffdfa; } .dashboard-invoice-icon { width: 36px; height: 36px; display: grid; place-items: center; color: var(--mvo-blue); background: #eef6ff; border: 1px solid #d8e7f7; border-radius: 10px; } .dashboard-invoice-copy, .dashboard-invoice-value { display: grid; min-width: 0; } .dashboard-invoice-copy strong { overflow: hidden; color: #172b49; font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; } .dashboard-invoice-copy small { color: #74849a; font-size: .7rem; } .dashboard-invoice-value { justify-items: end; gap: .25rem; font-variant-numeric: tabular-nums; } .dashboard-invoice-value strong { color: #172b49; font-size: .82rem; } .dashboard-invoice-value .badge { font-size: .61rem; letter-spacing: .035em; text-transform: uppercase; } .detail-hero { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; padding: 1.2rem 1.3rem; background: #fff; border: 1px solid #dce5ef; border-radius: 14px; box-shadow: var(--cli-shadow); } .detail-hero-main { display: flex; align-items: center; gap: .9rem; min-width: 0; } .detail-hero-icon { flex: 0 0 46px; width: 46px; height: 46px; display: grid; place-items: center; color: var(--mvo-blue); background: #eaf3ff; border-radius: 13px; font-size: 1.25rem; } .detail-hero h1 { overflow: hidden; margin: 0; color: var(--cli-heading); font-size: 1.35rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; } .detail-hero p { margin: .25rem 0 0; color: #7a899b; } .detail-hero-actions { display: flex; align-items: center; gap: .5rem; } .info-list .list-group-item { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 49px; } .info-list .list-group-item > :last-child { color: #243952; font-weight: 600; text-align: right; } .badge { padding: .42em .68em; border-radius: 999px; font-weight: 700; } .badge.bg-success { background-color: #e7f7ef !important; color: #11714b !important; } .badge.bg-warning { background-color: #fff2cd !important; color: #8a5700 !important; } .badge.bg-danger { background-color: #ffe7ea !important; color: #ad2f3d !important; } .badge.bg-info { background-color: #e2f4fa !important; color: #17647d !important; } .badge.bg-secondary { background-color: #edf1f5 !important; color: #5f6e80 !important; } .ticket-thread { display: grid; gap: 1rem; } .ticket-message { display: flex; align-items: flex-start; gap: .75rem; } .ticket-message.admin { flex-direction: row-reverse; } .ticket-bubble { flex: 1; padding: 1rem; background: #f5f7fa; border: 1px solid #e5ebf2; border-radius: 4px 14px 14px 14px; } .ticket-message.admin .ticket-bubble { background: #edf5ff; border-color: #d5e6f8; border-radius: 14px 4px 14px 14px; } .avatar-sm { flex: 0 0 38px; width: 38px; height: 38px; } .reply-composer { padding: 1rem; background: #f8fafc; border-top: 1px solid #e3e9f0; } .copy-box { padding: .9rem; background: #f7faff; border: 1px dashed #b9cde4; border-radius: 11px; } @media (max-width: 767.98px) { .cli-header .container { padding-block: .8rem !important; } .cli-nav a { padding: .68rem .8rem; } .client-page-head, .detail-hero, .dashboard-welcome { align-items: stretch; flex-direction: column; } .impersonation-bar { align-items:stretch;flex-direction:column; }.impersonation-bar .btn { width:100%; } .client-page-head .page-actions { justify-content: flex-start; } .dashboard-welcome .btn { align-self: flex-start; } .suspension-notice { grid-template-columns: 1fr; } .suspension-notice-details { grid-template-columns: repeat(2, minmax(0, 1fr)); } .suspension-notice-actions .btn { flex: 1; } .detail-hero-actions { flex-wrap: wrap; } .client-table-card { border-radius: 12px; } .client-table-card table, .client-table-card tbody, .client-table-card tr, .client-table-card td { display: block; width: 100%; } .client-table-card thead { display: none; } .client-table-card tbody tr { position: relative; padding: .75rem 1rem; border-bottom: 1px solid #e4eaf1; } .client-table-card tbody tr:last-child { border-bottom: 0; } .client-table-card .table tbody td { display: flex; justify-content: space-between; gap: 1rem; padding: .35rem 0; border: 0; text-align: right !important; } .client-table-card .table tbody td::before { content: attr(data-label); color: #718198; font-size: .72rem; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; } .client-table-card .table tbody td.client-empty { display: grid; padding: 2.5rem 1rem !important; text-align: center !important; } .client-table-card .table tbody td.client-empty::before { display: none; } .client-table-card .table tbody td:last-child .btn { width: 100%; margin-top: .4rem; } } @media (max-width: 420px) { .suspension-notice-details { grid-template-columns: 1fr; } .suspension-notice-actions { flex-direction: column; } } @media (min-width: 768px) and (max-width: 1199.98px) { .suspension-notice { grid-template-columns: minmax(260px, 1fr) minmax(350px, 1.5fr); } .suspension-notice-actions { grid-column: 1 / -1; justify-content: flex-end; } } /* Client area 2026 / ordering experience */ .cli-main .container { max-width: 1220px; } .order-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1.5rem; } .order-heading.compact { margin-bottom:1.15rem; } .order-heading h1 { margin:.2rem 0 .3rem; color:#10233f; font-size:1.7rem; font-weight:750; } .order-heading p { margin:0; color:#708096; } .eyebrow { color:var(--mvo-blue-2); font-size:.72rem; font-weight:750; letter-spacing:.12em; } .catalog-tabs { display:flex; gap:.4rem; margin-bottom:1.5rem; padding:.4rem; overflow-x:auto; background:#fff; border:1px solid var(--mvo-border); border-radius:12px; } .catalog-tabs a { padding:.55rem .8rem; color:#52647a; white-space:nowrap; text-decoration:none; border-radius:8px; font-weight:600; } .catalog-tabs a:hover { color:var(--mvo-blue); background:#edf5ff; } .catalog-tabs span { display:inline-grid; place-items:center; min-width:20px; height:20px; margin-left:.25rem; border-radius:999px; background:#e8eef6; font-size:.7rem; } .catalog-group { margin-bottom:2rem; scroll-margin-top:1rem; } .catalog-group-head h2 { margin:0 0 .25rem; font-size:1.15rem; color:#172b49; } .catalog-group-head p { color:var(--mvo-muted); margin:0 0 1rem; } .product-card { position:relative; height:100%; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--mvo-border); border-radius:14px; background:#fff; box-shadow:0 6px 20px rgba(22,55,106,.06); transition:.18s ease; } .product-card:hover { transform:translateY(-3px); border-color:#a9c4e6; box-shadow:0 14px 34px rgba(22,55,106,.11); } .product-card.featured { border-color:#78a8df; } .product-ribbon { position:absolute; top:0; right:0; padding:.38rem .75rem; color:#fff; background:var(--mvo-blue); border-radius:0 13px 0 10px; font-size:.7rem; font-weight:700; } .product-card-body { padding:1.3rem 1.3rem .9rem; flex:1; } .product-icon { width:42px; height:42px; display:grid; place-items:center; margin-bottom:.85rem; border-radius:11px; color:var(--mvo-blue); background:#eaf3ff; font-size:1.15rem; } .product-card h3 { color:#152943; font-size:1.05rem; font-weight:700; } .product-description { min-height:68px; color:#65758a; font-size:.84rem; line-height:1.55; } .product-price { margin-top:1rem; } .product-price small { display:block; color:#8795a8; font-size:.7rem; } .product-price strong { color:#173f72; font-size:1.5rem; } .product-price span,.setup-fee { color:#738196; font-size:.75rem; } .product-card-footer { padding:0 1.3rem 1.2rem; } .product-card-footer > span { display:block; margin-top:.65rem; color:#8491a3; text-align:center; font-size:.68rem; } .empty-state { padding:3rem 1rem; color:#75859a; text-align:center; background:#fff; border:1px dashed #ccd7e5; border-radius:14px; } .empty-state > i { display:block; font-size:2rem; margin-bottom:.5rem; } .order-steps { display:flex; align-items:flex-start; justify-content:center; max-width:720px; margin:0 auto 2rem; } .order-steps > div { position:relative; flex:1; display:grid; justify-items:center; gap:.4rem; color:#98a4b4; font-size:.72rem; font-weight:650; text-align:center; } .order-steps > div:not(:last-child)::after { content:''; position:absolute; z-index:0; top:16px; left:calc(50% + 22px); width:calc(100% - 44px); height:2px; background:#dbe3ed; } .order-steps b { z-index:1; width:34px; height:34px; display:grid; place-items:center; border:2px solid #ccd6e2; border-radius:50%; background:var(--mvo-bg); } .order-steps .active { color:var(--mvo-blue); }.order-steps .active b { color:#fff; border-color:var(--mvo-blue); background:var(--mvo-blue); } .order-steps .done b { color:#fff; border-color:#198754; background:#198754; }.order-steps .done::after { background:#86c6a8 !important; } .checkout-section { margin-bottom:1rem; padding:1.35rem; border:1px solid var(--mvo-border); border-radius:14px; background:#fff; box-shadow:0 5px 18px rgba(22,55,106,.045); } .section-title { display:flex; align-items:flex-start; gap:.75rem; padding-bottom:1rem; margin-bottom:1rem; border-bottom:1px solid #edf1f6; } .section-title > span { flex:0 0 34px; width:34px; height:34px; display:grid; place-items:center; border-radius:9px; color:var(--mvo-blue); background:#eaf3ff; font-weight:750; } .section-title h2 { margin:0; color:#172b49; font-size:1rem; }.section-title p { margin:.2rem 0 0; color:#8491a3; font-size:.78rem; } .section-kicker { display:block; margin-bottom:.18rem; color:#1765c1; font-size:.64rem; font-weight:800; letter-spacing:.1em; } .configurable-options-section { padding:0; overflow:hidden; } .configurable-options-section > .section-title { margin:0; padding:1.15rem 1.3rem; background:#fff; } .configurable-options-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; padding:1.15rem; background:#f8fafc; } .configurable-option { min-width:0; min-height:150px; padding:1rem; border:1px solid #e2e8f0; border-radius:10px; background:#fff; transition:border-color .15s ease,box-shadow .15s ease; } .configurable-option:focus-within { border-color:#2563eb; box-shadow:0 0 0 .2rem rgba(37,99,235,.1); } .configurable-option-wide { grid-column:1/-1; } .configurable-option-head { display:flex; align-items:flex-start; justify-content:space-between; gap:.75rem; margin-bottom:.85rem; } .configurable-option-identity { display:flex; align-items:flex-start; gap:.6rem; min-width:0; } .configurable-option-icon { display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; border-radius:7px; color:#2563eb; background:#eaf2ff; } .configurable-option-head .form-label { margin:.25rem 0 0; color:#1e293b; font-weight:600; line-height:1.35; } .configurable-option-type { flex:0 0 auto; padding:.22rem .45rem; border:1px solid #e2e8f0; border-radius:7px; color:#64748b; background:#f8fafc; font-size:.62rem; font-weight:600; text-transform:uppercase; letter-spacing:.04em; } .configurable-option .form-control,.configurable-option .form-select { min-height:44px; background-color:#fff; } .configurable-option .option-list { margin-top:.15rem; } .option-list { display:grid; gap:.5rem; }.option-choice { display:flex; align-items:center; gap:.65rem; padding:.7rem; cursor:pointer; border:1px solid #dce4ed; border-radius:9px; } .option-choice:has(input:checked) { border-color:#73a6df; background:#f0f7ff; }.option-choice input { accent-color:var(--mvo-blue); }.option-choice span { display:flex; flex:1; justify-content:space-between; gap:.5rem; }.option-choice small { color:var(--mvo-blue); } .quantity-slider { display:grid; gap:.75rem; width:100%; padding:.15rem 0 0; } .quantity-slider-values { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; color:#64748b; font-size:.75rem; } .quantity-current { display:grid; gap:.1rem; } .quantity-current output { color:#1e293b; font-size:1.08rem; font-weight:600; } .quantity-current small { color:#64748b; font-size:.68rem; } .quantity-price { padding:.3rem .55rem; border-radius:7px; color:#1d4ed8; background:#eaf2ff; font-size:.68rem; font-weight:600; text-align:right; } .quantity-range { --range-progress:0%; width:100%; height:22px; margin:0; appearance:none; background:transparent; cursor:pointer; } .quantity-range:focus-visible { outline:2px solid #2563eb; outline-offset:3px; } .quantity-range::-webkit-slider-runnable-track { height:7px; border:1px solid #e2e8f0; border-radius:10px; background:linear-gradient(90deg,#2563eb var(--range-progress),#e2e8f0 var(--range-progress)); } .quantity-range::-webkit-slider-thumb { width:20px; height:20px; margin-top:-7px; appearance:none; border:2px solid #fff; border-radius:50%; background:#2563eb; box-shadow:0 2px 7px rgba(37,99,235,.25); } .quantity-range::-moz-range-track { height:7px; border:1px solid #e2e8f0; border-radius:10px; background:#e2e8f0; } .quantity-range::-moz-range-progress { height:7px; border-radius:10px; background:#2563eb; } .quantity-range::-moz-range-thumb { width:20px; height:20px; border:2px solid #fff; border-radius:50%; background:#2563eb; box-shadow:0 2px 7px rgba(37,99,235,.25); } .quantity-slider-scale { display:flex; justify-content:space-between; gap:.25rem; color:#64748b; font-size:.68rem; } .quantity-slider-scale span { min-width:0; } @media (max-width:767.98px) { .configurable-options-grid{grid-template-columns:1fr;padding:.85rem}.configurable-option{min-height:0}.configurable-option-wide{grid-column:auto} } @media (max-width:419.98px) { .configurable-option-head,.quantity-slider-values{display:grid}.configurable-option-type{justify-self:start}.quantity-price{justify-self:start;text-align:left} } .order-summary { top:1rem; overflow:hidden; border:1px solid #ccd9e8; border-radius:14px; background:#fff; box-shadow:0 12px 32px rgba(22,55,106,.1); } .summary-head { display:flex; justify-content:space-between; padding:1rem 1.15rem; color:#fff; background:linear-gradient(135deg,var(--mvo-navy),var(--mvo-blue-2)); font-weight:700; } .summary-product { display:flex; justify-content:space-between; gap:.5rem; padding:1rem 1.15rem; border-bottom:1px solid #edf1f6; }.summary-product small { color:#8491a3; } .summary-row { display:flex; justify-content:space-between; padding:.42rem 1.15rem; color:#64758a; font-size:.82rem; }.summary-row strong { color:#31465e; }.summary-row.discount,.summary-row.discount strong { color:#168552; } .summary-total { display:flex; align-items:end; justify-content:space-between; margin-top:.7rem; padding:1rem 1.15rem; border-top:1px solid #dfe7f0; }.summary-total span { font-weight:650; }.summary-total strong { color:var(--mvo-blue); font-size:1.45rem; } .order-summary > .btn { width:calc(100% - 2.3rem) !important; margin:0 1.15rem; } .order-summary .summary-action { margin:0 1.15rem .15rem; } .order-summary .summary-action .btn { width:100%; } .cart-share-trigger { display:flex; align-items:center; justify-content:center; gap:.55rem; width:calc(100% - 2.3rem); margin:.7rem 1.15rem .1rem; padding:.72rem 1rem; color:#154f86; font-weight:700; background:#f8fbff; border:1px dashed #79a8d7; border-radius:10px; transition:.18s ease; } .cart-share-trigger:hover { color:#0b3e70; background:#eef7ff; border-color:#276eb4; transform:translateY(-1px); } .cart-share-trigger:disabled { opacity:.6; cursor:wait; transform:none; } .share-cart-modal .modal-content { overflow:hidden; border:1px solid #d9e4ef; border-radius:22px; box-shadow:0 24px 70px rgba(13,42,77,.25); } .share-cart-modal-head { display:flex; align-items:center; justify-content:space-between; padding:1.65rem 2rem .4rem; } .share-cart-kicker { display:inline-flex; padding:.48rem .9rem; color:#08639c; font-size:.72rem; font-weight:800; letter-spacing:.11em; background:#eaf6ff; border-radius:999px; } .share-cart-close { display:grid; place-items:center; width:46px; height:46px; color:#5d7188; background:#f7faff; border:1px solid #d9e4ef; border-radius:15px; } .share-cart-modal .modal-body { padding:.5rem 2rem 2rem; } .share-cart-modal h2 { margin:0 0 .45rem; color:#0b1f38; font-size:clamp(1.55rem,3vw,2.1rem); font-weight:800; } .share-cart-modal p { max-width:650px; margin:0 0 1.45rem; color:#647891; } .share-cart-link-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.7rem; padding-top:1.45rem; border-top:1px solid #e3ebf3; } .share-cart-link-row input { width:100%; min-width:0; height:52px; padding:0 1rem; color:#154f86; background:#f8fbff; border:1px solid #cddcea; border-radius:14px; } .share-cart-link-row button { min-width:145px; padding:0 1.35rem; color:#fff; font-weight:750; background:#066b9f; border:0; border-radius:14px; box-shadow:0 10px 22px rgba(6,107,159,.2); } .share-cart-link-row button:disabled { opacity:.55; box-shadow:none; } .share-cart-feedback { min-height:24px; margin-top:.7rem; color:#60748b; font-size:.88rem; } .share-cart-feedback.is-success { color:#16804a; }.share-cart-feedback.is-error { color:#c33f4c; } .share-cart-warning { display:block; margin-top:.55rem; color:#72849a; } @media (max-width:575.98px) { .share-cart-modal-head { padding:1.1rem 1.1rem .35rem; }.share-cart-modal .modal-body { padding:.4rem 1.1rem 1.35rem; }.share-cart-link-row { grid-template-columns:1fr; }.share-cart-link-row button { height:48px; } } .secure-note { display:flex; justify-content:center; align-items:center; gap:.5rem; padding:.9rem 1rem; color:#627389; text-align:left; font-size:.75rem; }.secure-note i { color:#198754; font-size:1rem; }.secure-note small { color:#95a0af; } .review-product { display:flex; align-items:start; justify-content:space-between; gap:1rem; }.review-product div { display:grid; gap:.25rem; }.review-product small { color:#7b899c; }.review-product span { color:#51657d; font-size:.8rem; }.review-product > strong { color:var(--mvo-blue); font-size:1.05rem; } .review-product .review-product-actions { display:flex; grid-auto-flow:column; align-items:center; gap:.45rem; white-space:nowrap; }.review-product-actions strong { color:var(--mvo-blue); font-size:1.05rem; } .review-addon { display:flex; justify-content:space-between; padding:.55rem 0; border-top:1px dashed #e0e7ef; color:#66778c; font-size:.8rem; } .payment-options{display:grid;gap:.65rem}.payment-choice{overflow:hidden;border:1px solid #dbe4ee;border-radius:10px;background:#fff;transition:border-color .18s ease,background-color .18s ease}.payment-choice:has(.payment-choice-head input:checked){border-color:#72a5df;background:#f7fbff}.payment-choice-head{display:flex;align-items:center;gap:.75rem;min-height:68px;padding:.9rem;cursor:pointer}.payment-choice-head>input,.checkout-saved-cards input{position:absolute;opacity:0;pointer-events:none}.payment-choice-head>span:nth-of-type(2){display:grid;flex:1}.payment-options small{color:#718096}.payment-icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:9px;color:var(--mvo-blue);background:#eaf2fb}.payment-options .check{opacity:0;color:var(--mvo-blue)}.payment-choice:has(.payment-choice-head input:checked)>.payment-choice-head .check{opacity:1}.checkout-card-fields{display:none;padding:0 1rem 1rem;border-top:1px solid transparent}.checkout-card-fields.is-open{display:block;border-top-color:#dbe7f4}.checkout-card-intro{display:flex;align-items:center;gap:.75rem;padding:1rem 0}.checkout-card-intro>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:#1d4ed8;background:#eaf2ff}.checkout-card-intro>div{display:grid}.checkout-card-intro small{max-width:70ch}.checkout-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.checkout-field{display:grid;gap:.35rem}.checkout-field-wide{grid-column:1/-1}.checkout-field label,.checkout-field-label{color:#33465d;font-size:.78rem;font-weight:650}.checkout-field input,.checkout-field select{width:100%;min-height:43px;padding:.6rem .75rem;border:1px solid #d5e0ec;border-radius:8px;color:#1e293b;background:#fff}.checkout-field input:focus,.checkout-field select:focus{outline:0;border-color:#3b82f6;box-shadow:0 0 0 .2rem rgba(37,99,235,.14)}.checkout-card-input{position:relative}.checkout-card-input i{position:absolute;top:50%;left:.8rem;color:#64748b;transform:translateY(-50%)}.checkout-card-input input{padding-left:2.35rem}.checkout-saved-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.55rem;margin-bottom:.9rem}.checkout-saved-cards>.checkout-field-label{grid-column:1/-1}.checkout-saved-cards label{cursor:pointer}.checkout-saved-cards label>span{display:grid;grid-template-columns:auto 1fr;column-gap:.55rem;padding:.7rem;border:1px solid #dbe4ee;border-radius:9px;background:#fff}.checkout-saved-cards label i{grid-row:1/3;color:#2563eb}.checkout-saved-cards label small{grid-column:2}.checkout-saved-cards label:has(input:checked)>span{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.checkout-card-grid.is-disabled{display:none}.checkout-card-footer{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.35fr);gap:1rem;align-items:end;margin-top:.9rem}.checkout-save-card{display:flex;align-items:flex-start;gap:.55rem;min-height:43px;margin:0;padding:.55rem .7rem;border:1px solid #dbe4ee;border-radius:8px;cursor:pointer;background:#fff}.checkout-save-card input{margin-top:.2rem}.checkout-save-card span{display:grid}.checkout-save-card small{font-size:.7rem} .gateway-select { margin-top:1rem; }.coupon { margin:1rem 1.15rem; padding-top:.85rem; border-top:1px dashed #dce4ed; }.coupon label { margin-bottom:.4rem; color:#68798e; font-size:.75rem; font-weight:650; } .domain-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:.65rem; } .domain-actions label { cursor:pointer; }.domain-actions input { position:absolute; opacity:0; }.domain-actions span { height:100%; display:grid; justify-items:center; gap:.2rem; padding:.85rem .55rem; text-align:center; border:1px solid #dce5ef; border-radius:10px; color:#61738a; } .domain-actions i { font-size:1.2rem; color:var(--mvo-blue); }.domain-actions small { font-size:.67rem; color:#8b98a8; }.domain-actions label:has(input:checked) span { border-color:#6fa2dc; background:#eff7ff; box-shadow:0 0 0 2px rgba(45,109,181,.08); } .domain-result { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-top:.65rem; padding:.65rem .8rem; border-radius:8px; font-size:.8rem; }.domain-result.available { color:#146c43; background:#eaf8f1; }.domain-result.unavailable { color:#9b2931; background:#fff0f1; }.domain-result.loading { color:#52677e; background:#eef3f8; } .domain-price-browser { padding:.9rem; border:1px solid #e1e8f0; border-radius:10px; background:#f8fafc; } .domain-price-browser-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:.7rem; } .domain-price-browser-head div { display:grid; gap:.1rem; }.domain-price-browser-head strong { color:#33465d; font-size:.78rem; }.domain-price-browser-head small,.domain-price-browser-head > span { color:#7b899b; font-size:.69rem; }.domain-price-browser-head > span { white-space:nowrap; } .domain-price-featured { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.45rem; } .domain-price-featured > span,.domain-price-list > span { display:flex; align-items:center; justify-content:space-between; min-width:0; gap:.45rem; padding:.5rem .6rem; border:1px solid #dce5ef; border-radius:8px; background:#fff; } .domain-price-featured b,.domain-price-list b { overflow:hidden; color:#31465f; font-size:.73rem; text-overflow:ellipsis; white-space:nowrap; }.domain-price-featured small,.domain-price-list small { color:#73849a; font-size:.66rem; white-space:nowrap; } .domain-price-all { margin-top:.65rem; border-top:1px solid #e1e8f0; }.domain-price-all > summary { display:flex; align-items:center; justify-content:space-between; min-height:38px; padding:.55rem .15rem 0; color:#2563eb; font-size:.75rem; font-weight:650; cursor:pointer; list-style:none; }.domain-price-all > summary::-webkit-details-marker { display:none; }.domain-price-all > summary > span { display:flex; align-items:center; gap:.4rem; }.domain-price-all > summary > .bi-chevron-down { transition:transform .18s ease; }.domain-price-all[open] > summary > .bi-chevron-down { transform:rotate(180deg); } .domain-price-all-panel { padding-top:.65rem; }.domain-price-search { position:relative; display:block; }.domain-price-search > i { position:absolute; top:50%; left:.75rem; color:#75869a; transform:translateY(-50%); }.domain-price-search input { width:100%; min-height:40px; padding:.55rem .75rem .55rem 2.25rem; border:1px solid #d4dfeb; border-radius:8px; color:#24364d; background:#fff; }.domain-price-search input:focus { outline:0; border-color:#3b82f6; box-shadow:0 0 0 .2rem rgba(37,99,235,.13); } .domain-price-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.4rem; max-height:250px; margin-top:.55rem; padding-right:.3rem; overflow:auto; scrollbar-color:#b8c6d6 transparent; scrollbar-width:thin; }.domain-price-list > span[hidden] { display:none; }.domain-price-empty { margin:.75rem 0 .15rem; color:#64748b; font-size:.75rem; text-align:center; } @media (max-width:767.98px) { .domain-price-featured,.domain-price-list { grid-template-columns:repeat(2,minmax(0,1fr)); }.domain-price-browser-head { display:grid; gap:.25rem; }.domain-price-browser-head > span { white-space:normal; } } @media (max-width:420px) { .domain-price-featured,.domain-price-list { grid-template-columns:1fr; } } .cart-list { display:grid; gap:.75rem; }.cart-item { display:flex; align-items:center; gap:1rem; padding:1rem; border:1px solid var(--mvo-border); border-radius:12px; background:#fff; box-shadow:0 4px 14px rgba(22,55,106,.045); }.cart-item .product-icon { flex:0 0 42px; margin:0; }.cart-item-info { min-width:0; display:grid; flex:1; gap:.15rem; }.cart-item-info h2 { margin:0; color:#172b49; font-size:.95rem; }.cart-item-info span,.cart-item-info small { color:#7b899b; font-size:.75rem; }.cart-item > strong { color:var(--mvo-blue); white-space:nowrap; } .cart-item-accordion { display:block; padding:0; overflow:hidden; } .cart-item-accordion > summary { display:grid; grid-template-columns:42px minmax(0,1fr) auto 18px; align-items:center; gap:1rem; padding:1rem; cursor:pointer; list-style:none; } .cart-item-accordion > summary::-webkit-details-marker { display:none; } .cart-item-accordion > summary > strong { color:var(--mvo-blue); white-space:nowrap; } .cart-item-accordion .cart-item-chevron { color:#728399; font-size:.78rem; transition:transform .2s ease; } .cart-item-accordion[open] > summary { background:#f8fbff; } .cart-item-accordion[open] .cart-item-chevron { transform:rotate(180deg); } .cart-item-details { display:block; padding:.15rem 1rem 1rem 4.7rem; border-top:1px solid #edf1f6; background:#fbfdff; } .cart-item-breakdown { flex:1; } .cart-item-actions { display:flex; align-items:center; justify-content:flex-end; gap:.55rem; margin-top:.7rem; padding-top:.8rem; border-top:1px solid #e5ebf3; } .cart-item-actions form { margin:0; } .cart-item-actions .btn { display:inline-flex; align-items:center; justify-content:center; gap:.35rem; min-height:36px; } .cart-item-breakdown > div { display:flex; align-items:start; justify-content:space-between; gap:1rem; padding:.55rem 0; border-bottom:1px dashed #e3eaf2; color:#697b90; font-size:.76rem; } .cart-item-breakdown > div:last-child { border-bottom:0; } .cart-item-breakdown > div > span { display:grid; gap:.1rem; } .cart-item-breakdown b,.cart-item-breakdown strong { color:#354b64; } .cart-item-breakdown small { color:#7c8ca0; } @media(max-width:575.98px){.cart-item-accordion > summary{grid-template-columns:36px minmax(0,1fr) 16px;gap:.65rem}.cart-item-accordion > summary > strong{grid-column:2}.cart-item-accordion .cart-item-chevron{grid-column:3;grid-row:1 / 3}.cart-item-details{padding:.25rem 1rem 1rem}.cart-item-actions{align-items:stretch;flex-direction:column}.cart-item-actions form,.cart-item-actions .btn{width:100%}} .order-complete-hero { display:flex; align-items:center; gap:1rem; margin-bottom:1.25rem; padding:1.35rem; border-radius:14px; color:#fff; }.order-complete-hero.pending { background:linear-gradient(135deg,#7a5410,#c58a1b); }.order-complete-hero.success { background:linear-gradient(135deg,#12633f,#1d9460); }.complete-icon { flex:0 0 54px; width:54px; height:54px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.16); font-size:1.4rem; }.order-complete-hero span { font-size:.68rem; font-weight:750; letter-spacing:.12em; opacity:.8; }.order-complete-hero h1 { margin:.15rem 0; font-size:1.45rem; }.order-complete-hero p { margin:0; opacity:.86; } .next-steps { padding:1.25rem; border:1px solid var(--mvo-border); border-radius:14px; background:#fff; }.next-steps h2 { margin:0 0 1rem; font-size:1rem; }.next-steps > div { display:flex; gap:.75rem; position:relative; }.next-steps > div:not(:last-child)::before { content:''; position:absolute; left:16px; top:34px; bottom:0; width:2px; background:#dfe7ef; }.next-steps span { z-index:1; flex:0 0 34px; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; color:#718196; background:#edf1f6; }.next-steps span.done { color:#fff; background:#198754; }.next-steps p { display:grid; margin:0 0 1rem; }.next-steps small { color:#7d8b9c; } @media (max-width: 767.98px) { .order-heading { align-items:stretch; flex-direction:column; }.order-heading h1 { font-size:1.35rem; } .order-steps span { font-size:.62rem; }.checkout-section { padding:1rem; }.order-summary { margin-top:.25rem; }.checkout-card-grid,.checkout-card-footer{grid-template-columns:1fr}.checkout-saved-cards{grid-template-columns:1fr} .product-description { min-height:0; }.cli-header .container { padding-block:.75rem !important; } .domain-actions { grid-template-columns:1fr; }.domain-actions span { justify-items:start; grid-template-columns:28px 1fr; text-align:left; }.domain-actions i { grid-row:1 / 3; }.cart-item { align-items:flex-start; flex-wrap:wrap; }.cart-item-info { width:calc(100% - 60px); }.cart-item > strong { margin-left:58px; } } .billing-cycle-options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; } .billing-cycle-options label { display: flex; align-items: flex-start; gap: .65rem; padding: .9rem; border: 1px solid #dbe3ee; border-radius: 10px; background: #fff; cursor: pointer; } .billing-cycle-options label:has(input:checked) { border-color: #2563eb; box-shadow: 0 0 0 2px rgba(37,99,235,.1); } .billing-cycle-options .billing-cycle-content { display: grid; gap: .35rem; width: 100%; min-width: 0; } .billing-cycle-options .billing-cycle-title { display: grid; grid-template-columns: minmax(0, 1fr); justify-items: start; gap: .45rem; } .billing-cycle-options .billing-cycle-title b { min-width: 0; line-height: 1.25; } .billing-cycle-options .billing-cycle-discount { padding: .28rem .55rem; border-radius: 999px; background: #eff4f9; color: #52647a; font-size: .68rem; font-style: normal; font-weight: 700; white-space: nowrap; } .billing-cycle-options .billing-cycle-discount.has-discount { background: #e7f8ef; color: #087443; } .billing-cycle-options small { color: #64748b; } .summary-details { border-top: 1px solid #e2e8f0; } .summary-detail-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: .75rem; padding: .7rem 1rem; border-bottom: 1px solid #edf1f6; } .summary-detail-row > span { display: grid; min-width: 0; gap: .12rem; } .summary-detail-row b { color: #27364a; font-size: .78rem; line-height: 1.3; } .summary-detail-row small { overflow-wrap: anywhere; color: #718096; font-size: .72rem; } .summary-detail-row strong { color: #27364a; font-size: .78rem; white-space: nowrap; } .summary-products { border-bottom: 1px solid #e2e8f0; } .summary-product-item { border-bottom: 1px solid #edf1f6; background: #fff; } .summary-product-item:last-child { border-bottom: 0; } .summary-product-item summary { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: .65rem; padding: .9rem 1.15rem; cursor: pointer; list-style: none; } .summary-product-item summary::-webkit-details-marker { display: none; } .summary-product-item summary > span { display: grid; min-width: 0; gap: .15rem; } .summary-product-item summary b { overflow: hidden; color: #263a53; font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; } .summary-product-item summary small { overflow: hidden; color: #8391a3; font-size: .69rem; text-overflow: ellipsis; white-space: nowrap; } .summary-product-item summary > strong { color: #254f83; font-size: .82rem; white-space: nowrap; } .summary-product-item summary > i { color: #76879a; font-size: .72rem; transition: transform .2s ease; } .summary-product-item[open] summary { background: #f7faff; } .summary-product-item[open] summary > i { transform: rotate(180deg); } .summary-product-breakdown { padding: 0 .95rem .75rem; background: #fbfdff; } .summary-product-breakdown > div { display: flex; align-items: start; justify-content: space-between; gap: .75rem; padding: .55rem .2rem; border-top: 1px solid #edf1f6; color: #66788e; font-size: .74rem; } .summary-product-breakdown > div > span { display: grid; min-width: 0; gap: .1rem; } .summary-product-breakdown b { color: #354a62; font-size: .74rem; } .summary-product-breakdown small { overflow-wrap: anywhere; color: #8190a2; font-size: .69rem; } .summary-product-breakdown strong { color: #354a62; white-space: nowrap; } @media (max-width: 1199.98px) { .billing-cycle-options { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767.98px) { .billing-cycle-options { grid-template-columns: 1fr; } } /* Dedicated/VPS checkout */ .server-configuration{border-color:#cddceb}.server-config-notice{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.8rem .9rem;color:#315a83;background:#eef6ff;border:1px solid #cfe2f6;border-radius:10px}.server-config-notice>i{font-size:1.25rem}.server-config-notice span{display:grid}.server-config-notice small{color:#71859a}.server-configuration .input-group-text{min-width:44px;justify-content:center;color:#2a68a8;background:#f3f7fb}.server-configuration .form-control{min-height:44px}.server-configuration .form-text{font-size:.72rem} /* Invoice detail */ .invoice-eyebrow{display:block;margin-bottom:.2rem;color:#2870bc;font-size:.67rem;font-weight:800;letter-spacing:.1em}.invoice-status-strip{display:flex;align-items:center;gap:.85rem;margin-bottom:1.5rem;padding:1rem 1.15rem;border:1px solid #cfe0f2;border-radius:13px;color:#285374;background:#f0f7ff}.invoice-status-strip>div{display:grid;flex:1}.invoice-status-strip small{color:#6f8294}.invoice-status-icon{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border-radius:10px;color:#276db5;background:#dcecff}.invoice-status-paid{color:#166b47;border-color:#bde5d1;background:#edf9f3}.invoice-status-paid .invoice-status-icon{color:#168253;background:#d4f2e2}.invoice-status-overdue{color:#a23442;border-color:#f0c3ca;background:#fff1f3}.invoice-status-overdue .invoice-status-icon{color:#c43c4d;background:#fadde1}.invoice-status-amount{display:grid;color:inherit;font-size:1.15rem;font-weight:800;text-align:right}.invoice-status-amount small{font-size:.67rem;font-weight:500}.invoice-summary,.invoice-content-card{overflow:hidden;border:1px solid #d5e0ec;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(22,55,106,.08)}.invoice-summary{top:1rem}.invoice-card-head{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:.85rem 1rem;color:#153a66;font-weight:750;background:#f7faff;border-bottom:1px solid #e0e8f1}.invoice-card-head>i,.invoice-card-head small{color:#6f88a4;font-size:.75rem;font-weight:500}.invoice-summary-body{padding:1rem}.invoice-meta,.invoice-value-row{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;font-size:.85rem}.invoice-meta span,.invoice-value-row span{color:#718096}.invoice-meta strong{color:#33465d}.invoice-value-row.discount strong{color:#168253}.invoice-summary-body hr{margin:.75rem 0;border-color:#dde6ef;opacity:1}.invoice-total{display:flex;align-items:end;justify-content:space-between;margin-top:.75rem;padding-top:.9rem;border-top:1px solid #dce5ef}.invoice-total span{font-weight:750}.invoice-total strong{color:#163e70;font-size:1.55rem}.invoice-paid-seal{display:flex;align-items:center;gap:.65rem;margin-top:1rem;padding:.75rem;color:#147148;background:#eaf8f1;border-radius:10px}.invoice-paid-seal>i{font-size:1.3rem}.invoice-paid-seal span{display:grid}.invoice-paid-seal small{color:#53806c;font-size:.7rem}.invoice-content-card .table th{padding:.8rem 1rem;color:#60748d;font-size:.72rem;letter-spacing:.04em}.invoice-content-card .table td{padding:1rem;border-color:#e7edf4}.invoice-table-subtotal{color:#173f70;font-weight:750;background:#f6f9fc}.invoice-payment-intro{margin-bottom:1rem}.invoice-payment-intro span{display:block;margin-bottom:.2rem;color:#33465d;font-size:.84rem;font-weight:750}.invoice-payment-intro p{margin:0;color:#718096;font-size:.78rem}.invoice-payment-options{margin:0;padding:0;border:0}.invoice-payment-options .payment-choice{box-shadow:0 1px 2px rgba(15,23,42,.035)}.invoice-payment-options .payment-choice:hover{border-color:#a9c5e4;background:#fbfdff}.invoice-payment-options .payment-choice:focus-within{border-color:#3b82f6;box-shadow:0 0 0 .2rem rgba(37,99,235,.12)}.invoice-payment-options .payment-choice-head{min-height:72px;padding:.9rem 1rem}.invoice-payment-options .payment-choice-head b{color:#1e3654;font-size:.86rem}.invoice-payment-options .payment-choice-head small{margin-top:.12rem;font-size:.72rem}.invoice-payment-submit{margin-top:1rem;min-height:48px;font-weight:700}.invoice-content-card .secure-note{justify-content:center} @media(max-width:767.98px){.invoice-status-strip{align-items:flex-start;flex-wrap:wrap}.invoice-status-amount{width:100%;padding-left:3.3rem;text-align:left}.invoice-content-card .table td{padding:.8rem}.invoice-hero .detail-hero-actions .btn{flex:1}} /* Ticket workspace */ .ticket-page{--ticket-border:#dde6f0;--ticket-muted:#718198}.ticket-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding:1.2rem 1.35rem;background:#fff;border:1px solid var(--ticket-border);border-radius:14px;box-shadow:0 8px 24px rgba(25,53,87,.06)}.ticket-toolbar h2{margin:.15rem 0;color:#102a4c;font-size:1.45rem}.ticket-toolbar p{margin:0;color:var(--ticket-muted)}.ticket-kicker{color:#2468e8;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ticket-toolbar-actions{display:flex;gap:.55rem}.ticket-conversation,.ticket-details{overflow:hidden;border:1px solid var(--ticket-border);border-radius:14px;box-shadow:0 8px 24px rgba(25,53,87,.06)}.ticket-conversation>.card-header,.ticket-details>.card-header{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:.9rem 1.15rem;background:#fff;border-bottom:1px solid var(--ticket-border)}.ticket-thread{display:flex!important;flex-direction:column;gap:1.15rem;padding:1.25rem;background:#f8fafc}.ticket-entry{display:flex;align-items:flex-start;gap:.75rem;max-width:92%}.ticket-entry.is-staff{align-self:flex-end;flex-direction:row-reverse}.ticket-avatar{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;color:#fff;background:#20a06b;border-radius:12px;font-size:1.05rem;box-shadow:0 5px 12px rgba(20,80,55,.15)}.ticket-entry.is-staff .ticket-avatar{background:#2767dc}.ticket-entry-body{min-width:0;padding:.9rem 1rem;background:#fff;border:1px solid var(--ticket-border);border-radius:4px 14px 14px 14px;box-shadow:0 3px 12px rgba(22,44,73,.05)}.ticket-entry.is-staff .ticket-entry-body{background:#eaf2ff;border-color:#cddfff;border-radius:14px 4px 14px 14px}.ticket-entry-body header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:.55rem}.ticket-entry-body header strong,.ticket-entry-body header span{display:block}.ticket-entry-body header span,.ticket-entry-body time{color:var(--ticket-muted);font-size:.74rem}.ticket-copy{color:#263b55;line-height:1.65;overflow-wrap:anywhere}.ticket-composer{padding:1.15rem;background:#fff;border-top:1px solid var(--ticket-border)}.ticket-composer textarea{min-height:125px;resize:vertical}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.75rem}.composer-actions select{max-width:280px}.ticket-detail-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:54px;padding:.8rem 1rem;border-top:1px solid #edf1f5}.ticket-detail-row:first-of-type{border-top:0}.ticket-detail-row>span{color:var(--ticket-muted)}.ticket-detail-row>strong,.ticket-detail-row>a{text-align:right}.ticket-status{display:inline-flex;align-items:center;padding:.34rem .65rem;border-radius:999px;background:#eef2f6;color:#5e6d80;font-size:.76rem;font-weight:800}.ticket-status.status-open,.ticket-status.status-customer_reply{background:#fff0ca;color:#835600}.ticket-status.status-answered{background:#e5f3ff;color:#176095}.ticket-status.status-in_progress{background:#eee9ff;color:#5942a8}.ticket-status.status-closed{background:#e7f7ef;color:#11714b}.ticket-closed{padding:1rem;text-align:center;color:#68788d;background:#f3f6f9;border-top:1px solid var(--ticket-border)}.ticket-empty{display:grid;justify-items:center;gap:.25rem;padding:3rem;color:var(--ticket-muted);text-align:center}.ticket-empty i{font-size:2rem} @media(max-width:767.98px){.ticket-toolbar{align-items:stretch;flex-direction:column}.ticket-toolbar-actions,.ticket-toolbar-actions form,.ticket-toolbar-actions select{width:100%}.ticket-entry{max-width:100%}.ticket-entry-body header{flex-direction:column;gap:.15rem}.composer-actions{align-items:stretch;flex-direction:column}.composer-actions select,.composer-actions .btn{width:100%;max-width:none}} .ticket-upload{display:grid;gap:.35rem;margin-top:.8rem;padding:.75rem;background:#f8fafc;border:1px dashed #bfd0e3;border-radius:10px}.ticket-upload label{color:#2d5f9f;font-weight:700;cursor:pointer}.ticket-upload small{color:#718198}.ticket-attachments{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.85rem;padding-top:.75rem;border-top:1px solid rgba(80,110,145,.16)}.ticket-attachments>span{width:100%;color:#66788e;font-size:.75rem;font-weight:800;text-transform:uppercase}.ticket-attachments a{display:inline-flex;align-items:center;gap:.4rem;max-width:100%;padding:.42rem .6rem;color:#235d9f;background:#fff;border:1px solid #cbd9e8;border-radius:8px;text-decoration:none}.ticket-attachments a:hover{background:#edf5ff;border-color:#8cb4e3}.ticket-attachments a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-attachments a small{flex:none;color:#7a899b} .ticket-editor{overflow:hidden;background:#fff;border:1px solid #cfd9e5;border-radius:10px}.ticket-editor:focus-within{border-color:#6ca5ee;box-shadow:0 0 0 .2rem rgba(36,104,232,.12)}.ticket-editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;padding:.5rem;background:#f5f7fa;border-bottom:1px solid #dfe6ee}.ticket-editor-toolbar button{min-width:34px;height:32px;padding:0 .5rem;color:#334a64;background:#fff;border:1px solid #d3dce6;border-radius:6px}.ticket-editor-toolbar button:hover,.ticket-editor-toolbar button.active{color:#fff;background:#2868d8;border-color:#2868d8}.ticket-editor-toolbar button b{font-size:.75rem}.ticket-editor-toolbar>span{width:1px;height:23px;margin:0 .15rem;background:#d6dee8}.ticket-editor textarea.form-control{min-height:180px;border:0;border-radius:0;box-shadow:none!important}.ticket-editor-preview{min-height:180px;padding:1rem;color:#263b55;line-height:1.65;background:#fff;overflow-wrap:anywhere}.ticket-editor-footer{display:flex;justify-content:space-between;gap:1rem;padding:.4rem .65rem;color:#7b8999;background:#fafbfc;border-top:1px solid #e5eaf0;font-size:.7rem}.ticket-copy blockquote,.ticket-editor-preview blockquote{margin:.65rem 0;padding:.6rem .8rem;color:#53677f;background:rgba(100,130,165,.08);border-left:3px solid #6d9ed9}.ticket-copy ul,.ticket-editor-preview ul{margin:.6rem 0;padding-left:1.4rem}.ticket-message-heading{display:block;margin:.35rem 0;font-size:1.08rem}.ticket-code{display:block;margin:.6rem 0;padding:.65rem;color:#d8e7fa;background:#17263a;border-radius:7px;font-family:Consolas,monospace;white-space:pre-wrap}@media(max-width:575.98px){.ticket-editor-toolbar button b{display:none}.ticket-editor-footer>span:first-child{display:none}} /* Refinamento visual sistêmico — área do cliente */ body{background:var(--mvo-page,#f6f8fc);color:var(--mvo-text,#1e293b)}.cli-header{background:linear-gradient(180deg,var(--mvo-header),var(--mvo-header-2));color:var(--mvo-header-text)}.cli-header .container{min-height:64px}.cli-nav{background:var(--mvo-navigation);border-bottom-color:var(--mvo-border,#dfe6ee);box-shadow:0 1px 2px rgba(15,23,42,.03)}.cli-nav a{min-height:44px;padding:.65rem .9rem;color:var(--mvo-navigation-text)}.cli-nav a.active{color:var(--mvo-primary-hover);border-bottom-color:var(--mvo-primary)}.cli-main{background:var(--mvo-page,#f6f8fc)}.cli-main .container{width:100%;max-width:1220px}.page-title{color:var(--mvo-heading);font-size:1.4rem;font-weight:750} .card{border:1px solid var(--mvo-border,#dfe6ee);border-top-width:1px;border-radius:10px;background:var(--mvo-surface);box-shadow:0 1px 2px rgba(15,23,42,.05)}.card-header{min-height:50px;padding:.8rem 1rem;background:var(--mvo-surface-subtle)}.card-body{padding:1rem}.btn-primary{border-color:var(--mvo-primary);background:var(--mvo-primary);box-shadow:none}.btn-primary:hover,.btn-primary:focus{border-color:var(--mvo-primary-hover);background:var(--mvo-primary-hover);transform:none} .detail-hero,.ticket-toolbar,.ticket-conversation,.ticket-details,.invoice-summary,.invoice-content-card{border-radius:10px;box-shadow:0 1px 2px rgba(15,23,42,.05)}.cli-footer{background:var(--mvo-footer);color:var(--mvo-footer-text)} @media(max-width:767.98px){.cli-header .container{padding-inline:.85rem}.cli-brand{max-width:58vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cli-brand .brand-logo{max-width:160px}.cli-nav .container{padding-inline:.5rem}.cli-main .container{padding-top:1.25rem!important;padding-bottom:2rem!important}.page-head{align-items:stretch;flex-direction:column}.page-head .btn{width:100%}} .ticket-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.ticket-signature{margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--bs-border-color);color:var(--bs-secondary-color);font-size:.78rem;line-height:1.55} /* Service upgrades and product addons */ .service-detail-page{width:100%;max-width:1220px;margin-inline:auto} .service-overview{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.35rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.05)} .service-overview-main{display:flex;align-items:center;gap:1rem;min-width:0}.service-overview-icon{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;color:#2563eb;background:#eaf2ff;border-radius:12px;font-size:1.2rem}.service-overview-copy{min-width:0}.service-overview-meta{display:flex;align-items:center;gap:.55rem;margin-bottom:.25rem;color:#64748b;font-size:.78rem;font-weight:650}.service-overview-copy h1{margin:0;color:#0f172a;font-size:1.5rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}.service-overview-copy p{display:flex;align-items:center;gap:.4rem;min-width:0;margin:.4rem 0 0;color:#64748b}.service-overview-copy p span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-overview-actions{display:flex;align-items:center;gap:.55rem;flex:none} .service-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1rem;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.05)}.service-facts>div{display:grid;align-content:center;min-height:88px;padding:1rem 1.15rem}.service-facts>div+div{border-left:1px solid #e2e8f0}.service-facts span{color:#64748b;font-size:.78rem;font-weight:650}.service-facts strong{margin-top:.2rem;color:#1e293b;font-size:1.08rem}.service-facts small{margin-top:.1rem;color:#64748b;font-size:.78rem} .service-password-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.service-password-panel>div:first-child{display:grid}.service-password-panel>div:first-child strong{color:#1e293b}.service-password-panel>div:first-child span{color:#64748b;font-size:.78rem}.service-password-panel>.input-group{max-width:430px} .service-module-primary>.card,.service-module-primary>section{margin-bottom:0}.service-module-primary .card{border-radius:12px}.service-module-primary .card-header{background:#f8fafc} .service-invoices{overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.05)}.service-invoices>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.service-invoices h2{margin:0;color:#1e293b;font-size:1.08rem}.service-invoices header p{margin:.2rem 0 0;color:#64748b;font-size:.78rem}.service-invoices thead th{padding:.7rem 1rem;color:#64748b;background:#fff;font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.service-invoices td{padding:.75rem 1rem;border-color:#e2e8f0}.service-invoice-number{display:block;font-weight:650}.service-invoices td small{display:block;margin-top:.1rem;color:#64748b;font-size:.78rem}.service-invoices .btn-link{text-decoration:none}.service-invoices-empty{text-align:center!important;padding:2rem!important;color:#64748b!important}.service-invoices-empty i,.service-invoices-empty strong,.service-invoices-empty span{display:block}.service-invoices-empty i{margin-bottom:.4rem;font-size:1.5rem}.service-invoices-empty strong{color:#1e293b}.service-invoices-empty span{margin-top:.15rem;font-size:.78rem} .service-commerce{overflow:hidden;background:#fff;border:1px solid #dfe6ee;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.05)} .service-commerce-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.25rem;border-bottom:1px solid #dfe6ee;background:#f8fafc} .service-commerce-head h2,.service-commerce-title h3{margin:0;color:#1e293b}.service-commerce-head h2{font-size:1.08rem}.service-commerce-head p,.service-commerce-title p{margin:.2rem 0 0;color:#64748b;font-size:.78rem} .service-commerce-count{flex:none;padding:.3rem .65rem;color:#64748b;background:#f8fafc;border-radius:999px;font-size:.78rem;font-weight:750} .service-commerce-block+.service-commerce-block{border-top:1px solid #e2e8f0}.service-commerce-title{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem}.service-commerce-title>i{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;color:#2563eb;background:#eaf2ff;border-radius:10px}.service-commerce-title h3{font-size:14px} .service-addon-table-wrap{overflow-x:auto;border-top:1px solid #e2e8f0}.service-addon-table thead th{padding:.7rem 1rem;color:#64748b;background:#f8fafc;font-size:.78rem;font-weight:750;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap}.service-addon-table td{padding:.75rem 1rem;vertical-align:middle;border-color:#e2e8f0}.service-addon-table td strong,.service-addon-table td small{display:block}.service-addon-table td small{margin-top:.1rem;color:#64748b;font-size:.78rem}.service-commerce-empty{text-align:center!important;padding:1.4rem!important;color:#64748b!important}.service-commerce-empty i{margin-right:.45rem;color:#64748b} .service-addon-cancellation{display:inline-flex;align-items:center;gap:.35rem;color:#64748b;font-size:.78rem;font-weight:600;white-space:nowrap}.service-addon-cancellation i{color:#e8a33d} .service-offer-list{border-top:1px solid #e2e8f0}.service-offer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:1rem 1.25rem}.service-offer+.service-offer{border-top:1px solid #e2e8f0}.service-offer:hover{background:#f8fafc}.service-offer-copy{display:grid;min-width:0;gap:.2rem}.service-offer-copy>strong{color:#1e293b}.service-offer-copy>span{max-width:68ch;color:#64748b;font-size:.78rem;line-height:1.45}.service-offer-price{display:grid;min-width:125px;text-align:right}.service-offer-price strong{color:#1d4e89;font-size:14px}.service-offer-price span,.service-offer-price small{color:#64748b;font-size:.78rem}.service-offer .btn{min-width:148px}.service-addon-offer{grid-template-columns:minmax(0,1fr) auto auto auto}.service-addon-quantity{display:grid;gap:.25rem;width:62px;color:#64748b;font-size:.78rem;font-weight:700}.service-addon-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.75rem}.service-addon-fields label{display:grid;gap:.25rem;color:#64748b;font-size:.78rem;font-weight:650} .service-commerce :focus-visible{outline:3px solid rgba(37,99,235,.18);outline-offset:2px}.service-commerce ::selection{color:#fff;background:#2563eb} .service-downloads{overflow:hidden;background:#fff;border:1px solid #dfe6ee;border-radius:12px;box-shadow:0 1px 2px rgba(15,23,42,.05)}.service-downloads-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.service-downloads-heading,.service-download-copy{display:flex;align-items:flex-start;min-width:0;gap:.8rem}.service-downloads-icon,.service-download-file{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;color:#2563eb;background:#eaf2ff;border-radius:10px}.service-downloads-head h2,.service-download-item h3{margin:0;color:#1e293b}.service-downloads-head h2{font-size:1.08rem}.service-downloads-head p,.service-download-item p{margin:.2rem 0 0;color:#64748b;font-size:.78rem}.service-downloads-count{flex:none;padding:.3rem .65rem;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:999px;font-size:.78rem;font-weight:650}.service-download-item{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1rem 1.25rem}.service-download-item+.service-download-item{border-top:1px solid #e2e8f0}.service-download-copy>div{min-width:0}.service-download-item h3{font-size:14px;font-weight:650;overflow-wrap:anywhere}.service-download-item p{max-width:72ch;overflow-wrap:anywhere}.service-download-meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-top:.45rem;color:#64748b;font-size:.75rem}.service-download-meta span{display:inline-flex;align-items:center;gap:.35rem}.service-download-item .btn{flex:none}.service-downloads :focus-visible{outline:3px solid rgba(37,99,235,.18);outline-offset:2px}.service-downloads ::selection{color:#fff;background:#2563eb} @media(max-width:991.98px){.service-overview{align-items:flex-start}.service-overview-actions{align-items:stretch;flex-direction:column}.service-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.service-facts>div:nth-child(3){border-left:0;border-top:1px solid #e2e8f0}.service-facts>div:nth-child(4){border-top:1px solid #e2e8f0}} @media(max-width:767.98px){.service-overview{align-items:stretch;flex-direction:column;padding:1rem}.service-overview-main{align-items:flex-start}.service-overview-copy h1{font-size:1.2rem}.service-overview-actions{display:grid;grid-template-columns:1fr}.service-overview-actions .btn{width:100%}.service-facts{grid-template-columns:1fr 1fr}.service-facts>div{min-height:82px;padding:.85rem}.service-password-panel,.service-invoices>header{align-items:stretch;flex-direction:column}.service-password-panel>.input-group{max-width:none}.service-commerce-head{align-items:flex-start;flex-direction:column}.service-addon-table,.service-addon-table tbody,.service-addon-table tr,.service-addon-table td{display:block;width:100%}.service-addon-table thead{display:none}.service-addon-table tr{padding:.7rem 1rem;border-bottom:1px solid #e2e8f0}.service-addon-table td{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.3rem 0;border:0;text-align:right}.service-addon-table td:before{content:attr(data-label);color:#64748b;font-size:.78rem;font-weight:750;text-transform:uppercase}.service-commerce-empty{display:block!important}.service-commerce-empty:before{display:none}.service-offer,.service-addon-offer{grid-template-columns:1fr;align-items:stretch}.service-offer-price{text-align:left}.service-offer .btn{width:100%}.service-addon-fields{grid-template-columns:1fr}.service-addon-quantity{width:100%}.service-invoices,.service-invoices tbody,.service-invoices tr,.service-invoices td{display:block;width:100%}.service-invoices thead{display:none}.service-invoices tbody tr{padding:.75rem 1rem;border-bottom:1px solid #e2e8f0}.service-invoices td{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.3rem 0;border:0;text-align:right!important}.service-invoices td:before{content:attr(data-label);color:#64748b;font-size:.78rem;font-weight:700;text-transform:uppercase}.service-invoices td:last-child{display:none}.service-invoices-empty{display:block!important}.service-invoices-empty:before{display:none}} @media(max-width:767.98px){.service-downloads-head{align-items:flex-start}.service-downloads-count{display:none}.service-download-item{align-items:stretch;flex-direction:column}.service-download-item .btn{width:100%}} /* Downloads: navegador hierárquico de pastas */ .download-browser{display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:1.5rem;align-items:start}.download-sidebar,.download-content{overflow:hidden;background:#fff;border:1px solid #dfe6ee;border-radius:12px}.download-sidebar{position:sticky;top:1rem}.download-sidebar-head{display:flex;align-items:center;gap:.75rem;padding:1rem 1.1rem;border-bottom:1px solid #e2e8f0}.download-sidebar-head>i{display:grid;width:36px;height:36px;place-items:center;color:#2563eb;background:#eaf2ff;border-radius:9px}.download-sidebar-head strong,.download-sidebar-head span{display:block}.download-sidebar-head strong{color:#1e293b;font-size:.95rem}.download-sidebar-head span{margin-top:.1rem;color:#64748b;font-size:.75rem}.download-tree-scroll{max-height:min(64vh,620px);overflow:auto;padding:.55rem}.download-tree,.download-tree-children{padding:0;margin:0;list-style:none}.download-tree{margin-top:.2rem}.download-tree-children{position:relative;margin-left:.75rem;padding-left:.85rem}.download-tree-children:before{position:absolute;top:0;bottom:.65rem;left:0;content:"";border-left:1px solid #dce5f0}.download-tree-row{display:flex;align-items:center;min-width:0}.download-tree-toggle,.download-tree-spacer{flex:0 0 28px;width:28px;height:36px}.download-tree-toggle{display:grid;padding:0;place-items:center;border:0;border-radius:7px;color:#64748b;background:transparent}.download-tree-toggle:hover{color:#2563eb;background:#eaf2ff}.download-tree-toggle i{font-size:.72rem;transition:transform .18s ease-out}.download-tree-toggle[aria-expanded=false] i{transform:rotate(-90deg)}.download-category-link{display:flex;align-items:center;justify-content:space-between;gap:.65rem;width:100%;min-width:0;padding:.65rem .7rem;border:0;border-radius:8px;color:#334155;background:transparent;text-align:left;transition:background-color .15s ease-out,color .15s ease-out}.download-category-link:hover{color:#1d4ed8;background:#f2f7ff}.download-category-link.active{color:#1d4ed8;background:#eaf2ff;font-weight:600}.download-category-copy{display:flex;align-items:center;min-width:0;gap:.55rem}.download-category-copy i{flex:none;color:#2563eb}.download-category-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.download-category-count{flex:none;min-width:24px;padding:.12rem .4rem;border:1px solid #e2e8f0;border-radius:999px;color:#64748b;background:#f8fafc;font-size:.7rem;font-variant-numeric:tabular-nums;text-align:center}.download-category-link.active .download-category-count{border-color:#bfdbfe;color:#1d4ed8;background:#fff}.download-category-all{margin-bottom:.25rem}.download-category-uncategorized{margin-top:.35rem;border-top:1px solid #eef2f7;border-radius:0 0 8px 8px}.download-content-head{padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.download-content-head h2{margin:0;color:#1e293b;font-size:1.05rem}.download-content-head p{margin:.15rem 0 0;color:#64748b;font-size:.78rem}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.download-client-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:.85rem;align-items:start;padding:1.15rem 1.25rem;border-bottom:1px solid #e2e8f0}.download-client-item:nth-child(odd){border-right:1px solid #e2e8f0}.download-client-item[hidden]{display:none}.download-file-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:10px;color:#2563eb;background:#eaf2ff;font-size:1.15rem}.download-file-body{min-width:0}.download-file-category{display:flex;align-items:center;gap:.35rem;margin-bottom:.25rem;color:#2563eb;font-size:.72rem;font-weight:600}.download-file-body h3{margin:0;color:#1e293b;font-size:.92rem;overflow-wrap:anywhere}.download-file-body p{display:-webkit-box;overflow:hidden;margin:.3rem 0 0;color:#64748b;font-size:.78rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.download-file-meta{margin-top:.55rem;color:#64748b;font-size:.72rem}.download-file-meta span,.download-file-action{display:inline-flex;align-items:center;gap:.35rem}.download-file-action{align-self:center}.download-empty{grid-column:1/-1;padding:4.5rem 1.5rem;text-align:center}.download-empty strong,.download-empty p{display:block}.download-empty p{max-width:52ch;margin:.35rem auto 0;color:#64748b;font-size:.82rem}.download-browser :focus-visible{outline:3px solid rgba(37,99,235,.2);outline-offset:2px}.download-browser ::selection{color:#fff;background:#2563eb} @media(max-width:991.98px){.download-browser{grid-template-columns:1fr}.download-sidebar{position:static}.download-tree-scroll{max-height:330px}.download-grid{grid-template-columns:1fr}.download-client-item:nth-child(odd){border-right:0}} @media(max-width:575.98px){.download-browser{gap:1rem}.download-client-item{grid-template-columns:38px minmax(0,1fr);padding:1rem}.download-file-icon{width:38px;height:38px}.download-file-action{grid-column:1/-1;justify-content:center;width:100%;margin-top:.15rem}.download-tree-scroll{max-height:280px}.download-content-head{padding:.85rem 1rem}} @media(prefers-reduced-motion:reduce){.download-tree-toggle i,.download-category-link{transition:none}} .cielo-payment-card,.cielo-summary{border:0;box-shadow:0 10px 28px rgba(15,23,42,.07)}.cielo-payment-card .card-header,.cielo-payment-card .card-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff;padding:1rem 1.5rem}.cielo-saved-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem}.cielo-saved-cards label{cursor:pointer}.cielo-saved-cards input{position:absolute;opacity:0}.cielo-saved-cards span{position:relative;display:grid;min-height:82px;grid-template-columns:auto 1fr;column-gap:.75rem;align-content:center;align-items:center;border:1px solid #d9e2ef;border-radius:12px;padding:.9rem 1rem;background:#fff;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.cielo-saved-cards label:hover span{border-color:#a9c5e4;background:#fbfdff}.cielo-saved-cards i{grid-row:1/4;color:var(--bs-primary);font-size:1.35rem}.cielo-saved-cards small{color:#64748b}.cielo-saved-cards em{margin-top:.25rem;color:#2563eb;font-size:.68rem;font-style:normal;font-weight:700}.cielo-saved-cards input:focus-visible+span{outline:3px solid rgba(37,99,235,.18);outline-offset:2px}.cielo-saved-cards input:checked+span{border-color:var(--bs-primary);background:#f5f9ff;box-shadow:0 0 0 3px rgba(13,110,253,.12)}.cielo-new-card-heading{display:grid;margin-bottom:1rem}.cielo-new-card-heading strong{color:#1e3654}.cielo-new-card-heading small{color:#64748b}.cielo-fields-disabled{opacity:.48}.cielo-fields-disabled input{cursor:not-allowed}.cielo-save-card[hidden]{display:none!important}@media(max-width:767px){.cielo-payment-card .card-footer{align-items:stretch;flex-direction:column}.cielo-payment-card .card-footer .btn{width:100%}} .payment-method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.payment-method-card{display:grid;gap:.38rem;min-height:190px;padding:1.1rem;color:#17365f;background:linear-gradient(145deg,#fff,#f5f9ff);border:1px solid #d4e0ee;border-radius:12px;box-shadow:0 6px 18px rgba(24,54,94,.06)}.payment-method-card>strong{font-size:1.05rem;letter-spacing:.08em}.payment-method-card>span{color:#475d78}.payment-method-card>small{color:#71839a}.payment-method-brand{display:flex;align-items:center;gap:.55rem;margin-bottom:.45rem;font-weight:750;text-transform:capitalize}.payment-method-brand>i{display:grid;place-items:center;width:36px;height:36px;color:#2563eb;background:#e9f2ff;border-radius:10px;font-size:1.15rem}.payment-method-brand .badge{margin-left:auto;text-transform:none}.payment-method-card .d-flex{margin-top:auto}.payment-method-empty{display:grid;justify-items:center;gap:.45rem;min-height:250px;padding:2rem;color:#687b92;text-align:center;border:1px dashed #cbd9e8;border-radius:12px;background:#fbfdff}.payment-method-empty>i{font-size:2.2rem;color:#8aa5c5}.payment-method-empty h5,.payment-method-empty p{margin:0}.payment-method-form-note{display:flex;align-items:flex-start;gap:.65rem;padding:.75rem;color:#38618d;background:#eef6ff;border-radius:9px;font-size:.78rem}@media(max-width:575.98px){.payment-method-grid{grid-template-columns:1fr}.payment-method-card .d-flex{align-items:stretch;flex-direction:column}.payment-method-card form,.payment-method-card .btn{width:100%}} .gateway-payment-page{max-width:1200px;margin-inline:auto}.gateway-payment-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.gateway-payment-heading h1{margin:0 0 .25rem;color:#102a4c;font-size:1.65rem}.gateway-payment-heading p{max-width:70ch;margin:0;color:#687b92}.gateway-payment-panel,.gateway-payment-summary{overflow:hidden;border:1px solid #d7e2ee;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(22,55,106,.07)}.gateway-payment-panel>header{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:.9rem 1.2rem;color:#173a66;font-weight:750;background:#f8fafd;border-bottom:1px solid #e0e8f1}.gateway-payment-body{display:grid;gap:1.35rem;padding:1.35rem}.gateway-qr-layout,.gateway-bolepix{grid-template-columns:minmax(190px,240px) minmax(0,1fr);align-items:center}.gateway-bolepix{display:grid;gap:1.35rem;padding-top:1.35rem;border-top:1px solid #e2e8f0}.gateway-qr-code{display:grid;justify-items:center;gap:.65rem}.gateway-qr-code img{width:min(100%,230px);height:auto;padding:.65rem;border:1px solid #dbe5ef;border-radius:10px;background:#fff}.gateway-qr-code small{color:#718096;text-align:center}.gateway-code-details{display:grid;gap:.65rem;min-width:0}.gateway-code-details h2{margin:0;color:#173a66;font-size:1.05rem}.gateway-code-details p{max-width:65ch;margin:0;color:#687b92;font-size:.82rem}.gateway-code-details label{color:#33465d;font-size:.76rem;font-weight:700}.gateway-code-details textarea{width:100%;padding:.75rem;resize:none;overflow-wrap:anywhere;border:1px solid #cfdae7;border-radius:9px;color:#263b55;background:#f9fbfd;font:500 .76rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}.gateway-code-details textarea:focus{outline:3px solid rgba(37,99,235,.14);border-color:#3b82f6}.gateway-copy-btn{justify-self:start;min-width:190px}.gateway-copy-btn.is-copied{border-color:#198754;background:#198754;color:#fff}.gateway-payment-help,.gateway-payment-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;color:#526a84;background:#f8fafc;border-top:1px solid #e0e8f1;font-size:.78rem}.gateway-payment-help{justify-content:flex-start}.gateway-payment-help i{color:#2563eb}.gateway-payment-summary{display:grid;gap:0;padding:1.1rem;position:sticky;top:1rem}.gateway-payment-summary>span{padding-bottom:.8rem;color:#173a66;font-weight:750;border-bottom:1px solid #e1e8f0}.gateway-payment-summary>div{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid #edf1f5}.gateway-payment-summary small{color:#718096}.gateway-payment-summary strong{color:#33465d}.gateway-payment-summary .gateway-summary-total{align-items:end;padding-top:1rem;border-bottom:0}.gateway-summary-total strong{color:#17467d;font-size:1.45rem}.gateway-reference{overflow-wrap:anywhere;padding-top:.35rem}.gateway-payment-page ::selection{color:#fff;background:#2563eb}@media(max-width:767.98px){.gateway-payment-heading{align-items:stretch;flex-direction:column}.gateway-payment-heading .btn{width:100%}.gateway-qr-layout,.gateway-bolepix{grid-template-columns:1fr}.gateway-payment-actions{align-items:stretch;flex-direction:column}.gateway-payment-actions .btn,.gateway-copy-btn{width:100%}.gateway-payment-summary{position:static}}