Descripción

ul.wcsn-key-props li.wcsn-key-prop-1 strong{float:none!important;} .faq-section { padding: 0px 16px 80px; }.header-hide{display:none!important;} .faq-container { max-width: 100%; margin: 0 auto; } /* Title */ .faq-title { margin: 0 0 32px; text-align: center; font-size: clamp(26px, 3vw, 32px); font-weight: 700; letter-spacing: 0.02em; color: #0d0d0d; } /* List layout */ .faq-list { display: flex; flex-direction: column; gap: 2px; } /* Card */ .faq-item { background: #fff; border-radius: 16px; border: none; transition: border-color 0.22s ease-out;, background-color 0.22s ease-out; } /* Optional slight border when open for clarity */ .faq-item.is-open { border-color: #e5e5e5; } /* Header (clickable area) */ .faq-header { width: 100%; padding: 15px 20px; border-radius:20px; border: none; outline: none; background: #fcfcfc; display: flex; align-items: center; justify-content: space-between; gap: 16px; cursor: pointer; font-size: 22px; font-weight: 600; color: black; text-align: left; } .faq-header:hover { background: #6ee9a1; color: black; } .faq-header:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; } .faq-question { flex: 1; } /* Icon base */ .faq-icon:hover {color:black;} .faq-icon { position: relative; width: 20px; height: 20px; flex-shrink: 0; } /* Horizontal line */ .faq-icon::before, .faq-icon::after { content: ""; position: absolute; left: 50%; top: 50%; width: 100%; height: 2px; background: black; border-radius: 999px; transition: transform 0.25s ease, opacity 0.25s ease; transform-origin: center; } /* Horizontal line (before) */ .faq-icon::before { transform: translate(-50%, -50%); } /* Vertical line (after) */ .faq-icon::after { transform: translate(-50%, -50%) rotate(90deg); } /* WHEN OPEN → X ICON */ .faq-item.is-open .faq-icon::before { transform: translate(-50%, -50%) rotate(45deg); } .faq-item.is-open .faq-icon::after { transform: translate(-50%, -50%) rotate(-45deg); } /* Body */ .faq-body {background-size:cover; padding: 0 6px; border-radius:10px; max-height: 0; overflow: hidden; transition: max-height 0.22s ease-out, padding-bottom 0.22s ease-out, padding-top 0.22s ease-out; will-change: max-height; color: #0d0d0d; } .faq-item.is-open .faq-body { padding-top: 0; padding-bottom: 24px; max-height:max-content!important;} /* Text inside body */ .faq-body p { } /* Responsive */ @media (max-width: 640px) {.faq-question { text-align: left; font-size: 20px; } .faq-section { padding: 0px; } .faq-item.is-open .faq-body { padding-bottom: 20px; } }#faq-panel-1 p{font-size:16px; font-weight:normal; line-height: 18px !important; color:white;} #faq-panel-4 p{font-weight:normal!important;} #faq-panel-2 .comparison-table{display: flex;justify-content: center;} #faq-panel-4 a{font-size:16px!important;} #faq-panel-4 li{font-weight:normal!important;}.faq-body picture{display:flex; justify-content:center;}@media (max-width:1080px){.faq-body{background-repeat:repeat!important}.woocommerce-order{padding:10px;}} .install-btn{ padding:15px 32px; background:#4F46E5; color:#fff; border:none; border-radius:10px; cursor:pointer; font-size:16px; font-weight:600; transition:.3s; } .install-btn:hover{ background:#4338CA; } .install-modal{ position:fixed; inset:0; background:rgba(0,0,0,.55); backdrop-filter:blur(8px); display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:.35s; z-index:99999; } .install-modal.show{ opacity:1; visibility:visible; } .modal-box{ width:min(1100px,92%); max-height:90vh; overflow:auto; background:#fff; border-radius:20px; padding:35px; box-shadow:0 20px 60px rgba(0,0,0,.25); } .modal-header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:25px; } .modal-header h2{ margin:0; font-size:30px; font-weight:700; } #closeModal{ border:none; background:#f2f2f2; width:42px; height:42px; border-radius:50%; font-size:24px; cursor:pointer; } .tab-menu{ display:flex; gap:10px; overflow:auto; padding-bottom:10px; margin-bottom:30px; } .tab{ padding:12px 22px; border:none; background:#fff3de; color:black; border-radius:50px; cursor:pointer; font-weight:600; transition:.3s; white-space:nowrap; } .tab.active{ background:#ffa100; color:#fff; } .tab-content{ display:none; animation:fade .35s; } .tab-content.active{ display:block; } @keyframes fade{ from{ opacity:0; transform:translateY(15px); } to{ opacity:1; transform:none; } } .intro{ font-size:16px; line-height:1.8; margin-bottom:30px; } .step{ display:flex; gap:20px; padding:18px; background:#F8FAFC; border-radius:14px; margin-bottom:18px; } .step span{ width:45px; height:45px; background:#ffa100; color:#fff; display:flex; align-items:center; justify-content:center; border-radius:50%; font-weight:bold; font-size:18px; flex-shrink:0; } .step h4{ margin:0 0 8px; } .step p{ margin:0; } .image-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:25px; margin:35px 0; } .image-grid img{ width:100%; border-radius:16px; display:block; box-shadow:0 10px 25px rgba(0,0,0,.15); } .login-box{ background:#F8FAFC; padding:25px; border-radius:16px; } .login-box ul{ padding-left:20px; margin:15px 0; } .login-box a{ display:inline-block; margin-top:15px; font-weight:600; color:#4F46E5; text-decoration:none; } @media(max-width:768px){ .modal-box{ padding:22px; } .modal-header h2{ font-size:24px; } .image-grid{ grid-template-columns:1fr; } .step{ flex-direction:column; } } .setup-guide-section{width:100%;background:0 0;border-radius:20px;overflow:hidden;font-family:Arial,sans-serif}.step-item .android-hyperlink{background:none;padding:0;box-shadow: none!important;}.platform-tabs{align-items:center;text-align:center;justify-content:center;gap:18px;padding:24px;border-bottom:1px solid #e5e5e5;overflow-x:auto;scrollbar-width:none}.platform-tabs::-webkit-scrollbar{display:none}.page-id-9 .platform-item{padding:16px 12px}.platform-item{border:0;background:0 0;min-width:150px;padding:0 16px 12px;border-radius:18px;cursor:pointer;transition:.3s;color:#222}.platform-item span{font-size:34px;display:block}.platform-item p{margin:0;font-size:15px;font-weight:500}.platform-item.active,.platform-item:hover{background:#f5e7d7;color:#ff9800}.setup-content{padding:40px 5px 20px}.setup-content h2{text-align:center;font-size:30px;display:block!important;line-height:1.3;margin:0 0 40px;color:#1f1f1f;font-weight:700}.steps-wrapper{display:flex;align-items:flex-start;justify-content:center;gap:20px}.step-item{flex:1;text-align:center;min-height:300px;max-width:380px;padding:10px;border-radius:10px;margin-bottom:20px;box-shadow:rgba(99,99,99,.2) 0 2px 8px 0;transition:transform .3s ease-in-out}.step-item:hover{transform:scale(1.05);box-shadow:rgb(203 136 36 / 54%) 0 2px 6px}.image-modal .modal-image {max-width:88%;}.image-modal{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px}.preview-image-btn{width:fit-content;background:linear-gradient(90deg,#f8bf1c 0,#f7e313 100%);text-decoration:none;box-shadow:0 6px 10px 0 rgba(0,0,0,.06)!important;font-family:Arial,sans-serif}.image-modal.active{display:flex}.modal-image{max-width:90%;max-height:90vh;border-radius:14px}.close-modal{position:absolute;top:15px;right:30px;color:#fff;font-size:42px;cursor:pointer}.preview-image-btn{color:#111!important;padding:16px 30px;text-align:center;font-size:13px;border:none;border-radius:50px;font-weight:600;align-items:center;margin-top:10px;margin-bottom:10px}.step-image{display:none;width:268px;height:500px!important;margin:20px auto;border-radius:14px}.step-number{width:62px;height:36px;background:#ff9800;color:#fff;border-radius:999px;display:flex;align-items:center;justify-content:center;margin:24px auto;font-size:16px;font-weight:700}.step-item h3{font-size:20px;margin-bottom:0px;color:#1d1d1d;line-height:30px;}.step-item p{max-width:420px;padding:0 15px;margin:0 auto 10px;font-weight:400;font-size:14px;line-height:1.9;color:#666;text-align:center}.step-item ul{margin-top:15px;padding-left:20px;text-align:left}.step-item li{margin-bottom:10px;line-height:1.7;color:#666}.step-item li::marker{color:#ffa100!important}.step-arrow{width:30px;height:2px;border-top:6px dotted #d8d8d8;position:relative;top:140px;flex-shrink:0}.step-arrow::after{content:"";position:absolute;right:-12px;top:-14px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid #d8d8d8}@media (max-width:1024px){.setup-content{padding:20px 10px}.setup-content h2{font-size:36px;margin-bottom:60px}.steps-wrapper{gap:14px}.step-item{min-height:350px;margin-bottom:20px;}.step-item h3{font-size:20px}.step-item p{font-size:18px;line-height:1.7;padding:0 8px}.step-arrow{display:none!important;}}@media (max-width:767px){.platform-tabs{justify-content:left;padding:10px;display:inline-block;gap:10px;}.platform-item{min-width:106px;width:120px;padding:14px 5px;margin:10px 0}.platform-item span{font-size:28px}.platform-item p{font-size:12px}.setup-content{padding:0px 20px}.setup-content h2{font-size:26px;margin-bottom:40px}.steps-wrapper{flex-direction:column;gap:30px;display:block;padding:0}.step-item{text-align:center;min-height:0;padding:10px 0 50px;border-radius:10px;margin-bottom:60px;box-shadow:rgba(99,99,99,.2) 0 2px 8px 0!important}.preview-image-btn{padding:4px 16px}.step-number{margin-bottom:24px;margin-top:24px}.step-item h3{font-size:22px;padding:0 10px;margin-bottom:14px}.step-item p{width:90%;font-size:15px;line-height:1.7}.metaslider .slides img{height:250px!important}.step-arrow{display:none!important}.step-arrow::after{display:none}} const modal = document.getElementById("installModal"); document.getElementById("openInstallModal").onclick = () => { modal.classList.add("show"); } document.getElementById("closeModal").onclick = () => { modal.classList.remove("show"); } window.onclick = function(e){ if(e.target===modal){ modal.classList.remove("show"); } } const tabs=document.querySelectorAll(".tab"); const contents=document.querySelectorAll(".tab-content"); tabs.forEach(tab=>{ tab.addEventListener("click",()=>{ tabs.forEach(t=>t.classList.remove("active")); contents.forEach(c=>c.classList.remove("active")); tab.classList.add("active"); document .getElementById(tab.dataset.tab) .classList.add("active"); }); });const faqItems=document.querySelectorAll(".faq-item");function closeItem(e){if(e.classList.contains("always-open"))return;const t=e.querySelector(".faq-header"),a=e.querySelector(".faq-body");e.classList.remove("is-open"),t.setAttribute("aria-expanded","false"),a.style.maxHeight=0}function openItem(e){const t=e.querySelector(".faq-header"),a=e.querySelector(".faq-body");e.classList.add("is-open"),t.setAttribute("aria-expanded","true"),a.style.maxHeight=a.scrollHeight+"px"}faqItems.forEach(e=>{const t=e.querySelector(".faq-body");e.classList.contains("is-open")||e.classList.contains("always-open")?openItem(e):t.style.maxHeight=0}),faqItems.forEach(e=>{e.querySelector(".faq-header").addEventListener("click",()=>{const t=e.classList.contains("is-open");e.classList.contains("always-open")||(t?closeItem(e):openItem(e))})});