/* DigitalShul — estilos de la banda de zmanim y del generador del widget. */

/* ===== v7.3 — banda de zmanim en vivo ===== */
/* padding:0 anula el "section{padding:118px 0}" global: la banda va pegada al hero. */
.zband-wrap{background:var(--ink);color:#fff;position:relative;overflow:hidden;padding:0;}
.zband-wrap::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(118% 150% at 50% -20%,rgba(196,165,92,.16),transparent 60%);}
.zband{position:relative;padding:46px 0 42px;}

.zb-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:22px 40px;
  padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.11);}
.zb-id{flex:1 1 240px;min-width:0;}
.zb-k{font-size:.58rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;
  color:var(--gold-lt);display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.zb-dot{width:6px;height:6px;border-radius:50%;background:#4E9E6A;flex-shrink:0;animation:lcpulse 2.4s infinite;}
.zb-city{display:inline-flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;
  color:#fff;font-family:'Fraunces',serif;font-size:1.34rem;line-height:1.15;letter-spacing:-.01em;
  padding:0;text-align:left;font-variation-settings:'opsz' 144;}
.zb-city:hover{color:var(--gold-lt);}
.zb-city svg{width:15px;height:15px;flex-shrink:0;opacity:.62;stroke:currentColor;fill:none;stroke-width:2;}
.zb-city .chev{width:11px;height:11px;transition:transform .3s;}
.zband[data-open="1"] .zb-city .chev{transform:rotate(180deg);}
.zb-acc{font-size:.68rem;color:#8D97A6;margin-top:6px;}
.zband[data-acc="gps"] .zb-acc{color:#7FB894;}

.zb-date{flex:0 1 auto;text-align:center;}
/* Solo la primera letra en mayuscula. Con "capitalize" el espanol queda
   "Miercoles, 16 De Septiembre", que esta mal. */
.zb-d1{font-size:.8rem;color:#C3CBD6;}
.zb-d1::first-letter{text-transform:uppercase;}
.zb-d2{margin-top:5px;font-size:.93rem;color:#fff;display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap;}
.zb-heb{font-size:1.06rem;color:var(--gold-lt);}

.zb-clock{flex:1 1 200px;text-align:right;min-width:0;}
.zb-now{font-family:'Fraunces',serif;font-size:2.05rem;line-height:1;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;font-variation-settings:'opsz' 144;}
.zb-next{font-size:.76rem;color:#9AA4B2;margin-top:8px;}
.zb-next b{color:#fff;font-weight:600;}
.zb-next span{color:var(--gold-lt);}

.zb-panel{display:none;gap:12px;flex-wrap:wrap;align-items:center;padding:18px 0 2px;}
.zband[data-open="1"] .zb-panel{display:flex;}
.zb-btn,.zb-fmt{font-family:'Inter',sans-serif;font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;
  font-weight:600;padding:11px 17px;border-radius:2px;cursor:pointer;transition:all .3s;line-height:1;}
.zb-btn{background:var(--gold);color:#fff;border:1px solid var(--gold);}
.zb-btn:hover:not(:disabled){background:#B08C3C;}
.zb-btn:disabled{opacity:.6;cursor:default;}
.zb-fmt{background:none;color:#C3CBD6;border:1px solid rgba(255,255,255,.22);margin-left:auto;}
.zb-fmt:hover{border-color:var(--gold-lt);color:#fff;}
.zb-sel{font-family:'Inter',sans-serif;font-size:.78rem;padding:10px 13px;border-radius:2px;
  background:#131A24;color:#fff;border:1px solid rgba(255,255,255,.22);min-width:230px;max-width:100%;}

/* minmax(0,1fr) y no 1fr: con 1fr el minimo es el ancho del contenido, y los
   nombres largos (Tzeit Hakochavim) ensanchan la columna y desbordan la reja. */
.zb-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin-top:22px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);}
.zcell{background:#1B2430;padding:15px 12px 14px;text-align:center;transition:background .4s;}
.zl{font-size:.63rem;letter-spacing:.11em;text-transform:uppercase;font-weight:600;color:#93A0B0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zt{font-family:'Fraunces',serif;font-size:1.42rem;line-height:1.1;margin:7px 0 4px;color:#fff;
  font-variant-numeric:tabular-nums;font-variation-settings:'opsz' 144;white-space:nowrap;}
.zg{font-size:.66rem;color:#78838F;line-height:1.3;}
.zcell.is-past{background:#161E28;}
.zcell.is-past .zt{color:#6E7885;}
.zcell.is-past .zl{color:#68727E;}
.zcell.is-next{background:linear-gradient(180deg,rgba(196,165,92,.2),rgba(196,165,92,.07));
  box-shadow:inset 0 2px 0 var(--gold-lt);}
.zcell.is-next .zt{color:#F2E4C0;}
.zcell.is-next .zl{color:var(--gold-lt);}
.zcell.is-next .zg{color:#A79668;}
.zcell[data-same="1"] .zg{font-style:italic;opacity:.8;}
.zb-sep{opacity:.5;}
/* El nombre del metodo es un boton: abre el mismo panel que la ciudad. Escondido
   detras del selector de ubicacion no lo encontraria nadie. */
.zb-metbtn{font:inherit;color:var(--gold-lt);background:none;border:0;padding:0;cursor:pointer;
  letter-spacing:inherit;text-transform:inherit;border-bottom:1px dotted rgba(196,165,92,.55);}
.zb-metbtn:hover{color:#E4CE94;border-bottom-color:#E4CE94;}

.zb-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 30px;margin-top:20px;}
.zb-foot p{font-size:.73rem;color:#7C8798;line-height:1.6;max-width:640px;margin:0;}
.zb-foot p b{color:#C3CBD6;font-weight:500;}
.zb-foot .btn{padding:13px 22px;font-size:.7rem;background:var(--gold);color:#fff;border-color:var(--gold);}
.zb-foot .btn:hover{background:#B08C3C;transform:translateY(-2px);}
.zb-foot .btn svg{width:15px;height:15px;}

@media(max-width:1250px){ .zb-grid{grid-template-columns:repeat(4,minmax(0,1fr));} }
@media(max-width:1050px){
  .zb-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .zt{font-size:1.22rem;}
  .zb-now{font-size:1.75rem;}
  .zl{letter-spacing:.08em;}
}
@media(max-width:860px){
  .zb-head{gap:18px;}
  .zb-id,.zb-clock,.zb-date{flex:1 1 100%;text-align:left;}
  .zb-clock{text-align:left;}
  .zb-d2{justify-content:flex-start;}
  .zb-fmt{margin-left:0;}
  .zb-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .zb-foot{flex-direction:column;align-items:flex-start;}
}
@media(max-width:470px){
  /* en pantallas angostas el nombre parte en dos lineas en vez de recortarse */
  .zcell{padding:13px 9px 12px;}
  .zl{white-space:normal;letter-spacing:.055em;font-size:.6rem;line-height:1.25;}
  .zb-city{font-size:1.16rem;}
  .zt{font-size:1.3rem;margin:6px 0 3px;}
  .zg{font-size:.63rem;}
  .zb-sel{min-width:0;width:100%;}
}

/* ===== v7.4 — pagina /zmanim: tabla del metodo y generador del widget ===== */
.zmtable{width:100%;border-collapse:collapse;margin-top:38px;table-layout:fixed;}
.zmtable th{text-align:left;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--muted);font-weight:600;padding:0 14px 12px 0;border-bottom:1px solid var(--line);}
.zmtable td{padding:14px 14px 14px 0;border-bottom:1px solid var(--line-2);font-size:.88rem;
  color:var(--ink-2);line-height:1.55;vertical-align:top;overflow-wrap:anywhere;}
.zmtable td b{color:var(--ink);font-weight:600;}
.zmtable th:first-child,.zmtable td:first-child{width:23%;}
.zmtable th:nth-child(2),.zmtable td:nth-child(2){width:24%;}
.zmnote{font-size:.8rem;color:var(--muted);line-height:1.65;margin-top:22px;max-width:840px;}

.gen{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:44px;align-items:start;}
.gen-form{display:flex;flex-direction:column;gap:18px;}
.grow{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.gfield{display:flex;flex-direction:column;gap:7px;min-width:0;}
.glabel{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:600;}
.ginput{font-family:'Inter',sans-serif;font-size:.86rem;padding:12px 13px;border-radius:2px;
  border:1px solid var(--line);background:var(--white);color:var(--ink);width:100%;}
.ginput:focus{outline:none;border-color:var(--gold);}
.gchecks{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;}
.gchk{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--ink-2);cursor:pointer;}
.gchk input{accent-color:var(--gold);width:14px;height:14px;flex-shrink:0;}

.gen-prev{display:flex;flex-direction:column;gap:7px;position:sticky;top:96px;}
.gframe{border:1px solid var(--line);background:var(--paper-2);padding:14px;}
.gframe iframe{width:100%;height:430px;border:0;display:block;background:#1B2430;}

.gen-code{margin-top:40px;}
.gen-code-h{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:9px;flex-wrap:wrap;}
.gcopy{font-family:'Inter',sans-serif;font-size:.67rem;letter-spacing:.09em;text-transform:uppercase;
  font-weight:600;padding:10px 18px;border-radius:2px;cursor:pointer;line-height:1;
  background:var(--ink);color:var(--paper);border:1px solid var(--ink);transition:all .3s;}
.gcopy:hover{background:var(--gold);border-color:var(--gold);}
.gcopy.ok{background:#4E9E6A;border-color:#4E9E6A;}
.gout{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;
  line-height:1.6;padding:16px;border:1px solid var(--line);border-radius:2px;background:var(--white);
  color:var(--ink-2);resize:vertical;}
.gout:focus{outline:none;border-color:var(--gold);}

.zmh3{font-family:'Fraunces',serif;font-size:1.45rem;font-weight:400;margin-top:64px;color:var(--ink);}
.zmp{font-size:.95rem;line-height:1.7;color:var(--ink-2);margin-top:16px;max-width:840px;}
.zmtable-m{margin-top:28px;}
.zmtable-m th:first-child,.zmtable-m td:first-child{width:26%;}
.zmtable-m th:nth-child(2),.zmtable-m td:nth-child(2){width:30%;}

@media(max-width:940px){
  .gen{grid-template-columns:1fr;gap:30px;}
  .gen-prev{position:static;}
  .zmtable,.zmtable thead,.zmtable tbody,.zmtable tr,.zmtable td{display:block;width:100%;}
  .zmtable thead{display:none;}
  .zmtable tr{border-bottom:1px solid var(--line);padding:14px 0;}
  .zmtable td{border-bottom:none;padding:3px 0;}
  .zmtable th:first-child,.zmtable td:first-child,
  .zmtable th:nth-child(2),.zmtable td:nth-child(2){width:100%;}
  .zmtable-m th:first-child,.zmtable-m td:first-child,
  .zmtable-m th:nth-child(2),.zmtable-m td:nth-child(2){width:100%;}
}
@media(max-width:560px){ .grow,.gchecks{grid-template-columns:1fr;} }