/* LumiFix Studio · Conectar con un fotógrafo en vivo (/conectar + sección de la portada) */
.cx-main{background:var(--ivory,#fbf8f2)}
.cx-load{text-align:center;color:var(--mu);padding:120px 0;font-size:15px}
/* ---------- Formulario ---------- */
.cx-form{max-width:980px;margin:0 auto}
.cx-head{text-align:center;margin-bottom:38px}
.cx-eye{display:inline-flex;gap:8px;align-items:center;font:700 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d,var(--gold-d,#8a6a34));margin-bottom:14px}.cx-eye .ic{width:16px;height:16px}
.cx-head h1{font:500 clamp(28px,4vw,44px)/1.15 var(--serif,'Playfair Display',serif);color:var(--n2);margin:0 0 14px}
.cx-head p{max-width:680px;margin:0 auto;color:var(--mu);font-size:16.5px;line-height:1.6}
.cx-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px}
.cx-full{grid-column:1/-1}
.cx-grid .fld{margin-bottom:14px;min-width:0}
.cx-grid .fld>span b,.cx-svc legend b{color:#d1495b;font-weight:600}
.cx-grid .fld input:not([type=radio]):not([type=checkbox]),.cx-grid .fld select{border-radius:2px;border:1px solid #d9d1bf;background:#fff;padding:16px;font-size:15.5px}
.cx-grid .fld input:focus,.cx-grid .fld select:focus{border-color:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold,var(--gold,#b8935a)) 18%,transparent)}
.cx-grid .fld select{appearance:auto}
.cx-grid .fld input[aria-invalid=true],.cx-grid .fld select[aria-invalid=true]{border-color:#d92d4b}
.cx-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* opciones segmentadas */
.cx-seg{display:flex;flex-wrap:wrap;gap:10px}
.cx-seg label{flex:1 1 140px;cursor:pointer}
.cx-seg input,.cx-chips input{position:absolute;opacity:0;pointer-events:none}
.cx-seg span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:54px;padding:10px 14px;border:1px solid #d9d1bf;background:#fff;border-radius:2px;font:600 14px/1.3 var(--sans);color:var(--n2);transition:.18s}
.cx-seg label:hover span,.cx-chips label:hover span{border-color:var(--gold)}
.cx-seg input:checked+span{background:var(--navy,#1b2438);color:#fff;border-color:var(--navy,#1b2438)}
.cx-seg input:focus-visible+span,.cx-chips input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
/* servicios (varios) */
.cx-loc3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px}.cx-f{display:grid;gap:6px;min-width:0;align-content:start}.cx-f[hidden]{display:none}.cx-sub{font:600 12px var(--sans);color:var(--mu);letter-spacing:.02em}.cx-loc3 input[hidden]{display:none}.cx-f input{margin-top:0}
.cx-svc{border:0;padding:0;margin:0 0 14px;min-width:0}
.cx-svc legend{padding:0;margin-bottom:10px}.cx-svc legend span{font:600 13px var(--sans);color:var(--n2)}.cx-svc legend i{font-style:normal;font-weight:500;color:var(--mu)}
.cx-chips{display:flex;flex-wrap:wrap;gap:10px}
.cx-chips label{cursor:pointer}
.cx-chips span{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:1px solid #d9d1bf;background:#fff;border-radius:999px;font:600 14px var(--sans);color:var(--n2);transition:.18s}
.cx-chips input:checked+span{background:var(--gold);border-color:var(--gold);color:var(--navy,#1b2438)}
.cx-chips input:checked+span:before{content:"✓";font-weight:800}
.cx-go{margin-top:8px;min-height:60px;border-radius:2px;font-size:15px;letter-spacing:.08em;text-transform:uppercase}
.cx-fine{display:flex;gap:8px;align-items:center;justify-content:center;text-align:center;color:var(--mu);font-size:13px;margin-top:16px}.cx-fine .ic{width:15px;height:15px;color:var(--ok,#2f7d5b);flex:none}.cx-fine a{color:var(--gold-d);font-weight:600;border-bottom:1px solid currentColor}
.cx-top{max-width:980px;margin:0 auto 24px}
/* ---------- Buscando ---------- */
.cx-search,.cx-found{max-width:620px;margin:0 auto;text-align:center;padding:8px 0 20px}
.cx-search h1,.cx-found h1{font:500 clamp(26px,3.6vw,38px)/1.2 var(--serif,'Playfair Display',serif);color:var(--n2);margin:6px 0 10px}
.cx-msg{color:var(--mu);font-size:16.5px;min-height:26px}.cx-msg.in{animation:cxIn .5s ease}
.cx-time{margin:10px 0 22px;color:var(--mu);font-size:14px}.cx-time b{color:var(--n2);font-variant-numeric:tabular-nums}
.cx-radar{position:relative;width:240px;height:240px;margin:0 auto 18px}
.cx-radar i{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--gold);opacity:0;animation:cxPulse 3.6s ease-out infinite}
.cx-radar i:nth-child(2){animation-delay:1.2s}.cx-radar i:nth-child(3){animation-delay:2.4s}
.cx-core{position:absolute;inset:78px;border-radius:50%;background:var(--navy,#1b2438);color:var(--gold2,var(--gold2,#d3b27a));display:grid;place-items:center;box-shadow:0 18px 40px -14px rgba(27,36,56,.6);animation:cxBeat 2.4s ease-in-out infinite}.cx-core .ic{width:36px;height:36px}
.cx-dot{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px color-mix(in srgb,var(--gold,var(--gold,#b8935a)) 22%,transparent);animation:cxOrbit 7s linear infinite}
.cx-dot.d2{animation-duration:10s;animation-direction:reverse;width:9px;height:9px;margin:-4.5px;background:var(--navy,#1b2438);box-shadow:0 0 0 4px rgba(27,36,56,.12)}
.cx-dot.d3{animation-duration:13s;animation-delay:-4s;width:8px;height:8px;margin:-4px}
.cx-ell i{font-style:normal;animation:cxBlink 1.4s infinite both}.cx-ell i:nth-child(2){animation-delay:.2s}.cx-ell i:nth-child(3){animation-delay:.4s}
.cx-sum{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;list-style:none;margin:6px 0 20px;padding:0}
.cx-sum li{background:#fff;border:1px solid var(--line,#e2dbcc);border-radius:999px;padding:7px 14px;font:600 12.5px var(--sans);color:var(--n2)}
.cx-note{color:var(--mu);font-size:14px;line-height:1.55;max-width:460px;margin:0 auto 24px}
.cx-act{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
/* ---------- Encontrado ---------- */
.cx-ok{width:84px;height:84px;margin:0 auto 14px;border-radius:50%;background:var(--ok,#2f7d5b);color:#fff;display:grid;place-items:center;animation:cxPop .6s cubic-bezier(.2,1.4,.4,1)}.cx-ok .ic{width:40px;height:40px;stroke-width:2.6}
.cx-ph{display:flex;gap:16px;align-items:center;text-align:left;background:#fff;border:1px solid var(--line,#e2dbcc);padding:18px 22px;margin:24px auto 18px;max-width:420px;box-shadow:var(--sh)}
.cx-ph b{display:block;font:600 19px var(--serif,serif);color:var(--n2)}.cx-ph small{display:flex;gap:5px;align-items:center;color:var(--mu);font-size:13.5px;margin-top:3px}.cx-ph small .ic{width:14px;height:14px}
.cx-av{width:60px;height:60px;border-radius:50%;overflow:hidden;background:var(--navy,#1b2438);color:var(--gold2);display:grid;place-items:center;font:600 24px var(--serif,serif);flex:none}.cx-av img{width:100%;height:100%;object-fit:cover}
.cx-found .cx-act{margin-top:6px}
@keyframes cxPulse{0%{transform:scale(.4);opacity:.75}100%{transform:scale(1.25);opacity:0}}
@keyframes cxBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes cxOrbit{from{transform:rotate(0) translateX(112px)}to{transform:rotate(360deg) translateX(112px)}}
@keyframes cxBlink{0%,80%,100%{opacity:.15}40%{opacity:1}}
@keyframes cxIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes cxPop{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.cx-radar i,.cx-core,.cx-dot,.cx-ell i,.cx-ok,.cx-msg.in{animation:none}.cx-radar i:first-child{opacity:.4;transform:scale(.9)}}
@media (max-width:720px){.cx-loc3{grid-template-columns:1fr}.cx-grid{grid-template-columns:1fr}.cx-main{padding-top:92px}.cx-radar{width:200px;height:200px}.cx-core{inset:64px}@keyframes cxOrbit{from{transform:rotate(0) translateX(92px)}to{transform:rotate(360deg) translateX(92px)}}.cx-act .btn{flex:1 1 100%;justify-content:center}}
/* ---------- Sección de la portada ---------- */
.hx-live .hx-live-in{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.hx-live .hx-checks{margin-top:18px}
.hx-live-art{position:relative;display:grid;place-items:center;min-height:300px}
.hx-live-art .cx-radar{margin:0}
.hx-live-art .cx-radar i{border-color:var(--gold2)}
.hx-live-tag{position:absolute;bottom:6px;display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:999px;color:#fff;font:600 13px var(--sans)}
.hx-live-tag:before{content:"";width:9px;height:9px;border-radius:50%;background:#4cc38a;box-shadow:0 0 0 4px rgba(76,195,138,.25);animation:cxBeat 1.8s infinite}
@media (max-width:860px){.hx-live .hx-live-in{grid-template-columns:1fr;gap:28px}.hx-live-art{min-height:260px}}

/* Selector propio con buscador (reemplaza la ventana del navegador) */
.cs-native{display:none!important}.cx-sel[hidden]{display:none}
.cs{position:relative}
.cs-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer;border:1px solid #d9d1bf;border-radius:2px;background:#fff;padding:16px;font:inherit;font-size:15.5px;color:var(--n2,#1b2438);min-height:54px;transition:border-color .15s,box-shadow .15s}
.cs-btn:hover{border-color:var(--gold)}.cs-btn:focus-visible,.cs.open .cs-btn{outline:0;border-color:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold,var(--gold,#b8935a)) 18%,transparent)}
.cs-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs.empty .cs-val{color:#8c8672}
.cs-ch{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}.cs.open .cs-ch{transform:rotate(180deg)}
.cs.dis .cs-btn{background:#f7f4ec;color:#9a9486;cursor:not-allowed;border-color:#e6dfce}.cs.bad .cs-btn{border-color:#d92d4b}
.cs-pop{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:60;background:#fff;border:1px solid #d9d1bf;border-radius:6px;box-shadow:0 18px 40px -14px rgba(27,36,56,.35);overflow:hidden;animation:csIn .14s ease}
.cs.up .cs-pop{top:auto;bottom:calc(100% + 4px)}@keyframes csIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.cs-sw{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #eee7d6;background:#fbf9f3}
.cs-sw svg{flex:none;width:18px;height:18px;fill:none;stroke:#8c8672;stroke-width:2;stroke-linecap:round}
.cs-sw input.cs-q{flex:1;min-width:0;border:0!important;background:transparent!important;padding:6px 0!important;font-size:15px!important;box-shadow:none!important;outline:0;border-radius:0!important}
.cs-list{list-style:none;margin:0;padding:6px;max-height:280px;overflow:auto;overscroll-behavior:contain}
.cs-o{padding:10px 12px;border-radius:4px;cursor:pointer;font-size:15px;line-height:1.3;color:var(--n2,#1b2438)}
.cs-o.act{background:#f3ecdb}.cs-o.on{font-weight:700}.cs-o.on::after{content:"✓";float:right;color:var(--gold)}
.cs-man{margin-top:4px;border-top:1px dashed #e0d7c0;border-radius:0 0 4px 4px;color:#7a5c25;font-weight:600}.cs-man b{margin-right:4px}.cs-man.on::after{content:""}
.cs-none,.cs-more{padding:10px 12px;font-size:13.5px;color:#8c8672}

/* Carrusel mientras se busca fotógrafo */
.cx-show{position:relative;margin:4px auto 24px;max-width:560px;aspect-ratio:16/10;border-radius:22px;overflow:hidden;background:var(--navy,#1b2438);box-shadow:0 26px 60px -28px rgba(27,36,56,.55);text-align:left}
.cx-sl{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1s ease}.cx-sl.on{opacity:1}
.cx-sl img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02)}.cx-sl.on img{animation:cxKen 7.5s ease-out forwards}
.cx-sl::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,22,38,0) 30%,rgba(15,22,38,.86) 100%)}
.cx-sl figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 22px 34px;color:#fff;display:grid;gap:4px;transform:translateY(8px);opacity:0;transition:opacity .7s .35s,transform .7s .35s}.cx-sl.on figcaption{opacity:1;transform:none}
.cx-sl figcaption small{font:700 10.5px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold2,var(--gold2,#d3b27a))}
.cx-sl figcaption b{font:500 clamp(19px,2.6vw,24px)/1.2 var(--serif,'Playfair Display',serif)}
.cx-sl figcaption span{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.86);max-width:46ch}
.cx-dots{position:absolute;right:16px;top:14px;z-index:3;display:flex;gap:6px}.cx-dots i{width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.45);transition:width .3s,background .3s}.cx-dots i.on{width:22px;background:var(--gold2,var(--gold2,#d3b27a))}
.cx-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.15);z-index:3}.cx-bar i{display:block;height:100%;width:100%;background:var(--gold2,var(--gold2,#d3b27a));transform-origin:left;animation:cxBar 6s linear infinite}
@keyframes cxKen{from{transform:scale(1.02)}to{transform:scale(1.12) translateY(-1.5%)}}@keyframes cxBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:520px){.cx-show{aspect-ratio:4/5;border-radius:18px}.cx-sl figcaption{padding:0 16px 30px}}
@media (prefers-reduced-motion:reduce){.cx-sl.on img,.cx-bar i{animation:none}.cx-sl,.cx-sl figcaption{transition:none}}

/* Aviso cuando un fotógrafo abandona la solicitud y la búsqueda continúa sola */
.cx-note.cx-left{background:#fff7e6;border:1px solid #f3d9a0;color:#6b4a00;border-radius:12px;padding:10px 14px;margin:0 auto 14px}
.cx-note.cx-left.out{opacity:0;transform:translateY(-4px);transition:opacity .4s ease,transform .4s ease}

/* La pantalla «Buscando…» nunca debe quedarse sin animación: motion.js añade .mo-still a #cx cuando la misma pantalla se repinta
   (un fotógrafo rechaza/abandona y la búsqueda sigue) y eso apagaba el radar, los puntos, los «…» y el carrusel. Aquí se vuelven a fijar. */
@media (prefers-reduced-motion:no-preference){
  #cx .cx-search .cx-radar i{animation:cxPulse 3.6s ease-out infinite!important}
  #cx .cx-search .cx-radar i:nth-child(2){animation-delay:1.2s!important}
  #cx .cx-search .cx-radar i:nth-child(3){animation-delay:2.4s!important}
  #cx .cx-search .cx-core{animation:cxBeat 2.4s ease-in-out infinite!important}
  #cx .cx-search .cx-dot{animation:cxOrbit 7s linear infinite!important}
  #cx .cx-search .cx-dot.d2{animation:cxOrbit 10s linear infinite reverse!important}
  #cx .cx-search .cx-dot.d3{animation:cxOrbit 13s linear -4s infinite!important}
  #cx .cx-search .cx-ell i{animation:cxBlink 1.4s infinite both!important}
  #cx .cx-search .cx-ell i:nth-child(2){animation-delay:.2s!important}
  #cx .cx-search .cx-ell i:nth-child(3){animation-delay:.4s!important}
  #cx .cx-search .cx-sl.on img{animation:cxKen 7.5s ease-out forwards!important}
  #cx .cx-search .cx-bar i{animation:cxBar 6s linear infinite!important}
}