/* LumiFix Studio · Portada pública (diseño oscuro/cinematográfico). Las fotos se cambian soltando archivos en /img/publico (ver LEEME.txt). */
:root{--bx:#1f7bff;--bx2:#4a95ff;--bxd:#1763d1;--n1:#050d18;--n2:#081423;--n3:#0d1f36;--soft:#f3f6fb;--tx:#16202e;--mu:#5b6778}
body{background:#fff}
.hx-nav{position:fixed;left:0;right:0;background:transparent;border-bottom:1px solid transparent}
.hx-nav.scrolled{background:rgba(5,13,24,.92);border-color:rgba(255,255,255,.08);box-shadow:none}
.hx-nav .links a{color:rgba(255,255,255,.82)}.hx-nav .links a:hover,.hx-nav .links a.on{color:#fff}.hx-nav .links a:after{background:var(--bx2)}
.hx-nav .link-quiet{color:rgba(255,255,255,.85);font-size:14px;font-weight:500}.hx-nav .link-quiet:hover{color:#fff}
.hx-nav .brand img{height:50px;width:auto}
.hx-btn{background:var(--bx);color:#fff;border-color:var(--bx);box-shadow:0 10px 24px -10px rgba(31,123,255,.8)}
.hx-btn:hover{background:var(--bxd);border-color:var(--bxd);transform:translateY(-2px)}
.hx-ghost{background:rgba(255,255,255,.04);color:#fff;border-color:rgba(255,255,255,.55)}.hx-ghost:hover{background:rgba(255,255,255,.14);border-color:#fff}
.hx-outline{color:var(--bx);border-color:var(--bx);background:transparent}.hx-outline:hover{background:var(--bx);color:#fff}
.hx-nav .nav-cta .btn{padding:11px 18px;font-size:13px}
.hx-m{display:none;position:relative}.hx-m summary{list-style:none;cursor:pointer;color:#fff;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.35);border-radius:12px}
.hx-m summary::-webkit-details-marker{display:none}.hx-m summary .ic{width:22px;height:22px}
.hx-m div{position:absolute;right:0;top:52px;min-width:220px;background:var(--n2);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:10px;display:grid;box-shadow:0 24px 50px -16px rgba(0,0,0,.6)}
.hx-m div a{color:#e6edf5;padding:12px 14px;border-radius:10px;font-size:14.5px;font-weight:500}.hx-m div a:hover{background:rgba(255,255,255,.08)}

/* Hero */
.hx-hero{position:relative;color:#fff;padding:168px 0 56px;min-height:760px;display:flex;align-items:center;background-color:var(--n2);background-size:cover;background-position:center;
  background-image:linear-gradient(90deg,rgba(5,13,24,.92) 0,rgba(5,13,24,.62) 52%,rgba(5,13,24,.28) 100%),linear-gradient(180deg,rgba(5,13,24,.5),rgba(5,13,24,0) 30%,rgba(5,13,24,.7)),url(/img/publico/hero.webp),url(/img/landing/studio.webp)}
.hx-hero .wrap{width:100%}
.hx-hero-in{max-width:660px}
.hx-hero h1{font:800 clamp(38px,5.6vw,68px)/1.06 var(--sans);letter-spacing:-.025em;margin-bottom:22px}
.hx-hero .lead{font-size:18px;color:#e6edf5;margin-bottom:10px;max-width:560px}.hx-hero .lead2{font-size:15.5px;color:#b9c8d9;max-width:560px;margin-bottom:30px}
.hx-actions{display:flex;flex-wrap:wrap;gap:14px}
.hx-search{display:grid;grid-template-columns:1fr 1fr auto;gap:0;background:#fff;border-radius:20px;padding:10px;max-width:880px;margin-top:52px;box-shadow:0 30px 70px -20px rgba(0,0,0,.6)}
.hx-search label{display:flex;gap:14px;align-items:center;padding:8px 20px;border-right:1px solid #e6ebf2;min-width:0}
.hx-search label .ic{color:var(--bx);width:22px;height:22px}
.hx-search label span{display:flex;flex-direction:column;min-width:0;flex:1}
.hx-search small{font-size:12px;font-weight:600;color:var(--mu)}
.hx-search select{font:500 15px var(--sans);color:var(--tx);border:0;background:transparent;outline:0;width:100%;cursor:pointer;padding:3px 0;text-overflow:ellipsis}
.hx-search .btn{border-radius:14px;padding:0 28px}
.hx-strip{display:flex;flex-wrap:wrap;gap:14px 36px;margin-top:34px;font-size:13.5px;font-weight:500;color:#dbe5f0}
.hx-strip li{display:flex;gap:10px;align-items:center}.hx-strip .ic{color:var(--bx2);width:22px;height:22px}

/* Secciones */
.hx-sec{padding:92px 0}.hx-sec.light{background:var(--soft)}.hx-sec.white{background:#fff}
.hx-sec.dark{background:linear-gradient(180deg,var(--n2),var(--n1));color:#dbe5f0}
.hx-head h2{font:700 clamp(28px,3.4vw,42px)/1.15 var(--sans);letter-spacing:-.02em;color:var(--n2);margin-bottom:14px}
.hx-head p{color:var(--mu);font-size:16.5px;max-width:600px}.hx-head p.big{font:600 20px var(--sans);color:#fff;margin-bottom:12px}
.hx-head.c{text-align:center;margin:0 auto 48px}.hx-head.c p{margin-inline:auto}
.dark .hx-head h2,.photo .hx-head h2{color:#fff}.dark .hx-head p,.photo .hx-head p{color:#c4d1e0}
.hx-c{text-align:center;margin-top:40px}
.hx-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:38px}.hx-row .hx-head{margin:0}
.hx-soon{display:inline-block;vertical-align:middle;font:700 11px var(--sans);letter-spacing:.06em;text-transform:uppercase;background:rgba(31,123,255,.15);color:var(--bx2);padding:5px 11px;border-radius:99px;margin-left:8px;border:1px solid rgba(31,123,255,.35)}
.light .hx-soon,.white .hx-soon{color:var(--bxd);background:#e8f1ff}

/* Categorías con foto */
.hx-cats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.hx-cat{position:relative;display:flex;align-items:flex-end;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background-size:cover;background-position:center;color:#fff;transition:transform .25s,box-shadow .25s;box-shadow:0 12px 30px -16px rgba(8,20,35,.5)}
.hx-cat:hover{transform:translateY(-4px);box-shadow:0 24px 44px -18px rgba(8,20,35,.65)}
.hx-cat .lbl{padding:16px;display:flex;flex-direction:column;gap:3px;background:linear-gradient(transparent,rgba(5,13,24,.75) 55%)}.hx-cat .lbl{width:100%;padding-top:40px}
.hx-cat b{font-size:15px;line-height:1.25}.hx-cat small{font-size:12.5px;color:#cfdbe9;line-height:1.35}
.hx-cat .n{position:absolute;top:12px;right:12px;font-size:12px;font-weight:700;background:rgba(255,255,255,.92);color:var(--n2);border-radius:99px;padding:4px 10px}.hx-cat .n:empty{display:none}
.hx-cat[data-k=bodas]{background-color:hsl(218,45%,22%)}
.hx-cat[data-k=retratos]{background-color:hsl(212,45%,26%)}
.hx-cat[data-k=familia]{background-color:hsl(205,45%,30%)}
.hx-cat[data-k=celebraciones]{background-color:hsl(222,45%,22%)}
.hx-cat[data-k=graduaciones]{background-color:hsl(200,45%,26%)}
.hx-cat[data-k=corporativo]{background-color:hsl(226,45%,30%)}
.hx-cat[data-k=moda]{background-color:hsl(210,45%,22%)}
.hx-cat[data-k=productos]{background-color:hsl(215,45%,26%)}
.hx-cat[data-k=inmobiliaria]{background-color:hsl(198,45%,30%)}
.hx-cat[data-k=naturaleza]{background-color:hsl(192,45%,22%)}
.hx-cat[data-k=bodas]{background-image:linear-gradient(180deg,rgba(8,20,35,0) 35%,rgba(8,20,35,.88)),url(/img/publico/cat-bodas.webp)}
.hx-cat[data-k=retratos]{background-image:linear-gradient(180deg,rgba(8,20,35,0) 35%,rgba(8,20,35,.88)),url(/img/publico/cat-retratos.webp)}
.hx-cat[data-k=familia]{background-image:linear-gradient(180deg,rgba(8,20,35,0) 35%,rgba(8,20,35,.88)),url(/img/publico/cat-familia.webp)}
.hx-cat[data-k=celebraciones]{background-image:linear-gradient(180deg,rgba(8,20,35,0) 35%,rgba(8,20,35,.88)),url(/img/publico/cat-celebraciones.webp)}
.hx-cat[data-k=graduaciones]{background-image:linear-gradient(180deg,rgba(8,20,35,0) 35%,rgba(8,20,35,.88)),url(/img/publico/cat-graduaciones.webp)}
.hx-cat[data-k=corporativo]{background-image:linear-gradient(180deg,rgba(8,20,35,0) 35%,rgba(8,20,35,.88)),url(/img/publico/cat-corporativo.webp)}
.hx-cat[data-k=moda]{background-image:linear-gradient(180deg,rgba(8,20,35,0) 35%,rgba(8,20,35,.88)),url(/img/publico/cat-moda.webp)}
.hx-cat[data-k=productos]{background-image:linear-gradient(180deg,rgba(8,20,35,0) 35%,rgba(8,20,35,.88)),url(/img/publico/cat-productos.webp)}
.hx-cat[data-k=inmobiliaria]{background-image:linear-gradient(180deg,rgba(8,20,35,0) 35%,rgba(8,20,35,.88)),url(/img/publico/cat-inmobiliaria.webp)}
.hx-cat[data-k=naturaleza]{background-image:linear-gradient(180deg,rgba(8,20,35,0) 35%,rgba(8,20,35,.88)),url(/img/publico/cat-naturaleza.webp)}

/* Tarjetas de fotógrafo sobre fondo oscuro */
.dark .pb-card{border-color:rgba(255,255,255,.1);background:#fff}
.dark .pb-empty{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.22)}.dark .pb-empty h3{color:#fff;font-family:var(--sans);font-weight:700}.dark .pb-empty p{color:#b9c8d9}
.dark .pb-skel{background:linear-gradient(100deg,#0f2338 30%,#16304c 50%,#0f2338 70%);background-size:200% 100%}
.dark .pb-empty .btn-gold,.hx-sec .pb-empty .btn-gold{background:var(--bx);color:#fff;box-shadow:none}
.pb-card .btn-navy{background:var(--bx)}.pb-card .btn-navy:hover{background:var(--bxd)}
.pb-av.ph{color:var(--bx)}

/* Secciones con foto de fondo */
.hx-sec.photo{position:relative;color:#fff;background-size:cover;background-position:center;background-color:var(--n2)}
.hx-two{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.mundo{background-image:linear-gradient(90deg,rgba(5,13,24,.9),rgba(5,13,24,.55)),radial-gradient(700px 420px at 78% 40%,rgba(31,123,255,.35),transparent 65%),url(/img/publico/mundo.webp),url(/img/landing/web.webp)}
.opiniones{background-image:linear-gradient(90deg,rgba(5,13,24,.9),rgba(5,13,24,.6)),url(/img/publico/opiniones.webp),url(/img/landing/entrega.webp)}
.fotografo{background-image:linear-gradient(90deg,rgba(5,13,24,.92),rgba(5,13,24,.6)),url(/img/publico/fotografo.webp),url(/img/landing/studio.webp)}
.cta-final{padding:120px 0;background-image:linear-gradient(90deg,rgba(5,13,24,.9),rgba(5,13,24,.35)),url(/img/publico/cta.webp),url(/img/landing/entrega.webp)}
.cta-final .hx-head{max-width:560px}.cta-final .hx-actions{margin-top:28px}
.hx-glass{background:rgba(8,20,35,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:30px}
.hx-glass h3{font:700 20px var(--sans);color:#fff;margin-bottom:18px}
.hx-flist{display:grid;gap:16px}.hx-flist li{display:flex;gap:14px;align-items:flex-start}.hx-flist .ic{color:var(--bx2);width:24px;height:24px;margin-top:2px}
.hx-flist b{display:block;color:#fff;font-size:15px}.hx-flist small{color:#b9c8d9;font-size:13.5px;line-height:1.45;display:block}
ul.hx-glass{display:grid;gap:14px;font-size:15px;color:#e6edf5}ul.hx-glass li{display:flex;gap:12px;align-items:center}ul.hx-glass .ic{color:var(--bx2)}

/* Dos columnas foto + texto */
.hx-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hx-split.rev .hx-head{order:0}
.hx-img{border-radius:24px;aspect-ratio:4/3;background-size:cover;background-position:center;background-color:var(--n3);box-shadow:0 30px 60px -28px rgba(8,20,35,.55)}
.hx-img.servicios{background-image:url(/img/publico/servicios.webp),url(/img/landing/studio.webp)}
.hx-img.tiendas{background-image:url(/img/publico/tiendas.webp),url(/img/landing/tienda.webp)}
.hx-img.comunidad{background-image:url(/img/publico/comunidad.webp),url(/img/landing/web.webp);background-position:center top;aspect-ratio:1/1;max-width:520px;justify-self:center}
.hx-img.galeria{background-image:url(/img/publico/galeria.webp),url(/img/landing/entrega.webp);aspect-ratio:16/9;box-shadow:none;border-radius:16px;margin-bottom:22px}
.hx-checks{display:grid;gap:12px;margin:22px 0 28px;font-size:15px;color:var(--tx)}.hx-checks li{display:flex;gap:12px;align-items:center}.hx-checks .ic{color:var(--bx);width:20px;height:20px}
.dark .hx-checks,.photo .hx-checks{color:#e6edf5}.dark .hx-checks .ic{color:var(--bx2)}
.hx-checks.sm{gap:9px;margin:14px 0 14px;font-size:14.5px}

/* Cómo funciona */
.hx-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;counter-reset:f}
.hx-flow li{text-align:center;position:relative;padding:0 6px}
.hx-flow li:not(:last-child):after{content:'›';position:absolute;right:-16px;top:26px;font-size:28px;color:#9db3d1;font-weight:300}
.hx-flow .ico,.hx-card .ico{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#e4efff;color:var(--bx);margin-bottom:16px}
.hx-flow .ic{width:30px;height:30px}.hx-flow h3{font:700 16px var(--sans);color:var(--n2);margin-bottom:6px}.hx-flow p{font-size:14px;color:var(--mu)}

/* Cuenta y entrega */
.hx-pair{display:grid;grid-template-columns:1fr 1.5fr;gap:22px}
.hx-card{background:#fff;border:1px solid #e3e9f2;border-radius:24px;padding:32px;box-shadow:0 18px 40px -26px rgba(8,20,35,.35)}
.hx-card .ico{width:56px;height:56px;margin-bottom:14px}.hx-card .ico .ic{width:26px;height:26px}
.hx-card h3{font:700 21px/1.25 var(--sans);color:var(--n2);margin-bottom:10px}.hx-card p{color:var(--mu);font-size:15px;margin-bottom:18px}
.hx-card p.fine,.fine{font-size:13px;color:var(--mu);margin:0}.photo .fine{color:#b9c8d9;margin-top:18px}.photo .fine a{border-bottom:1px solid currentColor}
.photo-card{display:block}

/* FAQ */
.hx-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}.hx-faq .hx-head{position:sticky;top:110px}
.faq details{border-bottom:1px solid #e3e9f2}.faq details:first-child{border-top:1px solid #e3e9f2}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;padding:22px 4px;font-size:16.5px;font-weight:600;color:var(--n2)}
.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--bx)}
.faq summary .ic{color:var(--bx);transition:transform .3s;flex:none}.faq details[open] summary .ic{transform:rotate(135deg)}
.faq details p{padding:0 40px 24px 4px;color:var(--mu);font-size:15.5px}

/* Pie */
.hx-foot{background:var(--n1);color:#b9c8d9;padding:64px 0 26px}
.hx-fgrid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:32px}
.hx-fbrand .brand img{height:52px;width:auto;margin-bottom:12px}.hx-fbrand p{font-size:14px;max-width:330px;margin-bottom:8px}.hx-fbrand b{color:#fff}
.hx-fgrid nav{display:flex;flex-direction:column;gap:11px;font-size:14px}.hx-fgrid h4{font:700 14px var(--sans);color:#fff;margin-bottom:4px}
.hx-fgrid nav a{color:#9fb1c6}.hx-fgrid nav a:hover{color:#fff}
.hx-fbase{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);margin-top:44px;padding-top:22px;font-size:13px}.hx-fbase i{font-family:var(--serif);font-size:15px;color:#dbe5f0}

@media (max-width:1180px){.hx-cats{grid-template-columns:repeat(4,1fr)}.hx-flow{grid-template-columns:repeat(3,1fr);row-gap:34px}.hx-flow li:after{display:none!important}}
@media (max-width:1020px){
  .hx-m{display:block}.hx-nav .nav-cta .btn{display:none}
  .hx-two,.hx-split,.hx-pair,.hx-faq{grid-template-columns:1fr;gap:36px}.hx-faq .hx-head{position:static}
  .hx-cats{grid-template-columns:repeat(3,1fr)}.hx-fgrid{grid-template-columns:1fr 1fr}.hx-fbrand{grid-column:1/-1}
  .hx-search{grid-template-columns:1fr}.hx-search label{border-right:0;border-bottom:1px solid #e6ebf2;padding:12px 10px}.hx-search .btn{padding:16px;margin-top:8px}
  .hx-split.rev .hx-img{order:-1}
}
@media (max-width:720px){
  .hx-hero{padding:128px 0 44px;min-height:0}.hx-sec{padding:64px 0}.hx-cats{grid-template-columns:repeat(2,1fr);gap:12px}
  .hx-flow{grid-template-columns:1fr}.hx-actions .btn{flex:1;justify-content:center}.hx-nav .nav-in{height:64px}.hx-nav .brand img{height:42px}
  .hx-strip{gap:10px 22px}.hx-card{padding:24px}
}
/* Pie en móvil: marca arriba a todo el ancho y los 4 bloques en 2 columnas */
@media (max-width:720px){
  .hx-fgrid{grid-template-columns:1fr 1fr;gap:30px 22px}.hx-fbrand{grid-column:1/-1}
  .hx-fgrid nav{min-width:0;gap:10px}.hx-fgrid nav a{line-height:1.35;overflow-wrap:anywhere}
}
@media (max-width:360px){.hx-fgrid{gap:26px 14px}.hx-fgrid nav{font-size:13px}}

/* Ajustes tras revisión visual */
.hx-head{margin-bottom:40px}.hx-split .hx-head,.hx-two .hx-head,.hx-row .hx-head,.cta-final .hx-head,.hx-faq .hx-head{margin-bottom:0}
.hx-head p+.btn,.hx-head p+.hx-actions,.hx-head .hx-checks+.btn{margin-top:26px}
.hx-head h2+p.big{margin-top:-4px}
.hx-img.comunidad{width:100%}
.hx-pair{align-items:start}
.hx-hero-in{max-width:720px}.hx-hero h1{font-size:clamp(36px,5vw,62px)}
.mundo{background-image:linear-gradient(90deg,rgba(5,13,24,.92),rgba(5,13,24,.6)),radial-gradient(700px 420px at 80% 45%,rgba(31,123,255,.38),transparent 65%),url(/img/publico/mundo.webp)}

/* Comunidad (panel público) */
.cm-panel{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:22px;box-shadow:0 30px 70px -34px rgba(0,0,0,.7)}
.cm-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.cm-tabs{display:flex;gap:6px;background:rgba(5,13,24,.55);padding:5px;border-radius:99px;flex-wrap:wrap}
.cm-tabs button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#c4d1e0;font:600 14px var(--sans);padding:10px 18px;border-radius:99px;cursor:pointer;transition:background .2s,color .2s}
.cm-tabs button .ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cm-tabs button:hover{color:#fff}.cm-tabs button.on{background:var(--bx);color:#fff}
.cm-tabs b{background:#fff;color:var(--n2);border-radius:99px;font-size:11px;padding:2px 7px}
.cm-filter select{font:500 14px var(--sans);color:#fff;background:rgba(5,13,24,.55);border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:11px 16px;outline:0;cursor:pointer;max-width:100%}
.cm-filter select option{color:#16202e}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cm-body{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;min-height:260px}
.cm-skel{aspect-ratio:4/5;border-radius:18px;background:linear-gradient(100deg,#0f2338 30%,#16304c 50%,#0f2338 70%);background-size:200% 100%;animation:cmsk 1.4s infinite}
@keyframes cmsk{to{background-position:-200% 0}}
.cm-tile{position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--n3);display:block;color:#fff}
.cm-tile>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.cm-tile:hover>img{transform:scale(1.05)}
.cm-tile .cap{position:absolute;inset:auto 0 0 0;padding:44px 14px 14px;background:linear-gradient(transparent,rgba(5,13,24,.88));display:flex;flex-direction:column;gap:2px}
.cm-tile .cap b{font-size:14.5px}.cm-tile .cap small{font-size:12.5px;color:#cfdbe9}
.cm-tools{position:absolute;top:10px;right:10px;display:flex;gap:8px}
.cm-tools button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:rgba(5,13,24,.6);color:#fff;cursor:pointer;backdrop-filter:blur(6px);transition:background .2s}
.cm-tools button .ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cm-tools button:hover{background:rgba(5,13,24,.9)}.cm-tools button.on{background:#fff;color:#e0245e}.cm-tools button.on .ic{fill:currentColor}
.cm-pro{display:flex;flex-direction:column;gap:12px;background:rgba(5,13,24,.55);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px}
.cm-pro .top{display:flex;gap:12px;align-items:center}
.cm-pro .av{width:52px;height:52px;border-radius:50%;object-fit:cover;background:var(--bx);color:#fff;display:grid;place-items:center;font:700 20px var(--sans);flex:none}
.cm-pro h3{font:700 15.5px var(--sans);color:#fff}.cm-pro h3 a:hover{text-decoration:underline}.cm-pro small{color:#b9c8d9;font-size:13px}
.cm-pro p{font-size:13.5px;color:#c4d1e0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cm-pro .row{display:flex;gap:8px;margin-top:auto}.cm-pro .btn{padding:9px 14px;font-size:13px;flex:1;justify-content:center}
.cm-pro .btn.on{background:#fff;color:var(--n2);border-color:#fff}
.cm-empty{grid-column:1/-1;text-align:center;padding:56px 20px;color:#c4d1e0}.cm-empty h3{font:700 19px var(--sans);color:#fff;margin-bottom:8px}.cm-empty p{max-width:460px;margin:0 auto 20px}
.cm-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}.cm-foot p{font-size:13px;color:#9fb1c6;max-width:520px}
.cm-dlg{margin:auto;border:0;border-radius:22px;padding:28px;max-width:440px;width:calc(100% - 32px);background:#fff;color:var(--tx)}.cm-dlg::backdrop{background:rgba(5,13,24,.7)}
.cm-dlg h3{font:700 20px var(--sans);color:var(--n2);margin-bottom:4px}.cm-dlg label{display:grid;gap:6px;font:600 13px var(--sans);color:var(--mu);margin-top:14px}
.cm-dlg select,.cm-dlg textarea{font:500 14.5px var(--sans);border:1px solid #d5dde9;border-radius:12px;padding:11px 12px;color:var(--tx);width:100%}
.cm-dlg .hx-actions{margin-top:18px;justify-content:flex-end}.cm-dlg .btn{padding:11px 18px;font-size:14px}.cm-msg{min-height:20px;font-size:13.5px;margin-top:10px;color:var(--bxd)}
@media (max-width:1020px){.cm-body{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.cm-panel{padding:14px;border-radius:20px}.cm-body{grid-template-columns:repeat(2,1fr);gap:10px}.cm-tabs{width:100%}.cm-tabs button{flex:1;justify-content:center;padding:10px 8px;font-size:13px}.cm-tabs button .ic{display:none}.cm-filter,.cm-filter select{width:100%}.cm-foot .btn{width:100%;justify-content:center}.cm-pro{grid-column:1/-1}}

/* Comunidad · publicaciones de fotógrafos */
.cm-body.feed{grid-template-columns:repeat(2,1fr);align-items:start}
.cm-post{background:rgba(5,13,24,.55);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.cm-post .hd{display:flex;gap:12px;align-items:center;padding:16px 16px 12px}
.cm-post .av{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--bx);color:#fff;display:grid;place-items:center;font:700 17px var(--sans);flex:none}
.cm-post .hd a{font:700 15px var(--sans);color:#fff}.cm-post .hd a:hover{text-decoration:underline}.cm-post .hd small{display:block;color:#9fb1c6;font-size:12.5px}
.cm-post .pin{margin-left:auto;font:700 11px var(--sans);letter-spacing:.05em;text-transform:uppercase;background:rgba(240,180,60,.18);color:#f3c35c;border-radius:99px;padding:4px 10px}
.cm-imgs{display:grid;gap:3px;grid-template-columns:1fr 1fr}.cm-imgs.one{grid-template-columns:1fr}
.cm-imgs a{position:relative;display:block;aspect-ratio:4/3;background:var(--n3);overflow:hidden}.cm-imgs.one a{aspect-ratio:16/10}
.cm-imgs img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.cm-imgs a:hover img{transform:scale(1.04)}
.cm-imgs .more{position:absolute;inset:0;background:rgba(5,13,24,.6);color:#fff;display:grid;place-items:center;font:700 22px var(--sans)}
.cm-post .tx{padding:14px 16px 4px;color:#e6edf5;font-size:14.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.cm-post .tag{display:inline-block;margin:10px 16px 0;font:600 12px var(--sans);background:rgba(31,123,255,.18);color:var(--bx2);border-radius:99px;padding:4px 11px;align-self:flex-start}
.cm-post .ft{display:flex;gap:8px;align-items:center;padding:14px 16px 16px;margin-top:auto}
.cm-post .ft .btn{padding:8px 14px;font-size:13px}.cm-post .ft .btn.on{background:#fff;color:var(--n2);border-color:#fff}
.cm-post .ft .sp{flex:1}.cm-post .ft .ib{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:transparent;color:#fff;cursor:pointer}
.cm-post .ft .ib .ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cm-post .ft .ib.on{background:#fff;color:#e0245e}.cm-post .ft .ib.on .ic{fill:currentColor}.cm-post .ft .ib:hover{background:rgba(255,255,255,.14)}.cm-post .ft .ib.on:hover{background:#fff}
.cm-more{text-align:center;margin-top:16px;font-size:13.5px}.cm-more a{color:var(--bx2);border-bottom:1px solid transparent}.cm-more a:hover{border-color:currentColor}
@media (max-width:1020px){.cm-body.feed{grid-template-columns:1fr}}
#comunidad{scroll-margin-top:84px}

/* Página /comunidad */
.cm-page{background:var(--n1)}
.cm-hero{position:relative;color:#fff;padding:150px 0 56px;background-color:var(--n2);background-size:cover;background-position:center top;
  background-image:linear-gradient(180deg,rgba(5,13,24,.55),rgba(5,13,24,.92)),linear-gradient(90deg,rgba(5,13,24,.85),rgba(5,13,24,.45)),url(/img/publico/comunidad.webp),url(/img/landing/web.webp)}
.cm-eyebrow{display:inline-block;font:700 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--bx2);background:rgba(31,123,255,.15);border:1px solid rgba(31,123,255,.35);border-radius:99px;padding:6px 14px;margin-bottom:18px}
.cm-hero h1{font:800 clamp(32px,4.6vw,56px)/1.08 var(--sans);letter-spacing:-.025em;max-width:780px;margin-bottom:16px}
.cm-hero .lead{font-size:18px;color:#d5e0ee;max-width:620px}
.cm-stats{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:30px}.cm-stats li{display:flex;flex-direction:column}.cm-stats b{font:800 30px var(--sans);color:#fff}.cm-stats span{font-size:13px;color:#9fb1c6}
.cm-main{padding-top:40px}
@media (max-width:720px){.cm-hero{padding:116px 0 36px}.cm-hero .lead{font-size:16px}}

/* Niveles, «Para ti» y bloque de cuenta gratuita */
.hx-lv{display:grid;gap:12px}
.hx-lv li{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid #e3e9f2;border-radius:16px;background:#fff;box-shadow:0 18px 40px -30px rgba(8,20,35,.35)}
.hx-lv li:before{content:'';flex:none;width:14px;height:14px;border-radius:50%;background:var(--c,#9db3d1)}
.hx-lv b{display:block;color:var(--n2);font-size:15.5px}.hx-lv small{display:block;color:var(--mu);font-size:13.5px}
.hx-lv .l1{--c:#9db3d1}.hx-lv .l2{--c:#b9772f}.hx-lv .l3{--c:#9aa7b4}.hx-lv .l4{--c:#e0a526}.hx-lv .l5{--c:#5fb6c9}.hx-lv .l6{--c:#4a95ff}
.hx-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hx-mini li{background:#fff;border:1px solid #e3e9f2;border-radius:20px;padding:24px;box-shadow:0 18px 40px -30px rgba(8,20,35,.35)}
.hx-mini .ico{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e4efff;color:var(--bx);margin-bottom:14px}.hx-mini .ic{width:22px;height:22px}
.hx-mini b{display:block;font:700 16px var(--sans);color:var(--n2);margin-bottom:6px}.hx-mini p{font-size:14px;color:var(--mu)}
.hx-mt{font:700 22px var(--sans);color:var(--n2);text-align:center;margin:56px 0 22px}
#para-ti .hx-mini{margin-bottom:36px}
@media (max-width:1020px){.hx-mini{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.hx-mini{grid-template-columns:1fr}.hx-mt{margin-top:40px}}