Maillot replica Arturo Coello

Description

.tp-product-page{font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;max-width:1200px;margin:0 auto;padding:0 20px;line-height:1.6;color:#333}
.tp-toc{background:#F1F1F1;border-top:3px solid #096b7a;padding:15px 20px;margin:20px 0}
.tp-toc-title{display:block;margin:0 0 10px 0;font-size:22px;font-weight:700;color:#000}
.tp-toc ul{list-style:none;padding:0;margin:0}
.tp-toc li{display:block;margin-bottom:2px;line-height:1!important}
.tp-toc a{color:#000;text-decoration:none;font-size:13px;transition:.2s;white-space:nowrap}
.tp-toc a:hover{color:#096b7a}

.tp-h2{font-size:22px;font-weight:700;margin:35px 0 15px 0;color:#000;border-bottom:2px solid #096b7a;padding:15px 20px 10px}

.tp-quick-box{background:linear-gradient(135deg,#F1F1F1 0%,#f5df4d 100%);color:#000;padding:20px;border-radius:10px;margin:20px 0}
.tp-quick-box h2{margin:0 0 15px 0;font-size:22px;font-weight:700;color:#000}
.tp-quick-box ul{margin:0;padding-left:20px}
.tp-quick-box li{margin:8px 0;color:#000}

.tp-list{list-style:none;padding:0;margin:15px 0}
.tp-list ul{margin:0;padding-left:20px}
.tp-list li{margin:8px 0}

.tp-specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:20px 0}
.tp-spec{background:#F1F1F1;padding:15px;border-radius:8px}

.tp-label{font-weight:700;margin-bottom:6px;display:block}
.tp-progress{width:100%;height:8px;background:#e5e5e5;border-radius:6px;overflow:hidden}
.tp-progress>span{display:block;height:100%;background:linear-gradient(90deg,#2ecc71,#e67e22,#e74c3c);width:0%}

.tp-accordions{margin:20px 0}
.tp-accordion{border:1px solid #ddd;border-radius:8px;margin-bottom:10px;overflow:hidden}
.tp-accordion-header{background:#F9F9F9;padding:12px 16px;cursor:pointer;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.tp-accordion-body{display:none;padding:12px 16px;background:#fff}
.tp-accordion.active .tp-accordion-body{display:block}

.tp-faq{margin:25px 0}
.tp-faq-item{border:1px solid #ddd;border-radius:8px;margin-bottom:10px;overflow:hidden}
.tp-faq-question{background:#F9F9F9;padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.tp-faq-answer{display:none;padding:12px 16px;background:#fff}
.tp-faq-item.active .tp-faq-answer{display:block}
.tp-faq-icon{font-size:12px;opacity:.7}

// Accordions
document.querySelectorAll(‘.tp-accordion-header’).forEach(function(h){
h.addEventListener(‘click’,function(){
const acc=this.parentElement, was=acc.classList.contains(‘active’);
document.querySelectorAll(‘.tp-accordion’).forEach(function(a){a.classList.remove(‘active’)});
if(!was){acc.classList.add(‘active’)}
})
});
// FAQ
document.querySelectorAll(‘.tp-faq-question’).forEach(function(q){
q.addEventListener(‘click’,function(){
const it=this.parentElement, was=it.classList.contains(‘active’);
document.querySelectorAll(‘.tp-faq-item’).forEach(function(i){i.classList.remove(‘active’)});
if(!was){it.classList.add(‘active’)}
})
});