{"id":329,"date":"2026-04-18T14:24:15","date_gmt":"2026-04-18T14:24:15","guid":{"rendered":"http:\/\/gasolina.com\/?page_id=329"},"modified":"2026-04-20T12:41:57","modified_gmt":"2026-04-20T12:41:57","slug":"home-faithbloom-co","status":"publish","type":"page","link":"https:\/\/gasolina.com\/en\/home-faithbloom-co\/","title":{"rendered":"HOME Faith&amp;Bloom Co"},"content":{"rendered":"<div class=\"wp-block-uagb-container uagb-block-6eba904b alignfull uagb-is-root-container\">\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n<title>Faith &#038; Bloom Co. \u2014 Casa Editorial &#038; Brand Studio<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;1,9..144,300;1,9..144,400&#038;family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&#038;family=Jost:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  :root{\n    --lavender-blush:#FFE6ED;\n    --blush-rose:#CF7486;\n    --deep-berry:#850E35;\n    --soft-pink:#FFC4C4;\n    --warm-cream:#FFF5E4;\n    --soft-beige:#F5EDE4;\n    --pure-white:#FFFFFF;\n    --soft-black:#1A1A1A;\n    --muted-ink:#4A3A3F;\n\n    --font-display:'Fraunces', 'Cormorant Garamond', serif;\n    --font-serif:'Cormorant Garamond', 'Fraunces', serif;\n    --font-sans:'Jost', sans-serif;\n  }\n\n  *{margin:0;padding:0;box-sizing:border-box;}\n  html{scroll-behavior:smooth;}\n  body{\n    font-family:var(--font-sans);\n    background:var(--warm-cream);\n    color:var(--soft-black);\n    font-weight:300;\n    line-height:1.6;\n    overflow-x:hidden;\n    -webkit-font-smoothing:antialiased;\n  }\n\n  \/* Subtle paper grain *\/\n  body::before{\n    content:'';\n    position:fixed;\n    inset:0;\n    pointer-events:none;\n    z-index:1;\n    opacity:.35;\n    background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'\/><feColorMatrix values='0 0 0 0 0.52 0 0 0 0 0.45 0 0 0 0 0.25 0 0 0 .18 0'\/><\/filter><rect width='100%' height='100%' filter='url(%23n)'\/><\/svg>\");\n    mix-blend-mode:multiply;\n  }\n\n  a{color:inherit;text-decoration:none;}\n  img{display:block;max-width:100%;}\n\n  \/* ===== NAVIGATION ===== *\/\n  .nav{\n    position:fixed;top:0;left:0;right:0;z-index:100;\n    padding:28px 48px;\n    display:flex;align-items:center;justify-content:space-between;\n    transition:all .5s ease;\n    backdrop-filter:blur(12px);\n    -webkit-backdrop-filter:blur(12px);\n    background:rgba(255,245,228,.65);\n    border-bottom:1px solid rgba(133,14,53,.08);\n  }\n  .nav__logo{\n    font-family:var(--font-display);\n    font-size:22px;\n    font-weight:400;\n    letter-spacing:.02em;\n    color:var(--deep-berry);\n    font-style:italic;\n  }\n  .nav__logo span{font-style:normal;letter-spacing:.15em;font-size:11px;text-transform:uppercase;display:block;color:var(--muted-ink);margin-top:-2px;}\n  .nav__menu{display:flex;gap:42px;list-style:none;}\n  .nav__menu a{\n    font-size:12px;\n    letter-spacing:.2em;\n    text-transform:uppercase;\n    color:var(--muted-ink);\n    position:relative;\n    padding:4px 0;\n    transition:color .3s;\n  }\n  .nav__menu a:hover{color:var(--deep-berry);}\n  .nav__menu a::after{\n    content:'';position:absolute;left:0;bottom:-2px;\n    width:0;height:1px;background:var(--deep-berry);\n    transition:width .4s ease;\n  }\n  .nav__menu a:hover::after{width:100%;}\n  .nav__cta{\n    font-size:11px;letter-spacing:.22em;text-transform:uppercase;\n    padding:12px 24px;\n    border:1px solid var(--deep-berry);\n    color:var(--deep-berry);\n    transition:all .4s ease;\n    background:transparent;\n    cursor:pointer;\n  }\n  .nav__cta:hover{background:var(--deep-berry);color:var(--warm-cream);}\n\n  \/* ===== HERO ===== *\/\n  .hero{\n    position:relative;\n    min-height:100vh;\n    padding:140px 48px 80px;\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n    gap:64px;\n    align-items:center;\n    background:\n      radial-gradient(ellipse at 75% 30%, var(--lavender-blush) 0%, transparent 55%),\n      radial-gradient(ellipse at 15% 85%, var(--soft-pink) 0%, transparent 50%),\n      var(--warm-cream);\n    overflow:hidden;\n  }\n\n  .hero__meta{\n    position:absolute;\n    top:120px;\n    right:48px;\n    font-size:10px;\n    letter-spacing:.35em;\n    text-transform:uppercase;\n    color:var(--muted-ink);\n    writing-mode:vertical-rl;\n    opacity:.6;\n  }\n\n  .hero__eyebrow{\n    display:flex;align-items:center;gap:16px;\n    font-size:11px;letter-spacing:.32em;text-transform:uppercase;\n    color:var(--deep-berry);\n    margin-bottom:32px;\n    font-weight:400;\n  }\n  .hero__eyebrow::before{\n    content:'';width:48px;height:1px;background:var(--deep-berry);\n  }\n\n  .hero__title{\n    font-family:var(--font-display);\n    font-size:clamp(56px, 8.5vw, 128px);\n    font-weight:300;\n    line-height:.95;\n    letter-spacing:-.02em;\n    color:var(--soft-black);\n    margin-bottom:40px;\n  }\n  .hero__title em{\n    font-style:italic;\n    color:var(--deep-berry);\n    font-weight:300;\n    font-variation-settings:\"opsz\" 144;\n  }\n  .hero__title .amp{\n    font-family:var(--font-serif);\n    font-style:italic;\n    color:var(--blush-rose);\n    font-weight:300;\n  }\n\n  .hero__lead{\n    font-family:var(--font-serif);\n    font-size:22px;\n    font-weight:300;\n    line-height:1.5;\n    color:var(--muted-ink);\n    max-width:520px;\n    margin-bottom:48px;\n    font-style:italic;\n  }\n\n  .hero__actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;}\n  .btn-primary{\n    display:inline-flex;align-items:center;gap:14px;\n    padding:18px 36px;\n    background:var(--deep-berry);\n    color:var(--warm-cream);\n    font-size:11px;letter-spacing:.25em;text-transform:uppercase;\n    border:none;cursor:pointer;\n    transition:all .4s ease;\n    position:relative;\n    overflow:hidden;\n  }\n  .btn-primary::before{\n    content:'';position:absolute;inset:0;\n    background:var(--soft-black);\n    transform:translateY(101%);\n    transition:transform .4s cubic-bezier(.7,0,.2,1);\n  }\n  .btn-primary span{position:relative;z-index:1;}\n  .btn-primary:hover::before{transform:translateY(0);}\n  .btn-primary .arrow{\n    position:relative;z-index:1;\n    transition:transform .4s ease;\n  }\n  .btn-primary:hover .arrow{transform:translateX(6px);}\n\n  .btn-ghost{\n    display:inline-flex;align-items:center;gap:12px;\n    font-size:11px;letter-spacing:.25em;text-transform:uppercase;\n    color:var(--soft-black);\n    padding:18px 4px;\n    border-bottom:1px solid var(--soft-black);\n    transition:all .3s ease;\n  }\n  .btn-ghost:hover{color:var(--deep-berry);border-color:var(--deep-berry);}\n\n  \/* Hero visual side *\/\n  .hero__visual{\n    position:relative;\n    height:72vh;\n    min-height:560px;\n  }\n  .hero__frame{\n    position:absolute;\n    inset:0;\n    background:\n      linear-gradient(165deg, var(--blush-rose) 0%, var(--deep-berry) 100%);\n    border-radius:2px;\n    overflow:hidden;\n    box-shadow:\n      0 40px 80px -30px rgba(133,14,53,.4),\n      0 20px 40px -20px rgba(133,14,53,.25);\n  }\n  .hero__frame::after{\n    content:'';\n    position:absolute;inset:0;\n    background:\n      radial-gradient(circle at 30% 20%, rgba(255,230,237,.3) 0%, transparent 50%),\n      radial-gradient(circle at 70% 80%, rgba(255,196,196,.25) 0%, transparent 50%);\n  }\n  .hero__book{\n    position:absolute;\n    top:50%;left:50%;\n    transform:translate(-50%,-50%) rotate(-4deg);\n    width:62%;\n    aspect-ratio:2\/3;\n    background:var(--warm-cream);\n    box-shadow:\n      -20px 30px 60px rgba(0,0,0,.35),\n      -5px 8px 20px rgba(0,0,0,.15);\n    padding:40px 32px;\n    display:flex;flex-direction:column;justify-content:space-between;\n    border-left:3px solid var(--deep-berry);\n  }\n  .hero__book-top{\n    font-family:var(--font-display);\n    font-size:10px;\n    letter-spacing:.4em;\n    text-transform:uppercase;\n    color:var(--deep-berry);\n  }\n  .hero__book-title{\n    font-family:var(--font-display);\n    font-size:clamp(28px, 4vw, 48px);\n    font-style:italic;\n    font-weight:300;\n    line-height:1;\n    color:var(--soft-black);\n  }\n  .hero__book-title span{display:block;font-style:normal;color:var(--deep-berry);}\n  .hero__book-bottom{\n    font-family:var(--font-serif);\n    font-style:italic;\n    font-size:14px;\n    color:var(--muted-ink);\n    border-top:1px solid var(--blush-rose);\n    padding-top:12px;\n  }\n\n  .hero__tag{\n    position:absolute;\n    bottom:-24px;right:-16px;\n    background:var(--warm-cream);\n    padding:18px 24px;\n    font-family:var(--font-serif);\n    font-style:italic;\n    font-size:16px;\n    color:var(--deep-berry);\n    box-shadow:0 20px 40px -20px rgba(0,0,0,.2);\n    z-index:3;\n  }\n  .hero__tag::before{\n    content:'\u2766';\n    display:block;\n    font-size:14px;\n    color:var(--blush-rose);\n    margin-bottom:4px;\n  }\n\n  .hero__stamp{\n    position:absolute;\n    top:-20px;left:-28px;\n    width:110px;height:110px;\n    border:1px solid var(--warm-cream);\n    border-radius:50%;\n    display:flex;align-items:center;justify-content:center;\n    font-family:var(--font-display);\n    font-size:10px;\n    letter-spacing:.2em;\n    text-transform:uppercase;\n    color:var(--warm-cream);\n    text-align:center;\n    z-index:3;\n    background:rgba(133,14,53,.6);\n    backdrop-filter:blur(4px);\n  }\n  .hero__stamp span{display:block;font-size:22px;font-style:italic;letter-spacing:0;margin:4px 0;}\n\n  \/* ===== MARQUEE ===== *\/\n  .marquee{\n    background:var(--deep-berry);\n    color:var(--warm-cream);\n    padding:22px 0;\n    overflow:hidden;\n    white-space:nowrap;\n    position:relative;\n    z-index:2;\n  }\n  .marquee__track{\n    display:inline-flex;\n    animation:scroll 38s linear infinite;\n    gap:60px;\n    padding-left:60px;\n  }\n  .marquee span{\n    font-family:var(--font-display);\n    font-style:italic;\n    font-size:22px;\n    font-weight:300;\n    letter-spacing:.02em;\n  }\n  .marquee span::before{\n    content:'\u2726';\n    margin-right:60px;\n    color:var(--blush-rose);\n    font-style:normal;\n  }\n  @keyframes scroll{\n    from{transform:translateX(0);}\n    to{transform:translateX(-50%);}\n  }\n\n  \/* ===== INTRO \/ ABOUT BRIEF ===== *\/\n  .intro{\n    padding:140px 48px;\n    background:var(--warm-cream);\n    position:relative;\n  }\n  .intro__grid{\n    max-width:1320px;\n    margin:0 auto;\n    display:grid;\n    grid-template-columns:1fr 1.1fr;\n    gap:100px;\n    align-items:center;\n  }\n  .intro__label{\n    font-size:10px;\n    letter-spacing:.4em;\n    text-transform:uppercase;\n    color:var(--deep-berry);\n    margin-bottom:40px;\n  }\n  .intro__label::before{\n    content:'';display:inline-block;width:40px;height:1px;\n    background:var(--deep-berry);\n    vertical-align:middle;margin-right:12px;\n  }\n\n  .intro__heading{\n    font-family:var(--font-display);\n    font-size:clamp(40px, 5vw, 72px);\n    font-weight:300;\n    line-height:1.05;\n    letter-spacing:-.015em;\n    margin-bottom:48px;\n    color:var(--soft-black);\n  }\n  .intro__heading em{font-style:italic;color:var(--blush-rose);}\n  .intro__body{\n    font-family:var(--font-serif);\n    font-size:20px;\n    line-height:1.7;\n    color:var(--muted-ink);\n    margin-bottom:24px;\n    font-weight:300;\n  }\n  .intro__body.has-dropcap:first-letter{\n    font-family:var(--font-display);\n    font-size:72px;\n    float:left;\n    line-height:.9;\n    padding:4px 12px 0 0;\n    color:var(--deep-berry);\n    font-style:italic;\n  }\n  .intro__signature{\n    margin-top:56px;\n    display:flex;align-items:center;gap:24px;\n  }\n  .intro__signature-line{width:60px;height:1px;background:var(--blush-rose);}\n  .intro__signature-text{\n    font-family:var(--font-display);\n    font-style:italic;\n    font-size:20px;\n    color:var(--deep-berry);\n  }\n\n  \/* ===== EDITORIAL IMAGE COLLAGE ===== *\/\n  .intro__gallery{\n    position:relative;\n    aspect-ratio:4\/5;\n    min-height:600px;\n  }\n  .intro__img{\n    position:absolute;\n    overflow:hidden;\n    background:var(--soft-beige);\n    transition:transform .8s cubic-bezier(.2,.8,.2,1), box-shadow .8s ease;\n  }\n  .intro__img img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n    transition:transform 1.2s cubic-bezier(.2,.8,.2,1);\n  }\n  .intro__img:hover{transform:translateY(-6px);}\n  .intro__img:hover img{transform:scale(1.04);}\n\n  \/* Imagen principal \u2014 grande, base del collage *\/\n  .intro__img--main{\n    top:0;\n    left:0;\n    width:72%;\n    height:72%;\n    z-index:1;\n    box-shadow:\n      0 30px 60px -30px rgba(133,14,53,.35),\n      0 15px 30px -15px rgba(0,0,0,.12);\n  }\n\n  \/* Imagen secundaria \u2014 superpuesta abajo derecha *\/\n  .intro__img--second{\n    bottom:0;\n    right:0;\n    width:52%;\n    height:54%;\n    z-index:3;\n    box-shadow:\n      0 30px 60px -25px rgba(0,0,0,.3),\n      0 15px 30px -15px rgba(133,14,53,.2);\n    border:8px solid var(--warm-cream);\n  }\n\n  \/* Imagen terciaria \u2014 peque\u00f1a, arriba derecha *\/\n  .intro__img--third{\n    top:8%;\n    right:-4%;\n    width:38%;\n    height:34%;\n    z-index:2;\n    box-shadow:\n      0 20px 40px -20px rgba(0,0,0,.25),\n      0 10px 20px -10px rgba(133,14,53,.15);\n    transform:rotate(3deg);\n  }\n  .intro__img--third:hover{transform:translateY(-6px) rotate(3deg);}\n\n  \/* Decorative badges *\/\n  .intro__gallery-stamp{\n    position:absolute;\n    bottom:6%;\n    left:6%;\n    width:96px;\n    height:96px;\n    border-radius:50%;\n    background:var(--deep-berry);\n    color:var(--warm-cream);\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    text-align:center;\n    z-index:4;\n    font-family:var(--font-display);\n    font-style:italic;\n    font-size:13px;\n    line-height:1.15;\n    letter-spacing:.02em;\n    box-shadow:0 12px 30px -8px rgba(133,14,53,.5);\n    border:1px solid rgba(255,245,228,.3);\n  }\n  .intro__gallery-stamp span{\n    display:block;\n    font-size:9px;\n    letter-spacing:.3em;\n    text-transform:uppercase;\n    font-style:normal;\n    color:var(--soft-pink);\n    margin-top:4px;\n  }\n\n  .intro__gallery-caption{\n    position:absolute;\n    top:78%;\n    left:0;\n    font-size:10px;\n    letter-spacing:.35em;\n    text-transform:uppercase;\n    color:var(--muted-ink);\n    writing-mode:vertical-rl;\n    transform:rotate(180deg);\n    opacity:.65;\n    z-index:4;\n  }\n\n  \/* ===== SERVICES ===== *\/\n  .services{\n    padding:140px 48px;\n    background:var(--soft-beige);\n    position:relative;\n  }\n\n  \/* NEW: Services header redesigned as 2-column grid to house the book image *\/\n  .services__header{\n    max-width:1320px;\n    margin:0 auto 100px;\n    display:grid;\n    grid-template-columns:1.3fr 1fr;\n    gap:80px;\n    align-items:center;\n  }\n  .services__header-text{\n    display:flex;\n    flex-direction:column;\n  }\n  .services__label{\n    font-size:10px;letter-spacing:.4em;text-transform:uppercase;\n    color:var(--deep-berry);margin-bottom:28px;\n  }\n  .services__title{\n    font-family:var(--font-display);\n    font-size:clamp(44px, 5.2vw, 82px);\n    font-weight:300;\n    line-height:1;\n    letter-spacing:-.02em;\n    color:var(--soft-black);\n    max-width:720px;\n    margin-bottom:32px;\n  }\n  .services__title em{font-style:italic;color:var(--deep-berry);}\n  .services__intro{\n    font-family:var(--font-serif);\n    font-style:italic;\n    font-size:19px;\n    line-height:1.6;\n    color:var(--muted-ink);\n    max-width:440px;\n  }\n\n  \/* Book visual \u2014 complements the heading *\/\n  .services__visual{\n    position:relative;\n    aspect-ratio:1\/1;\n    max-width:460px;\n    width:100%;\n    justify-self:center;\n  }\n  .services__visual-bg{\n    position:absolute;\n    inset:0;\n    background:\n      radial-gradient(ellipse at 50% 45%, var(--lavender-blush) 0%, transparent 68%),\n      radial-gradient(circle at 50% 50%, rgba(207,116,134,.12) 0%, transparent 55%);\n    border-radius:50%;\n    z-index:0;\n  }\n  .services__visual-ring{\n    position:absolute;\n    inset:10%;\n    border:1px dashed rgba(133,14,53,.22);\n    border-radius:50%;\n    z-index:0;\n    animation:spin 60s linear infinite;\n  }\n  @keyframes spin{\n    from{transform:rotate(0deg);}\n    to{transform:rotate(360deg);}\n  }\n  .services__book-img{\n    position:relative;\n    width:100%;\n    height:100%;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    z-index:2;\n  }\n  .services__book-img img{\n    max-width:92%;\n    max-height:92%;\n    width:auto;\n    height:auto;\n    object-fit:contain;\n    filter:drop-shadow(0 30px 40px rgba(133,14,53,.25)) drop-shadow(0 15px 20px rgba(0,0,0,.15));\n    transition:transform .9s cubic-bezier(.2,.8,.2,1);\n  }\n  .services__visual:hover .services__book-img img{\n    transform:translateY(-8px) rotate(-2deg);\n  }\n\n  \/* Floating decorative tag *\/\n  .services__visual-tag{\n    position:absolute;\n    top:6%;\n    right:-2%;\n    background:var(--warm-cream);\n    padding:14px 22px;\n    font-family:var(--font-serif);\n    font-style:italic;\n    font-size:15px;\n    color:var(--deep-berry);\n    box-shadow:0 15px 30px -15px rgba(133,14,53,.3);\n    z-index:3;\n    line-height:1.3;\n  }\n  .services__visual-tag::before{\n    content:'\u2766';\n    display:block;\n    font-size:12px;\n    color:var(--blush-rose);\n    margin-bottom:4px;\n    font-style:normal;\n  }\n\n  \/* Floating badge *\/\n  .services__visual-badge{\n    position:absolute;\n    bottom:8%;\n    left:-4%;\n    width:90px;\n    height:90px;\n    border-radius:50%;\n    background:var(--deep-berry);\n    color:var(--warm-cream);\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    text-align:center;\n    z-index:3;\n    font-family:var(--font-display);\n    font-style:italic;\n    font-size:12px;\n    line-height:1.15;\n    box-shadow:0 15px 30px -10px rgba(133,14,53,.5);\n    border:1px solid rgba(255,245,228,.25);\n  }\n  .services__visual-badge span{\n    display:block;\n    font-size:8px;\n    letter-spacing:.3em;\n    text-transform:uppercase;\n    font-style:normal;\n    color:var(--soft-pink);\n    margin-top:3px;\n  }\n\n  .services__grid{\n    max-width:1320px;\n    margin:0 auto;\n    display:grid;\n    grid-template-columns:repeat(12, 1fr);\n    gap:24px;\n  }\n  .service-card{\n    background:var(--warm-cream);\n    padding:48px 40px;\n    position:relative;\n    transition:all .6s cubic-bezier(.2,.8,.2,1);\n    cursor:pointer;\n    overflow:hidden;\n    border:1px solid transparent;\n    min-height:420px;\n    display:flex;\n    flex-direction:column;\n    justify-content:space-between;\n  }\n  .service-card:hover{\n    background:var(--lavender-blush);\n    transform:translateY(-6px);\n  }\n  .service-card--wide{grid-column:span 8;}\n  .service-card--narrow{grid-column:span 4;}\n  .service-card--med{grid-column:span 6;}\n\n  .service-card__num{\n    font-family:var(--font-display);\n    font-style:italic;\n    font-size:14px;\n    color:var(--blush-rose);\n    letter-spacing:.1em;\n    margin-bottom:24px;\n  }\n  .service-card__title{\n    font-family:var(--font-display);\n    font-size:32px;\n    font-weight:300;\n    line-height:1.1;\n    letter-spacing:-.01em;\n    color:var(--soft-black);\n    margin-bottom:20px;\n  }\n  .service-card__title em{font-style:italic;color:var(--deep-berry);}\n\n  .service-card--wide .service-card__title{font-size:44px;}\n\n  .service-card__desc{\n    font-family:var(--font-serif);\n    font-size:16px;\n    line-height:1.6;\n    color:var(--muted-ink);\n    margin-bottom:32px;\n    max-width:440px;\n  }\n  .service-card__list{\n    list-style:none;\n    display:flex;flex-direction:column;gap:10px;\n    margin-top:auto;\n  }\n  .service-card__list li{\n    font-size:13px;\n    letter-spacing:.05em;\n    color:var(--muted-ink);\n    padding-left:20px;\n    position:relative;\n  }\n  .service-card__list li::before{\n    content:'\u2014';position:absolute;left:0;color:var(--blush-rose);\n  }\n  .service-card__link{\n    position:absolute;\n    top:40px;right:40px;\n    width:44px;height:44px;\n    border:1px solid var(--deep-berry);\n    border-radius:50%;\n    display:flex;align-items:center;justify-content:center;\n    color:var(--deep-berry);\n    transition:all .4s ease;\n  }\n  .service-card:hover .service-card__link{\n    background:var(--deep-berry);color:var(--warm-cream);\n    transform:rotate(-45deg);\n  }\n\n  \/* Accent cards *\/\n  .service-card--accent{\n    background:var(--blush-rose);\n    color:var(--warm-cream);\n  }\n  .service-card--accent:hover{background:var(--deep-berry);}\n  .service-card--accent .service-card__title,\n  .service-card--accent .service-card__title em{color:var(--warm-cream);}\n  .service-card--accent .service-card__desc{color:var(--lavender-blush);}\n  .service-card--accent .service-card__num{color:var(--lavender-blush);}\n  .service-card--accent .service-card__list li{color:var(--lavender-blush);}\n  .service-card--accent .service-card__list li::before{color:var(--warm-cream);}\n  .service-card--accent .service-card__link{border-color:var(--warm-cream);color:var(--warm-cream);}\n\n  .service-card--dark{background:var(--soft-black);color:var(--warm-cream);}\n  .service-card--dark:hover{background:var(--deep-berry);}\n  .service-card--dark .service-card__title,\n  .service-card--dark .service-card__title em{color:var(--warm-cream);}\n  .service-card--dark .service-card__title em{color:var(--blush-rose);}\n  .service-card--dark .service-card__desc{color:var(--soft-beige);}\n  .service-card--dark .service-card__num{color:var(--blush-rose);}\n  .service-card--dark .service-card__list li{color:var(--soft-beige);}\n  .service-card--dark .service-card__list li::before{color:var(--blush-rose);}\n  .service-card--dark .service-card__link{border-color:var(--warm-cream);color:var(--warm-cream);}\n\n  \/* ===== PHILOSOPHY SPLIT ===== *\/\n  .philosophy{\n    padding:160px 48px;\n    background:var(--lavender-blush);\n    position:relative;\n    overflow:hidden;\n  }\n  .philosophy__inner{\n    max-width:1100px;\n    margin:0 auto;\n    text-align:center;\n    position:relative;\n  }\n  .philosophy__ornament{\n    font-family:var(--font-display);\n    font-size:48px;\n    color:var(--blush-rose);\n    font-style:italic;\n    margin-bottom:32px;\n    line-height:1;\n  }\n  .philosophy__quote{\n    font-family:var(--font-display);\n    font-size:clamp(32px, 4.5vw, 64px);\n    font-weight:300;\n    font-style:italic;\n    line-height:1.2;\n    letter-spacing:-.015em;\n    color:var(--soft-black);\n    margin-bottom:48px;\n  }\n  .philosophy__quote span{\n    color:var(--deep-berry);\n    font-style:normal;\n  }\n  .philosophy__attr{\n    font-size:11px;\n    letter-spacing:.35em;\n    text-transform:uppercase;\n    color:var(--muted-ink);\n  }\n  .philosophy__attr::before{\n    content:'';display:inline-block;width:40px;height:1px;\n    background:var(--muted-ink);vertical-align:middle;margin-right:16px;\n  }\n\n  \/* ===== PROCESS \/ NUMBERS ===== *\/\n  .process{\n    padding:140px 48px;\n    background:var(--warm-cream);\n  }\n  .process__grid{\n    max-width:1320px;margin:0 auto;\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:100px;\n    align-items:center;\n  }\n  .process__visual{\n    position:relative;\n    aspect-ratio:3\/4;\n    background:\n      linear-gradient(160deg, var(--soft-pink) 0%, var(--blush-rose) 100%);\n    overflow:hidden;\n  }\n  .process__visual::before{\n    content:'';\n    position:absolute;\n    inset:20px;\n    border:1px solid rgba(255,245,228,.4);\n  }\n  .process__visual-text{\n    position:absolute;\n    bottom:40px;left:40px;right:40px;\n    font-family:var(--font-display);\n    font-style:italic;\n    font-size:36px;\n    line-height:1.1;\n    color:var(--warm-cream);\n  }\n  .process__visual-text::before{\n    content:'';display:block;width:60px;height:1px;background:var(--warm-cream);margin-bottom:20px;\n  }\n  .process__visual-num{\n    position:absolute;\n    top:40px;right:40px;\n    font-family:var(--font-display);\n    font-size:120px;\n    font-weight:300;\n    line-height:1;\n    color:rgba(255,245,228,.3);\n    font-style:italic;\n  }\n\n  .process__content .process__label{\n    font-size:10px;letter-spacing:.4em;text-transform:uppercase;\n    color:var(--deep-berry);margin-bottom:24px;\n  }\n  .process__title{\n    font-family:var(--font-display);\n    font-size:clamp(36px, 4.5vw, 60px);\n    font-weight:300;\n    line-height:1.05;\n    letter-spacing:-.015em;\n    margin-bottom:48px;\n  }\n  .process__title em{font-style:italic;color:var(--blush-rose);}\n  .process__steps{list-style:none;}\n  .process__step{\n    display:grid;\n    grid-template-columns:60px 1fr;\n    gap:28px;\n    padding:28px 0;\n    border-top:1px solid rgba(133,14,53,.15);\n    align-items:baseline;\n    transition:all .4s ease;\n  }\n  .process__step:last-child{border-bottom:1px solid rgba(133,14,53,.15);}\n  .process__step:hover{padding-left:12px;}\n  .process__step-num{\n    font-family:var(--font-display);\n    font-style:italic;\n    font-size:22px;\n    color:var(--deep-berry);\n  }\n  .process__step-name{\n    font-family:var(--font-display);\n    font-size:22px;\n    font-weight:400;\n    color:var(--soft-black);\n    margin-bottom:6px;\n  }\n  .process__step-desc{\n    font-family:var(--font-serif);\n    font-size:15px;\n    font-style:italic;\n    color:var(--muted-ink);\n    line-height:1.5;\n  }\n\n  \/* ===== PORTFOLIO TEASER ===== *\/\n  .portfolio{\n    padding:140px 48px;\n    background:var(--soft-beige);\n  }\n  .portfolio__header{\n    max-width:1320px;margin:0 auto 80px;\n    display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:40px;\n  }\n  .portfolio__title{\n    font-family:var(--font-display);\n    font-size:clamp(48px, 6vw, 88px);\n    font-weight:300;\n    line-height:1;\n    letter-spacing:-.02em;\n  }\n  .portfolio__title em{font-style:italic;color:var(--deep-berry);}\n  .portfolio__link{\n    font-size:11px;letter-spacing:.25em;text-transform:uppercase;\n    color:var(--soft-black);\n    border-bottom:1px solid var(--soft-black);\n    padding-bottom:6px;\n    transition:all .3s;\n  }\n  .portfolio__link:hover{color:var(--deep-berry);border-color:var(--deep-berry);}\n  .portfolio__grid{\n    max-width:1320px;margin:0 auto;\n    display:grid;grid-template-columns:repeat(3,1fr);gap:24px;\n  }\n  .portfolio__item{\n    cursor:pointer;\n    transition:transform .6s cubic-bezier(.2,.8,.2,1);\n  }\n  .portfolio__item:hover{transform:translateY(-8px);}\n  .portfolio__img{\n    aspect-ratio:3\/4;\n    position:relative;\n    overflow:hidden;\n    margin-bottom:20px;\n  }\n  .portfolio__img--1{background:linear-gradient(160deg, var(--deep-berry), var(--blush-rose));}\n  .portfolio__img--2{background:linear-gradient(160deg, var(--soft-pink), var(--lavender-blush));}\n  .portfolio__img--3{background:linear-gradient(160deg, var(--soft-black), var(--deep-berry));}\n  .portfolio__img::after{\n    content:'';\n    position:absolute;inset:24px;\n    border:1px solid rgba(255,245,228,.25);\n  }\n  .portfolio__img-label{\n    position:absolute;\n    top:40px;left:40px;\n    font-family:var(--font-display);\n    font-style:italic;\n    font-size:34px;\n    font-weight:300;\n    line-height:1.05;\n    color:var(--warm-cream);\n    max-width:70%;\n  }\n  .portfolio__img-tag{\n    position:absolute;\n    bottom:40px;right:40px;\n    font-size:10px;letter-spacing:.3em;text-transform:uppercase;\n    color:var(--warm-cream);\n    opacity:.8;\n  }\n  .portfolio__cat{\n    font-size:10px;letter-spacing:.3em;text-transform:uppercase;\n    color:var(--deep-berry);margin-bottom:8px;\n  }\n  .portfolio__name{\n    font-family:var(--font-display);\n    font-size:22px;font-weight:400;\n    color:var(--soft-black);\n  }\n\n  \/* ===== CTA BANNER ===== *\/\n  .cta{\n    padding:160px 48px;\n    background:var(--deep-berry);\n    color:var(--warm-cream);\n    text-align:center;\n    position:relative;\n    overflow:hidden;\n  }\n  .cta::before{\n    content:'';\n    position:absolute;inset:40px;\n    border:1px solid rgba(255,245,228,.2);\n    pointer-events:none;\n  }\n  .cta__inner{max-width:900px;margin:0 auto;position:relative;}\n  .cta__label{\n    font-size:11px;letter-spacing:.4em;text-transform:uppercase;\n    color:var(--blush-rose);\n    margin-bottom:32px;\n    display:flex;align-items:center;justify-content:center;gap:16px;\n  }\n  .cta__label::before,.cta__label::after{\n    content:'';width:40px;height:1px;background:var(--blush-rose);\n  }\n  .cta__title{\n    font-family:var(--font-display);\n    font-size:clamp(48px, 6.5vw, 96px);\n    font-weight:300;\n    line-height:1.05;\n    letter-spacing:-.02em;\n    margin-bottom:32px;\n  }\n  .cta__title em{font-style:italic;color:var(--soft-pink);}\n  .cta__text{\n    font-family:var(--font-serif);\n    font-style:italic;\n    font-size:22px;\n    line-height:1.6;\n    color:var(--lavender-blush);\n    max-width:600px;\n    margin:0 auto 48px;\n    font-weight:300;\n  }\n  .cta__btn{\n    display:inline-flex;align-items:center;gap:14px;\n    padding:22px 48px;\n    background:var(--warm-cream);\n    color:var(--deep-berry);\n    font-size:11px;letter-spacing:.28em;text-transform:uppercase;\n    transition:all .4s ease;\n    cursor:pointer;border:none;\n  }\n  .cta__btn:hover{background:var(--soft-pink);transform:translateY(-2px);}\n\n  \/* ===== FOOTER ===== *\/\n  .footer{\n    background:var(--soft-black);\n    color:var(--soft-beige);\n    padding:80px 48px 40px;\n  }\n  .footer__grid{\n    max-width:1320px;margin:0 auto;\n    display:grid;\n    grid-template-columns:2fr 1fr 1fr 1fr;\n    gap:60px;\n    padding-bottom:60px;\n    border-bottom:1px solid rgba(245,237,228,.15);\n  }\n  .footer__brand{\n    font-family:var(--font-display);\n    font-size:32px;\n    font-style:italic;\n    font-weight:300;\n    color:var(--warm-cream);\n    margin-bottom:20px;\n  }\n  .footer__tag{\n    font-family:var(--font-serif);\n    font-style:italic;\n    font-size:16px;\n    color:var(--soft-beige);\n    opacity:.7;\n    max-width:320px;\n    line-height:1.6;\n  }\n  .footer__col h4{\n    font-size:10px;letter-spacing:.35em;text-transform:uppercase;\n    color:var(--blush-rose);\n    margin-bottom:20px;\n    font-weight:400;\n  }\n  .footer__col ul{list-style:none;display:flex;flex-direction:column;gap:10px;}\n  .footer__col a{\n    font-family:var(--font-serif);\n    font-size:16px;\n    color:var(--soft-beige);\n    opacity:.8;\n    transition:all .3s;\n  }\n  .footer__col a:hover{color:var(--blush-rose);opacity:1;}\n  .footer__bottom{\n    max-width:1320px;margin:0 auto;\n    padding-top:40px;\n    display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;\n    font-size:11px;letter-spacing:.18em;text-transform:uppercase;\n    color:var(--soft-beige);opacity:.6;\n  }\n\n  \/* ===== ANIMATIONS ===== *\/\n  @keyframes fadeUp{\n    from{opacity:0;transform:translateY(30px);}\n    to{opacity:1;transform:translateY(0);}\n  }\n  .reveal > *{animation:fadeUp .9s cubic-bezier(.2,.7,.2,1) both;}\n  .reveal > *:nth-child(1){animation-delay:.1s;}\n  .reveal > *:nth-child(2){animation-delay:.25s;}\n  .reveal > *:nth-child(3){animation-delay:.4s;}\n  .reveal > *:nth-child(4){animation-delay:.55s;}\n  .reveal > *:nth-child(5){animation-delay:.7s;}\n\n  \/* ===== RESPONSIVE ===== *\/\n  @media (max-width: 980px){\n    .nav{padding:20px 24px;}\n    .nav__menu{display:none;}\n    .hero{grid-template-columns:1fr;padding:120px 24px 60px;gap:60px;}\n    .hero__meta{display:none;}\n    .hero__visual{height:60vh;min-height:440px;}\n    .intro,.services,.philosophy,.process,.portfolio,.cta{padding:90px 24px;}\n    .intro__grid,.process__grid{grid-template-columns:1fr;gap:60px;}\n    .intro__gallery{min-height:500px;order:2;}\n    .intro__gallery-caption{display:none;}\n    .services__header{grid-template-columns:1fr;gap:60px;}\n    .services__visual{max-width:360px;margin:0 auto;}\n    .service-card,.service-card--wide,.service-card--narrow,.service-card--med{grid-column:span 12;min-height:auto;}\n    .portfolio__grid{grid-template-columns:1fr;}\n    .footer__grid{grid-template-columns:1fr 1fr;gap:40px;}\n  }\n<\/style>\n<\/head>\n<body>\n\n<!-- NAV -->\n<nav class=\"nav\">\n  <div class=\"nav__logo\">\n    Faith &#038; Bloom\n    <span>\u2014 Co. \u2014<\/span>\n  <\/div>\n  <ul class=\"nav__menu\">\n    <li><a href=\"#inicio\">Home<\/a><\/li>\n    <li><a href=\"#nosotros\">Nosotros<\/a><\/li>\n    <li><a href=\"#servicios\">Servicios<\/a><\/li>\n    <li><a href=\"#portafolio\">Portafolio<\/a><\/li>\n    <li><a href=\"#contacto\">Contact<\/a><\/li>\n  <\/ul>\n  <button class=\"nav__cta\">Agendar Cita<\/button>\n<\/nav>\n\n<!-- HERO -->\n<section class=\"hero\" id=\"inicio\">\n  <div class=\"hero__meta\">Edici\u00f3n N\u00b0 01 \u00b7 Primavera 2026<\/div>\n\n  <div class=\"hero__content reveal\">\n    <div class=\"hero__eyebrow\">Casa Editorial <span style=\"color:var(--blush-rose)\">&#038;<\/span> Brand Studio<\/div>\n    <h1 class=\"hero__title\">\n      Donde cada<br>\n      historia <em>florece<\/em><br>\n      <span class=\"amp\">&#038;<\/span> cada libro<br>\n      se convierte <em>en legado.<\/em>\n    <\/h1>\n    <p class=\"hero__lead\">\n      Guiamos a autores desde el manuscrito hasta la publicaci\u00f3n, cuidando cada detalle editorial, visual y estrat\u00e9gico con mirada artesanal.\n    <\/p>\n    <div class=\"hero__actions\">\n      <button class=\"btn-primary\">\n        <span>Publica tu libro<\/span>\n        <span class=\"arrow\">\u2192<\/span>\n      <\/button>\n      <a href=\"#servicios\" class=\"btn-ghost\">Explorar servicios<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"hero__visual\">\n    <div class=\"hero__stamp\">\n      Est.<span>F&#038;B<\/span>2024\n    <\/div>\n    <div class=\"hero__frame\">\n      <div class=\"hero__book\">\n        <div class=\"hero__book-top\">\u2014 Manuscrito \u00b7 Vol. I \u2014<\/div>\n        <h2 class=\"hero__book-title\">\n          El arte<br>\n          <em>de publicar<\/em><br>\n          <span>con alma.<\/span>\n        <\/h2>\n        <div class=\"hero__book-bottom\">\n          por Faith &#038; Bloom Co.\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"hero__tag\">\n      Hecho a mano,<br>editado con fe.\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- MARQUEE -->\n<div class=\"marquee\">\n  <div class=\"marquee__track\">\n    <span>Publicaci\u00f3n Editorial<\/span>\n    <span>Direcci\u00f3n Creativa<\/span>\n    <span>Dise\u00f1o de Portadas<\/span>\n    <span>Marketing Literario<\/span>\n    <span>Desarrollo Web<\/span>\n    <span>Email Marketing<\/span>\n    <span>Publicaci\u00f3n Editorial<\/span>\n    <span>Direcci\u00f3n Creativa<\/span>\n    <span>Dise\u00f1o de Portadas<\/span>\n    <span>Marketing Literario<\/span>\n    <span>Desarrollo Web<\/span>\n    <span>Email Marketing<\/span>\n  <\/div>\n<\/div>\n\n<!-- INTRO -->\n<section class=\"intro\" id=\"nosotros\">\n  <div class=\"intro__grid\">\n\n    <!-- EDITORIAL GALLERY -->\n    <div class=\"intro__gallery\">\n      <div class=\"intro__gallery-caption\">\u2014 Faith &#038; Bloom \u00b7 Editorial N\u00b0 01 \u2014<\/div>\n\n      <figure class=\"intro__img intro__img--main\">\n        <img decoding=\"async\" src=\"http:\/\/gasolina.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-18-at-10.33.29-AM-2.jpeg\" alt=\"Faith &#038; Bloom Co. \u2014 Estudio editorial\" loading=\"lazy\" title=\"HOME Faith&amp;Bloom Co\">\n      <\/figure>\n\n      <figure class=\"intro__img intro__img--third\">\n        <img decoding=\"async\" src=\"http:\/\/gasolina.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-18-at-10.33.29-AM-1.jpeg\" alt=\"Faith &#038; Bloom Co. \u2014 Detalle editorial\" loading=\"lazy\" title=\"HOME Faith&amp;Bloom Co\">\n      <\/figure>\n\n      <figure class=\"intro__img intro__img--second\">\n        <img decoding=\"async\" src=\"http:\/\/gasolina.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-18-at-10.33.29-AM.jpeg\" alt=\"Faith &#038; Bloom Co. \u2014 Trabajo de imprenta\" loading=\"lazy\" title=\"HOME Faith&amp;Bloom Co\">\n      <\/figure>\n\n      <div class=\"intro__gallery-stamp\">\n        Hecho<br>con fe\n        <span>F &#038; B<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- TEXT -->\n    <div>\n      <div class=\"intro__label\">La Casa<\/div>\n      <h2 class=\"intro__heading\">\n        Una casa editorial<br>\n        creada para autores<br>\n        que creen en el <em>detalle.<\/em>\n      <\/h2>\n      <p class=\"intro__body has-dropcap\">\n        En Faith &#038; Bloom Co. entendemos que publicar un libro no es solamente imprimir p\u00e1ginas: es dar forma a una voz, construir una identidad y abrir una conversaci\u00f3n con el mundo. Por eso acompa\u00f1amos a cada autor con la delicadeza de un editor cl\u00e1sico y la estrategia de un estudio moderno.\n      <\/p>\n      <p class=\"intro__body\">\n        Desde la evaluaci\u00f3n del manuscrito hasta la direcci\u00f3n creativa, el dise\u00f1o, la publicaci\u00f3n en Amazon y la presencia digital, cuidamos cada pieza del proceso para que tu obra llegue al lector con la belleza y el alma que merece.\n      <\/p>\n      <div class=\"intro__signature\">\n        <div class=\"intro__signature-line\"><\/div>\n        <div class=\"intro__signature-text\">\u2014 con fe, con oficio \u2014<\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- SERVICES -->\n<section class=\"services\" id=\"servicios\">\n  <div class=\"services__header\">\n\n    <!-- Header text -->\n    <div class=\"services__header-text\">\n      <div class=\"services__label\">Nuestros Servicios<\/div>\n      <h2 class=\"services__title\">\n        Todo lo que tu obra<br>\n        necesita, bajo <em>un mismo techo.<\/em>\n      <\/h2>\n      <p class=\"services__intro\">\n        Servicios individuales y paquetes curados para cada etapa del viaje editorial del autor.\n      <\/p>\n    <\/div>\n\n    <!-- Book visual -->\n    <div class=\"services__visual\">\n      <div class=\"services__visual-bg\"><\/div>\n      <div class=\"services__visual-ring\"><\/div>\n\n      <div class=\"services__visual-tag\">\n        El arte<br>editorial\n      <\/div>\n\n      <div class=\"services__book-img\">\n        <img decoding=\"async\" src=\"http:\/\/gasolina.com\/wp-content\/uploads\/2026\/04\/LIBRO-HOME.png\" alt=\"Faith &#038; Bloom Co. \u2014 Libro editorial\" loading=\"lazy\" title=\"HOME Faith&amp;Bloom Co\">\n      <\/div>\n\n      <div class=\"services__visual-badge\">\n        Casa<br>Editorial\n        <span>F &#038; B<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"services__grid\">\n\n    <!-- Card 1: Publicaci\u00f3n (destacada) -->\n    <article class=\"service-card service-card--wide service-card--dark\">\n      <a href=\"#\" class=\"service-card__link\">\u2197<\/a>\n      <div>\n        <div class=\"service-card__num\">Servicio principal \u00b7 01<\/div>\n        <h3 class=\"service-card__title\">\n          Publicaci\u00f3n editorial <em>full service<\/em> en Amazon\n        <\/h3>\n        <p class=\"service-card__desc\">\n          Del manuscrito a la vitrina global. Acompa\u00f1amos al autor durante todo el proceso t\u00e9cnico, editorial y estrat\u00e9gico de publicaci\u00f3n en Amazon KDP.\n        <\/p>\n      <\/div>\n      <ul class=\"service-card__list\">\n        <li>Preparaci\u00f3n de archivo paperback y hardcover<\/li>\n        <li>Conversi\u00f3n a eBook Kindle<\/li>\n        <li>Configuraci\u00f3n completa en KDP<\/li>\n        <li>Asesor\u00eda ISBN y copias de prueba<\/li>\n      <\/ul>\n    <\/article>\n\n    <!-- Card 2: Edici\u00f3n -->\n    <article class=\"service-card service-card--narrow\">\n      <a href=\"#\" class=\"service-card__link\">\u2197<\/a>\n      <div>\n        <div class=\"service-card__num\">02<\/div>\n        <h3 class=\"service-card__title\">Servicios <em>editoriales<\/em><\/h3>\n        <p class=\"service-card__desc\">\n          Primera edici\u00f3n b\u00e1sica para pulir tu manuscrito: claridad, coherencia y fluidez.\n        <\/p>\n      <\/div>\n      <ul class=\"service-card__list\">\n        <li>Gram\u00e1tica y ortograf\u00eda<\/li>\n        <li>Redacci\u00f3n y estructura<\/li>\n        <li>Estilo general<\/li>\n      <\/ul>\n    <\/article>\n\n    <!-- Card 3: Direcci\u00f3n creativa -->\n    <article class=\"service-card service-card--med service-card--accent\">\n      <a href=\"#\" class=\"service-card__link\">\u2197<\/a>\n      <div>\n        <div class=\"service-card__num\">03<\/div>\n        <h3 class=\"service-card__title\">\n          Direcci\u00f3n creativa <em>del libro<\/em>\n        <\/h3>\n        <p class=\"service-card__desc\">\n          Creamos la est\u00e9tica visual, el dise\u00f1o interior y las ilustraciones alineadas al alma de tu obra.\n        <\/p>\n      <\/div>\n      <ul class=\"service-card__list\">\n        <li>Tipograf\u00eda y paleta de color<\/li>\n        <li>Layout de p\u00e1ginas<\/li>\n        <li>Hasta 14 ilustraciones (infantil)<\/li>\n        <li>Portadas editoriales e ilustradas<\/li>\n      <\/ul>\n    <\/article>\n\n    <!-- Card 4: Marketing -->\n    <article class=\"service-card service-card--med\">\n      <a href=\"#\" class=\"service-card__link\">\u2197<\/a>\n      <div>\n        <div class=\"service-card__num\">04<\/div>\n        <h3 class=\"service-card__title\">\n          Marketing <em>&#038; lanzamiento<\/em>\n        <\/h3>\n        <p class=\"service-card__desc\">\n          Estrategia de expectativa y posicionamiento para hacer que tu libro llegue a los lectores correctos.\n        <\/p>\n      <\/div>\n      <ul class=\"service-card__list\">\n        <li>Campa\u00f1a de lanzamiento<\/li>\n        <li>Posts, reels e historias<\/li>\n        <li>Campa\u00f1a post-lanzamiento<\/li>\n      <\/ul>\n    <\/article>\n\n    <!-- Card 5: Web -->\n    <article class=\"service-card service-card--narrow\">\n      <a href=\"#\" class=\"service-card__link\">\u2197<\/a>\n      <div>\n        <div class=\"service-card__num\">05<\/div>\n        <h3 class=\"service-card__title\">\n          Desarrollo <em>web<\/em>\n        <\/h3>\n        <p class=\"service-card__desc\">\n          P\u00e1ginas profesionales para posicionar tu marca de autor.\n        <\/p>\n      <\/div>\n      <ul class=\"service-card__list\">\n        <li>Dise\u00f1o personalizado<\/li>\n        <li>Secciones editoriales<\/li>\n        <li>Asesor\u00eda de dominio<\/li>\n      <\/ul>\n    <\/article>\n\n    <!-- Card 6: Suscripciones -->\n    <article class=\"service-card service-card--wide\">\n      <a href=\"#\" class=\"service-card__link\">\u2197<\/a>\n      <div>\n        <div class=\"service-card__num\">06<\/div>\n        <h3 class=\"service-card__title\">\n          Suscripciones <em>mensuales<\/em> \u2014 presencia continua\n        <\/h3>\n        <p class=\"service-card__desc\">\n          Mantenimiento web, gesti\u00f3n de redes sociales y email marketing para sostener la presencia del autor mes a mes.\n        <\/p>\n      <\/div>\n      <ul class=\"service-card__list\">\n        <li>Mantenimiento de p\u00e1gina web<\/li>\n        <li>Contenido de redes sociales<\/li>\n        <li>Email marketing (mensual o semanal)<\/li>\n      <\/ul>\n    <\/article>\n\n  <\/div>\n<\/section>\n\n<!-- PHILOSOPHY -->\n<section class=\"philosophy\">\n  <div class=\"philosophy__inner\">\n    <div class=\"philosophy__ornament\">\u2766<\/div>\n    <blockquote class=\"philosophy__quote\">\n      \u00abUn libro bien hecho no se lee:<br>\n      <span>se recuerda.<\/span>\u00bb\n    <\/blockquote>\n    <div class=\"philosophy__attr\">Nuestra filosof\u00eda editorial<\/div>\n  <\/div>\n<\/section>\n\n<!-- PROCESS -->\n<section class=\"process\">\n  <div class=\"process__grid\">\n    <div class=\"process__visual\">\n      <div class=\"process__visual-num\"><em>05<\/em><\/div>\n      <div class=\"process__visual-text\">\n        Del manuscrito al legado, paso a paso.\n      <\/div>\n    <\/div>\n    <div class=\"process__content\">\n      <div class=\"process__label\">\u2014 Nuestro Proceso \u2014<\/div>\n      <h2 class=\"process__title\">\n        Un recorrido <em>editorial<\/em><br>\n        cuidado al detalle.\n      <\/h2>\n      <ul class=\"process__steps\">\n        <li class=\"process__step\">\n          <div class=\"process__step-num\">01<\/div>\n          <div>\n            <div class=\"process__step-name\">Entrega del manuscrito<\/div>\n            <div class=\"process__step-desc\">Evaluaci\u00f3n inicial y conversaci\u00f3n con el autor.<\/div>\n          <\/div>\n        <\/li>\n        <li class=\"process__step\">\n          <div class=\"process__step-num\">02<\/div>\n          <div>\n            <div class=\"process__step-name\">Reuni\u00f3n de visi\u00f3n est\u00e9tica<\/div>\n            <div class=\"process__step-desc\">Definimos estilo, paleta y direcci\u00f3n creativa.<\/div>\n          <\/div>\n        <\/li>\n        <li class=\"process__step\">\n          <div class=\"process__step-num\">03<\/div>\n          <div>\n            <div class=\"process__step-name\">Dise\u00f1o &#038; maquetaci\u00f3n<\/div>\n            <div class=\"process__step-desc\">Interior, portada e ilustraciones del libro.<\/div>\n          <\/div>\n        <\/li>\n        <li class=\"process__step\">\n          <div class=\"process__step-num\">04<\/div>\n          <div>\n            <div class=\"process__step-name\">Revisi\u00f3n final<\/div>\n            <div class=\"process__step-desc\">Prueba de impresi\u00f3n y aprobaci\u00f3n del autor.<\/div>\n          <\/div>\n        <\/li>\n        <li class=\"process__step\">\n          <div class=\"process__step-num\">05<\/div>\n          <div>\n            <div class=\"process__step-name\">Publicaci\u00f3n<\/div>\n            <div class=\"process__step-desc\">Lanzamiento oficial en Amazon KDP.<\/div>\n          <\/div>\n        <\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PORTFOLIO -->\n<section class=\"portfolio\" id=\"portafolio\">\n  <div class=\"portfolio__header\">\n    <h2 class=\"portfolio__title\">Obras <em>publicadas<\/em><\/h2>\n    <a href=\"#\" class=\"portfolio__link\">Ver portafolio completo \u2192<\/a>\n  <\/div>\n  <div class=\"portfolio__grid\">\n    <div class=\"portfolio__item\">\n      <div class=\"portfolio__img portfolio__img--1\">\n        <div class=\"portfolio__img-label\">Jard\u00edn<br>de versos<\/div>\n        <div class=\"portfolio__img-tag\">\u2014 Poes\u00eda \u00b7 2025 \u2014<\/div>\n      <\/div>\n      <div class=\"portfolio__cat\">Libro \u00b7 Direcci\u00f3n creativa<\/div>\n      <div class=\"portfolio__name\">Jard\u00edn de versos<\/div>\n    <\/div>\n    <div class=\"portfolio__item\">\n      <div class=\"portfolio__img portfolio__img--2\">\n        <div class=\"portfolio__img-label\" style=\"color:var(--deep-berry);\">Peque\u00f1as<br>mariposas<\/div>\n        <div class=\"portfolio__img-tag\" style=\"color:var(--deep-berry);\">\u2014 Infantil \u00b7 2025 \u2014<\/div>\n      <\/div>\n      <div class=\"portfolio__cat\">Libro infantil \u00b7 Ilustraci\u00f3n<\/div>\n      <div class=\"portfolio__name\">Peque\u00f1as mariposas<\/div>\n    <\/div>\n    <div class=\"portfolio__item\">\n      <div class=\"portfolio__img portfolio__img--3\">\n        <div class=\"portfolio__img-label\">Devocional<br>del alma<\/div>\n        <div class=\"portfolio__img-tag\">\u2014 Devocional \u00b7 2026 \u2014<\/div>\n      <\/div>\n      <div class=\"portfolio__cat\">Libro \u00b7 Publicaci\u00f3n completa<\/div>\n      <div class=\"portfolio__name\">Devocional del alma<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA -->\n<section class=\"cta\" id=\"contacto\">\n  <div class=\"cta__inner\">\n    <div class=\"cta__label\">Comencemos<\/div>\n    <h2 class=\"cta__title\">\n      \u00bfLista para ver<br>\n      tu manuscrito <em>convertido en libro?<\/em>\n    <\/h2>\n    <p class=\"cta__text\">\n      Agenda una consulta sin costo y conversemos sobre tu visi\u00f3n, tu historia y el legado que quieres construir.\n    <\/p>\n    <button class=\"cta__btn\">Agendar consulta gratuita \u2192<\/button>\n  <\/div>\n<\/section>\n\n<!-- FOOTER -->\n<footer class=\"footer\">\n  <div class=\"footer__grid\">\n    <div>\n      <div class=\"footer__brand\">Faith &#038; Bloom Co.<\/div>\n      <p class=\"footer__tag\">\n        Casa editorial y brand studio dedicado a transformar manuscritos en legados de papel.\n      <\/p>\n    <\/div>\n    <div class=\"footer__col\">\n      <h4>Navegaci\u00f3n<\/h4>\n      <ul>\n        <li><a href=\"#inicio\">Home<\/a><\/li>\n        <li><a href=\"#nosotros\">Nosotros<\/a><\/li>\n        <li><a href=\"#servicios\">Servicios<\/a><\/li>\n        <li><a href=\"#portafolio\">Portafolio<\/a><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"footer__col\">\n      <h4>Servicios<\/h4>\n      <ul>\n        <li><a href=\"#\">Publicaci\u00f3n<\/a><\/li>\n        <li><a href=\"#\">Edici\u00f3n<\/a><\/li>\n        <li><a href=\"#\">Direcci\u00f3n creativa<\/a><\/li>\n        <li><a href=\"#\">Marketing<\/a><\/li>\n        <li><a href=\"#\">Desarrollo web<\/a><\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"footer__col\">\n      <h4>Contact<\/h4>\n      <ul>\n        <li><a href=\"#\">hola@faithandbloom.co<\/a><\/li>\n        <li><a href=\"#\">Instagram<\/a><\/li>\n        <li><a href=\"#\">Pinterest<\/a><\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n  <div class=\"footer__bottom\">\n    <div>\u00a9 2026 Faith &#038; Bloom Co. \u2014 All rights reserved.<\/div>\n    <div>Crafted with faith, edited with love.<\/div>\n  <\/div>\n<\/footer>\n\n<\/body>\n<\/html>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Faith &#038; Bloom Co. \u2014 Casa Editorial &#038; Brand Studio Faith &#038; Bloom \u2014 Co. \u2014 Inicio Nosotros Servicios Portafolio [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-329","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/gasolina.com\/en\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"Faith &#038; Bloom Co. \u2014 Casa Editorial &#038; Brand Studio Faith &#038; Bloom \u2014 Co. \u2014 Inicio Nosotros Servicios Portafolio [&hellip;]","_links":{"self":[{"href":"https:\/\/gasolina.com\/en\/wp-json\/wp\/v2\/pages\/329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gasolina.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gasolina.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gasolina.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gasolina.com\/en\/wp-json\/wp\/v2\/comments?post=329"}],"version-history":[{"count":9,"href":"https:\/\/gasolina.com\/en\/wp-json\/wp\/v2\/pages\/329\/revisions"}],"predecessor-version":[{"id":344,"href":"https:\/\/gasolina.com\/en\/wp-json\/wp\/v2\/pages\/329\/revisions\/344"}],"wp:attachment":[{"href":"https:\/\/gasolina.com\/en\/wp-json\/wp\/v2\/media?parent=329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}