{"id":10050,"date":"2026-10-22T10:56:06","date_gmt":"2026-10-22T15:56:06","guid":{"rendered":"https:\/\/jorgealvarez.me\/?page_id=10050"},"modified":"2026-10-22T11:00:59","modified_gmt":"2026-10-22T16:00:59","slug":"cart","status":"publish","type":"page","link":"https:\/\/jorgealvarez.me\/en\/cart\/","title":{"rendered":"Cart"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10050\" class=\"elementor elementor-10050\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a113f4 e-con-full e-flex e-con e-parent\" data-id=\"8a113f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbb6e3c elementor-widget elementor-widget-html\" data-id=\"cbb6e3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"tech-cart-wrapper\">\n  \n  <!-- Encabezado de la P\u00e1gina -->\n  <div class=\"tech-cart-header\">\n    <h1 class=\"tech-cart-title\">Tu Carrito de Compras<\/h1>\n    <p class=\"tech-cart-subtitle\">Revisa tus servicios y procede con el pago seguro<\/p>\n  <\/div>\n\n  <!-- Inyecci\u00f3n del Carrito de WooCommerce -->\n  <div class=\"tech-cart-content\">\n    \n  <\/div>\n\n  <!-- Badges de Confianza e Informaci\u00f3n Adicional -->\n  <div class=\"tech-cart-footer-trust\">\n    <div class=\"tech-trust-card\">\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n      <div>\n        <strong>Pago 100% Cifrado<\/strong>\n        <span>Procesamiento seguro con encriptaci\u00f3n SSL<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"tech-trust-card\">\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/><\/svg>\n      <div>\n        <strong>Activaci\u00f3n Inmediata<\/strong>\n        <span>Acceso a tus servicios tras confirmar el pago<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"tech-trust-card\">\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 6v6l4 2\"\/><\/svg>\n      <div>\n        <strong>Soporte Prioritario<\/strong>\n        <span>\u00bfDudas con tu orden? Cont\u00e1ctanos 24\/7<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<!-- ESTILOS CSS CORREGIDOS + FORMATO Y TRADUCCI\u00d3N DE NOTIFICACIONES -->\n<style>\n:root {\n  --tech-primary: #FF8000;\n  --tech-primary-hover: #E07000;\n  --tech-dark: #0F172A;\n  --tech-gray-dark: #334155;\n  --tech-gray-light: #64748B;\n  --tech-bg-subtle: #F8FAFC;\n  --tech-border: #E2E8F0;\n  --tech-radius: 12px;\n  --tech-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);\n}\n\n.tech-cart-wrapper {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 20px;\n  font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n  color: var(--tech-dark);\n}\n\n.tech-cart-header {\n  margin-bottom: 25px;\n}\n\n.tech-cart-title {\n  font-size: 30px;\n  font-weight: 800;\n  color: var(--tech-dark);\n  margin: 0 0 6px 0;\n  letter-spacing: -0.5px;\n}\n\n.tech-cart-subtitle {\n  font-size: 15px;\n  color: var(--tech-gray-light);\n  margin: 0;\n}\n\n\/* --- FORMATO Y ESTILO PARA MENSAJES DE WOOCOMMERCE --- *\/\n.tech-cart-content .woocommerce-notices-wrapper {\n  grid-column: 1 \/ -1 !important;\n  width: 100% !important;\n  margin-bottom: 20px !important;\n}\n\n.tech-cart-content .woocommerce-message,\n.tech-cart-content .woocommerce-error,\n.tech-cart-content .woocommerce-info {\n  background: #ffffff !important;\n  border: 1px solid var(--tech-border) !important;\n  border-left: 4px solid var(--tech-primary) !important;\n  border-radius: var(--tech-radius) !important;\n  padding: 16px 20px !important;\n  box-shadow: var(--tech-shadow) !important;\n  margin-bottom: 20px !important;\n  font-size: 14px !important;\n  font-weight: 600 !important;\n  color: var(--tech-dark) !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n  list-style: none !important;\n}\n\n.tech-cart-content .woocommerce-error {\n  border-left-color: #EF4444 !important;\n}\n\n.tech-cart-content .woocommerce-message::before,\n.tech-cart-content .woocommerce-error::before,\n.tech-cart-content .woocommerce-info::before {\n  display: none !important;\n}\n\n.tech-cart-content .woocommerce-message a.button,\n.tech-cart-content .woocommerce-info a.button {\n  background: var(--tech-dark) !important;\n  color: #ffffff !important;\n  border-radius: 6px !important;\n  padding: 8px 16px !important;\n  font-size: 13px !important;\n  font-weight: 700 !important;\n  text-decoration: none !important;\n  border: none !important;\n  float: none !important;\n}\n\n\/* Traducci\u00f3n de mensajes de aviso espec\u00edficos por CSS *\/\n.tech-cart-content .woocommerce-message {\n  font-size: 0 !important;\n}\n.tech-cart-content .woocommerce-message::after {\n  content: \"Carrito actualizado correctamente.\";\n  font-size: 14px;\n  color: var(--tech-dark);\n}\n\n\/* --- FORZAR GRILLA EN 2 COLUMNAS (TABLA + TOTALES) --- *\/\n.tech-cart-content .woocommerce {\n  display: grid !important;\n  grid-template-columns: 1fr 380px !important;\n  gap: 32px !important;\n  align-items: start !important;\n}\n\n.tech-cart-content .woocommerce::before,\n.tech-cart-content .woocommerce::after {\n  display: none !important;\n}\n\n.tech-cart-content .woocommerce-cart-form {\n  grid-column: 1 !important;\n  width: 100% !important;\n  margin: 0 !important;\n}\n\n\/* --- TABLA DE PRODUCTOS --- *\/\n.tech-cart-content table.shop_table.cart {\n  width: 100% !important;\n  border-collapse: separate !important;\n  border-spacing: 0 !important;\n  background: #ffffff !important;\n  border: 1px solid var(--tech-border) !important;\n  border-radius: var(--tech-radius) !important;\n  box-shadow: var(--tech-shadow) !important;\n  overflow: hidden !important;\n  margin: 0 !important;\n}\n\n.tech-cart-content table.shop_table.cart thead {\n  background: var(--tech-bg-subtle) !important;\n}\n\n.tech-cart-content table.shop_table.cart th {\n  padding: 14px 18px !important;\n  font-size: 13px !important;\n  font-weight: 700 !important;\n  color: var(--tech-gray-light) !important;\n  border-bottom: 1px solid var(--tech-border) !important;\n  text-align: left !important;\n}\n\n.tech-cart-content table.shop_table.cart td {\n  padding: 18px !important;\n  border-bottom: 1px solid var(--tech-border) !important;\n  vertical-align: middle !important;\n  color: var(--tech-gray-dark) !important;\n}\n\n.tech-cart-content table.shop_table.cart tr:last-child td {\n  border-bottom: none !important;\n}\n\n\/* Traducir encabezados de la tabla por CSS *\/\n.tech-cart-content table.shop_table.cart th.product-name { font-size: 0 !important; }\n.tech-cart-content table.shop_table.cart th.product-name::before { content: \"PRODUCTO\"; font-size: 13px; }\n\n.tech-cart-content table.shop_table.cart th.product-price { font-size: 0 !important; }\n.tech-cart-content table.shop_table.cart th.product-price::before { content: \"PRECIO\"; font-size: 13px; }\n\n.tech-cart-content table.shop_table.cart th.product-quantity { font-size: 0 !important; }\n.tech-cart-content table.shop_table.cart th.product-quantity::before { content: \"CANTIDAD\"; font-size: 13px; }\n\n.tech-cart-content table.shop_table.cart th.product-subtotal { font-size: 0 !important; }\n.tech-cart-content table.shop_table.cart th.product-subtotal::before { content: \"SUBTOTAL\"; font-size: 13px; }\n\n\/* Bot\u00f3n eliminar *\/\n.tech-cart-content table.shop_table.cart td.product-remove a.remove {\n  color: #EF4444 !important;\n  font-size: 20px !important;\n  font-weight: bold;\n  text-decoration: none;\n}\n\n\/* Nombre, precio e inputs *\/\n.tech-cart-content table.shop_table.cart td.product-name a {\n  font-weight: 700 !important;\n  color: var(--tech-dark) !important;\n  text-decoration: none !important;\n  font-size: 15px !important;\n}\n\n.tech-cart-content table.shop_table.cart td.product-price,\n.tech-cart-content table.shop_table.cart td.product-subtotal {\n  font-weight: 700 !important;\n  color: var(--tech-dark) !important;\n  font-size: 15px !important;\n}\n\n.tech-cart-content table.shop_table.cart td.product-quantity .quantity input.qty {\n  width: 55px !important;\n  height: 38px !important;\n  border: 1px solid var(--tech-border) !important;\n  border-radius: 6px !important;\n  text-align: center !important;\n  font-weight: 700 !important;\n}\n\n\/* CUP\u00d3N Y BOT\u00d3N ACTUALIZAR *\/\n.tech-cart-content table.shop_table.cart td.actions {\n  background: var(--tech-bg-subtle) !important;\n  padding: 16px 18px !important;\n}\n\n.tech-cart-content .coupon {\n  display: flex !important;\n  gap: 10px !important;\n  float: left !important;\n}\n\n.tech-cart-content .coupon input#coupon_code {\n  height: 40px !important;\n  border: 1px solid var(--tech-border) !important;\n  border-radius: 6px !important;\n  padding: 0 12px !important;\n  font-size: 13px !important;\n  width: 160px !important;\n}\n\n\/* Bot\u00f3n Aplicar Cup\u00f3n Traducido *\/\n.tech-cart-content .coupon button.button {\n  height: 40px !important;\n  background: var(--tech-dark) !important;\n  color: #ffffff !important;\n  border-radius: 6px !important;\n  padding: 0 16px !important;\n  font-weight: 600 !important;\n  border: none !important;\n  cursor: pointer !important;\n  font-size: 0 !important;\n}\n.tech-cart-content .coupon button.button::before {\n  content: \"Aplicar cup\u00f3n\";\n  font-size: 13px;\n}\n\n\/* Bot\u00f3n Actualizar Carrito Traducido *\/\n.tech-cart-content table.shop_table.cart button[name=\"update_cart\"] {\n  height: 40px !important;\n  background: #ffffff !important;\n  color: var(--tech-dark) !important;\n  border: 1px solid var(--tech-border) !important;\n  border-radius: 6px !important;\n  padding: 0 18px !important;\n  font-weight: 600 !important;\n  cursor: pointer !important;\n  float: right !important;\n  font-size: 0 !important;\n}\n.tech-cart-content table.shop_table.cart button[name=\"update_cart\"]::before {\n  content: \"Actualizar carrito\";\n  font-size: 13px;\n}\n\n\/* --- COLUMNA DERECHA: TOTALES DEL CARRITO --- *\/\n.tech-cart-content .cart-collaterals {\n  grid-column: 2 !important;\n  width: 100% !important;\n  margin: 0 !important;\n}\n\n.tech-cart-content .cart_totals {\n  background: #ffffff !important;\n  border: 1px solid var(--tech-border) !important;\n  border-radius: var(--tech-radius) !important;\n  padding: 24px !important;\n  box-shadow: var(--tech-shadow) !important;\n  width: 100% !important;\n  float: none !important;\n}\n\n\/* T\u00edtulo Cart Totals Traducido *\/\n.tech-cart-content .cart_totals h2 {\n  font-size: 0 !important;\n  margin: 0 0 18px 0 !important;\n  padding-bottom: 12px !important;\n  border-bottom: 2px solid var(--tech-border) !important;\n}\n.tech-cart-content .cart_totals h2::before {\n  content: \"Resumen del Pedido\";\n  font-size: 18px;\n  font-weight: 800;\n  color: var(--tech-dark);\n}\n\n.tech-cart-content .cart_totals table.shop_table {\n  width: 100% !important;\n  border-collapse: collapse !important;\n  margin-bottom: 20px !important;\n  background: transparent !important;\n  border: none !important;\n  box-shadow: none !important;\n}\n\n.tech-cart-content .cart_totals table.shop_table th,\n.tech-cart-content .cart_totals table.shop_table td {\n  padding: 12px 0 !important;\n  border-bottom: 1px solid var(--tech-border) !important;\n  font-size: 14px !important;\n  background: transparent !important;\n}\n\n.tech-cart-content .cart_totals table.shop_table th {\n  color: var(--tech-gray-light) !important;\n  font-weight: 600 !important;\n  text-align: left !important;\n}\n\n.tech-cart-content .cart_totals table.shop_table td {\n  text-align: right !important;\n  font-weight: 700 !important;\n  color: var(--tech-dark) !important;\n}\n\n.tech-cart-content .cart_totals table.shop_table tr.order-total th,\n.tech-cart-content .cart_totals table.shop_table tr.order-total td {\n  font-size: 18px !important;\n  color: var(--tech-primary) !important;\n  border-bottom: none !important;\n  padding-top: 16px !important;\n}\n\n\/* BOT\u00d3N PROCEED TO CHECKOUT TRADUCIDO *\/\n.tech-cart-content .wc-proceed-to-checkout a.checkout-button {\n  display: block !important;\n  width: 100% !important;\n  height: 48px !important;\n  line-height: 48px !important;\n  text-align: center !important;\n  background: var(--tech-primary) !important;\n  color: #ffffff !important;\n  font-weight: 700 !important;\n  border-radius: 8px !important;\n  text-decoration: none !important;\n  transition: background 0.2s ease !important;\n  box-shadow: 0 4px 12px rgba(255, 128, 0, 0.25) !important;\n  margin: 0 !important;\n  font-size: 0 !important;\n}\n\n.tech-cart-content .wc-proceed-to-checkout a.checkout-button::before {\n  content: \"Finalizar Compra\";\n  font-size: 16px;\n}\n\n.tech-cart-content .wc-proceed-to-checkout a.checkout-button:hover {\n  background: var(--tech-primary-hover) !important;\n}\n\n\/* FOOTER TRUST BADGES *\/\n.tech-cart-footer-trust {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n  margin-top: 35px;\n}\n\n.tech-trust-card {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background: #ffffff;\n  border: 1px solid var(--tech-border);\n  border-radius: var(--tech-radius);\n  padding: 16px;\n  box-shadow: var(--tech-shadow);\n}\n\n.tech-trust-card svg {\n  stroke: var(--tech-primary);\n  flex-shrink: 0;\n}\n\n.tech-trust-card div {\n  display: flex;\n  flex-direction: column;\n}\n\n.tech-trust-card strong {\n  font-size: 13px;\n  color: var(--tech-dark);\n}\n\n.tech-trust-card span {\n  font-size: 11px;\n  color: var(--tech-gray-light);\n  margin-top: 2px;\n}\n\n\/* RESPONSIVO *\/\n@media (max-width: 992px) {\n  .tech-cart-content .woocommerce {\n    grid-template-columns: 1fr !important;\n  }\n  \n  .tech-cart-content .cart-collaterals {\n    grid-column: 1 !important;\n  }\n\n  .tech-cart-footer-trust {\n    grid-template-columns: 1fr;\n  }\n\n  .tech-cart-content .coupon {\n    float: none !important;\n    margin-bottom: 12px !important;\n  }\n\n  .tech-cart-content table.shop_table.cart button[name=\"update_cart\"] {\n    float: none !important;\n    width: 100% !important;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tu Carrito de Compras Revisa tus servicios y procede con el pago seguro Pago 100% Cifrado Procesamiento seguro con encriptaci\u00f3n SSL Activaci\u00f3n Inmediata Acceso a tus servicios tras confirmar el pago Soporte Prioritario \u00bfDudas con tu orden? Cont\u00e1ctanos 24\/7<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-10050","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages\/10050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/comments?post=10050"}],"version-history":[{"count":10,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages\/10050\/revisions"}],"predecessor-version":[{"id":10060,"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/pages\/10050\/revisions\/10060"}],"wp:attachment":[{"href":"https:\/\/jorgealvarez.me\/en\/wp-json\/wp\/v2\/media?parent=10050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}