/* ============================================================
   Tema «brillo» — despedida de soltera (demo despedida-soltera · intro vinyl).
   Concepto: «Postal de Cartagena». Bugambilias sobre los balcones, palmeras al atardecer,
   un LP tropical de vinilo fucsia y piezas tipo sticker: borde de tinta y sombra dura de color.
   Paleta: fucsia #E5397A (texto/botones: fucsia profundo #C2185B) · coral #FF7F6E · arena #F6E7D2 ·
   turquesa #1FA4A9 (texto: #0E6E72) · sol #FFD166 · tinta #3A1A2B.
   Tipos: Bricolage Grotesque (títulos, interfaz y texto) · Caveat (notas a mano).
   Contraste medido: tinta #3A1A2B sobre arena 12,7:1 · texto secundario #6E4A5A 6,2:1 (6:1 sobre rubor #FBE3E1) ·
   blanco sobre fucsia profundo 5,9:1 · fucsia profundo sobre arena 4,8:1 · tinta sobre turquesa 5,1:1,
   sobre coral 6,3:1 y sobre sol 10,7:1 (los stickers siempre llevan texto en tinta). El fucsia claro
   #E5397A solo va en títulos grandes (≥ 3:1) y decoración.
   Todo va acotado bajo html[data-theme="brillo"].
   ============================================================ */
