.elementor-700 .elementor-element.elementor-element-7a503b0{--display:flex;--min-height:40vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;}.elementor-700 .elementor-element.elementor-element-7a503b0:not(.elementor-motion-effects-element-type-background), .elementor-700 .elementor-element.elementor-element-7a503b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://canadiangames.es/wp-content/uploads/2026/04/freepik_retro-video-games-banner-_2808218334.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-700 .elementor-element.elementor-element-7a503b0::before, .elementor-700 .elementor-element.elementor-element-7a503b0 > .elementor-background-video-container::before, .elementor-700 .elementor-element.elementor-element-7a503b0 > .e-con-inner > .elementor-background-video-container::before, .elementor-700 .elementor-element.elementor-element-7a503b0 > .elementor-background-slideshow::before, .elementor-700 .elementor-element.elementor-element-7a503b0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-700 .elementor-element.elementor-element-7a503b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000 81%, var( --e-global-color-accent ) 100%);}.elementor-700 .elementor-element.elementor-element-8cf90cf{text-align:center;}.elementor-700 .elementor-element.elementor-element-8cf90cf .elementor-heading-title{color:#FFFFFF;}.elementor-700 .elementor-element.elementor-element-a1febd2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:4%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}@media(max-width:767px){.elementor-700 .elementor-element.elementor-element-a1febd2{--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}}/* Start custom CSS for shortcode, class: .elementor-element-2bb90d9 *//* =========================================================
   WOOCOMMERCE ESTILO CANADIAN GAMES
   Inspirado en tu home: rojo retro + azul oscuro + fondo gris
   ========================================================= */

:root{
  --cg-red: #ef3323;
  --cg-red-dark: #d92b1c;
  --cg-navy: #11152f;
  --cg-black: #080808;
  --cg-bg: #f3f3f3;
  --cg-white: #ffffff;
  --cg-text: #202020;
  --cg-muted: #6f6f6f;
  --cg-border: #e7e7e7;
  --cg-radius: 18px;
  --cg-radius-sm: 12px;
  --cg-shadow: 0 10px 28px rgba(17, 21, 47, 0.10);
}

/* Fondo general WooCommerce */
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account,
body.woocommerce-page {
  background: var(--cg-bg);
  color: var(--cg-text);
}

/* Contenedores principales */
.woocommerce-cart .site-main,
.woocommerce-checkout .site-main,
.woocommerce-account .site-main,
.woocommerce-page .site-main,
.woocommerce-cart .elementor-location-single,
.woocommerce-checkout .elementor-location-single,
.woocommerce-account .elementor-location-single,
.woocommerce-page .elementor-widget-theme-post-content {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Títulos */
.woocommerce h1,
.woocommerce h2,
.woocommerce h3,
.woocommerce h4,
.woocommerce-page h1,
.woocommerce-page h2,
.woocommerce-page h3,
.woocommerce-page h4 {
  color: var(--cg-navy);
  font-weight: 800;
  letter-spacing: -0.02em;
}

/* =========================
   NOTICES
   ========================= */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border: 0 !important;
  border-radius: var(--cg-radius-sm);
  box-shadow: var(--cg-shadow);
  padding: 18px 20px 18px 52px !important;
  margin-bottom: 20px !important;
}

.woocommerce-message {
  background: #fff;
  color: var(--cg-text);
  border-left: 5px solid var(--cg-red) !important;
}

.woocommerce-info {
  background: #fff;
  color: var(--cg-text);
  border-left: 5px solid var(--cg-navy) !important;
}

.woocommerce-error {
  background: #fff;
  color: #8b1e14;
  border-left: 5px solid var(--cg-red-dark) !important;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
  top: 18px !important;
}

/* =========================
   TABLAS WOOCOMMERCE
   ========================= */
.woocommerce table.shop_table,
.woocommerce-page table.shop_table {
  width: 100%;
  background: var(--cg-white);
  border: 0 !important;
  border-radius: var(--cg-radius);
  overflow: hidden;
  box-shadow: var(--cg-shadow);
  margin-bottom: 30px;
}

