/* Dibujos de la web (SVG dentro del CSS). Colores: gris pizarra #4f5e69 y oro viejo #8a6d2a.
   Para cambiar un dibujo, cambia su variable aquí; se usa en el resto de archivos con var(--nombre). */
:root{
  /* Rosa de los vientos (fondo de la portada) */
  --compass:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-100 -100 200 200'%3E%3Cg fill='none' stroke='%234f5e69' stroke-width='.8'%3E%3Ccircle r='92'/%3E%3Ccircle r='86' stroke-dasharray='1 5'/%3E%3Ccircle r='60'/%3E%3Ccircle r='18'/%3E%3Cpath d='M0-96V96M-96 0H96M-68-68L68 68M-68 68L68-68' stroke-width='.4'/%3E%3C/g%3E%3Cg fill='%234f5e69'%3E%3Cpath d='M0-80L9-9 0 0-9-9z'/%3E%3Cpath d='M0 80L9 9 0 0-9 9z' opacity='.45'/%3E%3Cpath d='M80 0L9 9 0 0 9-9z' opacity='.45'/%3E%3Cpath d='M-80 0L-9 9 0 0-9-9z' opacity='.45'/%3E%3Cpath d='M38-38L5 0 0 0 0-5z' opacity='.3'/%3E%3Cpath d='M-38 38L-5 0 0 0 0 5z' opacity='.3'/%3E%3Cpath d='M38 38L0 5 0 0 5 0z' opacity='.3'/%3E%3Cpath d='M-38-38L0-5 0 0-5 0z' opacity='.3'/%3E%3Ctext y='-62' font-family='Georgia,serif' font-size='13' text-anchor='middle' dy='-8'%3EN%3C/text%3E%3C/g%3E%3C/svg%3E");
  /* Matasellos «Mallorca 02·10·2027» */
  --postmark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%234f5e69' opacity='.75'%3E%3Ccircle cx='60' cy='60' r='44' stroke-width='2'/%3E%3Ccircle cx='60' cy='60' r='30' stroke-width='1'/%3E%3C/g%3E%3Cdefs%3E%3Cpath id='a' d='M24 60a36 36 0 1 1 72 0'/%3E%3Cpath id='b' d='M22 64a38 38 0 0 0 76 0'/%3E%3C/defs%3E%3Ctext font-family='Georgia,serif' font-size='11' letter-spacing='3' fill='%234f5e69' opacity='.8'%3E%3CtextPath href='%23a' startOffset='50%25' text-anchor='middle'%3EMALLORCA%3C/textPath%3E%3C/text%3E%3Ctext font-family='Georgia,serif' font-size='9' letter-spacing='2' fill='%234f5e69' opacity='.8'%3E%3CtextPath href='%23b' startOffset='50%25' text-anchor='middle'%3E02 · 10 · 2027%3C/textPath%3E%3C/text%3E%3Cpath d='M48 61l22-8-3-2-7 2-6-5-2 1 3 5-6 2-2-1-1 1 3 3z' fill='%234f5e69' opacity='.8'/%3E%3C/svg%3E");
  /* Autobús moderno con su carretera discontinua (encima del título de Autobuses) */
  --bus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 80'%3E%3Cpath d='M6 67H294' fill='none' stroke='%234f5e69' stroke-width='1.6' stroke-dasharray='5 6' stroke-linecap='round'/%3E%3Cg fill='none' stroke='%234f5e69' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M150 56V26Q150 18 158 18H266Q279 18 281 31L283 52Q283 56 279 56H254A10 10 0 0 0 234 56H188A10 10 0 0 0 168 56Z'/%3E%3Cpath d='M156 24H250V40H156ZM180 24V40M204 24V40M228 24V40'/%3E%3Cpath d='M256 24H272Q276 25 277 40H256Z'/%3E%3Cpath d='M262 44V54H274V44Z' stroke-width='1.4'/%3E%3Cpath d='M154 46H252' stroke-width='1.2' stroke-dasharray='1.5 3.5'/%3E%3Cpath d='M279 46H282' /%3E%3Ccircle cx='178' cy='58' r='7'/%3E%3Ccircle cx='244' cy='58' r='7'/%3E%3Ccircle cx='178' cy='58' r='2.2'/%3E%3Ccircle cx='244' cy='58' r='2.2'/%3E%3C/g%3E%3C/svg%3E");
  /* Separador entre secciones: línea fina con avión */
  --sep:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 20'%3E%3Cpath d='M0 10H122M178 10H300' stroke='%238a6d2a' stroke-width='.8'/%3E%3Ccircle cx='126' cy='10' r='1.6' fill='%238a6d2a'/%3E%3Ccircle cx='174' cy='10' r='1.6' fill='%238a6d2a'/%3E%3Cg fill='none' stroke='%234f5e69' stroke-width='1.3' stroke-linejoin='round' stroke-linecap='round' transform='translate(150 10) scale(.32)'%3E%3Cpath d='M-40 -2 L28 -5 C40 -5 47 -2 47 0 C47 2 40 5 28 5 L-34 4 C-38 3.5 -40 1 -40 -2Z' stroke-width='4'/%3E%3Cpath d='M6 4 L-10 27 L-3 27 L20 5M8 -5 L-2 -19 L3 -19 L18 -5M-30 -2.6 L-41 -17 L-35 -17 L-22 -3' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E");
  /* Icono percha (vestimenta) */
  --ico-hanger:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%234f5e69' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 15a4 4 0 1 1 4-4M24 15v3L8 30h32L24 18'/%3E%3C/svg%3E");
  /* Icono paleta (colores) */
  --ico-palette:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%234f5e69' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M24 9C15 9 8 15 8 23s6 15 14 15c2 0 3-1 3-3s-1-2-1-4 1-3 3-3h5c5 0 8-3 8-8 0-6-7-11-16-11z'/%3E%3Ccircle cx='16' cy='22' r='2'/%3E%3Ccircle cx='21' cy='15' r='2'/%3E%3Ccircle cx='29' cy='15' r='2'/%3E%3Ccircle cx='34' cy='21' r='2'/%3E%3C/svg%3E");
  /* Grano de papel / película, muy suave */
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .17 0 0 0 0 .12 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");
  /* Avión de hélice antiguo y maleta retro con pegatinas (dibujos de fondo, ver fondos.css) */
  --avion-retro:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 120'%3E%3Cg fill='none' stroke='%234f5e69' stroke-width='1.3' stroke-linejoin='round' stroke-linecap='round'%3E %3Cpath d='M24 60C46 50 196 46 248 51C266 53 280 58 287 63C281 69 262 72 240 72L44 74C30 74 20 70 24 60Z'/%3E %3Cpath d='M34 58L20 26L32 26L56 56'/%3E%3Cpath d='M36 67L12 75L22 77L54 71'/%3E %3Cpath d='M40 64.5L252 62' stroke-width='.7'/%3E %3Cpath d='M262 55L274 58L272 62L260 61Z'/%3E %3Crect x='212' y='55' width='7' height='12' rx='2'/%3E %3Cpath d='M128 70L100 96L116 98L168 72'/%3E %3Cellipse cx='126' cy='81' rx='15' ry='5'/%3E%3Cpath d='M141 72V90' stroke-width='1'/%3E%3Ccircle cx='141' cy='81' r='1.6'/%3E %3Cellipse cx='154' cy='76' rx='12' ry='4'/%3E%3Cpath d='M166 69V83' stroke-width='1'/%3E %3C/g%3E%3Cg fill='%234f5e69'%3E%3Ccircle cx='70' cy='58' r='1.9'/%3E%3Ccircle cx='82' cy='58' r='1.9'/%3E%3Ccircle cx='94' cy='58' r='1.9'/%3E%3Ccircle cx='106' cy='58' r='1.9'/%3E%3Ccircle cx='118' cy='58' r='1.9'/%3E%3Ccircle cx='130' cy='58' r='1.9'/%3E%3Ccircle cx='142' cy='58' r='1.9'/%3E%3Ccircle cx='154' cy='58' r='1.9'/%3E%3Ccircle cx='166' cy='58' r='1.9'/%3E%3Ccircle cx='178' cy='58' r='1.9'/%3E%3Ccircle cx='190' cy='58' r='1.9'/%3E%3Ccircle cx='202' cy='58' r='1.9'/%3E%3C/g%3E%3C/svg%3E");
  --maleta:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 124'%3E%3Cg fill='none' stroke='%234f5e69' stroke-width='1.3' stroke-linejoin='round'%3E %3Cpath d='M62 32V22C62 15 98 15 98 22V32'/%3E%3Cpath d='M68 32V25C68 21 92 21 92 25V32'/%3E %3Crect x='8' y='32' width='144' height='84' rx='9'/%3E %3Crect x='14' y='38' width='132' height='72' rx='6' stroke-dasharray='2 3' stroke-width='.8'/%3E %3Crect x='38' y='32' width='12' height='84'/%3E%3Crect x='110' y='32' width='12' height='84'/%3E %3Crect x='36' y='68' width='16' height='10' rx='1.5'/%3E%3Crect x='108' y='68' width='16' height='10' rx='1.5'/%3E %3Cpath d='M8 46V41C8 36 12 32 17 32H22M152 46V41C152 36 148 32 143 32H138M8 102V107C8 112 12 116 17 116H22M152 102V107C152 112 148 116 143 116H138' stroke-width='2.4'/%3E %3Ccircle cx='80' cy='60' r='15'/%3E%3Ccircle cx='80' cy='60' r='11' stroke-width='.6'/%3E %3Crect x='62' y='84' width='34' height='16' rx='2' transform='rotate%28-8 79 92%29'/%3E %3C/g%3E%3Cg fill='%234f5e69' font-family='Georgia,serif' text-anchor='middle'%3E%3Ctext x='80' y='62.5' font-size='6' textLength='20' lengthAdjust='spacingAndGlyphs'%3EPALMA%3C/text%3E%3Ctext x='79' y='94.3' font-size='6' textLength='27' lengthAdjust='spacingAndGlyphs' transform='rotate%28-8 79 92%29'%3EMALLORCA%3C/text%3E%3C/g%3E %3Cg fill='%234f5e69'%3E%3Ccircle cx='30' cy='120' r='3'/%3E%3Ccircle cx='130' cy='120' r='3'/%3E%3C/g%3E%3C/svg%3E");
  /* Dibujos a mano para los fondos (estilo boceto: mapa, globo con avión, postal con palmera, gafas y sombrero) */
  --mapa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 210'%3E%3Cdefs%3E%3Cfilter id='m' x='-5%25' y='-5%25' width='110%25' height='110%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.022' numOctaves='2' seed='3'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='2.4'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' stroke='%234f5e69' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' filter='url(%23m)'%3E %3Cpath d='M14 46L82 58L56 178L4 166Z'/%3E%3Cpath d='M82 58L146 38L126 196L56 178'/%3E%3Cpath d='M146 38L192 18L212 158L126 196'/%3E %3Cpath d='M15 49L80 60' stroke-width='.9'/%3E%3Cpath d='M147 42L190 23' stroke-width='.9'/%3E %3Cpath d='M20 128C30 104 46 102 54 118C62 136 78 146 96 138C112 130 116 108 132 104C142 102 150 108 156 116' stroke-dasharray='7 6' stroke-width='1.6'/%3E %3Cpath d='M170 106C160 92 154 84 154 74A16 16 0 1 1 186 74C186 84 180 92 170 106Z'/%3E%3Ccircle cx='170' cy='73' r='5.5'/%3E %3Cpath d='M170 112l3 3' stroke-width='1.4'/%3E%3Cg transform='translate(26 64) rotate(8) scale(1)' stroke-width='1.3'%3E%3Cpath d='M-4 -7L-6 7M3 -7L1 7M-8 -2L7 -3M-8 3L6 2'/%3E%3C/g%3E%3Cg transform='translate(196 150) rotate(-6) scale(1.1)' stroke-width='1.3'%3E%3Cpath d='M-4 -7L-6 7M3 -7L1 7M-8 -2L7 -3M-8 3L6 2'/%3E%3C/g%3E%3Cg transform='translate(96 176) rotate(0) scale(0.8)' stroke-width='1.3'%3E%3Cpath d='M-4 -7L-6 7M3 -7L1 7M-8 -2L7 -3M-8 3L6 2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --globo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Cdefs%3E%3Cfilter id='m' x='-5%25' y='-5%25' width='110%25' height='110%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.022' numOctaves='2' seed='3'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='2.4'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' stroke='%234f5e69' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' filter='url(%23m)'%3E %3Cdefs%3E%3CclipPath id='c'%3E%3Ccircle cx='105' cy='150' r='82'/%3E%3C/clipPath%3E%3C/defs%3E %3Ccircle cx='105' cy='150' r='82'/%3E%3Ccircle cx='105' cy='150' r='79' stroke-width='.8'/%3E %3Cg clip-path='url(%23c)'%3E%3Cg transform='rotate(-18 105 150)'%3E %3Cellipse cx='105' cy='150' rx='34' ry='84'/%3E%3Cellipse cx='105' cy='150' rx='64' ry='84'/%3E%3Cpath d='M105 64V236'/%3E %3Cpath d='M15 150Q105 172 195 150'/%3E%3Cpath d='M22 110Q105 128 188 110'/%3E%3Cpath d='M22 190Q105 210 188 190'/%3E %3C/g%3E%3C/g%3E %3Cg transform='translate(188 58) rotate(-24)'%3E %3Cpath d='M-44 0C-30 -6 20 -8 34 -6C42 -5 48 -2 50 0C48 2 42 5 34 6C20 8 -30 6 -44 0Z'/%3E %3Cpath d='M-6 -6L-22 -32L-12 -32L14 -6'/%3E%3Cpath d='M-6 6L-22 32L-12 32L14 6'/%3E %3Cpath d='M-40 -2L-48 -16L-42 -16L-30 -3'/%3E%3Cpath d='M-40 2L-46 10L-41 10L-32 4'/%3E %3Cpath d='M-28 -1L26 -1' stroke-dasharray='2 4' stroke-width='1.4'/%3E %3C/g%3E%3Cg transform='translate(56 94) rotate(-20) scale(0.9)' stroke-width='1.3'%3E%3Cpath d='M-4 -7L-6 7M3 -7L1 7M-8 -2L7 -3M-8 3L6 2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --postal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 210 250'%3E%3Cdefs%3E%3Cfilter id='m' x='-5%25' y='-5%25' width='110%25' height='110%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.022' numOctaves='2' seed='3'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='2.4'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' stroke='%234f5e69' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' filter='url(%23m)'%3E %3Cg transform='rotate(13 105 125)'%3E %3Crect x='22' y='22' width='166' height='206'/%3E%3Crect x='34' y='34' width='142' height='164' stroke-width='1.4'/%3E %3Cpath d='M44 176C58 170 70 178 84 172C98 166 110 176 124 170C138 164 150 172 166 168' stroke-width='1.5'/%3E %3Cpath d='M50 188C66 184 80 190 96 186M110 186C126 182 140 188 158 184' stroke-width='1.2'/%3E %3Cpath d='M56 170C70 150 108 148 130 166' stroke-width='1.6'/%3E %3Cpath d='M98 156C100 132 98 112 92 96' /%3E%3Cpath d='M104 156C106 132 104 112 98 96' stroke-width='1.3'/%3E %3Cpath d='M94 96C80 86 62 90 52 102C66 96 80 96 94 98Z'/%3E %3Cpath d='M94 96C92 80 80 70 64 70C78 76 88 86 92 98'/%3E %3Cpath d='M95 96C106 82 124 80 138 90C124 88 110 92 97 99Z'/%3E %3Cpath d='M96 96C110 92 128 100 134 116C122 104 108 100 96 99'/%3E %3Cpath d='M94 97C86 104 82 116 84 128C88 116 92 106 96 99'/%3E %3Cpath d='M100 120l6 3M101 132l6 2M101 144l5 2' stroke-width='1.1'/%3E %3Cpath d='M56 56q5-5 10 0q5-5 10 0' stroke-width='1.5'/%3E%3Cpath d='M126 50q4-4 8 0q4-4 8 0' stroke-width='1.4'/%3E%3Cpath d='M150 70q3-3 6 0q3-3 6 0' stroke-width='1.2'/%3E %3C/g%3E%3C/g%3E%3C/svg%3E");
  --gafas-sombrero:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 230 275'%3E%3Cdefs%3E%3Cfilter id='m' x='-5%25' y='-5%25' width='110%25' height='110%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.022' numOctaves='2' seed='3'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='2.4'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' stroke='%234f5e69' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' filter='url(%23m)'%3E %3Cg transform='rotate(8 115 70)'%3E %3Cpath d='M18 58C16 50 22 46 32 46H86C96 46 100 52 98 62C94 86 82 100 62 100C38 100 22 86 18 58Z'/%3E %3Cpath d='M128 50C128 44 134 40 144 40H198C208 40 212 46 210 56C206 80 194 94 174 94C150 94 132 80 128 50Z'/%3E %3Cpath d='M98 56C106 48 120 46 128 50'/%3E %3Cpath d='M18 56L4 62' /%3E%3Cpath d='M210 50C214 40 214 30 206 22L194 20'/%3E %3Cpath d='M40 64l12 -6M44 72l14 -7M70 82l12 -6M72 74l8 -4' stroke-width='1.2'/%3E %3Cpath d='M150 60l14 -7M154 68l14 -7M182 76l10 -5' stroke-width='1.2'/%3E %3C/g%3E %3Cpath d='M26 226C26 196 52 174 86 174C120 174 144 196 144 226'/%3E %3Cpath d='M28 214C60 228 112 228 142 214' stroke-width='1.4'/%3E%3Cpath d='M27 222C60 236 112 236 143 222' stroke-width='1.4'/%3E %3Cpath d='M26 226C4 234 -2 250 20 256C60 266 150 262 198 248C222 240 218 224 190 220C176 218 160 220 144 224'/%3E %3Cpath d='M30 250C80 256 150 254 196 242' stroke-width='1'/%3E %3Cpath d='M90 186l10 -6M94 194l12 -7M100 202l10 -6M104 186l8 -4' stroke-width='1.2'/%3E %3Cpath d='M178 236l10 -4M182 244l8 -3' stroke-width='1.1'/%3E%3C/g%3E%3C/svg%3E");
}