/* Página "Próximamente". Todo va bajo .byla-cs para ganar especificidad al tema padre. */
body.byla-cs-body { margin: 0; background: #111; color: #ededed; font-family: "Roboto", sans-serif; }
.byla-cs { --byla-ink: #231f20; --byla-paper: #fff; overflow-x: hidden; }
.byla-cs h1, .byla-cs h2 { font-family: "Bodoni Moda", serif; font-weight: 500; text-transform: none; letter-spacing: 0; color: inherit; margin: 0; }
.byla-cs p { margin: 0; color: inherit; }
.byla-cs a { text-decoration: none; }

.byla-cs__hero { position: relative; min-height: 100vh; min-height: 100svh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 48px 24px; overflow: hidden; }
.byla-cs__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 62%; z-index: 0; }
.byla-cs__hero::before { content: ""; z-index: 1; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(17,17,17,.62), rgba(17,17,17,.82)); }
.byla-cs__hero-inner { position: relative; z-index: 2; max-width: 760px; }
.byla-cs__logo { display: block; width: clamp(140px, 22vw, 220px); height: auto; margin: 0 auto 28px; }
.byla-cs .byla-cs__eyebrow { font-size: 13px; letter-spacing: .32em; text-transform: uppercase; opacity: .85; margin-bottom: 20px; }
.byla-cs .byla-cs__title { font-size: clamp(34px, 6vw, 68px); line-height: 1.08; margin-bottom: 24px; }
.byla-cs .byla-cs__lead { font-size: clamp(16px, 2vw, 19px); line-height: 1.7; font-weight: 300; max-width: 620px; margin: 0 auto 36px; opacity: .92; }
.byla-cs__button { display: inline-block; padding: 16px 44px; border: 1px solid #fff; color: #fff; font-size: 13px; letter-spacing: .3em; text-transform: uppercase; transition: background .25s, color .25s; }
.byla-cs__button:hover, .byla-cs__button:focus-visible { background: #fff; color: var(--byla-ink); }
.byla-cs__scroll { z-index: 2; position: absolute; left: 50%; bottom: 24px; width: 1px; height: 48px; background: linear-gradient(#fff, transparent); opacity: .6; }

.byla-cs__pillars { background: var(--byla-paper); color: var(--byla-ink); display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; padding: clamp(56px, 8vw, 110px) clamp(24px, 6vw, 96px); }
.byla-cs__pillars img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; filter: grayscale(1); transition: filter .5s ease; margin-bottom: 24px; }
.byla-cs__pillars article:hover img, .byla-cs__pillars article:focus-within img { filter: grayscale(0); }
.byla-cs .byla-cs__pillars h2 { font-size: 28px; margin-bottom: 10px; }
.byla-cs .byla-cs__pillars p { font-size: 15px; line-height: 1.7; font-weight: 300; }

.byla-cs__cta { background: var(--byla-ink); text-align: center; padding: clamp(56px, 8vw, 100px) 24px; }
.byla-cs .byla-cs__cta h2 { font-size: clamp(28px, 4vw, 44px); margin-bottom: 14px; }
.byla-cs .byla-cs__cta p { font-weight: 300; margin-bottom: 30px; opacity: .85; }

.byla-cs__footer { background: #111; padding: 28px clamp(24px, 6vw, 96px); display: flex; flex-wrap: wrap; gap: 12px 32px; justify-content: space-between; font-size: 13px; color: #a2a2a2; }
.byla-cs__footer ul { display: flex; flex-wrap: wrap; gap: 8px 24px; list-style: none; margin: 0; padding: 0; }
.byla-cs__footer a { color: #cfcfcf; }
.byla-cs__footer a:hover { color: #fff; }

@media (max-width: 800px) { .byla-cs__pillars { grid-template-columns: 1fr; } }