/* ============================================================
   Disrupt — variante SHELL
   Mismo sistema (Bebas/Barlow Condensed/Barlow, radius 0, cqmin).
   Paleta y elementos tomados del template oficial Shell (AGO 2026):
   fondo blanco/gris muy claro, tinta gris oscuro de marca, acento
   amarillo Shell, pecten como motivo recurrente. No se toca deck.css.
   ============================================================ */
:root{
  --fondo:#ffffff;
  --superficie:#f5f5f5;      /* Shell lt2 */
  --tinta:#2b2b2a;            /* más oscuro que el dk1 de Shell (4A4A4A) para contraste AA en texto chico */
  --mudo:#8f8f8d;
  --tenue:#5c5c5a;
  --borde:rgba(43,43,42,.09);
  --borde-fuerte:rgba(43,43,42,.22);
  --acento:var(--tinta);
  --acento-tenue:rgba(255,198,0,.14);
}

/* Acento oficial Shell — amarillo del pecten */
body[data-acento="shell"]{--acento:#ffc600;--acento-tenue:rgba(255,198,0,.16);}

html,body{background:var(--fondo);}
.slide{background:var(--fondo);}

/* El deck deja barras (letterbox) fuera del recuadro 16:9 cuando la ventana
   no calza exacto. En láminas de fondo sólido (sección) esas barras deben
   verse del mismo color, si no el amarillo se ve "cortado" contra blanco. */
body:has(.slide.seccion.on){background:#ffc600;}

.banda{background:var(--superficie);}
.banda.b2{background:rgba(43,43,42,.03);border-left-color:#c9c9c6;}
.rank.yo{background:rgba(43,43,42,.05);}
.prog{background:rgba(43,43,42,.10);}
.burbuja{background:rgba(43,43,42,.045);}
.burbuja.propia{background:rgba(43,43,42,.09);}
.resplandor{--luz:rgba(255,198,0,.10);}
.logos img{filter:grayscale(1) contrast(1.05);}

/* ---------------------------------------------------------------
   Hojas de sección — mismo tratamiento que el template oficial:
   fondo amarillo sólido, numeral en rojo Shell, texto en tinta
   marina oscura. Es la lámina de transición entre bloques.
   --------------------------------------------------------------- */
.slide.seccion{background:#ffc600 !important;
  flex-direction:column;align-items:flex-end;justify-content:center;
  padding:6cqmin 8cqmin;}
.slide.seccion .cifra{
  position:static !important;color:#dd1d21 !important;opacity:1 !important;
  font-size:12cqmin;line-height:.85;text-align:right;transform:none;
  -webkit-text-stroke:0;}
.slide.seccion .txt{position:relative;max-width:34ch;margin-top:1.6cqmin;text-align:left;}
.slide.seccion .rotulo{color:#16263a;}
.slide.seccion h2{color:#16263a;}
.slide.seccion .lead{color:#2c3e4f;}
.slide.seccion .regla{background:rgba(22,38,58,.25);}

/* Divisores full minimal: solo numeral + título, sin rótulo de sección
   ni bajada. El numeral sale de su posición flotante (arriba a la
   derecha) y pasa a estar en flujo, alineado a la izquierda justo
   sobre el título — mismo borde izquierdo que la frase. Ambos se
   agrandan para llenar el espacio que deja el texto que se sacó. */
.slide.seccion-minimal .cifra{
  position:static !important; top:auto; right:auto; transform:none !important;
  text-align:left; font-size:17cqmin; line-height:.85; margin-bottom:.4cqmin;
}
.slide.seccion-minimal .txt{display:flex; flex-direction:column; align-items:flex-start;}
.slide.seccion-minimal h2{font-size:13cqmin;max-width:20ch;}

/* Índice — lista vertical de una columna, no grilla 2x2 */
.sumario{grid-template-columns:1fr !important;max-width:62ch;}
.sumario li:hover .t{color:#dd1d21 !important;}

/* ---------------------------------------------------------------
   Marca de agua pecten — motivo recurrente, muy discreto.
   Un solo trazo, esquina inferior derecha, nunca compite con el
   contenido (el mismo límite que el sistema le pone al acento).
   --------------------------------------------------------------- */
.slide:not(.cover):not(.marca-sola)::before{
  content:"";
  position:absolute; right:2.2cqmin; bottom:2.2cqmin;
  width:9cqmin; height:9cqmin;
  background:url("shell-pecten-outline.svg") center/contain no-repeat;
  opacity:.05; pointer-events:none; z-index:0;
}
.slide.seccion::before{opacity:.06; width:13cqmin; height:13cqmin;}

/* ---------------------------------------------------------------
   Portada — fondo Shell oficial (papercut pecten, template AGO26)
   --------------------------------------------------------------- */
.cover.shell-cover{padding:0;position:relative;justify-content:flex-end;background:#fff;}
.cover.shell-cover img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;}
.cover.shell-cover .veil{position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.86) 32%,rgba(255,255,255,.34) 58%,rgba(255,255,255,0) 78%);}
.cover.shell-cover .marca-pecten{position:absolute;top:5cqmin;left:6cqmin;height:22cqmin;width:auto;z-index:2;}
.cover.shell-cover .inner{position:relative;padding:0 6cqmin 8.4cqmin;max-width:70%;z-index:2;}
.cover.shell-cover h1{color:var(--tinta);}
.cover.shell-cover .rotulo{color:#8a6a00;}

/* cierre: mismo tratamiento liviano de marca */
.slide.cierre-slide{position:relative;}

/* ---------------------------------------------------------------
   Logo Shell fijo, esquina superior derecha — visible siempre en
   láminas blancas (todas menos portada y hojas de sección amarillas,
   que ya llevan su propia marca). Duplicado de tamaño sobre la
   versión anterior (7.5cqmin → 15cqmin de alto).
   --------------------------------------------------------------- */
.slide:not(.cover):not(.seccion)::after{
  content:"";
  position:absolute; top:5cqmin; right:6cqmin;
  width:36cqmin; height:15cqmin;
  background:url("shell-pecten-logo.png") center right/contain no-repeat;
  opacity:1; pointer-events:none; z-index:5;
}