body.home.fc-canvas,
body.home.fc-canvas .fc-main {
min-height: 0;
}
.fc-page-home {
width: 100%;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
background-color: var(--fc-bg);
color: var(--fc-cream);
text-align: center;
overflow: hidden;
}
.fc-home-stage {
--fc-home-h: 100vh;
position: relative;
width: 100%;
height: var(--fc-home-h);
margin: 0 auto;
padding: 0;
container-type: size;
--u: min(1cqw, 0.5625cqh);
background-color: var(--fc-bg);
background-image: url(//www.faithcaptures.com/wp-content/themes/faithcapturesV2/assets/img/fc26/portada-movil.webp);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.31);
}
@supports (height: 100svh) {
.fc-home-stage {
--fc-home-h: 100svh;
}
}
.admin-bar .fc-home-stage {
height: calc(var(--fc-home-h) - 32px);
}
@media (max-width: 782px) {
.admin-bar .fc-home-stage {
height: calc(var(--fc-home-h) - 46px);
}
}
@media (min-aspect-ratio: 2/3) {
.fc-home-stage {
background-image: url(//www.faithcaptures.com/wp-content/themes/faithcapturesV2/assets/img/fc26/portada-tablet.webp);
}
}
@media (min-aspect-ratio: 1/1) {
.fc-home-stage {
background-image: url(//www.faithcaptures.com/wp-content/themes/faithcapturesV2/assets/img/fc26/portada-escritorio.webp);
}
}
.fc-home-card,
.fc-home-hero-title,
.fc-home-actions {
position: static;
margin: 0;
padding: 0;
}
.fc-home-mark,
.fc-home-hero-main,
.fc-home-hero-script,
.fc-home-hero-year,
.fc-home-tagline,
.fc-page-home .fc-btn {
position: absolute;
left: 50%;
margin: 0;
transform: translate(-50%, -50%);
white-space: nowrap;
}
.fc-home-mark {
top: 17.7%;
width: calc(25 * var(--u));
}
.fc-home-mark a,
.fc-home-mark .fc-logo--mark {
display: block;
width: 100%;
max-width: none;
height: auto;
}
.fc-home-hero-title {
font-weight: 400;
line-height: 1;
}
.fc-home-hero-main {
top: 40.9%;
font-family: "Safira March", var(--fc-font-display);
font-size: calc(8.2 * var(--u));
font-weight: 400;
line-height: 1;
letter-spacing: 0;
text-transform: uppercase;
color: var(--fc-cream);
}
.fc-home-hero-script {
top: 48.9%;
font-family: "Ballet", var(--fc-font-script);
font-size: calc(8.4 * var(--u));
font-weight: 400;
line-height: 1;
color: var(--fc-cream);
}
.fc-home-hero-year {
top: 51.6%;
font-family: var(--fc-font-serif);
font-size: max(11px, calc(2.2 * var(--u)));
font-weight: 400;
line-height: 1;
letter-spacing: 0.08em;
color: var(--fc-cream);
}
.fc-home-tagline {
top: 69.5%;
font-family: var(--fc-font-serif);
font-size: max(11px, calc(2.6 * var(--u)));
font-weight: 400;
line-height: 1.15;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--fc-cream);
}
.fc-home-tagline-line {
display: block;
}
.fc-page-home .fc-btn {
display: flex;
align-items: center;
justify-content: center;
width: max(140px, calc(28.8 * var(--u)));
min-width: 0;
max-width: none;
padding: 0 8px;
color: var(--fc-cream);
border: 1px solid var(--fc-cream);
border-radius: 999px;
background: transparent;
font-family: var(--fc-font-button);
font-weight: 700;
line-height: 1;
text-align: center;
box-sizing: border-box;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.fc-home-actions {
--fc-res-top: 84.9%;
--fc-faq-top: 89.2%;
--fc-res-h: max(30px, calc(6.4 * var(--u)));
--fc-faq-h: max(22px, calc(4.2 * var(--u)));
}
.fc-page-home .fc-home-actions .fc-btn:first-child {
top: var(--fc-res-top);
height: var(--fc-res-h);
font-size: max(12px, calc(2.3 * var(--u)));
letter-spacing: 0.08em;
} .fc-page-home .fc-home-actions .fc-btn:last-child {
top: max(var(--fc-faq-top), calc(var(--fc-res-top) + var(--fc-res-h) / 2 + var(--fc-faq-h) / 2 + 1.4cqh));
height: var(--fc-faq-h);
font-size: max(9px, calc(1.4 * var(--u)));
letter-spacing: 0.06em;
}
.fc-page-home .fc-btn:hover,
.fc-page-home .fc-btn:focus {
background: var(--fc-btn-hover-bg);
color: var(--fc-btn-hover-color);
border-color: var(--fc-cream);
} @media (min-aspect-ratio: 2/3) and (max-aspect-ratio: 999/1000) {
.fc-home-mark { top: 16%; }
.fc-home-hero-main { top: 38.9%; }
.fc-home-hero-script { top: 46.9%; }
.fc-home-hero-year { top: 49.6%; }
.fc-home-tagline { top: 65.6%; }
.fc-home-actions {
--fc-res-top: 81%;
--fc-faq-top: 85.3%;
}
} @media (min-aspect-ratio: 1/1) {
.fc-home-tagline { top: 70.1%; }
.fc-home-actions {
--fc-res-top: 85.5%;
--fc-faq-top: 89.8%;
}
}