:root {
  --bg: #F6E7D2;
  --bg-alt: #FBE3E1;
  --surface: #FFFBF5;
  --ink: #3A1A2B;
  --ink-soft: #6E4A5A;
  --accent: #C2185B;
  --accent-2: #1FA4A9;
  --accent-ink: #FFFFFF;
  --line: rgba(58, 26, 43, .16);
  --font-display: 'Bricolage Grotesque', 'Arial Black', system-ui, sans-serif;
  --font-script: 'Caveat', 'Bricolage Grotesque', cursive;
  --font-body: 'Bricolage Grotesque', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --radius: 22px;
  --shadow: 4px 4px 0 #3A1A2B;
  --hero-overlay: linear-gradient(180deg, rgba(58, 26, 43, .1), rgba(58, 26, 43, .55));
  --hero-ink: #FFFFFF;
  --intro-bg: #FFD3B8;
  --intro-ink: #3A1A2B;
  --seal: #E5397A;
  /* piezas propias del tema */
  --br-fucsia: #E5397A;
  --br-fucsia-d: #C2185B;
  --br-coral: #FF7F6E;
  --br-turq: #1FA4A9;
  --br-turq-d: #0E6E72;
  --br-sun: #FFD166;
  --br-sand: #F6E7D2;
  --br-ink: #3A1A2B;
  --br-cream: #FFF4E3;
  --br-border: 2px solid #3A1A2B;
  /* ilustraciones SVG propias: bugambilias, palmeras, sol y papel picado de la casa */
  --br-bougain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='290' height='220' viewBox='0 0 290 220'%3E%3Cg transform='translate(18 26)'%3E%3Cpath d='M4 6 C70 26 150 50 244 160' fill='none' stroke='%237A4B2A' stroke-width='3.4' stroke-linecap='round'/%3E%3Cpath d='M16 9.7 Q25.3 -8.6 45.7 -7.9 Q36.5 10.4 16 9.7Z' fill='%232F8F5B'/%3E%3Cpath d='M16 9.7 Q15.4 28.4 -1.9 35.6 Q-1.2 16.9 16 9.7Z' fill='%233BA36A'/%3E%3Cpath d='M33.6 15.2 Q34.4 -6.8 54.7 -15.2 Q53.9 6.7 33.6 15.2Z' fill='%233BA36A'/%3E%3Cpath d='M33.6 15.2 Q29.8 32.8 12.3 36.7 Q16.1 19.2 33.6 15.2Z' fill='%23257A4C'/%3E%3Cpath d='M51.8 21.4 Q62.7 6.9 80.4 10.7 Q69.5 25.2 51.8 21.4Z' fill='%233BA36A'/%3E%3Cpath d='M51.8 21.4 Q51.2 41.2 33 49.1 Q33.6 29.3 51.8 21.4Z' fill='%232F8F5B'/%3E%3Cpath d='M70.5 28.7 Q80.9 11.4 100.9 13.6 Q90.5 30.8 70.5 28.7Z' fill='%232F8F5B'/%3E%3Cpath d='M70.5 28.7 Q74.1 49.4 56.7 61.3 Q53.1 40.6 70.5 28.7Z' fill='%23257A4C'/%3E%3Cpath d='M89.9 37.2 Q91.5 17.3 110.2 10.5 Q108.6 30.3 89.9 37.2Z' fill='%23257A4C'/%3E%3Cpath d='M89.9 37.2 Q90.3 55.8 73.6 63.9 Q73.2 45.3 89.9 37.2Z' fill='%233BA36A'/%3E%3Cpath d='M109.9 47.3 Q121.6 32.1 140.3 36.4 Q128.6 51.6 109.9 47.3Z' fill='%232F8F5B'/%3E%3Cpath d='M109.9 47.3 Q96.3 60.2 78.9 53.2 Q92.5 40.3 109.9 47.3Z' fill='%232F8F5B'/%3E%3Cpath d='M130.5 59.3 Q140.3 42.5 159.5 44.4 Q149.8 61.1 130.5 59.3Z' fill='%232F8F5B'/%3E%3Cpath d='M130.5 59.3 Q120.3 74.5 102.3 71.6 Q112.4 56.4 130.5 59.3Z' fill='%233BA36A'/%3E%3Cpath d='M151.7 73.5 Q152.5 51.3 173 42.8 Q172.2 65 151.7 73.5Z' fill='%232F8F5B'/%3E%3Cpath d='M151.7 73.5 Q139.5 87.8 121.3 82.8 Q133.6 68.4 151.7 73.5Z' fill='%232F8F5B'/%3E%3Cpath d='M173.5 90.2 Q184.4 73.8 203.9 76.8 Q193 93.2 173.5 90.2Z' fill='%23257A4C'/%3E%3Cpath d='M173.5 90.2 Q165.8 105.6 148.5 105.1 Q156.3 89.7 173.5 90.2Z' fill='%232F8F5B'/%3E%3Cpath d='M195.9 109.7 Q203.5 93.1 221.7 93 Q214.2 109.6 195.9 109.7Z' fill='%232F8F5B'/%3E%3Cpath d='M195.9 109.7 Q191.8 129.1 172.4 133.5 Q176.6 114.1 195.9 109.7Z' fill='%233BA36A'/%3E%3Cpath d='M219 132.3 Q234.8 121.1 251.5 130.8 Q235.7 142 219 132.3Z' fill='%233BA36A'/%3E%3Cpath d='M219 132.3 Q213.5 150.2 194.9 152.7 Q200.4 134.8 219 132.3Z' fill='%23257A4C'/%3E%3Cpath d='M2.9 22 Q16.1 18.8 18.2 30.2 Q7.4 34.7 2.9 22Z' fill='%23E5397A'/%3E%3Cpath d='M2.9 22 L13.6 27.7' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M2.9 22 Q-0.9 35 -11.9 31.1 Q-10.4 19.5 2.9 22Z' fill='%23D62A6E'/%3E%3Cpath d='M2.9 22 L-7.5 28.3' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M2.9 22 Q-6.4 12.1 2.4 4.6 Q11.7 11.6 2.9 22Z' fill='%23F0559A'/%3E%3Cpath d='M2.9 22 L2.6 9.8' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='2.9' cy='22' r='2.4' fill='%23FFF4D6'/%3E%3Cpath d='M14.9 -2 Q23.6 8.4 14.3 15.4 Q5.5 7.7 14.9 -2Z' fill='%23D62A6E'/%3E%3Cpath d='M14.9 -2 L14.5 10.2' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M14.9 -2 Q1.5 0.3 0.1 -11.3 Q11.2 -15.1 14.9 -2Z' fill='%23F0559A'/%3E%3Cpath d='M14.9 -2 L4.6 -8.5' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M14.9 -2 Q19.6 -14.8 30.3 -10.2 Q28.1 1.3 14.9 -2Z' fill='%23C2185B'/%3E%3Cpath d='M14.9 -2 L25.7 -7.8' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='14.9' cy='-2' r='2.4' fill='%23FFF4D6'/%3E%3Cpath d='M11.4 33.1 Q20.1 49.1 6 55.8 Q-3.6 43.5 11.4 33.1Z' fill='%23F0559A'/%3E%3Cpath d='M11.4 33.1 L7.6 49' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M11.4 33.1 Q-6.8 32.7 -5.6 17.1 Q9.9 15 11.4 33.1Z' fill='%23C2185B'/%3E%3Cpath d='M11.4 33.1 L-0.5 21.9' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M11.4 33.1 Q20.8 17.5 33.7 26.4 Q27.8 40.9 11.4 33.1Z' fill='%23E5397A'/%3E%3Cpath d='M11.4 33.1 L27 28.4' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='11.4' cy='33.1' r='3.3' fill='%23FFF4D6'/%3E%3Cpath d='M30.6 -5.4 Q42.7 -15.2 50.6 -4.4 Q41.7 5.6 30.6 -5.4Z' fill='%23C2185B'/%3E%3Cpath d='M30.6 -5.4 L44.6 -4.7' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M30.6 -5.4 Q33.1 10 19.8 11.4 Q15.6 -1.3 30.6 -5.4Z' fill='%23E5397A'/%3E%3Cpath d='M30.6 -5.4 L23 6.3' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M30.6 -5.4 Q16.1 -11 21.5 -23.2 Q34.6 -20.5 30.6 -5.4Z' fill='%23D62A6E'/%3E%3Cpath d='M30.6 -5.4 L24.3 -17.9' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='30.6' cy='-5.4' r='2.8' fill='%23FFF4D6'/%3E%3Cpath d='M28.1 28.6 Q41.3 29.8 39.6 41 Q28.3 41.8 28.1 28.6Z' fill='%23E5397A'/%3E%3Cpath d='M28.1 28.6 L36.2 37.3' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M28.1 28.6 Q20.5 39.3 11.6 32.3 Q16.6 22.1 28.1 28.6Z' fill='%23D62A6E'/%3E%3Cpath d='M28.1 28.6 L16.6 31.2' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M28.1 28.6 Q22.6 16.6 33.2 12.4 Q39.5 21.8 28.1 28.6Z' fill='%23F0559A'/%3E%3Cpath d='M28.1 28.6 L31.7 17.2' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='28.1' cy='28.6' r='2.4' fill='%23FFF4D6'/%3E%3Cpath d='M43.8 -2.8 Q47.8 10.2 36.5 13 Q31.3 2.6 43.8 -2.8Z' fill='%23D62A6E'/%3E%3Cpath d='M43.8 -2.8 L38.7 8.3' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M43.8 -2.8 Q30.6 -5.8 33.8 -17 Q45.4 -16.3 43.8 -2.8Z' fill='%23F0559A'/%3E%3Cpath d='M43.8 -2.8 L36.8 -12.7' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M43.8 -2.8 Q53 -12.7 61.1 -4.4 Q54.7 5.4 43.8 -2.8Z' fill='%23C2185B'/%3E%3Cpath d='M43.8 -2.8 L55.9 -3.9' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='43.8' cy='-2.8' r='2.4' fill='%23FFF4D6'/%3E%3Cpath d='M55.5 3.7 Q68.2 -4 74.2 7.2 Q64.5 15.5 55.5 3.7Z' fill='%23F0559A'/%3E%3Cpath d='M55.5 3.7 L68.6 6.2' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M55.5 3.7 Q55.9 18.5 43.2 18.1 Q40.9 5.6 55.5 3.7Z' fill='%23C2185B'/%3E%3Cpath d='M55.5 3.7 L46.9 13.8' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M55.5 3.7 Q42.6 -3.4 49.3 -14.2 Q61.3 -10 55.5 3.7Z' fill='%23E5397A'/%3E%3Cpath d='M55.5 3.7 L51.2 -8.8' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='55.5' cy='3.7' r='2.7' fill='%23FFF4D6'/%3E%3Cpath d='M53.3 39.1 Q69 47.6 61 60.6 Q46.5 55.5 53.3 39.1Z' fill='%23C2185B'/%3E%3Cpath d='M53.3 39.1 L58.7 54.2' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M53.3 39.1 Q38.1 48.4 30.9 34.9 Q42.5 24.9 53.3 39.1Z' fill='%23E5397A'/%3E%3Cpath d='M53.3 39.1 L37.6 36.2' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M53.3 39.1 Q52.9 21.3 68.2 21.7 Q71 36.7 53.3 39.1Z' fill='%23D62A6E'/%3E%3Cpath d='M53.3 39.1 L63.7 26.9' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='53.3' cy='39.1' r='3.2' fill='%23FFF4D6'/%3E%3Cpath d='M65.4 14.9 Q72.5 30.7 58.7 36 Q50.5 23.7 65.4 14.9Z' fill='%23E5397A'/%3E%3Cpath d='M65.4 14.9 L60.7 29.7' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M65.4 14.9 Q48.2 13.3 50.5 -1.4 Q65.3 -2.3 65.4 14.9Z' fill='%23D62A6E'/%3E%3Cpath d='M65.4 14.9 L54.9 3.5' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M65.4 14.9 Q75.4 0.9 87 10.2 Q80.4 23.5 65.4 14.9Z' fill='%23F0559A'/%3E%3Cpath d='M65.4 14.9 L80.5 11.6' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='65.4' cy='14.9' r='3.1' fill='%23FFF4D6'/%3E%3Cpath d='M69.7 38.4 Q79.1 47.1 71.2 54.7 Q62.1 48.6 69.7 38.4Z' fill='%23D62A6E'/%3E%3Cpath d='M69.7 38.4 L70.8 49.8' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M69.7 38.4 Q57.5 42.2 54.9 31.5 Q64.7 26.6 69.7 38.4Z' fill='%23F0559A'/%3E%3Cpath d='M69.7 38.4 L59.3 33.6' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M69.7 38.4 Q72.6 25.9 83.1 29 Q82.4 39.9 69.7 38.4Z' fill='%23C2185B'/%3E%3Cpath d='M69.7 38.4 L79.1 31.8' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='69.7' cy='38.4' r='2.3' fill='%23FFF4D6'/%3E%3Cpath d='M82.5 12.8 Q99.8 8.4 102.8 23.4 Q88.7 29.5 82.5 12.8Z' fill='%23F0559A'/%3E%3Cpath d='M82.5 12.8 L96.7 20.2' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M82.5 12.8 Q77.8 30 63.3 25 Q65 9.8 82.5 12.8Z' fill='%23C2185B'/%3E%3Cpath d='M82.5 12.8 L69 21.4' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M82.5 12.8 Q70.1 0.1 81.6 -10 Q93.9 -0.9 82.5 12.8Z' fill='%23E5397A'/%3E%3Cpath d='M82.5 12.8 L81.9 -3.2' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='82.5' cy='12.8' r='3.2' fill='%23FFF4D6'/%3E%3Cpath d='M82.4 46.5 Q92.6 40.1 97.5 49.1 Q89.8 55.9 82.4 46.5Z' fill='%23C2185B'/%3E%3Cpath d='M82.4 46.5 L93 48.3' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M82.4 46.5 Q82.9 58.4 72.6 58.2 Q70.6 48.2 82.4 46.5Z' fill='%23E5397A'/%3E%3Cpath d='M82.4 46.5 L75.6 54.7' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M82.4 46.5 Q71.8 40.9 77.1 32.1 Q86.9 35.3 82.4 46.5Z' fill='%23D62A6E'/%3E%3Cpath d='M82.4 46.5 L78.7 36.4' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='82.4' cy='46.5' r='2.1' fill='%23FFF4D6'/%3E%3Cpath d='M91.8 62.5 Q107.8 55.2 113.3 69.3 Q100.7 77.7 91.8 62.5Z' fill='%23E5397A'/%3E%3Cpath d='M91.8 62.5 L106.9 67.3' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M91.8 62.5 Q90.1 80.1 75.1 77.8 Q74.2 62.7 91.8 62.5Z' fill='%23D62A6E'/%3E%3Cpath d='M91.8 62.5 L80.1 73.2' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M91.8 62.5 Q77.4 52.3 86.9 40.5 Q100.5 47.2 91.8 62.5Z' fill='%23F0559A'/%3E%3Cpath d='M91.8 62.5 L88.4 47.1' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='91.8' cy='62.5' r='3.2' fill='%23FFF4D6'/%3E%3Cpath d='M106 34.2 Q119.1 38.1 115.1 49.1 Q103.5 47.6 106 34.2Z' fill='%23D62A6E'/%3E%3Cpath d='M106 34.2 L112.4 44.6' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M106 34.2 Q96 43.6 88.5 34.6 Q95.6 25.3 106 34.2Z' fill='%23F0559A'/%3E%3Cpath d='M106 34.2 L93.7 34.5' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M106 34.2 Q102.8 20.9 114.4 18.8 Q118.9 29.6 106 34.2Z' fill='%23C2185B'/%3E%3Cpath d='M106 34.2 L111.8 23.4' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='106' cy='34.2' r='2.5' fill='%23FFF4D6'/%3E%3Cpath d='M121.5 39.4 Q129.8 50.4 120 57 Q111.5 48.8 121.5 39.4Z' fill='%23F0559A'/%3E%3Cpath d='M121.5 39.4 L120.5 51.7' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M121.5 39.4 Q107.8 41.1 107 29.3 Q118.4 26 121.5 39.4Z' fill='%23C2185B'/%3E%3Cpath d='M121.5 39.4 L111.4 32.3' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M121.5 39.4 Q126.9 26.7 137.5 31.9 Q134.7 43.4 121.5 39.4Z' fill='%23E5397A'/%3E%3Cpath d='M121.5 39.4 L132.7 34.1' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='121.5' cy='39.4' r='2.5' fill='%23FFF4D6'/%3E%3Cpath d='M150 59.9 Q162.7 52.8 168.2 64.1 Q158.3 71.8 150 59.9Z' fill='%23C2185B'/%3E%3Cpath d='M150 59.9 L162.7 62.8' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M150 59.9 Q149.7 74.4 137.3 73.5 Q135.5 61.1 150 59.9Z' fill='%23E5397A'/%3E%3Cpath d='M150 59.9 L141.1 69.4' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M150 59.9 Q137.6 52.4 144.6 42 Q156.2 46.7 150 59.9Z' fill='%23D62A6E'/%3E%3Cpath d='M150 59.9 L146.2 47.4' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='150' cy='59.9' r='2.6' fill='%23FFF4D6'/%3E%3Cpath d='M153.7 93.9 Q161.5 102.7 153.5 108.9 Q145.7 102.5 153.7 93.9Z' fill='%23E5397A'/%3E%3Cpath d='M153.7 93.9 L153.6 104.4' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M153.7 93.9 Q142.2 96.1 140.8 86.1 Q150.2 82.6 153.7 93.9Z' fill='%23D62A6E'/%3E%3Cpath d='M153.7 93.9 L144.6 88.5' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M153.7 93.9 Q157.5 82.7 166.9 86.5 Q165.2 96.5 153.7 93.9Z' fill='%23F0559A'/%3E%3Cpath d='M153.7 93.9 L162.9 88.7' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='153.7' cy='93.9' r='2.1' fill='%23FFF4D6'/%3E%3Cpath d='M169.8 61.7 Q174.7 74.9 163.1 78.5 Q157.2 68 169.8 61.7Z' fill='%23D62A6E'/%3E%3Cpath d='M169.8 61.7 L165.1 73.4' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M169.8 61.7 Q155.9 59.4 158.6 47.6 Q170.7 47.7 169.8 61.7Z' fill='%23F0559A'/%3E%3Cpath d='M169.8 61.7 L162 51.8' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M169.8 61.7 Q178.8 50.9 187.6 59.1 Q181.5 69.5 169.8 61.7Z' fill='%23C2185B'/%3E%3Cpath d='M169.8 61.7 L182.3 59.9' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='169.8' cy='61.7' r='2.5' fill='%23FFF4D6'/%3E%3Cpath d='M167.7 109.3 Q181.2 109.6 180.4 121.2 Q168.8 122.8 167.7 109.3Z' fill='%23F0559A'/%3E%3Cpath d='M167.7 109.3 L176.5 117.6' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M167.7 109.3 Q160.6 120.9 151 114.3 Q155.4 103.5 167.7 109.3Z' fill='%23C2185B'/%3E%3Cpath d='M167.7 109.3 L156 112.8' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M167.7 109.3 Q161.1 97.4 171.6 92.3 Q178.8 101.5 167.7 109.3Z' fill='%23E5397A'/%3E%3Cpath d='M167.7 109.3 L170.4 97.4' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='167.7' cy='109.3' r='2.4' fill='%23FFF4D6'/%3E%3Cpath d='M187.4 115.2 Q198.8 111.1 201.8 121.2 Q192.6 126.2 187.4 115.2Z' fill='%23C2185B'/%3E%3Cpath d='M187.4 115.2 L197.5 119.4' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M187.4 115.2 Q185.2 127.2 175 124.7 Q175.2 114.3 187.4 115.2Z' fill='%23E5397A'/%3E%3Cpath d='M187.4 115.2 L178.7 121.9' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M187.4 115.2 Q178.1 107.3 185.3 99.7 Q194.2 105.2 187.4 115.2Z' fill='%23D62A6E'/%3E%3Cpath d='M187.4 115.2 L185.9 104.4' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='187.4' cy='115.2' r='2.2' fill='%23FFF4D6'/%3E%3Cpath d='M196.1 97.6 Q211.8 100.6 208.5 113.9 Q194.8 113.5 196.1 97.6Z' fill='%23E5397A'/%3E%3Cpath d='M196.1 97.6 L204.8 109' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M196.1 97.6 Q185.8 109.7 175.9 100.2 Q183.1 88.6 196.1 97.6Z' fill='%23D62A6E'/%3E%3Cpath d='M196.1 97.6 L182 99.4' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M196.1 97.6 Q190.9 82.6 204 78.8 Q210.5 90.8 196.1 97.6Z' fill='%23F0559A'/%3E%3Cpath d='M196.1 97.6 L201.7 84.5' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='196.1' cy='97.6' r='2.9' fill='%23FFF4D6'/%3E%3Cpath d='M200.3 136.8 Q217.1 143.4 210.6 157.5 Q195.5 154.3 200.3 136.8Z' fill='%23D62A6E'/%3E%3Cpath d='M200.3 136.8 L207.5 151.3' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M200.3 136.8 Q186.2 148.1 177.2 135.5 Q187.6 124 200.3 136.8Z' fill='%23F0559A'/%3E%3Cpath d='M200.3 136.8 L184.1 135.9' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M200.3 136.8 Q197.6 119 213 117.5 Q217.7 132.3 200.3 136.8Z' fill='%23C2185B'/%3E%3Cpath d='M200.3 136.8 L209.2 123.3' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='200.3' cy='136.8' r='3.2' fill='%23FFF4D6'/%3E%3Cpath d='M212.9 111.6 Q227.2 122.5 217.1 134.3 Q203.5 127 212.9 111.6Z' fill='%23F0559A'/%3E%3Cpath d='M212.9 111.6 L215.9 127.5' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M212.9 111.6 Q196.3 118.5 191.1 103.9 Q204.3 95.8 212.9 111.6Z' fill='%23C2185B'/%3E%3Cpath d='M212.9 111.6 L197.6 106.2' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M212.9 111.6 Q215.2 93.7 230.4 96.6 Q230.9 112 212.9 111.6Z' fill='%23E5397A'/%3E%3Cpath d='M212.9 111.6 L225.2 101.1' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='212.9' cy='111.6' r='3.2' fill='%23FFF4D6'/%3E%3Cpath d='M214.1 158.8 Q230.2 162.5 226.2 176.1 Q212.1 175.2 214.1 158.8Z' fill='%23C2185B'/%3E%3Cpath d='M214.1 158.8 L222.6 170.9' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M214.1 158.8 Q202.9 170.9 193.1 160.7 Q201 148.9 214.1 158.8Z' fill='%23E5397A'/%3E%3Cpath d='M214.1 158.8 L199.4 160.1' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M214.1 158.8 Q209.3 143.1 223 139.7 Q229.3 152.4 214.1 158.8Z' fill='%23D62A6E'/%3E%3Cpath d='M214.1 158.8 L220.4 145.4' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='214.1' cy='158.8' r='3' fill='%23FFF4D6'/%3E%3Cpath d='M234.7 117.7 Q248.6 122.2 244.1 133.9 Q231.7 132 234.7 117.7Z' fill='%23E5397A'/%3E%3Cpath d='M234.7 117.7 L241.3 129.1' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M234.7 117.7 Q223.9 127.6 215.9 117.8 Q223.8 108 234.7 117.7Z' fill='%23D62A6E'/%3E%3Cpath d='M234.7 117.7 L221.5 117.8' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M234.7 117.7 Q231.6 103.4 244 101.5 Q248.5 113.1 234.7 117.7Z' fill='%23F0559A'/%3E%3Cpath d='M234.7 117.7 L241.2 106.3' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='234.7' cy='117.7' r='2.6' fill='%23FFF4D6'/%3E%3Cpath d='M231.7 175.7 Q248.3 182.9 241.3 196.9 Q226.3 193 231.7 175.7Z' fill='%23D62A6E'/%3E%3Cpath d='M231.7 175.7 L238.4 190.5' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M231.7 175.7 Q217.1 186.6 208.5 173.6 Q219.4 162.4 231.7 175.7Z' fill='%23F0559A'/%3E%3Cpath d='M231.7 175.7 L215.5 174.2' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M231.7 175.7 Q229.6 157.7 245.1 156.8 Q249.4 171.8 231.7 175.7Z' fill='%23C2185B'/%3E%3Cpath d='M231.7 175.7 L241.1 162.5' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='231.7' cy='175.7' r='3.3' fill='%23FFF4D6'/%3E%3Cpath d='M249.6 139.8 Q266.8 143.1 263.2 157.7 Q248.2 157.3 249.6 139.8Z' fill='%23F0559A'/%3E%3Cpath d='M249.6 139.8 L259.1 152.4' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M249.6 139.8 Q238.2 153.1 227.3 142.6 Q235.2 129.8 249.6 139.8Z' fill='%23C2185B'/%3E%3Cpath d='M249.6 139.8 L234 141.8' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Cpath d='M249.6 139.8 Q243.9 123.3 258.3 119.1 Q265.5 132.4 249.6 139.8Z' fill='%23E5397A'/%3E%3Cpath d='M249.6 139.8 L255.7 125.3' stroke='%23fff' stroke-opacity='.28' stroke-width='.8'/%3E%3Ccircle cx='249.6' cy='139.8' r='3.1' fill='%23FFF4D6'/%3E%3C/g%3E%3C/svg%3E");
  --br-palm: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='260' viewBox='0 0 190 260'%3E%3Cpath d='M58 250 C62 190 70 130 96 70' fill='none' stroke='%233A1A2B' stroke-width='9' stroke-linecap='round'/%3E%3Cpath d='M58 240 l6 -3' stroke='%233A1A2B' stroke-width='2' opacity='.45'/%3E%3Cpath d='M58.6 221 l6 -3' stroke='%233A1A2B' stroke-width='2' opacity='.45'/%3E%3Cpath d='M59.2 202 l6 -3' stroke='%233A1A2B' stroke-width='2' opacity='.45'/%3E%3Cpath d='M59.8 183 l6 -3' stroke='%233A1A2B' stroke-width='2' opacity='.45'/%3E%3Cpath d='M60.4 164 l6 -3' stroke='%233A1A2B' stroke-width='2' opacity='.45'/%3E%3Cpath d='M61 145 l6 -3' stroke='%233A1A2B' stroke-width='2' opacity='.45'/%3E%3Cpath d='M61.6 126 l6 -3' stroke='%233A1A2B' stroke-width='2' opacity='.45'/%3E%3Cpath d='M62.2 107 l6 -3' stroke='%233A1A2B' stroke-width='2' opacity='.45'/%3E%3Cpath d='M62.8 88 l6 -3' stroke='%233A1A2B' stroke-width='2' opacity='.45'/%3E%3Cpath d='M96 70 Q59.8 38.8 30.2 70.6 Q63.8 52.8 96 74Z' fill='%233A1A2B'/%3E%3Cpath d='M96 70 Q68.4 19.1 45.9 37.5 Q72.4 33.1 96 74Z' fill='%233A1A2B'/%3E%3Cpath d='M96 70 Q92.8 15.8 90.2 27.4 Q96.8 29.8 96 74Z' fill='%233A1A2B'/%3E%3Cpath d='M96 70 Q119.3 18.7 138.4 35.3 Q123.3 32.7 96 74Z' fill='%233A1A2B'/%3E%3Cpath d='M96 70 Q133.2 38.5 163.7 70.6 Q137.2 52.5 96 74Z' fill='%233A1A2B'/%3E%3Cpath d='M96 70 Q127.9 60.5 154 106.5 Q131.9 74.5 96 74Z' fill='%233A1A2B'/%3E%3Cpath d='M96 70 Q67.4 52 44 88.2 Q71.4 66 96 74Z' fill='%233A1A2B'/%3E%3Cpath d='M96 70 Q115.4 68.3 131.2 115.7 Q119.4 82.3 96 74Z' fill='%233A1A2B'/%3E%3Ccircle cx='92' cy='78' r='5' fill='%233A1A2B'/%3E%3Ccircle cx='101' cy='80' r='4.5' fill='%233A1A2B'/%3E%3C/svg%3E");
  --br-palm-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='260' viewBox='0 0 190 260'%3E%3Cpath d='M58 250 C62 190 70 130 96 70' fill='none' stroke='%23FFF4E3' stroke-width='9' stroke-linecap='round'/%3E%3Cpath d='M58 240 l6 -3' stroke='%23FFF4E3' stroke-width='2' opacity='.45'/%3E%3Cpath d='M58.6 221 l6 -3' stroke='%23FFF4E3' stroke-width='2' opacity='.45'/%3E%3Cpath d='M59.2 202 l6 -3' stroke='%23FFF4E3' stroke-width='2' opacity='.45'/%3E%3Cpath d='M59.8 183 l6 -3' stroke='%23FFF4E3' stroke-width='2' opacity='.45'/%3E%3Cpath d='M60.4 164 l6 -3' stroke='%23FFF4E3' stroke-width='2' opacity='.45'/%3E%3Cpath d='M61 145 l6 -3' stroke='%23FFF4E3' stroke-width='2' opacity='.45'/%3E%3Cpath d='M61.6 126 l6 -3' stroke='%23FFF4E3' stroke-width='2' opacity='.45'/%3E%3Cpath d='M62.2 107 l6 -3' stroke='%23FFF4E3' stroke-width='2' opacity='.45'/%3E%3Cpath d='M62.8 88 l6 -3' stroke='%23FFF4E3' stroke-width='2' opacity='.45'/%3E%3Cpath d='M96 70 Q59.8 38.8 30.2 70.6 Q63.8 52.8 96 74Z' fill='%23FFF4E3'/%3E%3Cpath d='M96 70 Q68.4 19.1 45.9 37.5 Q72.4 33.1 96 74Z' fill='%23FFF4E3'/%3E%3Cpath d='M96 70 Q92.8 15.8 90.2 27.4 Q96.8 29.8 96 74Z' fill='%23FFF4E3'/%3E%3Cpath d='M96 70 Q119.3 18.7 138.4 35.3 Q123.3 32.7 96 74Z' fill='%23FFF4E3'/%3E%3Cpath d='M96 70 Q133.2 38.5 163.7 70.6 Q137.2 52.5 96 74Z' fill='%23FFF4E3'/%3E%3Cpath d='M96 70 Q127.9 60.5 154 106.5 Q131.9 74.5 96 74Z' fill='%23FFF4E3'/%3E%3Cpath d='M96 70 Q67.4 52 44 88.2 Q71.4 66 96 74Z' fill='%23FFF4E3'/%3E%3Cpath d='M96 70 Q115.4 68.3 131.2 115.7 Q119.4 82.3 96 74Z' fill='%23FFF4E3'/%3E%3Ccircle cx='92' cy='78' r='5' fill='%23FFF4E3'/%3E%3Ccircle cx='101' cy='80' r='4.5' fill='%23FFF4E3'/%3E%3C/svg%3E");
  --br-waves: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='30' viewBox='0 0 120 30'%3E%3Cpath d='M0 10 Q15 0 30 10 T60 10 T90 10 T120 10' fill='none' stroke='%231FA4A9' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M0 22 Q15 12 30 22 T60 22 T90 22 T120 22' fill='none' stroke='%23FF7F6E' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  --br-petals: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='380' viewBox='0 0 240 380'%3E%3Cpath d='M30 40 q7 -9 0 -18 q-7 9 0 18z' fill='%23E5397A' opacity='.8' transform='rotate(20 30 31)'/%3E%3Cpath d='M150 120 q7 -9 0 -18 q-7 9 0 18z' fill='%23F0559A' opacity='.8' transform='rotate(-40 150 111)'/%3E%3Cpath d='M90 230 q7 -9 0 -18 q-7 9 0 18z' fill='%23FF7F6E' opacity='.8' transform='rotate(70 90 221)'/%3E%3Cpath d='M200 300 q7 -9 0 -18 q-7 9 0 18z' fill='%23E5397A' opacity='.8' transform='rotate(10 200 291)'/%3E%3Cpath d='M40 340 q7 -9 0 -18 q-7 9 0 18z' fill='%231FA4A9' opacity='.8' transform='rotate(-70 40 331)'/%3E%3C/svg%3E");
  --br-stamp: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='76' viewBox='0 0 64 76'%3E%3Crect x='5' y='5' width='54' height='66' fill='%23FF7F6E'/%3E%3Ccircle cx='32' cy='40' r='14' fill='%23FFD166'/%3E%3Cpath d='M5 54 Q18 48 32 54 T59 54 V71 H5Z' fill='%231FA4A9'/%3E%3Cpath d='M34 66 C35 56 37 48 42 40' stroke='%233A1A2B' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cpath d='M42 40 q-10 -4 -16 4 q8 -2 16 -4z M42 40 q8 -8 14 -2 q-8 -2 -14 2z M42 40 q-2 -10 -10 -12 q6 4 10 12z M42 40 q6 -10 12 -10 q-8 2 -12 10z' fill='%233A1A2B'/%3E%3C/svg%3E");
  --br-postmark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='122' height='80' viewBox='0 0 122 80'%3E%3Ccircle cx='40' cy='40' r='30' fill='none' stroke='%233A1A2B' stroke-width='2' opacity='.55'/%3E%3Ccircle cx='40' cy='40' r='22' fill='none' stroke='%233A1A2B' stroke-width='1.2' opacity='.45'/%3E%3Cpath d='M70 28 q8 -4 16 0 t16 0 t16 0' fill='none' stroke='%233A1A2B' stroke-width='1.6' opacity='.5'/%3E%3Cpath d='M70 34 q8 -4 16 0 t16 0 t16 0' fill='none' stroke='%233A1A2B' stroke-width='1.6' opacity='.5'/%3E%3Cpath d='M70 40 q8 -4 16 0 t16 0 t16 0' fill='none' stroke='%233A1A2B' stroke-width='1.6' opacity='.5'/%3E%3Cpath d='M70 46 q8 -4 16 0 t16 0 t16 0' fill='none' stroke='%233A1A2B' stroke-width='1.6' opacity='.5'/%3E%3Cpath d='M70 52 q8 -4 16 0 t16 0 t16 0' fill='none' stroke='%233A1A2B' stroke-width='1.6' opacity='.5'/%3E%3Cpath d='M33 40 l5 -10 l5 10 l10 1 l-8 7 l3 10 l-10 -6 l-10 6 l3 -10 l-8 -7z' fill='%233A1A2B' opacity='.5'/%3E%3C/svg%3E");
}

