form {
	--form-field-padding: 0 18px;
}

.woocommerce-page .page-title {
    display: none;
}
apf-field-wrapper input,
.apf-field-wrapper textarea,
.apf-field-wrapper select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 12px;
    background-color: #f9f9f9;
    margin-bottom: 15px;
    font-size: 16px;
}

.apf-field-wrapper label {
    font-weight: 600;
    color: #444;
    margin-bottom: 5px;
    display: block;
}

/* Alinear logo y texto dentro del grupo/fila */
.logo-text-row {
  display: flex;
  align-items: center; /* centra verticalmente */
  gap: 15px;           /* espacio entre logo y texto */
}

/* Ajustar tamaño del logo */
.logo-text-row .mi-logo {
  width: 60px;   /* cambia según tu diseño */
  height: auto;
}

/* Estilo del encabezado Bienvenido */
.logo-text-row h2, 
.logo-text-row h1 {
  margin: 0;
  font-size: 2.2rem;  /* ajusta tamaño del texto */
  font-weight: 600;
}
.apf-field-wrapper textarea {
    min-height: 80px;
}
body.single-product .site-header {
  position: relative !important;
}

.single-product .woocommerce-product-gallery,
.single-product .product {
  margin-top: 120px !important;
}
/* Estilo para los campos del checkout */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout textarea,
.woocommerce-checkout select {
  color: #333 !important;
  background-color: #ffffff !important;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 12px;
  font-size: 16px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
  margin-bottom: 16px;
}

/* Placeholder legible */
.woocommerce-checkout ::placeholder {
  color: #777 !important;
  opacity: 1;
}

/* Botón de compra refinado */
#place_order {
  background-color: #7ab893 !important;
  color: white !important;
  font-size: 18px;
  border: none;
  border-radius: 12px;
  padding: 14px 28px;
  text-transform: none;
  width: 100%;
  transition: background-color 0.3s ease;
}

#place_order:hover {
  background-color: #689f7c !important;
}
/* Placeholder visible */
.woocommerce-checkout ::placeholder {
  color: #777 !important;
  opacity: 1;
}

/* Botón final de pedido */
#place_order {
  background-color: #7ab893 !important;
  color: white !important;
  font-size: 18px;
  border: none;
  border-radius: 10px;
  padding: 12px 24px;
  text-transform: none;
}

/* Botón al pasar el mouse */
#place_order:hover {
  background-color: #679f7e !important;
}

/* Método de pago seleccionado */
.woocommerce-checkout .payment_box {
  background-color: #f7f7f7;
  border-left: 4px solid #7ab893;
  padding: 12px;
  border-radius: 8px;
}
/* Añadir espacio arriba del contenido en carrito y checkout */
.page-id-1854 .entry-content,
.page-id-6 .entry-content {
  margin-top: 200px !important;
}
.apf-field-wrapper {
  margin-bottom: 20px;
}

/* Etiquetas elegantes */
.apf-label {
  font-weight: 500;
  color: #4a4a4a;
  margin-bottom: 6px;
  display: block;
  font-size: 16px;
}

/* Campos de texto y textarea */
.apf-input, .apf-textarea, .apf-select, .apf-date {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  background-color: #ffffff;
  color: #333;
  font-size: 15px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
}

/* Placeholder visible */
.apf-input::placeholder, .apf-textarea::placeholder {
  color: #888;
}

/* Fecha estilo */
.apf-date::-webkit-calendar-picker-indicator {
  filter: invert(0.5);
}
body.page-id-6,
body.page-slug-warenkorb {
  background-color: #f7f7f7 !important;
}
.page-id-1853 .entry-content {
  margin-top: 200px !important;
}


/* Ocultar carrito solo en las páginas específicas */
.page-id-656 .ct-header-cart,         /* Inicio */
.page-id-653 .ct-header-cart,         /* About (si este ID es correcto) */
.page-id-2333 .ct-header-cart,         /* Massages-2 */
.page-id-1112 .ct-header-cart,         /* Deep Tissue */
.page-id-1021 .ct-header-cart,         /* Essence Massage */
.page-id-1073 .ct-header-cart,         /* Booking Calendar */
.page-id-654 .ct-header-cart          /* Contact */
{
  display: none !important;
}
.page-id-653 {
  background-color: #f8f4ee; /* Cambia esto por el color que quieras */
}
/* Forzar fondo claro al enfocar campos en el checkout */
.woocommerce-checkout input[type="text"]:focus,
.woocommerce-checkout input[type="email"]:focus,
.woocommerce-checkout input[type="tel"]:focus,
.woocommerce-checkout input[type="number"]:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus {
  background-color: #fefefe !important;
  color: #333 !important;
  border: 1px solid #7ab893 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(122, 184, 147, 0.3);
}

