/* 3.13.84 — La tienda en el teléfono (auditoría de cliente, 13-oct). Solo presentación. */

/* Nombres de producto en las cuadrículas en letra normal: salían en MAYÚSCULAS por la regla general de títulos de la marca. */
body:not(.home) ul.products li.product .woocommerce-loop-product__title{text-transform:none!important;letter-spacing:0!important}

/* Al pulsar «Comprar ahora» o «Elegir color» sin haber elegido: se marca dónde elegir. */
form.variations_form.cvd-pick-hint table.variations{outline:3px solid rgba(163,90,31,.55);outline-offset:6px;border-radius:10px;transition:outline-color .3s ease}

@media(max-width:820px){
 /* Ficha: foto, nombre, precio y botón en la primera pantalla (el nombre salía a 32 px en 3 líneas). */
 html body.single-product main.cv-content{padding-top:8px}
 html body.single-product div.product .woocommerce-product-gallery{margin-bottom:12px!important}
 html body.single-product div.product .product_title{font-size:22px;line-height:1.25;margin:0 0 6px}
 html body.single-product div.product .summary .price{margin:0 0 2px!important}
 /* Barra fija de compra con fondo opaco: se leía el texto de la página detrás («US$15.0» fantasma). */
 html body .cvd-buybar{background:#fffdf9}
 /* Una sola llamada fuerte («Comprar ahora»); «Pedir por WhatsApp» pasa a botón de borde, como «Añadir al carrito». */
 html body.single-product div.product .summary .cvm-wa-btn{margin-top:4px;background:transparent!important;color:#0d3b45!important;border:2px solid #0d3b45!important}
 /* «Completa tu compra» y «Productos relacionados» enseñaban los mismos productos: queda uno (menos fotos que bajar). */
 html body.single-product div.product:has(.cvm-completa) .related.products{display:none}

 /* Tienda, categorías y búsqueda: los productos empiezan más arriba. */
 html body.woocommerce.archive main.cv-content,html body.search-results main.cv-content{padding-top:12px}
 html body.woocommerce.archive h1.page-title,html body.search-results h1.page-title{font-size:20px;line-height:1.25;margin:0 0 8px}
 html body .cv-catalog-filters summary{padding:10px 0}
 html body.woocommerce.archive .woocommerce-result-count{float:left!important;width:auto;margin:10px 0 8px!important;font-size:13px;line-height:20px;text-align:left}
 html body.woocommerce.archive .woocommerce-ordering{float:right!important;display:block;width:auto!important;margin:0 0 8px!important}
 html body.woocommerce.archive .woocommerce-ordering select{width:auto;max-width:180px;min-height:40px}
 html body.woocommerce.archive ul.products{clear:both}
}

/* Pago: «Entre calles, apartamento o piso» tenía la etiqueta escondida (solo se veía el ejemplo dentro del campo). */
html body.woocommerce-checkout #billing_address_2_field>label.screen-reader-text{position:static!important;display:block;width:auto!important;height:auto!important;margin:0 0 4px!important;padding:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important}

@media(prefers-reduced-motion:reduce){form.variations_form.cvd-pick-hint table.variations{transition:none}}

/* 3.13.89 (auditoría 13-oct, punto 20): «Regala a tu familia» en la ficha es una línea corta debajo de la descripción. */
.cvm-fuera-linea{max-width:720px;margin:16px auto;padding:10px 14px;border-radius:14px;background:#F3EBDD;color:#2B2420;font-size:14px;line-height:1.45}
.cvm-fuera-linea a{font-weight:600;white-space:nowrap}

/* 3.13.89 (punto 18): «Mi pedido» sin cuenta en /seguimiento/: pedidos de este teléfono y búsqueda por número + teléfono. */
.cvd-my-order{max-width:520px;margin:0 auto}
.cvd-my-order h2{font-size:20px;margin:0 0 6px}
.cvd-my-order__lookup,.cvd-my-order__saved{display:grid;gap:8px;margin:0 0 20px}
.cvd-my-order__lookup p{margin:0 0 4px}
.cvd-my-order input{width:100%;min-height:46px;font-size:16px;box-sizing:border-box}
.cvd-my-order__saved ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cvd-my-order__saved li{display:flex;align-items:center;gap:6px}
.cvd-my-order__error{color:#A3361F;font-weight:600;margin:0}
.cvd-my-order__link{margin:0 0 16px}
.cvd-my-order__link summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
.cvd-my-order__link form{display:grid;gap:8px}
.cvd-my-order__help{font-size:14px}
.cvd-tracking-pickup{margin:10px 0;font-size:15px}

/* 3.13.93 (auditoría 13-oct, punto 23): hueco vacío arriba de la entrada en Mi cuenta (título de WooCommerce vacío). */
.woocommerce-account .woocommerce>h2:empty{display:none;margin:0}
/* El tema deja 62–66 px arriba de la tarjeta para ese título: si está vacío, la tarjeta empieza normal. */
.woocommerce-account:not(.logged-in) .woocommerce>h2:empty+form.login{padding-top:24px}
/* 3.13.94: «Tus pedidos en este teléfono» solo cuando hay alguno guardado (display:grid tapaba el atributo hidden). */
.cvd-my-order__saved[hidden]{display:none}