{"id":50,"date":"2026-07-31T11:04:18","date_gmt":"2026-07-31T11:04:18","guid":{"rendered":"http:\/\/juliansilva.cyber-demo-client-websites.com\/?page_id=50"},"modified":"2026-08-13T18:43:37","modified_gmt":"2026-08-13T18:43:37","slug":"book","status":"publish","type":"page","link":"http:\/\/juliansilva.cyber-demo-client-websites.com\/index.php\/book\/","title":{"rendered":"Book"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"50\" class=\"elementor elementor-50\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d59bb74 e-flex e-con-boxed e-con e-parent\" data-id=\"d59bb74\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c19d44 elementor-widget elementor-widget-spacer\" data-id=\"9c19d44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38af412 e-flex e-con-boxed e-con e-parent\" data-id=\"38af412\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53ed1ab elementor-widget elementor-widget-html\" data-id=\"53ed1ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   JULIAN SILVA - ABOUT THE BOOK SECTION\r\n   Paste everything into ONE Elementor HTML Widget\r\n========================================================= *\/\r\n\r\n.js-book-about-section,\r\n.js-book-about-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.js-book-about-section {\r\n    --js-bg: #f0f4f1;\r\n    --js-dark: #07171d;\r\n    --js-muted: #6f7977;\r\n    --js-green: #335e50;\r\n    --js-light-green: #e9f0ec;\r\n    --js-white: #ffffff;\r\n\r\n    width: 100%;\r\n    background: var(--js-bg);\r\n    padding: 80px 20px;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    color: var(--js-dark);\r\n}\r\n\r\n.js-book-about-container {\r\n    width: 100%;\r\n    max-width: 1040px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================\r\n   MAIN CARD\r\n========================= *\/\r\n\r\n.js-book-about-card {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    min-height: 550px;\r\n    overflow: hidden;\r\n    border-radius: 28px;\r\n    background: #fff;\r\n    box-shadow: 0 25px 60px rgba(20, 38, 32, 0.15);\r\n}\r\n\r\n\r\n\/* =========================\r\n   LEFT VISUAL\r\n========================= *\/\r\n\r\n.js-book-about-visual {\r\n    position: relative;\r\n    min-height: 550px;\r\n    overflow: hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(3,15,17,0.93) 0%,\r\n            rgba(3,15,17,0.38) 46%,\r\n            rgba(4,13,15,0.06) 72%\r\n        ),\r\n        radial-gradient(\r\n            ellipse at 38% 4%,\r\n            rgba(255,224,157,0.95) 0%,\r\n            rgba(255,222,147,0.50) 9%,\r\n            rgba(255,255,255,0.03) 30%,\r\n            transparent 48%\r\n        ),\r\n        linear-gradient(\r\n            116deg,\r\n            transparent 0%,\r\n            transparent 20%,\r\n            rgba(255,222,159,0.24) 21%,\r\n            transparent 31%\r\n        ),\r\n        linear-gradient(\r\n            104deg,\r\n            transparent 0%,\r\n            transparent 34%,\r\n            rgba(255,222,159,0.18) 35%,\r\n            transparent 46%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #54605b 0%,\r\n            #263b37 28%,\r\n            #102420 52%,\r\n            #071819 100%\r\n        );\r\n}\r\n\r\n\/* forest silhouettes *\/\r\n.js-book-about-visual::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    height: 75%;\r\n    opacity: 0.86;\r\n\r\n    background:\r\n        linear-gradient(82deg, transparent 42%, #061513 43% 47%, transparent 48%),\r\n        linear-gradient(100deg, transparent 52%, #0a201c 53% 58%, transparent 59%),\r\n        linear-gradient(76deg, transparent 64%, #071814 65% 71%, transparent 72%),\r\n        linear-gradient(90deg, transparent 16%, #0a1e19 17% 21%, transparent 22%);\r\n}\r\n\r\n.js-book-about-visual::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0.28;\r\n    pointer-events: none;\r\n\r\n    background-image:\r\n        repeating-linear-gradient(\r\n            104deg,\r\n            transparent 0px,\r\n            transparent 20px,\r\n            rgba(255,255,255,0.18) 21px,\r\n            transparent 22px,\r\n            transparent 34px\r\n        );\r\n}\r\n\r\n.js-book-quote {\r\n    position: absolute;\r\n    z-index: 3;\r\n    left: 36px;\r\n    right: 34px;\r\n    bottom: 42px;\r\n\r\n    margin: 0;\r\n    max-width: 390px;\r\n\r\n    color: #fff;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 25px;\r\n    line-height: 1.28;\r\n    font-style: italic;\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n\/* =========================\r\n   RIGHT CONTENT\r\n========================= *\/\r\n\r\n.js-book-about-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n\r\n    padding: 50px 48px 45px;\r\n    background: #fff;\r\n}\r\n\r\n.js-book-about-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    margin-bottom: 14px;\r\n\r\n    color: #315d4f;\r\n    font-size: 9px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.js-book-about-eyebrow::before {\r\n    content: \"\";\r\n    width: 25px;\r\n    height: 1px;\r\n    background: #315d4f;\r\n}\r\n\r\n.js-book-about-title {\r\n    max-width: 460px;\r\n    margin: 0 0 25px;\r\n\r\n    color: var(--js-dark);\r\n    font-size: clamp(41px, 4.4vw, 58px);\r\n    line-height: 0.98;\r\n    letter-spacing: -2.8px;\r\n    font-weight: 800;\r\n}\r\n\r\n.js-book-about-copy {\r\n    max-width: 470px;\r\n    margin: 0 0 28px;\r\n\r\n    color: var(--js-muted);\r\n    font-size: 12px;\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\/* =========================\r\n   FEATURE ROWS\r\n========================= *\/\r\n\r\n.js-book-about-features {\r\n    width: 100%;\r\n    margin-bottom: 26px;\r\n}\r\n\r\n.js-book-feature-row {\r\n    min-height: 52px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n\r\n    border-bottom: 1px solid #e6e9e7;\r\n}\r\n\r\n.js-book-feature-icon {\r\n    flex: 0 0 27px;\r\n    width: 27px;\r\n    height: 27px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n    background: var(--js-light-green);\r\n\r\n    color: var(--js-green);\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n}\r\n\r\n.js-book-feature-text {\r\n    color: var(--js-dark);\r\n    font-size: 12px;\r\n    line-height: 1.3;\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* =========================\r\n   CTA BUTTON\r\n========================= *\/\r\n\r\n.js-book-copy-btn {\r\n    width: 100%;\r\n    min-height: 47px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 28px;\r\n\r\n    padding: 0 24px;\r\n\r\n    border-radius: 999px;\r\n    background: var(--js-dark);\r\n\r\n    color: #fff !important;\r\n    text-decoration: none !important;\r\n\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    font-weight: 700;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        background 0.3s ease;\r\n}\r\n\r\n.js-book-copy-btn:hover {\r\n    background: #17372f;\r\n    color: #fff !important;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.js-book-copy-arrow {\r\n    font-size: 17px;\r\n    line-height: 1;\r\n}\r\n\r\n\r\n\/* =========================\r\n   TABLET\r\n========================= *\/\r\n\r\n@media (max-width: 850px) {\r\n\r\n    .js-book-about-section {\r\n        padding: 60px 20px;\r\n    }\r\n\r\n    .js-book-about-card {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .js-book-about-visual {\r\n        min-height: 520px;\r\n    }\r\n\r\n    .js-book-about-content {\r\n        padding: 48px 40px;\r\n    }\r\n\r\n    .js-book-about-title {\r\n        max-width: 600px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n@media (max-width: 560px) {\r\n\r\n    .js-book-about-section {\r\n        padding: 45px 15px;\r\n    }\r\n\r\n    .js-book-about-card {\r\n        border-radius: 22px;\r\n    }\r\n\r\n    .js-book-about-visual {\r\n        min-height: 430px;\r\n    }\r\n\r\n    .js-book-quote {\r\n        left: 25px;\r\n        right: 25px;\r\n        bottom: 30px;\r\n        font-size: 21px;\r\n    }\r\n\r\n    .js-book-about-content {\r\n        padding: 38px 26px 32px;\r\n    }\r\n\r\n    .js-book-about-title {\r\n        font-size: 40px;\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .js-book-about-copy {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .js-book-feature-row {\r\n        min-height: 55px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"js-book-about-section\">\r\n\r\n    <div class=\"js-book-about-container\">\r\n\r\n        <div class=\"js-book-about-card\">\r\n\r\n\r\n            <!-- ======================\r\n                 LEFT IMAGE SIDE\r\n            ======================= -->\r\n\r\n            <div class=\"js-book-about-visual\">\r\n\r\n                <blockquote class=\"js-book-quote\">\r\n                    \"Even in the darkest sky, an<br>\r\n                    opening of light can change the<br>\r\n                    direction of our gaze.\"\r\n                <\/blockquote>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- ======================\r\n                 RIGHT CONTENT\r\n            ======================= -->\r\n\r\n            <div class=\"js-book-about-content\">\r\n\r\n                <div class=\"js-book-about-eyebrow\">\r\n                    About the Book\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"js-book-about-title\">\r\n                   WHEN LIFE TESTS YOUR FAITH, WHAT WILL YOU HOLD ON TO?\r\n                <\/h2>\r\n\r\n\r\n                <p class=\"js-book-about-copy\">\r\n                    Faith can feel easy when life is going well. But what happens when fear takes over, prayers seem unanswered, and the road ahead is no longer clear?\r\nGotas de Lluvia Celestiales del Cielo brings together Scripture-based messages for those moments, calling us back to God's Word, challenging what we truly believe, and reminding us that even when we cannot see the way ahead, God is still calling us forward.\r\n\r\n                <\/p>\r\n\r\n\r\n                <!-- FEATURE ROWS -->\r\n\r\n                <div class=\"js-book-about-features\">\r\n\r\n                    <div class=\"js-book-feature-row\">\r\n\r\n                        <span class=\"js-book-feature-icon\">\r\n                            \u2726\r\n                        <\/span>\r\n\r\n                        <span class=\"js-book-feature-text\">\r\nWHEN FAITH TURNS TO FEAR                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"js-book-feature-row\">\r\n\r\n                        <span class=\"js-book-feature-icon\">\r\n                            \u2601\r\n                        <\/span>\r\n\r\n                        <span class=\"js-book-feature-text\">\r\nDO YOU REALLY BELIEVE?                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"js-book-feature-row\">\r\n\r\n                        <span class=\"js-book-feature-icon\">\r\n                            \u00bb \r\n                        <\/span>\r\n\r\n                        <span class=\"js-book-feature-text\">\r\nTHE COURAGE TO KEEP MOVING FORWARD                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- CTA -->\r\n\r\n                <a href=\"http:\/\/juliansilva.cyber-demo-client-websites.com\/index.php\/book\/\" class=\"js-book-copy-btn\">\r\n\r\n                    <span>Get a copy<\/span>\r\n\r\n                    <span class=\"js-book-copy-arrow\">\r\n                        \u2192\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f6bb00 e-flex e-con-boxed e-con e-parent\" data-id=\"3f6bb00\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4760342 elementor-widget elementor-widget-html\" data-id=\"4760342\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   JULIAN SILVA - BOOKS SECTION\r\n   Paste everything into one Elementor HTML Widget\r\n========================================================= *\/\r\n\r\n.js-books-section,\r\n.js-books-section * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.js-books-section {\r\n    --js-bg: #f0f4f1;\r\n    --js-dark: #07161c;\r\n    --js-green: #18352d;\r\n    --js-muted: #66716e;\r\n    --js-soft-green: #e5eee9;\r\n    --js-white: #ffffff;\r\n\r\n    width: 100%;\r\n    background: var(--js-bg);\r\n    padding: 72px 20px 54px;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    color: var(--js-dark);\r\n    overflow: hidden;\r\n}\r\n\r\n.js-books-container {\r\n    width: 100%;\r\n    max-width: 1040px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =======================\r\n   TOP CONTENT\r\n======================= *\/\r\n\r\n.js-books-heading-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n    gap: 30px;\r\n    margin-bottom: 48px;\r\n}\r\n\r\n.js-books-heading-left {\r\n    max-width: 680px;\r\n}\r\n\r\n.js-books-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 13px;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 2.3px;\r\n    text-transform: uppercase;\r\n    color: #315c4e;\r\n}\r\n\r\n.js-books-eyebrow::before {\r\n    content: \"\";\r\n    display: block;\r\n    width: 24px;\r\n    height: 1px;\r\n    background: #315c4e;\r\n}\r\n\r\n.js-books-title {\r\n    margin: 0;\r\n    font-size: clamp(38px, 5vw, 58px);\r\n    line-height: 0.98;\r\n    letter-spacing: -3px;\r\n    font-weight: 800;\r\n    color: var(--js-dark);\r\n}\r\n\r\n.js-books-description {\r\n    max-width: 510px;\r\n    margin: 19px 0 0;\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n    color: var(--js-muted);\r\n}\r\n\r\n.js-main-btn,\r\n.js-card-btn {\r\n    text-decoration: none !important;\r\n}\r\n\r\n.js-main-btn {\r\n    min-width: 160px;\r\n    min-height: 48px;\r\n    padding: 0 25px;\r\n    border-radius: 999px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 16px;\r\n    background: var(--js-dark);\r\n    color: #fff !important;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    white-space: nowrap;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.js-main-btn:hover {\r\n    transform: translateY(-2px);\r\n    background: #15332d;\r\n    color: #fff !important;\r\n}\r\n\r\n.js-arrow {\r\n    font-size: 18px;\r\n    line-height: 1;\r\n}\r\n\r\n\r\n\/* =======================\r\n   MAIN BOOK GRID\r\n======================= *\/\r\n\r\n.js-books-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.08fr 0.88fr;\r\n    gap: 22px;\r\n    align-items: stretch;\r\n}\r\n\r\n\r\n\/* =======================\r\n   LEFT BOOK CARD\r\n======================= *\/\r\n\r\n.js-featured-book {\r\n    min-height: 470px;\r\n    display: grid;\r\n    grid-template-columns: 42% 58%;\r\n    background: #fff;\r\n    border-radius: 22px;\r\n    overflow: hidden;\r\n    box-shadow: 0 14px 35px rgba(7, 22, 28, 0.06);\r\n}\r\n\r\n.js-book-visual {\r\n    position: relative;\r\n    min-height: 470px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    background:\r\n        radial-gradient(circle at 55% 25%, rgba(176,181,125,0.25), transparent 22%),\r\n        linear-gradient(145deg, #17382f 0%, #081b1b 55%, #071419 100%);\r\n}\r\n\r\n.js-book-visual::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    right: 50%;\r\n    width: 2px;\r\n    height: 100%;\r\n    border-right: 2px dotted #21aef5;\r\n    opacity: 0.9;\r\n}\r\n\r\n.js-book-image {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 67%;\r\n    max-width: 180px;\r\n    display: block;\r\n    transform: rotate(-4deg) perspective(800px) rotateY(-4deg);\r\n    box-shadow:\r\n        -8px 12px 0 rgba(4, 10, 13, 0.8),\r\n        0 24px 30px rgba(0,0,0,0.38);\r\n}\r\n\r\n.js-book-info {\r\n    padding: 40px 34px 32px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n.js-language-pill {\r\n    width: fit-content;\r\n    padding: 7px 13px;\r\n    margin-bottom: 15px;\r\n    border-radius: 999px;\r\n    background: var(--js-soft-green);\r\n    color: #426b5e;\r\n    font-size: 8px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.2px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.js-book-name {\r\n    margin: 0 0 16px;\r\n    font-size: 32px;\r\n    line-height: 0.99;\r\n    font-weight: 800;\r\n    letter-spacing: -1.5px;\r\n    color: var(--js-dark);\r\n}\r\n\r\n.js-book-copy {\r\n    margin: 0 0 22px;\r\n    color: #697370;\r\n    font-size: 12px;\r\n    line-height: 1.65;\r\n}\r\n\r\n.js-book-meta {\r\n    display: flex;\r\n    gap: 26px;\r\n    padding-top: 16px;\r\n    margin-bottom: 23px;\r\n    border-top: 1px solid #e7eae8;\r\n}\r\n\r\n.js-meta-item span {\r\n    display: block;\r\n}\r\n\r\n.js-meta-title {\r\n    margin-bottom: 6px;\r\n    color: var(--js-dark);\r\n    font-size: 8px;\r\n    font-weight: 800;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.js-meta-value {\r\n    color: #66716e;\r\n    font-size: 9px;\r\n}\r\n\r\n.js-card-btn {\r\n    width: fit-content;\r\n    min-height: 44px;\r\n    padding: 0 22px;\r\n    border-radius: 999px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    background: var(--js-dark);\r\n    color: #fff !important;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.js-card-btn:hover {\r\n    transform: translateY(-2px);\r\n    background: #18382f;\r\n    color: #fff !important;\r\n}\r\n\r\n\r\n\/* =======================\r\n   RIGHT BOOK CARD\r\n======================= *\/\r\n\r\n.js-secondary-book {\r\n    min-height: 470px;\r\n    background: #fff;\r\n    border-radius: 22px;\r\n    overflow: hidden;\r\n    box-shadow: 0 14px 35px rgba(7, 22, 28, 0.05);\r\n}\r\n\r\n.js-secondary-image {\r\n    height: 210px;\r\n    position: relative;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    padding: 28px;\r\n    overflow: hidden;\r\n    background:\r\n        linear-gradient(0deg, rgba(4,16,21,0.92), rgba(8,20,21,0.12)),\r\n        radial-gradient(circle at 75% 18%, rgba(233,214,150,0.33), transparent 11%),\r\n        linear-gradient(135deg, #56736d 0%, #314b49 45%, #18272c 100%);\r\n}\r\n\r\n.js-secondary-image::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -12%;\r\n    left: 47%;\r\n    width: 15px;\r\n    height: 125%;\r\n    background: rgba(222,194,119,0.50);\r\n    filter: blur(2px);\r\n    transform: rotate(1deg);\r\n}\r\n\r\n.js-secondary-image::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 270px;\r\n    height: 25px;\r\n    top: 45px;\r\n    left: 120px;\r\n    background: rgba(255,255,255,0.13);\r\n    filter: blur(3px);\r\n    transform: rotate(-34deg);\r\n}\r\n\r\n.js-secondary-overlay-title {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 300px;\r\n    margin: 0;\r\n    color: #fff;\r\n    font-family: Georgia, \"Times New Roman\", serif;\r\n    font-size: 33px;\r\n    line-height: 0.92;\r\n    letter-spacing: -1px;\r\n    font-weight: 700;\r\n}\r\n\r\n.js-secondary-content {\r\n    padding: 39px 29px 31px;\r\n}\r\n\r\n.js-secondary-title {\r\n    margin: 0 0 16px;\r\n    color: var(--js-dark);\r\n    font-size: 20px;\r\n    line-height: 1.2;\r\n    font-weight: 800;\r\n}\r\n\r\n.js-secondary-copy {\r\n    margin: 0 0 23px;\r\n    color: #68726f;\r\n    font-size: 12px;\r\n    line-height: 1.65;\r\n}\r\n\r\n\r\n\/* =======================\r\n   BOTTOM CATEGORY CARDS\r\n======================= *\/\r\n\r\n.js-category-wrap {\r\n    margin-top: 70px;\r\n}\r\n\r\n.js-category-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 13px;\r\n}\r\n\r\n.js-category-card {\r\n    position: relative;\r\n    min-height: 120px;\r\n    padding: 26px 20px 18px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end;\r\n    border-radius: 17px;\r\n    overflow: hidden;\r\n    background:\r\n        radial-gradient(circle at 78% 12%, rgba(186,203,142,0.22), transparent 23%),\r\n        linear-gradient(145deg, #274b3e, #071c1c 68%, #061619);\r\n    box-shadow: 0 16px 26px rgba(14, 34, 31, 0.13);\r\n}\r\n\r\n.js-category-card:nth-child(2) {\r\n    background:\r\n        radial-gradient(circle at 35% 10%, rgba(184,199,131,0.22), transparent 24%),\r\n        linear-gradient(145deg, #173d35, #091d1c 70%);\r\n}\r\n\r\n.js-category-card:nth-child(3) {\r\n    background:\r\n        radial-gradient(circle at 75% 14%, rgba(126,159,111,0.2), transparent 24%),\r\n        linear-gradient(145deg, #17332d, #06191a 70%);\r\n}\r\n\r\n.js-category-card:nth-child(4) {\r\n    background:\r\n        radial-gradient(circle at 50% 0%, rgba(189,207,143,0.22), transparent 22%),\r\n        linear-gradient(145deg, #294a3e, #071b1c 70%);\r\n}\r\n\r\n.js-category-label {\r\n    margin-bottom: 8px;\r\n    color: rgba(255,255,255,0.55);\r\n    font-size: 8px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.4px;\r\n}\r\n\r\n.js-category-title {\r\n    color: #fff;\r\n    font-size: 13px;\r\n    line-height: 1.25;\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* =======================\r\n   RESPONSIVE\r\n======================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .js-books-section {\r\n        padding-top: 55px;\r\n    }\r\n\r\n    .js-books-heading-row {\r\n        align-items: flex-start;\r\n    }\r\n\r\n    .js-books-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .js-featured-book,\r\n    .js-secondary-book {\r\n        min-height: auto;\r\n    }\r\n\r\n    .js-category-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .js-books-section {\r\n        padding: 45px 15px 35px;\r\n    }\r\n\r\n    .js-books-heading-row {\r\n        display: block;\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n    .js-books-title {\r\n        font-size: 42px;\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .js-main-btn {\r\n        margin-top: 25px;\r\n    }\r\n\r\n    .js-featured-book {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .js-book-visual {\r\n        min-height: 370px;\r\n    }\r\n\r\n    .js-book-visual::before {\r\n        right: 50%;\r\n    }\r\n\r\n    .js-book-image {\r\n        width: 45%;\r\n        max-width: 190px;\r\n    }\r\n\r\n    .js-book-info {\r\n        padding: 32px 25px 30px;\r\n    }\r\n\r\n    .js-book-name {\r\n        font-size: 29px;\r\n    }\r\n\r\n    .js-secondary-image {\r\n        height: 230px;\r\n    }\r\n\r\n    .js-secondary-overlay-title {\r\n        font-size: 31px;\r\n    }\r\n\r\n    .js-category-wrap {\r\n        margin-top: 40px;\r\n    }\r\n}\r\n\r\n\r\n@media (max-width: 430px) {\r\n\r\n    .js-books-title {\r\n        font-size: 35px;\r\n    }\r\n\r\n    .js-books-description {\r\n        font-size: 13px;\r\n    }\r\n\r\n    .js-category-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .js-category-card {\r\n        min-height: 105px;\r\n    }\r\n\r\n    .js-book-image {\r\n        width: 50%;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"js-books-section\">\r\n\r\n    <div class=\"js-books-container\">\r\n\r\n        <!-- ==========================\r\n             HEADER\r\n        =========================== -->\r\n        <div class=\"js-books-heading-row\">\r\n\r\n            <div class=\"js-books-heading-left\">\r\n\r\n                <div class=\"js-books-eyebrow\">\r\n                    Julian Silva Library\r\n                <\/div>\r\n\r\n                <h2 class=\"js-books-title\">\r\n                   SOME WORDS FIND US EXACTLY WHEN WE NEED THEM.\r\n                <\/h2>\r\n\r\n                <p class=\"js-books-description\">\r\n                   There are words we read and forget. And then there are words that reach us in a difficult season, remind us of someone we love, or give us the strength to keep going.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div>\r\n                <a href=\"http:\/\/juliansilva.cyber-demo-client-websites.com\/index.php\/book\/\" class=\"js-main-btn\">\r\n                    Discover the Books\r\n                    <span class=\"js-arrow\">\u2192<\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ==========================\r\n             BOOK CARDS\r\n        =========================== -->\r\n        <div class=\"js-books-grid\">\r\n\r\n\r\n            <!-- LEFT \/ FEATURED BOOK -->\r\n            <article class=\"js-featured-book\">\r\n\r\n                <div class=\"js-book-visual\">\r\n\r\n                    <img decoding=\"async\"\r\n                        class=\"js-book-image\"\r\n                        src=\"http:\/\/juliansilva.cyber-demo-client-websites.com\/wp-content\/uploads\/2026\/07\/20fa021a052fe5d199f72221c6278f1267f6855a-1.jpg\"\r\n                        alt=\"Gotas de Lluvia Celestiales del Cielo\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"js-book-info\">\r\n\r\n                    <div class=\"js-language-pill\">\r\n                        Edici\u00f3n en Espa\u00f1ol\r\n                    <\/div>\r\n\r\n                    <h3 class=\"js-book-name\">\r\n                        Gotas de<br>\r\n                        Lluvia<br>\r\n                        Celestiales<br>\r\n                        del Cielo\r\n                    <\/h3>\r\n\r\n                    <p class=\"js-book-copy\">\r\n                        Una invitaci\u00f3n visual y espiritual a descubrir esperanza\r\n                        en medio de la tormenta, luz entre las nubes y prop\u00f3sito\r\n                        en las peque\u00f1as se\u00f1ales de la vida.\r\n                    <\/p>\r\n\r\n\r\n                    <div class=\"js-book-meta\">\r\n\r\n                        <div class=\"js-meta-item\">\r\n                            <span class=\"js-meta-title\">Idioma<\/span>\r\n                            <span class=\"js-meta-value\">Espa\u00f1ol<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"js-meta-item\">\r\n                            <span class=\"js-meta-title\">Autor<\/span>\r\n                            <span class=\"js-meta-value\">Pastor Julian Silva<\/span>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <a href=\"http:\/\/juliansilva.cyber-demo-client-websites.com\/index.php\/book\/\" class=\"js-card-btn\">\r\n                        Comprar \/ Solicitar\r\n                        <span class=\"js-arrow\">\u2192<\/span>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- RIGHT BOOK -->\r\n            <article class=\"js-secondary-book\">\r\n\r\n                <div class=\"js-secondary-image\">\r\n\r\n                    <h3 class=\"js-secondary-overlay-title\">\r\n                        Grandpa's First<br>\r\n                        Automobile\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"js-secondary-content\">\r\n\r\n                    <div class=\"js-language-pill\">\r\n                        Edici\u00f3n en Ingl\u00e9s\r\n                    <\/div>\r\n\r\n                    <h3 class=\"js-secondary-title\">\r\n                        Grandpa's First Automobile\r\n                    <\/h3>\r\n\r\n                    <p class=\"js-secondary-copy\">\r\n                        Una historia familiar preparada para conectar generaciones,\r\n                        celebrar los recuerdos y mantener vivas las conversaciones\r\n                        que forman nuestro legado.\r\n                    <\/p>\r\n\r\n\r\n                    <a href=\"http:\/\/juliansilva.cyber-demo-client-websites.com\/index.php\/author\/\" class=\"js-card-btn\">\r\n                        Ver detalles\r\n                        <span class=\"js-arrow\">\u2192<\/span>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ==========================\r\n             BOTTOM CATEGORY BOXES\r\n        =========================== -->\r\n        <div class=\"js-category-wrap\">\r\n\r\n            <div class=\"js-category-grid\">\r\n\r\n                <div class=\"js-category-card\">\r\n                    <span class=\"js-category-label\">Inspiration<\/span>\r\n                    <span class=\"js-category-title\">Forests that speak<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"js-category-card\">\r\n                    <span class=\"js-category-label\">Hope<\/span>\r\n                    <span class=\"js-category-title\">Light after the storm<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"js-category-card\">\r\n                    <span class=\"js-category-label\">Renewal<\/span>\r\n                    <span class=\"js-category-title\">Rain that transforms<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"js-category-card\">\r\n                    <span class=\"js-category-label\">Purpose<\/span>\r\n                    <span class=\"js-category-title\">Roots that remain<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&#8220;Even in the darkest sky, an opening of light can change the direction of our gaze.&#8221; About the Book WHEN LIFE TESTS YOUR FAITH, WHAT WILL YOU HOLD ON TO? Faith can feel easy when life is going well. But what happens when fear takes over, prayers seem unanswered, and the road ahead is no [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/juliansilva.cyber-demo-client-websites.com\/index.php\/wp-json\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/juliansilva.cyber-demo-client-websites.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/juliansilva.cyber-demo-client-websites.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/juliansilva.cyber-demo-client-websites.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/juliansilva.cyber-demo-client-websites.com\/index.php\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":10,"href":"http:\/\/juliansilva.cyber-demo-client-websites.com\/index.php\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":83,"href":"http:\/\/juliansilva.cyber-demo-client-websites.com\/index.php\/wp-json\/wp\/v2\/pages\/50\/revisions\/83"}],"wp:attachment":[{"href":"http:\/\/juliansilva.cyber-demo-client-websites.com\/index.php\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}