.ck-juegos-page{--ck-builder-ink:#152b47;--ck-builder-blue:#0966d4;max-width:1160px;margin:24px auto 64px;padding:0 20px;color:var(--ck-builder-ink);font-family:'Outfit',system-ui,sans-serif}
.ck-juegos-page *{box-sizing:border-box}
.ck-juegos-page [hidden]{display:none!important}
.ck-builder,.ck-juegos-catalog-container{padding:32px;border:1px solid #e1e8f0;border-radius:22px;background:#fff;box-shadow:0 12px 30px #07356b10}
.ck-builder{margin-bottom:24px}
.ck-builder-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid #e9edf3}
.ck-builder-eyebrow{display:block;margin-bottom:10px;color:#526a84;font-size:12px;font-weight:700;letter-spacing:.12em;line-height:1.4}
.ck-builder-heading h1{margin:0 0 10px;color:#152b47;font-size:clamp(28px,3vw,37px);font-weight:750;line-height:1.12;letter-spacing:-.8px}
.ck-builder-heading p{max-width:650px;margin:0;color:#607087;font-size:16px;line-height:1.55}
.ck-builder-count{flex:none;margin-top:4px;padding:8px 12px;border:1px solid #d8e6d1;border-radius:999px;background:#f4f9f1;color:#4d6c36;font-size:12px;font-weight:600;white-space:nowrap}
.ck-builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:38px;align-items:start}
.ck-builder-form{margin:0}
.ck-builder-editor{min-width:0}
.ck-builder-editor fieldset{min-width:0;margin:0;padding:0;border:0}
.ck-builder-field{display:flex;flex-direction:column;gap:8px;margin:0 0 22px;min-width:0}
.ck-builder-field label{margin:0;color:#243952;font-size:15px;font-weight:650;line-height:1.4}
.ck-builder-field label>span{color:#8290a1;font-size:13px;font-weight:400}
.ck-builder-field input,.ck-builder-field select,.ck-builder-field textarea{display:block;width:100%;max-width:100%;min-height:48px;margin:0;padding:12px 14px;border:1px solid #ced8e4;border-radius:10px;background:#fff;color:#233952;font:400 16px/1.45 'Outfit',system-ui,sans-serif;outline:none;box-shadow:0 1px 2px #142b4510;transition:border-color .15s,box-shadow .15s}
.ck-builder-field select{padding-right:32px;cursor:pointer}
.ck-builder-field textarea{resize:vertical;min-height:106px}
.ck-builder-field input:focus,.ck-builder-field select:focus,.ck-builder-field textarea:focus{border-color:#5798e5;box-shadow:0 0 0 3px #0966d414}
.ck-builder-field textarea::placeholder,.ck-builder-field input::placeholder{color:#8794a5;opacity:1}
.ck-builder-examples{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:2px;color:#8090a2;font-size:12px}
.ck-builder-examples>span{margin-right:2px}
.ck-builder-examples button{padding:5px 9px;border:1px solid #e1e8f0;border-radius:6px;background:#f8fafc;color:#566e89;font:500 12px/1.3 'Outfit',system-ui,sans-serif;cursor:pointer}
.ck-builder-examples button:hover{border-color:#abc8e8;background:#f0f6fc;color:#175b9d}
.ck-builder-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.ck-builder-options>.ck-builder-field:has(textarea){grid-column:1/-1}
.ck-builder-verification{margin:0 0 20px;padding-top:2px;min-width:0}
.ck-builder-verification p{margin:8px 0 0;color:#7b8898;font-size:12px;line-height:1.4}
.ck-builder-account{margin:0 0 20px;color:#61758a;font-size:14px;line-height:1.5}
.ck-builder-submit-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px}
.ck-builder-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:13px 22px;border:1px solid #075cbe;border-radius:10px;background:#0966d4;color:#fff;font:650 16px/1.35 'Outfit',system-ui,sans-serif;cursor:pointer;box-shadow:0 3px 6px #0966d41a;transition:background .15s}
.ck-builder-primary:hover:not(:disabled){background:#0757b7}
.ck-builder-primary:disabled{border-color:#d6e0ec;background:#e7edf4;color:#8c9bad;box-shadow:none;cursor:default}
.ck-builder-cost{color:#758397;font-size:13px;line-height:1.4}
.ck-builder-full{display:inline-flex;align-items:center;gap:6px;margin-top:17px;color:#59728d;font-size:13px;line-height:1.4;text-decoration:none}
.ck-builder-full:hover{color:#075cbe;text-decoration:underline}
.ck-builder-error{display:flex;flex-direction:column;gap:8px;margin:0 0 18px;padding:13px 15px;border:1px solid #f2cbd0;border-radius:10px;background:#fff7f8;color:#a23645;font-size:14px;line-height:1.5}
.ck-builder-error a{width:fit-content;color:#8e2130;font-weight:650;text-decoration:underline}
.ck-builder-status{display:flex;align-items:center;gap:10px;margin-top:17px;padding:12px 14px;border-radius:9px;background:#f0f6fd;color:#356797;font-size:14px;line-height:1.4}
.ck-builder-status i{display:block;width:17px;height:17px;flex:none;border:2px solid #c5daf1;border-top-color:#0966d4;border-radius:50%;animation:ck-builder-spin 1s linear infinite}
@keyframes ck-builder-spin{to{transform:rotate(360deg)}}
.ck-builder-preview{padding:25px 23px;border:1px solid #e3ebf3;border-radius:15px;background:#f8fafc}
.ck-builder-preview-label{display:block;color:#7a8ba0;font-size:11px;font-weight:650;line-height:1.4;letter-spacing:.08em}
.ck-builder-preview-art{display:grid;place-items:center;width:128px;height:128px;margin:23px auto 20px;border:1px solid #e7edf3;border-radius:22px;background:#fff}
.ck-builder-preview-art img{display:block;width:100px;height:100px;object-fit:contain}
.ck-builder-preview h2{margin:0 0 11px;color:#243b56;font-size:23px;font-weight:700;line-height:1.2;letter-spacing:-.3px}
.ck-builder-preview>p{margin:0;color:#6a7b8f;font-size:15px;line-height:1.6}
.ck-builder-preview-note{display:flex;align-items:flex-start;gap:9px;margin-top:24px;padding-top:19px;border-top:1px solid #e2e9f1;color:#6b7f92;font-size:13px;line-height:1.5}
.ck-builder-preview-note svg{width:19px;height:19px;flex:none;color:#6c9746}
.ck-builder-preview>a{display:inline-flex;align-items:center;gap:6px;margin-top:22px;color:#1666b5;font-size:13px;font-weight:600;line-height:1.4;text-decoration:none}
.ck-builder-preview>a:hover{text-decoration:underline}
.ck-juegos-catalog-heading{margin-bottom:26px}
.ck-juegos-catalog h2{margin:0 0 8px;color:#223953;font-size:27px;font-weight:700;line-height:1.25;letter-spacing:-.4px}
.ck-juegos-catalog-heading p{margin:0;color:#78879a;font-size:15px;line-height:1.5}
.ck-juegos-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:0 auto}
.ck-juego-card{display:flex;flex:0 0 calc((100% - 70px)/6);flex-direction:column;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:180px;padding:20px 10px;border:1px solid #e3e9ef;border-radius:12px;background:#fff;color:inherit;text-align:center;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}
.ck-juego-card:hover,.ck-juego-card:focus-visible{transform:translateY(-2px);border-color:#a9c5e1;color:inherit;text-decoration:none;box-shadow:0 7px 18px #153d6c0a}
.ck-juego-card__art{display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px}
.ck-juego-card__art img{display:block;width:100%;height:100%;object-fit:contain}
.ck-juego-card__title{display:flex;align-items:center;justify-content:center;min-height:40px;width:100%;color:#385775;font-size:16px;font-weight:650;line-height:1.25}
.ck-juego-card__action{display:inline-flex;align-items:center;gap:5px;color:#7b8b9c;font-size:13px;line-height:1.3}
.ck-juegos-page a:focus-visible,.ck-juegos-page button:focus-visible{outline:3px solid #69a3e780;outline-offset:4px}
@media(max-width:1000px){.ck-builder,.ck-juegos-catalog-container{padding:26px}.ck-builder-layout{grid-template-columns:minmax(0,1fr) 252px;gap:26px}.ck-builder-preview{padding:21px 18px}.ck-builder-count{display:none}.ck-juego-card{flex-basis:calc((100% - 42px)/4)}}
@media(max-width:760px){.ck-juegos-page{padding:0 14px;margin-top:16px}.ck-builder-heading{margin-bottom:24px;padding-bottom:23px}.ck-builder-layout{grid-template-columns:minmax(0,1fr);gap:24px}.ck-builder-preview{display:none}.ck-builder-heading h1{font-size:30px}.ck-builder-heading p{font-size:16px}.ck-juego-card{flex-basis:calc((100% - 28px)/3)}}
@media(max-width:520px){.ck-juegos-page{padding:0 10px}.ck-builder,.ck-juegos-catalog-container{padding:23px 16px;border-radius:17px}.ck-builder-heading h1{font-size:28px;line-height:1.15}.ck-builder-options{grid-template-columns:minmax(0,1fr)}.ck-builder-examples{gap:6px}.ck-builder-primary{width:100%;min-height:50px}.ck-builder-submit-row{gap:9px}.ck-builder-cost{width:100%;text-align:center}.ck-juegos-catalog h2{font-size:25px}.ck-juegos-grid{gap:10px}.ck-juego-card{flex-basis:calc((100% - 10px)/2);min-height:177px;padding:18px 8px}.ck-juego-card__title{font-size:16px}.ck-builder-verification{overflow-x:auto}}
@media(prefers-reduced-motion:reduce){.ck-juego-card,.ck-builder-primary,.ck-builder-field input,.ck-builder-field select,.ck-builder-field textarea{transition:none}.ck-juego-card:hover{transform:none}.ck-builder-status i{animation-duration:2s}}


/* Native disclosure keeps the complete editor compact until requested. */
.ck-builder { padding: 0; }
.ck-builder-summary { display: flex; align-items: center; gap: 18px; padding: 25px 30px; border-radius: 22px; cursor: pointer; list-style: none; }
.ck-builder-summary::-webkit-details-marker { display: none; }
.ck-builder-summary::marker { content: ''; }
.ck-builder-summary:hover { background: #fbfcfe; }
.ck-builder-summary:focus-visible { outline: 3px solid #69a3e780; outline-offset: 4px; }
.ck-builder-summary-icon { display: grid; place-items: center; flex: 0 0 46px; width: 46px; height: 46px; border: 1px solid #dce9f8; border-radius: 13px; background: #f1f7fe; color: #0966d4; }
.ck-builder-summary-icon svg { width: 25px; height: 25px; }
.ck-builder-summary-copy { flex: 1; min-width: 0; }
.ck-builder-summary .ck-builder-eyebrow { margin-bottom: 5px; font-size: 11px; letter-spacing: .1em; }
.ck-builder-summary h1 { margin: 0 0 5px; color: #152b47; font-size: 25px; font-weight: 700; line-height: 1.2; letter-spacing: -.4px; }
.ck-builder-summary-description { display: block; color: #6d7e93; font-size: 14px; line-height: 1.45; }
.ck-builder-toggle { display: inline-flex; align-items: center; justify-content: center; flex: none; gap: 9px; min-height: 43px; padding: 10px 16px; border: 1px solid #075cbe; border-radius: 9px; background: #0966d4; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.3; }
.ck-builder-toggle svg { width: 18px; height: 18px; }
.ck-builder-toggle-close { display: none; }
.ck-builder[open] .ck-builder-toggle-open { display: none; }
.ck-builder[open] .ck-builder-toggle-close { display: inline; }
.ck-builder[open] .ck-builder-toggle { border-color: #dce5ef; background: #f6f8fb; color: #526b87; }
.ck-builder[open] .ck-builder-toggle svg { transform: rotate(180deg); }
.ck-builder[open] .ck-builder-summary { border-bottom: 1px solid #e9edf3; border-radius: 22px 22px 0 0; }
.ck-builder>.ck-builder-form { padding: 28px 30px 30px; }
@media(max-width:760px) {
    .ck-builder-summary { padding: 22px; gap: 14px; flex-wrap: wrap; }
    .ck-builder-summary h1 { font-size: 23px; }
    .ck-builder-summary-copy { flex-basis: calc(100% - 60px); }
    .ck-builder-toggle { margin-left: 60px; min-height: 40px; }
    .ck-builder>.ck-builder-form { padding: 25px 22px; }
}
@media(max-width:520px) {
    .ck-builder-summary { padding: 20px 16px; gap: 12px; border-radius: 17px; }
    .ck-builder-summary-icon { flex-basis: 40px; width: 40px; height: 40px; border-radius: 11px; }
    .ck-builder-summary-copy { flex-basis: calc(100% - 52px); }
    .ck-builder-summary h1 { font-size: 21px; }
    .ck-builder-summary-description { font-size: 13px; }
    .ck-builder-toggle { margin-left: 52px; }
    .ck-builder>.ck-builder-form { padding: 23px 16px; }
}