/* ══════════════════════════════════════════════════════════════════
   ☀  MODO VERANO — Caribe (tema claro). Activado por html.summer
      Acentos: coral cálido (Santi) · turquesa frío (Carol) · oro mango
══════════════════════════════════════════════════════════════════ */
html.summer {
  --rose:   #d8501f; --rose-d: #ab3c14;
  --plum:   #0a8294; --plum-d: #06616f;
  --gold:   #bd760f; --gold-d: #9a5f0b;
  --steel:  #2f9aac;
  --santi:  #d8501f; --carol: #0a8294;

  --rose-rgb: 216,80,31;
  --plum-rgb: 10,130,148;
  --gold-rgb: 255,178,62;
  --gold2-rgb: 255,206,120;

  --santi-glow: rgba(216,80,31,.5);
  --carol-glow: rgba(10,130,148,.5);

  --text:   #073942;
  --text-2: rgba(7,57,66,.84);
  --text-3: rgba(7,57,66,.58);
  --text-4: rgba(7,57,66,.32);

  --l1:#0e93a6; --l2:#0f9a6e; --l3:#df5329; --l4:#cf7711; --l5:#bd8a0c;
  --bg-0:#eaf8f8;

  --g-bg: rgba(255,255,255,0.40);
  --g-bg-hi: rgba(255,255,255,0.60);
  --g-border: rgba(255,255,255,0.66);
  --g-border-hi: rgba(255,255,255,0.86);
  --g-inner:
    inset 0 1px 0 rgba(255,255,255,.65),
    inset 0 -1px 0 rgba(8,70,80,.06);
  --g-shadow: 0 12px 40px rgba(12,80,100,.16), 0 4px 14px rgba(12,80,100,.10), 0 0 50px rgba(70,198,212,.12);
  --g-sheen: linear-gradient(135deg, rgba(255,255,255,.55) 0%, rgba(255,255,255,.16) 30%, transparent 55%, rgba(255,255,255,.30) 100%);
  --card-shadow: var(--g-shadow);
}

