{"id":624,"date":"2026-05-13T11:16:55","date_gmt":"2026-05-13T11:16:55","guid":{"rendered":"https:\/\/turquazhandcrafted.com\/?page_id=624"},"modified":"2026-05-25T10:27:04","modified_gmt":"2026-05-25T10:27:04","slug":"landing-turquaz","status":"publish","type":"page","link":"https:\/\/turquazhandcrafted.com\/en\/landing-turquaz\/","title":{"rendered":"Landing Turquaz"},"content":{"rendered":"\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&#038;family=Jost:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n    --turquoise: #4BBFB0;\n    --turquoise-deep: #2A8A7F;\n    --turquoise-light: #A8DDD8;\n    --turquoise-pale: #E8F7F6;\n    --sand: #F5EDD8;\n    --sand-dark: #E8D9B8;\n    --cream: #FAF7F0;\n    --stone: #C4B99A;\n    --petrol: #2C5F6A;\n    --petrol-dark: #1A3D46;\n    --petrol-deeper: #0F2830;\n    --gold: #C9A84C;\n    --gold-light: #E8D090;\n    --white-warm: #FDFAF4;\n    --text-dark: #1E2A2C;\n    --text-mid: #4A5568;\n    --text-light: #8A9BA0;\n    --font-display: 'Cormorant Garamond', serif;\n    --font-body: 'Jost', sans-serif;\n    --transition: 0.4s cubic-bezier(0.25,0.46,0.45,0.94);\n    --shadow-md: 0 8px 40px rgba(44,95,106,0.18);\n    --shadow-lg: 0 20px 60px rgba(44,95,106,0.25);\n  }\n\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  html { scroll-behavior: smooth; }\n  body {\n    font-family: var(--font-body);\n    background: var(--petrol-deeper);\n    color: var(--white-warm);\n    overflow-x: hidden;\n    min-height: 100vh;\n  }\n\n  \/* ===== HERO FULL BG ===== *\/\n  .page-hero {\n    position: relative;\n    min-height: 100vh;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n  }\n\n  .hero-bg {\n    position: absolute;\n    inset: 0;\n    background:\n      url('https:\/\/turquazhandcrafted.com\/wp-content\/uploads\/2026\/05\/talleres-hala.jpg')\n      center center \/ cover no-repeat;\n    transform: scale(1.04);\n    transition: transform 8s ease;\n  }\n  .hero-bg.loaded { transform: scale(1); }\n\n  .hero-overlay {\n    position: absolute;\n    inset: 0;\n    background:\n      linear-gradient(\n        to bottom,\n        rgba(15,40,48,0.55) 0%,\n        rgba(15,40,48,0.30) 40%,\n        rgba(15,40,48,0.72) 100%\n      );\n  }\n\n  .hero-overlay-teal {\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(\n      ellipse at 70% 30%,\n      rgba(75,191,176,0.12) 0%,\n      transparent 60%\n    );\n  }\n\n  \/* ===== HERO CONTENT ===== *\/\n  .hero-content {\n    position: relative; z-index: 2;\n    text-align: center;\n    padding: 8rem 2rem 4rem;\n    max-width: 760px;\n  }\n  .hero-eyebrow {\n    display: inline-flex; align-items: center; gap: 1rem;\n    font-family: var(--font-body);\n    font-size: 0.68rem; font-weight: 500;\n    letter-spacing: 0.3em; text-transform: uppercase;\n    color: var(--gold-light);\n    margin-bottom: 1.6rem;\n  }\n  .hero-eyebrow::before,\n  .hero-eyebrow::after {\n    content: ''; display: block;\n    width: 30px; height: 1px; background: var(--gold);\n  }\n  .hero-content h1 {\n    font-family: var(--font-display);\n    font-size: clamp(3rem, 7vw, 5.5rem);\n    font-weight: 300; line-height: 1.1;\n    color: var(--white-warm);\n    margin-bottom: 1.2rem;\n  }\n  .hero-content h1 em {\n    font-style: italic;\n    color: var(--turquoise-light);\n    display: block;\n  }\n  .hero-subtitle {\n    font-size: 1rem; font-weight: 300;\n    color: rgba(255,255,255,0.72);\n    line-height: 1.8; max-width: 520px;\n    margin: 0 auto 2.5rem;\n  }\n  .hero-badges {\n    display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;\n  }\n  .hero-badge {\n    padding: 0.45rem 1.1rem;\n    border: 1px solid rgba(255,255,255,0.25);\n    font-size: 0.68rem; font-weight: 500;\n    letter-spacing: 0.12em; text-transform: uppercase;\n    color: rgba(255,255,255,0.7);\n    backdrop-filter: blur(6px);\n    background: rgba(255,255,255,0.05);\n  }\n\n  \/* ===== MAIN SECTION ===== *\/\n  .main {\n    background: var(--cream);\n    color: var(--text-dark);\n  }\n\n  \/* ===== FORM SECTION ===== *\/\n  .form-section {\n    padding: 5rem 0 6rem;\n    background: var(--cream);\n    position: relative;\n  }\n  .form-section::before {\n    content: '';\n    position: absolute; top: 0; left: 0; right: 0;\n    height: 1px;\n    background: linear-gradient(to right, transparent, var(--sand-dark), transparent);\n  }\n\n  .form-wrap {\n    max-width: 760px; margin: 0 auto;\n    background: var(--white-warm);\n    box-shadow: var(--shadow-lg);\n    padding: 3.5rem;\n    position: relative;\n    overflow: hidden;\n  }\n  .form-wrap::before {\n    content: '';\n    position: absolute; top: 0; left: 0; right: 0; height: 4px;\n    background: linear-gradient(to right, var(--turquoise), var(--gold), var(--turquoise-deep));\n  }\n\n  .form-header {\n    margin-bottom: 2.5rem;\n  }\n  .form-header .eyebrow {\n    font-size: 0.68rem; font-weight: 500;\n    letter-spacing: 0.25em; text-transform: uppercase;\n    color: var(--turquoise-deep); margin-bottom: 0.8rem;\n    display: block;\n  }\n  .form-header h2 {\n    font-family: var(--font-display);\n    font-size: 2rem; font-weight: 300;\n    color: var(--petrol-dark); margin-bottom: 0.5rem;\n  }\n  .form-header p {\n    font-size: 0.88rem; color: var(--text-mid);\n  }\n\n  \/* Form fields *\/\n  .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; }\n  .form-group { margin-bottom: 0; }\n  .form-group--full { grid-column: 1 \/ -1; }\n\n  .form-group label,\n  .stepper__label {\n    display: block;\n    font-size: 0.68rem; font-weight: 500;\n    letter-spacing: 0.12em; text-transform: uppercase;\n    color: var(--turquoise-deep); margin-bottom: 0.5rem;\n  }\n  .form-group input[type=\"text\"],\n  .form-group input[type=\"email\"],\n  .form-group input[type=\"tel\"],\n  .form-group select,\n  .form-group textarea {\n    width: 100%; padding: 0.85rem 1rem;\n    background: var(--cream);\n    border: 1.5px solid var(--sand-dark);\n    color: var(--text-dark);\n    font-family: var(--font-body); font-size: 0.9rem;\n    outline: none; transition: var(--transition);\n    -webkit-appearance: none; appearance: none;\n  }\n  .form-group input::placeholder,\n  .form-group textarea::placeholder { color: var(--text-light); }\n  .form-group input:focus,\n  .form-group select:focus,\n  .form-group textarea:focus {\n    border-color: var(--turquoise);\n    background: var(--turquoise-pale);\n  }\n  .form-group input.error,\n  .form-group select.error,\n  .form-group textarea.error {\n    border-color: #e05555;\n    background: #fff5f5;\n  }\n  .form-group textarea { resize: vertical; min-height: 110px; }\n\n  .select-wrap { position: relative; }\n  .select-wrap::after {\n    content: '\u2193';\n    position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);\n    color: var(--text-light); font-size: 0.8rem; pointer-events: none;\n  }\n\n  \/* =========================================\n     PERSONAS STEPPER (Dise\u00f1o Horizontal)\n     ========================================= *\/\n  \n  \/* 1. Contenedor principal *\/\n  .stepper {\n    display: flex !important;\n    flex-direction: row !important;\n    align-items: center !important;\n    justify-content: space-between;\n    border: 1.5px solid var(--sand-dark) !important;\n    background: var(--cream) !important;\n    height: 48px !important;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  \/* 2. Ocultar los saltos de l\u00ednea autom\u00e1ticos de CF7 *\/\n  .stepper br {\n    display: none !important;\n  }\n\n  \/* 3. Botones de + y - *\/\n  .stepper__btn {\n    width: 48px !important; \n    height: 100% !important;\n    background: transparent !important;\n    border: none !important;\n    font-size: 1.4rem !important;\n    cursor: pointer;\n    color: var(--petrol) !important;\n    transition: var(--transition);\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    flex-shrink: 0; \n    padding: 0 !important;\n    margin: 0 !important;\n  }\n  \n  .stepper__btn:hover { \n    background: var(--sand) !important; \n  }\n\n  \/* 4. Contenedor span de CF7 *\/\n  .stepper .wpcf7-form-control-wrap {\n    flex: 1;\n    display: flex !important;\n    height: 100% !important;\n    align-items: center;\n    position: static !important;\n  }\n\n  \/* 5. El input num\u00e9rico real *\/\n  .stepper input.stepper__val {\n    width: 100% !important;\n    height: 100% !important;\n    text-align: center !important;\n    font-family: var(--font-display) !important; \n    font-size: 1.3rem !important;\n    color: var(--petrol-dark) !important; \n    border: none !important; \n    background: transparent !important; \n    outline: none !important;\n    box-shadow: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    -moz-appearance: textfield;\n  }\n\n  \/* Ocultar las flechas nativas del input number *\/\n  .stepper input.stepper__val::-webkit-outer-spin-button,\n  .stepper input.stepper__val::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n\n  \/* =========================================\n     CHECKBOX Y RESTO DEL FORMULARIO\n     ========================================= *\/\n\n  \/* Checkbox group CUSTOMIZADO *\/\n  .checkbox-group { display: flex; flex-direction: column; gap: 0.6rem; }\n  \n  .checkbox-item {\n    display: flex; \n    align-items: center; \n    gap: 0.7rem;\n    cursor: pointer;\n    font-size: 0.82rem; color: var(--text-mid);\n    line-height: 1.5;\n    position: relative;\n  }\n\n  \/* Ocultamos el checkbox nativo *\/\n  .checkbox-item input[type=\"checkbox\"] {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n    height: 0;\n    width: 0;\n  }\n\n  \/* Creamos el checkbox visual personalizado *\/\n  .checkmark {\n    position: relative;\n    display: inline-block;\n    width: 14px; \n    height: 14px;\n    background-color: var(--cream);\n    border: 1.5px solid var(--sand-dark);\n    border-radius: 4px;\n    flex-shrink: 0;\n    transition: all var(--transition);\n  }\n\n  .checkbox-item:hover input ~ .checkmark {\n    border-color: var(--turquoise);\n  }\n\n  .checkbox-item input:checked ~ .checkmark {\n    background-color: var(--turquoise-deep);\n    border-color: var(--turquoise-deep);\n  }\n\n  \/* La palomita blanca (oculta por defecto) *\/\n  .checkmark:after {\n    content: \"\";\n    position: absolute;\n    display: none;\n    left: 4px;\n    top: 1px;\n    width: 3px;\n    height: 7px;\n    border: solid white;\n    border-width: 0 2px 2px 0;\n    transform: rotate(45deg);\n  }\n\n  \/* Mostramos la palomita cuando el input est\u00e1 marcado *\/\n  .checkbox-item input:checked ~ .checkmark:after {\n    display: block;\n  }\n\n  .checkbox-item a { color: var(--turquoise-deep); }\n\n  \/* Estilo de error en el custom checkbox *\/\n  .checkbox-item input.error ~ .checkmark {\n    border-color: #e05555;\n    background: #fff5f5;\n  }\n\n  \/* Arreglar el layout de los checkboxes de CF7 *\/\n  .custom-cf7-checks .wpcf7-list-item {\n    display: block;\n    margin-left: 0;\n    margin-bottom: 0.6rem;\n  }\n  .custom-cf7-checks .wpcf7-list-item-label {\n    font-weight: normal;\n  }\n\n  \/* Submit *\/\n  .form-submit {\n    margin-top: 2rem;\n    display: flex; flex-direction: column; align-items: stretch; gap: 1rem;\n  }\n  .btn-submit {\n    padding: 1.1rem;\n    background: var(--petrol-dark);\n    color: var(--white-warm);\n    font-family: var(--font-body);\n    font-size: 0.8rem; font-weight: 500;\n    letter-spacing: 0.15em; text-transform: uppercase;\n    border: none; cursor: pointer;\n    transition: var(--transition);\n    display: flex; align-items: center; justify-content: center; gap: 0.7rem;\n  }\n  .btn-submit:hover {\n    background: var(--turquoise-deep);\n    box-shadow: 0 4px 20px rgba(42,138,127,0.35);\n  }\n  .btn-submit:disabled {\n    opacity: 0.6; cursor: not-allowed;\n  }\n  .btn-wa {\n    padding: 0.9rem 1.8rem; \/* Padding ajustado para verse m\u00e1s bonito *\/\n    background: #25D366; color: white; font-family: var(--font-body);\n    font-size: 0.75rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase;\n    border: none; cursor: pointer; transition: var(--transition);\n    display: inline-flex; align-items: center; justify-content: center; gap: 0.6rem; text-decoration: none;\n    width: fit-content; margin: 0 auto; \/* Con esto lo centramos perfectamente *\/\n  }\n  .btn-wa:hover { background: #1da851; }\n  .form-divider {\n    display: flex; align-items: center; gap: 1rem;\n    font-size: 0.7rem; color: var(--text-light);\n  }\n  .form-divider::before, .form-divider::after {\n    content: ''; flex: 1; height: 1px; background: var(--sand-dark);\n  }\n\n  \/* Form note *\/\n  .form-note {\n    font-size: 0.72rem; color: var(--text-light);\n    text-align: center; margin-top: 0.5rem;\n    display: flex; align-items: center; justify-content: center; gap: 0.4rem;\n  }\n\n  \/* ===== SUCCESS STATE ===== *\/\n  .form-success {\n    display: none;\n    text-align: center; padding: 3rem 2rem;\n  }\n  .form-success.visible { display: block; }\n  .success-icon {\n    width: 72px; height: 72px;\n    background: linear-gradient(135deg, var(--turquoise), var(--turquoise-deep));\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 2rem; margin: 0 auto 1.5rem;\n    animation: popIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);\n  }\n  @keyframes popIn {\n    from { transform: scale(0); opacity: 0; }\n    to { transform: scale(1); opacity: 1; }\n  }\n  .form-success h3 {\n    font-family: var(--font-display);\n    font-size: 2rem; font-weight: 300; color: var(--petrol-dark);\n    margin-bottom: 0.8rem;\n  }\n  .form-success p { color: var(--text-mid); font-size: 0.9rem; max-width: 380px; margin: 0 auto; }\n  .form-success .success-detail {\n    margin-top: 1.5rem; font-size: 0.78rem;\n    color: var(--turquoise-deep); font-weight: 500;\n  }\n\n  \/* ===== TRUST BAR ===== *\/\n  .trust-bar {\n    background: var(--petrol-dark);\n    padding: 2.5rem 0;\n  }\n  .trust-items {\n    display: flex; justify-content: center;\n    gap: 3.5rem; flex-wrap: wrap; align-items: center;\n  }\n  .trust-item {\n    display: flex; align-items: center; gap: 0.7rem;\n    font-size: 0.78rem; font-weight: 400;\n    color: rgba(255,255,255,0.65);\n    letter-spacing: 0.05em;\n  }\n  .trust-item strong {\n    color: var(--turquoise-light); font-weight: 500;\n  }\n\n  \/* ===== FLOAT WA ===== *\/\n  .float-wa {\n    position: fixed; bottom: 2rem; right: 2rem; z-index: 99;\n    width: 54px; height: 54px;\n    background: #25D366; border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    color: white; font-size: 1.3rem;\n    box-shadow: 0 4px 20px rgba(37,211,102,0.45);\n    transition: var(--transition);\n    text-decoration: none;\n  }\n  .float-wa:hover { transform: scale(1.1); }\n  .float-wa__ring {\n    position: absolute; inset: -5px; border-radius: 50%;\n    border: 2px solid #25D366;\n    animation: ring 2.2s ease-out infinite;\n  }\n  @keyframes ring { 0%{opacity:0.8;transform:scale(1)} 100%{opacity:0;transform:scale(1.55)} }\n\n  .float-wa > svg {\n    fill: #fff;\n  }\n\n  \/* ===== REVEAL ===== *\/\n  .reveal { opacity:0; transform:translateY(28px); transition: opacity 0.65s ease, transform 0.65s ease; }\n  .reveal.visible { opacity:1; transform:none; }\n  .reveal-d1 { transition-delay: 0.12s; }\n  .reveal-d2 { transition-delay: 0.24s; }\n  .reveal-d3 { transition-delay: 0.36s; }\n\n  \/* ===== RESPONSIVE ===== *\/\n  @media (max-width: 900px) {\n    .form-grid { grid-template-columns: 1fr; }\n    .form-group--full { grid-column: auto; }\n  }\n  @media (max-width: 640px) {\n    .form-wrap { padding: 2rem 1.5rem; }\n    .hero-content h1 { font-size: 2.8rem; }\n    .trust-items { gap: 2rem; }\n  }\n<\/style>\n\n<section class=\"page-hero\">\n  <div class=\"hero-bg\" id=\"heroBg\"><\/div>\n  <div class=\"hero-overlay\"><\/div>\n  <div class=\"hero-overlay-teal\"><\/div>\n  <div class=\"hero-content\">\n    <div class=\"hero-eyebrow\">Turquaz Handcrafted \u00b7 Castell\u00f3n de la Plana<\/div>\n    <h1>Talleres y<em>Eventos creativos<\/em><\/h1>\n    <p class=\"hero-subtitle\">Aprende el arte de la resina con Hala. Peque\u00f1os grupos, ambiente \u00edntimo, materiales incluidos. Te vas con tu pieza y con ganas de volver.<\/p>\n    <div class=\"hero-badges\">\n      <span class=\"hero-badge\">\u2726 Plazas limitadas<\/span>\n      <span class=\"hero-badge\">\u2726 Castell\u00f3n centro<\/span>\n      <span class=\"hero-badge\">\u2726 Todos los niveles<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<main class=\"main\">\n\n  <section class=\"form-section\" id=\"formulario\">\n    <div class=\"container\">\n      <div class=\"form-wrap reveal\">\n\n        <div class=\"form-header\">\n          <span class=\"eyebrow\">Reserva tu plaza<\/span>\n          <h2>Ap\u00fantate ahora<\/h2>\n          <p>Plazas limitadas. Rellena el formulario y te confirmamos disponibilidad en menos de 24h.<\/p>\n        <\/div>\n        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f684-o1\" lang=\"es-ES\" dir=\"ltr\" data-wpcf7-id=\"684\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/624#wpcf7-f684-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"684\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_ES\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f684-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"form-grid\">\n\t<div class=\"form-group\">\n\t\t<p><label for=\"nombre\">Nombre y apellidos *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"nombre\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"nombre\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Ana Garc\u00eda L\u00f3pez\" value=\"\" type=\"text\" name=\"nombre\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group\">\n\t\t<p><label for=\"email\">Correo electr\u00f3nico *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" id=\"email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"ana@email.com\" value=\"\" type=\"email\" name=\"email\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group\">\n\t\t<p><label for=\"telefono\">Tel\u00e9fono (WhatsApp) *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"telefono\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" id=\"telefono\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"+34 600 000 000\" value=\"\" type=\"tel\" name=\"telefono\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group\">\n\t\t<p><label>N\u00famero de personas *<\/label>\n\t\t<\/p>\n\t\t<div class=\"stepper\">\n\t\t\t<p><button type=\"button\" class=\"stepper__btn\" id=\"btnMenos\">\u2212<\/button><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"personas\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number stepper__val\" id=\"personas\" min=\"1\" max=\"10\" aria-required=\"true\" aria-invalid=\"false\" value=\"1\" type=\"number\" name=\"personas\" \/><\/span><br \/>\n<button type=\"button\" class=\"stepper__btn\" id=\"btnMas\">+<\/button>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-group form-group--full\">\n\t\t<p><label for=\"taller\">Taller o evento de inter\u00e9s *<\/label>\n\t\t<\/p>\n\t\t<div class=\"select-wrap\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"taller\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" id=\"taller\" aria-required=\"true\" aria-invalid=\"false\" name=\"taller\"><option value=\"\">Selecciona un taller o evento<\/option><option value=\"Masterclass (Martes 10:30 - 12:30)\">Masterclass (Martes 10:30 - 12:30)<\/option><option value=\"Masterclass (Viernes 17:30 - 19:30)\">Masterclass (Viernes 17:30 - 19:30)<\/option><\/select><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-group form-group--full\">\n\t\t<p><label for=\"fecha\">\u00bfTienes alguna fecha preferida?<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"fecha_preferida\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"fecha\" aria-invalid=\"false\" placeholder=\"Ej: primera semana de febrero, s\u00e1bados por la tarde, fecha fija: 15 marzo...\" value=\"\" type=\"text\" name=\"fecha_preferida\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group form-group--full\">\n\t\t<p><label for=\"mensaje\">Cu\u00e9ntame algo m\u00e1s (opcional)<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"mensaje\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" id=\"mensaje\" aria-invalid=\"false\" placeholder=\"Alergias o intolerancias relevantes, si es para un regalo sorpresa, necesidades especiales, preguntanos...\" name=\"mensaje\"><\/textarea><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-group form-group--full checkbox-group custom-cf7-checks\">\n\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"newsletter\"><span class=\"wpcf7-form-control wpcf7-checkbox\"><span class=\"wpcf7-list-item first last\"><label><input type=\"checkbox\" name=\"newsletter[]\" value=\"Quiero recibir novedades sobre pr\u00f3ximas fechas y talleres por email.\" \/><span class=\"wpcf7-list-item-label\">Quiero recibir novedades sobre pr\u00f3ximas fechas y talleres por email.<\/span><\/label><\/span><\/span><\/span>\n\t\t<\/p>\n\t\t<div style=\"margin-top:0.6rem;\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"rgpd\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"rgpd\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">He le\u00eddo y acepto la <a href=\"\/politica-privacidad\" target=\"_blank\">pol\u00edtica de privacidad<\/a>. Entiendo que mis datos se usar\u00e1n exclusivamente para gestionar mi reserva. *<\/span><\/label><\/span><\/span><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<div class=\"form-submit\">\n\t<p><button type=\"submit\" class=\"btn-submit\" id=\"btnSubmit\"><br \/>\n<span>Enviar mi reserva<\/span> <span>\u2726<\/span><br \/>\n<\/button>\n\t<\/p>\n\t<div class=\"form-divider\">\n\t\t<p>o si lo prefieres\n\t\t<\/p>\n\t<\/div>\n\t<p><a href=\"https:\/\/wa.me\/34639834757?text=Hola%20Hala%2C%20quiero%20apuntarme%20a%20un%20taller%20de%20Turquaz%20Handcrafted\" class=\"btn-wa\" target=\"_blank\" style=\"margin: 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: fit-content;\" rel=\"noopener\"><br \/>\n<svg viewBox=\"0 0 16 16\" height=\"18\" width=\"18\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"currentColor\" style=\"display: block; transform: translateY(-1px);\">\n      <path d=\"M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232\"><\/path>\n    <\/svg><br \/>\n<span style=\"line-height: 1;\">Reservar directamente por WhatsApp<\/span><br \/>\n<\/a>\n\t<\/p>\n<\/div>\n<p class=\"form-note\">\ud83d\udd12 Tus datos est\u00e1n seguros \u00b7 Respondemos en menos de 24h \u00b7 Sin compromiso hasta confirmar\n<\/p>\n<p><script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Adaptar los checkboxes de CF7 al dise\u00f1o CSS personalizado\n const cf7Checks = document.querySelectorAll('.custom-cf7-checks .wpcf7-list-item label');\n \n cf7Checks.forEach(label => {\n label.classList.add('checkbox-item'); \/\/ A\u00f1ade tu clase original al label de CF7\n const input = label.querySelector('input');\n \n if (input) {\n const checkmark = document.createElement('span');\n checkmark.className = 'checkmark'; \/\/ Crea el span de tu palomita visual\n \n \/\/ Inserta la palomita justo despu\u00e9s del input oculto\n input.parentNode.insertBefore(checkmark, input.nextSibling);\n }\n });\n});\n<\/script>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/main>\n\n<div class=\"trust-bar\">\n  <div class=\"trust-items\">\n    <div class=\"trust-item\">\u2726 <strong>+200<\/strong> participantes en talleres<\/div>\n    <div class=\"trust-item\">\u2726 <strong>5 a\u00f1os<\/strong> de experiencia en resina<\/div>\n    <div class=\"trust-item\">\u2726 <strong>Materiales<\/strong> 100% incluidos<\/div>\n    <div class=\"trust-item\">\u2726 Todos los <strong>niveles<\/strong> son bienvenidos<\/div>\n  <\/div>\n<\/div>\n\n<a href=\"https:\/\/wa.me\/34639834757\" class=\"float-wa tooltip3\" target=\"_blank\" aria-label=\"WhatsApp\" rel=\"noopener\">\n    <svg viewBox=\"0 0 16 16\" class=\"bi bi-whatsapp\" height=\"20\" width=\"20\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path d=\"M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232\"><\/path>\n    <\/svg>\n  <div class=\"float-wa__ring\"><\/div>\n<\/a>\n\n<script>\n    \/\/  L\u00d3GICA DEL STEPPER (BOTONES + Y -)\n    const btnMenos = document.getElementById('btnMenos');\n    const btnMas = document.getElementById('btnMas');\n    const inputPersonas = document.getElementById('personas');\n\n    if (btnMenos && btnMas && inputPersonas) {\n      btnMenos.addEventListener('click', function() {\n        let val = parseInt(inputPersonas.value) || 1;\n        if (val > 1) { \n          inputPersonas.value = val - 1; \n        }\n      });\n      \n      btnMas.addEventListener('click', function() {\n        let val = parseInt(inputPersonas.value) || 1;\n        if (val < 10) { \n          inputPersonas.value = val + 1; \n        }\n      });\n    }\n<\/script>\n\n\n\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Turquaz Handcrafted \u00b7 Castell\u00f3n de la Plana Talleres yEventos creativos Aprende el arte de la resina con Hala. Peque\u00f1os grupos, ambiente \u00edntimo, materiales incluidos. Te vas con tu pieza y con ganas de volver. \u2726 Plazas limitadas \u2726 Castell\u00f3n centro \u2726 Todos los niveles Reserva tu plaza Ap\u00fantate ahora Plazas limitadas. Rellena el formulario y [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-624","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/turquazhandcrafted.com\/en\/wp-json\/wp\/v2\/pages\/624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/turquazhandcrafted.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/turquazhandcrafted.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/turquazhandcrafted.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/turquazhandcrafted.com\/en\/wp-json\/wp\/v2\/comments?post=624"}],"version-history":[{"count":50,"href":"https:\/\/turquazhandcrafted.com\/en\/wp-json\/wp\/v2\/pages\/624\/revisions"}],"predecessor-version":[{"id":730,"href":"https:\/\/turquazhandcrafted.com\/en\/wp-json\/wp\/v2\/pages\/624\/revisions\/730"}],"wp:attachment":[{"href":"https:\/\/turquazhandcrafted.com\/en\/wp-json\/wp\/v2\/media?parent=624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}