.elementor-8 .elementor-element.elementor-element-e992563 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-8 .elementor-element.elementor-element-e992563:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-e992563 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://barberagency-barberagency.gymh5g.easypanel.host/wp-content/uploads/2026/02/img1.jpg");background-position:center center;background-size:cover;}.elementor-8 .elementor-element.elementor-element-e992563 > .elementor-background-overlay{background-color:#000000;opacity:0.62;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8 .elementor-element.elementor-element-e992563 > .elementor-container{min-height:100vh;}.elementor-8 .elementor-element.elementor-element-e992563{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-8 .elementor-element.elementor-element-64eac06.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-8 .elementor-element.elementor-element-9d22873{--spacer-size:436px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-4c0c019{text-align:center;}.elementor-8 .elementor-element.elementor-element-4c0c019 .elementor-heading-title{color:#FDFDFD;}.elementor-8 .elementor-element.elementor-element-affbb7f{text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-8 .elementor-element.elementor-element-e992563 > .elementor-container{min-height:800px;}.elementor-8 .elementor-element.elementor-element-e992563{padding:0px 25px 0px 025px;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-e992563:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-e992563 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-8 .elementor-element.elementor-element-e992563{padding:10px 20px 100px 20px;}}/* Start custom CSS for text-editor, class: .elementor-element-79831d61 *//* =========================================================
   BARBERAGENCY — CARRITO WOOCOMMERCE BLOCKS
   ========================================================= */

body.woocommerce-cart .wp-block-group.alignwide {
  width: min(1280px, calc(100% - 40px));
  max-width: 1280px;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.woocommerce-cart .wp-block-woocommerce-cart {
  width: 100% !important;
  max-width: 100% !important;
}

body.woocommerce-cart .wc-block-components-sidebar-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.65fr) minmax(320px, 0.95fr) !important;
  gap: 46px !important;
  align-items: start !important;
}

