{"id":2597,"date":"2026-09-22T19:41:38","date_gmt":"2026-09-22T19:41:38","guid":{"rendered":"https:\/\/carraorestaurant.com\/?page_id=2597"},"modified":"2026-09-22T19:41:39","modified_gmt":"2026-09-22T19:41:39","slug":"reservaciones","status":"publish","type":"page","link":"https:\/\/carraorestaurant.com\/en\/reservaciones\/","title":{"rendered":"Reservaciones"},"content":{"rendered":"<!--\n  CARRAO \u00b7 08 \u00b7 RESERVACIONES\n  Bloque: CC HTML Fields. Pagina: \/reservaciones\/.\n\n  LO PRIMERO, PORQUE IMPORTA\n  El bloque que me pasaste venia CORROMPIDO por el editor de WordPress: dentro\n  del <style> habia etiquetas <br \/> y <p> insertadas por el editor visual. El\n  navegador no las entiende como CSS, asi que a partir de la primera todas las\n  reglas siguientes se descartan en silencio. Es muy probable que esa pagina\n  este ahora mismo a medio maquetar en produccion.\n\n  CAUSA: el bloque se pego en el editor VISUAL, no en el de codigo. Al guardar,\n  WordPress convirtio los saltos de linea del CSS en <br \/>. Pegando este bloque\n  en CC HTML Fields no vuelve a pasar: ese bloque guarda el contenido crudo.\n\n  OTROS CAMBIOS\n  \u00b7 Los cinco iconos del panel estaban VACIOS (<div class=\"...\"><\/div>): se\n    perdieron en el pegado. Restaurados.\n  \u00b7 Se retiro el JSON-LD de FoodEstablishment: duplicaba el del tema con otro\n    @type para el mismo negocio, y dos tipos distintos para una sola entidad se\n    contradicen. El dato de reservas ya va en el schema del tema, como\n    potentialAction\/ReserveAction, que es la forma correcta.\n  \u00b7 El titulo usaba -webkit-text-fill-color: transparent sobre un degradado.\n    Funciona, pero si la fuente no carga o el navegador no soporta background-clip\n    el titular queda INVISIBLE. Ahora el degradado se aplica sobre un color de\n    respaldo real: si algo falla, se lee en crema.\n  \u00b7 El H1 \"Reserva tu Mesa\" se mantiene: es el H1 legitimo de esta pagina.\n  \u00b7 Se retiro el IntersectionObserver propio.\n\n  IMPORTANTE \u2014 CSP\n  El formulario vive en un iframe de api.leadconnectorhq.com y carga un script\n  de link.msgsndr.com. Ya anadi los dos origenes a la CSP del tema. Si algun dia\n  cambias de proveedor de formulario, hay que anadir el nuevo origen o el\n  formulario dejara de aparecer cuando la CSP pase a modo bloqueo.\n-->\n\n<style>\n  .cr-res .cr-res__header {\n    margin-bottom: var(--cc-space-9);\n    text-align: center;\n  }\n\n  .cr-res .cr-res__label {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--cc-space-3);\n    margin-bottom: var(--cc-space-3);\n  }\n\n  .cr-res .cr-res__label-line {\n    width: 40px;\n    height: 1px;\n    background: var(--cc-line);\n  }\n\n  .cr-res .cr-res__label-text {\n    font-family: var(--cc-font-body);\n    font-weight: var(--cc-weight-label);\n    font-size: 11px;\n    letter-spacing: var(--cc-tracking-label);\n    text-transform: uppercase;\n    color: var(--cc-brand);\n  }\n\n  .cr-res .cr-res__title {\n    margin: 0 0 var(--cc-space-4);\n    font-size: clamp(2rem, 4vw, 3.5rem);\n    line-height: 1;\n    \/* Color real de respaldo: si background-clip falla, el titular se lee. *\/\n    color: var(--cc-ink);\n    background-image: linear-gradient(140deg,\n      var(--cc-c-cream) 10%, var(--cc-accent) 55%, var(--cc-c-cream) 95%);\n    background-clip: text;\n    -webkit-background-clip: text;\n  }\n\n  @supports (-webkit-background-clip: text) or (background-clip: text) {\n    .cr-res .cr-res__title { color: transparent; }\n  }\n\n  .cr-res .cr-res__subtitle {\n    max-width: 580px;\n    margin-inline: auto;\n    font-size: 15px;\n    line-height: 1.7;\n    color: var(--cc-ink-soft);\n  }\n\n  \/* ---------- Rejilla ---------- *\/\n\n  .cr-res .cr-res__grid {\n    display: grid;\n    grid-template-columns: 1fr 1.8fr;\n    gap: var(--cc-grid-gap);\n    align-items: start;\n  }\n\n  \/* ---------- Panel de informacion ---------- *\/\n\n  .cr-res .cr-res__info {\n    position: sticky;\n    top: var(--cc-space-11);\n    padding: var(--cc-space-8) var(--cc-space-7);\n    background: var(--cc-surface);\n    border: var(--cc-border-width) solid var(--cc-line);\n  }\n\n  .cr-res .cr-res__info-title {\n    margin: 0 0 var(--cc-space-6);\n    font-family: var(--cc-font-display);\n    font-style: italic;\n    font-weight: 700;\n    font-size: 1.5rem;\n    line-height: 1.2;\n    color: var(--cc-ink);\n  }\n\n  .cr-res .cr-res__info-title em {\n    font-style: normal;\n    color: var(--cc-accent);\n  }\n\n  .cr-res .cr-res__items {\n    margin: 0 0 var(--cc-space-7);\n    padding: 0;\n    list-style: none;\n  }\n\n  .cr-res .cr-res__item {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--cc-space-3);\n    padding: var(--cc-space-4) 0;\n    border-bottom: var(--cc-border-width) solid var(--cc-line);\n  }\n\n  .cr-res .cr-res__item:first-child {\n    border-top: var(--cc-border-width) solid var(--cc-line);\n  }\n\n  .cr-res .cr-res__item-icon {\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    border: var(--cc-border-width) solid var(--cc-line);\n  }\n\n  .cr-res .cr-res__item-icon svg {\n    width: 16px;\n    height: 16px;\n    stroke: var(--cc-brand);\n    fill: none;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .cr-res .cr-res__item-label {\n    display: block;\n    margin-bottom: 3px;\n    font-family: var(--cc-font-body);\n    font-weight: var(--cc-weight-label);\n    font-size: 10px;\n    letter-spacing: var(--cc-tracking-tag);\n    text-transform: uppercase;\n    color: var(--cc-brand);\n  }\n\n  .cr-res .cr-res__item-value {\n    display: block;\n    font-size: 14px;\n    font-weight: var(--cc-weight-label);\n    color: var(--cc-ink);\n    text-decoration: none;\n    transition: color var(--cc-dur-fast) var(--cc-ease);\n  }\n\n  .cr-res .cr-res__item-value:hover,\n  .cr-res .cr-res__item-value:focus-visible { color: var(--cc-accent); }\n\n  .cr-res .cr-res__item-sub {\n    display: block;\n    margin-top: 2px;\n    font-size: 12px;\n    color: var(--cc-ink-soft);\n  }\n\n  \/* ---------- Nota ---------- *\/\n\n  .cr-res .cr-res__note {\n    margin: 0 0 var(--cc-space-6);\n    padding: var(--cc-space-3) var(--cc-space-4);\n    background: color-mix(in srgb, var(--cc-brand) 8%, transparent);\n    border-left: 3px solid var(--cc-brand);\n    font-size: 12.5px;\n    line-height: 1.6;\n    color: var(--cc-ink-soft);\n  }\n\n  .cr-res .cr-res__note strong { color: var(--cc-ink); }\n\n  \/* ---------- Redes ---------- *\/\n\n  .cr-res .cr-res__social-label {\n    display: block;\n    margin-bottom: var(--cc-space-3);\n    font-family: var(--cc-font-body);\n    font-size: 10px;\n    letter-spacing: 0.28em;\n    text-transform: uppercase;\n    color: var(--cc-ink-soft);\n  }\n\n  .cr-res .cr-res__socials {\n    display: flex;\n    gap: var(--cc-space-3);\n  }\n\n  .cr-res .cr-res__social {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    padding: 10px var(--cc-space-4);\n    border: var(--cc-border-width) solid var(--cc-line);\n    color: var(--cc-ink);\n    font-family: var(--cc-font-body);\n    font-weight: var(--cc-weight-label);\n    font-size: 11px;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    text-decoration: none;\n    transition:\n      border-color var(--cc-dur-fast) var(--cc-ease),\n      color var(--cc-dur-fast) var(--cc-ease);\n  }\n\n  .cr-res .cr-res__social:hover,\n  .cr-res .cr-res__social:focus-visible {\n    border-color: var(--cc-brand);\n    color: var(--cc-brand);\n  }\n\n  .cr-res .cr-res__social svg {\n    width: 14px;\n    height: 14px;\n    stroke: currentColor;\n    fill: none;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n  }\n\n  \/* ---------- Formulario embebido ---------- *\/\n\n  .cr-res .cr-res__form {\n    min-height: 1109px;\n    background: var(--cc-bg-alt);\n    border: var(--cc-border-width) solid var(--cc-line);\n  }\n\n  .cr-res .cr-res__form iframe {\n    display: block;\n    width: 100%;\n    min-height: 1109px;\n    border: none;\n  }\n\n  @media (max-width: 1000px) {\n    .cr-res .cr-res__grid { grid-template-columns: 1fr; }\n    .cr-res .cr-res__info { position: static; }\n  }\n\n  @media (max-width: 600px) {\n    .cr-res .cr-res__info { padding: var(--cc-space-6) var(--cc-space-5); }\n  }\n<\/style>\n\n<section class=\"cr-res cc-section\" aria-labelledby=\"cr-res-title\">\n  <div class=\"cc-container\">\n\n    <div class=\"cr-res__header\" data-cc-reveal>\n      <div class=\"cr-res__label\">\n        <span class=\"cr-res__label-line\" aria-hidden=\"true\"><\/span>\n        <span class=\"cr-res__label-text\">\ud83d\udcc5 Reserva tu experiencia<\/span>\n        <span class=\"cr-res__label-line\" aria-hidden=\"true\"><\/span>\n      <\/div>\n      <h1 class=\"cr-res__title\" id=\"cr-res-title\">Reserva tu mesa<\/h1>\n      <p class=\"cr-res__subtitle\">\n        Completa el formulario y nuestro equipo confirmara tu reserva en menos de\n        24 horas segun disponibilidad. El fuego te espera.\n      <\/p>\n    <\/div>\n\n    <div class=\"cr-res__grid\" data-cc-stagger=\"100\">\n\n      <!-- \u2500\u2500 INFORMACION \u2500\u2500 -->\n      <div class=\"cr-res__info\" data-cc-reveal>\n\n        <p class=\"cr-res__info-title\">Antes de <em>reservar<\/em><\/p>\n\n        <ul class=\"cr-res__items\">\n\n          <li class=\"cr-res__item\">\n            <span class=\"cr-res__item-icon\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n            <\/span>\n            <span>\n              <span class=\"cr-res__item-label\">Confirmacion<\/span>\n              <span class=\"cr-res__item-value\">Menos de 24 horas<\/span>\n              <span class=\"cr-res__item-sub\">Te confirmamos por email o telefono<\/span>\n            <\/span>\n          <\/li>\n\n          <li class=\"cr-res__item\">\n            <span class=\"cr-res__item-icon\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/><\/svg>\n            <\/span>\n            <span>\n              <span class=\"cr-res__item-label\">Grupos grandes<\/span>\n              <span class=\"cr-res__item-value\">10 o mas personas<\/span>\n              <span class=\"cr-res__item-sub\">Contactanos directo para eventos especiales<\/span>\n            <\/span>\n          <\/li>\n\n          <li class=\"cr-res__item\">\n            <span class=\"cr-res__item-icon\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg>\n            <\/span>\n            <span>\n              <span class=\"cr-res__item-label\">Cancelaciones<\/span>\n              <span class=\"cr-res__item-value\">Con 2 horas de anticipacion<\/span>\n              <span class=\"cr-res__item-sub\">Avisanos si no podras asistir<\/span>\n            <\/span>\n          <\/li>\n\n          <li class=\"cr-res__item\">\n            <span class=\"cr-res__item-icon\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.81 19.79 19.79 0 0115.21 2.18 2 2 0 0117.09 4v3a2 2 0 01-1.41 1.93 16 16 0 006.29 6.29A2 2 0 0122 16.92z\"\/><\/svg>\n            <\/span>\n            <span>\n              <span class=\"cr-res__item-label\">Prefieres llamar<\/span>\n              <a class=\"cr-res__item-value\" href=\"tel:+19453061300\">+1 (945) 306-1300<\/a>\n              <span class=\"cr-res__item-sub\">Tambien por WhatsApp<\/span>\n            <\/span>\n          <\/li>\n\n          <li class=\"cr-res__item\">\n            <span class=\"cr-res__item-icon\" aria-hidden=\"true\">\n              <svg viewbox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n            <\/span>\n            <span>\n              <span class=\"cr-res__item-label\">Ubicacion<\/span>\n              <a class=\"cr-res__item-value\"\n                 href=\"https:\/\/maps.google.com\/?q=Carrao+Restaurant+Dallas\"\n                 target=\"_blank\" rel=\"noopener\">Dallas Pkwy #125, Dallas TX<\/a>\n              <span class=\"cr-res__item-sub\">75287, Estados Unidos<\/span>\n            <\/span>\n          <\/li>\n\n        <\/ul>\n\n        <p class=\"cr-res__note\">\n          <strong>Nota importante:<\/strong> tu solicitud no es una reserva confirmada\n          hasta que nuestro equipo te contacte para verificar disponibilidad.\n        <\/p>\n\n        <span class=\"cr-res__social-label\">Siguenos<\/span>\n        <div class=\"cr-res__socials\">\n          <a class=\"cr-res__social\" href=\"https:\/\/www.instagram.com\/carraorest\/\"\n             target=\"_blank\" rel=\"noopener\">\n            <svg viewbox=\"0 0 24 24\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><path d=\"M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg>\n            Instagram\n          <\/a>\n          <a class=\"cr-res__social\" href=\"https:\/\/www.facebook.com\/carraorest\"\n             target=\"_blank\" rel=\"noopener\">\n            <svg viewbox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"\/><\/svg>\n            Facebook\n          <\/a>\n        <\/div>\n\n      <\/div>\n\n      <!-- \u2500\u2500 FORMULARIO \u2500\u2500 -->\n      <div class=\"cr-res__form\" data-cc-reveal>\n        <iframe id=\"inline-8Eq6HW04JORrP3mbu8wh\"\n                src=\"https:\/\/api.leadconnectorhq.com\/widget\/form\/8Eq6HW04JORrP3mbu8wh\"\n                title=\"Solicitud de reserva \u2014 Carrao Restaurant\"\n                loading=\"lazy\"\n                data-layout=\"{'id':'INLINE'}\"\n                data-trigger-type=\"alwaysShow\"\n                data-activation-type=\"alwaysActivated\"\n                data-deactivation-type=\"neverDeactivate\"\n                data-form-name=\"Solicitud de Reserva \u2014 Restaurante Carrao\"\n                data-height=\"1109\"\n                data-layout-iframe-id=\"inline-8Eq6HW04JORrP3mbu8wh\"\n                data-form-id=\"8Eq6HW04JORrP3mbu8wh\"><\/iframe>\n        <script src=\"https:\/\/link.msgsndr.com\/js\/form_embed.js\" defer><\/script>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-2597","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/carraorestaurant.com\/en\/wp-json\/wp\/v2\/pages\/2597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carraorestaurant.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/carraorestaurant.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/carraorestaurant.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/carraorestaurant.com\/en\/wp-json\/wp\/v2\/comments?post=2597"}],"version-history":[{"count":1,"href":"https:\/\/carraorestaurant.com\/en\/wp-json\/wp\/v2\/pages\/2597\/revisions"}],"predecessor-version":[{"id":2598,"href":"https:\/\/carraorestaurant.com\/en\/wp-json\/wp\/v2\/pages\/2597\/revisions\/2598"}],"wp:attachment":[{"href":"https:\/\/carraorestaurant.com\/en\/wp-json\/wp\/v2\/media?parent=2597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}