/* ===================================
   bruhstock - Soluciones Premium
   Build: 9PVSBM6SWN | Instance: xe4f7n2p
   Fingerprint: eaf33219 | Rev: 2026.01.23
   Checksum: d7f2e4a9c3b1 | Render: v3.1.7
   =================================== */
:root {
    --primary-silver: #6B7280;
    --primary-silver-dark: #4B5563;
    --primary-silver-light: #9CA3AF;
    --accent-silver: #E5E7EB;
    --soft-silver: #F3F4F6;
    --pure-white: #ffffff;
    --off-white: #F9FAFB;
    --light-gray: #D1D5DB;
    --gray: #6B7280;
    --dark-gray: #374151;
    --text-dark: #111827;
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-display: 'Space Grotesk', sans-serif;
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2rem;
    --spacing-xl: 3rem;
    --spacing-2xl: 4rem;
    --spacing-3xl: 6rem;
    --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 8px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
    --shadow-lg: 0 12px 20px -4px rgba(0, 0, 0, 0.09), 0 4px 8px -2px rgba(0, 0, 0, 0.03);
    --shadow-xl: 0 24px 30px -6px rgba(0, 0, 0, 0.09), 0 12px 14px -6px rgba(0, 0, 0, 0.02);
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.75rem;
    --radius-xl: 1rem;
    --radius-full: 9999px;
    --transition-fast: 140ms ease;
    --transition-base: 240ms ease;
    --transition-slow: 340ms ease;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: var(--font-primary); color: var(--text-dark); background-color: var(--pure-white); line-height: 1.6; overflow-x: hidden; }

.wrap-xn9djlr { max-width: 1280px; margin: 0 auto; padding: 0 var(--spacing-md); }
@media (min-width: 768px) { .wrap-xn9djlr { padding: 0 var(--spacing-lg); } }

.topbar-xn9djlr { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background-color: rgba(255, 255, 255, 0.97); backdrop-filter: blur(14px); box-shadow: var(--shadow-sm); transition: all var(--transition-base); }
.topbar-xn9djlr.scrolled { box-shadow: var(--shadow-md); }
.topbar-wrap-xn9djlr { display: flex; justify-content: space-between; align-items: center; padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.brand-xn9djlr { display: flex; align-items: center; gap: 0.5rem; font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; color: var(--primary-silver-dark); text-decoration: none; }
.brand-xn9djlr i { font-size: 1.75rem; }
.mobile-toggle-xn9djlr { display: none; flex-direction: column; gap: 0.25rem; background: none; border: none; cursor: pointer; padding: 0.5rem; }
.mobile-toggle-xn9djlr span { display: block; width: 1.5rem; height: 2px; background-color: var(--text-dark); transition: all var(--transition-base); }
.mobile-toggle-xn9djlr.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
.mobile-toggle-xn9djlr.active span:nth-child(2) { opacity: 0; }
.mobile-toggle-xn9djlr.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }
.menu-xn9djlr { display: flex; align-items: center; gap: var(--spacing-lg); }
.navitem-xn9djlr { color: var(--dark-gray); text-decoration: none; font-weight: 500; transition: color var(--transition-fast); position: relative; }
.navitem-xn9djlr::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background-color: var(--primary-silver); transition: width var(--transition-base); }
.navitem-xn9djlr:hover { color: var(--primary-silver-dark); }
.navitem-xn9djlr:hover::after { width: 100%; }
@media (max-width: 768px) {
    .mobile-toggle-xn9djlr { display: flex; }
    .menu-xn9djlr { position: fixed; top: 0; right: -100%; width: 280px; height: 100vh; background-color: var(--pure-white); flex-direction: column; justify-content: center; padding: var(--spacing-lg); box-shadow: var(--shadow-xl); transition: right var(--transition-base); z-index: 999; }
    .menu-xn9djlr.active { right: 0; }
}

