
.aniversa-page { background:#fff; color:#192332; }
.aniversa-hero { max-width:1200px; margin:auto; padding:76px 48px 90px; display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:80px; }
.aniversa-back { display:block; color:#526581; font-size:18px; margin-bottom:36px; }
.aniversa-icon { display:block; width:104px; height:104px; border-radius:24px; margin-bottom:24px; }
.aniversa-name { font-size:25px!important; font-weight:600; margin:0 0 18px; }
.aniversa-page h1 { font-size:clamp(44px,5.2vw,72px); line-height:1.06; letter-spacing:-2px; margin:0; }
.aniversa-lead { font-size:23px!important; line-height:1.5; color:#617087; margin:28px 0; }
.aniversa-button { display:inline-block; padding:16px 24px; border-radius:8px; background:#20293b; color:#fff; font-size:20px; }
.aniversa-hero-shot { display:block; width:100%; max-width:380px; height:auto; border-radius:24px; box-shadow:0 24px 70px -30px #65457565; justify-self:center; }
.aniversa-features { background:#fbf3fc; padding:65px max(32px,calc((100% - 1104px)/2)); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:42px; }
.aniversa-features h3 { font-size:28px; line-height:1.2; margin:0 0 16px; }
.aniversa-features p { font-size:20px!important; color:#617087; margin:0; }
.aniversa-gallery { max-width:1200px; margin:auto; padding:90px 48px; scroll-margin-top:150px; }
.aniversa-gallery h2 { font-size:clamp(36px,4vw,54px); line-height:1.12; letter-spacing:-1.4px; margin:0 0 20px; }
.aniversa-gallery > p { font-size:20px!important; color:#617087; }
.aniversa-shots { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px 28px; margin-top:45px; }
.aniversa-shots figure { margin:0; min-width:0; }
.aniversa-shots img { display:block; width:100%; height:auto; border-radius:20px; transition:transform .2s; }
.aniversa-shots a:hover img { transform:translateY(-4px); }
.aniversa-shots figcaption { font-size:21px; font-weight:500; margin-top:18px; }
.aniversa-footer { max-width:1200px; margin:auto; padding:30px 48px; display:flex; justify-content:space-between; gap:24px; border-top:1px solid #e8e9ed; font-size:16px; color:#617087; }
.aniversa-page a:focus-visible { outline:3px solid #287fc5; outline-offset:5px; }
@media(max-width:800px) { .aniversa-hero { gap:32px; padding:50px 28px 60px; }.aniversa-page h1 { font-size:44px; }.aniversa-shots { grid-template-columns:repeat(2,minmax(0,1fr)); }.aniversa-features { gap:24px; padding:44px 28px; }.aniversa-features h3 { font-size:24px; } }
@media(max-width:600px) { .aniversa-hero { grid-template-columns:1fr; padding:40px 24px 60px; }.aniversa-hero-shot { max-width:300px; margin-top:16px; }.aniversa-features { grid-template-columns:1fr; gap:32px; }.aniversa-gallery { padding:60px 24px; }.aniversa-shots { grid-template-columns:1fr; gap:42px; }.aniversa-shots figure { width:100%; max-width:360px; margin:auto; }.aniversa-footer { padding:28px 24px; flex-wrap:wrap; } }
@media(prefers-reduced-motion:reduce) { .aniversa-shots img { transition:none; } }

.product-llistes .aniversa-features,.product-rutines .aniversa-features { background:var(--product-tint); }
.aniversa-button + .aniversa-button { margin-left:12px; }

.aniversa-nav-links { display:flex; align-items:center; gap:30px; margin-left:auto; padding-left:30px; font-size:18px; }
.aniversa-nav-links a { white-space:nowrap; }
.aniversa-features, .aniversa-pro { scroll-margin-top:150px; }
.aniversa-pro { padding:80px max(24px,calc((100% - 1104px)/2)); background:#fbf3fc; }
.aniversa-pro-heading { max-width:760px; margin-bottom:40px; }
.aniversa-pro-heading h2 { font-size:clamp(36px,4vw,54px); line-height:1.12; letter-spacing:-1.4px; margin:16px 0 24px; }
.aniversa-pro-heading p { font-size:22px!important; color:#617087; }
.aniversa-plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.aniversa-plans article { padding:36px; background:#fff; border:1px solid #e4dce8; border-radius:24px; }
.aniversa-plans article.aniversa-paid { border:2px solid #ad75b5; background:#fffaff; }
.aniversa-plans h3 { font-size:30px; margin:0 0 22px; }
.aniversa-plans ul { padding-left:24px; margin:20px 0; }
.aniversa-plans li { font-size:20px; line-height:1.5; padding:8px 0; }
.aniversa-plans p { font-size:19px!important; color:#617087; }
.aniversa-plans .purchase-note { font-weight:600; color:#7b4387; }
.aniversa-pro-notes { margin-top:30px; max-width:950px; }
.aniversa-pro-notes p { font-size:18px!important; line-height:1.6; color:#617087; margin:14px 0; }
@media(max-width:700px) { .aniversa-nav-links { gap:18px; padding-left:0; flex-basis:100%; justify-content:center; font-size:17px; }.aniversa-page ~ * { min-width:0; }header > nav:first-child:has(.aniversa-nav-links) { flex-wrap:wrap; height:auto; gap:18px; padding-top:18px; padding-bottom:18px; }.aniversa-plans { grid-template-columns:1fr; }.aniversa-pro { padding-top:60px; padding-bottom:60px; }.aniversa-plans article { padding:28px; } }

/* Horizontal screenshot gallery, matching the Trelist presentation. */
.aniversa-shots { display:flex!important; gap:24px!important; overflow-x:auto; overflow-y:hidden; padding:8px 4px 28px; scroll-snap-type:x proximity; scrollbar-width:auto; scrollbar-color:#719bc6 #e1dbea; }
.aniversa-shots figure { flex:0 0 272px; width:272px!important; max-width:none!important; margin:0!important; scroll-snap-align:start; }
.aniversa-shots img { width:100%; border-radius:16px; }
.aniversa-shots figcaption { margin-top:24px; }
.aniversa-shot-number { display:block; font-size:15px; color:#7d6a88; margin-bottom:14px; }
.aniversa-shots figcaption h3 { font-size:23px; line-height:1.3; margin:0 0 12px; letter-spacing:-.4px; }
.aniversa-shots figcaption p { font-size:19px!important; line-height:1.55; color:#617087; font-weight:400; margin:0; }
.aniversa-scroll-hint { font-size:16px!important; color:#617087; margin-top:16px; }
.aniversa-shots:focus-visible { outline:2px solid #719bc6; outline-offset:6px; }
@media(max-width:600px){.aniversa-shots figure {flex-basis:82%;width:82%!important;max-width:300px!important;}.aniversa-shots{gap:20px!important}}
