.sytec-cart-layout,
.sytec-checkout-layout,
.sytec-order-received-main {
  --sytec-flow-navy: #082d70;
  --sytec-flow-blue: #0758ce;
  --sytec-flow-cyan: #138fed;
  --sytec-flow-ink: #0b2b62;
  --sytec-flow-muted: #5c7192;
  --sytec-flow-line: #d5e4f4;
  --sytec-flow-soft: #f3f8fe;
  --sytec-flow-success: #159351;
  --sytec-flow-radius: 18px;
  background: #fff;
}

.sytec-cart-main .sytec-page-section,
.sytec-checkout-main .sytec-page-section,
.sytec-order-received-main .sytec-page-section {
  padding-block: 0 56px;
  background:
    radial-gradient(circle at 82% 22%, rgb(44 154 232 / 9%), transparent 28%),
    linear-gradient(180deg, #f8fcff 0, #fff 360px);
}

.sytec-cart-main .sytec-page-container,
.sytec-checkout-main .sytec-page-container,
.sytec-order-received-main .sytec-page-container,
.sytec-cart-main .sytec-page-content,
.sytec-checkout-main .sytec-page-content,
.sytec-order-received-main .sytec-page-content,
.sytec-cart-main .sytec-page-entry,
.sytec-checkout-main .sytec-page-entry,
.sytec-order-received-main .sytec-page-entry,
.sytec-cart-main .sytec-entry-content,
.sytec-checkout-main .sytec-entry-content,
.sytec-order-received-main .sytec-entry-content {
  width: 100%;
  max-width: none;
  min-width: 0;
}

.sytec-cart-main .sytec-entry-header,
.sytec-checkout-main .sytec-entry-header,
.sytec-order-received-main .sytec-entry-header {
  display: none;
}

.sytec-cart-main .sytec-page-content,
.sytec-checkout-main .sytec-page-content,
.sytec-order-received-main .sytec-page-content {
  display: block;
}

.sytec-cart-main .sytec-entry-content > .sytec-commerce-flow,
.sytec-checkout-main .sytec-entry-content > .sytec-commerce-flow,
.sytec-order-received-main .sytec-entry-content > .sytec-commerce-flow,
.sytec-commerce-flow {
  width: min(100%, 1360px);
  max-width: 1360px;
  margin-inline: auto;
  color: var(--sytec-flow-ink);
}

.sytec-commerce-steps {
  width: min(100% - 32px, 1000px);
  margin: -16px auto 22px;
}

.sytec-checkout-distraction-free .sytec-site {
  min-height: 100vh;
}

body.sytec-checkout-distraction-free main.sytec-checkout-main,
body.sytec-checkout-distraction-free main.sytec-checkout-main > .sytec-page-section {
  background: var(--sytec-checkout-page-background, transparent);
}

.sytec-checkout-focus-intro {
  display: grid;
  width: min(100% - 32px, 1000px);
  margin-inline: auto;
  padding: 28px 16px 18px;
  text-align: center;
  justify-items: center;
  gap: 12px;
}

.sytec-checkout-focus-intro__brand {
  display: grid;
  justify-items: center;
}

.sytec-checkout-focus-intro__logo {
  display: block;
  width: min(100%, var(--sytec-checkout-focus-logo-width, 140px));
  height: auto;
}

.sytec-checkout-focus-intro__title {
  color: var(--sytec-flow-navy);
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 700;
}

.sytec-checkout-focus-intro__message {
  max-width: 680px;
  margin: 0;
  color: var(--sytec-flow-muted);
  font-size: 15px;
  line-height: 1.5;
}

.sytec-checkout-focus-intro + .sytec-commerce-steps {
  margin-top: 0;
}

.sytec-commerce-steps ol {
  position: relative;
  display: grid;
  margin: 0;
  padding: 10px 18px;
  border: 1px solid var(--sytec-flow-line);
  border-radius: 16px;
  background: rgb(255 255 255 / 96%);
  box-shadow: 0 14px 34px rgb(11 57 112 / 8%);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
}

.sytec-commerce-steps ol::before {
  position: absolute;
  top: 31px;
  right: calc(12.5% + 22px);
  left: calc(12.5% + 22px);
  height: 2px;
  background: #dbe8f6;
  content: "";
}

.sytec-commerce-steps__item,
.sytec-commerce-steps__item > a,
.sytec-commerce-steps__item > span {
  min-width: 0;
}

.sytec-commerce-steps__item > a,
.sytec-commerce-steps__item > span {
  position: relative;
  z-index: 1;
  display: grid;
  padding: 3px 6px;
  justify-items: center;
  gap: 4px;
  color: #7d8da5 !important;
  text-decoration: none !important;
}

.sytec-commerce-steps__item i {
  display: grid;
  width: 38px;
  height: 38px;
  border: 2px solid #d9e5f2;
  border-radius: 50%;
  background: #fff;
  place-items: center;
}

.sytec-commerce-steps__item svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.sytec-commerce-steps__item small {
  position: absolute;
  top: 0;
  left: calc(50% + 11px);
  display: grid;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #dfe9f4;
  color: #60748e;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  place-items: center;
}

.sytec-commerce-steps__item strong {
  max-width: 100%;
  overflow: hidden;
  font-size: 11px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sytec-commerce-steps__item.is-current > :is(a, span),
.sytec-commerce-steps__item.is-complete > :is(a, span) {
  color: var(--sytec-flow-blue) !important;
}

.sytec-commerce-steps__item.is-current i {
  border-color: var(--sytec-flow-blue);
  background: linear-gradient(145deg, var(--sytec-flow-cyan), var(--sytec-flow-blue));
  box-shadow: 0 6px 14px rgb(7 88 206 / 22%);
  color: #fff;
}

.sytec-commerce-steps__item.is-current small,
.sytec-commerce-steps__item.is-complete small {
  background: var(--sytec-flow-blue);
  color: #fff;
}
.sytec-cart-summary-heading svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.sytec-commerce-flow .wp-block-woocommerce-cart,
.sytec-commerce-flow .wp-block-woocommerce-checkout {
  width: 100% !important;
  max-width: 1360px !important;
  margin: 0 auto !important;
}

.sytec-commerce-flow .wc-block-components-sidebar-layout.wc-block-cart,
.sytec-commerce-flow .wc-block-components-sidebar-layout.wc-block-checkout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.65fr) minmax(340px, .88fr) !important;
  gap: 24px !important;
  align-items: start !important;
}

.sytec-commerce-flow .wc-block-cart__main {
  width: auto !important;
  min-width: 0;
  padding: 22px !important;
  border: 1px solid var(--sytec-flow-line);
  border-radius: var(--sytec-flow-radius);
  background: #fff;
  box-shadow: 0 12px 34px rgb(11 54 105 / 7%);
}

.sytec-commerce-flow .wc-block-cart__sidebar,
.sytec-commerce-flow .wc-block-checkout__sidebar {
  position: sticky !important;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 18px) !important;
  width: auto !important;
  min-width: 0;
  padding: 16px !important;
  border: 1px solid var(--sytec-flow-line) !important;
  border-radius: var(--sytec-flow-radius) !important;
  background: #fff !important;
  box-shadow: 0 14px 38px rgb(11 54 105 / 9%) !important;
}

