/* Capa studio para generadores sueltos. Requiere ck-generator-studio.css (cgs-*) y ck-generator-skin.js. Todo va bajo .ckg-page. */
.ckg-page{box-sizing:border-box;width:100%;max-width:1180px!important;margin:18px auto 45px!important;padding:24px!important;border:1px solid #dce9f3!important;border-radius:20px!important;background:linear-gradient(145deg,#f6fbff,#edf8fe)!important;box-shadow:0 5px 20px #153c6110!important;color:#13234b;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.ckg-page *{box-sizing:border-box}
.ckg-page>.ckg-header,.ckg-page>.ckg-feature-row,.ckg-page .mv-card-heading,.ckg-page .ckg-card>[class*="-card-title"],.ckg-page .ckg-card>.ckg-section-title{display:none!important}
.ckg-page .cgs-gs-top{margin:0}
.ckg-page .cgs-heading h1{margin:0 0 7px;color:#101f4b;font:800 clamp(27px,3vw,36px)/1.13 'Outfit',sans-serif;letter-spacing:-.025em;background:none;-webkit-text-fill-color:currentColor;text-shadow:none}
.ckg-page .cgs-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px;align-items:start}
.ckg-page .cgs-workspace--single{grid-template-columns:minmax(0,1fr)}
.ckg-page>.ckg-card,.ckg-page>.cgs-workspace>.ckg-card{min-width:0;width:auto!important;max-width:none!important;margin:0!important;padding:23px!important;border:1px solid #d7e4ef!important;border-radius:16px!important;background:#fff!important;box-shadow:0 3px 10px #153b6510!important;transform:none!important}
.ckg-page .cgs-panel-title{margin:0 0 20px}

/* campos */
.ckg-page .ckg-field{margin:0 0 17px;padding:0;border:0;background:transparent;box-shadow:none}
.ckg-page .ckg-label{display:flex;align-items:center;gap:7px;margin:0 0 8px;color:#172e54;font:750 13px/1.4 'Plus Jakarta Sans',sans-serif;text-transform:none;letter-spacing:0}
.ckg-page .ckg-label-badge{flex:0 0 20px;width:20px;height:21px;margin:0;padding:0;border:0;background:none;box-shadow:none;border-radius:0}
.ckg-page .ckg-grid-2,.ckg-page [class*="-grid-2"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ckg-page .ckg-card input[type=text],.ckg-page .ckg-card input[type=number],.ckg-page .ckg-card input[type=search],.ckg-page .ckg-card input[type=email],.ckg-page .ckg-card select,.ckg-page .ckg-card textarea,.ckg-page .ckg-input{width:100%;min-width:0;margin:0;padding:9px 12px!important;border:1px solid #c5d1df!important;border-radius:9px!important;background-color:#fff!important;color:#263c5f;box-shadow:0 1px 2px #203f6405!important;font:400 13px/1.5 'Plus Jakarta Sans',system-ui,sans-serif!important;min-height:40px;height:auto}
.ckg-page .ckg-card select{appearance:none;-webkit-appearance:none;padding-right:33px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23253b61' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 10px center/14px 14px no-repeat!important;cursor:pointer}
.ckg-page .ckg-card input:focus,.ckg-page .ckg-card select:focus,.ckg-page .ckg-card textarea:focus{outline:0;border-color:#12a3c7!important;box-shadow:0 0 0 3px #0ca3cd12!important}
.ckg-page .ckg-card textarea{min-height:105px;resize:vertical}
.ckg-page .ckg-hint{margin:5px 0 0;color:#8190a3;font-size:11px;line-height:1.5}
.ckg-page .ckg-card [class*="-input-wrap"]{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.ckg-page .ckg-card [class*="-input-wrap"]>svg,.ckg-page .ckg-card [class*="-input-wrap"]>i{display:none}

/* opciones tipo tarjeta (orientacion, elecciones) */
.ckg-page [class*="-orientation-group"],.ckg-page [class*="-choice-group"],.ckg-page [class*="-choice-grid"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ckg-page [class*="-orient-card"],.ckg-page [class*="-choice"]:not([class*="-choice-"]){display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:8px 10px!important;border:1px solid #c7d4e1!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;cursor:pointer;font:700 12px/1.4 'Plus Jakarta Sans',sans-serif}
.ckg-page [class*="-orient-card"] [class*="-orient-title"],.ckg-page [class*="-orient-card"] span{font-size:12px!important;font-weight:700!important;color:#263e61!important;letter-spacing:0}
.ckg-page [class*="-orient-icon"]{width:23px!important;height:23px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.ckg-page [class*="-orient-card"]:has(input:checked),.ckg-page [class*="-orient-card"].is-selected,.ckg-page [class*="-orient-card"].active,.ckg-page [class*="-choice"].is-selected{border-color:#05add1!important;background:linear-gradient(110deg,#e8fbff,#d7f5fd)!important;box-shadow:0 0 0 1px #04b0d122!important}
.ckg-page [class*="-orient-card"] [class*="-orient-check"],.ckg-page [class*="-orient-badge"]{display:none!important}

/* cantidad */
.ckg-page [class*="-quantity"]{display:flex;align-items:center;gap:11px}
.ckg-page [class*="-stepper"] button{border-radius:9px!important}

/* privacidad / PRO */
.ckg-page [class*="-private"]:not([class*="-private-"]){border:1px solid #d8e1ec!important;border-radius:12px!important;background:#f8fbff!important;box-shadow:none!important}

/* envio */
.ckg-page .ckg-submit{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;width:auto!important;min-width:220px;min-height:44px;margin:0!important;padding:10px 20px!important;border:1px solid #e4007e!important;border-radius:10px!important;background:linear-gradient(#f4008e,#e8007e)!important;box-shadow:0 3px 8px #d6007414!important;color:#fff!important;font:750 14px/1.4 'Plus Jakarta Sans',sans-serif!important;letter-spacing:0;text-transform:none;transform:none!important;white-space:normal}
.ckg-page .ckg-submit:hover{background:#d90076!important}
.ckg-page .ckg-submit [class*="-submit-cost"]{margin-left:6px;padding:3px 9px;border-radius:999px;background:#ffffff26!important;color:#fff!important;font-size:11px}
.ckg-page .ckg-cost-banner{margin:0;padding:0;border:0;background:none;box-shadow:none;color:#20395f;font-size:14px;font-weight:750}
.ckg-page .ckg-error{margin:0 0 15px;padding:12px;border-radius:9px;font-size:12px}

/* examenes: formulario con columnas propias */
.ckg-page.ck-gs-wide>.cgs-workspace>.ckg-card{padding:18px!important}
.ckg-page [class*="-design-section"],.ckg-page [class*="-options-panel"]{border-radius:12px}

@media(max-width:1050px){.ckg-page{padding:20px!important}.ckg-page .cgs-workspace{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:15px}.ckg-page .cgs-workspace--single{grid-template-columns:minmax(0,1fr)}}
@media(max-width:780px){.ckg-page .cgs-workspace,.ckg-page .cgs-workspace--single{grid-template-columns:minmax(0,1fr)}.ckg-page .cgs-preview{position:static}.ckg-page .cgs-heading{flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.ckg-page{margin:12px auto 30px!important;padding:17px 13px!important;border-radius:16px!important}.ckg-page>.ckg-card,.ckg-page>.cgs-workspace>.ckg-card{padding:18px 15px!important}.ckg-page .ckg-grid-2,.ckg-page [class*="-grid-2"]{grid-template-columns:minmax(0,1fr)}.ckg-page .ckg-submit{width:100%!important}}

/* Antes de que el JS arme el marco: hueco del titulo y ancho de la tarjeta iguales a los finales (sin saltos ni diseno viejo) */
.ckg-page:not(.ck-gs-skin)::before{content:"";display:block;height:176px}
.ckg-page:not(.ck-gs-skin):not(:has([class*="-workspace"]))>.ckg-card{max-width:calc((100% - 18px) * .6226)!important}
@media(max-width:780px){.ckg-page:not(.ck-gs-skin):not(:has([class*="-workspace"]))>.ckg-card{max-width:none!important}}
/* marco/aro de color del diseno anterior */
.ckg-page>.ckg-card::before,.ckg-page>.ckg-card::after,.ckg-page>.cgs-workspace>.ckg-card::before,.ckg-page>.cgs-workspace>.ckg-card::after{display:none!important}
.ckg-page>.ckg-card,.ckg-page>.cgs-workspace>.ckg-card{outline:0!important}

.ckg-page .cgs-preview-slot{min-height:340px}

/* ===== Igualar al estudio de Infografias: iconos de linea monocromos, stepper neutro, privacidad plana ===== */
.ckg-page .ckg-label i,.ckg-page .ckg-label>svg,.ckg-page .ckg-label-badge,.ckg-page .ckg-label-badge i{color:#172e54!important;background:none!important;-webkit-text-fill-color:currentColor!important;font-size:15px;width:auto;text-shadow:none!important}
.ckg-page .ckg-label>.ckg-label-badge{display:inline-flex;align-items:center;font-size:15px}
.ckg-page .ckg-label span[class*="-icon"],.ckg-page .ckg-label [class*="icon-"]{color:#172e54!important}
.ckg-page .ckg-label span:not([class*="-badge"]):not([class*="-icon"]){color:#d6246e}
.ckg-page [class*="-label-row"]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}
.ckg-page [class*="-label-row"] .ckg-label{margin:0}
.ckg-page [class*="-examples"]:not(.cgs-examples){color:#8a97aa!important;font-size:11px!important;background:none!important;border:0!important;padding:0!important}
.ckg-page [class*="-examples"]:not(.cgs-examples) i{color:#e2a900!important}

/* orientacion y elecciones */
.ckg-page [class*="-orient-card"]::before,.ckg-page [class*="-orient-card"]::after,.ckg-page [class*="-orient-card"]>[class*="-check"],.ckg-page [class*="-orient-card"]>[class*="-badge"]{display:none!important}
.ckg-page [class*="-orient-card"],.ckg-page .ckg-choice{color:#263e61!important;font:700 12px/1.4 'Plus Jakarta Sans',sans-serif!important;text-align:center;justify-content:center}
.ckg-page [class*="-orient-icon"],.ckg-page .ckg-choice-icon{display:inline-flex!important;align-items:center;justify-content:center;width:23px!important;height:23px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;font-size:18px!important;filter:grayscale(1) contrast(1.1) brightness(.42);color:#193a60!important}
.ckg-page [class*="-orient-card"] input[type=radio],.ckg-page .ckg-choice input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.ckg-page [class*="-orient-card"],.ckg-page .ckg-choice{position:relative}
.ckg-page [class*="-orient-card"] [class*="-orient-title"],.ckg-page .ckg-choice [class*="-choice-title"]{color:#263e61!important;font-size:12px!important;font-weight:700!important}
.ckg-page .ckg-choice [class*="-choice-sub"],.ckg-page .ckg-choice [class*="-choice-check"]{display:none!important}

/* cantidad: [-] 1 [+] */
.ckg-page [class*="-stepper"]{display:inline-flex!important;align-items:stretch;overflow:hidden;border:1px solid #cdd9e5!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;width:auto!important;max-width:150px;padding:0!important}
.ckg-page [class*="-stepper"] input[type=number]{order:2;width:52px!important;min-width:0!important;min-height:37px!important;height:37px;padding:5px 0!important;border:0!important;border-left:1px solid #dbe3ed!important;border-right:1px solid #dbe3ed!important;border-radius:0!important;box-shadow:none!important;text-align:center;font-weight:750!important;-moz-appearance:textfield;appearance:textfield}
.ckg-page [class*="-stepper"] input[type=number]::-webkit-inner-spin-button,.ckg-page [class*="-stepper"] input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.ckg-page [class*="-stepper"] button{width:34px!important;height:37px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#f7faff!important;color:#253c60!important;box-shadow:none!important;transform:none!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.ckg-page [class*="-stepper"] button:first-of-type{order:1}
.ckg-page [class*="-stepper"] button:last-of-type{order:3}
.ckg-page [class*="-stepper"] button i{font-size:12px}
.ckg-page [class*="-stepper"] button:disabled{opacity:.4}

/* privacidad: fila plana con candado de linea e interruptor */
.ckg-page [class*="-private"]:not([class*="-private-"]){padding:4px 0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;margin:0 0 14px!important}
.ckg-page [class*="-private-row"]{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:4px 11px}
.ckg-page [class*="-private-ico"]{width:23px!important;height:26px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#293f63!important;display:inline-flex;align-items:center;justify-content:center}
.ckg-page [class*="-private-ico"] svg{width:22px!important;height:22px!important;color:#293f63!important;stroke:#293f63}
.ckg-page [class*="-private-txt"] strong{color:#273e62!important;font:750 12px/1.3 'Plus Jakarta Sans',sans-serif!important}
.ckg-page [class*="-private-txt"] small{color:#8290a3!important;font:400 10.5px/1.5 'Plus Jakarta Sans',sans-serif!important}
.ckg-page [class*="-private-badge"]{display:none!important}
.ckg-page [class*="-private-up"]{display:block;margin:2px 0 0 35px;color:#008eb7!important;font:600 10.5px/1.3 'Plus Jakarta Sans',sans-serif!important;text-decoration:underline}
.ckg-page [class*="-switch-track"]{opacity:.8}

/* envio a la derecha, con linea superior */
.ckg-page form>.ckg-submit,.ckg-page form [class*="-submit-row"]>.ckg-submit{margin-left:auto!important}
.ckg-page form{display:block}

.ckg-page .ckg-label-badge,.ckg-page .ckg-label>[class*="-badge"],.ckg-page .ckg-label>[class*="-icon"]{filter:grayscale(1) contrast(1.1) brightness(.42)!important}
.ckg-page .ckg-choice:has(input:checked),.ckg-page [class*="-choice"]:not([class*="-choice-"]):has(input:checked){border-color:#05add1!important;background:linear-gradient(110deg,#e8fbff,#d7f5fd)!important;box-shadow:0 0 0 1px #04b0d122!important}
.ckg-page [class*="-choice-group"]>*,.ckg-page [class*="-choice-grid"]>*{min-height:42px!important;height:auto!important;padding:8px 10px!important;gap:9px}
.ckg-page [class*="-choice-group"],.ckg-page [class*="-choice-grid"]{gap:10px}

/* ===== Cintillo del titulo: estilo ChannelKids (cielo, mascota, nombre en rosa) ===== */
body .ckg-page .cgs-heading--hero{position:relative;display:flex;align-items:center;gap:18px 22px;flex-wrap:wrap;margin:0 0 24px;padding:22px 26px;background:radial-gradient(circle at 10% 125%,rgba(255,255,255,.8) 0 17%,transparent 18%),radial-gradient(circle at 92% -35%,rgba(255,255,255,.75) 0 22%,transparent 23%),linear-gradient(135deg,#bfe9ff 0%,#d9f1ff 52%,#ffe3f1 100%);border:4px solid #fff;border-radius:28px;box-shadow:0 0 0 2px #9fd8f7,0 9px 0 -2px rgba(37,99,235,.17),0 18px 30px -14px rgba(37,99,235,.4)}
body .ckg-page .cgs-hero-mascot{flex:0 0 auto;width:104px;height:104px;margin:-8px 0 -22px;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(15,63,128,.25));animation:cgs-bob 3.2s ease-in-out infinite}
@keyframes cgs-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){body .ckg-page .cgs-hero-mascot{animation:none}}
body .ckg-page .cgs-hero-text{flex:1 1 320px;min-width:0}
body .ckg-page .cgs-heading--hero h1{margin:0 0 6px;color:#103d82;font:900 clamp(27px,3.2vw,38px)/1.08 'Outfit',sans-serif;letter-spacing:-.025em;text-shadow:0 2px 0 rgba(255,255,255,.85)}
body .ckg-page .cgs-heading--hero h1 em{font-style:normal;color:#dd287d}
body .ckg-page .cgs-heading--hero p{margin:0;color:#174878;font-size:14px;font-weight:600;line-height:1.5;max-width:720px}
body .ckg-page .cgs-examples.cgs-examples--hero{flex-shrink:0;margin-left:auto;min-height:44px;padding:9px 18px;border:3px solid #fff;border-radius:16px;background:#ffe066;color:#103d82;font:800 13px/1 'Outfit',sans-serif;text-decoration:none;box-shadow:0 4px 0 rgba(15,63,128,.22),0 10px 16px -8px rgba(15,63,128,.35);transform:rotate(-1.5deg);transition:transform .15s}
body .ckg-page .cgs-examples.cgs-examples--hero:hover{transform:rotate(0) translateY(-2px)}
@media(max-width:700px){body .ckg-page .cgs-heading--hero{padding:16px 14px;border-radius:22px}body .ckg-page .cgs-hero-mascot{width:70px;height:70px;margin:0}body .ckg-page .cgs-examples.cgs-examples--hero{width:100%;margin-left:0;justify-content:center}}