/* Configurador de la cinta sublimada a medida (spec 2026-09-13 §4). Paleta del
   sitio: tinta #040F0F, teal #2B8C88 / #1F6B68. Aparte de ficha.css a proposito. */
.at-cinta { margin: 0 0 1.25rem; }
.at-cinta__intro { font-size: .95rem; line-height: 1.55; color: #3a4443; margin: 0 0 1.1rem; }
.at-cinta__paso { border: 0; margin: 0 0 1rem; padding: 0; }
/* `p.` a proposito: en los fieldset los <label> son las pildoras, que van en fila. */
.at-cinta__paso legend, .at-cinta__legend, p.at-cinta__paso > label { display: block; font-weight: 600; font-size: .85rem; margin-bottom: .5rem; }
.at-cinta__pill { display: inline-block; margin: 0 .5rem .5rem 0; cursor: pointer; }
.at-cinta__pill input { position: absolute; opacity: 0; width: 0; height: 0; }
.at-cinta__pill span { display: inline-block; border: 1.5px solid #cfd8d7; border-radius: 8px; padding: .55rem .9rem; font-size: .85rem; line-height: 1.2; }
.at-cinta__pill input:checked + span { border-color: #2B8C88; background: #e9f4f3; color: #1F6B68; font-weight: 600; }
.at-cinta__pill input:focus-visible + span { outline: 2px solid #2B8C88; outline-offset: 2px; }
.at-cinta__cantidad .quantity { display: inline-block; margin: 0 .6rem 0 0; }
.at-cinta__cantidad small { color: #7d8887; font-size: .78rem; }
.at-cinta__precio { background: #f3f7f7; border-radius: 10px; padding: .9rem 1rem; margin: 1.1rem 0; }
.at-cinta__grande { font-weight: 600; font-size: 1.4rem; line-height: 1.1; }
.at-cinta__grande .at-cinta__total { font-size: .9rem; font-weight: 400; color: #7d8887; }
.at-cinta__detalle { font-size: .85rem; color: #3a4443; margin-top: .4rem; }
.at-cinta__escalera { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .7rem; }
.at-cinta__escalera span { font-size: .72rem; padding: .35rem .55rem; border-radius: 6px; background: #fff; border: 1px solid #dfe6e5; color: #3a4443; }
.at-cinta__escalera span b { display: block; font-size: .8rem; color: #040F0F; }
.at-cinta__escalera span.is-activo { border-color: #2B8C88; background: #e9f4f3; }
.at-cinta__archivo input[type=file] { display: block; margin: .3rem 0; }
.at-cinta__ayuda, .at-cinta__opcional { font-size: .78rem; color: #7d8887; font-weight: 400; }
.at-cinta textarea { width: 100%; box-sizing: border-box; border: 1.5px solid #cfd8d7; border-radius: 8px; padding: .6rem; font: inherit; font-size: .85rem; }
.at-cinta__nota { font-size: .78rem; color: #7d8887; margin: .6rem 0 0; }
/* El precio nativo de la ficha queda vacio (filtro), pero Blocksy deja su contenedor. */
.single-product .product .price:empty { display: none; }
/* Los <select> de variacion siguen en el DOM (mandan), pero se ven como pildoras;
   el precio de la variacion elegida tampoco se ensena: manda el calculado. */
.single-product .product form.variations_form table.variations,
.single-product .product form.variations_form .woocommerce-variation-price,
.single-product .product form.variations_form .reset_variations { display: none; }