.sytec-cart-summary-heading {
  display: flex;
  margin-bottom: 10px;
  padding: 12px 14px;
  align-items: center;
  gap: 11px;
  border-radius: 13px;
  background: linear-gradient(135deg, #f0f7ff, #f8fbff);
  color: var(--sytec-flow-blue);
}

.sytec-cart-summary-heading i {
  display: grid;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 50%;
  background: #dbeeff;
  place-items: center;
}

.sytec-cart-summary-heading strong {
  color: var(--sytec-flow-navy);
  font-size: 19px;
  line-height: 1.15;
}

.sytec-commerce-flow .wc-block-cart__totals-title {
  display: none !important;
}

.sytec-commerce-flow .wc-block-cart-items__header {
  grid-template-columns: 96px minmax(0, 1fr) max-content !important;
  padding: 0 6px 11px !important;
  border-bottom: 0 !important;
}

.sytec-commerce-flow .wc-block-cart-items__header th {
  color: var(--sytec-flow-muted) !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.sytec-commerce-flow .wc-block-cart-items__row {
  grid-template-columns: 96px minmax(0, 1fr) max-content !important;
  margin-bottom: 12px;
  padding: 18px !important;
  border: 1px solid var(--sytec-flow-line) !important;
  border-radius: 15px;
  background: #fff !important;
}

.sytec-commerce-flow .wc-block-cart-items__row:last-child {
  margin-bottom: 0;
}

.sytec-commerce-flow .wc-block-cart-item__image {
  width: 96px !important;
  height: 96px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, #f7fbff, #eef6ff) !important;
}

.sytec-commerce-flow .wc-block-cart-item__image img {
  padding: 7px;
  object-fit: contain !important;
}

.sytec-commerce-flow .wc-block-components-product-name {
  color: var(--sytec-flow-navy) !important;
  font-size: 17px !important;
  font-weight: 750 !important;
}

.sytec-commerce-flow .wc-block-cart-item__prices {
  color: var(--sytec-flow-blue);
  font-size: 1em !important;
}

.sytec-commerce-flow .wc-block-components-product-metadata {
  color: var(--sytec-flow-muted) !important;
  font-size: 1em !important;
}

.sytec-commerce-flow .wc-block-components-quantity-selector {
  min-height: 42px;
  border: 1px solid #bcd3eb !important;
  border-radius: 999px !important;
  background: #fff;
  overflow: hidden;
}




.sytec-commerce-flow .wc-block-components-quantity-selector input,
.sytec-commerce-flow .wc-block-components-quantity-selector button {
  min-height: 40px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--sytec-flow-navy) !important;
}

.sytec-commerce-flow .wc-block-cart-item__remove-link {
  color: var(--sytec-flow-muted) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.sytec-commerce-flow .wc-block-cart-item__total {
  color: var(--sytec-flow-navy) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}

.sytec-cart-rule-hint {
  display: block;
  width: 100%;
  color: #087d63;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}

.sytec-commerce-flow .wc-block-components-totals-wrapper {
  padding: 13px 10px !important;
  border-color: var(--sytec-flow-line) !important;
}

.sytec-commerce-flow .wc-block-components-totals-item__label,
.sytec-commerce-flow .wc-block-components-totals-item__value {
  color: var(--sytec-flow-ink);
  font-size: 14px;
}

.sytec-commerce-flow .wc-block-components-totals-footer-item {
  margin-top: 4px;
  padding: 15px 12px !important;
  border-radius: 12px;
  background: var(--sytec-flow-soft);
}

.sytec-commerce-flow .wc-block-components-totals-footer-item :is(.wc-block-components-totals-item__label, .wc-block-components-totals-item__value) {
  color: var(--sytec-flow-navy);
  font-size: 19px !important;
  font-weight: 800 !important;
}

.sytec-commerce-flow .wc-block-cart__submit-button,
.sytec-commerce-flow .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
  min-height: 58px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, var(--sytec-flow-cyan), var(--sytec-flow-blue)) !important;
  box-shadow: 0 10px 24px rgb(7 88 206 / 22%);
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}

.sytec-commerce-flow .wc-block-cart__submit-button:hover,
.sytec-commerce-flow .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover {
  background: linear-gradient(135deg, #087bdc, #0648b4) !important;
  box-shadow: 0 13px 28px rgb(7 88 206 / 28%) !important;
  transform: translateY(-1px);
}

.sytec-commerce-flow .wc-block-cart__submit-button .wc-block-components-button__text::before {
  display: inline-block;
  width: 15px;
  height: 18px;
  margin-right: 9px;
  background: currentColor;
  content: "";
  vertical-align: -3px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 10V7a6 6 0 0 1 12 0v3h2v12H4V10h2Zm2 0h8V7a4 4 0 0 0-8 0v3Z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 10V7a6 6 0 0 1 12 0v3h2v12H4V10h2Zm2 0h8V7a4 4 0 0 0-8 0v3Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.sytec-commerce-flow .wc-block-components-totals-coupon__form {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

.sytec-commerce-flow .wc-block-components-totals-coupon__input input {
  min-height: 44px !important;
}

.sytec-commerce-flow .wc-block-cart__accepted-payment-methods {
  padding-top: 10px;
  border-top: 1px solid var(--sytec-flow-line);
}

/* Checkout Blocks. Las opciones disponibles continúan proviniendo de Market y WooCommerce. */
.sytec-commerce-flow .wc-block-checkout__main {
  width: auto !important;
  min-width: 0;
}

.sytec-commerce-flow .wc-block-checkout__main > :is(div, form),
.sytec-commerce-flow .wc-block-checkout__form > :is(div, fieldset) {
  border-radius: 14px;
}

.sytec-commerce-flow .wc-block-components-checkout-step {
  margin-bottom: 14px !important;
  padding: 19px !important;
  border: 1px solid var(--sytec-flow-line) !important;
  border-radius: 15px !important;
  background: #fff;
  box-shadow: 0 8px 24px rgb(11 54 105 / 5%);
}

.sytec-commerce-flow .wc-block-components-checkout-step__heading {
  margin: 0 0 14px !important;
}

.sytec-commerce-flow .wc-block-components-checkout-step__title {
  color: var(--sytec-flow-navy) !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}

.sytec-commerce-flow .wc-block-components-text-input input,
.sytec-commerce-flow .wc-block-components-combobox-control input,
.sytec-commerce-flow .wc-blocks-components-select__container {
  min-height: 50px !important;
  border-color: #bfd2e8 !important;
  border-radius: 9px !important;
  background: #fff !important;
}

.sytec-commerce-flow .wc-block-components-validation-error {
  color: var(--sytec-checkout-validation, #dc2626);
}

/* Compatibilidad de apariencia para carrito clásico. */
.sytec-cart-layout .woocommerce-cart-form,
.sytec-cart-layout .cart-collaterals .cart_totals {
  border: 1px solid var(--sytec-flow-line);
  border-radius: var(--sytec-flow-radius);
  background: #fff;
  box-shadow: 0 12px 34px rgb(11 54 105 / 7%);
}

@media (max-width: 1100px) {
  .sytec-commerce-flow .wc-block-components-sidebar-layout.wc-block-cart,
  .sytec-commerce-flow .wc-block-components-sidebar-layout.wc-block-checkout {
    grid-template-columns: minmax(0, 1.35fr) minmax(310px, .85fr) !important;
  }
}

@media (max-width: 900px) {

  .sytec-commerce-flow .wc-block-components-sidebar-layout.wc-block-cart,
  .sytec-commerce-flow .wc-block-components-sidebar-layout.wc-block-checkout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .sytec-commerce-flow .wc-block-cart__sidebar,
  .sytec-commerce-flow .wc-block-checkout__sidebar {
    position: static !important;
  }
}

@media (max-width: 768px) {
	.sytec-checkout-focus-intro {
		width: calc(100% - 16px);
		padding: 20px 12px 14px;
		gap: 10px;
	}

	.sytec-checkout-focus-intro__logo {
		width: min(100%, var(--sytec-checkout-focus-logo-width-mobile, 110px));
	}

	.sytec-checkout-focus-intro__message {
		font-size: 14px;
	}

  .sytec-cart-main .sytec-page-section,
  .sytec-checkout-main .sytec-page-section,
  .sytec-order-received-main .sytec-page-section {
    padding-bottom: 34px;
  }

  .sytec-commerce-steps {
    width: calc(100% - 16px);
    margin-top: -18px;
  }

  .sytec-commerce-steps ol {
    padding: 9px 7px;
  }

  .sytec-commerce-steps ol::before {
    top: 29px;
    right: calc(12.5% + 17px);
    left: calc(12.5% + 17px);
  }

  .sytec-commerce-steps__item i {
    width: 34px;
    height: 34px;
  }

  .sytec-commerce-steps__item svg {
    width: 17px;
    height: 17px;
  }

  .sytec-commerce-steps__item small {
    left: calc(50% + 8px);
  }

  .sytec-commerce-steps__item strong {
    font-size: 9px;
  }

  .sytec-commerce-flow .wc-block-cart__main,
  .sytec-commerce-flow .wc-block-cart__sidebar,
  .sytec-commerce-flow .wc-block-checkout__sidebar {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .sytec-commerce-flow .wc-block-cart-items__row {
    grid-template-columns: 74px minmax(0, 1fr) !important;
    padding: 13px !important;
  }

  .sytec-commerce-flow .wc-block-cart-item__image {
    width: 74px !important;
    height: 74px !important;
  }



  .sytec-commerce-flow .wc-block-cart-item__total {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
  }

  .sytec-commerce-flow .wc-block-components-product-name {
    font-size: 15px !important;
  }

  .sytec-commerce-flow .wc-block-components-totals-coupon__form {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .sytec-commerce-flow .wc-block-components-totals-coupon__button {
    width: 100%;
  }

  .sytec-commerce-flow .wc-block-components-checkout-step {
    padding: 14px !important;
  }
}

@media (max-width: 420px) {
  .sytec-commerce-steps__item strong {
    max-width: 62px;
  }

  .sytec-commerce-flow .wc-block-cart-items__row {
    grid-template-columns: 62px minmax(0, 1fr) !important;
    column-gap: 10px !important;
  }

  .sytec-commerce-flow .wc-block-cart-item__image {
    width: 62px !important;
    height: 62px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sytec-commerce-flow :is(.wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button) {
    transition: none !important;
  }
}

/* ==========================================================
 * CART BLOCK — TARJETAS DE PRODUCTO
 *
 * DESKTOP
 *
 * [imagen]  Nombre del producto
 *           Descripción
 *           [-] 1 [+]    × $5.000    = $5.000    Eliminar
 *
 * TABLET
 *
 * [imagen]  Nombre
 *           Descripción
 *           [-] 1 [+]  Eliminar    × $5.000
 *           = $5.000
 *
 * MOBILE
 *
 * [img] Nombre
 *       Descripción
 *       [-] 1 [+]  Eliminar
 *       × $5.000
 *       = $5.000
 * ========================================================== */


/* ==========================================================
 * DESKTOP — TARJETA
 * ========================================================== */

.sytec-commerce-flow--cart
.wc-block-cart-items__row {
  position: relative;

  display: grid !important;

  grid-template-columns:
    92px
    minmax(0, 1fr) !important;

  column-gap: 16px;

  align-items: center;

  width: 100%;
  min-width: 0;

  margin-bottom: 12px;

  padding: 18px !important;

  border: 1px solid var(--sytec-flow-line) !important;
  border-radius: 15px;

  background: #fff !important;
}


.sytec-commerce-flow--cart
.wc-block-cart-items__row:last-child {
  margin-bottom: 0;
}


/* Celdas WooCommerce */

.sytec-commerce-flow--cart
.wc-block-cart-items__row > td {
  width: auto !important;
  min-width: 0 !important;

  padding: 0 !important;

  border: 0 !important;

  background: transparent !important;
}


/* ==========================================================
 * IMAGEN
 * ========================================================== */

.sytec-commerce-flow--cart
.wc-block-cart-item__image {
  grid-column: 1;

  align-self: center;

  width: 92px !important;
  height: 92px !important;

  overflow: hidden;

  border: 0 !important;
  border-radius: 12px !important;

  background:
    linear-gradient(
      145deg,
      #f7fbff,
      #eef6ff
    ) !important;
}


.sytec-commerce-flow--cart
.wc-block-cart-item__image a {
  display: block;

  width: 100%;
  height: 100%;
}


.sytec-commerce-flow--cart
.wc-block-cart-item__image img {
  display: block;

  width: 100%;
  height: 100%;

  padding: 7px;

  object-fit: contain !important;
}


/* ==========================================================
 * PRODUCTO
 * ========================================================== */

.sytec-commerce-flow--cart
.wc-block-cart-item__product {
  grid-column: 2;

  align-self: stretch;

  min-width: 0 !important;
}


/* ==========================================================
 * WRAPPER PRODUCTO
 *
 * 1 nombre
 * 2 descripción
 * 3 cantidad + precio
 *
 * El lado derecho queda reservado para:
 * total + eliminar.
 * ========================================================== */

.sytec-commerce-flow--cart
.wc-block-cart-item__wrap {
  display: grid !important;

  grid-template-columns:
    max-content
    max-content
    minmax(0, 1fr);

  grid-template-rows:
    auto
    auto
    minmax(38px, auto);

  column-gap: 12px;
  row-gap: 6px;

  align-items: center;

  width: 100%;
  min-width: 0;
  height: 100%;

  /*
   * Espacio reservado para subtotal + eliminar.
   */
  padding-right: 265px;
}


/* ==========================================================
 * NOMBRE
 * ========================================================== */

.sytec-commerce-flow--cart
.wc-block-components-product-name {
  grid-column: 1 / -1;
  grid-row: 1;

  min-width: 0;

  margin: 0 !important;

  color: var(--sytec-flow-navy) !important;

  font-size: 15px !important;
  font-weight: 750 !important;

  line-height: 1.35;

  text-decoration: none !important;
}


/* ==========================================================
 * DESCRIPCIÓN
 * ========================================================== */

.sytec-commerce-flow--cart
.wc-block-components-product-metadata {
  grid-column: 1 / -1;
  grid-row: 2;

  min-width: 0;

  margin: 0 !important;

  color: var(--sytec-flow-muted) !important;

  font-size: 11px !important;

  line-height: 1.4;
}


.sytec-commerce-flow--cart
.wc-block-components-product-metadata__description {
  max-width: 62ch;
}


.sytec-commerce-flow--cart
.wc-block-components-product-metadata__description p {
  display: -webkit-box;

  margin: 0;

  overflow: hidden;

  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}


/* ==========================================================
 * CANTIDAD
 * ========================================================== */

.sytec-commerce-flow--cart
.wc-block-cart-item__quantity {
  position: static;

  grid-column: 1;
  grid-row: 3;

  display: block !important;

  width: auto !important;
  min-width: 0;

  margin: 0 !important;
}


.sytec-commerce-flow--cart
.wc-block-components-quantity-selector {
  display: inline-flex !important;

  align-items: center;

  min-height: 38px;

  margin: 0 !important;

  border: 1px solid #bcd3eb !important;
  border-radius: 999px !important;

  background: #fff !important;

  overflow: hidden;
}


.sytec-commerce-flow--cart
.wc-block-components-quantity-selector button {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  width: 32px !important;
  min-width: 32px !important;
  min-height: 36px !important;

  padding: 0 !important;

  border: 0 !important;

  background: transparent !important;

  box-shadow: none !important;

  color: var(--sytec-flow-navy) !important;
}


.sytec-commerce-flow--cart
.wc-block-components-quantity-selector input {
  width: 46px !important;
  min-width: 46px !important;
  min-height: 36px !important;

  padding: 0 4px !important;

  border: 0 !important;

  background: transparent !important;

  box-shadow: none !important;

  color: var(--sytec-flow-navy) !important;

  text-align: center;
}


/* ==========================================================
 * PRECIO UNITARIO
 *
 * × $5.000
 * ========================================================== */

.sytec-commerce-flow--cart
.wc-block-cart-item__prices {
  grid-column: 2;
  grid-row: 3;

  display: inline-flex !important;

  align-items: center;

  align-self: center;
  justify-self: start;

  gap: 4px;

  min-height: 38px;

  margin: 0 !important;

  color: var(--sytec-flow-blue) !important;

  font-size: 13px !important;
  font-weight: 700;

  line-height: 1;

  white-space: nowrap;
}


.sytec-commerce-flow--cart
.wc-block-cart-item__prices::before {
  content: "×";

  color: var(--sytec-flow-muted);

  font-weight: 500;
}


.sytec-commerce-flow--cart
.wc-block-cart-item__prices del {
  margin-right: 2px;

  opacity: .55;

  font-size: 10px;
}


.sytec-commerce-flow--cart
.wc-block-cart-item__prices ins {
  color: var(--sytec-flow-blue) !important;

  font-weight: 800;

  text-decoration: none;
}


/* ==========================================================
 * SUBTOTAL
 *
 * Se alinea con cantidad/precio.
 * ========================================================== */

.sytec-commerce-flow--cart
.wc-block-cart-item__total {
  position: absolute !important;

  right: 98px;
  bottom: 18px;

  display: block !important;

  width: auto !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;

  color: var(--sytec-flow-navy) !important;

  text-align: right !important;
}


.sytec-commerce-flow--cart
.wc-block-cart-item__total-price-and-sale-badge-wrapper {
  display: inline-flex !important;

  flex-direction: row;

  align-items: center;
  justify-content: flex-end;

  gap: 6px;

  min-height: 38px;

  margin: 0 !important;

  white-space: nowrap;
}


.sytec-commerce-flow--cart
.wc-block-cart-item__total-price-and-sale-badge-wrapper::before {
  content: "=";

  color: var(--sytec-flow-muted);

  font-size: 12px;
  font-weight: 500;
}


.sytec-commerce-flow--cart
.wc-block-cart-item__total
.price {
  color: var(--sytec-flow-navy) !important;

  font-size: 14px !important;
  font-weight: 800 !important;

  line-height: 1;
}


/* ==========================================================
 * BADGE AHORRO
 * ========================================================== */

.sytec-commerce-flow--cart
.wc-block-components-sale-badge {
  display: inline-flex !important;

  align-items: center;

  width: max-content;

  margin: 0 !important;

  padding: 3px 5px !important;

  border: 0 !important;
  border-radius: 4px;

  background: #bdf3c5 !important;

  color: var(--sytec-flow-navy) !important;

  font-size: 9px !important;
  font-weight: 700;

  line-height: 1;

  white-space: nowrap;
}


/* ==========================================================
 * ELIMINAR
 *
 * Es el botón nativo WooCommerce.
 * Solo cambia su posición visual en desktop.
 * ========================================================== */

.sytec-commerce-flow--cart
.wc-block-cart-item__remove-link {
  position: absolute !important;

  right: 18px;
  bottom: 18px;

  display: inline-flex !important;

  align-items: center;
  justify-content: center;

  width: auto !important;
  height: 38px !important;

  min-width: 0 !important;
  min-height: 38px !important;

  margin: 0 !important;

  padding: 0 4px !important;

  gap: 4px;

  border: 0 !important;

  background: transparent !important;

  color: var(--sytec-flow-muted) !important;

  font-size: 11px !important;
  font-weight: 600 !important;

  line-height: 1 !important;

  text-decoration: underline !important;
  text-underline-offset: 3px;

  white-space: nowrap !important;

  overflow: visible !important;

  clip: auto !important;
  clip-path: none !important;

  visibility: visible !important;
  opacity: 1 !important;

  transform: none !important;

  cursor: pointer;
}


.sytec-commerce-flow--cart
.wc-block-cart-item__remove-link::after {
  content: "Eliminar";
}


.sytec-commerce-flow--cart
.wc-block-cart-item__remove-link svg {
  display: block !important;

  width: 13px !important;
  height: 13px !important;

  flex: 0 0 13px;

  fill: currentColor;
}


.sytec-commerce-flow--cart
.wc-block-cart-item__remove-link:hover {
  color: #b42318 !important;
}


/* ==========================================================
 * MAYORISTA
 * ========================================================== */

.sytec-commerce-flow--cart
.sytec-cart-rule-hint {
  display: block;

  width: 100%;

  margin-top: 4px;

  color: #087d63;

  font-size: 10px;
  font-weight: 700;

  line-height: 1.3;
}


/* ==========================================================
 * TABLET
 *
 * Desde aquí NO usamos posiciones absolutas.
 *
 * [img] nombre
 *       descripción
 *       cantidad + eliminar     precio
 *       subtotal
 * ========================================================== */

@media (max-width: 1100px) {

  .sytec-commerce-flow--cart
  .wc-block-cart-items__row {
    grid-template-columns:
      76px
      minmax(0, 1fr) !important;

    grid-template-rows:
      auto
      auto;

    column-gap: 12px;
    row-gap: 8px;

    align-items: start;

    padding: 14px !important;
  }


  .sytec-commerce-flow--cart
  .wc-block-cart-item__image {
    grid-column: 1;
    grid-row: 1 / 3;

    align-self: start;

    width: 76px !important;
    height: 76px !important;
  }


  .sytec-commerce-flow--cart
  .wc-block-cart-item__product {
    grid-column: 2;
    grid-row: 1;

    min-width: 0;
  }


  .sytec-commerce-flow--cart
  .wc-block-cart-item__wrap {
    grid-template-columns:
      minmax(0, 1fr)
      max-content;

    grid-template-rows:
      auto
      auto
      auto;

    column-gap: 10px;
    row-gap: 7px;

    padding-right: 0;
  }


  .sytec-commerce-flow--cart
  .wc-block-components-product-name {
    grid-column: 1 / -1;
    grid-row: 1;
  }


  .sytec-commerce-flow--cart
  .wc-block-components-product-metadata {
    grid-column: 1 / -1;
    grid-row: 2;
  }


  .sytec-commerce-flow--cart
  .wc-block-cart-item__quantity {
    grid-column: 1;
    grid-row: 3;

    display: flex !important;

    align-items: center;

    flex-wrap: nowrap;

    gap: 9px;
  }


  .sytec-commerce-flow--cart
  .wc-block-cart-item__prices {
    grid-column: 2;
    grid-row: 3;

    align-self: center;
    justify-self: end;

    min-height: 38px;
  }


  /*
   * Eliminar vuelve al flujo normal,
   * dentro de quantity.
   */
  .sytec-commerce-flow--cart
  .wc-block-cart-item__remove-link {
    position: static !important;

    display: inline-flex !important;

    width: auto !important;
    height: 36px !important;

    min-height: 36px !important;

    flex: 0 0 auto;

    margin: 0 !important;

    padding: 0 3px !important;
  }


  /*
   * Total debajo del producto,
   * alineado a la derecha.
   */
  .sytec-commerce-flow--cart
  .wc-block-cart-item__total {
    position: static !important;

    grid-column: 2 !important;
    grid-row: 2 !important;

    align-self: start;
    justify-self: end !important;

    width: auto !important;

    margin: 2px 0 0 !important;
    padding: 0 !important;

    text-align: right !important;
  }


  .sytec-commerce-flow--cart
  .wc-block-cart-item__total-price-and-sale-badge-wrapper {
    min-height: 30px;
  }
}
/* ==========================================================
 * CART BLOCK — RESPONSIVE DEFINITIVO
 * <= 700px
 *
 * [imagen] Nombre del producto
 *          Descripción
 *
 *          [-] 1 [+]                 Eliminar
 *          × $5.000
 *
 *          = $5.000
 * ========================================================== */

@media (max-width: 700px) {

  /* ========================================================
   * CABECERA DE TABLA
   * ======================================================== */

  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-cart-items__header {
    display: none !important;
  }


  /* ========================================================
   * TARJETA
   *
   * Solo dos columnas:
   *
   * imagen | contenido
   *        | total
   * ======================================================== */

  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-cart-items__row {
    position: relative !important;

    display: grid !important;

    grid-template-columns:
      64px
      minmax(0, 1fr) !important;

    grid-template-rows:
      auto
      auto;

    column-gap: 12px !important;
    row-gap: 8px !important;

    align-items: start !important;

    width: 100% !important;

    margin-bottom: 12px !important;

    padding: 14px !important;

    border-radius: 14px !important;
  }


  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-cart-items__row > td {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;

    position: static !important;
  }


  /* ========================================================
   * IMAGEN
   * ======================================================== */

  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-cart-item__image {
    grid-column: 1 !important;
    grid-row: 1 !important;

    align-self: start !important;

    width: 64px !important;
    height: 64px !important;

    margin: 0 !important;
  }


  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-cart-item__image img {
    width: 100% !important;
    height: 100% !important;

    padding: 4px !important;

    object-fit: contain !important;
  }


  /* ========================================================
   * PRODUCTO
   *
   * MUY IMPORTANTE:
   * NO usamos display:contents aquí.
   * ======================================================== */

  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-cart-item__product {
    grid-column: 2 !important;
    grid-row: 1 !important;

    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    align-self: start !important;

    margin: 0 !important;
  }


  /* ========================================================
   * WRAPPER INTERNO
   *
   * DOM real:
   *
   * nombre
   * precio
   * metadata
   * quantity
   *
   * Lo reordenamos visualmente:
   *
   * nombre
   * metadata
   * quantity
   * precio
   * ======================================================== */

  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-cart-item__wrap {
    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr) !important;

    grid-template-rows:
      auto
      auto
      auto
      auto;

    row-gap: 8px !important;

    width: 100% !important;
    min-width: 0 !important;

    height: auto !important;

    padding: 0 !important;
    margin: 0 !important;
  }


  /* ========================================================
   * NOMBRE
   * ======================================================== */

  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-components-product-name {
    grid-column: 1 !important;
    grid-row: 1 !important;

    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    font-size: 14px !important;
    line-height: 1.35 !important;

    white-space: normal !important;

    overflow-wrap: break-word !important;
    word-break: normal !important;
  }


  /* ========================================================
   * DESCRIPCIÓN
   * ======================================================== */

  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-components-product-metadata {
    grid-column: 1 !important;
    grid-row: 2 !important;

    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    font-size: 10px !important;
    line-height: 1.35 !important;

    overflow: hidden;
  }


  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-components-product-metadata__description {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    overflow: hidden;
  }


  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-components-product-metadata__description p {
    display: -webkit-box !important;

    margin: 0 !important;

    overflow: hidden !important;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }


  /* ========================================================
   * CANTIDAD + ELIMINAR
   *
   * [-] 1 [+]                 Eliminar
   * ======================================================== */

  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-cart-item__quantity {
    position: static !important;

    grid-column: 1 !important;
    grid-row: 3 !important;

    display: grid !important;

    grid-template-columns:
      max-content
      minmax(0, 1fr);

    grid-template-rows:
      auto
      auto;

    column-gap: 10px !important;
    row-gap: 4px !important;

    align-items: center !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 2px 0 0 !important;
  }


  /* Selector cantidad */

  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-components-quantity-selector {
    grid-column: 1 !important;
    grid-row: 1 !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-self: start !important;

    width: auto !important;

    min-height: 36px !important;

    margin: 0 !important;
  }


  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-components-quantity-selector button {
    width: 30px !important;
    min-width: 30px !important;

    height: 34px !important;
    min-height: 34px !important;

    padding: 0 !important;
  }


  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-components-quantity-selector input {
    width: 44px !important;
    min-width: 44px !important;

    height: 34px !important;
    min-height: 34px !important;

    padding: 0 2px !important;

    text-align: center !important;
  }


  /* Eliminar */

  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-cart-item__remove-link {
    position: static !important;

    grid-column: 2 !important;
    grid-row: 1 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: flex-end !important;

    justify-self: end !important;

    width: auto !important;
    height: 34px !important;

    min-width: 0 !important;
    min-height: 34px !important;

    margin: 0 !important;

    padding: 0 2px !important;

    gap: 4px !important;

    font-size: 10px !important;

    white-space: nowrap !important;

    visibility: visible !important;
    opacity: 1 !important;

    clip: auto !important;
    clip-path: none !important;
  }


  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-cart-item__remove-link svg {
    width: 12px !important;
    height: 12px !important;

    flex: 0 0 12px;
  }


  /* Hint mayorista */

  .sytec-commerce-flow.sytec-commerce-flow--cart
  .sytec-cart-rule-hint {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    font-size: 9px !important;
  }


  /* ========================================================
   * PRECIO UNITARIO
   *
   * × $5.000
   * ======================================================== */

  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-cart-item__prices {
    grid-column: 1 !important;
    grid-row: 4 !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-self: start !important;

    width: auto !important;
    min-width: 0 !important;

    min-height: 24px !important;

    margin: 0 !important;

    gap: 4px !important;

    font-size: 11px !important;

    white-space: nowrap !important;
  }


  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-cart-item__prices del {
    font-size: 9px !important;
  }


  /* ========================================================
   * TOTAL
   *
   * Celda hermana del PRODUCTO.
   * Va debajo del contenido.
   *
   * = $5.000   Ahorra...
   * ======================================================== */

  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-cart-item__total {
    position: static !important;

    grid-column: 2 !important;
    grid-row: 2 !important;

    display: block !important;

    align-self: start !important;
    justify-self: start !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 2px 0 0 !important;
    padding: 0 !important;

    color: var(--sytec-flow-navy) !important;

    text-align: left !important;
  }


  /* Eliminar el TOTAL: que agrega el otro CSS */

  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-cart-item__total::before {
    display: none !important;

    content: none !important;
  }


  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-cart-item__total-price-and-sale-badge-wrapper {
    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;
    justify-content: flex-start !important;

    flex-wrap: wrap !important;

    gap: 5px !important;

    width: 100% !important;

    min-height: 26px !important;

    margin: 0 !important;
  }


  /* = */

  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-cart-item__total-price-and-sale-badge-wrapper::before {
    content: "=" !important;

    display: inline-block !important;

    color: var(--sytec-flow-muted);

    font-size: 11px;
    font-weight: 500;
  }


  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-cart-item__total
  .price {
    font-size: 13px !important;
    font-weight: 800 !important;

    line-height: 1.2 !important;
  }


  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-components-sale-badge {
    display: inline-flex !important;

    align-items: center !important;

    width: max-content !important;

    margin: 0 !important;

    padding: 2px 4px !important;

    font-size: 8px !important;

    line-height: 1.2 !important;
  }
}


/* ==========================================================
 * MÓVIL PEQUEÑO
 * <= 480px
 * ========================================================== */

@media (max-width: 480px) {

  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-cart-items__row {
    grid-template-columns:
      52px
      minmax(0, 1fr) !important;

    column-gap: 9px !important;

    padding: 10px !important;
  }


  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-cart-item__image {
    width: 52px !important;
    height: 52px !important;
  }


  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-components-product-name {
    font-size: 13px !important;
  }


  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-components-product-metadata {
    font-size: 9px !important;
  }


  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-components-quantity-selector button {
    width: 27px !important;
    min-width: 27px !important;
  }


  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-components-quantity-selector input {
    width: 38px !important;
    min-width: 38px !important;
  }


  .sytec-commerce-flow.sytec-commerce-flow--cart
  .wc-block-cart-item__remove-link {
    font-size: 9px !important;
  }
}

/* ==========================================================
 * CART BLOCK — AGRUPACIÓN VISUAL POR MERCADO
 * ========================================================== */

.sytec-commerce-flow--cart .wc-block-cart-items tbody {
  display: flex !important;
  flex-direction: column;
  width: 100%;
}

.sytec-commerce-flow--cart .sytec-cart-market-group {
  display: block !important;
  width: 100%;
  margin: 22px 0 10px;
}

.sytec-commerce-flow--cart .sytec-cart-market-group.is-first {
  margin-top: 0;
}

.sytec-commerce-flow--cart .sytec-cart-market-group > td {
  display: block;
  width: 100%;
  padding: 16px 18px !important;
  border: 1px solid #cfe1f5 !important;
  border-radius: 15px;
  background: linear-gradient(135deg, #eef6ff, #f8fbff) !important;
}

.sytec-commerce-flow--cart .sytec-cart-market-group.is-current > td {
  border-color: #8db9e8 !important;
  box-shadow: inset 4px 0 0 var(--sytec-flow-blue);
}

.sytec-commerce-flow--cart .sytec-cart-market-group.is-locked > td {
  background: #f8fafc !important;
}

.sytec-cart-market-group__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.sytec-cart-market-group__top > div {
  display: grid;
  gap: 3px;
}

.sytec-cart-market-group__title {
  color: var(--sytec-flow-navy);
  font-size: 17px;
  font-weight: 800;
  letter-spacing: .025em;
  line-height: 1.2;
  text-transform: uppercase;
}

.sytec-cart-market-group__count {
  color: var(--sytec-flow-muted);
  font-size: 12px;
  font-weight: 650;
}

.sytec-cart-market-group__subtotal {
  color: var(--sytec-flow-navy);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
  text-align: right;
  white-space: nowrap;
}

.sytec-cart-market-group__status {
  margin: 10px 0 0;
  color: var(--sytec-flow-blue);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.sytec-cart-market-group.is-locked .sytec-cart-market-group__status {
  color: #52677d;
}

.sytec-cart-market-breakdown {
  display: grid;
  gap: 8px;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid var(--sytec-flow-line);
  border-radius: 12px;
  background: #f8fbff;
}

.sytec-cart-market-breakdown > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}

.sytec-cart-market-breakdown dt,
.sytec-cart-market-breakdown dd {
  margin: 0;
  color: var(--sytec-flow-navy);
  font-size: 13px;
  line-height: 1.35;
}

.sytec-cart-market-breakdown dd {
  font-weight: 750;
  text-align: right;
  white-space: nowrap;
}

@media (max-width: 700px) {
  .sytec-commerce-flow--cart .sytec-cart-market-group {
    margin-top: 18px;
  }

  .sytec-commerce-flow--cart .sytec-cart-market-group.is-first {
    margin-top: 0;
  }

  .sytec-commerce-flow--cart .sytec-cart-market-group > td {
    padding: 13px 14px !important;
    border-radius: 13px;
  }

  .sytec-cart-market-group__top {
    display: grid;
    gap: 8px;
  }

  .sytec-cart-market-group__title {
    font-size: 15px;
  }

  .sytec-cart-market-group__subtotal {
    font-size: 13px;
    text-align: left;
  }

  .sytec-cart-market-group__status {
    font-size: 11px;
  }
}

/* ==========================================================
 * CLASSIC CHECKOUT — LAYOUT DEFINITIVO
 *
 * Desktop:
 *
 * ┌──────────────────────────┐  ┌──────────────────────┐
 * │ Datos de facturación     │  │ Tu pedido            │
 * │                          │  │ productos             │
 * │ Dirección alternativa    │  │ envío                │
 * │ Notas                    │  │ total                │
 * └──────────────────────────┘  │ pago                 │
 *                               └──────────────────────┘
 * ========================================================== */


/* ==========================================================
 * CONTENEDOR GENERAL
 * ========================================================== */

.sytec-checkout-layout {
  width: min(100% - 32px, 1180px);
  max-width: 1180px;

  margin-inline: auto;
}


/* ==========================================================
 * FORM CHECKOUT
 *
 * Dos columnas reales.
 * ========================================================== */

.sytec-checkout-layout
form.checkout.woocommerce-checkout {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(360px, .85fr);

  column-gap: 24px;
  row-gap: 0;

  align-items: start;

  width: 100%;
  min-width: 0;
}


/* ==========================================================
 * IZQUIERDA — CUSTOMER DETAILS
 * ========================================================== */

.sytec-checkout-layout
#customer_details {
  grid-column: 1;
  grid-row: 1;

  display: flex !important;

  flex-direction: column;

  gap: 16px;

  width: 100% !important;
  min-width: 0;

  margin: 0 !important;
}


/*
 * Anulamos floats / anchos de WooCommerce.
 */

.sytec-checkout-layout
#customer_details
.col-1,

.sytec-checkout-layout
#customer_details
.col-2 {
  display: block !important;

  float: none !important;

  width: 100% !important;
  max-width: none !important;

  min-width: 0;

  margin: 0 !important;
}


/* ==========================================================
 * CARDS IZQUIERDA
 * ========================================================== */

.sytec-checkout-layout
.woocommerce-billing-fields,

.sytec-checkout-layout
.woocommerce-shipping-fields,

.sytec-checkout-layout
.woocommerce-additional-fields {
  width: 100%;

  padding: 18px;

  border:
    1px solid
    var(--sytec-flow-line);

  border-radius: 14px;

  background: #fff;

  box-shadow:
    0 8px 24px
    rgb(11 54 105 / 5%);
}


/* Additional fields debajo del shipping */

.sytec-checkout-layout
.woocommerce-additional-fields {
  margin-top: 14px;
}


/* ==========================================================
 * TÍTULOS IZQUIERDA
 * ========================================================== */

.sytec-checkout-layout
.woocommerce-billing-fields > h3,

.sytec-checkout-layout
.woocommerce-shipping-fields > h3,

.sytec-checkout-layout
.woocommerce-additional-fields > h3 {
  margin:
    0
    0
    16px;

  color:
    var(--sytec-flow-navy);

  font-size: 19px;
  font-weight: 800;

  line-height: 1.2;
}


/* ==========================================================
 * CAMPOS FACTURACIÓN
 * ========================================================== */

.sytec-checkout-layout
.woocommerce-billing-fields__field-wrapper,

.sytec-checkout-layout
.woocommerce-shipping-fields__field-wrapper {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap:
    13px
    14px;
}


/* Nombre + Apellidos quedan en 2 columnas */


/*
 * Campos largos ocupan fila completa.
 */

.sytec-checkout-layout
:is(
  #billing_company_field,
  #billing_country_field,
  #billing_address_1_field,
  #billing_address_2_field,
  #billing_city_field,
  #billing_state_field,
  #billing_phone_field,
  #billing_email_field,
  #shipping_company_field,
  #shipping_country_field,
  #shipping_address_1_field,
  #shipping_address_2_field,
  #shipping_city_field,
  #shipping_state_field,
  #shipping_phone_field
) {
  grid-column:
    1 / -1;
}


/* ==========================================================
 * RESET FORM ROW
 * ========================================================== */

.sytec-checkout-layout
.woocommerce-checkout
.form-row {
  float: none !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* Labels */

.sytec-checkout-layout
.woocommerce-checkout
.form-row label {
  display: block;

  margin:
    0
    0
    5px;

  color:
    var(--sytec-flow-ink);

  font-size: 11px;
  font-weight: 700;

  line-height: 1.3;
}


/* Inputs */

.sytec-checkout-layout
.woocommerce-checkout
.input-text,

.sytec-checkout-layout
.woocommerce-checkout
select,

.sytec-checkout-layout
.woocommerce-checkout
textarea {
  width: 100% !important;

  min-height: 44px;

  padding:
    9px
    11px;

  border:
    1px solid
    #bfd2e8 !important;

  border-radius:
    8px;

  background:
    #fff !important;

  box-shadow:
    none !important;

  color:
    var(--sytec-flow-ink);

  font-size:
    13px;
}


.sytec-checkout-layout
.woocommerce-checkout
textarea {
  min-height: 90px;

  resize: vertical;
}


/* ==========================================================
 * SELECT2
 * ========================================================== */

.sytec-checkout-layout
.select2-container {
  width: 100% !important;
}


.sytec-checkout-layout
.select2-container
.select2-selection--single {
  min-height: 44px;

  border:
    1px solid
    #bfd2e8 !important;

  border-radius:
    8px !important;
}


.sytec-checkout-layout
.select2-container
.select2-selection--single
.select2-selection__rendered {
  line-height:
    42px;
}


.sytec-checkout-layout
.select2-container
.select2-selection--single
.select2-selection__arrow {
  height:
    42px;
}


/* ==========================================================
 * DIRECCIÓN DIFERENTE
 * ========================================================== */

.sytec-checkout-layout
#ship-to-different-address {
  margin:
    0
    0
    14px !important;

  font-size:
    13px;
}


.sytec-checkout-layout
#ship-to-different-address label {
  display:
    inline-flex;

  align-items:
    center;

  gap:
    7px;
}


/* ==========================================================
 * DERECHA — TU PEDIDO
 *
 * Ocultamos el heading independiente.
 *
 * Esto elimina el enorme espacio vacío que aparece
 * actualmente sobre la tabla.
 * ========================================================== */

.sytec-checkout-layout
#order_review_heading {
  display: none !important;
}


/* ==========================================================
 * REVIEW
 * ========================================================== */

.sytec-checkout-layout
#order_review {
  grid-column: 2;
  grid-row: 1;

  position: sticky;

  top:
    calc(
      var(--wp-admin--admin-bar--height, 0px)
      + 18px
    );

  align-self: start;

  width: 100%;
  min-width: 0;

  margin: 0 !important;

  padding: 0 !important;

  overflow: hidden;

  border:
    1px solid
    var(--sytec-flow-line) !important;

  border-radius:
    14px !important;

  background:
    #fff !important;

  box-shadow:
    0 12px 34px
    rgb(11 54 105 / 7%);
}


/*
 * Creamos el título dentro de la misma card.
 */

.sytec-checkout-layout
#order_review::before {
  display: block;

  padding:
    15px
    16px;

  border-bottom:
    1px solid
    var(--sytec-flow-line);

  background:
    linear-gradient(
      135deg,
      #f0f7ff,
      #f8fbff
    );

  color:
    var(--sytec-flow-navy);

  content:
    "Tu pedido";

  font-size:
    18px;

  font-weight:
    800;

  line-height:
    1.2;
}


/* ==========================================================
 * TABLA PEDIDO
 * ========================================================== */

.sytec-checkout-layout
#order_review
.woocommerce-checkout-review-order-table {
  width:
    calc(100% - 28px);

  margin:
    14px
    14px
    0 !important;

  border-collapse:
    separate;

  border-spacing:
    0;

  border:
    1px solid
    var(--sytec-flow-line);

  border-radius:
    10px;

  overflow:
    hidden;
}


.sytec-checkout-layout
#order_review
.woocommerce-checkout-review-order-table
th,

.sytec-checkout-layout
#order_review
.woocommerce-checkout-review-order-table
td {
  padding:
    10px
    9px !important;

  border:
    0;

  border-bottom:
    1px solid
    var(--sytec-flow-line);

  background:
    #fff;

  font-size:
    12px;

  line-height:
    1.4;

  vertical-align:
    top;
}


/* encabezado */

.sytec-checkout-layout
#order_review
.woocommerce-checkout-review-order-table
thead th {
  background:
    #edf7ff;

  color:
    var(--sytec-flow-blue);

  font-size:
    11px;

  font-weight:
    800;
}


/* columna subtotal */

.sytec-checkout-layout
#order_review
.woocommerce-checkout-review-order-table
.product-total,

.sytec-checkout-layout
#order_review
.woocommerce-checkout-review-order-table
td:last-child {
  text-align:
    right;

  white-space:
    nowrap;
}


/* Subtotal / shipping */

.sytec-checkout-layout
#order_review
.woocommerce-checkout-review-order-table
tfoot th {
  color:
    var(--sytec-flow-blue);

  font-weight:
    700;
}


/* Total final */

.sytec-checkout-layout
#order_review
.woocommerce-checkout-review-order-table
.order-total
th,

.sytec-checkout-layout
#order_review
.woocommerce-checkout-review-order-table
.order-total
td {
  background:
    var(--sytec-flow-soft);

  color:
    var(--sytec-flow-navy);

  font-size:
    16px;

  font-weight:
    800;
}


/* ==========================================================
 * SHIPPING METHODS
 * ========================================================== */

.sytec-checkout-layout
#order_review
.woocommerce-shipping-methods {
  margin:
    0;

  padding:
    0;

  list-style:
    none;
}


.sytec-checkout-layout
#order_review
.woocommerce-shipping-methods li {
  display:
    flex;

  align-items:
    flex-start;

  gap:
    6px;

  margin:
    0
    0
    7px;
}


.sytec-checkout-layout
#order_review
.woocommerce-shipping-methods li:last-child {
  margin-bottom:
    0;
}


/* ==========================================================
 * PAYMENT
 * ========================================================== */

.sytec-checkout-layout
#payment {
  margin:
    14px !important;

  overflow:
    hidden;

  border:
    1px solid
    var(--sytec-flow-line) !important;

  border-radius:
    10px !important;

  background:
    var(--sytec-flow-soft) !important;
}


.sytec-checkout-layout
#payment
.payment_methods {
  margin:
    0 !important;

  padding:
    12px !important;

  list-style:
    none;
}


/* Webpay logo */

.sytec-checkout-layout
#payment
.payment_method_transbank_webpay_plus
img {
  max-width:
    220px;

  height:
    auto;
}


/* Privacidad */

.sytec-checkout-layout
#payment
.woocommerce-privacy-policy-text {
  color:
    var(--sytec-flow-muted);

  font-size:
    11px;

  line-height:
    1.45;
}


/* ==========================================================
 * BOTÓN PEDIDO
 * ========================================================== */

.sytec-checkout-layout
#payment
.place-order {
  margin:
    0 !important;

  padding:
    12px !important;
}


.sytec-checkout-layout
#place_order {
  width:
    100% !important;

  min-height:
    48px;

  border:
    0 !important;

  border-radius:
    8px !important;

  background:
    linear-gradient(
      135deg,
      var(--sytec-flow-cyan),
      var(--sytec-flow-blue)
    ) !important;

  color:
    #fff !important;

  font-size:
    14px;

  font-weight:
    800;

  cursor:
    pointer;
}


/* ==========================================================
 * CUPÓN
 * ========================================================== */

.sytec-checkout-main
.woocommerce-form-coupon-toggle {
  width:
    min(100% - 32px, 1180px);

  margin:
    0 auto
    18px;
}


.sytec-checkout-main
.woocommerce-form-coupon-toggle
.woocommerce-info {
  margin:
    0 !important;

  padding:
    12px
    16px !important;

  border:
    1px solid
    #b8def5;

  border-radius:
    10px;

  background:
    #eaf8ff;

  color:
    var(--sytec-flow-ink);
}


/* ==========================================================
 * TABLET
 * ========================================================== */

@media (max-width: 1000px) {

  .sytec-checkout-layout {
    width:
      min(100% - 24px, 820px);
  }


  .sytec-checkout-layout
  form.checkout.woocommerce-checkout {
    display:
      block !important;
  }


  .sytec-checkout-layout
  #customer_details {
    margin-bottom:
      18px !important;
  }


  .sytec-checkout-layout
  #order_review {
    position:
      static;

    width:
      100%;
  }
}