.woocommerce table.shop_table thead th,
.woocommerce-page table.shop_table thead th {
  background: var(--cg-navy);
  color: var(--cg-white);
  border: 0 !important;
  font-weight: 700;
  font-size: 15px;
  padding: 18px 16px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.woocommerce table.shop_table tbody td,
.woocommerce-page table.shop_table tbody td,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce-page table.shop_table tfoot td,
.woocommerce-page table.shop_table tfoot th {
  border-color: var(--cg-border) !important;
  padding: 18px 16px;
  vertical-align: middle;
}

.woocommerce table.shop_table tbody tr:nth-child(even) td {
  background: #fcfcfc;
}

.woocommerce table.shop_table a {
  color: var(--cg-navy);
  font-weight: 600;
  text-decoration: none;
}

.woocommerce table.shop_table a:hover {
  color: var(--cg-red);
}

/* Imágenes en carrito */
.woocommerce-cart table.cart img {
  width: 82px;
  border-radius: 12px;
  border: 1px solid var(--cg-border);
  background: #fff;
  padding: 4px;
}

/* Nombre producto */
.woocommerce-cart table.cart td.product-name a {
  font-size: 16px;
  font-weight: 700;
  color: var(--cg-navy);
}

/* Precio / subtotal */
.woocommerce-cart table.cart td.product-price,
.woocommerce-cart table.cart td.product-subtotal,
.woocommerce-cart table.cart td.product-price .amount,
.woocommerce-cart table.cart td.product-subtotal .amount,
.woocommerce table.shop_table .amount {
  color: var(--cg-red);
  font-weight: 800;
}

/* Botón eliminar producto */
.woocommerce a.remove {
  width: 30px;
  height: 30px;
  line-height: 28px;
  border-radius: 50%;
  background: rgba(239, 51, 35, 0.10);
  color: var(--cg-red) !important;
  font-size: 18px;
  font-weight: 700;
  transition: all .25s ease;
}

.woocommerce a.remove:hover {
  background: var(--cg-red) !important;
  color: #fff !important;
}

/* =========================
   INPUTS / CUPONES / FORMULARIOS
   ========================= */
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single {
  background: #fff;
  border: 1px solid var(--cg-border);
  border-radius: 14px !important;
  min-height: 48px;
  padding: 12px 16px !important;
  color: var(--cg-text);
  box-shadow: none;
  transition: all .2s ease;
}

.woocommerce textarea,
.woocommerce form .form-row textarea {
  min-height: 120px;
  padding-top: 14px !important;
}

.woocommerce input.input-text:focus,
.woocommerce textarea:focus,
.woocommerce select:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: var(--cg-red);
  box-shadow: 0 0 0 3px rgba(239, 51, 35, 0.12);
  outline: none;
}

.woocommerce form .form-row label {
  color: var(--cg-navy);
  font-weight: 700;
  margin-bottom: 8px;
}

.woocommerce .coupon {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.woocommerce .coupon input.input-text {
  min-width: 220px;
}

/* =========================
   BOTONES
   ========================= */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.elementor-menu-cart__footer-buttons .elementor-button,
.elementor-menu-cart__toggle_button {
  background: var(--cg-navy) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  padding: 14px 24px !important;
  min-height: 48px;
  line-height: 1.2 !important;
  box-shadow: none !important;
  transition: all .25s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.elementor-menu-cart__footer-buttons .elementor-button:hover,
.elementor-menu-cart__toggle_button:hover {
  background: var(--cg-red) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
  opacity: .65;
}

/* Botón principal checkout */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  background: var(--cg-red) !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
  background: var(--cg-red-dark) !important;
}

/* =========================
   CANTIDADES
   ========================= */
.woocommerce .quantity .qty {
  min-height: 44px;
  border-radius: 12px;
  border: 1px solid var(--cg-border);
  background: #fff;
  color: var(--cg-navy);
  font-weight: 700;
  padding: 8px 10px;
}

/* =========================
   CART TOTALS / REVIEW / PAYMENT
   ========================= */
.cart-collaterals .cart_totals,
.woocommerce-checkout-review-order,
#order_review,
#customer_details,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: var(--cg-white);
  border-radius: var(--cg-radius);
  box-shadow: var(--cg-shadow);
  padding: 24px;
  border: 0;
}

.cart-collaterals .cart_totals h2,
#order_review_heading,
.woocommerce-checkout #customer_details h3 {
  color: var(--cg-navy);
  font-size: 28px;
  margin-bottom: 18px;
}

.cart-collaterals .cart_totals table th,
.cart-collaterals .cart_totals table td,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
  padding: 14px 12px !important;
}

.cart-collaterals .cart_totals table th,
.woocommerce-checkout-review-order-table th {
  color: var(--cg-navy);
  font-weight: 700;
}

