/* Creadores BloP (2026-10-16): fichas de Experiencias y Drops, Cartelera, perfil del chef y portal de creadores.
   Mismo sistema de la tienda: fichas blancas de 20px, cabeceras de color, morado→rosado para acciones y naranjo para drops.
   Todo va con prefijo c- para no chocar con app.css. */
.cpage{--c-ink:#14112A;--c-text:#242435;--c-muted:#6B6B80;--c-line:#E8E6F2;--c-soft:#F6F2FF;--c-primary:#7C3CFF;--c-primary-dark:#6831D3;--c-pink:#FF3FA4;--c-blue:#1E9BFF;--c-green:#0CA678;
  --c-drop:#C0512E;--c-drop-dark:#7E2D1C;--c-drop-cream:#FFF4EA;--c-yellow:#FFC21A;--c-ok:#16A765;--c-ok-bg:#E7F7EF;--c-warn:#8A5A00;--c-warn-bg:#FFF4D6;--c-bad:#D92D55;--c-bad-bg:#FDEBF0;
  display:grid;gap:18px;max-width:1180px;margin:0 auto;padding:6px 0 48px;color:var(--c-text)}
.cpage [hidden],.c-return[hidden]{display:none!important}
.cpage h1,.cpage h2,.cpage h3,.cpage h4{color:var(--c-ink);text-wrap:balance;margin:0}
.cpage p{margin:0}
/* Cabecera de Experiencias (2026-10-16, elegida por el usuario): fondo gris de "Portada de revista", título a mano en Caveat,
   línea fina con lo esencial y botón con borde. La foto (opcional) va a la derecha y se funde con el gris. */