.action-xn9djlr { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1.5rem; font-weight: 600; font-size: 0.95rem; text-decoration: none; border-radius: var(--radius-lg); transition: all var(--transition-base); cursor: pointer; border: none; }
.action-prime-xn9djlr { background-color: var(--primary-silver-dark); color: white; }
.action-prime-xn9djlr:hover { background-color: var(--text-dark); transform: translateY(-2px); box-shadow: var(--shadow-md); }
.action-line-xn9djlr { background-color: transparent; color: var(--primary-silver-dark); border: 2px solid var(--primary-silver-dark); }
.action-line-xn9djlr:hover { background-color: var(--soft-silver); }
.action-lg-xn9djlr { padding: 1rem 2rem; font-size: 1.05rem; }
.action-full-xn9djlr { width: 100%; justify-content: center; }
.action-xn9djlr:disabled { opacity: 0.5; cursor: not-allowed; transform: none !important; }

.banner-xn9djlr { position: relative; min-height: 100vh; display: flex; align-items: center; padding-top: 80px; overflow: hidden; }
.banner-bg-xn9djlr { position: absolute; inset: 0; background: linear-gradient(135deg, var(--soft-silver) 0%, var(--pure-white) 50%, var(--light-gray) 100%); z-index: -1; }
.banner-bg-xn9djlr::before { content: ''; position: absolute; top: -50%; right: -20%; width: 80%; height: 150%; background: radial-gradient(circle, var(--accent-silver) 0%, transparent 70%); opacity: 0.4; }
.banner-wrap-xn9djlr { display: grid; grid-template-columns: 1fr; gap: var(--spacing-xl); align-items: center; padding-top: var(--spacing-2xl); padding-bottom: var(--spacing-2xl); }
@media (min-width: 992px) { .banner-wrap-xn9djlr { grid-template-columns: 1fr 1fr; } }
.banner-txt-xn9djlr { max-width: 600px; }
.banner-title-xn9djlr { font-family: var(--font-display); font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 700; line-height: 1.1; color: var(--text-dark); margin-bottom: var(--spacing-md); }
.banner-sub-xn9djlr { font-size: 1.15rem; color: var(--gray); margin-bottom: var(--spacing-lg); line-height: 1.7; }
.banner-btns-xn9djlr { display: flex; flex-wrap: wrap; gap: var(--spacing-sm); }
.banner-img-xn9djlr { position: relative; display: none; }
@media (min-width: 992px) { .banner-img-xn9djlr { display: block; height: 400px; } }
.float-card-xn9djlr { position: absolute; display: flex; align-items: center; gap: 0.75rem; padding: 1rem 1.25rem; background-color: var(--pure-white); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); animation: float-xn9djlr 3s ease-in-out infinite; }
.float-card-xn9djlr i { font-size: 1.5rem; color: var(--primary-silver-dark); }
.float-card-xn9djlr span { font-weight: 600; color: var(--text-dark); }
.card-1-xn9djlr { top: 20%; left: 10%; animation-delay: 0s; }
.card-2-xn9djlr { top: 50%; right: 10%; animation-delay: 1s; }
.card-3-xn9djlr { bottom: 15%; left: 20%; animation-delay: 2s; }
@keyframes float-xn9djlr { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

.head-xn9djlr { text-align: center; margin-bottom: var(--spacing-2xl); }
.title-xn9djlr { font-family: var(--font-display); font-size: clamp(2rem, 4vw, 2.75rem); font-weight: 700; color: var(--text-dark); margin-bottom: var(--spacing-sm); }
.subtitle-xn9djlr { font-size: 1.1rem; color: var(--gray); max-width: 600px; margin: 0 auto; }

.offers-xn9djlr { padding: var(--spacing-3xl) 0; background-color: var(--pure-white); }
.offers-grid-xn9djlr { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--spacing-lg); }
.offer-card-xn9djlr { background-color: var(--soft-silver); padding: var(--spacing-lg); border-radius: var(--radius-xl); transition: all var(--transition-base); }
.offer-card-xn9djlr:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
.offer-icon-xn9djlr { width: 60px; height: 60px; background: linear-gradient(135deg, var(--primary-silver-dark), var(--primary-silver)); border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; margin-bottom: var(--spacing-md); }
.offer-icon-xn9djlr i { font-size: 1.5rem; color: white; }
.offer-title-xn9djlr { font-family: var(--font-display); font-size: 1.25rem; font-weight: 600; color: var(--text-dark); margin-bottom: var(--spacing-xs); }
.offer-desc-xn9djlr { color: var(--gray); margin-bottom: var(--spacing-md); font-size: 0.95rem; }
.offer-features-xn9djlr { list-style: none; }
.offer-features-xn9djlr li { display: flex; align-items: center; gap: 0.5rem; color: var(--dark-gray); font-size: 0.9rem; margin-bottom: 0.5rem; }
.offer-features-xn9djlr i { color: var(--primary-silver-dark); font-size: 0.8rem; }

