/* Mi cuenta, panel de negocio y mostrador /sellar/ */

.czr-cta { padding-top: 1.5rem; padding-bottom: 3rem; max-width: 1040px; }
.czr-cta-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.czr-cta-head__k { margin: 0 0 .2rem; font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--czr-primary); }
.czr-cta-head__t { margin: 0; font-size: clamp(1.6rem, 4vw, 2.2rem); line-height: 1.1; letter-spacing: -.02em; }
.czr-cta-salir { padding: .45rem .9rem; border: 1px solid var(--czr-border); border-radius: 999px; background: var(--czr-surface); font: inherit; font-size: .85rem; font-weight: 700; color: var(--czr-text-mid); cursor: pointer; }
.czr-cta-salir:hover { border-color: var(--czr-text-light); }

/* Pestañas */
.czr-cta-nav { display: flex; gap: .35rem; margin: 0 -16px 1.4rem; padding: 0 16px .2rem; overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid var(--czr-border); }
.czr-cta-nav::-webkit-scrollbar { display: none; }
.czr-cta-nav a { display: inline-flex; align-items: center; gap: .4rem; flex: 0 0 auto; padding: .7rem .9rem; border-bottom: 3px solid transparent; font-weight: 700; font-size: .92rem; color: var(--czr-text-mid); white-space: nowrap; }
.czr-cta-nav a.is-active { border-color: var(--czr-primary); color: var(--czr-text); }
.czr-cta-nav svg { opacity: .7; }

.czr-cta-sec { margin-top: 2rem; }
.czr-cta-sec__t { margin: 0 0 .8rem; font-size: 1.2rem; }
.czr-cta-box { margin-top: 1.6rem; padding: 1.2rem; border-radius: 16px; background: var(--czr-bg-soft); }
.czr-cta-box__t { margin: 0 0 .3rem; font-size: 1.1rem; }
.czr-cta-box p { margin: 0 0 .8rem; color: var(--czr-text-mid); }

