{"id":347,"date":"2026-04-23T20:16:50","date_gmt":"2026-04-23T20:16:50","guid":{"rendered":"https:\/\/gasolina.com\/?page_id=347"},"modified":"2026-04-23T20:17:26","modified_gmt":"2026-04-23T20:17:26","slug":"servisios-2","status":"publish","type":"page","link":"https:\/\/gasolina.com\/en\/servisios-2\/","title":{"rendered":"SERVISIOS 2"},"content":{"rendered":"\n
\n\n\n\n\n\nServicios \u2014 Faith & Bloom Co.<\/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&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@300;400;500&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 body::before{\n content:'';\n position:fixed;inset:0;pointer-events:none;z-index:1;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);-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;font-weight:400;letter-spacing:.02em;\n color:var(--deep-berry);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;letter-spacing:.2em;text-transform:uppercase;\n color:var(--muted-ink);position:relative;padding:4px 0;transition:color .3s;\n }\n .nav__menu a.active{color:var(--deep-berry);}\n .nav__menu a.active::after{width:100%;}\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;border:1px solid var(--deep-berry);\n color:var(--deep-berry);transition:all .4s ease;\n background:transparent;cursor:pointer;\n display:flex;align-items:center;gap:10px;\n }\n .nav__cta:hover{background:var(--deep-berry);color:var(--warm-cream);}\n .nav__cart-count{\n display:inline-flex;align-items:center;justify-content:center;\n min-width:18px;height:18px;border-radius:50%;\n background:var(--blush-rose);color:var(--warm-cream);\n font-size:10px;font-weight:500;letter-spacing:0;padding:0 5px;\n }\n\n \/* ===== HERO ===== *\/\n .hero{\n position:relative;\n padding:180px 48px 100px;\n background:\n radial-gradient(ellipse at 80% 20%, var(--lavender-blush) 0%, transparent 55%),\n radial-gradient(ellipse at 10% 90%, var(--soft-pink) 0%, transparent 45%),\n var(--warm-cream);\n overflow:hidden;\n }\n .hero__inner{\n max-width:1320px;margin:0 auto;\n position:relative;\n }\n .hero__meta{\n position:absolute;top:0;right:0;\n font-size:10px;letter-spacing:.35em;text-transform:uppercase;\n color:var(--muted-ink);writing-mode:vertical-rl;opacity:.6;\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);margin-bottom:32px;font-weight:400;\n }\n .hero__eyebrow::before{\n content:'';width:48px;height:1px;background:var(--deep-berry);\n }\n .hero__title{\n font-family:var(--font-display);\n font-size:clamp(48px, 7vw, 104px);\n font-weight:300;line-height:.98;letter-spacing:-.02em;\n color:var(--soft-black);margin-bottom:40px;max-width:1100px;\n }\n .hero__title em{\n font-style:italic;color:var(--deep-berry);font-weight:300;\n font-variation-settings:\"opsz\" 144;\n }\n .hero__title .amp{\n font-family:var(--font-serif);font-style:italic;color:var(--blush-rose);\n }\n .hero__lead{\n font-family:var(--font-serif);\n font-size:22px;font-weight:300;line-height:1.5;\n color:var(--muted-ink);max-width:640px;font-style:italic;\n }\n .hero__scroll{\n position:absolute;bottom:-40px;right:48px;\n font-size:10px;letter-spacing:.35em;text-transform:uppercase;\n color:var(--deep-berry);display:flex;align-items:center;gap:16px;\n writing-mode:vertical-rl;\n }\n .hero__scroll::before{content:'';width:1px;height:40px;background:var(--deep-berry);}\n\n \/* ===== FILTER TABS ===== *\/\n .filter{\n background:var(--warm-cream);\n padding:60px 48px 20px;\n position:sticky;top:0;z-index:50;\n border-bottom:1px solid rgba(133,14,53,.08);\n backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);\n background:rgba(255,245,228,.92);\n }\n .filter__inner{\n max-width:1320px;margin:0 auto;\n display:flex;align-items:center;justify-content:space-between;\n flex-wrap:wrap;gap:24px;\n }\n .filter__label{\n font-size:10px;letter-spacing:.4em;text-transform:uppercase;\n color:var(--deep-berry);\n }\n .filter__label::before{\n content:'';display:inline-block;width:28px;height:1px;\n background:var(--deep-berry);vertical-align:middle;margin-right:12px;\n }\n .filter__tabs{\n display:flex;gap:8px;flex-wrap:wrap;\n padding-bottom:20px;\n }\n .filter__tab{\n font-family:var(--font-sans);\n font-size:11px;letter-spacing:.22em;text-transform:uppercase;\n padding:12px 22px;\n border:1px solid rgba(133,14,53,.2);\n background:transparent;color:var(--muted-ink);\n cursor:pointer;transition:all .3s ease;\n border-radius:2px;\n }\n .filter__tab:hover{border-color:var(--deep-berry);color:var(--deep-berry);}\n .filter__tab.active{background:var(--deep-berry);color:var(--warm-cream);border-color:var(--deep-berry);}\n\n \/* ===== SERVICES LIST ===== *\/\n .services-list{\n padding:100px 48px;\n background:var(--warm-cream);\n position:relative;\n }\n .services-list__inner{\n max-width:1320px;margin:0 auto;\n display:grid;grid-template-columns:repeat(12,1fr);gap:32px;\n }\n\n .service{\n grid-column:span 12;\n position:relative;\n padding:60px;\n background:var(--pure-white);\n transition:all .6s cubic-bezier(.2,.8,.2,1);\n overflow:hidden;\n display:grid;\n grid-template-columns:1fr 1.6fr;\n gap:60px;\n align-items:start;\n border:1px solid transparent;\n }\n .service.hidden{display:none;}\n .service:hover{\n transform:translateY(-4px);\n box-shadow:0 40px 80px -40px rgba(133,14,53,.25);\n }\n\n \/* Variants *\/\n .service--cream{background:var(--pure-white);}\n .service--beige{background:var(--soft-beige);}\n .service--blush{background:var(--lavender-blush);}\n .service--berry{background:var(--deep-berry);color:var(--warm-cream);}\n .service--rose{background:var(--blush-rose);color:var(--warm-cream);}\n\n .service--featured{\n grid-column:span 12;\n padding:80px 60px;\n }\n\n \/* Left column: numeral + title + meta *\/\n .service__left{position:relative;}\n .service__numeral{\n font-family:var(--font-display);\n font-size:clamp(60px, 8vw, 110px);\n font-weight:300;font-style:italic;line-height:.9;\n color:var(--blush-rose);\n margin-bottom:24px;\n letter-spacing:-.02em;\n }\n .service--berry .service__numeral{color:var(--soft-pink);}\n .service--rose .service__numeral{color:var(--warm-cream);}\n\n .service__category{\n font-size:10px;letter-spacing:.35em;text-transform:uppercase;\n color:var(--deep-berry);margin-bottom:16px;font-weight:400;\n }\n .service--berry .service__category{color:var(--soft-pink);}\n .service--rose .service__category{color:var(--warm-cream);}\n .service__category::before{\n content:'';display:inline-block;width:24px;height:1px;\n background:var(--deep-berry);vertical-align:middle;margin-right:10px;\n }\n .service--berry .service__category::before,\n .service--rose .service__category::before{background:var(--soft-pink);}\n\n .service__title{\n font-family:var(--font-display);\n font-size:clamp(32px, 3.6vw, 48px);\n font-weight:300;line-height:1.05;letter-spacing:-.015em;\n color:var(--soft-black);margin-bottom:20px;\n }\n .service--berry .service__title,\n .service--rose .service__title{color:var(--warm-cream);}\n .service__title em{font-style:italic;color:var(--deep-berry);}\n .service--berry .service__title em{color:var(--soft-pink);}\n .service--rose .service__title em{color:var(--warm-cream);font-weight:400;}\n\n .service__tag{\n display:inline-block;\n margin-top:20px;\n padding:6px 14px;\n font-family:var(--font-display);\n font-style:italic;\n font-size:13px;\n color:var(--warm-cream);\n background:var(--deep-berry);\n letter-spacing:.02em;\n }\n .service--berry .service__tag{\n background:var(--warm-cream);color:var(--deep-berry);\n }\n .service--rose .service__tag{\n background:var(--deep-berry);color:var(--warm-cream);\n }\n .service__tag::before{\n content:'\u2726 ';color:var(--soft-pink);font-style:normal;\n }\n .service--berry .service__tag::before{color:var(--blush-rose);}\n\n \/* Right column: description + includes + CTAs *\/\n .service__right{}\n .service__desc{\n font-family:var(--font-serif);\n font-size:19px;line-height:1.6;\n color:var(--muted-ink);\n margin-bottom:32px;\n font-weight:300;\n }\n .service--berry .service__desc,\n .service--rose .service__desc{color:var(--lavender-blush);}\n\n .service__includes-label{\n font-size:10px;letter-spacing:.35em;text-transform:uppercase;\n color:var(--blush-rose);margin-bottom:20px;font-weight:400;\n }\n .service--berry .service__includes-label,\n .service--rose .service__includes-label{color:var(--soft-pink);}\n\n .service__list{\n list-style:none;\n display:flex;flex-direction:column;gap:12px;\n margin-bottom:32px;\n }\n .service__list li{\n font-family:var(--font-sans);\n font-size:14px;letter-spacing:.03em;line-height:1.55;\n color:var(--soft-black);\n padding-left:24px;\n position:relative;\n }\n .service--berry .service__list li,\n .service--rose .service__list li{color:var(--warm-cream);}\n .service__list li::before{\n content:'\u2014';position:absolute;left:0;\n color:var(--blush-rose);\n }\n .service--berry .service__list li::before,\n .service--rose .service__list li::before{color:var(--soft-pink);}\n\n \/* Sub-types block (for service IV cover types) *\/\n .service__subtypes{\n display:grid;grid-template-columns:1fr 1fr;gap:20px;\n margin-bottom:32px;\n }\n @media (max-width: 720px){\n .service__subtypes{grid-template-columns:1fr;}\n }\n .service__subtype{\n padding:20px 24px;\n border-left:2px solid var(--blush-rose);\n background:rgba(255,255,255,.4);\n }\n .service--berry .service__subtype,\n .service--rose .service__subtype{\n background:rgba(255,245,228,.1);border-left-color:var(--soft-pink);\n }\n .service__subtype-title{\n font-family:var(--font-display);\n font-size:16px;font-weight:400;font-style:italic;\n color:var(--deep-berry);margin-bottom:8px;\n }\n .service--berry .service__subtype-title,\n .service--rose .service__subtype-title{color:var(--warm-cream);}\n .service__subtype-desc{\n font-family:var(--font-serif);\n font-size:14px;line-height:1.5;\n color:var(--muted-ink);font-style:italic;\n }\n .service--berry .service__subtype-desc,\n .service--rose .service__subtype-desc{color:var(--lavender-blush);}\n\n \/* Note *\/\n .service__note{\n display:flex;gap:14px;align-items:flex-start;\n padding:20px 24px;\n background:rgba(207,116,134,.08);\n border:1px solid rgba(207,116,134,.25);\n margin-bottom:32px;\n font-family:var(--font-serif);\n font-style:italic;\n font-size:14px;line-height:1.55;\n color:var(--muted-ink);\n }\n .service--berry .service__note,\n .service--rose .service__note{\n background:rgba(255,245,228,.08);\n border-color:rgba(255,245,228,.2);\n color:var(--lavender-blush);\n }\n .service__note::before{\n content:'\u2766';\n font-family:var(--font-display);\n font-style:normal;font-size:16px;\n color:var(--blush-rose);line-height:1;flex-shrink:0;\n }\n .service--berry .service__note::before,\n .service--rose .service__note::before{color:var(--soft-pink);}\n\n \/* CTAs *\/\n .service__actions{\n display:flex;gap:16px;align-items:center;flex-wrap:wrap;\n padding-top:24px;\n border-top:1px solid rgba(133,14,53,.12);\n }\n .service--berry .service__actions,\n .service--rose .service__actions{border-top-color:rgba(255,245,228,.15);}\n\n .btn-primary{\n display:inline-flex;align-items:center;gap:12px;\n padding:16px 32px;\n background:var(--deep-berry);color:var(--warm-cream);\n font-family:var(--font-sans);\n font-size:11px;letter-spacing:.25em;text-transform:uppercase;\n border:none;cursor:pointer;transition:all .4s ease;\n position:relative;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{position:relative;z-index:1;transition:transform .4s ease;}\n .btn-primary:hover .arrow{transform:translateX(4px);}\n .service--berry .btn-primary{background:var(--warm-cream);color:var(--deep-berry);}\n .service--berry .btn-primary::before{background:var(--blush-rose);}\n .service--berry .btn-primary:hover span{color:var(--warm-cream);}\n .service--rose .btn-primary{background:var(--warm-cream);color:var(--deep-berry);}\n\n .btn-ghost{\n display:inline-flex;align-items:center;gap:10px;\n font-family:var(--font-sans);\n font-size:11px;letter-spacing:.25em;text-transform:uppercase;\n color:var(--soft-black);\n padding:16px 4px;\n border-bottom:1px solid var(--soft-black);\n background:transparent;border-top:none;border-left:none;border-right:none;\n cursor:pointer;transition:all .3s ease;\n }\n .service--berry .btn-ghost,\n .service--rose .btn-ghost{color:var(--warm-cream);border-bottom-color:var(--warm-cream);}\n .btn-ghost:hover{color:var(--deep-berry);border-color:var(--deep-berry);}\n .service--berry .btn-ghost:hover,\n .service--rose .btn-ghost:hover{color:var(--soft-pink);border-bottom-color:var(--soft-pink);}\n\n \/* Section separator *\/\n .section-separator{\n padding:60px 48px;\n background:var(--warm-cream);\n }\n .section-separator__inner{\n max-width:1320px;margin:0 auto;\n text-align:center;\n }\n .section-separator__ornament{\n font-family:var(--font-display);\n font-size:36px;color:var(--blush-rose);\n margin-bottom:20px;font-style:italic;\n }\n .section-separator__title{\n font-family:var(--font-display);\n font-size:clamp(28px, 3vw, 44px);\n font-weight:300;font-style:italic;line-height:1.2;\n color:var(--deep-berry);\n max-width:800px;margin:0 auto;\n }\n\n \/* ===== BUNDLES TEASER ===== *\/\n .bundles{\n padding:140px 48px;\n background:var(--soft-beige);\n position:relative;overflow:hidden;\n }\n .bundles__inner{\n max-width:1320px;margin:0 auto;\n display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;\n }\n .bundles__visual{\n position:relative;aspect-ratio:4\/5;\n background:linear-gradient(160deg, var(--blush-rose) 0%, var(--deep-berry) 100%);\n overflow:hidden;\n }\n .bundles__visual::before{\n content:'';position:absolute;inset:20px;\n border:1px solid rgba(255,245,228,.3);\n }\n .bundles__visual::after{\n content:'III';\n position:absolute;bottom:40px;right:40px;\n font-family:var(--font-display);font-style:italic;\n font-size:120px;font-weight:300;line-height:1;\n color:rgba(255,245,228,.25);\n }\n .bundles__visual-label{\n position:absolute;top:40px;left:40px;right:40px;\n font-family:var(--font-display);font-style:italic;\n font-size:36px;line-height:1.1;color:var(--warm-cream);\n }\n .bundles__visual-label::before{\n content:'';display:block;width:60px;height:1px;\n background:var(--warm-cream);margin-bottom:20px;\n }\n .bundles__visual-tag{\n position:absolute;bottom:40px;left:40px;\n font-size:10px;letter-spacing:.3em;text-transform:uppercase;\n color:var(--warm-cream);opacity:.8;\n }\n\n .bundles__label{\n font-size:10px;letter-spacing:.4em;text-transform:uppercase;\n color:var(--deep-berry);margin-bottom:28px;\n }\n .bundles__title{\n font-family:var(--font-display);\n font-size:clamp(40px, 4.5vw, 64px);\n font-weight:300;line-height:1.05;letter-spacing:-.015em;\n color:var(--soft-black);margin-bottom:24px;\n }\n .bundles__title em{font-style:italic;color:var(--deep-berry);}\n .bundles__desc{\n font-family:var(--font-serif);\n font-size:19px;line-height:1.6;\n color:var(--muted-ink);margin-bottom:40px;font-weight:300;\n }\n\n \/* ===== HOW IT WORKS ===== *\/\n .how{\n padding:140px 48px;\n background:var(--warm-cream);\n }\n .how__header{\n max-width:1320px;margin:0 auto 80px;\n text-align:center;\n }\n .how__label{\n font-size:10px;letter-spacing:.4em;text-transform:uppercase;\n color:var(--deep-berry);margin-bottom:28px;\n }\n .how__label::before{\n content:'';display:inline-block;width:40px;height:1px;\n background:var(--deep-berry);vertical-align:middle;margin-right:12px;\n }\n .how__label::after{\n content:'';display:inline-block;width:40px;height:1px;\n background:var(--deep-berry);vertical-align:middle;margin-left:12px;\n }\n .how__title{\n font-family:var(--font-display);\n font-size:clamp(40px, 5vw, 72px);\n font-weight:300;line-height:1.05;letter-spacing:-.015em;\n color:var(--soft-black);margin-bottom:24px;\n }\n .how__title em{font-style:italic;color:var(--blush-rose);}\n .how__subtitle{\n font-family:var(--font-serif);\n font-style:italic;font-size:20px;line-height:1.5;\n color:var(--muted-ink);max-width:600px;margin:0 auto;\n }\n\n .how__steps{\n max-width:1320px;margin:0 auto;\n display:grid;grid-template-columns:repeat(5,1fr);gap:24px;\n position:relative;\n }\n .how__steps::before{\n content:'';position:absolute;\n top:40px;left:10%;right:10%;height:1px;\n background:linear-gradient(to right, transparent, var(--blush-rose) 20%, var(--blush-rose) 80%, transparent);\n z-index:0;\n }\n .how__step{\n position:relative;z-index:1;\n text-align:center;\n padding:0 12px;\n }\n .how__step-num{\n width:80px;height:80px;border-radius:50%;\n background:var(--warm-cream);\n border:1px solid var(--deep-berry);\n display:flex;align-items:center;justify-content:center;\n font-family:var(--font-display);font-style:italic;\n font-size:28px;color:var(--deep-berry);\n margin:0 auto 24px;\n transition:all .4s ease;\n }\n .how__step:hover .how__step-num{\n background:var(--deep-berry);color:var(--warm-cream);\n transform:scale(1.05);\n }\n .how__step-title{\n font-family:var(--font-display);\n font-size:20px;font-weight:400;\n color:var(--soft-black);margin-bottom:8px;\n }\n .how__step-desc{\n font-family:var(--font-serif);\n font-style:italic;font-size:14px;line-height:1.5;\n color:var(--muted-ink);\n }\n\n \/* ===== CTA FINAL ===== *\/\n .cta{\n padding:160px 48px;\n background:var(--deep-berry);color:var(--warm-cream);\n text-align:center;position:relative;overflow:hidden;\n }\n .cta::before{\n content:'';position:absolute;inset:40px;\n border:1px solid rgba(255,245,228,.2);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);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(40px, 5.5vw, 80px);\n font-weight:300;line-height:1.05;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);font-style:italic;\n font-size:20px;line-height:1.6;\n color:var(--lavender-blush);max-width:600px;\n margin:0 auto 48px;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);color:var(--deep-berry);\n font-family:var(--font-sans);\n font-size:11px;letter-spacing:.28em;text-transform:uppercase;\n transition:all .4s ease;cursor:pointer;border:none;\n }\n .cta__btn:hover{background:var(--soft-pink);transform:translateY(-2px);}\n\n \/* ===== CART TOAST ===== *\/\n .toast{\n position:fixed;\n bottom:30px;right:30px;\n background:var(--soft-black);color:var(--warm-cream);\n padding:20px 28px;\n font-family:var(--font-sans);\n font-size:13px;letter-spacing:.05em;\n z-index:200;\n box-shadow:0 20px 40px -20px rgba(0,0,0,.4);\n transform:translateX(calc(100% + 40px));\n transition:transform .5s cubic-bezier(.2,.8,.2,1);\n display:flex;align-items:center;gap:14px;\n max-width:360px;\n }\n .toast.show{transform:translateX(0);}\n .toast__icon{\n font-family:var(--font-display);font-style:italic;\n font-size:20px;color:var(--blush-rose);\n }\n .toast__text strong{display:block;margin-bottom:2px;font-weight:500;}\n .toast__text em{font-family:var(--font-serif);font-size:12px;color:var(--soft-pink);font-style:italic;}\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 980px){\n .nav{padding:20px 24px;}\n .nav__menu{display:none;}\n .hero{padding:140px 24px 60px;}\n .hero__meta, .hero__scroll{display:none;}\n .filter{padding:30px 24px 10px;}\n .services-list, .bundles, .how, .cta{padding:80px 24px;}\n .service{\n padding:40px 28px;\n grid-template-columns:1fr;gap:32px;\n }\n .service--featured{padding:40px 28px;}\n .bundles__inner{grid-template-columns:1fr;gap:40px;}\n .bundles__visual{max-width:400px;margin:0 auto;}\n .how__steps{grid-template-columns:1fr;gap:40px;}\n .how__steps::before{display:none;}\n }\n<\/style>\n<\/head>\n<body>\n\n<!-- NAV -->\n<nav class=\"nav\">\n <a href=\"#\" class=\"nav__logo\">\n Faith & Bloom\n <span>\u2014 Co. \u2014<\/span>\n <\/a>\n <ul class=\"nav__menu\">\n <li><a href=\"\/\">Inicio<\/a><\/li>\n <li><a href=\"\/nosotros\">Nosotros<\/a><\/li>\n <li><a href=\"#\" class=\"active\">Servicios<\/a><\/li>\n <li><a href=\"\/portafolio\">Portafolio<\/a><\/li>\n <li><a href=\"\/contacto\">Contacto<\/a><\/li>\n <\/ul>\n <button class=\"nav__cta\">\n Mi selecci\u00f3n\n <span class=\"nav__cart-count\" id=\"cartCount\">0<\/span>\n <\/button>\n<\/nav>\n\n<!-- HERO -->\n<section class=\"hero\">\n <div class=\"hero__inner\">\n <div class=\"hero__meta\">Servicios \u00b7 Vol. I \u00b7 2026<\/div>\n <div class=\"hero__eyebrow\">Nuestros Servicios<\/div>\n <h1 class=\"hero__title\">\n Servicios <em>curados<\/em><br>\n para el viaje editorial<br>\n <span class=\"amp\">&<\/span> creativo del <em>autor.<\/em>\n <\/h1>\n <p class=\"hero__lead\">\n Desde el manuscrito hasta la marca, todo bajo el mismo techo. Diez servicios individuales y paquetes a medida, dise\u00f1ados para acompa\u00f1arte etapa por etapa.\n <\/p>\n <\/div>\n <div class=\"hero__scroll\">Desliza \u00b7 explora<\/div>\n<\/section>\n\n<!-- FILTER TABS -->\n<div class=\"filter\">\n <div class=\"filter__inner\">\n <div class=\"filter__label\">Filtra por categor\u00eda<\/div>\n <div class=\"filter__tabs\">\n <button class=\"filter__tab active\" data-filter=\"all\">Todos<\/button>\n <button class=\"filter__tab\" data-filter=\"publicacion\">Publicaci\u00f3n<\/button>\n <button class=\"filter__tab\" data-filter=\"editorial\">Editorial<\/button>\n <button class=\"filter__tab\" data-filter=\"creativa\">Direcci\u00f3n Creativa<\/button>\n <button class=\"filter__tab\" data-filter=\"marketing\">Marketing<\/button>\n <button class=\"filter__tab\" data-filter=\"web\">Web<\/button>\n <button class=\"filter__tab\" data-filter=\"suscripcion\">Suscripciones<\/button>\n <\/div>\n <\/div>\n<\/div>\n\n<!-- SERVICES LIST -->\n<section class=\"services-list\">\n <div class=\"services-list__inner\">\n\n <!-- I. PUBLICACI\u00d3N EDITORIAL -->\n <article class=\"service service--berry service--featured\" data-category=\"publicacion\">\n <div class=\"service__left\">\n <div class=\"service__numeral\">I<\/div>\n <div class=\"service__category\">Servicio principal<\/div>\n <h2 class=\"service__title\">\n Publicaci\u00f3n editorial <em>full service<\/em> en Amazon\n <\/h2>\n <div class=\"service__tag\">M\u00e1s contratado<\/div>\n <\/div>\n <div class=\"service__right\">\n <p class=\"service__desc\">\n Acompa\u00f1amiento completo desde el manuscrito hasta la publicaci\u00f3n en Amazon KDP. Cuidamos cada detalle t\u00e9cnico, editorial y estrat\u00e9gico para que tu libro llegue al mundo como merece.\n <\/p>\n <div class=\"service__includes-label\">Este servicio incluye<\/div>\n <ul class=\"service__list\">\n <li>Evaluaci\u00f3n inicial del manuscrito<\/li>\n <li>Preparaci\u00f3n del archivo para impresi\u00f3n (paperback y\/o hardcover)<\/li>\n <li>Conversi\u00f3n a formato digital (eBook Kindle)<\/li>\n <li>Configuraci\u00f3n completa en Amazon KDP: subida, categor\u00edas, keywords, precios<\/li>\n <li>Asesor\u00eda guiada para creaci\u00f3n de cuenta en Amazon KDP<\/li>\n <li>Revisi\u00f3n final antes de publicaci\u00f3n<\/li>\n <li>Asistencia en la solicitud de copias de prueba<\/li>\n <li>Asesor\u00eda ISBN personalizada (orientaci\u00f3n sobre opciones disponibles)<\/li>\n <\/ul>\n <div class=\"service__note\">\n Faith & Bloom Co. no cubre el costo del ISBN \u2014 debe ser adquirido por el autor. Si deseas que gestionemos el proceso completo, se aplica un costo adicional por servicio de gesti\u00f3n.\n <\/div>\n <div class=\"service__actions\">\n <button class=\"btn-primary\" data-add=\"Publicaci\u00f3n Editorial Full Service\">\n <span>Agregar al carrito<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/button>\n <button class=\"btn-ghost\">Ver detalles \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n\n <!-- II. PRIMERA EDICI\u00d3N B\u00c1SICA -->\n <article class=\"service service--cream\" data-category=\"editorial\">\n <div class=\"service__left\">\n <div class=\"service__numeral\">II<\/div>\n <div class=\"service__category\">Servicios Editoriales<\/div>\n <h2 class=\"service__title\">\n Primera edici\u00f3n <em>b\u00e1sica<\/em> del manuscrito\n <\/h2>\n <\/div>\n <div class=\"service__right\">\n <p class=\"service__desc\">\n Edici\u00f3n inicial enfocada en mejorar la claridad, coherencia y presentaci\u00f3n general del texto. Una optimizaci\u00f3n profesional que prepara tu manuscrito para el siguiente paso.\n <\/p>\n <div class=\"service__includes-label\">Este servicio incluye<\/div>\n <ul class=\"service__list\">\n <li>Correcci\u00f3n b\u00e1sica de gram\u00e1tica y ortograf\u00eda<\/li>\n <li>Mejora de redacci\u00f3n para mayor fluidez<\/li>\n <li>Organizaci\u00f3n de p\u00e1rrafos y estructura<\/li>\n <li>Ajustes de estilo general<\/li>\n <\/ul>\n <div class=\"service__note\">\n Este servicio no corresponde a una edici\u00f3n acad\u00e9mica o profunda, sino a una optimizaci\u00f3n profesional inicial del manuscrito.\n <\/div>\n <div class=\"service__actions\">\n <button class=\"btn-primary\" data-add=\"Primera Edici\u00f3n B\u00e1sica\">\n <span>Agregar al carrito<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/button>\n <button class=\"btn-ghost\">Ver detalles \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n\n <!-- III. CREACI\u00d3N DE EST\u00c9TICA DEL LIBRO -->\n <article class=\"service service--blush\" data-category=\"creativa\">\n <div class=\"service__left\">\n <div class=\"service__numeral\">III<\/div>\n <div class=\"service__category\">Direcci\u00f3n Creativa<\/div>\n <h2 class=\"service__title\">\n Creaci\u00f3n de la <em>est\u00e9tica<\/em> del libro\n <\/h2>\n <div class=\"service__tag\">Favorito editorial<\/div>\n <\/div>\n <div class=\"service__right\">\n <p class=\"service__desc\">\n Desarrollo completo del concepto visual y dise\u00f1o interior del libro, alineado con el mensaje, la audiencia y el prop\u00f3sito del autor. Una direcci\u00f3n creativa que convierte tu texto en una experiencia est\u00e9tica.\n <\/p>\n <div class=\"service__includes-label\">Direcci\u00f3n creativa completa<\/div>\n <ul class=\"service__list\">\n <li>Definici\u00f3n del estilo visual (minimalista, editorial, infantil, etc.)<\/li>\n <li>Selecci\u00f3n de tipograf\u00edas<\/li>\n <li>Paleta de colores<\/li>\n <li>Dise\u00f1o del interior del libro (layout de p\u00e1ginas)<\/li>\n <li>Integraci\u00f3n de elementos gr\u00e1ficos<\/li>\n <\/ul>\n\n <div class=\"service__includes-label\" style=\"margin-top:24px;\">Por tipo de libro<\/div>\n <div class=\"service__subtypes\">\n <div class=\"service__subtype\">\n <div class=\"service__subtype-title\">Libros infantiles<\/div>\n <div class=\"service__subtype-desc\">Incluye hasta 14 ilustraciones. Las adicionales tienen un costo por p\u00e1gina extra.<\/div>\n <\/div>\n <div class=\"service__subtype\">\n <div class=\"service__subtype-title\">J\u00f3venes y adultos<\/div>\n <div class=\"service__subtype-desc\">Incluye hasta 15 elementos visuales (im\u00e1genes, gr\u00e1ficos, recursos). Adicionales con costo por unidad.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"service__note\">\n Para libros con una est\u00e9tica m\u00e1s compleja o altamente conceptual \u2014 por ejemplo, devocionales o editorial avanzado \u2014 realizamos una cotizaci\u00f3n personalizada luego de una reuni\u00f3n estrat\u00e9gica con el autor.\n <\/div>\n <div class=\"service__actions\">\n <button class=\"btn-primary\" data-add=\"Creaci\u00f3n de Est\u00e9tica del Libro\">\n <span>Agregar al carrito<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/button>\n <button class=\"btn-ghost\">Ver detalles \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n\n <!-- IV. DISE\u00d1O DE PORTADA Y CONTRAPORTADA -->\n <article class=\"service service--cream\" data-category=\"creativa\">\n <div class=\"service__left\">\n <div class=\"service__numeral\">IV<\/div>\n <div class=\"service__category\">Direcci\u00f3n Creativa<\/div>\n <h2 class=\"service__title\">\n Dise\u00f1o de <em>portada<\/em><br>y contraportada\n <\/h2>\n <\/div>\n <div class=\"service__right\">\n <p class=\"service__desc\">\n Creaci\u00f3n visual estrat\u00e9gica de la portada y contraportada del libro, alineadas con est\u00e1ndares del mercado editorial y optimizadas para atraer lectores en Amazon KDP.\n <\/p>\n <div class=\"service__includes-label\">Este servicio incluye<\/div>\n <ul class=\"service__list\">\n <li>Desarrollo de concepto creativo<\/li>\n <li>Dise\u00f1o de portada profesional<\/li>\n <li>Dise\u00f1o de contraportada: sinopsis, biograf\u00eda del autor y c\u00f3digo de barras<\/li>\n <li>Ajuste a medidas exactas requeridas por Amazon KDP<\/li>\n <\/ul>\n\n <div class=\"service__includes-label\" style=\"margin-top:24px;\">Tipos de portada<\/div>\n <div class=\"service__subtypes\">\n <div class=\"service__subtype\">\n <div class=\"service__subtype-title\">Portada editorial<\/div>\n <div class=\"service__subtype-desc\">Sin ilustraci\u00f3n personalizada. Composici\u00f3n gr\u00e1fica, tipograf\u00eda y recursos visuales. Ideal para libros de j\u00f3venes y adultos. Enfoque limpio, elegante y profesional.<\/div>\n <\/div>\n <div class=\"service__subtype\">\n <div class=\"service__subtype-title\">Portada ilustrada<\/div>\n <div class=\"service__subtype-desc\">Ilustraciones originales creadas espec\u00edficamente para tu libro. Recomendado para libros infantiles o proyectos conceptuales. Mayor nivel de detalle y direcci\u00f3n art\u00edstica.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"service__note\">\n Las portadas con ilustraci\u00f3n personalizada conllevan un trabajo creativo m\u00e1s avanzado, por lo que su costo es mayor que el de una portada editorial est\u00e1ndar.\n <\/div>\n <div class=\"service__actions\">\n <button class=\"btn-primary\" data-add=\"Dise\u00f1o de Portada y Contraportada\">\n <span>Agregar al carrito<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/button>\n <button class=\"btn-ghost\">Ver detalles \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n\n <!-- V. CAMPA\u00d1A DE LANZAMIENTO -->\n <article class=\"service service--rose\" data-category=\"marketing\">\n <div class=\"service__left\">\n <div class=\"service__numeral\">V<\/div>\n <div class=\"service__category\">Marketing & Publicidad<\/div>\n <h2 class=\"service__title\">\n Campa\u00f1a de <em>lanzamiento<\/em> de libro\n <\/h2>\n <\/div>\n <div class=\"service__right\">\n <p class=\"service__desc\">\n Estrategia inicial de promoci\u00f3n dise\u00f1ada para generar expectativa, visibilidad y posicionamiento de tu libro en su lanzamiento al mundo.\n <\/p>\n <div class=\"service__includes-label\">Este servicio incluye<\/div>\n <ul class=\"service__list\">\n <li>Plan de contenido previo al lanzamiento<\/li>\n <li>Dise\u00f1o de 5 publicaciones (posts)<\/li>\n <li>Dise\u00f1o de 3 historias (stories)<\/li>\n <li>Dise\u00f1o de 1 reel<\/li>\n <li>Ideas estrat\u00e9gicas para contenido adicional<\/li>\n <\/ul>\n <div class=\"service__note\">\n Servicios adicionales disponibles: publicaciones extra, historias o reels adicionales, y reels animados personalizados (ej. animaci\u00f3n de personaje para libros infantiles, videos promocionales narrados).\n <\/div>\n <div class=\"service__actions\">\n <button class=\"btn-primary\" data-add=\"Campa\u00f1a de Lanzamiento\">\n <span>Agregar al carrito<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/button>\n <button class=\"btn-ghost\">Ver detalles \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n\n <!-- VI. CAMPA\u00d1A POST-LANZAMIENTO -->\n <article class=\"service service--cream\" data-category=\"marketing\">\n <div class=\"service__left\">\n <div class=\"service__numeral\">VI<\/div>\n <div class=\"service__category\">Marketing & Publicidad<\/div>\n <h2 class=\"service__title\">\n Campa\u00f1a <em>post-lanzamiento<\/em>\n <\/h2>\n <\/div>\n <div class=\"service__right\">\n <p class=\"service__desc\">\n Contenido promocional posterior al lanzamiento, dise\u00f1ado para mantener la visibilidad y el impulso del libro durante el primer mes. Una sola entrega cuidadosamente planificada.\n <\/p>\n <div class=\"service__includes-label\">Contenido para un mes<\/div>\n <ul class=\"service__list\">\n <li>2 publicaciones (posts)<\/li>\n <li>4 historias (1 por semana)<\/li>\n <li>2 reels<\/li>\n <\/ul>\n <div class=\"service__note\">\n Este servicio es de una sola entrega. Para mantenimiento continuo de contenido, el autor deber\u00e1 contratar la suscripci\u00f3n mensual de redes sociales.\n <\/div>\n <div class=\"service__actions\">\n <button class=\"btn-primary\" data-add=\"Campa\u00f1a Post-Lanzamiento\">\n <span>Agregar al carrito<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/button>\n <button class=\"btn-ghost\">Ver detalles \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n\n <!-- VII. P\u00c1GINA WEB PARA AUTOR -->\n <article class=\"service service--beige\" data-category=\"web\">\n <div class=\"service__left\">\n <div class=\"service__numeral\">VII<\/div>\n <div class=\"service__category\">Desarrollo Web<\/div>\n <h2 class=\"service__title\">\n Creaci\u00f3n de <em>p\u00e1gina web<\/em> para autor\n <\/h2>\n <\/div>\n <div class=\"service__right\">\n <p class=\"service__desc\">\n Dise\u00f1o y desarrollo de una p\u00e1gina web profesional para posicionar la marca del autor y centralizar su contenido, eventos y publicaciones.\n <\/p>\n <div class=\"service__includes-label\">Secciones incluidas<\/div>\n <ul class=\"service__list\">\n <li>Dise\u00f1o visual alineado a la identidad del autor<\/li>\n <li>Inicio \u00b7 Sobre el autor \u00b7 Libros \u00b7 Eventos \u00b7 Contacto<\/li>\n <li>Asesor\u00eda para la compra del dominio web<\/li>\n <li>Orientaci\u00f3n sobre las mejores plataformas y opciones<\/li>\n <\/ul>\n <div class=\"service__note\">\n Las secciones adicionales pueden ser a\u00f1adidas seg\u00fan necesidad (costo extra por cada una). El costo del dominio web (mensual o anual) no est\u00e1 incluido y debe ser cubierto directamente por el autor.\n <\/div>\n <div class=\"service__actions\">\n <button class=\"btn-primary\" data-add=\"P\u00e1gina Web para Autor\">\n <span>Agregar al carrito<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/button>\n <button class=\"btn-ghost\">Ver detalles \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n\n <!-- Section divider: subscriptions -->\n <div class=\"section-separator\" style=\"grid-column:span 12; padding:40px 0;\">\n <div class=\"section-separator__inner\">\n <div class=\"section-separator__ornament\">\u2766<\/div>\n <h3 class=\"section-separator__title\">\n Suscripciones mensuales \u2014<br>presencia continua, cuidada mes a mes.\n <\/h3>\n <\/div>\n <\/div>\n\n <!-- VIII. MANTENIMIENTO WEB -->\n <article class=\"service service--cream\" data-category=\"suscripcion web\">\n <div class=\"service__left\">\n <div class=\"service__numeral\">VIII<\/div>\n <div class=\"service__category\">Suscripci\u00f3n mensual<\/div>\n <h2 class=\"service__title\">\n Mantenimiento de <em>p\u00e1gina web<\/em>\n <\/h2>\n <\/div>\n <div class=\"service__right\">\n <p class=\"service__desc\">\n Servicio continuo para mantener tu p\u00e1gina web actualizada, funcional y alineada con tus actividades como autor. Tu presencia digital, siempre fresca.\n <\/p>\n <div class=\"service__includes-label\">Este servicio incluye<\/div>\n <ul class=\"service__list\">\n <li>Dos (2) reuniones mensuales con el autor<\/li>\n <li>Actualizaci\u00f3n de contenido: eventos, talleres, nuevos lanzamientos, anuncios<\/li>\n <li>Ajustes visuales b\u00e1sicos<\/li>\n <li>Soporte t\u00e9cnico general<\/li>\n <\/ul>\n <div class=\"service__actions\">\n <button class=\"btn-primary\" data-add=\"Mantenimiento Web (Suscripci\u00f3n)\">\n <span>Suscribirme<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/button>\n <button class=\"btn-ghost\">Ver detalles \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n\n <!-- IX. REDES SOCIALES -->\n <article class=\"service service--blush\" data-category=\"suscripcion marketing\">\n <div class=\"service__left\">\n <div class=\"service__numeral\">IX<\/div>\n <div class=\"service__category\">Suscripci\u00f3n mensual<\/div>\n <h2 class=\"service__title\">\n Contenido de <em>redes sociales<\/em>\n <\/h2>\n <\/div>\n <div class=\"service__right\">\n <p class=\"service__desc\">\n Gesti\u00f3n estrat\u00e9gica y creativa de las redes sociales del autor para mantener una presencia constante y profesional ante tu comunidad lectora.\n <\/p>\n <div class=\"service__includes-label\">Este servicio incluye<\/div>\n <ul class=\"service__list\">\n <li>Dos (2) reuniones mensuales<\/li>\n <li>Planificaci\u00f3n de contenido<\/li>\n <li>Dise\u00f1o de publicaciones<\/li>\n <li>Publicaci\u00f3n de contenido sobre eventos, libros y mensajes del autor<\/li>\n <\/ul>\n <div class=\"service__note\">\n La cantidad de publicaciones puede ajustarse seg\u00fan el paquete seleccionado.\n <\/div>\n <div class=\"service__actions\">\n <button class=\"btn-primary\" data-add=\"Contenido de Redes Sociales (Suscripci\u00f3n)\">\n <span>Suscribirme<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/button>\n <button class=\"btn-ghost\">Ver detalles \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n\n <!-- X. EMAIL MARKETING -->\n <article class=\"service service--cream\" data-category=\"suscripcion marketing\">\n <div class=\"service__left\">\n <div class=\"service__numeral\">X<\/div>\n <div class=\"service__category\">Suscripci\u00f3n<\/div>\n <h2 class=\"service__title\">\n Email <em>marketing<\/em>\n <\/h2>\n <\/div>\n <div class=\"service__right\">\n <p class=\"service__desc\">\n Servicio de comunicaci\u00f3n directa con la audiencia del autor mediante campa\u00f1as de correo electr\u00f3nico \u2014 el canal m\u00e1s \u00edntimo para cultivar lectores fieles.\n <\/p>\n <div class=\"service__includes-label\">Planes disponibles<\/div>\n <div class=\"service__subtypes\">\n <div class=\"service__subtype\">\n <div class=\"service__subtype-title\">Plan mensual<\/div>\n <div class=\"service__subtype-desc\">Env\u00edo de un (1) email al mes. Dise\u00f1o visual del correo y redacci\u00f3n del contenido seg\u00fan necesidades del autor.<\/div>\n <\/div>\n <div class=\"service__subtype\">\n <div class=\"service__subtype-title\">Plan semanal<\/div>\n <div class=\"service__subtype-desc\">Env\u00edo de un (1) email por semana. Estrategia de comunicaci\u00f3n continua con dise\u00f1o y redacci\u00f3n incluidos.<\/div>\n <\/div>\n <\/div>\n <div class=\"service__actions\">\n <button class=\"btn-primary\" data-add=\"Email Marketing (Suscripci\u00f3n)\">\n <span>Suscribirme<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/button>\n <button class=\"btn-ghost\">Ver detalles \u2192<\/button>\n <\/div>\n <\/div>\n <\/article>\n\n <\/div>\n<\/section>\n\n<!-- BUNDLES TEASER -->\n<section class=\"bundles\">\n <div class=\"bundles__inner\">\n <div class=\"bundles__visual\">\n <div class=\"bundles__visual-label\">\n Paquetes curados,<br>con intenci\u00f3n.\n <\/div>\n <div class=\"bundles__visual-tag\">\u2014 Vol. III \u00b7 Bundles \u2014<\/div>\n <\/div>\n <div>\n <div class=\"bundles__label\">\u2014 Explora nuestros paquetes \u2014<\/div>\n <h2 class=\"bundles__title\">\n Combinaciones editoriales<br>\n al precio <em>de una sola visi\u00f3n.<\/em>\n <\/h2>\n <p class=\"bundles__desc\">\n \u00bfNecesitas m\u00e1s de un servicio? Hemos curado paquetes que combinan publicaci\u00f3n, direcci\u00f3n creativa, marketing y presencia digital a un precio m\u00e1s cuidado que por separado. Cada paquete est\u00e1 pensado para una etapa distinta del camino del autor.\n <\/p>\n <a href=\"\/paquetes\" class=\"btn-primary\">\n <span>Ver paquetes<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- HOW IT WORKS -->\n<section class=\"how\">\n <div class=\"how__header\">\n <div class=\"how__label\">C\u00f3mo funciona<\/div>\n <h2 class=\"how__title\">\n Un proceso <em>claro<\/em>,<br>de principio a fin.\n <\/h2>\n <p class=\"how__subtitle\">\n Cinco pasos cuidados para transformar tu elecci\u00f3n en un proyecto editorial realizado.\n <\/p>\n <\/div>\n <div class=\"how__steps\">\n <div class=\"how__step\">\n <div class=\"how__step-num\">I<\/div>\n <div class=\"how__step-title\">Elige tu servicio<\/div>\n <div class=\"how__step-desc\">Agrega a tu selecci\u00f3n los servicios que necesitas. Si tienes dudas, conversamos primero.<\/div>\n <\/div>\n <div class=\"how__step\">\n <div class=\"how__step-num\">II<\/div>\n <div class=\"how__step-title\">Conversaci\u00f3n inicial<\/div>\n <div class=\"how__step-desc\">Agendamos una reuni\u00f3n para conocer tu proyecto, tu visi\u00f3n y tus tiempos.<\/div>\n <\/div>\n <div class=\"how__step\">\n <div class=\"how__step-num\">III<\/div>\n <div class=\"how__step-title\">Propuesta & contrato<\/div>\n <div class=\"how__step-desc\">Recibes propuesta personalizada, contrato y acceso a tu portal privado de cliente.<\/div>\n <\/div>\n <div class=\"how__step\">\n <div class=\"how__step-num\">IV<\/div>\n <div class=\"how__step-title\">Ejecuci\u00f3n cuidada<\/div>\n <div class=\"how__step-desc\">Trabajamos tu proyecto con seguimiento claro \u2014 ves el avance en tiempo real.<\/div>\n <\/div>\n <div class=\"how__step\">\n <div class=\"how__step-num\">V<\/div>\n <div class=\"how__step-title\">Entrega & legado<\/div>\n <div class=\"how__step-desc\">Recibes tu proyecto terminado, publicado o en marcha. Tu historia, en el mundo.<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- CTA FINAL -->\n<section class=\"cta\">\n <div class=\"cta__inner\">\n <div class=\"cta__label\">\u00bfNo sabes cu\u00e1l elegir?<\/div>\n <h2 class=\"cta__title\">\n Conversemos \u2014 te ayudamos<br>\n a <em>encontrar el camino.<\/em>\n <\/h2>\n <p class=\"cta__text\">\n Agenda una consulta gratuita de 30 minutos. Escuchamos tu proyecto y te recomendamos, sin compromiso, qu\u00e9 servicio o paquete se ajusta mejor a tu visi\u00f3n y a tu etapa.\n <\/p>\n <a href=\"\/agendar\" class=\"cta__btn\">\n Agendar consulta gratuita \u2192\n <\/a>\n <\/div>\n<\/section>\n\n<!-- TOAST -->\n<div class=\"toast\" id=\"toast\">\n <div class=\"toast__icon\">\u2766<\/div>\n <div class=\"toast__text\">\n <strong id=\"toastText\">Servicio agregado<\/strong>\n <em>Tu selecci\u00f3n editorial se actualiz\u00f3<\/em>\n <\/div>\n<\/div>\n\n<script>\n \/\/ Filter tabs\n const tabs = document.querySelectorAll('.filter__tab');\n const services = document.querySelectorAll('.service');\n tabs.forEach(tab => {\n tab.addEventListener('click', () => {\n tabs.forEach(t => t.classList.remove('active'));\n tab.classList.add('active');\n const filter = tab.dataset.filter;\n services.forEach(s => {\n if (filter === 'all') {\n s.classList.remove('hidden');\n } else {\n const cats = (s.dataset.category || '').split(' ');\n s.classList.toggle('hidden', !cats.includes(filter));\n }\n });\n });\n });\n\n \/\/ Cart functionality\n let cart = [];\n const cartCount = document.getElementById('cartCount');\n const toast = document.getElementById('toast');\n const toastText = document.getElementById('toastText');\n\n document.querySelectorAll('[data-add]').forEach(btn => {\n btn.addEventListener('click', () => {\n const service = btn.dataset.add;\n cart.push(service);\n cartCount.textContent = cart.length;\n toastText.textContent = `${service} \u2014 agregado`;\n toast.classList.add('show');\n setTimeout(() => toast.classList.remove('show'), 3200);\n });\n });\n<\/script>\n\n<\/body>\n<\/html>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Servicios \u2014 Faith & Bloom Co. Faith & Bloom \u2014 Co. \u2014 Inicio Nosotros Servicios Portafolio Contacto Mi selecci\u00f3n 0 […]<\/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":"","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-347","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":"Servicios \u2014 Faith & Bloom Co. Faith & Bloom \u2014 Co. \u2014 Inicio Nosotros Servicios Portafolio Contacto Mi selecci\u00f3n 0 […]","_links":{"self":[{"href":"https:\/\/gasolina.com\/en\/wp-json\/wp\/v2\/pages\/347","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=347"}],"version-history":[{"count":1,"href":"https:\/\/gasolina.com\/en\/wp-json\/wp\/v2\/pages\/347\/revisions"}],"predecessor-version":[{"id":348,"href":"https:\/\/gasolina.com\/en\/wp-json\/wp\/v2\/pages\/347\/revisions\/348"}],"wp:attachment":[{"href":"https:\/\/gasolina.com\/en\/wp-json\/wp\/v2\/media?parent=347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}