/* ==========================================================
 * MÓVIL
 * ========================================================== */

@media (max-width: 700px) {

  .sytec-checkout-layout {
    width:
      calc(100% - 20px);
  }


  .sytec-checkout-layout
  .woocommerce-billing-fields,

  .sytec-checkout-layout
  .woocommerce-shipping-fields,

  .sytec-checkout-layout
  .woocommerce-additional-fields {
    padding:
      14px;
  }


  .sytec-checkout-layout
  .woocommerce-billing-fields__field-wrapper,

  .sytec-checkout-layout
  .woocommerce-shipping-fields__field-wrapper {
    grid-template-columns:
      minmax(0, 1fr);

    gap:
      11px;
  }


  .sytec-checkout-layout
  .woocommerce-billing-fields__field-wrapper
  > *,

  .sytec-checkout-layout
  .woocommerce-shipping-fields__field-wrapper
  > * {
    grid-column:
      1 !important;
  }


  .sytec-checkout-layout
  #order_review::before {
    padding:
      13px
      14px;

    font-size:
      16px;
  }


  .sytec-checkout-layout
  #order_review
  .woocommerce-checkout-review-order-table {
    width:
      calc(100% - 20px);

    margin:
      10px
      10px
      0 !important;
  }


  .sytec-checkout-layout
  #payment {
    margin:
      10px !important;
  }


  .sytec-checkout-main
  .woocommerce-form-coupon-toggle {
    width:
      calc(100% - 20px);
  }
}