.cart-collaterals .cart_totals .order-total .amount,
.woocommerce-checkout-review-order-table .order-total .amount {
  color: var(--cg-red);
  font-size: 24px;
  font-weight: 800;
}

/* =========================
   MÉTODOS DE PAGO
   ========================= */
.woocommerce-checkout #payment {
  background: transparent !important;
  border-radius: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods {
  background: #f9f9f9;
  border: 1px solid var(--cg-border);
  border-radius: 16px;
  padding: 10px 16px;
}

.woocommerce-checkout #payment ul.payment_methods li {
  padding: 12px 0;
  border-bottom: 1px solid var(--cg-border);
}

.woocommerce-checkout #payment ul.payment_methods li:last-child {
  border-bottom: 0;
}

.woocommerce-checkout #payment div.payment_box {
  background: #fff !important;
  color: var(--cg-text);
  border: 1px solid var(--cg-border);
  border-radius: 14px;
}

.woocommerce-checkout #payment div.payment_box::before {
  border-bottom-color: #fff !important;
}

/* =========================
   MI CUENTA
   ========================= */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  margin-bottom: 10px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: block;
  background: #f8f8f8;
  color: var(--cg-navy);
  border-radius: 12px;
  padding: 14px 16px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--cg-red);
  color: #fff;
}

/* =========================
   MINI CART LATERAL ELEMENTOR
   ========================= */
.elementor-menu-cart__main {
  background: var(--cg-bg) !important;
}

.elementor-menu-cart__products,
.widget_shopping_cart_content {
  color: var(--cg-text);
}

.elementor-menu-cart__product {
  background: #fff;
  border-radius: 16px;
  padding: 14px;
  margin-bottom: 14px;
  box-shadow: var(--cg-shadow);
}

.elementor-menu-cart__product-name a {
  color: var(--cg-navy) !important;
  font-weight: 700;
  text-decoration: none;
}

.elementor-menu-cart__product-price,
.elementor-menu-cart__product-price .amount,
.elementor-menu-cart__subtotal .amount {
  color: var(--cg-red) !important;
  font-weight: 800;
}

.elementor-menu-cart__subtotal {
  background: #fff;
  border-radius: 16px;
  padding: 16px;
  margin: 18px 0;
  box-shadow: var(--cg-shadow);
  color: var(--cg-navy);
}

.elementor-menu-cart__product-remove a {
  background: rgba(239, 51, 35, 0.10);
  border-radius: 50%;
}

.elementor-menu-cart__product-remove a::before,
.elementor-menu-cart__product-remove a::after {
  color: var(--cg-red) !important;
}

/* Botón del toggle superior del carrito */
.elementor-menu-cart__toggle_button {
  background: var(--cg-red) !important;
  border-radius: 12px !important;
}

.elementor-menu-cart__toggle_button:hover {
  background: var(--cg-red-dark) !important;
}

.elementor-button-icon-qty {
  background: #fff !important;
  color: var(--cg-red) !important;
  border-radius: 999px;
  font-weight: 800;
}

/* =========================
   TABLAS GENERALES
   ========================= */
.woocommerce table.my_account_orders,
.woocommerce table.woocommerce-orders-table,
.woocommerce table.woocommerce-table--order-details {
  background: #fff;
  border-radius: var(--cg-radius);
  overflow: hidden;
  box-shadow: var(--cg-shadow);
  border: 0 !important;
}

/* =========================
   BADGES / CUPONES / LINKS
   ========================= */
.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce .woocommerce-form-login-toggle .woocommerce-info {
  background: #fff;
}

.woocommerce a {
  color: var(--cg-red);
}

.woocommerce a:hover {
  color: var(--cg-red-dark);
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 768px) {
  .woocommerce table.shop_table,
  .woocommerce-page table.shop_table,
  .cart-collaterals .cart_totals,
  .woocommerce-checkout-review-order,
  #order_review,
  #customer_details {
    border-radius: 14px;
  }

  .woocommerce table.shop_table thead th {
    font-size: 13px;
    padding: 14px 12px;
  }

  .woocommerce table.shop_table tbody td,
  .woocommerce table.shop_table tfoot td,
  .woocommerce table.shop_table tfoot th {
    padding: 14px 12px;
  }

  .woocommerce-cart table.cart td.product-name a {
    font-size: 15px;
  }

  .woocommerce .coupon {
    flex-direction: column;
  }

  .woocommerce .coupon input.input-text,
  .woocommerce .coupon .button {
    width: 100%;
  }
}/* End custom CSS */