.why-xn9djlr { padding: var(--spacing-3xl) 0; background-color: var(--soft-silver); }
.why-grid-xn9djlr { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--spacing-lg); }
.why-card-xn9djlr { text-align: center; padding: var(--spacing-lg); }
.why-icon-xn9djlr { width: 80px; height: 80px; background-color: var(--pure-white); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto var(--spacing-md); box-shadow: var(--shadow-md); }
.why-icon-xn9djlr i { font-size: 2rem; color: var(--primary-silver-dark); }
.why-title-xn9djlr { font-family: var(--font-display); font-size: 1.2rem; font-weight: 600; color: var(--text-dark); margin-bottom: var(--spacing-xs); }
.why-desc-xn9djlr { color: var(--gray); font-size: 0.95rem; }

.reviews-xn9djlr { padding: var(--spacing-3xl) 0; background-color: var(--pure-white); }
.reviews-grid-xn9djlr { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: var(--spacing-lg); }
.review-card-xn9djlr { background-color: var(--soft-silver); padding: var(--spacing-lg); border-radius: var(--radius-xl); }
.review-stars-xn9djlr { color: #F59E0B; margin-bottom: var(--spacing-sm); }
.review-stars-xn9djlr i { margin-right: 2px; }
.review-text-xn9djlr { color: var(--dark-gray); font-style: italic; margin-bottom: var(--spacing-md); line-height: 1.7; }
.review-author-xn9djlr { display: flex; align-items: center; gap: var(--spacing-sm); }
.author-pic-xn9djlr { width: 50px; height: 50px; background: linear-gradient(135deg, var(--primary-silver-dark), var(--primary-silver)); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.author-pic-xn9djlr span { color: white; font-weight: 600; font-size: 1.1rem; }
.author-name-xn9djlr { font-weight: 600; color: var(--text-dark); }
.author-role-xn9djlr { color: var(--gray); font-size: 0.85rem; }

.calc-xn9djlr { padding: var(--spacing-3xl) 0; background-color: var(--soft-silver); }
.calc-wrap-xn9djlr { display: grid; grid-template-columns: 1fr; gap: var(--spacing-xl); }
@media (min-width: 992px) { .calc-wrap-xn9djlr { grid-template-columns: 1.2fr 0.8fr; } }
.calc-items-xn9djlr { background-color: var(--pure-white); padding: var(--spacing-lg); border-radius: var(--radius-xl); box-shadow: var(--shadow-md); }
.calc-head-xn9djlr { font-family: var(--font-display); font-size: 1.1rem; font-weight: 600; color: var(--text-dark); margin-bottom: var(--spacing-md); }
.calc-option-xn9djlr { border: 2px solid var(--accent-silver); border-radius: var(--radius-lg); margin-bottom: var(--spacing-sm); transition: all var(--transition-base); overflow: hidden; }
.calc-option-xn9djlr.selected { border-color: var(--primary-silver-dark); background-color: var(--soft-silver); }
.calc-option-head-xn9djlr { display: flex; justify-content: space-between; align-items: center; padding: var(--spacing-sm) var(--spacing-md); }
.calc-check-xn9djlr { display: flex; align-items: center; gap: var(--spacing-sm); cursor: pointer; flex: 1; }
.calc-check-xn9djlr input { display: none; }
.check-custom-xn9djlr { width: 24px; height: 24px; border: 2px solid var(--light-gray); border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center; transition: all var(--transition-fast); flex-shrink: 0; }
.calc-check-xn9djlr input:checked + .check-custom-xn9djlr { background-color: var(--primary-silver-dark); border-color: var(--primary-silver-dark); }
.calc-check-xn9djlr input:checked + .check-custom-xn9djlr::after { content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: white; font-size: 0.75rem; }
.offer-info-xn9djlr { display: flex; align-items: center; gap: var(--spacing-sm); }
.offer-info-xn9djlr i { font-size: 1.25rem; color: var(--primary-silver-dark); }
.offer-info-xn9djlr h4 { font-size: 1rem; font-weight: 600; color: var(--text-dark); }
.offer-info-xn9djlr p { font-size: 0.85rem; color: var(--gray); }
.calc-price-xn9djlr { font-family: var(--font-display); font-size: 1.1rem; font-weight: 700; color: var(--primary-silver-dark); }
.calc-summary-xn9djlr { position: sticky; top: 100px; }
.sum-card-xn9djlr { background-color: var(--pure-white); padding: var(--spacing-lg); border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); }
.sum-heading-xn9djlr { font-family: var(--font-display); font-size: 1.25rem; font-weight: 600; color: var(--text-dark); margin-bottom: var(--spacing-md); }
.sum-services-xn9djlr { min-height: 100px; }
.sum-empty-xn9djlr { display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--gray); text-align: center; padding: var(--spacing-md); }
.sum-empty-xn9djlr i { font-size: 2rem; margin-bottom: var(--spacing-sm); opacity: 0.5; }
.sum-item-xn9djlr { display: flex; justify-content: space-between; align-items: center; padding: var(--spacing-xs) 0; }
.sum-item-xn9djlr .name { color: var(--dark-gray); }
.sum-item-xn9djlr .price { font-weight: 600; color: var(--text-dark); }
.sum-divider-xn9djlr { height: 1px; background-color: var(--accent-silver); margin: var(--spacing-md) 0; }
.sum-total-xn9djlr { display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; }
.sum-total-xn9djlr span:first-child { font-weight: 500; color: var(--dark-gray); }
.total-xn9djlr { font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; color: var(--primary-silver-dark); }
.sum-discount-xn9djlr { display: flex; align-items: center; gap: var(--spacing-sm); background-color: #D1FAE5; padding: var(--spacing-sm); border-radius: var(--radius-md); margin-top: var(--spacing-md); }
.sum-discount-xn9djlr i { color: #059669; }
.sum-discount-xn9djlr strong { color: #059669; font-size: 0.9rem; }
.sum-discount-xn9djlr p { color: #047857; font-size: 0.8rem; }
.sum-note-xn9djlr { display: flex; align-items: center; gap: var(--spacing-xs); color: var(--gray); font-size: 0.85rem; margin-top: var(--spacing-md); justify-content: center; }

.reach-xn9djlr { padding: var(--spacing-3xl) 0; background: linear-gradient(135deg, var(--primary-silver-dark), var(--text-dark)); }
.reach-wrap-xn9djlr { display: grid; grid-template-columns: 1fr; gap: var(--spacing-xl); }
@media (min-width: 992px) { .reach-wrap-xn9djlr { grid-template-columns: 1fr 1fr; } }
.reach-info-xn9djlr { color: white; }
.reach-title-xn9djlr { font-family: var(--font-display); font-size: clamp(2rem, 4vw, 2.5rem); font-weight: 700; margin-bottom: var(--spacing-md); }
.reach-text-xn9djlr { font-size: 1.1rem; opacity: 0.9; margin-bottom: var(--spacing-xl); line-height: 1.7; }
.reach-ways-xn9djlr { display: flex; flex-direction: column; gap: var(--spacing-md); }
.reach-item-xn9djlr { display: flex; align-items: flex-start; gap: var(--spacing-md); }
.reach-icon-xn9djlr { width: 50px; height: 50px; background-color: rgba(255, 255, 255, 0.1); border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.reach-icon-xn9djlr i { font-size: 1.25rem; color: white; }
.reach-item-xn9djlr h4 { font-weight: 600; margin-bottom: 0.25rem; }
.reach-item-xn9djlr a, .reach-item-xn9djlr p { color: rgba(255, 255, 255, 0.85); text-decoration: none; font-size: 0.95rem; }
.reach-item-xn9djlr a:hover { color: white; }
.reach-form-xn9djlr { background-color: var(--pure-white); padding: var(--spacing-xl); border-radius: var(--radius-xl); box-shadow: var(--shadow-xl); }
.form-xn9djlr { display: flex; flex-direction: column; gap: var(--spacing-md); }
.field-xn9djlr { display: flex; flex-direction: column; gap: 0.5rem; }
.field-xn9djlr label { font-weight: 500; color: var(--dark-gray); font-size: 0.95rem; }
.field-xn9djlr input, .field-xn9djlr select, .field-xn9djlr textarea { padding: 0.875rem 1rem; border: 2px solid var(--accent-silver); border-radius: var(--radius-md); font-size: 1rem; transition: all var(--transition-fast); font-family: var(--font-primary); }
.field-xn9djlr input:focus, .field-xn9djlr select:focus, .field-xn9djlr textarea:focus { outline: none; border-color: var(--primary-silver-dark); }
.field-xn9djlr textarea { min-height: 120px; resize: vertical; }
.form-status-xn9djlr { padding: var(--spacing-sm); border-radius: var(--radius-md); text-align: center; font-weight: 500; }
.form-status-xn9djlr.success { background-color: #D1FAE5; color: #059669; }
.form-status-xn9djlr.error { background-color: #FEE2E2; color: #DC2626; }

.bottom-xn9djlr { background-color: var(--text-dark); color: white; padding: var(--spacing-2xl) 0 var(--spacing-lg); }
.bottom-wrap-xn9djlr { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--spacing-xl); margin-bottom: var(--spacing-xl); }
.bottom-brand-xn9djlr { display: flex; align-items: center; gap: 0.5rem; font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; margin-bottom: var(--spacing-sm); }
.bottom-desc-xn9djlr { color: rgba(255, 255, 255, 0.7); font-size: 0.95rem; margin-bottom: var(--spacing-md); line-height: 1.6; }
.bottom-socials-xn9djlr { display: flex; gap: var(--spacing-sm); }
.bottom-socials-xn9djlr a { width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; text-decoration: none; transition: all var(--transition-fast); }
.bottom-socials-xn9djlr a:hover { background-color: var(--primary-silver); }
.bottom-head-xn9djlr { font-family: var(--font-display); font-size: 1.1rem; font-weight: 600; margin-bottom: var(--spacing-md); }
.bottom-links-xn9djlr { list-style: none; }
.bottom-links-xn9djlr li { margin-bottom: 0.75rem; }
.bottom-links-xn9djlr a { color: rgba(255, 255, 255, 0.7); text-decoration: none; font-size: 0.95rem; transition: color var(--transition-fast); }
.bottom-links-xn9djlr a:hover { color: white; }
.bottom-line-xn9djlr { height: 1px; background-color: rgba(255, 255, 255, 0.1); margin-bottom: var(--spacing-lg); }
.bottom-copy-xn9djlr { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--spacing-md); color: rgba(255, 255, 255, 0.6); font-size: 0.9rem; }
.bottom-legal-xn9djlr { display: flex; flex-wrap: wrap; gap: var(--spacing-md); }
.bottom-legal-xn9djlr a { color: rgba(255, 255, 255, 0.6); text-decoration: none; transition: color var(--transition-fast); }
.bottom-legal-xn9djlr a:hover { color: white; }

.fade-up-xn9djlr { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }
.fade-up-xn9djlr.visible { opacity: 1; transform: translateY(0); }
.fade-xn9djlr { opacity: 0; transition: opacity 0.6s ease; }
.fade-xn9djlr.visible { opacity: 1; }

.checkout-page-xn9djlr { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 100px var(--spacing-md) var(--spacing-2xl); background: linear-gradient(135deg, var(--soft-silver) 0%, var(--pure-white) 100%); }
.checkout-container-xn9djlr { max-width: 500px; width: 100%; }
.checkout-card-xn9djlr { background-color: var(--pure-white); padding: var(--spacing-xl); border-radius: var(--radius-xl); box-shadow: var(--shadow-xl); }
.checkout-header-xn9djlr { text-align: center; margin-bottom: var(--spacing-lg); }
.checkout-header-xn9djlr h1 { font-family: var(--font-display); font-size: 1.75rem; font-weight: 700; color: var(--text-dark); margin-bottom: 0.5rem; }
.checkout-header-xn9djlr p { color: var(--gray); }
.order-summary-xn9djlr { background-color: var(--soft-silver); padding: var(--spacing-md); border-radius: var(--radius-lg); margin-bottom: var(--spacing-lg); }
.order-summary-xn9djlr h3 { font-size: 1rem; font-weight: 600; color: var(--text-dark); margin-bottom: var(--spacing-sm); }
.order-items-xn9djlr { margin-bottom: var(--spacing-sm); }
.order-item-xn9djlr { display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0; font-size: 0.95rem; }
.order-item-xn9djlr .name { color: var(--dark-gray); }
.order-item-xn9djlr .price { font-weight: 600; color: var(--text-dark); }
.order-divider-xn9djlr { height: 1px; background-color: var(--accent-silver); margin: var(--spacing-sm) 0; }
.order-total-xn9djlr { display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; }
.order-total-xn9djlr .price { font-family: var(--font-display); font-size: 1.25rem; color: var(--primary-silver-dark); }
.order-discount-xn9djlr { display: flex; align-items: center; gap: 0.5rem; color: #059669; font-size: 0.85rem; margin-top: var(--spacing-sm); }
.payment-section-xn9djlr { margin-bottom: var(--spacing-lg); }
.payment-section-xn9djlr h3 { font-size: 1rem; font-weight: 600; color: var(--text-dark); margin-bottom: var(--spacing-sm); }
#payment-element { margin-bottom: var(--spacing-sm); }
#payment-message { color: #DC2626; font-size: 0.9rem; text-align: center; margin-top: var(--spacing-sm); }
.checkout-btn-xn9djlr { margin-bottom: var(--spacing-md); }
.checkout-spinner-xn9djlr { width: 20px; height: 20px; border: 2px solid white; border-top-color: transparent; border-radius: 50%; animation: spin 0.8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.back-link-xn9djlr { display: flex; align-items: center; justify-content: center; gap: 0.5rem; color: var(--gray); text-decoration: none; font-size: 0.95rem; transition: color var(--transition-fast); }
.back-link-xn9djlr:hover { color: var(--primary-silver-dark); }

.success-page-xn9djlr { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: var(--spacing-2xl) var(--spacing-md); background: linear-gradient(135deg, var(--soft-silver) 0%, var(--pure-white) 100%); }
.success-card-xn9djlr { max-width: 500px; width: 100%; background-color: var(--pure-white); padding: var(--spacing-2xl); border-radius: var(--radius-xl); box-shadow: var(--shadow-xl); text-align: center; }
.success-icon-xn9djlr { width: 80px; height: 80px; background: linear-gradient(135deg, #059669, #10B981); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto var(--spacing-lg); }
.success-icon-xn9djlr i { font-size: 2.5rem; color: white; }
.success-card-xn9djlr h1 { font-family: var(--font-display); font-size: 1.75rem; font-weight: 700; color: var(--text-dark); margin-bottom: var(--spacing-sm); }
.success-card-xn9djlr p { color: var(--gray); margin-bottom: var(--spacing-lg); line-height: 1.7; }

.legal-page-xn9djlr { padding: 120px var(--spacing-md) var(--spacing-2xl); background-color: var(--off-white); min-height: 100vh; }
.legal-content-xn9djlr { max-width: 800px; margin: 0 auto; background-color: var(--pure-white); padding: var(--spacing-xl); border-radius: var(--radius-xl); box-shadow: var(--shadow-md); }
.legal-content-xn9djlr h1 { font-family: var(--font-display); font-size: 2rem; font-weight: 700; color: var(--text-dark); margin-bottom: var(--spacing-lg); text-align: center; }
.legal-content-xn9djlr h2 { font-family: var(--font-display); font-size: 1.25rem; font-weight: 600; color: var(--text-dark); margin-top: var(--spacing-lg); margin-bottom: var(--spacing-sm); }
.legal-content-xn9djlr p, .legal-content-xn9djlr li { color: var(--dark-gray); line-height: 1.7; margin-bottom: var(--spacing-sm); }
.legal-content-xn9djlr ul { padding-left: var(--spacing-lg); }
.legal-content-xn9djlr a { color: var(--primary-silver-dark); }