html.summer, html.summer body {
  background-color: #9bdcdc;
  background-image: linear-gradient(170deg,#8fd3ec 0%,#abe3ec 26%,#74ccd6 52%,#9bdcdc 76%,#c4ecea 100%);
}
html.summer .atmosphere {
  background: linear-gradient(170deg,#8fd3ec 0%,#abe3ec 26%,#74ccd6 52%,#9bdcdc 76%,#c4ecea 100%);
}
html.summer .cloud { opacity:.9; filter: blur(32px); }
html.summer .atmosphere .cloud:nth-of-type(4n+1){ mix-blend-mode: screen; background: radial-gradient(circle, rgba(255,255,255,.62), rgba(255,255,255,.10) 44%, transparent 70%) !important; }
html.summer .atmosphere .cloud:nth-of-type(4n+2){ mix-blend-mode: screen; background: radial-gradient(circle, rgba(170,247,250,.58), rgba(170,247,250,.08) 46%, transparent 72%) !important; }
html.summer .atmosphere .cloud:nth-of-type(4n+3){ mix-blend-mode: multiply; opacity:.55; background: radial-gradient(circle, rgba(10,118,135,.5), rgba(10,118,135,.10) 46%, transparent 72%) !important; }
html.summer .atmosphere .cloud:nth-of-type(4n+4){ mix-blend-mode: screen; background: radial-gradient(circle, rgba(255,243,205,.5), rgba(255,243,205,.08) 44%, transparent 70%) !important; }
html.summer .atmosphere::after { display: none; }

html.summer .home-title {
  background: linear-gradient(110deg,#0a5560 0%,var(--rose) 30%,var(--plum) 55%,var(--gold) 78%,#0a5560 100%);
  background-size: 250% auto; -webkit-background-clip:text; background-clip:text;
}
html.summer .home-names { color: var(--plum-d); }

html.summer .btn-primary {
  color:#fff;
  background: linear-gradient(135deg,#ff9e5b 0%,#f2674e 50%,#e2506a 100%);
  box-shadow: 0 8px 28px rgba(242,103,78,.34), 0 2px 6px rgba(10,70,80,.16), inset 0 1px 0 rgba(255,255,255,.32);
}
/* CTA principal en modo día — glass coral translúcido, igual que el de noche */
html.summer .btn-home,
html.summer .adv-start-btn {
  color: var(--text);
  background: linear-gradient(135deg, rgba(var(--rose-rgb),.28) 0%, rgba(var(--plum-rgb),.18) 55%, rgba(var(--rose-rgb),.16) 100%);
  border: 1px solid rgba(255,255,255,.30);
  box-shadow: 0 10px 36px rgba(var(--rose-rgb),.22), 0 0 50px rgba(var(--plum-rgb),.10), inset 0 1px 0 rgba(255,255,255,.45);
}
/* Botón secundario en modo día — contorno oceánico, fondo translúcido */
html.summer .btn-secondary {
  color: var(--text-2);
  background: rgba(7,57,66,.06);
  border: 1px solid rgba(7,57,66,.20);
  box-shadow: none;
}

html.summer .flame-svg stop:nth-child(1){ stop-color:#ffd36b; }
html.summer .flame-svg stop:nth-child(2){ stop-color:#ff7a5e; }
html.summer .flame-svg stop:nth-child(3){ stop-color:#11abbb; }

html.summer .glucose-overlay { background: rgba(6,52,60,.55); }
html.summer .lt-overlay { background: rgba(202,238,242,.95); }

html.summer .seg-opt.on,
html.summer .preset-btn.on,
html.summer .lvl-chip.on,
html.summer .seg3-opt.on {
  color: var(--text);
  background: linear-gradient(135deg, rgba(255,146,84,.46), rgba(244,103,78,.36));
  box-shadow:
    0 3px 14px rgba(244,103,78,.28),
    inset 0 0 0 1px rgba(255,255,255,.3),
    inset 0 1px 0 rgba(255,255,255,.85);
}
html.summer .preset-btn.on,
html.summer .lvl-chip.on { border-color: rgba(255,255,255,.6); }

html.summer .g-tab.on {
  color: var(--text);
  background: rgba(255,255,255,.5);
  box-shadow:
    0 2px 10px rgba(12,80,100,.14),
    inset 0 1px 0 rgba(255,255,255,.6),
    inset 0 -2px 0 rgba(var(--plum-rgb),.45);
}

/* Turno — píldoras en modo verano: colores tropicales */
html.summer .g-turn[data-turn="santi"] {
  background: linear-gradient(120deg, rgba(var(--rose-rgb),.18) 0%, rgba(var(--rose-rgb),.04) 72%);
  border-color: rgba(var(--rose-rgb),.42);
  box-shadow: var(--g-inner), 0 4px 18px rgba(var(--rose-rgb),.18);
}
html.summer .g-turn[data-turn="carol"] {
  background: linear-gradient(120deg, rgba(var(--plum-rgb),.18) 0%, rgba(var(--plum-rgb),.04) 72%);
  border-color: rgba(var(--plum-rgb),.42);
  box-shadow: var(--g-inner), 0 4px 18px rgba(var(--plum-rgb),.18);
}
html.summer .g-turn[data-turn="santi"] .g-turn-badge {
  background: linear-gradient(135deg, #ff9e5b, #e2506a);
  box-shadow: 0 3px 12px var(--santi-glow), inset 0 1px 0 rgba(255,255,255,.3);
}
html.summer .g-turn[data-turn="carol"] .g-turn-badge {
  background: linear-gradient(135deg, #3fc8d8, #0a8294);
  box-shadow: 0 3px 12px var(--carol-glow), inset 0 1px 0 rgba(255,255,255,.3);
}

/* Temporizador — modo día: anillo visible y final adaptado a la paleta
   (en noche era oro/amarillo; aquí carril oscuro + arco ámbar y final coral). */
html.summer .timer-ring circle { stroke: rgba(7,57,66,.14); }
html.summer .timer-ring circle.prog {
  stroke: var(--plum-d);
  filter: drop-shadow(0 0 5px rgba(10,130,148,.5));
}
html.summer .timer-ring circle.prog.urgent { stroke: var(--rose); }
html.summer .timer-ring.ended circle.prog {
  stroke: var(--rose);
  filter: drop-shadow(0 0 14px rgba(216,80,31,.55));
}
html.summer .timer-num.ended { color: var(--rose); }
html.summer .timer-burst {
  background: radial-gradient(circle, rgba(216,80,31,.42) 0%, rgba(255,178,62,.16) 40%, transparent 72%);
}

html.summer .btn-gold {
  color: var(--text);
  background: linear-gradient(135deg, rgba(var(--gold-rgb),.26), rgba(var(--gold-rgb),.09));
  border: 1px solid rgba(var(--gold-rgb),.6);
  box-shadow: 0 4px 16px rgba(var(--gold-rgb),.22), inset 0 1px 0 rgba(255,255,255,.5);
}
html.summer .btn-plum {
  color: var(--plum-d);
  background: linear-gradient(135deg, rgba(var(--plum-rgb),.20), rgba(var(--plum-rgb),.07));
  border: 1px solid rgba(var(--plum-rgb),.5);
  box-shadow: 0 4px 16px rgba(var(--plum-rgb),.2), inset 0 1px 0 rgba(255,255,255,.45);
}
html.summer .btn-ghost {
  color: var(--text-2);
  border: 1px solid rgba(7,57,66,.24);
}
html.summer .btn-ghost:hover { color: var(--text); border-color: rgba(7,57,66,.42); }

html.summer .consequence-card {
  background: linear-gradient(135deg, rgba(242,103,78,.15), rgba(242,103,78,.04));
  border: 1px solid rgba(242,103,78,.45);
  box-shadow: 0 8px 28px rgba(242,103,78,.18), var(--g-inner);
}

html.summer .g-pdot { background: rgba(7,57,66,.12); }
html.summer .g-pdot.done { background: var(--rose); box-shadow: 0 0 8px rgba(var(--rose-rgb),.6); }

html.summer .glucose-card {
  background: rgba(247,252,253,.97);
  border: 1px solid rgba(232,116,58,.22);
  box-shadow: 0 24px 70px rgba(12,80,100,.18), inset 0 0 0 1px rgba(255,255,255,.5);
}
html.summer .glucose-btn {
  background: linear-gradient(135deg,#ff9e5b 0%,#f2674e 50%,#e2506a 100%);
  box-shadow: 0 6px 24px rgba(242,103,78,.34), inset 0 0 0 1px rgba(255,255,255,.2);
}

/* ── Toggle estación — vive dentro de #s-home, desaparece con él ── */
#season-toggle {
  position: absolute;
  top: calc(env(safe-area-inset-top) + 12px);
  right: 14px;
  z-index: 10;
  width: 42px; height: 42px; border-radius: 50%;
  display: grid; place-items: center;
  color: var(--text-2);
  background: var(--g-bg);
  border: 1px solid var(--g-border);
  backdrop-filter: blur(var(--g-blur)) saturate(var(--g-sat));
  -webkit-backdrop-filter: blur(var(--g-blur)) saturate(var(--g-sat));
  box-shadow: var(--g-shadow);
  cursor: pointer;
  transition: transform .35s cubic-bezier(.25,.46,.45,.94), background .3s, color .3s, border-color .3s;
}
#season-toggle:active { transform: scale(.9); }
.season-ic {
  position: absolute; width: 23px; height: 23px;
  transition: opacity .4s ease, transform .55s cubic-bezier(.34,1.4,.5,1);
}
.season-ic-summer { opacity:0; transform: rotate(-90deg) scale(.55); }
.season-ic-winter { opacity:1; transform: rotate(0) scale(1); }
html.summer .season-ic-summer { opacity:1; transform: rotate(0) scale(1); }
html.summer .season-ic-winter { opacity:0; transform: rotate(90deg) scale(.55); }
html.summer #season-toggle { color: var(--plum-d); }