✦ Verified product
PENDIENTES YUMA
EUR 39.00
MATISET
Verified independent store
→
Descripción Pendientes largos con 3 amatistas, 2 de ellas colgantes y 1 en la zona superior, combínalos con los collares de la colección Sur. El cierre del pendiente es con presión
, además incorporamos una arandela transparente para una mejor sujeción al lóbulo. Descubre toda nuestra colección de pendientes. Composición Latón chapado en oro 18K. Los pernos son de plata bañada en oro. Se aconseja evitar el contacto con perfumes, cremas, jabones y agua. Para conservar el brillo de la pieza te recomendamos limpiarla tras el uso usando un paño suave. Medidas Largo: 7 cm Ancho: 1 cm /* Contenedor general */ .product-accordion { border-radius: 8px; overflow: hidden; font-family: inherit; } /* Cada sección */ .accordion-item { border: 1px solid #ddd; margin-bottom: 0.5rem; border-radius: 8px; background-color: #fafafa; overflow: hidden; } /* Header del desplegable */ .accordion-header { width: 100%; text-align: left; padding: 0.75rem 1rem; font-weight: bold; cursor: pointer; border: none; background: none; position: relative; outline: none; transition: color 0.3s ease, background-color 0.3s ease; color: inherit; } /* Triángulo */ .accordion-header::after { content: "▸"; position: absolute; right: 1rem; transition: transform 0.3s ease, color 0.3s ease; color: inherit; } /* Contenido del desplegable */ .accordion-content { max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.5s ease, opacity 0.5s ease, padding 0.5s ease; padding: 0 1rem; } /* Cuando está abierto */ .accordion-item.active .accordion-content { opacity: 1; padding: 0.5rem 1rem; } .accordion-item.active .accordion-header::after { transform: rotate(90deg); color: #000; } .accordion-item.active .accordion-header { color: #000; } document.querySelectorAll('.accordion-item').forEach(item => { const header = item.querySelector('.accordion-header'); const content = item.querySelector('.accordion-content'); header.addEventListener('click', () => { const isOpen = item.classList.contains('active'); // Cierra todos los demás document.querySelectorAll('.accordion-item').forEach(i => { i.classList.remove('active'); i.querySelector('.accordion-content').style.maxHeight = null; }); // Abre el seleccionado if (!isOpen) { item.classList.add('active'); content.style.maxHeight = content.scrollHeight + "px"; } }); });
