:root {
  --ink: #1f2b3a;
  --ink2: #354158;
  --pine: #1f2b3a;
  --mint: #f6cbb9;
  --mint-pale: #f6e9f6;
  --lav: #eee6f5;
  --cream: #fff9f3;
  --paper: #fffdfb;
  --line: #e9e1df;
  --muted: #606b7d;
  --violet: #7953a9;
  --shadow: 0 18px 40px rgba(31, 43, 58, .13);
}
body { background: var(--cream); }
p { color: var(--muted); }
.kicker { color: #bf5f6a; }
.btn { box-shadow: 0 8px 20px rgba(31, 43, 58, .1); }
.btn:hover:not(:disabled) { box-shadow: 0 13px 27px rgba(31, 43, 58, .16); }
.btn-secondary { border-color: #e5dcd7; }
.btn-mint { background: #f6c6b2; color: #1f2b3a; }
.benefit-ticker { background: linear-gradient(90deg, #3b303f, #222e3f 45%, #34304a); }
.ticker-track { display: flex; justify-content: flex-start; gap: 0; width: max-content; min-width: 0; padding: 0; animation: ticker-scroll 28s linear infinite; }
.ticker-group { display: flex; flex: none; gap: 44px; padding-inline: 22px; }
.ticker-group span { display: inline-block; flex: none; }
.benefit-ticker:hover .ticker-track { animation-play-state: paused; }
@keyframes ticker-scroll { to { transform: translateX(-50%); } }

.hero { background: radial-gradient(circle at 9% 14%, #ffe7de 0, transparent 29%), radial-gradient(circle at 100% 12%, #eee6fa 0, transparent 34%), radial-gradient(circle at 60% 100%, #e6f3ed 0, transparent 28%), #fffaf5; border-bottom-color: #eee1dc; }
.hero-grid { gap: 48px; }
.news-pill { border-color: #eadfd8; box-shadow: 0 5px 18px rgba(49, 41, 55, .06); }
.news-pill strong { color: #197966; background: #e2f4eb; }
.hero h1 em { background: linear-gradient(95deg, #e36248, #b55189 58%, #7e50cf); -webkit-background-clip: text; background-clip: text; }
.hero-lead { color: #596579; }
.hero-stats { gap: 15px; }
.hero-stats strong { color: #1f2b3a; }
.hero-stats span { color: #586476; }
.hero-scene { height: auto; aspect-ratio: 1122 / 1402; box-shadow: 0 28px 55px rgba(40, 37, 50, .19); }
.scene-shade { background: linear-gradient(180deg, transparent 68%, rgba(20, 27, 39, .09)); pointer-events: none; }
.float-note { gap: 10px; padding: 12px 15px; border: 1px solid rgba(240, 236, 233, .96); border-radius: 17px; box-shadow: 0 13px 30px rgba(31, 43, 58, .18); }
.float-note .note-icon { display: grid; place-items: center; width: 39px; height: 39px; border-radius: 11px; font-size: 1.02rem; }
.note-one .note-icon { background: #e1f3ee; }
.note-two .note-icon { background: #eee4f9; }
.note-three .note-icon { background: #fff0ce; }
.float-note b { font-size: .82rem; }
.float-note small { font-size: .68rem; color: #677185; }
.note-one { top: 8%; left: -6%; }
.note-two { right: -5%; bottom: 14%; }
.note-three { left: 11%; bottom: -2%; }

.selector-section { background: #fffdfb; }
.need-tabs button { background: #fff9f5; border-color: #eadedc; }
.need-tabs button:focus-visible { outline-color: #c67e9c; }
.need-panel { grid-template-columns: 1fr 1.08fr; background: #fff9f4; border-color: #f0e0da; box-shadow: 0 20px 45px rgba(47, 37, 46, .08); }
.need-panel.is-featured { border-color: #f0d5cf; }
.need-art-feature { position: relative; min-height: 425px; display: block; padding: 0; overflow: hidden; background: #efe0d5; }
.need-art-photo img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.photo-cover-label { position: absolute; z-index: 2; left: 35%; top: 28%; width: 37%; color: #fff; text-shadow: 0 1px 3px rgba(8, 20, 36, .23); line-height: 1.13; pointer-events: none; transform: rotate(-9deg); transform-origin: left top; }
.photo-cover-label small { display: block; font: 800 .48rem/1.2 Manrope, sans-serif; letter-spacing: .09em; }
.photo-cover-label b { display: block; font: 800 1.02rem/1.12 Manrope, sans-serif; letter-spacing: -.035em; margin-top: 8%; }
.photo-cover-label i { display: block; font: 600 .48rem/1.2 'DM Sans', sans-serif; margin-top: 6%; }
.photo-tarjetas .photo-cover-label { left: 36%; top: 22%; color: #273147; text-shadow: none; }
.need-art-photo .photo-cover-label { width: 37%; }
.need-art-photo .photo-cover-label small { font-size: .64rem; }
.need-art-photo .photo-cover-label b { font-size: 1.55rem; }
.need-art-photo .photo-cover-label i { font-size: .58rem; }
.need-content { background: linear-gradient(145deg, #fffaf5, #fff7f1); }
.tiny-label { display: inline-flex; align-items: center; padding: 7px 11px; background: #ffe9df; border-radius: 100px; color: #c3575e; letter-spacing: .08em; }
.need-content li:before { color: #dc7568; }
.discount { background: #ffe7df; color: #a94c53; }
.catalog-section { background: #fff9f3; }
.product-card { border-color: #ebe4df; box-shadow: 0 5px 15px rgba(31, 43, 58, .045); }
.art-actas { background: #efe7ed; }
.art-informes { background: #e9e3f4; }
.art-kit { background: #dae3ec; }
.art-ia { background: #e4ebf2; }
.art-prompts { background: #f2ebd8; }
.art-tarjetas { background: #f8e6e5; }
.art-planificaciones { background: #e5edf0; }
.card-art-photo { height: 290px; display: block; background: #d6b696; }
.card-art-photo::before { display: none; }
.card-art-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.card-art-photo .card-ribbon { z-index: 4; color: #fff; background: #e97b65; box-shadow: 0 4px 13px rgba(31, 43, 58, .16); }
.card-art-photo.photo-informes .card-ribbon { background: #7952a6; }
.card-art-photo.photo-kit .card-ribbon { background: #243145; }
.card-art-photo.photo-ia .card-ribbon { background: #416a79; }
.card-art-photo.photo-tarjetas .card-ribbon { background: #e3af8d; color: #293248; }
.mini-cover, .need-cover { background: #223653; }
.art-planificaciones .mini-cover { background: #447484; }
.kit-band { background: radial-gradient(circle at 89% 8%, rgba(173, 134, 215, .4), transparent 33%), radial-gradient(circle at 20% 106%, rgba(234, 126, 106, .23), transparent 30%), #202b3d; }
.kit-band p { color: #e1e4ef; }
.kit-kicker { background: #f7d2c2; color: #263145; }
.kit-price-box small, .kit-box-note { color: #d9dbe8; }
.step-icon { background: #f6e8ee; }
.steps-grid article:nth-child(2) .step-icon { background: #f9e7d7; }
.steps-grid article:nth-child(3) .step-icon { background: #e4edf4; }
.local-section { background: #f0ecf6; }
.local-cards article { border-color: #e5ddec; }
.guarantee-section { background: #fff0e5; }
.guarantee-medal { border-color: #e0a895; }
.faq-grid aside { background: #f2edf8; }
.contact-pending { border-color: #d8c7e7; }
.faq-list details { border-bottom-color: #e9e0e4; }
.faq-list summary span { color: #9d70a9; }
.community-section { background: #fff9f3; }
.final-cta { background: radial-gradient(circle at 12% 15%, #55506f, transparent 34%), #202b3d; }
.final-cta p { color: #e5e2ed; }
.final-cta .kicker { color: #f8c9b7; }
.footer { background: #171f2d; color: #d3d8e1; }
.footer-brand span { color: #f6c6b2; }
.footer p { color: #aeb6c4; }

.back-link { color: #93648c; }
.sales-panel, .product-final { background: #efe8f6; }
.sales-eyebrow { background: #ffe5db; color: #a95361; }
.sales-prices s { color: #798294; }
.bump { background: #fffaf5; border-color: #e4c7bd; }
.bump:has(input:checked) { background: #fff1e9; border-color: #d47f74; }
.bump input { accent-color: #be6472; }
.bump small, .checkout-note, .sales-foot { color: #667084; }
.product-pain { background: #fff9f3; }
.two-cards article { background: #f9ece8; }
.two-cards article:nth-child(2) { background: #f0ebf8; }
.product-inside { background: #f8f6f3; }
.product-extras { background: #f0eaf6; }
.check-list li:before { color: #c96e70; }
.compare-row:not(.header) span:nth-child(3) { background: #f0eaf6; }
.use-section { background: #fff9f3; }
.bundle-box { background: #202b3d; }
.bundle-box p, .bundle-price s, .bundle-price span { color: #d3d8e5; }

@media (max-width: 960px) {
  .hero-scene { max-width: 530px; }
  .need-panel { grid-template-columns: .9fr 1fr; }
}
@media (max-width: 680px) {
  .ticker-track { animation-duration: 36s; }
  .hero-scene { width: calc(100% - 26px); }
  .float-note { gap: 5px; padding: 6px 8px; border-radius: 12px; }
  .float-note .note-icon { width: 27px; height: 27px; font-size: .72rem; border-radius: 8px; }
  .float-note b { font-size: .63rem; }
  .float-note small { font-size: .52rem; }
  .note-one { left: -5%; top: 8%; }
  .note-two { right: -5%; bottom: 14%; }
  .note-three { left: 7%; bottom: -4%; }
  .need-panel { grid-template-columns: 1fr; }
  .need-art-feature { min-height: 285px; }
  .need-art-photo .photo-cover-label small { font-size: .47rem; }
  .need-art-photo .photo-cover-label b { font-size: 1.18rem; }
  .need-art-photo .photo-cover-label i { font-size: .45rem; }
  .card-art-photo { height: 262px; }
  .card-art-photo .photo-cover-label b { font-size: .98rem; }
}
@media (prefers-reduced-motion: reduce) {
  .ticker-track { animation: none; }
}