/* Inicio */
.czr-cta-premio { display: flex; align-items: center; gap: .8rem; margin-bottom: 1.2rem; padding: 1rem 1.1rem; border-radius: 16px; background: linear-gradient(135deg, #fff4e5, #ffe7c7); color: var(--czr-text); }
.czr-cta-premio > span:first-child { font-size: 1.8rem; }
.czr-cta-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.czr-cta-tile { display: flex; flex-direction: column; gap: .2rem; min-height: 132px; padding: 1rem; border: 1px solid var(--czr-border); border-radius: 16px; background: var(--czr-surface); color: var(--czr-text); }
.czr-cta-tile svg { margin-bottom: auto; color: var(--c); }
.czr-cta-tile strong { margin-top: .8rem; font-size: 1.02rem; }
.czr-cta-tile span { font-size: .84rem; color: var(--czr-text-light); line-height: 1.3; }
.czr-cta-tile:hover { border-color: var(--c); }
@media (min-width: 768px) { .czr-cta-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.czr-cta-vacio { padding: 2rem 1.2rem; border: 1px dashed var(--czr-border); border-radius: 18px; text-align: center; }
.czr-cta-vacio__e { margin: 0; font-size: 2.6rem; }
.czr-cta-vacio h2 { margin: .4rem 0; font-size: 1.3rem; }
.czr-cta-vacio p { max-width: 52ch; margin: 0 auto .9rem; color: var(--czr-text-mid); }
.czr-cta-vacio__acc { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; margin: 1rem 0; }
.czr-cta-vacio__nota { font-size: .84rem; }

/* Acceso */
.czr-acc { display: grid; gap: 1.6rem; align-items: start; }
.czr-acc__t { margin: 0 0 .5rem; font-size: clamp(1.8rem, 5vw, 2.6rem); line-height: 1.05; letter-spacing: -.02em; }
.czr-acc__lead { margin: 0 0 1rem; font-size: 1.05rem; color: var(--czr-text-mid); }
.czr-acc__pros { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.czr-acc__pros li { display: flex; align-items: center; gap: .6rem; font-size: .95rem; }
.czr-acc__pros svg { flex: 0 0 auto; color: var(--czr-primary); }
.czr-acc__box { padding: 1.2rem; border: 1px solid var(--czr-border); border-radius: 18px; background: var(--czr-surface); box-shadow: 0 10px 30px rgba(11, 30, 53, .06); }
.czr-acc__tabs { display: grid; grid-template-columns: 1fr 1fr; gap: .3rem; margin-bottom: 1.1rem; padding: .25rem; border-radius: 999px; background: var(--czr-bg-soft); }
.czr-acc__tabs button { padding: .6rem; border: 0; border-radius: 999px; background: none; font: inherit; font-weight: 800; color: var(--czr-text-mid); cursor: pointer; }
.czr-acc__tabs button[aria-selected="true"] { background: var(--czr-surface); color: var(--czr-text); box-shadow: 0 1px 4px rgba(0, 0, 0, .1); }
.czr-acc__h { margin: 0 0 .3rem !important; font-size: 1.15rem; font-weight: 800; }
.czr-acc__sub { font-size: .9rem; color: var(--czr-text-mid); }
.czr-acc__code { font-size: 1.6rem !important; letter-spacing: .35em; text-align: center; font-variant-numeric: tabular-nums; }
.czr-acc__hint { display: block; margin-top: .3rem; font-size: .8rem; color: var(--czr-text-light); }
.czr-acc__alt { font-size: .86rem; text-align: center; }
.czr-acc__link { padding: 0; border: 0; background: none; font: inherit; font-size: .88rem; color: var(--czr-primary-dark); text-decoration: underline; cursor: pointer; }
.czr-acc__msg { margin: 0 0 1rem; padding: .7rem .9rem; border-radius: 10px; background: #fdecea; background: light-dark(#fdecea, #353a42); color: #8a1c14; color: light-dark(#8a1c14, #d6b0ad); font-size: .92rem; }
.czr-acc__msg.is-ok { background: #e7f5ec; background: light-dark(#e7f5ec, #323b43); color: #1f5c38; color: light-dark(#1f5c38, #b1c6b9); }
.czr-acc__rgpd { margin: 0 0 1rem; font-size: .78rem; color: var(--czr-text-light); }
.czr-acc__rgpd summary { cursor: pointer; font-weight: 700; }
.czr-acc__rgpd p { margin: .5rem 0 0; }
.czr-b.is-loading { opacity: .6; pointer-events: none; }
@media (min-width: 860px) {
	.czr-acc { grid-template-columns: 1fr 420px; gap: 3rem; padding-top: 1.5rem; }
	.czr-acc__box { padding: 1.6rem; }
}

/* Sellos y tarjetas */
.czr-tarjetas { display: grid; gap: 1rem; }
@media (min-width: 760px) { .czr-tarjetas { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.czr-tarjeta { position: relative; padding: 1.1rem; border-radius: 20px; background: var(--c); color: var(--ct, #fff); box-shadow: 0 10px 24px color-mix(in srgb, var(--c) 30%, transparent); overflow: hidden; }
.czr-tarjeta::after { content: ""; position: absolute; right: -40px; top: -40px; width: 160px; height: 160px; border-radius: 50%; background: rgba(255, 255, 255, .1); pointer-events: none; }
.czr-tarjeta.is-nueva { animation: czr-pop .6s ease; }
@keyframes czr-pop { 0% { transform: scale(.94); } 60% { transform: scale(1.02); } 100% { transform: none; } }
.czr-tarjeta__head { display: flex; align-items: baseline; justify-content: space-between; gap: .6rem; margin-bottom: .9rem; }
.czr-tarjeta__neg { font-size: 1.15rem; font-weight: 900; color: inherit; letter-spacing: -.01em; }
a.czr-tarjeta__neg:hover { color: inherit; text-decoration: underline; }
.czr-tarjeta__n { font-weight: 800; font-variant-numeric: tabular-nums; opacity: .85; }
.czr-tarjeta__premio { margin: .9rem 0 0; font-size: .95rem; }
.czr-tarjeta__cond { margin: .4rem 0 0; font-size: .78rem; opacity: .85; }
.czr-tarjeta__pie { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem; margin-top: 1rem; }
.czr-tarjeta__pie .czr-b { background: var(--czr-surface); color: #16181d; color: light-dark(#16181d, #e9ecf1); box-shadow: none; }
.czr-tarjeta__meta { font-size: .78rem; opacity: .85; }
.czr-tarjeta__mas { margin-top: .6rem; font-size: .8rem; }
.czr-tarjeta__mas summary { cursor: pointer; opacity: .8; }
.czr-tarjeta__mas .czr-acc__link { color: inherit; }

.czr-fidlist { display: grid; gap: .6rem; margin: 0; padding: 0; list-style: none; }
@media (min-width: 640px) { .czr-fidlist { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.czr-fidlist a { display: flex; flex-direction: column; gap: .15rem; padding: .85rem 1rem; border: 1px solid var(--czr-border); border-left: 5px solid var(--c); border-radius: 12px; color: var(--czr-text); }
.czr-fidlist span { font-size: .85rem; color: var(--czr-text-light); }

.czr-unirse { display: grid; gap: 1.5rem; align-items: start; }
.czr-unirse__form h2 { margin: 0 0 .4rem; }
@media (min-width: 800px) { .czr-unirse { grid-template-columns: 1fr 1fr; gap: 2.5rem; } }

/* QR */
.czr-qrmodal { position: fixed; inset: 0; z-index: 400; display: grid; place-items: center; padding: 16px; }
.czr-qrmodal[hidden] { display: none; }
.czr-qrmodal__bg { position: absolute; inset: 0; background: rgba(11, 30, 53, .7); }
.czr-qrmodal__box { position: relative; width: min(360px, 100%); padding: 1.3rem; border-radius: 20px; background: var(--czr-surface); text-align: center; }
.czr-qrmodal__t { margin: 0 0 .6rem; font-weight: 900; font-size: 1.15rem; }
.czr-qrmodal__qr svg { display: block; width: 100%; height: auto; }
.czr-qrmodal__cod { margin: .4rem 0; font-size: 1.4rem; font-weight: 800; letter-spacing: .12em; font-variant-numeric: tabular-nums; }
.czr-qrmodal__hint { margin: 0 0 1rem; font-size: .82rem; color: var(--czr-text-light); }
.czr-noscroll { overflow: hidden; }

/* Mis negocios */
.czr-negs { display: grid; gap: .9rem; }
.czr-neg { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: .3rem 1rem; padding: 1rem; border: 1px solid var(--czr-border); border-radius: 16px; background: var(--czr-surface); }
.czr-neg__img img, .czr-neg__img span { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 14px; object-fit: cover; background: var(--czr-navy); color: #fff; font-size: 1.6rem; font-weight: 900; }
.czr-neg__t { margin: 0 0 .3rem; font-size: 1.12rem; }
.czr-neg__tags { display: flex; flex-wrap: wrap; gap: .3rem; margin: 0 0 .4rem; }
.czr-neg__tag { padding: .12rem .55rem; border-radius: 999px; background: var(--czr-bg-soft); font-size: .74rem; font-weight: 800; }
.czr-neg__tag--destacada { background: #fff1de; background: light-dark(#fff1de, #353b41); color: #9a4b00; color: light-dark(#9a4b00, #dcc0a6); }
.czr-neg__tag--premium { background: #fbf2cc; background: light-dark(#fbf2cc, #343b3e); color: #7a5b00; }
.czr-neg__tag--pend { background: #eef2ff; background: light-dark(#eef2ff, #333b45); color: #3730a3; color: light-dark(#3730a3, #b9b7df); }
.czr-neg__tag--fid { background: #e7f5ec; background: light-dark(#e7f5ec, #323b43); color: #1f5c38; color: light-dark(#1f5c38, #b1c6b9); }
.czr-neg__cifras { margin: 0; font-size: .88rem; color: var(--czr-text-mid); }
.czr-neg__acc { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .7rem; margin-top: .6rem; }
.czr-neg__ver { font-size: .86rem; font-weight: 700; }
.czr-negs__mas { margin-top: 1.2rem; font-size: .92rem; }

/* Editar ficha */
.czr-ed-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: .6rem 1rem; margin-bottom: 1rem; }
.czr-ed-head__t { margin: 0; font-size: 1.5rem; }
.czr-ed-info { font-size: .9rem; color: var(--czr-text-mid); }
.czr-ed-pend { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1rem; background: #eef2ff; background: light-dark(#eef2ff, #333b45); color: #312e81; color: light-dark(#312e81, #b7b6d3); }
.czr-ed-pend p { margin: 0; }
.czr-ed { max-width: 720px; }
.czr-ed fieldset { margin-bottom: 2rem; }
.czr-ed__lab { margin: 0 0 .4rem; font-weight: 700; font-size: .92rem; }
.czr-ed__checks { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: .3rem .8rem; margin-bottom: 1rem; }
.czr-ed__checks .czr-ed__lab { grid-column: 1 / -1; }
.czr-ed__checks label { display: flex; align-items: center; gap: .4rem; font-weight: 500; }
.czr-ed-plan { padding: .8rem 1rem; border-radius: 12px; background: #fbf2cc; background: light-dark(#fbf2cc, #343b3e); font-size: .88rem; }
.czr-ed-fotos { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: .6rem; margin: 0 0 .6rem; padding: 0; list-style: none; }
.czr-ed-fotos:empty { display: none; }
.czr-ed-fotos li { position: relative; aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; background: var(--czr-bg-soft); }
.czr-ed-fotos:not(.czr-ed-fotos--nuevas) li:first-child::before { content: "Principal"; position: absolute; left: .4rem; top: .4rem; z-index: 1; padding: .1rem .45rem; border-radius: 999px; background: var(--czr-primary); color: #fff; font-size: .7rem; font-weight: 800; }
.czr-ed-fotos img { width: 100%; height: 100%; object-fit: cover; }
.czr-ed-fotos__acc { position: absolute; right: .3rem; bottom: .3rem; display: flex; gap: .25rem; }
.czr-ed-fotos__acc button { display: grid; place-items: center; width: 30px; height: 30px; border: 0; border-radius: 50%; background: rgba(11, 30, 53, .78); color: #fff; font-size: .9rem; cursor: pointer; }
.czr-ed-fotos--nuevas li { outline: 3px solid #2f7d4f; outline-offset: -3px; }
.czr-ed-fotos__n { font-size: .84rem; color: var(--czr-text-light); }
.czr-ed-subir { display: inline-flex !important; align-items: center; gap: .5rem; padding: .65rem 1rem; border: 2px dashed var(--czr-border); border-radius: 12px; font-weight: 700; cursor: pointer; }
.czr-ed-subir input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.czr-ed-subir.is-off { opacity: .45; pointer-events: none; }
.czr-ed-subir:focus-within { outline: 2px solid var(--czr-primary); }
.czr-ed-mapa { height: 320px; margin-bottom: .5rem; border-radius: 14px; background: var(--czr-bg-soft); z-index: 0; }
.czr-ed-enviar { position: sticky; bottom: calc(68px + env(safe-area-inset-bottom)); z-index: 5; display: flex; align-items: center; gap: 1rem; padding: .8rem 0; background: linear-gradient(transparent, #fff 30%); }
@media (min-width: 1024px) { .czr-ed-enviar { bottom: 0; } }

/* Tarjeta del negocio */
.czr-fid-intro { padding: 1.2rem; border-radius: 16px; background: var(--czr-bg-soft); margin-bottom: 1.5rem; }
.czr-fid-intro p { margin: 0 0 .6rem; }
.czr-fid-intro ol { margin: 0 0 .6rem; padding-left: 1.2rem; }
.czr-fid-intro__plan { font-size: .88rem; font-weight: 700; }
.czr-fid-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; margin-bottom: 1rem; }
.czr-fid-stats > div { padding: .9rem; border: 1px solid var(--czr-border); border-radius: 14px; }
.czr-fid-stats strong { display: block; font-size: 1.7rem; line-height: 1; font-variant-numeric: tabular-nums; }
.czr-fid-stats strong small { font-size: .9rem; color: var(--czr-text-light); }
.czr-fid-stats span { font-size: .82rem; color: var(--czr-text-mid); }
@media (min-width: 760px) { .czr-fid-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.czr-fid-plazas { margin-bottom: 1.6rem; font-size: .88rem; }
.czr-fid-plazas__bar { height: 8px; border-radius: 99px; background: var(--czr-bg-soft); overflow: hidden; }
.czr-fid-plazas__bar span { display: block; height: 100%; background: #2f7d4f; }
.czr-fid-plazas.is-lleno .czr-fid-plazas__bar span { background: var(--czr-red); }
.czr-fid-plazas p { margin: .5rem 0 0; }
.czr-fid-conf { display: grid; gap: 1.5rem; align-items: start; }
@media (min-width: 900px) { .czr-fid-conf { grid-template-columns: minmax(0, 1fr) 360px; gap: 2.5rem; } .czr-fid-prev { position: sticky; top: calc(var(--czr-header-h) + 1rem); } }
.czr-fid-color__ops { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; margin-bottom: 1rem; }
.czr-fid-color__ops > label:not(.czr-fid-color__otro) { position: relative; width: 34px; height: 34px; border-radius: 50%; background: var(--c); cursor: pointer; }
.czr-fid-color__ops input[type=radio] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.czr-fid-color__ops label:has(input:checked) { box-shadow: 0 0 0 3px #fff, 0 0 0 5px var(--czr-text); }
.czr-fid-color__otro { display: inline-flex !important; align-items: center; gap: .4rem; margin: 0 0 0 .3rem !important; font-size: .86rem; }
.czr-fid-color__otro input { width: 40px !important; height: 34px; padding: 0 !important; border: 0 !important; background: none !important; }
.czr-fid-como ol { margin: 0; padding-left: 1.2rem; }
.czr-fid-como li { margin-bottom: .5rem; }
.czr-fid-como__n { display: inline-block; padding: .05rem .5rem; border-radius: 8px; background: var(--czr-navy); color: #fff; font-variant-numeric: tabular-nums; }
.czr-fid-tabla-w { overflow-x: auto; }
.czr-fid-tabla { width: 100%; min-width: 560px; border-collapse: collapse; font-size: .9rem; }
.czr-fid-tabla th, .czr-fid-tabla td { padding: .6rem .5rem; border-bottom: 1px solid var(--czr-border); text-align: left; vertical-align: top; }
.czr-fid-tabla th { font-size: .76rem; text-transform: uppercase; letter-spacing: .05em; color: var(--czr-text-light); }
.czr-fid-legal { font-size: .8rem; color: var(--czr-text-light); }

.czr-cta-peligro { padding: 1.2rem; border: 1px solid #f3c4c0; border: 1px solid light-dark(#f3c4c0, #645f68); border-radius: 16px; }
.czr-cta-peligro__b { background: var(--czr-red) !important; }

/* Mostrador */
.czr-sellar { max-width: 560px; }
.czr-sellar__head { margin-bottom: 1rem; }
.czr-sellar__t { margin: 0; font-size: 1.7rem; }
.czr-sellar__elige { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.4rem; }
.czr-sellar__elige .czr-ed__lab { flex-basis: 100%; }
.czr-sellar__btn { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .6rem; width: 100%; min-height: 200px; border: 0; border-radius: 22px; background: var(--czr-navy); color: #fff; font: inherit; font-size: 1.3rem; font-weight: 900; cursor: pointer; }
.czr-sellar__btn[hidden] { display: none; }
.czr-sellar__video { position: relative; border-radius: 22px; overflow: hidden; background: #000; text-align: center; }
.czr-sellar__video video { display: block; width: 100%; max-height: 60vh; object-fit: cover; }
.czr-sellar__marco { position: absolute; left: 50%; top: 45%; width: 60%; aspect-ratio: 1; transform: translate(-50%, -50%); border: 3px solid rgba(255, 255, 255, .9); border-radius: 18px; box-shadow: 0 0 0 999px rgba(0, 0, 0, .35); pointer-events: none; }
.czr-sellar__video .czr-acc__link { position: relative; display: inline-block; margin: .6rem; color: #fff; }
.czr-sellar__manual { margin-top: 1.2rem; }
.czr-sellar__manual label { display: block; margin-bottom: .3rem; font-size: .88rem; color: var(--czr-text-mid); }
.czr-sellar__manual div { display: flex; gap: .5rem; }
.czr-sellar__manual input { flex: 1; min-width: 0; padding: .75rem .9rem; border: 1px solid var(--czr-border); border-radius: 12px; font: inherit; font-size: 1.15rem; letter-spacing: .1em; text-transform: uppercase; }
.czr-sellar__card { padding: 1.3rem; border: 3px solid var(--c, var(--czr-primary)); border-radius: 22px; text-align: center; }
.czr-sellar__card.is-flash { animation: czr-flash .7s ease; }
@keyframes czr-flash { 0% { background: color-mix(in srgb, var(--c, #e87000) 25%, var(--czr-surface)); } 100% { background: var(--czr-surface); } }
.czr-sellar__cli { margin: 0 0 .8rem; font-size: 1.5rem; font-weight: 900; }
.czr-sellar__card .czr-sellos { justify-content: center; }
.czr-sellar__card .czr-sellos li { border-color: color-mix(in srgb, var(--c, #e87000) 45%, var(--czr-surface)); color: #fff; }
.czr-sellar__card .czr-sellos li.is-on { background: var(--c, #e87000); border-color: var(--c, #e87000); }
.czr-sellar__info { margin: .9rem 0 1rem; color: var(--czr-text-mid); }
.czr-sellar__acc { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: .5rem; }
.czr-sellar__acc .czr-b { min-height: 64px; font-size: 1.1rem; }
.czr-sellar__mas { font-size: 1.35rem !important; }
.czr-sellar__premio { margin-top: .8rem; min-height: 60px; background: #2f7d4f !important; font-size: 1.15rem; }
.czr-sellar__ok { margin: 1rem 0 0; padding: .7rem; border-radius: 12px; background: #e7f5ec; background: light-dark(#e7f5ec, #323b43); color: #1f5c38; color: light-dark(#1f5c38, #b1c6b9); font-weight: 800; }
.czr-sellar__pie { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 1.2rem 0 0; }
.czr-sellar__pie .czr-b { margin-left: auto; }
.czr-sellar__salir { margin-top: 2rem; text-align: center; font-size: .85rem; }

/* Estrellas (en la guía vienen de guia.css) */
.czr-cta .czr-stars { --pct: calc(var(--r) / 5 * 100%); display: inline-block; font-size: 1rem; line-height: 1; letter-spacing: 1px; }
.czr-cta .czr-stars::before { content: "★★★★★"; background: linear-gradient(90deg, #ffb400 var(--pct), #d9d4ca var(--pct)); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* Pestañas de un negocio */
.czr-cta-head__k a { color: inherit; }
.czr-cta-subnav { display: flex; gap: .4rem; margin: 0 -16px 1.3rem; padding: 0 16px .3rem; overflow-x: auto; scrollbar-width: none; }
.czr-cta-subnav::-webkit-scrollbar { display: none; }
.czr-cta-subnav a { flex: 0 0 auto; padding: .45rem .85rem; border: 1px solid var(--czr-border); border-radius: 999px; font-size: .86rem; font-weight: 700; color: var(--czr-text-mid); white-space: nowrap; }
.czr-cta-subnav a.is-active { border-color: var(--czr-navy); background: var(--czr-navy); color: #fff; }

/* Ficha completa */
.czr-neg__comp { grid-column: 1 / -1; margin-top: .5rem; font-size: .84rem; color: var(--czr-text-mid); }
.czr-neg__comp p { margin: .35rem 0 0; }
.czr-neg__comp .czr-fid-plazas__bar span { background: var(--czr-primary); }

/* Horario por días */
.czr-sem { margin-bottom: 1.2rem; }
.czr-sem__dia { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .7rem; padding: .45rem 0; border-bottom: 1px solid var(--czr-border); }
.czr-sem__n { flex: 0 0 90px; font-weight: 700; font-size: .92rem; }
.czr-sem__c { display: inline-flex !important; align-items: center; gap: .3rem; margin: 0 !important; font-weight: 500 !important; font-size: .86rem !important; }
.czr-sem__r { display: inline-flex; align-items: center; gap: .2rem; }
.czr-sem__r input { width: 104px !important; padding: .35rem .4rem !important; font-size: .9rem !important; }
.czr-sem__dia:has(.czr-sem__c input:checked) .czr-sem__r { opacity: .3; pointer-events: none; }

/* Listas sencillas (ofertas, eventos, equipo, pagos) */
.czr-ofl { display: grid; gap: .6rem; margin: 0 0 1rem; padding: 0; list-style: none; }
.czr-ofl__i { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding: .85rem 1rem; border: 1px solid var(--czr-border); border-radius: 12px; }
.czr-ofl__i p { margin: .3rem 0; font-size: .9rem; }
.czr-ofl__i small { display: block; color: var(--czr-text-light); font-size: .8rem; }

/* Tarjeta: más opciones y registro */
.czr-fid-mas { margin: .4rem 0 1rem; padding: .7rem .9rem; border: 1px solid var(--czr-border); border-radius: 12px; }
.czr-fid-mas summary { cursor: pointer; font-weight: 700; font-size: .92rem; }
.czr-fid-mas[open] summary { margin-bottom: .8rem; }
.czr-fid-tabla tr.is-anulado td { color: var(--czr-text-light); text-decoration: line-through; }
.czr-tarjeta__avisos { margin: .5rem 0; }
.czr-tarjeta__avisos label { display: flex; gap: .4rem; align-items: center; font-size: .8rem; }

/* Pasaportes en Mis tarjetas */
.czr-pas-lista { display: grid; gap: .25rem; margin: .2rem 0 0; padding: 0; list-style: none; font-size: .88rem; }
.czr-pas-lista li { opacity: .75; }
.czr-pas-lista li.is-on { opacity: 1; font-weight: 700; }

/* Opiniones (formulario) */
.czr-estrellas-in { display: inline-flex; flex-direction: row-reverse; gap: .15rem; }
.czr-estrellas-in input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.czr-estrellas-in label { margin: 0 !important; font-size: 2.2rem !important; line-height: 1; color: #d9d4ca; cursor: pointer; }
.czr-estrellas-in label:hover, .czr-estrellas-in label:hover ~ label, .czr-estrellas-in input:checked ~ label { color: #ffb400; }
.czr-estrellas-in input:focus-visible + label { outline: 2px solid var(--czr-primary); border-radius: 4px; }
.czr-res-media { display: flex; align-items: center; gap: .5rem; font-size: 1.05rem; }
.czr-opi__form { margin-top: .5rem; }
.czr-opi__form summary { cursor: pointer; font-weight: 700; font-size: .88rem; color: var(--czr-primary-dark); }
.czr-opi__acc { display: flex; gap: 1rem; align-items: center; font-size: .86rem; }

/* Pasaporte turístico */
.czr-pas-hero { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1rem; padding: 1.2rem; border-radius: 18px; background: linear-gradient(135deg, #2f7d4f, #0f6e77); color: #fff; }
.czr-pas-hero h2 { margin: .1rem 0 .4rem; font-size: 1.4rem; color: #fff; }
.czr-pas-hero p { margin: 0; max-width: 58ch; opacity: .92; }
.czr-pas-hero .czr-cta-head__k { color: #c8f1d8; }
.czr-pas-hero .czr-b { background: var(--czr-surface); color: #0f6e77; }
.czr-insignias { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: .6rem; margin: 1.2rem 0 0; padding: 0; list-style: none; }
.czr-insignias li { display: flex; flex-direction: column; gap: .2rem; padding: .9rem; border: 1px solid var(--czr-border); border-radius: 14px; filter: grayscale(1); opacity: .65; }
.czr-insignias li.is-ok { filter: none; opacity: 1; border-color: #2f7d4f; background: #f0faf3; background: light-dark(#f0faf3, #333c44); }
.czr-insignias__e { font-size: 1.8rem; }
.czr-insignias small { font-size: .78rem; color: var(--czr-text-mid); }
.czr-insignias__bar { height: 5px; margin-top: .3rem; border-radius: 9px; background: var(--czr-bg-soft); overflow: hidden; }
.czr-insignias__bar span { display: block; height: 100%; background: #2f7d4f; }

/* Estadísticas */
.czr-est-kpis > div { border-top: 4px solid var(--c); }
.czr-est-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 900px) { .czr-est-kpis { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.czr-est-dif { display: block; margin-top: .3rem; font-size: .76rem; color: var(--czr-text-light); }
.czr-est-dif.is-up { color: #1f7a45; }
.czr-est-dif.is-down { color: #b42318; color: light-dark(#b42318, #e5b2ae); }
.czr-est-sector { padding: .8rem 1rem; border-radius: 12px; background: var(--czr-bg-soft); font-size: .92rem; }
.czr-est-leyenda { display: flex; gap: 1rem; margin-bottom: .5rem; font-size: .84rem; color: var(--czr-text-mid); }
.czr-est-leyenda span::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: .35rem; border-radius: 2px; background: var(--c); }
.czr-est-graf { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: .3rem; height: 200px; margin-bottom: 1.2rem; padding-bottom: 1.4rem; border-bottom: 1px solid var(--czr-border); }
.czr-est-col { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 100%; position: relative; }
.czr-est-barras { display: flex; align-items: flex-end; justify-content: center; gap: 2px; width: 100%; height: 100%; }
.czr-est-barras span { width: min(14px, 40%); min-height: 2px; border-radius: 3px 3px 0 0; background: var(--c); }
.czr-est-col small { position: absolute; bottom: -1.3rem; font-size: .7rem; color: var(--czr-text-light); }
.czr-est-tabla td:not(:first-child), .czr-est-tabla th:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; }

/* Plan */
.czr-plan-act { padding: .9rem 1rem; border-radius: 12px; background: var(--czr-bg-soft); margin-bottom: 1rem; }
.czr-plan-act p { margin: 0; }
.czr-plan-grid { display: grid; gap: .8rem; }
@media (min-width: 720px) { .czr-plan-grid { grid-template-columns: 1fr 1fr; } }
.czr-plan-card { display: flex; flex-direction: column; gap: .5rem; padding: 1.1rem; border: 1px solid var(--czr-border); border-radius: 16px; }
.czr-plan-card.is-actual { border-color: #2f7d4f; box-shadow: 0 0 0 2px #2f7d4f inset; }
.czr-plan-card h3 { margin: 0; font-size: 1.2rem; }
.czr-plan-card ul { margin: 0 0 .5rem; padding-left: 1.1rem; font-size: .9rem; flex: 1; }
.czr-plan-card form { display: grid; gap: .4rem; }

/* Mostrador: pasaporte y premio intermedio */
.czr-sellar__card.is-pas .czr-sellar__pas { text-align: left; margin: .5rem 0 1rem; }
.czr-sellar__premio2 { margin-top: .5rem; }

/* Lo oculto con [hidden] se queda oculto aunque sea un botón (.czr-b pone display) */
.czr-cta [hidden], .czr-sellar [hidden] { display: none !important; }

/* Varias tarjetas por negocio */
.czr-tarjeta__prog { display: block; font-size: .78rem; font-weight: 700; opacity: .85; }
.czr-fid-progs a { display: inline-flex; align-items: center; gap: .4rem; }
.czr-fid-progs__dot { width: 10px; height: 10px; border-radius: 50%; background: var(--c, var(--czr-primary)); }
.czr-sellar__otras { display: grid; gap: .4rem; margin: -.3rem 0 .8rem; }
.czr-sellar__otra { padding: .55rem .8rem; border: 1px dashed var(--czr-border); border-radius: 12px; background: var(--czr-surface); font: inherit; font-size: .9rem; font-weight: 700; cursor: pointer; }
.czr-sellar__otra.is-hora { border: 2px solid #e87000; background: #fff4e5; background: light-dark(#fff4e5, #353b42); }
/* Panel → Ofertas: cómo se canjea */
.czr-canje { display: grid; gap: .35rem; margin: 0 0 1rem; padding: .8rem 1rem; border: 1px solid var(--czr-border); border-radius: 12px; }
.czr-canje legend { padding: 0 .3rem; font-size: .95rem; }
.czr-canje > label { display: block !important; margin: 0 !important; font-weight: 500 !important; line-height: 1.5; }
.czr-canje input[type=radio] { width: auto !important; margin: 0 .45rem 0 0; padding: 0 !important; vertical-align: -2px; accent-color: var(--czr-primary); }
.czr-canje__campo { margin: 0 0 .4rem 1.6rem !important; display: none; }
.czr-canje label:has(input:checked) + .czr-canje__campo { display: block; }
/* Ofertas: editar */
.czr-ofl__acc { display: flex; flex-direction: column; align-items: flex-end; gap: .35rem; }
.czr-ofl__i.is-editando { border-color: var(--czr-primary); box-shadow: 0 0 0 2px var(--czr-primary) inset; }
.czr-ed-botones { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }

/* Destacar ofertas y eventos */
.czr-neg__tag--dest { background: var(--czr-navy); color: #fff; }
.czr-dest-f { display: inline; margin: 0; }
.czr-acc__link.czr-dest-b { color: #8a3fa0; color: light-dark(#8a3fa0, #d8a7e8); font-weight: 800; }
.czr-ofl__acc .czr-neg__tag { white-space: nowrap; }