.c-exp-hero{position:relative;overflow:hidden;display:grid;align-content:end;gap:14px;min-height:400px;padding:40px clamp(24px,5vw,56px);border-radius:22px;color:#fff;
  background:linear-gradient(180deg,rgba(10,8,6,.15) 0%,rgba(10,8,6,.5) 40%,rgba(10,8,6,.92) 100%),linear-gradient(90deg,rgba(10,8,6,.7),rgba(10,8,6,0) 65%),#F7F6FC}
.c-exp-photo{position:absolute;inset:0 0 0 auto;width:55%;background:center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%);opacity:.9}
.c-exp-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,6,0) 35%,rgba(10,8,6,.85))}
.c-exp-hero>*:not(.c-exp-photo){position:relative}
.c-exp-kick{font-size:.7rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.cpage .c-exp-hero h1{display:grid;font-family:Caveat,cursive;font-weight:700;font-size:clamp(3rem,6vw,4.8rem);line-height:.95;color:#fff}
.cpage .c-exp-hero h1 span+span{font-weight:500;color:#D9B77E}
/* Drops: misma cabecera, título en Bebas Neue (letra de cartel) para no ser igual a Experiencias */
.cpage .c-exp-hero.is-drops h1{font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:clamp(3.4rem,7vw,5.6rem);line-height:.9;letter-spacing:.02em}
.cpage .c-exp-hero.is-drops h1 span+span{font-weight:400}
.c-exp-hero p{max-width:520px;font-weight:300;font-size:1.02rem;line-height:1.6;color:rgba(255,255,255,.85)}
.c-exp-foot{display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;margin-top:8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.22)}
.c-exp-facts{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.c-exp-facts span+span{position:relative;padding-left:22px}
.c-exp-facts span+span::before{content:"";position:absolute;left:0;top:50%;width:10px;height:1px;background:rgba(255,255,255,.5)}
.c-exp-btn{margin-left:auto;display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border:1px solid rgba(255,255,255,.7);border-radius:999px;color:#fff;text-decoration:none;font-size:.82rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.c-exp-btn:hover{background:rgba(255,255,255,.12);color:#fff}
/* Fichas de entrada de la tienda (2026-10-16): la misma cabecera, en chico. Toda la ficha es el link; el botón es solo dibujo. */
.c-exp-hero.is-entry{min-height:300px;gap:10px;padding:26px clamp(20px,3vw,32px);border-radius:20px;text-decoration:none}
.c-exp-hero.is-entry:hover{color:#fff}
.c-exp-hero.is-entry:hover .c-exp-btn{background:rgba(255,255,255,.12)}
.c-exp-hero.is-entry h3{display:grid;margin:0;font-family:Caveat,cursive;font-weight:700;font-size:clamp(2.4rem,4vw,3.3rem);line-height:.95;color:#fff}
.c-exp-hero.is-entry h3 span+span{font-weight:500;color:#D9B77E}
.c-exp-hero.is-entry.is-drops h3{font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:clamp(2.7rem,4.6vw,3.8rem);line-height:.9;letter-spacing:.02em}
.c-exp-hero.is-entry p{margin:0;font-size:.92rem;line-height:1.5}
.c-exp-hero.is-entry .c-exp-foot{gap:12px 18px;margin-top:4px;padding-top:14px}
.c-exp-hero.is-entry .c-exp-btn{padding:10px 18px;font-size:.76rem}
.c-exp-hero.is-entry .c-count b{min-width:40px;background:rgba(255,255,255,.14)}
.c-exp-hero.is-entry[hidden]{display:none}
@media(max-width:760px){.c-exp-hero.is-entry{min-height:340px}}
@media(max-width:760px){.c-exp-hero{min-height:460px}.c-exp-btn{margin-left:0}.c-exp-photo{width:100%;height:60%;inset:0 0 auto 0;-webkit-mask-image:linear-gradient(0deg,transparent,#000 50%);mask-image:linear-gradient(0deg,transparent,#000 50%)}}
.c-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.c-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.c-grow{flex:1;min-width:0}
.c-muted{color:var(--c-muted)}
.c-small{font-size:.84rem}
.c-xs{font-size:.76rem}
.c-b{font-weight:800;color:var(--c-ink)}
.c-num{font-variant-numeric:tabular-nums}
.c-title{font-size:clamp(1.35rem,2.6vw,1.7rem);font-weight:900;line-height:1.1;letter-spacing:-.01em}
.c-back{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#1E9BFF;color:#fff;text-decoration:none;flex:none}
.c-back:hover{color:#fff;filter:brightness(1.05)}
/* 2026-10-16: un solo Volver; si arriba está el del marco (sesión iniciada), se esconde el de la página. */
body:has(.top-actions .btn-back-top) .c-back{display:none}
.c-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:.74rem;font-weight:800;white-space:nowrap;line-height:1.3}
.c-pill i{font-size:.85rem}
.p-purple{background:#EFE6FF;color:#6831D3}.p-pink{background:#FFE6F3;color:#B4166C}.p-ok{background:#E7F7EF;color:#0E7A47}.p-warn{background:#FFF4D6;color:#8A5A00}
.p-bad{background:#FDEBF0;color:#A3173B}.p-gray{background:#EFEDF5;color:#55526A}.p-drop{background:#FFF4EA;color:#7E2D1C}.p-blue{background:#E2F2FF;color:#0B5FA5}
.p-pub{background:#D6336C;color:#fff}.p-cer{background:#14112A;color:#fff}
.c-card{border:1px solid var(--c-line);border-radius:18px;background:#fff;min-width:0}
.c-chead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-radius:17px 17px 0 0;background:var(--cc,var(--c-primary));color:#fff;font-weight:900;font-size:.92rem}
.c-chead a{color:#fff}
.c-cbody{padding:14px;display:grid;gap:10px}
.c-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--c-soft);font-size:.86rem;color:#4A4560;line-height:1.45}
.c-note>i{color:var(--c-primary);font-size:1.15rem;line-height:1.2}
.c-note.is-drop{background:var(--c-drop-cream);color:#6B4334}.c-note.is-drop>i{color:var(--c-drop)}
.c-note.is-warn{background:var(--c-warn-bg);color:#5C4200}.c-note.is-warn>i{color:var(--c-warn)}
.c-note.is-ok{background:var(--c-ok-bg);color:#0E5C38}.c-note.is-ok>i{color:var(--c-ok)}
.c-note.is-bad{background:var(--c-bad-bg);color:#7A1230}.c-note.is-bad>i{color:var(--c-bad)}
.c-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.c-grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.c-split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;align-items:start}
.c-stat{background:var(--c-soft);border-radius:14px;padding:12px 14px;display:grid;gap:2px}
.c-stat small{color:var(--c-muted);font-size:.76rem;font-weight:700}
.c-stat b{font-size:1.35rem;font-weight:900;color:var(--c-ink);font-variant-numeric:tabular-nums}
.c-bar{height:9px;border-radius:999px;background:#EFEAF8;overflow:hidden}
.c-bar>i{display:block;height:100%;border-radius:inherit;background:var(--c-primary)}
.c-bar.is-drop>i{background:var(--c-drop)}.c-bar.is-ok>i{background:var(--c-ok)}
.c-btn-drop{background:var(--c-drop)!important;border-color:var(--c-drop)!important;color:#fff!important}
.c-btn-sm{min-height:34px!important;padding:0 14px!important;font-size:.82rem!important}
.c-list{display:grid}
.c-li{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--c-line)}
.c-li:first-child{border-top:0}
.c-table{overflow-x:auto}
.c-table table{width:100%;border-collapse:collapse;font-size:.86rem}
.c-table th{text-align:left;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted);font-weight:800;padding:8px 10px;border-bottom:1px solid var(--c-line);white-space:nowrap}
.c-table td{padding:10px;border-bottom:1px solid var(--c-line);vertical-align:middle}
.c-table .r{text-align:right}

/* Avatares (sin foto: iniciales sobre un color fijo por creador) */
.c-av{display:grid;place-items:center;font-weight:900;letter-spacing:-.02em;overflow:hidden}
.c-av img{width:100%;height:100%;object-fit:cover;display:block}
.c-av-0{background:#E0F7F1;color:#06664F}.c-av-1{background:#FFEBDD;color:#8C3A12}.c-av-2{background:#E6F0FF;color:#1D4FA0}.c-av-3{background:#F5E6FF;color:#6B21A8}.c-av-4{background:#FFF3C7;color:#7A5300}
.c-av-blop{background:linear-gradient(135deg,#7C3CFF,#E63891);color:#fff}
.c-avatar{width:42px;height:42px;border-radius:50%;font-size:.85rem;flex:none}

/* Carrusel de fotos (3 a 6) y video opcional, en 4:5 como la foto de producto */
.c-hero{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:22px;align-items:start}
.c-hero-info{display:grid;gap:12px;align-content:start;min-width:0}
.c-carousel{display:grid;gap:8px;width:100%;max-width:340px}
.c-car-main{position:relative;width:100%;max-width:100%;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#7C3CFF,#3B2470)}
.c-car-main.is-drop{background:linear-gradient(135deg,#C0512E,#4A1A10)}
.c-car-slide{position:absolute;inset:0;display:none}
.c-car-slide.is-on{display:block}
.c-car-slide img,.c-car-slide video{width:100%;height:100%;object-fit:cover;display:block;background:#14112A}
.c-car-empty{display:grid;place-items:center;height:100%;color:rgba(255,255,255,.9);font-size:4rem}
.c-car-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--c-ink)}
.c-car-arrow.is-prev{left:8px}.c-car-arrow.is-next{right:8px}
.c-car-count{position:absolute;top:8px;right:8px;z-index:3;padding:3px 9px;border-radius:999px;background:rgba(20,17,42,.6);color:#fff;font-size:.72rem;font-weight:800}
.c-car-thumbs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}
.c-car-thumb{flex:none;position:relative;width:52px;height:64px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;opacity:.65;background:#14112A;color:#fff}
.c-car-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.c-car-thumb.is-on{border-color:var(--c-ink);opacity:1}
.c-car-thumb i{position:absolute;inset:0;display:grid;place-items:center;font-size:1.3rem}
/* Al pasar el mouse (o tocar en el celular) se ve quién lo hace */
.c-who{position:absolute;inset:0;z-index:2;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#2B1410;color:#fff;opacity:0;transition:opacity .25s ease;pointer-events:none}
.c-who-photos{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;min-height:0}
.c-who-photos .c-av{font-size:2.8rem;height:100%}
.c-who-cap{display:grid;gap:1px;padding:8px 12px;background:rgba(20,12,10,.82);text-align:left}
.c-who-cap b{font-size:.92rem;font-weight:900;line-height:1.2}
.c-who-cap small{font-size:.72rem;font-weight:700;color:#FFD9C2}
.c-car-main:hover .c-who,.c-car-main.show-who .c-who,.c-dcard:hover .c-who,.c-dcard:focus-within .c-who,.c-dcard.show-who .c-who{opacity:1}
.c-car-main.show-who .c-car-arrow,.c-car-main:hover .c-car-arrow{z-index:3}

/* Formato (una sola tarjeta por ficha) y calendario */
.c-format{display:inline-grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;max-width:360px;padding:14px 16px;border:2px solid var(--c-primary);border-radius:16px;background:#F6F1FF;color:#2A2140;box-shadow:0 6px 18px rgba(124,60,255,.15)}
.c-format>i{grid-row:span 2;font-size:1.5rem;color:var(--c-primary)}
.c-format b{font-weight:800;font-size:.95rem}
.c-format small{color:#6F687D;font-size:.78rem}
.c-format small strong{color:var(--c-primary);font-weight:800}
.c-hint{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#F6F1FF;color:#3B2470;font-size:.87rem;line-height:1.4}
.c-hint>i{color:var(--c-primary);font-size:1.15rem}
.c-cal{display:grid;gap:6px;max-width:460px}
/* Ficha de experiencia: calendario | compra lado a lado en escritorio (2026-10-16, sin espacios vacíos) */
.c-exp-book{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:16px 28px;align-items:start}
.c-exp-book-col{display:grid;gap:16px;min-width:0;align-content:start}
@media(max-width:900px){.c-exp-book{grid-template-columns:1fr}}
.c-cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.c-cal-head strong{font-size:1rem;color:var(--c-ink);text-transform:capitalize}
.c-cal-head button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #E6DEF8;border-radius:50%;background:#fff;color:var(--c-ink)}
.c-cal-head button:disabled{opacity:.35}
.c-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.c-dow{text-align:center;font-size:.7rem;font-weight:900;color:#8A83A0}
.c-day{position:relative;height:38px;border:0;border-radius:10px;font-weight:800;font-size:.84rem;background:#F4F2F8;color:#B6B0C4;padding:0}
.c-day.is-blank{background:transparent}
.c-day.is-available{background:#E3F7EA;color:#13703A;box-shadow:inset 0 0 0 1px #9FDCB5;cursor:pointer}
.c-day.is-sold{background:#FDE4E4;color:#B3261E;text-decoration:line-through}
.c-day.is-event::after{content:"";position:absolute;left:50%;bottom:4px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--c-primary)}
.c-day.is-selected{background:var(--c-primary);color:#fff;box-shadow:0 6px 14px rgba(124,60,255,.35)}
.c-day.is-selected::after{background:#fff}
.c-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:4px 0 0;padding:0;list-style:none;font-size:.74rem;color:#5D5670;font-weight:700}
.c-legend i{display:inline-block;width:12px;height:12px;margin-right:4px;border-radius:4px;vertical-align:-2px}
.c-legend .is-available{background:#E3F7EA;box-shadow:inset 0 0 0 1px #9FDCB5}.c-legend .is-sold{background:#FDE4E4}.c-legend .is-closed{background:#F4F2F8}
.c-legend .is-event{width:8px;height:8px;border-radius:50%;background:var(--c-primary)}
.c-cal-status{font-size:.84rem;color:#6F687D}
.c-chips{display:flex;gap:8px;flex-wrap:wrap}
.c-chip{padding:8px 14px;border-radius:14px;border:1.5px solid #E3DCF3;background:#fff;font-weight:800;font-size:.84rem;color:var(--c-ink);cursor:pointer}
.c-chip[aria-pressed="true"]{border:2px solid var(--c-primary);background:#F6F1FF}
.c-chip:disabled{opacity:.45;cursor:not-allowed;text-decoration:line-through}
.is-drop-page .c-chip[aria-pressed="true"]{border-color:var(--c-drop);background:var(--c-drop-cream)}

/* Chef designado y tarjetas de creadores (foto grande, 4:5) */
.c-creators{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,220px));gap:14px}
/* Ficha de drop (2026-10-16): "Quién lo crea" a la izquierda y las preguntas a la derecha, sin hueco al lado del creador. */
.c-who-qa{display:grid;grid-template-columns:fit-content(470px) minmax(0,1fr);gap:24px;align-items:start}
.c-who-qa .c-creators{display:flex;flex-wrap:wrap}
.c-who-qa .c-chef{width:220px}
.c-who-qa .c-qa{border-top:0;padding-top:0}
.c-chef{position:relative;display:grid;gap:8px;align-content:start;padding:8px 8px 12px;border:1.5px solid var(--c-line);border-radius:14px;background:#fff;color:var(--c-ink);min-width:0}
.c-chef-photo{position:relative;width:100%;max-width:100%;aspect-ratio:4/5;border-radius:10px;font-size:3rem}
.c-chef-photo .c-pill{position:absolute;top:8px;left:8px;background:#fff;color:var(--c-ink)}
.c-chef-name{font-weight:900;font-size:.96rem;line-height:1.2}
.c-chef-name a{color:inherit;text-decoration:none}
.c-star{color:#F5A400}
.c-designado{display:grid;gap:8px}
.c-designado-row{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:16px;align-items:end}
.c-follow[aria-pressed="true"]{background:var(--c-ink)!important;color:#fff!important;border-color:var(--c-ink)!important}

/* Personas, resumen por persona y total */
.c-pax{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:14px;background:var(--c-soft)}
.c-step{display:inline-flex;align-items:center;border:1.5px solid #E3DCF3;border-radius:999px;overflow:hidden;background:#fff}
.c-step button{width:36px;height:36px;border:0;background:#fff;color:var(--c-ink);font-weight:900;font-size:1.05rem}
.c-step button:disabled{opacity:.35}
.c-step output,.c-step input{min-width:30px;width:40px;height:36px;min-height:0;padding:0;border:0;border-radius:0;box-shadow:none;text-align:center;font-weight:900;font-variant-numeric:tabular-nums;background:transparent;font-size:.95rem;-moz-appearance:textfield}
.c-step input:focus{outline:none;background:var(--c-soft)}
.c-step input::-webkit-outer-spin-button,.c-step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.c-calc{display:grid;gap:6px;font-size:.88rem}
.c-calc>div{display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums}
.c-calc .is-tot{padding-top:8px;border-top:1px solid var(--c-line);font-weight:900;color:var(--c-ink);font-size:1rem}
.c-calc .is-chef{color:var(--c-primary-dark);font-weight:800}
.c-fee-note{color:var(--c-muted);font-weight:600}

/* Condiciones: desplegables en una sola tarjeta (opción C) */
.c-terms{padding:2px 16px}
.c-acc{border-top:1px solid var(--c-line)}
.c-acc:first-child{border-top:0}
.c-acc summary{display:flex;align-items:center;gap:10px;padding:12px 0;cursor:pointer;list-style:none;font-weight:800;font-size:.93rem;color:var(--c-ink)}
.c-acc summary::-webkit-details-marker{display:none}
.c-acc .c-n{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:600;color:var(--c-muted);text-align:right}
.c-acc-t{white-space:nowrap}
.c-acc .c-chev{color:var(--c-muted);transition:transform .2s}
.c-acc[open] .c-chev{transform:rotate(180deg)}
.c-acc-ico{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px}
.c-acc ul{display:grid;gap:7px;margin:0;padding:0 0 12px 38px;list-style:none;font-size:.87rem}
.c-acc li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start}
.c-acc.t-yes li i{color:#0CA678}.c-acc.t-no li i{color:#D92D55}.c-acc.t-need li i{color:#1E9BFF}
.c-acc.t-ing li i{color:#C98A00}.c-acc.t-occ li i{color:#7C3CFF}.c-acc.t-pack li i{color:#6B6680}

/* Preguntas al creador (las respuestas quedan públicas) */
.c-qa{display:grid;gap:10px;padding-top:6px;border-top:1px solid var(--c-line)}
.c-quote{display:grid;gap:3px;padding:12px 14px;border-radius:14px;background:#FBFAFE;border:1px solid var(--c-line);font-size:.87rem}
.c-ask{display:grid;gap:6px}
.c-ask textarea{width:100%;min-height:64px;padding:9px 11px;border:1.5px solid #E3DCF3;border-radius:12px;font:inherit;font-size:.88rem;resize:vertical}
.c-ask textarea:focus-visible{outline:3px solid var(--c-primary);outline-offset:1px}
.c-qa-msg{font-weight:700}
.c-qa-msg.is-ok{color:#0E7A47}.c-qa-msg.is-bad{color:var(--c-bad)}

/* Sugerencia según el producto, Servicios extras y "Esto va bien con…" */
.c-suggest{display:grid;gap:10px;padding:14px 16px;border-radius:18px;background:var(--c-soft)}
.c-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--c-line)}
.c-item:first-child{border-top:0}
.c-suggest .c-item{border-top:0;background:#fff;border-radius:14px;padding:10px 12px}
.c-ithumb{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--c-drop-cream);color:var(--c-drop);font-size:1.4rem;overflow:hidden;flex:none}
.c-ithumb img{width:100%;height:100%;object-fit:cover}
.c-prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.c-prod{display:grid;gap:6px;align-content:start;font-size:.86rem}
.c-prod-media{width:100%;max-width:100%;aspect-ratio:4/5;border:1px solid var(--c-line);border-radius:10px;display:grid;place-items:center;background:#F4F2F7;color:var(--c-primary);font-size:2.2rem;overflow:hidden}
.c-prod-media img{width:100%;height:100%;object-fit:cover}

/* Volver a mi reserva (Servicios extras) */
/* 2026-10-23: ya no va arriba de la página; flota abajo al centro, sobre la tienda (1500). */
.c-return{position:fixed;left:50%;bottom:18px;z-index:1600;display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:min(560px,calc(100vw - 24px));padding:12px 14px;border-radius:16px;background:#14112A;color:#fff;box-shadow:0 18px 50px rgba(19,11,45,.4);transform:translateX(-50%)}
.c-return>i{font-size:1.4rem;color:#CDB6FF}
.c-return b{display:block;font-weight:900}
.c-return span{font-size:.82rem;color:#CFC9E6}
.c-return .btn{background:#fff!important;color:#6831D3!important;border-color:#fff!important}
.c-return button.c-return-x{border:0;background:none;color:#CFC9E6;font-size:1.1rem}

/* Vitrina de drops */
.c-drops-hero{position:relative;overflow:hidden;padding:clamp(20px,3vw,32px) clamp(20px,4vw,40px);border-radius:20px;background:linear-gradient(135deg,#C0512E,#7E2D1C);color:#fff;display:grid;gap:8px}
.c-drops-hero .c-kicker{font-size:.74rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#FFD9C2}
.c-drops-hero h1{color:#fff;font-size:clamp(1.9rem,4.2vw,3rem);font-weight:900;line-height:.95;letter-spacing:-.03em}
.c-drops-hero p{color:rgba(255,255,255,.9);max-width:620px}
.c-formats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.c-fmt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:12px 14px;border-radius:14px;background:#FFF4EA;font-size:.84rem;color:#6B4334}
.c-fmt>i{font-size:1.35rem;color:#C0512E}
.c-fmt b{display:block;color:#14112A;font-weight:900;font-size:.92rem}
.c-filter{display:flex;flex-wrap:wrap;gap:8px}
.c-filter button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;border:1.5px solid #E3DCF3;background:#fff;color:#14112A;font-weight:800;font-size:.84rem}
.c-filter button[aria-pressed="true"]{background:#14112A;border-color:#14112A;color:#fff}
/* Drops y Experiencias (2026-10-16, combinación 1 estilo A): sin "Todos"; cada botón siempre de su color brillante y el elegido con anillo oscuro y check. */
.c-filter[data-c-filter] button{border:0;background:var(--fb);color:var(--ft);box-shadow:0 4px 14px -4px var(--fb);min-height:40px;padding:0 16px;font-size:.86rem;transition:transform .12s,box-shadow .15s}
.c-filter[data-c-filter] button:active{transform:scale(.96)}
.c-filter[data-c-filter] [data-f="pub"]{--fb:#FF6200;--ft:#fff}
.c-filter[data-c-filter] [data-f="cer"]{--fb:#00E05A;--ft:#0B2A16}
.c-filter[data-c-filter] [data-f="lle"]{--fb:#FFE000;--ft:#2A2100}
.c-filter[data-c-filter] button[aria-pressed="true"]{background:var(--fb);color:var(--ft);box-shadow:0 0 0 3px #fff,0 0 0 5px #14112A,0 6px 18px -4px var(--fb)}
.c-filter[data-c-filter] button[aria-pressed="true"]::after{content:"\F26E";font-family:bootstrap-icons;font-weight:400}
.c-dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.c-dcard{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(40,20,10,.10);color:inherit;text-decoration:none;transition:transform .2s}
.c-dcard:hover{transform:translateY(-3px);color:inherit}
.c-dcard:focus-visible{outline:3px solid #14112A;outline-offset:2px}
.c-dmedia{position:relative;aspect-ratio:4/3;display:grid;place-items:center;color:rgba(255,255,255,.92);font-size:3.2rem;background:linear-gradient(135deg,#C0512E,#4A1A10);overflow:hidden}
.c-dmedia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.c-dcard.is-gone .c-dmedia img{filter:grayscale(.85) brightness(.75)}
.c-dbody{padding:13px 14px 15px;display:grid;gap:5px}
.c-dbody small{color:#C0512E;font-weight:800;font-size:.76rem}
.c-dbody strong{font-size:1.06rem;font-weight:900;line-height:1.15;color:#14112A}
.c-dmeta{font-size:.72rem;font-weight:800;color:#C0512E;text-transform:uppercase;letter-spacing:.03em}
/* Línea de formato en fichas de Drops y Experiencias: mismo color que su botón de agrupar */
.c-dmeta.is-pub{color:#FF6200}
.c-dmeta.is-cer{color:#00E05A}
.c-dmeta.is-lle{color:#FFE000}
.c-seats{color:#C0512E;font-weight:900;font-size:.82rem}
.c-dfoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}
.c-min-ok{color:#0E7A47}.c-min-drop{color:#C0512E}
.c-dsection{margin:6px 0 0;font-size:1.3rem;font-weight:900}

/* Cartelera */
.c-cartel-hero{border-radius:20px;padding:clamp(20px,3vw,30px) clamp(20px,4vw,36px);background:linear-gradient(135deg,#D6336C,#7A1239);color:#fff;display:grid;gap:6px}
.c-cartel-hero .c-kicker{font-size:.74rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#FFD3E2}
.c-cartel-hero h1{color:#fff;font-size:clamp(1.7rem,3.6vw,2.4rem);font-weight:900;line-height:1;letter-spacing:-.02em}
.c-cartel-hero p{color:rgba(255,255,255,.9);max-width:640px}
/* 2026-10-25: filtros = pestañas de tipo (control segmentado) + listas Dónde/Cuándo/Chef; fichas en grilla por mes con fecha en la foto. */
.cartelera-page{grid-template-columns:minmax(0,1fr)}
.c-cf{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.c-cf-tabs{display:flex;gap:4px;padding:4px;border-radius:14px;background:#EFEAF8;overflow-x:auto;scrollbar-width:none;width:max-content;max-width:100%}
.c-cf-tabs::-webkit-scrollbar{display:none}
.c-cf-tabs button{flex:0 0 auto;min-height:36px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:#5B5670;font-weight:800;font-size:.86rem;white-space:nowrap;transition:background .15s,color .15s}
.c-cf-tabs button:hover{color:#14112A}
.c-cf-tabs button[aria-pressed="true"]{background:#fff;color:#14112A;box-shadow:0 2px 8px rgba(20,17,42,.12)}
.c-cf-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.c-cf-sel{position:relative;display:inline-flex;align-items:center;margin:0;border:1.5px solid #E3DCF3;border-radius:12px;background:#fff;color:#14112A;transition:border-color .15s,background .15s}
.c-cf-sel>i{position:absolute;left:12px;font-size:.95rem;color:#8A84A3;pointer-events:none}
.c-cf-sel::after{content:"\F282";font-family:bootstrap-icons;position:absolute;right:12px;font-size:.72rem;color:#8A84A3;pointer-events:none}
.c-cf-sel select{appearance:none;-webkit-appearance:none;min-height:40px;padding:0 34px 0 36px;border:0;border-radius:12px;background:transparent;color:inherit;font-weight:700;font-size:.86rem;cursor:pointer}
.c-cf-sel select:focus-visible{outline:2px solid #D6336C;outline-offset:2px}
.c-cf-sel.is-on{border-color:#D6336C;background:#FFF0F5}
.c-cf-sel.is-on>i,.c-cf-sel.is-on::after{color:#D6336C}
.c-cf-count{margin-left:auto;font-size:.82rem;font-weight:700;color:#6B6B80}
.c-cf-empty{display:grid;justify-items:center;gap:10px;padding:36px 16px;border-radius:18px;background:#F6F2FF;text-align:center;color:#5B5670;font-weight:700}
.c-cf-empty[hidden]{display:none}
.c-cf-empty button{min-height:38px;padding:0 18px;border:0;border-radius:999px;background:#14112A;color:#fff;font-weight:800}
.c-cartel-month{display:grid;gap:12px}
.c-cartel-mtitle{font-size:1.25rem;font-weight:900;letter-spacing:-.01em}
.c-cartel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.c-cartel-grid .c-dmedia{aspect-ratio:4/3}
.c-cdate{position:absolute;top:10px;left:10px;z-index:1;display:grid;justify-items:center;min-width:46px;padding:5px 6px 6px;border-radius:12px;background:#fff;color:#14112A;line-height:1;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.c-cdate small{font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#D6336C}
.c-cdate b{font-size:1.3rem;font-weight:900;margin:2px 0}
.c-ccard .c-dbody small{color:#6B6B80;font-weight:700}
.c-ccard .c-dmeta{color:#D6336C}
.c-ccard-where{font-size:.8rem;color:#6B6B80;line-height:1.3}
.c-ccard .c-dfoot{margin-top:auto;padding-top:8px;border-top:1px solid #F0EDF7}
.c-ccard .c-dbody{flex:1;gap:4px;grid-template-rows:auto auto auto auto 1fr}

/* Perfil público del chef */
.c-profile-top{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:22px;align-items:end}
.c-rank-chip{display:grid;justify-items:center;padding:10px 14px;border-radius:16px;background:#14112A;color:#fff}
.c-rank-chip b{font-size:1.5rem;font-weight:900;line-height:1}
.c-rank-chip small{font-size:.68rem;font-weight:700;opacity:.8}
.c-timeline{display:grid}
.c-tl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:9px 0;border-top:1px solid var(--c-line);font-size:.87rem}
.c-tl:first-child{border-top:0}
.c-tl-date{color:var(--c-muted);font-weight:700;font-size:.8rem;font-variant-numeric:tabular-nums}

/* Entradas en la tienda (Experiencias BloP y Drops) */
.c-entries{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:6px 0 16px}
.c-entry{border-radius:20px;padding:18px;color:#fff;display:grid;gap:8px;min-height:160px;align-content:space-between;text-decoration:none}
.c-entry:hover{color:#fff;filter:brightness(1.04)}
.c-entry h3,.c-entry h4{color:#fff;font-size:1.25rem;font-weight:900;line-height:1.1;margin:0}
.c-entry p{color:rgba(255,255,255,.9);font-size:.88rem;font-weight:600;margin:0}
.c-entry.is-exp{background:linear-gradient(135deg,#7C3CFF,#E63891)}
.c-entry.is-drop{background:linear-gradient(135deg,#C0512E,#7E2D1C)}
.c-entry-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.2);font-size:1.3rem}
.c-count{display:inline-flex;gap:6px}
.c-count b{display:grid;place-items:center;min-width:46px;padding:6px 4px;border-radius:10px;background:rgba(255,255,255,.18);font-size:1.1rem;font-weight:900;line-height:1}
.c-count b small{display:block;font-size:.58rem;font-weight:700;opacity:.85;margin-top:3px}

/* Portal de creadores */
.c-portal{display:grid;gap:16px;align-items:start}
.c-main{display:grid;gap:16px;align-content:start;min-width:0}
.c-rank-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,#14112A,#3B2470);color:#fff}
.c-rank-hero .c-pos{font-size:2.6rem;font-weight:900;line-height:1;letter-spacing:-.03em}
.c-rank-hero p{color:rgba(255,255,255,.85);font-size:.88rem}
.c-rank-hero b{color:#fff}
.c-offer{display:grid;gap:10px;padding:14px 16px;border:1.5px solid #E3DCF3;border-radius:16px;background:#fff}
.c-offer.is-gone{opacity:.55}
.c-offer-row{display:flex;flex-wrap:wrap;gap:8px 18px;color:#4A4560;font-size:.86rem}
.c-offer-row i{color:var(--c-primary);margin-right:4px}
.c-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.c-slot{border:1.5px solid #E3DCF3;border-radius:16px;padding:14px;display:grid;gap:6px;align-content:start;background:#fff;color:inherit;text-decoration:none}
.c-slot.is-empty{border-style:dashed;background:#FBF9FF;color:var(--c-primary-dark);place-items:center;text-align:center;min-height:170px}
.c-score{display:grid;gap:10px}
.c-score-row{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr) auto;gap:12px;align-items:center;font-size:.87rem}
.c-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.c-member{display:grid;justify-items:center;gap:4px;padding:14px 10px;border:1.5px solid #E3DCF3;border-radius:16px;text-align:center;background:#fff}
.c-member .c-avatar{width:54px;height:54px;font-size:1rem}
.c-phases{display:flex;flex-wrap:wrap;gap:8px}
.c-phase{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#F4F2F8;color:#8A83A0;font-size:.8rem;font-weight:800}
.c-phase.is-done{background:#E7F7EF;color:#0E7A47}
.c-phase.is-now{background:#FFF4D6;color:#8A5A00;box-shadow:inset 0 0 0 1.5px #F1D9A0}
.c-form{display:grid;gap:12px}
.c-field{display:grid;align-content:start;gap:5px;font-size:.86rem;font-weight:700;color:var(--c-ink)}
.c-field input,.c-field select,.c-field textarea{width:100%;min-height:42px;padding:9px 11px;border:1.5px solid #E3DCF3;border-radius:12px;background:#fff;font:inherit;font-weight:500;color:var(--c-text)}
.c-field textarea{min-height:90px;resize:vertical}
.c-field small{font-weight:500;color:var(--c-muted)}
.c-field select,.c-field input:not([type=checkbox]):not([type=radio]):not([type=file]){height:46px}
.c-field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
/* Retiro en tienda en drops para llevar (2026-10-16): mismo diseño que los paquetes exprés de la tienda. */
.c-field-row[hidden],.c-nocommune[hidden],.c-pickup[hidden]{display:none}
.c-linkbtn{padding:0;border:0;background:none;color:#7C3CFF;font:inherit;font-weight:800;text-decoration:underline;cursor:pointer}
.c-nocommune{padding:14px;border:1px solid #ffd2e6;border-radius:16px;background:#fff5fa;color:#3b2470}
.c-nocommune strong{display:block;font-size:.9rem}
.c-nocommune p{margin:4px 0 10px;color:#5d5670;font-size:.82rem}
.c-nocommune-actions{display:grid;grid-template-columns:1fr auto;gap:8px}
.c-nocommune-actions .btn-light{border:1px solid #e0d6f5;background:#fff;color:#3b2470;font-weight:800}
.c-pickup{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid #e0d6f5;border-radius:16px;background:#fbf9ff;color:#3b2470}
.c-pickup>i{font-size:1.4rem;color:#7C3CFF}
.c-pickup strong{display:block;font-size:.9rem}
.c-pickup small{display:block;margin:2px 0 6px;color:#5d5670;font-size:.8rem}
.c-pickup .c-linkbtn{font-size:.8rem}
/* Reserva con abono en drops "en tu evento" (2026-10-16): pago total o abono del 20%. */
.c-pay{display:grid;gap:8px}
.c-pay .c-fx-lbl{margin:0}
.c-pay-opt{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border:1.5px solid #E3DCF3;border-radius:16px;background:#fff;cursor:pointer}
.c-pay-opt:has(input:checked){border:2px solid var(--c-primary);background:#F6F1FF}
.c-pay-opt input{flex:0 0 18px;width:18px;height:18px;min-height:0;margin:2px 0 0;padding:0;accent-color:#7C3CFF}
.c-pay-opt>span{flex:1;min-width:0;text-align:left}
.c-pay-opt b{display:block;font-size:.88rem;color:var(--c-ink)}
.c-pay-opt small{display:block;margin-top:2px;color:#5d5670;font-size:.78rem;line-height:1.35}
.c-pay-opt.is-off{opacity:.55;cursor:not-allowed}
.c-titem{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(110px,150px);gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--c-line);font-size:.87rem}
.c-titem:first-child{border-top:0}
.c-tname{font-weight:700;color:var(--c-ink)}
.c-tri{display:inline-flex;border:1.5px solid #E3DCF3;border-radius:999px;overflow:hidden}
.c-tri label{position:relative;display:grid;place-items:center;min-height:32px;padding:0 10px;margin:0;background:#fff;color:var(--c-muted);font-size:.76rem;font-weight:800;cursor:pointer}
.c-tri label+label{border-left:1px solid #E3DCF3}
.c-tri input{position:absolute;opacity:0;pointer-events:none}
.c-tri input:checked+span{color:#fff}
.c-tri label:has(input:checked){background:#14112A;color:#fff}
.c-tri label:has(input:focus-visible){outline:3px solid var(--c-primary);outline-offset:-3px}
.c-titem.is-missing .c-tname{color:var(--c-bad)}
.c-titem.is-missing .c-tri{border-color:var(--c-bad)}
.c-titem input[type=text]{min-height:34px;padding:5px 9px;border:1.5px solid #E3DCF3;border-radius:10px;font:inherit;font-size:.85rem;width:100%}
.c-section{scroll-margin-top:80px}
.c-section.is-missing>.c-chead{background:#C0512E}
.c-section.is-done>.c-chead{background:#0CA678}
.c-media-grid{display:flex;gap:8px;flex-wrap:wrap}
.c-media-grid figure{position:relative;margin:0;width:84px;aspect-ratio:4/5;border-radius:10px;overflow:hidden;border:1px solid var(--c-line)}
.c-media-grid img{width:100%;height:100%;object-fit:cover}
.c-media-grid label{position:absolute;inset:auto 0 0 0;display:flex;gap:4px;align-items:center;justify-content:center;padding:3px;background:rgba(20,17,42,.7);color:#fff;font-size:.68rem;font-weight:800;cursor:pointer}
.c-pipe{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:12px;overflow-x:auto}

@media(max-width:900px){
  .c-split{grid-template-columns:1fr}
}
@media(max-width:760px){
  .c-hero{grid-template-columns:1fr}
  .c-carousel{max-width:340px;justify-self:center}
  .c-who-qa{grid-template-columns:1fr}
  .c-who-qa .c-creators{display:grid}
  .c-who-qa .c-chef{width:auto}
  .c-designado-row{grid-template-columns:minmax(0,200px) minmax(0,1fr)}
  .c-profile-top{grid-template-columns:minmax(0,180px) minmax(0,1fr)}
  .c-profile-top .c-rank-chip{grid-column:1/-1;justify-self:start}
  .c-titem{grid-template-columns:1fr}
  .c-score-row{grid-template-columns:1fr auto}
  .c-score-row .c-bar{grid-column:1/-1;order:3}
}
@media(max-width:480px){
  .c-designado-row{grid-template-columns:1fr}
  .c-creators{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-dgrid{grid-template-columns:1fr}
  .c-cartel-grid{grid-template-columns:1fr;gap:12px}
  .c-ccard{flex-direction:row}
  .c-ccard .c-dmedia{flex:0 0 118px;aspect-ratio:auto;min-height:140px}
  .c-ccard .c-cdate{top:8px;left:8px;min-width:40px}
  .c-ccard .c-dbody{padding:11px 12px 12px}
  .c-cf-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-cf-sel select{width:100%;padding-right:28px;text-overflow:ellipsis}
  .c-cf-count{grid-column:1/-1;margin-left:0}
  .c-cf-tabs button{padding:0 12px}
  .c-tl{grid-template-columns:1fr;gap:2px}
}
@media(max-width:760px){.cpage .c-back{display:none}}

/* 2026-10-16: De qué se trata + guion del evento + reseñas en las fichas de experiencias y drops que se viven */
.c-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;align-items:start}
.c-story.is-single{grid-template-columns:1fr}
.c-kicker{display:flex;align-items:center;gap:8px;margin:0;font-weight:900;color:var(--c-ink);font-size:1.02rem}
.c-kicker i{color:var(--c-primary)}
.c-about p{margin:0;font-size:.92rem;line-height:1.6;color:var(--c-text)}
.c-about p.c-about-lead{font-size:1.02rem;font-weight:600;color:var(--c-ink)}
.c-guion{list-style:none;margin:4px 0 0;padding:0;display:grid}
.c-guion li{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;padding:0 0 14px}
.c-guion li::before{content:"";position:absolute;left:90px;top:5px;width:11px;height:11px;border-radius:50%;background:var(--c-primary);box-shadow:0 0 0 4px #EFE7FF}
.c-guion li::after{content:"";position:absolute;left:94.5px;top:20px;bottom:0;width:2px;background:#E3DAF7}
.c-guion li:last-child{padding-bottom:0}
.c-guion li:last-child::after{display:none}
.c-guion li>div{display:grid;gap:2px;padding-left:24px;min-width:0}
.c-guion-time{padding-top:1px;text-align:right;font-weight:800;font-size:.78rem;color:var(--c-primary-dark);font-variant-numeric:tabular-nums}
.c-guion b{font-weight:800;color:var(--c-ink);font-size:.92rem}
.c-guion small{font-size:.83rem;line-height:1.45;color:var(--c-muted)}
.is-drop-page .c-kicker i{color:var(--c-drop)}
.is-drop-page .c-guion li::before{background:var(--c-drop);box-shadow:0 0 0 4px #FCE6DA}
.is-drop-page .c-guion li::after{background:#F3D9CB}
.is-drop-page .c-guion-time{color:var(--c-drop-dark)}

.c-stars{display:inline-flex;gap:1px;color:#F5A400;font-size:.9em;vertical-align:-1px}
.c-rate-chip{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 11px;border-radius:999px;background:#FFF5D9;color:var(--c-ink);font-size:.8rem;text-decoration:none;width:max-content;max-width:100%}
.c-rate-chip:hover{color:var(--c-ink);background:#FFEDB8}
.c-rate-chip b{font-weight:900}
.c-rate-chip span{color:var(--c-muted);font-weight:700}
.c-rate-chip.is-new{background:var(--c-soft);color:var(--c-primary-dark);font-weight:800}

.c-reviews{display:grid;gap:14px;padding-top:8px;border-top:1px solid var(--c-line)}
.c-rev-title{font-size:1.25rem;font-weight:900}
.c-rev-head{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;padding:16px 20px;border-radius:18px;background:#FFFBF0;border:1px solid #F6E7BF}
.c-rev-score{display:grid;justify-items:center;gap:3px;min-width:110px}
.c-rev-score b{font-size:2.7rem;font-weight:900;line-height:1;color:var(--c-ink)}
.c-rev-score .c-stars{font-size:1.05rem}
.c-rev-score small{font-size:.78rem;font-weight:700;color:var(--c-muted)}
.c-rev-dist{display:grid;gap:4px}
.c-rev-row{display:grid;grid-template-columns:30px minmax(0,1fr) 26px;gap:8px;align-items:center;font-size:.78rem;font-weight:700;color:var(--c-muted)}
.c-rev-row .bi{color:#F5A400;font-size:.68rem}
.c-rev-row .c-bar{height:8px;background:#F1EAD6}
.c-rev-row .c-bar>i{background:#F5A400}
.c-rev-row .c-num{text-align:right}
.c-rev-cta{display:grid;gap:8px;justify-items:start}
.c-rev-cta p{margin:0}
.c-rev-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.c-review{display:grid;gap:8px;align-content:start;padding:14px 16px;border:1px solid var(--c-line);border-radius:16px;background:#fff}
.c-review-top{display:flex;gap:10px;align-items:center}
.c-review-top p{margin:0}
.c-review-av{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--c-soft);color:var(--c-primary-dark);font-weight:900}
.c-review-text{margin:0;font-size:.9rem;line-height:1.5;color:var(--c-text)}
.c-review-reply{margin:0;padding:8px 12px;border-left:3px solid var(--c-primary);border-radius:0 10px 10px 0;background:#FBFAFE;font-size:.84rem;color:#4A4560}
.is-drop-page .c-review-reply{border-left-color:var(--c-drop)}
.c-rev-more summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;padding:4px 0;font-weight:800;font-size:.88rem;color:var(--c-primary-dark)}
.c-rev-more summary::-webkit-details-marker{display:none}
.c-rev-more summary .bi{transition:transform .2s}
.c-rev-more[open] summary .bi{transform:rotate(180deg)}
.c-rev-more .c-rev-list{margin-top:12px}
@media(max-width:900px){.c-story{grid-template-columns:1fr}.c-rev-head{grid-template-columns:auto minmax(0,1fr)}.c-rev-cta{grid-column:1/-1}}
@media(max-width:600px){
  .c-rev-list{grid-template-columns:1fr}
  .c-rev-head{grid-template-columns:1fr;gap:14px;padding:14px}
  .c-rev-score{grid-template-columns:auto auto;justify-content:start;justify-items:start;align-items:center;column-gap:12px}
  .c-rev-score b{grid-row:span 2}
  .c-guion li{grid-template-columns:62px minmax(0,1fr)}
  .c-guion li::before{left:74px}
  .c-guion li::after{left:78.5px}
}
.c-guest-tag{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:999px;background:#FDEBF6;color:#A3176B;font-weight:800}
.c-guest-tag.is-ticket{background:#E2F2FF;color:#0B5FA5}

/* ---------- Portal chefs / Portal creadores, ambiente cerrado (2026-10-18) ---------- */
.shell.creator-portal-shell{display:block}
.shell.creator-portal-shell .main.is-creator-portal{margin:0 auto;width:100%;max-width:1320px;padding:16px 20px;box-sizing:border-box}
@media(max-width:640px){.shell.creator-portal-shell .main.is-creator-portal{padding:10px}}
.c-portal-page{display:grid;gap:16px}
.c-portal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--c-line);border-radius:18px;padding:10px 14px}
.c-portal-brand{font-weight:900;font-size:1.25rem;letter-spacing:-.02em;color:#14112A;text-decoration:none}
.c-portal-brand em{font-style:normal;color:#FF3FA4}
.c-portal-brand span{color:#7C3CFF}
.c-portal-page.is-producer .c-portal-brand span{color:#0CA678}
.c-portal-who{display:flex;align-items:center;gap:10px;min-width:0}
.c-portal-av{width:34px;height:34px;font-size:.78rem;border-radius:50%;flex:none}
.c-portal-name{display:grid;line-height:1.15;min-width:0}
.c-portal-name b{color:#14112A;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-portal-name small{color:var(--c-muted);font-size:.74rem;font-weight:700}
.c-portal-page .chat-push{margin:0}
@media(max-width:640px){
  .c-portal-name{display:none}
  .c-portal-top{padding:8px 10px}
}
/* Equipo en el perfil público */
.c-team-public{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.c-team-person{display:grid;justify-items:center;text-align:center;gap:6px;padding:12px 8px;border:1px solid var(--c-line);border-radius:14px;color:inherit;text-decoration:none}
a.c-team-person:hover{border-color:#CDB6FF;background:var(--c-soft)}
.c-team-av{width:64px;height:64px;font-size:1.1rem;border-radius:50%}
.c-team-person small{color:var(--c-muted);font-size:.76rem}
/* Vista previa del perfil público dentro del portal: sin los botones de cliente */
.c-preview{display:grid;gap:16px;border:2px dashed #CDB6FF;border-radius:20px;padding:14px}
.c-preview .c-ask,.c-preview [data-c-follow]{display:none!important}
/* Aviso de notificaciones dentro del portal (mismo diseño que en Chats; chats.css no se carga aquí) */
.c-portal-page .chat-push{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,#F1EAFF,#FFE9F5);border:1px solid #E3D6FF}
.c-portal-page .chat-push[hidden],.c-portal-page .chat-push-copy[hidden],.c-portal-page .chat-push-btn[hidden]{display:none}
.c-portal-page .chat-push-icon{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#7C3CFF,#FF3FA4);color:#fff;font-size:1.05rem}
.c-portal-page .chat-push-copy{flex:1;min-width:0;display:grid;gap:2px}
.c-portal-page .chat-push-copy strong{font-size:.92rem;font-weight:900;color:#14112A}
.c-portal-page .chat-push-copy small{color:#5A4F7A;font-size:.8rem;line-height:1.35}
.c-portal-page .chat-push-btn{flex:0 0 auto;padding:9px 18px;border:0;border-radius:999px;background:#7C3CFF;color:#fff;font:inherit;font-size:.86rem;font-weight:900;cursor:pointer}
.c-portal-page .chat-push-close{flex:0 0 auto;border:0;background:none;color:#8A80A8;font-size:1rem;cursor:pointer;padding:4px}
/* ---------- Pagos (2026-10-18, muestra B elegida por el usuario: por tipo de ingreso) ---------- */
.c-pay-upload{display:grid;gap:10px}
.c-pay-drop{position:relative;display:flex;align-items:center;gap:12px;padding:14px;border:2px dashed #CDB6FF;border-radius:14px;background:#FBF9FF;cursor:pointer}
.c-pay-drop i{font-size:1.6rem;color:#7C3CFF}
.c-pay-drop span{display:grid;gap:2px}
.c-pay-drop small{color:var(--c-muted);font-size:.78rem}
.c-pay-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.c-pay-upload.is-compact{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) auto;align-items:end}
.c-pay-upload.is-compact p{grid-column:1/-1}
@media(max-width:760px){.c-pay-upload.is-compact{grid-template-columns:1fr}}
.c-pay-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:color-mix(in srgb,var(--pc,#7C3CFF) 14%,#fff);color:var(--pc,#7C3CFF);font-size:1rem;flex:none}
.c-pay-amt{font-size:1rem;white-space:nowrap}

.c-pay-type{display:grid;gap:2px;padding:16px;border-radius:18px;background:color-mix(in srgb,var(--pc) 10%,#fff);border:1px solid color-mix(in srgb,var(--pc) 25%,#fff)}
.c-pay-type i{font-size:1.3rem;color:var(--pc)}
.c-pay-type small{font-weight:800;color:var(--c-muted);font-size:.78rem}
.c-pay-type b{font-size:1.5rem;font-weight:900;color:#14112A;font-variant-numeric:tabular-nums}
.c-pay-type span{font-size:.76rem;color:var(--c-muted)}
.c-pay-bar{display:flex;height:10px;border-radius:999px;overflow:hidden;background:var(--c-line)}
.c-pay-filters{display:flex;gap:6px;flex-wrap:wrap}
.c-pay-list{display:grid;gap:8px}
.c-pay-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--c-line);border-left:4px solid var(--pc);border-radius:14px;background:#fff}
.c-pay-item[hidden]{display:none}
.c-pay-item .c-grow{display:grid;gap:2px;min-width:0}
@media(max-width:640px){.c-pay-item{flex-wrap:wrap}.c-pay-item .c-grow{flex-basis:calc(100% - 50px)}}
/* Portal de un chef o creador nuevo (2026-10-18): menú completo pero bloqueado hasta que BloP lo apruebe */
.c-review .c-cbody{gap:12px}
.c-checklist{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.c-checklist li{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--c-muted)}
.c-checklist li i{color:#C9C2DE}
.c-checklist li.is-ok{color:#14112A}
.c-checklist li.is-ok i{color:#0CA678}
.c-review button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
/* ---------- Propuestas en 3 etapas (2026-10-18) ---------- */
.c-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.c-stage{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:16px;border:1px solid var(--c-line);background:#fff}
.c-stage>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--c-line);color:var(--c-muted);font-weight:900;flex:none}
.c-stage div{display:grid;gap:1px}
.c-stage b{color:#14112A;font-size:.92rem}
.c-stage small{color:var(--c-muted);font-size:.76rem;line-height:1.3}
.c-stage.is-done>span{background:#0CA678;color:#fff}
.c-stage.is-now{border-color:#7C3CFF;box-shadow:0 0 0 3px #EFE7FF}
.c-stage.is-now>span{background:#7C3CFF;color:#fff}
.c-stage.is-bad>span{background:#D92D55;color:#fff}
@media(max-width:760px){.c-stages{grid-template-columns:1fr}}
.c-guion{display:grid;gap:6px}
.c-guion-row{display:grid;grid-template-columns:22px 130px minmax(0,1fr);gap:8px;align-items:center}
.c-guion-row b{color:#7C3CFF;font-size:.85rem;text-align:center}
.c-guion-row input{min-height:38px;padding:6px 10px;border:1.5px solid #E3DCF3;border-radius:10px;font:inherit;width:100%;box-sizing:border-box}
@media(max-width:560px){.c-guion-row{grid-template-columns:22px 90px minmax(0,1fr)}}
.c-subcard{display:grid;gap:10px;padding:12px;border:1px dashed #D9CCF5;border-radius:14px;background:#FCFAFF}
.c-thumb{display:grid;gap:4px;font-size:.74rem;color:var(--c-muted)}
.c-thumb img{width:84px;aspect-ratio:4/5;object-fit:cover;border-radius:10px}
.c-howto{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.c-howto div{display:grid;gap:3px;padding:12px 14px;border-radius:14px;background:var(--c-soft)}
.c-howto b{color:#14112A;font-size:.9rem}
.c-howto span{color:var(--c-muted);font-size:.8rem;line-height:1.35}
@media(max-width:760px){.c-howto{grid-template-columns:1fr}}
.c-mini-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.c-mini-stages i{height:6px;border-radius:999px;background:var(--c-line)}
.c-mini-stages i.is-done{background:#0CA678}
.c-mini-stages i.is-now{background:#7C3CFF}
.c-mini-stages i.is-bad{background:#D92D55}
/* Ayuda del portal (2026-10-18) */
.c-faq{gap:0!important}
.c-faq details{border-bottom:1px solid var(--c-line);padding:10px 0}
.c-faq details:last-child{border-bottom:0}
.c-faq summary{cursor:pointer;font-weight:800;color:#14112A;font-size:.92rem;list-style:none;display:flex;justify-content:space-between;gap:10px}
.c-faq summary::after{content:"+";color:#7C3CFF;font-weight:900}
.c-faq details[open] summary::after{content:"−"}
.c-faq details p{margin-top:6px!important;color:#3D3A52;line-height:1.5}

/* Escalera de adjudicaciones (2026-10-18) y casilla de las Condiciones para Proveedores. */
.c-ladder-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:10px 0}
.c-ladder-step{display:grid;gap:1px;padding:10px 8px;border-radius:12px;background:var(--c-soft);text-align:center}
.c-ladder-step small{color:var(--c-muted);font-size:.7rem;font-weight:800}
.c-ladder-step b{font-size:1rem;font-weight:900;color:var(--c-ink);font-variant-numeric:tabular-nums}
.c-ladder-step span{color:var(--c-muted);font-size:.7rem;font-weight:700}
.c-ladder-step.is-done{background:#E9F7EF}
.c-ladder-step.is-now{background:#6831D3;box-shadow:0 8px 20px rgba(104,49,211,.25)}
.c-ladder-step.is-now small,.c-ladder-step.is-now b,.c-ladder-step.is-now span{color:#fff}
@media(max-width:640px){.c-ladder-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
.c-terms-check{margin:4px 0}

/* ---------- Portal por dentro con el menú lateral de BloP (2026-10-21, pedido del usuario) ----------
   layout.php pinta el mismo aside.sidebar de los clientes con los enlaces de creadores/portal/_side_menu.php.
   Antes el menú era una tarjeta al lado del contenido y en el celular una tira que había que correr de lado. */
.shell.creator-portal-app .main.is-creator-portal{width:100%;max-width:1180px;margin:0 auto;padding:22px 28px 10px;box-sizing:border-box;min-width:0}
@media(max-width:640px){.shell.creator-portal-app .main.is-creator-portal{padding:12px 12px 6px}}
.c-portal-sidebar .sidebar-head{margin-bottom:22px}
.c-portal-sidebar .brand strong{font-size:1.2rem;white-space:nowrap}
.c-portal-nav{gap:3px}
.c-portal-nav a,.c-portal-nav .c-portal-nav-off{padding:10px 14px;font-size:.92rem}
.c-portal-nav a.is-on{background:rgba(255,255,255,.14);color:#fff}
.c-portal-nav .nav-count{margin-left:auto}
.c-portal-nav .c-portal-nav-off{display:flex;align-items:center;gap:11px;border-radius:14px;color:rgba(255,255,255,.38);font-weight:800;cursor:not-allowed}
.c-portal-nav-lock{margin-left:auto;font-size:.75rem}
.c-portal-nav-sep{height:1px;margin:10px 6px;background:rgba(255,255,255,.12)}
.c-portal-top{flex-wrap:nowrap;justify-content:flex-end}
.c-portal-top .c-portal-who{gap:10px}
.c-portal-top .c-portal-name{text-align:right}
.c-portal-top .c-portal-brand{display:none;margin-right:auto}
@media(max-width:980px){
  .c-portal-top{justify-content:flex-start}
  .c-portal-top .c-portal-brand{display:block}
  .c-portal-top .menu-toggle{width:40px;height:40px;font-size:1.3rem}
}
/* Sin caja: como la barra de arriba de BloP, solo el nombre y la foto a la derecha (en el celular, además el botón de menú y la marca). */
.c-portal-page .c-portal-top{padding:0 2px;background:none;border:0;border-radius:0;min-height:40px}

/* ---------- Encuadre del portal (revisión completa 2026-10-21, pedido del usuario: "cosas descuadradas y otras que hay que mover la pantalla") ---------- */
/* Menú: un poco menos de margen para que los nombres largos ("Eventos para tomar", "Reseñas y preguntas") no se partan en dos líneas. */
.c-portal-sidebar{padding:24px 16px}
.c-portal-nav a,.c-portal-nav .c-portal-nav-off{padding:10px 12px;font-size:.9rem;line-height:1.25}
/* Casillas: el estilo general de los campos las dejaba de 46 px de alto y todo el ancho, solas en una línea y con el texto abajo. */
.cpage .c-row > input[type=checkbox],.cpage .c-row > input[type=radio]{flex:0 0 18px;width:18px;min-width:18px;height:18px;min-height:0;margin:0;padding:0;accent-color:#6831D3}
/* Botones con un formulario al lado (Seguir con la idea + borrar): no se separan en dos líneas. */
.c-slots{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.cpage .c-row > form{margin:0}
@media(max-width:640px){
  /* "Lo que viene" y otras listas: el texto toma el ancho y los estados y botones bajan a su propia línea. */
  .c-portal-page .c-li{flex-wrap:wrap;align-items:flex-start;gap:8px 10px}
  .c-portal-page .c-li > .c-grow{flex:1 1 180px;min-width:0}
  /* Tablas de más de 3 columnas: en el celular cada fila pasa a ser una tarjeta con "dato: valor" (el título de la columna lo pone _layout.php). Antes había que correrlas de lado. */
  .c-portal-page .c-table:not(.is-stack) th{white-space:normal}
  .c-portal-page .c-table:not(.is-stack) th,.c-portal-page .c-table:not(.is-stack) td{padding:8px 6px}
  .c-portal-page .c-table.is-stack{overflow:visible}
  .c-portal-page .c-table.is-stack table,.c-portal-page .c-table.is-stack tbody,.c-portal-page .c-table.is-stack tfoot,.c-portal-page .c-table.is-stack tr,.c-portal-page .c-table.is-stack td{display:block;width:100%}
  .c-portal-page .c-table.is-stack thead{display:none}
  .c-portal-page .c-table.is-stack tr{padding:8px 12px;margin-bottom:8px;border:1px solid var(--c-line);border-radius:14px;background:#fff}
  .c-portal-page .c-table.is-stack td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border:0;text-align:right}
  .c-portal-page .c-table.is-stack td[data-label]::before{content:attr(data-label);flex:0 0 auto;max-width:48%;color:var(--c-muted);font-size:.74rem;font-weight:800;text-align:left}
  .c-portal-page .c-table.is-stack td:first-child{display:block;text-align:left;font-size:.95rem}
  .c-portal-page .c-table.is-stack td:first-child::before{display:none}
  .c-portal-page .c-table.is-stack td:empty{display:none}
  .c-portal-page .c-table.is-stack td .c-field{justify-items:end}
  /* Perfil público: la foto arriba y el nombre debajo (al lado no cabía y se salía de la pantalla). */
  .c-profile-top{grid-template-columns:1fr;gap:14px}
  .c-profile-top .c-chef-photo{max-width:220px}
}
/* Mi equipo: las tarjetas parten arriba aunque unas tengan "Sacar" y otras no (antes quedaban a distintas alturas). */
.c-member{align-content:start}
@media(max-width:640px){.c-team-public{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}}
/* Menú del portal (2026-10-21): "Salir" fijo abajo, siempre a la vista aunque el menú no quepa entero en la pantalla. */
.c-portal-sidebar{display:flex;flex-direction:column;padding-bottom:0}
.c-portal-sidebar .c-portal-nav{flex:1 0 auto}
.c-portal-sidebar .c-portal-nav-exit{position:sticky;bottom:0;z-index:1;margin:10px -16px 0;padding:10px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.12);background:rgba(28,17,52,.94);backdrop-filter:blur(8px)}
.c-portal-nav-exit a{padding:10px 12px;font-size:.9rem}
/* 2026-10-21 (reclamo: "no se ve la opción salir"): en el celular 100vh es más alto que lo visible y la barra del navegador tapaba "Salir";
   100dvh es el alto que de verdad se ve. Además el menú se puede deslizar hasta el final con margen. */
.sidebar.c-portal-sidebar{height:100vh;height:100dvh;max-height:100dvh}
@media(max-width:980px){.sidebar.c-portal-sidebar{bottom:0;height:auto;max-height:none}}
.c-cartel-anysub{margin:-6px 0 14px}
.cartelera-page [data-c-allonly][hidden],.c-cpanel[hidden]{display:none!important}
.c-cpanel{margin-top:14px}
/* Portal · Mis propuestas (2026-11-02): tres fichas de color con el cupo del nivel; sin cupo, gris con candado. */
.c-prop-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.c-prop-tab{display:grid;gap:2px;align-content:start;padding:14px 16px;border-radius:18px;border:2px solid transparent;color:#fff!important;text-decoration:none!important;box-shadow:0 6px 18px rgba(20,17,42,.08);opacity:.6;transition:opacity .15s}
.c-prop-tab:hover,.c-prop-tab.is-on{opacity:1}.c-prop-tab.is-on{border-color:var(--c-ink)}
.c-prop-tab b{font-size:1.1rem;font-weight:900;line-height:1.15}
.c-prop-q{margin-top:6px;font-size:.95rem;font-weight:800}.c-prop-q em{font-style:normal;font-size:1.9rem;font-weight:900;margin-right:2px}
.c-prop-tab small{font-size:.74rem;font-weight:700;opacity:.9}
.c-prop-tab.is-exp{background:linear-gradient(135deg,#7C3CFF,#9B5CFF)}
.c-prop-tab.is-drp{background:linear-gradient(135deg,#C0512E,#DE6E45)}
.c-prop-tab.is-shp{background:linear-gradient(135deg,#0A8F68,#16B985)}
.c-prop-tab.is-locked{background:#CFCBDD;color:#4A4560!important;opacity:1;cursor:not-allowed;box-shadow:none}.c-prop-tab.is-locked .c-prop-q{font-size:1.4rem}
@media(max-width:640px){.c-prop-tabs{gap:8px}.c-prop-tab{padding:10px}.c-prop-tab b{font-size:.92rem}.c-prop-q em{font-size:1.4rem}}

/* 2026-11-02 · Tienda del chef: subcategorías con huecos (no ocupan cupo) y "¿Cómo se vende?" en la ficha */
.c-gaps .c-cbody{display:grid;gap:8px}
.c-gap-free{justify-self:start;display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:900;color:#fff;background:#0A8F68;border-radius:99px;padding:3px 10px}
.c-gap{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:#E7F7EF;font-size:.86rem}
.c-gap b{color:#14112A}
.c-gap span{font-size:.76rem;font-weight:800;color:#0A8F68;white-space:nowrap}
.mk-sale{display:grid;gap:8px;margin-top:6px}
.mk-sale label{display:block;cursor:pointer}
.mk-sale input{position:absolute;opacity:0;pointer-events:none}
.mk-sale span{display:grid;grid-template-columns:26px 1fr;gap:2px 10px;border:2px solid #E8E6F2;border-radius:14px;padding:10px 12px;font-weight:500}
.mk-sale span i{grid-row:span 2;font-size:1.15rem;color:#6B6B80}
.mk-sale span b{color:#14112A;font-size:.88rem}
.mk-sale span small{color:#6B6B80;font-size:.78rem}
.mk-sale input:checked + span{border-color:#0A8F68;background:#E7F7EF}
.mk-sale input:checked + span i{color:#0A8F68}
.mk-sale .is-lock span{background:#F2F0F7;cursor:not-allowed}
.mk-sale .is-lock span i,.mk-sale .is-lock span b,.mk-sale .is-lock span small{color:#8B86A0}