/* Base */
.variations_form .avada-color-select,
.variations_form .avada-button-select {
position: relative;
transition: all 0.2s ease;
cursor: pointer;
margin-top: 10px;
}
/* Hover */
.variations_form .avada-color-select:hover,
.variations_form .avada-button-select:hover {
transform: translateY(-1px);
}
/* Estado seleccionado */
.variations_form .avada-color-select[data-checked="true"],
.variations_form .avada-button-select[data-checked="true"] {
outline: 2px solid #111;
outline-offset: 2px;
box-shadow: 0 0 0 3px rgba(0,0,0,.12);
border-radius: 8px;
font-weight: 700;
background: #111;
color: #fff;
}
/* Para colores, el fondo del círculo sigue siendo visible */
.variations_form .avada-color-select[data-checked="true"] span {
border: 2px solid #fff;
display: inline-block;
border-radius: 50%;
}
/* Estado focus teclado */
.variations_form .avada-color-select:focus,
.variations_form .avada-button-select:focus {
outline: 2px solid #0a7cff;
outline-offset: 2px;
}
/* Opcional: agotado/no disponible */
.variations_form .avada-button-select.disabled,
.variations_form .avada-color-select.disabled,
.variations_form .avada-button-select[aria-disabled="true"],
.variations_form .avada-color-select[aria-disabled="true"] {
opacity: .45;
pointer-events: none;
}
.fi-custom-notice{
margin: 12px 0;
background: #212224;
color: #fff;
text-transform: uppercase;
font-family: "Share Tech", system-ui, -apple-system, Segoe UI, Roboto, Arial;
font-weight: 400;
overflow: hidden;
}
.fi-custom-notice__inner{
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: clamp(10px, 2vw, 24px);
}
.fi-custom-notice__txt{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
text-align: center;
font-size: clamp(14px, 1.4vw, 24px);
line-height: 1.1;
letter-spacing: 0.5px;
white-space: nowrap;
z-index: 2; /* ✅ por si usamos decoraciones detrás */
}
.fi-custom-notice__txt b{
font-family: Inter, system-ui, Arial;
font-weight: 800;
}
.fi-warn{
font-size: 0.95em;
transform: translateY(-1px);
}
.fi-flame{
width: 15%;
height: auto;
display: block;
flex: 0 0 auto;
opacity: 0.95;
}
.fi-flame--left{
transform: scaleX(-1);
}
/* =========================
✅ MOBILE: llamas de fondo
========================= */
@media (max-width: 520px){
/* Más alto y aire */
.fi-custom-notice__inner{
padding: 7px 12px;
}
/* Oculta las imágenes para que no aplasten el texto */
.fi-flame{
display: none;
}
/* Texto: no romperse feo */
.fi-custom-notice__txt{
white-space: normal;
font-size: 14px; /* fijo para que no baile */
max-width: 92%;
}
/* Llamas como decoración, no layout */
.fi-custom-notice__inner::before,
.fi-custom-notice__inner::after{
content:"";
position:absolute;
top: 50%;
width: 140px;
height: 42px;
transform: translateY(-50%);
background-image: url("https://dwf37elq2aklz.cloudfront.net/wp-content/uploads/2026/02/02142824/adfd9809a3a8da6d4be007c6fa8aa0cc753f63d4.png");
background-repeat: no-repeat;
background-size: contain;
opacity: .65;
z-index: 1;
pointer-events: none;
}
.fi-custom-notice__inner::before{
left: -28px;
transform: translateY(-50%) scaleX(-1);
}
.fi-custom-notice__inner::after{
right: -28px;
}
}
.avada-image-select{
width: 25%;
height: 25%
}
Pin Freddy Guapo (Vinyl) – Anticucho Studios –
SKU AS039
S/ 15.00
Lleva a Freddy el cuy interdimensional a todas partes con este pin de acrílico con acabado en vinyl.
Tamaño 3.5 x 3.5 centímetros
.onsale{
display: none !important;
}
@media(max-width: 640px){
.fusion-button-wrapper{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #fff;
padding: 10px;
box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
z-index: 1000;
}
.joinchat__chatbox, .joinchat__button, #toTop{
bottom: 70px !important;
}
.fusion-fullwidth.fullwidth-box.fusion-builder-row-6.fusion-flex-container.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling, .fusion-fullwidth.fullwidth-box.fusion-builder-row-7.fusion-flex-container.has-pattern-background.has-mask-background.dark-container.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling, .fusion-fullwidth.fullwidth-box.fusion-builder-row-8.fusion-flex-container.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling.fusion-sticky-container{
z-index: 1 !important;
}
}
.avada-single-product-gallery-wrapper.avada-product-images-element.avada-product-images-thumbnails-bottom{
display: none !important;
}
.single_add_to_cart_button {
border-radius: 26px !important;
}
.alert_variations {
padding: 15px;
background-color: #ffce78;
margin-bottom: 15px;
}
.awdr_discount_bar{
margin-top:15px;
}
document.addEventListener('DOMContentLoaded', () => {
const displayButtonInput = document.querySelector('#sizeGuides');
const tableVariations = document.querySelector('.variations');
const renderButton = Boolean(displayButtonInput.value);
const tags = displayButtonInput.getAttribute('data-tags');
if (!renderButton) {
}
let href = '#'; // URL por defecto
const awsUrl = 'https://static.pchujoy.com/public/img/shop/measures'
const tagsArrayLowerCase = tags.split('|').map(tag => tag.toLowerCase());
if (tagsArrayLowerCase.includes('camisa')) {
href = `${awsUrl}/camisa.pdf`;
}
if (tagsArrayLowerCase.includes('poloamericano')) {
href = `${awsUrl}/polo-americano.pdf`;
}
if (tagsArrayLowerCase.includes('poloclasico')) {
href = `${awsUrl}/polo-clasico.pdf`;
}
if (tagsArrayLowerCase.includes('poleraoversize')) {
href = `${awsUrl}/polera-oversize`;
}
if (tagsArrayLowerCase.includes('todo-good')) {
href = `${awsUrl}/Tabla_de_medidas_todo_good.pdf`;
}
// creation button
const buttonCell = `