/* ==========================================================
 * CHECKOUT — AVISO CUPÓN
 * ========================================================== */

.sytec-checkout-main
.woocommerce-form-coupon-toggle {
  width: min(100% - 32px, 1180px);
  margin: 0 auto 20px;
}


/* Card */

.sytec-checkout-main
.woocommerce-form-coupon-toggle
.woocommerce-info {
  position: relative;

  display: flex;
  align-items: center;

  min-height: 58px;

  margin: 0 !important;
  padding: 12px 18px 12px 58px !important;

  border: 1px solid #b9dff5 !important;
  border-radius: 12px;

  background:
    linear-gradient(
      135deg,
      #eef9ff,
      #f8fcff
    ) !important;

  box-shadow:
    0 6px 18px
    rgb(7 88 206 / 6%);

  color: var(--sytec-flow-ink) !important;

  font-size: 13px;
  line-height: 1.4;
}


/* ==========================================================
 * ICONO
 * ========================================================== */

.sytec-checkout-main
.woocommerce-form-coupon-toggle
.woocommerce-info::before {
  position: absolute !important;

  top: 50% !important;
  left: 14px !important;

  display: grid !important;

  width: 32px !important;
  height: 32px !important;

  margin: 0 !important;

  border-radius: 50%;

  background: #dcefff !important;

  color: var(--sytec-flow-blue) !important;

  content: "" !important;

  transform: translateY(-50%) !important;

  /*
   * Ticket / cupón
   */
  -webkit-mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5.5h16v4a2.5 2.5 0 0 0 0 5v4H4v-4a2.5 2.5 0 0 0 0-5v-4Zm6 3v2h2v-2h-2Zm0 5v2h2v-2h-2Z'/%3E%3C/svg%3E")
    center / 18px 18px
    no-repeat;

  mask:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5.5h16v4a2.5 2.5 0 0 0 0 5v4H4v-4a2.5 2.5 0 0 0 0-5v-4Zm6 3v2h2v-2h-2Zm0 5v2h2v-2h-2Z'/%3E%3C/svg%3E")
    center / 18px 18px
    no-repeat;
}


