/* Ajustos de llegibilitat sobre el disseny publicat. */
html { font-size: 18px; }
body p { font-size: max(1.125rem, 1em); line-height: 1.55; }
body small { font-size: 1rem; }
.tags span { font-size: 18px !important; line-height: 1.4 !important; padding: 10px 17px !important; }
.tags { flex-wrap: wrap !important; gap: 10px !important; }
.arrow { display: none !important; }
.eyebrow, .category, .hero-note, .small-note, .principles, .small-discover { font-size: 16px !important; line-height: 1.5 !important; }
.feature-link, .button { font-size: 19px !important; }
.locale-bar a, .nav > a, .nav > div a { font-size: 16px !important; }
.small-app p, .feature-copy > p { font-size: 21px !important; line-height: 1.55 !important; }
@media(max-width:600px) { .tags span { font-size: 17px !important; } }

.aniversa-feature { background:#f5eafa!important; }.aniversa-feature .feature-art { background:radial-gradient(ellipse at center,#ebd5f3,transparent 72%); }.small-apps { grid-template-columns:repeat(2,minmax(0,1fr))!important; }@media(max-width:700px){.small-apps{grid-template-columns:1fr!important}}

/* Home: only the iPhone display, without the promotional headline. */
.feature-art .home-device { position:relative; width:min(70%,300px); aspect-ratio:0.465; overflow:hidden; border:7px solid #192b3d; border-radius:42px; background:#f3f3f8; transform:rotate(9deg); box-shadow:0 25px 45px -25px #23344970; }
.feature-art .home-device img { position:absolute!important; width:127%!important; max-width:none!important; height:auto!important; left:-13.5%!important; bottom:-2%!important; margin:0!important; border:0!important; border-radius:0!important; transform:none!important; box-shadow:none!important; }
.feature-art .home-device.trelist-crop img { width:132%!important;left:-16%!important;bottom:-2.6%!important; }
@media(max-width:700px){.feature-art .home-device{width:min(65%,260px);border-radius:36px;border-width:6px;}}
/* Trelist: neutral iPhone edge without the coloured outer frame. */
.feature-art .home-device.trelist-crop { border-color:#171719!important; background:#171719!important; }
.feature-art .home-device.trelist-crop img { width:136%!important; left:-18%!important; bottom:-3.3%!important; }
/* Match Kalenfit: one neutral bezel around the app screen itself. */
.feature-art .home-device { border:6px solid #1e3143!important; border-radius:42px!important; background:#f3f3f8!important; aspect-ratio:0.46!important; box-shadow:none!important; }
.feature-art .home-device.trelist-crop img { width:136.3%!important; left:-18.1%!important; top:-30.2%!important; bottom:auto!important; }
.feature-art .home-device.aniversa-crop img { width:141.6%!important; left:-21%!important; top:-34.6%!important; bottom:auto!important; }
/* Keep the complete tilted iPhone inside each home card. */
.feature-art .home-device { width:min(52%,230px)!important; flex-shrink:0; margin:38px auto!important; }
@media(max-width:700px){.feature-art .home-device{width:min(52%,210px)!important;margin:32px auto!important;}}

.feature-art .home-device.clean-screen { aspect-ratio:1320/2868!important; border:6px solid #1e3143!important; border-radius:38px!important; overflow:hidden; }
.feature-art .home-device.clean-screen img { display:block!important;position:static!important;width:100%!important;height:auto!important;max-width:100%!important;left:auto!important;top:auto!important;bottom:auto!important;object-fit:contain!important;border:0!important;border-radius:0!important;transform:none!important; }

/* Hero composition: three app labels, no phone artwork. */
.hero-art .floating-app { width:300px!important; max-width:85%; padding:22px!important; gap:18px!important; }
.hero-art .floating-app b { font-size:23px!important; }
.hero-art .floating-app span { font-size:17px!important; line-height:1.4!important; }
.hero-art .floating-app img { width:60px!important; height:60px!important; border-radius:14px; }
.hero-art .floating-app.trelist { top:14%!important; left:5%!important; right:auto!important; bottom:auto!important; transform:rotate(-6deg)!important; }
.hero-art .floating-app.kalenfit { top:40%!important; left:auto!important; right:1%!important; bottom:auto!important; transform:rotate(5deg)!important; }
.hero-art .floating-app.aniversa { position:absolute; top:66%!important; left:9%!important; right:auto!important; bottom:auto!important; transform:rotate(-4deg)!important; }
@media(max-width:700px){.hero-art{min-height:440px!important}.hero-art .floating-app{width:270px!important;padding:18px!important}.hero-art .floating-app b{font-size:21px!important}.hero-art .floating-app span{font-size:16px!important}}