/* =====================================================================
   Inolvidia · tema «atardecer» — playa al atardecer en Máncora (demo: boda-atardecer)
   §24.1 n.º 7. Contrato §5: variables en :root + decoración acotada SIEMPRE bajo html[data-theme="atardecer"].
   Idea: la invitación transcurre como una tarde frente al mar: sol alto en la portada, el cielo que pasa de
   durazno a coral y lila en el programa, y la noche con la fogata en el pie. Olas de línea, conchas, estrellas
   de mar, palmeras en contraluz y gaviotas mínimas; degradados de cielo con grano para que no hagan bandas.
   Apertura: «boarding» reinterpretada solo con CSS (tarjeta de embarque vintage sobre el cielo del atardecer,
   el sol cayendo en el horizonte, palmeras y olas; al abordar, la cámara vuela hacia el sol).
   Arte: tools/temas/atardecer.mjs escribe el bloque @recursos (no editar a mano).
   Contraste AA medido (docs/notas/bodas24-boda-atardecer.md): el coral vivo #D9644A y el durazno solo van en
   adornos y texto grande; el texto chico usa --accent #AE4430, --accent-2 #2E6F86, --ink y --ink-soft.
   Clases internas que viste (si el motor las renombra, el tema cae con gracia al estilo base): .brd__*, .flap,
   .bc, .smp__*, .inv-countdown__*, .inv-event__*, .inv-timeline__*, .inv-story__*, .inv-fund__*, .inv-playlist__*.
   ===================================================================== */

:root {
  --bg: #FBF1E6;
  --bg-alt: #F7E4D6;
  --surface: #FFFAF5;
  --ink: #23394A;
  --ink-soft: #55606C;
  --accent: #AE4430;
  --accent-2: #2E6F86;
  --accent-ink: #FFFAF5;
  --line: rgba(35, 57, 74, .14);
  --font-display: 'DM Serif Display', 'Georgia', 'Times New Roman', serif;
  --font-script: 'Satisfy', 'DM Serif Display', cursive;
  --font-body: 'Outfit', 'Avenir Next', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --radius: 22px;
  --shadow: 0 1px 2px rgba(80, 40, 30, .05), 0 18px 40px -26px rgba(120, 60, 50, .45);
  --hero-overlay: linear-gradient(180deg, rgba(64, 36, 78, .34) 0%, rgba(64, 36, 78, .02) 14%, rgba(58, 33, 72, .2) 27%, rgba(50, 30, 66, .44) 43%, rgba(40, 27, 60, .73) 66%, rgba(32, 24, 52, .9) 100%);
  --hero-ink: #FFF6EC;
  --intro-bg: #E9A58C;
  --intro-ink: #23394A;
  --seal: #AE4430;
  --pattern: none;
  --ornament: var(--at-ornament, none);

  /* — propias del tema — */
  --at-coral: #D9644A;        /* coral vivo: adornos y texto grande */
  --at-durazno: #F6CDB4;
  --at-sol: #F4A272;
  --at-oro: #F7C98B;
  --at-lila: #B9A3C9;
  --at-lila-tinta: #6E5A8A;   /* lila legible (4,9:1 sobre --bg-alt) */
  --at-mar: #2E6F86;
  --at-noche: #2A2340;
  --at-crema: #FFF3E4;
}

