.bonus-detail{max-width:900px;margin:0 auto;color:var(--ink)}
.bonus-detail section{margin:0 0 30px}
.bonus-answer{position:relative;overflow:hidden;padding:25px 27px;border:1px solid #ded1c3;border-left:5px solid var(--orange);border-radius:18px;background: #f2e5cf;border-left-color:#8cbd26}
.bonus-detail[data-bonus-page="uzupleus"] .bonus-answer{background: #f2e5cf;border-left-color:#30a181}
.bonus-detail[data-bonus-page="codigo-promocional"] .bonus-answer{background: #f2e5cf;border-left-color:#6f3b4b}
.bonus-answer .eyebrow,.bonus-section-heading .eyebrow{display:block;margin-bottom:6px;color:#6a5578;font:800 10px Manrope,Arial,sans-serif;letter-spacing:.09em}
.bonus-answer h2,.bonus-section-heading h2{margin:0 0 9px;font:800 clamp(22px,4vw,29px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.035em}
.bonus-answer p,.bonus-section-heading p{max-width:760px;margin:0;color:#4e4057;font-size:15px;line-height:1.7}
.bonus-answer .button{position:relative;z-index:1;margin-top:14px}
.bonus-section-heading{margin-bottom:15px}
.bonus-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:15px;background:#fff}
.bonus-table-wrap table{width:100%;border-collapse:collapse;text-align:left}
.bonus-table-wrap caption{padding:12px 16px;text-align:left;color:#65586d;font-size:12px}
.bonus-table-wrap th,.bonus-table-wrap td{padding:12px 16px;border-top:1px solid var(--line);vertical-align:top}
.bonus-table-wrap th{width:27%;font:800 13px Manrope,Arial,sans-serif}
.bonus-table-wrap td{font-size:13px;line-height:1.6;color:#51465a}
.bonus-table-action{padding:12px 16px 0}
.bonus-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.bonus-example{min-height:156px;padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff}
.bonus-example h3{margin:0 0 9px;font:800 15px Manrope,Arial,sans-serif}
.bonus-example p{margin:0;color:#554a5e;font-size:13px;line-height:1.65}
.bonus-tool{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:center;padding:22px;border-radius:18px;background:#492738;color:#fff}
.bonus-tool .eyebrow{color:var(--lime);font:800 10px Manrope,Arial,sans-serif;letter-spacing:.08em}
.bonus-tool h2{margin:6px 0 8px;font:800 clamp(22px,3vw,28px)/1.2 Manrope,Arial,sans-serif}
.bonus-tool p{margin:0;color:#f0eaf6;font-size:13px;line-height:1.6}
.bonus-tool form{display:grid;grid-template-columns:1fr auto;gap:8px 10px;align-items:center}
.bonus-tool label{grid-column:1/-1;font-size:12px;font-weight:700;color:#f4edf8}
.bonus-tool input{width:100%;min-height:44px;padding:9px 11px;border:1px solid #d8c7e3;border-radius:9px;background:#fff;color:#251621;font:600 15px Arial,sans-serif}
.bonus-tool output{grid-column:1/-1;min-height:42px;padding:10px 12px;border-radius:9px;background:#fff;color:#251621;font:800 15px Manrope,Arial,sans-serif}
.bonus-tool .button{grid-column:1/-1;justify-self:start;min-height:44px}
.bonus-ladder,.bonus-start{padding:20px;border-radius:17px;background:#f2e5cf}
.bonus-ladder ol,.bonus-start ol{list-style:none;padding:0;margin:0;counter-reset:bonus-step}
.bonus-ladder li,.bonus-start li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;padding:13px 0;border-top:1px solid #e3d9e8}
.bonus-ladder li:first-child,.bonus-start li:first-child{border-top:0}
.bonus-ladder li>span,.bonus-start li>span{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--purple);color:#fff;font:800 12px Manrope,Arial,sans-serif}
.bonus-ladder li p,.bonus-start li p{margin:6px 0 0;color:#4f4356;font-size:14px;line-height:1.6}
.bonus-final-action{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px;border-radius:17px;background:#f8eede}
.bonus-final-action h2{margin:2px 0 6px;font:800 22px/1.25 Manrope,Arial,sans-serif}
.bonus-final-action p{max-width:540px;margin:0;color:#51465a;font-size:13px;line-height:1.6}
.bonus-final-action .button{flex:0 0 auto;min-height:46px}
.bonus-faq-list{border-top:1px solid var(--line)}
.bonus-faq-list details{border-bottom:1px solid var(--line)}
.bonus-faq-list summary{position:relative;padding:15px 38px 15px 3px;cursor:pointer;list-style:none;font:800 14px Manrope,Arial,sans-serif}
.bonus-faq-list summary::-webkit-details-marker{display:none}
.bonus-faq-list summary:after{content:"+";position:absolute;right:8px;top:12px;color:var(--purple);font-size:21px}
.bonus-faq-list details[open] summary:after{content:"−"}
.bonus-faq-list details p{max-width:780px;margin:0;padding:0 24px 16px 3px;color:#584d61;font-size:13px;line-height:1.65}
.bonus-sources{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bonus-sources .eyebrow{font:800 9px Manrope,Arial,sans-serif;letter-spacing:.08em;color:#6a5578}
.bonus-sources p{margin:4px 0 0;color:#62566a;font-size:12px}
.bonus-sources nav{display:flex;flex-wrap:wrap;gap:8px 14px;align-content:center}
.bonus-source{color:#4f1c76;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.bonus-crosslinks{display:flex;flex-wrap:wrap;gap:8px}
.bonus-crosslinks a{padding:9px 12px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:12px;font-weight:700}
.bonus-crosslinks a:hover{border-color:var(--purple);color:var(--purple)}
@media(max-width:767px){.bonus-example-grid{grid-template-columns:1fr}.bonus-example{min-height:0}.bonus-tool{grid-template-columns:1fr;padding:18px}.bonus-final-action{align-items:flex-start;flex-direction:column}.bonus-sources{flex-direction:column}.bonus-table-wrap th{width:34%}}
@media(max-width:480px){.bonus-answer{padding:20px 18px}.bonus-answer p{font-size:14px}.bonus-table-wrap th,.bonus-table-wrap td{padding:10px;font-size:12px}.bonus-tool form{grid-template-columns:1fr}.bonus-tool .button{width:100%}.bonus-ladder,.bonus-start{padding:15px}.bonus-ladder li,.bonus-start li{grid-template-columns:34px 1fr;gap:9px}.bonus-ladder li>span,.bonus-start li>span{width:31px;height:31px}}