Formulario de Reserva Pro<\/title>\n <style>\n \/* Estilos generales *\/\n body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f7f6; display: flex; justify-content: center; padding: 40px; }\n \n .reserva-container { background: white; padding: 30px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); max-width: 600px; width: 100%; }\n \n h2 { color: #333; margin-bottom: 20px; text-align: center; }\n\n \/* Distribuci\u00f3n de la cuadr\u00edcula *\/\n .grid-form { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n \n .full-width { grid-column: span 2; } \/* Campos que ocupan todo el ancho *\/\n\n .campo { display: flex; flex-direction: column; }\n \n label { font-size: 14px; font-weight: 600; color: #555; margin-bottom: 8px; }\n \n input, select, textarea { padding: 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 16px; outline: none; transition: border 0.3s; }\n \n input:focus { border-color: #007bff; }\n\n button { grid-column: span 2; padding: 15px; background-color: #007bff; color: white; border: none; border-radius: 6px; font-size: 18px; cursor: pointer; transition: background 0.3s; margin-top: 10px; }\n\n button:hover { background-color: #0056b3; }\n\n \/* Ajuste para m\u00f3viles *\/\n @media (max-width: 480px) {\n .grid-form { grid-template-columns: 1fr; }\n .full-width { grid-column: span 1; }\n button { grid-column: span 1; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"reserva-container\">\n <h2>Reserva tu Servicio<\/h2>\n <form action=\"#\" method=\"POST\" class=\"grid-form\">\n \n <div class=\"campo\">\n <label for=\"nombre\">Nombre<\/label>\n <input type=\"text\" id=\"nombre\" name=\"nombre\" placeholder=\"Tu nombre\" required>\n <\/div>\n\n <div class=\"campo\">\n <label for=\"email\">Email<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"correo@ejemplo.com\" required>\n <\/div>\n\n <div class=\"campo\">\n <label for=\"fecha\">Fecha<\/label>\n <input type=\"date\" id=\"fecha\" name=\"fecha\" required>\n <\/div>\n\n <div class=\"campo\">\n <label for=\"hora\">Hora<\/label>\n <input type=\"time\" id=\"hora\" name=\"hora\" required>\n <\/div>\n\n <div class=\"campo\">\n <label for=\"servicio\">Servicio\/Tipo<\/label>\n <select id=\"servicio\" name=\"servicio\">\n <option value=\"estandar\">Est\u00e1ndar<\/option>\n <option value=\"premium\">Premium<\/option>\n <option value=\"vip\">VIP<\/option>\n <\/select>\n <\/div>\n\n <div class=\"campo\">\n <label for=\"personas\">Personas<\/label>\n <input type=\"number\" id=\"personas\" name=\"personas\" min=\"1\" value=\"1\">\n <\/div>\n\n <div class=\"campo full-width\">\n <label for=\"mensaje\">Notas especiales<\/label>\n <textarea id=\"mensaje\" name=\"mensaje\" rows=\"3\" placeholder=\"\u00bfAlguna petici\u00f3n adicional?\"><\/textarea>\n <\/div>\n\n <button type=\"submit\">Hacer Reserva Ahora<\/button>\n <\/form>\n<\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Formulario de Reserva Pro Reserva tu Servicio Nombre Email Fecha Hora Servicio\/Tipo Est\u00e1ndarPremiumVIP Personas Notas especiales Hacer Reserva Ahora<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width","meta":{"saved_in_kubio":true,"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/pt-siscomsur.com\/index.php\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pt-siscomsur.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pt-siscomsur.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pt-siscomsur.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pt-siscomsur.com\/index.php\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":2,"href":"https:\/\/pt-siscomsur.com\/index.php\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/pt-siscomsur.com\/index.php\/wp-json\/wp\/v2\/pages\/36\/revisions\/135"}],"wp:attachment":[{"href":"https:\/\/pt-siscomsur.com\/index.php\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":36,"date":"2026-04-11T16:39:38","date_gmt":"2026-04-11T16:39:38","guid":{"rendered":"https:\/\/pt-siscomsur.com\/index.php\/reservar\/"},"modified":"2026-04-16T23:53:51","modified_gmt":"2026-04-16T23:53:51","slug":"reservar","status":"publish","type":"page","link":"https:\/\/pt-siscomsur.com\/index.php\/reservar\/","title":{"rendered":"Reservar"},"content":{"rendered":"\n\n\n\n \n Formulario de Reserva Pro<\/title>\n <style>\n \/* Estilos generales *\/\n body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f7f6; display: flex; justify-content: center; padding: 40px; }\n \n .reserva-container { background: white; padding: 30px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.1); max-width: 600px; width: 100%; }\n \n h2 { color: #333; margin-bottom: 20px; text-align: center; }\n\n \/* Distribuci\u00f3n de la cuadr\u00edcula *\/\n .grid-form { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n \n .full-width { grid-column: span 2; } \/* Campos que ocupan todo el ancho *\/\n\n .campo { display: flex; flex-direction: column; }\n \n label { font-size: 14px; font-weight: 600; color: #555; margin-bottom: 8px; }\n \n input, select, textarea { padding: 12px; border: 1px solid #ddd; border-radius: 6px; font-size: 16px; outline: none; transition: border 0.3s; }\n \n input:focus { border-color: #007bff; }\n\n button { grid-column: span 2; padding: 15px; background-color: #007bff; color: white; border: none; border-radius: 6px; font-size: 18px; cursor: pointer; transition: background 0.3s; margin-top: 10px; }\n\n button:hover { background-color: #0056b3; }\n\n \/* Ajuste para m\u00f3viles *\/\n @media (max-width: 480px) {\n .grid-form { grid-template-columns: 1fr; }\n .full-width { grid-column: span 1; }\n button { grid-column: span 1; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"reserva-container\">\n <h2>Reserva tu Servicio<\/h2>\n <form action=\"#\" method=\"POST\" class=\"grid-form\">\n \n <div class=\"campo\">\n <label for=\"nombre\">Nombre<\/label>\n <input type=\"text\" id=\"nombre\" name=\"nombre\" placeholder=\"Tu nombre\" required>\n <\/div>\n\n <div class=\"campo\">\n <label for=\"email\">Email<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"correo@ejemplo.com\" required>\n <\/div>\n\n <div class=\"campo\">\n <label for=\"fecha\">Fecha<\/label>\n <input type=\"date\" id=\"fecha\" name=\"fecha\" required>\n <\/div>\n\n <div class=\"campo\">\n <label for=\"hora\">Hora<\/label>\n <input type=\"time\" id=\"hora\" name=\"hora\" required>\n <\/div>\n\n <div class=\"campo\">\n <label for=\"servicio\">Servicio\/Tipo<\/label>\n <select id=\"servicio\" name=\"servicio\">\n <option value=\"estandar\">Est\u00e1ndar<\/option>\n <option value=\"premium\">Premium<\/option>\n <option value=\"vip\">VIP<\/option>\n <\/select>\n <\/div>\n\n <div class=\"campo\">\n <label for=\"personas\">Personas<\/label>\n <input type=\"number\" id=\"personas\" name=\"personas\" min=\"1\" value=\"1\">\n <\/div>\n\n <div class=\"campo full-width\">\n <label for=\"mensaje\">Notas especiales<\/label>\n <textarea id=\"mensaje\" name=\"mensaje\" rows=\"3\" placeholder=\"\u00bfAlguna petici\u00f3n adicional?\"><\/textarea>\n <\/div>\n\n <button type=\"submit\">Hacer Reserva Ahora<\/button>\n <\/form>\n<\/div>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Formulario de Reserva Pro Reserva tu Servicio Nombre Email Fecha Hora Servicio\/Tipo Est\u00e1ndarPremiumVIP Personas Notas especiales Hacer Reserva Ahora<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width","meta":{"saved_in_kubio":true,"footnotes":""},"class_list":["post-36","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/pt-siscomsur.com\/index.php\/wp-json\/wp\/v2\/pages\/36","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pt-siscomsur.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pt-siscomsur.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pt-siscomsur.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pt-siscomsur.com\/index.php\/wp-json\/wp\/v2\/comments?post=36"}],"version-history":[{"count":2,"href":"https:\/\/pt-siscomsur.com\/index.php\/wp-json\/wp\/v2\/pages\/36\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/pt-siscomsur.com\/index.php\/wp-json\/wp\/v2\/pages\/36\/revisions\/135"}],"wp:attachment":[{"href":"https:\/\/pt-siscomsur.com\/index.php\/wp-json\/wp\/v2\/media?parent=36"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}