{"id":351,"date":"2026-04-23T20:22:02","date_gmt":"2026-04-23T20:22:02","guid":{"rendered":"https:\/\/gasolina.com\/?page_id=351"},"modified":"2026-04-23T20:22:02","modified_gmt":"2026-04-23T20:22:02","slug":"contacto-2","status":"publish","type":"page","link":"https:\/\/gasolina.com\/en\/contacto-2\/","title":{"rendered":"Contacto-2"},"content":{"rendered":"\n
\n\n\n\n\n\nContacto \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 \/* ===== NAV ===== *\/\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 }\n .nav__cta:hover{background:var(--deep-berry);color:var(--warm-cream);}\n\n \/* ===== HERO ===== *\/\n .hero{\n position:relative;\n padding:180px 48px 100px;\n background:\n radial-gradient(ellipse at 80% 15%, var(--lavender-blush) 0%, transparent 55%),\n radial-gradient(ellipse at 5% 90%, var(--soft-pink) 0%, transparent 50%),\n var(--warm-cream);\n overflow:hidden;\n text-align:center;\n }\n .hero__inner{\n max-width:980px;margin:0 auto;position:relative;\n }\n .hero__meta{\n position:absolute;top:0;right:48px;\n font-size:10px;letter-spacing:.35em;text-transform:uppercase;\n color:var(--muted-ink);writing-mode:vertical-rl;opacity:.6;\n }\n .hero__ornament{\n font-family:var(--font-display);\n font-size:40px;color:var(--blush-rose);\n font-style:italic;margin-bottom:28px;line-height:1;\n }\n .hero__eyebrow{\n font-size:11px;letter-spacing:.4em;text-transform:uppercase;\n color:var(--deep-berry);margin-bottom:32px;\n display:inline-flex;align-items:center;gap:16px;\n }\n .hero__eyebrow::before,.hero__eyebrow::after{\n content:'';width:40px;height:1px;background:var(--deep-berry);\n }\n .hero__title{\n font-family:var(--font-display);\n font-size:clamp(52px, 7vw, 104px);\n font-weight:300;line-height:.98;letter-spacing:-.02em;\n color:var(--soft-black);margin-bottom:32px;\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__lead{\n font-family:var(--font-serif);\n font-size:24px;font-weight:300;line-height:1.5;\n color:var(--muted-ink);max-width:640px;\n margin:0 auto;font-style:italic;\n }\n\n \/* ===== CONTACT BLOCK ===== *\/\n .contact{\n padding:120px 48px;\n background:var(--warm-cream);\n position:relative;\n }\n .contact__inner{\n max-width:1320px;margin:0 auto;\n display:grid;\n grid-template-columns:1.4fr .8fr;\n gap:120px;\n align-items:start;\n }\n\n \/* ===== FORM ===== *\/\n .form-section{\n position:relative;\n }\n .form-label{\n font-size:10px;letter-spacing:.4em;text-transform:uppercase;\n color:var(--deep-berry);margin-bottom:28px;font-weight:400;\n }\n .form-label::before{\n content:'';display:inline-block;width:40px;height:1px;\n background:var(--deep-berry);vertical-align:middle;margin-right:12px;\n }\n .form-title{\n font-family:var(--font-display);\n font-size:clamp(32px, 3.8vw, 52px);\n font-weight:300;line-height:1.05;letter-spacing:-.015em;\n color:var(--soft-black);margin-bottom:20px;\n }\n .form-title em{font-style:italic;color:var(--blush-rose);}\n .form-intro{\n font-family:var(--font-serif);\n font-size:18px;line-height:1.6;font-style:italic;\n color:var(--muted-ink);margin-bottom:56px;max-width:520px;\n }\n\n .form{display:flex;flex-direction:column;gap:36px;}\n .form__row{\n display:grid;grid-template-columns:1fr 1fr;gap:32px;\n }\n .form__field{\n display:flex;flex-direction:column;gap:10px;\n position:relative;\n }\n .form__label{\n font-family:var(--font-serif);\n font-style:italic;\n font-size:15px;\n color:var(--deep-berry);\n letter-spacing:.02em;\n display:flex;align-items:center;gap:6px;\n }\n .form__label .req{\n color:var(--blush-rose);font-style:normal;font-size:12px;\n }\n .form__label .optional{\n font-size:11px;color:var(--muted-ink);opacity:.6;\n letter-spacing:.15em;text-transform:uppercase;font-style:normal;\n margin-left:auto;\n }\n .form__input,\n .form__textarea,\n .form__select{\n font-family:var(--font-sans);\n font-size:16px;font-weight:300;\n color:var(--soft-black);\n background:transparent;\n border:none;\n border-bottom:1px solid rgba(133,14,53,.25);\n padding:12px 0;\n transition:border-color .4s ease;\n outline:none;\n width:100%;\n }\n .form__input:focus,\n .form__textarea:focus,\n .form__select:focus{\n border-bottom-color:var(--deep-berry);\n }\n .form__input::placeholder,\n .form__textarea::placeholder{\n color:var(--muted-ink);opacity:.4;\n font-family:var(--font-serif);font-style:italic;\n }\n .form__textarea{\n resize:vertical;\n min-height:120px;\n line-height:1.6;\n }\n .form__select{\n appearance:none;\n background-image:url(\"data:image\/svg+xml;charset=utf-8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%23850E35' stroke-width='1' fill='none' stroke-linecap='round'\/><\/svg>\");\n background-repeat:no-repeat;\n background-position:right 2px center;\n padding-right:24px;\n cursor:pointer;\n }\n .form__select option{\n font-family:var(--font-sans);\n background:var(--warm-cream);\n color:var(--soft-black);\n padding:8px;\n }\n\n .form__error{\n font-family:var(--font-serif);\n font-style:italic;font-size:12px;\n color:var(--deep-berry);\n opacity:0;transform:translateY(-4px);\n transition:all .3s ease;\n pointer-events:none;\n }\n .form__field.invalid .form__input,\n .form__field.invalid .form__textarea,\n .form__field.invalid .form__select{\n border-bottom-color:var(--deep-berry);\n border-bottom-width:2px;\n }\n .form__field.invalid .form__error{\n opacity:1;transform:translateY(0);\n }\n\n .form__checkbox{\n display:flex;align-items:flex-start;gap:14px;\n cursor:pointer;\n padding:4px 0;\n }\n .form__checkbox input{\n appearance:none;\n width:18px;height:18px;\n border:1px solid var(--deep-berry);\n background:transparent;\n cursor:pointer;\n position:relative;\n flex-shrink:0;\n margin-top:3px;\n transition:all .3s ease;\n }\n .form__checkbox input:checked{\n background:var(--deep-berry);\n }\n .form__checkbox input:checked::after{\n content:'';\n position:absolute;\n top:2px;left:5px;\n width:5px;height:10px;\n border:solid var(--warm-cream);\n border-width:0 1.5px 1.5px 0;\n transform:rotate(45deg);\n }\n .form__checkbox span{\n font-family:var(--font-serif);\n font-size:15px;font-style:italic;line-height:1.5;\n color:var(--muted-ink);\n }\n\n .form__honeypot{\n position:absolute;\n left:-9999px;opacity:0;\n pointer-events:none;\n }\n\n .form__submit{\n display:inline-flex;align-items:center;gap:14px;\n padding:20px 40px;\n background:var(--deep-berry);\n color:var(--warm-cream);\n font-family:var(--font-sans);\n font-size:11px;letter-spacing:.28em;text-transform:uppercase;\n border:none;cursor:pointer;\n transition:all .4s ease;\n position:relative;overflow:hidden;\n align-self:flex-start;\n margin-top:8px;\n }\n .form__submit::before{\n content:'';position:absolute;inset:0;\n background:var(--soft-black);\n transform:translateY(101%);\n transition:transform .5s cubic-bezier(.7,0,.2,1);\n }\n .form__submit span{position:relative;z-index:1;}\n .form__submit:hover::before{transform:translateY(0);}\n .form__submit .arrow{\n position:relative;z-index:1;transition:transform .4s ease;\n }\n .form__submit:hover .arrow{transform:translateX(6px);}\n .form__submit:disabled{opacity:.6;cursor:not-allowed;}\n\n \/* ===== INFO COLUMN ===== *\/\n .info{\n position:sticky;\n top:120px;\n padding:48px;\n background:var(--lavender-blush);\n border:1px solid rgba(133,14,53,.1);\n position:relative;\n }\n .info__ornament{\n position:absolute;\n top:-18px;left:48px;\n background:var(--warm-cream);\n padding:4px 14px;\n font-family:var(--font-display);\n font-style:italic;font-size:14px;\n color:var(--deep-berry);\n border:1px solid rgba(133,14,53,.15);\n }\n .info__label{\n font-size:10px;letter-spacing:.4em;text-transform:uppercase;\n color:var(--deep-berry);margin-bottom:28px;margin-top:12px;\n font-weight:400;\n }\n .info__title{\n font-family:var(--font-display);\n font-size:28px;font-weight:300;line-height:1.15;\n color:var(--soft-black);margin-bottom:40px;\n letter-spacing:-.01em;\n }\n .info__title em{font-style:italic;color:var(--deep-berry);}\n\n .info__item{\n padding:20px 0;\n border-bottom:1px solid rgba(133,14,53,.12);\n }\n .info__item:first-of-type{padding-top:0;}\n .info__item:last-of-type{border-bottom:none;padding-bottom:0;}\n .info__item-label{\n font-size:10px;letter-spacing:.3em;text-transform:uppercase;\n color:var(--blush-rose);margin-bottom:8px;font-weight:400;\n }\n .info__item-value{\n font-family:var(--font-display);\n font-size:18px;font-weight:400;\n color:var(--soft-black);\n transition:color .3s ease;\n }\n .info__item-value a{\n transition:color .3s ease;\n }\n .info__item-value a:hover{color:var(--deep-berry);}\n .info__item-note{\n font-family:var(--font-serif);\n font-size:14px;font-style:italic;line-height:1.5;\n color:var(--muted-ink);margin-top:4px;\n }\n\n .info__socials{\n display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;\n }\n .info__social{\n font-family:var(--font-sans);\n font-size:11px;letter-spacing:.2em;text-transform:uppercase;\n padding:8px 14px;\n border:1px solid var(--deep-berry);\n color:var(--deep-berry);\n transition:all .3s ease;\n display:inline-flex;align-items:center;gap:6px;\n }\n .info__social:hover{\n background:var(--deep-berry);color:var(--warm-cream);\n }\n .info__social::before{\n content:'\u2726';font-size:9px;opacity:.6;\n }\n\n .info__hours{\n margin-top:32px;padding:20px;\n background:rgba(255,245,228,.6);\n border-left:2px solid var(--blush-rose);\n }\n .info__hours-label{\n font-size:10px;letter-spacing:.3em;text-transform:uppercase;\n color:var(--blush-rose);margin-bottom:6px;\n }\n .info__hours-value{\n font-family:var(--font-serif);\n font-style:italic;font-size:16px;line-height:1.5;\n color:var(--soft-black);\n }\n\n \/* ===== SCHEDULE BLOCK ===== *\/\n .schedule{\n padding:140px 48px;\n background:var(--deep-berry);\n color:var(--warm-cream);\n position:relative;\n overflow:hidden;\n }\n .schedule::before{\n content:'';position:absolute;inset:40px;\n border:1px solid rgba(255,245,228,.15);pointer-events:none;\n }\n .schedule__inner{\n max-width:1100px;margin:0 auto;position:relative;\n display:grid;grid-template-columns:1fr .85fr;\n gap:80px;align-items:center;\n }\n .schedule__label{\n font-size:10px;letter-spacing:.4em;text-transform:uppercase;\n color:var(--blush-rose);margin-bottom:24px;\n }\n .schedule__label::before{\n content:'';display:inline-block;width:40px;height:1px;\n background:var(--blush-rose);vertical-align:middle;margin-right:12px;\n }\n .schedule__title{\n font-family:var(--font-display);\n font-size:clamp(36px, 4.5vw, 64px);\n font-weight:300;line-height:1.05;letter-spacing:-.015em;\n color:var(--warm-cream);margin-bottom:24px;\n }\n .schedule__title em{font-style:italic;color:var(--soft-pink);}\n .schedule__desc{\n font-family:var(--font-serif);\n font-size:19px;font-style:italic;line-height:1.6;\n color:var(--lavender-blush);margin-bottom:40px;\n }\n .schedule__meta{\n display:flex;gap:32px;flex-wrap:wrap;\n margin-bottom:40px;\n }\n .schedule__meta-item{\n font-family:var(--font-sans);\n font-size:13px;letter-spacing:.05em;\n color:var(--lavender-blush);\n display:flex;align-items:center;gap:10px;\n }\n .schedule__meta-item::before{\n content:'\u2766';font-family:var(--font-display);\n color:var(--soft-pink);font-size:12px;\n }\n .schedule__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 .schedule__btn:hover{\n background:var(--soft-pink);\n transform:translateY(-2px);\n }\n\n \/* Calendar visual mockup *\/\n .schedule__calendar{\n background:var(--warm-cream);color:var(--soft-black);\n padding:32px;\n position:relative;\n }\n .schedule__calendar::before{\n content:'';position:absolute;\n top:-8px;left:-8px;right:16px;bottom:16px;\n border:1px solid rgba(255,245,228,.3);\n z-index:-1;\n }\n .schedule__cal-header{\n display:flex;justify-content:space-between;align-items:center;\n padding-bottom:20px;\n border-bottom:1px solid rgba(133,14,53,.15);\n margin-bottom:20px;\n }\n .schedule__cal-month{\n font-family:var(--font-display);\n font-size:20px;font-style:italic;\n color:var(--deep-berry);\n }\n .schedule__cal-arrows{display:flex;gap:12px;}\n .schedule__cal-arrow{\n width:30px;height:30px;\n border:1px solid rgba(133,14,53,.3);\n display:flex;align-items:center;justify-content:center;\n color:var(--deep-berry);cursor:pointer;\n transition:all .3s;font-size:12px;\n }\n .schedule__cal-arrow:hover{background:var(--deep-berry);color:var(--warm-cream);}\n .schedule__cal-days{\n display:grid;grid-template-columns:repeat(7,1fr);\n gap:4px;\n }\n .schedule__cal-weekday{\n font-size:10px;letter-spacing:.1em;text-transform:uppercase;\n color:var(--muted-ink);opacity:.7;\n text-align:center;padding:8px 0;\n font-weight:400;\n }\n .schedule__cal-day{\n font-family:var(--font-display);\n font-size:13px;\n aspect-ratio:1;\n display:flex;align-items:center;justify-content:center;\n color:var(--soft-black);\n cursor:pointer;\n transition:all .2s;\n position:relative;\n }\n .schedule__cal-day.muted{opacity:.3;}\n .schedule__cal-day.available{\n background:var(--lavender-blush);\n color:var(--deep-berry);font-weight:500;\n }\n .schedule__cal-day.available:hover{\n background:var(--blush-rose);color:var(--warm-cream);\n }\n .schedule__cal-day.today{\n border:1px solid var(--deep-berry);font-weight:500;\n }\n .schedule__cal-legend{\n margin-top:20px;padding-top:16px;\n border-top:1px solid rgba(133,14,53,.1);\n display:flex;gap:20px;\n font-size:11px;color:var(--muted-ink);\n }\n .schedule__cal-legend-item{display:flex;align-items:center;gap:8px;}\n .schedule__cal-legend-dot{\n width:10px;height:10px;\n background:var(--lavender-blush);\n }\n\n \/* ===== FAQ ===== *\/\n .faq{\n padding:140px 48px;\n background:var(--warm-cream);\n }\n .faq__inner{\n max-width:1100px;margin:0 auto;\n }\n .faq__header{\n text-align:center;margin-bottom:80px;\n }\n .faq__label{\n font-size:10px;letter-spacing:.4em;text-transform:uppercase;\n color:var(--deep-berry);margin-bottom:24px;\n display:inline-flex;align-items:center;gap:16px;\n }\n .faq__label::before,.faq__label::after{\n content:'';width:40px;height:1px;background:var(--deep-berry);\n }\n .faq__title{\n font-family:var(--font-display);\n font-size:clamp(36px, 4.5vw, 64px);\n font-weight:300;line-height:1.05;letter-spacing:-.015em;\n color:var(--soft-black);margin-bottom:20px;\n }\n .faq__title em{font-style:italic;color:var(--blush-rose);}\n .faq__subtitle{\n font-family:var(--font-serif);\n font-style:italic;font-size:19px;line-height:1.5;\n color:var(--muted-ink);max-width:600px;margin:0 auto;\n }\n\n .faq__list{\n display:flex;flex-direction:column;gap:0;\n }\n .faq__item{\n border-top:1px solid rgba(133,14,53,.15);\n transition:all .3s ease;\n }\n .faq__item:last-child{border-bottom:1px solid rgba(133,14,53,.15);}\n .faq__question{\n width:100%;\n padding:32px 0;\n display:flex;justify-content:space-between;align-items:baseline;\n gap:40px;\n background:transparent;border:none;\n cursor:pointer;text-align:left;\n font-family:var(--font-display);\n font-size:clamp(22px, 2.2vw, 30px);\n font-weight:300;font-style:italic;\n color:var(--soft-black);\n letter-spacing:-.01em;line-height:1.25;\n transition:all .3s ease;\n }\n .faq__question:hover{color:var(--deep-berry);padding-left:8px;}\n .faq__item.open .faq__question{color:var(--deep-berry);}\n .faq__num{\n font-family:var(--font-display);font-style:italic;\n font-size:14px;color:var(--blush-rose);\n flex-shrink:0;\n }\n .faq__toggle{\n width:36px;height:36px;border-radius:50%;\n border:1px solid var(--deep-berry);\n display:flex;align-items:center;justify-content:center;\n color:var(--deep-berry);flex-shrink:0;\n font-size:16px;font-weight:300;\n transition:all .4s ease;\n font-style:normal;\n margin-left:auto;\n }\n .faq__item.open .faq__toggle{\n background:var(--deep-berry);color:var(--warm-cream);\n transform:rotate(45deg);\n }\n .faq__answer{\n max-height:0;overflow:hidden;\n transition:max-height .5s cubic-bezier(.2,.8,.2,1);\n }\n .faq__item.open .faq__answer{max-height:500px;}\n .faq__answer-inner{\n padding:0 0 36px 0;\n font-family:var(--font-serif);\n font-size:18px;line-height:1.7;\n color:var(--muted-ink);\n max-width:760px;\n }\n .faq__answer-inner p{margin-bottom:12px;}\n\n \/* ===== ORNAMENT FOOTER BLOCK ===== *\/\n .ornament-block{\n padding:140px 48px;\n background:var(--soft-beige);\n text-align:center;\n position:relative;\n }\n .ornament-block__symbol{\n font-family:var(--font-display);\n font-size:80px;color:var(--blush-rose);\n font-style:italic;line-height:1;margin-bottom:32px;\n }\n .ornament-block__line{\n width:1px;height:80px;\n background:linear-gradient(to bottom, transparent, var(--blush-rose), transparent);\n margin:0 auto 40px;\n }\n .ornament-block__text{\n font-family:var(--font-display);\n font-size:clamp(28px, 3.5vw, 44px);\n font-weight:300;font-style:italic;line-height:1.3;\n color:var(--deep-berry);\n max-width:820px;margin:0 auto 24px;\n letter-spacing:-.015em;\n }\n .ornament-block__sign{\n font-family:var(--font-sans);\n font-size:11px;letter-spacing:.35em;text-transform:uppercase;\n color:var(--muted-ink);\n }\n .ornament-block__sign::before,.ornament-block__sign::after{\n content:'\u2014';margin:0 12px;color:var(--blush-rose);\n }\n\n \/* ===== SUCCESS MODAL ===== *\/\n .success-modal{\n position:fixed;inset:0;z-index:200;\n background:rgba(26,26,26,.85);\n backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);\n display:flex;align-items:center;justify-content:center;\n padding:24px;\n opacity:0;pointer-events:none;\n transition:opacity .5s ease;\n }\n .success-modal.show{opacity:1;pointer-events:auto;}\n .success-modal__box{\n background:var(--warm-cream);\n max-width:560px;width:100%;\n padding:60px 48px;\n text-align:center;\n position:relative;\n transform:translateY(30px);\n transition:transform .5s cubic-bezier(.2,.8,.2,1);\n }\n .success-modal.show .success-modal__box{transform:translateY(0);}\n .success-modal__box::before{\n content:'';position:absolute;inset:12px;\n border:1px solid var(--blush-rose);opacity:.3;\n pointer-events:none;\n }\n .success-modal__ornament{\n font-family:var(--font-display);\n font-size:60px;color:var(--blush-rose);\n font-style:italic;margin-bottom:24px;line-height:1;\n }\n .success-modal__title{\n font-family:var(--font-display);\n font-size:40px;font-weight:300;font-style:italic;\n color:var(--deep-berry);margin-bottom:20px;letter-spacing:-.01em;\n line-height:1.15;\n }\n .success-modal__text{\n font-family:var(--font-serif);\n font-size:18px;line-height:1.6;font-style:italic;\n color:var(--muted-ink);margin-bottom:36px;\n }\n .success-modal__close{\n font-family:var(--font-sans);\n font-size:11px;letter-spacing:.25em;text-transform:uppercase;\n padding:14px 32px;\n background:var(--deep-berry);color:var(--warm-cream);\n border:none;cursor:pointer;\n transition:all .3s ease;\n }\n .success-modal__close:hover{background:var(--soft-black);}\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 980px){\n .nav{padding:20px 24px;}\n .nav__menu{display:none;}\n .hero{padding:130px 24px 70px;}\n .hero__meta{display:none;}\n .contact, .schedule, .faq, .ornament-block{padding:80px 24px;}\n .contact__inner{grid-template-columns:1fr;gap:60px;}\n .info{position:static;padding:40px 32px;}\n .form__row{grid-template-columns:1fr;gap:36px;}\n .schedule__inner{grid-template-columns:1fr;gap:48px;}\n .schedule__calendar{padding:24px;}\n .faq__question{font-size:20px;}\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=\"\/servicios\">Servicios<\/a><\/li>\n <li><a href=\"\/portafolio\">Portafolio<\/a><\/li>\n <li><a href=\"#\" class=\"active\">Contacto<\/a><\/li>\n <\/ul>\n <button class=\"nav__cta\">Agendar Cita<\/button>\n<\/nav>\n\n<!-- HERO -->\n<section class=\"hero\">\n <div class=\"hero__inner\">\n <div class=\"hero__meta\">Contacto \u00b7 Vol. I \u00b7 2026<\/div>\n <div class=\"hero__ornament\">\u2766<\/div>\n <div class=\"hero__eyebrow\">Escr\u00edbenos una carta<\/div>\n <h1 class=\"hero__title\">\n Conversemos<br>\n sobre <em>tu libro.<\/em>\n <\/h1>\n <p class=\"hero__lead\">\n Cu\u00e9ntanos tu visi\u00f3n, tu etapa, tu historia. Te escribimos con cuidado y pronto \u2014 como si te contestara un editor que ya conoce tu obra.\n <\/p>\n <\/div>\n<\/section>\n\n<!-- CONTACT BLOCK -->\n<section class=\"contact\">\n <div class=\"contact__inner\">\n\n <!-- FORM -->\n <div class=\"form-section\">\n <div class=\"form-label\">Carta abierta<\/div>\n <h2 class=\"form-title\">Escr\u00edbenos, <em>con calma.<\/em><\/h2>\n <p class=\"form-intro\">\n No hay respuesta equivocada. Cu\u00e9ntanos lo que sientas \u2014 con tantos detalles como quieras \u2014 y conversamos desde ah\u00ed.\n <\/p>\n\n <form class=\"form\" id=\"contactForm\" novalidate>\n\n <!-- Honeypot -->\n <div class=\"form__honeypot\" aria-hidden=\"true\">\n <label>No llenar este campo<\/label>\n <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\">\n <\/div>\n\n <div class=\"form__row\">\n <div class=\"form__field\" data-field=\"name\">\n <label class=\"form__label\" for=\"name\">\n Nombre completo <span class=\"req\">*<\/span>\n <\/label>\n <input class=\"form__input\" type=\"text\" id=\"name\" name=\"name\" placeholder=\"C\u00f3mo te llamas\" required>\n <div class=\"form__error\">Nos gustar\u00eda saber tu nombre.<\/div>\n <\/div>\n <div class=\"form__field\" data-field=\"email\">\n <label class=\"form__label\" for=\"email\">\n Email <span class=\"req\">*<\/span>\n <\/label>\n <input class=\"form__input\" type=\"email\" id=\"email\" name=\"email\" placeholder=\"tu@correo.com\" required>\n <div class=\"form__error\">Revisa tu correo, por favor.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"form__row\">\n <div class=\"form__field\" data-field=\"phone\">\n <label class=\"form__label\" for=\"phone\">\n Tel\u00e9fono \/ WhatsApp <span class=\"optional\">Opcional<\/span>\n <\/label>\n <input class=\"form__input\" type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+1 000 000 0000\">\n <\/div>\n <div class=\"form__field\" data-field=\"project\">\n <label class=\"form__label\" for=\"project\">\n Tipo de proyecto <span class=\"req\">*<\/span>\n <\/label>\n <select class=\"form__select\" id=\"project\" name=\"project\" required>\n <option value=\"\">Elige uno<\/option>\n <option value=\"libro-nuevo\">Libro nuevo<\/option>\n <option value=\"relanzamiento\">Relanzamiento<\/option>\n <option value=\"portada\">Dise\u00f1o de portada<\/option>\n <option value=\"web\">P\u00e1gina web<\/option>\n <option value=\"branding\">Branding de autor<\/option>\n <option value=\"otro\">Otro<\/option>\n <\/select>\n <div class=\"form__error\">Cu\u00e9ntanos qu\u00e9 tipo de proyecto.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"form__field\" data-field=\"stage\">\n <label class=\"form__label\" for=\"stage\">\n Etapa actual <span class=\"req\">*<\/span>\n <\/label>\n <select class=\"form__select\" id=\"stage\" name=\"stage\" required>\n <option value=\"\">\u00bfD\u00f3nde est\u00e1s hoy?<\/option>\n <option value=\"idea\">Solo tengo la idea<\/option>\n <option value=\"proceso\">Manuscrito en proceso<\/option>\n <option value=\"terminado\">Manuscrito terminado<\/option>\n <option value=\"publicado\">Ya publiqu\u00e9<\/option>\n <\/select>\n <div class=\"form__error\">Ind\u00edcanos tu etapa actual.<\/div>\n <\/div>\n\n <div class=\"form__field\" data-field=\"message\">\n <label class=\"form__label\" for=\"message\">\n \u00bfEn qu\u00e9 podemos acompa\u00f1arte? <span class=\"req\">*<\/span>\n <\/label>\n <textarea class=\"form__textarea\" id=\"message\" name=\"message\" placeholder=\"Cu\u00e9ntanos tu visi\u00f3n, tus dudas, tus tiempos \u2014 lo que necesites compartir.\" required><\/textarea>\n <div class=\"form__error\">Escribe al menos unas l\u00edneas para entender mejor.<\/div>\n <\/div>\n\n <div class=\"form__field\" data-field=\"source\">\n <label class=\"form__label\" for=\"source\">\n \u00bfC\u00f3mo nos conociste? <span class=\"optional\">Opcional<\/span>\n <\/label>\n <select class=\"form__select\" id=\"source\" name=\"source\">\n <option value=\"\">Elige una opci\u00f3n<\/option>\n <option value=\"instagram\">Instagram<\/option>\n <option value=\"pinterest\">Pinterest<\/option>\n <option value=\"google\">Google<\/option>\n <option value=\"recomendacion\">Recomendaci\u00f3n de alguien<\/option>\n <option value=\"evento\">Un evento o taller<\/option>\n <option value=\"otro\">Otro<\/option>\n <\/select>\n <\/div>\n\n <label class=\"form__checkbox\">\n <input type=\"checkbox\" id=\"consent\" name=\"consent\" required>\n <span>Acepto que Faith & Bloom Co. me contacte por email con informaci\u00f3n sobre mi consulta.<\/span>\n <\/label>\n\n <button type=\"submit\" class=\"form__submit\">\n <span>Enviar mensaje<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/button>\n <\/form>\n <\/div>\n\n <!-- INFO -->\n <aside class=\"info\">\n <div class=\"info__ornament\">\u2766 Otras formas<\/div>\n <div class=\"info__label\">Encu\u00e9ntranos<\/div>\n <h3 class=\"info__title\">\n Prefieres escribir <em>directo<\/em> \u2014 aqu\u00ed estamos.\n <\/h3>\n\n <div class=\"info__item\">\n <div class=\"info__item-label\">Correo editorial<\/div>\n <div class=\"info__item-value\">\n <a href=\"mailto:hola@faithandbloom.co\">hola@faithandbloom.co<\/a>\n <\/div>\n <div class=\"info__item-note\">Para consultas, propuestas y colaboraciones.<\/div>\n <\/div>\n\n <div class=\"info__item\">\n <div class=\"info__item-label\">WhatsApp<\/div>\n <div class=\"info__item-value\">\n <a href=\"https:\/\/wa.me\/\" target=\"_blank\">+1 000 000 0000<\/a>\n <\/div>\n <div class=\"info__item-note\">De lunes a viernes, en horario laboral.<\/div>\n <\/div>\n\n <div class=\"info__item\">\n <div class=\"info__item-label\">Redes sociales<\/div>\n <div class=\"info__socials\">\n <a href=\"#\" class=\"info__social\" target=\"_blank\">Instagram<\/a>\n <a href=\"#\" class=\"info__social\" target=\"_blank\">Pinterest<\/a>\n <a href=\"#\" class=\"info__social\" target=\"_blank\">LinkedIn<\/a>\n <\/div>\n <\/div>\n\n <div class=\"info__item\">\n <div class=\"info__item-label\">Ubicaci\u00f3n<\/div>\n <div class=\"info__item-value\" style=\"font-size:16px;font-style:italic;\">\n Desde Puerto Rico, al mundo.\n <\/div>\n <\/div>\n\n <div class=\"info__hours\">\n <div class=\"info__hours-label\">Horario de respuesta<\/div>\n <div class=\"info__hours-value\">\n Respondemos en 24-48 horas h\u00e1biles, con cuidado.\n <\/div>\n <\/div>\n <\/aside>\n\n <\/div>\n<\/section>\n\n<!-- SCHEDULE BLOCK -->\n<section class=\"schedule\">\n <div class=\"schedule__inner\">\n <div>\n <div class=\"schedule__label\">Otra opci\u00f3n<\/div>\n <h2 class=\"schedule__title\">\n \u00bfPrefieres agendar<br>\n una <em>llamada?<\/em>\n <\/h2>\n <p class=\"schedule__desc\">\n Consulta gratuita de 30 minutos. Sin compromiso, sin plantillas \u2014 una conversaci\u00f3n real sobre tu proyecto y qu\u00e9 necesita.\n <\/p>\n <div class=\"schedule__meta\">\n <div class=\"schedule__meta-item\">30 minutos<\/div>\n <div class=\"schedule__meta-item\">Google Meet o Zoom<\/div>\n <div class=\"schedule__meta-item\">Sin costo<\/div>\n <\/div>\n <a href=\"\/agendar\" class=\"schedule__btn\">\n Ver disponibilidad \u2192\n <\/a>\n <\/div>\n\n <!-- Calendar mockup -->\n <div class=\"schedule__calendar\">\n <div class=\"schedule__cal-header\">\n <div class=\"schedule__cal-month\">Abril, 2026<\/div>\n <div class=\"schedule__cal-arrows\">\n <div class=\"schedule__cal-arrow\">\u2039<\/div>\n <div class=\"schedule__cal-arrow\">\u203a<\/div>\n <\/div>\n <\/div>\n <div class=\"schedule__cal-days\">\n <div class=\"schedule__cal-weekday\">L<\/div>\n <div class=\"schedule__cal-weekday\">M<\/div>\n <div class=\"schedule__cal-weekday\">M<\/div>\n <div class=\"schedule__cal-weekday\">J<\/div>\n <div class=\"schedule__cal-weekday\">V<\/div>\n <div class=\"schedule__cal-weekday\">S<\/div>\n <div class=\"schedule__cal-weekday\">D<\/div>\n\n <div class=\"schedule__cal-day muted\">30<\/div>\n <div class=\"schedule__cal-day muted\">31<\/div>\n <div class=\"schedule__cal-day\">1<\/div>\n <div class=\"schedule__cal-day\">2<\/div>\n <div class=\"schedule__cal-day available\">3<\/div>\n <div class=\"schedule__cal-day muted\">4<\/div>\n <div class=\"schedule__cal-day muted\">5<\/div>\n\n <div class=\"schedule__cal-day available\">6<\/div>\n <div class=\"schedule__cal-day available\">7<\/div>\n <div class=\"schedule__cal-day\">8<\/div>\n <div class=\"schedule__cal-day available\">9<\/div>\n <div class=\"schedule__cal-day available\">10<\/div>\n <div class=\"schedule__cal-day muted\">11<\/div>\n <div class=\"schedule__cal-day muted\">12<\/div>\n\n <div class=\"schedule__cal-day available\">13<\/div>\n <div class=\"schedule__cal-day\">14<\/div>\n <div class=\"schedule__cal-day available\">15<\/div>\n <div class=\"schedule__cal-day\">16<\/div>\n <div class=\"schedule__cal-day available\">17<\/div>\n <div class=\"schedule__cal-day muted\">18<\/div>\n <div class=\"schedule__cal-day muted\">19<\/div>\n\n <div class=\"schedule__cal-day available\">20<\/div>\n <div class=\"schedule__cal-day available\">21<\/div>\n <div class=\"schedule__cal-day today\">22<\/div>\n <div class=\"schedule__cal-day available\">23<\/div>\n <div class=\"schedule__cal-day available\">24<\/div>\n <div class=\"schedule__cal-day muted\">25<\/div>\n <div class=\"schedule__cal-day muted\">26<\/div>\n\n <div class=\"schedule__cal-day\">27<\/div>\n <div class=\"schedule__cal-day available\">28<\/div>\n <div class=\"schedule__cal-day available\">29<\/div>\n <div class=\"schedule__cal-day\">30<\/div>\n <div class=\"schedule__cal-day muted\">1<\/div>\n <div class=\"schedule__cal-day muted\">2<\/div>\n <div class=\"schedule__cal-day muted\">3<\/div>\n <\/div>\n <div class=\"schedule__cal-legend\">\n <div class=\"schedule__cal-legend-item\">\n <div class=\"schedule__cal-legend-dot\"><\/div>\n Disponible\n <\/div>\n <div class=\"schedule__cal-legend-item\">\n <div class=\"schedule__cal-legend-dot\" style=\"border:1px solid var(--deep-berry);background:transparent;\"><\/div>\n Hoy\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- FAQ -->\n<section class=\"faq\">\n <div class=\"faq__inner\">\n <div class=\"faq__header\">\n <div class=\"faq__label\">Antes de escribirnos<\/div>\n <h2 class=\"faq__title\">\n Quiz\u00e1 <em>esto<\/em> responde tu duda.\n <\/h2>\n <p class=\"faq__subtitle\">\n Las preguntas que m\u00e1s nos hacen. Si la tuya no est\u00e1, escr\u00edbenos \u2014 la contestamos con gusto.\n <\/p>\n <\/div>\n\n <div class=\"faq__list\">\n <div class=\"faq__item\">\n <button class=\"faq__question\">\n <span class=\"faq__num\">I<\/span>\n <span>\u00bfAtienden autores fuera del pa\u00eds?<\/span>\n <span class=\"faq__toggle\">+<\/span>\n <\/button>\n <div class=\"faq__answer\">\n <div class=\"faq__answer-inner\">\n <p>S\u00ed, trabajamos con autores de todo el mundo hispanohablante. Nuestro proceso es enteramente remoto \u2014 reuniones por Google Meet o Zoom, entregas digitales y seguimiento a trav\u00e9s del portal privado de cada cliente.<\/p>\n <p>Publicamos en Amazon KDP, que distribuye globalmente. No hay barrera geogr\u00e1fica para trabajar con nosotros.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq__item\">\n <button class=\"faq__question\">\n <span class=\"faq__num\">II<\/span>\n <span>\u00bfCu\u00e1nto tarda publicar un libro?<\/span>\n <span class=\"faq__toggle\">+<\/span>\n <\/button>\n <div class=\"faq__answer\">\n <div class=\"faq__answer-inner\">\n <p>Depende del servicio contratado y de los tiempos del autor. Como referencia: una publicaci\u00f3n full service con direcci\u00f3n creativa y portada puede tomar entre 6 y 12 semanas desde la entrega del manuscrito final.<\/p>\n <p>Si tu proyecto incluye ilustraciones personalizadas o una est\u00e9tica editorial avanzada, los tiempos se ajustan en una reuni\u00f3n estrat\u00e9gica inicial.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq__item\">\n <button class=\"faq__question\">\n <span class=\"faq__num\">III<\/span>\n <span>\u00bfTrabajan con autores primerizos?<\/span>\n <span class=\"faq__toggle\">+<\/span>\n <\/button>\n <div class=\"faq__answer\">\n <div class=\"faq__answer-inner\">\n <p>S\u00ed \u2014 y con especial cuidado. Muchos de nuestros autores publican por primera vez, y nuestra tarea es acompa\u00f1arlos en cada paso: desde entender qu\u00e9 es un ISBN hasta configurar una cuenta en Amazon KDP.<\/p>\n <p>No necesitas experiencia editorial previa para trabajar con nosotros. Solo tu manuscrito y tu visi\u00f3n.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq__item\">\n <button class=\"faq__question\">\n <span class=\"faq__num\">IV<\/span>\n <span>\u00bfPuedo contratar solo un servicio?<\/span>\n <span class=\"faq__toggle\">+<\/span>\n <\/button>\n <div class=\"faq__answer\">\n <div class=\"faq__answer-inner\">\n <p>Por supuesto. Todos nuestros servicios pueden contratarse individualmente \u2014 desde una edici\u00f3n b\u00e1sica hasta solo el dise\u00f1o de una portada o la campa\u00f1a de lanzamiento.<\/p>\n <p>Si contratas varios, considera nuestros paquetes curados: est\u00e1n dise\u00f1ados para salir m\u00e1s econ\u00f3micos que sumar servicios sueltos.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq__item\">\n <button class=\"faq__question\">\n <span class=\"faq__num\">V<\/span>\n <span>\u00bfOfrecen planes de pago?<\/span>\n <span class=\"faq__toggle\">+<\/span>\n <\/button>\n <div class=\"faq__answer\">\n <div class=\"faq__answer-inner\">\n <p>S\u00ed. Ofrecemos planes de pago flexibles para que el proceso sea accesible: 2, 3 o 6 cuotas sin inter\u00e9s seg\u00fan el servicio o paquete. Aceptamos tarjeta, PayPal y transferencia bancaria.<\/p>\n <p>Los detalles de pago se explican en la propuesta personalizada que recibes despu\u00e9s de la consulta inicial.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ORNAMENT BLOCK -->\n<section class=\"ornament-block\">\n <div class=\"ornament-block__symbol\">\u2766<\/div>\n <div class=\"ornament-block__line\"><\/div>\n <p class=\"ornament-block__text\">\n \u00abCada carta recibida es el principio<br>\n de una nueva historia editorial.\u00bb\n <\/p>\n <div class=\"ornament-block__sign\">Con fe, con oficio<\/div>\n<\/section>\n\n<!-- SUCCESS MODAL -->\n<div class=\"success-modal\" id=\"successModal\">\n <div class=\"success-modal__box\">\n <div class=\"success-modal__ornament\">\u2766<\/div>\n <h3 class=\"success-modal__title\" id=\"successTitle\">\n Gracias por escribirnos.\n <\/h3>\n <p class=\"success-modal__text\" id=\"successText\">\n Ya recibimos tu mensaje. Te escribimos pronto con cari\u00f1o \u2014 dentro de las pr\u00f3ximas 24 a 48 horas h\u00e1biles.\n <\/p>\n <button class=\"success-modal__close\" id=\"successClose\">Cerrar<\/button>\n <\/div>\n<\/div>\n\n<script>\n \/\/ ==== FAQ ACCORDION ====\n document.querySelectorAll('.faq__question').forEach(btn => {\n btn.addEventListener('click', () => {\n const item = btn.parentElement;\n const wasOpen = item.classList.contains('open');\n document.querySelectorAll('.faq__item').forEach(i => i.classList.remove('open'));\n if (!wasOpen) item.classList.add('open');\n });\n });\n\n \/\/ ==== FORM VALIDATION ====\n const form = document.getElementById('contactForm');\n const fields = ['name','email','phone','project','stage','message','source'];\n\n const validators = {\n name: v => v.trim().length >= 2,\n email: v => \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v.trim()),\n project: v => v !== '',\n stage: v => v !== '',\n message: v => v.trim().length >= 10,\n };\n\n function validateField(name) {\n const field = form.querySelector(`[data-field=\"${name}\"]`);\n if (!field) return true;\n const input = field.querySelector('input, textarea, select');\n if (!input || !validators[name]) return true;\n const valid = validators[name](input.value);\n field.classList.toggle('invalid', !valid);\n return valid;\n }\n\n \/\/ Real-time validation on blur\n fields.forEach(name => {\n const field = form.querySelector(`[data-field=\"${name}\"]`);\n if (!field) return;\n const input = field.querySelector('input, textarea, select');\n if (!input) return;\n input.addEventListener('blur', () => {\n if (input.value.trim() !== '' || input.required) validateField(name);\n });\n input.addEventListener('input', () => {\n if (field.classList.contains('invalid')) validateField(name);\n });\n });\n\n \/\/ Rate limit (simple client-side, 1 submit per 30 sec)\n let lastSubmit = 0;\n\n form.addEventListener('submit', (e) => {\n e.preventDefault();\n\n \/\/ Honeypot check\n if (form.querySelector('[name=\"website\"]').value !== '') return;\n\n \/\/ Rate limit\n const now = Date.now();\n if (now - lastSubmit < 30000) {\n alert('Espera un momento antes de enviar otro mensaje.');\n return;\n }\n\n \/\/ Validate required fields\n const toValidate = ['name','email','project','stage','message'];\n let allValid = true;\n toValidate.forEach(name => {\n if (!validateField(name)) allValid = false;\n });\n\n \/\/ Consent check\n const consent = document.getElementById('consent');\n if (!consent.checked) {\n allValid = false;\n consent.parentElement.style.color = 'var(--deep-berry)';\n } else {\n consent.parentElement.style.color = '';\n }\n\n if (!allValid) {\n \/\/ Scroll to first invalid field\n const firstInvalid = form.querySelector('.form__field.invalid');\n if (firstInvalid) firstInvalid.scrollIntoView({behavior:'smooth', block:'center'});\n return;\n }\n\n lastSubmit = now;\n\n \/\/ Here you would send the form data to the backend:\n \/\/ fetch('\/api\/contact', { method:'POST', body: new FormData(form) })\n\n \/\/ Show success modal with personalization\n const name = form.querySelector('[name=\"name\"]').value.trim().split(' ')[0];\n document.getElementById('successTitle').innerHTML =\n `Gracias, <em style=\"color:var(--blush-rose);\">${name}<\/em>.`;\n document.getElementById('successText').textContent =\n 'Ya recibimos tu mensaje. Te escribimos pronto con cari\u00f1o \u2014 dentro de las pr\u00f3ximas 24 a 48 horas h\u00e1biles.';\n document.getElementById('successModal').classList.add('show');\n\n \/\/ Reset form\n setTimeout(() => { form.reset(); }, 500);\n });\n\n \/\/ Close modal\n document.getElementById('successClose').addEventListener('click', () => {\n document.getElementById('successModal').classList.remove('show');\n });\n document.getElementById('successModal').addEventListener('click', (e) => {\n if (e.target.id === 'successModal') {\n document.getElementById('successModal').classList.remove('show');\n }\n });\n<\/script>\n\n<\/body>\n<\/html>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Contacto \u2014 Faith & Bloom Co. Faith & Bloom \u2014 Co. \u2014 Inicio Nosotros Servicios Portafolio Contacto Agendar Cita Contacto […]<\/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-351","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":"Contacto \u2014 Faith & Bloom Co. Faith & Bloom \u2014 Co. \u2014 Inicio Nosotros Servicios Portafolio Contacto Agendar Cita Contacto […]","_links":{"self":[{"href":"https:\/\/gasolina.com\/en\/wp-json\/wp\/v2\/pages\/351","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=351"}],"version-history":[{"count":1,"href":"https:\/\/gasolina.com\/en\/wp-json\/wp\/v2\/pages\/351\/revisions"}],"predecessor-version":[{"id":352,"href":"https:\/\/gasolina.com\/en\/wp-json\/wp\/v2\/pages\/351\/revisions\/352"}],"wp:attachment":[{"href":"https:\/\/gasolina.com\/en\/wp-json\/wp\/v2\/media?parent=351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}