/*
 * El mask necesita el color mediante
 * background del propio pseudo-elemento.
 */
.sytec-checkout-main
.woocommerce-form-coupon-toggle
.woocommerce-info::before {
  background-color: var(--sytec-flow-blue) !important;
}


/* ==========================================================
 * ENLACE
 * ========================================================== */

.sytec-checkout-main
.woocommerce-form-coupon-toggle
.showcoupon {
  margin-left: 4px;

  color: var(--sytec-flow-blue) !important;

  font-weight: 700;

  text-decoration: none !important;

  border-bottom: 1px dashed currentColor;

  transition:
    color .18s ease,
    border-color .18s ease;
}


.sytec-checkout-main
.woocommerce-form-coupon-toggle
.showcoupon:hover {
  color: var(--sytec-flow-navy) !important;
}


/* ==========================================================
 * MÓVIL
 * ========================================================== */

@media (max-width: 700px) {

  .sytec-checkout-main
  .woocommerce-form-coupon-toggle {
    width: calc(100% - 20px);

    margin-bottom: 14px;
  }


  .sytec-checkout-main
  .woocommerce-form-coupon-toggle
  .woocommerce-info {
    min-height: 54px;

    padding:
      10px
      12px
      10px
      52px !important;

    font-size: 12px;
  }


  .sytec-checkout-main
  .woocommerce-form-coupon-toggle
  .woocommerce-info::before {
    left: 11px !important;

    width: 30px !important;
    height: 30px !important;

    -webkit-mask-size: 17px 17px;
    mask-size: 17px 17px;
  }
}

/* ==========================================================
 * CHECKOUT BLOCKS — PASOS 2 Y 3
 *
 * Desktop:
 *
 *       [ 1 -------- 2 -------- 3 ]
 *
 * [ Resumen pedido ] [ Datos / Pago ]
 *
 * ========================================================== */


/* ==========================================================
 * LAYOUT PRINCIPAL CHECKOUT
 * ========================================================== */