/* @recursos:inicio — arte propio generado por tools/temas/atardecer.mjs (no editar a mano) */
html[data-theme="atardecer"] {
  --at-palma-a: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 640'%3E%3Cg fill='%232A2340'%3E%3Cpath d='M74 640 85 621 83 603 85 584 84 566 87 547 88 528 90 510 94 491 95 473 100 454 103 435 109 417 113 398 118 379 125 361 130 342 138 323 145 304 153 286 161 267 170 248 180 229 188 210 199 192 209 173 220 154 L208 146 196 165 185 184 175 203 164 221 155 241 145 259 136 278 128 297 119 316 113 335 105 354 99 373 93 392 87 411 83 430 76 449 74 468 69 487 66 506 63 525 60 544 59 564 56 583 57 602 55 621 66 640ZM214 150 L224 147 233 159 232 143 238 141 253 163 246 138 252 136 274 175 260 135 267 134 287 176 275 134 281 134 298 178 289 135 296 136 308 179 304 138 310 140 319 183 318 143 325 146 329 182 333 150 339 154 341 187 347 160 354 165 354 190 362 172 369 177 369 188 377 185 383 192 384 195 385 194 387 196 386 193 386 193 384 191 378 184 379 183 370 176 363 170 378 176 355 163 349 158 368 166 340 152 334 148 368 160 326 144 319 140 352 149 311 137 304 135 344 141 296 133 289 131 327 132 281 131 275 130 311 125 266 130 260 131 287 121 252 133 245 134 264 120 237 137 230 139 235 129 222 143ZM214 150 L222 143 233 152 228 137 233 131 252 148 239 126 244 121 268 145 250 116 254 113 282 143 260 109 265 106 287 134 271 103 276 101 301 138 282 99 287 98 305 132 293 97 297 97 311 129 303 97 308 97 318 125 314 98 319 99 324 121 325 101 330 103 332 113 336 106 341 109 341 111 342 110 344 110 343 109 344 110 342 108 337 105 340 106 331 102 326 100 340 102 320 98 315 96 336 98 308 95 303 94 335 91 297 94 292 95 320 86 286 96 281 97 306 80 275 99 270 100 289 72 264 103 259 106 262 74 252 110 247 114 237 88 241 118 236 123 220 108 230 129 225 134 209 128 219 141ZM214 150 L219 143 229 149 221 137 223 132 241 141 225 126 227 122 248 133 229 116 231 112 255 126 234 108 235 104 259 118 238 100 240 97 262 112 242 93 244 91 269 109 246 88 248 86 266 101 250 83 252 82 266 95 255 80 256 79 267 91 259 77 260 77 265 83 263 76 265 76 266 78 265 76 266 75 265 74 268 74 265 74 262 74 268 71 260 75 258 76 265 63 255 77 253 78 250 58 251 80 249 82 233 62 246 84 244 86 223 72 242 89 240 92 209 78 237 95 235 98 204 90 233 102 231 106 199 101 228 111 226 115 199 113 224 120 222 125 198 126 219 131 217 136 203 140 215 142ZM214 150 L215 143 226 143 214 136 214 131 235 132 213 125 212 120 239 122 211 115 210 111 238 111 209 106 208 102 240 102 208 97 207 94 232 94 206 90 205 87 232 86 204 83 203 81 227 79 203 78 202 75 223 73 201 73 200 71 215 68 199 69 198 67 206 65 198 66 197 65 199 63 196 64 196 65 195 65 194 67 196 65 196 67 190 72 197 68 198 70 187 77 198 72 199 73 184 83 200 76 200 78 180 90 201 81 202 84 178 96 203 87 203 90 177 104 204 94 205 98 176 112 205 102 206 106 180 120 207 111 207 116 186 128 208 121 209 126 190 137 210 132 210 137 201 146 211 143ZM214 150 L210 140 222 131 205 133 200 127 216 111 195 121 190 116 209 87 185 110 180 106 190 68 175 102 170 98 164 56 165 95 160 92 134 54 155 89 150 88 120 68 145 86 140 85 103 74 135 84 131 84 101 82 125 84 121 85 98 88 115 86 111 88 101 91 106 90 101 92 99 93 100 92 99 94 101 94 101 95 102 93 106 91 109 99 111 89 116 88 114 107 121 87 125 86 118 114 131 86 135 87 122 119 140 87 144 88 130 119 150 90 154 92 134 125 159 95 163 97 143 127 168 101 173 104 149 135 178 109 182 113 161 140 187 118 192 123 173 148 197 130 201 135 195 150 207 143ZM214 150 L206 143 194 127 198 138 190 135 162 114 182 132 175 130 130 112 166 128 159 127 112 119 151 127 144 127 96 127 135 128 128 129 77 136 120 131 113 133 63 146 104 136 97 140 54 156 89 144 82 149 53 162 74 154 67 160 44 172 58 167 51 173 41 180 43 182 36 189 34 191 34 191 33 194 35 192 37 192 37 190 44 183 53 187 52 174 59 168 67 188 68 161 75 156 81 181 83 150 90 146 94 178 98 142 105 139 105 177 114 136 120 134 117 173 129 132 135 131 127 172 144 130 150 130 138 173 159 131 165 132 153 169 174 134 180 136 171 163 189 139 195 142 193 159 204 146ZM214 150 L207 148 191 151 200 150 194 151 167 158 187 153 181 156 148 169 175 159 169 163 131 181 162 167 157 172 122 192 150 178 145 183 111 205 138 190 132 196 99 221 126 204 120 211 92 234 113 220 108 229 85 249 101 239 96 248 80 262 89 259 84 269 76 277 77 282 71 293 70 295 70 296 69 299 71 296 73 296 73 293 78 283 87 280 85 270 91 260 101 269 97 249 103 240 114 260 110 230 115 222 127 249 122 213 128 206 138 239 134 198 140 192 148 223 147 185 152 180 158 210 159 174 164 170 168 207 171 166 176 163 178 193 183 159 188 157 189 179 195 155 200 154 201 167 207 153ZM214 150 L221 153 226 166 227 154 233 156 238 181 239 159 244 161 249 195 251 165 256 168 259 210 263 173 268 178 268 217 275 184 280 189 277 235 287 196 292 203 288 241 299 211 305 218 300 252 311 228 317 236 312 263 323 247 329 256 325 277 336 268 341 278 339 288 348 291 353 303 353 305 355 306 357 308 356 305 356 304 354 302 349 291 350 285 342 278 337 267 344 269 330 255 325 246 341 255 318 235 313 227 333 240 307 217 301 209 329 227 295 201 289 194 318 212 282 187 277 181 305 197 270 175 265 170 293 184 258 165 253 162 282 173 246 158 240 155 264 162 234 152 228 150 238 153 222 149ZM214 150 L209 152 200 161 206 156 203 160 187 174 200 164 197 168 179 186 194 174 191 179 172 198 188 185 185 191 167 210 182 198 179 204 159 227 176 212 174 219 154 241 170 227 168 235 150 256 165 244 162 253 150 268 159 263 156 272 147 283 153 283 150 292 146 298 147 304 145 314 143 317 144 317 144 320 145 317 146 317 146 315 149 305 154 301 152 293 155 283 163 287 158 272 161 263 170 272 164 253 167 245 177 259 170 236 173 228 183 245 176 220 179 213 190 237 182 205 185 199 194 218 188 192 191 187 200 211 194 180 197 176 204 197 200 170 203 167 208 183 206 162 209 159 212 167 212 155Z'/%3E%3Ccircle cx='208' cy='159' r='6'/%3E%3Ccircle cx='219' cy='160' r='6'/%3E%3Ccircle cx='214' cy='165' r='6'/%3E%3Cpath d='M13 640 20 628 19 616 20 605 19 593 21 581 21 569 22 557 24 546 24 534 27 522 28 510 30 498 32 486 34 475 38 463 40 451 43 439 46 427 50 415 53 404 57 392 61 380 65 368 70 356 74 344 79 332 L69 328 64 340 59 352 55 364 49 376 46 388 41 400 37 412 34 424 29 435 27 448 23 459 21 472 18 484 15 495 13 508 10 519 9 532 7 544 6 556 4 568 3 580 3 592 1 604 1 616 0 628 7 640ZM74 330 L81 327 89 336 86 324 91 322 104 338 96 319 100 317 115 338 105 315 110 314 124 341 115 314 119 313 132 343 124 313 129 313 140 348 134 314 138 315 146 348 144 317 148 319 152 345 153 321 158 324 160 346 163 327 167 331 168 348 173 335 177 339 177 347 183 344 187 349 187 351 188 350 190 351 189 349 190 350 188 348 184 343 186 343 178 338 174 334 183 337 169 329 164 326 180 332 159 322 154 319 173 325 149 317 144 315 173 321 139 313 134 311 163 314 129 311 124 310 150 308 119 310 114 310 143 301 109 311 104 312 121 301 99 314 94 315 103 302 89 318 84 321 83 312 79 324ZM74 330 L78 326 85 329 81 321 82 317 96 325 85 313 86 310 104 321 89 306 90 303 111 317 93 300 94 297 114 312 96 294 98 292 117 307 100 290 102 288 117 302 104 286 106 284 119 298 108 283 110 282 120 295 112 281 114 280 120 290 116 280 118 279 121 285 120 279 122 279 123 281 122 279 123 278 122 278 125 278 122 278 120 277 125 277 118 278 116 278 124 273 113 278 111 279 120 266 109 280 107 281 108 261 105 283 103 284 93 262 100 286 98 288 81 270 96 290 94 292 75 281 92 295 90 298 67 289 87 301 85 304 65 299 83 308 81 311 63 309 79 315 77 319 66 321 75 324ZM74 330 L74 323 82 322 72 318 70 314 86 310 68 309 66 306 85 299 64 301 62 298 85 288 60 294 58 291 78 280 56 288 54 286 72 272 52 283 50 281 65 262 48 279 46 277 51 255 44 276 42 274 36 260 40 273 38 272 28 265 36 272 34 271 27 270 32 271 30 271 27 272 29 271 29 272 29 273 29 275 30 273 31 273 31 278 34 273 35 273 30 283 37 274 39 275 30 288 41 276 42 277 30 292 44 279 46 281 28 299 48 283 49 285 29 303 52 288 53 290 36 306 55 293 57 296 36 313 59 300 60 303 45 317 62 307 64 311 51 324 66 316 68 320 61 329 70 325ZM74 330 L69 324 63 312 64 321 59 319 42 302 54 316 49 315 24 303 44 313 39 313 9 307 34 312 29 312 -3 312 24 312 19 313 -14 319 14 315 9 316 -24 326 4 318 -1 321 -26 331 -6 324 -11 327 -31 338 -16 331 -21 335 -34 344 -26 340 -30 345 -37 350 -36 350 -40 356 -42 358 -41 357 -42 359 -40 358 -39 359 -39 356 -35 351 -29 354 -29 346 -25 341 -19 355 -19 336 -15 333 -11 353 -10 329 -5 326 -3 348 0 323 4 321 4 348 10 319 14 317 10 349 19 316 24 316 17 345 29 315 33 315 25 342 39 316 43 317 32 344 48 318 52 320 44 339 58 322 62 324 60 336 67 328ZM74 330 L78 333 82 343 83 334 87 335 90 352 91 337 95 339 98 365 99 342 103 345 104 369 107 349 111 352 110 382 116 356 120 360 118 386 124 366 128 370 125 399 133 377 136 382 133 407 141 389 145 395 141 414 149 403 153 410 150 425 158 419 162 426 160 434 166 436 170 444 170 446 171 446 173 448 172 445 173 446 171 443 168 435 169 432 163 425 159 418 166 420 155 409 151 402 163 409 147 394 143 388 156 397 138 381 135 375 153 388 130 369 126 364 142 374 122 358 118 354 141 368 113 349 110 346 131 357 105 342 101 339 119 347 97 336 93 334 107 339 88 332 84 330 92 333 79 329ZM74 330 L69 329 57 334 65 331 61 333 42 342 57 335 53 338 32 350 49 341 45 344 21 361 41 349 38 353 16 370 33 358 30 362 11 379 26 368 22 374 4 390 18 380 15 386 -1 402 11 394 7 401 -7 416 3 409 0 417 -9 427 -5 426 -8 434 -13 441 -12 445 -15 453 -17 456 -16 456 -17 458 -15 456 -14 456 -14 454 -11 445 -5 442 -6 435 -3 427 4 430 1 418 5 410 13 421 9 402 13 395 21 409 17 388 20 382 29 401 25 375 28 370 35 390 32 364 36 360 42 380 40 355 43 351 48 373 48 347 51 344 54 365 55 341 59 339 60 353 63 336 66 335 67 344 70 333Z'/%3E%3Ccircle cx='68' cy='339' r='6'/%3E%3Ccircle cx='79' cy='340' r='6'/%3E%3Ccircle cx='74' cy='345' r='6'/%3E%3C/g%3E%3C/svg%3E");
  --at-palma-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 600'%3E%3Cg fill='%232A2340'%3E%3Cpath d='M266 600 274 583 271 566 271 549 267 532 266 515 262 498 259 482 256 465 250 448 247 431 241 415 237 398 231 381 225 364 219 347 211 331 205 314 197 298 189 281 181 264 172 248 164 231 153 215 144 198 134 181 124 165 L112 171 123 188 132 205 142 221 150 238 159 254 167 271 175 288 182 304 189 321 196 337 201 354 208 370 213 387 218 404 224 420 227 437 232 453 234 469 238 486 241 502 243 519 246 535 246 551 249 568 248 584 258 600ZM118 168 L111 161 99 148 103 158 97 155 71 139 89 152 83 151 45 139 75 150 68 149 24 144 61 149 54 149 5 152 47 150 40 152 -5 161 33 154 26 157 -10 168 19 160 13 164 -23 179 5 168 -1 173 -30 188 -9 178 -15 184 -34 196 -23 191 -29 197 -38 204 -36 205 -43 213 -45 215 -44 215 -45 217 -43 215 -42 216 -42 213 -35 206 -27 209 -28 198 -22 192 -14 205 -14 185 -8 180 -1 206 0 174 6 170 10 201 14 166 20 162 20 199 27 159 34 157 31 195 41 155 47 154 41 191 55 153 61 152 52 187 68 152 74 153 62 188 82 155 88 156 78 184 95 159 101 161 99 177 109 165ZM118 168 L114 159 124 150 108 152 104 147 119 125 98 141 94 137 103 105 88 132 83 129 79 91 78 125 73 122 54 92 68 120 63 118 31 95 58 116 53 115 21 105 48 114 43 114 14 112 37 114 33 114 5 117 27 115 23 117 2 122 17 119 13 121 4 125 7 124 3 127 1 128 2 128 1 129 2 129 3 130 4 128 8 125 12 131 14 122 18 120 20 135 23 118 28 117 25 140 33 116 37 116 29 147 43 116 47 116 34 151 53 117 57 119 43 148 62 120 66 122 46 157 72 125 76 128 56 158 81 132 86 135 68 161 91 140 95 144 83 165 101 150 105 155 99 170 110 162ZM118 168 L118 161 128 160 116 154 115 150 133 148 113 144 112 140 133 137 110 135 108 131 134 126 106 126 105 123 133 116 103 119 102 116 125 108 100 113 98 110 122 99 97 107 95 105 112 93 93 103 92 101 103 86 90 99 88 98 89 83 86 97 85 96 79 90 83 95 81 95 78 94 81 95 81 95 81 96 80 98 81 96 82 96 80 102 84 97 85 98 76 110 87 99 88 101 76 114 90 102 91 104 74 120 93 106 94 108 75 124 96 111 97 114 74 131 99 117 100 120 78 136 102 124 103 128 80 144 105 132 106 136 90 149 108 141 109 145 95 158 111 151 112 156 105 166 114 162ZM118 168 L121 161 131 165 122 155 123 150 140 156 124 145 124 140 144 147 125 135 126 131 150 139 127 126 128 123 153 132 129 118 129 115 158 126 130 111 131 109 157 119 132 105 132 103 154 113 133 100 134 98 151 106 135 96 136 94 149 102 137 92 137 91 143 95 138 90 139 89 141 91 139 89 139 88 138 88 137 86 138 88 137 89 130 86 136 90 135 92 121 88 134 93 133 95 112 93 132 97 131 99 110 99 130 102 129 105 105 106 128 108 127 111 100 113 126 114 125 118 99 121 125 122 124 126 94 130 123 130 122 134 101 140 121 140 120 144 101 150 119 150 118 155 107 161 117 161ZM118 168 L125 161 137 169 130 154 134 149 154 164 139 142 143 138 170 160 148 133 152 129 181 156 157 125 161 122 187 150 166 118 169 116 193 147 174 114 178 112 198 143 183 111 187 110 201 139 192 110 196 110 204 132 201 111 205 111 210 130 210 113 214 114 215 124 219 117 223 119 223 122 224 120 225 120 225 119 226 120 223 118 219 115 223 116 214 113 210 111 225 114 205 110 201 108 225 109 196 108 192 108 218 102 187 108 182 109 213 91 177 110 173 111 192 86 168 114 164 116 168 77 159 119 154 122 140 90 149 126 145 130 124 112 140 135 136 140 115 131 131 146 127 152 109 150 122 159ZM118 168 L127 165 138 178 135 161 140 158 157 182 148 156 154 154 173 187 161 152 167 151 184 187 175 151 181 151 197 195 188 152 194 153 205 194 201 155 207 157 214 194 215 160 221 163 225 201 229 168 235 172 236 202 242 177 248 182 248 203 256 189 262 195 262 207 269 203 276 210 276 213 277 212 279 214 278 211 279 212 277 209 271 202 271 200 263 194 257 188 269 193 249 181 243 176 264 185 236 170 230 166 253 174 222 161 216 158 251 168 208 155 202 152 242 159 195 150 188 149 227 150 181 148 174 148 214 142 167 148 160 149 189 137 153 150 146 152 161 140 139 155 133 157 136 146 125 161ZM118 168 L124 170 129 181 130 171 135 172 140 192 141 174 146 176 151 210 152 179 156 181 159 217 162 185 167 189 168 227 173 194 178 198 177 237 184 204 189 210 186 247 195 217 200 223 196 257 206 231 211 238 208 260 217 247 222 255 219 271 228 265 233 274 231 283 239 285 244 295 244 297 245 297 247 299 246 297 247 296 245 294 240 284 241 280 234 273 229 264 236 266 223 254 219 246 231 253 213 237 208 229 227 242 202 221 197 215 218 228 191 208 186 202 209 215 180 196 175 191 201 205 169 186 164 183 186 192 158 179 153 175 173 183 147 173 142 170 160 175 136 168 131 167 139 169 125 166ZM118 168 L111 167 94 171 105 168 99 170 76 178 93 173 88 176 58 189 82 179 77 183 46 200 70 188 65 193 31 215 59 199 54 204 24 226 48 211 43 218 14 241 37 226 32 233 6 255 25 242 20 251 3 267 14 261 9 270 -3 283 3 282 -2 292 -8 298 -8 304 -13 315 -15 318 -14 318 -15 321 -13 319 -12 318 -12 316 -7 305 1 301 -1 292 5 282 15 291 11 271 16 262 26 275 22 252 27 244 38 263 34 234 39 227 49 258 45 219 50 213 59 246 56 206 61 201 68 236 67 195 72 191 77 223 79 186 84 183 86 208 90 179 95 177 95 200 101 174 106 172 107 183 112 171Z'/%3E%3Ccircle cx='112' cy='177' r='6'/%3E%3Ccircle cx='123' cy='178' r='6'/%3E%3Ccircle cx='118' cy='183' r='6'/%3E%3C/g%3E%3C/svg%3E");
  --at-gaviotas: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 60'%3E%3Cg fill='none' stroke='%232A2340' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.8 35.9Q21.5 25.5 30 36.3Q38.5 25.5 45.2 35.9' stroke-width='2.4'/%3E%3Cpath d='M59.2 19.4Q63.9 11.9 70 19.6Q76.1 11.9 80.8 19.4' stroke-width='2'/%3E%3Cpath d='M90 41Q93.5 35.5 98 41.2Q102.5 35.5 106 41' stroke-width='1.7'/%3E%3C/g%3E%3C/svg%3E");
  --at-brillo-a: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 150'%3E%3Cg stroke='%23FFEACB' stroke-linecap='round'%3E%3Cpath d='M99.9 1.7h5.5M109.2 2h8.1' stroke-opacity='.92' stroke-width='1.2'/%3E%3Cpath d='M85.8 3.1h10.8M101.5 1.9h9.9' stroke-opacity='.9' stroke-width='1.3'/%3E%3Cpath d='M70.7 5.2h11.9M85.9 4.4h11.4' stroke-opacity='.87' stroke-width='1.3'/%3E%3Cpath d='M71.2 7.5h23M110.7 6.7h17.2M87.4 7.4h26.7' stroke-opacity='.85' stroke-width='1.4'/%3E%3Cpath d='M89.5 10.1h28.3' stroke-opacity='.83' stroke-width='1.4'/%3E%3Cpath d='M117.7 14.1h2.6' stroke-opacity='.81' stroke-width='1.5'/%3E%3Cpath d='M83.1 18.9h4.5M104.8 18.9h4.1M96.1 19.1h25.6' stroke-opacity='.78' stroke-width='1.5'/%3E%3Cpath d='M121.8 23.1h4.6M70.5 22.9h20.2' stroke-opacity='.76' stroke-width='1.6'/%3E%3Cpath d='M103.2 28h13.4' stroke-opacity='.74' stroke-width='1.7'/%3E%3Cpath d='M108.4 33.6h19.9' stroke-opacity='.72' stroke-width='1.7'/%3E%3Cpath d='M99.6 40h12.5M90 40.5h11.3M72 40.6h14' stroke-opacity='.69' stroke-width='1.8'/%3E%3Cpath d='M72.9 46.1h18' stroke-opacity='.67' stroke-width='1.8'/%3E%3Cpath d='M88.8 53.1h20.5M85.6 52.5h20.2M62.9 53.8h15.4' stroke-opacity='.65' stroke-width='1.9'/%3E%3Cpath d='M116.9 59.7h4M78.2 59.6h13.3M93.8 60.6h25.7' stroke-opacity='.63' stroke-width='1.9'/%3E%3Cpath d='M84.2 67.3h9.4M88.3 67.3h16.7M101.8 67.7h16.6M103.8 67h7.8' stroke-opacity='.6' stroke-width='2'/%3E%3Cpath d='M77.5 75.2h13.1M83.3 75.2h8.7' stroke-opacity='.58' stroke-width='2'/%3E%3Cpath d='M77.7 82.7h21.4M81.5 84h5.8M72.1 82.9h5.2' stroke-opacity='.56' stroke-width='2.1'/%3E%3Cpath d='M67.7 92h17M61 92.3h19.9M82.2 91.3h14.4M96.2 91.2h15.7M83.3 91.9h22.2' stroke-opacity='.54' stroke-width='2.2'/%3E%3Cpath d='M91.1 100.6h2.9M94.3 100.5h11M98 99.9h3.1' stroke-opacity='.51' stroke-width='2.2'/%3E%3Cpath d='M139.8 109.4h10.8M50.4 109.2h11M68.6 109.8h14.1M43.6 109.8h16.6' stroke-opacity='.49' stroke-width='2.3'/%3E%3Cpath d='M80.7 118.9h10.1M80 119h22.6M75.9 118.7h15.2M73.8 118.4h15.8' stroke-opacity='.47' stroke-width='2.3'/%3E%3Cpath d='M64.2 127.6h6.2M103.2 127.5h7.9' stroke-opacity='.45' stroke-width='2.4'/%3E%3Cpath d='M100.2 137.7h5.7M108.2 137.9h14.6M108.6 137.2h13.3M27.2 137.5h13.2' stroke-opacity='.42' stroke-width='2.4'/%3E%3Cpath d='M61.9 147.7h13.6M57.7 147.4h15.5M83.1 147.5h8M129 148.1h13.8' stroke-opacity='.4' stroke-width='2.5'/%3E%3C/g%3E%3C/svg%3E");
  --at-brillo-b: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 150'%3E%3Cg stroke='%23FFEACB' stroke-linecap='round'%3E%3Cpath d='M76.7 1.4h10.9' stroke-opacity='.92' stroke-width='1.2'/%3E%3Cpath d='M70.3 1.9h15.8' stroke-opacity='.9' stroke-width='1.3'/%3E%3Cpath d='M108.7 3.9h18.5M122.9 4.6h7.2' stroke-opacity='.87' stroke-width='1.3'/%3E%3Cpath d='M64 6.9h13.4' stroke-opacity='.85' stroke-width='1.4'/%3E%3Cpath d='M82.7 11h10.7' stroke-opacity='.83' stroke-width='1.4'/%3E%3Cpath d='M100.1 14.7h17.1M78.2 13.7h9.4M92.6 14.5h7.6' stroke-opacity='.81' stroke-width='1.5'/%3E%3Cpath d='M96.1 18.9h6.4' stroke-opacity='.78' stroke-width='1.5'/%3E%3Cpath d='M74.8 22.9h24.9M115.4 23.8h8.9' stroke-opacity='.76' stroke-width='1.6'/%3E%3Cpath d='M79.3 28.2h26.7M70.5 29.2h23.5M77.6 28.4h4.6' stroke-opacity='.74' stroke-width='1.7'/%3E%3Cpath d='M86 34.8h8.5M91.1 34.1h14.5' stroke-opacity='.72' stroke-width='1.7'/%3E%3Cpath d='M126.9 40.4h11.4M81 40.4h16.9M107.5 40h23.1' stroke-opacity='.69' stroke-width='1.8'/%3E%3Cpath d='M85.8 46.1h16.9' stroke-opacity='.67' stroke-width='1.8'/%3E%3Cpath d='M92.4 53.8h10.8M97.1 53.3h3' stroke-opacity='.65' stroke-width='1.9'/%3E%3Cpath d='M105.9 60.3h3.1M90 59.9h10.2M92.7 59.6h17.6' stroke-opacity='.63' stroke-width='1.9'/%3E%3Cpath d='M108.9 68h6.1M60.1 67.7h20.9M114.1 67.6h14.6M138.1 67.5h7.3' stroke-opacity='.6' stroke-width='2'/%3E%3Cpath d='M105 75.9h17.6M75.8 74.8h10.5M122.2 75h18.3M119.8 75.3h19.7' stroke-opacity='.58' stroke-width='2'/%3E%3Cpath d='M115.5 83.8h17.6' stroke-opacity='.56' stroke-width='2.1'/%3E%3Cpath d='M68 91.5h4.3M92.3 91.4h9M148.4 91.2h7.5M149.1 91h5.8' stroke-opacity='.54' stroke-width='2.2'/%3E%3Cpath d='M86.4 100h24.6' stroke-opacity='.51' stroke-width='2.2'/%3E%3Cpath d='M130.9 109.7h10.8' stroke-opacity='.49' stroke-width='2.3'/%3E%3Cpath d='M92.5 118.5h16.6M75.8 118.3h21.4' stroke-opacity='.47' stroke-width='2.3'/%3E%3Cpath d='M106.3 127.1h9.7M85.3 127.5h6.1' stroke-opacity='.45' stroke-width='2.4'/%3E%3Cpath d='M24.1 137.5h15.2M96.5 137.6h20.9' stroke-opacity='.42' stroke-width='2.4'/%3E%3Cpath d='M118.2 147.4h2.8M52.7 147.9h10.4M125.6 147.8h13.4' stroke-opacity='.4' stroke-width='2.5'/%3E%3C/g%3E%3C/svg%3E");
  --at-olas-mar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 70' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%23FFF3E4' stroke-linecap='round'%3E%3Cpath d='M-60 14Q-45 18.2 -30 14Q-15 9.8 0 14Q15 18.2 30 14Q45 9.8 60 14Q75 18.2 90 14Q105 9.8 120 14Q135 18.2 150 14Q165 9.8 180 14Q195 18.2 210 14Q225 9.8 240 14Q255 18.2 270 14Q285 9.8 300 14' stroke-opacity='.34' stroke-width='1.4'/%3E%3Cpath d='M-80 36.8Q-60 36.1 -40 31.2Q-20 31.9 0 36.8Q20 36.1 40 31.2Q60 31.9 80 36.8Q100 36.1 120 31.2Q140 31.9 160 36.8Q180 36.1 200 31.2Q220 31.9 240 36.8Q260 36.1 280 31.2Q300 31.9 320 36.8' stroke-opacity='.26' stroke-width='1.6'/%3E%3Cpath d='M-120 58.4Q-90 51 -60 53.6Q-30 61 0 58.4Q30 51 60 53.6Q90 61 120 58.4Q150 51 180 53.6Q210 61 240 58.4Q270 51 300 53.6Q330 61 360 58.4' stroke-opacity='.2' stroke-width='1.8'/%3E%3C/g%3E%3C/svg%3E");
  --at-ola-borde: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 16' preserveAspectRatio='none'%3E%3Cpath d='M0 16V9C10 9 15 3 30 3S50 9 60 9 75 3 90 3 110 9 120 9V16Z'/%3E%3C/svg%3E");
  --at-ola-corte: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 16' preserveAspectRatio='none'%3E%3Cpath d='M0 0V9C10 9 15 3 30 3S50 9 60 9 75 3 90 3 110 9 120 9V0Z'/%3E%3C/svg%3E");
  --at-olas-tinta: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 30'%3E%3Cg fill='none' stroke='%232E6F86' stroke-linecap='round'%3E%3Cpath d='M-40 9Q-30 12 -20 9Q-10 6 0 9Q10 12 20 9Q30 6 40 9Q50 12 60 9Q70 6 80 9Q90 12 100 9Q110 6 120 9Q130 12 140 9Q150 6 160 9' stroke-opacity='.55' stroke-width='1.4'/%3E%3Cpath d='M-60 22.6Q-45 20.9 -30 19.4Q-15 21.1 0 22.6Q15 20.9 30 19.4Q45 21.1 60 22.6Q75 20.9 90 19.4Q105 21.1 120 22.6Q135 20.9 150 19.4Q165 21.1 180 22.6' stroke-opacity='.32' stroke-width='1.4'/%3E%3C/g%3E%3C/svg%3E");
  --at-cabeza: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40'%3E%3Cg fill='none' stroke='%23D9644A' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M78.1 19.1L84.7 17'/%3E%3Cpath d='M75.4 13.8L78.6 11.5'/%3E%3Cpath d='M71.2 9.6L75.3 4'/%3E%3Cpath d='M65.9 6.9L67.1 3.1'/%3E%3Cpath d='M60 6L60 -1'/%3E%3Cpath d='M54.1 6.9L52.9 3.1'/%3E%3Cpath d='M48.8 9.6L44.7 4'/%3E%3Cpath d='M44.6 13.8L41.4 11.5'/%3E%3Cpath d='M41.9 19.1L35.3 17'/%3E%3C/g%3E%3Cpath d='M46 25a14 14 0 0 1 28 0z' fill='%23D9644A'/%3E%3Cg fill='none' stroke='%232E6F86' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M32 29q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0'/%3E%3Cpath d='M40 34q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0' stroke-opacity='.75'/%3E%3Cpath d='M48 39q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0' stroke-opacity='.5'/%3E%3C/g%3E%3C/svg%3E");
  --at-emblema: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40'%3E%3Cg fill='none' stroke='%23FFF3E4' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M78.1 19.1L84.7 17'/%3E%3Cpath d='M75.4 13.8L78.6 11.5'/%3E%3Cpath d='M71.2 9.6L75.3 4'/%3E%3Cpath d='M65.9 6.9L67.1 3.1'/%3E%3Cpath d='M60 6L60 -1'/%3E%3Cpath d='M54.1 6.9L52.9 3.1'/%3E%3Cpath d='M48.8 9.6L44.7 4'/%3E%3Cpath d='M44.6 13.8L41.4 11.5'/%3E%3Cpath d='M41.9 19.1L35.3 17'/%3E%3C/g%3E%3Cpath d='M46 25a14 14 0 0 1 28 0z' fill='%23FFF3E4' fill-opacity='.9'/%3E%3Cg fill='none' stroke='%23FFF3E4' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M32 29q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0'/%3E%3Cpath d='M40 34q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0' stroke-opacity='.75'/%3E%3Cpath d='M48 39q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0' stroke-opacity='.5'/%3E%3C/g%3E%3C/svg%3E");
  --at-cab-concha: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40'%3E%3Cg fill='none' stroke='%23D9644A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M45.4 15.3Q44.1 11.6 48.1 11.9Q47.8 7.9 51.6 9.2Q52.3 5.3 55.6 7.6Q57.4 4 60 7Q62.6 4 64.4 7.6Q67.7 5.3 68.4 9.2Q72.2 7.9 71.9 11.9Q75.9 11.6 74.6 15.3L62.4 24H57.6Z' fill='%23D9644A' fill-opacity='.14'/%3E%3Cpath d='M57.2 21.1L48.1 11.9M58 20.5L51.6 9.2M59 20.1L55.6 7.6M60 20L60 7M61 20.1L64.4 7.6M62 20.5L68.4 9.2M62.8 21.1L71.9 11.9' stroke-width='1.1' stroke-opacity='.75'/%3E%3Cpath d='M53 24.5h14l-2.2 2.6h-9.6z' fill='%23D9644A' stroke-width='1'/%3E%3C/g%3E%3Cg fill='none' stroke='%232E6F86' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M32 29q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0'/%3E%3Cpath d='M40 34q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0' stroke-opacity='.75'/%3E%3Cpath d='M48 39q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0' stroke-opacity='.5'/%3E%3C/g%3E%3C/svg%3E");
  --at-cab-estrella: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40'%3E%3Cpath d='M57.8 1.2Q60.2 4.4 62.5 9.5Q68 8.4 72 8.3Q69.6 11.6 65.5 15.4Q68.3 20.2 69.6 24Q65.8 22.8 60.9 20Q57.1 24.2 53.9 26.5Q53.9 22.5 55 17.1Q49.9 14.8 46.7 12.4Q50.5 11.2 56 10.6Q56.6 5 57.8 1.2Z' fill='%23D9644A' fill-opacity='.14' stroke='%23D9644A' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cg fill='%23D9644A'%3E%3Ccircle cx='59.3' cy='10.4' r='0.95'/%3E%3Ccircle cx='58.7' cy='6.2' r='0.75'/%3E%3Ccircle cx='63.7' cy='12.6' r='0.95'/%3E%3Ccircle cx='67.5' cy='10.7' r='0.75'/%3E%3Ccircle cx='63' cy='17.5' r='0.95'/%3E%3Ccircle cx='66' cy='20.4' r='0.75'/%3E%3Ccircle cx='58.1' cy='18.2' r='0.95'/%3E%3Ccircle cx='56.2' cy='22' r='0.75'/%3E%3Ccircle cx='55.8' cy='13.9' r='0.95'/%3E%3Ccircle cx='51.7' cy='13.2' r='0.75'/%3E%3C/g%3E%3Cg fill='none' stroke='%232E6F86' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M32 29q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0'/%3E%3Cpath d='M40 34q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0' stroke-opacity='.75'/%3E%3Cpath d='M48 39q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0' stroke-opacity='.5'/%3E%3C/g%3E%3C/svg%3E");
  --at-cab-gaviotas: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40'%3E%3Cg fill='none' stroke='%23D9644A' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M38.6 20.1Q44 11.5 51 20.4Q58 11.5 63.4 20.1' stroke-width='1.7'/%3E%3Cpath d='M62.6 12.1Q66.3 6.3 71 12.3Q75.7 6.3 79.4 12.1' stroke-width='1.5'/%3E%3C/g%3E%3Cg fill='none' stroke='%232E6F86' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M32 29q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0'/%3E%3Cpath d='M40 34q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0' stroke-opacity='.75'/%3E%3Cpath d='M48 39q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0' stroke-opacity='.5'/%3E%3C/g%3E%3C/svg%3E");
  --at-cab-luna: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40'%3E%3Cpath d='M67.5 4.5A10.5 10.5 0 1 0 67.5 23.5A11 11 0 0 1 67.5 4.5Z' fill='%23D9644A'/%3E%3Cg fill='%23D9644A'%3E%3Cpath d='M75.5 6l.9 2.2 2.2.9-2.2.9-.9 2.2-.9-2.2-2.2-.9 2.2-.9z'/%3E%3Cpath d='M45 8l.6 1.5 1.5.6-1.5.6-.6 1.5-.6-1.5-1.5-.6 1.5-.6z' fill-opacity='.7'/%3E%3C/g%3E%3Cg fill='none' stroke='%232E6F86' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M32 29q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0'/%3E%3Cpath d='M40 34q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0' stroke-opacity='.75'/%3E%3Cpath d='M48 39q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0' stroke-opacity='.5'/%3E%3C/g%3E%3C/svg%3E");
  --at-cab-palma: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 40'%3E%3Cg fill='none' stroke='%23D9644A' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M57 25Q57.5 14 64 8.5' stroke-width='2.3'/%3E%3Cpath d='M64 8.5Q55 3.5 45 14.5M64 8.5Q55 9.5 50 21.5M64 8.5Q58 2.5 59 1.5M64 8.5Q73 3.5 82 13.5M64 8.5Q74 9.5 79 21.5M64 8.5Q69 2.5 70 2.5' stroke-width='1.7'/%3E%3Cpath d='M49 25.5q8 -3.4 17 0' stroke-width='1.5'/%3E%3C/g%3E%3Ccircle cx='63.5' cy='11.1' r='1.5' fill='%23D9644A'/%3E%3Cg fill='none' stroke='%232E6F86' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M32 29q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0'/%3E%3Cpath d='M40 34q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0' stroke-opacity='.75'/%3E%3Cpath d='M48 39q2 -2 4 0t4 0q2 -2 4 0t4 0q2 -2 4 0t4 0' stroke-opacity='.5'/%3E%3C/g%3E%3C/svg%3E");
  --at-ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 40'%3E%3Cg fill='none' stroke-linecap='round' stroke-width='1.5'%3E%3Cpath d='M14 22q3 -3.2 6 0t6 0q3 -3.2 6 0t6 0q3 -3.2 6 0t6 0q3 -3.2 6 0t6 0q3 -3.2 6 0t6 0q3 -3.2 6 0t6 0q3 -3.2 6 0t6 0q3 -3.2 6 0t6 0' stroke='%232E6F86' stroke-opacity='.8'/%3E%3Cpath d='M170 22q3 -3.2 6 0t6 0q3 -3.2 6 0t6 0q3 -3.2 6 0t6 0q3 -3.2 6 0t6 0q3 -3.2 6 0t6 0q3 -3.2 6 0t6 0q3 -3.2 6 0t6 0q3 -3.2 6 0t6 0' stroke='%232E6F86' stroke-opacity='.8'/%3E%3Cg stroke='%23D9644A'%3E%3Cpath d='M153.6 17.6L158.1 15.5'/%3E%3Cpath d='M150.3 13.1L153.7 9.4'/%3E%3Cpath d='M145.5 10.1L147.4 5.4'/%3E%3Cpath d='M140 9L140 4'/%3E%3Cpath d='M134.5 10.1L132.6 5.4'/%3E%3Cpath d='M129.7 13.1L126.3 9.4'/%3E%3Cpath d='M126.4 17.6L121.9 15.5'/%3E%3C/g%3E%3C/g%3E%3Cpath d='M129 24a11 11 0 0 1 22 0z' fill='%23D9644A'/%3E%3Cpath d='M124 28.5h32M130 32.5h20' stroke='%232E6F86' stroke-linecap='round' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  --at-rayos: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M190 100L199 100M189.2 111.7L193.2 112.3M186.9 123.3L195.6 125.6M183.1 134.4L186.8 136M177.9 145L185.7 149.5M171.4 154.8L174.6 157.2M163.6 163.6L170 170M154.8 171.4L157.2 174.6M145 177.9L149.5 185.7M134.4 183.1L136 186.8M123.3 186.9L125.6 195.6M111.7 189.2L112.3 193.2M100 190L100 199M88.3 189.2L87.7 193.2M76.7 186.9L74.4 195.6M65.6 183.1L64 186.8M55 177.9L50.5 185.7M45.2 171.4L42.8 174.6M36.4 163.6L30 170M28.6 154.8L25.4 157.2M22.1 145L14.3 149.5M16.9 134.4L13.2 136M13.1 123.3L4.4 125.6M10.8 111.7L6.8 112.3M10 100L1 100M10.8 88.3L6.8 87.7M13.1 76.7L4.4 74.4M16.9 65.6L13.2 64M22.1 55L14.3 50.5M28.6 45.2L25.4 42.8M36.4 36.4L30 30M45.2 28.6L42.8 25.4M55 22.1L50.5 14.3M65.6 16.9L64 13.2M76.7 13.1L74.4 4.4M88.3 10.8L87.7 6.8M100 10L100 1M111.7 10.8L112.3 6.8M123.3 13.1L125.6 4.4M134.4 16.9L136 13.2M145 22.1L149.5 14.3M154.8 28.6L157.2 25.4M163.6 36.4L170 30M171.4 45.2L174.6 42.8M177.9 55L185.7 50.5M183.1 65.6L186.8 64M186.9 76.7L195.6 74.4M189.2 88.3L193.2 87.7' fill='none' stroke='%23D9644A' stroke-opacity='.55' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E");
  --at-grano: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .42 0 0 0 0 .4 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
/* @recursos:fin */

/* =====================================================================
   PÁGINA · arena tibia; en escritorio, el atardecer completo alrededor de la columna
   ===================================================================== */
html[data-theme="atardecer"] {
  background-color: #E9B7A4;
  background-image:
    var(--at-palma-a), var(--at-palma-b),
    radial-gradient(46vw 20vh at 50% 70%, rgba(255, 222, 170, .85), rgba(255, 196, 150, 0) 72%),
    linear-gradient(180deg, transparent 70%, rgba(255, 233, 205, .8) 70%, rgba(255, 233, 205, 0) calc(70% + 2px)),
    linear-gradient(180deg, #3D3B72 0%, #6E64A0 16%, #B9A3C9 34%, #DFA7B8 47%, #F1AA97 57%, #F7C597 65%, #FAD7A7 70%, #C99498 70%, #6F7798 78%, #36597A 88%, #22405C 100%);
  background-position: left -3vw bottom -2vh, right -2vw bottom -2vh, 0 0, 0 0, 0 0;
  background-size: auto 46vh, auto 40vh, 100% 100%, 100% 100%, 100% 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
html[data-theme="atardecer"] body.inv { letter-spacing: .003em; }
html[data-theme="atardecer"] ::selection { background: rgba(217, 100, 74, .22); }
html[data-theme="atardecer"] .inv-page { background: var(--bg); }

/* ---------- tipografía ---------- */
html[data-theme="atardecer"] .inv-head::before {
  content: ''; display: block; width: 104px; height: 35px; margin: 0 auto 16px;
  background: var(--at-cabeza) center / contain no-repeat;
}
html[data-theme="atardecer"] .inv-eyebrow {
  font-family: var(--font-body); font-weight: 600; font-size: .7rem; letter-spacing: .3em; color: var(--accent);
}
html[data-theme="atardecer"] .inv-title {
  font-family: var(--font-display); font-weight: 400; font-size: clamp(2.2rem, 9.6vw, 2.85rem);
  line-height: 1.06; letter-spacing: -.004em; color: var(--ink);
}
/* cada tipo de sección con su motivo de playa sobre las mismas tres olas (el sol queda para cuenta, programa y confirmación) */
html[data-theme="atardecer"] .inv-section--story .inv-head::before,
html[data-theme="atardecer"] .inv-section--gallery .inv-head::before { background-image: var(--at-cab-gaviotas); }
html[data-theme="atardecer"] .inv-section--people .inv-head::before,
html[data-theme="atardecer"] .inv-section--gifts .inv-head::before,
html[data-theme="atardecer"] .inv-section--hotels .inv-head::before { background-image: var(--at-cab-concha); }
html[data-theme="atardecer"] .inv-section--events .inv-head::before,
html[data-theme="atardecer"] .inv-section--faq .inv-head::before { background-image: var(--at-cab-estrella); }
html[data-theme="atardecer"] .inv-section--fund .inv-head::before,
html[data-theme="atardecer"] .inv-section--playlist .inv-head::before { background-image: var(--at-cab-luna); }
html[data-theme="atardecer"] .inv-section--dresscode .inv-head::before { background-image: var(--at-cab-palma); }
html[data-theme="atardecer"] .inv-head .inv-title { margin-bottom: .7rem; }
html[data-theme="atardecer"] .inv-text { font-size: 1rem; line-height: 1.74; }
html[data-theme="atardecer"] .inv-head .inv-text { font-size: .98rem; max-width: 26em; }
html[data-theme="atardecer"] .inv-script { font-family: var(--font-script); }

/* ---------- secciones: arena y durazno, unidas por olas (el borde de la sección alterna es una ola) ---------- */
html[data-theme="atardecer"] .inv-section { background-color: var(--bg); }
html[data-theme="atardecer"] .inv-section.is-alt { background-color: var(--bg-alt); }
html[data-theme="atardecer"] .inv-section.is-alt::before,
html[data-theme="atardecer"] .inv-section.is-alt::after {
  content: ''; position: absolute; left: 0; right: 0; z-index: 1; height: 15px; pointer-events: none;
  background: var(--bg-alt);
  -webkit-mask: var(--at-ola-borde) 0 0 / 150px 15px repeat-x; mask: var(--at-ola-borde) 0 0 / 150px 15px repeat-x;
}
html[data-theme="atardecer"] .inv-section.is-alt::before { top: -14px; }
html[data-theme="atardecer"] .inv-section.is-alt::after { bottom: -14px; transform: scaleY(-1); -webkit-mask-position: 75px 0; mask-position: 75px 0; }
/* el cielo cambia con la tarde: las secciones alternas pasan de durazno a rosa y a lila */
html[data-theme="atardecer"] .inv-main > .inv-section.is-alt:nth-child(n + 6) { --bg-alt: #F6E1DC; }
html[data-theme="atardecer"] .inv-main > .inv-section.is-alt:nth-child(n + 10) { --bg-alt: #EFE5EE; }

/* ---------- tarjetas: papel tibio con la línea del horizonte arriba ---------- */
html[data-theme="atardecer"] .inv-card {
  background-color: var(--surface);
  border: 1px solid rgba(174, 68, 48, .12);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
html[data-theme="atardecer"] .inv-card:not(.has-img):not(.inv-search):not(.inv-songs__card)::before {
  content: ''; position: absolute; left: 22px; right: 22px; top: -1px; height: 3px; border-radius: 0 0 3px 3px; pointer-events: none;
  background: linear-gradient(90deg, var(--at-lila), var(--at-coral) 45%, var(--at-oro));
  opacity: .85;
}

/* ---------- botones: píldora coral con brillo de sol ---------- */
html[data-theme="atardecer"] .inv-btn {
  font-family: var(--font-body); font-weight: 600; font-size: .92rem; letter-spacing: .02em;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, 0) 60%);
  box-shadow: 0 10px 22px -12px rgba(174, 68, 48, .85), inset 0 1px 0 rgba(255, 255, 255, .16);
}
html[data-theme="atardecer"] .inv-btn--ghost { background-image: none; background-color: transparent; box-shadow: none; border-width: 1.5px; }
html[data-theme="atardecer"] .inv-btn.is-draft { background-image: repeating-linear-gradient(-45deg, rgba(174, 68, 48, .1) 0 10px, rgba(174, 68, 48, .04) 10px 20px); }

/* =====================================================================
   HERO · la pareja frente al mar; la luz del sol se disuelve y las olas llegan al pie
   ===================================================================== */
html[data-theme="atardecer"] .inv-hero { color: var(--ink); }
html[data-theme="atardecer"] .inv-hero--photo { background: var(--at-noche); }
html[data-theme="atardecer"] .inv-hero--photo .inv-hero__content { padding-bottom: calc(150px + env(safe-area-inset-bottom)); }
/* virado cálido sutil de la foto (cualquier foto entra en la paleta) */
html[data-theme="atardecer"] .inv-hero__shade {
  background:
    var(--hero-overlay),
    linear-gradient(180deg, rgba(185, 163, 201, .18), rgba(244, 162, 114, .14) 45%, rgba(46, 111, 134, .12));
}
/* destello del sol que se disuelve: arranca con el destello final de la apertura (html.is-revealing, el hero aún
   tapado), así la luz del sol de la apertura continúa en la foto. Sin apertura llega solo .is-revealed. */
html[data-theme="atardecer"] .inv-hero__media::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(70% 45% at 50% 62%, #FFF7EA 0%, rgba(255, 233, 204, .96) 40%, rgba(251, 214, 186, .9) 100%);
  opacity: 1;
  transition: opacity 2.4s cubic-bezier(.33, 0, .2, 1) .1s;
}
html[data-theme="atardecer"].is-revealing .inv-hero__media::after,
html[data-theme="atardecer"].is-revealed .inv-hero__media::after { opacity: 0; }
html[data-theme="atardecer"][data-access='1'] .inv-hero__media::after { display: none; }

/* el pie del hero: tres olas de línea que van y vienen y la orilla del color de la página */
html[data-theme="atardecer"] .inv-hero--photo::before,
html[data-theme="atardecer"] .inv-hero--photo::after {
  content: ''; position: absolute; left: 0; bottom: -1px; pointer-events: none;
}
html[data-theme="atardecer"] .inv-hero--photo::before {
  right: 0; z-index: 1; height: 26px; background: var(--bg);
  -webkit-mask: var(--at-ola-borde) 0 0 / 180px 26px repeat-x; mask: var(--at-ola-borde) 0 0 / 180px 26px repeat-x;
}
html[data-theme="atardecer"] .inv-hero--photo::after {
  width: calc(100% + 240px); bottom: 18px; z-index: 0; height: 84px; opacity: .9;
  background: var(--at-olas-mar) 0 0 / 240px 84px repeat-x;
  animation: atOlas 14s linear infinite;
}
@keyframes atOlas { from { transform: translateX(-240px); } to { transform: translateX(0); } }

/* velo suave detrás de los textos (el cielo de arriba queda limpio); entra con los textos */
html[data-theme="atardecer"] .inv-hero--photo .inv-hero__content::after {
  content: ''; position: absolute; z-index: -1; left: -12%; right: -12%; top: -12%; bottom: 14%; pointer-events: none;
  background:
    radial-gradient(46% 15% at 50% 15%, rgba(40, 25, 58, .5), rgba(40, 25, 58, 0) 100%),
    radial-gradient(62% 44% at 50% 46%, rgba(40, 25, 58, .46), rgba(40, 25, 58, .2) 62%, rgba(40, 25, 58, 0) 100%);
  opacity: 0; transition: opacity 1.2s var(--ease) .1s;
}
html[data-theme="atardecer"].is-revealed .inv-hero--photo .inv-hero__content::after { opacity: 1; }
/* sol a medio hundir sobre el eyebrow */
html[data-theme="atardecer"] .inv-hero__content::before {
  content: ''; display: block; width: 96px; height: 32px; margin: 0 auto 10px;
  background: var(--at-emblema) center / contain no-repeat;
  opacity: 0; transform: translateY(14px);
  transition: opacity 1.2s var(--ease) .15s, transform 1.4s var(--ease) .15s;
}
html[data-theme="atardecer"] .inv-hero--type .inv-hero__content::before,
html[data-theme="atardecer"] .inv-hero--noimg .inv-hero__content::before,
html[data-theme="atardecer"] .inv-hero--framed .inv-hero__content::before,
html[data-theme="atardecer"] .inv-hero--split .inv-hero__content::before { background-image: var(--at-cabeza); }
html[data-theme="atardecer"].is-revealed .inv-hero__content::before { opacity: 1; transform: none; }

html[data-theme="atardecer"] .inv-hero__eyebrow { color: var(--accent); opacity: 1; letter-spacing: .3em; margin-bottom: .1rem; text-wrap: balance; }
html[data-theme="atardecer"] .inv-hero--photo .inv-hero__eyebrow {
  color: var(--hero-ink); text-shadow: 0 1px 14px rgba(20, 18, 40, .55);
  /* velo propio, justo detrás de la línea: así el cielo de la foto sigue luminoso */
  padding: 12px 0; margin: -12px -6% calc(.1rem - 12px);
  background: radial-gradient(closest-side, rgba(40, 25, 58, .66), rgba(40, 25, 58, .38) 64%, rgba(40, 25, 58, 0));
}
html[data-theme="atardecer"] .inv-hero__title {
  font-family: var(--font-script); font-size: clamp(3.4rem, 15.5vw, 4.6rem); line-height: .98; color: var(--ink);
  margin: .14em 0 .12em;
}
html[data-theme="atardecer"] .inv-hero--photo .inv-hero__title { text-shadow: 0 2px 26px rgba(30, 20, 50, .45), 0 1px 2px rgba(30, 20, 50, .3); }
html[data-theme="atardecer"] .inv-amp {
  font-family: var(--font-display); font-style: italic; font-size: .5em; line-height: 1.05; margin: .02em 0 0;
  color: var(--at-coral);
}
html[data-theme="atardecer"] .inv-hero--photo .inv-amp { color: var(--at-durazno); }
html[data-theme="atardecer"] .inv-hero__subtitle {
  font-family: var(--font-display); font-style: italic; font-size: 1.16rem; line-height: 1.4; max-width: 19rem;
  color: var(--ink-soft); opacity: 1; margin-top: .55rem;
}
html[data-theme="atardecer"] .inv-hero--photo .inv-hero__subtitle { color: var(--hero-ink); text-shadow: 0 1px 12px rgba(20, 18, 40, .6); }
html[data-theme="atardecer"] .inv-hero__date { gap: 12px; max-width: 18.5rem; margin: 1.3rem auto .75rem; font-weight: 500; font-size: .66rem; letter-spacing: .28em; }
html[data-theme="atardecer"] .inv-hero__date-side { border-color: color-mix(in srgb, var(--at-coral) 70%, transparent); padding: .72em 0; }
html[data-theme="atardecer"] .inv-hero--photo .inv-hero__date-side { border-color: rgba(246, 205, 180, .75); }
html[data-theme="atardecer"] .inv-hero__date-day { font-family: var(--font-display); font-size: 3.3rem; color: var(--accent); }
html[data-theme="atardecer"] .inv-hero--photo .inv-hero__date-day { color: var(--hero-ink); }
html[data-theme="atardecer"] .inv-hero__time { font-size: .74rem; letter-spacing: .18em; opacity: 1; padding-top: 3px; color: var(--ink-soft); }
html[data-theme="atardecer"] .inv-hero--photo .inv-hero__date,
html[data-theme="atardecer"] .inv-hero--photo .inv-hero__time,
html[data-theme="atardecer"] .inv-hero--photo .inv-hero__place { color: var(--hero-ink); text-shadow: 0 1px 10px rgba(20, 18, 40, .55); }
html[data-theme="atardecer"] .inv-hero__place { font-size: .86rem; letter-spacing: .1em; opacity: 1; color: var(--ink-soft); }
html[data-theme="atardecer"] .inv-hero__place .inv-icon { color: var(--accent); }
html[data-theme="atardecer"] .inv-hero--photo .inv-hero__place .inv-icon { color: var(--at-durazno); }
html[data-theme="atardecer"] .inv-hero--photo .inv-guest {
  background: rgba(46, 28, 64, .42); border-color: rgba(246, 205, 180, .45);
}
html[data-theme="atardecer"] .inv-guest__label { letter-spacing: .3em; }
html[data-theme="atardecer"] .inv-guest__name { font-family: var(--font-display); font-weight: 400; font-size: 1.4rem; }
html[data-theme="atardecer"] .inv-hero__cue { color: var(--ink-soft); }
html[data-theme="atardecer"] .inv-hero--photo .inv-hero__cue { color: var(--hero-ink); bottom: calc(96px + env(safe-area-inset-bottom)); }
/* sin foto (tema con otra portada): cielo de atardecer con sol */
html[data-theme="atardecer"] .inv-hero--type,
html[data-theme="atardecer"] .inv-hero--noimg {
  background-color: var(--bg);
  background-image:
    radial-gradient(52% 30% at 50% 100%, rgba(244, 162, 114, .42), transparent 70%),
    linear-gradient(180deg, #F3E6EE 0%, #FBEADF 40%, var(--bg) 78%);
}
html[data-theme="atardecer"] .inv-hero__art::before { border-color: rgba(217, 100, 74, .35); box-shadow: 0 0 0 18px rgba(244, 162, 114, .07), inset 0 0 0 36px rgba(244, 162, 114, .06); }
html[data-theme="atardecer"] .inv-hero__art-spark { color: var(--at-sol); }

/* =====================================================================
   APERTURA «boarding» · tarjeta de embarque vintage sobre el atardecer (solo CSS, §24.2)
   Capas: .inv-intro__bg = cielo; ::before = el sol (se hunde despacio); ::after = el mar con su reflejo y olas;
   .inv-intro--boarding::after = palmeras y gaviotas; ::before = grano y viñeta. Al abordar (s2) la tarjeta se va,
   un avión cruza el sol y la cámara vuela hacia él: el destello final ya es la luz del sol de la portada.
   ===================================================================== */
html[data-theme="atardecer"] .inv-intro--boarding {
  --at-hz: 79%;
  --at-sun: min(46vw, 250px, 30vh);
  background: #3B3A70; color: var(--at-crema);
}
html[data-theme="atardecer"] .inv-intro--boarding .inv-intro__bg {
  transform-origin: 50% var(--at-hz);
  background:
    radial-gradient(64% 24% at 50% var(--at-hz), rgba(255, 226, 172, .9), rgba(255, 198, 150, .38) 46%, rgba(255, 190, 150, 0) 76%),
    linear-gradient(180deg, #3B3A70 0%, #565291 calc(var(--at-hz) * .15), #8775AD calc(var(--at-hz) * .32), #B9A3C9 calc(var(--at-hz) * .49), #D8A5BD calc(var(--at-hz) * .63), #EDA6A1 calc(var(--at-hz) * .76), #F4B08F calc(var(--at-hz) * .86), #F8C69B calc(var(--at-hz) * .93), #FBD8A8 var(--at-hz));
  background:
    radial-gradient(64% 24% at 50% var(--at-hz), rgba(255, 226, 172, .9), rgba(255, 198, 150, .38) 46%, rgba(255, 190, 150, 0) 76%),
    linear-gradient(180deg in oklab, #3B3A70 0%, #565291 calc(var(--at-hz) * .15), #8775AD calc(var(--at-hz) * .32), #B9A3C9 calc(var(--at-hz) * .49), #D8A5BD calc(var(--at-hz) * .63), #EDA6A1 calc(var(--at-hz) * .76), #F4B08F calc(var(--at-hz) * .86), #F8C69B calc(var(--at-hz) * .93), #FBD8A8 var(--at-hz));
}
/* el sol */
html[data-theme="atardecer"] .inv-intro--boarding .inv-intro__bg::before {
  content: ''; position: absolute; left: 50%; top: var(--at-hz); width: var(--at-sun); aspect-ratio: 1; border-radius: 50%;
  background: radial-gradient(circle at 50% 36%, #FFF6E2 0%, #FFE4B4 22%, #FCC48C 48%, #F49B6C 74%, #E97A5B 100%);
  box-shadow: 0 0 0 9px rgba(255, 220, 178, .13), 0 0 60px 22px rgba(255, 196, 146, .5), 0 0 170px 80px rgba(247, 164, 130, .3);
  transform: translate(-50%, -66%);
  animation: atSunset 46s cubic-bezier(.3, 0, .55, 1) .8s both;
}
@keyframes atSunset { from { transform: translate(-50%, -66%); } to { transform: translate(-50%, -44%); } }
/* el mar: refleja el cielo en la orilla lejana y se oscurece hacia acá */
html[data-theme="atardecer"] .inv-intro--boarding .inv-intro__bg::after {
  inset: var(--at-hz) 0 0; opacity: 1; mix-blend-mode: normal;
  background:
    var(--at-brillo-a) 50% 1px / calc(var(--at-sun) * 1.3) auto no-repeat,
    var(--at-olas-mar) 0 100% / 240px 84px repeat-x,
    var(--at-olas-mar) 120px 46% / 240px 60px repeat-x,
    linear-gradient(180deg, rgba(255, 240, 214, .95) 0, rgba(255, 240, 214, 0) 2px),
    linear-gradient(180deg, #D79C9A 0%, #A58AA6 9%, #6B7798 26%, #3E6283 48%, #29496A 72%, #1D3550 100%);
}
/* palmeras en contraluz: la brisa las inclina despacio (sesgo desde el pie, como el viento) */
html[data-theme="atardecer"] .inv-intro--boarding::after {
  content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  transform-origin: 50% 100%;
  background:
    var(--at-palma-a) left -58px bottom -14px / auto 48vh no-repeat,
    var(--at-palma-b) right -54px bottom -14px / auto 42vh no-repeat;
  animation: atBrisa 6.5s ease-in-out infinite alternate;
}
@keyframes atBrisa { from { transform: skewX(.5deg); } to { transform: skewX(-.9deg); } }
/* el agua titila (otra tirada de destellos que se enciende y se apaga) y tres gaviotas planean frente al sol */
html[data-theme="atardecer"] .inv-intro--boarding .inv-intro__scene::before,
html[data-theme="atardecer"] .inv-intro--boarding .inv-intro__scene::after { content: ''; position: fixed; z-index: -1; pointer-events: none; }
html[data-theme="atardecer"] .inv-intro--boarding .inv-intro__scene::before {
  left: 0; right: 0; top: var(--at-hz); bottom: 0; transform-origin: 50% 0;
  background: var(--at-brillo-b) 50% 1px / calc(var(--at-sun) * 1.3) auto no-repeat;
  animation: atTitila 2.4s ease-in-out infinite alternate;
}
@keyframes atTitila { from { opacity: .1; } to { opacity: 1; } }
html[data-theme="atardecer"] .inv-intro--boarding .inv-intro__scene::after {
  left: 50%; top: calc(var(--at-hz) - var(--at-sun) * .52); width: 62px; height: 31px; opacity: 0;
  background: var(--at-gaviotas) center / contain no-repeat;
  animation: atPlanea 28s linear 1.2s infinite;
}
@keyframes atPlanea {
  0% { opacity: 0; transform: translate(64px, 4px) scale(.92); }
  8%, 88% { opacity: .85; }
  30% { transform: translate(6px, -5px) scale(.97); }
  62% { transform: translate(-66px, 3px) scale(1); }
  100% { opacity: 0; transform: translate(-150px, -4px) scale(1.02); }
}
/* grano (sin bandas) y viñeta, por encima del paisaje y por debajo de la tarjeta */
html[data-theme="atardecer"] .inv-intro--boarding::before {
  content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: var(--at-grano), radial-gradient(140% 95% at 50% 64%, transparent 52%, rgba(28, 22, 54, .38) 100%);
  transition: opacity .9s var(--ease);
}
html[data-theme="atardecer"] .inv-intro--boarding .inv-intro__eyebrow {
  color: #FFF1E2; font-weight: 500; letter-spacing: .36em; text-shadow: 0 1px 14px rgba(30, 24, 70, .55);
}

/* — el tablero de salidas: letrero esmaltado azul noche con filete de oro — */
html[data-theme="atardecer"] .inv-intro--boarding .inv-intro__scene { align-items: start; padding-top: clamp(6px, 2.2vh, 24px); }
html[data-theme="atardecer"] .brd { --w: min(85vw, 340px); --ink-b: #FFEBD2; gap: 14px; margin-top: 0; }
/* los hijos no ensanchan la columna (los nombres largos se achican o se cortan con «…») */
html[data-theme="atardecer"] .brd > *, html[data-theme="atardecer"] .brd__pass > * { min-width: 0; }
html[data-theme="atardecer"] .brd__board {
  padding: 9px 13px 10px; border-radius: 12px;
  background: linear-gradient(180deg, #273650, #1B2639);
  box-shadow: inset 0 0 0 1px rgba(247, 201, 139, .45), inset 0 0 0 4px #1D293C, inset 0 0 0 5px rgba(247, 201, 139, .2), 0 18px 30px -16px rgba(18, 14, 42, .85);
}
html[data-theme="atardecer"] .brd__board::before,
html[data-theme="atardecer"] .brd__board::after {
  content: ''; position: absolute; top: 50%; width: 5px; height: 5px; margin-top: -2.5px; border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #FBE3BC, #B08A55 70%);
}
html[data-theme="atardecer"] .brd__board::before { left: 6px; }
html[data-theme="atardecer"] .brd__board::after { right: 6px; }
html[data-theme="atardecer"] .brd__board-head, html[data-theme="atardecer"] .brd__board-foot { color: var(--at-oro); padding: 0 6px; }
html[data-theme="atardecer"] .brd__status { color: var(--at-durazno); }
html[data-theme="atardecer"] .flap {
  background: linear-gradient(180deg, #34435E 0 49.5%, #2B3850 50.5% 100%); color: #FFEBD2;
  box-shadow: inset 0 -2px 3px rgba(0, 0, 0, .45), 0 1px 0 rgba(255, 235, 210, .06);
}

/* — la tarjeta de embarque: cartulina crema, banda coral y las tres rayas del atardecer — */
/* una sola sombra y sin grano en el pase: el filtro se repinta en cada cuadro mientras el pase se mueve (fluidez a CPU 4×) */
html[data-theme="atardecer"] .brd__passwrap { rotate: -1.6deg; filter: drop-shadow(0 16px 16px rgba(24, 18, 48, .36)); }
html[data-theme="atardecer"] .brd__pass {
  color: var(--ink); border-radius: 16px;
  background:
    radial-gradient(80% 46% at 88% 62%, rgba(246, 205, 180, .55), rgba(246, 205, 180, 0) 70%),
    radial-gradient(60% 30% at 10% 30%, rgba(185, 163, 201, .2), rgba(185, 163, 201, 0) 70%),
    linear-gradient(176deg, #FFFCF6 0%, #FDF4E8 58%, #F9E9D8 100%);
  transition: transform 1s cubic-bezier(.55, 0, .35, 1), opacity .8s .15s;
}
/* el sol detrás del avión de la ruta */
html[data-theme="atardecer"] .brd__route { position: relative; }
html[data-theme="atardecer"] .brd__route::before {
  content: ''; position: absolute; left: 50%; top: 50%; width: 96px; height: 32px; margin: -2px 0 0 -48px; pointer-events: none; opacity: .3;
  background: var(--at-cabeza) center / contain no-repeat;
}
html[data-theme="atardecer"] .brd__head {
  position: relative; padding: 11px 16px; margin-bottom: 9px;
  background: linear-gradient(90deg, #A63F2C, #AE4430 55%, #B2472F);
  box-shadow: 0 3px 0 #F7C98B, 0 6px 0 #EBA49A, 0 9px 0 #B9A3C9;
  color: #FFF8EF; font-family: var(--font-body); font-weight: 600; font-size: .6rem; letter-spacing: .2em;
}
html[data-theme="atardecer"] .brd__spark { color: var(--at-oro); }
html[data-theme="atardecer"] .brd__class { opacity: 1; }
html[data-theme="atardecer"] .brd__route { padding: 16px 18px 4px; }
html[data-theme="atardecer"] .brd__route small,
html[data-theme="atardecer"] .brd__cell small { font-family: var(--font-body); font-weight: 600; font-size: .56rem; letter-spacing: .26em; opacity: 1; color: var(--accent); }
html[data-theme="atardecer"] .brd__route strong { font-family: var(--font-display); font-weight: 400; font-size: calc(var(--w) * .145); letter-spacing: .01em; color: var(--ink); }
html[data-theme="atardecer"] .brd__route span { font-family: var(--font-body); font-size: .72rem; letter-spacing: .08em; opacity: 1; color: var(--ink-soft); }
html[data-theme="atardecer"] .brd__plane { color: var(--at-coral); gap: 4px; }
html[data-theme="atardecer"] .brd__plane i { width: 18px; border-top: 1.5px dotted currentColor; }
html[data-theme="atardecer"] .brd__plane i:first-child { transform: rotate(-14deg) translateY(4px); }
html[data-theme="atardecer"] .brd__plane i:last-child { transform: rotate(14deg) translateY(4px); }
html[data-theme="atardecer"] .brd__plane .inv-icon { transform: rotate(45deg) translateY(-3px); }
html[data-theme="atardecer"] .brd__grid { gap: 9px 8px; padding: 8px 18px 14px; }
html[data-theme="atardecer"] .brd__cell small { color: var(--ink-soft); }
html[data-theme="atardecer"] .brd__cell strong { font-family: var(--font-display); font-weight: 400; font-size: 1.12rem; color: var(--ink); }
html[data-theme="atardecer"] .brd__cell.is-wide small { color: var(--accent); }
html[data-theme="atardecer"] .brd__cell.is-wide strong { font-family: var(--font-script); font-size: calc(var(--w) * .086); line-height: 1.25; color: var(--accent); }
html[data-theme="atardecer"] .brd__foot { border-top: 2px dashed rgba(35, 57, 74, .22); color: var(--ink); }
html[data-theme="atardecer"] .brd__foot .bc { opacity: .9; }
html[data-theme="atardecer"] .brd__foot .bc { height: 32px; }
html[data-theme="atardecer"] .brd__foot .bc i { width: calc(var(--w, 1) * 1.25px); margin-right: calc(var(--g, 1) * 1.45px); }
/* los nombres siempre completos: hasta dos líneas, sin cortar a media palabra */
html[data-theme="atardecer"] .brd__foot > span:last-child {
  font-family: var(--font-script); font-style: normal; font-size: 1.32rem; line-height: 1.08; opacity: 1; color: var(--accent);
  white-space: normal; text-wrap: balance; max-width: 62%; padding: 2px 0 4px;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
}
/* sello redondo de «abordado» en tinta de mar: cae en la casilla libre y pisa la línea de corte, como en el mostrador */
html[data-theme="atardecer"] .brd__stamp {
  right: 16px; top: auto; bottom: 42px; width: 82px; height: 82px; padding: 0; border-radius: 50%;
  display: grid; place-content: center; justify-items: center; gap: 2px;
  border: 2px solid rgba(46, 111, 134, .9); color: var(--at-mar);
  box-shadow: inset 0 0 0 3px rgba(255, 250, 240, .9), inset 0 0 0 4.5px rgba(46, 111, 134, .85);
  font-family: var(--font-display); font-weight: 400; font-size: .8rem; letter-spacing: .1em;
  mix-blend-mode: normal; /* sobre la cartulina se ve igual y la mezcla cuesta cuadros al caer el sello */
}
html[data-theme="atardecer"] .brd__stamp small { font-family: var(--font-body); font-weight: 600; font-size: .5rem; letter-spacing: .16em; margin-top: 0; }
/* el avión que cruza el sol */
html[data-theme="atardecer"] .brd__jet { color: var(--at-noche); left: -34%; top: auto; bottom: -21%; filter: none; }
html[data-theme="atardecer"] .brd__jet .inv-icon { width: 36px; height: 36px; transform: rotate(38deg); fill: currentColor; }
html[data-theme="atardecer"] .brd__jet::before { background: linear-gradient(90deg, rgba(255, 243, 228, 0), rgba(255, 243, 228, .75)); height: 1.5px; transform: rotate(4deg); }
html[data-theme="atardecer"] .brd.s2 .brd__jet { animation: atJet 1.5s cubic-bezier(.3, 0, .6, 1) forwards; }
@keyframes atJet {
  0% { opacity: 0; transform: translate(0, 34px) rotate(-2deg) scale(.6); }
  14% { opacity: 1; }
  100% { opacity: 1; transform: translate(155vw, -20vh) rotate(-10deg) scale(1); }
}

/* — botón: píldora de arena sobre el mar — */
html[data-theme="atardecer"] .inv-intro--boarding .inv-intro__cta,
html[data-theme="atardecer"] .inv-intro--simple .inv-intro__cta {
  background: linear-gradient(180deg, #FFF9F0, #FCE8D4); color: var(--ink);
  font-family: var(--font-body); font-weight: 600; letter-spacing: .03em;
  box-shadow: 0 16px 32px -14px rgba(16, 14, 44, .8), inset 0 -2px 0 rgba(174, 68, 48, .14);
}
html[data-theme="atardecer"] .inv-intro--boarding .inv-intro__cta .inv-icon { color: var(--accent); }
html[data-theme="atardecer"] .inv-intro--boarding .inv-intro__cta-ring { animation-name: atCtaRing; }
@keyframes atCtaRing { 0% { box-shadow: 0 0 0 0 rgba(255, 238, 214, .6); } 80%, 100% { box-shadow: 0 0 0 16px rgba(255, 238, 214, 0); } }
html[data-theme="atardecer"] .inv-intro__cta:focus-visible { outline-color: #FFF1E2; }

/* — abordar: la tarjeta sube y se va, el tablero se apaga y la cámara vuela hacia el sol — */
html[data-theme="atardecer"] .brd.s2 .brd__pass { transform: translate(6%, -78vh) rotate(-9deg) scale(.86); opacity: 0; }
html[data-theme="atardecer"] .brd.s2 .brd__board { transform: translateY(-60px); opacity: 0; }
html[data-theme="atardecer"] .inv-intro--boarding.is-opening .inv-intro__bg { animation: atCamera 1.9s cubic-bezier(.55, 0, .3, 1) .82s forwards; }
html[data-theme="atardecer"] .inv-intro--boarding.is-opening .inv-intro__scene::before {
  animation: atTitila 2.4s ease-in-out infinite alternate, atCamaraS 1.9s cubic-bezier(.55, 0, .3, 1) .82s forwards;
}
html[data-theme="atardecer"] .inv-intro--boarding.is-opening .inv-intro__scene::after { transition: opacity .5s; opacity: 0 !important; animation-play-state: paused; }
/* pasamos entre las palmeras: se abren hacia los lados (escala desde el pie) sin cortar la brisa */
html[data-theme="atardecer"] .inv-intro--boarding.is-opening::after {
  animation: atBrisa 6.5s ease-in-out infinite alternate, atPalmas 1.6s cubic-bezier(.5, 0, .35, 1) .82s forwards;
}
html[data-theme="atardecer"] .inv-intro--boarding.is-opening::before { opacity: 0; transition-delay: .9s; }
@keyframes atCamera { to { transform: scale(1.75); } }
@keyframes atCamaraS { to { scale: 1.75; } }
@keyframes atPalmas { to { scale: 1.6; opacity: 0; } }
/* destello en tonos de sol */
html[data-theme="atardecer"] .inv-intro__flash-spark { filter: drop-shadow(0 0 18px rgba(255, 226, 180, .95)) drop-shadow(0 0 42px rgba(244, 162, 114, .6)); }
html[data-theme="atardecer"] .inv-intro__flash-spark stop:nth-child(1) { stop-color: #FFF8EC; }
html[data-theme="atardecer"] .inv-intro__flash-spark stop:nth-child(2) { stop-color: #F7C98B; }
html[data-theme="atardecer"] .inv-intro__flash-spark stop:nth-child(3) { stop-color: #EBA49A; }
html[data-theme="atardecer"] .inv-intro--boarding .inv-intro__bloom { background: radial-gradient(circle, #FFF8EC 0%, rgba(255, 232, 196, .9) 36%, rgba(251, 200, 160, 0) 70%); }

/* — modo accesible: pantalla simple sobre un atardecer quieto — */
html[data-theme="atardecer"] .inv-intro--simple {
  background:
    linear-gradient(180deg, transparent 86%, #CF98A0 86%, #6B7798 91%, #2E4E6E 100%),
    radial-gradient(circle at 50% 86%, #FFF3DC 0, #FCC48C 6vh, #F49B6C 10.5vh, rgba(244, 155, 108, 0) 11vh),
    linear-gradient(180deg, #8F7CB2 0%, #D8A5BD 40%, #F4B08F 70%, #FBD8A8 86%);
}
html[data-theme="atardecer"] .inv-intro--simple .inv-intro__bg { background: none; }
html[data-theme="atardecer"] .inv-intro--simple .smp {
  background: #FFFAF3; color: var(--ink); border-color: rgba(174, 68, 48, .25); border-radius: 24px;
}
html[data-theme="atardecer"] .inv-intro--simple .smp__title { font-family: var(--font-display); font-weight: 400; color: var(--ink); }
html[data-theme="atardecer"] .inv-intro--simple .smp__spark { color: var(--accent); }
html[data-theme="atardecer"] .inv-intro--simple .inv-intro__eyebrow { color: var(--at-noche); }

/* =====================================================================
   SECCIONES · cada una con un gesto propio de la playa
   ===================================================================== */
/* — frase: comillas de coral y el sol que se hunde debajo — */
html[data-theme="atardecer"] .inv-quote__mark { font-family: var(--font-display); color: var(--at-coral); opacity: .32; font-size: 7.2rem; top: -.42em; }
html[data-theme="atardecer"] .inv-quote__text p { font-family: var(--font-display); font-style: italic; font-size: clamp(1.42rem, 6.1vw, 1.78rem); line-height: 1.4; color: var(--ink); }
html[data-theme="atardecer"] .inv-quote::after {
  content: ''; display: block; width: 86px; height: 29px; margin: 1.5rem auto 0;
  background: var(--at-cabeza) center / contain no-repeat;
}
html[data-theme="atardecer"] .inv-quote__author::before { background: var(--at-coral); }

/* — cuenta regresiva: cuatro soles que se van poniendo (días, horas, minutos, segundos) — */
html[data-theme="atardecer"] .inv-countdown { gap: clamp(6px, 2.2vw, 12px); max-width: 380px; }
html[data-theme="atardecer"] .inv-countdown__unit {
  --hz: 70%; --sy: 63%; --sr: 19%;
  aspect-ratio: 1; padding: 0 0 7%; border-radius: 50%; justify-content: space-between; gap: 0;
  border: 1px solid rgba(174, 68, 48, .16);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0) 0 var(--hz), #DCE7E6 var(--hz) 100%),
    radial-gradient(circle at 50% var(--sy), #FFE7BE 0, #F8B680 calc(var(--sr) * .6), #EF9265 var(--sr), rgba(239, 146, 101, 0) calc(var(--sr) + .7%)),
    radial-gradient(60% 34% at 50% var(--hz), rgba(255, 214, 170, .7), rgba(255, 214, 170, 0) 70%),
    linear-gradient(180deg, #FFF8EE 0%, #FDE5D3 100%);
  box-shadow: 0 14px 28px -18px rgba(174, 68, 48, .55), inset 0 1px 0 rgba(255, 255, 255, .7);
}
html[data-theme="atardecer"] .inv-countdown__unit:nth-child(2) { --sy: 66%; }
html[data-theme="atardecer"] .inv-countdown__unit:nth-child(3) { --sy: 72%; }
html[data-theme="atardecer"] .inv-countdown__unit:nth-child(4) { --sy: 80%; }
/* la línea del horizonte, con su brillo */
html[data-theme="atardecer"] .inv-countdown__unit::before {
  left: 0; right: 0; top: var(--hz); height: 2px; opacity: 1;
  background: linear-gradient(90deg, rgba(255, 244, 226, 0), #FFF4E2 30%, #FFF4E2 70%, rgba(255, 244, 226, 0));
}
html[data-theme="atardecer"] .inv-countdown__num {
  margin-top: 12%; font-family: var(--font-display); font-weight: 400; font-size: clamp(1.45rem, 6.6vw, 2.05rem); color: var(--ink);
  text-shadow: 0 1px 0 rgba(255, 248, 238, .7);
}
html[data-theme="atardecer"] .inv-countdown__lbl { font-family: var(--font-body); font-size: .54rem; font-weight: 600; letter-spacing: .2em; color: var(--ink); }
html[data-theme="atardecer"] .inv-countdown__date { font-family: var(--font-body); letter-spacing: .26em; color: var(--ink-soft); }
html[data-theme="atardecer"] .inv-countdown__done { font-family: var(--font-script); font-style: normal; font-size: 2.2rem; color: var(--accent); }

/* — historia: la foto es un sol redondo que se hunde en el mar, con su corona de rayos — */
html[data-theme="atardecer"] .inv-story__figure { width: min(74%, 300px); margin-bottom: 1.5rem; }
/* la foto se entibia (virado cálido fijo) para leerse como un sol; sin sombra: el mar la corta limpio */
html[data-theme="atardecer"] .inv-story__figure img {
  aspect-ratio: 1; border-radius: 50%; box-shadow: none; background: var(--at-durazno);
  filter: sepia(.24) saturate(1.14) hue-rotate(-6deg) brightness(1.03);
}
/* los rayos solo arriba del horizonte (giran muy despacio) */
html[data-theme="atardecer"] .inv-story__figure::before {
  content: ''; position: absolute; inset: -12%; pointer-events: none;
  background: var(--at-rayos) center / contain no-repeat;
  -webkit-mask: linear-gradient(180deg, #000 0 62%, transparent 67%); mask: linear-gradient(180deg, #000 0 62%, transparent 67%);
  animation: atGiro 160s linear infinite;
}
@keyframes atGiro { to { transform: rotate(1turn); } }
/* el mar: orilla en ola del color de la sección y dos olas de línea */
html[data-theme="atardecer"] .inv-story__figure::after {
  inset: auto -16% -2px; height: 27%; border: 0; border-radius: 0;
  background: var(--at-olas-tinta) 50% 16px / 120px 30px repeat-x, var(--bg);
  -webkit-mask: var(--at-ola-borde) 0 0 / 66px 14px repeat-x, linear-gradient(#000, #000) 0 13px / 100% 100% no-repeat;
  mask: var(--at-ola-borde) 0 0 / 66px 14px repeat-x, linear-gradient(#000, #000) 0 13px / 100% 100% no-repeat;
}
html[data-theme="atardecer"] .inv-section.is-alt .inv-story__figure::after { background: var(--at-olas-tinta) 50% 16px / 120px 30px repeat-x, var(--bg-alt); }
html[data-theme="atardecer"] .inv-story__glow { inset: -8% -24% 22%; background: radial-gradient(closest-side, rgba(244, 162, 114, .4), rgba(244, 162, 114, 0)); }
html[data-theme="atardecer"] .inv-story__body .inv-text:first-child::first-letter { font-family: var(--font-display); color: var(--accent); font-size: 3.5em; }
html[data-theme="atardecer"] .inv-story__sig { font-family: var(--font-script); color: var(--accent); font-size: 2.35rem; }

/* — padres y padrinos — */
html[data-theme="atardecer"] .inv-people__names li { font-family: var(--font-display); font-size: 1.36rem; color: var(--ink); }
html[data-theme="atardecer"] .inv-people__spark { width: 46px; height: 16px; bottom: -6px; color: transparent; background: var(--at-cabeza) center / contain no-repeat; }
html[data-theme="atardecer"] .inv-people__spark path { display: none; }

/* — lugares: la foto termina en ola; ícono en un sol de arena — */
html[data-theme="atardecer"] .inv-event { padding-bottom: 26px; }
html[data-theme="atardecer"] .inv-event__media {
  -webkit-mask: linear-gradient(#000, #000) 0 0 / 100% calc(100% - 17px) no-repeat, var(--at-ola-corte) 0 100% / 120px 18px repeat-x;
  mask: linear-gradient(#000, #000) 0 0 / 100% calc(100% - 17px) no-repeat, var(--at-ola-corte) 0 100% / 120px 18px repeat-x;
  background: linear-gradient(180deg, #E9D4E2, var(--at-durazno));
}
html[data-theme="atardecer"] .inv-event__media::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(185, 163, 201, .14), rgba(244, 162, 114, .16));
}
html[data-theme="atardecer"] .inv-event__icon {
  width: 62px; height: 62px; color: var(--accent);
  background: radial-gradient(circle at 50% 30%, #FFFBF5, #FCE9D8);
  border: 1px solid rgba(217, 100, 74, .3);
  box-shadow: 0 0 0 5px rgba(246, 205, 180, .35), 0 12px 24px -14px rgba(174, 68, 48, .7);
}
html[data-theme="atardecer"] .inv-event.has-img .inv-event__icon { margin-top: -34px; background: radial-gradient(circle at 50% 30%, #FFFBF5, #FCE9D8); }
html[data-theme="atardecer"] .inv-event__name { font-family: var(--font-display); font-weight: 400; font-size: 1.55rem; line-height: 1.18; color: var(--ink); }
html[data-theme="atardecer"] .inv-event__meta { color: var(--ink-soft); }
html[data-theme="atardecer"] .inv-event__meta .inv-icon { color: var(--accent); }

/* — programa: el cielo cambia de color con la tarde, de sol alto a noche — */
html[data-theme="atardecer"] .inv-timeline::before {
  left: 27px; width: 2px;
  background: linear-gradient(180deg, #F7C98B, #F4A272 28%, #E79C9E 52%, #B9A3C9 74%, #4E4A85);
}
html[data-theme="atardecer"] .inv-timeline__item { --dot: #FCE7C9; --dot-ink: var(--accent); }
html[data-theme="atardecer"] .inv-timeline__item:nth-child(2) { --dot: #FAD6B0; }
html[data-theme="atardecer"] .inv-timeline__item:nth-child(3) { --dot: #F6B791; --dot-ink: #7E2F21; }
html[data-theme="atardecer"] .inv-timeline__item:nth-child(4) { --dot: #ECA4A4; --dot-ink: #5B2433; }
html[data-theme="atardecer"] .inv-timeline__item:nth-child(5) { --dot: #CDB0D4; --dot-ink: #3D2E58; }
html[data-theme="atardecer"] .inv-timeline__item:nth-child(6) { --dot: #8E84BC; --dot-ink: #FFF6EC; }
html[data-theme="atardecer"] .inv-timeline__item:nth-child(n + 7) { --dot: #4E4A85; --dot-ink: #FFE7C2; }
html[data-theme="atardecer"] .inv-timeline__dot {
  background: var(--dot); color: var(--dot-ink); border: 0;
  box-shadow: 0 0 0 6px var(--bg), 0 10px 22px -12px rgba(80, 50, 90, .55), inset 0 1px 0 rgba(255, 255, 255, .45);
}
html[data-theme="atardecer"] .inv-section.is-alt .inv-timeline__dot { box-shadow: 0 0 0 6px var(--bg-alt), 0 10px 22px -12px rgba(80, 50, 90, .55), inset 0 1px 0 rgba(255, 255, 255, .45); }
html[data-theme="atardecer"] .inv-timeline__time { font-family: var(--font-body); font-weight: 600; letter-spacing: .18em; color: var(--accent); }
html[data-theme="atardecer"] .inv-timeline__title { font-family: var(--font-display); font-weight: 400; font-size: 1.36rem; color: var(--ink); }
html[data-theme="atardecer"] .inv-timeline__text { color: var(--ink-soft); }

/* — vestimenta: sombrero de sol y chips de piedra pulida — */
html[data-theme="atardecer"] .inv-dress__icon {
  width: 72px; height: 72px; color: #FFF8EF; border: 0;
  background: radial-gradient(circle at 50% 30%, #F8B680, #E57D5B 70%, #D9644A);
  box-shadow: 0 0 0 7px rgba(246, 205, 180, .4), 0 14px 28px -14px rgba(174, 68, 48, .8);
}
html[data-theme="atardecer"] .inv-dress__code { font-family: var(--font-script); font-size: clamp(2.3rem, 10vw, 2.8rem); color: var(--accent); margin: .3rem 0 .5rem; }
html[data-theme="atardecer"] .inv-dress__label { font-family: var(--font-body); letter-spacing: .28em; color: var(--ink-soft); }
html[data-theme="atardecer"] .inv-chip { background: var(--surface); border-color: rgba(174, 68, 48, .16); font-size: .86rem; color: var(--ink); }
html[data-theme="atardecer"] .inv-chip__swatch { width: 26px; height: 26px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1), inset 0 -4px 6px rgba(0, 0, 0, .08), 0 2px 6px rgba(120, 60, 40, .18); }
html[data-theme="atardecer"] .inv-chip--avoid { color: var(--ink-soft); }

/* — galería: mosaico con bordes de arena — */
html[data-theme="atardecer"] .inv-gallery__item { border-radius: 20px; background: linear-gradient(160deg, #E9D4E2, var(--at-durazno)); }
html[data-theme="atardecer"] .inv-gallery--grid { gap: 10px; }
html[data-theme="atardecer"] .inv-gallery--grid .inv-gallery__item { box-shadow: 0 16px 30px -22px rgba(120, 60, 50, .7); }
html[data-theme="atardecer"] .inv-gallery--grid .inv-gallery__item:first-child { border-radius: 160px 160px 20px 20px; }
html[data-theme="atardecer"] .inv-gallery__dots span.is-on { background: var(--accent); }
html[data-theme="atardecer"] .inv-gallery__cap { font-family: var(--font-script); color: var(--ink); }

/* — fondo de luna de miel: barra que se llena como un atardecer — */
html[data-theme="atardecer"] .inv-fund__icon,
html[data-theme="atardecer"] .inv-gift__icon,
html[data-theme="atardecer"] .inv-hotel__icon {
  border-radius: 50%; color: var(--accent);
  background: radial-gradient(circle at 50% 30%, #FFFBF5, #FCE6D3);
  box-shadow: inset 0 0 0 1px rgba(217, 100, 74, .26);
}
html[data-theme="atardecer"] .inv-fund__title,
html[data-theme="atardecer"] .inv-gift__title,
html[data-theme="atardecer"] .inv-hotel__name { font-family: var(--font-display); font-weight: 400; color: var(--ink); }
html[data-theme="atardecer"] .inv-fund__bar { height: 9px; background: rgba(185, 163, 201, .25); }
html[data-theme="atardecer"] .inv-fund__fill { background: linear-gradient(90deg, #B9A3C9, #E9A0A6 38%, var(--at-coral) 72%, #F4A272); }
html[data-theme="atardecer"] .inv-hotel__code strong { color: var(--accent); }

/* — cómo llegar: etiqueta de equipaje con su cordel — */
html[data-theme="atardecer"] .inv-section--note .inv-wrap { filter: drop-shadow(0 18px 24px rgba(120, 60, 50, .2)); padding-top: 34px; }
/* el cordel: un lazo que baja y entra por el ojal (va encima de la etiqueta) */
html[data-theme="atardecer"] .inv-section--note .inv-wrap::before {
  content: ''; position: absolute; z-index: 1; left: 50%; top: -1px; width: 60px; height: 70px; margin-left: -30px; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 70'%3E%3Cpath d='M30 62C22 50 12 34 14 20 16 8 26 3 32 4 41 5 47 13 45 24 43 36 36 50 30 62' fill='none' stroke='%23C98F63' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M30 62C25 49 18 34 19 21' fill='none' stroke='%23E6B48D' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  transform: rotate(-7deg); transform-origin: 50% 89%;
}
html[data-theme="atardecer"] .inv-note {
  position: relative; /* el ojal se ubica en la etiqueta, no en la columna */
  grid-template-columns: 1fr; justify-items: center; text-align: center; gap: 10px;
  padding: 50px 26px 30px; border: 0; border-radius: 22px; box-shadow: none;
  background:
    linear-gradient(180deg, transparent 0 calc(100% - 7px), rgba(174, 68, 48, .16) calc(100% - 7px) calc(100% - 6px), transparent calc(100% - 6px)),
    linear-gradient(176deg, #FFF8EE, #FCE7D4);
  clip-path: polygon(18% 0, 82% 0, 100% 12%, 100% 100%, 0 100%, 0 12%);
}
html[data-theme="atardecer"] .inv-note::before {
  content: ''; position: absolute; left: 50%; top: 18px; width: 18px; height: 18px; margin-left: -9px; border-radius: 50%;
  background: var(--bg); box-shadow: 0 0 0 4px #E6B48D, inset 0 2px 3px rgba(80, 40, 20, .25);
}
html[data-theme="atardecer"] .inv-section.is-alt .inv-note::before { background: var(--bg-alt); }
html[data-theme="atardecer"] .inv-note__icon { width: 56px; height: 56px; color: #FFF8EF; background: radial-gradient(circle at 50% 30%, #F8B680, #E57D5B 70%, #D9644A); }
html[data-theme="atardecer"] .inv-note__icon .inv-icon { transform: rotate(-12deg); }
html[data-theme="atardecer"] .inv-note__title { font-family: var(--font-display); font-weight: 400; font-size: 1.6rem; color: var(--ink); }
html[data-theme="atardecer"] .inv-note .inv-text { color: var(--ink-soft); font-size: .97rem; text-align: center; }

/* — música: el disco es un sol al caer la noche — */
html[data-theme="atardecer"] .inv-playlist__poster {
  background:
    radial-gradient(70% 120% at 100% 100%, rgba(244, 162, 114, .45), rgba(244, 162, 114, 0) 60%),
    linear-gradient(120deg, #2A2340, #3F3C74 55%, #5A4A7E);
  border-radius: 22px;
}
html[data-theme="atardecer"] .inv-playlist__label { background: radial-gradient(circle at 50% 40%, #FFE3B4, #F4A272 60%, #D9644A); }
html[data-theme="atardecer"] .inv-songs__title { font-family: var(--font-display); font-weight: 400; }
html[data-theme="atardecer"] .inv-search__input { background: var(--bg); }

/* — preguntas — */
html[data-theme="atardecer"] .inv-faq__item { border-radius: 18px; background: var(--surface); border-color: rgba(174, 68, 48, .14); }
html[data-theme="atardecer"] .inv-faq__q { font-family: var(--font-display); font-weight: 400; font-size: 1.16rem; color: var(--ink); }
html[data-theme="atardecer"] .inv-faq__icon { background: rgba(246, 205, 180, .6); color: var(--accent); }

/* — confirmación — */
html[data-theme="atardecer"] .inv-rsvp { background-image: radial-gradient(90% 40% at 50% 0%, rgba(244, 162, 114, .18), transparent 70%); }
html[data-theme="atardecer"] .inv-rsvp__face { border-radius: 20px; background: var(--bg); }
html[data-theme="atardecer"] .inv-rsvp__face-txt strong { font-family: var(--font-body); }
html[data-theme="atardecer"] .inv-rsvp__done-title { font-family: var(--font-display); font-weight: 400; }
html[data-theme="atardecer"] .inv-input { border-radius: 16px; }

/* =====================================================================
   PIE · la noche: el sol ya se puso, quedan su resplandor, las palmeras y las primeras estrellas
   ===================================================================== */
html[data-theme="atardecer"] {
  --credit-tone: oscuro;
}
html[data-theme="atardecer"] .inv-footer {
  --ink: #FFF3E4; --ink-soft: #EADBE6; --line: rgba(255, 243, 228, .26); --accent: #F7C98B; --surface: rgba(255, 246, 236, .08);
  padding-top: 92px; color: var(--ink);
  background:
    var(--at-palma-a) left -46px bottom -6px / auto 200px no-repeat,
    var(--at-palma-b) right -40px bottom -6px / auto 176px no-repeat,
    radial-gradient(1.2px 1.2px at 18% 22%, #FFF3E4 99%, transparent),
    radial-gradient(1px 1px at 72% 14%, #FFF3E4 99%, transparent),
    radial-gradient(1.4px 1.4px at 86% 34%, #FFE9C9 99%, transparent),
    radial-gradient(1px 1px at 34% 8%, #FFF3E4 99%, transparent),
    radial-gradient(1.2px 1.2px at 58% 30%, #FFF3E4 99%, transparent),
    radial-gradient(1px 1px at 8% 44%, #FFF3E4 99%, transparent),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.5 2.5A10.5 10.5 0 1 0 19.5 21.5 11 11 0 0 1 19.5 2.5Z' fill='%23FFF3E4'/%3E%3C/svg%3E") 84% 46px / 24px no-repeat,
    radial-gradient(46px 46px at 84% 58px, rgba(255, 243, 228, .16), rgba(255, 243, 228, 0) 70%),
    radial-gradient(130% 26% at 50% 100%, rgba(244, 162, 114, .5), rgba(233, 140, 120, .14) 58%, rgba(233, 140, 120, 0) 82%),
    linear-gradient(180deg, #6A5E96 0%, #4A4580 32%, #322C5A 68%, #241E3E 100%);
}
html[data-theme="atardecer"] .inv-footer::before {
  content: ''; position: absolute; left: 0; right: 0; top: -14px; height: 15px; pointer-events: none;
  background: #6A5E96;
  -webkit-mask: var(--at-ola-borde) 0 0 / 150px 15px repeat-x; mask: var(--at-ola-borde) 0 0 / 150px 15px repeat-x;
}
html[data-theme="atardecer"] .inv-footer__orn { width: 98px; height: 33px; color: transparent; background: var(--at-emblema) center / contain no-repeat; }
html[data-theme="atardecer"] .inv-footer__orn path { display: none; }
html[data-theme="atardecer"] .inv-footer__text { text-wrap: balance; font-family: var(--font-script); font-size: clamp(2.2rem, 10vw, 2.7rem); color: #FFF3E4; text-shadow: 0 2px 20px rgba(20, 16, 40, .5); }
html[data-theme="atardecer"] .inv-footer__date { color: #F6CDB4; letter-spacing: .34em; }
html[data-theme="atardecer"] .inv-footer__links { position: relative; z-index: 1; }
html[data-theme="atardecer"] .inv-footer .inv-lang { background: rgba(36, 30, 62, .55); }

/* =====================================================================
   BARRA DE ACCIONES, MÚSICA, EFECTOS
   ===================================================================== */
html[data-theme="atardecer"] .inv-actionbar {
  background: rgba(255, 248, 240, .86); border-color: rgba(174, 68, 48, .14);
  box-shadow: 0 18px 40px -16px rgba(60, 30, 50, .45), 0 2px 6px rgba(60, 30, 50, .06);
}
html[data-theme="atardecer"] .inv-actionbar__btn { font-family: var(--font-body); font-weight: 500; }
html[data-theme="atardecer"] .inv-actionbar__btn.is-primary { background: linear-gradient(180deg, #B84B34, #A63F2C); }
/* gaviotas que cruzan el cielo de la foto de portada (cada tanto, solo dentro del hero) */
html[data-theme="atardecer"] .inv-hero--photo .inv-hero__media::before {
  content: ''; position: absolute; left: 0; top: 9%; z-index: 1; width: 88px; height: 44px; opacity: 0; pointer-events: none;
  background: var(--at-gaviotas) center / contain no-repeat;
}
html[data-theme="atardecer"].is-revealed .inv-hero--photo .inv-hero__media::before { animation: atGaviotas 30s cubic-bezier(.35, .1, .55, .9) 1.2s infinite; }
@keyframes atGaviotas {
  0% { opacity: 0; transform: translate(-110px, 5vh) scale(.82); }
  4% { opacity: .78; }
  50% { opacity: .78; }
  56%, 100% { opacity: 0; transform: translate(calc(var(--col, 560px) + 40px), -3vh) scale(1.06); }
}

/* =====================================================================
   ESCRITORIO
   ===================================================================== */
@media (min-width: 700px) {
  html[data-theme="atardecer"] .inv-hero__title { font-size: 5rem; }
  html[data-theme="atardecer"] .brd { --w: min(60vw, 390px); }
  html[data-theme="atardecer"] .inv-intro--boarding { --at-hz: 76%; --at-sun: min(26vw, 250px, 30vh); }
  html[data-theme="atardecer"] .inv-intro--boarding::after { background-size: auto 50vh, auto 44vh; background-position: left 2vw bottom -14px, right 2vw bottom -14px; }
  html[data-theme="atardecer"] .inv-intro--boarding .inv-intro__scene::after { width: 76px; height: 38px; }
}

/* pantallas bajas (360 × 740 y parecidas): tarjeta más compacta para que el sol se vea entero sobre el horizonte */
@media (max-height: 780px) and (max-width: 699px) {
  html[data-theme="atardecer"] .inv-intro--boarding { --at-hz: 81%; --at-sun: min(44vw, 30vh); }
  html[data-theme="atardecer"] .brd { gap: 10px; }
  html[data-theme="atardecer"] .brd__board { padding: 7px 12px 8px; }
  html[data-theme="atardecer"] .brd__flaps { margin: 6px 0; }
  html[data-theme="atardecer"] .flap { height: 32px; font-size: 1rem; }
  html[data-theme="atardecer"] .brd__pass { --ny: calc(100% - 65px); }
  html[data-theme="atardecer"] .brd__head { padding: 9px 14px; }
  html[data-theme="atardecer"] .brd__route { padding: 12px 16px 0; }
  html[data-theme="atardecer"] .brd__grid { gap: 5px 8px; padding: 6px 16px 9px; }
  html[data-theme="atardecer"] .brd__foot { height: 64px; }
  html[data-theme="atardecer"] .brd__stamp { bottom: 34px; width: 74px; height: 74px; }
}

/* =====================================================================
   MOVIMIENTO REDUCIDO Y MODO ACCESIBLE: escena quieta y completa
   ===================================================================== */
@media (prefers-reduced-motion: reduce) {
  html[data-theme="atardecer"] .inv-intro--boarding .inv-intro__bg,
  html[data-theme="atardecer"] .inv-intro--boarding .inv-intro__bg::before,
  html[data-theme="atardecer"] .inv-intro--boarding::after,
  html[data-theme="atardecer"] .inv-intro--boarding .inv-intro__scene::before,
  html[data-theme="atardecer"] .inv-intro--boarding .inv-intro__scene::after,
  html[data-theme="atardecer"] .inv-hero--photo::after,
  html[data-theme="atardecer"] .inv-story__figure::before { animation: none !important; }
  html[data-theme="atardecer"] .inv-intro--boarding .inv-intro__bg::before { transform: translate(-50%, -60%); }
  html[data-theme="atardecer"] .inv-intro--boarding .inv-intro__scene::after { opacity: .85; transform: translate(28px, 0); }
  html[data-theme="atardecer"] .inv-hero__media::after { display: none; }
  html[data-theme="atardecer"] .inv-hero__content::before { opacity: 1; transform: none; transition: none; }
  html[data-theme="atardecer"] .inv-hero--photo .inv-hero__media::before { animation: none !important; opacity: .7; left: 58%; transform: none; }
}
html[data-theme="atardecer"][data-access='1'] .inv-hero--photo .inv-hero__media::before { display: none; }
html[data-theme="atardecer"][data-access='1'] .inv-hero--photo::after,
html[data-theme="atardecer"][data-access='1'] .inv-story__figure::before { animation: none; }
html[data-theme="atardecer"][data-access='1'] .inv-hero__content::before { opacity: 1; transform: none; transition: none; }