.elementor-6470 .elementor-element.elementor-element-589f0307{--display:flex;}.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 );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-6470 .elementor-element.elementor-element-589f0307{--content-width:500px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-6470 .elementor-element.elementor-element-589f0307{--content-width:974px;}}/* Start custom CSS for text-editor, class: .elementor-element-5b745402 *//* ===== SOLUCIÓN MÓVIL: forzar apilado vertical y quitar posicionamientos que se superponen ===== */
@media (max-width: 768px) {
  /* Forzar que el layout del bloque de carrito sea columna (apilado) */
  .wc-block-components-sidebar-layout,
  .wc-block-components-sidebar-layout .wc-block-components-main,
  .wc-block-components-sidebar-layout .wc-block-components-sidebar {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }

  /* Si Elementor puso un flex en el contenedor padre */
  .elementor-element.e-flex,
  .elementor-element.e-flex .e-con-inner {
    display: block !important;
    align-items: stretch !important;
  }

  /* Evitar que el sidebar use posicionamiento absoluto/sticky que se superpone */
  .wc-block-cart__sidebar,
  .wc-block-cart__submit-container,
  .wc-block-cart__submit-container--sticky {
    position: relative !important;
    top: auto !important;
    inset: auto !important;
    transform: none !important;
    z-index: 1 !important;
    margin-top: 18px !important; /* separa del listado de productos */
  }

  /* Asegurar que la tabla y filas no queden con altura fija o overflow oculto */
  .wc-block-cart-items,
  .wc-block-cart-items tbody,
  .wc-block-cart-items tr {
    display: table !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  /* Enlace/nombre producto y precio: que no se solapen */
  .wc-block-cart-item__product .wc-block-cart-item__wrap {
    display: block !important;
  }

  /* Si el botón de 'Finalizar compra' tiene contenedor sticky, desactívalo en móvil */
  .wc-block-cart__submit-container--sticky {
    position: static !important;
  }
}

/* ==== Ajuste de margen superior en móvil ==== */
@media (max-width: 768px) {
  /* Añadimos separación del header */
  .wc-block-components-sidebar-layout,
  .wc-block-cart.wp-block-woocommerce-filled-cart-block {
    margin-top: 30px !important; /* ajusta el valor según lo que necesites */
  }
}

/* ==== Ajuste de posición a la izquierda en móvil ==== */
@media (max-width: 768px) {
  /* Desplazamos el bloque de totales ligeramente a la izquierda */
  .wc-block-cart__sidebar,
  .wc-block-components-sidebar {
    margin-left: 40px !important; /* mueve hacia la izquierda */
    margin-right: 10px !important; /* mantiene un poco de aire al borde derecho */
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Alinear el botón de "Finalizar compra" con el resto del contenido */
  .wc-block-cart__submit-container {
    margin-left: 40px !important;
    margin-right: 10px !important;
    padding: 0 !important;
  }
}

/* ==== Ajuste de la primera columna (productos) hacia la izquierda ==== */
@media (max-width: 768px) {
  .wc-block-cart__main,
  .wc-block-components-main {
    margin-left: 30px !important;   /* mueve el bloque un poco hacia la izquierda */
    margin-right: 10px !important;   /* mantiene algo de aire en el borde derecho */
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  /* Ajuste fino por si la tabla de productos tiene padding interno */
  .wc-block-cart-items {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-589f0307 *//* Estilo para el botón "Finalizar compra" */
.wc-block-cart__submit-button.contained {
    background-color: #006781 !important;  /* Fondo azul */
    color: white !important;               /* Texto blanco */
    border-radius: 30px !important;        /* Bordes redondeados */
    text-transform: uppercase !important;  /* Texto en mayúsculas */
    padding: 10px 20px !important;         /* Ajusta el padding según necesites */
    font-weight: bold !important;          /* Negrita en el texto */
    border: 2px solid #006781 !important;  /* Bordes azules */
    outline: none !important;              /* Elimina el borde del contorno */
    box-shadow: none !important;           /* Elimina la sombra */
}

/* Sin efecto hover */
.wc-block-cart__submit-button.contained:hover {
    background-color: #006781 !important;  /* Mantiene el fondo azul */
    color: white !important;               /* Mantiene el texto blanco */
    border: 2px solid #006781 !important;  /* Bordes azules en hover */
}

/* Estado activo (cuando el botón es presionado) */
.wc-block-cart__submit-button.contained:active {
    background-color: #006781 !important;  /* Mantiene el fondo azul */
    color: white !important;               /* Mantiene el texto blanco */
    border: 2px solid #006781 !important;  /* Bordes azules en el estado activo */
    box-shadow: none !important;           /* Elimina cualquier sombra que pueda aparecer */
}

/* Elimina el borde de enfoque en todos los estados */
.wc-block-cart__submit-button.contained:focus {
    outline: none !important;              /* Elimina el borde de enfoque */
    border: 2px solid #006781 !important;  /* Mantiene el borde azul al estar enfocado */
}

/* Ajuste del contenedor principal del carrito */
@media only screen and (max-width: 768px) {

  /* Contenedor principal del carrito */
  .wc-block-components-sidebar-layout.wc-block-cart {
    max-width: 60% !important; /* Reducido aún más, ocupando solo el 60% del ancho */
    margin: 0 auto; /* Centrado del contenedor */
    padding: 10px; /* Aseguramos que haya espacio alrededor */
    box-sizing: border-box;
  }

  /* Contenedor principal (productos y totales) */
  .wc-block-components-main {
    width: 100%;
    padding: 10px; /* Espacio interno */
    box-sizing: border-box;
  }

  .wc-block-components-sidebar {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }

  /* Aseguramos que los productos y totales no se corten */
  .wc-block-cart-items__row,
  .wc-block-cart-item__product {
    width: 100% !important;
  }

  /* Ajuste de las imágenes para que no se deformen */
  .wc-block-cart-item__image img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* Botón de finalizar compra */
  .wc-block-cart__submit-button {
    width: 100%;
    padding: 12px 0;
    text-align: center;
  }

  /* Para los totales y el cupón */
  .wc-block-components-totals-wrapper {
    width: 100% !important;
    padding: 0 10px;
    box-sizing: border-box;
  }
}/* End custom CSS */