/* ---------- lienzo general ---------- */
html[data-theme="brillo"] {
  background-color: #F3DCC4;
  background-image:
    radial-gradient(60vw 50vh at 0% 0%, rgba(229, 57, 122, .16), transparent 70%),
    radial-gradient(60vw 60vh at 100% 100%, rgba(31, 164, 169, .18), transparent 70%);
}
html[data-theme="brillo"] body.inv { color: var(--ink); }
html[data-theme="brillo"] ::selection { background: var(--br-sun); color: var(--ink); }
html[data-theme="brillo"] :focus-visible { outline-color: var(--br-fucsia-d); }
html[data-theme="brillo"] .inv-page { background: var(--bg); }

/* pétalos de bugambilia que caen despacio, solo por los bordes (no tapan el texto) */
html[data-theme="brillo"] .inv-fx {
  -webkit-mask: linear-gradient(90deg, #000 0, #000 11%, transparent 19%, transparent 81%, #000 89%);
  mask: linear-gradient(90deg, #000 0, #000 11%, transparent 19%, transparent 81%, #000 89%);
}
html[data-theme="brillo"] .inv-fx::before,
html[data-theme="brillo"] .inv-fx::after {
  content: ''; position: absolute; inset: -380px 0 0; opacity: 0;
  background: var(--br-petals) 0 0 / 240px 380px repeat;
  animation: brFall 22s linear infinite, brFxIn 2s ease 1.2s forwards;
}
html[data-theme="brillo"] .inv-fx::after { background-size: 300px 470px; background-position: 120px 60px; animation-duration: 31s, 2s; animation-delay: -9s, 1.6s; }
html.is-intro[data-theme="brillo"] .inv-fx { visibility: hidden; }
@keyframes brFall { from { transform: translateY(0); } to { transform: translateY(380px); } }
@keyframes brFxIn { to { opacity: .55; } }

/* ============================================================
   HERO «framed» — postal con estampilla y matasellos, bugambilias en las esquinas
   ============================================================ */
html[data-theme="brillo"] .inv-hero--framed {
  padding-top: clamp(64px, 11vh, 96px);
  background:
    radial-gradient(70% 40% at 50% 30%, rgba(255, 209, 102, .4), transparent 70%),
    var(--bg);
}
/* bugambilias que cuelgan de los balcones */
html[data-theme="brillo"] .inv-hero--framed::before,
html[data-theme="brillo"] .inv-hero--framed::after {
  content: ''; position: absolute; top: -18px; z-index: 1; width: min(66vw, 300px); aspect-ratio: 290 / 220; pointer-events: none;
  background: var(--br-bougain) left top / contain no-repeat;
  opacity: 0; transition: opacity 1.2s var(--ease) .4s, transform 1.6s var(--ease) .4s;
}
html[data-theme="brillo"] .inv-hero--framed::before { left: -16%; transform: translateY(-20px) rotate(-6deg); }
html[data-theme="brillo"] .inv-hero--framed::after { right: -16%; transform: translateY(-20px) scaleX(-1) rotate(-6deg); }
html.is-revealed[data-theme="brillo"] .inv-hero--framed::before { opacity: 1; transform: rotate(-2deg); }
html.is-revealed[data-theme="brillo"] .inv-hero--framed::after { opacity: 1; transform: scaleX(-1) rotate(-2deg); }
/* la postal */
html[data-theme="brillo"] .inv-hero--framed .inv-hero__media {
  width: min(74%, 310px); aspect-ratio: 4 / 5; padding: 10px 10px 12px; border-radius: 6px;
  background: var(--surface); border: var(--br-border);
  box-shadow: 7px 7px 0 var(--br-turq);
  transform: rotate(-3deg);
}
html[data-theme="brillo"] .inv-hero--framed .inv-hero__img { border-radius: 3px; }
/* estampilla dentada */
html[data-theme="brillo"] .inv-hero--framed .inv-hero__media::before {
  inset: auto; right: -18px; top: -22px; width: 60px; height: 72px; border: 0; border-radius: 0; z-index: 2;
  background: var(--br-stamp) center / 100% 100% no-repeat, #FFFBF5;
  -webkit-mask: radial-gradient(3px, #0000 98%, #000) round -3px -3px / 9px 9px, linear-gradient(#000 0 0) 6px 6px / calc(100% - 12px) calc(100% - 12px) no-repeat;
  mask: radial-gradient(3px, #0000 98%, #000) round -3px -3px / 9px 9px, linear-gradient(#000 0 0) 6px 6px / calc(100% - 12px) calc(100% - 12px) no-repeat;
  transform: rotate(9deg);
}
/* matasellos */
html[data-theme="brillo"] .inv-hero--framed .inv-hero__media::after {
  content: ''; position: absolute; z-index: 3; right: 20px; top: 8px; width: 104px; height: 68px; pointer-events: none;
  background: var(--br-postmark) center / contain no-repeat; transform: rotate(-12deg); opacity: .85; mix-blend-mode: multiply;
}
html[data-theme="brillo"] .inv-hero--framed .inv-hero__content { padding-top: 26px; z-index: 2; }
html[data-theme="brillo"] .inv-hero__eyebrow {
  font-family: var(--font-script); font-weight: 600; font-size: 1.65rem; line-height: 1.1; letter-spacing: 0; text-transform: none;
  color: var(--ink); opacity: 1; transform: rotate(-2deg); margin-bottom: 0;
}
html[data-theme="brillo"] .inv-hero__title {
  font-family: var(--font-display); font-weight: 800; letter-spacing: -.035em; line-height: .9;
  font-size: clamp(4rem, 21vw, 5.8rem); margin: .04em 0 .16em;
  color: #D62A6E;
  text-shadow: 3px 3px 0 var(--br-sun), 6px 6px 0 var(--br-ink);
}
html[data-theme="brillo"] .inv-hero__subtitle { font-family: var(--font-body); font-style: normal; font-weight: 500; font-size: 1.06rem; line-height: 1.5; color: var(--ink-soft); opacity: 1; }
/* la fecha como sticker amarillo */
html[data-theme="brillo"] .inv-hero__date--text {
  display: inline-block; margin: 1.2rem auto .9rem; padding: 9px 18px 10px; max-width: 21rem;
  font-family: var(--font-display); font-weight: 700; font-size: .78rem; letter-spacing: .1em; line-height: 1.5; color: var(--ink);
  background: var(--br-sun); border: var(--br-border); border-radius: 14px; box-shadow: 3px 3px 0 var(--br-ink);
  transform: rotate(1.5deg);
}
html[data-theme="brillo"] .inv-hero__date--text .inv-hero__time { color: var(--br-fucsia-d); opacity: 1; font-weight: 800; letter-spacing: .2em; }
html[data-theme="brillo"] .inv-hero__date:not(.inv-hero__date--text) { color: var(--ink); }
html[data-theme="brillo"] .inv-hero__date-day { font-family: var(--font-display); font-weight: 800; color: #D62A6E; }
html[data-theme="brillo"] .inv-hero__place { display: flex; justify-content: center; font-weight: 600; color: var(--ink); opacity: 1; }
html[data-theme="brillo"] .inv-hero__place .inv-icon { color: var(--br-turq-d); }
html[data-theme="brillo"] .inv-hero__cue { color: var(--ink); }

/* pase: sticker */
html[data-theme="brillo"] .inv-guest {
  background: var(--surface); color: var(--ink); border: var(--br-border); border-radius: 18px;
  box-shadow: 4px 4px 0 var(--br-coral);
}
html[data-theme="brillo"] .inv-guest__label { font-weight: 700; color: var(--br-turq-d); opacity: 1; letter-spacing: .22em; }
html[data-theme="brillo"] .inv-guest__name { font-family: var(--font-script); font-weight: 700; font-size: 2rem; line-height: 1.1; color: var(--br-fucsia-d); }
html[data-theme="brillo"] .inv-guest__passes { color: var(--ink-soft); opacity: 1; }

/* ============================================================
   SECCIONES
   ============================================================ */
html[data-theme="brillo"] .inv-section { background: var(--bg); }
html[data-theme="brillo"] .inv-section.is-alt { background: var(--bg-alt); }
/* olas turquesa y coral al empezar cada sección rosada */
html[data-theme="brillo"] .inv-main > .inv-section.is-alt::before {
  content: ''; position: absolute; left: 0; right: 0; top: 14px; height: 18px; pointer-events: none;
  background: var(--br-waves) 0 0 / 72px 18px repeat-x; opacity: .9;
}
/* eyebrow: sticker de color (texto siempre en tinta) */
html[data-theme="brillo"] .inv-main .inv-eyebrow {
  font-family: var(--font-display); font-weight: 700; font-size: .72rem; letter-spacing: .16em; color: var(--ink);
}
html[data-theme="brillo"] .inv-head > .inv-eyebrow {
  display: inline-block; padding: 6px 14px 6px; border: var(--br-border); border-radius: 99px;
  background: var(--br-sun); box-shadow: 2px 2px 0 var(--br-ink); transform: rotate(-2deg);
}
html[data-theme="brillo"] .inv-main > .inv-section:nth-child(3n + 2) .inv-head > .inv-eyebrow { background: var(--br-coral); transform: rotate(1.5deg); }
html[data-theme="brillo"] .inv-main > .inv-section:nth-child(3n) .inv-head > .inv-eyebrow { background: var(--br-turq); }
html[data-theme="brillo"] .inv-main .inv-title {
  font-family: var(--font-display); font-weight: 800; font-size: clamp(2.2rem, 10vw, 2.8rem); line-height: 1; letter-spacing: -.03em; color: var(--ink);
}
html[data-theme="brillo"] .inv-text { font-size: 1.03rem; color: var(--ink-soft); }
html[data-theme="brillo"] .inv-card { background: var(--surface); border: var(--br-border); box-shadow: 5px 5px 0 var(--br-ink); }

/* botones tipo sticker */
html[data-theme="brillo"] .inv-btn {
  font-family: var(--font-display); font-weight: 700; font-size: .96rem; letter-spacing: 0;
  border: var(--br-border); box-shadow: 3px 3px 0 var(--br-ink);
  transition: transform .2s var(--ease), box-shadow .2s var(--ease), background-color .25s, color .25s;
}
@media (hover: hover) { html[data-theme="brillo"] .inv-btn:hover { transform: translate(-1px, -2px); box-shadow: 5px 5px 0 var(--br-ink); } }
html[data-theme="brillo"] .inv-btn:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--br-ink); }
html[data-theme="brillo"] .inv-btn--ghost { background: var(--surface); color: var(--ink); box-shadow: 3px 3px 0 var(--br-ink); }
@media (hover: hover) { html[data-theme="brillo"] .inv-btn--ghost:hover { background: #FFF1E4; box-shadow: 5px 5px 0 var(--br-ink); } }
html[data-theme="brillo"] .inv-btn--wa { border-color: var(--br-ink); }

/* quote: nota escrita a mano */
html[data-theme="brillo"] .inv-quote__mark { font-family: var(--font-display); font-weight: 800; color: var(--br-fucsia); opacity: .9; }
html[data-theme="brillo"] .inv-quote__text p { font-family: var(--font-script); font-style: normal; font-weight: 600; font-size: clamp(2rem, 8.6vw, 2.5rem); line-height: 1.1; color: var(--ink); }
html[data-theme="brillo"] .inv-quote__author { font-family: var(--font-display); font-weight: 700; color: var(--br-turq-d); }
html[data-theme="brillo"] .inv-quote__author::before { height: 3px; border-radius: 3px; background: var(--br-coral); }

/* countdown: fichas de colores */
html[data-theme="brillo"] .inv-countdown { gap: 9px; }
html[data-theme="brillo"] .inv-countdown__unit { border: var(--br-border); border-radius: 16px; background: var(--br-sun); box-shadow: 3px 3px 0 var(--br-ink); }
html[data-theme="brillo"] .inv-countdown__unit:nth-child(2) { background: var(--br-coral); transform: rotate(2deg); }
html[data-theme="brillo"] .inv-countdown__unit:nth-child(3) { background: var(--br-turq); transform: rotate(-1.5deg); }
html[data-theme="brillo"] .inv-countdown__unit:nth-child(4) { background: #FBC6D8; transform: rotate(1deg); }
html[data-theme="brillo"] .inv-countdown__unit::before { display: none; }
html[data-theme="brillo"] .inv-countdown__num { font-family: var(--font-display); font-weight: 800; color: var(--ink); letter-spacing: -.03em; }
html[data-theme="brillo"] .inv-countdown__lbl { font-weight: 700; color: var(--ink); }
html[data-theme="brillo"] .inv-countdown__date { font-weight: 700; color: var(--ink-soft); }
html[data-theme="brillo"] .inv-countdown__done { font-family: var(--font-script); font-style: normal; font-weight: 700; font-size: 2.4rem; color: var(--br-fucsia-d); }

/* story y people (por si el anfitrión las usa) */
html[data-theme="brillo"] .inv-story__figure img { border-radius: 8px; border: var(--br-border); box-shadow: 6px 6px 0 var(--br-coral); }
html[data-theme="brillo"] .inv-story__figure::after { display: none; }
html[data-theme="brillo"] .inv-story__body .inv-text:first-child::first-letter { font-family: var(--font-display); font-weight: 800; color: var(--br-fucsia-d); }
html[data-theme="brillo"] .inv-story__sig { font-size: 2.6rem; color: var(--br-fucsia-d); }
html[data-theme="brillo"] .inv-people__names li { font-weight: 600; font-size: 1.3rem; }

/* events */
html[data-theme="brillo"] .inv-event__media { border-bottom: var(--br-border); }
html[data-theme="brillo"] .inv-event__icon { color: var(--ink); background: var(--br-sun); border: var(--br-border); }
html[data-theme="brillo"] .inv-event.has-img .inv-event__icon { background: var(--br-sun); box-shadow: 3px 3px 0 var(--br-ink); }
html[data-theme="brillo"] .inv-event:nth-child(2) .inv-event__icon { background: var(--br-turq); }
html[data-theme="brillo"] .inv-event:nth-child(3) .inv-event__icon { background: var(--br-coral); }
html[data-theme="brillo"] .inv-event .inv-eyebrow { color: var(--br-fucsia-d); }
html[data-theme="brillo"] .inv-event__name { font-weight: 800; font-size: 1.55rem; letter-spacing: -.02em; }
html[data-theme="brillo"] .inv-event__meta { color: var(--ink-soft); }
html[data-theme="brillo"] .inv-event__meta .inv-icon { color: var(--br-turq-d); }

/* timeline: ruta punteada */
html[data-theme="brillo"] .inv-timeline::before { width: 0; border-left: 3px dashed var(--ink); background: none; opacity: .5; left: 26px; }
html[data-theme="brillo"] .inv-timeline__dot { color: var(--ink); background: var(--br-sun); border: var(--br-border); box-shadow: 0 0 0 6px var(--bg), 3px 3px 0 var(--br-ink); }
html[data-theme="brillo"] .inv-section.is-alt .inv-timeline__dot { box-shadow: 0 0 0 6px var(--bg-alt), 3px 3px 0 var(--br-ink); }
html[data-theme="brillo"] .inv-timeline__item:nth-child(3n + 2) .inv-timeline__dot { background: var(--br-coral); }
html[data-theme="brillo"] .inv-timeline__item:nth-child(3n) .inv-timeline__dot { background: var(--br-turq); }
html[data-theme="brillo"] .inv-timeline__time { color: var(--br-fucsia-d); letter-spacing: .12em; }
html[data-theme="brillo"] .inv-timeline__title { font-weight: 800; font-size: 1.3rem; letter-spacing: -.02em; }

/* dresscode */
html[data-theme="brillo"] .inv-dress__icon { color: var(--ink); background: var(--br-coral); border: var(--br-border); box-shadow: 3px 3px 0 var(--br-ink); }
html[data-theme="brillo"] .inv-dress__code { font-family: var(--font-script); font-weight: 700; font-size: clamp(2.6rem, 12vw, 3.2rem); line-height: 1; color: var(--br-fucsia-d); }
html[data-theme="brillo"] .inv-dress__label { color: var(--ink); }
html[data-theme="brillo"] .inv-chip { border: var(--br-border); background: var(--surface); font-weight: 600; }
html[data-theme="brillo"] .inv-chip__swatch { box-shadow: inset 0 0 0 2px var(--br-ink); }
html[data-theme="brillo"] .inv-chip--avoid { color: var(--ink-soft); }
html[data-theme="brillo"] .inv-chip--avoid .inv-icon { color: var(--br-fucsia-d); }

/* fondo común */
html[data-theme="brillo"] .inv-fund__media { border-bottom: var(--br-border); }
html[data-theme="brillo"] .inv-fund__icon { color: var(--ink); background: var(--br-sun); border: var(--br-border); }
html[data-theme="brillo"] .inv-fund__title { font-weight: 800; letter-spacing: -.02em; }
html[data-theme="brillo"] .inv-fund__bar { height: 14px; border: var(--br-border); background: #FFF1E4; }
html[data-theme="brillo"] .inv-fund__fill { background: repeating-linear-gradient(-45deg, var(--br-fucsia) 0 8px, #F0559A 8px 16px); }
html[data-theme="brillo"] .inv-fund__item:nth-child(2) .inv-fund__fill { background: repeating-linear-gradient(-45deg, var(--br-turq) 0 8px, #3DBDC1 8px 16px); }
html[data-theme="brillo"] .inv-fund__item:nth-child(3) .inv-fund__fill { background: repeating-linear-gradient(-45deg, var(--br-coral) 0 8px, #FF9A8C 8px 16px); }

/* gifts y hotels */
html[data-theme="brillo"] .inv-gift__icon, html[data-theme="brillo"] .inv-hotel__icon { color: var(--ink); background: var(--br-turq); border: var(--br-border); }
html[data-theme="brillo"] .inv-gift__title, html[data-theme="brillo"] .inv-hotel__name { font-weight: 800; letter-spacing: -.02em; }
html[data-theme="brillo"] .inv-gift__copy { background: #FFF1E4; border: 2px dashed var(--line); }

/* nota: post-it amarillo con cinta */
html[data-theme="brillo"] .inv-note {
  background: #FFE79A; border: var(--br-border); border-radius: 6px; box-shadow: 5px 5px 0 var(--br-ink);
  transform: rotate(-1.2deg); position: relative;
}
html[data-theme="brillo"] .inv-note::before {
  content: ''; position: absolute; left: 50%; top: -12px; width: 86px; height: 24px; transform: translateX(-50%) rotate(3deg);
  background: rgba(31, 164, 169, .55); border-left: 2px dotted rgba(255, 255, 255, .6); border-right: 2px dotted rgba(255, 255, 255, .6);
}
html[data-theme="brillo"] .inv-note__icon { color: var(--ink); background: var(--br-coral); border: var(--br-border); }
html[data-theme="brillo"] .inv-note__title { font-weight: 800; letter-spacing: -.02em; }
html[data-theme="brillo"] .inv-note .inv-text { color: var(--ink); }

/* faq */
html[data-theme="brillo"] .inv-faq__item { border: var(--br-border); background: var(--surface); }
html[data-theme="brillo"] .inv-faq__item.is-open { box-shadow: 4px 4px 0 var(--br-turq); }
html[data-theme="brillo"] .inv-faq__q { font-family: var(--font-display); font-weight: 700; font-size: 1.08rem; }
html[data-theme="brillo"] .inv-faq__icon { color: var(--ink); background: var(--br-sun); border: var(--br-border); }
html[data-theme="brillo"] .inv-faq__item.is-open .inv-faq__icon { background: var(--br-fucsia-d); color: #fff; }

/* wishes: notitas a mano de colores */
html[data-theme="brillo"] .inv-wish { border: var(--br-border); background: var(--surface); box-shadow: 4px 4px 0 var(--br-ink); }
html[data-theme="brillo"] .inv-wish:nth-child(3n + 2) { background: #FBE3E1; transform: rotate(.8deg); }
html[data-theme="brillo"] .inv-wish:nth-child(3n) { background: #DDF3F1; transform: rotate(-.6deg); }
html[data-theme="brillo"] .inv-wish::before { color: var(--br-fucsia); opacity: .7; font-family: var(--font-display); font-weight: 800; }
html[data-theme="brillo"] .inv-wish__msg p { font-family: var(--font-script); font-weight: 600; font-size: 1.55rem; line-height: 1.2; }
html[data-theme="brillo"] .inv-wishes__spark { color: var(--br-fucsia); }

/* formularios */
html[data-theme="brillo"] .inv-field__label { font-weight: 700; letter-spacing: .02em; }
html[data-theme="brillo"] .inv-input { border: var(--br-border); background: #FFFDF9; }
html[data-theme="brillo"] .inv-input:focus { border-color: var(--br-fucsia-d); box-shadow: 3px 3px 0 var(--br-fucsia); }

/* juegos: tarjeta sticker */
html[data-theme="brillo"] .inv-quiz__opt { border-width: 2px; }

/* RSVP */
html[data-theme="brillo"] .inv-section.inv-rsvp { background: radial-gradient(80% 45% at 50% 0%, rgba(255, 209, 102, .45), transparent 70%), var(--bg); }
html[data-theme="brillo"] .inv-section.inv-rsvp.is-alt { background: radial-gradient(80% 45% at 50% 0%, rgba(255, 209, 102, .45), transparent 70%), var(--bg-alt); }
html[data-theme="brillo"] .inv-rsvp__face { border-width: 2px; border-color: var(--ink); }
html[data-theme="brillo"] .inv-rsvp__radio:checked + .inv-rsvp__face { box-shadow: 4px 4px 0 var(--br-ink); }
html[data-theme="brillo"] .inv-rsvp__face-txt strong { font-weight: 800; }
html[data-theme="brillo"] .inv-rsvp__done-title { font-family: var(--font-script); font-weight: 700; font-size: 2.6rem; color: var(--br-fucsia-d); }
html[data-theme="brillo"] .inv-stepper { border-width: 2px; border-color: var(--ink); }

/* divider */
html[data-theme="brillo"] .inv-divider { color: var(--br-fucsia); }

/* pie: fucsia profundo con palmeras y olas */
html[data-theme="brillo"] .inv-footer {
  color: var(--br-cream);
  background:
    var(--br-palm-light) left -24px bottom -10px / 150px auto no-repeat,
    var(--br-palm-light) right -30px bottom -16px / 120px auto no-repeat,
    radial-gradient(70% 50% at 50% 0%, rgba(255, 127, 110, .5), transparent 70%),
    var(--br-fucsia-d);
  border-top: var(--br-border);
}
html[data-theme="brillo"] .inv-footer::before {
  content: ''; position: absolute; left: 0; right: 0; top: 16px; height: 18px; background: var(--br-waves) 0 0 / 72px 18px repeat-x; opacity: .9;
}
html[data-theme="brillo"] .inv-footer__orn { color: var(--br-sun); }
html[data-theme="brillo"] .inv-footer__text { font-family: var(--font-script); font-weight: 700; font-size: 2.8rem; color: #FFFFFF; }
html[data-theme="brillo"] .inv-footer__date { color: var(--br-cream); font-weight: 700; }
/* crédito de Inolvidia sobre el fucsia: logo a una tinta marfil (el hilo terracota no llega a 3:1, LEEME §3) */
html[data-theme="brillo"] { --credit-tone: marfil; }
html[data-theme="brillo"] .inv-footer__credit { color: var(--br-cream); }
html[data-theme="brillo"] .inv-footer__credit:hover { color: #fff; border-color: rgba(255, 244, 227, .5); }
html[data-theme="brillo"] .inv-footer__brand { color: #FFFFFF; }
html[data-theme="brillo"] .inv-footer__access { color: var(--br-cream); border-color: rgba(255, 244, 227, .55); }
html[data-theme="brillo"] .inv-footer__access:hover { color: #fff; border-color: #fff; }

/* barra de acciones */
html[data-theme="brillo"] .inv-actionbar { background: rgba(255, 251, 245, .95); border: var(--br-border); box-shadow: 4px 4px 0 var(--br-ink); }
html[data-theme="brillo"] .inv-actionbar__btn { font-family: var(--font-display); }
html[data-theme="brillo"] .inv-actionbar__btn span { font-weight: 700; }
html[data-theme="brillo"] .inv-music { border: var(--br-border); box-shadow: 3px 3px 0 var(--br-ink); }

/* ============================================================
   INTRO «vinyl» — un LP tropical al atardecer: funda retro, vinilo fucsia translúcido
   ============================================================ */
html[data-theme="brillo"] .inv-intro--vinyl {
  background: linear-gradient(180deg, #FFE2C2 0%, #FFC4A4 42%, #FF9E95 72%, #F27199 100%);
}
html[data-theme="brillo"] .inv-intro--vinyl .inv-intro__bg {
  background-image: radial-gradient(90% 60% at 50% 40%, rgba(255, 244, 227, .55), transparent 70%);
}
html[data-theme="brillo"] .inv-intro--vinyl .inv-intro__bg::after { display: none; }
/* sol retro a franjas detrás del tocadiscos */
html[data-theme="brillo"] .inv-intro--vinyl .inv-intro__bg::before {
  content: ''; position: absolute; left: 50%; top: 46%; width: min(118vw, 560px); aspect-ratio: 1; transform: translate(-50%, -50%);
  border-radius: 50%;
  background: linear-gradient(180deg, #FFE08A 0%, #FFC15E 45%, #FF8E6E 100%);
  -webkit-mask: linear-gradient(180deg, #000 52%, transparent 52% 56%, #000 56% 63%, transparent 63% 67%, #000 67% 73%, transparent 73% 78%, #000 78% 83%, transparent 83% 89%, #000 89% 92%, transparent 92%);
  mask: linear-gradient(180deg, #000 52%, transparent 52% 56%, #000 56% 63%, transparent 63% 67%, #000 67% 73%, transparent 73% 78%, #000 78% 83%, transparent 83% 89%, #000 89% 92%, transparent 92%);
  opacity: .85;
}
/* palmeras a contraluz y mar turquesa */
html[data-theme="brillo"] .inv-intro--vinyl::before {
  content: ''; position: absolute; z-index: -1; left: -14%; bottom: 8%; width: min(46vw, 210px); aspect-ratio: 190 / 260; pointer-events: none;
  background: var(--br-palm) left bottom / contain no-repeat; opacity: .9;
}
html[data-theme="brillo"] .inv-intro--vinyl::after {
  content: ''; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; height: 16%; pointer-events: none;
  background:
    var(--br-palm) right -18px bottom 70% / auto 150% no-repeat,
    var(--br-waves) 0 10px / 96px 24px repeat-x,
    linear-gradient(180deg, transparent 0 18px, #1FA4A9 18px);
}
html[data-theme="brillo"] .inv-intro--vinyl .inv-intro__eyebrow { color: var(--ink); font-family: var(--font-display); font-weight: 800; letter-spacing: .3em; }
html[data-theme="brillo"] .vin { --w: min(76vw, 320px, 42vh); }
html[data-theme="brillo"] .vin__sleeve {
  border: var(--br-border); border-radius: 10px; color: var(--ink);
  background:
    linear-gradient(180deg, transparent 58%, var(--br-fucsia) 58% 66%, var(--br-coral) 66% 74%, var(--br-sun) 74% 82%, var(--br-turq) 82%),
    radial-gradient(circle at 50% 46%, #FFD166 0 26%, transparent 26.5%),
    linear-gradient(180deg, #FFF4E3, #FFE2C9);
  box-shadow: 6px 6px 0 var(--br-ink);
}
html[data-theme="brillo"] .vin__sleeve::before {
  content: ''; position: absolute; right: -6%; bottom: 10%; width: 42%; aspect-ratio: 190 / 260;
  background: var(--br-palm) right bottom / contain no-repeat; opacity: .95;
}
html[data-theme="brillo"] .vin__sleeve::after { background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, .5) 45%, transparent 58%) 0 0 / 260% 100% no-repeat; }
html[data-theme="brillo"] .vin__sleeve-ring, html[data-theme="brillo"] .vin__sleeve-art { display: none; }
html[data-theme="brillo"] .vin__sleeve { align-content: start; padding-top: 16%; }
html[data-theme="brillo"] .vin__sleeve-mono {
  font-family: var(--font-script); font-weight: 700; font-size: calc(var(--w) * .26); line-height: .9;
  color: var(--br-fucsia-d); text-shadow: 3px 3px 0 #FFF4E3;
}
html[data-theme="brillo"] .vin__sleeve-title {
  margin-top: 4px; font-family: var(--font-display); font-weight: 800; font-size: calc(var(--w) * .085); letter-spacing: .02em; color: var(--ink);
  padding: 2px 12px; background: #FFF4E3; border: var(--br-border); border-radius: 99px; transform: rotate(-3deg);
}
html[data-theme="brillo"] .vin__sleeve-foot { left: 5%; right: 5%; bottom: 3.5%; font-family: var(--font-display); font-weight: 800; color: var(--ink); opacity: 1; }
html[data-theme="brillo"] .vin__sleeve-foot span { padding: 2px 8px; background: #FFF4E3; border-radius: 99px; }
/* vinilo fucsia translúcido */
html[data-theme="brillo"] .vin__record {
  background:
    radial-gradient(circle, transparent 0 33%, rgba(80, 6, 40, .55) 33.4% 35%, transparent 35.4%),
    repeating-radial-gradient(circle, #C2185B 0 1.2px, #D62A6E 1.2px 2.6px, #B0144F 2.6px 3.4px);
  box-shadow: 6px 6px 0 var(--br-ink), inset 0 0 0 3px #8E0F42;
}
html[data-theme="brillo"] .vin__shine { background: conic-gradient(from 25deg, transparent 0 6%, rgba(255, 255, 255, .32) 12%, transparent 20% 50%, rgba(255, 255, 255, .24) 62%, transparent 70%); }
html[data-theme="brillo"] .vin__label { background: radial-gradient(circle at 40% 30%, #6FD6D9, var(--br-turq) 60%, #138489); color: var(--ink); }
html[data-theme="brillo"] .vin__label-mono { font-family: var(--font-script); font-weight: 700; font-size: calc(var(--w) * .08); }
html[data-theme="brillo"] .vin__hole { background: #FFE2C2; }
html[data-theme="brillo"] .vin__notes { color: var(--ink); }
html[data-theme="brillo"] .inv-intro--vinyl .inv-intro__guest { background: #FFF4E3; border: var(--br-border); border-radius: 16px; box-shadow: 4px 4px 0 var(--br-ink); }
html[data-theme="brillo"] .inv-intro--vinyl .inv-intro__guest .inv-guest__name { font-weight: 700; font-size: 1.9rem; color: var(--br-fucsia-d); }
html[data-theme="brillo"] .inv-intro--vinyl .inv-intro__cta {
  background: var(--br-fucsia-d); color: #fff; font-family: var(--font-display); font-weight: 800; font-size: .98rem; letter-spacing: .01em;
  border: var(--br-border); box-shadow: 4px 4px 0 var(--br-ink);
}
html[data-theme="brillo"] .inv-intro--vinyl .inv-intro__cta-ring { display: none; }
html[data-theme="brillo"] .inv-intro--vinyl .inv-intro__cta:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--br-ink); }
html[data-theme="brillo"] .inv-intro--vinyl .inv-intro__cta:focus-visible { outline-color: var(--ink); }

/* ============================================================
   ESCRITORIO Y MOVIMIENTO REDUCIDO
   ============================================================ */
@media (min-width: 700px) {
  html[data-theme="brillo"] .inv-page { box-shadow: 0 0 0 2px var(--br-ink), 12px 12px 0 2px var(--br-turq), 12px 12px 0 4px var(--br-ink); }
  html[data-theme="brillo"] .inv-hero__title { font-size: 6rem; }
  html[data-theme="brillo"] .vin { --w: min(60vw, 360px, 44vh); }
  html[data-theme="brillo"] .inv-intro--vinyl::before { width: 240px; left: max(-40px, calc(50% - 520px)); }
}
/* bugambilias a los lados en pantallas anchas */
@media (min-width: 1000px) {
  html[data-theme="brillo"] body.inv::before,
  html[data-theme="brillo"] body.inv::after {
    content: ''; position: fixed; top: -10px; z-index: 0; width: 360px; aspect-ratio: 290 / 220; pointer-events: none;
    background: var(--br-bougain) left top / contain no-repeat;
  }
  html[data-theme="brillo"] body.inv::before { left: -40px; }
  html[data-theme="brillo"] body.inv::after { right: -40px; transform: scaleX(-1); }
  html[data-theme="brillo"] .inv-root { z-index: 1; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme="brillo"] .inv-fx { display: none; }
  html[data-theme="brillo"] .inv-hero--framed::before, html[data-theme="brillo"] .inv-hero--framed::after { transition: none; }
}