/* También aplicamos a campos normales en caso de herencia */
.woocommerce-checkout input,
.woocommerce-checkout textarea,
.woocommerce-checkout select {
  background-color: #ffffff !important;
  color: #333 !important;
  border-radius: 10px;
  font-size: 16px;
}
/* Imagen del producto más grande y limpia */
.woocommerce div.product div.images {
    width: 100%;
    margin-bottom: 30px;
}

/* Título elegante */
.woocommerce div.product .product_title {
    font-size: 32px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 10px;
}

/* Precio estilizado */
.woocommerce div.product p.price {
    font-size: 24px;
    color: #5E9E8F; /* Verde elegante - podemos cambiar el color si quieres */
    margin-bottom: 20px;
}

/* Botón de compra estilizado */
.single_add_to_cart_button {
    background-color: #5E9E8F;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 30px;
    border-radius: 30px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.single_add_to_cart_button:hover {
    background-color: #4C8C7F;
    color: #ffffff;
}

/* Mejorar espaciado general */
.woocommerce div.product .summary {
    padding-top: 20px;
    padding-bottom: 20px;
}
/* Tabla del carrito más limpia */
.woocommerce-cart table.cart {
    border-collapse: separate;
    border-spacing: 0 15px;
}

/* Productos del carrito mejor separados */
.woocommerce-cart table.cart td {
    padding: 20px 10px;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* Botón de actualizar carrito escondido para simplificar */
.woocommerce-cart .actions .button {
    display: none;
}

/* Botón "Finalizar compra" estilizado */
.cart-collaterals .checkout-button {
    background-color: #5E9E8F;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    padding: 14px 28px;
    border-radius: 30px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    text-transform: uppercase;
}

.cart-collaterals .checkout-button:hover {
    background-color: #4C8C7F;
}

/* Total del carrito estilizado */
.cart_totals h2 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 20px;
}

.cart_totals table {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
/* Checkout limpio y espacioso */
.woocommerce-checkout #customer_details {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

/* Campos del formulario más grandes y separados */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    padding: 14px;
    border-radius: 8px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

/* Botón de finalizar pedido */
.woocommerce-checkout .place-order .button {
    background-color: #5E9E8F;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    padding: 16px 32px;
    border-radius: 30px;
    width: 100%;
    transition: all 0.3s ease;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.woocommerce-checkout .place-order .button:hover {
    background-color: #4C8C7F;
}

/* Resumen del pedido estilizado */
.woocommerce-checkout .woocommerce-checkout-review-order {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.site-header {
    position: sticky;
    top: 0;
    z-index: 9999;
    background-color: #ffffff; /* Fondo blanco */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); /* Sombrita elegante */
    transition: all 0.3s ease;
}


/* Transición suave cuando haces scroll */
.site-header.scrolled {
    background-color: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
rgba(0,0,0,0.1);
}

/* Imagen normal */
a img {
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}



/* Contenedor con perspectiva para el efecto 3D */
.logo-3d {
  perspective: 900px;            /* Ajusta la profundidad (600–1200px) */
  display: inline-block;
}

/* El logo girando sobre el eje Y (como una moneda) */
.mi-logo {
  display: inline-block;
  transform-style: preserve-3d;  /* Mantiene el 3D en el hijo */
  animation: giroY 8s linear infinite; /* Cambia 8s para más rápido/lento */
}

@keyframes giroY {
  from { transform: rotateY(0deg); }
  to   { transform: rotateY(360deg); }
}
.logo-3d:hover .mi-logo

wp-block-group:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease;
    box-shadow: 0 6px 18px rgba(0,0,0,0.2);
}

/* --- boton-tarjeta --- */
.card-grid .card-btn {
  display: inline-block;
  background: rgba(0,0,0,0.08);     /* fondo gris-negro muy suave */
  color: #fff;                      /* texto blanco */
  border: 2px solid rgba(255,255,255,0.7);
  border-radius: 6px;               /* bordes rectangulares */
  padding: 10px 18px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;            /* quita subrayado */
  transition: all .3s ease;         /* animación fluida */
  opacity: 0.85;                    /* semitransparente */
}

/* Al pasar el cursor o tocar en móvil */
.card-grid .card-btn:hover,
.card-grid .card-btn:focus {
  background: rgba(0,0,0,0.5);      /* se oscurece */
  transform: translateY(-3px);      /* se eleva un poquito */
  opacity: 1;
}