/* Detalle de un ítem de la vitrina (business/item.php): producto (landing) o servicio (ficha general).
   Usa los tokens de home.css. Móvil primero. Hover igual al de Analytics (solo con mouse). */

[hidden]{display:none!important}
.it{padding:1rem 0 3.6rem;--ease:cubic-bezier(.23,1,.32,1);--kind:#21a607}
.it--service{--kind:#a78bfa}
.it h1,.it h2,.it h3{font-family:var(--f-display);margin:0}
.it p{margin:0}
.it .material-icons{font-size:20px;line-height:1;vertical-align:middle}

/* ---------- migas ---------- */
.it-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.15rem .1rem;margin-bottom:1rem;color:var(--muted);font-size:13px}
.it-crumbs a{color:var(--muted);text-decoration:none;padding:.15rem .1rem}
.it-crumbs .material-icons{font-size:16px;opacity:.6}
.it-crumbs [aria-current]{color:var(--text);font-weight:600;overflow-wrap:anywhere}
.it-crumbs a:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}

/* ---------- estructura ---------- */
.it-top{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:1.6rem;align-items:start}
.it-gallery{position:sticky;top:90px;min-width:0}
.it-info{display:grid;gap:1rem;min-width:0}

/* ---------- galería ---------- */
.it-stage{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:22px;border:1px solid var(--stroke);background:var(--elev);cursor:zoom-in}
.it-stage>img{width:100%;height:100%;object-fit:cover;display:block}
.it-noimg{display:grid;place-items:center;height:100%;color:var(--muted)}
.it-noimg .material-icons{font-size:64px}
.it-ribbon{position:absolute;left:12px;top:12px;z-index:2;padding:.3rem .7rem;border-radius:999px;background:var(--brand);color:#fff;font:700 12.5px var(--f-body);box-shadow:0 6px 16px rgba(0,0,0,.35)}
.it-ribbon--sm{left:8px;top:8px;padding:.2rem .5rem;font-size:11px}
.it-nav{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:42px;height:42px;margin-top:-21px;border:1px solid rgba(255,255,255,.2);border-radius:50%;
  background:rgba(14,17,22,.62);color:#fff;cursor:pointer;backdrop-filter:blur(6px);transition:transform .2s var(--ease),background-color .2s,border-color .2s}
.it-nav:active{transform:scale(.92)}
.it-prev{left:10px}.it-next{right:10px}
.it-count{position:absolute;right:12px;bottom:12px;z-index:2;padding:.2rem .6rem;border-radius:999px;background:rgba(14,17,22,.7);color:#fff;font:600 12px var(--f-body)}
.it-zoom{position:absolute;left:12px;bottom:12px;z-index:3;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:50%;
  background:rgba(14,17,22,.62);color:#fff;cursor:pointer;backdrop-filter:blur(6px);transition:transform .2s var(--ease)}
.it-nav:focus-visible,.it-zoom:focus-visible,.it-thumb:focus-visible,.it-lb__x:focus-visible,.it-btn:focus-visible,.it-mini:focus-visible,.it-link:focus-visible,.it-val input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.it-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.65rem}
.it-thumb{position:relative;aspect-ratio:1/1;overflow:hidden;padding:0;border:2px solid var(--stroke);border-radius:14px;background:var(--elev);cursor:pointer;
  transition:border-color .2s,transform .2s var(--ease),opacity .2s;opacity:.78}
.it-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.it-thumb[aria-selected="true"]{border-color:var(--brand);opacity:1}

/* ---------- información ---------- */
.it-kind{display:inline-flex;align-items:center;gap:.35rem;justify-self:start;padding:.25rem .65rem;border-radius:999px;font-size:12.5px;font-weight:700;
  color:var(--kind);background:color-mix(in srgb,var(--kind) 14%,transparent);border:1px solid color-mix(in srgb,var(--kind) 35%,transparent)}
.it-kind .material-icons{font-size:16px}
.it-title{font-size:clamp(1.5rem,1.2rem + 1.4vw,2.15rem);line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere}
.it-priceRow{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .8rem}
.it-price{font:700 clamp(1.5rem,1.2rem + 1.2vw,2rem) var(--f-display);color:#34d63a;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.it-price small{font:600 .9rem var(--f-body);color:var(--muted);letter-spacing:0}
.it-price--ask{font-size:1.1rem;color:var(--muted)}
.it-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:999px;background:var(--elev2);border:1px solid var(--stroke);color:var(--text);font-size:13px;font-weight:600}
.it-chip .material-icons{font-size:16px;color:var(--kind)}
.it-chip--off{color:#fca5a5;border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.1)}
.it-chip--off .material-icons{color:#fca5a5}
.it-lead{color:var(--muted);font-size:15px;line-height:1.5}

/* opciones */
.it-options{display:grid;gap:.9rem}
.it-opt{margin:0;padding:0;border:0;min-width:0}
.it-opt legend{padding:0;margin-bottom:.45rem;font-size:14px;color:var(--muted)}
.it-opt legend b{color:var(--text)}
.it-opt__vals{display:flex;flex-wrap:wrap;gap:.5rem}
.it-val{position:relative;cursor:pointer}
.it-val input{position:absolute;opacity:0;pointer-events:none}
.it-val span{display:inline-flex;align-items:center;min-height:42px;padding:0 1rem;border:1.5px solid var(--stroke);border-radius:12px;background:var(--elev2);color:var(--text);font-size:14px;font-weight:600;
  transition:border-color .18s,background-color .18s,transform .18s var(--ease),color .18s}
.it-val input:checked+span{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 16%,var(--elev2));color:#fff}
.it-val:active span{transform:scale(.96)}

/* qué incluye */
.it-inc{padding:1rem 1.1rem;border:1px solid var(--stroke);border-radius:18px;background:var(--elev)}
.it-inc h2{font-size:1rem;margin-bottom:.6rem}
.it-inc ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.it-inc li{display:flex;align-items:flex-start;gap:.55rem;font-size:14.5px;line-height:1.4}
.it-inc li .material-icons{flex:none;font-size:20px;color:var(--brand);margin-top:1px}

/* servicios extra */
.it-sx{padding:1rem 1.1rem;border:1px solid var(--stroke);border-radius:18px;background:var(--elev)}
.it-sx h2{font-size:1rem;margin-bottom:.65rem}
.it-sx__list{display:grid;gap:.5rem}
.it-sx__item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.2rem .7rem;min-height:52px;padding:.55rem .8rem;border:1.5px solid var(--stroke);border-radius:14px;background:var(--elev2);cursor:pointer;
  transition:border-color .18s,background-color .18s,transform .18s var(--ease),box-shadow .22s ease-out}
.it-sx__item input{position:absolute;opacity:0;pointer-events:none}
.it-sx__box{display:grid;place-items:center;width:24px;height:24px;border:2px solid #475569;border-radius:8px;color:transparent;transition:background-color .18s,border-color .18s,color .18s}
.it-sx__box .material-icons{font-size:18px}
.it-sx__name{font-weight:650;font-size:14.5px;overflow-wrap:anywhere}
.it-sx__meta{color:var(--muted);font-size:13px;white-space:nowrap}
.it-sx__item:has(input:checked){border-color:var(--brand);background:color-mix(in srgb,var(--brand) 13%,var(--elev2))}
.it-sx__item:has(input:checked) .it-sx__box{background:var(--brand);border-color:var(--brand);color:#fff}
.it-sx__item:has(input:checked) .it-sx__meta{color:#34d63a;font-weight:650}
.it-sx__item:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:2px}
.it-sx__item:active{transform:scale(.985)}
.it-sx__total{margin:.75rem 0 0;padding:.6rem .8rem;border-radius:12px;background:color-mix(in srgb,var(--brand) 14%,transparent);color:#fff;font-weight:700;font-size:14.5px}
@media (max-width:420px){.it-sx__item{grid-template-columns:auto minmax(0,1fr)}.it-sx__meta{grid-column:2}}

/* botones */
.it-cta{display:grid;gap:.6rem}
.it-cta__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.it-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:46px;padding:0 1.1rem;border:1px solid var(--stroke);border-radius:14px;
  background:var(--elev2);color:var(--text);font:650 14.5px var(--f-body);text-decoration:none;cursor:pointer;
  transition:transform .2s var(--ease),box-shadow .22s ease-out,border-color .2s,background-color .2s,filter .2s}
.it-btn:active{transform:scale(.97)}
.it-btn .material-icons{transition:transform .22s var(--ease)}
.it-btn--primary{border-color:transparent;color:#fff;background:linear-gradient(135deg,#1c9206,#2dd60a);box-shadow:0 8px 22px rgba(33,166,7,.28)}
.it-btn--lg{min-height:54px;font-size:16px;border-radius:16px}
.it-btn--sm{min-height:40px;padding:0 .9rem;font-size:13.5px;border-radius:12px}
.it-btn--disabled{opacity:.6;cursor:not-allowed;box-shadow:none;background:var(--elev2)}
.it-note{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:13px}
.it-note .material-icons{font-size:18px}

/* negocio */
.it-biz{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.8rem .9rem;border:1px solid var(--stroke);border-radius:18px;background:var(--elev)}
.it-biz__id{display:flex;align-items:center;gap:.7rem;min-width:0;color:inherit;text-decoration:none}
.it-biz__av{display:grid;place-items:center;flex:none;width:46px;height:46px;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#1c9206,#34e27b);color:#fff;font:700 1.1rem var(--f-display)}
.it-biz__av img{width:100%;height:100%;object-fit:cover;display:block}
.it-biz__txt{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.it-biz__txt b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.it-biz__txt span{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.it-star{color:var(--gold)}
.it-biz .rc-fav{flex:none}

/* ---------- detalle ---------- */
.it-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.4rem;align-items:start}
.it-details:has(.it-card:only-child){grid-template-columns:minmax(0,1fr)}
.it-card{min-width:0;padding:1.1rem 1.2rem 1.2rem;background:var(--elev);border:1px solid var(--stroke);border-radius:20px;
  transition:transform .22s var(--ease),box-shadow .22s ease-out,border-color .22s ease-out}
.it-card h2{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem;font-size:1.05rem}
.it-card h2 .material-icons{color:var(--brand);font-size:21px;transition:transform .22s var(--ease)}
.it-desc{color:#cfd6e4;font-size:15px;line-height:1.65;max-width:70ch;overflow-wrap:anywhere}
.it-open{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.7rem;font-weight:650;font-size:14.5px}
.it-open .dot{width:9px;height:9px;border-radius:50%;background:#94a3b8}
.it-open.is-open{color:#34d399}.it-open.is-open .dot{background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.18)}
.it-open.is-closed{color:#fca5a5}.it-open.is-closed .dot{background:#f87171}
.it-addr{display:flex;align-items:flex-start;gap:.4rem;margin-bottom:.8rem;color:var(--muted);font-size:14px;line-height:1.4}
.it-addr .material-icons{font-size:18px;color:var(--brand);flex:none}
.it-week{margin:0 0 1rem;border:1px solid var(--stroke);border-radius:14px;background:var(--elev2)}
.it-week summary{display:flex;align-items:center;gap:.4rem;min-height:44px;padding:0 .9rem;font-weight:650;font-size:14px;cursor:pointer;list-style:none}
.it-week summary::-webkit-details-marker{display:none}
.it-week summary .material-icons{margin-left:auto;transition:transform .22s var(--ease)}
.it-week[open] summary .material-icons{transform:rotate(180deg)}
.it-week ul{list-style:none;margin:0;padding:0 .9rem .7rem;display:grid;gap:.15rem}
.it-week li{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0;font-size:13.5px;color:var(--muted);border-top:1px solid var(--stroke)}
.it-week li.is-today{color:var(--text);font-weight:700}

/* ---------- más del negocio ---------- */
.it-rel{margin-top:2rem}
.it-rel__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}
.it-rel__head h2{font-size:1.15rem;overflow-wrap:anywhere}
.it-link{display:inline-flex;align-items:center;gap:.25rem;flex:none;color:var(--brand);font-weight:650;font-size:13.5px;text-decoration:none}
.it-link .material-icons{font-size:18px;transition:transform .22s var(--ease)}
.it-rel__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(168px,200px);gap:.8rem;overflow-x:auto;padding:.3rem .2rem 1rem;scroll-snap-type:x proximity;scrollbar-width:thin}
.it-mini{display:grid;gap:.35rem;align-content:start;scroll-snap-align:start;color:inherit;text-decoration:none;padding:.5rem;border:1px solid var(--stroke);border-radius:18px;background:var(--elev);
  transition:transform .22s var(--ease),box-shadow .22s ease-out,border-color .22s ease-out}
.it-mini__img{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border-radius:13px;background:var(--elev2)}
.it-mini__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s var(--ease)}
.it-mini__t{padding:0 .2rem;font-weight:650;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.it-mini__p{padding:0 .2rem .2rem;color:#34d63a;font-weight:700;font-size:14px}

/* ---------- ampliar foto ---------- */
.it-lb{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;padding:3.2rem 1rem 1rem;background:rgba(4,7,12,.92);backdrop-filter:blur(8px);animation:it-fade .18s ease-out}
.it-lb img{max-width:min(100%,1100px);max-height:100%;object-fit:contain;border-radius:14px}
.it-lb__x{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(14,17,22,.7);color:#fff;cursor:pointer}
.it-lb .it-nav{position:absolute}
@keyframes it-fade{from{opacity:0}}

/* ---------- compartir ---------- */
.it-sh{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(4,7,12,.78);backdrop-filter:blur(8px);animation:it-fade .18s ease-out}
.it-sh__box{width:min(420px,100%);padding:1.4rem;background:var(--elev);border:1px solid var(--stroke);border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.6);animation:it-pop .28s var(--ease)}
.it-sh h3{margin:0 0 .25rem;font-size:1.15rem}
.it-sh__sub{margin:0 0 1.1rem;color:var(--muted);font-size:.88rem}
.it-sh__apps{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:1.1rem}
.it-sh__app{display:flex;flex-direction:column;align-items:center;gap:.55rem;padding:1rem .5rem;border:1px solid var(--stroke);border-radius:16px;background:var(--bg);color:var(--text);font:600 .92rem var(--f-body);cursor:pointer;
  transition:transform .22s var(--ease),box-shadow .22s ease-out,border-color .22s ease-out,background-color .22s}
.it-sh__ico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#fff;transition:transform .22s var(--ease)}
.it-sh__ico svg{width:30px;height:30px;fill:currentColor}
.it-sh__wa .it-sh__ico{background:#25d366}.it-sh__fb .it-sh__ico{background:#1877f2}
.it-sh__app:active{transform:scale(.97)}
.it-sh__app:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.it-sh__row{display:flex;gap:.5rem;margin-bottom:1rem}
.it-sh__row input{flex:1;min-width:0;padding:.65rem .8rem;border:1px solid var(--stroke);border-radius:12px;background:var(--bg);color:var(--text);font-size:.85rem}
.it-sh__close{width:100%}
@keyframes it-pop{from{opacity:0;transform:translateY(14px) scale(.97)}}
.it-toast{position:fixed;left:50%;bottom:92px;z-index:10000;max-width:calc(100vw - 32px);padding:.65rem 1rem;border-radius:12px;background:var(--elev);color:var(--text);border:1px solid var(--stroke);
  box-shadow:0 10px 30px rgba(0,0,0,.45);font:600 14px var(--f-body);opacity:0;transform:translate(-50%,8px);pointer-events:none;transition:opacity .2s,transform .2s var(--ease)}
.it-toast.is-on{opacity:1;transform:translate(-50%,0)}

/* ---------- ítem no disponible ---------- */
.it-gone{display:grid;justify-items:center;gap:.8rem;max-width:460px;margin:3rem auto;padding:2.2rem 1.4rem;text-align:center;border:1px dashed var(--stroke);border-radius:22px;color:var(--muted)}
.it-gone .material-icons{font-size:52px}
.it-gone h1{color:var(--text);font-size:1.4rem}

/* ---------- hover (igual al de Analytics: solo con mouse) ---------- */
@media (hover:hover) and (pointer:fine){
  .it-btn:hover{border-color:var(--brand);transform:translateY(-2px)}
  .it-btn--primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 30px rgba(33,166,7,.45);filter:brightness(1.06)}
  .it-btn--disabled:hover{transform:none;border-color:var(--stroke)}
  .it-btn:hover .material-icons{transform:scale(1.2) rotate(-6deg)}
  .it-nav:hover,.it-zoom:hover{transform:scale(1.1);background:rgba(33,166,7,.75);border-color:transparent}
  .it-thumb:hover{opacity:1;transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 70%,var(--stroke))}
  .it-val:hover span{border-color:var(--brand);transform:translateY(-2px)}
  .it-sx__item:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 10px 24px rgba(33,166,7,.18)}
  .it-card:hover,.it-mini:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--brand) 70%,var(--stroke));box-shadow:0 16px 34px rgba(33,166,7,.18),0 4px 10px rgba(0,0,0,.35)}
  .it-card:hover h2 .material-icons{transform:scale(1.2) rotate(-6deg)}
  .it-mini:hover .it-mini__img img{transform:scale(1.08)}
  .it-sh__wa:hover{transform:translateY(-4px);border-color:#25d366;background:linear-gradient(160deg,rgba(37,211,102,.16),var(--bg) 70%);box-shadow:0 16px 34px rgba(37,211,102,.28),0 4px 10px rgba(0,0,0,.35)}
  .it-sh__fb:hover{transform:translateY(-4px);border-color:#1877f2;background:linear-gradient(160deg,rgba(24,119,242,.18),var(--bg) 70%);box-shadow:0 16px 34px rgba(24,119,242,.3),0 4px 10px rgba(0,0,0,.35)}
  .it-sh__app:hover .it-sh__ico{transform:scale(1.15) rotate(-6deg)}
  .it-link:hover{text-decoration:underline}
  .it-link:hover .material-icons{transform:translateX(3px)}
  .it-crumbs a:hover{color:var(--text)}
  .it-biz__id:hover b{color:var(--brand)}
}

/* ---------- pantallas medianas y celular ---------- */
@media (max-width:980px){
  .it-top{grid-template-columns:minmax(0,1fr);gap:1.1rem}
  .it-gallery{position:static}
  .it-stage{aspect-ratio:4/3.4}
}
@media (max-width:760px){
  .it-details{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .it{padding-top:.8rem}
  .it-stage{border-radius:18px;aspect-ratio:5/4}
  .it-cta__row{grid-template-columns:minmax(0,1fr)}
  .it-card{padding:1rem}
  .it-rel__track{grid-auto-columns:minmax(150px,170px)}
  .it-biz{flex-wrap:wrap}
  .it-sh{align-items:flex-end;padding:0}
  .it-sh__box{width:100%;border-radius:22px 22px 0 0}
  .it-toast{bottom:104px}
}
@media (prefers-reduced-motion:reduce){
  .it *,.it *::before,.it *::after,.it-lb,.it-sh,.it-sh *,.it-toast{transition-duration:.01ms!important;animation-duration:.01ms!important}
}