body.woocommerce-cart .wc-block-cart__main,
body.woocommerce-cart .wc-block-cart__sidebar {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.woocommerce-cart .wc-block-cart__sidebar {
  position: sticky !important;
  top: 24px !important;
}

/* Título */
body.woocommerce-cart .wp-block-group.alignwide > .wp-block-heading {
  margin: 40px 0 28px !important;
  font-size: clamp(36px, 4vw, 52px) !important;
  line-height: 1.05 !important;
}

/* Total */
body.woocommerce-cart .wp-block-woocommerce-cart-totals-block {
  width: 100% !important;
  max-width: 100% !important;
}

body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-block {
  width: 100% !important;
  max-width: 100% !important;
}

/* Botón */
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block,
body.woocommerce-cart .wc-block-cart__submit,
body.woocommerce-cart .wc-block-cart__submit-container {
  width: 100% !important;
  max-width: 100% !important;
}

body.woocommerce-cart .wc-block-cart__submit-button {
  width: 100% !important;
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

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

@media (max-width: 1024px) {

  body.woocommerce-cart .wp-block-group.alignwide {
    width: min(100% - 30px, 920px);
  }

  body.woocommerce-cart .wc-block-components-sidebar-layout {
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.85fr) !important;
    gap: 26px !important;
  }
}

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

@media (max-width: 767px) {

  body.woocommerce-cart .wp-block-group.alignwide {
    width: calc(100% - 24px) !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.woocommerce-cart .wp-block-group.alignwide > .wp-block-heading {
    margin: 26px 0 22px !important;

    font-size: 38px !important;
  }

  body.woocommerce-cart .wc-block-components-sidebar-layout {
    display: block !important;

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

  body.woocommerce-cart .wc-block-cart__main,
  body.woocommerce-cart .wc-block-cart__sidebar {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
  }

  body.woocommerce-cart .wc-block-cart__sidebar {
    position: static !important;

    margin-top: 28px !important;
  }

  body.woocommerce-cart .wp-block-woocommerce-cart-totals-block {
    width: 100% !important;
    max-width: 100% !important;

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

  body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-block {
    width: 100% !important;
    max-width: 100% !important;

    padding: 16px !important;

    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 16px !important;

    overflow: hidden !important;
  }

  body.woocommerce-cart
  .wc-block-components-totals-item {
    display: flex !important;

    width: 100% !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 12px !important;
  }

  body.woocommerce-cart
  .wc-block-components-totals-item__label {
    flex: 1 1 auto !important;
    min-width: 0 !important;

    white-space: normal !important;
  }

  body.woocommerce-cart
  .wc-block-components-totals-item__value {
    flex: 0 0 auto !important;

    margin-left: auto !important;

    white-space: nowrap !important;
  }

  body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block {
    width: 100% !important;

    margin-top: 14px !important;
  }

  body.woocommerce-cart .wc-block-cart__submit-button {
    width: 100% !important;
    max-width: 100% !important;

    min-height: 58px !important;

    margin: 0 !important;
    padding: 15px 16px !important;

    border-radius: 14px !important;

    text-align: center !important;
    white-space: normal !important;
  }
  
  /* =========================================================
   BARBERAGENCY — PRODUCTO DEL CARRITO EN MÓVIL
   Corrige desbordamiento del precio de línea
   ========================================================= */

@media (max-width: 767px) {

  body.woocommerce-cart
  .wc-block-cart-items__row {
    display: grid !important;
    grid-template-columns: 102px minmax(0, 1fr) !important;

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

    gap: 16px !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
  }

  /* Imagen */
  body.woocommerce-cart
  .wc-block-cart-item__image {
    width: 102px !important;
    max-width: 102px !important;

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

    margin: 0 !important;
  }

  body.woocommerce-cart
  .wc-block-cart-item__image img {
    display: block !important;

    width: 82px !important;
    max-width: 82px !important;
    height: 82px !important;

    object-fit: cover !important;

    border-radius: 10px !important;
  }

  /* Contenido del producto */
  body.woocommerce-cart
  .wc-block-cart-item__product {
    grid-column: 2 !important;

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

    padding: 0 !important;
  }

  body.woocommerce-cart
  .wc-block-cart-item__wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* Título */
  body.woocommerce-cart
  .wc-block-components-product-name {
    display: block !important;

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

    margin: 0 0 5px !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;

    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  /* Precio unitario */
  body.woocommerce-cart
  .wc-block-cart-item__prices {
    display: block !important;

    position: static !important;

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

    margin: 5px 0 !important;

    text-align: left !important;
  }

  /* Variación */
  body.woocommerce-cart
  .wc-block-components-product-details {
    width: 100% !important;
    max-width: 100% !important;

    margin: 5px 0 8px !important;
  }

  /* Cantidad */
  body.woocommerce-cart
  .wc-block-cart-item__quantity {
    display: flex !important;

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

    align-items: center !important;

    margin-top: 8px !important;
  }

  /* El total de la línea NO va a la derecha en móvil */
  body.woocommerce-cart
  .wc-block-cart-item__total {
    position: static !important;

    grid-column: 2 !important;

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

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

    text-align: left !important;
  }

  body.woocommerce-cart
  .wc-block-cart-item__total-price-and-sale-badge-wrapper {
    display: flex !important;

    width: 100% !important;

    justify-content: flex-start !important;

    white-space: normal !important;
  }

  /* Evita cualquier overflow lateral */
  body.woocommerce-cart
  .wc-block-cart-items,
  body.woocommerce-cart
  .wc-block-cart-items__row,
  body.woocommerce-cart
  .wc-block-cart-item__product,
  body.woocommerce-cart
  .wc-block-cart-item__total {
    overflow: visible !important;
  }
/* =========================================================
   BARBERAGENCY — CARRITO MÓVIL
   ACOMODA EL TOTAL DE LÍNEA SIN OCULTARLO
   ========================================================= */

@media (max-width: 767px) {

  body.woocommerce-cart
  .wc-block-cart-items__row {
    display: grid !important;

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

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

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

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
  }

  /* Imagen */
  body.woocommerce-cart
  .wc-block-cart-item__image {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;

    width: 125px !important;
    max-width: 125px !important;

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

  body.woocommerce-cart
  .wc-block-cart-item__image img {
    display: block !important;

    width: 100px !important;
    max-width: 100px !important;
    height: 100px !important;

    object-fit: cover !important;

    border-radius: 12px !important;
  }

  /* Datos del producto */
  body.woocommerce-cart
  .wc-block-cart-item__product {
    grid-column: 2 !important;
    grid-row: 1 !important;

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

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

  body.woocommerce-cart
  .wc-block-cart-item__wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* Nombre */
  body.woocommerce-cart
  .wc-block-components-product-name {
    display: block !important;

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

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

    white-space: normal !important;

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

    font-size: 15px !important;
    line-height: 1.35 !important;
  }

  /* Precio unitario */
  body.woocommerce-cart
  .wc-block-cart-item__prices {
    position: static !important;

    display: block !important;

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

    margin: 5px 0 !important;

    text-align: left !important;
  }

  /* Periodo */
  body.woocommerce-cart
  .wc-block-components-product-details {
    width: 100% !important;
    max-width: 100% !important;

    margin: 7px 0 !important;

    text-align: left !important;
  }

  /* Cantidad */
  body.woocommerce-cart
  .wc-block-cart-item__quantity {
    display: flex !important;

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

    margin-top: 8px !important;

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

  /* =====================================================
     TOTAL DE ESA LÍNEA
     ===================================================== */

  body.woocommerce-cart
  .wc-block-cart-item__total {
    position: static !important;

    display: flex !important;

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

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

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

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

    border-top: 1px solid rgba(255,255,255,.10) !important;

    text-align: left !important;

    box-sizing: border-box !important;
  }

  body.woocommerce-cart
  .wc-block-cart-item__total-price-and-sale-badge-wrapper {
    display: flex !important;

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

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

    margin: 0 !important;

    text-align: left !important;
  }

  body.woocommerce-cart
  .wc-block-cart-item__total .wc-block-components-product-price,
  body.woocommerce-cart
  .wc-block-cart-item__total .wc-block-components-product-price__value {
    display: inline-block !important;

    margin: 0 !important;

    white-space: nowrap !important;

    font-size: 16px !important;
    font-weight: 900 !important;
  }

  /* Opcional: etiqueta "Total:" delante del valor */
  body.woocommerce-cart
  .wc-block-cart-item__total::before {
    content: "Total: ";

    margin-right: 7px;

    font-size: 14px;
    font-weight: 700;
  }
}

/* =========================================================
   BARBERAGENCY — BOTÓN PROCEDER AL PAGO
   MISMO ESTILO EN ESCRITORIO, TABLET Y MÓVIL
   ========================================================= */

body.woocommerce-cart
.wc-block-cart__submit-button,
body.woocommerce-cart
.wp-block-woocommerce-proceed-to-checkout-block a,
body.woocommerce-cart
.wc-block-components-button.wc-block-cart__submit-button {
  display: flex !important;

  width: 100% !important;
  min-height: 62px !important;

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

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

  border: 1px solid rgba(255, 225, 143, 0.45) !important;
  border-radius: 17px !important;

  color: #101213 !important;

  background:
    linear-gradient(
      90deg,
      #f4c65d 0%,
      #e7a927 55%,
      #d99514 100%
    ) !important;

  box-shadow:
    0 14px 28px rgba(216, 150, 25, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;

  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  text-align: center !important;
  text-decoration: none !important;

  cursor: pointer !important;

  transition:
    transform 0.2s ease,
    filter 0.2s ease,
    box-shadow 0.2s ease !important;
}

body.woocommerce-cart
.wc-block-cart__submit-button:hover,
body.woocommerce-cart
.wp-block-woocommerce-proceed-to-checkout-block a:hover,
body.woocommerce-cart
.wc-block-components-button.wc-block-cart__submit-button:hover {
  color: #101213 !important;

  filter: brightness(1.08) !important;
  transform: translateY(-2px) !important;

  box-shadow:
    0 17px 35px rgba(216, 150, 25, 0.33),
    inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

body.woocommerce-cart
.wc-block-cart__submit-button:focus-visible,
body.woocommerce-cart
.wp-block-woocommerce-proceed-to-checkout-block a:focus-visible {
  outline: 3px solid rgba(255, 217, 119, 0.42) !important;
  outline-offset: 4px !important;
}
}

}/* End custom CSS */