.elementor-13158 .elementor-element.elementor-element-53b65e4{--display:flex;}.elementor-13158 .elementor-element.elementor-element-53b65e4:not(.elementor-motion-effects-element-type-background), .elementor-13158 .elementor-element.elementor-element-53b65e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F1E1;}/* Start custom CSS for wc-elements, class: .elementor-element-2ebe368 *//* 
Mensaje de Cupon
*/

/* Contenido del mensaje*/
.woocommerce-form-coupon-toggle .woocommerce-info {
    text-align: center;
    background: #234427;
    font-family: Karla-VariableFont;
    color: white;
}

/* Enlace del mensaje */
.woocommerce-form-coupon-toggle .woocommerce-info a {
    color: white;
    text-decoration: underline;
}

/*
Formulario
*/

/* Título: Detalles */
.woocommerce-billing-fields h3{
    font-family: Karla-VariableFont;
    font-size: 22px;
    font-weight: bold;
}


.woocommerce-billing-fields__field-wrapper{
    font-family: Karla-VariableFont;
    font-size: 16px;
}


/*
Pedido
*/
#order_review_heading{
    padding-top: 5px;
    font-family: Karla-VariableFont;
    font-size: 22px;
    font-weight: bold;
}

/* Quitar todos los bordes de la tabla */
.woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    border: none !important;
    background: transparent !important;
}

/* Dejar solo la línea que separa los registros */
.woocommerce-checkout-review-order-table tr {
    border-bottom: 1px solid #e5e5e5 !important;
}

/* Botón de realiza el pedido */
.woocommerce-checkout #place_order {
    font-family: Karla-VariableFont;
    font-size: 16px;
    background: #234427;
    color: #fff;
    font-size: 16px;
    padding: 14px 22px;
    border-radius: 0px;
    border: none;
    font-weight: 600;
    cursor: pointer;
}

.woocommerce-checkout #place_order:hover {
    background: #202B21;
    font-family: Karla-VariableFont;
}
    
/* Enlances del apartado de pagos */
#payment a {
  color: #234427;
}

#payment a:hover {
  color: #202B21;
}

@media (max-width: 768px) {
  /* Mostrar encabezado “Envío” arriba */
  .woocommerce-shipping-totals th {
    display: block !important;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 12px;
  }

  /* Celda td a ancho completo */
  .woocommerce-shipping-totals td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box;
  }

  /* Lista de métodos ocupa todo el ancho */
  #shipping_method {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
  }

  /* Cada método a ancho completo */
  #shipping_method li {
    width: 100% !important;
    display: flex !important;
    align-items: center;
    gap: 12px;
    padding: 16px 12px !important;
    margin-bottom: 12px !important;
    background: transparent !important;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
  }

  /* Radio */
  #shipping_method input.shipping_method {
    margin: 0 !important;
    transform: scale(1.2);
    flex-shrink: 0;
  }

  /* Label ocupa el resto */
  #shipping_method label {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 1.3;
  }

  /* Logo */
  #shipping_method label img {
    width: 60px;
    height: auto;
    margin: 0;
  }
}/* End custom CSS */