.wp-block-woocommerce-checkout.sytec-checkout-flow
.wc-block-components-sidebar-layout.wc-block-checkout {
  display: grid !important;

  grid-template-columns:
    minmax(430px, 1fr)
    minmax(500px, 1.05fr) !important;

  grid-template-rows:
    auto
    auto;

  column-gap: 24px !important;
  row-gap: 20px !important;

  align-items: start !important;

  width: 100% !important;
  max-width: 1240px !important;

  margin-inline: auto !important;
}


/* ==========================================================
 * PROGRESO
 *
 * Ahora es hijo directo del layout.
 * ========================================================== */

.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress {
  grid-column: 1 / -1;
  grid-row: 1;

  width: min(100%, 900px);

  margin:
    0
    auto
    4px;

  padding:
    14px
    24px;

  border:
    1px solid
    var(--sytec-flow-line);

  border-radius:
    15px;

  background:
    rgb(255 255 255 / 96%);

  box-shadow:
    0 10px 28px
    rgb(11 57 112 / 7%);
}


/* lista */

.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress ol {
  position: relative;

  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  width: 100%;

  margin: 0;
  padding: 0;

  list-style: none;
}


/* línea */

.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress ol::before {
  position: absolute;

  top: 16px;
  left: 16.66%;
  right: 16.66%;

  height: 2px;

  background:
    #d9e7f6;

  content: "";
}


/* pasos */

.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress li {
  position: relative;

  z-index: 1;

  display: flex;

  justify-content: center;

  min-width: 0;
}


/* botón paso */

.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress button {
  display: grid;

  grid-template-columns:
    32px;

  justify-items: center;

  gap: 5px;

  width: 100%;
  max-width: 180px;

  padding: 0;

  border: 0;

  background: transparent;

  color:
    #7c8fa9;

  font: inherit;

  cursor: pointer;
}


/* círculo */

.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress button > span {
  display: grid;

  width: 32px;
  height: 32px;

  border:
    2px solid
    #d7e4f2;

  border-radius:
    50%;

  background:
    #fff;

  color:
    #7487a1;

  font-size:
    12px;

  font-weight:
    800;

  place-items:
    center;
}


/* texto */

.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress strong {
  display: block;

  width: max-content;
  max-width: 150px;

  color:
    inherit;

  font-size:
    11px;

  font-weight:
    700;

  line-height:
    1.25;

  text-align:
    center;
}


/* completado */

.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress
.is-completed
button {
  color:
    var(--sytec-flow-blue);
}


.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress
.is-completed
button > span {
  border-color:
    var(--sytec-flow-blue);

  color:
    var(--sytec-flow-blue);
}


/* actual */

.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress
.is-current
button {
  color:
    var(--sytec-flow-navy);
}


.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress
.is-current
button > span {
  border-color:
    var(--sytec-flow-blue);

  background:
    linear-gradient(
      145deg,
      var(--sytec-flow-cyan),
      var(--sytec-flow-blue)
    );

  box-shadow:
    0 5px 13px
    rgb(7 88 206 / 24%);

  color:
    #fff;
}


/* no disponible */

.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress
.is-unavailable {
  opacity:
    .55;
}


/* ==========================================================
 * PASO BILLING
 *
 * izquierda = resumen
 * derecha   = formulario
 * ========================================================== */

.wp-block-woocommerce-checkout.sytec-checkout-flow[data-sytec-step="billing"]
.wc-block-checkout__sidebar {
  grid-column: 1;
  grid-row: 2;

  width: auto !important;
  min-width: 0 !important;

  align-self: start;
}


.wp-block-woocommerce-checkout.sytec-checkout-flow[data-sytec-step="billing"]
.wc-block-checkout__main {
  grid-column: 2;
  grid-row: 2;

  width: auto !important;
  min-width: 0 !important;
}


/* ==========================================================
 * RESUMEN IZQUIERDA
 * ========================================================== */

.wp-block-woocommerce-checkout.sytec-checkout-flow[data-sytec-step="billing"]
.wc-block-checkout__sidebar {
  position: sticky;

  top:
    calc(
      var(--wp-admin--admin-bar--height, 0px)
      + 18px
    );

  padding:
    16px !important;

  border:
    1px solid
    var(--sytec-flow-line);

  border-radius:
    15px;

  background:
    #fff;

  box-shadow:
    0 10px 30px
    rgb(11 57 112 / 7%);
}


/* Evitar exceso de altura interna */

.wp-block-woocommerce-checkout.sytec-checkout-flow[data-sytec-step="billing"]
.wc-block-checkout__sidebar
.wc-block-components-order-summary {
  margin: 0 !important;
}


/* ==========================================================
 * FORMULARIO
 * ========================================================== */

.wp-block-woocommerce-checkout.sytec-checkout-flow[data-sytec-step="billing"]
.wc-block-checkout__main {
  display: block;
}


/* cards */

.wp-block-woocommerce-checkout.sytec-checkout-flow[data-sytec-step="billing"]
.wc-block-components-checkout-step,

.wp-block-woocommerce-checkout.sytec-checkout-flow[data-sytec-step="billing"]
.sytec-checkout-tax {
  margin-bottom:
    12px !important;

  padding:
    16px !important;

  border:
    1px solid
    var(--sytec-flow-line) !important;

  border-radius:
    14px !important;

  background:
    #fff;

  box-shadow:
    0 7px 20px
    rgb(11 54 105 / 4%);
}


/* títulos */

.wp-block-woocommerce-checkout.sytec-checkout-flow
.wc-block-components-checkout-step__title,

.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-tax > legend {
  color:
    var(--sytec-flow-navy);

  font-size:
    18px !important;

  font-weight:
    800 !important;

  line-height:
    1.2;
}


/* ==========================================================
 * TIPO COMPRADOR
 * ========================================================== */

.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-tax__choices {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap:
    12px;

  margin-top:
    14px;
}


.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-tax__choice {
  min-height:
    72px;

  padding:
    12px;

  border:
    1px solid
    var(--sytec-flow-line);

  border-radius:
    11px;

  background:
    #fff;
}


.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-tax__choice.is-selected {
  border-color:
    var(--sytec-flow-blue);

  background:
    #f5faff;

  box-shadow:
    0 0 0 1px
    var(--sytec-flow-blue);
}


/* ==========================================================
 * CAMPOS
 * ========================================================== */

.wp-block-woocommerce-checkout.sytec-checkout-flow
.wc-block-components-text-input input,

.wp-block-woocommerce-checkout.sytec-checkout-flow
.wc-block-components-select-input select,

.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-tax-field input {
  min-height:
    44px !important;
}


/* ==========================================================
 * NAVEGACIÓN BILLING
 * ========================================================== */

.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-navigation__actions {
  display: grid;

  grid-template-columns:
    minmax(130px, .65fr)
    minmax(220px, 1.35fr);

  gap:
    10px;

  margin-top:
    4px;
}


.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-back-cart,

.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-next-payment {
  min-height:
    48px;

  padding:
    10px
    14px;

  border-radius:
    9px;

  font-size:
    13px;

  font-weight:
    700;
}


.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-back-cart {
  border:
    1px solid
    var(--sytec-flow-line);

  background:
    #fff;

  color:
    var(--sytec-flow-navy);
}


.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-next-payment {
  border:
    0;

  background:
    linear-gradient(
      135deg,
      var(--sytec-flow-cyan),
      var(--sytec-flow-blue)
    );

  color:
    #fff;
}


/* ==========================================================
 * PASO 3
 *
 * Misma distribución:
 * resumen izquierda / pago derecha
 * ========================================================== */

.wp-block-woocommerce-checkout.sytec-checkout-flow[data-sytec-step="payment"]
.wc-block-checkout__sidebar {
  grid-column:
    1;

  grid-row:
    2;

  width:
    auto !important;
}


.wp-block-woocommerce-checkout.sytec-checkout-flow[data-sytec-step="payment"]
.wc-block-checkout__main {
  grid-column:
    2;

  grid-row:
    2;

  width:
    auto !important;

  min-width:
    0;
}


/* ==========================================================
 * TABLET
 * ========================================================== */

@media (max-width: 1050px) {

  .wp-block-woocommerce-checkout.sytec-checkout-flow
  .wc-block-components-sidebar-layout.wc-block-checkout {
    grid-template-columns:
      minmax(340px, .9fr)
      minmax(420px, 1.1fr) !important;

    gap:
      18px !important;
  }
}


/* ==========================================================
 * MÓVIL
 * ========================================================== */

@media (max-width: 800px) {

  .wp-block-woocommerce-checkout.sytec-checkout-flow
  .wc-block-components-sidebar-layout.wc-block-checkout {
    display:
      block !important;

    width:
      100% !important;
  }


  .wp-block-woocommerce-checkout.sytec-checkout-flow
  .sytec-checkout-progress {
    width:
      100%;

    margin-bottom:
      14px;

    padding:
      12px
      8px;
  }


  .wp-block-woocommerce-checkout.sytec-checkout-flow
  .sytec-checkout-progress strong {
    max-width:
      92px;

    font-size:
      9px;
  }


  .wp-block-woocommerce-checkout.sytec-checkout-flow
  .wc-block-checkout__sidebar,

  .wp-block-woocommerce-checkout.sytec-checkout-flow
  .wc-block-checkout__main {
    width:
      100% !important;

    position:
      static !important;
  }


  /*
   * En billing primero mostramos formulario,
   * luego resumen.
   */
  .wp-block-woocommerce-checkout.sytec-checkout-flow[data-sytec-step="billing"]
  .wc-block-checkout__main {
    margin-bottom:
      14px;
  }


  .wp-block-woocommerce-checkout.sytec-checkout-flow
  .sytec-checkout-navigation__actions {
    grid-template-columns:
      1fr;
  }
}

/* ==========================================================
 * FINALIZAR COMPRA — STEPPER
 * ========================================================== */

.sytec-checkout-main
.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress {
  width: min(100%, 900px) !important;

  margin:
    0
    auto
    20px !important;

  padding:
    18px
    24px !important;

  border:
    1px solid
    var(--sytec-flow-line) !important;

  border-radius:
    16px !important;

  background:
    #fff !important;

  box-shadow:
    0 10px 28px
    rgb(11 57 112 / 6%);
}


/* lista */

.sytec-checkout-main
.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress ol {
  position:
    relative;

  display:
    grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  align-items:
    start;

  width:
    100%;

  margin:
    0 !important;

  padding:
    0 !important;

  list-style:
    none !important;
}


/* Línea general */

.sytec-checkout-main
.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress ol::before {
  position:
    absolute;

  z-index:
    0;

  top:
    17px;

  left:
    16.666%;

  right:
    16.666%;

  height:
    2px;

  background:
    #dbe7f4;

  content:
    "";
}


/* cada paso */

