/* Memorama visual: scoped to this generator. */
body:has(.cm-page--memorama) .a2w_content_section { overflow:hidden; }
.cm-page--memorama.ckg-page { position:relative; isolation:isolate; width:100%; max-width:1180px; margin:0 auto; padding:12px 12px 44px; overflow:visible; background:#fff; border-radius:28px; box-shadow:0 16px 45px #00549d45; color:#101f59; }
.cm-page--memorama .mv-decor { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.mv-star { position:absolute; color:#fff26a; font-size:34px; text-shadow:0 2px 0 #ffb62f,0 0 12px #fff; }
.mv-star--one { top:35px; left:8%; }.mv-star--two { top:475px; left:6%; }.mv-star--three { top:320px; right:5%; }
.mv-float-card { position:absolute; display:grid; place-items:center; width:92px; height:108px; border:7px solid #fff; border-radius:19px; background:linear-gradient(150deg,#fffdea,#e9f6ff); box-shadow:0 7px 0 #61c1f9,0 12px 20px #0264b75c,inset 0 0 0 3px #ffc930; font-size:56px; }
.mv-float-card--apple { top:355px; left:1%; transform:rotate(-13deg); }.mv-float-card--rocket { top:360px; right:1%; transform:rotate(15deg); }.mv-float-card--dino { top:560px; right:2%; transform:rotate(10deg); }
.mv-cloud { position:absolute; width:130px; height:45px; border-radius:50px; background:linear-gradient(#fff,#bfe8ff); box-shadow:0 6px 15px #217bbb33; }.mv-cloud:before,.mv-cloud:after { content:''; position:absolute; background:inherit; border-radius:50%; }.mv-cloud:before { width:65px;height:65px;left:20px;bottom:6px; }.mv-cloud:after { width:55px;height:55px;right:15px;bottom:4px; }.mv-cloud--one { top:670px;left:-2%; }.mv-cloud--two { top:730px;right:-2%; }
.cm-page--memorama.ckg-page .ckg-header { height:clamp(255px,30vw,350px); margin:0; padding:clamp(12px,3vw,45px) 0 0; overflow:visible; background: url('https://cdn.channelkids.com/Channel_imagenes/ia-generadas/banners-cosmo-20261031/memorama-cosmo-luna-v2-20261031.png') center bottom / 90% auto no-repeat, #9edfff url('/public/generator-design/cosmo-sky-bg-20261031.webp') center / cover no-repeat; }
.cm-page--memorama .ckg-breadcrumb { position:absolute; top:7px; left:6px; max-width:26%; padding:4px 8px; font-size:10px; opacity:.9; }
.cm-page--memorama .ckg-hero { position:relative; z-index:2; width:45%; max-width:490px; margin:0 auto; text-align:center; }
.cm-page--memorama .ckg-ai-pill { display:inline-flex; justify-content:center; padding:5px 16px; color:#fff; border:3px solid #fff; border-radius:50px; background:linear-gradient(110deg,#0075ff,#ad00db); box-shadow:0 3px 9px #1642a775; font:800 15px/1.1 Outfit,sans-serif; }
.cm-page--memorama .ckg-ai-pill i { color:#fff !important; }
.cm-page--memorama.ckg-page .ckg-header h1 { max-width:470px; margin:7px auto 4px; color:#102764; font:900 clamp(29px,3.5vw,45px)/.98 Outfit,sans-serif; letter-spacing:-1px; text-shadow:0 3px #fff,0 5px 10px #fff; }
.cm-page--memorama .ckg-title-blue,.cm-page--memorama .ckg-title-navy { color:#102764; }.cm-page--memorama .ckg-title-pink { color:#f00087; }
.cm-page--memorama.ckg-page .ckg-header p { max-width:390px; margin:0 auto; padding:5px 10px; border:0; border-radius:14px; background:#f1f9ffe8; box-shadow:none; color:#123270; font-size:12px; line-height:1.3; font-weight:700; }
.cm-page--memorama.ckg-page .ckg-feature-row { position:static; display:flex; justify-content:center; gap:5px; margin:8px auto 0; }
.cm-page--memorama.ckg-page .ckg-feature-chip { flex:1; min-width:0; min-height:38px; padding:4px 6px; gap:5px; border:2px solid #fff; border-radius:14px; color:#004ed5; font:800 9px/1.12 Outfit,sans-serif; white-space:normal; box-shadow:0 4px 10px #1765a82e; }
.cm-page--memorama.ckg-page .ckg-feature-chip i { flex:none; font-size:17px; }
.cm-page--memorama.ckg-page .ckg-card,.cm-page--memorama.ckg-page .ckg-card:hover { position:relative; z-index:2; max-width:860px; margin:0 auto; padding:55px 38px 20px; border:7px solid #fff !important; border-radius:34px !important; background:linear-gradient(130deg,#fcfbff,#eef6ff) !important; box-shadow:0 0 0 9px #ffffff72,0 0 0 20px #cb79f178,0 18px 35px #c322cb80,inset 0 0 0 2px #e1e5ff !important; transform:none !important; }
.mv-card-heading { position:absolute; top:4px; left:50%; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; gap:10px; width:min(350px,85%); min-height:39px; padding:6px 16px; border:3px solid white; border-radius:50px; background:linear-gradient(110deg,#0082ff,#9137f5 75%,#d500ee); box-shadow:0 5px 12px #6943d451; color:white; font:800 18px/1.1 Outfit,sans-serif; text-align:center; }.mv-card-heading i { color:#ffcf22; font-size:23px; }
.cm-page--memorama.ckg-page .ckg-field { margin-bottom:12px; padding-bottom:8px; border-bottom:1px solid #dce8f7; }
.cm-page--memorama.ckg-page .ckg-label { margin-bottom:6px; color:#101e52; font-size:14px; font-weight:800; }
.cm-page--memorama.ckg-page .ckg-label-badge i { color:#0077ff; font-size:19px; }
.cm-page--memorama.ckg-page .ckg-input,.cm-page--memorama.ckg-page .ckg-select,.cm-page--memorama.ckg-page .ckg-textarea { min-height:38px; height:38px; padding:8px 13px; border:1px solid #a9c5eb; border-radius:12px; background:linear-gradient(120deg,#f8fbff,#e9f2ff); box-shadow:inset 0 0 0 2px #ffffffb3; color:#142a57; font-size:13px; }
.cm-page--memorama.ckg-page .ckg-textarea { height:65px; min-height:65px; resize:vertical; }
.cm-page--memorama.ckg-page .ckg-input::placeholder,.cm-page--memorama.ckg-page .ckg-textarea::placeholder { color:#596f98; }
.cm-page--memorama.ckg-page .ckg-hint { margin:4px 0 0; color:#51678f; font-size:11px; }
.cm-page--memorama.ckg-page .ckg-grid-2 { gap:24px; }.cm-page--memorama.ckg-page .ckg-choice-grid { gap:14px; }
.cm-page--memorama.ckg-page .ckg-choice { min-height:56px; padding:7px 12px; background:#eef6ff; border-color:#b8d0ef; }
.cm-page--memorama.ckg-page .ckg-choice.is-selected,.cm-page--memorama.ckg-page .ckg-choice:has(input:checked) { padding:6px 11px; border:2px solid #005bff; background:#e3efff; box-shadow:0 3px 8px #0066ff2c; }
.cm-page--memorama.ckg-page .ckg-choice-title { color:#10276a; font-size:15px; }.cm-page--memorama.ckg-page .ckg-choice-sub { color:#526a92; font-size:11px; }
.cm-page--memorama.ckg-page .ckg-cost-banner { flex-direction:row; align-items:center; justify-content:center; margin:4px 0 8px; padding:6px 12px; border:2px solid white; background:#e2ebff; }
.cm-page--memorama.ckg-page .ckg-submit { min-height:52px; border:3px solid #fff; border-radius:50px; background:linear-gradient(#ff50b2,#f00088); box-shadow:0 5px 12px #ed16a04d; text-shadow:0 2px 2px #b8006e; font-weight:800; }
.cm-page--memorama.ckg-page .ckg-submit:hover:not(:disabled) { box-shadow:0 7px 16px #ed16a066; filter:brightness(1.05); }
@media(max-width:800px) { .mv-float-card { width:65px; height:76px; font-size:36px; }.cm-page--memorama.ckg-page .ckg-card,.cm-page--memorama.ckg-page .ckg-card:hover { width:calc(100% - 60px); padding-left:25px; padding-right:25px; }.cm-page--memorama .ckg-hero { width:51%; }.cm-page--memorama.ckg-page .ckg-header h1 { font-size:32px; } }
@media(max-width:600px) { .cm-page--memorama.ckg-page { padding:0 12px 30px; }.cm-page--memorama.ckg-page .ckg-header { height:300px; padding-top:44px; background-size:auto 185px,cover; background-position:center bottom,center; }.cm-page--memorama .ckg-breadcrumb { top:7px; max-width:95%; font-size:9px; }.cm-page--memorama .ckg-hero { width:100%; max-width:400px; }.cm-page--memorama.ckg-page .ckg-header h1 { max-width:330px; margin:5px auto; font-size:30px; }.cm-page--memorama.ckg-page .ckg-header p { max-width:290px; font-size:11px; }.cm-page--memorama.ckg-page .ckg-feature-row { position:absolute; top:194px; left:0; right:0; flex-wrap:wrap; gap:4px; }.cm-page--memorama.ckg-page .ckg-feature-chip { flex:0 1 auto; min-height:27px; padding:3px 7px; font-size:9px; }.cm-page--memorama.ckg-page .ckg-feature-chip i { font-size:13px; }.cm-page--memorama.ckg-page .ckg-card,.cm-page--memorama.ckg-page .ckg-card:hover { width:100%; padding:51px 16px 17px; border-width:5px !important; border-radius:24px !important; }.mv-card-heading { font-size:15px; }.mv-float-card { display:none; }.cm-page--memorama.ckg-page .ckg-grid-2 { grid-template-columns:1fr; gap:0; }.cm-page--memorama.ckg-page .ckg-choice-grid { grid-template-columns:1fr 1fr; gap:8px; }.cm-page--memorama.ckg-page .ckg-choice { gap:6px; padding:7px; }.cm-page--memorama.ckg-page .ckg-choice.is-selected { padding:6px; }.cm-page--memorama.ckg-page .ckg-choice-title { font-size:13px; }.cm-page--memorama.ckg-page .ckg-choice-sub { font-size:10px; }.cm-page--memorama.ckg-page .ckg-submit { font-size:17px; padding:12px; } }

/* Memorama header typography */
.cm-page--memorama.ckg-page .ckg-hero { background:transparent; border:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none; }
.cm-page--memorama.ckg-page .ckg-hero .ckg-ai-pill { display:inline-flex; align-items:center; gap:7px; margin:0 0 7px; padding:5px 17px; border:3px solid #fff; border-radius:999px; background:linear-gradient(100deg,#006df5,#8500db 75%,#b000cf); box-shadow:0 4px 9px #573bc455,inset 0 2px 3px #ffffff80; color:#fff; font:800 14px/1.1 Outfit,sans-serif; text-shadow:0 1px 2px #38117c; }
.cm-page--memorama.ckg-page .ckg-hero .ckg-ai-pill i:first-child,.cm-page--memorama.ckg-page .ckg-hero .ckg-ai-pill i:last-child { color:#ffdc42; }
.cm-page--memorama.ckg-page .ckg-hero h1 { margin:0 auto 7px; color:#112864; font:900 clamp(30px,3.6vw,46px)/.99 Outfit,sans-serif; letter-spacing:-1.2px; text-shadow:0 3px 0 #fff,0 5px 10px #95c9f5; }
.cm-page--memorama.ckg-page .ckg-hero h1 br { display:block; }
.cm-page--memorama.ckg-page .ckg-hero .ckg-title-navy,.cm-page--memorama.ckg-page .ckg-hero .ckg-title-blue { color:#112864; }
.cm-page--memorama.ckg-page .ckg-hero .ckg-title-pink { color:#f00088; }
.cm-page--memorama.ckg-page .ckg-hero p { max-width:390px; margin:0 auto; padding:5px 10px; border-radius:14px; background:#fff9; color:#16346f; font:700 12px/1.3 'Plus Jakarta Sans',sans-serif; }
.cm-page--memorama.ckg-page .ckg-hero .ckg-feature-row { flex-wrap:nowrap; gap:5px; margin:8px auto 0; }
.cm-page--memorama.ckg-page .ckg-hero .ckg-feature-chip { flex:1 1 0; min-width:0; min-height:38px; padding:4px 5px; gap:5px; border:2px solid #fff; border-radius:14px; background:linear-gradient(#fff,#eaf5ff); color:#004ad1; font:800 9px/1.1 Outfit,sans-serif; white-space:normal; box-shadow:0 3px 8px #287ab02c; }
@media(max-width:600px) { .cm-page--memorama.ckg-page .ckg-hero h1 { font-size:30px; }.cm-page--memorama.ckg-page .ckg-hero .ckg-feature-row { flex-wrap:wrap; }.cm-page--memorama.ckg-page .ckg-hero .ckg-feature-chip { flex:0 1 auto; min-height:27px; } }

/* Centrar tarjeta del generador (anula margin !important de plantillas como .ht-card) */
.cm-page--memorama.ckg-page .ckg-card,.cm-page--memorama.ckg-page .ckg-card:hover { margin-left:auto !important; margin-right:auto !important; }
