#debugcart * {font-size:1rem;}
/*
.tindalos-wc-imprenta-fields label {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #ccc;
    padding: 0.8rem;
    border-radius: 6px;
    transition: border-color 0.3s ease;
}
*/
.tindalos-wc-imprenta-fields label:hover {
    border-color: #6C4794;
}

.tindalos-wc-imprenta-fields input[type="radio"] {
    display: none;
}

.tindalos-wc-imprenta-fields input[type="radio"]:checked + span {
    border: 2px solid #6C4794;
    padding: 0.3rem;
    border-radius: 6px;
}
.parents-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem; 
}
/*.rowprice {border:3px solid #ff0000; padding:4px;}*/
.children-grid {
   /* margin-left: 1em;*/
    display: none; 
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 0.5rem; 	transition:all 1s ease!important;

}
.children-grid.hide {    padding-top: .5rem; }
.children-grid.show {    padding-top: 1rem;  }
.rowradios label{ position: relative;/*position para luego ajsutar la flecha hacia abajo */ transition:all .3s ease!important;
cursor:pointer; display: flex; flex-direction: column; padding: 0.8rem;  align-items: center; border-radius: 6px; }
.parent-option {   border: 3px solid #ccc; }
.child-option { border: 3px solid #ccc;}
.title-option {    max-width: 87%;     color: #585858;  font-weight:bold;    display: block;    text-align: center;font-size: 1.2rem;     transition: color 0.1s ease-out;}
.active .title-option { color: #000;  }
  .parent-option:hover .title-option, .child-option:hover .title-option{color:#ffa44f; }
 .parent-option:hover, .child-option:hover {border-color:#ffa44f;}

.image-option {    max-width:150px;   margin: 0 auto;text-align: center;display:block;width: 100%; }
.woocommerce img.thumbopt {width: 100%;height: auto; margin: 0 auto;text-align: center; margin-bottom: 0.25rem;}
.active {border-color:#ffa44f;}
.has-children-indicator {    float: left;    position: absolute;    bottom: 0;    display: block;    right: 10px;font-size: 2rem;}
.active .has-children-indicator  {color:#ffa44f; }

.tindalos-info-icon {    position: absolute;
    top: 6px;    right: 6px;    background: #ffa44f;
     color: #fff;    width: 18px;
    height: 18px;    font-size: 12px;
    border-radius: 50%;    text-align: center;
    line-height: 18px;    cursor: pointer;
    font-weight: bold;    z-index: 3;
}

.tindalos-info-tooltip {
    display: none;    position: absolute;    top: 0;
    left: calc(100% + 8px); /* Aparece a la derecha del icono */
    background: rgba(0,0,0,0.85);    color: #fff;
    padding: 8px 10px;    border-radius: 6px; min-width:120px;
    max-width: 260px;    font-size: 12px;
    line-height: 1.3;    z-index: 9999;
    white-space: normal;    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

.tindalos-info-icon:hover + .tindalos-info-tooltip,.tindalos-info-icon:focus + .tindalos-info-tooltip {    display: block;}

.tindalos-info-tooltip::before {
    content: "";    position: absolute;
    top: 8px;    left: -6px;
    border-width: 6px;    border-style: solid;    border-color: transparent rgba(0,0,0,0.85) transparent transparent;
}

/* botones de cantidad*/
.qty-btn {
    background: #eee;    border: 1px solid #ccc;
    padding: 0.3rem 0.6rem;    font-size: 1rem;
    cursor: pointer;    border-radius: 3px;
}

.qty-btn:hover {
    background: #ddd;
}

.qty-input {
    text-align: center;    border: 1px solid #ccc;
    padding: 0.3rem;}
.qty-input.valid {
    border-color: green;
}

.qty-input.invalid {
    border-color: red;
}

.quantity-wrapper {
    text-align: center;
}

.stickyprice {top:120px;     border: 3px solid #00bfa5; padding: 2rem;
    border-radius: 6px; }
	.amount{color:#ffa44f; font-size:2rem;}
	
/*	.buttonblanco{ color:#ffa44f; background:#f9f5f2;}*/
home .single_add_to_cart_button, home .quantity {display:none!important;}
.infocat {    font-size: 1rem;}
.admin-edit-link{font-size: .8rem;}

.button {background-color: var(--wp--preset--color--accent-2); cursor:pointer;    border-width: 0;
    color: var(--wp--preset--color--accent-5);    font-family: inherit;
    font-size: var(--wp--preset--font-size--medium);    line-height: inherit;
    padding-top: 1rem;    padding-right: 2.25rem;    padding-bottom: 1rem;
    padding-left: 2.25rem;text-decoration: none;     border-radius: 9999px;
    box-shadow: none;
	}
	
	.button:hover{    background-color:  color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent);    border-color: transparent;
    color: var(--wp--preset--color--base);}
/*Trapis para woocommerce*/
.wc-block-components-order-summary-item__quantity {display:none}
.single_add_to_cart_button, .quantity {display:none!important}

@keyframes shimmerGradient {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 200% 50%;
    }
}

.calculando-placeholder {
    display: inline-block;
    font-weight: bold;
    background: linear-gradient(90deg, #6fcf97, #f2c94c, #6fcf97);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shimmerGradient 2s linear infinite;
}
.error-placeholder {
    color: #a00;
    font-size: 1.2rem;
}

/* Estilo para los inputs y radios deshabilitados */
.rowradios input[type="radio"]:disabled,
.rowradios input[type="number"]:disabled {
  /* Cambia el cursor a "no-allowed" para indicar que no se puede hacer clic */
  cursor: not-allowed;
  /* Aplica un color o transparencia para que se vean menos prominentes */
  opacity: 0.6;
}

/* Opcional: Estilo para el contenedor padre */
.rowradios .disabled-for-calculation {
  /* Por ejemplo, un filtro de escala de grises para que todo el bloque se vea inactivo */
  filter: grayscale(80%);
  pointer-events: none; /* Esto evita los eventos de clic */
}

.rowradios > label.is-calculating {
    /* Filtro para hacer que todos los hijos se vean grises */
    filter: grayscale(100%); 
    /* Evita que los eventos de clic pasen a los hijos */
    pointer-events: none;
}
  
  /* Opcional: Estilo para restablecer el cursor en el contenedor para que sea not-allowed */
.rowradios > label.is-calculating * {
    cursor: not-allowed !important;
}