.sytec-checkout-main
.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress li {
  position:
    relative;

  z-index:
    1;

  display:
    flex;

  min-width:
    0;

  justify-content:
    center;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* botón */

.sytec-checkout-main
.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress button {
  display:
    grid !important;

  grid-template-rows:
    34px
    auto;

  justify-items:
    center;

  align-items:
    start;

  gap:
    7px;

  width:
    100%;

  min-width:
    0;

  margin:
    0;

  padding:
    0
    8px;

  border:
    0;

  background:
    transparent !important;

  box-shadow:
    none !important;

  color:
    #7d8da5;

  cursor:
    pointer;
}


/* círculo */

.sytec-checkout-main
.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress
button > span {
  position:
    relative;

  z-index:
    2;

  display:
    grid;

  width:
    34px;

  height:
    34px;

  border:
    2px solid
    #d9e5f2;

  border-radius:
    50%;

  background:
    #fff;

  color:
    #70839d;

  font-size:
    12px;

  font-weight:
    800;

  line-height:
    1;

  place-items:
    center;
}


/* texto */

.sytec-checkout-main
.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress strong {
  display:
    block !important;

  width:
    100% !important;

  max-width:
    160px !important;

  min-width:
    0;

  margin:
    0;

  padding:
    0;

  overflow:
    visible !important;

  color:
    inherit;

  font-size:
    11px !important;

  font-weight:
    700;

  line-height:
    1.25;

  text-align:
    center;

  text-overflow:
    clip !important;

  white-space:
    normal !important;
}


/*
 * Importante:
 * evita CarroCarro / etiquetas duplicadas.
 */

.sytec-checkout-main
.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress strong::before,

.sytec-checkout-main
.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress strong::after {
  display:
    none !important;

  content:
    none !important;
}


/* ==========================================================
 * COMPLETADO
 * ========================================================== */

.sytec-checkout-main
.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress
.is-completed button {
  color:
    var(--sytec-flow-blue);
}


.sytec-checkout-main
.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress
.is-completed
button > span {
  border-color:
    var(--sytec-flow-blue);

  background:
    #fff;

  color:
    var(--sytec-flow-blue);
}


/* ==========================================================
 * ACTUAL
 * ========================================================== */

.sytec-checkout-main
.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress
.is-current button {
  color:
    var(--sytec-flow-navy);
}


.sytec-checkout-main
.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress
.is-current
button > span {
  border-color:
    var(--sytec-flow-blue);

  background:
    linear-gradient(
      145deg,
      var(--sytec-flow-cyan),
      var(--sytec-flow-blue)
    );

  box-shadow:
    0 5px 13px
    rgb(7 88 206 / 24%);

  color:
    #fff;
}


/* ==========================================================
 * NO DISPONIBLE
 * ========================================================== */

.sytec-checkout-main
.wp-block-woocommerce-checkout.sytec-checkout-flow
.sytec-checkout-progress
.is-unavailable button {
  color:
    #9aa9bc;

  cursor:
    default;

  opacity:
    .65;
}


/* ==========================================================
 * RESPONSIVE <= 700
 * ========================================================== */

@media (max-width: 700px) {

  .sytec-checkout-main
  .wp-block-woocommerce-checkout.sytec-checkout-flow
  .sytec-checkout-progress {
    width:
      100% !important;

    margin:
      0
      0
      14px !important;

    padding:
      14px
      8px !important;

    border-radius:
      14px !important;
  }


  .sytec-checkout-main
  .wp-block-woocommerce-checkout.sytec-checkout-flow
  .sytec-checkout-progress ol::before {
    top:
      15px;

    left:
      16.666%;

    right:
      16.666%;
  }


  .sytec-checkout-main
  .wp-block-woocommerce-checkout.sytec-checkout-flow
  .sytec-checkout-progress button {
    grid-template-rows:
      30px
      minmax(24px, auto);

    gap:
      6px;

    padding:
      0
      3px;
  }


  .sytec-checkout-main
  .wp-block-woocommerce-checkout.sytec-checkout-flow
  .sytec-checkout-progress
  button > span {
    width:
      30px;

    height:
      30px;

    font-size:
      11px;
  }


  .sytec-checkout-main
  .wp-block-woocommerce-checkout.sytec-checkout-flow
  .sytec-checkout-progress strong {
    max-width:
      110px !important;

    font-size:
      9px !important;

    line-height:
      1.2;

    white-space:
      normal !important;
  }
}


/* ==========================================================
 * RESPONSIVE <= 420
 * ========================================================== */

@media (max-width: 420px) {

  .sytec-checkout-main
  .wp-block-woocommerce-checkout.sytec-checkout-flow
  .sytec-checkout-progress {
    padding:
      12px
      4px !important;
  }


  .sytec-checkout-main
  .wp-block-woocommerce-checkout.sytec-checkout-flow
  .sytec-checkout-progress strong {
    max-width:
      92px !important;

    font-size:
      8.5px !important;
  }
}
/* ==========================================================
 * CHECKOUT — DIRECCIÓN COLAPSADA
 * ========================================================== */

/*
 * Cuando el propio step de WooCommerce está colapsado,
 * ocultamos TODOS sus hijos excepto nuestro resumen.
 */

.wc-block-checkout__shipping-fields.sytec-address-collapsed
> :not(.sytec-address-summary),

.wc-block-checkout__billing-fields.sytec-address-collapsed
> :not(.sytec-address-summary) {
  display: none !important;
}


/*
 * Caso alternativo:
 * si WooCommerce deja el formulario dentro de otro
 * .wc-block-components-checkout-step.
 */

.wc-block-components-checkout-step.sytec-address-collapsed
.wc-block-checkout__shipping-fields,

.wc-block-components-checkout-step.sytec-address-collapsed
.wc-block-checkout__billing-fields {
  display: none !important;
}


/*
 * Pero nunca ocultamos el resumen.
 */

.wc-block-components-checkout-step.sytec-address-collapsed
.sytec-address-summary,

.wc-block-checkout__shipping-fields.sytec-address-collapsed
> .sytec-address-summary,

.wc-block-checkout__billing-fields.sytec-address-collapsed
> .sytec-address-summary {
  display: grid !important;
}

/* =========================================================
 * CHECKOUT
 * OPCIONES DE ENVÍO SOLO EN PASO 3
 * ========================================================= */


/* PASO 1 — Carrito */
.wp-block-woocommerce-checkout.sytec-checkout-flow[data-sytec-step="cart"]
.wp-block-woocommerce-checkout-shipping-methods-block {
	display: none !important;
}


/* PASO 2 — Datos de facturación */
.wp-block-woocommerce-checkout.sytec-checkout-flow[data-sytec-step="billing"]
.wp-block-woocommerce-checkout-shipping-methods-block {
	display: none !important;
}


/* PASO 3 — Pago y confirmación */
.wp-block-woocommerce-checkout.sytec-checkout-flow[data-sytec-step="payment"]
.wp-block-woocommerce-checkout-shipping-methods-block {
	display: block !important;
}

/* =========================================================
 * MONTECATINI ACQUA
 * ORDER RECEIVED / PEDIDO RECIBIDO
 * ========================================================= */

.sytec-order-received-main {
	--sytec-order-navy: #082d70;
	--sytec-order-blue: #0758ce;
	--sytec-order-cyan: #138fed;
	--sytec-order-ink: #0b2b62;
	--sytec-order-muted: #60748e;
	--sytec-order-line: #d8e6f4;
	--sytec-order-soft: #f4f9fe;

	--sytec-order-success: #168451;
	--sytec-order-success-soft: #effaf4;
	--sytec-order-success-line: #b9e2ca;

	--sytec-order-radius: 18px;

	background:
		linear-gradient(
			180deg,
			#eef9ff 0,
			#f8fcff 260px,
			#fff 600px
		);
}


/* =========================================================
 * CONTENEDOR
 * ========================================================= */

.sytec-order-received-main .sytec-page-container {
	width: min(100% - 32px, 1180px);
	max-width: 1180px;
	margin-inline: auto;
}

.sytec-order-received-main .sytec-entry-content {
	width: 100%;
}

.sytec-order-received-main .sytec-commerce-flow {
	width: 100%;
	max-width: 1180px;
	margin-inline: auto;
}


/*
 * El título "Finalizar compra" ya no tiene sentido
 * cuando la compra terminó.
 */
.sytec-order-received-main .sytec-entry-header {
	display: none;
}


/* =========================================================
 * CONTENEDOR PRINCIPAL
 * ========================================================= */

.sytec-order-received-main .woocommerce-order {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 22px;
	min-width: 0;
	padding-block: 34px 54px;
	color: var(--sytec-order-ink);
}

.sytec-order-received-main .woocommerce-order > *,
.sytec-order-received-main .woocommerce-order-details,
.sytec-order-received-main .woocommerce-customer-details,
.sytec-order-received-main .woocommerce-columns--addresses,
.sytec-order-received-main .woocommerce-columns--addresses .woocommerce-column {
	min-width: 0;
	max-width: 100%;
}


/* =========================================================
 * MENSAJE DE ÉXITO
 * ========================================================= */

.sytec-order-received-main
.woocommerce-notice--success.woocommerce-thankyou-order-received {
	position: relative;
	margin: 0;
	padding: 28px 28px 28px 86px;

	border: 1px solid var(--sytec-order-success-line);
	border-radius: var(--sytec-order-radius);

	background:
		linear-gradient(
			135deg,
			#f4fcf7,
			#ecf9f2
		);

	box-shadow:
		0 16px 40px rgb(20 109 67 / 8%);

	color: #11693e;

	font-size: clamp(20px, 2vw, 27px);
	font-weight: 800;
	line-height: 1.25;
}


/* círculo check */
.sytec-order-received-main
.woocommerce-notice--success.woocommerce-thankyou-order-received::before {
	position: absolute;
	top: 50%;
	left: 26px;

	display: grid;
	width: 42px;
	height: 42px;

	border-radius: 50%;

	background: #d8f3e3;
	color: var(--sytec-order-success);

	font-size: 22px;
	font-weight: 900;

	content: "✓";

	transform: translateY(-50%);

	place-items: center;
}


/* =========================================================
 * RESUMEN Nº PEDIDO / FECHA / EMAIL / TOTAL / PAGO
 * ========================================================= */

.sytec-order-received-main
.woocommerce-order-overview {
	display: grid;
	grid-template-columns:
		repeat(5, minmax(0, 1fr));

	gap: 0;

	margin: 0 !important;
	padding: 0 !important;

	overflow: hidden;

	border: 1px solid var(--sytec-order-line);
	border-radius: var(--sytec-order-radius);

	background: #fff;

	box-shadow:
		0 12px 34px rgb(11 57 112 / 6%);

	list-style: none !important;
}


.sytec-order-received-main
.woocommerce-order-overview li {
	display: flex;
	min-width: 0;

	margin: 0 !important;
	padding: 18px !important;

	border: 0 !important;
	border-right: 1px solid var(--sytec-order-line) !important;

	flex-direction: column;

	gap: 5px;

	color: var(--sytec-order-muted);

	font-size: 11px;
	font-weight: 700;

	text-transform: uppercase;
	letter-spacing: .04em;
}


.sytec-order-received-main
.woocommerce-order-overview li:last-child {
	border-right: 0 !important;
}


.sytec-order-received-main
.woocommerce-order-overview li strong {
	display: block;

	overflow: hidden;

	color: var(--sytec-order-navy);

	font-size: 14px;
	font-weight: 800;
	line-height: 1.35;

	text-overflow: ellipsis;

	text-transform: none;
	letter-spacing: 0;
}


/* Total destacado */
.sytec-order-received-main
.woocommerce-order-overview__total strong {
	color: var(--sytec-order-blue) !important;

	font-size: 17px !important;
}


/* =========================================================
 * DATOS DE TRANSFERENCIA / INFORMACIÓN ADICIONAL
 * ========================================================= */

.sytec-order-received-main
.woocommerce-order > p:not(.woocommerce-notice) {
	margin: 0;
	padding: 18px 20px;

	border: 1px solid var(--sytec-order-line);
	border-radius: 14px;

	background: #fff;

	color: var(--sytec-order-muted);

	font-size: 13px;
	line-height: 1.65;

	box-shadow:
		0 8px 24px rgb(11 57 112 / 4%);
}


/* Primer párrafo: datos bancarios */
.sytec-order-received-main
.woocommerce-order > p:not(.woocommerce-notice):first-of-type {
	position: relative;

	padding-left: 58px;

	border-color: #c9dcf2;

	background:
		linear-gradient(
			135deg,
			#f6faff,
			#eef6ff
		);

	color: var(--sytec-order-ink);
}


.sytec-order-received-main
.woocommerce-order > p:not(.woocommerce-notice):first-of-type::before {
	position: absolute;
	top: 19px;
	left: 18px;

	display: grid;
	width: 28px;
	height: 28px;

	border-radius: 8px;

	background: #e2efff;
	color: var(--sytec-order-blue);

	content: "$";

	font-size: 15px;
	font-weight: 900;

	place-items: center;
}


/* Segundo párrafo: dudas */
.sytec-order-received-main
.woocommerce-order > p:not(.woocommerce-notice):nth-of-type(2) {
	border-color: #d6e4f2;

	background: #fbfdff;

	color: var(--sytec-order-navy);

	font-weight: 700;
}


/* =========================================================
 * DETALLES DEL PEDIDO
 * ========================================================= */

.sytec-order-received-main
.woocommerce-order-details {
	margin: 0;
	padding: 24px;

	border: 1px solid var(--sytec-order-line);
	border-radius: var(--sytec-order-radius);

	background: #fff;

	box-shadow:
		0 14px 38px rgb(11 57 112 / 6%);
}


.sytec-order-received-main
.woocommerce-order-details__title,
.sytec-order-received-main
.woocommerce-column__title {
	margin: 0 0 18px;

	color: var(--sytec-order-navy);

	font-size: 18px;
	font-weight: 850;
	line-height: 1.25;
}


/* =========================================================
 * TABLA PEDIDO
 * ========================================================= */

.sytec-order-received-main
.woocommerce-table--order-details {
	width: 100%;

	margin: 0 !important;

	border: 1px solid var(--sytec-order-line) !important;
	border-radius: 14px !important;

	border-collapse: separate !important;
	border-spacing: 0;

	overflow: hidden;

	background: #fff;
}


.sytec-order-received-main
.woocommerce-table--order-details thead th {
	padding: 14px 16px !important;

	border: 0 !important;
	border-bottom: 1px solid var(--sytec-order-line) !important;

	background: var(--sytec-order-soft);

	color: var(--sytec-order-navy);

	font-size: 12px;
	font-weight: 800;

	text-transform: uppercase;
	letter-spacing: .035em;
}


.sytec-order-received-main
.woocommerce-table--order-details tbody td {
	padding: 16px !important;

	border: 0 !important;
	border-bottom: 1px solid #edf3f9 !important;

	color: var(--sytec-order-ink);

	font-size: 13px;
	line-height: 1.45;
}


.sytec-order-received-main
.woocommerce-table--order-details tbody tr:last-child td {
	border-bottom: 1px solid var(--sytec-order-line) !important;
}


.sytec-order-received-main
.woocommerce-table--order-details a {
	color: var(--sytec-order-blue);

	font-weight: 750;

	text-decoration: none;
}


.sytec-order-received-main
.woocommerce-table--order-details a:hover {
	text-decoration: underline;
}


.sytec-order-received-main
.product-quantity {
	display: inline-flex;

	margin-left: 8px;
	padding: 3px 8px;

	border-radius: 999px;

	background: #eaf3fe;

	color: var(--sytec-order-blue);

	font-size: 11px;
	font-weight: 850;
}


/* Total producto */
.sytec-order-received-main
.woocommerce-table__product-total {
	width: 170px;

	color: var(--sytec-order-navy) !important;

	font-weight: 800;
}


/* =========================================================
 * FOOTER TABLA
 * ========================================================= */

.sytec-order-received-main
.woocommerce-table--order-details tfoot th,
.sytec-order-received-main
.woocommerce-table--order-details tfoot td {
	padding: 11px 16px !important;

	border: 0 !important;
	border-bottom: 1px solid #edf3f9 !important;

	background: #fff;

	color: var(--sytec-order-muted);

	font-size: 12px;
}


.sytec-order-received-main
.woocommerce-table--order-details tfoot th {
	font-weight: 750;
}


.sytec-order-received-main
.woocommerce-table--order-details tfoot td {
	color: var(--sytec-order-navy);

	font-weight: 750;
}


.sytec-order-received-main
.woocommerce-table--order-details tfoot tr:nth-last-child(2) th,
.sytec-order-received-main
.woocommerce-table--order-details tfoot tr:nth-last-child(2) td {
	background: #f1f7fe;

	color: var(--sytec-order-navy);

	font-size: 15px;
	font-weight: 900;
}


/* =========================================================
 * ACCIONES
 * ========================================================= */

.sytec-order-received-main
.sytec-order-received-actions {
	display: flex;

	margin-top: 22px;

	gap: 12px;

	justify-content: flex-end;
}


.sytec-order-received-main
.sytec-order-received-actions .button {
	display: inline-flex;
	min-height: 44px;

	margin: 0 !important;
	padding: 10px 20px !important;

	border-radius: 10px !important;

	align-items: center;
	justify-content: center;

	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1 !important;

	text-decoration: none !important;

	transition:
		transform .18s ease,
		box-shadow .18s ease,
		background-color .18s ease;
}


/* Principal */
.sytec-order-received-main
.sytec-order-received-actions__primary {
	border: 1px solid var(--sytec-order-blue) !important;

	background:
		linear-gradient(
			135deg,
			var(--sytec-order-cyan),
			var(--sytec-order-blue)
		) !important;

	color: #fff !important;

	box-shadow:
		0 8px 20px rgb(7 88 206 / 20%);
}


/* Secundario */
.sytec-order-received-main
.sytec-order-received-actions__secondary {
	border: 1px solid #cbddee !important;

	background: #fff !important;

	color: var(--sytec-order-blue) !important;

	box-shadow: none !important;
}


.sytec-order-received-main
.sytec-order-received-actions .button:hover {
	transform: translateY(-1px);
}


/* =========================================================
 * DIRECCIONES
 * ========================================================= */

.sytec-order-received-main
.woocommerce-customer-details {
	margin: 0;
}


.sytec-order-received-main
.woocommerce-columns--addresses {
	display: grid !important;

	margin: 0 !important;

	grid-template-columns:
		repeat(2, minmax(0, 1fr));

	gap: 20px;
}


.sytec-order-received-main
.woocommerce-columns--addresses::before,
.sytec-order-received-main
.woocommerce-columns--addresses::after {
	display: none !important;
}


.sytec-order-received-main
.woocommerce-columns--addresses
.woocommerce-column {
	float: none !important;

	width: auto !important;

	margin: 0 !important;
	padding: 22px !important;

	border: 1px solid var(--sytec-order-line);
	border-radius: var(--sytec-order-radius);

	background: #fff;

	box-shadow:
		0 12px 32px rgb(11 57 112 / 5%);
}


.sytec-order-received-main
.woocommerce-columns--addresses address {
	margin: 0 !important;

	border: 0 !important;

	color: var(--sytec-order-muted);

	font-size: 13px;
	font-style: normal;
	line-height: 1.65;
}


.sytec-order-received-main
.woocommerce-customer-details--phone,
.sytec-order-received-main
.woocommerce-customer-details--email {
	margin: 10px 0 0 !important;

	color: var(--sytec-order-ink);

	font-weight: 700;
}


/* =========================================================
 * DESKTOP
 * ========================================================= */

@media (min-width: 901px) {

	.sytec-order-received-main
	.woocommerce-order-details {
		padding: 26px;
	}

}


/* =========================================================
 * TABLET
 * ========================================================= */

@media (max-width: 900px) {

	.sytec-order-received-main
	.woocommerce-order-overview {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}

	.sytec-order-received-main
	.woocommerce-order-overview li {
		border-right: 1px solid var(--sytec-order-line) !important;
		border-bottom: 1px solid var(--sytec-order-line) !important;
	}

	.sytec-order-received-main
	.woocommerce-order-overview li:nth-child(2n) {
		border-right: 0 !important;
	}

	.sytec-order-received-main
	.woocommerce-order-overview li:last-child {
		grid-column: 1 / -1;

		border-right: 0 !important;
		border-bottom: 0 !important;
	}

	.sytec-order-received-main
	.woocommerce-table--order-details {
		display: table;
		table-layout: fixed;
		overflow: visible;
		white-space: normal;
	}

	.sytec-order-received-main
	.woocommerce-table--order-details th,
	.sytec-order-received-main
	.woocommerce-table--order-details td {
		min-width: 0;
		white-space: normal;
		overflow-wrap: anywhere;
	}

	.sytec-order-received-main
	.woocommerce-table__product-total {
		width: 32%;
	}

}


/* =========================================================
 * MÓVIL
 * ========================================================= */

@media (max-width: 640px) {

	.sytec-order-received-main
	.sytec-page-container {
		width: calc(100% - 32px) !important;
		max-width: calc(100% - 32px) !important;
		margin-inline: auto;
	}

	.sytec-order-received-main
	.woocommerce-order {
		gap: 16px;
		padding-block: 22px 36px;
	}


	/* éxito */

	.sytec-order-received-main
	.woocommerce-notice--success.woocommerce-thankyou-order-received {
		padding:
			72px
			18px
			20px;

		text-align: center;

		font-size: 20px;
	}

	.sytec-order-received-main
	.woocommerce-notice--success.woocommerce-thankyou-order-received::before {
		top: 18px;
		left: 50%;

		transform: translateX(-50%);
	}


	/* resumen pedido */

	.sytec-order-received-main
	.woocommerce-order-overview {
		grid-template-columns: 1fr;
	}

	.sytec-order-received-main
	.woocommerce-order-overview li,
	.sytec-order-received-main
	.woocommerce-order-overview li:nth-child(2n),
	.sytec-order-received-main
	.woocommerce-order-overview li:last-child {
		grid-column: auto;

		border-right: 0 !important;
		border-bottom: 1px solid var(--sytec-order-line) !important;
	}

	.sytec-order-received-main
	.woocommerce-order-overview li:last-child {
		border-bottom: 0 !important;
	}

	.sytec-order-received-main
	.woocommerce-order-overview li strong {
		overflow: visible;
		text-overflow: clip;
		white-space: normal;
		overflow-wrap: anywhere;
	}


	/* tabla */

	.sytec-order-received-main
	.woocommerce-order-details {
		padding: 16px;
	}

	.sytec-order-received-main
	.woocommerce-table--order-details {
		display: table;
		table-layout: fixed;
		overflow: visible;
		white-space: normal;
	}

	.sytec-order-received-main
	.woocommerce-table--order-details thead th,
	.sytec-order-received-main
	.woocommerce-table--order-details tbody td,
	.sytec-order-received-main
	.woocommerce-table--order-details tfoot th,
	.sytec-order-received-main
	.woocommerce-table--order-details tfoot td {
		padding:
			11px
			10px !important;

		min-width: 0;
		white-space: normal;
		overflow-wrap: anywhere;
	}

	.sytec-order-received-main
	.woocommerce-table__product-total {
		width: 42%;

		text-align: right;
	}

	.sytec-order-received-main
	.woocommerce-order > p:not(.woocommerce-notice),
	.sytec-order-received-main
	.woocommerce-order-details__title,
	.sytec-order-received-main
	.woocommerce-column__title,
	.sytec-order-received-main
	.woocommerce-columns--addresses address,
	.sytec-order-received-main
	.woocommerce-customer-details--phone,
	.sytec-order-received-main
	.woocommerce-customer-details--email {
		overflow-wrap: anywhere;
	}


	/* botones */

	.sytec-order-received-main
	.sytec-order-received-actions {
		display: grid;

		grid-template-columns: 1fr;
	}

	.sytec-order-received-main
	.sytec-order-received-actions .button {
		width: 100%;
	}


	/* direcciones */

	.sytec-order-received-main
	.woocommerce-columns--addresses {
		grid-template-columns: 1fr;
	}

	.sytec-order-received-main
	.woocommerce-columns--addresses
	.woocommerce-column {
		padding: 18px !important;
	}

}

@media (max-width: 360px) {

	.sytec-order-received-main
	.woocommerce-table--order-details thead th,
	.sytec-order-received-main
	.woocommerce-table--order-details tbody td,
	.sytec-order-received-main
	.woocommerce-table--order-details tfoot th,
	.sytec-order-received-main
	.woocommerce-table--order-details tfoot td {
		padding-inline: 6px !important;
	}

	.sytec-order-received-main
	.woocommerce-table__product-total {
		width: 55%;
	}

	.sytec-order-received-main
	.woocommerce-table--order-details .button {
		max-width: 100%;
		padding-inline: 10px !important;
		white-space: nowrap;
	}

}