{"id":2515,"date":"2026-05-27T00:36:57","date_gmt":"2026-05-27T00:36:57","guid":{"rendered":"https:\/\/carraorestaurant.com\/?page_id=2515"},"modified":"2026-09-23T22:15:51","modified_gmt":"2026-09-23T22:15:51","slug":"carrito","status":"publish","type":"page","link":"https:\/\/carraorestaurant.com\/en\/carrito\/","title":{"rendered":"Carrito"},"content":{"rendered":"<!--\n  CARRAO \u00b7 16 \u00b7 CARRITO\n  Bloque: CC HTML Fields. Pagina: la que WooCommerce tiene asignada como\n  Carrito (WooCommerce > Ajustes > Avanzado > Configuracion de la pagina).\n\n  Sustituye TODO el contenido de esa pagina por este bloque. Si ademas queda\n  el bloque de carrito de WooCommerce o de Elementor, saldran dos carritos.\n\n  El shortcode [woocommerce_cart] lo pinta WooCommerce. Este bloque solo le\n  pone el envoltorio y el estilo: no toca precios, cantidades ni pagos.\n-->\n\n<style>\n  \/* =====================================================================\n     Todo cuelga de .cr-shop, que es el envoltorio de ESTE bloque. Como el\n     contenedor es nuestro, las reglas aciertan sin depender de como\n     WooCommerce o el tema padre armen su marcado.\n     ===================================================================== *\/\n\n  .cr-shop {\n    --sh-ink: #1a1208;\n    --sh-soft: #6b5d4b;\n    --sh-line: #ebe3d6;\n    --sh-head: #fbf1e7;\n    --sh-row: #f7f5f2;\n    --sh-link: #a84b03;\n    --sh-fire: #e8730a;\n    --sh-amber: #f5a623;\n    --sh-shadow: 0 1px 2px rgba(26, 18, 8, 0.04), 0 6px 18px rgba(26, 18, 8, 0.05);\n\n    padding: clamp(2.5rem, 6vw, 4.5rem) var(--cc-gutter);\n    background: #ffffff;\n    color: var(--sh-ink);\n    font-family: var(--cc-font-body);\n    font-size: 15px;\n    line-height: 1.5;\n  }\n\n  .cr-shop *, .cr-shop *::before, .cr-shop *::after { box-sizing: border-box; }\n\n  .cr-shop .cr-shop__inner {\n    width: min(1180px, 100%);\n    margin-inline: auto;\n  }\n\n  .cr-shop .cr-shop__title {\n    margin: 0 0 2rem;\n    font-family: var(--cc-font-display);\n    font-weight: 900;\n    font-size: clamp(2rem, 4vw, 2.8rem);\n    line-height: 1;\n    color: var(--sh-ink);\n  }\n\n  .cr-shop :is(h2, h3, p, td, th, label, span, strong, li, bdi) { color: var(--sh-ink); }\n\n  .cr-shop :is(h2, h3) {\n    margin: 0 0 1rem;\n    font-family: var(--cc-font-display);\n    font-weight: 700;\n    font-size: 1.3rem;\n    letter-spacing: 0;\n    text-transform: none;\n  }\n\n  .cr-shop a:not(.button):not(.remove) { color: var(--sh-link); text-decoration: none; }\n  .cr-shop a:not(.button):not(.remove):hover { text-decoration: underline; }\n\n  \/* Textos para lector de pantalla: ocultos de verdad. *\/\n  .cr-shop .screen-reader-text {\n    position: absolute !important;\n    width: 1px !important;\n    height: 1px !important;\n    padding: 0 !important;\n    margin: -1px !important;\n    overflow: hidden !important;\n    clip: rect(0 0 0 0) !important;\n    clip-path: inset(50%) !important;\n    white-space: nowrap !important;\n    border: 0 !important;\n  }\n\n  \/* ---------- Tablas ---------- *\/\n\n  .cr-shop table.shop_table {\n    width: 100%;\n    margin: 0;\n    border: 1px solid var(--sh-line);\n    border-collapse: separate;\n    border-spacing: 0;\n    background: #ffffff;\n    box-shadow: var(--sh-shadow);\n  }\n\n  .cr-shop table.shop_table th {\n    padding: 1rem 1.25rem;\n    background: var(--sh-head);\n    border: 0;\n    border-bottom: 1px solid var(--sh-line);\n    font-weight: 700;\n    font-size: 11.5px;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    text-align: left;\n  }\n\n  .cr-shop table.shop_table td {\n    padding: 1.1rem 1.25rem;\n    border: 0;\n    border-bottom: 1px solid var(--sh-line);\n    vertical-align: middle;\n    background: transparent;\n  }\n\n  .cr-shop table.shop_table tbody tr:last-child td { border-bottom: 0; }\n\n  .cr-shop tr.cart_item td,\n  .cr-shop tr.order_item td { background: var(--sh-row); }\n\n  .cr-shop .woocommerce-Price-amount { white-space: nowrap; }\n\n  .cr-shop .order-total .woocommerce-Price-amount {\n    font-weight: 700;\n    font-size: 1.3rem;\n  }\n\n  \/* ---------- Carrito ---------- *\/\n\n  .cr-shop td.product-thumbnail { width: 110px; }\n\n  .cr-shop table img {\n    display: block !important;\n    width: 72px !important;\n    height: 72px !important;\n    max-width: 72px !important;\n    object-fit: cover;\n  }\n\n  .cr-shop td.product-name a { color: var(--sh-ink); font-weight: 700; }\n  .cr-shop td.product-name a:hover { color: var(--sh-link); }\n\n  .cr-shop td.product-remove { width: 56px; text-align: center; }\n\n  .cr-shop a.remove {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 26px;\n    height: 26px;\n    border-radius: 50%;\n    background: transparent;\n    color: var(--sh-soft) !important;\n    font-size: 20px;\n    line-height: 1;\n    text-decoration: none;\n  }\n\n  .cr-shop a.remove:hover { background: #fdecea; color: #c0392b !important; }\n\n  .cr-shop .quantity input.qty {\n    width: 72px;\n    height: 46px;\n    padding: 0 0.5rem;\n    background: #ffffff;\n    border: 1px solid var(--sh-line);\n    border-radius: 6px;\n    color: var(--sh-ink);\n    font-size: 15px;\n    font-weight: 700;\n    text-align: center;\n  }\n\n  .cr-shop td.actions {\n    padding: 1rem 1.25rem;\n    background: #ffffff;\n  }\n\n  .cr-shop td.actions::after { content: \"\"; display: table; clear: both; }\n\n  .cr-shop td.actions .coupon {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    float: left;\n  }\n\n  .cr-shop td.actions .coupon input.input-text {\n    width: 200px;\n    height: 46px;\n    margin: 0;\n    padding: 0 1rem;\n    background: #ffffff;\n    border: 1px solid var(--sh-line);\n    border-radius: 6px;\n    color: var(--sh-ink);\n    font-size: 15px;\n  }\n\n  .cr-shop td.actions > button[name=\"update_cart\"] { float: right; }\n\n  \/* Totales: tarjeta propia, a la derecha. *\/\n  .cr-shop .cart-collaterals {\n    display: flex;\n    justify-content: flex-end;\n    width: 100%;\n    margin-top: 2rem;\n  }\n\n  .cr-shop .cart-collaterals .cart_totals {\n    float: none;\n    width: min(460px, 100%);\n    padding: 1.75rem;\n    background: #ffffff;\n    border: 1px solid var(--sh-line);\n    box-shadow: var(--sh-shadow);\n  }\n\n  .cr-shop .cart_totals h2 {\n    font-family: var(--cc-font-body);\n    font-size: 13px;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: var(--sh-soft);\n  }\n\n  .cr-shop .cart_totals table.shop_table { box-shadow: none; }\n\n  .cr-shop .cart_totals table.shop_table th {\n    width: 40%;\n    background: var(--sh-row);\n    font-size: 14px;\n    letter-spacing: 0;\n    text-transform: none;\n  }\n\n  .cr-shop .cart_totals table.shop_table td { background: #ffffff; }\n\n  .cr-shop .wc-proceed-to-checkout { padding: 1.25rem 0 0; }\n\n  \/* ---------- Botones ---------- *\/\n\n  .cr-shop :is(.button, button[type=\"submit\"], #place_order) {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 46px;\n    padding: 0 1.75rem;\n    background: var(--sh-fire);\n    border: 0;\n    border-radius: 6px;\n    box-shadow: none;\n    color: var(--sh-ink);\n    font-family: var(--cc-font-body);\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    line-height: 1;\n    text-decoration: none;\n    text-transform: uppercase;\n    cursor: pointer;\n    transition: background-color 0.2s ease;\n  }\n\n  .cr-shop :is(.button, button[type=\"submit\"], #place_order):hover {\n    background: var(--sh-amber);\n    color: var(--sh-ink);\n  }\n\n  .cr-shop button[name=\"update_cart\"] {\n    background: #ffffff;\n    border: 1px solid var(--sh-line);\n    color: var(--sh-link);\n  }\n\n  .cr-shop button[name=\"update_cart\"]:hover { background: var(--sh-head); }\n  .cr-shop button[name=\"update_cart\"]:disabled { opacity: 0.5; cursor: not-allowed; }\n\n  .cr-shop a.checkout-button,\n  .cr-shop #place_order {\n    display: flex;\n    width: 100%;\n    height: 58px;\n    font-size: 16px;\n    letter-spacing: 0.08em;\n  }\n\n  \/* ---------- Campos del checkout ---------- *\/\n\n  .cr-shop .form-row {\n    display: block;\n    float: none;\n    width: 100%;\n    margin: 0 0 1.1rem;\n    padding: 0;\n  }\n\n  .cr-shop .form-row label {\n    display: block;\n    margin: 0 0 0.4rem;\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 0;\n    text-transform: none;\n  }\n\n  .cr-shop .form-row .required { color: #c0392b; text-decoration: none; }\n\n  .cr-shop .form-row .woocommerce-input-wrapper { display: block; width: 100%; }\n\n  .cr-shop :is(input.input-text, textarea, select),\n  .cr-shop .select2-container .select2-selection--single {\n    width: 100%;\n    min-height: 50px;\n    padding: 0.75rem 1rem;\n    background: #ffffff;\n    border: 1px solid var(--sh-line);\n    border-radius: 6px;\n    color: var(--sh-ink);\n    font-family: var(--cc-font-body);\n    font-size: 15px;\n    box-shadow: none;\n  }\n\n  .cr-shop .select2-container { width: 100% !important; }\n  .cr-shop .select2-selection__rendered { line-height: 26px !important; padding: 0 !important; }\n  .cr-shop .select2-selection__arrow { height: 48px !important; }\n\n  .cr-shop :is(input.input-text, textarea, select):focus {\n    outline: none;\n    border-color: var(--sh-fire);\n    box-shadow: 0 0 0 3px rgba(232, 115, 10, 0.15);\n  }\n\n  \/* ---------- Checkout en dos columnas ---------- *\/\n\n  .cr-shop form.checkout {\n    display: grid;\n    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);\n    column-gap: 2rem;\n    align-items: start;\n  }\n\n  .cr-shop form.checkout #customer_details {\n    grid-column: 1;\n    grid-row: 1 \/ span 2;\n    width: 100%;\n    padding: 1.75rem;\n    background: #ffffff;\n    border: 1px solid var(--sh-line);\n    box-shadow: var(--sh-shadow);\n  }\n\n  .cr-shop form.checkout #customer_details :is(.col-1, .col-2) {\n    float: none;\n    width: 100%;\n    max-width: none;\n    padding: 0;\n  }\n\n  .cr-shop form.checkout #customer_details h3 {\n    padding-bottom: 1rem;\n    border-bottom: 1px solid var(--sh-line);\n  }\n\n  .cr-shop form.checkout #order_review_heading {\n    grid-column: 2;\n    grid-row: 1;\n    align-self: end;\n    margin: 0 0 1rem;\n  }\n\n  .cr-shop form.checkout #order_review {\n    grid-column: 2;\n    grid-row: 2;\n    width: 100%;\n    padding: 1.75rem;\n    background: #ffffff;\n    border: 1px solid var(--sh-line);\n    box-shadow: var(--sh-shadow);\n  }\n\n  .cr-shop #order_review table.shop_table { border: 0; box-shadow: none; }\n\n  .cr-shop #order_review table.shop_table :is(th, td) {\n    padding-left: 0;\n    padding-right: 0;\n    background: transparent;\n  }\n\n  .cr-shop #order_review tr.cart_item td {\n    padding-left: 0.75rem;\n    padding-right: 0.75rem;\n    background: var(--sh-row);\n  }\n\n  .cr-shop #payment { margin-top: 1.5rem; background: transparent; border-radius: 0; }\n\n  .cr-shop #payment ul.payment_methods {\n    margin: 0 0 1.25rem;\n    padding: 1.25rem;\n    border: 1px solid var(--sh-line);\n    list-style: none;\n  }\n\n  .cr-shop #payment .payment_box {\n    margin: 0.75rem 0 0;\n    padding: 1rem;\n    background: var(--sh-row);\n    border-radius: 6px;\n  }\n\n  .cr-shop #payment .payment_box::before { display: none; }\n  .cr-shop #payment .place-order { padding: 0; }\n\n  \/* ---------- Pedido recibido ---------- *\/\n\n  .cr-shop :is(.woocommerce-notice--success, .woocommerce-thankyou-order-received) {\n    margin: 0 0 1.75rem;\n    padding: 1.25rem 1.5rem;\n    background: var(--sh-head);\n    border-left: 4px solid var(--sh-fire);\n    font-size: 17px;\n    font-weight: 700;\n  }\n\n  .cr-shop ul.order_details {\n    display: flex;\n    flex-wrap: wrap;\n    margin: 0 0 2.5rem;\n    padding: 0;\n    border: 1px solid var(--sh-line);\n    list-style: none;\n    box-shadow: var(--sh-shadow);\n  }\n\n  .cr-shop ul.order_details li {\n    flex: 1 1 160px;\n    margin: 0;\n    padding: 1.25rem 1.5rem;\n    border: 0;\n    border-right: 1px solid var(--sh-line);\n    font-size: 11.5px;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--sh-soft);\n  }\n\n  .cr-shop ul.order_details li:last-child { border-right: 0; }\n\n  .cr-shop ul.order_details li strong {\n    display: block;\n    margin-top: 0.4rem;\n    font-size: 16px;\n    letter-spacing: 0;\n    text-transform: none;\n    word-break: break-word;\n  }\n\n  \/* ---------- Avisos ---------- *\/\n\n  .cr-shop :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {\n    margin: 0 0 1.5rem;\n    padding: 1rem 1.25rem;\n    background: var(--sh-head);\n    border: 0;\n    border-left: 4px solid var(--sh-fire);\n    list-style: none;\n  }\n\n  .cr-shop .woocommerce-error { border-left-color: #c0392b; }\n\n  .cr-shop :is(.woocommerce-message, .woocommerce-info, .woocommerce-error)::before { display: none; }\n\n  \/* ---------- Movil ---------- *\/\n\n  @media (max-width: 900px) {\n    .cr-shop form.checkout { grid-template-columns: 1fr; row-gap: 1.5rem; }\n\n    .cr-shop form.checkout :is(#customer_details, #order_review_heading, #order_review) {\n      grid-column: 1;\n      grid-row: auto;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .cr-shop table.shop_table thead { display: none; }\n\n    .cr-shop form.woocommerce-cart-form table.shop_table,\n    .cr-shop form.woocommerce-cart-form table.shop_table :is(tbody, tr, td) {\n      display: block;\n      width: 100%;\n    }\n\n    .cr-shop form.woocommerce-cart-form table.shop_table td {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 0.6rem 1rem;\n      border-bottom: 0;\n      text-align: right;\n    }\n\n    .cr-shop form.woocommerce-cart-form table.shop_table td::before {\n      content: attr(data-title);\n      font-size: 11px;\n      font-weight: 700;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      color: var(--sh-soft);\n    }\n\n    .cr-shop form.woocommerce-cart-form :is(td.product-remove, td.product-thumbnail) { width: auto; }\n\n    .cr-shop form.woocommerce-cart-form :is(td.product-remove, td.product-thumbnail, td.actions)::before {\n      content: none;\n    }\n\n    .cr-shop tr.cart_item { border-bottom: 1px solid var(--sh-line); }\n\n    .cr-shop td.actions { display: block; }\n    .cr-shop td.actions .coupon { float: none; margin-bottom: 0.75rem; }\n    .cr-shop td.actions .coupon input.input-text { width: 100%; }\n    .cr-shop td.actions > button[name=\"update_cart\"] { float: none; width: 100%; }\n\n    .cr-shop ul.order_details li {\n      border-right: 0;\n      border-bottom: 1px solid var(--sh-line);\n    }\n  }\n<\/style>\n\n\n<section class=\"cr-shop cc-section cc-section--flush\" aria-labelledby=\"cr-shop-title\">\n  <div class=\"cr-shop__inner\">\n    <h1 class=\"cr-shop__title\" id=\"cr-shop-title\">Tu pedido<\/h1>\n    \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-2515","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/carraorestaurant.com\/en\/wp-json\/wp\/v2\/pages\/2515","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=2515"}],"version-history":[{"count":8,"href":"https:\/\/carraorestaurant.com\/en\/wp-json\/wp\/v2\/pages\/2515\/revisions"}],"predecessor-version":[{"id":2645,"href":"https:\/\/carraorestaurant.com\/en\/wp-json\/wp\/v2\/pages\/2515\/revisions\/2645"}],"wp:attachment":[{"href":"https:\/\/carraorestaurant.com\/en\/wp-json\/wp\/v2\/media?parent=2515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}