Plantilla:Ediciones

<mediawiki xmlns="http://www.mediawiki.org/xml/export-0.11/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.mediawiki.org/xml/export-0.11/ http://www.mediawiki.org/xml/export-0.11.xsd" version="0.11" xml:lang="es">
  <siteinfo>
    <sitename>Wikiviajes</sitename>
    <dbname>eswikivoyage</dbname>
    <base>https://es.wikivoyage.org/wiki/P%C3%A1gina_principal</base>
    <generator>MediaWiki 1.47.0-wmf.3</generator>
    <case>first-letter</case>
    <namespaces>
      <namespace key="-2" case="first-letter">Medio</namespace>
      <namespace key="-1" case="first-letter">Especial</namespace>
      <namespace key="0" case="first-letter" />
      <namespace key="1" case="first-letter">Discusión</namespace>
      <namespace key="2" case="first-letter">Usuario</namespace>
      <namespace key="3" case="first-letter">Usuario discusión</namespace>
      <namespace key="4" case="first-letter">Wikiviajes</namespace>
      <namespace key="5" case="first-letter">Wikiviajes discusión</namespace>
      <namespace key="6" case="first-letter">Archivo</namespace>
      <namespace key="7" case="first-letter">Archivo discusión</namespace>
      <namespace key="8" case="first-letter">MediaWiki</namespace>
      <namespace key="9" case="first-letter">MediaWiki discusión</namespace>
      <namespace key="10" case="first-letter">Plantilla</namespace>
      <namespace key="11" case="first-letter">Plantilla discusión</namespace>
      <namespace key="12" case="first-letter">Ayuda</namespace>
      <namespace key="13" case="first-letter">Ayuda discusión</namespace>
      <namespace key="14" case="first-letter">Categoría</namespace>
      <namespace key="15" case="first-letter">Categoría discusión</namespace>
      <namespace key="710" case="first-letter">TimedText</namespace>
      <namespace key="711" case="first-letter">TimedText talk</namespace>
      <namespace key="828" case="first-letter">Módulo</namespace>
      <namespace key="829" case="first-letter">Módulo discusión</namespace>
      <namespace key="1728" case="first-letter">Evento</namespace>
      <namespace key="1729" case="first-letter">Evento discusión</namespace>
    </namespaces>
  </siteinfo>
  <page>
    <title>Plantilla:Ediciones</title>
    <ns>10</ns>
    <id>6579</id>
    <revision>
      <id>253710</id>
      <parentid>253618</parentid>
      <timestamp>2026-05-22T12:01:42Z</timestamp>
      <contributor>
        <username>Jembot</username>
        <id>2355</id>
      </contributor>
      <comment>Bot: Actualizando datos</comment>
      <origin>253710</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="8244" sha1="abud136la1sndyktwiz090bwac6vxqd" xml:space="preserve">{{&lt;includeonly&gt;safesubst:&lt;/includeonly&gt;#switch:{{ucfirst:{{{1|{{{User|{{{user}}}}}}}}}}}
|Jembot=26516
|Galahad=9224
|Renamed user 0f302287bb0255da1e6eba23d871d103=9156
|KLBot2=8323
|ZrbtWm=4725
|Zerojosefer=4146
|Urci dream=4063
|Aavargasp=4020
|Baji=3769
|Alan=3477
|Joancastro21=3441
|Igallards7=3394
|B1mbo=3110
|Mpeinadopa=3041
|Kizar=2933
|RolandUnger=2881
|MediaWiki message delivery=2795
|Elreysintrono=2763
|MABot=2453
|Aguzado=2446
|Meruleh=2338
|HrAd=2254
|Bromoxido=2210
|Jorge Abellán=2210
|Razr Nation=1687
|Green Mostaza=1461
|Green Mostaza Bot=1288
|Superzerocool=1252
|ElGuruCesar=1058
|Althair=1048
|Eclipsis Proteo=1042
|Patricio.lorente=997
|HJGN2=956
|Naturista2018=942
|Ksn.kenny=931
|Lomeno 24=920
|HrAd-ATO=906
|Jormtz=834
|CarsracBot=736
|Kirito=731
|Olea=716
|B1m-bot=713
|Sumone's bot=710
|Viajero del cantábrico=675
|SteveRBot=653
|Alakrano=620
|Jsmura=613
|Grillitus=606
|Banfield=595
|TheDarkFear=576
|FocaBot=562
|Veronidae=543
|CommonsDelinker=527
|Texugo=486
|Marrovi=467
|DerFussi=467
|Racso=460
|Jdiez (LaOfi)=453
|Bradford=435
|Vanbasten 23=424
|Amílcar=405
|Olea (LaOfi)=393
|Travelour=365
|Onwa=338
|Camerano Viejo=337
|Igna=327
|AnniAriel=327
|Viajaste=324
|Gmagno=323
|Lord Ravager=321
|ProtoplasmaKid=320
|Mauvika=310
|Castorice=309
|19Tarrestnom65=303
|Orniosviajero=301
|Willicab=301
|Lingsha=296
|Rheedia=279
|Felino Volador=277
|Mualani=270
|Savh=261
|Julián L. Páez=258
|Angellbosque88=245
|LlamaAl=239
|Turbo8000=235
|Antoniograjal=235
|MarcoAurelio=222
|ElGatoSaez=198
|PetrohsW=197
|Babel AutoCreate=192
|SelfieCity=191
|Iho jose=190
|Community Tech bot=189
|Steinsplitter=185
|Jualve=184
|Kiwumi=178
|DARIO SEVERI=178
|Ezarate=171
|WOSlinker=166
|Alexis Jazz=164
|Hmaglione10=161
|Millars=158
|Trescilindros=157
|Marinna=149
|Simon Peter Hughes=149
|Villalaso=147
|Hasley=143
|Linehalt=143
|Angela Ciccimarra25=141
|SrCerberus=141
|Penarc=140
|JOAN=140
|Municipalidad de Trujillo=139
|DutchTina=131
|RoBeRtArAmIrEz=130
|Renamed user f26394dcb19bd7bdad78f0d752896653=127
|Crochet.david.bot=125
|Adolfobrigido=125
|Hodolog=123
|Pathoschild=122
|Sonoko Konishi=120
|Isaac agredano=120
|Juanantonaya=118
|Agustin Bartolome=112
|Rodriweb=111
|Alberto.turismo2023=109
|Esturismo=109
|Laberinto16=109
|SHB2000=108
|B25es=108
|Luxbane=104
|Vinicius10=104
|AlvaroMolina=99
|Zafkiel GD=95
|The Sophocrat=93
|Stïnger=93
|Loco085=91
|Polsaker=89
|CityForEveryone=88
|BOToronja=88
|ThunderingTyphoons!=86
|Je7roi=86
|Zolsemiya=86
|Carlos Abisai=85
|William y Chesterfield=85
|Eihel=84
|Venex=83
|IanTrobsky=83
|Jmcp17=82
|Isaacvp=82
|Rodelar=81
|Bangladesh=80
|Addicted04=79
|Mazbel=77
|Barcex=77
|Luzcaru=76
|Pedelecs=74
|Kassanmoor=74
|Matiia=72
|Morgalexandra=72
|Joseenriquetk=71
|RileyBot=71
|Chocolate con galleta=70
|Bojraif=69
|Schumi4ever=67
|Lamder=67
|Samaniego123=67
|Carloshistory=65
|Salvador alc=62
|Tourister21=62
|Jluismendoza=61
|Hassanito69=61
|Strakhov=61
|Soljaguar=61
|Hobbitschuster=60
|Villa de Zújar=60
|Hugener=59
|Adroidthene=59
|Pecohuh=58
|Decla971=58
|Carlosmatalive=58
|Invadibot=57
|GuDeMi=56
|Luchy04=56
|DavidSedeno=56
|JuanToño=55
|Simon antonio 2009=55
|Chongkian=55
|Taichi=54
|Raimundo Pastor=53
|Translation Notification Bot=53
|AvicBot=53
|Dojite=52
|MI GENERAL ZAPATA=52
|~2025-38357-25=51
|Minorax=51
|Heimo66=51
|DMzlC=50
|Carlosahuatzin=49
|Miacara76=49
|HabibiAyllón=49
|JulieLespinasse=48
|Ji-Elle=47
|HeraldFrancisco NI=46
|Arcibel=46
|Sanjorgepinho=46
|Lizluz89=46
|Paula García=45
|RafaelVinueza=45
|Romaine=45
|Mey2008=44
|Aqurs1=44
|Angel Casta Turismo2023=44
|Alrejo00=44
|Tipiskayla=44
|Hprmedina=44
|Trymir=43
|Marmadri=43
|Varlaam=43
|EmausBot=42
|Laura Fiorucci=42
|Chapeau.judicael=42
|Koavf=41
|MF-Warburg=41
|Alzinous=41
|AntoFran=40
|Geógrafo23=40
|Edjoerv=40
|Maor X=40
|Katdrei=40
|Ralf Roletschek=40
|Herreral81=39
|Kolega2357-Bot=39
|Pimpollo=38
|Anonyme Wikipe-tan=38
|LaberintoBOT=38
|Sterlabot=38
|Remux=37
|ViatorDigitalis=37
|Petefarrand=37
|Kolega2357=37
|RBT2232=36
|Darrelljon=36
|FSDmar=35
|Meltryth=35
|Balou46=34
|Renamed user 23o2iqy4ewqoiudh=34
|Cgbraschi=34
|Ziv=34
|RomainGP=33
|Credcre=33
|Rteranb=33
|Judiosefardi=33
|Jellysandwich0=33
|Mfrancoavellaneda=33
|Alhen=33
|Cmasi=33
|Teseo=32
|Charai.06=32
|Guiller96=32
|Santiagocienfuegosm=32
|Cynthia.turismo2023=32
|5R-MFT=32
|Wikiwikiman28=32
|Giselle Bordoy (WMAR)=32
|Billinghurst=31
|Wakapalabra=31
|Wilfredor=31
|(SVPG)=31
|Pietro=31
|Nicanlanu=31
|Clock&amp;horlogue=31
|EdwardsBot=30
|Camilapulka=30
|Martin.rr=30
|Feliperma18=30
|Roarboleda=30
|Kulmalukko=30
|Eddy566=30
|Tefita228=29
|EmBOTellado=29
|Cacen Gymraeg=29
|Robertbt666=29
|Mmorell=29
|Maejr=29
|Adrián Cerón=28
|Fernando10000=28
|Josefito123=28
|Joseluis2352=28
|NHhotels=28
|Sombra Inquieta=28
|Rotideypoc41352=28
|Chamarasca=28
|Intelelihu=28
|Jourdant=28
|-ecarv-=28
|Link58=28
|WhiskypediaXDDD=27
|Ferney antonio bolivar ramirez=27
|Antonio GarMi=27
|Alan ffm=27
|Rizos.13=27
|Anibal Maysonet=27
|Mikas56=27
|Bienvenidos Wikipedistas=27
|Guiller=26
|~2025-35644-08=26
|SoleFabrizio=26
|Jofrigerio=25
|~riley=25
|Tantoparanada=25
|Axmf=25
|Calciopedia=25
|Aaharoni-WMF=25
|Rsanabriia=25
|Campagna 2007=25
|Correogsk=25
|Script de cambio de nombres de usuario=25
|Vicocruz10=25
|Peterfitzgerald=24
|Yandrak=24
|Alpinu=24
|Rodpractice=24
|Sahaquiel9102=24
|Krinkle=24
|LuigiStudio=23
|Seepferd=23
|Intijacinto=23
|JesusLuc11=23
|Mayra García=23
|Karl776=23
|MONUMENTALMELILLA=23
|Kzamudio1020=23
|Madamebiblio=23
|MJSB73MP=23
|AlbertonGil=23
|Tradel=23
|CarlosEduardoPA=23
|ויקיג'אנקי=22
|Anaisagj=22
|EdwinJs=22
|Discasto=22
|Dorieo=22
|ReyDerayos24=22
|Sergio Andres Segovia=22
|Abelmas=22
|Didival44=22
|Luismiguel.vell=21
|AntonelaTroncoso=21
|CUNInsider=21
|Linealle=21
|~2025-36394-17=21
|Use223332237282=21
|ColaborarConBuenaFe=21
|AnónimoMCG=21
|Ltronador=21
|Oscar .=21
|Aniverso=21
|Holaquetalcomoteva=21
|Emijrp=21
|Foximus04=21
|Peripheria=21
|Someonehere12345=21
|Gray16=20
|Jinotega93=20
|Jara-Arroyo=20
|Penquista=20
|MathXplore=20
|Andyrom75=20
|Karturo332=20
|Xarucoponce=20
|HakanIST=20
|Attvaritoo Moninitaa DESBANEAME AHORRRAA EN IRC wikipedia-es OBEDECE=19
|Mylovedsystem=19
|Anjo-sozinho=19
|Xiva91=19
|Quinlan83=19
|-jem-=19
|Handrian=19
|Rafael Calvo Alvarez=19
|Pedrito63=19
|Carsrac=19
|Carliitaeliza=19
|Cuenqui=19
|Feliperma15=19
|Kasok=19
|Toniamartinez=19
|Yurek48=19
|Txolo=19
|Hari Seldon=18
|AIvaroMolina=18
|DSan=18
|Morza=18
|Aldo Fabian=18
|Martin Urbanec=18
|隼鷹=18
|Rkl=18
|PaolaSelena=18
|Laurilsilva32=18
|~2026-11792-0=18
|Johonana 21=18
|Montxohache=18
|Kwamikagami=18
|JorgeGamarraM=18
|Hinestrosavive137=17
|Patrickpedia=17
|Agomga14=17
|Lmoras7=17
|R1107=17
|NoonIcarus=17
|Ladsgroup=17
|Majalindo=17
|Litlok=17
|Duar srs=17
|Ana Matilde Upolo Ebuka=17
|Syum90=17
|~2026-30258-90=17
|Makea=17
|Tierrasvivas=17
|Cohenxx=17
|Irn=17
|Plantillero=17
|Ulughmuztagh=17
|AHT2018=17
|Jake Park=17
|Austral blizzard=17
|Ferjelo=16
|Jcdemarca=16
|Loreestef23=16
|Bestoernesto=16
|Jonhvalecilloss=16
|Monchitooo=16
|Tegel=16
|Fry1989=16
|Ivanhercaz=16
|Æ. L. V. Æ. R. Œ. * M. Œ. L. I. N. Æ=16
|No invadamos Surco=16
|Rschen7754=16
|3BRBS=16
|Mamagrrr=16
|Casandrii=16
|Ykartz44=16
|Juliandiazmr=16
|MiguelAlanCS=16
|Phoebe=16
|Air fans=16
|Vogone=16
|A01274192 Marlen=16
|SernaturLosRios=16
|Jorge Blanco dragon=16
|Zekialves=16
|Rubores=16
|Isaguinju=16
|Mrkstvns=15
|AKardej=15
|Dpcossio=15
|Juancar22=15
|Sagoo.19=15
|Ginés90=15
|Tai93=15
|Skipi=15
|~2025-41754-89=15
|MiPueblo2018=15
|Macacc=15
|Juan Emilio Prades Bel=15
|Ceancata=15
|Adr-geo=15
|Lojwe=15
|JonaCalhoun=15
|Renamed user 5dbfb4c0f8f1d8a129f7e872fb518963=15
|User93823728642=15
|Galopix=15
|NataSciuto=15
|Isabel A01706197=15
|Sereniis=15
|A01274526 Diana=15
|Warko=15
|Agomea=15
|Ayanami San=15
|Reinapepiada23=15
|Glaisher=15
|NDG=14
|Lelacd'arth=14
|HelloKitty2010=14
|Nonita008=14
|Malvinero10=14
|Michael junior obregon pozo=14
|Radd94=14
|FLYTOCUBA=14
|Lacasadeljotta=14
|AIIIllttvaaardooo Moooommlliiinaaa DESBANEAME EN IRC wikipedia-es O TE MATO=14
|La enciclopedia libre 292929=14
|Kisoito=14
|Pacopac=14
|Antonio132002=14
|Cyrax=14
|Adriana513=14
|Euskaldunaa=14
|Hispano77=14
|Bobbbcat=14
|#default=Usuario desconocido
}}&lt;noinclude&gt;{{documentación}}&lt;/noinclude&gt;</text>
      <sha1>abud136la1sndyktwiz090bwac6vxqd</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Ranking de ediciones</title>
    <ns>10</ns>
    <id>6580</id>
    <revision>
      <id>253711</id>
      <parentid>253619</parentid>
      <timestamp>2026-05-22T12:01:43Z</timestamp>
      <contributor>
        <username>Jembot</username>
        <id>2355</id>
      </contributor>
      <comment>Bot: Actualizando ranking</comment>
      <origin>253711</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1689" sha1="2scoqat5ovib40lx2tzk4g7ydtfv8mk" xml:space="preserve">{| class=&quot;wikitable sortable&quot; style=&quot;font-size: 90%;text-align: center;float: right;&quot;
! #
! Usuario
! Ediciones
|-
| 1 || [[User:Galahad|&lt;span style=&quot;color:gray&quot;&gt;Galahad&lt;/span&gt;]] || [[Special:Contributions/Galahad|{{formatnum:9224}}]]
|-
| 2 || [[User:Renamed user 0f302287bb0255da1e6eba23d871d103|&lt;span style=&quot;color:gray&quot;&gt;Renamed user 0f302287bb0255da1e6eba23d871d103&lt;/span&gt;]] || [[Special:Contributions/Renamed user 0f302287bb0255da1e6eba23d871d103|{{formatnum:9156}}]]
|-
| 3 || [[User:KLBot2|&lt;span style=&quot;color:gray&quot;&gt;KLBot2&lt;/span&gt;]] || [[Special:Contributions/KLBot2|{{formatnum:8323}}]]
|-
| 4 || [[User:ZrbtWm|&lt;span style=&quot;color:gray&quot;&gt;ZrbtWm&lt;/span&gt;]] || [[Special:Contributions/ZrbtWm|{{formatnum:4725}}]]
|-
| 5 || [[User:Zerojosefer|&lt;span style=&quot;color:gray&quot;&gt;Zerojosefer&lt;/span&gt;]] || [[Special:Contributions/Zerojosefer|{{formatnum:4146}}]]
|-
| 6 || [[User:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:4063}}]]
|-
| 7 || [[User:Aavargasp|&lt;span style=&quot;color:gray&quot;&gt;Aavargasp&lt;/span&gt;]] || [[Special:Contributions/Aavargasp|{{formatnum:4020}}]]
|-
| 8 || [[User:Baji|&lt;span style=&quot;color:gray&quot;&gt;Baji&lt;/span&gt;]] || [[Special:Contributions/Baji|{{formatnum:3769}}]]
|-
| 9 || [[User:Alan|&lt;span style=&quot;color:gray&quot;&gt;Alan&lt;/span&gt;]] || [[Special:Contributions/Alan|{{formatnum:3477}}]]
|-
| 10 || [[User:Joancastro21|&lt;span style=&quot;color:gray&quot;&gt;Joancastro21&lt;/span&gt;]] || [[Special:Contributions/Joancastro21|{{formatnum:3441}}]]
|-
| colspan=&quot;3&quot; | Véase también [[Wikiviajes:Ranking de ediciones]]&lt;br/&gt;&lt;small&gt;Actualizado por [[Usuario:Jembot|Jembot]] ([[Usuario discusión:Jembot|disc.]]), 22 de mayo de 2026, 12:00 (UTC)&lt;/small&gt;
|}&lt;noinclude&gt;{{documentación}}&lt;/noinclude&gt;</text>
      <sha1>2scoqat5ovib40lx2tzk4g7ydtfv8mk</sha1>
    </revision>
  </page>
  <page>
    <title>Wikiviajes:Ranking de ediciones</title>
    <ns>4</ns>
    <id>6581</id>
    <revision>
      <id>253712</id>
      <parentid>253620</parentid>
      <timestamp>2026-05-22T12:01:44Z</timestamp>
      <contributor>
        <username>Jembot</username>
        <id>2355</id>
      </contributor>
      <comment>Bot: Actualizando ranking</comment>
      <origin>253712</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="6448" sha1="5o06r213buy0kks00swbm21b51wofi4" xml:space="preserve">{{/begin|50}}
|-
| 1 || [[User:Galahad|&lt;span style=&quot;color:gray&quot;&gt;Galahad&lt;/span&gt;]] || [[Special:Contributions/Galahad|{{formatnum:9224}}]]
|-
| 2 || [[User:Renamed user 0f302287bb0255da1e6eba23d871d103|&lt;span style=&quot;color:gray&quot;&gt;Renamed user 0f302287bb0255da1e6eba23d871d103&lt;/span&gt;]] || [[Special:Contributions/Renamed user 0f302287bb0255da1e6eba23d871d103|{{formatnum:9156}}]]
|-
| 3 || [[User:KLBot2|&lt;span style=&quot;color:gray&quot;&gt;KLBot2&lt;/span&gt;]] || [[Special:Contributions/KLBot2|{{formatnum:8323}}]]
|-
| 4 || [[User:ZrbtWm|&lt;span style=&quot;color:gray&quot;&gt;ZrbtWm&lt;/span&gt;]] || [[Special:Contributions/ZrbtWm|{{formatnum:4725}}]]
|-
| 5 || [[User:Zerojosefer|&lt;span style=&quot;color:gray&quot;&gt;Zerojosefer&lt;/span&gt;]] || [[Special:Contributions/Zerojosefer|{{formatnum:4146}}]]
|-
| 6 || [[User:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:4063}}]]
|-
| 7 || [[User:Aavargasp|&lt;span style=&quot;color:gray&quot;&gt;Aavargasp&lt;/span&gt;]] || [[Special:Contributions/Aavargasp|{{formatnum:4020}}]]
|-
| 8 || [[User:Baji|&lt;span style=&quot;color:gray&quot;&gt;Baji&lt;/span&gt;]] || [[Special:Contributions/Baji|{{formatnum:3769}}]]
|-
| 9 || [[User:Alan|&lt;span style=&quot;color:gray&quot;&gt;Alan&lt;/span&gt;]] || [[Special:Contributions/Alan|{{formatnum:3477}}]]
|-
| 10 || [[User:Joancastro21|&lt;span style=&quot;color:gray&quot;&gt;Joancastro21&lt;/span&gt;]] || [[Special:Contributions/Joancastro21|{{formatnum:3441}}]]
|-
| 11 || [[User:Igallards7|Igallards7]] || [[Special:Contributions/Igallards7|{{formatnum:3394}}]]
|-
| 12 || [[User:B1mbo|&lt;span style=&quot;color:gray&quot;&gt;B1mbo&lt;/span&gt;]] || [[Special:Contributions/B1mbo|{{formatnum:3110}}]]
|-
| 13 || [[User:Mpeinadopa|&lt;span style=&quot;color:gray&quot;&gt;Mpeinadopa&lt;/span&gt;]] || [[Special:Contributions/Mpeinadopa|{{formatnum:3041}}]]
|-
| 14 || [[User:Kizar|&lt;span style=&quot;color:gray&quot;&gt;Kizar&lt;/span&gt;]] || [[Special:Contributions/Kizar|{{formatnum:2933}}]]
|-
| 15 || [[User:RolandUnger|RolandUnger]] || [[Special:Contributions/RolandUnger|{{formatnum:2881}}]]
|-
| 16 || [[User:Elreysintrono|&lt;span style=&quot;color:gray&quot;&gt;Elreysintrono&lt;/span&gt;]] || [[Special:Contributions/Elreysintrono|{{formatnum:2763}}]]
|-
| 17 || [[User:Aguzado|&lt;span style=&quot;color:gray&quot;&gt;Aguzado&lt;/span&gt;]] || [[Special:Contributions/Aguzado|{{formatnum:2446}}]]
|-
| 18 || [[User:Meruleh|&lt;span style=&quot;color:gray&quot;&gt;Meruleh&lt;/span&gt;]] || [[Special:Contributions/Meruleh|{{formatnum:2338}}]]
|-
| 19 || [[User:HrAd|&lt;span style=&quot;color:gray&quot;&gt;HrAd&lt;/span&gt;]] || [[Special:Contributions/HrAd|{{formatnum:2254}}]]
|-
| 20 || [[User:Bromoxido|Bromoxido]] (Admin) || [[Special:Contributions/Bromoxido|{{formatnum:2210}}]]
|-
| 21 || [[User:Jorge Abellán|&lt;span style=&quot;color:gray&quot;&gt;Jorge Abellán&lt;/span&gt;]] || [[Special:Contributions/Jorge Abellán|{{formatnum:2210}}]]
|-
| 22 || [[User:Razr Nation|&lt;span style=&quot;color:gray&quot;&gt;Razr Nation&lt;/span&gt;]] || [[Special:Contributions/Razr Nation|{{formatnum:1687}}]]
|-
| 23 || [[User:Green Mostaza|&lt;span style=&quot;color:gray&quot;&gt;Green Mostaza&lt;/span&gt;]] || [[Special:Contributions/Green Mostaza|{{formatnum:1461}}]]
|-
| 24 || [[User:Green Mostaza Bot|&lt;span style=&quot;color:gray&quot;&gt;Green Mostaza Bot&lt;/span&gt;]] || [[Special:Contributions/Green Mostaza Bot|{{formatnum:1288}}]]
|-
| 25 || [[User:Superzerocool|&lt;span style=&quot;color:gray&quot;&gt;Superzerocool&lt;/span&gt;]] || [[Special:Contributions/Superzerocool|{{formatnum:1252}}]]
|-
| 26 || [[User:ElGuruCesar|ElGuruCesar]] || [[Special:Contributions/ElGuruCesar|{{formatnum:1058}}]]
|-
| 27 || [[User:Althair|&lt;span style=&quot;color:gray&quot;&gt;Althair&lt;/span&gt;]] || [[Special:Contributions/Althair|{{formatnum:1048}}]]
|-
| 28 || [[User:Eclipsis Proteo|&lt;span style=&quot;color:gray&quot;&gt;Eclipsis Proteo&lt;/span&gt;]] || [[Special:Contributions/Eclipsis Proteo|{{formatnum:1042}}]]
|-
| 29 || [[User:Patricio.lorente|&lt;span style=&quot;color:gray&quot;&gt;Patricio.lorente&lt;/span&gt;]] || [[Special:Contributions/Patricio.lorente|{{formatnum:997}}]]
|-
| 30 || [[User:HJGN2|&lt;span style=&quot;color:gray&quot;&gt;HJGN2&lt;/span&gt;]] || [[Special:Contributions/HJGN2|{{formatnum:956}}]]
|-
| 31 || [[User:Naturista2018|&lt;span style=&quot;color:gray&quot;&gt;Naturista2018&lt;/span&gt;]] || [[Special:Contributions/Naturista2018|{{formatnum:942}}]]
|-
| 32 || [[User:Ksn.kenny|&lt;span style=&quot;color:gray&quot;&gt;Ksn.kenny&lt;/span&gt;]] || [[Special:Contributions/Ksn.kenny|{{formatnum:931}}]]
|-
| 33 || [[User:Lomeno 24|&lt;span style=&quot;color:gray&quot;&gt;Lomeno 24&lt;/span&gt;]] || [[Special:Contributions/Lomeno 24|{{formatnum:920}}]]
|-
| 34 || [[User:HrAd-ATO|&lt;span style=&quot;color:gray&quot;&gt;HrAd-ATO&lt;/span&gt;]] || [[Special:Contributions/HrAd-ATO|{{formatnum:906}}]]
|-
| 35 || [[User:Jormtz|&lt;span style=&quot;color:gray&quot;&gt;Jormtz&lt;/span&gt;]] || [[Special:Contributions/Jormtz|{{formatnum:834}}]]
|-
| 36 || [[User:CarsracBot|&lt;span style=&quot;color:gray&quot;&gt;CarsracBot&lt;/span&gt;]] || [[Special:Contributions/CarsracBot|{{formatnum:736}}]]
|-
| 37 || [[User:Kirito|&lt;span style=&quot;color:gray&quot;&gt;Kirito&lt;/span&gt;]] || [[Special:Contributions/Kirito|{{formatnum:731}}]]
|-
| 38 || [[User:Olea|&lt;span style=&quot;color:gray&quot;&gt;Olea&lt;/span&gt;]] || [[Special:Contributions/Olea|{{formatnum:716}}]]
|-
| 39 || [[User:B1m-bot|&lt;span style=&quot;color:gray&quot;&gt;B1m-bot&lt;/span&gt;]] || [[Special:Contributions/B1m-bot|{{formatnum:713}}]]
|-
| 40 || [[User:Sumone's bot|&lt;span style=&quot;color:gray&quot;&gt;Sumone's bot&lt;/span&gt;]] || [[Special:Contributions/Sumone's bot|{{formatnum:710}}]]
|-
| 41 || [[User:Viajero del cantábrico|&lt;span style=&quot;color:gray&quot;&gt;Viajero del cantábrico&lt;/span&gt;]] || [[Special:Contributions/Viajero del cantábrico|{{formatnum:675}}]]
|-
| 42 || [[User:SteveRBot|&lt;span style=&quot;color:gray&quot;&gt;SteveRBot&lt;/span&gt;]] || [[Special:Contributions/SteveRBot|{{formatnum:653}}]]
|-
| 43 || [[User:Alakrano|&lt;span style=&quot;color:gray&quot;&gt;Alakrano&lt;/span&gt;]] || [[Special:Contributions/Alakrano|{{formatnum:620}}]]
|-
| 44 || [[User:Jsmura|Jsmura]] || [[Special:Contributions/Jsmura|{{formatnum:613}}]]
|-
| 45 || [[User:Grillitus|&lt;span style=&quot;color:gray&quot;&gt;Grillitus&lt;/span&gt;]] || [[Special:Contributions/Grillitus|{{formatnum:606}}]]
|-
| 46 || [[User:Banfield|&lt;span style=&quot;color:gray&quot;&gt;Banfield&lt;/span&gt;]] || [[Special:Contributions/Banfield|{{formatnum:595}}]]
|-
| 47 || [[User:TheDarkFear|&lt;span style=&quot;color:gray&quot;&gt;TheDarkFear&lt;/span&gt;]] || [[Special:Contributions/TheDarkFear|{{formatnum:576}}]]
|-
| 48 || [[User:FocaBot|&lt;span style=&quot;color:gray&quot;&gt;FocaBot&lt;/span&gt;]] || [[Special:Contributions/FocaBot|{{formatnum:562}}]]
|-
| 49 || [[User:Veronidae|&lt;span style=&quot;color:gray&quot;&gt;Veronidae&lt;/span&gt;]] || [[Special:Contributions/Veronidae|{{formatnum:543}}]]
|-
| 50 || [[User:Texugo|&lt;span style=&quot;color:gray&quot;&gt;Texugo&lt;/span&gt;]] || [[Special:Contributions/Texugo|{{formatnum:486}}]]
{{/end}}</text>
      <sha1>5o06r213buy0kks00swbm21b51wofi4</sha1>
    </revision>
  </page>
  <page>
    <title>Wikiviajes:Ranking de ediciones (incluye bots)</title>
    <ns>4</ns>
    <id>6582</id>
    <revision>
      <id>253713</id>
      <parentid>253621</parentid>
      <timestamp>2026-05-22T12:01:45Z</timestamp>
      <contributor>
        <username>Jembot</username>
        <id>2355</id>
      </contributor>
      <comment>Bot: Actualizando ranking</comment>
      <origin>253713</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="6419" sha1="2wmojjb13nmyzoc8xkeyfqtmmmch8sd" xml:space="preserve">{{/begin|50}}
|-
| 1 || [[User:Jembot|Jembot]] (Bot) || [[Special:Contributions/Jembot|{{formatnum:26516}}]]
|-
| 2 || [[User:Galahad|&lt;span style=&quot;color:gray&quot;&gt;Galahad&lt;/span&gt;]] || [[Special:Contributions/Galahad|{{formatnum:9224}}]]
|-
| 3 || [[User:Renamed user 0f302287bb0255da1e6eba23d871d103|&lt;span style=&quot;color:gray&quot;&gt;Renamed user 0f302287bb0255da1e6eba23d871d103&lt;/span&gt;]] || [[Special:Contributions/Renamed user 0f302287bb0255da1e6eba23d871d103|{{formatnum:9156}}]]
|-
| 4 || [[User:KLBot2|&lt;span style=&quot;color:gray&quot;&gt;KLBot2&lt;/span&gt;]] || [[Special:Contributions/KLBot2|{{formatnum:8323}}]]
|-
| 5 || [[User:ZrbtWm|&lt;span style=&quot;color:gray&quot;&gt;ZrbtWm&lt;/span&gt;]] || [[Special:Contributions/ZrbtWm|{{formatnum:4725}}]]
|-
| 6 || [[User:Zerojosefer|&lt;span style=&quot;color:gray&quot;&gt;Zerojosefer&lt;/span&gt;]] || [[Special:Contributions/Zerojosefer|{{formatnum:4146}}]]
|-
| 7 || [[User:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:4063}}]]
|-
| 8 || [[User:Aavargasp|&lt;span style=&quot;color:gray&quot;&gt;Aavargasp&lt;/span&gt;]] || [[Special:Contributions/Aavargasp|{{formatnum:4020}}]]
|-
| 9 || [[User:Baji|&lt;span style=&quot;color:gray&quot;&gt;Baji&lt;/span&gt;]] || [[Special:Contributions/Baji|{{formatnum:3769}}]]
|-
| 10 || [[User:Alan|&lt;span style=&quot;color:gray&quot;&gt;Alan&lt;/span&gt;]] || [[Special:Contributions/Alan|{{formatnum:3477}}]]
|-
| 11 || [[User:Joancastro21|&lt;span style=&quot;color:gray&quot;&gt;Joancastro21&lt;/span&gt;]] || [[Special:Contributions/Joancastro21|{{formatnum:3441}}]]
|-
| 12 || [[User:Igallards7|Igallards7]] || [[Special:Contributions/Igallards7|{{formatnum:3394}}]]
|-
| 13 || [[User:B1mbo|&lt;span style=&quot;color:gray&quot;&gt;B1mbo&lt;/span&gt;]] || [[Special:Contributions/B1mbo|{{formatnum:3110}}]]
|-
| 14 || [[User:Mpeinadopa|&lt;span style=&quot;color:gray&quot;&gt;Mpeinadopa&lt;/span&gt;]] || [[Special:Contributions/Mpeinadopa|{{formatnum:3041}}]]
|-
| 15 || [[User:Kizar|&lt;span style=&quot;color:gray&quot;&gt;Kizar&lt;/span&gt;]] || [[Special:Contributions/Kizar|{{formatnum:2933}}]]
|-
| 16 || [[User:RolandUnger|RolandUnger]] || [[Special:Contributions/RolandUnger|{{formatnum:2881}}]]
|-
| 17 || [[User:MediaWiki message delivery|MediaWiki message delivery]] (Bot) || [[Special:Contributions/MediaWiki message delivery|{{formatnum:2795}}]]
|-
| 18 || [[User:Elreysintrono|&lt;span style=&quot;color:gray&quot;&gt;Elreysintrono&lt;/span&gt;]] || [[Special:Contributions/Elreysintrono|{{formatnum:2763}}]]
|-
| 19 || [[User:MABot|MABot]] (Bot) || [[Special:Contributions/MABot|{{formatnum:2453}}]]
|-
| 20 || [[User:Aguzado|&lt;span style=&quot;color:gray&quot;&gt;Aguzado&lt;/span&gt;]] || [[Special:Contributions/Aguzado|{{formatnum:2446}}]]
|-
| 21 || [[User:Meruleh|&lt;span style=&quot;color:gray&quot;&gt;Meruleh&lt;/span&gt;]] || [[Special:Contributions/Meruleh|{{formatnum:2338}}]]
|-
| 22 || [[User:HrAd|&lt;span style=&quot;color:gray&quot;&gt;HrAd&lt;/span&gt;]] || [[Special:Contributions/HrAd|{{formatnum:2254}}]]
|-
| 23 || [[User:Bromoxido|Bromoxido]] (Admin) || [[Special:Contributions/Bromoxido|{{formatnum:2210}}]]
|-
| 24 || [[User:Jorge Abellán|&lt;span style=&quot;color:gray&quot;&gt;Jorge Abellán&lt;/span&gt;]] || [[Special:Contributions/Jorge Abellán|{{formatnum:2210}}]]
|-
| 25 || [[User:Razr Nation|&lt;span style=&quot;color:gray&quot;&gt;Razr Nation&lt;/span&gt;]] || [[Special:Contributions/Razr Nation|{{formatnum:1687}}]]
|-
| 26 || [[User:Green Mostaza|&lt;span style=&quot;color:gray&quot;&gt;Green Mostaza&lt;/span&gt;]] || [[Special:Contributions/Green Mostaza|{{formatnum:1461}}]]
|-
| 27 || [[User:Green Mostaza Bot|&lt;span style=&quot;color:gray&quot;&gt;Green Mostaza Bot&lt;/span&gt;]] || [[Special:Contributions/Green Mostaza Bot|{{formatnum:1288}}]]
|-
| 28 || [[User:Superzerocool|&lt;span style=&quot;color:gray&quot;&gt;Superzerocool&lt;/span&gt;]] || [[Special:Contributions/Superzerocool|{{formatnum:1252}}]]
|-
| 29 || [[User:ElGuruCesar|ElGuruCesar]] || [[Special:Contributions/ElGuruCesar|{{formatnum:1058}}]]
|-
| 30 || [[User:Althair|&lt;span style=&quot;color:gray&quot;&gt;Althair&lt;/span&gt;]] || [[Special:Contributions/Althair|{{formatnum:1048}}]]
|-
| 31 || [[User:Eclipsis Proteo|&lt;span style=&quot;color:gray&quot;&gt;Eclipsis Proteo&lt;/span&gt;]] || [[Special:Contributions/Eclipsis Proteo|{{formatnum:1042}}]]
|-
| 32 || [[User:Patricio.lorente|&lt;span style=&quot;color:gray&quot;&gt;Patricio.lorente&lt;/span&gt;]] || [[Special:Contributions/Patricio.lorente|{{formatnum:997}}]]
|-
| 33 || [[User:HJGN2|&lt;span style=&quot;color:gray&quot;&gt;HJGN2&lt;/span&gt;]] || [[Special:Contributions/HJGN2|{{formatnum:956}}]]
|-
| 34 || [[User:Naturista2018|&lt;span style=&quot;color:gray&quot;&gt;Naturista2018&lt;/span&gt;]] || [[Special:Contributions/Naturista2018|{{formatnum:942}}]]
|-
| 35 || [[User:Ksn.kenny|&lt;span style=&quot;color:gray&quot;&gt;Ksn.kenny&lt;/span&gt;]] || [[Special:Contributions/Ksn.kenny|{{formatnum:931}}]]
|-
| 36 || [[User:Lomeno 24|&lt;span style=&quot;color:gray&quot;&gt;Lomeno 24&lt;/span&gt;]] || [[Special:Contributions/Lomeno 24|{{formatnum:920}}]]
|-
| 37 || [[User:HrAd-ATO|&lt;span style=&quot;color:gray&quot;&gt;HrAd-ATO&lt;/span&gt;]] || [[Special:Contributions/HrAd-ATO|{{formatnum:906}}]]
|-
| 38 || [[User:Jormtz|&lt;span style=&quot;color:gray&quot;&gt;Jormtz&lt;/span&gt;]] || [[Special:Contributions/Jormtz|{{formatnum:834}}]]
|-
| 39 || [[User:CarsracBot|&lt;span style=&quot;color:gray&quot;&gt;CarsracBot&lt;/span&gt;]] || [[Special:Contributions/CarsracBot|{{formatnum:736}}]]
|-
| 40 || [[User:Kirito|&lt;span style=&quot;color:gray&quot;&gt;Kirito&lt;/span&gt;]] || [[Special:Contributions/Kirito|{{formatnum:731}}]]
|-
| 41 || [[User:Olea|&lt;span style=&quot;color:gray&quot;&gt;Olea&lt;/span&gt;]] || [[Special:Contributions/Olea|{{formatnum:716}}]]
|-
| 42 || [[User:B1m-bot|&lt;span style=&quot;color:gray&quot;&gt;B1m-bot&lt;/span&gt;]] || [[Special:Contributions/B1m-bot|{{formatnum:713}}]]
|-
| 43 || [[User:Sumone's bot|&lt;span style=&quot;color:gray&quot;&gt;Sumone's bot&lt;/span&gt;]] || [[Special:Contributions/Sumone's bot|{{formatnum:710}}]]
|-
| 44 || [[User:Viajero del cantábrico|&lt;span style=&quot;color:gray&quot;&gt;Viajero del cantábrico&lt;/span&gt;]] || [[Special:Contributions/Viajero del cantábrico|{{formatnum:675}}]]
|-
| 45 || [[User:SteveRBot|&lt;span style=&quot;color:gray&quot;&gt;SteveRBot&lt;/span&gt;]] || [[Special:Contributions/SteveRBot|{{formatnum:653}}]]
|-
| 46 || [[User:Alakrano|&lt;span style=&quot;color:gray&quot;&gt;Alakrano&lt;/span&gt;]] || [[Special:Contributions/Alakrano|{{formatnum:620}}]]
|-
| 47 || [[User:Jsmura|Jsmura]] || [[Special:Contributions/Jsmura|{{formatnum:613}}]]
|-
| 48 || [[User:Grillitus|&lt;span style=&quot;color:gray&quot;&gt;Grillitus&lt;/span&gt;]] || [[Special:Contributions/Grillitus|{{formatnum:606}}]]
|-
| 49 || [[User:Banfield|&lt;span style=&quot;color:gray&quot;&gt;Banfield&lt;/span&gt;]] || [[Special:Contributions/Banfield|{{formatnum:595}}]]
|-
| 50 || [[User:TheDarkFear|&lt;span style=&quot;color:gray&quot;&gt;TheDarkFear&lt;/span&gt;]] || [[Special:Contributions/TheDarkFear|{{formatnum:576}}]]
{{/end}}</text>
      <sha1>2wmojjb13nmyzoc8xkeyfqtmmmch8sd</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Tasa de cambio/datos</title>
    <ns>10</ns>
    <id>8915</id>
    <revision>
      <id>253736</id>
      <parentid>253688</parentid>
      <timestamp>2026-05-22T19:02:04Z</timestamp>
      <contributor>
        <username>Jembot</username>
        <id>2355</id>
      </contributor>
      <comment>Bot: Actualizando datos</comment>
      <origin>253736</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="2528" sha1="gkf6cfsa47pyech59tdclsc01xy4bff" xml:space="preserve">{{#switch:{{uc:{{{1|}}}}}&lt;!--
Las cifras indican el valor de un dólar estadounidense en la moneda correspondiente--&gt;
|AED=3.67315
|AFN=62.503991
|ALL=82.322805
|AMD=367.970403
|ANG=1.79046
|AOA=918.000367
|ARS=1401.012158
|AUD=1.400825
|AWG=1.8
|AZN=1.70397
|BAM=1.68682
|BBD=2.014731
|BDT=122.945164
|BGN=1.66992
|BHD=0.377275
|BIF=2975.5
|BMD=1
|BND=1.280682
|BOB=6.911838
|BRL=5.035504
|BSD=1.000293
|BTN=95.666948
|BWP=13.528887
|BYN=2.746451
|BYR=19600
|BZD=2.011799
|CAD=1.380895
|CDF=2255.000362
|CHF=0.78435
|CLF=0.022876
|CLP=900.340396
|CNY=6.80325
|COP=3686.29
|CRC=452.710745
|CUP=26.5
|CVE=95.100305
|CZK=20.90735
|DJF=177.720393
|DKK=6.43334
|DOP=59.050393
|DZD=132.509182
|ECS=25000
|EGP=52.916804
|EHP=143,2666653
|ERN=15
|ETB=161.261277
|EUR|€=0.86105
|FJD=2.20415
|FKP=0.745923
|GBP|£=0.743595
|GEL=2.660391
|GHS=11.63039
|GIP=0.745923
|GMD=72.503851
|GNF=8767.01223
|GTQ=7.627689
|GYD=209.243958
|HKD=7.83602
|HNL=26.613251
|HRK=6.487404
|HTG=130.992014
|HUF=308.631504
|IDR=17692
|ILS=2.89104
|INR=95.60405
|IQD=1310.35137
|IRR=1323000.000352
|ISK=123.650386
|JMD=157.909717
|JOD=0.70904
|JPY|¥=159.113504
|KES=129.703801
|KGS=87.450384
|KHR=4008.814562
|KMF=424.00035
|KPW=900.052896
|KRW=1517.503789
|KWD=0.30947
|KYD=0.833588
|KZT=472.383696
|LAK=21922.274162
|LBP=89597.916271
|LKR=334.58679
|LRD=183.053099
|LSL=16.499491
|LTL=2.95274
|LVL=0.60489
|LYD=6.374519
|MAD=9.228089
|MDL=17.350543
|MGA=4202.818553
|MKD=53.088009
|MMK=2099.74231
|MNT=3580.214653
|MOP=8.073777
|MRU=39.972056
|MUR=47.380378
|MVR=15.403739
|MWK=1734.514343
|MXN=17.311104
|MYR=3.967904
|MZN=63.903729
|NAD=16.499491
|NGN=1372.260377
|NIO=36.810239
|NOK=9.26495
|NPR=153.066945
|NZD=1.70694
|OMR=0.384504
|PAB=1
|PEN=3.410467
|PGK=4.362376
|PHP=61.599038
|PKR=278.494644
|PLN=3.649795
|PYG=6095.941214
|QAR=3.65722
|RON=4.518304
|RSD=101.095428
|RUB=71.540164
|RWF=1462.423832
|SAR=3.754239
|SBD=8.045182
|SCR=13.54909
|SDG=600.503676
|SEK=9.34745
|SGD=1.279075
|SHP=0.746601
|SLL=20969.502105
|SOS=571.645421
|SRD=37.154038
|SSP=
|STD=20697.981008
|SVC=8.75
|SYP=110.531015
|SZL=16.49561
|THB=32.660369
|TJS=9.292774
|TMT=3.5
|TND=2.92826
|TOP=2.40776
|TRY=45.739704
|TTD=6.789426
|TWD=31.438038
|TZS=2629.998038
|UAH=44.271557
|UGX=3787.970262
|USD|$=1
|UYU=40.044503
|UZS=12001.276456
|VED=
|VEF=
|VES=526.210504
|VND=26365
|VUV=118.904724
|WST=2.724078
|XAF=565.743536
|XCD=2.70255
|XDR=0.702153
|XOF=565.743536
|XPF=102.858227
|YER=238.650363
|ZAR=16.42425
|ZMW=18.830318
|ZWL=321.999592
|#default=22 de mayo de 2026
}}</text>
      <sha1>gkf6cfsa47pyech59tdclsc01xy4bff</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:IDDC/Imagen</title>
    <ns>10</ns>
    <id>12726</id>
    <revision>
      <id>253772</id>
      <parentid>253696</parentid>
      <timestamp>2026-05-23T00:00:06Z</timestamp>
      <contributor>
        <username>Jembot</username>
        <id>2355</id>
      </contributor>
      <comment>Bot: Actualizando imagen del día de Commons</comment>
      <origin>253772</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="61" sha1="p4x3f6bo25lswdlblr7nirniiah71mn" xml:space="preserve">1 Mercado do Bolhão.jpg&lt;!-- FILENAME HERE, e.g. Foo.jpg  --&gt;</text>
      <sha1>p4x3f6bo25lswdlblr7nirniiah71mn</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:IDDC/Descripción</title>
    <ns>10</ns>
    <id>12727</id>
    <revision>
      <id>253773</id>
      <parentid>253697</parentid>
      <timestamp>2026-05-23T00:00:07Z</timestamp>
      <contributor>
        <username>Jembot</username>
        <id>2355</id>
      </contributor>
      <comment>Bot: Actualizando descripción de la imagen del día de Commons</comment>
      <origin>253773</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="76" sha1="iopdjpoyycgdnyauxq7qmjhoecb2vej" xml:space="preserve">[[w:Mercado do Bolhão|Mercado do Bolhão]] en [[w:Oporto|Oporto]], Portugal</text>
      <sha1>iopdjpoyycgdnyauxq7qmjhoecb2vej</sha1>
    </revision>
  </page>
  <page>
    <title>Wikiviajes:GUS2Wiki</title>
    <ns>4</ns>
    <id>15223</id>
    <revision>
      <id>253835</id>
      <parentid>253413</parentid>
      <timestamp>2026-05-23T11:58:27Z</timestamp>
      <contributor>
        <username>Alexis Jazz</username>
        <id>20561</id>
      </contributor>
      <comment>Updating gadget usage statistics from [[Special:GadgetUsage]] ([[phab:T121049]])</comment>
      <origin>253835</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1786" sha1="m0x4at6fz0aywzwjvvehu6tmcgzrete" xml:space="preserve">{{#ifexist:Project:GUS2Wiki/top|{{/top}}|This page provides a historical record of [[Special:GadgetUsage]] through its page history. To get the data in CSV format, see wikitext. To customize this message or add categories, create [[/top]].}}
Los siguientes datos provienen de la caché, y fueron actualizados por última vez a fecha de: 2026-05-22T11:10:04Z. La caché contiene {{PLURAL:5000|un resultado|5000 resultados}} como máximo.
{| class=&quot;sortable wikitable&quot;
! Accesorio !! data-sort-type=&quot;number&quot; | Número de usuarios !! data-sort-type=&quot;number&quot; | Usuarios activos
|-
|AjaxSysop || 1 || 0
|-
|CaracteresOff || 5 || 0
|-
|CorrectorOrtografico || 74 || 0
|-
|DetectaDesambiguaciones || 63 || 0
|-
|HotCat || 76 || 2
|-
|RTRC || 16 || 0
|-
|UTCLiveClock || 38 || 0
|-
|boton-purgar || 24 || 0
|-
|botonera || 51 || 0
|-
|coloresdiscu || 12 || 0
|-
|contrib-numeradas || 14 || 0
|-
|corchete-refs || 20 || 0
|-
|deluxe-history || 31 || 0
|-
|editHysteria || 3 || 0
|-
|edittop || 25 || 0
|-
|mensajes-predefinidos || 29 || 0
|-
|patrollinks || 1 || 0
|-
|popups || 37 || 0
|-
|quickeditcounter || 26 || 0
|-
|reversion || 15 || 0
|-
|rightsfilter || 11 || 0
|-
|serena || 7 || 1
|-
|typographyrefreshoverride || 4 || 0
|-
|wikilimpia || 6 || 0
|}
* [[Especial:Uso de accesorios]]
* [[m:Meta:GUS2Wiki/Script|GUS2Wiki]]
&lt;!-- data in CSV format:
AjaxSysop,1,0
CaracteresOff,5,0
CorrectorOrtografico,74,0
DetectaDesambiguaciones,63,0
HotCat,76,2
RTRC,16,0
UTCLiveClock,38,0
boton-purgar,24,0
botonera,51,0
coloresdiscu,12,0
contrib-numeradas,14,0
corchete-refs,20,0
deluxe-history,31,0
editHysteria,3,0
edittop,25,0
mensajes-predefinidos,29,0
patrollinks,1,0
popups,37,0
quickeditcounter,26,0
reversion,15,0
rightsfilter,11,0
serena,7,1
typographyrefreshoverride,4,0
wikilimpia,6,0
--&gt;</text>
      <sha1>m0x4at6fz0aywzwjvvehu6tmcgzrete</sha1>
    </revision>
  </page>
  <page>
    <title>Wikiviajes:Usuarios activos</title>
    <ns>4</ns>
    <id>16437</id>
    <revision>
      <id>253714</id>
      <parentid>253622</parentid>
      <timestamp>2026-05-22T12:01:46Z</timestamp>
      <contributor>
        <username>Jembot</username>
        <id>2355</id>
      </contributor>
      <comment>Bot: Actualizando ranking</comment>
      <origin>253714</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1423" sha1="n0xtu7ivq5gundlg3tylk5qe3knmunk" xml:space="preserve">{{/begin|15}}
|-
| 1 || [[User:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:94}}]]
|-
| 2 || [[User:Igallards7|Igallards7]] || [[Special:Contributions/Igallards7|{{formatnum:30}}]]
|-
| 3 || [[User:Luxbane|Luxbane]] || [[Special:Contributions/Luxbane|{{formatnum:21}}]]
|-
| 4 || [[User:GiaDavi|GiaDavi]] || [[Special:Contributions/GiaDavi|{{formatnum:14}}]]
|-
| 5 || [[User:Dari75|Dari75]] || [[Special:Contributions/Dari75|{{formatnum:8}}]]
|-
| 6 || [[User:Duar srs|Duar srs]] || [[Special:Contributions/Duar srs|{{formatnum:7}}]]
|-
| 7 || [[User:Yealmon|Yealmon]] || [[Special:Contributions/Yealmon|{{formatnum:7}}]]
|-
| 8 || [[User:Osgaca|Osgaca]] || [[Special:Contributions/Osgaca|{{formatnum:7}}]]
|-
| 9 || [[User:Ansocal|Ansocal]] || [[Special:Contributions/Ansocal|{{formatnum:6}}]]
|-
| 10 || [[User:Adryviel|Adryviel]] || [[Special:Contributions/Adryviel|{{formatnum:5}}]]
|-
| 11 || [[User:~2026-25119-66|~2026-25119-66]] || [[Special:Contributions/~2026-25119-66|{{formatnum:5}}]]
|-
| 12 || [[User:Y.eduardo|Y.eduardo]] || [[Special:Contributions/Y.eduardo|{{formatnum:5}}]]
|-
| 13 || [[User:Nolealess|Nolealess]] || [[Special:Contributions/Nolealess|{{formatnum:4}}]]
|-
| 14 || [[User:Bromoxido|Bromoxido]] (Admin) || [[Special:Contributions/Bromoxido|{{formatnum:4}}]]
|-
| 15 || [[User:ElPabloRN|ElPabloRN]] || [[Special:Contributions/ElPabloRN|{{formatnum:4}}]]
{{/end}}</text>
      <sha1>n0xtu7ivq5gundlg3tylk5qe3knmunk</sha1>
    </revision>
  </page>
  <page>
    <title>Usuario:Jsmura/common.css</title>
    <ns>2</ns>
    <id>18363</id>
    <revision>
      <id>253718</id>
      <parentid>253572</parentid>
      <timestamp>2026-05-22T15:51:09Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253718</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="79719" sha1="6v53wuq7mv8o5u7t6en0hqmeen8pja1" xml:space="preserve">/* ════════════════════════════════
   Función de acordeón tipo FAQ / Funciona con el js correspondiente
   ════════════════════════════════ */
.accordion-content{
    display:none;
}

.accordion-content.active {
    display:block;
}

.accordion-clicky{
    cursor:pointer;
    user-select:none;
}

:root {
  --pk: #FF00BB;  --yw: #FFE600;  --cy: #00BFFF;
  --gn: #00C853;  --or: #FF6B00;  --rd: #FF2200;
  --pu: #7A00FF;  --bl: #0099FF;  --bk: #111111;
  --wh: #FFFFFF;  --mu: #555555;
  --bd:  3px solid #111;
  --bd2: 2.5px solid #111;
  --r:   10px;
  --rsm: 6px;
  --rlg: 16px;
  --font: 'Segoe UI', Arial, sans-serif;
}

.wva-config { box-sizing: border-box; margin: 0; padding: 0; margin: 0 auto; background: var(--wh); border: var(--bd); overflow: hidden; font-family: var(--font)}

/* ── Reset interno ── */
.config-general * { box-sizing: border-box; }
.config-general { font-family: var(--font); line-height: 1.6; }

/* ── Force links icon ── */
.wv-doc-outer a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;])::after,
.config-general a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;]):not([href*=&quot;/File:&quot;]):not([href*=&quot;/Archivo:&quot;])::after {
  content: ' [↗]';
  font-size: 0.78em;
  opacity: 0.55;
  font-weight: normal;
  text-decoration: none;
}
.config-general a:has(img)::after{
    content:none !important;
}
/* El enlace [editar] no participa en el flex */
.config-general .mw-editsection {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
}

/* ════════════════════════════════
   Decorativos inline
   ════════════════════════════════ */
.chip-inline {
  display: inline-block; font-size: 0.69rem; font-weight: 700;
  padding: 1px 8px; border-radius: 20px; margin-top: 3px;
  color: #fff;
}

.tag-inline {
  display: inline-block; font-size: 0.72rem; font-weight: 700;
  padding: 3px 10px; border-radius: 20px;
  background: #E6F1FB; color: #006699; margin-top: 0.3rem;
  text-decoration: none; transition: background 0.15s;
}
.tag-inline:hover { background: #c5dff0; }

/* ════════════════════════════════
   Plantilla: Tríptico - Código para que funcione bien. Full Responsive
   ════════════════════════════════ */
.triptico {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: stretch;
}

.triptico-wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.triptico-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ── card base ── */
.tc-card {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.tc-card::before {
  content: '';
  display: block;
  padding-top: var(--card-ratio, 100%);
}

.tc-card-inner {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}

/* imagen wiki como fondo */
.tc-card-img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  display: block;
}

.tc-card-img a,
.tc-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  text-decoration: none;
  pointer-events: none;
}

/* enlace que cubre todo el card */
.tc-card-link {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 5;
  display: block;
  background: transparent;
}

.tc-card-link:hover ~ .tc-tag-top,
.tc-card-link:hover ~ .tc-tag-bot {
  background: rgba(0,0,0,0.82);
}

/* ── tags de esquina ── */
.tc-tag-top {
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-tag-bot {
  position: absolute;
  bottom: 0; right: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  text-align: right;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-card-inner:hover .tc-tag-top {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-card-inner:hover .tc-tag-bot {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-tag-top,
.tc-tag-bot {
  transition: background 0.25s;
}

.tc-tag-top::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

.tc-tag-bot::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

/* ── card-vert ── */
.tc-card-vert .tc-card-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.tc-texto-vert {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.3em;
  writing-mode: vertical-rl;
  transform: rotate(180deg) scaleX(1.4);
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  font-size: var(--vert-size, 56px);
  z-index: 3;
  position: relative;
  pointer-events: none;
  margin-right: 14px;
  margin-top: 10px;
  margin-left: 30px;
}

/* ── bloque de texto ── */
.tc-texto {
  width: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
  background: var(--tc-texto-bg, transparent);
  color: var(--tc-texto-color, inherit);
}

/* ── header flotante ── */
.tc-header-wrap {
  position: absolute;
  top: 0;
  left: 0; right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.tc-header {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 22px;
  background: var(--tc-header-bg, #111);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  white-space: nowrap;
  pointer-events: auto;
  transition: background 0.25s;
}

.tc-header::before {
  content: '';
  position: absolute;
  inset: 2px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);
}

.tc-header-accent {
  position: absolute;
  bottom: -3px;
  left: 10px; right: 10px;
  height: 2px;
  background: var(--tc-acento, #e63946);
  transition: background 0.25s;
}

@media (max-width: 900px) {
  .triptico { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .triptico { grid-template-columns: 1fr; }
}

/* tc-tira */
.tc-tira {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex: none;
  min-height: 72px;
  max-height: 110px;
  background: var(--tc-tira-bg, #111);
  overflow: hidden;
}

/* línea de acento superior */
.tc-tira::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--tc-tira-acento, #e63946);
  z-index: 2;
}

/* brillo sutil */
.tc-tira-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.tc-tira-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding: 10px 6px;
  gap: 3px;
  text-align: center;
  transition: background 0.2s;
}

.tc-tira-items {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 3px 0 0 0;
  min-width: 0;
}

.tc-tira-item:hover {
  background: rgba(255,255,255,0.04);
}

.tc-tira-item img,
.tc-tira-item a img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 2px;
}

.tc-tira-item .thumbinner,
.tc-tira-item .thumb,
.tc-tira-item figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-tira-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-valor {
  font-size: 12px;
  font-weight: bold;
  color: var(--tc-tira-txt, #fff);
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-sep {
  width: 1px;
  align-self: stretch;
  background: rgba(255,255,255,0.08);
  flex-shrink: 0;
  margin: 10px 0;
}

/* ── itinerario ── */
.tc-itinerario {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 0 6px 0;
  background: var(--tc-it-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tc-it-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  margin-bottom: 4px;
}

.tc-it-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-it-acento, #e63946);
  flex: 1;
}

.tc-it-total {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}

/* línea de tiempo vertical */
.tc-it-linea {
  position: absolute;
  left: 28px;
  top: 50px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    var(--tc-it-acento, #e63946),
    rgba(255,255,255,0.05)
  );
}

.tc-it-lista {
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.tc-it-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px 14px 8px 48px;
  transition: background 0.2s;
}

.tc-it-item:hover {
  background: rgba(255,255,255,0.03);
}

/* nodo en la línea de tiempo */
.tc-it-nodo {
  position: absolute;
  left: 22px;
  top: 13px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--tc-it-bg, #0d0d0d);
  border: 2px solid var(--tc-it-acento, #e63946);
  box-sizing: border-box;
  z-index: 2;
}

.tc-it-item:first-child .tc-it-nodo {
  background: var(--tc-it-acento, #e63946);
}

/* fila superior: lugar + tiempo */
.tc-it-fila-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}

.tc-it-lugar {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tc-it-tiempo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: var(--tc-it-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* actividad */
.tc-it-actividad {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
  margin-bottom: 4px;
}

/* badges de propiedades */
.tc-it-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.tc-it-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
  line-height: 1.4;
}

.tc-it-badge-acento {
  border-color: var(--tc-it-acento, #e63946);
  color: var(--tc-it-acento, #e63946);
}

/* separador entre items */
.tc-it-item + .tc-it-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 48px; right: 14px;
  height: 1px;
  background: rgba(255,255,255,0.05);
}

/* ════════════════════════════════
   tc-gastronomia
   ════════════════════════════════ */
.tc-gastro {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-gastro-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-gastro-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-gastro-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

.tc-gastro-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  justify-content: space-between;
}

.tc-gastro-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  position: relative;
  transition: background 0.2s;
}

.tc-gastro-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-gastro-item + .tc-gastro-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* foto */
.tc-gastro-foto {
  width: 64px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.tc-gastro-foto img,
.tc-gastro-foto a img {
  width: 64px !important;
  height: 100% !important;
  min-height: 64px;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.tc-gastro-foto .thumbinner,
.tc-gastro-foto .thumb,
.tc-gastro-foto figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
}

/* línea de acento lateral */
.tc-gastro-item::before {
  content: '';
  position: absolute;
  left: 64px;
  top: 0; bottom: 0;
  width: 2px;
  background: var(--tc-gastro-acento, #e63946);
  opacity: 0;
  transition: opacity 0.2s;
}

.tc-gastro-item:hover::before {
  opacity: 1;
}

/* contenido textual */
.tc-gastro-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 12px 10px 14px;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.tc-gastro-nombre {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-gastro-lugar {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-desc {
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  line-height: 1.4;
  margin-top: 2px;
}

.tc-gastro-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 4px;
}

.tc-gastro-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.4);
  line-height: 1.4;
}

.tc-gastro-badge-acento {
  border-color: var(--tc-gastro-acento, #e63946);
  color: var(--tc-gastro-acento, #e63946);
}


/* ════════════════════════════════
   tc-transporte
   ════════════════════════════════ */
.tc-transporte {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-trans-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-trans-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-trans-acento, #1d6fa4);
}

.tc-trans-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

/* secciones: transporte y lugares */
.tc-trans-seccion {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-seccion-label {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding: 7px 14px 4px 14px;
}

.tc-trans-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-trans-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  position: relative;
  transition: background 0.2s;
}

.tc-trans-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-trans-item + .tc-trans-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* icono de transporte o lugar */
.tc-trans-icono {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255,255,255,0.05);
  overflow: hidden;
}

.tc-trans-icono img,
.tc-trans-icono a img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-trans-icono .thumbinner,
.tc-trans-icono .thumb,
.tc-trans-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-trans-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}

.tc-trans-nombre {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-desc {
  font-size: 9px;
  color: rgba(255,255,255,0.4);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-meta {
  font-size: 9px;
  font-weight: bold;
  color: var(--tc-trans-acento, #1d6fa4);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.04em;
}

/* divisor entre secciones */
.tc-trans-div {
  height: 1px;
  background: linear-gradient(
    to right,
    var(--tc-trans-acento, #1d6fa4),
    rgba(255,255,255,0.05)
  );
  margin: 4px 14px;
}

/* badge de lugar destacado */
.tc-trans-estrella {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tc-trans-acento, #1d6fa4);
  flex-shrink: 0;
}

/* texto adaptable según fondo */
.tc-gastro-nombre  { color: var(--tc-gastro-txt, #fff); }
.tc-gastro-desc    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); }
.tc-gastro-badge   { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); 
                     border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); }

.tc-trans-nombre   { color: var(--tc-trans-txt, #fff); }
.tc-trans-desc     { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); }
.tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); }
.tc-trans-subtitulo     { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); }
.tc-gastro-subtitulo    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); }

/* ════════════════════════════════
   tc-callout — base compartida
   ════════════════════════════════ */
.tc-callout {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}

.tc-callout-barra {
  width: 4px;
  flex-shrink: 0;
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  flex: 1;
  min-width: 0;
  background: var(--tc-co-bg, rgba(29,111,164,0.08));
}

.tc-callout-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.tc-callout-icono {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.tc-callout-icono img,
.tc-callout-icono a img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-callout-icono .thumbinner,
.tc-callout-icono .thumb,
.tc-callout-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-callout-tipo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-titulo {
  font-size: 13px;
  font-weight: bold;
  color: var(--tc-co-txt, #fff);
  line-height: 1.3;
}

.tc-callout-texto {
  font-size: 11px;
  line-height: 1.6;
  color: var(--tc-co-txt2, rgba(255,255,255,0.6));
}

.tc-callout-texto a {
  color: var(--tc-co-acento, #1d6fa4);
  text-decoration: none;
}

.tc-callout-texto a:hover {
  text-decoration: underline;
}

.tc-callout-footer {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
  margin-top: 2px;
}

/* ── variante: bloque lleno sin barra lateral ── */
.tc-callout-filled {
  flex-direction: column;
}

.tc-callout-filled .tc-callout-barra {
  width: 100%;
  height: 3px;
}

.tc-callout-filled .tc-callout-body {
  padding: 12px 14px;
}

/* ── variante: destacado con fondo marcado ── */
.tc-callout-solid .tc-callout-body {
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-solid .tc-callout-tipo {
  color: rgba(255,255,255,0.7);
}

.tc-callout-solid .tc-callout-titulo {
  color: #fff;
}

.tc-callout-solid .tc-callout-texto {
  color: rgba(255,255,255,0.75);
}

.tc-callout-solid .tc-callout-footer {
  color: rgba(255,255,255,0.6);
}

.tc-callout-solid .tc-callout-barra {
  background: rgba(0,0,0,0.2);
}

/* ── separador interno ── */
.tc-callout-sep {
  height: 1px;
  background: var(--tc-co-acento, #1d6fa4);
  opacity: 0.2;
  margin: 4px 0;
}

/* ════════════════════════════════
   tc-lista — lista de ítems simple
   ════════════════════════════════ */
.tc-lista {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-lista-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-lista-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-lista-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-lista-acento, #e63946);
}

.tc-lista-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-lista-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  transition: background 0.2s;
  position: relative;
}

.tc-lista-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-lista-item + .tc-lista-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-lista-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tc-lista-acento, #e63946);
  flex-shrink: 0;
}

.tc-lista-txt {
  font-size: 12px;
  color: var(--tc-lista-txt, #fff);
  line-height: 1.4;
  flex: 1;
}

.tc-lista-meta {
  font-size: 10px;
  font-weight: bold;
  color: var(--tc-lista-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ════════════════════════════════
   tc-cita — cita o quote destacado
   ════════════════════════════════ */
.tc-cita {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-cita-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 18px 16px 22px;
  overflow: hidden;
}

.tc-cita-marca {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 52px;
  line-height: 1;
  color: var(--tc-cita-acento, #e63946);
  opacity: 0.25;
  font-family: Georgia, serif;
  pointer-events: none;
  user-select: none;
}

.tc-cita-barra {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--tc-cita-acento, #e63946);
}

.tc-cita-texto {
  font-size: 13px;
  line-height: 1.7;
  color: var(--tc-cita-txt, #fff);
  font-style: italic;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.tc-cita-autor {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-cita-acento, #e63946);
  position: relative;
  z-index: 1;
}

.tc-cita-fuente {
  font-size: 9px;
  color: var(--tc-cita-txt2, rgba(255,255,255,0.35));
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

/* ════════════════════════════════
   tc-stat — estadísticas / cifras
   ════════════════════════════════ */
.tc-stat {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-stat-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-stat-header {
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-stat-acento, #e63946);
}

.tc-stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1;
  min-height: 0;
}

.tc-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  gap: 3px;
  position: relative;
  transition: background 0.2s;
}

.tc-stat-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-stat-item:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item + .tc-stat-item,
.tc-stat-item ~ .tc-stat-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item:nth-child(1),
.tc-stat-item:nth-child(2) {
  border-top: none;
}

.tc-stat-cifra {
  font-size: 22px;
  font-weight: bold;
  color: var(--tc-stat-acento, #e63946);
  line-height: 1;
  letter-spacing: -0.02em;
}

.tc-stat-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.4));
  text-align: center;
  line-height: 1.3;
}

.tc-stat-sub {
  font-size: 9px;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.25));
  text-align: center;
}


/* ════════════════════════════════
   ASISTENTE DE CREACIÓN DE ARTÍCULOS
   ════════════════════════════════ */
/* ════════════════════════════════
   HERO BANNER
   ════════════════════════════════ */
.wvas-hero {
  background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%);
  border-radius: 16px;
  padding: 1.75rem 1.75rem 1.5rem;
  margin-bottom: 1.25rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.wvas-hero::before {
  content: ''; position: absolute; top: -50px; right: -40px;
  width: 230px; height: 230px;
  background: rgba(255,255,255,0.06); border-radius: 50%;
}
.wvas-hero::after {
  content: ''; position: absolute; bottom: -70px; left: 28%;
  width: 280px; height: 280px;
  background: rgba(255,255,255,0.04); border-radius: 50%;
}
.wvas-hero-top {
  display: flex; align-items: flex-start; gap: 1.25rem;
  position: relative; z-index: 1;
}
.wvas-hero-mascot { flex-shrink: 0; }
.wvas-hero-mascot img {
  width: 120px; height: auto;
  filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3));
  animation: wvas-float 3.5s ease-in-out infinite;
}
.wvas-hero-text h1 {
  font-size: 1.75rem; font-weight: 800; line-height: 1.2;
  margin: 0 0 0.4rem; color: #fff; border: none; padding: 0;
}
.wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; }
.wvas-hero-divider {
  border: none; border-top: 1px solid rgba(255,255,255,0.22);
  margin: 1.1rem 0 1rem; position: relative; z-index: 1;
}
.wvas-hero-about { position: relative; z-index: 1; }
.wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; }
.wvas-hero-about a { color: #21e82b; font-weight: 700; }
.wvas-hero-about p:last-child { margin: 0; }
 
/* ════════════════════════════════
   IMAGE BANNER (5 fotos + corte diagonal)
   ════════════════════════════════ */
.wvas-img-banner {
  display: flex;
  height: 195px;
  border-radius: 14px;
  overflow: hidden;
  background: #004d70;
}
.wvas-img-slot {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
  min-width: 0;
}
.wvas-img-slot:not(:first-child) {
  clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -22px;
}
.wvas-img-slot:nth-child(2) { z-index: 2; }
.wvas-img-slot:nth-child(3) { z-index: 3; }
.wvas-img-slot:nth-child(4) { z-index: 4; }
.wvas-img-slot:nth-child(5) { z-index: 5; }
.wvas-img-slot figure,
.wvas-img-slot .mw-file-description,
.wvas-img-slot a {
  display: block !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
}
.wvas-img-slot img {
  display: block !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  margin: 0 !important; border: 0 !important;
  vertical-align: top !important; max-width: none !important;
}
 
/* ════════════════════════════════
   SECTION HEADER
   ════════════════════════════════ */
.wvas-sh {
  display: flex; align-items: center; gap: 0.65rem;
  margin: 1.9rem 0 1rem;
}
.wvas-sh-icon {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; flex-shrink: 0;
}
.wvas-sh h2 {
  font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c;
}
.wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; }

/* ════════════════════════════════
   NORMAS — siempre visibles, con hover
   ════════════════════════════════ */

.wvas-norma {
  border-radius: 12px; padding: 0.9rem 1rem;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 0.7rem;
  align-items: center;
  border: 1.5px solid;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-norma:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.wvas-norma-mascot { width: 90px;  display: flex; align-items: center; justify-content: center; }
.wvas-norma-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-norma-mascot figure { float: none !important; margin: 0 !important; }
.wvas-norma-content { min-width: 0; }
.wvas-norma-title {
  font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
  letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.wvas-norma-text { font-size: 0.82rem; line-height: 1.57; }
.wvas-norma-text a { font-weight: 700; }
.wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.wvas-n-error .wvas-norma-title { color: #A32D2D; }
.wvas-n-error a { color: #A32D2D; }
.wvas-n-warn  { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.wvas-n-warn  .wvas-norma-title { color: #7a4a00; }
.wvas-n-warn  a { color: #854F0B; }
.wvas-n-tip   { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.wvas-n-tip   .wvas-norma-title { color: #0F6E56; }
.wvas-n-tip   a { color: #085041; }
.wvas-n-info  { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.wvas-n-info  .wvas-norma-title { color: #006699; }
.wvas-n-info  a { color: #006699; }
 
/* ════════════════════════════════
   CALLOUT (genérico)
   Grid interno: mascota | contenido (desktop)
                 mascota (arriba) + contenido (abajo) en mobile
   ════════════════════════════════ */
.wvas-callout {
  border-radius: 12px; padding: 0.9rem 1.1rem;
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.8rem;
  align-items: center;
  border-left: 4px solid;
  transition: box-shadow 0.18s;
}
.wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); }
.wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; }
.wvas-callout-mascot img { width: 80px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-callout-mascot figure { float: none !important; margin: 0 !important; }
.wvas-callout-content { min-width: 0; }
.wvas-callout-title {
  font-weight: 800; font-size: 0.81rem; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.22rem;
}
.wvas-callout-body { font-size: 0.85rem; line-height: 1.58; }
.wvas-callout-body a { font-weight: 700; text-decoration: none; }
.wvas-callout-body a:hover { text-decoration: underline; }
.wvas-co-tip    { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; }
.wvas-co-tip    .wvas-callout-title { color: #0F6E56; }
.wvas-co-tip    a { color: #085041; }
.wvas-co-info   { background: #E6F1FB; border-color: #006699; color: #042C53; }
.wvas-co-info   .wvas-callout-title { color: #006699; }
.wvas-co-info   a { color: #185FA5; }
.wvas-co-warn   { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; }
.wvas-co-warn   .wvas-callout-title { color: #7a4a00; }
.wvas-co-warn   a { color: #854F0B; }
.wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; }
.wvas-co-purple .wvas-callout-title { color: #534AB7; }
.wvas-co-purple a { color: #534AB7; }
.wvas-co-error  { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; }
.wvas-co-error  .wvas-callout-title { color: #A32D2D; }
.wvas-co-error  a { color: #A32D2D; }
 
/* ════════════════════════════════
   TIPO CARDS — informativas + hover
   ════════════════════════════════ */
.wvas-tipo-card {
  background: #fff; border: 1.5px solid #d0dce8;
  border-radius: 16px; padding: 1.3rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  position: relative; overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  cursor: inherit;
}
.wvas-tipo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,60,100,0.12);
  border-color: #006699;
}
.wvas-tipo-card::after {
  content: ''; position: absolute; bottom: -18px; right: -18px;
  width: 70px; height: 70px; border-radius: 50%;
  background: rgba(0,102,153,0.05);
  transition: transform 0.3s;
}
.wvas-tipo-card:hover::after { transform: scale(1.4); }
.wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; }
.wvas-tipo-icon { flex-shrink: 0; }
.wvas-tipo-icon img { width: 70px; height: auto; }
.wvas-tipo-card h3 {
  font-size: 1.06rem; font-weight: 800; color: #003d5c;
  margin: 0; padding: 0; border: none;
}
.wvas-tipo-desc   { font-size: 0.84rem; color: #445; line-height: 1.57; }
.wvas-tipo-ej     { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.wvas-tc-destino    { border-top: 4px solid #006699; }
.wvas-tc-tematico   { border-top: 4px solid #534AB7; }
.wvas-tc-itinerario { border-top: 4px solid #1D9E75; }
.wvas-tc-conv       { border-top: 4px solid #BA7517; }
 
/* ════════════════════════════════
   Plantilla: Table awesome responsive
   ════════════════════════════════ */
.table-awesome {
  width: 100%; border-collapse: separate; border-spacing: 0;
  border: 1.5px solid #dde6ef; border-radius: 14px;
  overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem;
}
.table-awesome thead tr {
  background: #006699; color: #fff;
}
.table-awesome thead th {
  padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.05em;
  text-align: left; border: none;
}
.table-awesome tbody tr {
  border-bottom: 1px solid #eef1f5;
  transition: background 0.15s;
}
.table-awesome tbody tr:last-child { border-bottom: none; }
.table-awesome tbody tr:hover { background: #f0f7fc; }
.table-awesome td {
  padding: 0.65rem 0.85rem; vertical-align: top;
  border: none; line-height: 1.5;
}
.table-awesome td:first-child {
  white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%;
}
.table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; }
.table-awesome td a:hover { text-decoration: underline; }
.table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; }
 
/* ════════════════════════════════
   WIDGET CREATE PANEL (único por tipo)
   ════════════════════════════════ */
.wvas-create {
  background: #f7fbff; border: 2px dashed #9fc9dd;
  border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem;
  margin: 0.75rem 0; text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.wvas-create:hover {
  border-color: #006699;
  box-shadow: 0 4px 16px rgba(0,102,153,0.1);
}
.wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; }
.wvas-create-mascot img {
  width: 120px; height: auto;
  animation: wvas-float 2.5s ease-in-out infinite;
}
.wvas-create h3 {
  font-size: 1.02rem; font-weight: 800; color: #003d5c;
  margin: 0 0 0.28rem; padding: 0; border: none;
}
.wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; }
 
/* ════════════════════════════════
   NIVELES DE CALIDAD
   ════════════════════════════════ */
.wvas-nivel {
  border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center;
  display: flex; flex-direction: column; gap: 0.3rem;
  border: 1.5px solid transparent;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-nivel:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; }
.wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; }
.wvas-nivel p  { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; }
.wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; }
.wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; }
.wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; }
.wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; }
 
/* ════════════════════════════════
   CHECKLIST PRE-PUBLICACIÓN
   ════════════════════════════════ */
.wvas-checklist {
  background: #fff; border: 1.5px solid #c8e6c8;
  border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem;
}
.wvas-checklist-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-checklist-header img { width: 36px; height: auto; }
.wvas-checklist-header h3 {
  font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none;
}
.wvas-check-list { list-style: none; padding: 0; margin: 0; }
.wvas-check-list li {
  display: flex; align-items: flex-start; gap: 0.65rem;
  font-size: 0.84rem; padding: 0.38rem 0;
  border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5;
  transition: background 0.12s;
}
.wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; }
.wvas-check-list li:last-child { border-bottom: none; }
.wvas-check-list li::before {
  content: '✓';   
  width: 20px; height: 20px; border-radius: 50%;
  background: #E1F5EE; border: 1.5px solid #1D9E75;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: #1D9E75; flex-shrink: 0;
  font-weight: 900; margin-top: 2px; 
}
 
/* ════════════════════════════════
   AYUDA — LINKS + hover
   ════════════════════════════════ */
.wvas-ayuda-card {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 12px; padding: 1rem 0.9rem;
  text-align: center; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; align-items: center; gap: 0.38rem;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.wvas-ayuda-card:hover {
  border-color: #006699;
  box-shadow: 0 4px 14px rgba(0,102,153,0.12);
  transform: translateY(-2px);
}
.wvas-ayuda-card img  { width: 80px; height: auto; }
.wvas-ayuda-card h4   { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; }
.wvas-ayuda-card p    { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; }
 
/* ════════════════════════════════
   REFERENCIA ARTÍCULOS ACEPTABLES
   ════════════════════════════════ */
.wvas-ref-box {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem;
}
.wvas-ref-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-ref-header img { width: 36px; height: auto; }
.wvas-ref-header h3  {
  font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none;
}
.wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
.wvas-ref-col-title {
  font-size: 0.78rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.5rem;
}
.wvas-col-ok  .wvas-ref-col-title { color: #1D9E75; }
.wvas-col-bad .wvas-ref-col-title { color: #A32D2D; }
.wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; }
.wvas-ref-list li {
  font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px;
  align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45;
  transition: background 0.12s;
}
.wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; }
.wvas-ref-list li:last-child { border-bottom: none; }
.wvas-col-ok  .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; }
.wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; }
.wvas-ref-nota {
  font-size: 0.78rem; color: #666; padding-top: 0.5rem;
  border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; }
.wvas-ref-nota li::before { content: '· '; }
 
/* ════════════════════════════════
   ANIMACIÓN FLOTANTE
   ════════════════════════════════ */
@keyframes wvas-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-7px); }
}
 
/* ════════════════════════════════════════════════════════
   ESTRUCTURAS EN COLUMNAS RESPONSIVE
   ════════════════════════════════════════════════════════ */
.cols-2-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 14px; margin-bottom: 1.5rem;
}
.cols-20-80-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 0;
  border: 0.5px solid #dde6ef;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.cols-3-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px; margin-bottom: 1rem;
}
.cols-4-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8px; margin-bottom: 1rem;
}
/* ════════════════════════════════════════════════════════
   RESPONSIVE (GENERAL)
   ════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  .wvas-hero-text h1  { font-size: 1.45rem; }
  .wvas-tipo-grid     { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .wvas-ayuda-grid    { grid-template-columns: repeat(2, 1fr); }
  .wvas-img-banner    { height: 130px; }
  .table-awesome { font-size: 0.79rem; }
 
  /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */
  .wvas-callout {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-norma {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-callout-mascot,
  .wvas-norma-mascot {
    width: auto;
  }
  .wvas-callout-content,
  .wvas-norma-content {
    width: 100%;
    text-align: left;   /* el texto interior alineado a la izquierda */
  }
  .wvas-callout-title,
  .wvas-norma-title {
    text-align: center; /* solo el título centrado */
  }
}
@media (max-width: 700px) {
  .cols-20-80-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .sp-sidebar {
    border-right: none;
    border-bottom: 0.5px solid #dde6ef;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 8px;
    gap: 6px;
  }
  .sp-sidebar-label,
  .sp-sidebar-foot { display: none; }
  .sp-item {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
    padding: 8px 10px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 3px;
  }
  /* En mobile el indicador es borde inferior */
  .sp-item.active::after { display: none; }
  .sp-item.active { border-bottom: 2px solid #006699; }
  .sp-item-icon img { margin: 0 auto; }
  .sp-item-hint { display: none; }
  .sp-content { padding: 16px; }
}
@media (max-width: 520px) {
  .wvas-hero-top      { flex-direction: column; gap: 0.75rem; }
  .wvas-hero-mascot img { width: 66px; }
  .wvas-hero-text h1  { font-size: 1.22rem; }
  .wvas-img-banner    { height: 95px; border-radius: 10px; }
  .wvas-ref-cols      { grid-template-columns: 1fr; }
  .wvas-ayuda-grid    { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .table-awesome thead { display: none; }
  .table-awesome td { display: block; padding: 0.3rem 0.7rem; }
  .table-awesome td:first-child { padding-top: 0.7rem; }
  .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; }
}
@media (max-width: 420px) {
  .sp-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
   SELECTOR PANEL (20% / 80%)
   ════════════════════════════════ */
.sp-sidebar {
  background: #f5f7fa;
  border-right: 0.5px solid #dde6ef;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sp-sidebar-label {
  font-size: 11px;
  font-weight: 700;
  color: #9aa5b4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.sp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: 0.5px solid transparent;
  transition: background 0.15s, border-color 0.15s;
  user-select: none;
  position: relative;
}
.sp-item:hover {
  background: #fff;
  border-color: #c5d0dc;
}
.sp-item.active {
  background: #fff;
  border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.sp-item.active::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 20%;
  height: 60%;
  width: 2.5px;
  background: #006699;
  border-radius: 2px 0 0 2px;
}
.sp-item-icon {
  font-size: 20px;
  flex-shrink: 0;
  color: #9aa5b4;
  transition: color 0.15s;
  width: 22px;
  text-align: center;
}
/* Soporte para imagen wiki como icono */
.sp-item-icon img {
  width: 22px;
  height: auto;
  display: block;
  opacity: 0.55;
  transition: opacity 0.15s;
}
.sp-item.active .sp-item-icon { color: #006699; }
.sp-item.active .sp-item-icon img { opacity: 1; }
.sp-item-name {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  line-height: 1.3;
}
.sp-item-hint {
  font-size: 11px;
  color: #9aa5b4;
  margin-top: 1px;
}
/* Hint inferior del sidebar */
.sp-sidebar-foot {
  font-size: 11px;
  color: #b0bec5;
  text-align: center;
  padding: 6px 0 2px;
  margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.sp-content {
  padding: 20px 24px;
  overflow-y: auto;
  min-height: 300px;
}
.sp-panel { display: none; }
.sp-panel.active { display: block; }

/* ════════════════════════════════════════════════════════
   SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE
   ════════════════════════════════════════════════════════ */

/* ── Caja exterior que envuelve todo ── */
.wv-doc-outer {
  background: #f8f9fb;
  border: 1.5px solid #d8e2ec;
  border-radius: 14px;
  padding: 1.1rem 1.25rem 1rem;
  margin-bottom: 1.5rem;
  font-family: 'Segoe UI', Arial, sans-serif;
  max-width: 700px;
}
 
/* ── Introducción ── */
.wv-doc-intro { margin-bottom: 12px; }
.wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; }
.wv-doc-tname-head {
  font-size: 1rem; font-weight: 700; color: #003d5c;
  margin: 0 0 4px; padding: 0; border: none;
}
.wv-doc-desc {
  font-size: 0.84rem; color: #445;
  line-height: 1.6; margin: 0 0 8px;
}
.wv-doc-hint {
  font-size: 0.8rem; color: #778;
  line-height: 1.5; margin: 0 0 10px;
}
.wv-doc-req-inline { color: #C0392B; font-weight: 600; }
.wv-doc-opt-inline { color: #2471A3; font-weight: 600; }
 
/* ── Leyenda ── */
.wv-doc-legend {
  display: flex; gap: 14px; flex-wrap: wrap;
  margin-bottom: 12px;
}
.wv-doc-leg {
  display: flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 600;
}
.wv-doc-leg::before {
  content: ''; width: 3px; height: 13px;
  border-radius: 2px; flex-shrink: 0; display: inline-block;
}
.wv-doc-req-leg { color: #C0392B; }
.wv-doc-req-leg::before { background: #C0392B; }
.wv-doc-opt-leg { color: #2471A3; }
.wv-doc-opt-leg::before { background: #2471A3; }
 
/* ── Cards (sintaxis y ejemplo) ── */
.wv-doc-card {
  background: #fff;
  border: 0.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.wv-doc-example-card { margin-bottom: 10px; }
 
/* ── Cabecera de card ── */
.wv-doc-card-top {
  background: #f0f4f8;
  border-bottom: 0.5px solid #cdd8e4;
  padding: 6px 12px;
  display: flex; align-items: center;
  justify-content: space-between; gap: 8px;
}
.wv-doc-card-label {
  font-size: 11px; font-weight: 700; color: #667;
  text-transform: uppercase; letter-spacing: 0.06em;
}
.wv-doc-card-label.example-label { color: #2471A3; }
 
/* ── Botón copiar ── */
.wv-doc-copy-btn {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11.5px; font-weight: 600; cursor: pointer;
  color: #334; background: #fff;
  border: 0.5px solid #bbc8d4; border-radius: 6px;
  padding: 3px 10px; user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
}
.wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
 
/* ── Bloque de código ── */
.wv-doc-block {
  padding: 6px 0 8px;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.35;
}
.wv-doc-block-open,
.wv-doc-block-close {
  padding: 3px 12px;
  color: #aab;
}
.wv-doc-blockname { color: #003d5c; font-weight: 600; }
.wv-doc-brace { color: #bbc; }
 
/* ── Filas de parámetros ── */
.wv-doc-params { padding: 0; }
.wv-doc-params &gt; * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.wv-doc-params p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.wv-doc-row {
  display: flex; align-items: baseline;
  padding: 2px 12px 2px 9px;
  border-left: 3px solid transparent;
  transition: background 0.1s;
  line-height: 1.5;
}
.wv-doc-row:hover { background: #f5f8fb; }
.wv-doc-req { border-color: #C0392B; }
.wv-doc-opt { border-color: #2471A3; }
.wv-doc-req .wv-doc-key { color: #C0392B; }
.wv-doc-opt .wv-doc-key { color: #2471A3; }
.wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; }
.wv-doc-key { font-weight: 700; white-space: nowrap; }
.wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; }
.wv-doc-optvals { color: #889; font-size: 12px; }
 
/* Filas del bloque ejemplo (generadas por JS) */
.wv-doc-example-val { color: #334; }
 
/* ── Notas al pie ── */
.wv-doc-footer {
  border-top: 0.5px solid #dde6ef;
  padding: 8px 2px 0;
  display: flex; flex-direction: column; gap: 3px;
  margin-top: 4px;
}
.wv-doc-nota {
  font-size: 11.5px; color: #889; line-height: 1.5;
	padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wv-doc-nota ul { list-style: none; padding: 0; margin: 0; }
.wv-doc-nota li::before { content: '→ '; color: #bbc; }

/* ── Responsive ── */
@media (max-width: 520px) {
  .wv-doc-outer { padding: 0.85rem 0.9rem; }
  .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; }
  .wv-doc-copy-btn { width: 100%; justify-content: center; }
}

/* ════════════════════════════════════════════════════════
   SELECTOR HORIZONTAL DE PESTAÑAS
   ════════════════════════════════════════════════════════ */
/* ── Contenedor general ── */
.htab-wrap {
  border: 0.5px solid #cdd8e4;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

/* ── Barra superior: color + patrón de puntos ── */
.htab-bar {
  background-color: #D4537E;
  background-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.12) 1.5px,
    transparent 1.5px
  );
  background-size: 20px 20px;
  position: relative;
  overflow: hidden;
  padding: 14px 14px 12px;
  border-bottom: 2.5px solid #993556;
}

/* ── Fondo animado: formas moviéndose de derecha a izquierda ── */
.htab-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.htab-bg-track {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  height: 100%;
  white-space: nowrap;
  animation: htab-marquee 18s linear infinite;
}
@keyframes htab-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Formas del fondo */
.hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); }
.hs-circle  { width: 9px;  height: 9px;  border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; }
.hs-bar     { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); }
.hs-sq      { width: 8px;  height: 8px;  border: 1.5px solid rgba(255,255,255,0.18); }
.hs-tri     { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); }

/* ── Pestañas ── */
.htab-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  position: relative;
  z-index: 1;
}
.htab-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 8px;
  padding: 7px 15px;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: background 0.15s, transform 0.13s, border-color 0.15s;
}
.htab-tab:hover:not(.active) {
  background: rgba(255,255,255,0.25);
  transform: translateY(-2px);
}
.htab-tab.active {
  background: #EF9F27;
  border-color: #BA7517;
  color: #412402;
  transform: translateY(-1px);
}
/* Imágenes wiki dentro de la pestaña como icono */
.htab-tab figure { float: none !important; margin: 0 !important; }
.htab-tab img    { width: 18px; height: auto; display: block; }

/* ── Partículas ── */
.htab-prt {
  position: absolute;
  pointer-events: none;
  z-index: 20;
  border-radius: 50%;
}

/* Click — explosión */
.htab-prt-b {
  animation: htab-burst var(--dur, 0.4s) ease-out forwards;
}
@keyframes htab-burst {
  0%   { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; }
  100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; }
}

/* Hover — flotantes */
.htab-prt-h {
  animation: htab-float var(--dur, 0.65s) ease-out forwards;
}
@keyframes htab-float {
  0%   { transform: translateY(0) translateX(0); opacity: 0.85; }
  100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; }
}

/* ── Área de contenido ── */
.htab-panels {
  background: #fff;
  padding: 22px 22px 18px;
  min-height: 160px;
}
.htab-panel { display: none; }
.htab-panel.active {
  display: block;
  animation: htab-fadein 0.22s ease;
}
@keyframes htab-fadein {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 700px) {
  .htab-bar  { padding: 11px; }
  .htab-tab  { padding: 6px 12px; font-size: 12px; gap: 5px; }
  .htab-panels { padding: 16px; }
}
@media (max-width: 420px) {
  .htab-tab  { padding: 5px 10px; font-size: 11px; }
  .htab-panels { padding: 12px; }
}

/* ════════════════════════════════════════════════════════════════
   WVA - SISTEMA DE SECCIONES DE ARTÍCULO
   ════════════════════════════════════════════════════════════════ */

/* ═══ ANIMACIONES ═══ */
@keyframes wva-in  { from{opacity:0;transform:translateY(10px)}  to{opacity:1;transform:translateY(0)} }
@keyframes wva-sl  { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} }
@keyframes wva-pop { from{opacity:0;transform:scale(0.93)}       to{opacity:1;transform:scale(1)} }
@keyframes wva-bar { from{width:0} to{width:var(--w,100%)} }
@keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} }
@keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} }

/* ══════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════ */
.wva-hero{
  background:var(--pk);position:relative;overflow:hidden;
  padding:28px 24px 44px;border-bottom:3px solid #111;
  clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%);
  margin-bottom:-2px;animation:in 0.6s ease both;
}
.wva-hero-dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px);
  background-size:22px 22px;}
.wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px;
  letter-spacing:10px;animation:glo 2.5s ease-in-out infinite}
.wva-hi{position:relative;z-index:1}
.wva-hi-loc{display:inline-block;background:var(--yw);color:#111;
  font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111;
  line-height:.95;margin-bottom:12px;border:none;padding:0}
.wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px}
.wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px}

/* ══════════════════════════════════════════════════════
   FICHA TÉCNICA — barra de stats oscura
   ══════════════════════════════════════════════════════ */
.wva-ficha {
  background: var(--bk); padding: 16px 20px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
  gap: 16px; border-bottom: var(--bd);
  animation: wva-in .5s ease .08s both;
}
/* Dot pattern sobre negro */
.wva-ficha::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px);
  background-size: 14px 14px;
}
.wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; }
.wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); }
.wva-fb-info strong { color:var(--yw);font-weight:700; }

.wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; }
.wva-sg { font-size:14px;font-weight:900;width:30px; }
.wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; }
.wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; }
.sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)}
.sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)}

/* ══════════════════════════════════════════════════════
   SECTION WRAPPER
   ══════════════════════════════════════════════════════ */
.wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; }
.bg-w   { background:#fff; }
.bg-yw  { background:var(--yw);position:relative; }
.bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; }
.bg-yw &gt; * { position:relative;z-index:1; }
.bg-cr  { background:#FFF8F0; }
.bg-war { background:#FFF5F5; }
.bg-mn  { background:#FFFDE7; }
.bg-sc  { background:#FFF0F8;
  background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; }
.bg-hl  { background:#F0FFF4; }
.bg-mv  { background:#F8F8FF; }
.bg-ar  { background:#F0F9FF; }

/* ══════════════════════════════════════════════════════
   SECTION HEADER
   ══════════════════════════════════════════════════════ */
.wva-sh {
  display:flex;align-items:center;gap:10px;
  padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden;
}
.wva-sh .ico { font-size:17px;flex-shrink:0; }
.wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; }
.wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; }

/* NEGRO + AMARILLO (estilo SQUAD) */
.sh-bk { background:var(--bk); }
.sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; }
.sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; }

/* AMARILLO + NEGRO (estilo VANGUARD) */
.sh-yw { background:var(--yw); }
.sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; }
.sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; }

.sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff}
.sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff}
.sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff}
.sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff}
.sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff}
.sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff}
.sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)}

/* ══════════════════════════════════════════════════════
   SUBHEADER
   ══════════════════════════════════════════════════════ */
.wva-sub {
  display:flex;align-items:center;gap:8px;padding:8px 20px 4px;
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);
}
.wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; }

/* ══════════════════════════════════════════════════════
   BODY / 2 COLS
   ══════════════════════════════════════════════════════ */
.wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; }
.wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; }
.wva-body strong { color:var(--bk);font-weight:700; }

.wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; }
.wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   GRIDS
   ══════════════════════════════════════════════════════ */
.g    { padding:12px 20px; }
.g-2  { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.g-3  { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.g-a  { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; }
.g-r  { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; }
.g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; }

/* ══════════════════════════════════════════════════════
   PRACTICAL TIP CARD
   ══════════════════════════════════════════════════════ */
.ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden;
  transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; }
.ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); }
.ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; }
.ptip-b strong { color:var(--bk);font-weight:700; }

.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }

/* ══════════════════════════════════════════════════════
   TALENT CARD (secretos — estilo squad card)
   ══════════════════════════════════════════════════════ */
.tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px;
  overflow:hidden;position:relative;animation:wva-pop .4s ease both;
  transition:transform .15s,box-shadow .15s;cursor:default; }
.tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); }
.tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; }

.tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;
  padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; }
.tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; }
.tcard-stats { margin-bottom:7px; }
.tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); }
.tsg { font-size:13px;font-weight:900;width:26px; }
.tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; }
.tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; }
.tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; }
.tcard-tags { display:flex;gap:4px;flex-wrap:wrap; }

/* ══════════════════════════════════════════════════════
   REGION CARD
   ══════════════════════════════════════════════════════ */
.rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px;
  border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; }
.rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }
.rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; }

/* ══════════════════════════════════════════════════════
   CITY CARD
   ══════════════════════════════════════════════════════ */
.ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r);
  cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; }
.ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); }
.ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;
  border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; }
.ccard-badge.pk { background:var(--pk);color:#fff; }
.ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; }

/* ══════════════════════════════════════════════════════
   TRANSPORT CARD
   ══════════════════════════════════════════════════════ */
.tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r);
  display:flex;flex-direction:column;gap:6px;cursor:default;
  transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; }
.tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); }
.tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.tport-icon { font-size:24px;line-height:1; }
.tport-name { font-size:13px;font-weight:800;color:var(--bk); }
.tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; }
.tport-tags { display:flex;gap:5px;flex-wrap:wrap; }
.tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)}
.tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)}
.tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)}
.tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)}
.tp-bk::before{background:var(--bk)}

/* ══════════════════════════════════════════════════════
   ALERT BOX
   ══════════════════════════════════════════════════════ */
.wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px;
  border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; }
.wva-al + .wva-al { margin-top:8px; }
.wva-al:last-of-type { margin-bottom:12px; }
.a-warn  { border-color:var(--rd); background:#FFF5F5; }
.a-tip   { border-color:var(--cy); background:#F0FDFF; }
.a-ok    { border-color:var(--gn); background:#F0FFF4; }
.a-money { border-color:#F5A000;   background:#FFFDE7; }
.a-info  { border-color:var(--bl); background:#F0F8FF; }
.a-pink  { border-color:var(--pk); background:#FFF0F8; }
.al-em   { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; }
.al-txt  { font-size:12.5px;color:#333;line-height:1.62; }
.al-txt strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   LIST ITEMS
   ══════════════════════════════════════════════════════ */
.wva-list { padding:0 20px 12px; }
.wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08);
  align-items:flex-start;transition:padding-left .14s;cursor:default; }
.wva-li:last-child { border-bottom:none; }
.wva-li:hover { padding-left:6px; }
.wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm);
  display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;
  background:var(--wh);transition:transform .14s; }
.wva-li:hover .wva-li-ico { transform:scale(1.06); }
.wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; }
.wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; }
.wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; }

/* ══════════════════════════════════════════════════════
   NEXT DESTINATIONS
   ══════════════════════════════════════════════════════ */
.wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; }
.ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r);
  padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default;
  transition:background .14s,transform .14s,box-shadow .14s; }
.ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }

/* ══════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════ */
@media (max-width:760px) {
  .wva-hero { grid-template-columns:1fr; }
  .wva-himg { display:none; }
  .wva-hc::after { display:none; }
  .wva-hi-h { font-size:38px; }
  .g-2,.g-3 { grid-template-columns:1fr; }
  .wva-2c { grid-template-columns:1fr; }
  .wva-ficha { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px) {
  .wva-hc { padding:20px 14px 28px; }
  .wva-hi-h { font-size:28px; }
  .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; }
  .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; }
  .wva-al { margin-left:14px;margin-right:14px; }
  .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; }
  .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; }
}</text>
      <sha1>6v53wuq7mv8o5u7t6en0hqmeen8pja1</sha1>
    </revision>
    <revision>
      <id>253726</id>
      <parentid>253718</parentid>
      <timestamp>2026-05-22T18:27:39Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253726</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="79832" sha1="5jsz6gzu76vcyknigen5eao0ykf2q3l" xml:space="preserve">/* ════════════════════════════════
   Función de acordeón tipo FAQ / Funciona con el js correspondiente
   ════════════════════════════════ */
.accordion-content{
    display:none;
}

.accordion-content.active {
    display:block;
}

.accordion-clicky{
    cursor:pointer;
    user-select:none;
}

:root {
  --pk: #FF00BB;  --yw: #FFE600;  --cy: #00BFFF;
  --gn: #00C853;  --or: #FF6B00;  --rd: #FF2200;
  --pu: #7A00FF;  --bl: #0099FF;  --bk: #111111;
  --wh: #FFFFFF;  --mu: #555555;
  --bd:  3px solid #111;
  --bd2: 2.5px solid #111;
  --r:   10px;
  --rsm: 6px;
  --rlg: 16px;
  --font: 'Segoe UI', Arial, sans-serif;
}

.wva-config { box-sizing: border-box; margin: 0; padding: 0; margin: 0 auto; background: var(--wh); border: var(--bd); overflow: hidden; font-family: var(--font)}

/* ── Reset interno ── */
.config-general * { box-sizing: border-box; }
.config-general { font-family: var(--font); line-height: 1.6; }

/* ── Force links icon ── */
.wv-doc-outer a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;])::after,
.config-general a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;]):not([href*=&quot;/File:&quot;]):not([href*=&quot;/Archivo:&quot;])::after {
  content: ' [↗]';
  font-size: 0.78em;
  opacity: 0.55;
  font-weight: normal;
  text-decoration: none;
}
.config-general a:has(img)::after{
    content:none !important;
}
/* El enlace [editar] no participa en el flex */
.config-general .mw-editsection {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
}

/* ════════════════════════════════
   Decorativos inline
   ════════════════════════════════ */
.chip-inline {
  display: inline-block; font-size: 0.69rem; font-weight: 700;
  padding: 1px 8px; border-radius: 20px; margin-top: 3px;
  color: #fff;
}

.tag-inline {
  display: inline-block; font-size: 0.72rem; font-weight: 700;
  padding: 3px 10px; border-radius: 20px;
  background: #E6F1FB; color: #006699; margin-top: 0.3rem;
  text-decoration: none; transition: background 0.15s;
}
.tag-inline:hover { background: #c5dff0; }

.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }

.tags-row { display:flex;gap:5px;flex-wrap:wrap; }

/* ════════════════════════════════
   Plantilla: Tríptico - Código para que funcione bien. Full Responsive
   ════════════════════════════════ */
.triptico {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: stretch;
}

.triptico-wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.triptico-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ── card base ── */
.tc-card {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.tc-card::before {
  content: '';
  display: block;
  padding-top: var(--card-ratio, 100%);
}

.tc-card-inner {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}

/* imagen wiki como fondo */
.tc-card-img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  display: block;
}

.tc-card-img a,
.tc-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  text-decoration: none;
  pointer-events: none;
}

/* enlace que cubre todo el card */
.tc-card-link {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 5;
  display: block;
  background: transparent;
}

.tc-card-link:hover ~ .tc-tag-top,
.tc-card-link:hover ~ .tc-tag-bot {
  background: rgba(0,0,0,0.82);
}

/* ── tags de esquina ── */
.tc-tag-top {
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-tag-bot {
  position: absolute;
  bottom: 0; right: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  text-align: right;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-card-inner:hover .tc-tag-top {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-card-inner:hover .tc-tag-bot {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-tag-top,
.tc-tag-bot {
  transition: background 0.25s;
}

.tc-tag-top::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

.tc-tag-bot::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

/* ── card-vert ── */
.tc-card-vert .tc-card-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.tc-texto-vert {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.3em;
  writing-mode: vertical-rl;
  transform: rotate(180deg) scaleX(1.4);
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  font-size: var(--vert-size, 56px);
  z-index: 3;
  position: relative;
  pointer-events: none;
  margin-right: 14px;
  margin-top: 10px;
  margin-left: 30px;
}

/* ── bloque de texto ── */
.tc-texto {
  width: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
  background: var(--tc-texto-bg, transparent);
  color: var(--tc-texto-color, inherit);
}

/* ── header flotante ── */
.tc-header-wrap {
  position: absolute;
  top: 0;
  left: 0; right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.tc-header {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 22px;
  background: var(--tc-header-bg, #111);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  white-space: nowrap;
  pointer-events: auto;
  transition: background 0.25s;
}

.tc-header::before {
  content: '';
  position: absolute;
  inset: 2px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);
}

.tc-header-accent {
  position: absolute;
  bottom: -3px;
  left: 10px; right: 10px;
  height: 2px;
  background: var(--tc-acento, #e63946);
  transition: background 0.25s;
}

@media (max-width: 900px) {
  .triptico { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .triptico { grid-template-columns: 1fr; }
}

/* tc-tira */
.tc-tira {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex: none;
  min-height: 72px;
  max-height: 110px;
  background: var(--tc-tira-bg, #111);
  overflow: hidden;
}

/* línea de acento superior */
.tc-tira::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--tc-tira-acento, #e63946);
  z-index: 2;
}

/* brillo sutil */
.tc-tira-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.tc-tira-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding: 10px 6px;
  gap: 3px;
  text-align: center;
  transition: background 0.2s;
}

.tc-tira-items {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 3px 0 0 0;
  min-width: 0;
}

.tc-tira-item:hover {
  background: rgba(255,255,255,0.04);
}

.tc-tira-item img,
.tc-tira-item a img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 2px;
}

.tc-tira-item .thumbinner,
.tc-tira-item .thumb,
.tc-tira-item figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-tira-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-valor {
  font-size: 12px;
  font-weight: bold;
  color: var(--tc-tira-txt, #fff);
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-sep {
  width: 1px;
  align-self: stretch;
  background: rgba(255,255,255,0.08);
  flex-shrink: 0;
  margin: 10px 0;
}

/* ── itinerario ── */
.tc-itinerario {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 0 6px 0;
  background: var(--tc-it-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tc-it-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  margin-bottom: 4px;
}

.tc-it-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-it-acento, #e63946);
  flex: 1;
}

.tc-it-total {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}

/* línea de tiempo vertical */
.tc-it-linea {
  position: absolute;
  left: 28px;
  top: 50px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    var(--tc-it-acento, #e63946),
    rgba(255,255,255,0.05)
  );
}

.tc-it-lista {
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.tc-it-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px 14px 8px 48px;
  transition: background 0.2s;
}

.tc-it-item:hover {
  background: rgba(255,255,255,0.03);
}

/* nodo en la línea de tiempo */
.tc-it-nodo {
  position: absolute;
  left: 22px;
  top: 13px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--tc-it-bg, #0d0d0d);
  border: 2px solid var(--tc-it-acento, #e63946);
  box-sizing: border-box;
  z-index: 2;
}

.tc-it-item:first-child .tc-it-nodo {
  background: var(--tc-it-acento, #e63946);
}

/* fila superior: lugar + tiempo */
.tc-it-fila-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}

.tc-it-lugar {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tc-it-tiempo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: var(--tc-it-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* actividad */
.tc-it-actividad {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
  margin-bottom: 4px;
}

/* badges de propiedades */
.tc-it-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.tc-it-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
  line-height: 1.4;
}

.tc-it-badge-acento {
  border-color: var(--tc-it-acento, #e63946);
  color: var(--tc-it-acento, #e63946);
}

/* separador entre items */
.tc-it-item + .tc-it-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 48px; right: 14px;
  height: 1px;
  background: rgba(255,255,255,0.05);
}

/* ════════════════════════════════
   tc-gastronomia
   ════════════════════════════════ */
.tc-gastro {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-gastro-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-gastro-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-gastro-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

.tc-gastro-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  justify-content: space-between;
}

.tc-gastro-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  position: relative;
  transition: background 0.2s;
}

.tc-gastro-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-gastro-item + .tc-gastro-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* foto */
.tc-gastro-foto {
  width: 64px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.tc-gastro-foto img,
.tc-gastro-foto a img {
  width: 64px !important;
  height: 100% !important;
  min-height: 64px;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.tc-gastro-foto .thumbinner,
.tc-gastro-foto .thumb,
.tc-gastro-foto figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
}

/* línea de acento lateral */
.tc-gastro-item::before {
  content: '';
  position: absolute;
  left: 64px;
  top: 0; bottom: 0;
  width: 2px;
  background: var(--tc-gastro-acento, #e63946);
  opacity: 0;
  transition: opacity 0.2s;
}

.tc-gastro-item:hover::before {
  opacity: 1;
}

/* contenido textual */
.tc-gastro-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 12px 10px 14px;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.tc-gastro-nombre {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-gastro-lugar {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-desc {
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  line-height: 1.4;
  margin-top: 2px;
}

.tc-gastro-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 4px;
}

.tc-gastro-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.4);
  line-height: 1.4;
}

.tc-gastro-badge-acento {
  border-color: var(--tc-gastro-acento, #e63946);
  color: var(--tc-gastro-acento, #e63946);
}


/* ════════════════════════════════
   tc-transporte
   ════════════════════════════════ */
.tc-transporte {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-trans-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-trans-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-trans-acento, #1d6fa4);
}

.tc-trans-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

/* secciones: transporte y lugares */
.tc-trans-seccion {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-seccion-label {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding: 7px 14px 4px 14px;
}

.tc-trans-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-trans-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  position: relative;
  transition: background 0.2s;
}

.tc-trans-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-trans-item + .tc-trans-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* icono de transporte o lugar */
.tc-trans-icono {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255,255,255,0.05);
  overflow: hidden;
}

.tc-trans-icono img,
.tc-trans-icono a img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-trans-icono .thumbinner,
.tc-trans-icono .thumb,
.tc-trans-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-trans-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}

.tc-trans-nombre {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-desc {
  font-size: 9px;
  color: rgba(255,255,255,0.4);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-meta {
  font-size: 9px;
  font-weight: bold;
  color: var(--tc-trans-acento, #1d6fa4);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.04em;
}

/* divisor entre secciones */
.tc-trans-div {
  height: 1px;
  background: linear-gradient(
    to right,
    var(--tc-trans-acento, #1d6fa4),
    rgba(255,255,255,0.05)
  );
  margin: 4px 14px;
}

/* badge de lugar destacado */
.tc-trans-estrella {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tc-trans-acento, #1d6fa4);
  flex-shrink: 0;
}

/* texto adaptable según fondo */
.tc-gastro-nombre  { color: var(--tc-gastro-txt, #fff); }
.tc-gastro-desc    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); }
.tc-gastro-badge   { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); 
                     border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); }

.tc-trans-nombre   { color: var(--tc-trans-txt, #fff); }
.tc-trans-desc     { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); }
.tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); }
.tc-trans-subtitulo     { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); }
.tc-gastro-subtitulo    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); }

/* ════════════════════════════════
   tc-callout — base compartida
   ════════════════════════════════ */
.tc-callout {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}

.tc-callout-barra {
  width: 4px;
  flex-shrink: 0;
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  flex: 1;
  min-width: 0;
  background: var(--tc-co-bg, rgba(29,111,164,0.08));
}

.tc-callout-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.tc-callout-icono {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.tc-callout-icono img,
.tc-callout-icono a img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-callout-icono .thumbinner,
.tc-callout-icono .thumb,
.tc-callout-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-callout-tipo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-titulo {
  font-size: 13px;
  font-weight: bold;
  color: var(--tc-co-txt, #fff);
  line-height: 1.3;
}

.tc-callout-texto {
  font-size: 11px;
  line-height: 1.6;
  color: var(--tc-co-txt2, rgba(255,255,255,0.6));
}

.tc-callout-texto a {
  color: var(--tc-co-acento, #1d6fa4);
  text-decoration: none;
}

.tc-callout-texto a:hover {
  text-decoration: underline;
}

.tc-callout-footer {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
  margin-top: 2px;
}

/* ── variante: bloque lleno sin barra lateral ── */
.tc-callout-filled {
  flex-direction: column;
}

.tc-callout-filled .tc-callout-barra {
  width: 100%;
  height: 3px;
}

.tc-callout-filled .tc-callout-body {
  padding: 12px 14px;
}

/* ── variante: destacado con fondo marcado ── */
.tc-callout-solid .tc-callout-body {
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-solid .tc-callout-tipo {
  color: rgba(255,255,255,0.7);
}

.tc-callout-solid .tc-callout-titulo {
  color: #fff;
}

.tc-callout-solid .tc-callout-texto {
  color: rgba(255,255,255,0.75);
}

.tc-callout-solid .tc-callout-footer {
  color: rgba(255,255,255,0.6);
}

.tc-callout-solid .tc-callout-barra {
  background: rgba(0,0,0,0.2);
}

/* ── separador interno ── */
.tc-callout-sep {
  height: 1px;
  background: var(--tc-co-acento, #1d6fa4);
  opacity: 0.2;
  margin: 4px 0;
}

/* ════════════════════════════════
   tc-lista — lista de ítems simple
   ════════════════════════════════ */
.tc-lista {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-lista-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-lista-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-lista-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-lista-acento, #e63946);
}

.tc-lista-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-lista-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  transition: background 0.2s;
  position: relative;
}

.tc-lista-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-lista-item + .tc-lista-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-lista-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tc-lista-acento, #e63946);
  flex-shrink: 0;
}

.tc-lista-txt {
  font-size: 12px;
  color: var(--tc-lista-txt, #fff);
  line-height: 1.4;
  flex: 1;
}

.tc-lista-meta {
  font-size: 10px;
  font-weight: bold;
  color: var(--tc-lista-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ════════════════════════════════
   tc-cita — cita o quote destacado
   ════════════════════════════════ */
.tc-cita {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-cita-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 18px 16px 22px;
  overflow: hidden;
}

.tc-cita-marca {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 52px;
  line-height: 1;
  color: var(--tc-cita-acento, #e63946);
  opacity: 0.25;
  font-family: Georgia, serif;
  pointer-events: none;
  user-select: none;
}

.tc-cita-barra {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--tc-cita-acento, #e63946);
}

.tc-cita-texto {
  font-size: 13px;
  line-height: 1.7;
  color: var(--tc-cita-txt, #fff);
  font-style: italic;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.tc-cita-autor {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-cita-acento, #e63946);
  position: relative;
  z-index: 1;
}

.tc-cita-fuente {
  font-size: 9px;
  color: var(--tc-cita-txt2, rgba(255,255,255,0.35));
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

/* ════════════════════════════════
   tc-stat — estadísticas / cifras
   ════════════════════════════════ */
.tc-stat {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-stat-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-stat-header {
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-stat-acento, #e63946);
}

.tc-stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1;
  min-height: 0;
}

.tc-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  gap: 3px;
  position: relative;
  transition: background 0.2s;
}

.tc-stat-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-stat-item:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item + .tc-stat-item,
.tc-stat-item ~ .tc-stat-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item:nth-child(1),
.tc-stat-item:nth-child(2) {
  border-top: none;
}

.tc-stat-cifra {
  font-size: 22px;
  font-weight: bold;
  color: var(--tc-stat-acento, #e63946);
  line-height: 1;
  letter-spacing: -0.02em;
}

.tc-stat-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.4));
  text-align: center;
  line-height: 1.3;
}

.tc-stat-sub {
  font-size: 9px;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.25));
  text-align: center;
}


/* ════════════════════════════════
   ASISTENTE DE CREACIÓN DE ARTÍCULOS
   ════════════════════════════════ */
/* ════════════════════════════════
   HERO BANNER
   ════════════════════════════════ */
.wvas-hero {
  background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%);
  border-radius: 16px;
  padding: 1.75rem 1.75rem 1.5rem;
  margin-bottom: 1.25rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.wvas-hero::before {
  content: ''; position: absolute; top: -50px; right: -40px;
  width: 230px; height: 230px;
  background: rgba(255,255,255,0.06); border-radius: 50%;
}
.wvas-hero::after {
  content: ''; position: absolute; bottom: -70px; left: 28%;
  width: 280px; height: 280px;
  background: rgba(255,255,255,0.04); border-radius: 50%;
}
.wvas-hero-top {
  display: flex; align-items: flex-start; gap: 1.25rem;
  position: relative; z-index: 1;
}
.wvas-hero-mascot { flex-shrink: 0; }
.wvas-hero-mascot img {
  width: 120px; height: auto;
  filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3));
  animation: wvas-float 3.5s ease-in-out infinite;
}
.wvas-hero-text h1 {
  font-size: 1.75rem; font-weight: 800; line-height: 1.2;
  margin: 0 0 0.4rem; color: #fff; border: none; padding: 0;
}
.wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; }
.wvas-hero-divider {
  border: none; border-top: 1px solid rgba(255,255,255,0.22);
  margin: 1.1rem 0 1rem; position: relative; z-index: 1;
}
.wvas-hero-about { position: relative; z-index: 1; }
.wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; }
.wvas-hero-about a { color: #21e82b; font-weight: 700; }
.wvas-hero-about p:last-child { margin: 0; }
 
/* ════════════════════════════════
   IMAGE BANNER (5 fotos + corte diagonal)
   ════════════════════════════════ */
.wvas-img-banner {
  display: flex;
  height: 195px;
  border-radius: 14px;
  overflow: hidden;
  background: #004d70;
}
.wvas-img-slot {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
  min-width: 0;
}
.wvas-img-slot:not(:first-child) {
  clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -22px;
}
.wvas-img-slot:nth-child(2) { z-index: 2; }
.wvas-img-slot:nth-child(3) { z-index: 3; }
.wvas-img-slot:nth-child(4) { z-index: 4; }
.wvas-img-slot:nth-child(5) { z-index: 5; }
.wvas-img-slot figure,
.wvas-img-slot .mw-file-description,
.wvas-img-slot a {
  display: block !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
}
.wvas-img-slot img {
  display: block !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  margin: 0 !important; border: 0 !important;
  vertical-align: top !important; max-width: none !important;
}
 
/* ════════════════════════════════
   SECTION HEADER
   ════════════════════════════════ */
.wvas-sh {
  display: flex; align-items: center; gap: 0.65rem;
  margin: 1.9rem 0 1rem;
}
.wvas-sh-icon {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; flex-shrink: 0;
}
.wvas-sh h2 {
  font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c;
}
.wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; }

/* ════════════════════════════════
   NORMAS — siempre visibles, con hover
   ════════════════════════════════ */

.wvas-norma {
  border-radius: 12px; padding: 0.9rem 1rem;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 0.7rem;
  align-items: center;
  border: 1.5px solid;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-norma:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.wvas-norma-mascot { width: 90px;  display: flex; align-items: center; justify-content: center; }
.wvas-norma-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-norma-mascot figure { float: none !important; margin: 0 !important; }
.wvas-norma-content { min-width: 0; }
.wvas-norma-title {
  font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
  letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.wvas-norma-text { font-size: 0.82rem; line-height: 1.57; }
.wvas-norma-text a { font-weight: 700; }
.wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.wvas-n-error .wvas-norma-title { color: #A32D2D; }
.wvas-n-error a { color: #A32D2D; }
.wvas-n-warn  { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.wvas-n-warn  .wvas-norma-title { color: #7a4a00; }
.wvas-n-warn  a { color: #854F0B; }
.wvas-n-tip   { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.wvas-n-tip   .wvas-norma-title { color: #0F6E56; }
.wvas-n-tip   a { color: #085041; }
.wvas-n-info  { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.wvas-n-info  .wvas-norma-title { color: #006699; }
.wvas-n-info  a { color: #006699; }
 
/* ════════════════════════════════
   CALLOUT (genérico)
   Grid interno: mascota | contenido (desktop)
                 mascota (arriba) + contenido (abajo) en mobile
   ════════════════════════════════ */
.wvas-callout {
  border-radius: 12px; padding: 0.9rem 1.1rem;
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.8rem;
  align-items: center;
  border-left: 4px solid;
  transition: box-shadow 0.18s;
}
.wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); }
.wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; }
.wvas-callout-mascot img { width: 80px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-callout-mascot figure { float: none !important; margin: 0 !important; }
.wvas-callout-content { min-width: 0; }
.wvas-callout-title {
  font-weight: 800; font-size: 0.81rem; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.22rem;
}
.wvas-callout-body { font-size: 0.85rem; line-height: 1.58; }
.wvas-callout-body a { font-weight: 700; text-decoration: none; }
.wvas-callout-body a:hover { text-decoration: underline; }
.wvas-co-tip    { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; }
.wvas-co-tip    .wvas-callout-title { color: #0F6E56; }
.wvas-co-tip    a { color: #085041; }
.wvas-co-info   { background: #E6F1FB; border-color: #006699; color: #042C53; }
.wvas-co-info   .wvas-callout-title { color: #006699; }
.wvas-co-info   a { color: #185FA5; }
.wvas-co-warn   { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; }
.wvas-co-warn   .wvas-callout-title { color: #7a4a00; }
.wvas-co-warn   a { color: #854F0B; }
.wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; }
.wvas-co-purple .wvas-callout-title { color: #534AB7; }
.wvas-co-purple a { color: #534AB7; }
.wvas-co-error  { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; }
.wvas-co-error  .wvas-callout-title { color: #A32D2D; }
.wvas-co-error  a { color: #A32D2D; }
 
/* ════════════════════════════════
   TIPO CARDS — informativas + hover
   ════════════════════════════════ */
.wvas-tipo-card {
  background: #fff; border: 1.5px solid #d0dce8;
  border-radius: 16px; padding: 1.3rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  position: relative; overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  cursor: inherit;
}
.wvas-tipo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,60,100,0.12);
  border-color: #006699;
}
.wvas-tipo-card::after {
  content: ''; position: absolute; bottom: -18px; right: -18px;
  width: 70px; height: 70px; border-radius: 50%;
  background: rgba(0,102,153,0.05);
  transition: transform 0.3s;
}
.wvas-tipo-card:hover::after { transform: scale(1.4); }
.wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; }
.wvas-tipo-icon { flex-shrink: 0; }
.wvas-tipo-icon img { width: 70px; height: auto; }
.wvas-tipo-card h3 {
  font-size: 1.06rem; font-weight: 800; color: #003d5c;
  margin: 0; padding: 0; border: none;
}
.wvas-tipo-desc   { font-size: 0.84rem; color: #445; line-height: 1.57; }
.wvas-tipo-ej     { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.wvas-tc-destino    { border-top: 4px solid #006699; }
.wvas-tc-tematico   { border-top: 4px solid #534AB7; }
.wvas-tc-itinerario { border-top: 4px solid #1D9E75; }
.wvas-tc-conv       { border-top: 4px solid #BA7517; }
 
/* ════════════════════════════════
   Plantilla: Table awesome responsive
   ════════════════════════════════ */
.table-awesome {
  width: 100%; border-collapse: separate; border-spacing: 0;
  border: 1.5px solid #dde6ef; border-radius: 14px;
  overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem;
}
.table-awesome thead tr {
  background: #006699; color: #fff;
}
.table-awesome thead th {
  padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.05em;
  text-align: left; border: none;
}
.table-awesome tbody tr {
  border-bottom: 1px solid #eef1f5;
  transition: background 0.15s;
}
.table-awesome tbody tr:last-child { border-bottom: none; }
.table-awesome tbody tr:hover { background: #f0f7fc; }
.table-awesome td {
  padding: 0.65rem 0.85rem; vertical-align: top;
  border: none; line-height: 1.5;
}
.table-awesome td:first-child {
  white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%;
}
.table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; }
.table-awesome td a:hover { text-decoration: underline; }
.table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; }
 
/* ════════════════════════════════
   WIDGET CREATE PANEL (único por tipo)
   ════════════════════════════════ */
.wvas-create {
  background: #f7fbff; border: 2px dashed #9fc9dd;
  border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem;
  margin: 0.75rem 0; text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.wvas-create:hover {
  border-color: #006699;
  box-shadow: 0 4px 16px rgba(0,102,153,0.1);
}
.wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; }
.wvas-create-mascot img {
  width: 120px; height: auto;
  animation: wvas-float 2.5s ease-in-out infinite;
}
.wvas-create h3 {
  font-size: 1.02rem; font-weight: 800; color: #003d5c;
  margin: 0 0 0.28rem; padding: 0; border: none;
}
.wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; }
 
/* ════════════════════════════════
   NIVELES DE CALIDAD
   ════════════════════════════════ */
.wvas-nivel {
  border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center;
  display: flex; flex-direction: column; gap: 0.3rem;
  border: 1.5px solid transparent;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-nivel:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; }
.wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; }
.wvas-nivel p  { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; }
.wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; }
.wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; }
.wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; }
.wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; }
 
/* ════════════════════════════════
   CHECKLIST PRE-PUBLICACIÓN
   ════════════════════════════════ */
.wvas-checklist {
  background: #fff; border: 1.5px solid #c8e6c8;
  border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem;
}
.wvas-checklist-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-checklist-header img { width: 36px; height: auto; }
.wvas-checklist-header h3 {
  font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none;
}
.wvas-check-list { list-style: none; padding: 0; margin: 0; }
.wvas-check-list li {
  display: flex; align-items: flex-start; gap: 0.65rem;
  font-size: 0.84rem; padding: 0.38rem 0;
  border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5;
  transition: background 0.12s;
}
.wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; }
.wvas-check-list li:last-child { border-bottom: none; }
.wvas-check-list li::before {
  content: '✓';   
  width: 20px; height: 20px; border-radius: 50%;
  background: #E1F5EE; border: 1.5px solid #1D9E75;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: #1D9E75; flex-shrink: 0;
  font-weight: 900; margin-top: 2px; 
}
 
/* ════════════════════════════════
   AYUDA — LINKS + hover
   ════════════════════════════════ */
.wvas-ayuda-card {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 12px; padding: 1rem 0.9rem;
  text-align: center; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; align-items: center; gap: 0.38rem;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.wvas-ayuda-card:hover {
  border-color: #006699;
  box-shadow: 0 4px 14px rgba(0,102,153,0.12);
  transform: translateY(-2px);
}
.wvas-ayuda-card img  { width: 80px; height: auto; }
.wvas-ayuda-card h4   { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; }
.wvas-ayuda-card p    { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; }
 
/* ════════════════════════════════
   REFERENCIA ARTÍCULOS ACEPTABLES
   ════════════════════════════════ */
.wvas-ref-box {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem;
}
.wvas-ref-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-ref-header img { width: 36px; height: auto; }
.wvas-ref-header h3  {
  font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none;
}
.wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
.wvas-ref-col-title {
  font-size: 0.78rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.5rem;
}
.wvas-col-ok  .wvas-ref-col-title { color: #1D9E75; }
.wvas-col-bad .wvas-ref-col-title { color: #A32D2D; }
.wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; }
.wvas-ref-list li {
  font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px;
  align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45;
  transition: background 0.12s;
}
.wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; }
.wvas-ref-list li:last-child { border-bottom: none; }
.wvas-col-ok  .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; }
.wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; }
.wvas-ref-nota {
  font-size: 0.78rem; color: #666; padding-top: 0.5rem;
  border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; }
.wvas-ref-nota li::before { content: '· '; }
 
/* ════════════════════════════════
   ANIMACIÓN FLOTANTE
   ════════════════════════════════ */
@keyframes wvas-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-7px); }
}
 
/* ════════════════════════════════════════════════════════
   ESTRUCTURAS EN COLUMNAS RESPONSIVE
   ════════════════════════════════════════════════════════ */
.cols-2-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 14px; margin-bottom: 1.5rem;
}
.cols-20-80-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 0;
  border: 0.5px solid #dde6ef;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.cols-3-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px; margin-bottom: 1rem;
}
.cols-4-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8px; margin-bottom: 1rem;
}
/* ════════════════════════════════════════════════════════
   RESPONSIVE (GENERAL)
   ════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  .wvas-hero-text h1  { font-size: 1.45rem; }
  .wvas-tipo-grid     { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .wvas-ayuda-grid    { grid-template-columns: repeat(2, 1fr); }
  .wvas-img-banner    { height: 130px; }
  .table-awesome { font-size: 0.79rem; }
 
  /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */
  .wvas-callout {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-norma {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-callout-mascot,
  .wvas-norma-mascot {
    width: auto;
  }
  .wvas-callout-content,
  .wvas-norma-content {
    width: 100%;
    text-align: left;   /* el texto interior alineado a la izquierda */
  }
  .wvas-callout-title,
  .wvas-norma-title {
    text-align: center; /* solo el título centrado */
  }
}
@media (max-width: 700px) {
  .cols-20-80-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .sp-sidebar {
    border-right: none;
    border-bottom: 0.5px solid #dde6ef;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 8px;
    gap: 6px;
  }
  .sp-sidebar-label,
  .sp-sidebar-foot { display: none; }
  .sp-item {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
    padding: 8px 10px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 3px;
  }
  /* En mobile el indicador es borde inferior */
  .sp-item.active::after { display: none; }
  .sp-item.active { border-bottom: 2px solid #006699; }
  .sp-item-icon img { margin: 0 auto; }
  .sp-item-hint { display: none; }
  .sp-content { padding: 16px; }
}
@media (max-width: 520px) {
  .wvas-hero-top      { flex-direction: column; gap: 0.75rem; }
  .wvas-hero-mascot img { width: 66px; }
  .wvas-hero-text h1  { font-size: 1.22rem; }
  .wvas-img-banner    { height: 95px; border-radius: 10px; }
  .wvas-ref-cols      { grid-template-columns: 1fr; }
  .wvas-ayuda-grid    { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .table-awesome thead { display: none; }
  .table-awesome td { display: block; padding: 0.3rem 0.7rem; }
  .table-awesome td:first-child { padding-top: 0.7rem; }
  .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; }
}
@media (max-width: 420px) {
  .sp-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
   SELECTOR PANEL (20% / 80%)
   ════════════════════════════════ */
.sp-sidebar {
  background: #f5f7fa;
  border-right: 0.5px solid #dde6ef;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sp-sidebar-label {
  font-size: 11px;
  font-weight: 700;
  color: #9aa5b4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.sp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: 0.5px solid transparent;
  transition: background 0.15s, border-color 0.15s;
  user-select: none;
  position: relative;
}
.sp-item:hover {
  background: #fff;
  border-color: #c5d0dc;
}
.sp-item.active {
  background: #fff;
  border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.sp-item.active::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 20%;
  height: 60%;
  width: 2.5px;
  background: #006699;
  border-radius: 2px 0 0 2px;
}
.sp-item-icon {
  font-size: 20px;
  flex-shrink: 0;
  color: #9aa5b4;
  transition: color 0.15s;
  width: 22px;
  text-align: center;
}
/* Soporte para imagen wiki como icono */
.sp-item-icon img {
  width: 22px;
  height: auto;
  display: block;
  opacity: 0.55;
  transition: opacity 0.15s;
}
.sp-item.active .sp-item-icon { color: #006699; }
.sp-item.active .sp-item-icon img { opacity: 1; }
.sp-item-name {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  line-height: 1.3;
}
.sp-item-hint {
  font-size: 11px;
  color: #9aa5b4;
  margin-top: 1px;
}
/* Hint inferior del sidebar */
.sp-sidebar-foot {
  font-size: 11px;
  color: #b0bec5;
  text-align: center;
  padding: 6px 0 2px;
  margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.sp-content {
  padding: 20px 24px;
  overflow-y: auto;
  min-height: 300px;
}
.sp-panel { display: none; }
.sp-panel.active { display: block; }

/* ════════════════════════════════════════════════════════
   SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE
   ════════════════════════════════════════════════════════ */

/* ── Caja exterior que envuelve todo ── */
.wv-doc-outer {
  background: #f8f9fb;
  border: 1.5px solid #d8e2ec;
  border-radius: 14px;
  padding: 1.1rem 1.25rem 1rem;
  margin-bottom: 1.5rem;
  font-family: 'Segoe UI', Arial, sans-serif;
  max-width: 700px;
}
 
/* ── Introducción ── */
.wv-doc-intro { margin-bottom: 12px; }
.wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; }
.wv-doc-tname-head {
  font-size: 1rem; font-weight: 700; color: #003d5c;
  margin: 0 0 4px; padding: 0; border: none;
}
.wv-doc-desc {
  font-size: 0.84rem; color: #445;
  line-height: 1.6; margin: 0 0 8px;
}
.wv-doc-hint {
  font-size: 0.8rem; color: #778;
  line-height: 1.5; margin: 0 0 10px;
}
.wv-doc-req-inline { color: #C0392B; font-weight: 600; }
.wv-doc-opt-inline { color: #2471A3; font-weight: 600; }
 
/* ── Leyenda ── */
.wv-doc-legend {
  display: flex; gap: 14px; flex-wrap: wrap;
  margin-bottom: 12px;
}
.wv-doc-leg {
  display: flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 600;
}
.wv-doc-leg::before {
  content: ''; width: 3px; height: 13px;
  border-radius: 2px; flex-shrink: 0; display: inline-block;
}
.wv-doc-req-leg { color: #C0392B; }
.wv-doc-req-leg::before { background: #C0392B; }
.wv-doc-opt-leg { color: #2471A3; }
.wv-doc-opt-leg::before { background: #2471A3; }
 
/* ── Cards (sintaxis y ejemplo) ── */
.wv-doc-card {
  background: #fff;
  border: 0.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.wv-doc-example-card { margin-bottom: 10px; }
 
/* ── Cabecera de card ── */
.wv-doc-card-top {
  background: #f0f4f8;
  border-bottom: 0.5px solid #cdd8e4;
  padding: 6px 12px;
  display: flex; align-items: center;
  justify-content: space-between; gap: 8px;
}
.wv-doc-card-label {
  font-size: 11px; font-weight: 700; color: #667;
  text-transform: uppercase; letter-spacing: 0.06em;
}
.wv-doc-card-label.example-label { color: #2471A3; }
 
/* ── Botón copiar ── */
.wv-doc-copy-btn {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11.5px; font-weight: 600; cursor: pointer;
  color: #334; background: #fff;
  border: 0.5px solid #bbc8d4; border-radius: 6px;
  padding: 3px 10px; user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
}
.wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
 
/* ── Bloque de código ── */
.wv-doc-block {
  padding: 6px 0 8px;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.35;
}
.wv-doc-block-open,
.wv-doc-block-close {
  padding: 3px 12px;
  color: #aab;
}
.wv-doc-blockname { color: #003d5c; font-weight: 600; }
.wv-doc-brace { color: #bbc; }
 
/* ── Filas de parámetros ── */
.wv-doc-params { padding: 0; }
.wv-doc-params &gt; * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.wv-doc-params p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.wv-doc-row {
  display: flex; align-items: baseline;
  padding: 2px 12px 2px 9px;
  border-left: 3px solid transparent;
  transition: background 0.1s;
  line-height: 1.5;
}
.wv-doc-row:hover { background: #f5f8fb; }
.wv-doc-req { border-color: #C0392B; }
.wv-doc-opt { border-color: #2471A3; }
.wv-doc-req .wv-doc-key { color: #C0392B; }
.wv-doc-opt .wv-doc-key { color: #2471A3; }
.wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; }
.wv-doc-key { font-weight: 700; white-space: nowrap; }
.wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; }
.wv-doc-optvals { color: #889; font-size: 12px; }
 
/* Filas del bloque ejemplo (generadas por JS) */
.wv-doc-example-val { color: #334; }
 
/* ── Notas al pie ── */
.wv-doc-footer {
  border-top: 0.5px solid #dde6ef;
  padding: 8px 2px 0;
  display: flex; flex-direction: column; gap: 3px;
  margin-top: 4px;
}
.wv-doc-nota {
  font-size: 11.5px; color: #889; line-height: 1.5;
	padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wv-doc-nota ul { list-style: none; padding: 0; margin: 0; }
.wv-doc-nota li::before { content: '→ '; color: #bbc; }

/* ── Responsive ── */
@media (max-width: 520px) {
  .wv-doc-outer { padding: 0.85rem 0.9rem; }
  .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; }
  .wv-doc-copy-btn { width: 100%; justify-content: center; }
}

/* ════════════════════════════════════════════════════════
   SELECTOR HORIZONTAL DE PESTAÑAS
   ════════════════════════════════════════════════════════ */
/* ── Contenedor general ── */
.htab-wrap {
  border: 0.5px solid #cdd8e4;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

/* ── Barra superior: color + patrón de puntos ── */
.htab-bar {
  background-color: #D4537E;
  background-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.12) 1.5px,
    transparent 1.5px
  );
  background-size: 20px 20px;
  position: relative;
  overflow: hidden;
  padding: 14px 14px 12px;
  border-bottom: 2.5px solid #993556;
}

/* ── Fondo animado: formas moviéndose de derecha a izquierda ── */
.htab-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.htab-bg-track {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  height: 100%;
  white-space: nowrap;
  animation: htab-marquee 18s linear infinite;
}
@keyframes htab-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Formas del fondo */
.hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); }
.hs-circle  { width: 9px;  height: 9px;  border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; }
.hs-bar     { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); }
.hs-sq      { width: 8px;  height: 8px;  border: 1.5px solid rgba(255,255,255,0.18); }
.hs-tri     { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); }

/* ── Pestañas ── */
.htab-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  position: relative;
  z-index: 1;
}
.htab-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 8px;
  padding: 7px 15px;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: background 0.15s, transform 0.13s, border-color 0.15s;
}
.htab-tab:hover:not(.active) {
  background: rgba(255,255,255,0.25);
  transform: translateY(-2px);
}
.htab-tab.active {
  background: #EF9F27;
  border-color: #BA7517;
  color: #412402;
  transform: translateY(-1px);
}
/* Imágenes wiki dentro de la pestaña como icono */
.htab-tab figure { float: none !important; margin: 0 !important; }
.htab-tab img    { width: 18px; height: auto; display: block; }

/* ── Partículas ── */
.htab-prt {
  position: absolute;
  pointer-events: none;
  z-index: 20;
  border-radius: 50%;
}

/* Click — explosión */
.htab-prt-b {
  animation: htab-burst var(--dur, 0.4s) ease-out forwards;
}
@keyframes htab-burst {
  0%   { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; }
  100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; }
}

/* Hover — flotantes */
.htab-prt-h {
  animation: htab-float var(--dur, 0.65s) ease-out forwards;
}
@keyframes htab-float {
  0%   { transform: translateY(0) translateX(0); opacity: 0.85; }
  100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; }
}

/* ── Área de contenido ── */
.htab-panels {
  background: #fff;
  padding: 22px 22px 18px;
  min-height: 160px;
}
.htab-panel { display: none; }
.htab-panel.active {
  display: block;
  animation: htab-fadein 0.22s ease;
}
@keyframes htab-fadein {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 700px) {
  .htab-bar  { padding: 11px; }
  .htab-tab  { padding: 6px 12px; font-size: 12px; gap: 5px; }
  .htab-panels { padding: 16px; }
}
@media (max-width: 420px) {
  .htab-tab  { padding: 5px 10px; font-size: 11px; }
  .htab-panels { padding: 12px; }
}

/* ════════════════════════════════════════════════════════════════
   WVA - SISTEMA DE SECCIONES DE ARTÍCULO
   ════════════════════════════════════════════════════════════════ */

/* ═══ ANIMACIONES ═══ */
@keyframes wva-in  { from{opacity:0;transform:translateY(10px)}  to{opacity:1;transform:translateY(0)} }
@keyframes wva-sl  { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} }
@keyframes wva-pop { from{opacity:0;transform:scale(0.93)}       to{opacity:1;transform:scale(1)} }
@keyframes wva-bar { from{width:0} to{width:var(--w,100%)} }
@keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} }
@keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} }

/* ══════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════ */
.wva-hero{
  background:var(--pk);position:relative;overflow:hidden;
  padding:28px 24px 44px;border-bottom:3px solid #111;
  clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%);
  margin-bottom:-2px;animation:in 0.6s ease both;
}
.wva-hero-dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px);
  background-size:22px 22px;}
.wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px;
  letter-spacing:10px;animation:glo 2.5s ease-in-out infinite}
.wva-hi{position:relative;z-index:1}
.wva-hi-loc{display:inline-block;background:var(--yw);color:#111;
  font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111;
  line-height:.95;margin-bottom:12px;border:none;padding:0}
.wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px}
.wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px}

/* ══════════════════════════════════════════════════════
   FICHA TÉCNICA — barra de stats oscura
   ══════════════════════════════════════════════════════ */
.wva-ficha {
  background: var(--bk); padding: 16px 20px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
  gap: 16px; border-bottom: var(--bd);
  animation: wva-in .5s ease .08s both;
}
/* Dot pattern sobre negro */
.wva-ficha::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px);
  background-size: 14px 14px;
}
.wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; }
.wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); }
.wva-fb-info strong { color:var(--yw);font-weight:700; }

.wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; }
.wva-sg { font-size:14px;font-weight:900;width:30px; }
.wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; }
.wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; }
.sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)}
.sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)}

/* ══════════════════════════════════════════════════════
   SECTION WRAPPER
   ══════════════════════════════════════════════════════ */
.wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; }
.bg-w   { background:#fff; }
.bg-yw  { background:var(--yw);position:relative; }
.bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; }
.bg-yw &gt; * { position:relative;z-index:1; }
.bg-cr  { background:#FFF8F0; }
.bg-war { background:#FFF5F5; }
.bg-mn  { background:#FFFDE7; }
.bg-sc  { background:#FFF0F8;
  background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; }
.bg-hl  { background:#F0FFF4; }
.bg-mv  { background:#F8F8FF; }
.bg-ar  { background:#F0F9FF; }

/* ══════════════════════════════════════════════════════
   SECTION HEADER
   ══════════════════════════════════════════════════════ */
.wva-sh {
  display:flex;align-items:center;gap:10px;
  padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden;
}
.wva-sh .ico { font-size:17px;flex-shrink:0; }
.wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; }
.wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; }

/* NEGRO + AMARILLO (estilo SQUAD) */
.sh-bk { background:var(--bk); }
.sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; }
.sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; }

/* AMARILLO + NEGRO (estilo VANGUARD) */
.sh-yw { background:var(--yw); }
.sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; }
.sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; }

.sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff}
.sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff}
.sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff}
.sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff}
.sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff}
.sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff}
.sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)}

/* ══════════════════════════════════════════════════════
   SUBHEADER
   ══════════════════════════════════════════════════════ */
.wva-sub {
  display:flex;align-items:center;gap:8px;padding:8px 20px 4px;
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);
}
.wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; }

/* ══════════════════════════════════════════════════════
   BODY / 2 COLS
   ══════════════════════════════════════════════════════ */
.wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; }
.wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; }
.wva-body strong { color:var(--bk);font-weight:700; }

.wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; }
.wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   GRIDS
   ══════════════════════════════════════════════════════ */
.g    { padding:12px 20px; }
.g-2  { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.g-3  { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.g-a  { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; }
.g-r  { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; }
.g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; }

/* ══════════════════════════════════════════════════════
   PRACTICAL TIP CARD
   ══════════════════════════════════════════════════════ */
.ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden;
  transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; }
.ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); }
.ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; }
.ptip-b strong { color:var(--bk);font-weight:700; }

.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }

/* ══════════════════════════════════════════════════════
   TALENT CARD (secretos — estilo squad card)
   ══════════════════════════════════════════════════════ */
.tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px;
  overflow:hidden;position:relative;animation:wva-pop .4s ease both;
  transition:transform .15s,box-shadow .15s;cursor:default; }
.tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); }
.tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; }

.tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;
  padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; }
.tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; }
.tcard-stats { margin-bottom:7px; }
.tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); }
.tsg { font-size:13px;font-weight:900;width:26px; }
.tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; }
.tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; }
.tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; }
.tcard-tags { display:flex;gap:4px;flex-wrap:wrap; }

/* ══════════════════════════════════════════════════════
   REGION CARD
   ══════════════════════════════════════════════════════ */
.rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px;
  border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; }
.rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }
.rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; }

/* ══════════════════════════════════════════════════════
   CITY CARD
   ══════════════════════════════════════════════════════ */
.ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r);
  cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; }
.ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); }
.ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;
  border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; }
.ccard-badge.pk { background:var(--pk);color:#fff; }
.ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; }

/* ══════════════════════════════════════════════════════
   TRANSPORT CARD
   ══════════════════════════════════════════════════════ */
.tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r);
  display:flex;flex-direction:column;gap:6px;cursor:default;
  transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; }
.tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); }
.tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.tport-icon { font-size:24px;line-height:1; }
.tport-name { font-size:13px;font-weight:800;color:var(--bk); }
.tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; }
.tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)}
.tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)}
.tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)}
.tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)}
.tp-bk::before{background:var(--bk)}

/* ══════════════════════════════════════════════════════
   ALERT BOX
   ══════════════════════════════════════════════════════ */
.wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px;
  border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; }
.wva-al + .wva-al { margin-top:8px; }
.wva-al:last-of-type { margin-bottom:12px; }
.a-warn  { border-color:var(--rd); background:#FFF5F5; }
.a-tip   { border-color:var(--cy); background:#F0FDFF; }
.a-ok    { border-color:var(--gn); background:#F0FFF4; }
.a-money { border-color:#F5A000;   background:#FFFDE7; }
.a-info  { border-color:var(--bl); background:#F0F8FF; }
.a-pink  { border-color:var(--pk); background:#FFF0F8; }
.al-em   { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; }
.al-txt  { font-size:12.5px;color:#333;line-height:1.62; }
.al-txt strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   LIST ITEMS
   ══════════════════════════════════════════════════════ */
.wva-list { padding:0 20px 12px; }
.wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08);
  align-items:flex-start;transition:padding-left .14s;cursor:default; }
.wva-li:last-child { border-bottom:none; }
.wva-li:hover { padding-left:6px; }
.wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm);
  display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;
  background:var(--wh);transition:transform .14s; }
.wva-li:hover .wva-li-ico { transform:scale(1.06); }
.wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; }
.wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; }
.wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; }

/* ══════════════════════════════════════════════════════
   NEXT DESTINATIONS
   ══════════════════════════════════════════════════════ */
.wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; }
.ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r);
  padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default;
  transition:background .14s,transform .14s,box-shadow .14s; }
.ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }

/* ══════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════ */
@media (max-width:760px) {
  .wva-hero { grid-template-columns:1fr; }
  .wva-himg { display:none; }
  .wva-hc::after { display:none; }
  .wva-hi-h { font-size:38px; }
  .g-2,.g-3 { grid-template-columns:1fr; }
  .wva-2c { grid-template-columns:1fr; }
  .wva-ficha { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px) {
  .wva-hc { padding:20px 14px 28px; }
  .wva-hi-h { font-size:28px; }
  .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; }
  .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; }
  .wva-al { margin-left:14px;margin-right:14px; }
  .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; }
  .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; }
}</text>
      <sha1>5jsz6gzu76vcyknigen5eao0ykf2q3l</sha1>
    </revision>
    <revision>
      <id>253728</id>
      <parentid>253726</parentid>
      <timestamp>2026-05-22T18:31:28Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253728</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="80008" sha1="7wgn6k0mbvxlfk06tp08nguz49dxlfm" xml:space="preserve">/* ════════════════════════════════
   Función de acordeón tipo FAQ / Funciona con el js correspondiente
   ════════════════════════════════ */
.accordion-content{
    display:none;
}

.accordion-content.active {
    display:block;
}

.accordion-clicky{
    cursor:pointer;
    user-select:none;
}

:root {
  --pk: #FF00BB;  --yw: #FFE600;  --cy: #00BFFF;
  --gn: #00C853;  --or: #FF6B00;  --rd: #FF2200;
  --pu: #7A00FF;  --bl: #0099FF;  --bk: #111111;
  --wh: #FFFFFF;  --mu: #555555;
  --bd:  3px solid #111;
  --bd2: 2.5px solid #111;
  --r:   10px;
  --rsm: 6px;
  --rlg: 16px;
  --font: 'Segoe UI', Arial, sans-serif;
}

.wva-config { box-sizing: border-box; margin: 0; padding: 0; margin: 0 auto; background: var(--wh); border: var(--bd); overflow: hidden; font-family: var(--font)}

/* ── Reset interno ── */
.config-general * { box-sizing: border-box; }
.config-general { font-family: var(--font); line-height: 1.6; }

/* ── Force links icon ── */
.wv-doc-outer a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;])::after,
.config-general a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;]):not([href*=&quot;/File:&quot;]):not([href*=&quot;/Archivo:&quot;])::after {
  content: ' [↗]';
  font-size: 0.78em;
  opacity: 0.55;
  font-weight: normal;
  text-decoration: none;
}
.config-general a:has(img)::after{
    content:none !important;
}
/* El enlace [editar] no participa en el flex */
.config-general .mw-editsection {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
}

/* ════════════════════════════════
   Decorativos inline
   ════════════════════════════════ */
.chip-inline {
  display: inline-block; font-size: 0.69rem; font-weight: 700;
  padding: 1px 8px; border-radius: 20px; margin-top: 3px;
  color: #fff;
}
.badge-inline {
	background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px
			  }
.tag-inline {
  display: inline-block; font-size: 0.72rem; font-weight: 700;
  padding: 3px 10px; border-radius: 20px;
  background: #E6F1FB; color: #006699; margin-top: 0.3rem;
  text-decoration: none; transition: background 0.15s;
}
.tag-inline:hover { background: #c5dff0; }

.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }

.tags-row { display:flex;gap:5px;flex-wrap:wrap; }

/* ════════════════════════════════
   Plantilla: Tríptico - Código para que funcione bien. Full Responsive
   ════════════════════════════════ */
.triptico {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: stretch;
}

.triptico-wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.triptico-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ── card base ── */
.tc-card {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.tc-card::before {
  content: '';
  display: block;
  padding-top: var(--card-ratio, 100%);
}

.tc-card-inner {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}

/* imagen wiki como fondo */
.tc-card-img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  display: block;
}

.tc-card-img a,
.tc-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  text-decoration: none;
  pointer-events: none;
}

/* enlace que cubre todo el card */
.tc-card-link {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 5;
  display: block;
  background: transparent;
}

.tc-card-link:hover ~ .tc-tag-top,
.tc-card-link:hover ~ .tc-tag-bot {
  background: rgba(0,0,0,0.82);
}

/* ── tags de esquina ── */
.tc-tag-top {
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-tag-bot {
  position: absolute;
  bottom: 0; right: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  text-align: right;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-card-inner:hover .tc-tag-top {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-card-inner:hover .tc-tag-bot {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-tag-top,
.tc-tag-bot {
  transition: background 0.25s;
}

.tc-tag-top::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

.tc-tag-bot::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

/* ── card-vert ── */
.tc-card-vert .tc-card-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.tc-texto-vert {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.3em;
  writing-mode: vertical-rl;
  transform: rotate(180deg) scaleX(1.4);
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  font-size: var(--vert-size, 56px);
  z-index: 3;
  position: relative;
  pointer-events: none;
  margin-right: 14px;
  margin-top: 10px;
  margin-left: 30px;
}

/* ── bloque de texto ── */
.tc-texto {
  width: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
  background: var(--tc-texto-bg, transparent);
  color: var(--tc-texto-color, inherit);
}

/* ── header flotante ── */
.tc-header-wrap {
  position: absolute;
  top: 0;
  left: 0; right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.tc-header {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 22px;
  background: var(--tc-header-bg, #111);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  white-space: nowrap;
  pointer-events: auto;
  transition: background 0.25s;
}

.tc-header::before {
  content: '';
  position: absolute;
  inset: 2px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);
}

.tc-header-accent {
  position: absolute;
  bottom: -3px;
  left: 10px; right: 10px;
  height: 2px;
  background: var(--tc-acento, #e63946);
  transition: background 0.25s;
}

@media (max-width: 900px) {
  .triptico { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .triptico { grid-template-columns: 1fr; }
}

/* tc-tira */
.tc-tira {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex: none;
  min-height: 72px;
  max-height: 110px;
  background: var(--tc-tira-bg, #111);
  overflow: hidden;
}

/* línea de acento superior */
.tc-tira::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--tc-tira-acento, #e63946);
  z-index: 2;
}

/* brillo sutil */
.tc-tira-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.tc-tira-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding: 10px 6px;
  gap: 3px;
  text-align: center;
  transition: background 0.2s;
}

.tc-tira-items {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 3px 0 0 0;
  min-width: 0;
}

.tc-tira-item:hover {
  background: rgba(255,255,255,0.04);
}

.tc-tira-item img,
.tc-tira-item a img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 2px;
}

.tc-tira-item .thumbinner,
.tc-tira-item .thumb,
.tc-tira-item figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-tira-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-valor {
  font-size: 12px;
  font-weight: bold;
  color: var(--tc-tira-txt, #fff);
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-sep {
  width: 1px;
  align-self: stretch;
  background: rgba(255,255,255,0.08);
  flex-shrink: 0;
  margin: 10px 0;
}

/* ── itinerario ── */
.tc-itinerario {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 0 6px 0;
  background: var(--tc-it-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tc-it-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  margin-bottom: 4px;
}

.tc-it-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-it-acento, #e63946);
  flex: 1;
}

.tc-it-total {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}

/* línea de tiempo vertical */
.tc-it-linea {
  position: absolute;
  left: 28px;
  top: 50px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    var(--tc-it-acento, #e63946),
    rgba(255,255,255,0.05)
  );
}

.tc-it-lista {
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.tc-it-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px 14px 8px 48px;
  transition: background 0.2s;
}

.tc-it-item:hover {
  background: rgba(255,255,255,0.03);
}

/* nodo en la línea de tiempo */
.tc-it-nodo {
  position: absolute;
  left: 22px;
  top: 13px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--tc-it-bg, #0d0d0d);
  border: 2px solid var(--tc-it-acento, #e63946);
  box-sizing: border-box;
  z-index: 2;
}

.tc-it-item:first-child .tc-it-nodo {
  background: var(--tc-it-acento, #e63946);
}

/* fila superior: lugar + tiempo */
.tc-it-fila-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}

.tc-it-lugar {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tc-it-tiempo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: var(--tc-it-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* actividad */
.tc-it-actividad {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
  margin-bottom: 4px;
}

/* badges de propiedades */
.tc-it-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.tc-it-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
  line-height: 1.4;
}

.tc-it-badge-acento {
  border-color: var(--tc-it-acento, #e63946);
  color: var(--tc-it-acento, #e63946);
}

/* separador entre items */
.tc-it-item + .tc-it-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 48px; right: 14px;
  height: 1px;
  background: rgba(255,255,255,0.05);
}

/* ════════════════════════════════
   tc-gastronomia
   ════════════════════════════════ */
.tc-gastro {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-gastro-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-gastro-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-gastro-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

.tc-gastro-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  justify-content: space-between;
}

.tc-gastro-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  position: relative;
  transition: background 0.2s;
}

.tc-gastro-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-gastro-item + .tc-gastro-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* foto */
.tc-gastro-foto {
  width: 64px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.tc-gastro-foto img,
.tc-gastro-foto a img {
  width: 64px !important;
  height: 100% !important;
  min-height: 64px;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.tc-gastro-foto .thumbinner,
.tc-gastro-foto .thumb,
.tc-gastro-foto figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
}

/* línea de acento lateral */
.tc-gastro-item::before {
  content: '';
  position: absolute;
  left: 64px;
  top: 0; bottom: 0;
  width: 2px;
  background: var(--tc-gastro-acento, #e63946);
  opacity: 0;
  transition: opacity 0.2s;
}

.tc-gastro-item:hover::before {
  opacity: 1;
}

/* contenido textual */
.tc-gastro-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 12px 10px 14px;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.tc-gastro-nombre {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-gastro-lugar {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-desc {
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  line-height: 1.4;
  margin-top: 2px;
}

.tc-gastro-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 4px;
}

.tc-gastro-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.4);
  line-height: 1.4;
}

.tc-gastro-badge-acento {
  border-color: var(--tc-gastro-acento, #e63946);
  color: var(--tc-gastro-acento, #e63946);
}


/* ════════════════════════════════
   tc-transporte
   ════════════════════════════════ */
.tc-transporte {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-trans-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-trans-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-trans-acento, #1d6fa4);
}

.tc-trans-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

/* secciones: transporte y lugares */
.tc-trans-seccion {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-seccion-label {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding: 7px 14px 4px 14px;
}

.tc-trans-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-trans-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  position: relative;
  transition: background 0.2s;
}

.tc-trans-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-trans-item + .tc-trans-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* icono de transporte o lugar */
.tc-trans-icono {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255,255,255,0.05);
  overflow: hidden;
}

.tc-trans-icono img,
.tc-trans-icono a img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-trans-icono .thumbinner,
.tc-trans-icono .thumb,
.tc-trans-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-trans-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}

.tc-trans-nombre {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-desc {
  font-size: 9px;
  color: rgba(255,255,255,0.4);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-meta {
  font-size: 9px;
  font-weight: bold;
  color: var(--tc-trans-acento, #1d6fa4);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.04em;
}

/* divisor entre secciones */
.tc-trans-div {
  height: 1px;
  background: linear-gradient(
    to right,
    var(--tc-trans-acento, #1d6fa4),
    rgba(255,255,255,0.05)
  );
  margin: 4px 14px;
}

/* badge de lugar destacado */
.tc-trans-estrella {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tc-trans-acento, #1d6fa4);
  flex-shrink: 0;
}

/* texto adaptable según fondo */
.tc-gastro-nombre  { color: var(--tc-gastro-txt, #fff); }
.tc-gastro-desc    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); }
.tc-gastro-badge   { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); 
                     border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); }

.tc-trans-nombre   { color: var(--tc-trans-txt, #fff); }
.tc-trans-desc     { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); }
.tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); }
.tc-trans-subtitulo     { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); }
.tc-gastro-subtitulo    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); }

/* ════════════════════════════════
   tc-callout — base compartida
   ════════════════════════════════ */
.tc-callout {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}

.tc-callout-barra {
  width: 4px;
  flex-shrink: 0;
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  flex: 1;
  min-width: 0;
  background: var(--tc-co-bg, rgba(29,111,164,0.08));
}

.tc-callout-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.tc-callout-icono {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.tc-callout-icono img,
.tc-callout-icono a img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-callout-icono .thumbinner,
.tc-callout-icono .thumb,
.tc-callout-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-callout-tipo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-titulo {
  font-size: 13px;
  font-weight: bold;
  color: var(--tc-co-txt, #fff);
  line-height: 1.3;
}

.tc-callout-texto {
  font-size: 11px;
  line-height: 1.6;
  color: var(--tc-co-txt2, rgba(255,255,255,0.6));
}

.tc-callout-texto a {
  color: var(--tc-co-acento, #1d6fa4);
  text-decoration: none;
}

.tc-callout-texto a:hover {
  text-decoration: underline;
}

.tc-callout-footer {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
  margin-top: 2px;
}

/* ── variante: bloque lleno sin barra lateral ── */
.tc-callout-filled {
  flex-direction: column;
}

.tc-callout-filled .tc-callout-barra {
  width: 100%;
  height: 3px;
}

.tc-callout-filled .tc-callout-body {
  padding: 12px 14px;
}

/* ── variante: destacado con fondo marcado ── */
.tc-callout-solid .tc-callout-body {
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-solid .tc-callout-tipo {
  color: rgba(255,255,255,0.7);
}

.tc-callout-solid .tc-callout-titulo {
  color: #fff;
}

.tc-callout-solid .tc-callout-texto {
  color: rgba(255,255,255,0.75);
}

.tc-callout-solid .tc-callout-footer {
  color: rgba(255,255,255,0.6);
}

.tc-callout-solid .tc-callout-barra {
  background: rgba(0,0,0,0.2);
}

/* ── separador interno ── */
.tc-callout-sep {
  height: 1px;
  background: var(--tc-co-acento, #1d6fa4);
  opacity: 0.2;
  margin: 4px 0;
}

/* ════════════════════════════════
   tc-lista — lista de ítems simple
   ════════════════════════════════ */
.tc-lista {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-lista-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-lista-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-lista-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-lista-acento, #e63946);
}

.tc-lista-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-lista-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  transition: background 0.2s;
  position: relative;
}

.tc-lista-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-lista-item + .tc-lista-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-lista-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tc-lista-acento, #e63946);
  flex-shrink: 0;
}

.tc-lista-txt {
  font-size: 12px;
  color: var(--tc-lista-txt, #fff);
  line-height: 1.4;
  flex: 1;
}

.tc-lista-meta {
  font-size: 10px;
  font-weight: bold;
  color: var(--tc-lista-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ════════════════════════════════
   tc-cita — cita o quote destacado
   ════════════════════════════════ */
.tc-cita {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-cita-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 18px 16px 22px;
  overflow: hidden;
}

.tc-cita-marca {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 52px;
  line-height: 1;
  color: var(--tc-cita-acento, #e63946);
  opacity: 0.25;
  font-family: Georgia, serif;
  pointer-events: none;
  user-select: none;
}

.tc-cita-barra {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--tc-cita-acento, #e63946);
}

.tc-cita-texto {
  font-size: 13px;
  line-height: 1.7;
  color: var(--tc-cita-txt, #fff);
  font-style: italic;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.tc-cita-autor {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-cita-acento, #e63946);
  position: relative;
  z-index: 1;
}

.tc-cita-fuente {
  font-size: 9px;
  color: var(--tc-cita-txt2, rgba(255,255,255,0.35));
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

/* ════════════════════════════════
   tc-stat — estadísticas / cifras
   ════════════════════════════════ */
.tc-stat {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-stat-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-stat-header {
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-stat-acento, #e63946);
}

.tc-stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1;
  min-height: 0;
}

.tc-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  gap: 3px;
  position: relative;
  transition: background 0.2s;
}

.tc-stat-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-stat-item:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item + .tc-stat-item,
.tc-stat-item ~ .tc-stat-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item:nth-child(1),
.tc-stat-item:nth-child(2) {
  border-top: none;
}

.tc-stat-cifra {
  font-size: 22px;
  font-weight: bold;
  color: var(--tc-stat-acento, #e63946);
  line-height: 1;
  letter-spacing: -0.02em;
}

.tc-stat-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.4));
  text-align: center;
  line-height: 1.3;
}

.tc-stat-sub {
  font-size: 9px;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.25));
  text-align: center;
}


/* ════════════════════════════════
   ASISTENTE DE CREACIÓN DE ARTÍCULOS
   ════════════════════════════════ */
/* ════════════════════════════════
   HERO BANNER
   ════════════════════════════════ */
.wvas-hero {
  background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%);
  border-radius: 16px;
  padding: 1.75rem 1.75rem 1.5rem;
  margin-bottom: 1.25rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.wvas-hero::before {
  content: ''; position: absolute; top: -50px; right: -40px;
  width: 230px; height: 230px;
  background: rgba(255,255,255,0.06); border-radius: 50%;
}
.wvas-hero::after {
  content: ''; position: absolute; bottom: -70px; left: 28%;
  width: 280px; height: 280px;
  background: rgba(255,255,255,0.04); border-radius: 50%;
}
.wvas-hero-top {
  display: flex; align-items: flex-start; gap: 1.25rem;
  position: relative; z-index: 1;
}
.wvas-hero-mascot { flex-shrink: 0; }
.wvas-hero-mascot img {
  width: 120px; height: auto;
  filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3));
  animation: wvas-float 3.5s ease-in-out infinite;
}
.wvas-hero-text h1 {
  font-size: 1.75rem; font-weight: 800; line-height: 1.2;
  margin: 0 0 0.4rem; color: #fff; border: none; padding: 0;
}
.wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; }
.wvas-hero-divider {
  border: none; border-top: 1px solid rgba(255,255,255,0.22);
  margin: 1.1rem 0 1rem; position: relative; z-index: 1;
}
.wvas-hero-about { position: relative; z-index: 1; }
.wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; }
.wvas-hero-about a { color: #21e82b; font-weight: 700; }
.wvas-hero-about p:last-child { margin: 0; }
 
/* ════════════════════════════════
   IMAGE BANNER (5 fotos + corte diagonal)
   ════════════════════════════════ */
.wvas-img-banner {
  display: flex;
  height: 195px;
  border-radius: 14px;
  overflow: hidden;
  background: #004d70;
}
.wvas-img-slot {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
  min-width: 0;
}
.wvas-img-slot:not(:first-child) {
  clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -22px;
}
.wvas-img-slot:nth-child(2) { z-index: 2; }
.wvas-img-slot:nth-child(3) { z-index: 3; }
.wvas-img-slot:nth-child(4) { z-index: 4; }
.wvas-img-slot:nth-child(5) { z-index: 5; }
.wvas-img-slot figure,
.wvas-img-slot .mw-file-description,
.wvas-img-slot a {
  display: block !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
}
.wvas-img-slot img {
  display: block !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  margin: 0 !important; border: 0 !important;
  vertical-align: top !important; max-width: none !important;
}
 
/* ════════════════════════════════
   SECTION HEADER
   ════════════════════════════════ */
.wvas-sh {
  display: flex; align-items: center; gap: 0.65rem;
  margin: 1.9rem 0 1rem;
}
.wvas-sh-icon {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; flex-shrink: 0;
}
.wvas-sh h2 {
  font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c;
}
.wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; }

/* ════════════════════════════════
   NORMAS — siempre visibles, con hover
   ════════════════════════════════ */

.wvas-norma {
  border-radius: 12px; padding: 0.9rem 1rem;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 0.7rem;
  align-items: center;
  border: 1.5px solid;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-norma:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.wvas-norma-mascot { width: 90px;  display: flex; align-items: center; justify-content: center; }
.wvas-norma-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-norma-mascot figure { float: none !important; margin: 0 !important; }
.wvas-norma-content { min-width: 0; }
.wvas-norma-title {
  font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
  letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.wvas-norma-text { font-size: 0.82rem; line-height: 1.57; }
.wvas-norma-text a { font-weight: 700; }
.wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.wvas-n-error .wvas-norma-title { color: #A32D2D; }
.wvas-n-error a { color: #A32D2D; }
.wvas-n-warn  { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.wvas-n-warn  .wvas-norma-title { color: #7a4a00; }
.wvas-n-warn  a { color: #854F0B; }
.wvas-n-tip   { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.wvas-n-tip   .wvas-norma-title { color: #0F6E56; }
.wvas-n-tip   a { color: #085041; }
.wvas-n-info  { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.wvas-n-info  .wvas-norma-title { color: #006699; }
.wvas-n-info  a { color: #006699; }
 
/* ════════════════════════════════
   CALLOUT (genérico)
   Grid interno: mascota | contenido (desktop)
                 mascota (arriba) + contenido (abajo) en mobile
   ════════════════════════════════ */
.wvas-callout {
  border-radius: 12px; padding: 0.9rem 1.1rem;
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.8rem;
  align-items: center;
  border-left: 4px solid;
  transition: box-shadow 0.18s;
}
.wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); }
.wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; }
.wvas-callout-mascot img { width: 80px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-callout-mascot figure { float: none !important; margin: 0 !important; }
.wvas-callout-content { min-width: 0; }
.wvas-callout-title {
  font-weight: 800; font-size: 0.81rem; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.22rem;
}
.wvas-callout-body { font-size: 0.85rem; line-height: 1.58; }
.wvas-callout-body a { font-weight: 700; text-decoration: none; }
.wvas-callout-body a:hover { text-decoration: underline; }
.wvas-co-tip    { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; }
.wvas-co-tip    .wvas-callout-title { color: #0F6E56; }
.wvas-co-tip    a { color: #085041; }
.wvas-co-info   { background: #E6F1FB; border-color: #006699; color: #042C53; }
.wvas-co-info   .wvas-callout-title { color: #006699; }
.wvas-co-info   a { color: #185FA5; }
.wvas-co-warn   { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; }
.wvas-co-warn   .wvas-callout-title { color: #7a4a00; }
.wvas-co-warn   a { color: #854F0B; }
.wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; }
.wvas-co-purple .wvas-callout-title { color: #534AB7; }
.wvas-co-purple a { color: #534AB7; }
.wvas-co-error  { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; }
.wvas-co-error  .wvas-callout-title { color: #A32D2D; }
.wvas-co-error  a { color: #A32D2D; }
 
/* ════════════════════════════════
   TIPO CARDS — informativas + hover
   ════════════════════════════════ */
.wvas-tipo-card {
  background: #fff; border: 1.5px solid #d0dce8;
  border-radius: 16px; padding: 1.3rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  position: relative; overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  cursor: inherit;
}
.wvas-tipo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,60,100,0.12);
  border-color: #006699;
}
.wvas-tipo-card::after {
  content: ''; position: absolute; bottom: -18px; right: -18px;
  width: 70px; height: 70px; border-radius: 50%;
  background: rgba(0,102,153,0.05);
  transition: transform 0.3s;
}
.wvas-tipo-card:hover::after { transform: scale(1.4); }
.wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; }
.wvas-tipo-icon { flex-shrink: 0; }
.wvas-tipo-icon img { width: 70px; height: auto; }
.wvas-tipo-card h3 {
  font-size: 1.06rem; font-weight: 800; color: #003d5c;
  margin: 0; padding: 0; border: none;
}
.wvas-tipo-desc   { font-size: 0.84rem; color: #445; line-height: 1.57; }
.wvas-tipo-ej     { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.wvas-tc-destino    { border-top: 4px solid #006699; }
.wvas-tc-tematico   { border-top: 4px solid #534AB7; }
.wvas-tc-itinerario { border-top: 4px solid #1D9E75; }
.wvas-tc-conv       { border-top: 4px solid #BA7517; }
 
/* ════════════════════════════════
   Plantilla: Table awesome responsive
   ════════════════════════════════ */
.table-awesome {
  width: 100%; border-collapse: separate; border-spacing: 0;
  border: 1.5px solid #dde6ef; border-radius: 14px;
  overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem;
}
.table-awesome thead tr {
  background: #006699; color: #fff;
}
.table-awesome thead th {
  padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.05em;
  text-align: left; border: none;
}
.table-awesome tbody tr {
  border-bottom: 1px solid #eef1f5;
  transition: background 0.15s;
}
.table-awesome tbody tr:last-child { border-bottom: none; }
.table-awesome tbody tr:hover { background: #f0f7fc; }
.table-awesome td {
  padding: 0.65rem 0.85rem; vertical-align: top;
  border: none; line-height: 1.5;
}
.table-awesome td:first-child {
  white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%;
}
.table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; }
.table-awesome td a:hover { text-decoration: underline; }
.table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; }
 
/* ════════════════════════════════
   WIDGET CREATE PANEL (único por tipo)
   ════════════════════════════════ */
.wvas-create {
  background: #f7fbff; border: 2px dashed #9fc9dd;
  border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem;
  margin: 0.75rem 0; text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.wvas-create:hover {
  border-color: #006699;
  box-shadow: 0 4px 16px rgba(0,102,153,0.1);
}
.wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; }
.wvas-create-mascot img {
  width: 120px; height: auto;
  animation: wvas-float 2.5s ease-in-out infinite;
}
.wvas-create h3 {
  font-size: 1.02rem; font-weight: 800; color: #003d5c;
  margin: 0 0 0.28rem; padding: 0; border: none;
}
.wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; }
 
/* ════════════════════════════════
   NIVELES DE CALIDAD
   ════════════════════════════════ */
.wvas-nivel {
  border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center;
  display: flex; flex-direction: column; gap: 0.3rem;
  border: 1.5px solid transparent;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-nivel:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; }
.wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; }
.wvas-nivel p  { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; }
.wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; }
.wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; }
.wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; }
.wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; }
 
/* ════════════════════════════════
   CHECKLIST PRE-PUBLICACIÓN
   ════════════════════════════════ */
.wvas-checklist {
  background: #fff; border: 1.5px solid #c8e6c8;
  border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem;
}
.wvas-checklist-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-checklist-header img { width: 36px; height: auto; }
.wvas-checklist-header h3 {
  font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none;
}
.wvas-check-list { list-style: none; padding: 0; margin: 0; }
.wvas-check-list li {
  display: flex; align-items: flex-start; gap: 0.65rem;
  font-size: 0.84rem; padding: 0.38rem 0;
  border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5;
  transition: background 0.12s;
}
.wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; }
.wvas-check-list li:last-child { border-bottom: none; }
.wvas-check-list li::before {
  content: '✓';   
  width: 20px; height: 20px; border-radius: 50%;
  background: #E1F5EE; border: 1.5px solid #1D9E75;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: #1D9E75; flex-shrink: 0;
  font-weight: 900; margin-top: 2px; 
}
 
/* ════════════════════════════════
   AYUDA — LINKS + hover
   ════════════════════════════════ */
.wvas-ayuda-card {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 12px; padding: 1rem 0.9rem;
  text-align: center; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; align-items: center; gap: 0.38rem;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.wvas-ayuda-card:hover {
  border-color: #006699;
  box-shadow: 0 4px 14px rgba(0,102,153,0.12);
  transform: translateY(-2px);
}
.wvas-ayuda-card img  { width: 80px; height: auto; }
.wvas-ayuda-card h4   { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; }
.wvas-ayuda-card p    { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; }
 
/* ════════════════════════════════
   REFERENCIA ARTÍCULOS ACEPTABLES
   ════════════════════════════════ */
.wvas-ref-box {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem;
}
.wvas-ref-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-ref-header img { width: 36px; height: auto; }
.wvas-ref-header h3  {
  font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none;
}
.wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
.wvas-ref-col-title {
  font-size: 0.78rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.5rem;
}
.wvas-col-ok  .wvas-ref-col-title { color: #1D9E75; }
.wvas-col-bad .wvas-ref-col-title { color: #A32D2D; }
.wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; }
.wvas-ref-list li {
  font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px;
  align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45;
  transition: background 0.12s;
}
.wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; }
.wvas-ref-list li:last-child { border-bottom: none; }
.wvas-col-ok  .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; }
.wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; }
.wvas-ref-nota {
  font-size: 0.78rem; color: #666; padding-top: 0.5rem;
  border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; }
.wvas-ref-nota li::before { content: '· '; }
 
/* ════════════════════════════════
   ANIMACIÓN FLOTANTE
   ════════════════════════════════ */
@keyframes wvas-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-7px); }
}
 
/* ════════════════════════════════════════════════════════
   ESTRUCTURAS EN COLUMNAS RESPONSIVE
   ════════════════════════════════════════════════════════ */
.cols-2-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 14px; margin-bottom: 1.5rem;
}
.cols-20-80-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 0;
  border: 0.5px solid #dde6ef;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.cols-3-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px; margin-bottom: 1rem;
}
.cols-4-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8px; margin-bottom: 1rem;
}
/* ════════════════════════════════════════════════════════
   RESPONSIVE (GENERAL)
   ════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  .wvas-hero-text h1  { font-size: 1.45rem; }
  .wvas-tipo-grid     { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .wvas-ayuda-grid    { grid-template-columns: repeat(2, 1fr); }
  .wvas-img-banner    { height: 130px; }
  .table-awesome { font-size: 0.79rem; }
 
  /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */
  .wvas-callout {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-norma {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-callout-mascot,
  .wvas-norma-mascot {
    width: auto;
  }
  .wvas-callout-content,
  .wvas-norma-content {
    width: 100%;
    text-align: left;   /* el texto interior alineado a la izquierda */
  }
  .wvas-callout-title,
  .wvas-norma-title {
    text-align: center; /* solo el título centrado */
  }
}
@media (max-width: 700px) {
  .cols-20-80-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .sp-sidebar {
    border-right: none;
    border-bottom: 0.5px solid #dde6ef;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 8px;
    gap: 6px;
  }
  .sp-sidebar-label,
  .sp-sidebar-foot { display: none; }
  .sp-item {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
    padding: 8px 10px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 3px;
  }
  /* En mobile el indicador es borde inferior */
  .sp-item.active::after { display: none; }
  .sp-item.active { border-bottom: 2px solid #006699; }
  .sp-item-icon img { margin: 0 auto; }
  .sp-item-hint { display: none; }
  .sp-content { padding: 16px; }
}
@media (max-width: 520px) {
  .wvas-hero-top      { flex-direction: column; gap: 0.75rem; }
  .wvas-hero-mascot img { width: 66px; }
  .wvas-hero-text h1  { font-size: 1.22rem; }
  .wvas-img-banner    { height: 95px; border-radius: 10px; }
  .wvas-ref-cols      { grid-template-columns: 1fr; }
  .wvas-ayuda-grid    { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .table-awesome thead { display: none; }
  .table-awesome td { display: block; padding: 0.3rem 0.7rem; }
  .table-awesome td:first-child { padding-top: 0.7rem; }
  .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; }
}
@media (max-width: 420px) {
  .sp-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
   SELECTOR PANEL (20% / 80%)
   ════════════════════════════════ */
.sp-sidebar {
  background: #f5f7fa;
  border-right: 0.5px solid #dde6ef;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sp-sidebar-label {
  font-size: 11px;
  font-weight: 700;
  color: #9aa5b4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.sp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: 0.5px solid transparent;
  transition: background 0.15s, border-color 0.15s;
  user-select: none;
  position: relative;
}
.sp-item:hover {
  background: #fff;
  border-color: #c5d0dc;
}
.sp-item.active {
  background: #fff;
  border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.sp-item.active::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 20%;
  height: 60%;
  width: 2.5px;
  background: #006699;
  border-radius: 2px 0 0 2px;
}
.sp-item-icon {
  font-size: 20px;
  flex-shrink: 0;
  color: #9aa5b4;
  transition: color 0.15s;
  width: 22px;
  text-align: center;
}
/* Soporte para imagen wiki como icono */
.sp-item-icon img {
  width: 22px;
  height: auto;
  display: block;
  opacity: 0.55;
  transition: opacity 0.15s;
}
.sp-item.active .sp-item-icon { color: #006699; }
.sp-item.active .sp-item-icon img { opacity: 1; }
.sp-item-name {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  line-height: 1.3;
}
.sp-item-hint {
  font-size: 11px;
  color: #9aa5b4;
  margin-top: 1px;
}
/* Hint inferior del sidebar */
.sp-sidebar-foot {
  font-size: 11px;
  color: #b0bec5;
  text-align: center;
  padding: 6px 0 2px;
  margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.sp-content {
  padding: 20px 24px;
  overflow-y: auto;
  min-height: 300px;
}
.sp-panel { display: none; }
.sp-panel.active { display: block; }

/* ════════════════════════════════════════════════════════
   SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE
   ════════════════════════════════════════════════════════ */

/* ── Caja exterior que envuelve todo ── */
.wv-doc-outer {
  background: #f8f9fb;
  border: 1.5px solid #d8e2ec;
  border-radius: 14px;
  padding: 1.1rem 1.25rem 1rem;
  margin-bottom: 1.5rem;
  font-family: 'Segoe UI', Arial, sans-serif;
  max-width: 700px;
}
 
/* ── Introducción ── */
.wv-doc-intro { margin-bottom: 12px; }
.wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; }
.wv-doc-tname-head {
  font-size: 1rem; font-weight: 700; color: #003d5c;
  margin: 0 0 4px; padding: 0; border: none;
}
.wv-doc-desc {
  font-size: 0.84rem; color: #445;
  line-height: 1.6; margin: 0 0 8px;
}
.wv-doc-hint {
  font-size: 0.8rem; color: #778;
  line-height: 1.5; margin: 0 0 10px;
}
.wv-doc-req-inline { color: #C0392B; font-weight: 600; }
.wv-doc-opt-inline { color: #2471A3; font-weight: 600; }
 
/* ── Leyenda ── */
.wv-doc-legend {
  display: flex; gap: 14px; flex-wrap: wrap;
  margin-bottom: 12px;
}
.wv-doc-leg {
  display: flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 600;
}
.wv-doc-leg::before {
  content: ''; width: 3px; height: 13px;
  border-radius: 2px; flex-shrink: 0; display: inline-block;
}
.wv-doc-req-leg { color: #C0392B; }
.wv-doc-req-leg::before { background: #C0392B; }
.wv-doc-opt-leg { color: #2471A3; }
.wv-doc-opt-leg::before { background: #2471A3; }
 
/* ── Cards (sintaxis y ejemplo) ── */
.wv-doc-card {
  background: #fff;
  border: 0.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.wv-doc-example-card { margin-bottom: 10px; }
 
/* ── Cabecera de card ── */
.wv-doc-card-top {
  background: #f0f4f8;
  border-bottom: 0.5px solid #cdd8e4;
  padding: 6px 12px;
  display: flex; align-items: center;
  justify-content: space-between; gap: 8px;
}
.wv-doc-card-label {
  font-size: 11px; font-weight: 700; color: #667;
  text-transform: uppercase; letter-spacing: 0.06em;
}
.wv-doc-card-label.example-label { color: #2471A3; }
 
/* ── Botón copiar ── */
.wv-doc-copy-btn {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11.5px; font-weight: 600; cursor: pointer;
  color: #334; background: #fff;
  border: 0.5px solid #bbc8d4; border-radius: 6px;
  padding: 3px 10px; user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
}
.wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
 
/* ── Bloque de código ── */
.wv-doc-block {
  padding: 6px 0 8px;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.35;
}
.wv-doc-block-open,
.wv-doc-block-close {
  padding: 3px 12px;
  color: #aab;
}
.wv-doc-blockname { color: #003d5c; font-weight: 600; }
.wv-doc-brace { color: #bbc; }
 
/* ── Filas de parámetros ── */
.wv-doc-params { padding: 0; }
.wv-doc-params &gt; * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.wv-doc-params p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.wv-doc-row {
  display: flex; align-items: baseline;
  padding: 2px 12px 2px 9px;
  border-left: 3px solid transparent;
  transition: background 0.1s;
  line-height: 1.5;
}
.wv-doc-row:hover { background: #f5f8fb; }
.wv-doc-req { border-color: #C0392B; }
.wv-doc-opt { border-color: #2471A3; }
.wv-doc-req .wv-doc-key { color: #C0392B; }
.wv-doc-opt .wv-doc-key { color: #2471A3; }
.wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; }
.wv-doc-key { font-weight: 700; white-space: nowrap; }
.wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; }
.wv-doc-optvals { color: #889; font-size: 12px; }
 
/* Filas del bloque ejemplo (generadas por JS) */
.wv-doc-example-val { color: #334; }
 
/* ── Notas al pie ── */
.wv-doc-footer {
  border-top: 0.5px solid #dde6ef;
  padding: 8px 2px 0;
  display: flex; flex-direction: column; gap: 3px;
  margin-top: 4px;
}
.wv-doc-nota {
  font-size: 11.5px; color: #889; line-height: 1.5;
	padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wv-doc-nota ul { list-style: none; padding: 0; margin: 0; }
.wv-doc-nota li::before { content: '→ '; color: #bbc; }

/* ── Responsive ── */
@media (max-width: 520px) {
  .wv-doc-outer { padding: 0.85rem 0.9rem; }
  .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; }
  .wv-doc-copy-btn { width: 100%; justify-content: center; }
}

/* ════════════════════════════════════════════════════════
   SELECTOR HORIZONTAL DE PESTAÑAS
   ════════════════════════════════════════════════════════ */
/* ── Contenedor general ── */
.htab-wrap {
  border: 0.5px solid #cdd8e4;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

/* ── Barra superior: color + patrón de puntos ── */
.htab-bar {
  background-color: #D4537E;
  background-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.12) 1.5px,
    transparent 1.5px
  );
  background-size: 20px 20px;
  position: relative;
  overflow: hidden;
  padding: 14px 14px 12px;
  border-bottom: 2.5px solid #993556;
}

/* ── Fondo animado: formas moviéndose de derecha a izquierda ── */
.htab-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.htab-bg-track {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  height: 100%;
  white-space: nowrap;
  animation: htab-marquee 18s linear infinite;
}
@keyframes htab-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Formas del fondo */
.hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); }
.hs-circle  { width: 9px;  height: 9px;  border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; }
.hs-bar     { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); }
.hs-sq      { width: 8px;  height: 8px;  border: 1.5px solid rgba(255,255,255,0.18); }
.hs-tri     { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); }

/* ── Pestañas ── */
.htab-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  position: relative;
  z-index: 1;
}
.htab-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 8px;
  padding: 7px 15px;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: background 0.15s, transform 0.13s, border-color 0.15s;
}
.htab-tab:hover:not(.active) {
  background: rgba(255,255,255,0.25);
  transform: translateY(-2px);
}
.htab-tab.active {
  background: #EF9F27;
  border-color: #BA7517;
  color: #412402;
  transform: translateY(-1px);
}
/* Imágenes wiki dentro de la pestaña como icono */
.htab-tab figure { float: none !important; margin: 0 !important; }
.htab-tab img    { width: 18px; height: auto; display: block; }

/* ── Partículas ── */
.htab-prt {
  position: absolute;
  pointer-events: none;
  z-index: 20;
  border-radius: 50%;
}

/* Click — explosión */
.htab-prt-b {
  animation: htab-burst var(--dur, 0.4s) ease-out forwards;
}
@keyframes htab-burst {
  0%   { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; }
  100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; }
}

/* Hover — flotantes */
.htab-prt-h {
  animation: htab-float var(--dur, 0.65s) ease-out forwards;
}
@keyframes htab-float {
  0%   { transform: translateY(0) translateX(0); opacity: 0.85; }
  100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; }
}

/* ── Área de contenido ── */
.htab-panels {
  background: #fff;
  padding: 22px 22px 18px;
  min-height: 160px;
}
.htab-panel { display: none; }
.htab-panel.active {
  display: block;
  animation: htab-fadein 0.22s ease;
}
@keyframes htab-fadein {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 700px) {
  .htab-bar  { padding: 11px; }
  .htab-tab  { padding: 6px 12px; font-size: 12px; gap: 5px; }
  .htab-panels { padding: 16px; }
}
@media (max-width: 420px) {
  .htab-tab  { padding: 5px 10px; font-size: 11px; }
  .htab-panels { padding: 12px; }
}

/* ════════════════════════════════════════════════════════════════
   WVA - SISTEMA DE SECCIONES DE ARTÍCULO
   ════════════════════════════════════════════════════════════════ */

/* ═══ ANIMACIONES ═══ */
@keyframes wva-in  { from{opacity:0;transform:translateY(10px)}  to{opacity:1;transform:translateY(0)} }
@keyframes wva-sl  { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} }
@keyframes wva-pop { from{opacity:0;transform:scale(0.93)}       to{opacity:1;transform:scale(1)} }
@keyframes wva-bar { from{width:0} to{width:var(--w,100%)} }
@keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} }
@keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} }

/* ══════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════ */
.wva-hero{
  background:var(--pk);position:relative;overflow:hidden;
  padding:28px 24px 44px;border-bottom:3px solid #111;
  clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%);
  margin-bottom:-2px;animation:in 0.6s ease both;
}
.wva-hero-dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px);
  background-size:22px 22px;}
.wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px;
  letter-spacing:10px;animation:glo 2.5s ease-in-out infinite}
.wva-hi{position:relative;z-index:1}
.wva-hi-loc{display:inline-block;background:var(--yw);color:#111;
  font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111;
  line-height:.95;margin-bottom:12px;border:none;padding:0}
.wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px}
.wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px}

/* ══════════════════════════════════════════════════════
   FICHA TÉCNICA — barra de stats oscura
   ══════════════════════════════════════════════════════ */
.wva-ficha {
  background: var(--bk); padding: 16px 20px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
  gap: 16px; border-bottom: var(--bd);
  animation: wva-in .5s ease .08s both;
}
/* Dot pattern sobre negro */
.wva-ficha::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px);
  background-size: 14px 14px;
}
.wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; }
.wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); }
.wva-fb-info strong { color:var(--yw);font-weight:700; }

.wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; }
.wva-sg { font-size:14px;font-weight:900;width:30px; }
.wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; }
.wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; }
.sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)}
.sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)}

/* ══════════════════════════════════════════════════════
   SECTION WRAPPER
   ══════════════════════════════════════════════════════ */
.wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; }
.bg-w   { background:#fff; }
.bg-yw  { background:var(--yw);position:relative; }
.bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; }
.bg-yw &gt; * { position:relative;z-index:1; }
.bg-cr  { background:#FFF8F0; }
.bg-war { background:#FFF5F5; }
.bg-mn  { background:#FFFDE7; }
.bg-sc  { background:#FFF0F8;
  background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; }
.bg-hl  { background:#F0FFF4; }
.bg-mv  { background:#F8F8FF; }
.bg-ar  { background:#F0F9FF; }

/* ══════════════════════════════════════════════════════
   SECTION HEADER
   ══════════════════════════════════════════════════════ */
.wva-sh {
  display:flex;align-items:center;gap:10px;
  padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden;
}
.wva-sh .ico { font-size:17px;flex-shrink:0; }
.wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; }
.wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; }

/* NEGRO + AMARILLO (estilo SQUAD) */
.sh-bk { background:var(--bk); }
.sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; }
.sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; }

/* AMARILLO + NEGRO (estilo VANGUARD) */
.sh-yw { background:var(--yw); }
.sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; }
.sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; }

.sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff}
.sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff}
.sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff}
.sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff}
.sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff}
.sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff}
.sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)}

/* ══════════════════════════════════════════════════════
   SUBHEADER
   ══════════════════════════════════════════════════════ */
.wva-sub {
  display:flex;align-items:center;gap:8px;padding:8px 20px 4px;
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);
}
.wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; }

/* ══════════════════════════════════════════════════════
   BODY / 2 COLS
   ══════════════════════════════════════════════════════ */
.wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; }
.wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; }
.wva-body strong { color:var(--bk);font-weight:700; }

.wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; }
.wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   GRIDS
   ══════════════════════════════════════════════════════ */
.g    { padding:12px 20px; }
.g-2  { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.g-3  { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.g-a  { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; }
.g-r  { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; }
.g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; }

/* ══════════════════════════════════════════════════════
   PRACTICAL TIP CARD
   ══════════════════════════════════════════════════════ */
.ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden;
  transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; }
.ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); }
.ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; }
.ptip-b strong { color:var(--bk);font-weight:700; }

.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }

/* ══════════════════════════════════════════════════════
   TALENT CARD (secretos — estilo squad card)
   ══════════════════════════════════════════════════════ */
.tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px;
  overflow:hidden;position:relative;animation:wva-pop .4s ease both;
  transition:transform .15s,box-shadow .15s;cursor:default; }
.tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); }
.tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; }

.tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;
  padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; }
.tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; }
.tcard-stats { margin-bottom:7px; }
.tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); }
.tsg { font-size:13px;font-weight:900;width:26px; }
.tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; }
.tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; }
.tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; }
.tcard-tags { display:flex;gap:4px;flex-wrap:wrap; }

/* ══════════════════════════════════════════════════════
   REGION CARD
   ══════════════════════════════════════════════════════ */
.rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px;
  border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; }
.rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }
.rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; }

/* ══════════════════════════════════════════════════════
   CITY CARD
   ══════════════════════════════════════════════════════ */
.ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r);
  cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; }
.ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); }
.ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;
  border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; }
.ccard-badge.pk { background:var(--pk);color:#fff; }
.ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; }

/* ══════════════════════════════════════════════════════
   TRANSPORT CARD
   ══════════════════════════════════════════════════════ */
.tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r);
  display:flex;flex-direction:column;gap:6px;cursor:default;
  transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; }
.tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); }
.tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.tport-icon { font-size:24px;line-height:1; }
.tport-name { font-size:13px;font-weight:800;color:var(--bk); }
.tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; }
.tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)}
.tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)}
.tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)}
.tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)}
.tp-bk::before{background:var(--bk)}

/* ══════════════════════════════════════════════════════
   ALERT BOX
   ══════════════════════════════════════════════════════ */
.wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px;
  border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; }
.wva-al + .wva-al { margin-top:8px; }
.wva-al:last-of-type { margin-bottom:12px; }
.a-warn  { border-color:var(--rd); background:#FFF5F5; }
.a-tip   { border-color:var(--cy); background:#F0FDFF; }
.a-ok    { border-color:var(--gn); background:#F0FFF4; }
.a-money { border-color:#F5A000;   background:#FFFDE7; }
.a-info  { border-color:var(--bl); background:#F0F8FF; }
.a-pink  { border-color:var(--pk); background:#FFF0F8; }
.al-em   { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; }
.al-txt  { font-size:12.5px;color:#333;line-height:1.62; }
.al-txt strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   LIST ITEMS
   ══════════════════════════════════════════════════════ */
.wva-list { padding:0 20px 12px; }
.wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08);
  align-items:flex-start;transition:padding-left .14s;cursor:default; }
.wva-li:last-child { border-bottom:none; }
.wva-li:hover { padding-left:6px; }
.wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm);
  display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;
  background:var(--wh);transition:transform .14s; }
.wva-li:hover .wva-li-ico { transform:scale(1.06); }
.wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; }
.wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; }
.wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; }

/* ══════════════════════════════════════════════════════
   NEXT DESTINATIONS
   ══════════════════════════════════════════════════════ */
.wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; }
.ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r);
  padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default;
  transition:background .14s,transform .14s,box-shadow .14s; }
.ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }

/* ══════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════ */
@media (max-width:760px) {
  .wva-hero { grid-template-columns:1fr; }
  .wva-himg { display:none; }
  .wva-hc::after { display:none; }
  .wva-hi-h { font-size:38px; }
  .g-2,.g-3 { grid-template-columns:1fr; }
  .wva-2c { grid-template-columns:1fr; }
  .wva-ficha { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px) {
  .wva-hc { padding:20px 14px 28px; }
  .wva-hi-h { font-size:28px; }
  .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; }
  .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; }
  .wva-al { margin-left:14px;margin-right:14px; }
  .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; }
  .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; }
}</text>
      <sha1>7wgn6k0mbvxlfk06tp08nguz49dxlfm</sha1>
    </revision>
    <revision>
      <id>253730</id>
      <parentid>253728</parentid>
      <timestamp>2026-05-22T18:33:11Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253730</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="80014" sha1="gy1hezssrnx0rqzd0dme5ghf34k1niu" xml:space="preserve">/* ════════════════════════════════
   Función de acordeón tipo FAQ / Funciona con el js correspondiente
   ════════════════════════════════ */
.accordion-content{
    display:none;
}

.accordion-content.active {
    display:block;
}

.accordion-clicky{
    cursor:pointer;
    user-select:none;
}

:root {
  --pk: #FF00BB;  --yw: #FFE600;  --cy: #00BFFF;
  --gn: #00C853;  --or: #FF6B00;  --rd: #FF2200;
  --pu: #7A00FF;  --bl: #0099FF;  --bk: #111111;
  --wh: #FFFFFF;  --mu: #555555;
  --bd:  3px solid #111;
  --bd2: 2.5px solid #111;
  --r:   10px;
  --rsm: 6px;
  --rlg: 16px;
  --font: 'Segoe UI', Arial, sans-serif;
}

.wva-config { box-sizing: border-box; margin: 0; padding: 0; margin: 0 auto; background: var(--wh); border: var(--bd); overflow: hidden; font-family: var(--font)}

/* ── Reset interno ── */
.config-general * { box-sizing: border-box; }
.config-general { font-family: var(--font); line-height: 1.6; }

/* ── Force links icon ── */
.wv-doc-outer a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;])::after,
.config-general a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;]):not([href*=&quot;/File:&quot;]):not([href*=&quot;/Archivo:&quot;])::after {
  content: ' [↗]';
  font-size: 0.78em;
  opacity: 0.55;
  font-weight: normal;
  text-decoration: none;
}
.config-general a:has(img)::after{
    content:none !important;
}
/* El enlace [editar] no participa en el flex */
.config-general .mw-editsection {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
}

/* ════════════════════════════════
   Decorativos inline
   ════════════════════════════════ */
.chip-inline {
  display: inline-block; font-size: 0.69rem; font-weight: 700;
  padding: 1px 8px; border-radius: 20px; margin-top: 3px;
  color: #fff;
}
.badge-inline {
	background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px
			  }
.tag-inline {
  display: inline-block; font-size: 0.72rem; font-weight: 700;
  padding: 3px 10px; border-radius: 20px;
  background: #E6F1FB; color: #006699; margin-top: 0.3rem;
  text-decoration: none; transition: background 0.15s;
}
.tag-inline:hover { background: #c5dff0; }

.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }

.tags-structure { display:flex;gap:5px;flex-wrap:wrap; }

/* ════════════════════════════════
   Plantilla: Tríptico - Código para que funcione bien. Full Responsive
   ════════════════════════════════ */
.triptico {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: stretch;
}

.triptico-wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.triptico-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ── card base ── */
.tc-card {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.tc-card::before {
  content: '';
  display: block;
  padding-top: var(--card-ratio, 100%);
}

.tc-card-inner {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}

/* imagen wiki como fondo */
.tc-card-img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  display: block;
}

.tc-card-img a,
.tc-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  text-decoration: none;
  pointer-events: none;
}

/* enlace que cubre todo el card */
.tc-card-link {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 5;
  display: block;
  background: transparent;
}

.tc-card-link:hover ~ .tc-tag-top,
.tc-card-link:hover ~ .tc-tag-bot {
  background: rgba(0,0,0,0.82);
}

/* ── tags de esquina ── */
.tc-tag-top {
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-tag-bot {
  position: absolute;
  bottom: 0; right: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  text-align: right;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-card-inner:hover .tc-tag-top {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-card-inner:hover .tc-tag-bot {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-tag-top,
.tc-tag-bot {
  transition: background 0.25s;
}

.tc-tag-top::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

.tc-tag-bot::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

/* ── card-vert ── */
.tc-card-vert .tc-card-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.tc-texto-vert {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.3em;
  writing-mode: vertical-rl;
  transform: rotate(180deg) scaleX(1.4);
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  font-size: var(--vert-size, 56px);
  z-index: 3;
  position: relative;
  pointer-events: none;
  margin-right: 14px;
  margin-top: 10px;
  margin-left: 30px;
}

/* ── bloque de texto ── */
.tc-texto {
  width: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
  background: var(--tc-texto-bg, transparent);
  color: var(--tc-texto-color, inherit);
}

/* ── header flotante ── */
.tc-header-wrap {
  position: absolute;
  top: 0;
  left: 0; right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.tc-header {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 22px;
  background: var(--tc-header-bg, #111);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  white-space: nowrap;
  pointer-events: auto;
  transition: background 0.25s;
}

.tc-header::before {
  content: '';
  position: absolute;
  inset: 2px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);
}

.tc-header-accent {
  position: absolute;
  bottom: -3px;
  left: 10px; right: 10px;
  height: 2px;
  background: var(--tc-acento, #e63946);
  transition: background 0.25s;
}

@media (max-width: 900px) {
  .triptico { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .triptico { grid-template-columns: 1fr; }
}

/* tc-tira */
.tc-tira {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex: none;
  min-height: 72px;
  max-height: 110px;
  background: var(--tc-tira-bg, #111);
  overflow: hidden;
}

/* línea de acento superior */
.tc-tira::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--tc-tira-acento, #e63946);
  z-index: 2;
}

/* brillo sutil */
.tc-tira-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.tc-tira-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding: 10px 6px;
  gap: 3px;
  text-align: center;
  transition: background 0.2s;
}

.tc-tira-items {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 3px 0 0 0;
  min-width: 0;
}

.tc-tira-item:hover {
  background: rgba(255,255,255,0.04);
}

.tc-tira-item img,
.tc-tira-item a img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 2px;
}

.tc-tira-item .thumbinner,
.tc-tira-item .thumb,
.tc-tira-item figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-tira-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-valor {
  font-size: 12px;
  font-weight: bold;
  color: var(--tc-tira-txt, #fff);
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-sep {
  width: 1px;
  align-self: stretch;
  background: rgba(255,255,255,0.08);
  flex-shrink: 0;
  margin: 10px 0;
}

/* ── itinerario ── */
.tc-itinerario {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 0 6px 0;
  background: var(--tc-it-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tc-it-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  margin-bottom: 4px;
}

.tc-it-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-it-acento, #e63946);
  flex: 1;
}

.tc-it-total {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}

/* línea de tiempo vertical */
.tc-it-linea {
  position: absolute;
  left: 28px;
  top: 50px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    var(--tc-it-acento, #e63946),
    rgba(255,255,255,0.05)
  );
}

.tc-it-lista {
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.tc-it-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px 14px 8px 48px;
  transition: background 0.2s;
}

.tc-it-item:hover {
  background: rgba(255,255,255,0.03);
}

/* nodo en la línea de tiempo */
.tc-it-nodo {
  position: absolute;
  left: 22px;
  top: 13px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--tc-it-bg, #0d0d0d);
  border: 2px solid var(--tc-it-acento, #e63946);
  box-sizing: border-box;
  z-index: 2;
}

.tc-it-item:first-child .tc-it-nodo {
  background: var(--tc-it-acento, #e63946);
}

/* fila superior: lugar + tiempo */
.tc-it-fila-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}

.tc-it-lugar {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tc-it-tiempo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: var(--tc-it-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* actividad */
.tc-it-actividad {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
  margin-bottom: 4px;
}

/* badges de propiedades */
.tc-it-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.tc-it-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
  line-height: 1.4;
}

.tc-it-badge-acento {
  border-color: var(--tc-it-acento, #e63946);
  color: var(--tc-it-acento, #e63946);
}

/* separador entre items */
.tc-it-item + .tc-it-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 48px; right: 14px;
  height: 1px;
  background: rgba(255,255,255,0.05);
}

/* ════════════════════════════════
   tc-gastronomia
   ════════════════════════════════ */
.tc-gastro {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-gastro-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-gastro-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-gastro-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

.tc-gastro-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  justify-content: space-between;
}

.tc-gastro-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  position: relative;
  transition: background 0.2s;
}

.tc-gastro-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-gastro-item + .tc-gastro-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* foto */
.tc-gastro-foto {
  width: 64px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.tc-gastro-foto img,
.tc-gastro-foto a img {
  width: 64px !important;
  height: 100% !important;
  min-height: 64px;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.tc-gastro-foto .thumbinner,
.tc-gastro-foto .thumb,
.tc-gastro-foto figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
}

/* línea de acento lateral */
.tc-gastro-item::before {
  content: '';
  position: absolute;
  left: 64px;
  top: 0; bottom: 0;
  width: 2px;
  background: var(--tc-gastro-acento, #e63946);
  opacity: 0;
  transition: opacity 0.2s;
}

.tc-gastro-item:hover::before {
  opacity: 1;
}

/* contenido textual */
.tc-gastro-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 12px 10px 14px;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.tc-gastro-nombre {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-gastro-lugar {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-desc {
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  line-height: 1.4;
  margin-top: 2px;
}

.tc-gastro-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 4px;
}

.tc-gastro-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.4);
  line-height: 1.4;
}

.tc-gastro-badge-acento {
  border-color: var(--tc-gastro-acento, #e63946);
  color: var(--tc-gastro-acento, #e63946);
}


/* ════════════════════════════════
   tc-transporte
   ════════════════════════════════ */
.tc-transporte {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-trans-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-trans-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-trans-acento, #1d6fa4);
}

.tc-trans-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

/* secciones: transporte y lugares */
.tc-trans-seccion {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-seccion-label {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding: 7px 14px 4px 14px;
}

.tc-trans-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-trans-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  position: relative;
  transition: background 0.2s;
}

.tc-trans-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-trans-item + .tc-trans-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* icono de transporte o lugar */
.tc-trans-icono {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255,255,255,0.05);
  overflow: hidden;
}

.tc-trans-icono img,
.tc-trans-icono a img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-trans-icono .thumbinner,
.tc-trans-icono .thumb,
.tc-trans-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-trans-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}

.tc-trans-nombre {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-desc {
  font-size: 9px;
  color: rgba(255,255,255,0.4);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-meta {
  font-size: 9px;
  font-weight: bold;
  color: var(--tc-trans-acento, #1d6fa4);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.04em;
}

/* divisor entre secciones */
.tc-trans-div {
  height: 1px;
  background: linear-gradient(
    to right,
    var(--tc-trans-acento, #1d6fa4),
    rgba(255,255,255,0.05)
  );
  margin: 4px 14px;
}

/* badge de lugar destacado */
.tc-trans-estrella {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tc-trans-acento, #1d6fa4);
  flex-shrink: 0;
}

/* texto adaptable según fondo */
.tc-gastro-nombre  { color: var(--tc-gastro-txt, #fff); }
.tc-gastro-desc    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); }
.tc-gastro-badge   { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); 
                     border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); }

.tc-trans-nombre   { color: var(--tc-trans-txt, #fff); }
.tc-trans-desc     { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); }
.tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); }
.tc-trans-subtitulo     { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); }
.tc-gastro-subtitulo    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); }

/* ════════════════════════════════
   tc-callout — base compartida
   ════════════════════════════════ */
.tc-callout {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}

.tc-callout-barra {
  width: 4px;
  flex-shrink: 0;
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  flex: 1;
  min-width: 0;
  background: var(--tc-co-bg, rgba(29,111,164,0.08));
}

.tc-callout-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.tc-callout-icono {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.tc-callout-icono img,
.tc-callout-icono a img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-callout-icono .thumbinner,
.tc-callout-icono .thumb,
.tc-callout-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-callout-tipo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-titulo {
  font-size: 13px;
  font-weight: bold;
  color: var(--tc-co-txt, #fff);
  line-height: 1.3;
}

.tc-callout-texto {
  font-size: 11px;
  line-height: 1.6;
  color: var(--tc-co-txt2, rgba(255,255,255,0.6));
}

.tc-callout-texto a {
  color: var(--tc-co-acento, #1d6fa4);
  text-decoration: none;
}

.tc-callout-texto a:hover {
  text-decoration: underline;
}

.tc-callout-footer {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
  margin-top: 2px;
}

/* ── variante: bloque lleno sin barra lateral ── */
.tc-callout-filled {
  flex-direction: column;
}

.tc-callout-filled .tc-callout-barra {
  width: 100%;
  height: 3px;
}

.tc-callout-filled .tc-callout-body {
  padding: 12px 14px;
}

/* ── variante: destacado con fondo marcado ── */
.tc-callout-solid .tc-callout-body {
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-solid .tc-callout-tipo {
  color: rgba(255,255,255,0.7);
}

.tc-callout-solid .tc-callout-titulo {
  color: #fff;
}

.tc-callout-solid .tc-callout-texto {
  color: rgba(255,255,255,0.75);
}

.tc-callout-solid .tc-callout-footer {
  color: rgba(255,255,255,0.6);
}

.tc-callout-solid .tc-callout-barra {
  background: rgba(0,0,0,0.2);
}

/* ── separador interno ── */
.tc-callout-sep {
  height: 1px;
  background: var(--tc-co-acento, #1d6fa4);
  opacity: 0.2;
  margin: 4px 0;
}

/* ════════════════════════════════
   tc-lista — lista de ítems simple
   ════════════════════════════════ */
.tc-lista {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-lista-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-lista-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-lista-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-lista-acento, #e63946);
}

.tc-lista-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-lista-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  transition: background 0.2s;
  position: relative;
}

.tc-lista-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-lista-item + .tc-lista-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-lista-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tc-lista-acento, #e63946);
  flex-shrink: 0;
}

.tc-lista-txt {
  font-size: 12px;
  color: var(--tc-lista-txt, #fff);
  line-height: 1.4;
  flex: 1;
}

.tc-lista-meta {
  font-size: 10px;
  font-weight: bold;
  color: var(--tc-lista-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ════════════════════════════════
   tc-cita — cita o quote destacado
   ════════════════════════════════ */
.tc-cita {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-cita-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 18px 16px 22px;
  overflow: hidden;
}

.tc-cita-marca {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 52px;
  line-height: 1;
  color: var(--tc-cita-acento, #e63946);
  opacity: 0.25;
  font-family: Georgia, serif;
  pointer-events: none;
  user-select: none;
}

.tc-cita-barra {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--tc-cita-acento, #e63946);
}

.tc-cita-texto {
  font-size: 13px;
  line-height: 1.7;
  color: var(--tc-cita-txt, #fff);
  font-style: italic;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.tc-cita-autor {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-cita-acento, #e63946);
  position: relative;
  z-index: 1;
}

.tc-cita-fuente {
  font-size: 9px;
  color: var(--tc-cita-txt2, rgba(255,255,255,0.35));
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

/* ════════════════════════════════
   tc-stat — estadísticas / cifras
   ════════════════════════════════ */
.tc-stat {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-stat-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-stat-header {
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-stat-acento, #e63946);
}

.tc-stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1;
  min-height: 0;
}

.tc-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  gap: 3px;
  position: relative;
  transition: background 0.2s;
}

.tc-stat-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-stat-item:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item + .tc-stat-item,
.tc-stat-item ~ .tc-stat-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item:nth-child(1),
.tc-stat-item:nth-child(2) {
  border-top: none;
}

.tc-stat-cifra {
  font-size: 22px;
  font-weight: bold;
  color: var(--tc-stat-acento, #e63946);
  line-height: 1;
  letter-spacing: -0.02em;
}

.tc-stat-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.4));
  text-align: center;
  line-height: 1.3;
}

.tc-stat-sub {
  font-size: 9px;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.25));
  text-align: center;
}


/* ════════════════════════════════
   ASISTENTE DE CREACIÓN DE ARTÍCULOS
   ════════════════════════════════ */
/* ════════════════════════════════
   HERO BANNER
   ════════════════════════════════ */
.wvas-hero {
  background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%);
  border-radius: 16px;
  padding: 1.75rem 1.75rem 1.5rem;
  margin-bottom: 1.25rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.wvas-hero::before {
  content: ''; position: absolute; top: -50px; right: -40px;
  width: 230px; height: 230px;
  background: rgba(255,255,255,0.06); border-radius: 50%;
}
.wvas-hero::after {
  content: ''; position: absolute; bottom: -70px; left: 28%;
  width: 280px; height: 280px;
  background: rgba(255,255,255,0.04); border-radius: 50%;
}
.wvas-hero-top {
  display: flex; align-items: flex-start; gap: 1.25rem;
  position: relative; z-index: 1;
}
.wvas-hero-mascot { flex-shrink: 0; }
.wvas-hero-mascot img {
  width: 120px; height: auto;
  filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3));
  animation: wvas-float 3.5s ease-in-out infinite;
}
.wvas-hero-text h1 {
  font-size: 1.75rem; font-weight: 800; line-height: 1.2;
  margin: 0 0 0.4rem; color: #fff; border: none; padding: 0;
}
.wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; }
.wvas-hero-divider {
  border: none; border-top: 1px solid rgba(255,255,255,0.22);
  margin: 1.1rem 0 1rem; position: relative; z-index: 1;
}
.wvas-hero-about { position: relative; z-index: 1; }
.wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; }
.wvas-hero-about a { color: #21e82b; font-weight: 700; }
.wvas-hero-about p:last-child { margin: 0; }
 
/* ════════════════════════════════
   IMAGE BANNER (5 fotos + corte diagonal)
   ════════════════════════════════ */
.wvas-img-banner {
  display: flex;
  height: 195px;
  border-radius: 14px;
  overflow: hidden;
  background: #004d70;
}
.wvas-img-slot {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
  min-width: 0;
}
.wvas-img-slot:not(:first-child) {
  clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -22px;
}
.wvas-img-slot:nth-child(2) { z-index: 2; }
.wvas-img-slot:nth-child(3) { z-index: 3; }
.wvas-img-slot:nth-child(4) { z-index: 4; }
.wvas-img-slot:nth-child(5) { z-index: 5; }
.wvas-img-slot figure,
.wvas-img-slot .mw-file-description,
.wvas-img-slot a {
  display: block !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
}
.wvas-img-slot img {
  display: block !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  margin: 0 !important; border: 0 !important;
  vertical-align: top !important; max-width: none !important;
}
 
/* ════════════════════════════════
   SECTION HEADER
   ════════════════════════════════ */
.wvas-sh {
  display: flex; align-items: center; gap: 0.65rem;
  margin: 1.9rem 0 1rem;
}
.wvas-sh-icon {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; flex-shrink: 0;
}
.wvas-sh h2 {
  font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c;
}
.wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; }

/* ════════════════════════════════
   NORMAS — siempre visibles, con hover
   ════════════════════════════════ */

.wvas-norma {
  border-radius: 12px; padding: 0.9rem 1rem;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 0.7rem;
  align-items: center;
  border: 1.5px solid;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-norma:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.wvas-norma-mascot { width: 90px;  display: flex; align-items: center; justify-content: center; }
.wvas-norma-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-norma-mascot figure { float: none !important; margin: 0 !important; }
.wvas-norma-content { min-width: 0; }
.wvas-norma-title {
  font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
  letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.wvas-norma-text { font-size: 0.82rem; line-height: 1.57; }
.wvas-norma-text a { font-weight: 700; }
.wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.wvas-n-error .wvas-norma-title { color: #A32D2D; }
.wvas-n-error a { color: #A32D2D; }
.wvas-n-warn  { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.wvas-n-warn  .wvas-norma-title { color: #7a4a00; }
.wvas-n-warn  a { color: #854F0B; }
.wvas-n-tip   { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.wvas-n-tip   .wvas-norma-title { color: #0F6E56; }
.wvas-n-tip   a { color: #085041; }
.wvas-n-info  { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.wvas-n-info  .wvas-norma-title { color: #006699; }
.wvas-n-info  a { color: #006699; }
 
/* ════════════════════════════════
   CALLOUT (genérico)
   Grid interno: mascota | contenido (desktop)
                 mascota (arriba) + contenido (abajo) en mobile
   ════════════════════════════════ */
.wvas-callout {
  border-radius: 12px; padding: 0.9rem 1.1rem;
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.8rem;
  align-items: center;
  border-left: 4px solid;
  transition: box-shadow 0.18s;
}
.wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); }
.wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; }
.wvas-callout-mascot img { width: 80px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-callout-mascot figure { float: none !important; margin: 0 !important; }
.wvas-callout-content { min-width: 0; }
.wvas-callout-title {
  font-weight: 800; font-size: 0.81rem; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.22rem;
}
.wvas-callout-body { font-size: 0.85rem; line-height: 1.58; }
.wvas-callout-body a { font-weight: 700; text-decoration: none; }
.wvas-callout-body a:hover { text-decoration: underline; }
.wvas-co-tip    { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; }
.wvas-co-tip    .wvas-callout-title { color: #0F6E56; }
.wvas-co-tip    a { color: #085041; }
.wvas-co-info   { background: #E6F1FB; border-color: #006699; color: #042C53; }
.wvas-co-info   .wvas-callout-title { color: #006699; }
.wvas-co-info   a { color: #185FA5; }
.wvas-co-warn   { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; }
.wvas-co-warn   .wvas-callout-title { color: #7a4a00; }
.wvas-co-warn   a { color: #854F0B; }
.wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; }
.wvas-co-purple .wvas-callout-title { color: #534AB7; }
.wvas-co-purple a { color: #534AB7; }
.wvas-co-error  { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; }
.wvas-co-error  .wvas-callout-title { color: #A32D2D; }
.wvas-co-error  a { color: #A32D2D; }
 
/* ════════════════════════════════
   TIPO CARDS — informativas + hover
   ════════════════════════════════ */
.wvas-tipo-card {
  background: #fff; border: 1.5px solid #d0dce8;
  border-radius: 16px; padding: 1.3rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  position: relative; overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  cursor: inherit;
}
.wvas-tipo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,60,100,0.12);
  border-color: #006699;
}
.wvas-tipo-card::after {
  content: ''; position: absolute; bottom: -18px; right: -18px;
  width: 70px; height: 70px; border-radius: 50%;
  background: rgba(0,102,153,0.05);
  transition: transform 0.3s;
}
.wvas-tipo-card:hover::after { transform: scale(1.4); }
.wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; }
.wvas-tipo-icon { flex-shrink: 0; }
.wvas-tipo-icon img { width: 70px; height: auto; }
.wvas-tipo-card h3 {
  font-size: 1.06rem; font-weight: 800; color: #003d5c;
  margin: 0; padding: 0; border: none;
}
.wvas-tipo-desc   { font-size: 0.84rem; color: #445; line-height: 1.57; }
.wvas-tipo-ej     { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.wvas-tc-destino    { border-top: 4px solid #006699; }
.wvas-tc-tematico   { border-top: 4px solid #534AB7; }
.wvas-tc-itinerario { border-top: 4px solid #1D9E75; }
.wvas-tc-conv       { border-top: 4px solid #BA7517; }
 
/* ════════════════════════════════
   Plantilla: Table awesome responsive
   ════════════════════════════════ */
.table-awesome {
  width: 100%; border-collapse: separate; border-spacing: 0;
  border: 1.5px solid #dde6ef; border-radius: 14px;
  overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem;
}
.table-awesome thead tr {
  background: #006699; color: #fff;
}
.table-awesome thead th {
  padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.05em;
  text-align: left; border: none;
}
.table-awesome tbody tr {
  border-bottom: 1px solid #eef1f5;
  transition: background 0.15s;
}
.table-awesome tbody tr:last-child { border-bottom: none; }
.table-awesome tbody tr:hover { background: #f0f7fc; }
.table-awesome td {
  padding: 0.65rem 0.85rem; vertical-align: top;
  border: none; line-height: 1.5;
}
.table-awesome td:first-child {
  white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%;
}
.table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; }
.table-awesome td a:hover { text-decoration: underline; }
.table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; }
 
/* ════════════════════════════════
   WIDGET CREATE PANEL (único por tipo)
   ════════════════════════════════ */
.wvas-create {
  background: #f7fbff; border: 2px dashed #9fc9dd;
  border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem;
  margin: 0.75rem 0; text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.wvas-create:hover {
  border-color: #006699;
  box-shadow: 0 4px 16px rgba(0,102,153,0.1);
}
.wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; }
.wvas-create-mascot img {
  width: 120px; height: auto;
  animation: wvas-float 2.5s ease-in-out infinite;
}
.wvas-create h3 {
  font-size: 1.02rem; font-weight: 800; color: #003d5c;
  margin: 0 0 0.28rem; padding: 0; border: none;
}
.wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; }
 
/* ════════════════════════════════
   NIVELES DE CALIDAD
   ════════════════════════════════ */
.wvas-nivel {
  border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center;
  display: flex; flex-direction: column; gap: 0.3rem;
  border: 1.5px solid transparent;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-nivel:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; }
.wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; }
.wvas-nivel p  { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; }
.wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; }
.wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; }
.wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; }
.wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; }
 
/* ════════════════════════════════
   CHECKLIST PRE-PUBLICACIÓN
   ════════════════════════════════ */
.wvas-checklist {
  background: #fff; border: 1.5px solid #c8e6c8;
  border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem;
}
.wvas-checklist-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-checklist-header img { width: 36px; height: auto; }
.wvas-checklist-header h3 {
  font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none;
}
.wvas-check-list { list-style: none; padding: 0; margin: 0; }
.wvas-check-list li {
  display: flex; align-items: flex-start; gap: 0.65rem;
  font-size: 0.84rem; padding: 0.38rem 0;
  border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5;
  transition: background 0.12s;
}
.wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; }
.wvas-check-list li:last-child { border-bottom: none; }
.wvas-check-list li::before {
  content: '✓';   
  width: 20px; height: 20px; border-radius: 50%;
  background: #E1F5EE; border: 1.5px solid #1D9E75;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: #1D9E75; flex-shrink: 0;
  font-weight: 900; margin-top: 2px; 
}
 
/* ════════════════════════════════
   AYUDA — LINKS + hover
   ════════════════════════════════ */
.wvas-ayuda-card {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 12px; padding: 1rem 0.9rem;
  text-align: center; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; align-items: center; gap: 0.38rem;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.wvas-ayuda-card:hover {
  border-color: #006699;
  box-shadow: 0 4px 14px rgba(0,102,153,0.12);
  transform: translateY(-2px);
}
.wvas-ayuda-card img  { width: 80px; height: auto; }
.wvas-ayuda-card h4   { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; }
.wvas-ayuda-card p    { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; }
 
/* ════════════════════════════════
   REFERENCIA ARTÍCULOS ACEPTABLES
   ════════════════════════════════ */
.wvas-ref-box {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem;
}
.wvas-ref-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-ref-header img { width: 36px; height: auto; }
.wvas-ref-header h3  {
  font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none;
}
.wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
.wvas-ref-col-title {
  font-size: 0.78rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.5rem;
}
.wvas-col-ok  .wvas-ref-col-title { color: #1D9E75; }
.wvas-col-bad .wvas-ref-col-title { color: #A32D2D; }
.wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; }
.wvas-ref-list li {
  font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px;
  align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45;
  transition: background 0.12s;
}
.wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; }
.wvas-ref-list li:last-child { border-bottom: none; }
.wvas-col-ok  .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; }
.wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; }
.wvas-ref-nota {
  font-size: 0.78rem; color: #666; padding-top: 0.5rem;
  border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; }
.wvas-ref-nota li::before { content: '· '; }
 
/* ════════════════════════════════
   ANIMACIÓN FLOTANTE
   ════════════════════════════════ */
@keyframes wvas-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-7px); }
}
 
/* ════════════════════════════════════════════════════════
   ESTRUCTURAS EN COLUMNAS RESPONSIVE
   ════════════════════════════════════════════════════════ */
.cols-2-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 14px; margin-bottom: 1.5rem;
}
.cols-20-80-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 0;
  border: 0.5px solid #dde6ef;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.cols-3-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px; margin-bottom: 1rem;
}
.cols-4-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8px; margin-bottom: 1rem;
}
/* ════════════════════════════════════════════════════════
   RESPONSIVE (GENERAL)
   ════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  .wvas-hero-text h1  { font-size: 1.45rem; }
  .wvas-tipo-grid     { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .wvas-ayuda-grid    { grid-template-columns: repeat(2, 1fr); }
  .wvas-img-banner    { height: 130px; }
  .table-awesome { font-size: 0.79rem; }
 
  /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */
  .wvas-callout {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-norma {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-callout-mascot,
  .wvas-norma-mascot {
    width: auto;
  }
  .wvas-callout-content,
  .wvas-norma-content {
    width: 100%;
    text-align: left;   /* el texto interior alineado a la izquierda */
  }
  .wvas-callout-title,
  .wvas-norma-title {
    text-align: center; /* solo el título centrado */
  }
}
@media (max-width: 700px) {
  .cols-20-80-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .sp-sidebar {
    border-right: none;
    border-bottom: 0.5px solid #dde6ef;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 8px;
    gap: 6px;
  }
  .sp-sidebar-label,
  .sp-sidebar-foot { display: none; }
  .sp-item {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
    padding: 8px 10px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 3px;
  }
  /* En mobile el indicador es borde inferior */
  .sp-item.active::after { display: none; }
  .sp-item.active { border-bottom: 2px solid #006699; }
  .sp-item-icon img { margin: 0 auto; }
  .sp-item-hint { display: none; }
  .sp-content { padding: 16px; }
}
@media (max-width: 520px) {
  .wvas-hero-top      { flex-direction: column; gap: 0.75rem; }
  .wvas-hero-mascot img { width: 66px; }
  .wvas-hero-text h1  { font-size: 1.22rem; }
  .wvas-img-banner    { height: 95px; border-radius: 10px; }
  .wvas-ref-cols      { grid-template-columns: 1fr; }
  .wvas-ayuda-grid    { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .table-awesome thead { display: none; }
  .table-awesome td { display: block; padding: 0.3rem 0.7rem; }
  .table-awesome td:first-child { padding-top: 0.7rem; }
  .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; }
}
@media (max-width: 420px) {
  .sp-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
   SELECTOR PANEL (20% / 80%)
   ════════════════════════════════ */
.sp-sidebar {
  background: #f5f7fa;
  border-right: 0.5px solid #dde6ef;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sp-sidebar-label {
  font-size: 11px;
  font-weight: 700;
  color: #9aa5b4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.sp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: 0.5px solid transparent;
  transition: background 0.15s, border-color 0.15s;
  user-select: none;
  position: relative;
}
.sp-item:hover {
  background: #fff;
  border-color: #c5d0dc;
}
.sp-item.active {
  background: #fff;
  border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.sp-item.active::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 20%;
  height: 60%;
  width: 2.5px;
  background: #006699;
  border-radius: 2px 0 0 2px;
}
.sp-item-icon {
  font-size: 20px;
  flex-shrink: 0;
  color: #9aa5b4;
  transition: color 0.15s;
  width: 22px;
  text-align: center;
}
/* Soporte para imagen wiki como icono */
.sp-item-icon img {
  width: 22px;
  height: auto;
  display: block;
  opacity: 0.55;
  transition: opacity 0.15s;
}
.sp-item.active .sp-item-icon { color: #006699; }
.sp-item.active .sp-item-icon img { opacity: 1; }
.sp-item-name {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  line-height: 1.3;
}
.sp-item-hint {
  font-size: 11px;
  color: #9aa5b4;
  margin-top: 1px;
}
/* Hint inferior del sidebar */
.sp-sidebar-foot {
  font-size: 11px;
  color: #b0bec5;
  text-align: center;
  padding: 6px 0 2px;
  margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.sp-content {
  padding: 20px 24px;
  overflow-y: auto;
  min-height: 300px;
}
.sp-panel { display: none; }
.sp-panel.active { display: block; }

/* ════════════════════════════════════════════════════════
   SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE
   ════════════════════════════════════════════════════════ */

/* ── Caja exterior que envuelve todo ── */
.wv-doc-outer {
  background: #f8f9fb;
  border: 1.5px solid #d8e2ec;
  border-radius: 14px;
  padding: 1.1rem 1.25rem 1rem;
  margin-bottom: 1.5rem;
  font-family: 'Segoe UI', Arial, sans-serif;
  max-width: 700px;
}
 
/* ── Introducción ── */
.wv-doc-intro { margin-bottom: 12px; }
.wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; }
.wv-doc-tname-head {
  font-size: 1rem; font-weight: 700; color: #003d5c;
  margin: 0 0 4px; padding: 0; border: none;
}
.wv-doc-desc {
  font-size: 0.84rem; color: #445;
  line-height: 1.6; margin: 0 0 8px;
}
.wv-doc-hint {
  font-size: 0.8rem; color: #778;
  line-height: 1.5; margin: 0 0 10px;
}
.wv-doc-req-inline { color: #C0392B; font-weight: 600; }
.wv-doc-opt-inline { color: #2471A3; font-weight: 600; }
 
/* ── Leyenda ── */
.wv-doc-legend {
  display: flex; gap: 14px; flex-wrap: wrap;
  margin-bottom: 12px;
}
.wv-doc-leg {
  display: flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 600;
}
.wv-doc-leg::before {
  content: ''; width: 3px; height: 13px;
  border-radius: 2px; flex-shrink: 0; display: inline-block;
}
.wv-doc-req-leg { color: #C0392B; }
.wv-doc-req-leg::before { background: #C0392B; }
.wv-doc-opt-leg { color: #2471A3; }
.wv-doc-opt-leg::before { background: #2471A3; }
 
/* ── Cards (sintaxis y ejemplo) ── */
.wv-doc-card {
  background: #fff;
  border: 0.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.wv-doc-example-card { margin-bottom: 10px; }
 
/* ── Cabecera de card ── */
.wv-doc-card-top {
  background: #f0f4f8;
  border-bottom: 0.5px solid #cdd8e4;
  padding: 6px 12px;
  display: flex; align-items: center;
  justify-content: space-between; gap: 8px;
}
.wv-doc-card-label {
  font-size: 11px; font-weight: 700; color: #667;
  text-transform: uppercase; letter-spacing: 0.06em;
}
.wv-doc-card-label.example-label { color: #2471A3; }
 
/* ── Botón copiar ── */
.wv-doc-copy-btn {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11.5px; font-weight: 600; cursor: pointer;
  color: #334; background: #fff;
  border: 0.5px solid #bbc8d4; border-radius: 6px;
  padding: 3px 10px; user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
}
.wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
 
/* ── Bloque de código ── */
.wv-doc-block {
  padding: 6px 0 8px;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.35;
}
.wv-doc-block-open,
.wv-doc-block-close {
  padding: 3px 12px;
  color: #aab;
}
.wv-doc-blockname { color: #003d5c; font-weight: 600; }
.wv-doc-brace { color: #bbc; }
 
/* ── Filas de parámetros ── */
.wv-doc-params { padding: 0; }
.wv-doc-params &gt; * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.wv-doc-params p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.wv-doc-row {
  display: flex; align-items: baseline;
  padding: 2px 12px 2px 9px;
  border-left: 3px solid transparent;
  transition: background 0.1s;
  line-height: 1.5;
}
.wv-doc-row:hover { background: #f5f8fb; }
.wv-doc-req { border-color: #C0392B; }
.wv-doc-opt { border-color: #2471A3; }
.wv-doc-req .wv-doc-key { color: #C0392B; }
.wv-doc-opt .wv-doc-key { color: #2471A3; }
.wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; }
.wv-doc-key { font-weight: 700; white-space: nowrap; }
.wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; }
.wv-doc-optvals { color: #889; font-size: 12px; }
 
/* Filas del bloque ejemplo (generadas por JS) */
.wv-doc-example-val { color: #334; }
 
/* ── Notas al pie ── */
.wv-doc-footer {
  border-top: 0.5px solid #dde6ef;
  padding: 8px 2px 0;
  display: flex; flex-direction: column; gap: 3px;
  margin-top: 4px;
}
.wv-doc-nota {
  font-size: 11.5px; color: #889; line-height: 1.5;
	padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wv-doc-nota ul { list-style: none; padding: 0; margin: 0; }
.wv-doc-nota li::before { content: '→ '; color: #bbc; }

/* ── Responsive ── */
@media (max-width: 520px) {
  .wv-doc-outer { padding: 0.85rem 0.9rem; }
  .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; }
  .wv-doc-copy-btn { width: 100%; justify-content: center; }
}

/* ════════════════════════════════════════════════════════
   SELECTOR HORIZONTAL DE PESTAÑAS
   ════════════════════════════════════════════════════════ */
/* ── Contenedor general ── */
.htab-wrap {
  border: 0.5px solid #cdd8e4;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

/* ── Barra superior: color + patrón de puntos ── */
.htab-bar {
  background-color: #D4537E;
  background-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.12) 1.5px,
    transparent 1.5px
  );
  background-size: 20px 20px;
  position: relative;
  overflow: hidden;
  padding: 14px 14px 12px;
  border-bottom: 2.5px solid #993556;
}

/* ── Fondo animado: formas moviéndose de derecha a izquierda ── */
.htab-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.htab-bg-track {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  height: 100%;
  white-space: nowrap;
  animation: htab-marquee 18s linear infinite;
}
@keyframes htab-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Formas del fondo */
.hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); }
.hs-circle  { width: 9px;  height: 9px;  border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; }
.hs-bar     { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); }
.hs-sq      { width: 8px;  height: 8px;  border: 1.5px solid rgba(255,255,255,0.18); }
.hs-tri     { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); }

/* ── Pestañas ── */
.htab-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  position: relative;
  z-index: 1;
}
.htab-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 8px;
  padding: 7px 15px;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: background 0.15s, transform 0.13s, border-color 0.15s;
}
.htab-tab:hover:not(.active) {
  background: rgba(255,255,255,0.25);
  transform: translateY(-2px);
}
.htab-tab.active {
  background: #EF9F27;
  border-color: #BA7517;
  color: #412402;
  transform: translateY(-1px);
}
/* Imágenes wiki dentro de la pestaña como icono */
.htab-tab figure { float: none !important; margin: 0 !important; }
.htab-tab img    { width: 18px; height: auto; display: block; }

/* ── Partículas ── */
.htab-prt {
  position: absolute;
  pointer-events: none;
  z-index: 20;
  border-radius: 50%;
}

/* Click — explosión */
.htab-prt-b {
  animation: htab-burst var(--dur, 0.4s) ease-out forwards;
}
@keyframes htab-burst {
  0%   { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; }
  100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; }
}

/* Hover — flotantes */
.htab-prt-h {
  animation: htab-float var(--dur, 0.65s) ease-out forwards;
}
@keyframes htab-float {
  0%   { transform: translateY(0) translateX(0); opacity: 0.85; }
  100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; }
}

/* ── Área de contenido ── */
.htab-panels {
  background: #fff;
  padding: 22px 22px 18px;
  min-height: 160px;
}
.htab-panel { display: none; }
.htab-panel.active {
  display: block;
  animation: htab-fadein 0.22s ease;
}
@keyframes htab-fadein {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 700px) {
  .htab-bar  { padding: 11px; }
  .htab-tab  { padding: 6px 12px; font-size: 12px; gap: 5px; }
  .htab-panels { padding: 16px; }
}
@media (max-width: 420px) {
  .htab-tab  { padding: 5px 10px; font-size: 11px; }
  .htab-panels { padding: 12px; }
}

/* ════════════════════════════════════════════════════════════════
   WVA - SISTEMA DE SECCIONES DE ARTÍCULO
   ════════════════════════════════════════════════════════════════ */

/* ═══ ANIMACIONES ═══ */
@keyframes wva-in  { from{opacity:0;transform:translateY(10px)}  to{opacity:1;transform:translateY(0)} }
@keyframes wva-sl  { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} }
@keyframes wva-pop { from{opacity:0;transform:scale(0.93)}       to{opacity:1;transform:scale(1)} }
@keyframes wva-bar { from{width:0} to{width:var(--w,100%)} }
@keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} }
@keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} }

/* ══════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════ */
.wva-hero{
  background:var(--pk);position:relative;overflow:hidden;
  padding:28px 24px 44px;border-bottom:3px solid #111;
  clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%);
  margin-bottom:-2px;animation:in 0.6s ease both;
}
.wva-hero-dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px);
  background-size:22px 22px;}
.wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px;
  letter-spacing:10px;animation:glo 2.5s ease-in-out infinite}
.wva-hi{position:relative;z-index:1}
.wva-hi-loc{display:inline-block;background:var(--yw);color:#111;
  font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111;
  line-height:.95;margin-bottom:12px;border:none;padding:0}
.wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px}
.wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px}

/* ══════════════════════════════════════════════════════
   FICHA TÉCNICA — barra de stats oscura
   ══════════════════════════════════════════════════════ */
.wva-ficha {
  background: var(--bk); padding: 16px 20px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
  gap: 16px; border-bottom: var(--bd);
  animation: wva-in .5s ease .08s both;
}
/* Dot pattern sobre negro */
.wva-ficha::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px);
  background-size: 14px 14px;
}
.wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; }
.wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); }
.wva-fb-info strong { color:var(--yw);font-weight:700; }

.wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; }
.wva-sg { font-size:14px;font-weight:900;width:30px; }
.wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; }
.wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; }
.sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)}
.sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)}

/* ══════════════════════════════════════════════════════
   SECTION WRAPPER
   ══════════════════════════════════════════════════════ */
.wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; }
.bg-w   { background:#fff; }
.bg-yw  { background:var(--yw);position:relative; }
.bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; }
.bg-yw &gt; * { position:relative;z-index:1; }
.bg-cr  { background:#FFF8F0; }
.bg-war { background:#FFF5F5; }
.bg-mn  { background:#FFFDE7; }
.bg-sc  { background:#FFF0F8;
  background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; }
.bg-hl  { background:#F0FFF4; }
.bg-mv  { background:#F8F8FF; }
.bg-ar  { background:#F0F9FF; }

/* ══════════════════════════════════════════════════════
   SECTION HEADER
   ══════════════════════════════════════════════════════ */
.wva-sh {
  display:flex;align-items:center;gap:10px;
  padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden;
}
.wva-sh .ico { font-size:17px;flex-shrink:0; }
.wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; }
.wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; }

/* NEGRO + AMARILLO (estilo SQUAD) */
.sh-bk { background:var(--bk); }
.sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; }
.sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; }

/* AMARILLO + NEGRO (estilo VANGUARD) */
.sh-yw { background:var(--yw); }
.sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; }
.sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; }

.sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff}
.sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff}
.sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff}
.sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff}
.sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff}
.sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff}
.sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)}

/* ══════════════════════════════════════════════════════
   SUBHEADER
   ══════════════════════════════════════════════════════ */
.wva-sub {
  display:flex;align-items:center;gap:8px;padding:8px 20px 4px;
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);
}
.wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; }

/* ══════════════════════════════════════════════════════
   BODY / 2 COLS
   ══════════════════════════════════════════════════════ */
.wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; }
.wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; }
.wva-body strong { color:var(--bk);font-weight:700; }

.wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; }
.wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   GRIDS
   ══════════════════════════════════════════════════════ */
.g    { padding:12px 20px; }
.g-2  { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.g-3  { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.g-a  { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; }
.g-r  { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; }
.g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; }

/* ══════════════════════════════════════════════════════
   PRACTICAL TIP CARD
   ══════════════════════════════════════════════════════ */
.ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden;
  transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; }
.ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); }
.ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; }
.ptip-b strong { color:var(--bk);font-weight:700; }

.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }

/* ══════════════════════════════════════════════════════
   TALENT CARD (secretos — estilo squad card)
   ══════════════════════════════════════════════════════ */
.tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px;
  overflow:hidden;position:relative;animation:wva-pop .4s ease both;
  transition:transform .15s,box-shadow .15s;cursor:default; }
.tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); }
.tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; }

.tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;
  padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; }
.tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; }
.tcard-stats { margin-bottom:7px; }
.tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); }
.tsg { font-size:13px;font-weight:900;width:26px; }
.tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; }
.tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; }
.tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; }
.tcard-tags { display:flex;gap:4px;flex-wrap:wrap; }

/* ══════════════════════════════════════════════════════
   REGION CARD
   ══════════════════════════════════════════════════════ */
.rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px;
  border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; }
.rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }
.rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; }

/* ══════════════════════════════════════════════════════
   CITY CARD
   ══════════════════════════════════════════════════════ */
.ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r);
  cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; }
.ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); }
.ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;
  border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; }
.ccard-badge.pk { background:var(--pk);color:#fff; }
.ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; }

/* ══════════════════════════════════════════════════════
   TRANSPORT CARD
   ══════════════════════════════════════════════════════ */
.tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r);
  display:flex;flex-direction:column;gap:6px;cursor:default;
  transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; }
.tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); }
.tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.tport-icon { font-size:24px;line-height:1; }
.tport-name { font-size:13px;font-weight:800;color:var(--bk); }
.tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; }
.tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)}
.tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)}
.tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)}
.tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)}
.tp-bk::before{background:var(--bk)}

/* ══════════════════════════════════════════════════════
   ALERT BOX
   ══════════════════════════════════════════════════════ */
.wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px;
  border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; }
.wva-al + .wva-al { margin-top:8px; }
.wva-al:last-of-type { margin-bottom:12px; }
.a-warn  { border-color:var(--rd); background:#FFF5F5; }
.a-tip   { border-color:var(--cy); background:#F0FDFF; }
.a-ok    { border-color:var(--gn); background:#F0FFF4; }
.a-money { border-color:#F5A000;   background:#FFFDE7; }
.a-info  { border-color:var(--bl); background:#F0F8FF; }
.a-pink  { border-color:var(--pk); background:#FFF0F8; }
.al-em   { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; }
.al-txt  { font-size:12.5px;color:#333;line-height:1.62; }
.al-txt strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   LIST ITEMS
   ══════════════════════════════════════════════════════ */
.wva-list { padding:0 20px 12px; }
.wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08);
  align-items:flex-start;transition:padding-left .14s;cursor:default; }
.wva-li:last-child { border-bottom:none; }
.wva-li:hover { padding-left:6px; }
.wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm);
  display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;
  background:var(--wh);transition:transform .14s; }
.wva-li:hover .wva-li-ico { transform:scale(1.06); }
.wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; }
.wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; }
.wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; }

/* ══════════════════════════════════════════════════════
   NEXT DESTINATIONS
   ══════════════════════════════════════════════════════ */
.wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; }
.ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r);
  padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default;
  transition:background .14s,transform .14s,box-shadow .14s; }
.ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }

/* ══════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════ */
@media (max-width:760px) {
  .wva-hero { grid-template-columns:1fr; }
  .wva-himg { display:none; }
  .wva-hc::after { display:none; }
  .wva-hi-h { font-size:38px; }
  .g-2,.g-3 { grid-template-columns:1fr; }
  .wva-2c { grid-template-columns:1fr; }
  .wva-ficha { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px) {
  .wva-hc { padding:20px 14px 28px; }
  .wva-hi-h { font-size:28px; }
  .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; }
  .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; }
  .wva-al { margin-left:14px;margin-right:14px; }
  .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; }
  .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; }
}</text>
      <sha1>gy1hezssrnx0rqzd0dme5ghf34k1niu</sha1>
    </revision>
    <revision>
      <id>253741</id>
      <parentid>253730</parentid>
      <timestamp>2026-05-22T20:37:49Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253741</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="80042" sha1="e8lj3uuwqqj2h9b2242npmluhlgq8it" xml:space="preserve">/* ════════════════════════════════
   Función de acordeón tipo FAQ / Funciona con el js correspondiente
   ════════════════════════════════ */
.accordion-content{
    display:none;
}

.accordion-content.active {
    display:block;
}

.accordion-clicky{
    cursor:pointer;
    user-select:none;
}

:root {
  --pk: #FF00BB;  --yw: #FFE600;  --cy: #00BFFF;
  --gn: #00C853;  --or: #FF6B00;  --rd: #FF2200;
  --pu: #7A00FF;  --bl: #0099FF;  --bk: #111111;
  --wh: #FFFFFF;  --mu: #555555;
  --bd:  3px solid #111;
  --bd2: 2.5px solid #111;
  --r:   10px;
  --rsm: 6px;
  --rlg: 16px;
  --font: 'Segoe UI', Arial, sans-serif;
}

.wva-config { box-sizing: border-box; margin: 0; padding: 0; margin: 0 auto; background: var(--wh); border: var(--bd); overflow: hidden; font-family: var(--font)}

/* ── Reset interno ── */
.config-general * { box-sizing: border-box; }
.config-general { font-family: var(--font); line-height: 1.6; }

/* ── Force links icon ── */
.wv-doc-outer a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;])::after,
.config-general a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;]):not([href*=&quot;/File:&quot;]):not([href*=&quot;/Archivo:&quot;])::after {
  content: ' [↗]';
  font-size: 0.78em;
  opacity: 0.55;
  font-weight: normal;
  text-decoration: none;
}
.config-general a:has(img)::after{
    content:none !important;
}
/* El enlace [editar] no participa en el flex */
.config-general .mw-editsection {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
}

/* ════════════════════════════════
   Decorativos inline
   ════════════════════════════════ */
.chip-inline {
  display: inline-block; font-size: 0.69rem; font-weight: 700;
  padding: 1px 8px; border-radius: 20px; margin-top: 3px;
  color: #fff;
}
.badge-inline {
	background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px
			  }
.tag-inline {
  display: inline-block; font-size: 0.72rem; font-weight: 700;
  padding: 3px 10px; border-radius: 20px;
  background: #E6F1FB; color: #006699; margin-top: 0.3rem;
  text-decoration: none; transition: background 0.15s;
}
.tag-inline:hover { background: #c5dff0; }

.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }

.tags-structure { display:flex;gap:5px;flex-wrap:wrap; }

/* ════════════════════════════════
   Plantilla: Tríptico - Código para que funcione bien. Full Responsive
   ════════════════════════════════ */
.triptico {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: stretch;
}

.triptico-wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.triptico-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ── card base ── */
.tc-card {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.tc-card::before {
  content: '';
  display: block;
  padding-top: var(--card-ratio, 100%);
}

.tc-card-inner {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}

/* imagen wiki como fondo */
.tc-card-img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  display: block;
}

.tc-card-img a,
.tc-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  text-decoration: none;
  pointer-events: none;
}

/* enlace que cubre todo el card */
.tc-card-link {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 5;
  display: block;
  background: transparent;
}

.tc-card-link:hover ~ .tc-tag-top,
.tc-card-link:hover ~ .tc-tag-bot {
  background: rgba(0,0,0,0.82);
}

/* ── tags de esquina ── */
.tc-tag-top {
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-tag-bot {
  position: absolute;
  bottom: 0; right: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  text-align: right;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-card-inner:hover .tc-tag-top {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-card-inner:hover .tc-tag-bot {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-tag-top,
.tc-tag-bot {
  transition: background 0.25s;
}

.tc-tag-top::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

.tc-tag-bot::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

/* ── card-vert ── */
.tc-card-vert .tc-card-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.tc-texto-vert {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.3em;
  writing-mode: vertical-rl;
  transform: rotate(180deg) scaleX(1.4);
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  font-size: var(--vert-size, 56px);
  z-index: 3;
  position: relative;
  pointer-events: none;
  margin-right: 14px;
  margin-top: 10px;
  margin-left: 30px;
}

/* ── bloque de texto ── */
.tc-texto {
  width: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
  background: var(--tc-texto-bg, transparent);
  color: var(--tc-texto-color, inherit);
}

/* ── header flotante ── */
.tc-header-wrap {
  position: absolute;
  top: 0;
  left: 0; right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.tc-header {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 22px;
  background: var(--tc-header-bg, #111);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  white-space: nowrap;
  pointer-events: auto;
  transition: background 0.25s;
}

.tc-header::before {
  content: '';
  position: absolute;
  inset: 2px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);
}

.tc-header-accent {
  position: absolute;
  bottom: -3px;
  left: 10px; right: 10px;
  height: 2px;
  background: var(--tc-acento, #e63946);
  transition: background 0.25s;
}

@media (max-width: 900px) {
  .triptico { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .triptico { grid-template-columns: 1fr; }
}

/* tc-tira */
.tc-tira {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex: none;
  min-height: 72px;
  max-height: 110px;
  background: var(--tc-tira-bg, #111);
  overflow: hidden;
}

/* línea de acento superior */
.tc-tira::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--tc-tira-acento, #e63946);
  z-index: 2;
}

/* brillo sutil */
.tc-tira-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.tc-tira-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding: 10px 6px;
  gap: 3px;
  text-align: center;
  transition: background 0.2s;
}

.tc-tira-items {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 3px 0 0 0;
  min-width: 0;
}

.tc-tira-item:hover {
  background: rgba(255,255,255,0.04);
}

.tc-tira-item img,
.tc-tira-item a img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 2px;
}

.tc-tira-item .thumbinner,
.tc-tira-item .thumb,
.tc-tira-item figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-tira-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-valor {
  font-size: 12px;
  font-weight: bold;
  color: var(--tc-tira-txt, #fff);
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-sep {
  width: 1px;
  align-self: stretch;
  background: rgba(255,255,255,0.08);
  flex-shrink: 0;
  margin: 10px 0;
}

/* ── itinerario ── */
.tc-itinerario {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 0 6px 0;
  background: var(--tc-it-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tc-it-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  margin-bottom: 4px;
}

.tc-it-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-it-acento, #e63946);
  flex: 1;
}

.tc-it-total {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}

/* línea de tiempo vertical */
.tc-it-linea {
  position: absolute;
  left: 28px;
  top: 50px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    var(--tc-it-acento, #e63946),
    rgba(255,255,255,0.05)
  );
}

.tc-it-lista {
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.tc-it-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px 14px 8px 48px;
  transition: background 0.2s;
}

.tc-it-item:hover {
  background: rgba(255,255,255,0.03);
}

/* nodo en la línea de tiempo */
.tc-it-nodo {
  position: absolute;
  left: 22px;
  top: 13px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--tc-it-bg, #0d0d0d);
  border: 2px solid var(--tc-it-acento, #e63946);
  box-sizing: border-box;
  z-index: 2;
}

.tc-it-item:first-child .tc-it-nodo {
  background: var(--tc-it-acento, #e63946);
}

/* fila superior: lugar + tiempo */
.tc-it-fila-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}

.tc-it-lugar {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tc-it-tiempo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: var(--tc-it-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* actividad */
.tc-it-actividad {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
  margin-bottom: 4px;
}

/* badges de propiedades */
.tc-it-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.tc-it-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
  line-height: 1.4;
}

.tc-it-badge-acento {
  border-color: var(--tc-it-acento, #e63946);
  color: var(--tc-it-acento, #e63946);
}

/* separador entre items */
.tc-it-item + .tc-it-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 48px; right: 14px;
  height: 1px;
  background: rgba(255,255,255,0.05);
}

/* ════════════════════════════════
   tc-gastronomia
   ════════════════════════════════ */
.tc-gastro {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-gastro-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-gastro-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-gastro-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

.tc-gastro-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  justify-content: space-between;
}

.tc-gastro-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  position: relative;
  transition: background 0.2s;
}

.tc-gastro-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-gastro-item + .tc-gastro-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* foto */
.tc-gastro-foto {
  width: 64px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.tc-gastro-foto img,
.tc-gastro-foto a img {
  width: 64px !important;
  height: 100% !important;
  min-height: 64px;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.tc-gastro-foto .thumbinner,
.tc-gastro-foto .thumb,
.tc-gastro-foto figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
}

/* línea de acento lateral */
.tc-gastro-item::before {
  content: '';
  position: absolute;
  left: 64px;
  top: 0; bottom: 0;
  width: 2px;
  background: var(--tc-gastro-acento, #e63946);
  opacity: 0;
  transition: opacity 0.2s;
}

.tc-gastro-item:hover::before {
  opacity: 1;
}

/* contenido textual */
.tc-gastro-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 12px 10px 14px;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.tc-gastro-nombre {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-gastro-lugar {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-desc {
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  line-height: 1.4;
  margin-top: 2px;
}

.tc-gastro-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 4px;
}

.tc-gastro-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.4);
  line-height: 1.4;
}

.tc-gastro-badge-acento {
  border-color: var(--tc-gastro-acento, #e63946);
  color: var(--tc-gastro-acento, #e63946);
}


/* ════════════════════════════════
   tc-transporte
   ════════════════════════════════ */
.tc-transporte {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-trans-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-trans-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-trans-acento, #1d6fa4);
}

.tc-trans-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

/* secciones: transporte y lugares */
.tc-trans-seccion {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-seccion-label {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding: 7px 14px 4px 14px;
}

.tc-trans-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-trans-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  position: relative;
  transition: background 0.2s;
}

.tc-trans-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-trans-item + .tc-trans-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* icono de transporte o lugar */
.tc-trans-icono {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255,255,255,0.05);
  overflow: hidden;
}

.tc-trans-icono img,
.tc-trans-icono a img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-trans-icono .thumbinner,
.tc-trans-icono .thumb,
.tc-trans-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-trans-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}

.tc-trans-nombre {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-desc {
  font-size: 9px;
  color: rgba(255,255,255,0.4);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-meta {
  font-size: 9px;
  font-weight: bold;
  color: var(--tc-trans-acento, #1d6fa4);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.04em;
}

/* divisor entre secciones */
.tc-trans-div {
  height: 1px;
  background: linear-gradient(
    to right,
    var(--tc-trans-acento, #1d6fa4),
    rgba(255,255,255,0.05)
  );
  margin: 4px 14px;
}

/* badge de lugar destacado */
.tc-trans-estrella {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tc-trans-acento, #1d6fa4);
  flex-shrink: 0;
}

/* texto adaptable según fondo */
.tc-gastro-nombre  { color: var(--tc-gastro-txt, #fff); }
.tc-gastro-desc    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); }
.tc-gastro-badge   { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); 
                     border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); }

.tc-trans-nombre   { color: var(--tc-trans-txt, #fff); }
.tc-trans-desc     { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); }
.tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); }
.tc-trans-subtitulo     { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); }
.tc-gastro-subtitulo    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); }

/* ════════════════════════════════
   tc-callout — base compartida
   ════════════════════════════════ */
.tc-callout {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}

.tc-callout-barra {
  width: 4px;
  flex-shrink: 0;
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  flex: 1;
  min-width: 0;
  background: var(--tc-co-bg, rgba(29,111,164,0.08));
}

.tc-callout-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.tc-callout-icono {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.tc-callout-icono img,
.tc-callout-icono a img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-callout-icono .thumbinner,
.tc-callout-icono .thumb,
.tc-callout-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-callout-tipo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-titulo {
  font-size: 13px;
  font-weight: bold;
  color: var(--tc-co-txt, #fff);
  line-height: 1.3;
}

.tc-callout-texto {
  font-size: 11px;
  line-height: 1.6;
  color: var(--tc-co-txt2, rgba(255,255,255,0.6));
}

.tc-callout-texto a {
  color: var(--tc-co-acento, #1d6fa4);
  text-decoration: none;
}

.tc-callout-texto a:hover {
  text-decoration: underline;
}

.tc-callout-footer {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
  margin-top: 2px;
}

/* ── variante: bloque lleno sin barra lateral ── */
.tc-callout-filled {
  flex-direction: column;
}

.tc-callout-filled .tc-callout-barra {
  width: 100%;
  height: 3px;
}

.tc-callout-filled .tc-callout-body {
  padding: 12px 14px;
}

/* ── variante: destacado con fondo marcado ── */
.tc-callout-solid .tc-callout-body {
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-solid .tc-callout-tipo {
  color: rgba(255,255,255,0.7);
}

.tc-callout-solid .tc-callout-titulo {
  color: #fff;
}

.tc-callout-solid .tc-callout-texto {
  color: rgba(255,255,255,0.75);
}

.tc-callout-solid .tc-callout-footer {
  color: rgba(255,255,255,0.6);
}

.tc-callout-solid .tc-callout-barra {
  background: rgba(0,0,0,0.2);
}

/* ── separador interno ── */
.tc-callout-sep {
  height: 1px;
  background: var(--tc-co-acento, #1d6fa4);
  opacity: 0.2;
  margin: 4px 0;
}

/* ════════════════════════════════
   tc-lista — lista de ítems simple
   ════════════════════════════════ */
.tc-lista {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-lista-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-lista-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-lista-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-lista-acento, #e63946);
}

.tc-lista-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-lista-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  transition: background 0.2s;
  position: relative;
}

.tc-lista-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-lista-item + .tc-lista-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-lista-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tc-lista-acento, #e63946);
  flex-shrink: 0;
}

.tc-lista-txt {
  font-size: 12px;
  color: var(--tc-lista-txt, #fff);
  line-height: 1.4;
  flex: 1;
}

.tc-lista-meta {
  font-size: 10px;
  font-weight: bold;
  color: var(--tc-lista-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ════════════════════════════════
   tc-cita — cita o quote destacado
   ════════════════════════════════ */
.tc-cita {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-cita-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 18px 16px 22px;
  overflow: hidden;
}

.tc-cita-marca {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 52px;
  line-height: 1;
  color: var(--tc-cita-acento, #e63946);
  opacity: 0.25;
  font-family: Georgia, serif;
  pointer-events: none;
  user-select: none;
}

.tc-cita-barra {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--tc-cita-acento, #e63946);
}

.tc-cita-texto {
  font-size: 13px;
  line-height: 1.7;
  color: var(--tc-cita-txt, #fff);
  font-style: italic;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.tc-cita-autor {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-cita-acento, #e63946);
  position: relative;
  z-index: 1;
}

.tc-cita-fuente {
  font-size: 9px;
  color: var(--tc-cita-txt2, rgba(255,255,255,0.35));
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

/* ════════════════════════════════
   tc-stat — estadísticas / cifras
   ════════════════════════════════ */
.tc-stat {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-stat-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-stat-header {
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-stat-acento, #e63946);
}

.tc-stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1;
  min-height: 0;
}

.tc-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  gap: 3px;
  position: relative;
  transition: background 0.2s;
}

.tc-stat-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-stat-item:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item + .tc-stat-item,
.tc-stat-item ~ .tc-stat-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item:nth-child(1),
.tc-stat-item:nth-child(2) {
  border-top: none;
}

.tc-stat-cifra {
  font-size: 22px;
  font-weight: bold;
  color: var(--tc-stat-acento, #e63946);
  line-height: 1;
  letter-spacing: -0.02em;
}

.tc-stat-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.4));
  text-align: center;
  line-height: 1.3;
}

.tc-stat-sub {
  font-size: 9px;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.25));
  text-align: center;
}


/* ════════════════════════════════
   ASISTENTE DE CREACIÓN DE ARTÍCULOS
   ════════════════════════════════ */
/* ════════════════════════════════
   HERO BANNER
   ════════════════════════════════ */
.hero-mascot {
  background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%);
  border-radius: 16px;
  padding: 1.75rem 1.75rem 1.5rem;
  margin-bottom: 1.25rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.hero-mascot::before {
  content: ''; position: absolute; top: -50px; right: -40px;
  width: 230px; height: 230px;
  background: rgba(255,255,255,0.06); border-radius: 50%;
}
.hero-mascot::after {
  content: ''; position: absolute; bottom: -70px; left: 28%;
  width: 280px; height: 280px;
  background: rgba(255,255,255,0.04); border-radius: 50%;
}
.hero-mascot-top {
  display: flex; align-items: flex-start; gap: 1.25rem;
  position: relative; z-index: 1;
}
.hero-mascot-mascot { flex-shrink: 0; }
.hero-mascot-mascot img {
  width: 120px; height: auto;
  filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3));
  animation: wvas-float 3.5s ease-in-out infinite;
}
.hero-mascot-title {
  font-size: 1.75rem; font-weight: 800; line-height: 1.2;
  margin: 0 0 0.4rem; color: #fff; border: none; padding: 0;
}
.hero-mascot-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; }
.hero-mascot-divider {
  border: none; border-top: 1px solid rgba(255,255,255,0.22);
  margin: 1.1rem 0 1rem; position: relative; z-index: 1;
}
.hero-mascot-about { position: relative; z-index: 1; }
.hero-mascot-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; }
.hero-mascot-about a { color: #21e82b; font-weight: 700; }
.hero-mascot-about p:last-child { margin: 0; }
 
/* ════════════════════════════════
   IMAGE BANNER (5 fotos + corte diagonal)
   ════════════════════════════════ */
.wvas-img-banner {
  display: flex;
  height: 195px;
  border-radius: 14px;
  overflow: hidden;
  background: #004d70;
}
.wvas-img-slot {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
  min-width: 0;
}
.wvas-img-slot:not(:first-child) {
  clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -22px;
}
.wvas-img-slot:nth-child(2) { z-index: 2; }
.wvas-img-slot:nth-child(3) { z-index: 3; }
.wvas-img-slot:nth-child(4) { z-index: 4; }
.wvas-img-slot:nth-child(5) { z-index: 5; }
.wvas-img-slot figure,
.wvas-img-slot .mw-file-description,
.wvas-img-slot a {
  display: block !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
}
.wvas-img-slot img {
  display: block !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  margin: 0 !important; border: 0 !important;
  vertical-align: top !important; max-width: none !important;
}
 
/* ════════════════════════════════
   SECTION HEADER
   ════════════════════════════════ */
.wvas-sh {
  display: flex; align-items: center; gap: 0.65rem;
  margin: 1.9rem 0 1rem;
}
.wvas-sh-icon {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; flex-shrink: 0;
}
.wvas-sh h2 {
  font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c;
}
.wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; }

/* ════════════════════════════════
   NORMAS — siempre visibles, con hover
   ════════════════════════════════ */

.wvas-norma {
  border-radius: 12px; padding: 0.9rem 1rem;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 0.7rem;
  align-items: center;
  border: 1.5px solid;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-norma:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.wvas-norma-mascot { width: 90px;  display: flex; align-items: center; justify-content: center; }
.wvas-norma-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-norma-mascot figure { float: none !important; margin: 0 !important; }
.wvas-norma-content { min-width: 0; }
.wvas-norma-title {
  font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
  letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.wvas-norma-text { font-size: 0.82rem; line-height: 1.57; }
.wvas-norma-text a { font-weight: 700; }
.wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.wvas-n-error .wvas-norma-title { color: #A32D2D; }
.wvas-n-error a { color: #A32D2D; }
.wvas-n-warn  { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.wvas-n-warn  .wvas-norma-title { color: #7a4a00; }
.wvas-n-warn  a { color: #854F0B; }
.wvas-n-tip   { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.wvas-n-tip   .wvas-norma-title { color: #0F6E56; }
.wvas-n-tip   a { color: #085041; }
.wvas-n-info  { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.wvas-n-info  .wvas-norma-title { color: #006699; }
.wvas-n-info  a { color: #006699; }
 
/* ════════════════════════════════
   CALLOUT (genérico)
   Grid interno: mascota | contenido (desktop)
                 mascota (arriba) + contenido (abajo) en mobile
   ════════════════════════════════ */
.wvas-callout {
  border-radius: 12px; padding: 0.9rem 1.1rem;
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.8rem;
  align-items: center;
  border-left: 4px solid;
  transition: box-shadow 0.18s;
}
.wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); }
.wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; }
.wvas-callout-mascot img { width: 80px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-callout-mascot figure { float: none !important; margin: 0 !important; }
.wvas-callout-content { min-width: 0; }
.wvas-callout-title {
  font-weight: 800; font-size: 0.81rem; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.22rem;
}
.wvas-callout-body { font-size: 0.85rem; line-height: 1.58; }
.wvas-callout-body a { font-weight: 700; text-decoration: none; }
.wvas-callout-body a:hover { text-decoration: underline; }
.wvas-co-tip    { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; }
.wvas-co-tip    .wvas-callout-title { color: #0F6E56; }
.wvas-co-tip    a { color: #085041; }
.wvas-co-info   { background: #E6F1FB; border-color: #006699; color: #042C53; }
.wvas-co-info   .wvas-callout-title { color: #006699; }
.wvas-co-info   a { color: #185FA5; }
.wvas-co-warn   { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; }
.wvas-co-warn   .wvas-callout-title { color: #7a4a00; }
.wvas-co-warn   a { color: #854F0B; }
.wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; }
.wvas-co-purple .wvas-callout-title { color: #534AB7; }
.wvas-co-purple a { color: #534AB7; }
.wvas-co-error  { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; }
.wvas-co-error  .wvas-callout-title { color: #A32D2D; }
.wvas-co-error  a { color: #A32D2D; }
 
/* ════════════════════════════════
   TIPO CARDS — informativas + hover
   ════════════════════════════════ */
.wvas-tipo-card {
  background: #fff; border: 1.5px solid #d0dce8;
  border-radius: 16px; padding: 1.3rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  position: relative; overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  cursor: inherit;
}
.wvas-tipo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,60,100,0.12);
  border-color: #006699;
}
.wvas-tipo-card::after {
  content: ''; position: absolute; bottom: -18px; right: -18px;
  width: 70px; height: 70px; border-radius: 50%;
  background: rgba(0,102,153,0.05);
  transition: transform 0.3s;
}
.wvas-tipo-card:hover::after { transform: scale(1.4); }
.wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; }
.wvas-tipo-icon { flex-shrink: 0; }
.wvas-tipo-icon img { width: 70px; height: auto; }
.wvas-tipo-card h3 {
  font-size: 1.06rem; font-weight: 800; color: #003d5c;
  margin: 0; padding: 0; border: none;
}
.wvas-tipo-desc   { font-size: 0.84rem; color: #445; line-height: 1.57; }
.wvas-tipo-ej     { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.wvas-tc-destino    { border-top: 4px solid #006699; }
.wvas-tc-tematico   { border-top: 4px solid #534AB7; }
.wvas-tc-itinerario { border-top: 4px solid #1D9E75; }
.wvas-tc-conv       { border-top: 4px solid #BA7517; }
 
/* ════════════════════════════════
   Plantilla: Table awesome responsive
   ════════════════════════════════ */
.table-awesome {
  width: 100%; border-collapse: separate; border-spacing: 0;
  border: 1.5px solid #dde6ef; border-radius: 14px;
  overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem;
}
.table-awesome thead tr {
  background: #006699; color: #fff;
}
.table-awesome thead th {
  padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.05em;
  text-align: left; border: none;
}
.table-awesome tbody tr {
  border-bottom: 1px solid #eef1f5;
  transition: background 0.15s;
}
.table-awesome tbody tr:last-child { border-bottom: none; }
.table-awesome tbody tr:hover { background: #f0f7fc; }
.table-awesome td {
  padding: 0.65rem 0.85rem; vertical-align: top;
  border: none; line-height: 1.5;
}
.table-awesome td:first-child {
  white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%;
}
.table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; }
.table-awesome td a:hover { text-decoration: underline; }
.table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; }
 
/* ════════════════════════════════
   WIDGET CREATE PANEL (único por tipo)
   ════════════════════════════════ */
.wvas-create {
  background: #f7fbff; border: 2px dashed #9fc9dd;
  border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem;
  margin: 0.75rem 0; text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.wvas-create:hover {
  border-color: #006699;
  box-shadow: 0 4px 16px rgba(0,102,153,0.1);
}
.wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; }
.wvas-create-mascot img {
  width: 120px; height: auto;
  animation: wvas-float 2.5s ease-in-out infinite;
}
.wvas-create h3 {
  font-size: 1.02rem; font-weight: 800; color: #003d5c;
  margin: 0 0 0.28rem; padding: 0; border: none;
}
.wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; }
 
/* ════════════════════════════════
   NIVELES DE CALIDAD
   ════════════════════════════════ */
.wvas-nivel {
  border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center;
  display: flex; flex-direction: column; gap: 0.3rem;
  border: 1.5px solid transparent;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-nivel:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; }
.wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; }
.wvas-nivel p  { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; }
.wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; }
.wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; }
.wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; }
.wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; }
 
/* ════════════════════════════════
   CHECKLIST PRE-PUBLICACIÓN
   ════════════════════════════════ */
.wvas-checklist {
  background: #fff; border: 1.5px solid #c8e6c8;
  border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem;
}
.wvas-checklist-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-checklist-header img { width: 36px; height: auto; }
.wvas-checklist-header h3 {
  font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none;
}
.wvas-check-list { list-style: none; padding: 0; margin: 0; }
.wvas-check-list li {
  display: flex; align-items: flex-start; gap: 0.65rem;
  font-size: 0.84rem; padding: 0.38rem 0;
  border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5;
  transition: background 0.12s;
}
.wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; }
.wvas-check-list li:last-child { border-bottom: none; }
.wvas-check-list li::before {
  content: '✓';   
  width: 20px; height: 20px; border-radius: 50%;
  background: #E1F5EE; border: 1.5px solid #1D9E75;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: #1D9E75; flex-shrink: 0;
  font-weight: 900; margin-top: 2px; 
}
 
/* ════════════════════════════════
   AYUDA — LINKS + hover
   ════════════════════════════════ */
.wvas-ayuda-card {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 12px; padding: 1rem 0.9rem;
  text-align: center; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; align-items: center; gap: 0.38rem;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.wvas-ayuda-card:hover {
  border-color: #006699;
  box-shadow: 0 4px 14px rgba(0,102,153,0.12);
  transform: translateY(-2px);
}
.wvas-ayuda-card img  { width: 80px; height: auto; }
.wvas-ayuda-card h4   { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; }
.wvas-ayuda-card p    { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; }
 
/* ════════════════════════════════
   REFERENCIA ARTÍCULOS ACEPTABLES
   ════════════════════════════════ */
.wvas-ref-box {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem;
}
.wvas-ref-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-ref-header img { width: 36px; height: auto; }
.wvas-ref-header h3  {
  font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none;
}
.wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
.wvas-ref-col-title {
  font-size: 0.78rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.5rem;
}
.wvas-col-ok  .wvas-ref-col-title { color: #1D9E75; }
.wvas-col-bad .wvas-ref-col-title { color: #A32D2D; }
.wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; }
.wvas-ref-list li {
  font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px;
  align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45;
  transition: background 0.12s;
}
.wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; }
.wvas-ref-list li:last-child { border-bottom: none; }
.wvas-col-ok  .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; }
.wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; }
.wvas-ref-nota {
  font-size: 0.78rem; color: #666; padding-top: 0.5rem;
  border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; }
.wvas-ref-nota li::before { content: '· '; }
 
/* ════════════════════════════════
   ANIMACIÓN FLOTANTE
   ════════════════════════════════ */
@keyframes wvas-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-7px); }
}
 
/* ════════════════════════════════════════════════════════
   ESTRUCTURAS EN COLUMNAS RESPONSIVE
   ════════════════════════════════════════════════════════ */
.cols-2-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 14px; margin-bottom: 1.5rem;
}
.cols-20-80-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 0;
  border: 0.5px solid #dde6ef;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.cols-3-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px; margin-bottom: 1rem;
}
.cols-4-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8px; margin-bottom: 1rem;
}
/* ════════════════════════════════════════════════════════
   RESPONSIVE (GENERAL)
   ════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  .hero-mascot-title  { font-size: 1.45rem; }
  .wvas-tipo-grid     { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .wvas-ayuda-grid    { grid-template-columns: repeat(2, 1fr); }
  .wvas-img-banner    { height: 130px; }
  .table-awesome { font-size: 0.79rem; }
 
  /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */
  .wvas-callout {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-norma {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-callout-mascot,
  .wvas-norma-mascot {
    width: auto;
  }
  .wvas-callout-content,
  .wvas-norma-content {
    width: 100%;
    text-align: left;   /* el texto interior alineado a la izquierda */
  }
  .wvas-callout-title,
  .wvas-norma-title {
    text-align: center; /* solo el título centrado */
  }
}
@media (max-width: 700px) {
  .cols-20-80-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .sp-sidebar {
    border-right: none;
    border-bottom: 0.5px solid #dde6ef;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 8px;
    gap: 6px;
  }
  .sp-sidebar-label,
  .sp-sidebar-foot { display: none; }
  .sp-item {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
    padding: 8px 10px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 3px;
  }
  /* En mobile el indicador es borde inferior */
  .sp-item.active::after { display: none; }
  .sp-item.active { border-bottom: 2px solid #006699; }
  .sp-item-icon img { margin: 0 auto; }
  .sp-item-hint { display: none; }
  .sp-content { padding: 16px; }
}
@media (max-width: 520px) {
  .hero-mascot-top      { flex-direction: column; gap: 0.75rem; }
  .hero-mascot-mascot img { width: 66px; }
  .hero-mascot-title  { font-size: 1.22rem; }
  .wvas-img-banner    { height: 95px; border-radius: 10px; }
  .wvas-ref-cols      { grid-template-columns: 1fr; }
  .wvas-ayuda-grid    { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .table-awesome thead { display: none; }
  .table-awesome td { display: block; padding: 0.3rem 0.7rem; }
  .table-awesome td:first-child { padding-top: 0.7rem; }
  .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; }
}
@media (max-width: 420px) {
  .sp-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
   SELECTOR PANEL (20% / 80%)
   ════════════════════════════════ */
.sp-sidebar {
  background: #f5f7fa;
  border-right: 0.5px solid #dde6ef;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sp-sidebar-label {
  font-size: 11px;
  font-weight: 700;
  color: #9aa5b4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.sp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: 0.5px solid transparent;
  transition: background 0.15s, border-color 0.15s;
  user-select: none;
  position: relative;
}
.sp-item:hover {
  background: #fff;
  border-color: #c5d0dc;
}
.sp-item.active {
  background: #fff;
  border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.sp-item.active::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 20%;
  height: 60%;
  width: 2.5px;
  background: #006699;
  border-radius: 2px 0 0 2px;
}
.sp-item-icon {
  font-size: 20px;
  flex-shrink: 0;
  color: #9aa5b4;
  transition: color 0.15s;
  width: 22px;
  text-align: center;
}
/* Soporte para imagen wiki como icono */
.sp-item-icon img {
  width: 22px;
  height: auto;
  display: block;
  opacity: 0.55;
  transition: opacity 0.15s;
}
.sp-item.active .sp-item-icon { color: #006699; }
.sp-item.active .sp-item-icon img { opacity: 1; }
.sp-item-name {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  line-height: 1.3;
}
.sp-item-hint {
  font-size: 11px;
  color: #9aa5b4;
  margin-top: 1px;
}
/* Hint inferior del sidebar */
.sp-sidebar-foot {
  font-size: 11px;
  color: #b0bec5;
  text-align: center;
  padding: 6px 0 2px;
  margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.sp-content {
  padding: 20px 24px;
  overflow-y: auto;
  min-height: 300px;
}
.sp-panel { display: none; }
.sp-panel.active { display: block; }

/* ════════════════════════════════════════════════════════
   SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE
   ════════════════════════════════════════════════════════ */

/* ── Caja exterior que envuelve todo ── */
.wv-doc-outer {
  background: #f8f9fb;
  border: 1.5px solid #d8e2ec;
  border-radius: 14px;
  padding: 1.1rem 1.25rem 1rem;
  margin-bottom: 1.5rem;
  font-family: 'Segoe UI', Arial, sans-serif;
  max-width: 700px;
}
 
/* ── Introducción ── */
.wv-doc-intro { margin-bottom: 12px; }
.wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; }
.wv-doc-tname-head {
  font-size: 1rem; font-weight: 700; color: #003d5c;
  margin: 0 0 4px; padding: 0; border: none;
}
.wv-doc-desc {
  font-size: 0.84rem; color: #445;
  line-height: 1.6; margin: 0 0 8px;
}
.wv-doc-hint {
  font-size: 0.8rem; color: #778;
  line-height: 1.5; margin: 0 0 10px;
}
.wv-doc-req-inline { color: #C0392B; font-weight: 600; }
.wv-doc-opt-inline { color: #2471A3; font-weight: 600; }
 
/* ── Leyenda ── */
.wv-doc-legend {
  display: flex; gap: 14px; flex-wrap: wrap;
  margin-bottom: 12px;
}
.wv-doc-leg {
  display: flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 600;
}
.wv-doc-leg::before {
  content: ''; width: 3px; height: 13px;
  border-radius: 2px; flex-shrink: 0; display: inline-block;
}
.wv-doc-req-leg { color: #C0392B; }
.wv-doc-req-leg::before { background: #C0392B; }
.wv-doc-opt-leg { color: #2471A3; }
.wv-doc-opt-leg::before { background: #2471A3; }
 
/* ── Cards (sintaxis y ejemplo) ── */
.wv-doc-card {
  background: #fff;
  border: 0.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.wv-doc-example-card { margin-bottom: 10px; }
 
/* ── Cabecera de card ── */
.wv-doc-card-top {
  background: #f0f4f8;
  border-bottom: 0.5px solid #cdd8e4;
  padding: 6px 12px;
  display: flex; align-items: center;
  justify-content: space-between; gap: 8px;
}
.wv-doc-card-label {
  font-size: 11px; font-weight: 700; color: #667;
  text-transform: uppercase; letter-spacing: 0.06em;
}
.wv-doc-card-label.example-label { color: #2471A3; }
 
/* ── Botón copiar ── */
.wv-doc-copy-btn {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11.5px; font-weight: 600; cursor: pointer;
  color: #334; background: #fff;
  border: 0.5px solid #bbc8d4; border-radius: 6px;
  padding: 3px 10px; user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
}
.wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
 
/* ── Bloque de código ── */
.wv-doc-block {
  padding: 6px 0 8px;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.35;
}
.wv-doc-block-open,
.wv-doc-block-close {
  padding: 3px 12px;
  color: #aab;
}
.wv-doc-blockname { color: #003d5c; font-weight: 600; }
.wv-doc-brace { color: #bbc; }
 
/* ── Filas de parámetros ── */
.wv-doc-params { padding: 0; }
.wv-doc-params &gt; * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.wv-doc-params p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.wv-doc-row {
  display: flex; align-items: baseline;
  padding: 2px 12px 2px 9px;
  border-left: 3px solid transparent;
  transition: background 0.1s;
  line-height: 1.5;
}
.wv-doc-row:hover { background: #f5f8fb; }
.wv-doc-req { border-color: #C0392B; }
.wv-doc-opt { border-color: #2471A3; }
.wv-doc-req .wv-doc-key { color: #C0392B; }
.wv-doc-opt .wv-doc-key { color: #2471A3; }
.wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; }
.wv-doc-key { font-weight: 700; white-space: nowrap; }
.wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; }
.wv-doc-optvals { color: #889; font-size: 12px; }
 
/* Filas del bloque ejemplo (generadas por JS) */
.wv-doc-example-val { color: #334; }
 
/* ── Notas al pie ── */
.wv-doc-footer {
  border-top: 0.5px solid #dde6ef;
  padding: 8px 2px 0;
  display: flex; flex-direction: column; gap: 3px;
  margin-top: 4px;
}
.wv-doc-nota {
  font-size: 11.5px; color: #889; line-height: 1.5;
	padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wv-doc-nota ul { list-style: none; padding: 0; margin: 0; }
.wv-doc-nota li::before { content: '→ '; color: #bbc; }

/* ── Responsive ── */
@media (max-width: 520px) {
  .wv-doc-outer { padding: 0.85rem 0.9rem; }
  .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; }
  .wv-doc-copy-btn { width: 100%; justify-content: center; }
}

/* ════════════════════════════════════════════════════════
   SELECTOR HORIZONTAL DE PESTAÑAS
   ════════════════════════════════════════════════════════ */
/* ── Contenedor general ── */
.htab-wrap {
  border: 0.5px solid #cdd8e4;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

/* ── Barra superior: color + patrón de puntos ── */
.htab-bar {
  background-color: #D4537E;
  background-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.12) 1.5px,
    transparent 1.5px
  );
  background-size: 20px 20px;
  position: relative;
  overflow: hidden;
  padding: 14px 14px 12px;
  border-bottom: 2.5px solid #993556;
}

/* ── Fondo animado: formas moviéndose de derecha a izquierda ── */
.htab-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.htab-bg-track {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  height: 100%;
  white-space: nowrap;
  animation: htab-marquee 18s linear infinite;
}
@keyframes htab-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Formas del fondo */
.hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); }
.hs-circle  { width: 9px;  height: 9px;  border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; }
.hs-bar     { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); }
.hs-sq      { width: 8px;  height: 8px;  border: 1.5px solid rgba(255,255,255,0.18); }
.hs-tri     { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); }

/* ── Pestañas ── */
.htab-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  position: relative;
  z-index: 1;
}
.htab-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 8px;
  padding: 7px 15px;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: background 0.15s, transform 0.13s, border-color 0.15s;
}
.htab-tab:hover:not(.active) {
  background: rgba(255,255,255,0.25);
  transform: translateY(-2px);
}
.htab-tab.active {
  background: #EF9F27;
  border-color: #BA7517;
  color: #412402;
  transform: translateY(-1px);
}
/* Imágenes wiki dentro de la pestaña como icono */
.htab-tab figure { float: none !important; margin: 0 !important; }
.htab-tab img    { width: 18px; height: auto; display: block; }

/* ── Partículas ── */
.htab-prt {
  position: absolute;
  pointer-events: none;
  z-index: 20;
  border-radius: 50%;
}

/* Click — explosión */
.htab-prt-b {
  animation: htab-burst var(--dur, 0.4s) ease-out forwards;
}
@keyframes htab-burst {
  0%   { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; }
  100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; }
}

/* Hover — flotantes */
.htab-prt-h {
  animation: htab-float var(--dur, 0.65s) ease-out forwards;
}
@keyframes htab-float {
  0%   { transform: translateY(0) translateX(0); opacity: 0.85; }
  100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; }
}

/* ── Área de contenido ── */
.htab-panels {
  background: #fff;
  padding: 22px 22px 18px;
  min-height: 160px;
}
.htab-panel { display: none; }
.htab-panel.active {
  display: block;
  animation: htab-fadein 0.22s ease;
}
@keyframes htab-fadein {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 700px) {
  .htab-bar  { padding: 11px; }
  .htab-tab  { padding: 6px 12px; font-size: 12px; gap: 5px; }
  .htab-panels { padding: 16px; }
}
@media (max-width: 420px) {
  .htab-tab  { padding: 5px 10px; font-size: 11px; }
  .htab-panels { padding: 12px; }
}

/* ════════════════════════════════════════════════════════════════
   WVA - SISTEMA DE SECCIONES DE ARTÍCULO
   ════════════════════════════════════════════════════════════════ */

/* ═══ ANIMACIONES ═══ */
@keyframes wva-in  { from{opacity:0;transform:translateY(10px)}  to{opacity:1;transform:translateY(0)} }
@keyframes wva-sl  { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} }
@keyframes wva-pop { from{opacity:0;transform:scale(0.93)}       to{opacity:1;transform:scale(1)} }
@keyframes wva-bar { from{width:0} to{width:var(--w,100%)} }
@keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} }
@keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} }

/* ══════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════ */
.wva-hero{
  background:var(--pk);position:relative;overflow:hidden;
  padding:28px 24px 44px;border-bottom:3px solid #111;
  clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%);
  margin-bottom:-2px;animation:in 0.6s ease both;
}
.wva-hero-dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px);
  background-size:22px 22px;}
.wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px;
  letter-spacing:10px;animation:glo 2.5s ease-in-out infinite}
.wva-hi{position:relative;z-index:1}
.wva-hi-loc{display:inline-block;background:var(--yw);color:#111;
  font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111;
  line-height:.95;margin-bottom:12px;border:none;padding:0}
.wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px}
.wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px}

/* ══════════════════════════════════════════════════════
   FICHA TÉCNICA — barra de stats oscura
   ══════════════════════════════════════════════════════ */
.wva-ficha {
  background: var(--bk); padding: 16px 20px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
  gap: 16px; border-bottom: var(--bd);
  animation: wva-in .5s ease .08s both;
}
/* Dot pattern sobre negro */
.wva-ficha::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px);
  background-size: 14px 14px;
}
.wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; }
.wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); }
.wva-fb-info strong { color:var(--yw);font-weight:700; }

.wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; }
.wva-sg { font-size:14px;font-weight:900;width:30px; }
.wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; }
.wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; }
.sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)}
.sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)}

/* ══════════════════════════════════════════════════════
   SECTION WRAPPER
   ══════════════════════════════════════════════════════ */
.wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; }
.bg-w   { background:#fff; }
.bg-yw  { background:var(--yw);position:relative; }
.bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; }
.bg-yw &gt; * { position:relative;z-index:1; }
.bg-cr  { background:#FFF8F0; }
.bg-war { background:#FFF5F5; }
.bg-mn  { background:#FFFDE7; }
.bg-sc  { background:#FFF0F8;
  background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; }
.bg-hl  { background:#F0FFF4; }
.bg-mv  { background:#F8F8FF; }
.bg-ar  { background:#F0F9FF; }

/* ══════════════════════════════════════════════════════
   SECTION HEADER
   ══════════════════════════════════════════════════════ */
.wva-sh {
  display:flex;align-items:center;gap:10px;
  padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden;
}
.wva-sh .ico { font-size:17px;flex-shrink:0; }
.wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; }
.wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; }

/* NEGRO + AMARILLO (estilo SQUAD) */
.sh-bk { background:var(--bk); }
.sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; }
.sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; }

/* AMARILLO + NEGRO (estilo VANGUARD) */
.sh-yw { background:var(--yw); }
.sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; }
.sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; }

.sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff}
.sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff}
.sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff}
.sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff}
.sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff}
.sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff}
.sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)}

/* ══════════════════════════════════════════════════════
   SUBHEADER
   ══════════════════════════════════════════════════════ */
.wva-sub {
  display:flex;align-items:center;gap:8px;padding:8px 20px 4px;
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);
}
.wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; }

/* ══════════════════════════════════════════════════════
   BODY / 2 COLS
   ══════════════════════════════════════════════════════ */
.wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; }
.wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; }
.wva-body strong { color:var(--bk);font-weight:700; }

.wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; }
.wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   GRIDS
   ══════════════════════════════════════════════════════ */
.g    { padding:12px 20px; }
.g-2  { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.g-3  { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.g-a  { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; }
.g-r  { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; }
.g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; }

/* ══════════════════════════════════════════════════════
   PRACTICAL TIP CARD
   ══════════════════════════════════════════════════════ */
.ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden;
  transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; }
.ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); }
.ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; }
.ptip-b strong { color:var(--bk);font-weight:700; }

.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }

/* ══════════════════════════════════════════════════════
   TALENT CARD (secretos — estilo squad card)
   ══════════════════════════════════════════════════════ */
.tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px;
  overflow:hidden;position:relative;animation:wva-pop .4s ease both;
  transition:transform .15s,box-shadow .15s;cursor:default; }
.tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); }
.tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; }

.tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;
  padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; }
.tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; }
.tcard-stats { margin-bottom:7px; }
.tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); }
.tsg { font-size:13px;font-weight:900;width:26px; }
.tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; }
.tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; }
.tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; }
.tcard-tags { display:flex;gap:4px;flex-wrap:wrap; }

/* ══════════════════════════════════════════════════════
   REGION CARD
   ══════════════════════════════════════════════════════ */
.rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px;
  border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; }
.rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }
.rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; }

/* ══════════════════════════════════════════════════════
   CITY CARD
   ══════════════════════════════════════════════════════ */
.ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r);
  cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; }
.ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); }
.ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;
  border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; }
.ccard-badge.pk { background:var(--pk);color:#fff; }
.ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; }

/* ══════════════════════════════════════════════════════
   TRANSPORT CARD
   ══════════════════════════════════════════════════════ */
.tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r);
  display:flex;flex-direction:column;gap:6px;cursor:default;
  transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; }
.tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); }
.tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.tport-icon { font-size:24px;line-height:1; }
.tport-name { font-size:13px;font-weight:800;color:var(--bk); }
.tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; }
.tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)}
.tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)}
.tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)}
.tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)}
.tp-bk::before{background:var(--bk)}

/* ══════════════════════════════════════════════════════
   ALERT BOX
   ══════════════════════════════════════════════════════ */
.wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px;
  border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; }
.wva-al + .wva-al { margin-top:8px; }
.wva-al:last-of-type { margin-bottom:12px; }
.a-warn  { border-color:var(--rd); background:#FFF5F5; }
.a-tip   { border-color:var(--cy); background:#F0FDFF; }
.a-ok    { border-color:var(--gn); background:#F0FFF4; }
.a-money { border-color:#F5A000;   background:#FFFDE7; }
.a-info  { border-color:var(--bl); background:#F0F8FF; }
.a-pink  { border-color:var(--pk); background:#FFF0F8; }
.al-em   { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; }
.al-txt  { font-size:12.5px;color:#333;line-height:1.62; }
.al-txt strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   LIST ITEMS
   ══════════════════════════════════════════════════════ */
.wva-list { padding:0 20px 12px; }
.wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08);
  align-items:flex-start;transition:padding-left .14s;cursor:default; }
.wva-li:last-child { border-bottom:none; }
.wva-li:hover { padding-left:6px; }
.wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm);
  display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;
  background:var(--wh);transition:transform .14s; }
.wva-li:hover .wva-li-ico { transform:scale(1.06); }
.wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; }
.wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; }
.wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; }

/* ══════════════════════════════════════════════════════
   NEXT DESTINATIONS
   ══════════════════════════════════════════════════════ */
.wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; }
.ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r);
  padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default;
  transition:background .14s,transform .14s,box-shadow .14s; }
.ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }

/* ══════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════ */
@media (max-width:760px) {
  .wva-hero { grid-template-columns:1fr; }
  .wva-himg { display:none; }
  .wva-hc::after { display:none; }
  .wva-hi-h { font-size:38px; }
  .g-2,.g-3 { grid-template-columns:1fr; }
  .wva-2c { grid-template-columns:1fr; }
  .wva-ficha { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px) {
  .wva-hc { padding:20px 14px 28px; }
  .wva-hi-h { font-size:28px; }
  .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; }
  .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; }
  .wva-al { margin-left:14px;margin-right:14px; }
  .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; }
  .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; }
}</text>
      <sha1>e8lj3uuwqqj2h9b2242npmluhlgq8it</sha1>
    </revision>
    <revision>
      <id>253751</id>
      <parentid>253741</parentid>
      <timestamp>2026-05-22T20:50:02Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253751</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="80250" sha1="dh2cnyo7mt3hrn7umvw06fimlacbu7m" xml:space="preserve">/* ════════════════════════════════
   Función de acordeón tipo FAQ / Funciona con el js correspondiente
   ════════════════════════════════ */
.accordion-content{
    display:none;
}

.accordion-content.active {
    display:block;
}

.accordion-clicky{
    cursor:pointer;
    user-select:none;
}

:root {
  --pk: #FF00BB;  --yw: #FFE600;  --cy: #00BFFF;
  --gn: #00C853;  --or: #FF6B00;  --rd: #FF2200;
  --pu: #7A00FF;  --bl: #0099FF;  --bk: #111111;
  --wh: #FFFFFF;  --mu: #555555;
  --bd:  3px solid #111;
  --bd2: 2.5px solid #111;
  --r:   10px;
  --rsm: 6px;
  --rlg: 16px;
  --font: 'Segoe UI', Arial, sans-serif;
}

.wva-config { box-sizing: border-box; margin: 0; padding: 0; margin: 0 auto; background: var(--wh); border: var(--bd); overflow: hidden; font-family: var(--font)}

/* ── Reset interno ── */
.config-general * { box-sizing: border-box; }
.config-general { font-family: var(--font); line-height: 1.6; }

/* ── Force links icon ── */
.doc-simple-outer a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;])::after,
.config-general a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;]):not([href*=&quot;/File:&quot;]):not([href*=&quot;/Archivo:&quot;])::after {
  content: ' [↗]';
  font-size: 0.78em;
  opacity: 0.55;
  font-weight: normal;
  text-decoration: none;
}
.config-general a:has(img)::after{
    content:none !important;
}
/* El enlace [editar] no participa en el flex */
.config-general .mw-editsection {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
}

/* ════════════════════════════════
   Decorativos inline
   ════════════════════════════════ */
.chip-inline {
  display: inline-block; font-size: 0.69rem; font-weight: 700;
  padding: 1px 8px; border-radius: 20px; margin-top: 3px;
  color: #fff;
}
.badge-inline {
	background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px
			  }
.tag-inline {
  display: inline-block; font-size: 0.72rem; font-weight: 700;
  padding: 3px 10px; border-radius: 20px;
  background: #E6F1FB; color: #006699; margin-top: 0.3rem;
  text-decoration: none; transition: background 0.15s;
}
.tag-inline:hover { background: #c5dff0; }

.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }

.tags-structure { display:flex;gap:5px;flex-wrap:wrap; }

/* ════════════════════════════════
   Plantilla: Tríptico - Código para que funcione bien. Full Responsive
   ════════════════════════════════ */
.triptico {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: stretch;
}

.triptico-wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.triptico-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ── card base ── */
.tc-card {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.tc-card::before {
  content: '';
  display: block;
  padding-top: var(--card-ratio, 100%);
}

.tc-card-inner {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}

/* imagen wiki como fondo */
.tc-card-img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  display: block;
}

.tc-card-img a,
.tc-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  text-decoration: none;
  pointer-events: none;
}

/* enlace que cubre todo el card */
.tc-card-link {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 5;
  display: block;
  background: transparent;
}

.tc-card-link:hover ~ .tc-tag-top,
.tc-card-link:hover ~ .tc-tag-bot {
  background: rgba(0,0,0,0.82);
}

/* ── tags de esquina ── */
.tc-tag-top {
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-tag-bot {
  position: absolute;
  bottom: 0; right: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  text-align: right;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-card-inner:hover .tc-tag-top {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-card-inner:hover .tc-tag-bot {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-tag-top,
.tc-tag-bot {
  transition: background 0.25s;
}

.tc-tag-top::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

.tc-tag-bot::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

/* ── card-vert ── */
.tc-card-vert .tc-card-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.tc-texto-vert {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.3em;
  writing-mode: vertical-rl;
  transform: rotate(180deg) scaleX(1.4);
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  font-size: var(--vert-size, 56px);
  z-index: 3;
  position: relative;
  pointer-events: none;
  margin-right: 14px;
  margin-top: 10px;
  margin-left: 30px;
}

/* ── bloque de texto ── */
.tc-texto {
  width: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
  background: var(--tc-texto-bg, transparent);
  color: var(--tc-texto-color, inherit);
}

/* ── header flotante ── */
.tc-header-wrap {
  position: absolute;
  top: 0;
  left: 0; right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.tc-header {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 22px;
  background: var(--tc-header-bg, #111);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  white-space: nowrap;
  pointer-events: auto;
  transition: background 0.25s;
}

.tc-header::before {
  content: '';
  position: absolute;
  inset: 2px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);
}

.tc-header-accent {
  position: absolute;
  bottom: -3px;
  left: 10px; right: 10px;
  height: 2px;
  background: var(--tc-acento, #e63946);
  transition: background 0.25s;
}

@media (max-width: 900px) {
  .triptico { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .triptico { grid-template-columns: 1fr; }
}

/* tc-tira */
.tc-tira {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex: none;
  min-height: 72px;
  max-height: 110px;
  background: var(--tc-tira-bg, #111);
  overflow: hidden;
}

/* línea de acento superior */
.tc-tira::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--tc-tira-acento, #e63946);
  z-index: 2;
}

/* brillo sutil */
.tc-tira-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.tc-tira-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding: 10px 6px;
  gap: 3px;
  text-align: center;
  transition: background 0.2s;
}

.tc-tira-items {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 3px 0 0 0;
  min-width: 0;
}

.tc-tira-item:hover {
  background: rgba(255,255,255,0.04);
}

.tc-tira-item img,
.tc-tira-item a img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 2px;
}

.tc-tira-item .thumbinner,
.tc-tira-item .thumb,
.tc-tira-item figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-tira-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-valor {
  font-size: 12px;
  font-weight: bold;
  color: var(--tc-tira-txt, #fff);
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-sep {
  width: 1px;
  align-self: stretch;
  background: rgba(255,255,255,0.08);
  flex-shrink: 0;
  margin: 10px 0;
}

/* ── itinerario ── */
.tc-itinerario {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 0 6px 0;
  background: var(--tc-it-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tc-it-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  margin-bottom: 4px;
}

.tc-it-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-it-acento, #e63946);
  flex: 1;
}

.tc-it-total {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}

/* línea de tiempo vertical */
.tc-it-linea {
  position: absolute;
  left: 28px;
  top: 50px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    var(--tc-it-acento, #e63946),
    rgba(255,255,255,0.05)
  );
}

.tc-it-lista {
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.tc-it-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px 14px 8px 48px;
  transition: background 0.2s;
}

.tc-it-item:hover {
  background: rgba(255,255,255,0.03);
}

/* nodo en la línea de tiempo */
.tc-it-nodo {
  position: absolute;
  left: 22px;
  top: 13px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--tc-it-bg, #0d0d0d);
  border: 2px solid var(--tc-it-acento, #e63946);
  box-sizing: border-box;
  z-index: 2;
}

.tc-it-item:first-child .tc-it-nodo {
  background: var(--tc-it-acento, #e63946);
}

/* fila superior: lugar + tiempo */
.tc-it-fila-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}

.tc-it-lugar {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tc-it-tiempo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: var(--tc-it-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* actividad */
.tc-it-actividad {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
  margin-bottom: 4px;
}

/* badges de propiedades */
.tc-it-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.tc-it-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
  line-height: 1.4;
}

.tc-it-badge-acento {
  border-color: var(--tc-it-acento, #e63946);
  color: var(--tc-it-acento, #e63946);
}

/* separador entre items */
.tc-it-item + .tc-it-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 48px; right: 14px;
  height: 1px;
  background: rgba(255,255,255,0.05);
}

/* ════════════════════════════════
   tc-gastronomia
   ════════════════════════════════ */
.tc-gastro {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-gastro-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-gastro-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-gastro-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

.tc-gastro-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  justify-content: space-between;
}

.tc-gastro-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  position: relative;
  transition: background 0.2s;
}

.tc-gastro-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-gastro-item + .tc-gastro-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* foto */
.tc-gastro-foto {
  width: 64px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.tc-gastro-foto img,
.tc-gastro-foto a img {
  width: 64px !important;
  height: 100% !important;
  min-height: 64px;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.tc-gastro-foto .thumbinner,
.tc-gastro-foto .thumb,
.tc-gastro-foto figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
}

/* línea de acento lateral */
.tc-gastro-item::before {
  content: '';
  position: absolute;
  left: 64px;
  top: 0; bottom: 0;
  width: 2px;
  background: var(--tc-gastro-acento, #e63946);
  opacity: 0;
  transition: opacity 0.2s;
}

.tc-gastro-item:hover::before {
  opacity: 1;
}

/* contenido textual */
.tc-gastro-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 12px 10px 14px;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.tc-gastro-nombre {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-gastro-lugar {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-desc {
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  line-height: 1.4;
  margin-top: 2px;
}

.tc-gastro-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 4px;
}

.tc-gastro-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.4);
  line-height: 1.4;
}

.tc-gastro-badge-acento {
  border-color: var(--tc-gastro-acento, #e63946);
  color: var(--tc-gastro-acento, #e63946);
}


/* ════════════════════════════════
   tc-transporte
   ════════════════════════════════ */
.tc-transporte {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-trans-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-trans-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-trans-acento, #1d6fa4);
}

.tc-trans-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

/* secciones: transporte y lugares */
.tc-trans-seccion {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-seccion-label {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding: 7px 14px 4px 14px;
}

.tc-trans-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-trans-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  position: relative;
  transition: background 0.2s;
}

.tc-trans-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-trans-item + .tc-trans-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* icono de transporte o lugar */
.tc-trans-icono {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255,255,255,0.05);
  overflow: hidden;
}

.tc-trans-icono img,
.tc-trans-icono a img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-trans-icono .thumbinner,
.tc-trans-icono .thumb,
.tc-trans-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-trans-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}

.tc-trans-nombre {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-desc {
  font-size: 9px;
  color: rgba(255,255,255,0.4);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-meta {
  font-size: 9px;
  font-weight: bold;
  color: var(--tc-trans-acento, #1d6fa4);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.04em;
}

/* divisor entre secciones */
.tc-trans-div {
  height: 1px;
  background: linear-gradient(
    to right,
    var(--tc-trans-acento, #1d6fa4),
    rgba(255,255,255,0.05)
  );
  margin: 4px 14px;
}

/* badge de lugar destacado */
.tc-trans-estrella {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tc-trans-acento, #1d6fa4);
  flex-shrink: 0;
}

/* texto adaptable según fondo */
.tc-gastro-nombre  { color: var(--tc-gastro-txt, #fff); }
.tc-gastro-desc    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); }
.tc-gastro-badge   { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); 
                     border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); }

.tc-trans-nombre   { color: var(--tc-trans-txt, #fff); }
.tc-trans-desc     { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); }
.tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); }
.tc-trans-subtitulo     { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); }
.tc-gastro-subtitulo    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); }

/* ════════════════════════════════
   tc-callout — base compartida
   ════════════════════════════════ */
.tc-callout {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}

.tc-callout-barra {
  width: 4px;
  flex-shrink: 0;
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  flex: 1;
  min-width: 0;
  background: var(--tc-co-bg, rgba(29,111,164,0.08));
}

.tc-callout-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.tc-callout-icono {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.tc-callout-icono img,
.tc-callout-icono a img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-callout-icono .thumbinner,
.tc-callout-icono .thumb,
.tc-callout-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-callout-tipo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-titulo {
  font-size: 13px;
  font-weight: bold;
  color: var(--tc-co-txt, #fff);
  line-height: 1.3;
}

.tc-callout-texto {
  font-size: 11px;
  line-height: 1.6;
  color: var(--tc-co-txt2, rgba(255,255,255,0.6));
}

.tc-callout-texto a {
  color: var(--tc-co-acento, #1d6fa4);
  text-decoration: none;
}

.tc-callout-texto a:hover {
  text-decoration: underline;
}

.tc-callout-footer {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
  margin-top: 2px;
}

/* ── variante: bloque lleno sin barra lateral ── */
.tc-callout-filled {
  flex-direction: column;
}

.tc-callout-filled .tc-callout-barra {
  width: 100%;
  height: 3px;
}

.tc-callout-filled .tc-callout-body {
  padding: 12px 14px;
}

/* ── variante: destacado con fondo marcado ── */
.tc-callout-solid .tc-callout-body {
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-solid .tc-callout-tipo {
  color: rgba(255,255,255,0.7);
}

.tc-callout-solid .tc-callout-titulo {
  color: #fff;
}

.tc-callout-solid .tc-callout-texto {
  color: rgba(255,255,255,0.75);
}

.tc-callout-solid .tc-callout-footer {
  color: rgba(255,255,255,0.6);
}

.tc-callout-solid .tc-callout-barra {
  background: rgba(0,0,0,0.2);
}

/* ── separador interno ── */
.tc-callout-sep {
  height: 1px;
  background: var(--tc-co-acento, #1d6fa4);
  opacity: 0.2;
  margin: 4px 0;
}

/* ════════════════════════════════
   tc-lista — lista de ítems simple
   ════════════════════════════════ */
.tc-lista {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-lista-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-lista-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-lista-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-lista-acento, #e63946);
}

.tc-lista-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-lista-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  transition: background 0.2s;
  position: relative;
}

.tc-lista-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-lista-item + .tc-lista-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-lista-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tc-lista-acento, #e63946);
  flex-shrink: 0;
}

.tc-lista-txt {
  font-size: 12px;
  color: var(--tc-lista-txt, #fff);
  line-height: 1.4;
  flex: 1;
}

.tc-lista-meta {
  font-size: 10px;
  font-weight: bold;
  color: var(--tc-lista-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ════════════════════════════════
   tc-cita — cita o quote destacado
   ════════════════════════════════ */
.tc-cita {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-cita-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 18px 16px 22px;
  overflow: hidden;
}

.tc-cita-marca {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 52px;
  line-height: 1;
  color: var(--tc-cita-acento, #e63946);
  opacity: 0.25;
  font-family: Georgia, serif;
  pointer-events: none;
  user-select: none;
}

.tc-cita-barra {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--tc-cita-acento, #e63946);
}

.tc-cita-texto {
  font-size: 13px;
  line-height: 1.7;
  color: var(--tc-cita-txt, #fff);
  font-style: italic;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.tc-cita-autor {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-cita-acento, #e63946);
  position: relative;
  z-index: 1;
}

.tc-cita-fuente {
  font-size: 9px;
  color: var(--tc-cita-txt2, rgba(255,255,255,0.35));
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

/* ════════════════════════════════
   tc-stat — estadísticas / cifras
   ════════════════════════════════ */
.tc-stat {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-stat-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-stat-header {
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-stat-acento, #e63946);
}

.tc-stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1;
  min-height: 0;
}

.tc-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  gap: 3px;
  position: relative;
  transition: background 0.2s;
}

.tc-stat-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-stat-item:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item + .tc-stat-item,
.tc-stat-item ~ .tc-stat-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item:nth-child(1),
.tc-stat-item:nth-child(2) {
  border-top: none;
}

.tc-stat-cifra {
  font-size: 22px;
  font-weight: bold;
  color: var(--tc-stat-acento, #e63946);
  line-height: 1;
  letter-spacing: -0.02em;
}

.tc-stat-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.4));
  text-align: center;
  line-height: 1.3;
}

.tc-stat-sub {
  font-size: 9px;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.25));
  text-align: center;
}


/* ════════════════════════════════
   ASISTENTE DE CREACIÓN DE ARTÍCULOS
   ════════════════════════════════ */
/* ════════════════════════════════
   HERO BANNER
   ════════════════════════════════ */
.hero-mascot {
  background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%);
  border-radius: 16px;
  padding: 1.75rem 1.75rem 1.5rem;
  margin-bottom: 1.25rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.hero-mascot::before {
  content: ''; position: absolute; top: -50px; right: -40px;
  width: 230px; height: 230px;
  background: rgba(255,255,255,0.06); border-radius: 50%;
}
.hero-mascot::after {
  content: ''; position: absolute; bottom: -70px; left: 28%;
  width: 280px; height: 280px;
  background: rgba(255,255,255,0.04); border-radius: 50%;
}
.hero-mascot-top {
  display: flex; align-items: flex-start; gap: 1.25rem;
  position: relative; z-index: 1;
}
.hero-mascot-mascot { flex-shrink: 0; }
.hero-mascot-mascot img {
  width: 120px; height: auto;
  filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3));
  animation: wvas-float 3.5s ease-in-out infinite;
}
.hero-mascot-title {
  font-size: 1.75rem; font-weight: 800; line-height: 1.2;
  margin: 0 0 0.4rem; color: #fff; border: none; padding: 0;
}
.hero-mascot-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; }
.hero-mascot-divider {
  border: none; border-top: 1px solid rgba(255,255,255,0.22);
  margin: 1.1rem 0 1rem; position: relative; z-index: 1;
}
.hero-mascot-about { position: relative; z-index: 1; }
.hero-mascot-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; }
.hero-mascot-about a { color: #21e82b; font-weight: 700; }
.hero-mascot-about p:last-child { margin: 0; }
 
/* ════════════════════════════════
   IMAGE BANNER (5 fotos + corte diagonal)
   ════════════════════════════════ */
.wvas-img-banner {
  display: flex;
  height: 195px;
  border-radius: 14px;
  overflow: hidden;
  background: #004d70;
}
.wvas-img-slot {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
  min-width: 0;
}
.wvas-img-slot:not(:first-child) {
  clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -22px;
}
.wvas-img-slot:nth-child(2) { z-index: 2; }
.wvas-img-slot:nth-child(3) { z-index: 3; }
.wvas-img-slot:nth-child(4) { z-index: 4; }
.wvas-img-slot:nth-child(5) { z-index: 5; }
.wvas-img-slot figure,
.wvas-img-slot .mw-file-description,
.wvas-img-slot a {
  display: block !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
}
.wvas-img-slot img {
  display: block !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  margin: 0 !important; border: 0 !important;
  vertical-align: top !important; max-width: none !important;
}
 
/* ════════════════════════════════
   SECTION HEADER
   ════════════════════════════════ */
.wvas-sh {
  display: flex; align-items: center; gap: 0.65rem;
  margin: 1.9rem 0 1rem;
}
.wvas-sh-icon {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; flex-shrink: 0;
}
.wvas-sh h2 {
  font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c;
}
.wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; }

/* ════════════════════════════════
   NORMAS — siempre visibles, con hover
   ════════════════════════════════ */

.wvas-norma {
  border-radius: 12px; padding: 0.9rem 1rem;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 0.7rem;
  align-items: center;
  border: 1.5px solid;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-norma:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.wvas-norma-mascot { width: 90px;  display: flex; align-items: center; justify-content: center; }
.wvas-norma-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-norma-mascot figure { float: none !important; margin: 0 !important; }
.wvas-norma-content { min-width: 0; }
.wvas-norma-title {
  font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
  letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.wvas-norma-text { font-size: 0.82rem; line-height: 1.57; }
.wvas-norma-text a { font-weight: 700; }
.wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.wvas-n-error .wvas-norma-title { color: #A32D2D; }
.wvas-n-error a { color: #A32D2D; }
.wvas-n-warn  { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.wvas-n-warn  .wvas-norma-title { color: #7a4a00; }
.wvas-n-warn  a { color: #854F0B; }
.wvas-n-tip   { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.wvas-n-tip   .wvas-norma-title { color: #0F6E56; }
.wvas-n-tip   a { color: #085041; }
.wvas-n-info  { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.wvas-n-info  .wvas-norma-title { color: #006699; }
.wvas-n-info  a { color: #006699; }
 
/* ════════════════════════════════
   CALLOUT (genérico)
   Grid interno: mascota | contenido (desktop)
                 mascota (arriba) + contenido (abajo) en mobile
   ════════════════════════════════ */
.wvas-callout {
  border-radius: 12px; padding: 0.9rem 1.1rem;
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.8rem;
  align-items: center;
  border-left: 4px solid;
  transition: box-shadow 0.18s;
}
.wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); }
.wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; }
.wvas-callout-mascot img { width: 80px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-callout-mascot figure { float: none !important; margin: 0 !important; }
.wvas-callout-content { min-width: 0; }
.wvas-callout-title {
  font-weight: 800; font-size: 0.81rem; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.22rem;
}
.wvas-callout-body { font-size: 0.85rem; line-height: 1.58; }
.wvas-callout-body a { font-weight: 700; text-decoration: none; }
.wvas-callout-body a:hover { text-decoration: underline; }
.wvas-co-tip    { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; }
.wvas-co-tip    .wvas-callout-title { color: #0F6E56; }
.wvas-co-tip    a { color: #085041; }
.wvas-co-info   { background: #E6F1FB; border-color: #006699; color: #042C53; }
.wvas-co-info   .wvas-callout-title { color: #006699; }
.wvas-co-info   a { color: #185FA5; }
.wvas-co-warn   { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; }
.wvas-co-warn   .wvas-callout-title { color: #7a4a00; }
.wvas-co-warn   a { color: #854F0B; }
.wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; }
.wvas-co-purple .wvas-callout-title { color: #534AB7; }
.wvas-co-purple a { color: #534AB7; }
.wvas-co-error  { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; }
.wvas-co-error  .wvas-callout-title { color: #A32D2D; }
.wvas-co-error  a { color: #A32D2D; }
 
/* ════════════════════════════════
   TIPO CARDS — informativas + hover
   ════════════════════════════════ */
.wvas-tipo-card {
  background: #fff; border: 1.5px solid #d0dce8;
  border-radius: 16px; padding: 1.3rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  position: relative; overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  cursor: inherit;
}
.wvas-tipo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,60,100,0.12);
  border-color: #006699;
}
.wvas-tipo-card::after {
  content: ''; position: absolute; bottom: -18px; right: -18px;
  width: 70px; height: 70px; border-radius: 50%;
  background: rgba(0,102,153,0.05);
  transition: transform 0.3s;
}
.wvas-tipo-card:hover::after { transform: scale(1.4); }
.wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; }
.wvas-tipo-icon { flex-shrink: 0; }
.wvas-tipo-icon img { width: 70px; height: auto; }
.wvas-tipo-card h3 {
  font-size: 1.06rem; font-weight: 800; color: #003d5c;
  margin: 0; padding: 0; border: none;
}
.wvas-tipo-desc   { font-size: 0.84rem; color: #445; line-height: 1.57; }
.wvas-tipo-ej     { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.wvas-tc-destino    { border-top: 4px solid #006699; }
.wvas-tc-tematico   { border-top: 4px solid #534AB7; }
.wvas-tc-itinerario { border-top: 4px solid #1D9E75; }
.wvas-tc-conv       { border-top: 4px solid #BA7517; }
 
/* ════════════════════════════════
   Plantilla: Table awesome responsive
   ════════════════════════════════ */
.table-awesome {
  width: 100%; border-collapse: separate; border-spacing: 0;
  border: 1.5px solid #dde6ef; border-radius: 14px;
  overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem;
}
.table-awesome thead tr {
  background: #006699; color: #fff;
}
.table-awesome thead th {
  padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.05em;
  text-align: left; border: none;
}
.table-awesome tbody tr {
  border-bottom: 1px solid #eef1f5;
  transition: background 0.15s;
}
.table-awesome tbody tr:last-child { border-bottom: none; }
.table-awesome tbody tr:hover { background: #f0f7fc; }
.table-awesome td {
  padding: 0.65rem 0.85rem; vertical-align: top;
  border: none; line-height: 1.5;
}
.table-awesome td:first-child {
  white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%;
}
.table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; }
.table-awesome td a:hover { text-decoration: underline; }
.table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; }
 
/* ════════════════════════════════
   WIDGET CREATE PANEL (único por tipo)
   ════════════════════════════════ */
.wvas-create {
  background: #f7fbff; border: 2px dashed #9fc9dd;
  border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem;
  margin: 0.75rem 0; text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.wvas-create:hover {
  border-color: #006699;
  box-shadow: 0 4px 16px rgba(0,102,153,0.1);
}
.wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; }
.wvas-create-mascot img {
  width: 120px; height: auto;
  animation: wvas-float 2.5s ease-in-out infinite;
}
.wvas-create h3 {
  font-size: 1.02rem; font-weight: 800; color: #003d5c;
  margin: 0 0 0.28rem; padding: 0; border: none;
}
.wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; }
 
/* ════════════════════════════════
   NIVELES DE CALIDAD
   ════════════════════════════════ */
.wvas-nivel {
  border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center;
  display: flex; flex-direction: column; gap: 0.3rem;
  border: 1.5px solid transparent;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-nivel:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; }
.wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; }
.wvas-nivel p  { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; }
.wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; }
.wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; }
.wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; }
.wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; }
 
/* ════════════════════════════════
   CHECKLIST PRE-PUBLICACIÓN
   ════════════════════════════════ */
.wvas-checklist {
  background: #fff; border: 1.5px solid #c8e6c8;
  border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem;
}
.wvas-checklist-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-checklist-header img { width: 36px; height: auto; }
.wvas-checklist-header h3 {
  font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none;
}
.wvas-check-list { list-style: none; padding: 0; margin: 0; }
.wvas-check-list li {
  display: flex; align-items: flex-start; gap: 0.65rem;
  font-size: 0.84rem; padding: 0.38rem 0;
  border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5;
  transition: background 0.12s;
}
.wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; }
.wvas-check-list li:last-child { border-bottom: none; }
.wvas-check-list li::before {
  content: '✓';   
  width: 20px; height: 20px; border-radius: 50%;
  background: #E1F5EE; border: 1.5px solid #1D9E75;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: #1D9E75; flex-shrink: 0;
  font-weight: 900; margin-top: 2px; 
}
 
/* ════════════════════════════════
   AYUDA — LINKS + hover
   ════════════════════════════════ */
.wvas-ayuda-card {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 12px; padding: 1rem 0.9rem;
  text-align: center; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; align-items: center; gap: 0.38rem;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.wvas-ayuda-card:hover {
  border-color: #006699;
  box-shadow: 0 4px 14px rgba(0,102,153,0.12);
  transform: translateY(-2px);
}
.wvas-ayuda-card img  { width: 80px; height: auto; }
.wvas-ayuda-card h4   { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; }
.wvas-ayuda-card p    { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; }
 
/* ════════════════════════════════
   REFERENCIA ARTÍCULOS ACEPTABLES
   ════════════════════════════════ */
.wvas-ref-box {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem;
}
.wvas-ref-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-ref-header img { width: 36px; height: auto; }
.wvas-ref-header h3  {
  font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none;
}
.wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
.wvas-ref-col-title {
  font-size: 0.78rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.5rem;
}
.wvas-col-ok  .wvas-ref-col-title { color: #1D9E75; }
.wvas-col-bad .wvas-ref-col-title { color: #A32D2D; }
.wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; }
.wvas-ref-list li {
  font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px;
  align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45;
  transition: background 0.12s;
}
.wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; }
.wvas-ref-list li:last-child { border-bottom: none; }
.wvas-col-ok  .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; }
.wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; }
.wvas-ref-nota {
  font-size: 0.78rem; color: #666; padding-top: 0.5rem;
  border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; }
.wvas-ref-nota li::before { content: '· '; }
 
/* ════════════════════════════════
   ANIMACIÓN FLOTANTE
   ════════════════════════════════ */
@keyframes wvas-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-7px); }
}
 
/* ════════════════════════════════════════════════════════
   ESTRUCTURAS EN COLUMNAS RESPONSIVE
   ════════════════════════════════════════════════════════ */
.cols-2-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 14px; margin-bottom: 1.5rem;
}
.cols-20-80-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 0;
  border: 0.5px solid #dde6ef;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.cols-3-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px; margin-bottom: 1rem;
}
.cols-4-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8px; margin-bottom: 1rem;
}
/* ════════════════════════════════════════════════════════
   RESPONSIVE (GENERAL)
   ════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  .hero-mascot-title  { font-size: 1.45rem; }
  .wvas-tipo-grid     { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .wvas-ayuda-grid    { grid-template-columns: repeat(2, 1fr); }
  .wvas-img-banner    { height: 130px; }
  .table-awesome { font-size: 0.79rem; }
 
  /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */
  .wvas-callout {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-norma {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-callout-mascot,
  .wvas-norma-mascot {
    width: auto;
  }
  .wvas-callout-content,
  .wvas-norma-content {
    width: 100%;
    text-align: left;   /* el texto interior alineado a la izquierda */
  }
  .wvas-callout-title,
  .wvas-norma-title {
    text-align: center; /* solo el título centrado */
  }
}
@media (max-width: 700px) {
  .cols-20-80-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .sp-sidebar {
    border-right: none;
    border-bottom: 0.5px solid #dde6ef;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 8px;
    gap: 6px;
  }
  .sp-sidebar-label,
  .sp-sidebar-foot { display: none; }
  .sp-item {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
    padding: 8px 10px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 3px;
  }
  /* En mobile el indicador es borde inferior */
  .sp-item.active::after { display: none; }
  .sp-item.active { border-bottom: 2px solid #006699; }
  .sp-item-icon img { margin: 0 auto; }
  .sp-item-hint { display: none; }
  .sp-content { padding: 16px; }
}
@media (max-width: 520px) {
  .hero-mascot-top      { flex-direction: column; gap: 0.75rem; }
  .hero-mascot-mascot img { width: 66px; }
  .hero-mascot-title  { font-size: 1.22rem; }
  .wvas-img-banner    { height: 95px; border-radius: 10px; }
  .wvas-ref-cols      { grid-template-columns: 1fr; }
  .wvas-ayuda-grid    { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .table-awesome thead { display: none; }
  .table-awesome td { display: block; padding: 0.3rem 0.7rem; }
  .table-awesome td:first-child { padding-top: 0.7rem; }
  .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; }
}
@media (max-width: 420px) {
  .sp-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
   SELECTOR PANEL (20% / 80%)
   ════════════════════════════════ */
.sp-sidebar {
  background: #f5f7fa;
  border-right: 0.5px solid #dde6ef;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sp-sidebar-label {
  font-size: 11px;
  font-weight: 700;
  color: #9aa5b4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.sp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: 0.5px solid transparent;
  transition: background 0.15s, border-color 0.15s;
  user-select: none;
  position: relative;
}
.sp-item:hover {
  background: #fff;
  border-color: #c5d0dc;
}
.sp-item.active {
  background: #fff;
  border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.sp-item.active::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 20%;
  height: 60%;
  width: 2.5px;
  background: #006699;
  border-radius: 2px 0 0 2px;
}
.sp-item-icon {
  font-size: 20px;
  flex-shrink: 0;
  color: #9aa5b4;
  transition: color 0.15s;
  width: 22px;
  text-align: center;
}
/* Soporte para imagen wiki como icono */
.sp-item-icon img {
  width: 22px;
  height: auto;
  display: block;
  opacity: 0.55;
  transition: opacity 0.15s;
}
.sp-item.active .sp-item-icon { color: #006699; }
.sp-item.active .sp-item-icon img { opacity: 1; }
.sp-item-name {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  line-height: 1.3;
}
.sp-item-hint {
  font-size: 11px;
  color: #9aa5b4;
  margin-top: 1px;
}
/* Hint inferior del sidebar */
.sp-sidebar-foot {
  font-size: 11px;
  color: #b0bec5;
  text-align: center;
  padding: 6px 0 2px;
  margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.sp-content {
  padding: 20px 24px;
  overflow-y: auto;
  min-height: 300px;
}
.sp-panel { display: none; }
.sp-panel.active { display: block; }

/* ════════════════════════════════════════════════════════
   SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE
   ════════════════════════════════════════════════════════ */

/* ── Caja exterior que envuelve todo ── */
.doc-simple-outer {
  background: #f8f9fb;
  border: 1.5px solid #d8e2ec;
  border-radius: 14px;
  padding: 1.1rem 1.25rem 1rem;
  margin-bottom: 1.5rem;
  font-family: 'Segoe UI', Arial, sans-serif;
  max-width: 700px;
}
 
/* ── Introducción ── */
.doc-simple-intro { margin-bottom: 12px; }
.doc-simple-intro-top { display: flex; align-items: flex-start; gap: 10px; }
.doc-simple-tname-head {
  font-size: 1rem; font-weight: 700; color: #003d5c;
  margin: 0 0 4px; padding: 0; border: none;
}
.doc-simple-desc {
  font-size: 0.84rem; color: #445;
  line-height: 1.6; margin: 0 0 8px;
}
.doc-simple-hint {
  font-size: 0.8rem; color: #778;
  line-height: 1.5; margin: 0 0 10px;
}
.doc-simple-req-inline { color: #C0392B; font-weight: 600; }
.doc-simple-opt-inline { color: #2471A3; font-weight: 600; }
 
/* ── Leyenda ── */
.doc-simple-legend {
  display: flex; gap: 14px; flex-wrap: wrap;
  margin-bottom: 12px;
}
.doc-simple-leg {
  display: flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 600;
}
.doc-simple-leg::before {
  content: ''; width: 3px; height: 13px;
  border-radius: 2px; flex-shrink: 0; display: inline-block;
}
.doc-simple-req-leg { color: #C0392B; }
.doc-simple-req-leg::before { background: #C0392B; }
.doc-simple-opt-leg { color: #2471A3; }
.doc-simple-opt-leg::before { background: #2471A3; }
 
/* ── Cards (sintaxis y ejemplo) ── */
.doc-simple-card {
  background: #fff;
  border: 0.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.doc-simple-example-card { margin-bottom: 10px; }
 
/* ── Cabecera de card ── */
.doc-simple-card-top {
  background: #f0f4f8;
  border-bottom: 0.5px solid #cdd8e4;
  padding: 6px 12px;
  display: flex; align-items: center;
  justify-content: space-between; gap: 8px;
}
.doc-simple-card-label {
  font-size: 11px; font-weight: 700; color: #667;
  text-transform: uppercase; letter-spacing: 0.06em;
}
.doc-simple-card-label.example-label { color: #2471A3; }
 
/* ── Botón copiar ── */
.doc-simple-copy-btn {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11.5px; font-weight: 600; cursor: pointer;
  color: #334; background: #fff;
  border: 0.5px solid #bbc8d4; border-radius: 6px;
  padding: 3px 10px; user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
}
.doc-simple-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-simple-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
 
/* ── Bloque de código ── */
.doc-simple-block {
  padding: 6px 0 8px;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.35;
}
.doc-simple-block-open,
.doc-simple-block-close {
  padding: 3px 12px;
  color: #aab;
}
.doc-simple-blockname { color: #003d5c; font-weight: 600; }
.doc-simple-brace { color: #bbc; }
 
/* ── Filas de parámetros ── */
.doc-simple-params { padding: 0; }
.doc-simple-params &gt; * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.doc-simple-params p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.doc-simple-row {
  display: flex; align-items: baseline;
  padding: 2px 12px 2px 9px;
  border-left: 3px solid transparent;
  transition: background 0.1s;
  line-height: 1.5;
}
.doc-simple-row:hover { background: #f5f8fb; }
.doc-simple-req { border-color: #C0392B; }
.doc-simple-opt { border-color: #2471A3; }
.doc-simple-req .doc-simple-key { color: #C0392B; }
.doc-simple-opt .doc-simple-key { color: #2471A3; }
.doc-simple-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; }
.doc-simple-key { font-weight: 700; white-space: nowrap; }
.doc-simple-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; }
.doc-simple-optvals { color: #889; font-size: 12px; }
 
/* Filas del bloque ejemplo (generadas por JS) */
.doc-simple-example-val { color: #334; }
 
/* ── Notas al pie ── */
.doc-simple-footer {
  border-top: 0.5px solid #dde6ef;
  padding: 8px 2px 0;
  display: flex; flex-direction: column; gap: 3px;
  margin-top: 4px;
}
.doc-simple-nota {
  font-size: 11.5px; color: #889; line-height: 1.5;
	padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem;
}
.doc-simple-nota ul { list-style: none; padding: 0; margin: 0; }
.doc-simple-nota li::before { content: '→ '; color: #bbc; }

/* ── Responsive ── */
@media (max-width: 520px) {
  .doc-simple-outer { padding: 0.85rem 0.9rem; }
  .doc-simple-card-top { flex-direction: column; align-items: flex-start; gap: 6px; }
  .doc-simple-copy-btn { width: 100%; justify-content: center; }
}

/* ════════════════════════════════════════════════════════
   SELECTOR HORIZONTAL DE PESTAÑAS
   ════════════════════════════════════════════════════════ */
/* ── Contenedor general ── */
.htab-wrap {
  border: 0.5px solid #cdd8e4;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

/* ── Barra superior: color + patrón de puntos ── */
.htab-bar {
  background-color: #D4537E;
  background-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.12) 1.5px,
    transparent 1.5px
  );
  background-size: 20px 20px;
  position: relative;
  overflow: hidden;
  padding: 14px 14px 12px;
  border-bottom: 2.5px solid #993556;
}

/* ── Fondo animado: formas moviéndose de derecha a izquierda ── */
.htab-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.htab-bg-track {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  height: 100%;
  white-space: nowrap;
  animation: htab-marquee 18s linear infinite;
}
@keyframes htab-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Formas del fondo */
.hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); }
.hs-circle  { width: 9px;  height: 9px;  border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; }
.hs-bar     { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); }
.hs-sq      { width: 8px;  height: 8px;  border: 1.5px solid rgba(255,255,255,0.18); }
.hs-tri     { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); }

/* ── Pestañas ── */
.htab-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  position: relative;
  z-index: 1;
}
.htab-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 8px;
  padding: 7px 15px;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: background 0.15s, transform 0.13s, border-color 0.15s;
}
.htab-tab:hover:not(.active) {
  background: rgba(255,255,255,0.25);
  transform: translateY(-2px);
}
.htab-tab.active {
  background: #EF9F27;
  border-color: #BA7517;
  color: #412402;
  transform: translateY(-1px);
}
/* Imágenes wiki dentro de la pestaña como icono */
.htab-tab figure { float: none !important; margin: 0 !important; }
.htab-tab img    { width: 18px; height: auto; display: block; }

/* ── Partículas ── */
.htab-prt {
  position: absolute;
  pointer-events: none;
  z-index: 20;
  border-radius: 50%;
}

/* Click — explosión */
.htab-prt-b {
  animation: htab-burst var(--dur, 0.4s) ease-out forwards;
}
@keyframes htab-burst {
  0%   { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; }
  100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; }
}

/* Hover — flotantes */
.htab-prt-h {
  animation: htab-float var(--dur, 0.65s) ease-out forwards;
}
@keyframes htab-float {
  0%   { transform: translateY(0) translateX(0); opacity: 0.85; }
  100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; }
}

/* ── Área de contenido ── */
.htab-panels {
  background: #fff;
  padding: 22px 22px 18px;
  min-height: 160px;
}
.htab-panel { display: none; }
.htab-panel.active {
  display: block;
  animation: htab-fadein 0.22s ease;
}
@keyframes htab-fadein {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 700px) {
  .htab-bar  { padding: 11px; }
  .htab-tab  { padding: 6px 12px; font-size: 12px; gap: 5px; }
  .htab-panels { padding: 16px; }
}
@media (max-width: 420px) {
  .htab-tab  { padding: 5px 10px; font-size: 11px; }
  .htab-panels { padding: 12px; }
}

/* ════════════════════════════════════════════════════════════════
   WVA - SISTEMA DE SECCIONES DE ARTÍCULO
   ════════════════════════════════════════════════════════════════ */

/* ═══ ANIMACIONES ═══ */
@keyframes wva-in  { from{opacity:0;transform:translateY(10px)}  to{opacity:1;transform:translateY(0)} }
@keyframes wva-sl  { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} }
@keyframes wva-pop { from{opacity:0;transform:scale(0.93)}       to{opacity:1;transform:scale(1)} }
@keyframes wva-bar { from{width:0} to{width:var(--w,100%)} }
@keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} }
@keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} }

/* ══════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════ */
.wva-hero{
  background:var(--pk);position:relative;overflow:hidden;
  padding:28px 24px 44px;border-bottom:3px solid #111;
  clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%);
  margin-bottom:-2px;animation:in 0.6s ease both;
}
.wva-hero-dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px);
  background-size:22px 22px;}
.wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px;
  letter-spacing:10px;animation:glo 2.5s ease-in-out infinite}
.wva-hi{position:relative;z-index:1}
.wva-hi-loc{display:inline-block;background:var(--yw);color:#111;
  font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111;
  line-height:.95;margin-bottom:12px;border:none;padding:0}
.wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px}
.wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px}

/* ══════════════════════════════════════════════════════
   FICHA TÉCNICA — barra de stats oscura
   ══════════════════════════════════════════════════════ */
.wva-ficha {
  background: var(--bk); padding: 16px 20px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
  gap: 16px; border-bottom: var(--bd);
  animation: wva-in .5s ease .08s both;
}
/* Dot pattern sobre negro */
.wva-ficha::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px);
  background-size: 14px 14px;
}
.wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; }
.wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); }
.wva-fb-info strong { color:var(--yw);font-weight:700; }

.wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; }
.wva-sg { font-size:14px;font-weight:900;width:30px; }
.wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; }
.wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; }
.sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)}
.sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)}

/* ══════════════════════════════════════════════════════
   SECTION WRAPPER
   ══════════════════════════════════════════════════════ */
.wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; }
.bg-w   { background:#fff; }
.bg-yw  { background:var(--yw);position:relative; }
.bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; }
.bg-yw &gt; * { position:relative;z-index:1; }
.bg-cr  { background:#FFF8F0; }
.bg-war { background:#FFF5F5; }
.bg-mn  { background:#FFFDE7; }
.bg-sc  { background:#FFF0F8;
  background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; }
.bg-hl  { background:#F0FFF4; }
.bg-mv  { background:#F8F8FF; }
.bg-ar  { background:#F0F9FF; }

/* ══════════════════════════════════════════════════════
   SECTION HEADER
   ══════════════════════════════════════════════════════ */
.wva-sh {
  display:flex;align-items:center;gap:10px;
  padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden;
}
.wva-sh .ico { font-size:17px;flex-shrink:0; }
.wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; }
.wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; }

/* NEGRO + AMARILLO (estilo SQUAD) */
.sh-bk { background:var(--bk); }
.sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; }
.sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; }

/* AMARILLO + NEGRO (estilo VANGUARD) */
.sh-yw { background:var(--yw); }
.sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; }
.sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; }

.sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff}
.sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff}
.sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff}
.sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff}
.sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff}
.sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff}
.sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)}

/* ══════════════════════════════════════════════════════
   SUBHEADER
   ══════════════════════════════════════════════════════ */
.wva-sub {
  display:flex;align-items:center;gap:8px;padding:8px 20px 4px;
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);
}
.wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; }

/* ══════════════════════════════════════════════════════
   BODY / 2 COLS
   ══════════════════════════════════════════════════════ */
.wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; }
.wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; }
.wva-body strong { color:var(--bk);font-weight:700; }

.wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; }
.wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   GRIDS
   ══════════════════════════════════════════════════════ */
.g    { padding:12px 20px; }
.g-2  { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.g-3  { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.g-a  { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; }
.g-r  { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; }
.g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; }

/* ══════════════════════════════════════════════════════
   PRACTICAL TIP CARD
   ══════════════════════════════════════════════════════ */
.ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden;
  transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; }
.ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); }
.ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; }
.ptip-b strong { color:var(--bk);font-weight:700; }

.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }

/* ══════════════════════════════════════════════════════
   TALENT CARD (secretos — estilo squad card)
   ══════════════════════════════════════════════════════ */
.tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px;
  overflow:hidden;position:relative;animation:wva-pop .4s ease both;
  transition:transform .15s,box-shadow .15s;cursor:default; }
.tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); }
.tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; }

.tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;
  padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; }
.tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; }
.tcard-stats { margin-bottom:7px; }
.tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); }
.tsg { font-size:13px;font-weight:900;width:26px; }
.tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; }
.tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; }
.tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; }
.tcard-tags { display:flex;gap:4px;flex-wrap:wrap; }

/* ══════════════════════════════════════════════════════
   REGION CARD
   ══════════════════════════════════════════════════════ */
.rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px;
  border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; }
.rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }
.rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; }

/* ══════════════════════════════════════════════════════
   CITY CARD
   ══════════════════════════════════════════════════════ */
.ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r);
  cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; }
.ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); }
.ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;
  border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; }
.ccard-badge.pk { background:var(--pk);color:#fff; }
.ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; }

/* ══════════════════════════════════════════════════════
   TRANSPORT CARD
   ══════════════════════════════════════════════════════ */
.tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r);
  display:flex;flex-direction:column;gap:6px;cursor:default;
  transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; }
.tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); }
.tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.tport-icon { font-size:24px;line-height:1; }
.tport-name { font-size:13px;font-weight:800;color:var(--bk); }
.tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; }
.tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)}
.tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)}
.tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)}
.tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)}
.tp-bk::before{background:var(--bk)}

/* ══════════════════════════════════════════════════════
   ALERT BOX
   ══════════════════════════════════════════════════════ */
.wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px;
  border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; }
.wva-al + .wva-al { margin-top:8px; }
.wva-al:last-of-type { margin-bottom:12px; }
.a-warn  { border-color:var(--rd); background:#FFF5F5; }
.a-tip   { border-color:var(--cy); background:#F0FDFF; }
.a-ok    { border-color:var(--gn); background:#F0FFF4; }
.a-money { border-color:#F5A000;   background:#FFFDE7; }
.a-info  { border-color:var(--bl); background:#F0F8FF; }
.a-pink  { border-color:var(--pk); background:#FFF0F8; }
.al-em   { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; }
.al-txt  { font-size:12.5px;color:#333;line-height:1.62; }
.al-txt strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   LIST ITEMS
   ══════════════════════════════════════════════════════ */
.wva-list { padding:0 20px 12px; }
.wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08);
  align-items:flex-start;transition:padding-left .14s;cursor:default; }
.wva-li:last-child { border-bottom:none; }
.wva-li:hover { padding-left:6px; }
.wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm);
  display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;
  background:var(--wh);transition:transform .14s; }
.wva-li:hover .wva-li-ico { transform:scale(1.06); }
.wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; }
.wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; }
.wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; }

/* ══════════════════════════════════════════════════════
   NEXT DESTINATIONS
   ══════════════════════════════════════════════════════ */
.wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; }
.ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r);
  padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default;
  transition:background .14s,transform .14s,box-shadow .14s; }
.ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }

/* ══════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════ */
@media (max-width:760px) {
  .wva-hero { grid-template-columns:1fr; }
  .wva-himg { display:none; }
  .wva-hc::after { display:none; }
  .wva-hi-h { font-size:38px; }
  .g-2,.g-3 { grid-template-columns:1fr; }
  .wva-2c { grid-template-columns:1fr; }
  .wva-ficha { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px) {
  .wva-hc { padding:20px 14px 28px; }
  .wva-hi-h { font-size:28px; }
  .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; }
  .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; }
  .wva-al { margin-left:14px;margin-right:14px; }
  .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; }
  .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; }
}</text>
      <sha1>dh2cnyo7mt3hrn7umvw06fimlacbu7m</sha1>
    </revision>
    <revision>
      <id>253762</id>
      <parentid>253751</parentid>
      <timestamp>2026-05-22T21:17:21Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253762</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="81982" sha1="4buvgseivxfisc07q6gs1pr1kkremaz" xml:space="preserve">/* ════════════════════════════════
   Función de acordeón tipo FAQ / Funciona con el js correspondiente
   ════════════════════════════════ */
.accordion-content{
    display:none;
}

.accordion-content.active {
    display:block;
}

.accordion-clicky{
    cursor:pointer;
    user-select:none;
}

:root {
  --pk: #FF00BB;  --yw: #FFE600;  --cy: #00BFFF;
  --gn: #00C853;  --or: #FF6B00;  --rd: #FF2200;
  --pu: #7A00FF;  --bl: #0099FF;  --bk: #111111;
  --wh: #FFFFFF;  --mu: #555555;
  --bd:  3px solid #111;
  --bd2: 2.5px solid #111;
  --r:   10px;
  --rsm: 6px;
  --rlg: 16px;
  --font: 'Segoe UI', Arial, sans-serif;
}

.wva-config { box-sizing: border-box; margin: 0; padding: 0; margin: 0 auto; background: var(--wh); border: var(--bd); overflow: hidden; font-family: var(--font)}

/* ── Reset interno ── */
.config-general * { box-sizing: border-box; }
.config-general { font-family: var(--font); line-height: 1.6; }

/* ── Force links icon ── */
.doc-simple-outer a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;])::after,
.config-general a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;]):not([href*=&quot;/File:&quot;]):not([href*=&quot;/Archivo:&quot;])::after {
  content: ' [↗]';
  font-size: 0.78em;
  opacity: 0.55;
  font-weight: normal;
  text-decoration: none;
}
.config-general a:has(img)::after{
    content:none !important;
}
/* El enlace [editar] no participa en el flex */
.config-general .mw-editsection {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
}

/* ════════════════════════════════
   Decorativos inline
   ════════════════════════════════ */
.chip-inline {
  display: inline-block; font-size: 0.69rem; font-weight: 700;
  padding: 1px 8px; border-radius: 20px; margin-top: 3px;
  color: #fff;
}
.badge-inline {
	background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px
			  }
.tag-inline {
  display: inline-block; font-size: 0.72rem; font-weight: 700;
  padding: 3px 10px; border-radius: 20px;
  background: #E6F1FB; color: #006699; margin-top: 0.3rem;
  text-decoration: none; transition: background 0.15s;
}
.tag-inline:hover { background: #c5dff0; }

.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }

/* ════════════════════════════════
   Structures
   ════════════════════════════════ */
.tags-structure { display:flex;gap:5px;flex-wrap:wrap; }

/* ════════════════════════════════
   DocCopiar
   ════════════════════════════════ */
.doc-copiar-wrap {
  border: 1.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1rem;
  font-family: 'Segoe UI', Arial, sans-serif;
}
.doc-copiar-bar {
  background: #f0f4f8;
  border-bottom: 1px solid #cdd8e4;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.doc-copiar-lbl {
  font-size: 11px;
  font-weight: 700;
  color: #667;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.doc-copiar-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  color: #334;
  background: #fff;
  border: 0.5px solid #bbc8d4;
  border-radius: 6px;
  padding: 3px 10px;
  user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
  white-space: nowrap;
}
.doc-copiar-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-copiar-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
.doc-copiar-pre {
  margin: 0;
  padding: 12px 14px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 13px;
  line-height: 1.65;
  color: #2a2a3a;
  white-space: pre-wrap;
  word-break: break-word;
  background: #fff;
  overflow-x: auto;
  border: none;
}
/* ════════════════════════════════
   Plantilla: Tríptico - Código para que funcione bien. Full Responsive
   ════════════════════════════════ */
.triptico {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: stretch;
}

.triptico-wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.triptico-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ── card base ── */
.tc-card {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.tc-card::before {
  content: '';
  display: block;
  padding-top: var(--card-ratio, 100%);
}

.tc-card-inner {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}

/* imagen wiki como fondo */
.tc-card-img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  display: block;
}

.tc-card-img a,
.tc-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  text-decoration: none;
  pointer-events: none;
}

/* enlace que cubre todo el card */
.tc-card-link {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 5;
  display: block;
  background: transparent;
}

.tc-card-link:hover ~ .tc-tag-top,
.tc-card-link:hover ~ .tc-tag-bot {
  background: rgba(0,0,0,0.82);
}

/* ── tags de esquina ── */
.tc-tag-top {
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-tag-bot {
  position: absolute;
  bottom: 0; right: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  text-align: right;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-card-inner:hover .tc-tag-top {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-card-inner:hover .tc-tag-bot {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-tag-top,
.tc-tag-bot {
  transition: background 0.25s;
}

.tc-tag-top::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

.tc-tag-bot::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

/* ── card-vert ── */
.tc-card-vert .tc-card-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.tc-texto-vert {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.3em;
  writing-mode: vertical-rl;
  transform: rotate(180deg) scaleX(1.4);
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  font-size: var(--vert-size, 56px);
  z-index: 3;
  position: relative;
  pointer-events: none;
  margin-right: 14px;
  margin-top: 10px;
  margin-left: 30px;
}

/* ── bloque de texto ── */
.tc-texto {
  width: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
  background: var(--tc-texto-bg, transparent);
  color: var(--tc-texto-color, inherit);
}

/* ── header flotante ── */
.tc-header-wrap {
  position: absolute;
  top: 0;
  left: 0; right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.tc-header {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 22px;
  background: var(--tc-header-bg, #111);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  white-space: nowrap;
  pointer-events: auto;
  transition: background 0.25s;
}

.tc-header::before {
  content: '';
  position: absolute;
  inset: 2px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);
}

.tc-header-accent {
  position: absolute;
  bottom: -3px;
  left: 10px; right: 10px;
  height: 2px;
  background: var(--tc-acento, #e63946);
  transition: background 0.25s;
}

@media (max-width: 900px) {
  .triptico { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .triptico { grid-template-columns: 1fr; }
}

/* tc-tira */
.tc-tira {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex: none;
  min-height: 72px;
  max-height: 110px;
  background: var(--tc-tira-bg, #111);
  overflow: hidden;
}

/* línea de acento superior */
.tc-tira::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--tc-tira-acento, #e63946);
  z-index: 2;
}

/* brillo sutil */
.tc-tira-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.tc-tira-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding: 10px 6px;
  gap: 3px;
  text-align: center;
  transition: background 0.2s;
}

.tc-tira-items {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 3px 0 0 0;
  min-width: 0;
}

.tc-tira-item:hover {
  background: rgba(255,255,255,0.04);
}

.tc-tira-item img,
.tc-tira-item a img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 2px;
}

.tc-tira-item .thumbinner,
.tc-tira-item .thumb,
.tc-tira-item figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-tira-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-valor {
  font-size: 12px;
  font-weight: bold;
  color: var(--tc-tira-txt, #fff);
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-sep {
  width: 1px;
  align-self: stretch;
  background: rgba(255,255,255,0.08);
  flex-shrink: 0;
  margin: 10px 0;
}

/* ── itinerario ── */
.tc-itinerario {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 0 6px 0;
  background: var(--tc-it-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tc-it-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  margin-bottom: 4px;
}

.tc-it-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-it-acento, #e63946);
  flex: 1;
}

.tc-it-total {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}

/* línea de tiempo vertical */
.tc-it-linea {
  position: absolute;
  left: 28px;
  top: 50px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    var(--tc-it-acento, #e63946),
    rgba(255,255,255,0.05)
  );
}

.tc-it-lista {
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.tc-it-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px 14px 8px 48px;
  transition: background 0.2s;
}

.tc-it-item:hover {
  background: rgba(255,255,255,0.03);
}

/* nodo en la línea de tiempo */
.tc-it-nodo {
  position: absolute;
  left: 22px;
  top: 13px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--tc-it-bg, #0d0d0d);
  border: 2px solid var(--tc-it-acento, #e63946);
  box-sizing: border-box;
  z-index: 2;
}

.tc-it-item:first-child .tc-it-nodo {
  background: var(--tc-it-acento, #e63946);
}

/* fila superior: lugar + tiempo */
.tc-it-fila-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}

.tc-it-lugar {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tc-it-tiempo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: var(--tc-it-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* actividad */
.tc-it-actividad {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
  margin-bottom: 4px;
}

/* badges de propiedades */
.tc-it-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.tc-it-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
  line-height: 1.4;
}

.tc-it-badge-acento {
  border-color: var(--tc-it-acento, #e63946);
  color: var(--tc-it-acento, #e63946);
}

/* separador entre items */
.tc-it-item + .tc-it-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 48px; right: 14px;
  height: 1px;
  background: rgba(255,255,255,0.05);
}

/* ════════════════════════════════
   tc-gastronomia
   ════════════════════════════════ */
.tc-gastro {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-gastro-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-gastro-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-gastro-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

.tc-gastro-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  justify-content: space-between;
}

.tc-gastro-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  position: relative;
  transition: background 0.2s;
}

.tc-gastro-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-gastro-item + .tc-gastro-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* foto */
.tc-gastro-foto {
  width: 64px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.tc-gastro-foto img,
.tc-gastro-foto a img {
  width: 64px !important;
  height: 100% !important;
  min-height: 64px;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.tc-gastro-foto .thumbinner,
.tc-gastro-foto .thumb,
.tc-gastro-foto figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
}

/* línea de acento lateral */
.tc-gastro-item::before {
  content: '';
  position: absolute;
  left: 64px;
  top: 0; bottom: 0;
  width: 2px;
  background: var(--tc-gastro-acento, #e63946);
  opacity: 0;
  transition: opacity 0.2s;
}

.tc-gastro-item:hover::before {
  opacity: 1;
}

/* contenido textual */
.tc-gastro-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 12px 10px 14px;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.tc-gastro-nombre {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-gastro-lugar {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-desc {
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  line-height: 1.4;
  margin-top: 2px;
}

.tc-gastro-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 4px;
}

.tc-gastro-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.4);
  line-height: 1.4;
}

.tc-gastro-badge-acento {
  border-color: var(--tc-gastro-acento, #e63946);
  color: var(--tc-gastro-acento, #e63946);
}


/* ════════════════════════════════
   tc-transporte
   ════════════════════════════════ */
.tc-transporte {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-trans-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-trans-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-trans-acento, #1d6fa4);
}

.tc-trans-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

/* secciones: transporte y lugares */
.tc-trans-seccion {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-seccion-label {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding: 7px 14px 4px 14px;
}

.tc-trans-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-trans-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  position: relative;
  transition: background 0.2s;
}

.tc-trans-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-trans-item + .tc-trans-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* icono de transporte o lugar */
.tc-trans-icono {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255,255,255,0.05);
  overflow: hidden;
}

.tc-trans-icono img,
.tc-trans-icono a img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-trans-icono .thumbinner,
.tc-trans-icono .thumb,
.tc-trans-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-trans-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}

.tc-trans-nombre {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-desc {
  font-size: 9px;
  color: rgba(255,255,255,0.4);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-meta {
  font-size: 9px;
  font-weight: bold;
  color: var(--tc-trans-acento, #1d6fa4);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.04em;
}

/* divisor entre secciones */
.tc-trans-div {
  height: 1px;
  background: linear-gradient(
    to right,
    var(--tc-trans-acento, #1d6fa4),
    rgba(255,255,255,0.05)
  );
  margin: 4px 14px;
}

/* badge de lugar destacado */
.tc-trans-estrella {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tc-trans-acento, #1d6fa4);
  flex-shrink: 0;
}

/* texto adaptable según fondo */
.tc-gastro-nombre  { color: var(--tc-gastro-txt, #fff); }
.tc-gastro-desc    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); }
.tc-gastro-badge   { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); 
                     border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); }

.tc-trans-nombre   { color: var(--tc-trans-txt, #fff); }
.tc-trans-desc     { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); }
.tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); }
.tc-trans-subtitulo     { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); }
.tc-gastro-subtitulo    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); }

/* ════════════════════════════════
   tc-callout — base compartida
   ════════════════════════════════ */
.tc-callout {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}

.tc-callout-barra {
  width: 4px;
  flex-shrink: 0;
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  flex: 1;
  min-width: 0;
  background: var(--tc-co-bg, rgba(29,111,164,0.08));
}

.tc-callout-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.tc-callout-icono {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.tc-callout-icono img,
.tc-callout-icono a img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-callout-icono .thumbinner,
.tc-callout-icono .thumb,
.tc-callout-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-callout-tipo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-titulo {
  font-size: 13px;
  font-weight: bold;
  color: var(--tc-co-txt, #fff);
  line-height: 1.3;
}

.tc-callout-texto {
  font-size: 11px;
  line-height: 1.6;
  color: var(--tc-co-txt2, rgba(255,255,255,0.6));
}

.tc-callout-texto a {
  color: var(--tc-co-acento, #1d6fa4);
  text-decoration: none;
}

.tc-callout-texto a:hover {
  text-decoration: underline;
}

.tc-callout-footer {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
  margin-top: 2px;
}

/* ── variante: bloque lleno sin barra lateral ── */
.tc-callout-filled {
  flex-direction: column;
}

.tc-callout-filled .tc-callout-barra {
  width: 100%;
  height: 3px;
}

.tc-callout-filled .tc-callout-body {
  padding: 12px 14px;
}

/* ── variante: destacado con fondo marcado ── */
.tc-callout-solid .tc-callout-body {
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-solid .tc-callout-tipo {
  color: rgba(255,255,255,0.7);
}

.tc-callout-solid .tc-callout-titulo {
  color: #fff;
}

.tc-callout-solid .tc-callout-texto {
  color: rgba(255,255,255,0.75);
}

.tc-callout-solid .tc-callout-footer {
  color: rgba(255,255,255,0.6);
}

.tc-callout-solid .tc-callout-barra {
  background: rgba(0,0,0,0.2);
}

/* ── separador interno ── */
.tc-callout-sep {
  height: 1px;
  background: var(--tc-co-acento, #1d6fa4);
  opacity: 0.2;
  margin: 4px 0;
}

/* ════════════════════════════════
   tc-lista — lista de ítems simple
   ════════════════════════════════ */
.tc-lista {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-lista-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-lista-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-lista-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-lista-acento, #e63946);
}

.tc-lista-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-lista-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  transition: background 0.2s;
  position: relative;
}

.tc-lista-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-lista-item + .tc-lista-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-lista-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tc-lista-acento, #e63946);
  flex-shrink: 0;
}

.tc-lista-txt {
  font-size: 12px;
  color: var(--tc-lista-txt, #fff);
  line-height: 1.4;
  flex: 1;
}

.tc-lista-meta {
  font-size: 10px;
  font-weight: bold;
  color: var(--tc-lista-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ════════════════════════════════
   tc-cita — cita o quote destacado
   ════════════════════════════════ */
.tc-cita {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-cita-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 18px 16px 22px;
  overflow: hidden;
}

.tc-cita-marca {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 52px;
  line-height: 1;
  color: var(--tc-cita-acento, #e63946);
  opacity: 0.25;
  font-family: Georgia, serif;
  pointer-events: none;
  user-select: none;
}

.tc-cita-barra {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--tc-cita-acento, #e63946);
}

.tc-cita-texto {
  font-size: 13px;
  line-height: 1.7;
  color: var(--tc-cita-txt, #fff);
  font-style: italic;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.tc-cita-autor {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-cita-acento, #e63946);
  position: relative;
  z-index: 1;
}

.tc-cita-fuente {
  font-size: 9px;
  color: var(--tc-cita-txt2, rgba(255,255,255,0.35));
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

/* ════════════════════════════════
   tc-stat — estadísticas / cifras
   ════════════════════════════════ */
.tc-stat {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-stat-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-stat-header {
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-stat-acento, #e63946);
}

.tc-stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1;
  min-height: 0;
}

.tc-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  gap: 3px;
  position: relative;
  transition: background 0.2s;
}

.tc-stat-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-stat-item:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item + .tc-stat-item,
.tc-stat-item ~ .tc-stat-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item:nth-child(1),
.tc-stat-item:nth-child(2) {
  border-top: none;
}

.tc-stat-cifra {
  font-size: 22px;
  font-weight: bold;
  color: var(--tc-stat-acento, #e63946);
  line-height: 1;
  letter-spacing: -0.02em;
}

.tc-stat-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.4));
  text-align: center;
  line-height: 1.3;
}

.tc-stat-sub {
  font-size: 9px;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.25));
  text-align: center;
}


/* ════════════════════════════════
   ASISTENTE DE CREACIÓN DE ARTÍCULOS
   ════════════════════════════════ */
/* ════════════════════════════════
   HERO BANNER
   ════════════════════════════════ */
.hero-mascot {
  background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%);
  border-radius: 16px;
  padding: 1.75rem 1.75rem 1.5rem;
  margin-bottom: 1.25rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.hero-mascot::before {
  content: ''; position: absolute; top: -50px; right: -40px;
  width: 230px; height: 230px;
  background: rgba(255,255,255,0.06); border-radius: 50%;
}
.hero-mascot::after {
  content: ''; position: absolute; bottom: -70px; left: 28%;
  width: 280px; height: 280px;
  background: rgba(255,255,255,0.04); border-radius: 50%;
}
.hero-mascot-top {
  display: flex; align-items: flex-start; gap: 1.25rem;
  position: relative; z-index: 1;
}
.hero-mascot-mascot { flex-shrink: 0; }
.hero-mascot-mascot img {
  width: 120px; height: auto;
  filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3));
  animation: wvas-float 3.5s ease-in-out infinite;
}
.hero-mascot-title {
  font-size: 1.75rem; font-weight: 800; line-height: 1.2;
  margin: 0 0 0.4rem; color: #fff; border: none; padding: 0;
}
.hero-mascot-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; }
.hero-mascot-divider {
  border: none; border-top: 1px solid rgba(255,255,255,0.22);
  margin: 1.1rem 0 1rem; position: relative; z-index: 1;
}
.hero-mascot-about { position: relative; z-index: 1; }
.hero-mascot-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; }
.hero-mascot-about a { color: #21e82b; font-weight: 700; }
.hero-mascot-about p:last-child { margin: 0; }
 
/* ════════════════════════════════
   IMAGE BANNER (5 fotos + corte diagonal)
   ════════════════════════════════ */
.wvas-img-banner {
  display: flex;
  height: 195px;
  border-radius: 14px;
  overflow: hidden;
  background: #004d70;
}
.wvas-img-slot {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
  min-width: 0;
}
.wvas-img-slot:not(:first-child) {
  clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -22px;
}
.wvas-img-slot:nth-child(2) { z-index: 2; }
.wvas-img-slot:nth-child(3) { z-index: 3; }
.wvas-img-slot:nth-child(4) { z-index: 4; }
.wvas-img-slot:nth-child(5) { z-index: 5; }
.wvas-img-slot figure,
.wvas-img-slot .mw-file-description,
.wvas-img-slot a {
  display: block !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
}
.wvas-img-slot img {
  display: block !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  margin: 0 !important; border: 0 !important;
  vertical-align: top !important; max-width: none !important;
}
 
/* ════════════════════════════════
   SECTION HEADER
   ════════════════════════════════ */
.wvas-sh {
  display: flex; align-items: center; gap: 0.65rem;
  margin: 1.9rem 0 1rem;
}
.wvas-sh-icon {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; flex-shrink: 0;
}
.wvas-sh h2 {
  font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c;
}
.wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; }

/* ════════════════════════════════
   NORMAS — siempre visibles, con hover
   ════════════════════════════════ */

.wvas-norma {
  border-radius: 12px; padding: 0.9rem 1rem;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 0.7rem;
  align-items: center;
  border: 1.5px solid;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-norma:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.wvas-norma-mascot { width: 90px;  display: flex; align-items: center; justify-content: center; }
.wvas-norma-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-norma-mascot figure { float: none !important; margin: 0 !important; }
.wvas-norma-content { min-width: 0; }
.wvas-norma-title {
  font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
  letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.wvas-norma-text { font-size: 0.82rem; line-height: 1.57; }
.wvas-norma-text a { font-weight: 700; }
.wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.wvas-n-error .wvas-norma-title { color: #A32D2D; }
.wvas-n-error a { color: #A32D2D; }
.wvas-n-warn  { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.wvas-n-warn  .wvas-norma-title { color: #7a4a00; }
.wvas-n-warn  a { color: #854F0B; }
.wvas-n-tip   { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.wvas-n-tip   .wvas-norma-title { color: #0F6E56; }
.wvas-n-tip   a { color: #085041; }
.wvas-n-info  { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.wvas-n-info  .wvas-norma-title { color: #006699; }
.wvas-n-info  a { color: #006699; }
 
/* ════════════════════════════════
   CALLOUT (genérico)
   Grid interno: mascota | contenido (desktop)
                 mascota (arriba) + contenido (abajo) en mobile
   ════════════════════════════════ */
.wvas-callout {
  border-radius: 12px; padding: 0.9rem 1.1rem;
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.8rem;
  align-items: center;
  border-left: 4px solid;
  transition: box-shadow 0.18s;
}
.wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); }
.wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; }
.wvas-callout-mascot img { width: 80px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-callout-mascot figure { float: none !important; margin: 0 !important; }
.wvas-callout-content { min-width: 0; }
.wvas-callout-title {
  font-weight: 800; font-size: 0.81rem; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.22rem;
}
.wvas-callout-body { font-size: 0.85rem; line-height: 1.58; }
.wvas-callout-body a { font-weight: 700; text-decoration: none; }
.wvas-callout-body a:hover { text-decoration: underline; }
.wvas-co-tip    { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; }
.wvas-co-tip    .wvas-callout-title { color: #0F6E56; }
.wvas-co-tip    a { color: #085041; }
.wvas-co-info   { background: #E6F1FB; border-color: #006699; color: #042C53; }
.wvas-co-info   .wvas-callout-title { color: #006699; }
.wvas-co-info   a { color: #185FA5; }
.wvas-co-warn   { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; }
.wvas-co-warn   .wvas-callout-title { color: #7a4a00; }
.wvas-co-warn   a { color: #854F0B; }
.wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; }
.wvas-co-purple .wvas-callout-title { color: #534AB7; }
.wvas-co-purple a { color: #534AB7; }
.wvas-co-error  { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; }
.wvas-co-error  .wvas-callout-title { color: #A32D2D; }
.wvas-co-error  a { color: #A32D2D; }
 
/* ════════════════════════════════
   TIPO CARDS — informativas + hover
   ════════════════════════════════ */
.wvas-tipo-card {
  background: #fff; border: 1.5px solid #d0dce8;
  border-radius: 16px; padding: 1.3rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  position: relative; overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  cursor: inherit;
}
.wvas-tipo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,60,100,0.12);
  border-color: #006699;
}
.wvas-tipo-card::after {
  content: ''; position: absolute; bottom: -18px; right: -18px;
  width: 70px; height: 70px; border-radius: 50%;
  background: rgba(0,102,153,0.05);
  transition: transform 0.3s;
}
.wvas-tipo-card:hover::after { transform: scale(1.4); }
.wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; }
.wvas-tipo-icon { flex-shrink: 0; }
.wvas-tipo-icon img { width: 70px; height: auto; }
.wvas-tipo-card h3 {
  font-size: 1.06rem; font-weight: 800; color: #003d5c;
  margin: 0; padding: 0; border: none;
}
.wvas-tipo-desc   { font-size: 0.84rem; color: #445; line-height: 1.57; }
.wvas-tipo-ej     { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.wvas-tc-destino    { border-top: 4px solid #006699; }
.wvas-tc-tematico   { border-top: 4px solid #534AB7; }
.wvas-tc-itinerario { border-top: 4px solid #1D9E75; }
.wvas-tc-conv       { border-top: 4px solid #BA7517; }
 
/* ════════════════════════════════
   Plantilla: Table awesome responsive
   ════════════════════════════════ */
.table-awesome {
  width: 100%; border-collapse: separate; border-spacing: 0;
  border: 1.5px solid #dde6ef; border-radius: 14px;
  overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem;
}
.table-awesome thead tr {
  background: #006699; color: #fff;
}
.table-awesome thead th {
  padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.05em;
  text-align: left; border: none;
}
.table-awesome tbody tr {
  border-bottom: 1px solid #eef1f5;
  transition: background 0.15s;
}
.table-awesome tbody tr:last-child { border-bottom: none; }
.table-awesome tbody tr:hover { background: #f0f7fc; }
.table-awesome td {
  padding: 0.65rem 0.85rem; vertical-align: top;
  border: none; line-height: 1.5;
}
.table-awesome td:first-child {
  white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%;
}
.table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; }
.table-awesome td a:hover { text-decoration: underline; }
.table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; }
 
/* ════════════════════════════════
   WIDGET CREATE PANEL (único por tipo)
   ════════════════════════════════ */
.wvas-create {
  background: #f7fbff; border: 2px dashed #9fc9dd;
  border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem;
  margin: 0.75rem 0; text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.wvas-create:hover {
  border-color: #006699;
  box-shadow: 0 4px 16px rgba(0,102,153,0.1);
}
.wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; }
.wvas-create-mascot img {
  width: 120px; height: auto;
  animation: wvas-float 2.5s ease-in-out infinite;
}
.wvas-create h3 {
  font-size: 1.02rem; font-weight: 800; color: #003d5c;
  margin: 0 0 0.28rem; padding: 0; border: none;
}
.wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; }
 
/* ════════════════════════════════
   NIVELES DE CALIDAD
   ════════════════════════════════ */
.wvas-nivel {
  border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center;
  display: flex; flex-direction: column; gap: 0.3rem;
  border: 1.5px solid transparent;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-nivel:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; }
.wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; }
.wvas-nivel p  { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; }
.wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; }
.wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; }
.wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; }
.wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; }
 
/* ════════════════════════════════
   CHECKLIST PRE-PUBLICACIÓN
   ════════════════════════════════ */
.wvas-checklist {
  background: #fff; border: 1.5px solid #c8e6c8;
  border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem;
}
.wvas-checklist-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-checklist-header img { width: 36px; height: auto; }
.wvas-checklist-header h3 {
  font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none;
}
.wvas-check-list { list-style: none; padding: 0; margin: 0; }
.wvas-check-list li {
  display: flex; align-items: flex-start; gap: 0.65rem;
  font-size: 0.84rem; padding: 0.38rem 0;
  border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5;
  transition: background 0.12s;
}
.wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; }
.wvas-check-list li:last-child { border-bottom: none; }
.wvas-check-list li::before {
  content: '✓';   
  width: 20px; height: 20px; border-radius: 50%;
  background: #E1F5EE; border: 1.5px solid #1D9E75;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: #1D9E75; flex-shrink: 0;
  font-weight: 900; margin-top: 2px; 
}
 
/* ════════════════════════════════
   AYUDA — LINKS + hover
   ════════════════════════════════ */
.wvas-ayuda-card {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 12px; padding: 1rem 0.9rem;
  text-align: center; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; align-items: center; gap: 0.38rem;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.wvas-ayuda-card:hover {
  border-color: #006699;
  box-shadow: 0 4px 14px rgba(0,102,153,0.12);
  transform: translateY(-2px);
}
.wvas-ayuda-card img  { width: 80px; height: auto; }
.wvas-ayuda-card h4   { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; }
.wvas-ayuda-card p    { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; }
 
/* ════════════════════════════════
   REFERENCIA ARTÍCULOS ACEPTABLES
   ════════════════════════════════ */
.wvas-ref-box {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem;
}
.wvas-ref-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-ref-header img { width: 36px; height: auto; }
.wvas-ref-header h3  {
  font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none;
}
.wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
.wvas-ref-col-title {
  font-size: 0.78rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.5rem;
}
.wvas-col-ok  .wvas-ref-col-title { color: #1D9E75; }
.wvas-col-bad .wvas-ref-col-title { color: #A32D2D; }
.wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; }
.wvas-ref-list li {
  font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px;
  align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45;
  transition: background 0.12s;
}
.wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; }
.wvas-ref-list li:last-child { border-bottom: none; }
.wvas-col-ok  .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; }
.wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; }
.wvas-ref-nota {
  font-size: 0.78rem; color: #666; padding-top: 0.5rem;
  border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; }
.wvas-ref-nota li::before { content: '· '; }
 
/* ════════════════════════════════
   ANIMACIÓN FLOTANTE
   ════════════════════════════════ */
@keyframes wvas-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-7px); }
}
 
/* ════════════════════════════════════════════════════════
   ESTRUCTURAS EN COLUMNAS RESPONSIVE
   ════════════════════════════════════════════════════════ */
.cols-2-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 14px; margin-bottom: 1.5rem;
}
.cols-20-80-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 0;
  border: 0.5px solid #dde6ef;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.cols-3-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px; margin-bottom: 1rem;
}
.cols-4-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8px; margin-bottom: 1rem;
}
/* ════════════════════════════════════════════════════════
   RESPONSIVE (GENERAL)
   ════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  .hero-mascot-title  { font-size: 1.45rem; }
  .wvas-tipo-grid     { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .wvas-ayuda-grid    { grid-template-columns: repeat(2, 1fr); }
  .wvas-img-banner    { height: 130px; }
  .table-awesome { font-size: 0.79rem; }
 
  /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */
  .wvas-callout {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-norma {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-callout-mascot,
  .wvas-norma-mascot {
    width: auto;
  }
  .wvas-callout-content,
  .wvas-norma-content {
    width: 100%;
    text-align: left;   /* el texto interior alineado a la izquierda */
  }
  .wvas-callout-title,
  .wvas-norma-title {
    text-align: center; /* solo el título centrado */
  }
}
@media (max-width: 700px) {
  .cols-20-80-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .sp-sidebar {
    border-right: none;
    border-bottom: 0.5px solid #dde6ef;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 8px;
    gap: 6px;
  }
  .sp-sidebar-label,
  .sp-sidebar-foot { display: none; }
  .sp-item {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
    padding: 8px 10px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 3px;
  }
  /* En mobile el indicador es borde inferior */
  .sp-item.active::after { display: none; }
  .sp-item.active { border-bottom: 2px solid #006699; }
  .sp-item-icon img { margin: 0 auto; }
  .sp-item-hint { display: none; }
  .sp-content { padding: 16px; }
}
@media (max-width: 520px) {
  .hero-mascot-top      { flex-direction: column; gap: 0.75rem; }
  .hero-mascot-mascot img { width: 66px; }
  .hero-mascot-title  { font-size: 1.22rem; }
  .wvas-img-banner    { height: 95px; border-radius: 10px; }
  .wvas-ref-cols      { grid-template-columns: 1fr; }
  .wvas-ayuda-grid    { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .table-awesome thead { display: none; }
  .table-awesome td { display: block; padding: 0.3rem 0.7rem; }
  .table-awesome td:first-child { padding-top: 0.7rem; }
  .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; }
}
@media (max-width: 420px) {
  .sp-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
   SELECTOR PANEL (20% / 80%)
   ════════════════════════════════ */
.sp-sidebar {
  background: #f5f7fa;
  border-right: 0.5px solid #dde6ef;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sp-sidebar-label {
  font-size: 11px;
  font-weight: 700;
  color: #9aa5b4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.sp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: 0.5px solid transparent;
  transition: background 0.15s, border-color 0.15s;
  user-select: none;
  position: relative;
}
.sp-item:hover {
  background: #fff;
  border-color: #c5d0dc;
}
.sp-item.active {
  background: #fff;
  border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.sp-item.active::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 20%;
  height: 60%;
  width: 2.5px;
  background: #006699;
  border-radius: 2px 0 0 2px;
}
.sp-item-icon {
  font-size: 20px;
  flex-shrink: 0;
  color: #9aa5b4;
  transition: color 0.15s;
  width: 22px;
  text-align: center;
}
/* Soporte para imagen wiki como icono */
.sp-item-icon img {
  width: 22px;
  height: auto;
  display: block;
  opacity: 0.55;
  transition: opacity 0.15s;
}
.sp-item.active .sp-item-icon { color: #006699; }
.sp-item.active .sp-item-icon img { opacity: 1; }
.sp-item-name {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  line-height: 1.3;
}
.sp-item-hint {
  font-size: 11px;
  color: #9aa5b4;
  margin-top: 1px;
}
/* Hint inferior del sidebar */
.sp-sidebar-foot {
  font-size: 11px;
  color: #b0bec5;
  text-align: center;
  padding: 6px 0 2px;
  margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.sp-content {
  padding: 20px 24px;
  overflow-y: auto;
  min-height: 300px;
}
.sp-panel { display: none; }
.sp-panel.active { display: block; }

/* ════════════════════════════════════════════════════════
   SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE
   ════════════════════════════════════════════════════════ */

/* ── Caja exterior que envuelve todo ── */
.doc-simple-outer {
  background: #f8f9fb;
  border: 1.5px solid #d8e2ec;
  border-radius: 14px;
  padding: 1.1rem 1.25rem 1rem;
  margin-bottom: 1.5rem;
  font-family: 'Segoe UI', Arial, sans-serif;
  max-width: 700px;
}
 
/* ── Introducción ── */
.doc-simple-intro { margin-bottom: 12px; }
.doc-simple-intro-top { display: flex; align-items: flex-start; gap: 10px; }
.doc-simple-tname-head {
  font-size: 1rem; font-weight: 700; color: #003d5c;
  margin: 0 0 4px; padding: 0; border: none;
}
.doc-simple-desc {
  font-size: 0.84rem; color: #445;
  line-height: 1.6; margin: 0 0 8px;
}
.doc-simple-hint {
  font-size: 0.8rem; color: #778;
  line-height: 1.5; margin: 0 0 10px;
}
.doc-simple-req-inline { color: #C0392B; font-weight: 600; }
.doc-simple-opt-inline { color: #2471A3; font-weight: 600; }
 
/* ── Leyenda ── */
.doc-simple-legend {
  display: flex; gap: 14px; flex-wrap: wrap;
  margin-bottom: 12px;
}
.doc-simple-leg {
  display: flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 600;
}
.doc-simple-leg::before {
  content: ''; width: 3px; height: 13px;
  border-radius: 2px; flex-shrink: 0; display: inline-block;
}
.doc-simple-req-leg { color: #C0392B; }
.doc-simple-req-leg::before { background: #C0392B; }
.doc-simple-opt-leg { color: #2471A3; }
.doc-simple-opt-leg::before { background: #2471A3; }
 
/* ── Cards (sintaxis y ejemplo) ── */
.doc-simple-card {
  background: #fff;
  border: 0.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.doc-simple-example-card { margin-bottom: 10px; }
 
/* ── Cabecera de card ── */
.doc-simple-card-top {
  background: #f0f4f8;
  border-bottom: 0.5px solid #cdd8e4;
  padding: 6px 12px;
  display: flex; align-items: center;
  justify-content: space-between; gap: 8px;
}
.doc-simple-card-label {
  font-size: 11px; font-weight: 700; color: #667;
  text-transform: uppercase; letter-spacing: 0.06em;
}
.doc-simple-card-label.example-label { color: #2471A3; }
 
/* ── Botón copiar ── */
.doc-simple-copy-btn {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11.5px; font-weight: 600; cursor: pointer;
  color: #334; background: #fff;
  border: 0.5px solid #bbc8d4; border-radius: 6px;
  padding: 3px 10px; user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
}
.doc-simple-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-simple-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
 
/* ── Bloque de código ── */
.doc-simple-block {
  padding: 6px 0 8px;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.35;
}
.doc-simple-block-open,
.doc-simple-block-close {
  padding: 3px 12px;
  color: #aab;
}
.doc-simple-blockname { color: #003d5c; font-weight: 600; }
.doc-simple-brace { color: #bbc; }
 
/* ── Filas de parámetros ── */
.doc-simple-params { padding: 0; }
.doc-simple-params &gt; * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.doc-simple-params p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.doc-simple-row {
  display: flex; align-items: baseline;
  padding: 2px 12px 2px 9px;
  border-left: 3px solid transparent;
  transition: background 0.1s;
  line-height: 1.5;
}
.doc-simple-row:hover { background: #f5f8fb; }
.doc-simple-req { border-color: #C0392B; }
.doc-simple-opt { border-color: #2471A3; }
.doc-simple-req .doc-simple-key { color: #C0392B; }
.doc-simple-opt .doc-simple-key { color: #2471A3; }
.doc-simple-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; }
.doc-simple-key { font-weight: 700; white-space: nowrap; }
.doc-simple-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; }
.doc-simple-optvals { color: #889; font-size: 12px; }
 
/* Filas del bloque ejemplo (generadas por JS) */
.doc-simple-example-val { color: #334; }
 
/* ── Notas al pie ── */
.doc-simple-footer {
  border-top: 0.5px solid #dde6ef;
  padding: 8px 2px 0;
  display: flex; flex-direction: column; gap: 3px;
  margin-top: 4px;
}
.doc-simple-nota {
  font-size: 11.5px; color: #889; line-height: 1.5;
	padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem;
}
.doc-simple-nota ul { list-style: none; padding: 0; margin: 0; }
.doc-simple-nota li::before { content: '→ '; color: #bbc; }

/* ── Responsive ── */
@media (max-width: 520px) {
  .doc-simple-outer { padding: 0.85rem 0.9rem; }
  .doc-simple-card-top { flex-direction: column; align-items: flex-start; gap: 6px; }
  .doc-simple-copy-btn { width: 100%; justify-content: center; }
}

/* ════════════════════════════════════════════════════════
   SELECTOR HORIZONTAL DE PESTAÑAS
   ════════════════════════════════════════════════════════ */
/* ── Contenedor general ── */
.htab-wrap {
  border: 0.5px solid #cdd8e4;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

/* ── Barra superior: color + patrón de puntos ── */
.htab-bar {
  background-color: #D4537E;
  background-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.12) 1.5px,
    transparent 1.5px
  );
  background-size: 20px 20px;
  position: relative;
  overflow: hidden;
  padding: 14px 14px 12px;
  border-bottom: 2.5px solid #993556;
}

/* ── Fondo animado: formas moviéndose de derecha a izquierda ── */
.htab-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.htab-bg-track {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  height: 100%;
  white-space: nowrap;
  animation: htab-marquee 18s linear infinite;
}
@keyframes htab-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Formas del fondo */
.hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); }
.hs-circle  { width: 9px;  height: 9px;  border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; }
.hs-bar     { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); }
.hs-sq      { width: 8px;  height: 8px;  border: 1.5px solid rgba(255,255,255,0.18); }
.hs-tri     { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); }

/* ── Pestañas ── */
.htab-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  position: relative;
  z-index: 1;
}
.htab-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 8px;
  padding: 7px 15px;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: background 0.15s, transform 0.13s, border-color 0.15s;
}
.htab-tab:hover:not(.active) {
  background: rgba(255,255,255,0.25);
  transform: translateY(-2px);
}
.htab-tab.active {
  background: #EF9F27;
  border-color: #BA7517;
  color: #412402;
  transform: translateY(-1px);
}
/* Imágenes wiki dentro de la pestaña como icono */
.htab-tab figure { float: none !important; margin: 0 !important; }
.htab-tab img    { width: 18px; height: auto; display: block; }

/* ── Partículas ── */
.htab-prt {
  position: absolute;
  pointer-events: none;
  z-index: 20;
  border-radius: 50%;
}

/* Click — explosión */
.htab-prt-b {
  animation: htab-burst var(--dur, 0.4s) ease-out forwards;
}
@keyframes htab-burst {
  0%   { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; }
  100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; }
}

/* Hover — flotantes */
.htab-prt-h {
  animation: htab-float var(--dur, 0.65s) ease-out forwards;
}
@keyframes htab-float {
  0%   { transform: translateY(0) translateX(0); opacity: 0.85; }
  100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; }
}

/* ── Área de contenido ── */
.htab-panels {
  background: #fff;
  padding: 22px 22px 18px;
  min-height: 160px;
}
.htab-panel { display: none; }
.htab-panel.active {
  display: block;
  animation: htab-fadein 0.22s ease;
}
@keyframes htab-fadein {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 700px) {
  .htab-bar  { padding: 11px; }
  .htab-tab  { padding: 6px 12px; font-size: 12px; gap: 5px; }
  .htab-panels { padding: 16px; }
}
@media (max-width: 420px) {
  .htab-tab  { padding: 5px 10px; font-size: 11px; }
  .htab-panels { padding: 12px; }
}

/* ════════════════════════════════════════════════════════════════
   WVA - SISTEMA DE SECCIONES DE ARTÍCULO
   ════════════════════════════════════════════════════════════════ */

/* ═══ ANIMACIONES ═══ */
@keyframes wva-in  { from{opacity:0;transform:translateY(10px)}  to{opacity:1;transform:translateY(0)} }
@keyframes wva-sl  { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} }
@keyframes wva-pop { from{opacity:0;transform:scale(0.93)}       to{opacity:1;transform:scale(1)} }
@keyframes wva-bar { from{width:0} to{width:var(--w,100%)} }
@keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} }
@keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} }

/* ══════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════ */
.wva-hero{
  background:var(--pk);position:relative;overflow:hidden;
  padding:28px 24px 44px;border-bottom:3px solid #111;
  clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%);
  margin-bottom:-2px;animation:in 0.6s ease both;
}
.wva-hero-dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px);
  background-size:22px 22px;}
.wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px;
  letter-spacing:10px;animation:glo 2.5s ease-in-out infinite}
.wva-hi{position:relative;z-index:1}
.wva-hi-loc{display:inline-block;background:var(--yw);color:#111;
  font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111;
  line-height:.95;margin-bottom:12px;border:none;padding:0}
.wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px}
.wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px}

/* ══════════════════════════════════════════════════════
   FICHA TÉCNICA — barra de stats oscura
   ══════════════════════════════════════════════════════ */
.wva-ficha {
  background: var(--bk); padding: 16px 20px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
  gap: 16px; border-bottom: var(--bd);
  animation: wva-in .5s ease .08s both;
}
/* Dot pattern sobre negro */
.wva-ficha::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px);
  background-size: 14px 14px;
}
.wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; }
.wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); }
.wva-fb-info strong { color:var(--yw);font-weight:700; }

.wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; }
.wva-sg { font-size:14px;font-weight:900;width:30px; }
.wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; }
.wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; }
.sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)}
.sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)}

/* ══════════════════════════════════════════════════════
   SECTION WRAPPER
   ══════════════════════════════════════════════════════ */
.wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; }
.bg-w   { background:#fff; }
.bg-yw  { background:var(--yw);position:relative; }
.bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; }
.bg-yw &gt; * { position:relative;z-index:1; }
.bg-cr  { background:#FFF8F0; }
.bg-war { background:#FFF5F5; }
.bg-mn  { background:#FFFDE7; }
.bg-sc  { background:#FFF0F8;
  background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; }
.bg-hl  { background:#F0FFF4; }
.bg-mv  { background:#F8F8FF; }
.bg-ar  { background:#F0F9FF; }

/* ══════════════════════════════════════════════════════
   SECTION HEADER
   ══════════════════════════════════════════════════════ */
.wva-sh {
  display:flex;align-items:center;gap:10px;
  padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden;
}
.wva-sh .ico { font-size:17px;flex-shrink:0; }
.wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; }
.wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; }

/* NEGRO + AMARILLO (estilo SQUAD) */
.sh-bk { background:var(--bk); }
.sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; }
.sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; }

/* AMARILLO + NEGRO (estilo VANGUARD) */
.sh-yw { background:var(--yw); }
.sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; }
.sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; }

.sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff}
.sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff}
.sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff}
.sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff}
.sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff}
.sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff}
.sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)}

/* ══════════════════════════════════════════════════════
   SUBHEADER
   ══════════════════════════════════════════════════════ */
.wva-sub {
  display:flex;align-items:center;gap:8px;padding:8px 20px 4px;
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);
}
.wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; }

/* ══════════════════════════════════════════════════════
   BODY / 2 COLS
   ══════════════════════════════════════════════════════ */
.wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; }
.wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; }
.wva-body strong { color:var(--bk);font-weight:700; }

.wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; }
.wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   GRIDS
   ══════════════════════════════════════════════════════ */
.g    { padding:12px 20px; }
.g-2  { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.g-3  { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.g-a  { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; }
.g-r  { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; }
.g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; }

/* ══════════════════════════════════════════════════════
   PRACTICAL TIP CARD
   ══════════════════════════════════════════════════════ */
.ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden;
  transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; }
.ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); }
.ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; }
.ptip-b strong { color:var(--bk);font-weight:700; }

.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }

/* ══════════════════════════════════════════════════════
   TALENT CARD (secretos — estilo squad card)
   ══════════════════════════════════════════════════════ */
.tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px;
  overflow:hidden;position:relative;animation:wva-pop .4s ease both;
  transition:transform .15s,box-shadow .15s;cursor:default; }
.tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); }
.tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; }

.tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;
  padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; }
.tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; }
.tcard-stats { margin-bottom:7px; }
.tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); }
.tsg { font-size:13px;font-weight:900;width:26px; }
.tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; }
.tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; }
.tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; }
.tcard-tags { display:flex;gap:4px;flex-wrap:wrap; }

/* ══════════════════════════════════════════════════════
   REGION CARD
   ══════════════════════════════════════════════════════ */
.rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px;
  border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; }
.rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }
.rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; }

/* ══════════════════════════════════════════════════════
   CITY CARD
   ══════════════════════════════════════════════════════ */
.ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r);
  cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; }
.ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); }
.ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;
  border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; }
.ccard-badge.pk { background:var(--pk);color:#fff; }
.ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; }

/* ══════════════════════════════════════════════════════
   TRANSPORT CARD
   ══════════════════════════════════════════════════════ */
.tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r);
  display:flex;flex-direction:column;gap:6px;cursor:default;
  transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; }
.tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); }
.tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.tport-icon { font-size:24px;line-height:1; }
.tport-name { font-size:13px;font-weight:800;color:var(--bk); }
.tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; }
.tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)}
.tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)}
.tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)}
.tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)}
.tp-bk::before{background:var(--bk)}

/* ══════════════════════════════════════════════════════
   ALERT BOX
   ══════════════════════════════════════════════════════ */
.wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px;
  border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; }
.wva-al + .wva-al { margin-top:8px; }
.wva-al:last-of-type { margin-bottom:12px; }
.a-warn  { border-color:var(--rd); background:#FFF5F5; }
.a-tip   { border-color:var(--cy); background:#F0FDFF; }
.a-ok    { border-color:var(--gn); background:#F0FFF4; }
.a-money { border-color:#F5A000;   background:#FFFDE7; }
.a-info  { border-color:var(--bl); background:#F0F8FF; }
.a-pink  { border-color:var(--pk); background:#FFF0F8; }
.al-em   { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; }
.al-txt  { font-size:12.5px;color:#333;line-height:1.62; }
.al-txt strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   LIST ITEMS
   ══════════════════════════════════════════════════════ */
.wva-list { padding:0 20px 12px; }
.wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08);
  align-items:flex-start;transition:padding-left .14s;cursor:default; }
.wva-li:last-child { border-bottom:none; }
.wva-li:hover { padding-left:6px; }
.wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm);
  display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;
  background:var(--wh);transition:transform .14s; }
.wva-li:hover .wva-li-ico { transform:scale(1.06); }
.wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; }
.wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; }
.wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; }

/* ══════════════════════════════════════════════════════
   NEXT DESTINATIONS
   ══════════════════════════════════════════════════════ */
.wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; }
.ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r);
  padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default;
  transition:background .14s,transform .14s,box-shadow .14s; }
.ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }

/* ══════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════ */
@media (max-width:760px) {
  .wva-hero { grid-template-columns:1fr; }
  .wva-himg { display:none; }
  .wva-hc::after { display:none; }
  .wva-hi-h { font-size:38px; }
  .g-2,.g-3 { grid-template-columns:1fr; }
  .wva-2c { grid-template-columns:1fr; }
  .wva-ficha { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px) {
  .wva-hc { padding:20px 14px 28px; }
  .wva-hi-h { font-size:28px; }
  .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; }
  .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; }
  .wva-al { margin-left:14px;margin-right:14px; }
  .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; }
  .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; }
}</text>
      <sha1>4buvgseivxfisc07q6gs1pr1kkremaz</sha1>
    </revision>
    <revision>
      <id>253774</id>
      <parentid>253762</parentid>
      <timestamp>2026-05-23T01:33:32Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253774</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="82047" sha1="qrh5w9lvf5x2iyy603z49awsw0wofag" xml:space="preserve">/* ════════════════════════════════
   Función de acordeón tipo FAQ / Funciona con el js correspondiente
   ════════════════════════════════ */
.accordion-content{
    display:none;
}

.accordion-content.active {
    display:block;
}

.accordion-clicky{
    cursor:pointer;
    user-select:none;
}

:root {
  --pk: #FF00BB;  --yw: #FFE600;  --cy: #00BFFF;
  --gn: #00C853;  --or: #FF6B00;  --rd: #FF2200;
  --pu: #7A00FF;  --bl: #0099FF;  --bk: #111111;
  --wh: #FFFFFF;  --mu: #555555;
  --bd:  3px solid #111;
  --bd2: 2.5px solid #111;
  --r:   10px;
  --rsm: 6px;
  --rlg: 16px;
  --font: 'Segoe UI', Arial, sans-serif;
}

.wva-config { box-sizing: border-box; margin: 0; padding: 0; margin: 0 auto; background: var(--wh); border: var(--bd); overflow: hidden; font-family: var(--font)}

/* ── Reset interno ── */
.config-general * { box-sizing: border-box; }
.config-general { font-family: var(--font); line-height: 1.6; }

/* ── Force links icon ── */
.doc-simple-outer a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;])::after,
.config-general a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;]):not([href*=&quot;/File:&quot;]):not([href*=&quot;/Archivo:&quot;])::after {
  content: ' [↗]';
  font-size: 0.78em;
  opacity: 0.55;
  font-weight: normal;
  text-decoration: none;
}
.config-general a:has(img)::after{
    content:none !important;
}
/* El enlace [editar] no participa en el flex */
.config-general .mw-editsection {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
}

/* ════════════════════════════════
   Decorativos inline
   ════════════════════════════════ */
.chip-inline {
  display: inline-block; font-size: 0.69rem; font-weight: 700;
  padding: 1px 8px; border-radius: 20px; margin-top: 3px;
  color: #fff;
}
.badge-inline {
	background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px
			  }
.tag-inline {
  display: inline-block; font-size: 0.72rem; font-weight: 700;
  padding: 3px 10px; border-radius: 20px;
  background: #E6F1FB; color: #006699; margin-top: 0.3rem;
  text-decoration: none; transition: background 0.15s;
}
.tag-inline:hover { background: #c5dff0; }

.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }

/* ════════════════════════════════
   Structures
   ════════════════════════════════ */
.tags-structure { display:flex;gap:5px;flex-wrap:wrap; }

/* ════════════════════════════════
   DocCopiar
   ════════════════════════════════ */
.doc-copiar-wrap {
  border: 1.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1rem;
  font-family: 'Segoe UI', Arial, sans-serif;
}
.doc-copiar-bar {
  background: #f0f4f8;
  border-bottom: 1px solid #cdd8e4;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.doc-copiar-lbl {
  font-size: 11px;
  font-weight: 700;
  color: #667;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.doc-copiar-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  color: #334;
  background: #fff;
  border: 0.5px solid #bbc8d4;
  border-radius: 6px;
  padding: 3px 10px;
  user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
  white-space: nowrap;
}
.doc-copiar-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-copiar-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
.doc-copiar-pre {
  margin: 0;
  padding: 12px 14px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 13px;
  line-height: 1.65;
  color: #2a2a3a;
  white-space: pre-wrap;
  word-break: break-word;
  background: #fff;
  overflow-x: auto;
  border: none;
}
/* ════════════════════════════════
   Plantilla: Tríptico - Código para que funcione bien. Full Responsive
   ════════════════════════════════ */
.triptico {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: stretch;
}

.triptico-wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.triptico-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ── card base ── */
.tc-card {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.tc-card::before {
  content: '';
  display: block;
  padding-top: var(--card-ratio, 100%);
}

.tc-card-inner {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}

/* imagen wiki como fondo */
.tc-card-img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  display: block;
}

.tc-card-img a,
.tc-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  text-decoration: none;
  pointer-events: none;
}

/* enlace que cubre todo el card */
.tc-card-link {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 5;
  display: block;
  background: transparent;
}

.tc-card-link:hover ~ .tc-tag-top,
.tc-card-link:hover ~ .tc-tag-bot {
  background: rgba(0,0,0,0.82);
}

/* ── tags de esquina ── */
.tc-tag-top {
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-tag-bot {
  position: absolute;
  bottom: 0; right: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  text-align: right;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-card-inner:hover .tc-tag-top {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-card-inner:hover .tc-tag-bot {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-tag-top,
.tc-tag-bot {
  transition: background 0.25s;
}

.tc-tag-top::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

.tc-tag-bot::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

/* ── card-vert ── */
.tc-card-vert .tc-card-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.tc-texto-vert {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.3em;
  writing-mode: vertical-rl;
  transform: rotate(180deg) scaleX(1.4);
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  font-size: var(--vert-size, 56px);
  z-index: 3;
  position: relative;
  pointer-events: none;
  margin-right: 14px;
  margin-top: 10px;
  margin-left: 30px;
}

/* ── bloque de texto ── */
.tc-texto {
  width: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
  background: var(--tc-texto-bg, transparent);
  color: var(--tc-texto-color, inherit);
}

/* ── header flotante ── */
.tc-header-wrap {
  position: absolute;
  top: 0;
  left: 0; right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.tc-header {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 22px;
  background: var(--tc-header-bg, #111);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  white-space: nowrap;
  pointer-events: auto;
  transition: background 0.25s;
}

.tc-header::before {
  content: '';
  position: absolute;
  inset: 2px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);
}

.tc-header-accent {
  position: absolute;
  bottom: -3px;
  left: 10px; right: 10px;
  height: 2px;
  background: var(--tc-acento, #e63946);
  transition: background 0.25s;
}

@media (max-width: 900px) {
  .triptico { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .triptico { grid-template-columns: 1fr; }
}

/* tc-tira */
.tc-tira {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex: none;
  min-height: 72px;
  max-height: 110px;
  background: var(--tc-tira-bg, #111);
  overflow: hidden;
}

/* línea de acento superior */
.tc-tira::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--tc-tira-acento, #e63946);
  z-index: 2;
}

/* brillo sutil */
.tc-tira-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.tc-tira-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding: 10px 6px;
  gap: 3px;
  text-align: center;
  transition: background 0.2s;
}

.tc-tira-items {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 3px 0 0 0;
  min-width: 0;
}

.tc-tira-item:hover {
  background: rgba(255,255,255,0.04);
}

.tc-tira-item img,
.tc-tira-item a img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 2px;
}

.tc-tira-item .thumbinner,
.tc-tira-item .thumb,
.tc-tira-item figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-tira-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-valor {
  font-size: 12px;
  font-weight: bold;
  color: var(--tc-tira-txt, #fff);
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-sep {
  width: 1px;
  align-self: stretch;
  background: rgba(255,255,255,0.08);
  flex-shrink: 0;
  margin: 10px 0;
}

/* ── itinerario ── */
.tc-itinerario {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 0 6px 0;
  background: var(--tc-it-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tc-it-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  margin-bottom: 4px;
}

.tc-it-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-it-acento, #e63946);
  flex: 1;
}

.tc-it-total {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}

/* línea de tiempo vertical */
.tc-it-linea {
  position: absolute;
  left: 28px;
  top: 50px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    var(--tc-it-acento, #e63946),
    rgba(255,255,255,0.05)
  );
}

.tc-it-lista {
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.tc-it-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px 14px 8px 48px;
  transition: background 0.2s;
}

.tc-it-item:hover {
  background: rgba(255,255,255,0.03);
}

/* nodo en la línea de tiempo */
.tc-it-nodo {
  position: absolute;
  left: 22px;
  top: 13px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--tc-it-bg, #0d0d0d);
  border: 2px solid var(--tc-it-acento, #e63946);
  box-sizing: border-box;
  z-index: 2;
}

.tc-it-item:first-child .tc-it-nodo {
  background: var(--tc-it-acento, #e63946);
}

/* fila superior: lugar + tiempo */
.tc-it-fila-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}

.tc-it-lugar {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tc-it-tiempo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: var(--tc-it-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* actividad */
.tc-it-actividad {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
  margin-bottom: 4px;
}

/* badges de propiedades */
.tc-it-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.tc-it-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
  line-height: 1.4;
}

.tc-it-badge-acento {
  border-color: var(--tc-it-acento, #e63946);
  color: var(--tc-it-acento, #e63946);
}

/* separador entre items */
.tc-it-item + .tc-it-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 48px; right: 14px;
  height: 1px;
  background: rgba(255,255,255,0.05);
}

/* ════════════════════════════════
   tc-gastronomia
   ════════════════════════════════ */
.tc-gastro {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-gastro-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-gastro-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-gastro-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

.tc-gastro-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  justify-content: space-between;
}

.tc-gastro-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  position: relative;
  transition: background 0.2s;
}

.tc-gastro-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-gastro-item + .tc-gastro-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* foto */
.tc-gastro-foto {
  width: 64px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.tc-gastro-foto img,
.tc-gastro-foto a img {
  width: 64px !important;
  height: 100% !important;
  min-height: 64px;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.tc-gastro-foto .thumbinner,
.tc-gastro-foto .thumb,
.tc-gastro-foto figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
}

/* línea de acento lateral */
.tc-gastro-item::before {
  content: '';
  position: absolute;
  left: 64px;
  top: 0; bottom: 0;
  width: 2px;
  background: var(--tc-gastro-acento, #e63946);
  opacity: 0;
  transition: opacity 0.2s;
}

.tc-gastro-item:hover::before {
  opacity: 1;
}

/* contenido textual */
.tc-gastro-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 12px 10px 14px;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.tc-gastro-nombre {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-gastro-lugar {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-desc {
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  line-height: 1.4;
  margin-top: 2px;
}

.tc-gastro-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 4px;
}

.tc-gastro-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.4);
  line-height: 1.4;
}

.tc-gastro-badge-acento {
  border-color: var(--tc-gastro-acento, #e63946);
  color: var(--tc-gastro-acento, #e63946);
}


/* ════════════════════════════════
   tc-transporte
   ════════════════════════════════ */
.tc-transporte {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-trans-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-trans-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-trans-acento, #1d6fa4);
}

.tc-trans-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

/* secciones: transporte y lugares */
.tc-trans-seccion {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-seccion-label {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding: 7px 14px 4px 14px;
}

.tc-trans-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-trans-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  position: relative;
  transition: background 0.2s;
}

.tc-trans-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-trans-item + .tc-trans-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* icono de transporte o lugar */
.tc-trans-icono {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255,255,255,0.05);
  overflow: hidden;
}

.tc-trans-icono img,
.tc-trans-icono a img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-trans-icono .thumbinner,
.tc-trans-icono .thumb,
.tc-trans-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-trans-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}

.tc-trans-nombre {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-desc {
  font-size: 9px;
  color: rgba(255,255,255,0.4);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-meta {
  font-size: 9px;
  font-weight: bold;
  color: var(--tc-trans-acento, #1d6fa4);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.04em;
}

/* divisor entre secciones */
.tc-trans-div {
  height: 1px;
  background: linear-gradient(
    to right,
    var(--tc-trans-acento, #1d6fa4),
    rgba(255,255,255,0.05)
  );
  margin: 4px 14px;
}

/* badge de lugar destacado */
.tc-trans-estrella {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tc-trans-acento, #1d6fa4);
  flex-shrink: 0;
}

/* texto adaptable según fondo */
.tc-gastro-nombre  { color: var(--tc-gastro-txt, #fff); }
.tc-gastro-desc    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); }
.tc-gastro-badge   { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); 
                     border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); }

.tc-trans-nombre   { color: var(--tc-trans-txt, #fff); }
.tc-trans-desc     { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); }
.tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); }
.tc-trans-subtitulo     { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); }
.tc-gastro-subtitulo    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); }

/* ════════════════════════════════
   tc-callout — base compartida
   ════════════════════════════════ */
.tc-callout {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}

.tc-callout-barra {
  width: 4px;
  flex-shrink: 0;
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  flex: 1;
  min-width: 0;
  background: var(--tc-co-bg, rgba(29,111,164,0.08));
}

.tc-callout-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.tc-callout-icono {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.tc-callout-icono img,
.tc-callout-icono a img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-callout-icono .thumbinner,
.tc-callout-icono .thumb,
.tc-callout-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-callout-tipo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-titulo {
  font-size: 13px;
  font-weight: bold;
  color: var(--tc-co-txt, #fff);
  line-height: 1.3;
}

.tc-callout-texto {
  font-size: 11px;
  line-height: 1.6;
  color: var(--tc-co-txt2, rgba(255,255,255,0.6));
}

.tc-callout-texto a {
  color: var(--tc-co-acento, #1d6fa4);
  text-decoration: none;
}

.tc-callout-texto a:hover {
  text-decoration: underline;
}

.tc-callout-footer {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
  margin-top: 2px;
}

/* ── variante: bloque lleno sin barra lateral ── */
.tc-callout-filled {
  flex-direction: column;
}

.tc-callout-filled .tc-callout-barra {
  width: 100%;
  height: 3px;
}

.tc-callout-filled .tc-callout-body {
  padding: 12px 14px;
}

/* ── variante: destacado con fondo marcado ── */
.tc-callout-solid .tc-callout-body {
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-solid .tc-callout-tipo {
  color: rgba(255,255,255,0.7);
}

.tc-callout-solid .tc-callout-titulo {
  color: #fff;
}

.tc-callout-solid .tc-callout-texto {
  color: rgba(255,255,255,0.75);
}

.tc-callout-solid .tc-callout-footer {
  color: rgba(255,255,255,0.6);
}

.tc-callout-solid .tc-callout-barra {
  background: rgba(0,0,0,0.2);
}

/* ── separador interno ── */
.tc-callout-sep {
  height: 1px;
  background: var(--tc-co-acento, #1d6fa4);
  opacity: 0.2;
  margin: 4px 0;
}

/* ════════════════════════════════
   tc-lista — lista de ítems simple
   ════════════════════════════════ */
.tc-lista {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-lista-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-lista-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-lista-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-lista-acento, #e63946);
}

.tc-lista-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-lista-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  transition: background 0.2s;
  position: relative;
}

.tc-lista-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-lista-item + .tc-lista-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-lista-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tc-lista-acento, #e63946);
  flex-shrink: 0;
}

.tc-lista-txt {
  font-size: 12px;
  color: var(--tc-lista-txt, #fff);
  line-height: 1.4;
  flex: 1;
}

.tc-lista-meta {
  font-size: 10px;
  font-weight: bold;
  color: var(--tc-lista-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ════════════════════════════════
   tc-cita — cita o quote destacado
   ════════════════════════════════ */
.tc-cita {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-cita-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 18px 16px 22px;
  overflow: hidden;
}

.tc-cita-marca {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 52px;
  line-height: 1;
  color: var(--tc-cita-acento, #e63946);
  opacity: 0.25;
  font-family: Georgia, serif;
  pointer-events: none;
  user-select: none;
}

.tc-cita-barra {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--tc-cita-acento, #e63946);
}

.tc-cita-texto {
  font-size: 13px;
  line-height: 1.7;
  color: var(--tc-cita-txt, #fff);
  font-style: italic;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.tc-cita-autor {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-cita-acento, #e63946);
  position: relative;
  z-index: 1;
}

.tc-cita-fuente {
  font-size: 9px;
  color: var(--tc-cita-txt2, rgba(255,255,255,0.35));
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

/* ════════════════════════════════
   tc-stat — estadísticas / cifras
   ════════════════════════════════ */
.tc-stat {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-stat-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-stat-header {
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-stat-acento, #e63946);
}

.tc-stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1;
  min-height: 0;
}

.tc-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  gap: 3px;
  position: relative;
  transition: background 0.2s;
}

.tc-stat-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-stat-item:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item + .tc-stat-item,
.tc-stat-item ~ .tc-stat-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item:nth-child(1),
.tc-stat-item:nth-child(2) {
  border-top: none;
}

.tc-stat-cifra {
  font-size: 22px;
  font-weight: bold;
  color: var(--tc-stat-acento, #e63946);
  line-height: 1;
  letter-spacing: -0.02em;
}

.tc-stat-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.4));
  text-align: center;
  line-height: 1.3;
}

.tc-stat-sub {
  font-size: 9px;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.25));
  text-align: center;
}


/* ════════════════════════════════
   ASISTENTE DE CREACIÓN DE ARTÍCULOS
   ════════════════════════════════ */
/* ════════════════════════════════
   HERO BANNER
   ════════════════════════════════ */
.hero-mascot {
  background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%);
  border-radius: 16px;
  padding: 1.75rem 1.75rem 1.5rem;
  margin-bottom: 1.25rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.hero-mascot::before {
  content: ''; position: absolute; top: -50px; right: -40px;
  width: 230px; height: 230px;
  background: rgba(255,255,255,0.06); border-radius: 50%;
}
.hero-mascot::after {
  content: ''; position: absolute; bottom: -70px; left: 28%;
  width: 280px; height: 280px;
  background: rgba(255,255,255,0.04); border-radius: 50%;
}
.hero-mascot-top {
  display: flex; align-items: flex-start; gap: 1.25rem;
  position: relative; z-index: 1;
}
.hero-mascot-mascot { flex-shrink: 0; }
.hero-mascot-mascot img {
  width: 120px; height: auto;
  filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3));
  animation: wvas-float 3.5s ease-in-out infinite;
}
.hero-mascot-title {
  font-size: 1.75rem; font-weight: 800; line-height: 1.2;
  margin: 0 0 0.4rem; color: #fff; border: none; padding: 0;
}
.hero-mascot-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; }
.hero-mascot-divider {
  border: none; border-top: 1px solid rgba(255,255,255,0.22);
  margin: 1.1rem 0 1rem; position: relative; z-index: 1;
}
.hero-mascot-about { position: relative; z-index: 1; }
.hero-mascot-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; }
.hero-mascot-about a { color: #21e82b; font-weight: 700; }
.hero-mascot-about p:last-child { margin: 0; }
 
/* ════════════════════════════════
   IMAGE BANNER (5 fotos + corte diagonal)
   ════════════════════════════════ */
.banner-images-banner {
  display: flex;
  height: 195px;
  border-radius: 14px;
  overflow: hidden;
  background: #004d70;
}
.banner-images-slot {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
  min-width: 0;
}
.banner-images-slot:not(:first-child) {
  clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -22px;
}
.banner-images-slot:nth-child(2) { z-index: 2; }
.banner-images-slot:nth-child(3) { z-index: 3; }
.banner-images-slot:nth-child(4) { z-index: 4; }
.banner-images-slot:nth-child(5) { z-index: 5; }
.banner-images-slot figure,
.banner-images-slot .mw-file-description,
.banner-images-slot a {
  display: block !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
}
.banner-images-slot img {
  display: block !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  margin: 0 !important; border: 0 !important;
  vertical-align: top !important; max-width: none !important;
}
 
/* ════════════════════════════════
   SECTION HEADER
   ════════════════════════════════ */
.wvas-sh {
  display: flex; align-items: center; gap: 0.65rem;
  margin: 1.9rem 0 1rem;
}
.wvas-sh-icon {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; flex-shrink: 0;
}
.wvas-sh h2 {
  font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c;
}
.wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; }

/* ════════════════════════════════
   NORMAS — siempre visibles, con hover
   ════════════════════════════════ */

.wvas-norma {
  border-radius: 12px; padding: 0.9rem 1rem;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 0.7rem;
  align-items: center;
  border: 1.5px solid;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-norma:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.wvas-norma-mascot { width: 90px;  display: flex; align-items: center; justify-content: center; }
.wvas-norma-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-norma-mascot figure { float: none !important; margin: 0 !important; }
.wvas-norma-content { min-width: 0; }
.wvas-norma-title {
  font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
  letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.wvas-norma-text { font-size: 0.82rem; line-height: 1.57; }
.wvas-norma-text a { font-weight: 700; }
.wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.wvas-n-error .wvas-norma-title { color: #A32D2D; }
.wvas-n-error a { color: #A32D2D; }
.wvas-n-warn  { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.wvas-n-warn  .wvas-norma-title { color: #7a4a00; }
.wvas-n-warn  a { color: #854F0B; }
.wvas-n-tip   { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.wvas-n-tip   .wvas-norma-title { color: #0F6E56; }
.wvas-n-tip   a { color: #085041; }
.wvas-n-info  { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.wvas-n-info  .wvas-norma-title { color: #006699; }
.wvas-n-info  a { color: #006699; }
 
/* ════════════════════════════════
   CALLOUT (genérico)
   Grid interno: mascota | contenido (desktop)
                 mascota (arriba) + contenido (abajo) en mobile
   ════════════════════════════════ */
.wvas-callout {
  border-radius: 12px; padding: 0.9rem 1.1rem;
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.8rem;
  align-items: center;
  border-left: 4px solid;
  transition: box-shadow 0.18s;
}
.wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); }
.wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; }
.wvas-callout-mascot img { width: 80px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-callout-mascot figure { float: none !important; margin: 0 !important; }
.wvas-callout-content { min-width: 0; }
.wvas-callout-title {
  font-weight: 800; font-size: 0.81rem; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.22rem;
}
.wvas-callout-body { font-size: 0.85rem; line-height: 1.58; }
.wvas-callout-body a { font-weight: 700; text-decoration: none; }
.wvas-callout-body a:hover { text-decoration: underline; }
.wvas-co-tip    { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; }
.wvas-co-tip    .wvas-callout-title { color: #0F6E56; }
.wvas-co-tip    a { color: #085041; }
.wvas-co-info   { background: #E6F1FB; border-color: #006699; color: #042C53; }
.wvas-co-info   .wvas-callout-title { color: #006699; }
.wvas-co-info   a { color: #185FA5; }
.wvas-co-warn   { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; }
.wvas-co-warn   .wvas-callout-title { color: #7a4a00; }
.wvas-co-warn   a { color: #854F0B; }
.wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; }
.wvas-co-purple .wvas-callout-title { color: #534AB7; }
.wvas-co-purple a { color: #534AB7; }
.wvas-co-error  { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; }
.wvas-co-error  .wvas-callout-title { color: #A32D2D; }
.wvas-co-error  a { color: #A32D2D; }
 
/* ════════════════════════════════
   TIPO CARDS — informativas + hover
   ════════════════════════════════ */
.wvas-tipo-card {
  background: #fff; border: 1.5px solid #d0dce8;
  border-radius: 16px; padding: 1.3rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  position: relative; overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  cursor: inherit;
}
.wvas-tipo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,60,100,0.12);
  border-color: #006699;
}
.wvas-tipo-card::after {
  content: ''; position: absolute; bottom: -18px; right: -18px;
  width: 70px; height: 70px; border-radius: 50%;
  background: rgba(0,102,153,0.05);
  transition: transform 0.3s;
}
.wvas-tipo-card:hover::after { transform: scale(1.4); }
.wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; }
.wvas-tipo-icon { flex-shrink: 0; }
.wvas-tipo-icon img { width: 70px; height: auto; }
.wvas-tipo-card h3 {
  font-size: 1.06rem; font-weight: 800; color: #003d5c;
  margin: 0; padding: 0; border: none;
}
.wvas-tipo-desc   { font-size: 0.84rem; color: #445; line-height: 1.57; }
.wvas-tipo-ej     { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.wvas-tc-destino    { border-top: 4px solid #006699; }
.wvas-tc-tematico   { border-top: 4px solid #534AB7; }
.wvas-tc-itinerario { border-top: 4px solid #1D9E75; }
.wvas-tc-conv       { border-top: 4px solid #BA7517; }
 
/* ════════════════════════════════
   Plantilla: Table awesome responsive
   ════════════════════════════════ */
.table-awesome {
  width: 100%; border-collapse: separate; border-spacing: 0;
  border: 1.5px solid #dde6ef; border-radius: 14px;
  overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem;
}
.table-awesome thead tr {
  background: #006699; color: #fff;
}
.table-awesome thead th {
  padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.05em;
  text-align: left; border: none;
}
.table-awesome tbody tr {
  border-bottom: 1px solid #eef1f5;
  transition: background 0.15s;
}
.table-awesome tbody tr:last-child { border-bottom: none; }
.table-awesome tbody tr:hover { background: #f0f7fc; }
.table-awesome td {
  padding: 0.65rem 0.85rem; vertical-align: top;
  border: none; line-height: 1.5;
}
.table-awesome td:first-child {
  white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%;
}
.table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; }
.table-awesome td a:hover { text-decoration: underline; }
.table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; }
 
/* ════════════════════════════════
   WIDGET CREATE PANEL (único por tipo)
   ════════════════════════════════ */
.wvas-create {
  background: #f7fbff; border: 2px dashed #9fc9dd;
  border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem;
  margin: 0.75rem 0; text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.wvas-create:hover {
  border-color: #006699;
  box-shadow: 0 4px 16px rgba(0,102,153,0.1);
}
.wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; }
.wvas-create-mascot img {
  width: 120px; height: auto;
  animation: wvas-float 2.5s ease-in-out infinite;
}
.wvas-create h3 {
  font-size: 1.02rem; font-weight: 800; color: #003d5c;
  margin: 0 0 0.28rem; padding: 0; border: none;
}
.wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; }
 
/* ════════════════════════════════
   NIVELES DE CALIDAD
   ════════════════════════════════ */
.wvas-nivel {
  border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center;
  display: flex; flex-direction: column; gap: 0.3rem;
  border: 1.5px solid transparent;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-nivel:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; }
.wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; }
.wvas-nivel p  { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; }
.wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; }
.wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; }
.wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; }
.wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; }
 
/* ════════════════════════════════
   CHECKLIST PRE-PUBLICACIÓN
   ════════════════════════════════ */
.wvas-checklist {
  background: #fff; border: 1.5px solid #c8e6c8;
  border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem;
}
.wvas-checklist-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-checklist-header img { width: 36px; height: auto; }
.wvas-checklist-header h3 {
  font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none;
}
.wvas-check-list { list-style: none; padding: 0; margin: 0; }
.wvas-check-list li {
  display: flex; align-items: flex-start; gap: 0.65rem;
  font-size: 0.84rem; padding: 0.38rem 0;
  border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5;
  transition: background 0.12s;
}
.wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; }
.wvas-check-list li:last-child { border-bottom: none; }
.wvas-check-list li::before {
  content: '✓';   
  width: 20px; height: 20px; border-radius: 50%;
  background: #E1F5EE; border: 1.5px solid #1D9E75;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: #1D9E75; flex-shrink: 0;
  font-weight: 900; margin-top: 2px; 
}
 
/* ════════════════════════════════
   AYUDA — LINKS + hover
   ════════════════════════════════ */
.wvas-ayuda-card {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 12px; padding: 1rem 0.9rem;
  text-align: center; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; align-items: center; gap: 0.38rem;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.wvas-ayuda-card:hover {
  border-color: #006699;
  box-shadow: 0 4px 14px rgba(0,102,153,0.12);
  transform: translateY(-2px);
}
.wvas-ayuda-card img  { width: 80px; height: auto; }
.wvas-ayuda-card h4   { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; }
.wvas-ayuda-card p    { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; }
 
/* ════════════════════════════════
   REFERENCIA ARTÍCULOS ACEPTABLES
   ════════════════════════════════ */
.wvas-ref-box {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem;
}
.wvas-ref-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-ref-header img { width: 36px; height: auto; }
.wvas-ref-header h3  {
  font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none;
}
.wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
.wvas-ref-col-title {
  font-size: 0.78rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.5rem;
}
.wvas-col-ok  .wvas-ref-col-title { color: #1D9E75; }
.wvas-col-bad .wvas-ref-col-title { color: #A32D2D; }
.wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; }
.wvas-ref-list li {
  font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px;
  align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45;
  transition: background 0.12s;
}
.wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; }
.wvas-ref-list li:last-child { border-bottom: none; }
.wvas-col-ok  .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; }
.wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; }
.wvas-ref-nota {
  font-size: 0.78rem; color: #666; padding-top: 0.5rem;
  border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; }
.wvas-ref-nota li::before { content: '· '; }
 
/* ════════════════════════════════
   ANIMACIÓN FLOTANTE
   ════════════════════════════════ */
@keyframes wvas-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-7px); }
}
 
/* ════════════════════════════════════════════════════════
   ESTRUCTURAS EN COLUMNAS RESPONSIVE
   ════════════════════════════════════════════════════════ */
.cols-2-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 14px; margin-bottom: 1.5rem;
}
.cols-20-80-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 0;
  border: 0.5px solid #dde6ef;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.cols-3-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px; margin-bottom: 1rem;
}
.cols-4-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8px; margin-bottom: 1rem;
}
/* ════════════════════════════════════════════════════════
   RESPONSIVE (GENERAL)
   ════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  .hero-mascot-title  { font-size: 1.45rem; }
  .wvas-tipo-grid     { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .wvas-ayuda-grid    { grid-template-columns: repeat(2, 1fr); }
  .banner-images-banner    { height: 130px; }
  .table-awesome { font-size: 0.79rem; }
 
  /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */
  .wvas-callout {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-norma {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-callout-mascot,
  .wvas-norma-mascot {
    width: auto;
  }
  .wvas-callout-content,
  .wvas-norma-content {
    width: 100%;
    text-align: left;   /* el texto interior alineado a la izquierda */
  }
  .wvas-callout-title,
  .wvas-norma-title {
    text-align: center; /* solo el título centrado */
  }
}
@media (max-width: 700px) {
  .cols-20-80-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .sp-sidebar {
    border-right: none;
    border-bottom: 0.5px solid #dde6ef;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 8px;
    gap: 6px;
  }
  .sp-sidebar-label,
  .sp-sidebar-foot { display: none; }
  .sp-item {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
    padding: 8px 10px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 3px;
  }
  /* En mobile el indicador es borde inferior */
  .sp-item.active::after { display: none; }
  .sp-item.active { border-bottom: 2px solid #006699; }
  .sp-item-icon img { margin: 0 auto; }
  .sp-item-hint { display: none; }
  .sp-content { padding: 16px; }
}
@media (max-width: 520px) {
  .hero-mascot-top      { flex-direction: column; gap: 0.75rem; }
  .hero-mascot-mascot img { width: 66px; }
  .hero-mascot-title  { font-size: 1.22rem; }
  .banner-images-banner    { height: 95px; border-radius: 10px; }
  .wvas-ref-cols      { grid-template-columns: 1fr; }
  .wvas-ayuda-grid    { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .table-awesome thead { display: none; }
  .table-awesome td { display: block; padding: 0.3rem 0.7rem; }
  .table-awesome td:first-child { padding-top: 0.7rem; }
  .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; }
}
@media (max-width: 420px) {
  .sp-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
   SELECTOR PANEL (20% / 80%)
   ════════════════════════════════ */
.sp-sidebar {
  background: #f5f7fa;
  border-right: 0.5px solid #dde6ef;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sp-sidebar-label {
  font-size: 11px;
  font-weight: 700;
  color: #9aa5b4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.sp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: 0.5px solid transparent;
  transition: background 0.15s, border-color 0.15s;
  user-select: none;
  position: relative;
}
.sp-item:hover {
  background: #fff;
  border-color: #c5d0dc;
}
.sp-item.active {
  background: #fff;
  border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.sp-item.active::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 20%;
  height: 60%;
  width: 2.5px;
  background: #006699;
  border-radius: 2px 0 0 2px;
}
.sp-item-icon {
  font-size: 20px;
  flex-shrink: 0;
  color: #9aa5b4;
  transition: color 0.15s;
  width: 22px;
  text-align: center;
}
/* Soporte para imagen wiki como icono */
.sp-item-icon img {
  width: 22px;
  height: auto;
  display: block;
  opacity: 0.55;
  transition: opacity 0.15s;
}
.sp-item.active .sp-item-icon { color: #006699; }
.sp-item.active .sp-item-icon img { opacity: 1; }
.sp-item-name {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  line-height: 1.3;
}
.sp-item-hint {
  font-size: 11px;
  color: #9aa5b4;
  margin-top: 1px;
}
/* Hint inferior del sidebar */
.sp-sidebar-foot {
  font-size: 11px;
  color: #b0bec5;
  text-align: center;
  padding: 6px 0 2px;
  margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.sp-content {
  padding: 20px 24px;
  overflow-y: auto;
  min-height: 300px;
}
.sp-panel { display: none; }
.sp-panel.active { display: block; }

/* ════════════════════════════════════════════════════════
   SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE
   ════════════════════════════════════════════════════════ */

/* ── Caja exterior que envuelve todo ── */
.doc-simple-outer {
  background: #f8f9fb;
  border: 1.5px solid #d8e2ec;
  border-radius: 14px;
  padding: 1.1rem 1.25rem 1rem;
  margin-bottom: 1.5rem;
  font-family: 'Segoe UI', Arial, sans-serif;
  max-width: 700px;
}
 
/* ── Introducción ── */
.doc-simple-intro { margin-bottom: 12px; }
.doc-simple-intro-top { display: flex; align-items: flex-start; gap: 10px; }
.doc-simple-tname-head {
  font-size: 1rem; font-weight: 700; color: #003d5c;
  margin: 0 0 4px; padding: 0; border: none;
}
.doc-simple-desc {
  font-size: 0.84rem; color: #445;
  line-height: 1.6; margin: 0 0 8px;
}
.doc-simple-hint {
  font-size: 0.8rem; color: #778;
  line-height: 1.5; margin: 0 0 10px;
}
.doc-simple-req-inline { color: #C0392B; font-weight: 600; }
.doc-simple-opt-inline { color: #2471A3; font-weight: 600; }
 
/* ── Leyenda ── */
.doc-simple-legend {
  display: flex; gap: 14px; flex-wrap: wrap;
  margin-bottom: 12px;
}
.doc-simple-leg {
  display: flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 600;
}
.doc-simple-leg::before {
  content: ''; width: 3px; height: 13px;
  border-radius: 2px; flex-shrink: 0; display: inline-block;
}
.doc-simple-req-leg { color: #C0392B; }
.doc-simple-req-leg::before { background: #C0392B; }
.doc-simple-opt-leg { color: #2471A3; }
.doc-simple-opt-leg::before { background: #2471A3; }
 
/* ── Cards (sintaxis y ejemplo) ── */
.doc-simple-card {
  background: #fff;
  border: 0.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.doc-simple-example-card { margin-bottom: 10px; }
 
/* ── Cabecera de card ── */
.doc-simple-card-top {
  background: #f0f4f8;
  border-bottom: 0.5px solid #cdd8e4;
  padding: 6px 12px;
  display: flex; align-items: center;
  justify-content: space-between; gap: 8px;
}
.doc-simple-card-label {
  font-size: 11px; font-weight: 700; color: #667;
  text-transform: uppercase; letter-spacing: 0.06em;
}
.doc-simple-card-label.example-label { color: #2471A3; }
 
/* ── Botón copiar ── */
.doc-simple-copy-btn {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11.5px; font-weight: 600; cursor: pointer;
  color: #334; background: #fff;
  border: 0.5px solid #bbc8d4; border-radius: 6px;
  padding: 3px 10px; user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
}
.doc-simple-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-simple-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
 
/* ── Bloque de código ── */
.doc-simple-block {
  padding: 6px 0 8px;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.35;
}
.doc-simple-block-open,
.doc-simple-block-close {
  padding: 3px 12px;
  color: #aab;
}
.doc-simple-blockname { color: #003d5c; font-weight: 600; }
.doc-simple-brace { color: #bbc; }
 
/* ── Filas de parámetros ── */
.doc-simple-params { padding: 0; }
.doc-simple-params &gt; * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.doc-simple-params p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.doc-simple-row {
  display: flex; align-items: baseline;
  padding: 2px 12px 2px 9px;
  border-left: 3px solid transparent;
  transition: background 0.1s;
  line-height: 1.5;
}
.doc-simple-row:hover { background: #f5f8fb; }
.doc-simple-req { border-color: #C0392B; }
.doc-simple-opt { border-color: #2471A3; }
.doc-simple-req .doc-simple-key { color: #C0392B; }
.doc-simple-opt .doc-simple-key { color: #2471A3; }
.doc-simple-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; }
.doc-simple-key { font-weight: 700; white-space: nowrap; }
.doc-simple-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; }
.doc-simple-optvals { color: #889; font-size: 12px; }
 
/* Filas del bloque ejemplo (generadas por JS) */
.doc-simple-example-val { color: #334; }
 
/* ── Notas al pie ── */
.doc-simple-footer {
  border-top: 0.5px solid #dde6ef;
  padding: 8px 2px 0;
  display: flex; flex-direction: column; gap: 3px;
  margin-top: 4px;
}
.doc-simple-nota {
  font-size: 11.5px; color: #889; line-height: 1.5;
	padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem;
}
.doc-simple-nota ul { list-style: none; padding: 0; margin: 0; }
.doc-simple-nota li::before { content: '→ '; color: #bbc; }

/* ── Responsive ── */
@media (max-width: 520px) {
  .doc-simple-outer { padding: 0.85rem 0.9rem; }
  .doc-simple-card-top { flex-direction: column; align-items: flex-start; gap: 6px; }
  .doc-simple-copy-btn { width: 100%; justify-content: center; }
}

/* ════════════════════════════════════════════════════════
   SELECTOR HORIZONTAL DE PESTAÑAS
   ════════════════════════════════════════════════════════ */
/* ── Contenedor general ── */
.htab-wrap {
  border: 0.5px solid #cdd8e4;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

/* ── Barra superior: color + patrón de puntos ── */
.htab-bar {
  background-color: #D4537E;
  background-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.12) 1.5px,
    transparent 1.5px
  );
  background-size: 20px 20px;
  position: relative;
  overflow: hidden;
  padding: 14px 14px 12px;
  border-bottom: 2.5px solid #993556;
}

/* ── Fondo animado: formas moviéndose de derecha a izquierda ── */
.htab-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.htab-bg-track {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  height: 100%;
  white-space: nowrap;
  animation: htab-marquee 18s linear infinite;
}
@keyframes htab-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Formas del fondo */
.hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); }
.hs-circle  { width: 9px;  height: 9px;  border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; }
.hs-bar     { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); }
.hs-sq      { width: 8px;  height: 8px;  border: 1.5px solid rgba(255,255,255,0.18); }
.hs-tri     { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); }

/* ── Pestañas ── */
.htab-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  position: relative;
  z-index: 1;
}
.htab-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 8px;
  padding: 7px 15px;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: background 0.15s, transform 0.13s, border-color 0.15s;
}
.htab-tab:hover:not(.active) {
  background: rgba(255,255,255,0.25);
  transform: translateY(-2px);
}
.htab-tab.active {
  background: #EF9F27;
  border-color: #BA7517;
  color: #412402;
  transform: translateY(-1px);
}
/* Imágenes wiki dentro de la pestaña como icono */
.htab-tab figure { float: none !important; margin: 0 !important; }
.htab-tab img    { width: 18px; height: auto; display: block; }

/* ── Partículas ── */
.htab-prt {
  position: absolute;
  pointer-events: none;
  z-index: 20;
  border-radius: 50%;
}

/* Click — explosión */
.htab-prt-b {
  animation: htab-burst var(--dur, 0.4s) ease-out forwards;
}
@keyframes htab-burst {
  0%   { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; }
  100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; }
}

/* Hover — flotantes */
.htab-prt-h {
  animation: htab-float var(--dur, 0.65s) ease-out forwards;
}
@keyframes htab-float {
  0%   { transform: translateY(0) translateX(0); opacity: 0.85; }
  100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; }
}

/* ── Área de contenido ── */
.htab-panels {
  background: #fff;
  padding: 22px 22px 18px;
  min-height: 160px;
}
.htab-panel { display: none; }
.htab-panel.active {
  display: block;
  animation: htab-fadein 0.22s ease;
}
@keyframes htab-fadein {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 700px) {
  .htab-bar  { padding: 11px; }
  .htab-tab  { padding: 6px 12px; font-size: 12px; gap: 5px; }
  .htab-panels { padding: 16px; }
}
@media (max-width: 420px) {
  .htab-tab  { padding: 5px 10px; font-size: 11px; }
  .htab-panels { padding: 12px; }
}

/* ════════════════════════════════════════════════════════════════
   WVA - SISTEMA DE SECCIONES DE ARTÍCULO
   ════════════════════════════════════════════════════════════════ */

/* ═══ ANIMACIONES ═══ */
@keyframes wva-in  { from{opacity:0;transform:translateY(10px)}  to{opacity:1;transform:translateY(0)} }
@keyframes wva-sl  { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} }
@keyframes wva-pop { from{opacity:0;transform:scale(0.93)}       to{opacity:1;transform:scale(1)} }
@keyframes wva-bar { from{width:0} to{width:var(--w,100%)} }
@keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} }
@keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} }

/* ══════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════ */
.wva-hero{
  background:var(--pk);position:relative;overflow:hidden;
  padding:28px 24px 44px;border-bottom:3px solid #111;
  clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%);
  margin-bottom:-2px;animation:in 0.6s ease both;
}
.wva-hero-dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px);
  background-size:22px 22px;}
.wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px;
  letter-spacing:10px;animation:glo 2.5s ease-in-out infinite}
.wva-hi{position:relative;z-index:1}
.wva-hi-loc{display:inline-block;background:var(--yw);color:#111;
  font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111;
  line-height:.95;margin-bottom:12px;border:none;padding:0}
.wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px}
.wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px}

/* ══════════════════════════════════════════════════════
   FICHA TÉCNICA — barra de stats oscura
   ══════════════════════════════════════════════════════ */
.wva-ficha {
  background: var(--bk); padding: 16px 20px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
  gap: 16px; border-bottom: var(--bd);
  animation: wva-in .5s ease .08s both;
}
/* Dot pattern sobre negro */
.wva-ficha::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px);
  background-size: 14px 14px;
}
.wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; }
.wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); }
.wva-fb-info strong { color:var(--yw);font-weight:700; }

.wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; }
.wva-sg { font-size:14px;font-weight:900;width:30px; }
.wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; }
.wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; }
.sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)}
.sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)}

/* ══════════════════════════════════════════════════════
   SECTION WRAPPER
   ══════════════════════════════════════════════════════ */
.wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; }
.bg-w   { background:#fff; }
.bg-yw  { background:var(--yw);position:relative; }
.bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; }
.bg-yw &gt; * { position:relative;z-index:1; }
.bg-cr  { background:#FFF8F0; }
.bg-war { background:#FFF5F5; }
.bg-mn  { background:#FFFDE7; }
.bg-sc  { background:#FFF0F8;
  background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; }
.bg-hl  { background:#F0FFF4; }
.bg-mv  { background:#F8F8FF; }
.bg-ar  { background:#F0F9FF; }

/* ══════════════════════════════════════════════════════
   SECTION HEADER
   ══════════════════════════════════════════════════════ */
.wva-sh {
  display:flex;align-items:center;gap:10px;
  padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden;
}
.wva-sh .ico { font-size:17px;flex-shrink:0; }
.wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; }
.wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; }

/* NEGRO + AMARILLO (estilo SQUAD) */
.sh-bk { background:var(--bk); }
.sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; }
.sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; }

/* AMARILLO + NEGRO (estilo VANGUARD) */
.sh-yw { background:var(--yw); }
.sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; }
.sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; }

.sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff}
.sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff}
.sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff}
.sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff}
.sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff}
.sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff}
.sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)}

/* ══════════════════════════════════════════════════════
   SUBHEADER
   ══════════════════════════════════════════════════════ */
.wva-sub {
  display:flex;align-items:center;gap:8px;padding:8px 20px 4px;
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);
}
.wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; }

/* ══════════════════════════════════════════════════════
   BODY / 2 COLS
   ══════════════════════════════════════════════════════ */
.wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; }
.wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; }
.wva-body strong { color:var(--bk);font-weight:700; }

.wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; }
.wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   GRIDS
   ══════════════════════════════════════════════════════ */
.g    { padding:12px 20px; }
.g-2  { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.g-3  { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.g-a  { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; }
.g-r  { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; }
.g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; }

/* ══════════════════════════════════════════════════════
   PRACTICAL TIP CARD
   ══════════════════════════════════════════════════════ */
.ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden;
  transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; }
.ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); }
.ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; }
.ptip-b strong { color:var(--bk);font-weight:700; }

.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }

/* ══════════════════════════════════════════════════════
   TALENT CARD (secretos — estilo squad card)
   ══════════════════════════════════════════════════════ */
.tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px;
  overflow:hidden;position:relative;animation:wva-pop .4s ease both;
  transition:transform .15s,box-shadow .15s;cursor:default; }
.tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); }
.tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; }

.tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;
  padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; }
.tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; }
.tcard-stats { margin-bottom:7px; }
.tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); }
.tsg { font-size:13px;font-weight:900;width:26px; }
.tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; }
.tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; }
.tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; }
.tcard-tags { display:flex;gap:4px;flex-wrap:wrap; }

/* ══════════════════════════════════════════════════════
   REGION CARD
   ══════════════════════════════════════════════════════ */
.rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px;
  border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; }
.rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }
.rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; }

/* ══════════════════════════════════════════════════════
   CITY CARD
   ══════════════════════════════════════════════════════ */
.ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r);
  cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; }
.ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); }
.ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;
  border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; }
.ccard-badge.pk { background:var(--pk);color:#fff; }
.ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; }

/* ══════════════════════════════════════════════════════
   TRANSPORT CARD
   ══════════════════════════════════════════════════════ */
.tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r);
  display:flex;flex-direction:column;gap:6px;cursor:default;
  transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; }
.tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); }
.tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.tport-icon { font-size:24px;line-height:1; }
.tport-name { font-size:13px;font-weight:800;color:var(--bk); }
.tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; }
.tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)}
.tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)}
.tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)}
.tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)}
.tp-bk::before{background:var(--bk)}

/* ══════════════════════════════════════════════════════
   ALERT BOX
   ══════════════════════════════════════════════════════ */
.wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px;
  border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; }
.wva-al + .wva-al { margin-top:8px; }
.wva-al:last-of-type { margin-bottom:12px; }
.a-warn  { border-color:var(--rd); background:#FFF5F5; }
.a-tip   { border-color:var(--cy); background:#F0FDFF; }
.a-ok    { border-color:var(--gn); background:#F0FFF4; }
.a-money { border-color:#F5A000;   background:#FFFDE7; }
.a-info  { border-color:var(--bl); background:#F0F8FF; }
.a-pink  { border-color:var(--pk); background:#FFF0F8; }
.al-em   { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; }
.al-txt  { font-size:12.5px;color:#333;line-height:1.62; }
.al-txt strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   LIST ITEMS
   ══════════════════════════════════════════════════════ */
.wva-list { padding:0 20px 12px; }
.wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08);
  align-items:flex-start;transition:padding-left .14s;cursor:default; }
.wva-li:last-child { border-bottom:none; }
.wva-li:hover { padding-left:6px; }
.wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm);
  display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;
  background:var(--wh);transition:transform .14s; }
.wva-li:hover .wva-li-ico { transform:scale(1.06); }
.wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; }
.wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; }
.wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; }

/* ══════════════════════════════════════════════════════
   NEXT DESTINATIONS
   ══════════════════════════════════════════════════════ */
.wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; }
.ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r);
  padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default;
  transition:background .14s,transform .14s,box-shadow .14s; }
.ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }

/* ══════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════ */
@media (max-width:760px) {
  .wva-hero { grid-template-columns:1fr; }
  .wva-himg { display:none; }
  .wva-hc::after { display:none; }
  .wva-hi-h { font-size:38px; }
  .g-2,.g-3 { grid-template-columns:1fr; }
  .wva-2c { grid-template-columns:1fr; }
  .wva-ficha { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px) {
  .wva-hc { padding:20px 14px 28px; }
  .wva-hi-h { font-size:28px; }
  .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; }
  .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; }
  .wva-al { margin-left:14px;margin-right:14px; }
  .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; }
  .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; }
}</text>
      <sha1>qrh5w9lvf5x2iyy603z49awsw0wofag</sha1>
    </revision>
    <revision>
      <id>253782</id>
      <parentid>253774</parentid>
      <timestamp>2026-05-23T01:38:13Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253782</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="82021" sha1="84s7lbkarxer5sbuhwnyo7ccaox221q" xml:space="preserve">/* ════════════════════════════════
   Función de acordeón tipo FAQ / Funciona con el js correspondiente
   ════════════════════════════════ */
.accordion-content{
    display:none;
}

.accordion-content.active {
    display:block;
}

.accordion-clicky{
    cursor:pointer;
    user-select:none;
}

:root {
  --pk: #FF00BB;  --yw: #FFE600;  --cy: #00BFFF;
  --gn: #00C853;  --or: #FF6B00;  --rd: #FF2200;
  --pu: #7A00FF;  --bl: #0099FF;  --bk: #111111;
  --wh: #FFFFFF;  --mu: #555555;
  --bd:  3px solid #111;
  --bd2: 2.5px solid #111;
  --r:   10px;
  --rsm: 6px;
  --rlg: 16px;
  --font: 'Segoe UI', Arial, sans-serif;
}

.wva-config { box-sizing: border-box; margin: 0; padding: 0; margin: 0 auto; background: var(--wh); border: var(--bd); overflow: hidden; font-family: var(--font)}

/* ── Reset interno ── */
.config-general * { box-sizing: border-box; }
.config-general { font-family: var(--font); line-height: 1.6; }

/* ── Force links icon ── */
.doc-simple-outer a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;])::after,
.config-general a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;]):not([href*=&quot;/File:&quot;]):not([href*=&quot;/Archivo:&quot;])::after {
  content: ' [↗]';
  font-size: 0.78em;
  opacity: 0.55;
  font-weight: normal;
  text-decoration: none;
}
.config-general a:has(img)::after{
    content:none !important;
}
/* El enlace [editar] no participa en el flex */
.config-general .mw-editsection {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
}

/* ════════════════════════════════
   Decorativos inline
   ════════════════════════════════ */
.chip-inline {
  display: inline-block; font-size: 0.69rem; font-weight: 700;
  padding: 1px 8px; border-radius: 20px; margin-top: 3px;
  color: #fff;
}
.badge-inline {
	background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px
			  }
.tag-inline {
  display: inline-block; font-size: 0.72rem; font-weight: 700;
  padding: 3px 10px; border-radius: 20px;
  background: #E6F1FB; color: #006699; margin-top: 0.3rem;
  text-decoration: none; transition: background 0.15s;
}
.tag-inline:hover { background: #c5dff0; }

.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }

/* ════════════════════════════════
   Structures
   ════════════════════════════════ */
.tags-structure { display:flex;gap:5px;flex-wrap:wrap; }

/* ════════════════════════════════
   DocCopiar
   ════════════════════════════════ */
.doc-copiar-wrap {
  border: 1.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1rem;
  font-family: 'Segoe UI', Arial, sans-serif;
}
.doc-copiar-bar {
  background: #f0f4f8;
  border-bottom: 1px solid #cdd8e4;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.doc-copiar-lbl {
  font-size: 11px;
  font-weight: 700;
  color: #667;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.doc-copiar-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  color: #334;
  background: #fff;
  border: 0.5px solid #bbc8d4;
  border-radius: 6px;
  padding: 3px 10px;
  user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
  white-space: nowrap;
}
.doc-copiar-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-copiar-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
.doc-copiar-pre {
  margin: 0;
  padding: 12px 14px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 13px;
  line-height: 1.65;
  color: #2a2a3a;
  white-space: pre-wrap;
  word-break: break-word;
  background: #fff;
  overflow-x: auto;
  border: none;
}
/* ════════════════════════════════
   Plantilla: Tríptico - Código para que funcione bien. Full Responsive
   ════════════════════════════════ */
.triptico {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: stretch;
}

.triptico-wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.triptico-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ── card base ── */
.tc-card {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.tc-card::before {
  content: '';
  display: block;
  padding-top: var(--card-ratio, 100%);
}

.tc-card-inner {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}

/* imagen wiki como fondo */
.tc-card-img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  display: block;
}

.tc-card-img a,
.tc-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  text-decoration: none;
  pointer-events: none;
}

/* enlace que cubre todo el card */
.tc-card-link {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 5;
  display: block;
  background: transparent;
}

.tc-card-link:hover ~ .tc-tag-top,
.tc-card-link:hover ~ .tc-tag-bot {
  background: rgba(0,0,0,0.82);
}

/* ── tags de esquina ── */
.tc-tag-top {
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-tag-bot {
  position: absolute;
  bottom: 0; right: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  text-align: right;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-card-inner:hover .tc-tag-top {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-card-inner:hover .tc-tag-bot {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-tag-top,
.tc-tag-bot {
  transition: background 0.25s;
}

.tc-tag-top::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

.tc-tag-bot::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

/* ── card-vert ── */
.tc-card-vert .tc-card-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.tc-texto-vert {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.3em;
  writing-mode: vertical-rl;
  transform: rotate(180deg) scaleX(1.4);
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  font-size: var(--vert-size, 56px);
  z-index: 3;
  position: relative;
  pointer-events: none;
  margin-right: 14px;
  margin-top: 10px;
  margin-left: 30px;
}

/* ── bloque de texto ── */
.tc-texto {
  width: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
  background: var(--tc-texto-bg, transparent);
  color: var(--tc-texto-color, inherit);
}

/* ── header flotante ── */
.tc-header-wrap {
  position: absolute;
  top: 0;
  left: 0; right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.tc-header {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 22px;
  background: var(--tc-header-bg, #111);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  white-space: nowrap;
  pointer-events: auto;
  transition: background 0.25s;
}

.tc-header::before {
  content: '';
  position: absolute;
  inset: 2px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);
}

.tc-header-accent {
  position: absolute;
  bottom: -3px;
  left: 10px; right: 10px;
  height: 2px;
  background: var(--tc-acento, #e63946);
  transition: background 0.25s;
}

@media (max-width: 900px) {
  .triptico { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .triptico { grid-template-columns: 1fr; }
}

/* tc-tira */
.tc-tira {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex: none;
  min-height: 72px;
  max-height: 110px;
  background: var(--tc-tira-bg, #111);
  overflow: hidden;
}

/* línea de acento superior */
.tc-tira::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--tc-tira-acento, #e63946);
  z-index: 2;
}

/* brillo sutil */
.tc-tira-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.tc-tira-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding: 10px 6px;
  gap: 3px;
  text-align: center;
  transition: background 0.2s;
}

.tc-tira-items {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 3px 0 0 0;
  min-width: 0;
}

.tc-tira-item:hover {
  background: rgba(255,255,255,0.04);
}

.tc-tira-item img,
.tc-tira-item a img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 2px;
}

.tc-tira-item .thumbinner,
.tc-tira-item .thumb,
.tc-tira-item figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-tira-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-valor {
  font-size: 12px;
  font-weight: bold;
  color: var(--tc-tira-txt, #fff);
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-sep {
  width: 1px;
  align-self: stretch;
  background: rgba(255,255,255,0.08);
  flex-shrink: 0;
  margin: 10px 0;
}

/* ── itinerario ── */
.tc-itinerario {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 0 6px 0;
  background: var(--tc-it-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tc-it-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  margin-bottom: 4px;
}

.tc-it-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-it-acento, #e63946);
  flex: 1;
}

.tc-it-total {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}

/* línea de tiempo vertical */
.tc-it-linea {
  position: absolute;
  left: 28px;
  top: 50px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    var(--tc-it-acento, #e63946),
    rgba(255,255,255,0.05)
  );
}

.tc-it-lista {
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.tc-it-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px 14px 8px 48px;
  transition: background 0.2s;
}

.tc-it-item:hover {
  background: rgba(255,255,255,0.03);
}

/* nodo en la línea de tiempo */
.tc-it-nodo {
  position: absolute;
  left: 22px;
  top: 13px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--tc-it-bg, #0d0d0d);
  border: 2px solid var(--tc-it-acento, #e63946);
  box-sizing: border-box;
  z-index: 2;
}

.tc-it-item:first-child .tc-it-nodo {
  background: var(--tc-it-acento, #e63946);
}

/* fila superior: lugar + tiempo */
.tc-it-fila-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}

.tc-it-lugar {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tc-it-tiempo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: var(--tc-it-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* actividad */
.tc-it-actividad {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
  margin-bottom: 4px;
}

/* badges de propiedades */
.tc-it-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.tc-it-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
  line-height: 1.4;
}

.tc-it-badge-acento {
  border-color: var(--tc-it-acento, #e63946);
  color: var(--tc-it-acento, #e63946);
}

/* separador entre items */
.tc-it-item + .tc-it-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 48px; right: 14px;
  height: 1px;
  background: rgba(255,255,255,0.05);
}

/* ════════════════════════════════
   tc-gastronomia
   ════════════════════════════════ */
.tc-gastro {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-gastro-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-gastro-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-gastro-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

.tc-gastro-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  justify-content: space-between;
}

.tc-gastro-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  position: relative;
  transition: background 0.2s;
}

.tc-gastro-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-gastro-item + .tc-gastro-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* foto */
.tc-gastro-foto {
  width: 64px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.tc-gastro-foto img,
.tc-gastro-foto a img {
  width: 64px !important;
  height: 100% !important;
  min-height: 64px;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.tc-gastro-foto .thumbinner,
.tc-gastro-foto .thumb,
.tc-gastro-foto figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
}

/* línea de acento lateral */
.tc-gastro-item::before {
  content: '';
  position: absolute;
  left: 64px;
  top: 0; bottom: 0;
  width: 2px;
  background: var(--tc-gastro-acento, #e63946);
  opacity: 0;
  transition: opacity 0.2s;
}

.tc-gastro-item:hover::before {
  opacity: 1;
}

/* contenido textual */
.tc-gastro-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 12px 10px 14px;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.tc-gastro-nombre {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-gastro-lugar {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-desc {
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  line-height: 1.4;
  margin-top: 2px;
}

.tc-gastro-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 4px;
}

.tc-gastro-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.4);
  line-height: 1.4;
}

.tc-gastro-badge-acento {
  border-color: var(--tc-gastro-acento, #e63946);
  color: var(--tc-gastro-acento, #e63946);
}


/* ════════════════════════════════
   tc-transporte
   ════════════════════════════════ */
.tc-transporte {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-trans-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-trans-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-trans-acento, #1d6fa4);
}

.tc-trans-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

/* secciones: transporte y lugares */
.tc-trans-seccion {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-seccion-label {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding: 7px 14px 4px 14px;
}

.tc-trans-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-trans-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  position: relative;
  transition: background 0.2s;
}

.tc-trans-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-trans-item + .tc-trans-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* icono de transporte o lugar */
.tc-trans-icono {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255,255,255,0.05);
  overflow: hidden;
}

.tc-trans-icono img,
.tc-trans-icono a img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-trans-icono .thumbinner,
.tc-trans-icono .thumb,
.tc-trans-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-trans-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}

.tc-trans-nombre {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-desc {
  font-size: 9px;
  color: rgba(255,255,255,0.4);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-meta {
  font-size: 9px;
  font-weight: bold;
  color: var(--tc-trans-acento, #1d6fa4);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.04em;
}

/* divisor entre secciones */
.tc-trans-div {
  height: 1px;
  background: linear-gradient(
    to right,
    var(--tc-trans-acento, #1d6fa4),
    rgba(255,255,255,0.05)
  );
  margin: 4px 14px;
}

/* badge de lugar destacado */
.tc-trans-estrella {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tc-trans-acento, #1d6fa4);
  flex-shrink: 0;
}

/* texto adaptable según fondo */
.tc-gastro-nombre  { color: var(--tc-gastro-txt, #fff); }
.tc-gastro-desc    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); }
.tc-gastro-badge   { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); 
                     border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); }

.tc-trans-nombre   { color: var(--tc-trans-txt, #fff); }
.tc-trans-desc     { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); }
.tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); }
.tc-trans-subtitulo     { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); }
.tc-gastro-subtitulo    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); }

/* ════════════════════════════════
   tc-callout — base compartida
   ════════════════════════════════ */
.tc-callout {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}

.tc-callout-barra {
  width: 4px;
  flex-shrink: 0;
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  flex: 1;
  min-width: 0;
  background: var(--tc-co-bg, rgba(29,111,164,0.08));
}

.tc-callout-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.tc-callout-icono {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.tc-callout-icono img,
.tc-callout-icono a img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-callout-icono .thumbinner,
.tc-callout-icono .thumb,
.tc-callout-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-callout-tipo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-titulo {
  font-size: 13px;
  font-weight: bold;
  color: var(--tc-co-txt, #fff);
  line-height: 1.3;
}

.tc-callout-texto {
  font-size: 11px;
  line-height: 1.6;
  color: var(--tc-co-txt2, rgba(255,255,255,0.6));
}

.tc-callout-texto a {
  color: var(--tc-co-acento, #1d6fa4);
  text-decoration: none;
}

.tc-callout-texto a:hover {
  text-decoration: underline;
}

.tc-callout-footer {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
  margin-top: 2px;
}

/* ── variante: bloque lleno sin barra lateral ── */
.tc-callout-filled {
  flex-direction: column;
}

.tc-callout-filled .tc-callout-barra {
  width: 100%;
  height: 3px;
}

.tc-callout-filled .tc-callout-body {
  padding: 12px 14px;
}

/* ── variante: destacado con fondo marcado ── */
.tc-callout-solid .tc-callout-body {
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-solid .tc-callout-tipo {
  color: rgba(255,255,255,0.7);
}

.tc-callout-solid .tc-callout-titulo {
  color: #fff;
}

.tc-callout-solid .tc-callout-texto {
  color: rgba(255,255,255,0.75);
}

.tc-callout-solid .tc-callout-footer {
  color: rgba(255,255,255,0.6);
}

.tc-callout-solid .tc-callout-barra {
  background: rgba(0,0,0,0.2);
}

/* ── separador interno ── */
.tc-callout-sep {
  height: 1px;
  background: var(--tc-co-acento, #1d6fa4);
  opacity: 0.2;
  margin: 4px 0;
}

/* ════════════════════════════════
   tc-lista — lista de ítems simple
   ════════════════════════════════ */
.tc-lista {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-lista-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-lista-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-lista-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-lista-acento, #e63946);
}

.tc-lista-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-lista-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  transition: background 0.2s;
  position: relative;
}

.tc-lista-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-lista-item + .tc-lista-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-lista-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tc-lista-acento, #e63946);
  flex-shrink: 0;
}

.tc-lista-txt {
  font-size: 12px;
  color: var(--tc-lista-txt, #fff);
  line-height: 1.4;
  flex: 1;
}

.tc-lista-meta {
  font-size: 10px;
  font-weight: bold;
  color: var(--tc-lista-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ════════════════════════════════
   tc-cita — cita o quote destacado
   ════════════════════════════════ */
.tc-cita {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-cita-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 18px 16px 22px;
  overflow: hidden;
}

.tc-cita-marca {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 52px;
  line-height: 1;
  color: var(--tc-cita-acento, #e63946);
  opacity: 0.25;
  font-family: Georgia, serif;
  pointer-events: none;
  user-select: none;
}

.tc-cita-barra {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--tc-cita-acento, #e63946);
}

.tc-cita-texto {
  font-size: 13px;
  line-height: 1.7;
  color: var(--tc-cita-txt, #fff);
  font-style: italic;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.tc-cita-autor {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-cita-acento, #e63946);
  position: relative;
  z-index: 1;
}

.tc-cita-fuente {
  font-size: 9px;
  color: var(--tc-cita-txt2, rgba(255,255,255,0.35));
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

/* ════════════════════════════════
   tc-stat — estadísticas / cifras
   ════════════════════════════════ */
.tc-stat {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-stat-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-stat-header {
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-stat-acento, #e63946);
}

.tc-stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1;
  min-height: 0;
}

.tc-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  gap: 3px;
  position: relative;
  transition: background 0.2s;
}

.tc-stat-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-stat-item:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item + .tc-stat-item,
.tc-stat-item ~ .tc-stat-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item:nth-child(1),
.tc-stat-item:nth-child(2) {
  border-top: none;
}

.tc-stat-cifra {
  font-size: 22px;
  font-weight: bold;
  color: var(--tc-stat-acento, #e63946);
  line-height: 1;
  letter-spacing: -0.02em;
}

.tc-stat-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.4));
  text-align: center;
  line-height: 1.3;
}

.tc-stat-sub {
  font-size: 9px;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.25));
  text-align: center;
}


/* ════════════════════════════════
   ASISTENTE DE CREACIÓN DE ARTÍCULOS
   ════════════════════════════════ */
/* ════════════════════════════════
   HERO BANNER
   ════════════════════════════════ */
.hero-mascot {
  background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%);
  border-radius: 16px;
  padding: 1.75rem 1.75rem 1.5rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.hero-mascot::before {
  content: ''; position: absolute; top: -50px; right: -40px;
  width: 230px; height: 230px;
  background: rgba(255,255,255,0.06); border-radius: 50%;
}
.hero-mascot::after {
  content: ''; position: absolute; bottom: -70px; left: 28%;
  width: 280px; height: 280px;
  background: rgba(255,255,255,0.04); border-radius: 50%;
}
.hero-mascot-top {
  display: flex; align-items: flex-start; gap: 1.25rem;
  position: relative; z-index: 1;
}
.hero-mascot-mascot { flex-shrink: 0; }
.hero-mascot-mascot img {
  width: 120px; height: auto;
  filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3));
  animation: wvas-float 3.5s ease-in-out infinite;
}
.hero-mascot-title {
  font-size: 1.75rem; font-weight: 800; line-height: 1.2;
  margin: 0 0 0.4rem; color: #fff; border: none; padding: 0;
}
.hero-mascot-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; }
.hero-mascot-divider {
  border: none; border-top: 1px solid rgba(255,255,255,0.22);
  margin: 1.1rem 0 1rem; position: relative; z-index: 1;
}
.hero-mascot-about { position: relative; z-index: 1; }
.hero-mascot-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; }
.hero-mascot-about a { color: #21e82b; font-weight: 700; }
.hero-mascot-about p:last-child { margin: 0; }
 
/* ════════════════════════════════
   IMAGE BANNER (5 fotos + corte diagonal)
   ════════════════════════════════ */
.banner-images-banner {
  display: flex;
  height: 195px;
  border-radius: 14px;
  overflow: hidden;
  background: #004d70;
}
.banner-images-slot {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
  min-width: 0;
}
.banner-images-slot:not(:first-child) {
  clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -22px;
}
.banner-images-slot:nth-child(2) { z-index: 2; }
.banner-images-slot:nth-child(3) { z-index: 3; }
.banner-images-slot:nth-child(4) { z-index: 4; }
.banner-images-slot:nth-child(5) { z-index: 5; }
.banner-images-slot figure,
.banner-images-slot .mw-file-description,
.banner-images-slot a {
  display: block !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
}
.banner-images-slot img {
  display: block !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  margin: 0 !important; border: 0 !important;
  vertical-align: top !important; max-width: none !important;
}
 
/* ════════════════════════════════
   SECTION HEADER
   ════════════════════════════════ */
.wvas-sh {
  display: flex; align-items: center; gap: 0.65rem;
  margin: 1.9rem 0 1rem;
}
.wvas-sh-icon {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; flex-shrink: 0;
}
.wvas-sh h2 {
  font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c;
}
.wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; }

/* ════════════════════════════════
   NORMAS — siempre visibles, con hover
   ════════════════════════════════ */

.wvas-norma {
  border-radius: 12px; padding: 0.9rem 1rem;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 0.7rem;
  align-items: center;
  border: 1.5px solid;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-norma:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.wvas-norma-mascot { width: 90px;  display: flex; align-items: center; justify-content: center; }
.wvas-norma-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-norma-mascot figure { float: none !important; margin: 0 !important; }
.wvas-norma-content { min-width: 0; }
.wvas-norma-title {
  font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
  letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.wvas-norma-text { font-size: 0.82rem; line-height: 1.57; }
.wvas-norma-text a { font-weight: 700; }
.wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.wvas-n-error .wvas-norma-title { color: #A32D2D; }
.wvas-n-error a { color: #A32D2D; }
.wvas-n-warn  { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.wvas-n-warn  .wvas-norma-title { color: #7a4a00; }
.wvas-n-warn  a { color: #854F0B; }
.wvas-n-tip   { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.wvas-n-tip   .wvas-norma-title { color: #0F6E56; }
.wvas-n-tip   a { color: #085041; }
.wvas-n-info  { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.wvas-n-info  .wvas-norma-title { color: #006699; }
.wvas-n-info  a { color: #006699; }
 
/* ════════════════════════════════
   CALLOUT (genérico)
   Grid interno: mascota | contenido (desktop)
                 mascota (arriba) + contenido (abajo) en mobile
   ════════════════════════════════ */
.wvas-callout {
  border-radius: 12px; padding: 0.9rem 1.1rem;
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.8rem;
  align-items: center;
  border-left: 4px solid;
  transition: box-shadow 0.18s;
}
.wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); }
.wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; }
.wvas-callout-mascot img { width: 80px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-callout-mascot figure { float: none !important; margin: 0 !important; }
.wvas-callout-content { min-width: 0; }
.wvas-callout-title {
  font-weight: 800; font-size: 0.81rem; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.22rem;
}
.wvas-callout-body { font-size: 0.85rem; line-height: 1.58; }
.wvas-callout-body a { font-weight: 700; text-decoration: none; }
.wvas-callout-body a:hover { text-decoration: underline; }
.wvas-co-tip    { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; }
.wvas-co-tip    .wvas-callout-title { color: #0F6E56; }
.wvas-co-tip    a { color: #085041; }
.wvas-co-info   { background: #E6F1FB; border-color: #006699; color: #042C53; }
.wvas-co-info   .wvas-callout-title { color: #006699; }
.wvas-co-info   a { color: #185FA5; }
.wvas-co-warn   { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; }
.wvas-co-warn   .wvas-callout-title { color: #7a4a00; }
.wvas-co-warn   a { color: #854F0B; }
.wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; }
.wvas-co-purple .wvas-callout-title { color: #534AB7; }
.wvas-co-purple a { color: #534AB7; }
.wvas-co-error  { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; }
.wvas-co-error  .wvas-callout-title { color: #A32D2D; }
.wvas-co-error  a { color: #A32D2D; }
 
/* ════════════════════════════════
   TIPO CARDS — informativas + hover
   ════════════════════════════════ */
.wvas-tipo-card {
  background: #fff; border: 1.5px solid #d0dce8;
  border-radius: 16px; padding: 1.3rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  position: relative; overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  cursor: inherit;
}
.wvas-tipo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,60,100,0.12);
  border-color: #006699;
}
.wvas-tipo-card::after {
  content: ''; position: absolute; bottom: -18px; right: -18px;
  width: 70px; height: 70px; border-radius: 50%;
  background: rgba(0,102,153,0.05);
  transition: transform 0.3s;
}
.wvas-tipo-card:hover::after { transform: scale(1.4); }
.wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; }
.wvas-tipo-icon { flex-shrink: 0; }
.wvas-tipo-icon img { width: 70px; height: auto; }
.wvas-tipo-card h3 {
  font-size: 1.06rem; font-weight: 800; color: #003d5c;
  margin: 0; padding: 0; border: none;
}
.wvas-tipo-desc   { font-size: 0.84rem; color: #445; line-height: 1.57; }
.wvas-tipo-ej     { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.wvas-tc-destino    { border-top: 4px solid #006699; }
.wvas-tc-tematico   { border-top: 4px solid #534AB7; }
.wvas-tc-itinerario { border-top: 4px solid #1D9E75; }
.wvas-tc-conv       { border-top: 4px solid #BA7517; }
 
/* ════════════════════════════════
   Plantilla: Table awesome responsive
   ════════════════════════════════ */
.table-awesome {
  width: 100%; border-collapse: separate; border-spacing: 0;
  border: 1.5px solid #dde6ef; border-radius: 14px;
  overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem;
}
.table-awesome thead tr {
  background: #006699; color: #fff;
}
.table-awesome thead th {
  padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.05em;
  text-align: left; border: none;
}
.table-awesome tbody tr {
  border-bottom: 1px solid #eef1f5;
  transition: background 0.15s;
}
.table-awesome tbody tr:last-child { border-bottom: none; }
.table-awesome tbody tr:hover { background: #f0f7fc; }
.table-awesome td {
  padding: 0.65rem 0.85rem; vertical-align: top;
  border: none; line-height: 1.5;
}
.table-awesome td:first-child {
  white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%;
}
.table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; }
.table-awesome td a:hover { text-decoration: underline; }
.table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; }
 
/* ════════════════════════════════
   WIDGET CREATE PANEL (único por tipo)
   ════════════════════════════════ */
.wvas-create {
  background: #f7fbff; border: 2px dashed #9fc9dd;
  border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem;
  margin: 0.75rem 0; text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.wvas-create:hover {
  border-color: #006699;
  box-shadow: 0 4px 16px rgba(0,102,153,0.1);
}
.wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; }
.wvas-create-mascot img {
  width: 120px; height: auto;
  animation: wvas-float 2.5s ease-in-out infinite;
}
.wvas-create h3 {
  font-size: 1.02rem; font-weight: 800; color: #003d5c;
  margin: 0 0 0.28rem; padding: 0; border: none;
}
.wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; }
 
/* ════════════════════════════════
   NIVELES DE CALIDAD
   ════════════════════════════════ */
.wvas-nivel {
  border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center;
  display: flex; flex-direction: column; gap: 0.3rem;
  border: 1.5px solid transparent;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-nivel:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; }
.wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; }
.wvas-nivel p  { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; }
.wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; }
.wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; }
.wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; }
.wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; }
 
/* ════════════════════════════════
   CHECKLIST PRE-PUBLICACIÓN
   ════════════════════════════════ */
.wvas-checklist {
  background: #fff; border: 1.5px solid #c8e6c8;
  border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem;
}
.wvas-checklist-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-checklist-header img { width: 36px; height: auto; }
.wvas-checklist-header h3 {
  font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none;
}
.wvas-check-list { list-style: none; padding: 0; margin: 0; }
.wvas-check-list li {
  display: flex; align-items: flex-start; gap: 0.65rem;
  font-size: 0.84rem; padding: 0.38rem 0;
  border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5;
  transition: background 0.12s;
}
.wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; }
.wvas-check-list li:last-child { border-bottom: none; }
.wvas-check-list li::before {
  content: '✓';   
  width: 20px; height: 20px; border-radius: 50%;
  background: #E1F5EE; border: 1.5px solid #1D9E75;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: #1D9E75; flex-shrink: 0;
  font-weight: 900; margin-top: 2px; 
}
 
/* ════════════════════════════════
   AYUDA — LINKS + hover
   ════════════════════════════════ */
.wvas-ayuda-card {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 12px; padding: 1rem 0.9rem;
  text-align: center; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; align-items: center; gap: 0.38rem;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.wvas-ayuda-card:hover {
  border-color: #006699;
  box-shadow: 0 4px 14px rgba(0,102,153,0.12);
  transform: translateY(-2px);
}
.wvas-ayuda-card img  { width: 80px; height: auto; }
.wvas-ayuda-card h4   { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; }
.wvas-ayuda-card p    { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; }
 
/* ════════════════════════════════
   REFERENCIA ARTÍCULOS ACEPTABLES
   ════════════════════════════════ */
.wvas-ref-box {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem;
}
.wvas-ref-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-ref-header img { width: 36px; height: auto; }
.wvas-ref-header h3  {
  font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none;
}
.wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
.wvas-ref-col-title {
  font-size: 0.78rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.5rem;
}
.wvas-col-ok  .wvas-ref-col-title { color: #1D9E75; }
.wvas-col-bad .wvas-ref-col-title { color: #A32D2D; }
.wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; }
.wvas-ref-list li {
  font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px;
  align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45;
  transition: background 0.12s;
}
.wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; }
.wvas-ref-list li:last-child { border-bottom: none; }
.wvas-col-ok  .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; }
.wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; }
.wvas-ref-nota {
  font-size: 0.78rem; color: #666; padding-top: 0.5rem;
  border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; }
.wvas-ref-nota li::before { content: '· '; }
 
/* ════════════════════════════════
   ANIMACIÓN FLOTANTE
   ════════════════════════════════ */
@keyframes wvas-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-7px); }
}
 
/* ════════════════════════════════════════════════════════
   ESTRUCTURAS EN COLUMNAS RESPONSIVE
   ════════════════════════════════════════════════════════ */
.cols-2-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 14px; margin-bottom: 1.5rem;
}
.cols-20-80-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 0;
  border: 0.5px solid #dde6ef;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.cols-3-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px; margin-bottom: 1rem;
}
.cols-4-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8px; margin-bottom: 1rem;
}
/* ════════════════════════════════════════════════════════
   RESPONSIVE (GENERAL)
   ════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  .hero-mascot-title  { font-size: 1.45rem; }
  .wvas-tipo-grid     { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .wvas-ayuda-grid    { grid-template-columns: repeat(2, 1fr); }
  .banner-images-banner    { height: 130px; }
  .table-awesome { font-size: 0.79rem; }
 
  /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */
  .wvas-callout {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-norma {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-callout-mascot,
  .wvas-norma-mascot {
    width: auto;
  }
  .wvas-callout-content,
  .wvas-norma-content {
    width: 100%;
    text-align: left;   /* el texto interior alineado a la izquierda */
  }
  .wvas-callout-title,
  .wvas-norma-title {
    text-align: center; /* solo el título centrado */
  }
}
@media (max-width: 700px) {
  .cols-20-80-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .sp-sidebar {
    border-right: none;
    border-bottom: 0.5px solid #dde6ef;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 8px;
    gap: 6px;
  }
  .sp-sidebar-label,
  .sp-sidebar-foot { display: none; }
  .sp-item {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
    padding: 8px 10px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 3px;
  }
  /* En mobile el indicador es borde inferior */
  .sp-item.active::after { display: none; }
  .sp-item.active { border-bottom: 2px solid #006699; }
  .sp-item-icon img { margin: 0 auto; }
  .sp-item-hint { display: none; }
  .sp-content { padding: 16px; }
}
@media (max-width: 520px) {
  .hero-mascot-top      { flex-direction: column; gap: 0.75rem; }
  .hero-mascot-mascot img { width: 66px; }
  .hero-mascot-title  { font-size: 1.22rem; }
  .banner-images-banner    { height: 95px; border-radius: 10px; }
  .wvas-ref-cols      { grid-template-columns: 1fr; }
  .wvas-ayuda-grid    { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .table-awesome thead { display: none; }
  .table-awesome td { display: block; padding: 0.3rem 0.7rem; }
  .table-awesome td:first-child { padding-top: 0.7rem; }
  .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; }
}
@media (max-width: 420px) {
  .sp-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
   SELECTOR PANEL (20% / 80%)
   ════════════════════════════════ */
.sp-sidebar {
  background: #f5f7fa;
  border-right: 0.5px solid #dde6ef;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sp-sidebar-label {
  font-size: 11px;
  font-weight: 700;
  color: #9aa5b4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.sp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: 0.5px solid transparent;
  transition: background 0.15s, border-color 0.15s;
  user-select: none;
  position: relative;
}
.sp-item:hover {
  background: #fff;
  border-color: #c5d0dc;
}
.sp-item.active {
  background: #fff;
  border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.sp-item.active::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 20%;
  height: 60%;
  width: 2.5px;
  background: #006699;
  border-radius: 2px 0 0 2px;
}
.sp-item-icon {
  font-size: 20px;
  flex-shrink: 0;
  color: #9aa5b4;
  transition: color 0.15s;
  width: 22px;
  text-align: center;
}
/* Soporte para imagen wiki como icono */
.sp-item-icon img {
  width: 22px;
  height: auto;
  display: block;
  opacity: 0.55;
  transition: opacity 0.15s;
}
.sp-item.active .sp-item-icon { color: #006699; }
.sp-item.active .sp-item-icon img { opacity: 1; }
.sp-item-name {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  line-height: 1.3;
}
.sp-item-hint {
  font-size: 11px;
  color: #9aa5b4;
  margin-top: 1px;
}
/* Hint inferior del sidebar */
.sp-sidebar-foot {
  font-size: 11px;
  color: #b0bec5;
  text-align: center;
  padding: 6px 0 2px;
  margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.sp-content {
  padding: 20px 24px;
  overflow-y: auto;
  min-height: 300px;
}
.sp-panel { display: none; }
.sp-panel.active { display: block; }

/* ════════════════════════════════════════════════════════
   SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE
   ════════════════════════════════════════════════════════ */

/* ── Caja exterior que envuelve todo ── */
.doc-simple-outer {
  background: #f8f9fb;
  border: 1.5px solid #d8e2ec;
  border-radius: 14px;
  padding: 1.1rem 1.25rem 1rem;
  margin-bottom: 1.5rem;
  font-family: 'Segoe UI', Arial, sans-serif;
  max-width: 700px;
}
 
/* ── Introducción ── */
.doc-simple-intro { margin-bottom: 12px; }
.doc-simple-intro-top { display: flex; align-items: flex-start; gap: 10px; }
.doc-simple-tname-head {
  font-size: 1rem; font-weight: 700; color: #003d5c;
  margin: 0 0 4px; padding: 0; border: none;
}
.doc-simple-desc {
  font-size: 0.84rem; color: #445;
  line-height: 1.6; margin: 0 0 8px;
}
.doc-simple-hint {
  font-size: 0.8rem; color: #778;
  line-height: 1.5; margin: 0 0 10px;
}
.doc-simple-req-inline { color: #C0392B; font-weight: 600; }
.doc-simple-opt-inline { color: #2471A3; font-weight: 600; }
 
/* ── Leyenda ── */
.doc-simple-legend {
  display: flex; gap: 14px; flex-wrap: wrap;
  margin-bottom: 12px;
}
.doc-simple-leg {
  display: flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 600;
}
.doc-simple-leg::before {
  content: ''; width: 3px; height: 13px;
  border-radius: 2px; flex-shrink: 0; display: inline-block;
}
.doc-simple-req-leg { color: #C0392B; }
.doc-simple-req-leg::before { background: #C0392B; }
.doc-simple-opt-leg { color: #2471A3; }
.doc-simple-opt-leg::before { background: #2471A3; }
 
/* ── Cards (sintaxis y ejemplo) ── */
.doc-simple-card {
  background: #fff;
  border: 0.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.doc-simple-example-card { margin-bottom: 10px; }
 
/* ── Cabecera de card ── */
.doc-simple-card-top {
  background: #f0f4f8;
  border-bottom: 0.5px solid #cdd8e4;
  padding: 6px 12px;
  display: flex; align-items: center;
  justify-content: space-between; gap: 8px;
}
.doc-simple-card-label {
  font-size: 11px; font-weight: 700; color: #667;
  text-transform: uppercase; letter-spacing: 0.06em;
}
.doc-simple-card-label.example-label { color: #2471A3; }
 
/* ── Botón copiar ── */
.doc-simple-copy-btn {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11.5px; font-weight: 600; cursor: pointer;
  color: #334; background: #fff;
  border: 0.5px solid #bbc8d4; border-radius: 6px;
  padding: 3px 10px; user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
}
.doc-simple-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-simple-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
 
/* ── Bloque de código ── */
.doc-simple-block {
  padding: 6px 0 8px;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.35;
}
.doc-simple-block-open,
.doc-simple-block-close {
  padding: 3px 12px;
  color: #aab;
}
.doc-simple-blockname { color: #003d5c; font-weight: 600; }
.doc-simple-brace { color: #bbc; }
 
/* ── Filas de parámetros ── */
.doc-simple-params { padding: 0; }
.doc-simple-params &gt; * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.doc-simple-params p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.doc-simple-row {
  display: flex; align-items: baseline;
  padding: 2px 12px 2px 9px;
  border-left: 3px solid transparent;
  transition: background 0.1s;
  line-height: 1.5;
}
.doc-simple-row:hover { background: #f5f8fb; }
.doc-simple-req { border-color: #C0392B; }
.doc-simple-opt { border-color: #2471A3; }
.doc-simple-req .doc-simple-key { color: #C0392B; }
.doc-simple-opt .doc-simple-key { color: #2471A3; }
.doc-simple-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; }
.doc-simple-key { font-weight: 700; white-space: nowrap; }
.doc-simple-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; }
.doc-simple-optvals { color: #889; font-size: 12px; }
 
/* Filas del bloque ejemplo (generadas por JS) */
.doc-simple-example-val { color: #334; }
 
/* ── Notas al pie ── */
.doc-simple-footer {
  border-top: 0.5px solid #dde6ef;
  padding: 8px 2px 0;
  display: flex; flex-direction: column; gap: 3px;
  margin-top: 4px;
}
.doc-simple-nota {
  font-size: 11.5px; color: #889; line-height: 1.5;
	padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem;
}
.doc-simple-nota ul { list-style: none; padding: 0; margin: 0; }
.doc-simple-nota li::before { content: '→ '; color: #bbc; }

/* ── Responsive ── */
@media (max-width: 520px) {
  .doc-simple-outer { padding: 0.85rem 0.9rem; }
  .doc-simple-card-top { flex-direction: column; align-items: flex-start; gap: 6px; }
  .doc-simple-copy-btn { width: 100%; justify-content: center; }
}

/* ════════════════════════════════════════════════════════
   SELECTOR HORIZONTAL DE PESTAÑAS
   ════════════════════════════════════════════════════════ */
/* ── Contenedor general ── */
.htab-wrap {
  border: 0.5px solid #cdd8e4;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

/* ── Barra superior: color + patrón de puntos ── */
.htab-bar {
  background-color: #D4537E;
  background-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.12) 1.5px,
    transparent 1.5px
  );
  background-size: 20px 20px;
  position: relative;
  overflow: hidden;
  padding: 14px 14px 12px;
  border-bottom: 2.5px solid #993556;
}

/* ── Fondo animado: formas moviéndose de derecha a izquierda ── */
.htab-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.htab-bg-track {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  height: 100%;
  white-space: nowrap;
  animation: htab-marquee 18s linear infinite;
}
@keyframes htab-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Formas del fondo */
.hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); }
.hs-circle  { width: 9px;  height: 9px;  border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; }
.hs-bar     { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); }
.hs-sq      { width: 8px;  height: 8px;  border: 1.5px solid rgba(255,255,255,0.18); }
.hs-tri     { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); }

/* ── Pestañas ── */
.htab-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  position: relative;
  z-index: 1;
}
.htab-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 8px;
  padding: 7px 15px;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: background 0.15s, transform 0.13s, border-color 0.15s;
}
.htab-tab:hover:not(.active) {
  background: rgba(255,255,255,0.25);
  transform: translateY(-2px);
}
.htab-tab.active {
  background: #EF9F27;
  border-color: #BA7517;
  color: #412402;
  transform: translateY(-1px);
}
/* Imágenes wiki dentro de la pestaña como icono */
.htab-tab figure { float: none !important; margin: 0 !important; }
.htab-tab img    { width: 18px; height: auto; display: block; }

/* ── Partículas ── */
.htab-prt {
  position: absolute;
  pointer-events: none;
  z-index: 20;
  border-radius: 50%;
}

/* Click — explosión */
.htab-prt-b {
  animation: htab-burst var(--dur, 0.4s) ease-out forwards;
}
@keyframes htab-burst {
  0%   { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; }
  100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; }
}

/* Hover — flotantes */
.htab-prt-h {
  animation: htab-float var(--dur, 0.65s) ease-out forwards;
}
@keyframes htab-float {
  0%   { transform: translateY(0) translateX(0); opacity: 0.85; }
  100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; }
}

/* ── Área de contenido ── */
.htab-panels {
  background: #fff;
  padding: 22px 22px 18px;
  min-height: 160px;
}
.htab-panel { display: none; }
.htab-panel.active {
  display: block;
  animation: htab-fadein 0.22s ease;
}
@keyframes htab-fadein {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 700px) {
  .htab-bar  { padding: 11px; }
  .htab-tab  { padding: 6px 12px; font-size: 12px; gap: 5px; }
  .htab-panels { padding: 16px; }
}
@media (max-width: 420px) {
  .htab-tab  { padding: 5px 10px; font-size: 11px; }
  .htab-panels { padding: 12px; }
}

/* ════════════════════════════════════════════════════════════════
   WVA - SISTEMA DE SECCIONES DE ARTÍCULO
   ════════════════════════════════════════════════════════════════ */

/* ═══ ANIMACIONES ═══ */
@keyframes wva-in  { from{opacity:0;transform:translateY(10px)}  to{opacity:1;transform:translateY(0)} }
@keyframes wva-sl  { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} }
@keyframes wva-pop { from{opacity:0;transform:scale(0.93)}       to{opacity:1;transform:scale(1)} }
@keyframes wva-bar { from{width:0} to{width:var(--w,100%)} }
@keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} }
@keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} }

/* ══════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════ */
.wva-hero{
  background:var(--pk);position:relative;overflow:hidden;
  padding:28px 24px 44px;border-bottom:3px solid #111;
  clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%);
  margin-bottom:-2px;animation:in 0.6s ease both;
}
.wva-hero-dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px);
  background-size:22px 22px;}
.wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px;
  letter-spacing:10px;animation:glo 2.5s ease-in-out infinite}
.wva-hi{position:relative;z-index:1}
.wva-hi-loc{display:inline-block;background:var(--yw);color:#111;
  font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111;
  line-height:.95;margin-bottom:12px;border:none;padding:0}
.wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px}
.wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px}

/* ══════════════════════════════════════════════════════
   FICHA TÉCNICA — barra de stats oscura
   ══════════════════════════════════════════════════════ */
.wva-ficha {
  background: var(--bk); padding: 16px 20px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
  gap: 16px; border-bottom: var(--bd);
  animation: wva-in .5s ease .08s both;
}
/* Dot pattern sobre negro */
.wva-ficha::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px);
  background-size: 14px 14px;
}
.wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; }
.wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); }
.wva-fb-info strong { color:var(--yw);font-weight:700; }

.wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; }
.wva-sg { font-size:14px;font-weight:900;width:30px; }
.wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; }
.wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; }
.sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)}
.sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)}

/* ══════════════════════════════════════════════════════
   SECTION WRAPPER
   ══════════════════════════════════════════════════════ */
.wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; }
.bg-w   { background:#fff; }
.bg-yw  { background:var(--yw);position:relative; }
.bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; }
.bg-yw &gt; * { position:relative;z-index:1; }
.bg-cr  { background:#FFF8F0; }
.bg-war { background:#FFF5F5; }
.bg-mn  { background:#FFFDE7; }
.bg-sc  { background:#FFF0F8;
  background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; }
.bg-hl  { background:#F0FFF4; }
.bg-mv  { background:#F8F8FF; }
.bg-ar  { background:#F0F9FF; }

/* ══════════════════════════════════════════════════════
   SECTION HEADER
   ══════════════════════════════════════════════════════ */
.wva-sh {
  display:flex;align-items:center;gap:10px;
  padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden;
}
.wva-sh .ico { font-size:17px;flex-shrink:0; }
.wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; }
.wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; }

/* NEGRO + AMARILLO (estilo SQUAD) */
.sh-bk { background:var(--bk); }
.sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; }
.sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; }

/* AMARILLO + NEGRO (estilo VANGUARD) */
.sh-yw { background:var(--yw); }
.sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; }
.sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; }

.sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff}
.sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff}
.sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff}
.sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff}
.sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff}
.sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff}
.sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)}

/* ══════════════════════════════════════════════════════
   SUBHEADER
   ══════════════════════════════════════════════════════ */
.wva-sub {
  display:flex;align-items:center;gap:8px;padding:8px 20px 4px;
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);
}
.wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; }

/* ══════════════════════════════════════════════════════
   BODY / 2 COLS
   ══════════════════════════════════════════════════════ */
.wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; }
.wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; }
.wva-body strong { color:var(--bk);font-weight:700; }

.wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; }
.wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   GRIDS
   ══════════════════════════════════════════════════════ */
.g    { padding:12px 20px; }
.g-2  { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.g-3  { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.g-a  { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; }
.g-r  { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; }
.g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; }

/* ══════════════════════════════════════════════════════
   PRACTICAL TIP CARD
   ══════════════════════════════════════════════════════ */
.ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden;
  transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; }
.ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); }
.ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; }
.ptip-b strong { color:var(--bk);font-weight:700; }

.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }

/* ══════════════════════════════════════════════════════
   TALENT CARD (secretos — estilo squad card)
   ══════════════════════════════════════════════════════ */
.tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px;
  overflow:hidden;position:relative;animation:wva-pop .4s ease both;
  transition:transform .15s,box-shadow .15s;cursor:default; }
.tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); }
.tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; }

.tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;
  padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; }
.tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; }
.tcard-stats { margin-bottom:7px; }
.tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); }
.tsg { font-size:13px;font-weight:900;width:26px; }
.tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; }
.tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; }
.tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; }
.tcard-tags { display:flex;gap:4px;flex-wrap:wrap; }

/* ══════════════════════════════════════════════════════
   REGION CARD
   ══════════════════════════════════════════════════════ */
.rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px;
  border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; }
.rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }
.rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; }

/* ══════════════════════════════════════════════════════
   CITY CARD
   ══════════════════════════════════════════════════════ */
.ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r);
  cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; }
.ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); }
.ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;
  border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; }
.ccard-badge.pk { background:var(--pk);color:#fff; }
.ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; }

/* ══════════════════════════════════════════════════════
   TRANSPORT CARD
   ══════════════════════════════════════════════════════ */
.tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r);
  display:flex;flex-direction:column;gap:6px;cursor:default;
  transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; }
.tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); }
.tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.tport-icon { font-size:24px;line-height:1; }
.tport-name { font-size:13px;font-weight:800;color:var(--bk); }
.tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; }
.tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)}
.tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)}
.tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)}
.tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)}
.tp-bk::before{background:var(--bk)}

/* ══════════════════════════════════════════════════════
   ALERT BOX
   ══════════════════════════════════════════════════════ */
.wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px;
  border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; }
.wva-al + .wva-al { margin-top:8px; }
.wva-al:last-of-type { margin-bottom:12px; }
.a-warn  { border-color:var(--rd); background:#FFF5F5; }
.a-tip   { border-color:var(--cy); background:#F0FDFF; }
.a-ok    { border-color:var(--gn); background:#F0FFF4; }
.a-money { border-color:#F5A000;   background:#FFFDE7; }
.a-info  { border-color:var(--bl); background:#F0F8FF; }
.a-pink  { border-color:var(--pk); background:#FFF0F8; }
.al-em   { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; }
.al-txt  { font-size:12.5px;color:#333;line-height:1.62; }
.al-txt strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   LIST ITEMS
   ══════════════════════════════════════════════════════ */
.wva-list { padding:0 20px 12px; }
.wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08);
  align-items:flex-start;transition:padding-left .14s;cursor:default; }
.wva-li:last-child { border-bottom:none; }
.wva-li:hover { padding-left:6px; }
.wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm);
  display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;
  background:var(--wh);transition:transform .14s; }
.wva-li:hover .wva-li-ico { transform:scale(1.06); }
.wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; }
.wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; }
.wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; }

/* ══════════════════════════════════════════════════════
   NEXT DESTINATIONS
   ══════════════════════════════════════════════════════ */
.wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; }
.ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r);
  padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default;
  transition:background .14s,transform .14s,box-shadow .14s; }
.ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }

/* ══════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════ */
@media (max-width:760px) {
  .wva-hero { grid-template-columns:1fr; }
  .wva-himg { display:none; }
  .wva-hc::after { display:none; }
  .wva-hi-h { font-size:38px; }
  .g-2,.g-3 { grid-template-columns:1fr; }
  .wva-2c { grid-template-columns:1fr; }
  .wva-ficha { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px) {
  .wva-hc { padding:20px 14px 28px; }
  .wva-hi-h { font-size:28px; }
  .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; }
  .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; }
  .wva-al { margin-left:14px;margin-right:14px; }
  .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; }
  .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; }
}</text>
      <sha1>84s7lbkarxer5sbuhwnyo7ccaox221q</sha1>
    </revision>
    <revision>
      <id>253784</id>
      <parentid>253782</parentid>
      <timestamp>2026-05-23T01:44:19Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253784</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="82211" sha1="hn4dqse23twyulu2aauljj67ile2uz7" xml:space="preserve">/* ════════════════════════════════
   Función de acordeón tipo FAQ / Funciona con el js correspondiente
   ════════════════════════════════ */
.accordion-content{
    display:none;
}

.accordion-content.active {
    display:block;
}

.accordion-clicky{
    cursor:pointer;
    user-select:none;
}

:root {
  --pk: #FF00BB;  --yw: #FFE600;  --cy: #00BFFF;
  --gn: #00C853;  --or: #FF6B00;  --rd: #FF2200;
  --pu: #7A00FF;  --bl: #0099FF;  --bk: #111111;
  --wh: #FFFFFF;  --mu: #555555;
  --bd:  3px solid #111;
  --bd2: 2.5px solid #111;
  --r:   10px;
  --rsm: 6px;
  --rlg: 16px;
  --font: 'Segoe UI', Arial, sans-serif;
}

.wva-config { box-sizing: border-box; margin: 0; padding: 0; margin: 0 auto; background: var(--wh); border: var(--bd); overflow: hidden; font-family: var(--font)}

/* ── Reset interno ── */
.config-general * { box-sizing: border-box; }
.config-general { font-family: var(--font); line-height: 1.6; }

/* ── Force links icon ── */
.doc-simple-outer a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;])::after,
.config-general a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;]):not([href*=&quot;/File:&quot;]):not([href*=&quot;/Archivo:&quot;])::after {
  content: ' [↗]';
  font-size: 0.78em;
  opacity: 0.55;
  font-weight: normal;
  text-decoration: none;
}
.config-general a:has(img)::after{
    content:none !important;
}
/* El enlace [editar] no participa en el flex */
.config-general .mw-editsection {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
}

/* ════════════════════════════════
   Decorativos inline
   ════════════════════════════════ */
.chip-inline {
  display: inline-block; font-size: 0.69rem; font-weight: 700;
  padding: 1px 8px; border-radius: 20px; margin-top: 3px;
  color: #fff;
}
.badge-inline {
	background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px
			  }
.tag-inline {
  display: inline-block; font-size: 0.72rem; font-weight: 700;
  padding: 3px 10px; border-radius: 20px;
  background: #E6F1FB; color: #006699; margin-top: 0.3rem;
  text-decoration: none; transition: background 0.15s;
}
.tag-inline:hover { background: #c5dff0; }

.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }

/* ════════════════════════════════
   Structures
   ════════════════════════════════ */
.tags-structure { display:flex;gap:5px;flex-wrap:wrap; }

/* ════════════════════════════════
   DocCopiar
   ════════════════════════════════ */
.doc-copiar-wrap {
  border: 1.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1rem;
  font-family: 'Segoe UI', Arial, sans-serif;
}
.doc-copiar-bar {
  background: #f0f4f8;
  border-bottom: 1px solid #cdd8e4;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.doc-copiar-lbl {
  font-size: 11px;
  font-weight: 700;
  color: #667;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.doc-copiar-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  color: #334;
  background: #fff;
  border: 0.5px solid #bbc8d4;
  border-radius: 6px;
  padding: 3px 10px;
  user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
  white-space: nowrap;
}
.doc-copiar-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-copiar-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
.doc-copiar-pre {
  margin: 0;
  padding: 12px 14px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 13px;
  line-height: 1.65;
  color: #2a2a3a;
  white-space: pre-wrap;
  word-break: break-word;
  background: #fff;
  overflow-x: auto;
  border: none;
}
/* ════════════════════════════════
   Plantilla: Tríptico - Código para que funcione bien. Full Responsive
   ════════════════════════════════ */
.triptico {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: stretch;
}

.triptico-wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.triptico-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ── card base ── */
.tc-card {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.tc-card::before {
  content: '';
  display: block;
  padding-top: var(--card-ratio, 100%);
}

.tc-card-inner {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}

/* imagen wiki como fondo */
.tc-card-img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  display: block;
}

.tc-card-img a,
.tc-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  text-decoration: none;
  pointer-events: none;
}

/* enlace que cubre todo el card */
.tc-card-link {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 5;
  display: block;
  background: transparent;
}

.tc-card-link:hover ~ .tc-tag-top,
.tc-card-link:hover ~ .tc-tag-bot {
  background: rgba(0,0,0,0.82);
}

/* ── tags de esquina ── */
.tc-tag-top {
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-tag-bot {
  position: absolute;
  bottom: 0; right: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  text-align: right;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-card-inner:hover .tc-tag-top {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-card-inner:hover .tc-tag-bot {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-tag-top,
.tc-tag-bot {
  transition: background 0.25s;
}

.tc-tag-top::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

.tc-tag-bot::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

/* ── card-vert ── */
.tc-card-vert .tc-card-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.tc-texto-vert {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.3em;
  writing-mode: vertical-rl;
  transform: rotate(180deg) scaleX(1.4);
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  font-size: var(--vert-size, 56px);
  z-index: 3;
  position: relative;
  pointer-events: none;
  margin-right: 14px;
  margin-top: 10px;
  margin-left: 30px;
}

/* ── bloque de texto ── */
.tc-texto {
  width: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
  background: var(--tc-texto-bg, transparent);
  color: var(--tc-texto-color, inherit);
}

/* ── header flotante ── */
.tc-header-wrap {
  position: absolute;
  top: 0;
  left: 0; right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.tc-header {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 22px;
  background: var(--tc-header-bg, #111);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  white-space: nowrap;
  pointer-events: auto;
  transition: background 0.25s;
}

.tc-header::before {
  content: '';
  position: absolute;
  inset: 2px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);
}

.tc-header-accent {
  position: absolute;
  bottom: -3px;
  left: 10px; right: 10px;
  height: 2px;
  background: var(--tc-acento, #e63946);
  transition: background 0.25s;
}

@media (max-width: 900px) {
  .triptico { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .triptico { grid-template-columns: 1fr; }
}

/* tc-tira */
.tc-tira {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex: none;
  min-height: 72px;
  max-height: 110px;
  background: var(--tc-tira-bg, #111);
  overflow: hidden;
}

/* línea de acento superior */
.tc-tira::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--tc-tira-acento, #e63946);
  z-index: 2;
}

/* brillo sutil */
.tc-tira-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.tc-tira-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding: 10px 6px;
  gap: 3px;
  text-align: center;
  transition: background 0.2s;
}

.tc-tira-items {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 3px 0 0 0;
  min-width: 0;
}

.tc-tira-item:hover {
  background: rgba(255,255,255,0.04);
}

.tc-tira-item img,
.tc-tira-item a img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 2px;
}

.tc-tira-item .thumbinner,
.tc-tira-item .thumb,
.tc-tira-item figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-tira-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-valor {
  font-size: 12px;
  font-weight: bold;
  color: var(--tc-tira-txt, #fff);
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-sep {
  width: 1px;
  align-self: stretch;
  background: rgba(255,255,255,0.08);
  flex-shrink: 0;
  margin: 10px 0;
}

/* ── itinerario ── */
.tc-itinerario {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 0 6px 0;
  background: var(--tc-it-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tc-it-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  margin-bottom: 4px;
}

.tc-it-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-it-acento, #e63946);
  flex: 1;
}

.tc-it-total {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}

/* línea de tiempo vertical */
.tc-it-linea {
  position: absolute;
  left: 28px;
  top: 50px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    var(--tc-it-acento, #e63946),
    rgba(255,255,255,0.05)
  );
}

.tc-it-lista {
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.tc-it-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px 14px 8px 48px;
  transition: background 0.2s;
}

.tc-it-item:hover {
  background: rgba(255,255,255,0.03);
}

/* nodo en la línea de tiempo */
.tc-it-nodo {
  position: absolute;
  left: 22px;
  top: 13px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--tc-it-bg, #0d0d0d);
  border: 2px solid var(--tc-it-acento, #e63946);
  box-sizing: border-box;
  z-index: 2;
}

.tc-it-item:first-child .tc-it-nodo {
  background: var(--tc-it-acento, #e63946);
}

/* fila superior: lugar + tiempo */
.tc-it-fila-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}

.tc-it-lugar {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tc-it-tiempo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: var(--tc-it-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* actividad */
.tc-it-actividad {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
  margin-bottom: 4px;
}

/* badges de propiedades */
.tc-it-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.tc-it-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
  line-height: 1.4;
}

.tc-it-badge-acento {
  border-color: var(--tc-it-acento, #e63946);
  color: var(--tc-it-acento, #e63946);
}

/* separador entre items */
.tc-it-item + .tc-it-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 48px; right: 14px;
  height: 1px;
  background: rgba(255,255,255,0.05);
}

/* ════════════════════════════════
   tc-gastronomia
   ════════════════════════════════ */
.tc-gastro {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-gastro-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-gastro-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-gastro-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

.tc-gastro-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  justify-content: space-between;
}

.tc-gastro-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  position: relative;
  transition: background 0.2s;
}

.tc-gastro-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-gastro-item + .tc-gastro-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* foto */
.tc-gastro-foto {
  width: 64px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.tc-gastro-foto img,
.tc-gastro-foto a img {
  width: 64px !important;
  height: 100% !important;
  min-height: 64px;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.tc-gastro-foto .thumbinner,
.tc-gastro-foto .thumb,
.tc-gastro-foto figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
}

/* línea de acento lateral */
.tc-gastro-item::before {
  content: '';
  position: absolute;
  left: 64px;
  top: 0; bottom: 0;
  width: 2px;
  background: var(--tc-gastro-acento, #e63946);
  opacity: 0;
  transition: opacity 0.2s;
}

.tc-gastro-item:hover::before {
  opacity: 1;
}

/* contenido textual */
.tc-gastro-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 12px 10px 14px;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.tc-gastro-nombre {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-gastro-lugar {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-desc {
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  line-height: 1.4;
  margin-top: 2px;
}

.tc-gastro-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 4px;
}

.tc-gastro-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.4);
  line-height: 1.4;
}

.tc-gastro-badge-acento {
  border-color: var(--tc-gastro-acento, #e63946);
  color: var(--tc-gastro-acento, #e63946);
}


/* ════════════════════════════════
   tc-transporte
   ════════════════════════════════ */
.tc-transporte {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-trans-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-trans-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-trans-acento, #1d6fa4);
}

.tc-trans-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

/* secciones: transporte y lugares */
.tc-trans-seccion {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-seccion-label {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding: 7px 14px 4px 14px;
}

.tc-trans-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-trans-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  position: relative;
  transition: background 0.2s;
}

.tc-trans-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-trans-item + .tc-trans-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* icono de transporte o lugar */
.tc-trans-icono {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255,255,255,0.05);
  overflow: hidden;
}

.tc-trans-icono img,
.tc-trans-icono a img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-trans-icono .thumbinner,
.tc-trans-icono .thumb,
.tc-trans-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-trans-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}

.tc-trans-nombre {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-desc {
  font-size: 9px;
  color: rgba(255,255,255,0.4);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-meta {
  font-size: 9px;
  font-weight: bold;
  color: var(--tc-trans-acento, #1d6fa4);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.04em;
}

/* divisor entre secciones */
.tc-trans-div {
  height: 1px;
  background: linear-gradient(
    to right,
    var(--tc-trans-acento, #1d6fa4),
    rgba(255,255,255,0.05)
  );
  margin: 4px 14px;
}

/* badge de lugar destacado */
.tc-trans-estrella {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tc-trans-acento, #1d6fa4);
  flex-shrink: 0;
}

/* texto adaptable según fondo */
.tc-gastro-nombre  { color: var(--tc-gastro-txt, #fff); }
.tc-gastro-desc    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); }
.tc-gastro-badge   { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); 
                     border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); }

.tc-trans-nombre   { color: var(--tc-trans-txt, #fff); }
.tc-trans-desc     { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); }
.tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); }
.tc-trans-subtitulo     { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); }
.tc-gastro-subtitulo    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); }

/* ════════════════════════════════
   tc-callout — base compartida
   ════════════════════════════════ */
.tc-callout {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}

.tc-callout-barra {
  width: 4px;
  flex-shrink: 0;
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  flex: 1;
  min-width: 0;
  background: var(--tc-co-bg, rgba(29,111,164,0.08));
}

.tc-callout-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.tc-callout-icono {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.tc-callout-icono img,
.tc-callout-icono a img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-callout-icono .thumbinner,
.tc-callout-icono .thumb,
.tc-callout-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-callout-tipo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-titulo {
  font-size: 13px;
  font-weight: bold;
  color: var(--tc-co-txt, #fff);
  line-height: 1.3;
}

.tc-callout-texto {
  font-size: 11px;
  line-height: 1.6;
  color: var(--tc-co-txt2, rgba(255,255,255,0.6));
}

.tc-callout-texto a {
  color: var(--tc-co-acento, #1d6fa4);
  text-decoration: none;
}

.tc-callout-texto a:hover {
  text-decoration: underline;
}

.tc-callout-footer {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
  margin-top: 2px;
}

/* ── variante: bloque lleno sin barra lateral ── */
.tc-callout-filled {
  flex-direction: column;
}

.tc-callout-filled .tc-callout-barra {
  width: 100%;
  height: 3px;
}

.tc-callout-filled .tc-callout-body {
  padding: 12px 14px;
}

/* ── variante: destacado con fondo marcado ── */
.tc-callout-solid .tc-callout-body {
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-solid .tc-callout-tipo {
  color: rgba(255,255,255,0.7);
}

.tc-callout-solid .tc-callout-titulo {
  color: #fff;
}

.tc-callout-solid .tc-callout-texto {
  color: rgba(255,255,255,0.75);
}

.tc-callout-solid .tc-callout-footer {
  color: rgba(255,255,255,0.6);
}

.tc-callout-solid .tc-callout-barra {
  background: rgba(0,0,0,0.2);
}

/* ── separador interno ── */
.tc-callout-sep {
  height: 1px;
  background: var(--tc-co-acento, #1d6fa4);
  opacity: 0.2;
  margin: 4px 0;
}

/* ════════════════════════════════
   tc-lista — lista de ítems simple
   ════════════════════════════════ */
.tc-lista {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-lista-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-lista-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-lista-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-lista-acento, #e63946);
}

.tc-lista-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-lista-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  transition: background 0.2s;
  position: relative;
}

.tc-lista-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-lista-item + .tc-lista-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-lista-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tc-lista-acento, #e63946);
  flex-shrink: 0;
}

.tc-lista-txt {
  font-size: 12px;
  color: var(--tc-lista-txt, #fff);
  line-height: 1.4;
  flex: 1;
}

.tc-lista-meta {
  font-size: 10px;
  font-weight: bold;
  color: var(--tc-lista-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ════════════════════════════════
   tc-cita — cita o quote destacado
   ════════════════════════════════ */
.tc-cita {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-cita-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 18px 16px 22px;
  overflow: hidden;
}

.tc-cita-marca {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 52px;
  line-height: 1;
  color: var(--tc-cita-acento, #e63946);
  opacity: 0.25;
  font-family: Georgia, serif;
  pointer-events: none;
  user-select: none;
}

.tc-cita-barra {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--tc-cita-acento, #e63946);
}

.tc-cita-texto {
  font-size: 13px;
  line-height: 1.7;
  color: var(--tc-cita-txt, #fff);
  font-style: italic;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.tc-cita-autor {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-cita-acento, #e63946);
  position: relative;
  z-index: 1;
}

.tc-cita-fuente {
  font-size: 9px;
  color: var(--tc-cita-txt2, rgba(255,255,255,0.35));
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

/* ════════════════════════════════
   tc-stat — estadísticas / cifras
   ════════════════════════════════ */
.tc-stat {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-stat-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-stat-header {
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-stat-acento, #e63946);
}

.tc-stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1;
  min-height: 0;
}

.tc-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  gap: 3px;
  position: relative;
  transition: background 0.2s;
}

.tc-stat-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-stat-item:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item + .tc-stat-item,
.tc-stat-item ~ .tc-stat-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item:nth-child(1),
.tc-stat-item:nth-child(2) {
  border-top: none;
}

.tc-stat-cifra {
  font-size: 22px;
  font-weight: bold;
  color: var(--tc-stat-acento, #e63946);
  line-height: 1;
  letter-spacing: -0.02em;
}

.tc-stat-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.4));
  text-align: center;
  line-height: 1.3;
}

.tc-stat-sub {
  font-size: 9px;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.25));
  text-align: center;
}


/* ════════════════════════════════
   ASISTENTE DE CREACIÓN DE ARTÍCULOS
   ════════════════════════════════ */
/* ════════════════════════════════
   HERO BANNER
   ════════════════════════════════ */
.hero-mascot {
  background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%);
  border-radius: 16px;
  padding: 1.75rem 1.75rem 1.5rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.hero-mascot::before {
  content: ''; position: absolute; top: -50px; right: -40px;
  width: 230px; height: 230px;
  background: rgba(255,255,255,0.06); border-radius: 50%;
}
.hero-mascot::after {
  content: ''; position: absolute; bottom: -70px; left: 28%;
  width: 280px; height: 280px;
  background: rgba(255,255,255,0.04); border-radius: 50%;
}
.hero-mascot-top {
  display: flex; align-items: flex-start; gap: 1.25rem;
  position: relative; z-index: 1;
}
.hero-mascot-mascot { flex-shrink: 0; }
.hero-mascot-mascot img {
  width: 120px; height: auto;
  filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3));
  animation: wvas-float 3.5s ease-in-out infinite;
}
.hero-mascot-title {
  font-size: 1.75rem; font-weight: 800; line-height: 1.2;
  margin: 0 0 0.4rem; color: #fff; border: none; padding: 0;
}
.hero-mascot-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; }
.hero-mascot-divider {
  border: none; border-top: 1px solid rgba(255,255,255,0.22);
  margin: 1.1rem 0 1rem; position: relative; z-index: 1;
}
.hero-mascot-about { position: relative; z-index: 1; }
.hero-mascot-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; }
.hero-mascot-about a { color: #21e82b; font-weight: 700; }
.hero-mascot-about p:last-child { margin: 0; }
 
/* ════════════════════════════════
   IMAGE BANNER (5 fotos + corte diagonal)
   ════════════════════════════════ */
.banner-images-banner {
  display: flex;
  height: 195px;
  border-radius: 14px;
  overflow: hidden;
  background: #004d70;
}
.banner-images-slot {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
  min-width: 0;
}
.banner-images-slot:not(:first-child) {
  clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -22px;
}
.banner-images-slot:nth-child(2) { z-index: 2; }
.banner-images-slot:nth-child(3) { z-index: 3; }
.banner-images-slot:nth-child(4) { z-index: 4; }
.banner-images-slot:nth-child(5) { z-index: 5; }
.banner-images-slot figure,
.banner-images-slot .mw-file-description,
.banner-images-slot a {
  display: block !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
}
.banner-images-slot img {
  display: block !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  margin: 0 !important; border: 0 !important;
  vertical-align: top !important; max-width: none !important;
}
 
/* ════════════════════════════════
   SECTION HEADER
   ════════════════════════════════ */
.wvas-sh {
  display: flex; align-items: center; gap: 0.65rem;
  margin: 1.9rem 0 1rem;
}
.wvas-sh-icon {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; flex-shrink: 0;
}
.wvas-sh h2 {
  font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c;
}
.wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; }

/* ════════════════════════════════
   NORMAS — siempre visibles, con hover
   ════════════════════════════════ */

.wvas-norma {
  border-radius: 12px; padding: 0.9rem 1rem;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 0.7rem;
  align-items: center;
  border: 1.5px solid;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-norma:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.wvas-norma-mascot { width: 90px;  display: flex; align-items: center; justify-content: center; }
.wvas-norma-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-norma-mascot figure { float: none !important; margin: 0 !important; }
.wvas-norma-content { min-width: 0; }
.wvas-norma-title {
  font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
  letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.wvas-norma-text { font-size: 0.82rem; line-height: 1.57; }
.wvas-norma-text a { font-weight: 700; }
.wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.wvas-n-error .wvas-norma-title { color: #A32D2D; }
.wvas-n-error a { color: #A32D2D; }
.wvas-n-warn  { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.wvas-n-warn  .wvas-norma-title { color: #7a4a00; }
.wvas-n-warn  a { color: #854F0B; }
.wvas-n-tip   { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.wvas-n-tip   .wvas-norma-title { color: #0F6E56; }
.wvas-n-tip   a { color: #085041; }
.wvas-n-info  { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.wvas-n-info  .wvas-norma-title { color: #006699; }
.wvas-n-info  a { color: #006699; }
 
/* ════════════════════════════════
   CALLOUT (genérico)
   Grid interno: mascota | contenido (desktop)
                 mascota (arriba) + contenido (abajo) en mobile
   ════════════════════════════════ */
.callout-sable {
  border-radius: 12px; padding: 0.9rem 1.1rem;
  margin-bottom: 1rem;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.8rem;
  align-items: center;
  border-left: 4px solid;
  transition: box-shadow 0.18s;
}
.callout-sable:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); }
.callout-sable-mascot { width: 80px; display: flex; align-items: center; justify-content: center; }
.callout-sable-mascot img { width: 80px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.callout-sable-mascot figure { float: none !important; margin: 0 !important; }
.callout-sable-content { min-width: 0; }
.callout-sable-title {
  font-weight: 800; font-size: 0.81rem; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.22rem;
}
.callout-sable-body { font-size: 0.85rem; line-height: 1.58; }
.callout-sable-body a { font-weight: 700; text-decoration: none; }
.callout-sable-body a:hover { text-decoration: underline; }
.callout-sable-co-tip    { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; }
.callout-sable-co-tip    .callout-sable-title { color: #0F6E56; }
.callout-sable-co-tip    a { color: #085041; }
.callout-sable-co-info   { background: #E6F1FB; border-color: #006699; color: #042C53; }
.callout-sable-co-info   .callout-sable-title { color: #006699; }
.callout-sable-co-info   a { color: #185FA5; }
.callout-sable-co-warn   { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; }
.callout-sable-co-warn   .callout-sable-title { color: #7a4a00; }
.callout-sable-co-warn   a { color: #854F0B; }
.callout-sable-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; }
.callout-sable-co-purple .callout-sable-title { color: #534AB7; }
.callout-sable-co-purple a { color: #534AB7; }
.callout-sable-co-error  { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; }
.callout-sable-co-error  .callout-sable-title { color: #A32D2D; }
.callout-sable-co-error  a { color: #A32D2D; }
 
/* ════════════════════════════════
   TIPO CARDS — informativas + hover
   ════════════════════════════════ */
.wvas-tipo-card {
  background: #fff; border: 1.5px solid #d0dce8;
  border-radius: 16px; padding: 1.3rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  position: relative; overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  cursor: inherit;
}
.wvas-tipo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,60,100,0.12);
  border-color: #006699;
}
.wvas-tipo-card::after {
  content: ''; position: absolute; bottom: -18px; right: -18px;
  width: 70px; height: 70px; border-radius: 50%;
  background: rgba(0,102,153,0.05);
  transition: transform 0.3s;
}
.wvas-tipo-card:hover::after { transform: scale(1.4); }
.wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; }
.wvas-tipo-icon { flex-shrink: 0; }
.wvas-tipo-icon img { width: 70px; height: auto; }
.wvas-tipo-card h3 {
  font-size: 1.06rem; font-weight: 800; color: #003d5c;
  margin: 0; padding: 0; border: none;
}
.wvas-tipo-desc   { font-size: 0.84rem; color: #445; line-height: 1.57; }
.wvas-tipo-ej     { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.wvas-tc-destino    { border-top: 4px solid #006699; }
.wvas-tc-tematico   { border-top: 4px solid #534AB7; }
.wvas-tc-itinerario { border-top: 4px solid #1D9E75; }
.wvas-tc-conv       { border-top: 4px solid #BA7517; }
 
/* ════════════════════════════════
   Plantilla: Table awesome responsive
   ════════════════════════════════ */
.table-awesome {
  width: 100%; border-collapse: separate; border-spacing: 0;
  border: 1.5px solid #dde6ef; border-radius: 14px;
  overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem;
}
.table-awesome thead tr {
  background: #006699; color: #fff;
}
.table-awesome thead th {
  padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.05em;
  text-align: left; border: none;
}
.table-awesome tbody tr {
  border-bottom: 1px solid #eef1f5;
  transition: background 0.15s;
}
.table-awesome tbody tr:last-child { border-bottom: none; }
.table-awesome tbody tr:hover { background: #f0f7fc; }
.table-awesome td {
  padding: 0.65rem 0.85rem; vertical-align: top;
  border: none; line-height: 1.5;
}
.table-awesome td:first-child {
  white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%;
}
.table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; }
.table-awesome td a:hover { text-decoration: underline; }
.table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; }
 
/* ════════════════════════════════
   WIDGET CREATE PANEL (único por tipo)
   ════════════════════════════════ */
.wvas-create {
  background: #f7fbff; border: 2px dashed #9fc9dd;
  border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem;
  margin: 0.75rem 0; text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.wvas-create:hover {
  border-color: #006699;
  box-shadow: 0 4px 16px rgba(0,102,153,0.1);
}
.wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; }
.wvas-create-mascot img {
  width: 120px; height: auto;
  animation: wvas-float 2.5s ease-in-out infinite;
}
.wvas-create h3 {
  font-size: 1.02rem; font-weight: 800; color: #003d5c;
  margin: 0 0 0.28rem; padding: 0; border: none;
}
.wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; }
 
/* ════════════════════════════════
   NIVELES DE CALIDAD
   ════════════════════════════════ */
.wvas-nivel {
  border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center;
  display: flex; flex-direction: column; gap: 0.3rem;
  border: 1.5px solid transparent;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-nivel:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; }
.wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; }
.wvas-nivel p  { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; }
.wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; }
.wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; }
.wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; }
.wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; }
 
/* ════════════════════════════════
   CHECKLIST PRE-PUBLICACIÓN
   ════════════════════════════════ */
.wvas-checklist {
  background: #fff; border: 1.5px solid #c8e6c8;
  border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem;
}
.wvas-checklist-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-checklist-header img { width: 36px; height: auto; }
.wvas-checklist-header h3 {
  font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none;
}
.wvas-check-list { list-style: none; padding: 0; margin: 0; }
.wvas-check-list li {
  display: flex; align-items: flex-start; gap: 0.65rem;
  font-size: 0.84rem; padding: 0.38rem 0;
  border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5;
  transition: background 0.12s;
}
.wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; }
.wvas-check-list li:last-child { border-bottom: none; }
.wvas-check-list li::before {
  content: '✓';   
  width: 20px; height: 20px; border-radius: 50%;
  background: #E1F5EE; border: 1.5px solid #1D9E75;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: #1D9E75; flex-shrink: 0;
  font-weight: 900; margin-top: 2px; 
}
 
/* ════════════════════════════════
   AYUDA — LINKS + hover
   ════════════════════════════════ */
.wvas-ayuda-card {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 12px; padding: 1rem 0.9rem;
  text-align: center; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; align-items: center; gap: 0.38rem;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.wvas-ayuda-card:hover {
  border-color: #006699;
  box-shadow: 0 4px 14px rgba(0,102,153,0.12);
  transform: translateY(-2px);
}
.wvas-ayuda-card img  { width: 80px; height: auto; }
.wvas-ayuda-card h4   { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; }
.wvas-ayuda-card p    { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; }
 
/* ════════════════════════════════
   REFERENCIA ARTÍCULOS ACEPTABLES
   ════════════════════════════════ */
.wvas-ref-box {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem;
}
.wvas-ref-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-ref-header img { width: 36px; height: auto; }
.wvas-ref-header h3  {
  font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none;
}
.wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
.wvas-ref-col-title {
  font-size: 0.78rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.5rem;
}
.callout-sable-col-ok  .wvas-ref-col-title { color: #1D9E75; }
.callout-sable-col-bad .wvas-ref-col-title { color: #A32D2D; }
.wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; }
.wvas-ref-list li {
  font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px;
  align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45;
  transition: background 0.12s;
}
.wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; }
.wvas-ref-list li:last-child { border-bottom: none; }
.callout-sable-col-ok  .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; }
.callout-sable-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; }
.wvas-ref-nota {
  font-size: 0.78rem; color: #666; padding-top: 0.5rem;
  border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; }
.wvas-ref-nota li::before { content: '· '; }
 
/* ════════════════════════════════
   ANIMACIÓN FLOTANTE
   ════════════════════════════════ */
@keyframes wvas-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-7px); }
}
 
/* ════════════════════════════════════════════════════════
   ESTRUCTURAS EN COLUMNAS RESPONSIVE
   ════════════════════════════════════════════════════════ */
.cols-2-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 14px; margin-bottom: 1.5rem;
}
.cols-20-80-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 0;
  border: 0.5px solid #dde6ef;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.cols-3-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px; margin-bottom: 1rem;
}
.cols-4-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8px; margin-bottom: 1rem;
}
/* ════════════════════════════════════════════════════════
   RESPONSIVE (GENERAL)
   ════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  .hero-mascot-title  { font-size: 1.45rem; }
  .wvas-tipo-grid     { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .wvas-ayuda-grid    { grid-template-columns: repeat(2, 1fr); }
  .banner-images-banner    { height: 130px; }
  .table-awesome { font-size: 0.79rem; }
 
  /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */
  .callout-sable {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-norma {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .callout-sable-mascot,
  .wvas-norma-mascot {
    width: auto;
  }
  .callout-sable-content,
  .wvas-norma-content {
    width: 100%;
    text-align: left;   /* el texto interior alineado a la izquierda */
  }
  .callout-sable-title,
  .wvas-norma-title {
    text-align: center; /* solo el título centrado */
  }
}
@media (max-width: 700px) {
  .cols-20-80-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .sp-sidebar {
    border-right: none;
    border-bottom: 0.5px solid #dde6ef;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 8px;
    gap: 6px;
  }
  .sp-sidebar-label,
  .sp-sidebar-foot { display: none; }
  .sp-item {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
    padding: 8px 10px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 3px;
  }
  /* En mobile el indicador es borde inferior */
  .sp-item.active::after { display: none; }
  .sp-item.active { border-bottom: 2px solid #006699; }
  .sp-item-icon img { margin: 0 auto; }
  .sp-item-hint { display: none; }
  .sp-content { padding: 16px; }
}
@media (max-width: 520px) {
  .hero-mascot-top      { flex-direction: column; gap: 0.75rem; }
  .hero-mascot-mascot img { width: 66px; }
  .hero-mascot-title  { font-size: 1.22rem; }
  .banner-images-banner    { height: 95px; border-radius: 10px; }
  .wvas-ref-cols      { grid-template-columns: 1fr; }
  .wvas-ayuda-grid    { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .table-awesome thead { display: none; }
  .table-awesome td { display: block; padding: 0.3rem 0.7rem; }
  .table-awesome td:first-child { padding-top: 0.7rem; }
  .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; }
}
@media (max-width: 420px) {
  .sp-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
   SELECTOR PANEL (20% / 80%)
   ════════════════════════════════ */
.sp-sidebar {
  background: #f5f7fa;
  border-right: 0.5px solid #dde6ef;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sp-sidebar-label {
  font-size: 11px;
  font-weight: 700;
  color: #9aa5b4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.sp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: 0.5px solid transparent;
  transition: background 0.15s, border-color 0.15s;
  user-select: none;
  position: relative;
}
.sp-item:hover {
  background: #fff;
  border-color: #c5d0dc;
}
.sp-item.active {
  background: #fff;
  border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.sp-item.active::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 20%;
  height: 60%;
  width: 2.5px;
  background: #006699;
  border-radius: 2px 0 0 2px;
}
.sp-item-icon {
  font-size: 20px;
  flex-shrink: 0;
  color: #9aa5b4;
  transition: color 0.15s;
  width: 22px;
  text-align: center;
}
/* Soporte para imagen wiki como icono */
.sp-item-icon img {
  width: 22px;
  height: auto;
  display: block;
  opacity: 0.55;
  transition: opacity 0.15s;
}
.sp-item.active .sp-item-icon { color: #006699; }
.sp-item.active .sp-item-icon img { opacity: 1; }
.sp-item-name {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  line-height: 1.3;
}
.sp-item-hint {
  font-size: 11px;
  color: #9aa5b4;
  margin-top: 1px;
}
/* Hint inferior del sidebar */
.sp-sidebar-foot {
  font-size: 11px;
  color: #b0bec5;
  text-align: center;
  padding: 6px 0 2px;
  margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.sp-content {
  padding: 20px 24px;
  overflow-y: auto;
  min-height: 300px;
}
.sp-panel { display: none; }
.sp-panel.active { display: block; }

/* ════════════════════════════════════════════════════════
   SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE
   ════════════════════════════════════════════════════════ */

/* ── Caja exterior que envuelve todo ── */
.doc-simple-outer {
  background: #f8f9fb;
  border: 1.5px solid #d8e2ec;
  border-radius: 14px;
  padding: 1.1rem 1.25rem 1rem;
  margin-bottom: 1.5rem;
  font-family: 'Segoe UI', Arial, sans-serif;
  max-width: 700px;
}
 
/* ── Introducción ── */
.doc-simple-intro { margin-bottom: 12px; }
.doc-simple-intro-top { display: flex; align-items: flex-start; gap: 10px; }
.doc-simple-tname-head {
  font-size: 1rem; font-weight: 700; color: #003d5c;
  margin: 0 0 4px; padding: 0; border: none;
}
.doc-simple-desc {
  font-size: 0.84rem; color: #445;
  line-height: 1.6; margin: 0 0 8px;
}
.doc-simple-hint {
  font-size: 0.8rem; color: #778;
  line-height: 1.5; margin: 0 0 10px;
}
.doc-simple-req-inline { color: #C0392B; font-weight: 600; }
.doc-simple-opt-inline { color: #2471A3; font-weight: 600; }
 
/* ── Leyenda ── */
.doc-simple-legend {
  display: flex; gap: 14px; flex-wrap: wrap;
  margin-bottom: 12px;
}
.doc-simple-leg {
  display: flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 600;
}
.doc-simple-leg::before {
  content: ''; width: 3px; height: 13px;
  border-radius: 2px; flex-shrink: 0; display: inline-block;
}
.doc-simple-req-leg { color: #C0392B; }
.doc-simple-req-leg::before { background: #C0392B; }
.doc-simple-opt-leg { color: #2471A3; }
.doc-simple-opt-leg::before { background: #2471A3; }
 
/* ── Cards (sintaxis y ejemplo) ── */
.doc-simple-card {
  background: #fff;
  border: 0.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.doc-simple-example-card { margin-bottom: 10px; }
 
/* ── Cabecera de card ── */
.doc-simple-card-top {
  background: #f0f4f8;
  border-bottom: 0.5px solid #cdd8e4;
  padding: 6px 12px;
  display: flex; align-items: center;
  justify-content: space-between; gap: 8px;
}
.doc-simple-card-label {
  font-size: 11px; font-weight: 700; color: #667;
  text-transform: uppercase; letter-spacing: 0.06em;
}
.doc-simple-card-label.example-label { color: #2471A3; }
 
/* ── Botón copiar ── */
.doc-simple-copy-btn {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11.5px; font-weight: 600; cursor: pointer;
  color: #334; background: #fff;
  border: 0.5px solid #bbc8d4; border-radius: 6px;
  padding: 3px 10px; user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
}
.doc-simple-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-simple-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
 
/* ── Bloque de código ── */
.doc-simple-block {
  padding: 6px 0 8px;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.35;
}
.doc-simple-block-open,
.doc-simple-block-close {
  padding: 3px 12px;
  color: #aab;
}
.doc-simple-blockname { color: #003d5c; font-weight: 600; }
.doc-simple-brace { color: #bbc; }
 
/* ── Filas de parámetros ── */
.doc-simple-params { padding: 0; }
.doc-simple-params &gt; * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.doc-simple-params p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.doc-simple-row {
  display: flex; align-items: baseline;
  padding: 2px 12px 2px 9px;
  border-left: 3px solid transparent;
  transition: background 0.1s;
  line-height: 1.5;
}
.doc-simple-row:hover { background: #f5f8fb; }
.doc-simple-req { border-color: #C0392B; }
.doc-simple-opt { border-color: #2471A3; }
.doc-simple-req .doc-simple-key { color: #C0392B; }
.doc-simple-opt .doc-simple-key { color: #2471A3; }
.doc-simple-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; }
.doc-simple-key { font-weight: 700; white-space: nowrap; }
.doc-simple-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; }
.doc-simple-optvals { color: #889; font-size: 12px; }
 
/* Filas del bloque ejemplo (generadas por JS) */
.doc-simple-example-val { color: #334; }
 
/* ── Notas al pie ── */
.doc-simple-footer {
  border-top: 0.5px solid #dde6ef;
  padding: 8px 2px 0;
  display: flex; flex-direction: column; gap: 3px;
  margin-top: 4px;
}
.doc-simple-nota {
  font-size: 11.5px; color: #889; line-height: 1.5;
	padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem;
}
.doc-simple-nota ul { list-style: none; padding: 0; margin: 0; }
.doc-simple-nota li::before { content: '→ '; color: #bbc; }

/* ── Responsive ── */
@media (max-width: 520px) {
  .doc-simple-outer { padding: 0.85rem 0.9rem; }
  .doc-simple-card-top { flex-direction: column; align-items: flex-start; gap: 6px; }
  .doc-simple-copy-btn { width: 100%; justify-content: center; }
}

/* ════════════════════════════════════════════════════════
   SELECTOR HORIZONTAL DE PESTAÑAS
   ════════════════════════════════════════════════════════ */
/* ── Contenedor general ── */
.htab-wrap {
  border: 0.5px solid #cdd8e4;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

/* ── Barra superior: color + patrón de puntos ── */
.htab-bar {
  background-color: #D4537E;
  background-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.12) 1.5px,
    transparent 1.5px
  );
  background-size: 20px 20px;
  position: relative;
  overflow: hidden;
  padding: 14px 14px 12px;
  border-bottom: 2.5px solid #993556;
}

/* ── Fondo animado: formas moviéndose de derecha a izquierda ── */
.htab-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.htab-bg-track {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  height: 100%;
  white-space: nowrap;
  animation: htab-marquee 18s linear infinite;
}
@keyframes htab-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Formas del fondo */
.hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); }
.hs-circle  { width: 9px;  height: 9px;  border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; }
.hs-bar     { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); }
.hs-sq      { width: 8px;  height: 8px;  border: 1.5px solid rgba(255,255,255,0.18); }
.hs-tri     { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); }

/* ── Pestañas ── */
.htab-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  position: relative;
  z-index: 1;
}
.htab-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 8px;
  padding: 7px 15px;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: background 0.15s, transform 0.13s, border-color 0.15s;
}
.htab-tab:hover:not(.active) {
  background: rgba(255,255,255,0.25);
  transform: translateY(-2px);
}
.htab-tab.active {
  background: #EF9F27;
  border-color: #BA7517;
  color: #412402;
  transform: translateY(-1px);
}
/* Imágenes wiki dentro de la pestaña como icono */
.htab-tab figure { float: none !important; margin: 0 !important; }
.htab-tab img    { width: 18px; height: auto; display: block; }

/* ── Partículas ── */
.htab-prt {
  position: absolute;
  pointer-events: none;
  z-index: 20;
  border-radius: 50%;
}

/* Click — explosión */
.htab-prt-b {
  animation: htab-burst var(--dur, 0.4s) ease-out forwards;
}
@keyframes htab-burst {
  0%   { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; }
  100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; }
}

/* Hover — flotantes */
.htab-prt-h {
  animation: htab-float var(--dur, 0.65s) ease-out forwards;
}
@keyframes htab-float {
  0%   { transform: translateY(0) translateX(0); opacity: 0.85; }
  100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; }
}

/* ── Área de contenido ── */
.htab-panels {
  background: #fff;
  padding: 22px 22px 18px;
  min-height: 160px;
}
.htab-panel { display: none; }
.htab-panel.active {
  display: block;
  animation: htab-fadein 0.22s ease;
}
@keyframes htab-fadein {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 700px) {
  .htab-bar  { padding: 11px; }
  .htab-tab  { padding: 6px 12px; font-size: 12px; gap: 5px; }
  .htab-panels { padding: 16px; }
}
@media (max-width: 420px) {
  .htab-tab  { padding: 5px 10px; font-size: 11px; }
  .htab-panels { padding: 12px; }
}

/* ════════════════════════════════════════════════════════════════
   WVA - SISTEMA DE SECCIONES DE ARTÍCULO
   ════════════════════════════════════════════════════════════════ */

/* ═══ ANIMACIONES ═══ */
@keyframes wva-in  { from{opacity:0;transform:translateY(10px)}  to{opacity:1;transform:translateY(0)} }
@keyframes wva-sl  { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} }
@keyframes wva-pop { from{opacity:0;transform:scale(0.93)}       to{opacity:1;transform:scale(1)} }
@keyframes wva-bar { from{width:0} to{width:var(--w,100%)} }
@keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} }
@keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} }

/* ══════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════ */
.wva-hero{
  background:var(--pk);position:relative;overflow:hidden;
  padding:28px 24px 44px;border-bottom:3px solid #111;
  clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%);
  margin-bottom:-2px;animation:in 0.6s ease both;
}
.wva-hero-dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px);
  background-size:22px 22px;}
.wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px;
  letter-spacing:10px;animation:glo 2.5s ease-in-out infinite}
.wva-hi{position:relative;z-index:1}
.wva-hi-loc{display:inline-block;background:var(--yw);color:#111;
  font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111;
  line-height:.95;margin-bottom:12px;border:none;padding:0}
.wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px}
.wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px}

/* ══════════════════════════════════════════════════════
   FICHA TÉCNICA — barra de stats oscura
   ══════════════════════════════════════════════════════ */
.wva-ficha {
  background: var(--bk); padding: 16px 20px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
  gap: 16px; border-bottom: var(--bd);
  animation: wva-in .5s ease .08s both;
}
/* Dot pattern sobre negro */
.wva-ficha::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px);
  background-size: 14px 14px;
}
.wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; }
.wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); }
.wva-fb-info strong { color:var(--yw);font-weight:700; }

.wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; }
.wva-sg { font-size:14px;font-weight:900;width:30px; }
.wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; }
.wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; }
.sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)}
.sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)}

/* ══════════════════════════════════════════════════════
   SECTION WRAPPER
   ══════════════════════════════════════════════════════ */
.wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; }
.bg-w   { background:#fff; }
.bg-yw  { background:var(--yw);position:relative; }
.bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; }
.bg-yw &gt; * { position:relative;z-index:1; }
.bg-cr  { background:#FFF8F0; }
.bg-war { background:#FFF5F5; }
.bg-mn  { background:#FFFDE7; }
.bg-sc  { background:#FFF0F8;
  background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; }
.bg-hl  { background:#F0FFF4; }
.bg-mv  { background:#F8F8FF; }
.bg-ar  { background:#F0F9FF; }

/* ══════════════════════════════════════════════════════
   SECTION HEADER
   ══════════════════════════════════════════════════════ */
.wva-sh {
  display:flex;align-items:center;gap:10px;
  padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden;
}
.wva-sh .ico { font-size:17px;flex-shrink:0; }
.wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; }
.wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; }

/* NEGRO + AMARILLO (estilo SQUAD) */
.sh-bk { background:var(--bk); }
.sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; }
.sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; }

/* AMARILLO + NEGRO (estilo VANGUARD) */
.sh-yw { background:var(--yw); }
.sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; }
.sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; }

.sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff}
.sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff}
.sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff}
.sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff}
.sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff}
.sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff}
.sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)}

/* ══════════════════════════════════════════════════════
   SUBHEADER
   ══════════════════════════════════════════════════════ */
.wva-sub {
  display:flex;align-items:center;gap:8px;padding:8px 20px 4px;
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);
}
.wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; }

/* ══════════════════════════════════════════════════════
   BODY / 2 COLS
   ══════════════════════════════════════════════════════ */
.wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; }
.wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; }
.wva-body strong { color:var(--bk);font-weight:700; }

.wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; }
.wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   GRIDS
   ══════════════════════════════════════════════════════ */
.g    { padding:12px 20px; }
.g-2  { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.g-3  { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.g-a  { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; }
.g-r  { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; }
.g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; }

/* ══════════════════════════════════════════════════════
   PRACTICAL TIP CARD
   ══════════════════════════════════════════════════════ */
.ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden;
  transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; }
.ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); }
.ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; }
.ptip-b strong { color:var(--bk);font-weight:700; }

.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }

/* ══════════════════════════════════════════════════════
   TALENT CARD (secretos — estilo squad card)
   ══════════════════════════════════════════════════════ */
.tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px;
  overflow:hidden;position:relative;animation:wva-pop .4s ease both;
  transition:transform .15s,box-shadow .15s;cursor:default; }
.tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); }
.tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; }

.tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;
  padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; }
.tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; }
.tcard-stats { margin-bottom:7px; }
.tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); }
.tsg { font-size:13px;font-weight:900;width:26px; }
.tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; }
.tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; }
.tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; }
.tcard-tags { display:flex;gap:4px;flex-wrap:wrap; }

/* ══════════════════════════════════════════════════════
   REGION CARD
   ══════════════════════════════════════════════════════ */
.rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px;
  border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; }
.rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }
.rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; }

/* ══════════════════════════════════════════════════════
   CITY CARD
   ══════════════════════════════════════════════════════ */
.ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r);
  cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; }
.ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); }
.ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;
  border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; }
.ccard-badge.pk { background:var(--pk);color:#fff; }
.ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; }

/* ══════════════════════════════════════════════════════
   TRANSPORT CARD
   ══════════════════════════════════════════════════════ */
.tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r);
  display:flex;flex-direction:column;gap:6px;cursor:default;
  transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; }
.tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); }
.tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.tport-icon { font-size:24px;line-height:1; }
.tport-name { font-size:13px;font-weight:800;color:var(--bk); }
.tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; }
.tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)}
.tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)}
.tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)}
.tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)}
.tp-bk::before{background:var(--bk)}

/* ══════════════════════════════════════════════════════
   ALERT BOX
   ══════════════════════════════════════════════════════ */
.wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px;
  border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; }
.wva-al + .wva-al { margin-top:8px; }
.wva-al:last-of-type { margin-bottom:12px; }
.a-warn  { border-color:var(--rd); background:#FFF5F5; }
.a-tip   { border-color:var(--cy); background:#F0FDFF; }
.a-ok    { border-color:var(--gn); background:#F0FFF4; }
.a-money { border-color:#F5A000;   background:#FFFDE7; }
.a-info  { border-color:var(--bl); background:#F0F8FF; }
.a-pink  { border-color:var(--pk); background:#FFF0F8; }
.al-em   { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; }
.al-txt  { font-size:12.5px;color:#333;line-height:1.62; }
.al-txt strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   LIST ITEMS
   ══════════════════════════════════════════════════════ */
.wva-list { padding:0 20px 12px; }
.wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08);
  align-items:flex-start;transition:padding-left .14s;cursor:default; }
.wva-li:last-child { border-bottom:none; }
.wva-li:hover { padding-left:6px; }
.wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm);
  display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;
  background:var(--wh);transition:transform .14s; }
.wva-li:hover .wva-li-ico { transform:scale(1.06); }
.wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; }
.wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; }
.wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; }

/* ══════════════════════════════════════════════════════
   NEXT DESTINATIONS
   ══════════════════════════════════════════════════════ */
.wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; }
.ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r);
  padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default;
  transition:background .14s,transform .14s,box-shadow .14s; }
.ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }

/* ══════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════ */
@media (max-width:760px) {
  .wva-hero { grid-template-columns:1fr; }
  .wva-himg { display:none; }
  .wva-hc::after { display:none; }
  .wva-hi-h { font-size:38px; }
  .g-2,.g-3 { grid-template-columns:1fr; }
  .wva-2c { grid-template-columns:1fr; }
  .wva-ficha { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px) {
  .wva-hc { padding:20px 14px 28px; }
  .wva-hi-h { font-size:28px; }
  .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; }
  .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; }
  .wva-al { margin-left:14px;margin-right:14px; }
  .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; }
  .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; }
}</text>
      <sha1>hn4dqse23twyulu2aauljj67ile2uz7</sha1>
    </revision>
    <revision>
      <id>253791</id>
      <parentid>253784</parentid>
      <timestamp>2026-05-23T01:46:40Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253791</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="82188" sha1="knek7swebwtdw1xh8gqu255myzzsrzo" xml:space="preserve">/* ════════════════════════════════
   Función de acordeón tipo FAQ / Funciona con el js correspondiente
   ════════════════════════════════ */
.accordion-content{
    display:none;
}

.accordion-content.active {
    display:block;
}

.accordion-clicky{
    cursor:pointer;
    user-select:none;
}

:root {
  --pk: #FF00BB;  --yw: #FFE600;  --cy: #00BFFF;
  --gn: #00C853;  --or: #FF6B00;  --rd: #FF2200;
  --pu: #7A00FF;  --bl: #0099FF;  --bk: #111111;
  --wh: #FFFFFF;  --mu: #555555;
  --bd:  3px solid #111;
  --bd2: 2.5px solid #111;
  --r:   10px;
  --rsm: 6px;
  --rlg: 16px;
  --font: 'Segoe UI', Arial, sans-serif;
}

.wva-config { box-sizing: border-box; margin: 0; padding: 0; margin: 0 auto; background: var(--wh); border: var(--bd); overflow: hidden; font-family: var(--font)}

/* ── Reset interno ── */
.config-general * { box-sizing: border-box; }
.config-general { font-family: var(--font); line-height: 1.6; }

/* ── Force links icon ── */
.doc-simple-outer a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;])::after,
.config-general a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;]):not([href*=&quot;/File:&quot;]):not([href*=&quot;/Archivo:&quot;])::after {
  content: ' [↗]';
  font-size: 0.78em;
  opacity: 0.55;
  font-weight: normal;
  text-decoration: none;
}
.config-general a:has(img)::after{
    content:none !important;
}
/* El enlace [editar] no participa en el flex */
.config-general .mw-editsection {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
}

/* ════════════════════════════════
   Decorativos inline
   ════════════════════════════════ */
.chip-inline {
  display: inline-block; font-size: 0.69rem; font-weight: 700;
  padding: 1px 8px; border-radius: 20px; margin-top: 3px;
  color: #fff;
}
.badge-inline {
	background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px
			  }
.tag-inline {
  display: inline-block; font-size: 0.72rem; font-weight: 700;
  padding: 3px 10px; border-radius: 20px;
  background: #E6F1FB; color: #006699; margin-top: 0.3rem;
  text-decoration: none; transition: background 0.15s;
}
.tag-inline:hover { background: #c5dff0; }

.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }

/* ════════════════════════════════
   Structures
   ════════════════════════════════ */
.tags-structure { display:flex;gap:5px;flex-wrap:wrap; }

/* ════════════════════════════════
   DocCopiar
   ════════════════════════════════ */
.doc-copiar-wrap {
  border: 1.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1rem;
  font-family: 'Segoe UI', Arial, sans-serif;
}
.doc-copiar-bar {
  background: #f0f4f8;
  border-bottom: 1px solid #cdd8e4;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.doc-copiar-lbl {
  font-size: 11px;
  font-weight: 700;
  color: #667;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.doc-copiar-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  color: #334;
  background: #fff;
  border: 0.5px solid #bbc8d4;
  border-radius: 6px;
  padding: 3px 10px;
  user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
  white-space: nowrap;
}
.doc-copiar-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-copiar-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
.doc-copiar-pre {
  margin: 0;
  padding: 12px 14px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 13px;
  line-height: 1.65;
  color: #2a2a3a;
  white-space: pre-wrap;
  word-break: break-word;
  background: #fff;
  overflow-x: auto;
  border: none;
}
/* ════════════════════════════════
   Plantilla: Tríptico - Código para que funcione bien. Full Responsive
   ════════════════════════════════ */
.triptico {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: stretch;
}

.triptico-wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.triptico-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ── card base ── */
.tc-card {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.tc-card::before {
  content: '';
  display: block;
  padding-top: var(--card-ratio, 100%);
}

.tc-card-inner {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}

/* imagen wiki como fondo */
.tc-card-img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  display: block;
}

.tc-card-img a,
.tc-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  text-decoration: none;
  pointer-events: none;
}

/* enlace que cubre todo el card */
.tc-card-link {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 5;
  display: block;
  background: transparent;
}

.tc-card-link:hover ~ .tc-tag-top,
.tc-card-link:hover ~ .tc-tag-bot {
  background: rgba(0,0,0,0.82);
}

/* ── tags de esquina ── */
.tc-tag-top {
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-tag-bot {
  position: absolute;
  bottom: 0; right: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  text-align: right;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-card-inner:hover .tc-tag-top {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-card-inner:hover .tc-tag-bot {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-tag-top,
.tc-tag-bot {
  transition: background 0.25s;
}

.tc-tag-top::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

.tc-tag-bot::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

/* ── card-vert ── */
.tc-card-vert .tc-card-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.tc-texto-vert {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.3em;
  writing-mode: vertical-rl;
  transform: rotate(180deg) scaleX(1.4);
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  font-size: var(--vert-size, 56px);
  z-index: 3;
  position: relative;
  pointer-events: none;
  margin-right: 14px;
  margin-top: 10px;
  margin-left: 30px;
}

/* ── bloque de texto ── */
.tc-texto {
  width: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
  background: var(--tc-texto-bg, transparent);
  color: var(--tc-texto-color, inherit);
}

/* ── header flotante ── */
.tc-header-wrap {
  position: absolute;
  top: 0;
  left: 0; right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.tc-header {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 22px;
  background: var(--tc-header-bg, #111);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  white-space: nowrap;
  pointer-events: auto;
  transition: background 0.25s;
}

.tc-header::before {
  content: '';
  position: absolute;
  inset: 2px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);
}

.tc-header-accent {
  position: absolute;
  bottom: -3px;
  left: 10px; right: 10px;
  height: 2px;
  background: var(--tc-acento, #e63946);
  transition: background 0.25s;
}

@media (max-width: 900px) {
  .triptico { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .triptico { grid-template-columns: 1fr; }
}

/* tc-tira */
.tc-tira {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex: none;
  min-height: 72px;
  max-height: 110px;
  background: var(--tc-tira-bg, #111);
  overflow: hidden;
}

/* línea de acento superior */
.tc-tira::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--tc-tira-acento, #e63946);
  z-index: 2;
}

/* brillo sutil */
.tc-tira-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.tc-tira-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding: 10px 6px;
  gap: 3px;
  text-align: center;
  transition: background 0.2s;
}

.tc-tira-items {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 3px 0 0 0;
  min-width: 0;
}

.tc-tira-item:hover {
  background: rgba(255,255,255,0.04);
}

.tc-tira-item img,
.tc-tira-item a img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 2px;
}

.tc-tira-item .thumbinner,
.tc-tira-item .thumb,
.tc-tira-item figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-tira-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-valor {
  font-size: 12px;
  font-weight: bold;
  color: var(--tc-tira-txt, #fff);
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-sep {
  width: 1px;
  align-self: stretch;
  background: rgba(255,255,255,0.08);
  flex-shrink: 0;
  margin: 10px 0;
}

/* ── itinerario ── */
.tc-itinerario {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 0 6px 0;
  background: var(--tc-it-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tc-it-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  margin-bottom: 4px;
}

.tc-it-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-it-acento, #e63946);
  flex: 1;
}

.tc-it-total {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}

/* línea de tiempo vertical */
.tc-it-linea {
  position: absolute;
  left: 28px;
  top: 50px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    var(--tc-it-acento, #e63946),
    rgba(255,255,255,0.05)
  );
}

.tc-it-lista {
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.tc-it-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px 14px 8px 48px;
  transition: background 0.2s;
}

.tc-it-item:hover {
  background: rgba(255,255,255,0.03);
}

/* nodo en la línea de tiempo */
.tc-it-nodo {
  position: absolute;
  left: 22px;
  top: 13px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--tc-it-bg, #0d0d0d);
  border: 2px solid var(--tc-it-acento, #e63946);
  box-sizing: border-box;
  z-index: 2;
}

.tc-it-item:first-child .tc-it-nodo {
  background: var(--tc-it-acento, #e63946);
}

/* fila superior: lugar + tiempo */
.tc-it-fila-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}

.tc-it-lugar {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tc-it-tiempo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: var(--tc-it-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* actividad */
.tc-it-actividad {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
  margin-bottom: 4px;
}

/* badges de propiedades */
.tc-it-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.tc-it-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
  line-height: 1.4;
}

.tc-it-badge-acento {
  border-color: var(--tc-it-acento, #e63946);
  color: var(--tc-it-acento, #e63946);
}

/* separador entre items */
.tc-it-item + .tc-it-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 48px; right: 14px;
  height: 1px;
  background: rgba(255,255,255,0.05);
}

/* ════════════════════════════════
   tc-gastronomia
   ════════════════════════════════ */
.tc-gastro {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-gastro-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-gastro-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-gastro-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

.tc-gastro-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  justify-content: space-between;
}

.tc-gastro-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  position: relative;
  transition: background 0.2s;
}

.tc-gastro-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-gastro-item + .tc-gastro-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* foto */
.tc-gastro-foto {
  width: 64px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.tc-gastro-foto img,
.tc-gastro-foto a img {
  width: 64px !important;
  height: 100% !important;
  min-height: 64px;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.tc-gastro-foto .thumbinner,
.tc-gastro-foto .thumb,
.tc-gastro-foto figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
}

/* línea de acento lateral */
.tc-gastro-item::before {
  content: '';
  position: absolute;
  left: 64px;
  top: 0; bottom: 0;
  width: 2px;
  background: var(--tc-gastro-acento, #e63946);
  opacity: 0;
  transition: opacity 0.2s;
}

.tc-gastro-item:hover::before {
  opacity: 1;
}

/* contenido textual */
.tc-gastro-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 12px 10px 14px;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.tc-gastro-nombre {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-gastro-lugar {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-desc {
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  line-height: 1.4;
  margin-top: 2px;
}

.tc-gastro-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 4px;
}

.tc-gastro-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.4);
  line-height: 1.4;
}

.tc-gastro-badge-acento {
  border-color: var(--tc-gastro-acento, #e63946);
  color: var(--tc-gastro-acento, #e63946);
}


/* ════════════════════════════════
   tc-transporte
   ════════════════════════════════ */
.tc-transporte {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-trans-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-trans-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-trans-acento, #1d6fa4);
}

.tc-trans-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

/* secciones: transporte y lugares */
.tc-trans-seccion {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-seccion-label {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding: 7px 14px 4px 14px;
}

.tc-trans-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-trans-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  position: relative;
  transition: background 0.2s;
}

.tc-trans-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-trans-item + .tc-trans-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* icono de transporte o lugar */
.tc-trans-icono {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255,255,255,0.05);
  overflow: hidden;
}

.tc-trans-icono img,
.tc-trans-icono a img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-trans-icono .thumbinner,
.tc-trans-icono .thumb,
.tc-trans-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-trans-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}

.tc-trans-nombre {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-desc {
  font-size: 9px;
  color: rgba(255,255,255,0.4);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-meta {
  font-size: 9px;
  font-weight: bold;
  color: var(--tc-trans-acento, #1d6fa4);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.04em;
}

/* divisor entre secciones */
.tc-trans-div {
  height: 1px;
  background: linear-gradient(
    to right,
    var(--tc-trans-acento, #1d6fa4),
    rgba(255,255,255,0.05)
  );
  margin: 4px 14px;
}

/* badge de lugar destacado */
.tc-trans-estrella {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tc-trans-acento, #1d6fa4);
  flex-shrink: 0;
}

/* texto adaptable según fondo */
.tc-gastro-nombre  { color: var(--tc-gastro-txt, #fff); }
.tc-gastro-desc    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); }
.tc-gastro-badge   { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); 
                     border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); }

.tc-trans-nombre   { color: var(--tc-trans-txt, #fff); }
.tc-trans-desc     { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); }
.tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); }
.tc-trans-subtitulo     { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); }
.tc-gastro-subtitulo    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); }

/* ════════════════════════════════
   tc-callout — base compartida
   ════════════════════════════════ */
.tc-callout {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}

.tc-callout-barra {
  width: 4px;
  flex-shrink: 0;
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  flex: 1;
  min-width: 0;
  background: var(--tc-co-bg, rgba(29,111,164,0.08));
}

.tc-callout-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.tc-callout-icono {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.tc-callout-icono img,
.tc-callout-icono a img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-callout-icono .thumbinner,
.tc-callout-icono .thumb,
.tc-callout-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-callout-tipo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-titulo {
  font-size: 13px;
  font-weight: bold;
  color: var(--tc-co-txt, #fff);
  line-height: 1.3;
}

.tc-callout-texto {
  font-size: 11px;
  line-height: 1.6;
  color: var(--tc-co-txt2, rgba(255,255,255,0.6));
}

.tc-callout-texto a {
  color: var(--tc-co-acento, #1d6fa4);
  text-decoration: none;
}

.tc-callout-texto a:hover {
  text-decoration: underline;
}

.tc-callout-footer {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
  margin-top: 2px;
}

/* ── variante: bloque lleno sin barra lateral ── */
.tc-callout-filled {
  flex-direction: column;
}

.tc-callout-filled .tc-callout-barra {
  width: 100%;
  height: 3px;
}

.tc-callout-filled .tc-callout-body {
  padding: 12px 14px;
}

/* ── variante: destacado con fondo marcado ── */
.tc-callout-solid .tc-callout-body {
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-solid .tc-callout-tipo {
  color: rgba(255,255,255,0.7);
}

.tc-callout-solid .tc-callout-titulo {
  color: #fff;
}

.tc-callout-solid .tc-callout-texto {
  color: rgba(255,255,255,0.75);
}

.tc-callout-solid .tc-callout-footer {
  color: rgba(255,255,255,0.6);
}

.tc-callout-solid .tc-callout-barra {
  background: rgba(0,0,0,0.2);
}

/* ── separador interno ── */
.tc-callout-sep {
  height: 1px;
  background: var(--tc-co-acento, #1d6fa4);
  opacity: 0.2;
  margin: 4px 0;
}

/* ════════════════════════════════
   tc-lista — lista de ítems simple
   ════════════════════════════════ */
.tc-lista {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-lista-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-lista-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-lista-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-lista-acento, #e63946);
}

.tc-lista-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-lista-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  transition: background 0.2s;
  position: relative;
}

.tc-lista-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-lista-item + .tc-lista-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-lista-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tc-lista-acento, #e63946);
  flex-shrink: 0;
}

.tc-lista-txt {
  font-size: 12px;
  color: var(--tc-lista-txt, #fff);
  line-height: 1.4;
  flex: 1;
}

.tc-lista-meta {
  font-size: 10px;
  font-weight: bold;
  color: var(--tc-lista-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ════════════════════════════════
   tc-cita — cita o quote destacado
   ════════════════════════════════ */
.tc-cita {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-cita-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 18px 16px 22px;
  overflow: hidden;
}

.tc-cita-marca {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 52px;
  line-height: 1;
  color: var(--tc-cita-acento, #e63946);
  opacity: 0.25;
  font-family: Georgia, serif;
  pointer-events: none;
  user-select: none;
}

.tc-cita-barra {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--tc-cita-acento, #e63946);
}

.tc-cita-texto {
  font-size: 13px;
  line-height: 1.7;
  color: var(--tc-cita-txt, #fff);
  font-style: italic;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.tc-cita-autor {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-cita-acento, #e63946);
  position: relative;
  z-index: 1;
}

.tc-cita-fuente {
  font-size: 9px;
  color: var(--tc-cita-txt2, rgba(255,255,255,0.35));
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

/* ════════════════════════════════
   tc-stat — estadísticas / cifras
   ════════════════════════════════ */
.tc-stat {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-stat-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-stat-header {
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-stat-acento, #e63946);
}

.tc-stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1;
  min-height: 0;
}

.tc-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  gap: 3px;
  position: relative;
  transition: background 0.2s;
}

.tc-stat-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-stat-item:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item + .tc-stat-item,
.tc-stat-item ~ .tc-stat-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item:nth-child(1),
.tc-stat-item:nth-child(2) {
  border-top: none;
}

.tc-stat-cifra {
  font-size: 22px;
  font-weight: bold;
  color: var(--tc-stat-acento, #e63946);
  line-height: 1;
  letter-spacing: -0.02em;
}

.tc-stat-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.4));
  text-align: center;
  line-height: 1.3;
}

.tc-stat-sub {
  font-size: 9px;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.25));
  text-align: center;
}


/* ════════════════════════════════
   ASISTENTE DE CREACIÓN DE ARTÍCULOS
   ════════════════════════════════ */
/* ════════════════════════════════
   HERO BANNER
   ════════════════════════════════ */
.hero-mascot {
  background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%);
  border-radius: 16px;
  padding: 1.75rem 1.75rem 1.5rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.hero-mascot::before {
  content: ''; position: absolute; top: -50px; right: -40px;
  width: 230px; height: 230px;
  background: rgba(255,255,255,0.06); border-radius: 50%;
}
.hero-mascot::after {
  content: ''; position: absolute; bottom: -70px; left: 28%;
  width: 280px; height: 280px;
  background: rgba(255,255,255,0.04); border-radius: 50%;
}
.hero-mascot-top {
  display: flex; align-items: flex-start; gap: 1.25rem;
  position: relative; z-index: 1;
}
.hero-mascot-mascot { flex-shrink: 0; }
.hero-mascot-mascot img {
  width: 120px; height: auto;
  filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3));
  animation: wvas-float 3.5s ease-in-out infinite;
}
.hero-mascot-title {
  font-size: 1.75rem; font-weight: 800; line-height: 1.2;
  margin: 0 0 0.4rem; color: #fff; border: none; padding: 0;
}
.hero-mascot-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; }
.hero-mascot-divider {
  border: none; border-top: 1px solid rgba(255,255,255,0.22);
  margin: 1.1rem 0 1rem; position: relative; z-index: 1;
}
.hero-mascot-about { position: relative; z-index: 1; }
.hero-mascot-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; }
.hero-mascot-about a { color: #21e82b; font-weight: 700; }
.hero-mascot-about p:last-child { margin: 0; }
 
/* ════════════════════════════════
   IMAGE BANNER (5 fotos + corte diagonal)
   ════════════════════════════════ */
.banner-images-banner {
  display: flex;
  height: 195px;
  border-radius: 14px;
  overflow: hidden;
  background: #004d70;
}
.banner-images-slot {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
  min-width: 0;
}
.banner-images-slot:not(:first-child) {
  clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -22px;
}
.banner-images-slot:nth-child(2) { z-index: 2; }
.banner-images-slot:nth-child(3) { z-index: 3; }
.banner-images-slot:nth-child(4) { z-index: 4; }
.banner-images-slot:nth-child(5) { z-index: 5; }
.banner-images-slot figure,
.banner-images-slot .mw-file-description,
.banner-images-slot a {
  display: block !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
}
.banner-images-slot img {
  display: block !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  margin: 0 !important; border: 0 !important;
  vertical-align: top !important; max-width: none !important;
}
 
/* ════════════════════════════════
   SECTION HEADER
   ════════════════════════════════ */
.wvas-sh {
  display: flex; align-items: center; gap: 0.65rem;
  margin: 1.9rem 0 1rem;
}
.wvas-sh-icon {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; flex-shrink: 0;
}
.wvas-sh h2 {
  font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c;
}
.wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; }

/* ════════════════════════════════
   NORMAS — siempre visibles, con hover
   ════════════════════════════════ */

.wvas-norma {
  border-radius: 12px; padding: 0.9rem 1rem;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 0.7rem;
  align-items: center;
  border: 1.5px solid;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-norma:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.wvas-norma-mascot { width: 90px;  display: flex; align-items: center; justify-content: center; }
.wvas-norma-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-norma-mascot figure { float: none !important; margin: 0 !important; }
.wvas-norma-content { min-width: 0; }
.wvas-norma-title {
  font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
  letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.wvas-norma-text { font-size: 0.82rem; line-height: 1.57; }
.wvas-norma-text a { font-weight: 700; }
.wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.wvas-n-error .wvas-norma-title { color: #A32D2D; }
.wvas-n-error a { color: #A32D2D; }
.wvas-n-warn  { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.wvas-n-warn  .wvas-norma-title { color: #7a4a00; }
.wvas-n-warn  a { color: #854F0B; }
.wvas-n-tip   { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.wvas-n-tip   .wvas-norma-title { color: #0F6E56; }
.wvas-n-tip   a { color: #085041; }
.wvas-n-info  { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.wvas-n-info  .wvas-norma-title { color: #006699; }
.wvas-n-info  a { color: #006699; }
 
/* ════════════════════════════════
   CALLOUT (genérico)
   Grid interno: mascota | contenido (desktop)
                 mascota (arriba) + contenido (abajo) en mobile
   ════════════════════════════════ */
.callout-sable {
  border-radius: 12px; padding: 0.9rem 1.1rem;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.8rem;
  align-items: center;
  border-left: 4px solid;
  transition: box-shadow 0.18s;
}
.callout-sable:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); }
.callout-sable-mascot { width: 80px; display: flex; align-items: center; justify-content: center; }
.callout-sable-mascot img { width: 80px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.callout-sable-mascot figure { float: none !important; margin: 0 !important; }
.callout-sable-content { min-width: 0; }
.callout-sable-title {
  font-weight: 800; font-size: 0.81rem; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.22rem;
}
.callout-sable-body { font-size: 0.85rem; line-height: 1.58; }
.callout-sable-body a { font-weight: 700; text-decoration: none; }
.callout-sable-body a:hover { text-decoration: underline; }
.callout-sable-co-tip    { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; }
.callout-sable-co-tip    .callout-sable-title { color: #0F6E56; }
.callout-sable-co-tip    a { color: #085041; }
.callout-sable-co-info   { background: #E6F1FB; border-color: #006699; color: #042C53; }
.callout-sable-co-info   .callout-sable-title { color: #006699; }
.callout-sable-co-info   a { color: #185FA5; }
.callout-sable-co-warn   { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; }
.callout-sable-co-warn   .callout-sable-title { color: #7a4a00; }
.callout-sable-co-warn   a { color: #854F0B; }
.callout-sable-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; }
.callout-sable-co-purple .callout-sable-title { color: #534AB7; }
.callout-sable-co-purple a { color: #534AB7; }
.callout-sable-co-error  { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; }
.callout-sable-co-error  .callout-sable-title { color: #A32D2D; }
.callout-sable-co-error  a { color: #A32D2D; }
 
/* ════════════════════════════════
   TIPO CARDS — informativas + hover
   ════════════════════════════════ */
.wvas-tipo-card {
  background: #fff; border: 1.5px solid #d0dce8;
  border-radius: 16px; padding: 1.3rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  position: relative; overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  cursor: inherit;
}
.wvas-tipo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,60,100,0.12);
  border-color: #006699;
}
.wvas-tipo-card::after {
  content: ''; position: absolute; bottom: -18px; right: -18px;
  width: 70px; height: 70px; border-radius: 50%;
  background: rgba(0,102,153,0.05);
  transition: transform 0.3s;
}
.wvas-tipo-card:hover::after { transform: scale(1.4); }
.wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; }
.wvas-tipo-icon { flex-shrink: 0; }
.wvas-tipo-icon img { width: 70px; height: auto; }
.wvas-tipo-card h3 {
  font-size: 1.06rem; font-weight: 800; color: #003d5c;
  margin: 0; padding: 0; border: none;
}
.wvas-tipo-desc   { font-size: 0.84rem; color: #445; line-height: 1.57; }
.wvas-tipo-ej     { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.wvas-tc-destino    { border-top: 4px solid #006699; }
.wvas-tc-tematico   { border-top: 4px solid #534AB7; }
.wvas-tc-itinerario { border-top: 4px solid #1D9E75; }
.wvas-tc-conv       { border-top: 4px solid #BA7517; }
 
/* ════════════════════════════════
   Plantilla: Table awesome responsive
   ════════════════════════════════ */
.table-awesome {
  width: 100%; border-collapse: separate; border-spacing: 0;
  border: 1.5px solid #dde6ef; border-radius: 14px;
  overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem;
}
.table-awesome thead tr {
  background: #006699; color: #fff;
}
.table-awesome thead th {
  padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.05em;
  text-align: left; border: none;
}
.table-awesome tbody tr {
  border-bottom: 1px solid #eef1f5;
  transition: background 0.15s;
}
.table-awesome tbody tr:last-child { border-bottom: none; }
.table-awesome tbody tr:hover { background: #f0f7fc; }
.table-awesome td {
  padding: 0.65rem 0.85rem; vertical-align: top;
  border: none; line-height: 1.5;
}
.table-awesome td:first-child {
  white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%;
}
.table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; }
.table-awesome td a:hover { text-decoration: underline; }
.table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; }
 
/* ════════════════════════════════
   WIDGET CREATE PANEL (único por tipo)
   ════════════════════════════════ */
.wvas-create {
  background: #f7fbff; border: 2px dashed #9fc9dd;
  border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem;
  margin: 0.75rem 0; text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.wvas-create:hover {
  border-color: #006699;
  box-shadow: 0 4px 16px rgba(0,102,153,0.1);
}
.wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; }
.wvas-create-mascot img {
  width: 120px; height: auto;
  animation: wvas-float 2.5s ease-in-out infinite;
}
.wvas-create h3 {
  font-size: 1.02rem; font-weight: 800; color: #003d5c;
  margin: 0 0 0.28rem; padding: 0; border: none;
}
.wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; }
 
/* ════════════════════════════════
   NIVELES DE CALIDAD
   ════════════════════════════════ */
.wvas-nivel {
  border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center;
  display: flex; flex-direction: column; gap: 0.3rem;
  border: 1.5px solid transparent;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-nivel:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; }
.wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; }
.wvas-nivel p  { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; }
.wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; }
.wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; }
.wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; }
.wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; }
 
/* ════════════════════════════════
   CHECKLIST PRE-PUBLICACIÓN
   ════════════════════════════════ */
.wvas-checklist {
  background: #fff; border: 1.5px solid #c8e6c8;
  border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem;
}
.wvas-checklist-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-checklist-header img { width: 36px; height: auto; }
.wvas-checklist-header h3 {
  font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none;
}
.wvas-check-list { list-style: none; padding: 0; margin: 0; }
.wvas-check-list li {
  display: flex; align-items: flex-start; gap: 0.65rem;
  font-size: 0.84rem; padding: 0.38rem 0;
  border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5;
  transition: background 0.12s;
}
.wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; }
.wvas-check-list li:last-child { border-bottom: none; }
.wvas-check-list li::before {
  content: '✓';   
  width: 20px; height: 20px; border-radius: 50%;
  background: #E1F5EE; border: 1.5px solid #1D9E75;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: #1D9E75; flex-shrink: 0;
  font-weight: 900; margin-top: 2px; 
}
 
/* ════════════════════════════════
   AYUDA — LINKS + hover
   ════════════════════════════════ */
.wvas-ayuda-card {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 12px; padding: 1rem 0.9rem;
  text-align: center; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; align-items: center; gap: 0.38rem;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.wvas-ayuda-card:hover {
  border-color: #006699;
  box-shadow: 0 4px 14px rgba(0,102,153,0.12);
  transform: translateY(-2px);
}
.wvas-ayuda-card img  { width: 80px; height: auto; }
.wvas-ayuda-card h4   { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; }
.wvas-ayuda-card p    { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; }
 
/* ════════════════════════════════
   REFERENCIA ARTÍCULOS ACEPTABLES
   ════════════════════════════════ */
.wvas-ref-box {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem;
}
.wvas-ref-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-ref-header img { width: 36px; height: auto; }
.wvas-ref-header h3  {
  font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none;
}
.wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
.wvas-ref-col-title {
  font-size: 0.78rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.5rem;
}
.callout-sable-col-ok  .wvas-ref-col-title { color: #1D9E75; }
.callout-sable-col-bad .wvas-ref-col-title { color: #A32D2D; }
.wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; }
.wvas-ref-list li {
  font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px;
  align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45;
  transition: background 0.12s;
}
.wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; }
.wvas-ref-list li:last-child { border-bottom: none; }
.callout-sable-col-ok  .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; }
.callout-sable-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; }
.wvas-ref-nota {
  font-size: 0.78rem; color: #666; padding-top: 0.5rem;
  border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; }
.wvas-ref-nota li::before { content: '· '; }
 
/* ════════════════════════════════
   ANIMACIÓN FLOTANTE
   ════════════════════════════════ */
@keyframes wvas-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-7px); }
}
 
/* ════════════════════════════════════════════════════════
   ESTRUCTURAS EN COLUMNAS RESPONSIVE
   ════════════════════════════════════════════════════════ */
.cols-2-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 14px; margin-bottom: 1.5rem;
}
.cols-20-80-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 0;
  border: 0.5px solid #dde6ef;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.cols-3-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px; margin-bottom: 1rem;
}
.cols-4-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8px; margin-bottom: 1rem;
}
/* ════════════════════════════════════════════════════════
   RESPONSIVE (GENERAL)
   ════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  .hero-mascot-title  { font-size: 1.45rem; }
  .wvas-tipo-grid     { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .wvas-ayuda-grid    { grid-template-columns: repeat(2, 1fr); }
  .banner-images-banner    { height: 130px; }
  .table-awesome { font-size: 0.79rem; }
 
  /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */
  .callout-sable {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-norma {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .callout-sable-mascot,
  .wvas-norma-mascot {
    width: auto;
  }
  .callout-sable-content,
  .wvas-norma-content {
    width: 100%;
    text-align: left;   /* el texto interior alineado a la izquierda */
  }
  .callout-sable-title,
  .wvas-norma-title {
    text-align: center; /* solo el título centrado */
  }
}
@media (max-width: 700px) {
  .cols-20-80-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .sp-sidebar {
    border-right: none;
    border-bottom: 0.5px solid #dde6ef;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 8px;
    gap: 6px;
  }
  .sp-sidebar-label,
  .sp-sidebar-foot { display: none; }
  .sp-item {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
    padding: 8px 10px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 3px;
  }
  /* En mobile el indicador es borde inferior */
  .sp-item.active::after { display: none; }
  .sp-item.active { border-bottom: 2px solid #006699; }
  .sp-item-icon img { margin: 0 auto; }
  .sp-item-hint { display: none; }
  .sp-content { padding: 16px; }
}
@media (max-width: 520px) {
  .hero-mascot-top      { flex-direction: column; gap: 0.75rem; }
  .hero-mascot-mascot img { width: 66px; }
  .hero-mascot-title  { font-size: 1.22rem; }
  .banner-images-banner    { height: 95px; border-radius: 10px; }
  .wvas-ref-cols      { grid-template-columns: 1fr; }
  .wvas-ayuda-grid    { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .table-awesome thead { display: none; }
  .table-awesome td { display: block; padding: 0.3rem 0.7rem; }
  .table-awesome td:first-child { padding-top: 0.7rem; }
  .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; }
}
@media (max-width: 420px) {
  .sp-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
   SELECTOR PANEL (20% / 80%)
   ════════════════════════════════ */
.sp-sidebar {
  background: #f5f7fa;
  border-right: 0.5px solid #dde6ef;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sp-sidebar-label {
  font-size: 11px;
  font-weight: 700;
  color: #9aa5b4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.sp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: 0.5px solid transparent;
  transition: background 0.15s, border-color 0.15s;
  user-select: none;
  position: relative;
}
.sp-item:hover {
  background: #fff;
  border-color: #c5d0dc;
}
.sp-item.active {
  background: #fff;
  border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.sp-item.active::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 20%;
  height: 60%;
  width: 2.5px;
  background: #006699;
  border-radius: 2px 0 0 2px;
}
.sp-item-icon {
  font-size: 20px;
  flex-shrink: 0;
  color: #9aa5b4;
  transition: color 0.15s;
  width: 22px;
  text-align: center;
}
/* Soporte para imagen wiki como icono */
.sp-item-icon img {
  width: 22px;
  height: auto;
  display: block;
  opacity: 0.55;
  transition: opacity 0.15s;
}
.sp-item.active .sp-item-icon { color: #006699; }
.sp-item.active .sp-item-icon img { opacity: 1; }
.sp-item-name {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  line-height: 1.3;
}
.sp-item-hint {
  font-size: 11px;
  color: #9aa5b4;
  margin-top: 1px;
}
/* Hint inferior del sidebar */
.sp-sidebar-foot {
  font-size: 11px;
  color: #b0bec5;
  text-align: center;
  padding: 6px 0 2px;
  margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.sp-content {
  padding: 20px 24px;
  overflow-y: auto;
  min-height: 300px;
}
.sp-panel { display: none; }
.sp-panel.active { display: block; }

/* ════════════════════════════════════════════════════════
   SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE
   ════════════════════════════════════════════════════════ */

/* ── Caja exterior que envuelve todo ── */
.doc-simple-outer {
  background: #f8f9fb;
  border: 1.5px solid #d8e2ec;
  border-radius: 14px;
  padding: 1.1rem 1.25rem 1rem;
  margin-bottom: 1.5rem;
  font-family: 'Segoe UI', Arial, sans-serif;
  max-width: 700px;
}
 
/* ── Introducción ── */
.doc-simple-intro { margin-bottom: 12px; }
.doc-simple-intro-top { display: flex; align-items: flex-start; gap: 10px; }
.doc-simple-tname-head {
  font-size: 1rem; font-weight: 700; color: #003d5c;
  margin: 0 0 4px; padding: 0; border: none;
}
.doc-simple-desc {
  font-size: 0.84rem; color: #445;
  line-height: 1.6; margin: 0 0 8px;
}
.doc-simple-hint {
  font-size: 0.8rem; color: #778;
  line-height: 1.5; margin: 0 0 10px;
}
.doc-simple-req-inline { color: #C0392B; font-weight: 600; }
.doc-simple-opt-inline { color: #2471A3; font-weight: 600; }
 
/* ── Leyenda ── */
.doc-simple-legend {
  display: flex; gap: 14px; flex-wrap: wrap;
  margin-bottom: 12px;
}
.doc-simple-leg {
  display: flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 600;
}
.doc-simple-leg::before {
  content: ''; width: 3px; height: 13px;
  border-radius: 2px; flex-shrink: 0; display: inline-block;
}
.doc-simple-req-leg { color: #C0392B; }
.doc-simple-req-leg::before { background: #C0392B; }
.doc-simple-opt-leg { color: #2471A3; }
.doc-simple-opt-leg::before { background: #2471A3; }
 
/* ── Cards (sintaxis y ejemplo) ── */
.doc-simple-card {
  background: #fff;
  border: 0.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.doc-simple-example-card { margin-bottom: 10px; }
 
/* ── Cabecera de card ── */
.doc-simple-card-top {
  background: #f0f4f8;
  border-bottom: 0.5px solid #cdd8e4;
  padding: 6px 12px;
  display: flex; align-items: center;
  justify-content: space-between; gap: 8px;
}
.doc-simple-card-label {
  font-size: 11px; font-weight: 700; color: #667;
  text-transform: uppercase; letter-spacing: 0.06em;
}
.doc-simple-card-label.example-label { color: #2471A3; }
 
/* ── Botón copiar ── */
.doc-simple-copy-btn {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11.5px; font-weight: 600; cursor: pointer;
  color: #334; background: #fff;
  border: 0.5px solid #bbc8d4; border-radius: 6px;
  padding: 3px 10px; user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
}
.doc-simple-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-simple-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
 
/* ── Bloque de código ── */
.doc-simple-block {
  padding: 6px 0 8px;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.35;
}
.doc-simple-block-open,
.doc-simple-block-close {
  padding: 3px 12px;
  color: #aab;
}
.doc-simple-blockname { color: #003d5c; font-weight: 600; }
.doc-simple-brace { color: #bbc; }
 
/* ── Filas de parámetros ── */
.doc-simple-params { padding: 0; }
.doc-simple-params &gt; * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.doc-simple-params p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.doc-simple-row {
  display: flex; align-items: baseline;
  padding: 2px 12px 2px 9px;
  border-left: 3px solid transparent;
  transition: background 0.1s;
  line-height: 1.5;
}
.doc-simple-row:hover { background: #f5f8fb; }
.doc-simple-req { border-color: #C0392B; }
.doc-simple-opt { border-color: #2471A3; }
.doc-simple-req .doc-simple-key { color: #C0392B; }
.doc-simple-opt .doc-simple-key { color: #2471A3; }
.doc-simple-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; }
.doc-simple-key { font-weight: 700; white-space: nowrap; }
.doc-simple-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; }
.doc-simple-optvals { color: #889; font-size: 12px; }
 
/* Filas del bloque ejemplo (generadas por JS) */
.doc-simple-example-val { color: #334; }
 
/* ── Notas al pie ── */
.doc-simple-footer {
  border-top: 0.5px solid #dde6ef;
  padding: 8px 2px 0;
  display: flex; flex-direction: column; gap: 3px;
  margin-top: 4px;
}
.doc-simple-nota {
  font-size: 11.5px; color: #889; line-height: 1.5;
	padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem;
}
.doc-simple-nota ul { list-style: none; padding: 0; margin: 0; }
.doc-simple-nota li::before { content: '→ '; color: #bbc; }

/* ── Responsive ── */
@media (max-width: 520px) {
  .doc-simple-outer { padding: 0.85rem 0.9rem; }
  .doc-simple-card-top { flex-direction: column; align-items: flex-start; gap: 6px; }
  .doc-simple-copy-btn { width: 100%; justify-content: center; }
}

/* ════════════════════════════════════════════════════════
   SELECTOR HORIZONTAL DE PESTAÑAS
   ════════════════════════════════════════════════════════ */
/* ── Contenedor general ── */
.htab-wrap {
  border: 0.5px solid #cdd8e4;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

/* ── Barra superior: color + patrón de puntos ── */
.htab-bar {
  background-color: #D4537E;
  background-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.12) 1.5px,
    transparent 1.5px
  );
  background-size: 20px 20px;
  position: relative;
  overflow: hidden;
  padding: 14px 14px 12px;
  border-bottom: 2.5px solid #993556;
}

/* ── Fondo animado: formas moviéndose de derecha a izquierda ── */
.htab-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.htab-bg-track {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  height: 100%;
  white-space: nowrap;
  animation: htab-marquee 18s linear infinite;
}
@keyframes htab-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Formas del fondo */
.hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); }
.hs-circle  { width: 9px;  height: 9px;  border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; }
.hs-bar     { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); }
.hs-sq      { width: 8px;  height: 8px;  border: 1.5px solid rgba(255,255,255,0.18); }
.hs-tri     { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); }

/* ── Pestañas ── */
.htab-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  position: relative;
  z-index: 1;
}
.htab-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 8px;
  padding: 7px 15px;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: background 0.15s, transform 0.13s, border-color 0.15s;
}
.htab-tab:hover:not(.active) {
  background: rgba(255,255,255,0.25);
  transform: translateY(-2px);
}
.htab-tab.active {
  background: #EF9F27;
  border-color: #BA7517;
  color: #412402;
  transform: translateY(-1px);
}
/* Imágenes wiki dentro de la pestaña como icono */
.htab-tab figure { float: none !important; margin: 0 !important; }
.htab-tab img    { width: 18px; height: auto; display: block; }

/* ── Partículas ── */
.htab-prt {
  position: absolute;
  pointer-events: none;
  z-index: 20;
  border-radius: 50%;
}

/* Click — explosión */
.htab-prt-b {
  animation: htab-burst var(--dur, 0.4s) ease-out forwards;
}
@keyframes htab-burst {
  0%   { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; }
  100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; }
}

/* Hover — flotantes */
.htab-prt-h {
  animation: htab-float var(--dur, 0.65s) ease-out forwards;
}
@keyframes htab-float {
  0%   { transform: translateY(0) translateX(0); opacity: 0.85; }
  100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; }
}

/* ── Área de contenido ── */
.htab-panels {
  background: #fff;
  padding: 22px 22px 18px;
  min-height: 160px;
}
.htab-panel { display: none; }
.htab-panel.active {
  display: block;
  animation: htab-fadein 0.22s ease;
}
@keyframes htab-fadein {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 700px) {
  .htab-bar  { padding: 11px; }
  .htab-tab  { padding: 6px 12px; font-size: 12px; gap: 5px; }
  .htab-panels { padding: 16px; }
}
@media (max-width: 420px) {
  .htab-tab  { padding: 5px 10px; font-size: 11px; }
  .htab-panels { padding: 12px; }
}

/* ════════════════════════════════════════════════════════════════
   WVA - SISTEMA DE SECCIONES DE ARTÍCULO
   ════════════════════════════════════════════════════════════════ */

/* ═══ ANIMACIONES ═══ */
@keyframes wva-in  { from{opacity:0;transform:translateY(10px)}  to{opacity:1;transform:translateY(0)} }
@keyframes wva-sl  { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} }
@keyframes wva-pop { from{opacity:0;transform:scale(0.93)}       to{opacity:1;transform:scale(1)} }
@keyframes wva-bar { from{width:0} to{width:var(--w,100%)} }
@keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} }
@keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} }

/* ══════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════ */
.wva-hero{
  background:var(--pk);position:relative;overflow:hidden;
  padding:28px 24px 44px;border-bottom:3px solid #111;
  clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%);
  margin-bottom:-2px;animation:in 0.6s ease both;
}
.wva-hero-dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px);
  background-size:22px 22px;}
.wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px;
  letter-spacing:10px;animation:glo 2.5s ease-in-out infinite}
.wva-hi{position:relative;z-index:1}
.wva-hi-loc{display:inline-block;background:var(--yw);color:#111;
  font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111;
  line-height:.95;margin-bottom:12px;border:none;padding:0}
.wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px}
.wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px}

/* ══════════════════════════════════════════════════════
   FICHA TÉCNICA — barra de stats oscura
   ══════════════════════════════════════════════════════ */
.wva-ficha {
  background: var(--bk); padding: 16px 20px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
  gap: 16px; border-bottom: var(--bd);
  animation: wva-in .5s ease .08s both;
}
/* Dot pattern sobre negro */
.wva-ficha::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px);
  background-size: 14px 14px;
}
.wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; }
.wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); }
.wva-fb-info strong { color:var(--yw);font-weight:700; }

.wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; }
.wva-sg { font-size:14px;font-weight:900;width:30px; }
.wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; }
.wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; }
.sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)}
.sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)}

/* ══════════════════════════════════════════════════════
   SECTION WRAPPER
   ══════════════════════════════════════════════════════ */
.wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; }
.bg-w   { background:#fff; }
.bg-yw  { background:var(--yw);position:relative; }
.bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; }
.bg-yw &gt; * { position:relative;z-index:1; }
.bg-cr  { background:#FFF8F0; }
.bg-war { background:#FFF5F5; }
.bg-mn  { background:#FFFDE7; }
.bg-sc  { background:#FFF0F8;
  background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; }
.bg-hl  { background:#F0FFF4; }
.bg-mv  { background:#F8F8FF; }
.bg-ar  { background:#F0F9FF; }

/* ══════════════════════════════════════════════════════
   SECTION HEADER
   ══════════════════════════════════════════════════════ */
.wva-sh {
  display:flex;align-items:center;gap:10px;
  padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden;
}
.wva-sh .ico { font-size:17px;flex-shrink:0; }
.wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; }
.wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; }

/* NEGRO + AMARILLO (estilo SQUAD) */
.sh-bk { background:var(--bk); }
.sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; }
.sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; }

/* AMARILLO + NEGRO (estilo VANGUARD) */
.sh-yw { background:var(--yw); }
.sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; }
.sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; }

.sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff}
.sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff}
.sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff}
.sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff}
.sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff}
.sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff}
.sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)}

/* ══════════════════════════════════════════════════════
   SUBHEADER
   ══════════════════════════════════════════════════════ */
.wva-sub {
  display:flex;align-items:center;gap:8px;padding:8px 20px 4px;
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);
}
.wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; }

/* ══════════════════════════════════════════════════════
   BODY / 2 COLS
   ══════════════════════════════════════════════════════ */
.wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; }
.wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; }
.wva-body strong { color:var(--bk);font-weight:700; }

.wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; }
.wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   GRIDS
   ══════════════════════════════════════════════════════ */
.g    { padding:12px 20px; }
.g-2  { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.g-3  { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.g-a  { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; }
.g-r  { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; }
.g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; }

/* ══════════════════════════════════════════════════════
   PRACTICAL TIP CARD
   ══════════════════════════════════════════════════════ */
.ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden;
  transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; }
.ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); }
.ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; }
.ptip-b strong { color:var(--bk);font-weight:700; }

.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }

/* ══════════════════════════════════════════════════════
   TALENT CARD (secretos — estilo squad card)
   ══════════════════════════════════════════════════════ */
.tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px;
  overflow:hidden;position:relative;animation:wva-pop .4s ease both;
  transition:transform .15s,box-shadow .15s;cursor:default; }
.tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); }
.tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; }

.tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;
  padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; }
.tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; }
.tcard-stats { margin-bottom:7px; }
.tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); }
.tsg { font-size:13px;font-weight:900;width:26px; }
.tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; }
.tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; }
.tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; }
.tcard-tags { display:flex;gap:4px;flex-wrap:wrap; }

/* ══════════════════════════════════════════════════════
   REGION CARD
   ══════════════════════════════════════════════════════ */
.rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px;
  border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; }
.rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }
.rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; }

/* ══════════════════════════════════════════════════════
   CITY CARD
   ══════════════════════════════════════════════════════ */
.ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r);
  cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; }
.ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); }
.ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;
  border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; }
.ccard-badge.pk { background:var(--pk);color:#fff; }
.ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; }

/* ══════════════════════════════════════════════════════
   TRANSPORT CARD
   ══════════════════════════════════════════════════════ */
.tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r);
  display:flex;flex-direction:column;gap:6px;cursor:default;
  transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; }
.tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); }
.tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.tport-icon { font-size:24px;line-height:1; }
.tport-name { font-size:13px;font-weight:800;color:var(--bk); }
.tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; }
.tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)}
.tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)}
.tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)}
.tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)}
.tp-bk::before{background:var(--bk)}

/* ══════════════════════════════════════════════════════
   ALERT BOX
   ══════════════════════════════════════════════════════ */
.wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px;
  border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; }
.wva-al + .wva-al { margin-top:8px; }
.wva-al:last-of-type { margin-bottom:12px; }
.a-warn  { border-color:var(--rd); background:#FFF5F5; }
.a-tip   { border-color:var(--cy); background:#F0FDFF; }
.a-ok    { border-color:var(--gn); background:#F0FFF4; }
.a-money { border-color:#F5A000;   background:#FFFDE7; }
.a-info  { border-color:var(--bl); background:#F0F8FF; }
.a-pink  { border-color:var(--pk); background:#FFF0F8; }
.al-em   { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; }
.al-txt  { font-size:12.5px;color:#333;line-height:1.62; }
.al-txt strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   LIST ITEMS
   ══════════════════════════════════════════════════════ */
.wva-list { padding:0 20px 12px; }
.wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08);
  align-items:flex-start;transition:padding-left .14s;cursor:default; }
.wva-li:last-child { border-bottom:none; }
.wva-li:hover { padding-left:6px; }
.wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm);
  display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;
  background:var(--wh);transition:transform .14s; }
.wva-li:hover .wva-li-ico { transform:scale(1.06); }
.wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; }
.wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; }
.wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; }

/* ══════════════════════════════════════════════════════
   NEXT DESTINATIONS
   ══════════════════════════════════════════════════════ */
.wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; }
.ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r);
  padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default;
  transition:background .14s,transform .14s,box-shadow .14s; }
.ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }

/* ══════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════ */
@media (max-width:760px) {
  .wva-hero { grid-template-columns:1fr; }
  .wva-himg { display:none; }
  .wva-hc::after { display:none; }
  .wva-hi-h { font-size:38px; }
  .g-2,.g-3 { grid-template-columns:1fr; }
  .wva-2c { grid-template-columns:1fr; }
  .wva-ficha { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px) {
  .wva-hc { padding:20px 14px 28px; }
  .wva-hi-h { font-size:28px; }
  .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; }
  .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; }
  .wva-al { margin-left:14px;margin-right:14px; }
  .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; }
  .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; }
}</text>
      <sha1>knek7swebwtdw1xh8gqu255myzzsrzo</sha1>
    </revision>
    <revision>
      <id>253793</id>
      <parentid>253791</parentid>
      <timestamp>2026-05-23T01:51:45Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253793</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="82165" sha1="1tjty5q9emqobyof7ca3sql1w9hndhx" xml:space="preserve">/* ════════════════════════════════
   Función de acordeón tipo FAQ / Funciona con el js correspondiente
   ════════════════════════════════ */
.accordion-content{
    display:none;
}

.accordion-content.active {
    display:block;
}

.accordion-clicky{
    cursor:pointer;
    user-select:none;
}

:root {
  --pk: #FF00BB;  --yw: #FFE600;  --cy: #00BFFF;
  --gn: #00C853;  --or: #FF6B00;  --rd: #FF2200;
  --pu: #7A00FF;  --bl: #0099FF;  --bk: #111111;
  --wh: #FFFFFF;  --mu: #555555;
  --bd:  3px solid #111;
  --bd2: 2.5px solid #111;
  --r:   10px;
  --rsm: 6px;
  --rlg: 16px;
  --font: 'Segoe UI', Arial, sans-serif;
}

.wva-config { box-sizing: border-box; margin: 0; padding: 0; margin: 0 auto; background: var(--wh); border: var(--bd); overflow: hidden; font-family: var(--font)}

/* ── Reset interno ── */
.config-general * { box-sizing: border-box; }
.config-general { font-family: var(--font); line-height: 1.6; }

/* ── Force links icon ── */
.doc-simple-outer a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;])::after,
.config-general a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;]):not([href*=&quot;/File:&quot;]):not([href*=&quot;/Archivo:&quot;])::after {
  content: ' [↗]';
  font-size: 0.78em;
  opacity: 0.55;
  font-weight: normal;
  text-decoration: none;
}
.config-general a:has(img)::after{
    content:none !important;
}
/* El enlace [editar] no participa en el flex */
.config-general .mw-editsection {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
}

/* ════════════════════════════════
   Decorativos inline
   ════════════════════════════════ */
.chip-inline {
  display: inline-block; font-size: 0.69rem; font-weight: 700;
  padding: 1px 8px; border-radius: 20px; margin-top: 3px;
  color: #fff;
}
.badge-inline {
	background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px
			  }
.tag-inline {
  display: inline-block; font-size: 0.72rem; font-weight: 700;
  padding: 3px 10px; border-radius: 20px;
  background: #E6F1FB; color: #006699; margin-top: 0.3rem;
  text-decoration: none; transition: background 0.15s;
}
.tag-inline:hover { background: #c5dff0; }

.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }

/* ════════════════════════════════
   Structures
   ════════════════════════════════ */
.tags-structure { display:flex;gap:5px;flex-wrap:wrap; }

/* ════════════════════════════════
   DocCopiar
   ════════════════════════════════ */
.doc-copiar-wrap {
  border: 1.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1rem;
  font-family: 'Segoe UI', Arial, sans-serif;
}
.doc-copiar-bar {
  background: #f0f4f8;
  border-bottom: 1px solid #cdd8e4;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.doc-copiar-lbl {
  font-size: 11px;
  font-weight: 700;
  color: #667;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.doc-copiar-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  color: #334;
  background: #fff;
  border: 0.5px solid #bbc8d4;
  border-radius: 6px;
  padding: 3px 10px;
  user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
  white-space: nowrap;
}
.doc-copiar-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-copiar-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
.doc-copiar-pre {
  margin: 0;
  padding: 12px 14px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 13px;
  line-height: 1.65;
  color: #2a2a3a;
  white-space: pre-wrap;
  word-break: break-word;
  background: #fff;
  overflow-x: auto;
  border: none;
}
/* ════════════════════════════════
   Plantilla: Tríptico - Código para que funcione bien. Full Responsive
   ════════════════════════════════ */
.triptico {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: stretch;
}

.triptico-wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.triptico-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ── card base ── */
.tc-card {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.tc-card::before {
  content: '';
  display: block;
  padding-top: var(--card-ratio, 100%);
}

.tc-card-inner {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}

/* imagen wiki como fondo */
.tc-card-img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  display: block;
}

.tc-card-img a,
.tc-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  text-decoration: none;
  pointer-events: none;
}

/* enlace que cubre todo el card */
.tc-card-link {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 5;
  display: block;
  background: transparent;
}

.tc-card-link:hover ~ .tc-tag-top,
.tc-card-link:hover ~ .tc-tag-bot {
  background: rgba(0,0,0,0.82);
}

/* ── tags de esquina ── */
.tc-tag-top {
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-tag-bot {
  position: absolute;
  bottom: 0; right: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  text-align: right;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-card-inner:hover .tc-tag-top {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-card-inner:hover .tc-tag-bot {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-tag-top,
.tc-tag-bot {
  transition: background 0.25s;
}

.tc-tag-top::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

.tc-tag-bot::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

/* ── card-vert ── */
.tc-card-vert .tc-card-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.tc-texto-vert {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.3em;
  writing-mode: vertical-rl;
  transform: rotate(180deg) scaleX(1.4);
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  font-size: var(--vert-size, 56px);
  z-index: 3;
  position: relative;
  pointer-events: none;
  margin-right: 14px;
  margin-top: 10px;
  margin-left: 30px;
}

/* ── bloque de texto ── */
.tc-texto {
  width: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
  background: var(--tc-texto-bg, transparent);
  color: var(--tc-texto-color, inherit);
}

/* ── header flotante ── */
.tc-header-wrap {
  position: absolute;
  top: 0;
  left: 0; right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.tc-header {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 22px;
  background: var(--tc-header-bg, #111);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  white-space: nowrap;
  pointer-events: auto;
  transition: background 0.25s;
}

.tc-header::before {
  content: '';
  position: absolute;
  inset: 2px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);
}

.tc-header-accent {
  position: absolute;
  bottom: -3px;
  left: 10px; right: 10px;
  height: 2px;
  background: var(--tc-acento, #e63946);
  transition: background 0.25s;
}

@media (max-width: 900px) {
  .triptico { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .triptico { grid-template-columns: 1fr; }
}

/* tc-tira */
.tc-tira {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex: none;
  min-height: 72px;
  max-height: 110px;
  background: var(--tc-tira-bg, #111);
  overflow: hidden;
}

/* línea de acento superior */
.tc-tira::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--tc-tira-acento, #e63946);
  z-index: 2;
}

/* brillo sutil */
.tc-tira-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.tc-tira-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding: 10px 6px;
  gap: 3px;
  text-align: center;
  transition: background 0.2s;
}

.tc-tira-items {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 3px 0 0 0;
  min-width: 0;
}

.tc-tira-item:hover {
  background: rgba(255,255,255,0.04);
}

.tc-tira-item img,
.tc-tira-item a img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 2px;
}

.tc-tira-item .thumbinner,
.tc-tira-item .thumb,
.tc-tira-item figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-tira-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-valor {
  font-size: 12px;
  font-weight: bold;
  color: var(--tc-tira-txt, #fff);
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-sep {
  width: 1px;
  align-self: stretch;
  background: rgba(255,255,255,0.08);
  flex-shrink: 0;
  margin: 10px 0;
}

/* ── itinerario ── */
.tc-itinerario {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 0 6px 0;
  background: var(--tc-it-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tc-it-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  margin-bottom: 4px;
}

.tc-it-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-it-acento, #e63946);
  flex: 1;
}

.tc-it-total {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}

/* línea de tiempo vertical */
.tc-it-linea {
  position: absolute;
  left: 28px;
  top: 50px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    var(--tc-it-acento, #e63946),
    rgba(255,255,255,0.05)
  );
}

.tc-it-lista {
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.tc-it-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px 14px 8px 48px;
  transition: background 0.2s;
}

.tc-it-item:hover {
  background: rgba(255,255,255,0.03);
}

/* nodo en la línea de tiempo */
.tc-it-nodo {
  position: absolute;
  left: 22px;
  top: 13px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--tc-it-bg, #0d0d0d);
  border: 2px solid var(--tc-it-acento, #e63946);
  box-sizing: border-box;
  z-index: 2;
}

.tc-it-item:first-child .tc-it-nodo {
  background: var(--tc-it-acento, #e63946);
}

/* fila superior: lugar + tiempo */
.tc-it-fila-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}

.tc-it-lugar {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tc-it-tiempo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: var(--tc-it-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* actividad */
.tc-it-actividad {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
  margin-bottom: 4px;
}

/* badges de propiedades */
.tc-it-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.tc-it-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
  line-height: 1.4;
}

.tc-it-badge-acento {
  border-color: var(--tc-it-acento, #e63946);
  color: var(--tc-it-acento, #e63946);
}

/* separador entre items */
.tc-it-item + .tc-it-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 48px; right: 14px;
  height: 1px;
  background: rgba(255,255,255,0.05);
}

/* ════════════════════════════════
   tc-gastronomia
   ════════════════════════════════ */
.tc-gastro {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-gastro-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-gastro-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-gastro-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

.tc-gastro-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  justify-content: space-between;
}

.tc-gastro-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  position: relative;
  transition: background 0.2s;
}

.tc-gastro-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-gastro-item + .tc-gastro-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* foto */
.tc-gastro-foto {
  width: 64px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.tc-gastro-foto img,
.tc-gastro-foto a img {
  width: 64px !important;
  height: 100% !important;
  min-height: 64px;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.tc-gastro-foto .thumbinner,
.tc-gastro-foto .thumb,
.tc-gastro-foto figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
}

/* línea de acento lateral */
.tc-gastro-item::before {
  content: '';
  position: absolute;
  left: 64px;
  top: 0; bottom: 0;
  width: 2px;
  background: var(--tc-gastro-acento, #e63946);
  opacity: 0;
  transition: opacity 0.2s;
}

.tc-gastro-item:hover::before {
  opacity: 1;
}

/* contenido textual */
.tc-gastro-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 12px 10px 14px;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.tc-gastro-nombre {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-gastro-lugar {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-desc {
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  line-height: 1.4;
  margin-top: 2px;
}

.tc-gastro-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 4px;
}

.tc-gastro-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.4);
  line-height: 1.4;
}

.tc-gastro-badge-acento {
  border-color: var(--tc-gastro-acento, #e63946);
  color: var(--tc-gastro-acento, #e63946);
}


/* ════════════════════════════════
   tc-transporte
   ════════════════════════════════ */
.tc-transporte {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-trans-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-trans-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-trans-acento, #1d6fa4);
}

.tc-trans-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

/* secciones: transporte y lugares */
.tc-trans-seccion {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-seccion-label {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding: 7px 14px 4px 14px;
}

.tc-trans-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-trans-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  position: relative;
  transition: background 0.2s;
}

.tc-trans-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-trans-item + .tc-trans-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* icono de transporte o lugar */
.tc-trans-icono {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255,255,255,0.05);
  overflow: hidden;
}

.tc-trans-icono img,
.tc-trans-icono a img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-trans-icono .thumbinner,
.tc-trans-icono .thumb,
.tc-trans-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-trans-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}

.tc-trans-nombre {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-desc {
  font-size: 9px;
  color: rgba(255,255,255,0.4);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-meta {
  font-size: 9px;
  font-weight: bold;
  color: var(--tc-trans-acento, #1d6fa4);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.04em;
}

/* divisor entre secciones */
.tc-trans-div {
  height: 1px;
  background: linear-gradient(
    to right,
    var(--tc-trans-acento, #1d6fa4),
    rgba(255,255,255,0.05)
  );
  margin: 4px 14px;
}

/* badge de lugar destacado */
.tc-trans-estrella {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tc-trans-acento, #1d6fa4);
  flex-shrink: 0;
}

/* texto adaptable según fondo */
.tc-gastro-nombre  { color: var(--tc-gastro-txt, #fff); }
.tc-gastro-desc    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); }
.tc-gastro-badge   { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); 
                     border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); }

.tc-trans-nombre   { color: var(--tc-trans-txt, #fff); }
.tc-trans-desc     { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); }
.tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); }
.tc-trans-subtitulo     { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); }
.tc-gastro-subtitulo    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); }

/* ════════════════════════════════
   tc-callout — base compartida
   ════════════════════════════════ */
.tc-callout {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}

.tc-callout-barra {
  width: 4px;
  flex-shrink: 0;
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  flex: 1;
  min-width: 0;
  background: var(--tc-co-bg, rgba(29,111,164,0.08));
}

.tc-callout-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.tc-callout-icono {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.tc-callout-icono img,
.tc-callout-icono a img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-callout-icono .thumbinner,
.tc-callout-icono .thumb,
.tc-callout-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-callout-tipo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-titulo {
  font-size: 13px;
  font-weight: bold;
  color: var(--tc-co-txt, #fff);
  line-height: 1.3;
}

.tc-callout-texto {
  font-size: 11px;
  line-height: 1.6;
  color: var(--tc-co-txt2, rgba(255,255,255,0.6));
}

.tc-callout-texto a {
  color: var(--tc-co-acento, #1d6fa4);
  text-decoration: none;
}

.tc-callout-texto a:hover {
  text-decoration: underline;
}

.tc-callout-footer {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
  margin-top: 2px;
}

/* ── variante: bloque lleno sin barra lateral ── */
.tc-callout-filled {
  flex-direction: column;
}

.tc-callout-filled .tc-callout-barra {
  width: 100%;
  height: 3px;
}

.tc-callout-filled .tc-callout-body {
  padding: 12px 14px;
}

/* ── variante: destacado con fondo marcado ── */
.tc-callout-solid .tc-callout-body {
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-solid .tc-callout-tipo {
  color: rgba(255,255,255,0.7);
}

.tc-callout-solid .tc-callout-titulo {
  color: #fff;
}

.tc-callout-solid .tc-callout-texto {
  color: rgba(255,255,255,0.75);
}

.tc-callout-solid .tc-callout-footer {
  color: rgba(255,255,255,0.6);
}

.tc-callout-solid .tc-callout-barra {
  background: rgba(0,0,0,0.2);
}

/* ── separador interno ── */
.tc-callout-sep {
  height: 1px;
  background: var(--tc-co-acento, #1d6fa4);
  opacity: 0.2;
  margin: 4px 0;
}

/* ════════════════════════════════
   tc-lista — lista de ítems simple
   ════════════════════════════════ */
.tc-lista {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-lista-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-lista-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-lista-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-lista-acento, #e63946);
}

.tc-lista-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-lista-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  transition: background 0.2s;
  position: relative;
}

.tc-lista-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-lista-item + .tc-lista-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-lista-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tc-lista-acento, #e63946);
  flex-shrink: 0;
}

.tc-lista-txt {
  font-size: 12px;
  color: var(--tc-lista-txt, #fff);
  line-height: 1.4;
  flex: 1;
}

.tc-lista-meta {
  font-size: 10px;
  font-weight: bold;
  color: var(--tc-lista-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ════════════════════════════════
   tc-cita — cita o quote destacado
   ════════════════════════════════ */
.tc-cita {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-cita-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 18px 16px 22px;
  overflow: hidden;
}

.tc-cita-marca {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 52px;
  line-height: 1;
  color: var(--tc-cita-acento, #e63946);
  opacity: 0.25;
  font-family: Georgia, serif;
  pointer-events: none;
  user-select: none;
}

.tc-cita-barra {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--tc-cita-acento, #e63946);
}

.tc-cita-texto {
  font-size: 13px;
  line-height: 1.7;
  color: var(--tc-cita-txt, #fff);
  font-style: italic;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.tc-cita-autor {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-cita-acento, #e63946);
  position: relative;
  z-index: 1;
}

.tc-cita-fuente {
  font-size: 9px;
  color: var(--tc-cita-txt2, rgba(255,255,255,0.35));
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

/* ════════════════════════════════
   tc-stat — estadísticas / cifras
   ════════════════════════════════ */
.tc-stat {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-stat-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-stat-header {
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-stat-acento, #e63946);
}

.tc-stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1;
  min-height: 0;
}

.tc-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  gap: 3px;
  position: relative;
  transition: background 0.2s;
}

.tc-stat-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-stat-item:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item + .tc-stat-item,
.tc-stat-item ~ .tc-stat-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item:nth-child(1),
.tc-stat-item:nth-child(2) {
  border-top: none;
}

.tc-stat-cifra {
  font-size: 22px;
  font-weight: bold;
  color: var(--tc-stat-acento, #e63946);
  line-height: 1;
  letter-spacing: -0.02em;
}

.tc-stat-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.4));
  text-align: center;
  line-height: 1.3;
}

.tc-stat-sub {
  font-size: 9px;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.25));
  text-align: center;
}


/* ════════════════════════════════
   ASISTENTE DE CREACIÓN DE ARTÍCULOS
   ════════════════════════════════ */
/* ════════════════════════════════
   HERO BANNER
   ════════════════════════════════ */
.hero-mascot {
  background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%);
  border-radius: 16px;
  padding: 1.75rem 1.75rem 1.5rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.hero-mascot::before {
  content: ''; position: absolute; top: -50px; right: -40px;
  width: 230px; height: 230px;
  background: rgba(255,255,255,0.06); border-radius: 50%;
}
.hero-mascot::after {
  content: ''; position: absolute; bottom: -70px; left: 28%;
  width: 280px; height: 280px;
  background: rgba(255,255,255,0.04); border-radius: 50%;
}
.hero-mascot-top {
  display: flex; align-items: flex-start; gap: 1.25rem;
  position: relative; z-index: 1;
}
.hero-mascot-mascot { flex-shrink: 0; }
.hero-mascot-mascot img {
  width: 120px; height: auto;
  filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3));
  animation: wvas-float 3.5s ease-in-out infinite;
}
.hero-mascot-title {
  font-size: 1.75rem; font-weight: 800; line-height: 1.2;
  margin: 0 0 0.4rem; color: #fff; border: none; padding: 0;
}
.hero-mascot-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; }
.hero-mascot-divider {
  border: none; border-top: 1px solid rgba(255,255,255,0.22);
  margin: 1.1rem 0 1rem; position: relative; z-index: 1;
}
.hero-mascot-about { position: relative; z-index: 1; }
.hero-mascot-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; }
.hero-mascot-about a { color: #21e82b; font-weight: 700; }
.hero-mascot-about p:last-child { margin: 0; }
 
/* ════════════════════════════════
   IMAGE BANNER (5 fotos + corte diagonal)
   ════════════════════════════════ */
.banner-images-banner {
  display: flex;
  height: 195px;
  border-radius: 14px;
  overflow: hidden;
  background: #004d70;
}
.banner-images-slot {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
  min-width: 0;
}
.banner-images-slot:not(:first-child) {
  clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -22px;
}
.banner-images-slot:nth-child(2) { z-index: 2; }
.banner-images-slot:nth-child(3) { z-index: 3; }
.banner-images-slot:nth-child(4) { z-index: 4; }
.banner-images-slot:nth-child(5) { z-index: 5; }
.banner-images-slot figure,
.banner-images-slot .mw-file-description,
.banner-images-slot a {
  display: block !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
}
.banner-images-slot img {
  display: block !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  margin: 0 !important; border: 0 !important;
  vertical-align: top !important; max-width: none !important;
}
 
/* ════════════════════════════════
   SECTION HEADER
   ════════════════════════════════ */
.wvas-sh {
  display: flex; align-items: center; gap: 0.65rem;
  margin: 1.9rem 0 1rem;
}
.wvas-sh-icon {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; flex-shrink: 0;
}
.wvas-sh h2 {
  font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c;
}
.wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; }

/* ════════════════════════════════
   NORMAS — siempre visibles, con hover
   ════════════════════════════════ */

.wvas-norma {
  border-radius: 12px; padding: 0.9rem 1rem;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 0.7rem;
  align-items: center;
  border: 1.5px solid;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-norma:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.wvas-norma-mascot { width: 90px;  display: flex; align-items: center; justify-content: center; }
.wvas-norma-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-norma-mascot figure { float: none !important; margin: 0 !important; }
.wvas-norma-content { min-width: 0; }
.wvas-norma-title {
  font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
  letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.wvas-norma-text { font-size: 0.82rem; line-height: 1.57; }
.wvas-norma-text a { font-weight: 700; }
.wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.wvas-n-error .wvas-norma-title { color: #A32D2D; }
.wvas-n-error a { color: #A32D2D; }
.wvas-n-warn  { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.wvas-n-warn  .wvas-norma-title { color: #7a4a00; }
.wvas-n-warn  a { color: #854F0B; }
.wvas-n-tip   { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.wvas-n-tip   .wvas-norma-title { color: #0F6E56; }
.wvas-n-tip   a { color: #085041; }
.wvas-n-info  { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.wvas-n-info  .wvas-norma-title { color: #006699; }
.wvas-n-info  a { color: #006699; }
 
/* ════════════════════════════════
   CALLOUT (genérico)
   Grid interno: mascota | contenido (desktop)
                 mascota (arriba) + contenido (abajo) en mobile
   ════════════════════════════════ */
.callout-sable {
  border-radius: 12px; padding: 0.9rem 1.1rem;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.8rem;
  align-items: center;
  border-left: 4px solid;
  transition: box-shadow 0.18s;
}
.callout-sable:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); }
.callout-sable-mascot { width: 80px; display: flex; align-items: center; justify-content: center; }
.callout-sable-mascot img { width: 80px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.callout-sable-mascot figure { float: none !important; margin: 0 !important; }
.callout-sable-content { min-width: 0; }
.callout-sable-title {
  font-weight: 800; font-size: 0.81rem; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.22rem;
}
.callout-sable-body { font-size: 0.85rem; line-height: 1.58; }
.callout-sable-body a { font-weight: 700; text-decoration: none; }
.callout-sable-body a:hover { text-decoration: underline; }
.callout-sable-co-tip    { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; }
.callout-sable-co-tip    .callout-sable-title { color: #0F6E56; }
.callout-sable-co-tip    a { color: #085041; }
.callout-sable-co-info   { background: #E6F1FB; border-color: #006699; color: #042C53; }
.callout-sable-co-info   .callout-sable-title { color: #006699; }
.callout-sable-co-info   a { color: #185FA5; }
.callout-sable-co-warn   { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; }
.callout-sable-co-warn   .callout-sable-title { color: #7a4a00; }
.callout-sable-co-warn   a { color: #854F0B; }
.callout-sable-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; }
.callout-sable-co-purple .callout-sable-title { color: #534AB7; }
.callout-sable-co-purple a { color: #534AB7; }
.callout-sable-co-error  { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; }
.callout-sable-co-error  .callout-sable-title { color: #A32D2D; }
.callout-sable-co-error  a { color: #A32D2D; }
 
/* ════════════════════════════════
   TIPO CARDS — informativas + hover
   ════════════════════════════════ */
.wvas-tipo-card {
  background: #fff; border: 1.5px solid #d0dce8;
  border-radius: 16px; padding: 1.3rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  position: relative; overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  cursor: inherit;
}
.wvas-tipo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,60,100,0.12);
  border-color: #006699;
}
.wvas-tipo-card::after {
  content: ''; position: absolute; bottom: -18px; right: -18px;
  width: 70px; height: 70px; border-radius: 50%;
  background: rgba(0,102,153,0.05);
  transition: transform 0.3s;
}
.wvas-tipo-card:hover::after { transform: scale(1.4); }
.wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; }
.wvas-tipo-icon { flex-shrink: 0; }
.wvas-tipo-icon img { width: 70px; height: auto; }
.wvas-tipo-card h3 {
  font-size: 1.06rem; font-weight: 800; color: #003d5c;
  margin: 0; padding: 0; border: none;
}
.wvas-tipo-desc   { font-size: 0.84rem; color: #445; line-height: 1.57; }
.wvas-tipo-ej     { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.wvas-tc-destino    { border-top: 4px solid #006699; }
.wvas-tc-tematico   { border-top: 4px solid #534AB7; }
.wvas-tc-itinerario { border-top: 4px solid #1D9E75; }
.wvas-tc-conv       { border-top: 4px solid #BA7517; }
 
/* ════════════════════════════════
   Plantilla: Table awesome responsive
   ════════════════════════════════ */
.table-awesome {
  width: 100%; border-collapse: separate; border-spacing: 0;
  border: 1.5px solid #dde6ef; border-radius: 14px;
  overflow: hidden; font-size: 0.84rem;
}
.table-awesome thead tr {
  background: #006699; color: #fff;
}
.table-awesome thead th {
  padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.05em;
  text-align: left; border: none;
}
.table-awesome tbody tr {
  border-bottom: 1px solid #eef1f5;
  transition: background 0.15s;
}
.table-awesome tbody tr:last-child { border-bottom: none; }
.table-awesome tbody tr:hover { background: #f0f7fc; }
.table-awesome td {
  padding: 0.65rem 0.85rem; vertical-align: top;
  border: none; line-height: 1.5;
}
.table-awesome td:first-child {
  white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%;
}
.table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; }
.table-awesome td a:hover { text-decoration: underline; }
.table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; }
 
/* ════════════════════════════════
   WIDGET CREATE PANEL (único por tipo)
   ════════════════════════════════ */
.wvas-create {
  background: #f7fbff; border: 2px dashed #9fc9dd;
  border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem;
  margin: 0.75rem 0; text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.wvas-create:hover {
  border-color: #006699;
  box-shadow: 0 4px 16px rgba(0,102,153,0.1);
}
.wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; }
.wvas-create-mascot img {
  width: 120px; height: auto;
  animation: wvas-float 2.5s ease-in-out infinite;
}
.wvas-create h3 {
  font-size: 1.02rem; font-weight: 800; color: #003d5c;
  margin: 0 0 0.28rem; padding: 0; border: none;
}
.wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; }
 
/* ════════════════════════════════
   NIVELES DE CALIDAD
   ════════════════════════════════ */
.wvas-nivel {
  border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center;
  display: flex; flex-direction: column; gap: 0.3rem;
  border: 1.5px solid transparent;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-nivel:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; }
.wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; }
.wvas-nivel p  { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; }
.wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; }
.wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; }
.wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; }
.wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; }
 
/* ════════════════════════════════
   CHECKLIST PRE-PUBLICACIÓN
   ════════════════════════════════ */
.wvas-checklist {
  background: #fff; border: 1.5px solid #c8e6c8;
  border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem;
}
.wvas-checklist-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-checklist-header img { width: 36px; height: auto; }
.wvas-checklist-header h3 {
  font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none;
}
.wvas-check-list { list-style: none; padding: 0; margin: 0; }
.wvas-check-list li {
  display: flex; align-items: flex-start; gap: 0.65rem;
  font-size: 0.84rem; padding: 0.38rem 0;
  border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5;
  transition: background 0.12s;
}
.wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; }
.wvas-check-list li:last-child { border-bottom: none; }
.wvas-check-list li::before {
  content: '✓';   
  width: 20px; height: 20px; border-radius: 50%;
  background: #E1F5EE; border: 1.5px solid #1D9E75;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: #1D9E75; flex-shrink: 0;
  font-weight: 900; margin-top: 2px; 
}
 
/* ════════════════════════════════
   AYUDA — LINKS + hover
   ════════════════════════════════ */
.wvas-ayuda-card {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 12px; padding: 1rem 0.9rem;
  text-align: center; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; align-items: center; gap: 0.38rem;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.wvas-ayuda-card:hover {
  border-color: #006699;
  box-shadow: 0 4px 14px rgba(0,102,153,0.12);
  transform: translateY(-2px);
}
.wvas-ayuda-card img  { width: 80px; height: auto; }
.wvas-ayuda-card h4   { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; }
.wvas-ayuda-card p    { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; }
 
/* ════════════════════════════════
   REFERENCIA ARTÍCULOS ACEPTABLES
   ════════════════════════════════ */
.wvas-ref-box {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem;
}
.wvas-ref-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-ref-header img { width: 36px; height: auto; }
.wvas-ref-header h3  {
  font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none;
}
.wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
.wvas-ref-col-title {
  font-size: 0.78rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.5rem;
}
.callout-sable-col-ok  .wvas-ref-col-title { color: #1D9E75; }
.callout-sable-col-bad .wvas-ref-col-title { color: #A32D2D; }
.wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; }
.wvas-ref-list li {
  font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px;
  align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45;
  transition: background 0.12s;
}
.wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; }
.wvas-ref-list li:last-child { border-bottom: none; }
.callout-sable-col-ok  .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; }
.callout-sable-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; }
.wvas-ref-nota {
  font-size: 0.78rem; color: #666; padding-top: 0.5rem;
  border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; }
.wvas-ref-nota li::before { content: '· '; }
 
/* ════════════════════════════════
   ANIMACIÓN FLOTANTE
   ════════════════════════════════ */
@keyframes wvas-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-7px); }
}
 
/* ════════════════════════════════════════════════════════
   ESTRUCTURAS EN COLUMNAS RESPONSIVE
   ════════════════════════════════════════════════════════ */
.cols-2-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 14px; margin-bottom: 1.5rem;
}
.cols-20-80-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 0;
  border: 0.5px solid #dde6ef;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.cols-3-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px; margin-bottom: 1rem;
}
.cols-4-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8px; margin-bottom: 1rem;
}
/* ════════════════════════════════════════════════════════
   RESPONSIVE (GENERAL)
   ════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  .hero-mascot-title  { font-size: 1.45rem; }
  .wvas-tipo-grid     { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .wvas-ayuda-grid    { grid-template-columns: repeat(2, 1fr); }
  .banner-images-banner    { height: 130px; }
  .table-awesome { font-size: 0.79rem; }
 
  /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */
  .callout-sable {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-norma {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .callout-sable-mascot,
  .wvas-norma-mascot {
    width: auto;
  }
  .callout-sable-content,
  .wvas-norma-content {
    width: 100%;
    text-align: left;   /* el texto interior alineado a la izquierda */
  }
  .callout-sable-title,
  .wvas-norma-title {
    text-align: center; /* solo el título centrado */
  }
}
@media (max-width: 700px) {
  .cols-20-80-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .sp-sidebar {
    border-right: none;
    border-bottom: 0.5px solid #dde6ef;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 8px;
    gap: 6px;
  }
  .sp-sidebar-label,
  .sp-sidebar-foot { display: none; }
  .sp-item {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
    padding: 8px 10px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 3px;
  }
  /* En mobile el indicador es borde inferior */
  .sp-item.active::after { display: none; }
  .sp-item.active { border-bottom: 2px solid #006699; }
  .sp-item-icon img { margin: 0 auto; }
  .sp-item-hint { display: none; }
  .sp-content { padding: 16px; }
}
@media (max-width: 520px) {
  .hero-mascot-top      { flex-direction: column; gap: 0.75rem; }
  .hero-mascot-mascot img { width: 66px; }
  .hero-mascot-title  { font-size: 1.22rem; }
  .banner-images-banner    { height: 95px; border-radius: 10px; }
  .wvas-ref-cols      { grid-template-columns: 1fr; }
  .wvas-ayuda-grid    { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .table-awesome thead { display: none; }
  .table-awesome td { display: block; padding: 0.3rem 0.7rem; }
  .table-awesome td:first-child { padding-top: 0.7rem; }
  .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; }
}
@media (max-width: 420px) {
  .sp-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
   SELECTOR PANEL (20% / 80%)
   ════════════════════════════════ */
.sp-sidebar {
  background: #f5f7fa;
  border-right: 0.5px solid #dde6ef;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sp-sidebar-label {
  font-size: 11px;
  font-weight: 700;
  color: #9aa5b4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.sp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: 0.5px solid transparent;
  transition: background 0.15s, border-color 0.15s;
  user-select: none;
  position: relative;
}
.sp-item:hover {
  background: #fff;
  border-color: #c5d0dc;
}
.sp-item.active {
  background: #fff;
  border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.sp-item.active::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 20%;
  height: 60%;
  width: 2.5px;
  background: #006699;
  border-radius: 2px 0 0 2px;
}
.sp-item-icon {
  font-size: 20px;
  flex-shrink: 0;
  color: #9aa5b4;
  transition: color 0.15s;
  width: 22px;
  text-align: center;
}
/* Soporte para imagen wiki como icono */
.sp-item-icon img {
  width: 22px;
  height: auto;
  display: block;
  opacity: 0.55;
  transition: opacity 0.15s;
}
.sp-item.active .sp-item-icon { color: #006699; }
.sp-item.active .sp-item-icon img { opacity: 1; }
.sp-item-name {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  line-height: 1.3;
}
.sp-item-hint {
  font-size: 11px;
  color: #9aa5b4;
  margin-top: 1px;
}
/* Hint inferior del sidebar */
.sp-sidebar-foot {
  font-size: 11px;
  color: #b0bec5;
  text-align: center;
  padding: 6px 0 2px;
  margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.sp-content {
  padding: 20px 24px;
  overflow-y: auto;
  min-height: 300px;
}
.sp-panel { display: none; }
.sp-panel.active { display: block; }

/* ════════════════════════════════════════════════════════
   SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE
   ════════════════════════════════════════════════════════ */

/* ── Caja exterior que envuelve todo ── */
.doc-simple-outer {
  background: #f8f9fb;
  border: 1.5px solid #d8e2ec;
  border-radius: 14px;
  padding: 1.1rem 1.25rem 1rem;
  margin-bottom: 1.5rem;
  font-family: 'Segoe UI', Arial, sans-serif;
  max-width: 700px;
}
 
/* ── Introducción ── */
.doc-simple-intro { margin-bottom: 12px; }
.doc-simple-intro-top { display: flex; align-items: flex-start; gap: 10px; }
.doc-simple-tname-head {
  font-size: 1rem; font-weight: 700; color: #003d5c;
  margin: 0 0 4px; padding: 0; border: none;
}
.doc-simple-desc {
  font-size: 0.84rem; color: #445;
  line-height: 1.6; margin: 0 0 8px;
}
.doc-simple-hint {
  font-size: 0.8rem; color: #778;
  line-height: 1.5; margin: 0 0 10px;
}
.doc-simple-req-inline { color: #C0392B; font-weight: 600; }
.doc-simple-opt-inline { color: #2471A3; font-weight: 600; }
 
/* ── Leyenda ── */
.doc-simple-legend {
  display: flex; gap: 14px; flex-wrap: wrap;
  margin-bottom: 12px;
}
.doc-simple-leg {
  display: flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 600;
}
.doc-simple-leg::before {
  content: ''; width: 3px; height: 13px;
  border-radius: 2px; flex-shrink: 0; display: inline-block;
}
.doc-simple-req-leg { color: #C0392B; }
.doc-simple-req-leg::before { background: #C0392B; }
.doc-simple-opt-leg { color: #2471A3; }
.doc-simple-opt-leg::before { background: #2471A3; }
 
/* ── Cards (sintaxis y ejemplo) ── */
.doc-simple-card {
  background: #fff;
  border: 0.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.doc-simple-example-card { margin-bottom: 10px; }
 
/* ── Cabecera de card ── */
.doc-simple-card-top {
  background: #f0f4f8;
  border-bottom: 0.5px solid #cdd8e4;
  padding: 6px 12px;
  display: flex; align-items: center;
  justify-content: space-between; gap: 8px;
}
.doc-simple-card-label {
  font-size: 11px; font-weight: 700; color: #667;
  text-transform: uppercase; letter-spacing: 0.06em;
}
.doc-simple-card-label.example-label { color: #2471A3; }
 
/* ── Botón copiar ── */
.doc-simple-copy-btn {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11.5px; font-weight: 600; cursor: pointer;
  color: #334; background: #fff;
  border: 0.5px solid #bbc8d4; border-radius: 6px;
  padding: 3px 10px; user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
}
.doc-simple-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-simple-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
 
/* ── Bloque de código ── */
.doc-simple-block {
  padding: 6px 0 8px;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.35;
}
.doc-simple-block-open,
.doc-simple-block-close {
  padding: 3px 12px;
  color: #aab;
}
.doc-simple-blockname { color: #003d5c; font-weight: 600; }
.doc-simple-brace { color: #bbc; }
 
/* ── Filas de parámetros ── */
.doc-simple-params { padding: 0; }
.doc-simple-params &gt; * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.doc-simple-params p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.doc-simple-row {
  display: flex; align-items: baseline;
  padding: 2px 12px 2px 9px;
  border-left: 3px solid transparent;
  transition: background 0.1s;
  line-height: 1.5;
}
.doc-simple-row:hover { background: #f5f8fb; }
.doc-simple-req { border-color: #C0392B; }
.doc-simple-opt { border-color: #2471A3; }
.doc-simple-req .doc-simple-key { color: #C0392B; }
.doc-simple-opt .doc-simple-key { color: #2471A3; }
.doc-simple-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; }
.doc-simple-key { font-weight: 700; white-space: nowrap; }
.doc-simple-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; }
.doc-simple-optvals { color: #889; font-size: 12px; }
 
/* Filas del bloque ejemplo (generadas por JS) */
.doc-simple-example-val { color: #334; }
 
/* ── Notas al pie ── */
.doc-simple-footer {
  border-top: 0.5px solid #dde6ef;
  padding: 8px 2px 0;
  display: flex; flex-direction: column; gap: 3px;
  margin-top: 4px;
}
.doc-simple-nota {
  font-size: 11.5px; color: #889; line-height: 1.5;
	padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem;
}
.doc-simple-nota ul { list-style: none; padding: 0; margin: 0; }
.doc-simple-nota li::before { content: '→ '; color: #bbc; }

/* ── Responsive ── */
@media (max-width: 520px) {
  .doc-simple-outer { padding: 0.85rem 0.9rem; }
  .doc-simple-card-top { flex-direction: column; align-items: flex-start; gap: 6px; }
  .doc-simple-copy-btn { width: 100%; justify-content: center; }
}

/* ════════════════════════════════════════════════════════
   SELECTOR HORIZONTAL DE PESTAÑAS
   ════════════════════════════════════════════════════════ */
/* ── Contenedor general ── */
.htab-wrap {
  border: 0.5px solid #cdd8e4;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

/* ── Barra superior: color + patrón de puntos ── */
.htab-bar {
  background-color: #D4537E;
  background-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.12) 1.5px,
    transparent 1.5px
  );
  background-size: 20px 20px;
  position: relative;
  overflow: hidden;
  padding: 14px 14px 12px;
  border-bottom: 2.5px solid #993556;
}

/* ── Fondo animado: formas moviéndose de derecha a izquierda ── */
.htab-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.htab-bg-track {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  height: 100%;
  white-space: nowrap;
  animation: htab-marquee 18s linear infinite;
}
@keyframes htab-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Formas del fondo */
.hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); }
.hs-circle  { width: 9px;  height: 9px;  border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; }
.hs-bar     { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); }
.hs-sq      { width: 8px;  height: 8px;  border: 1.5px solid rgba(255,255,255,0.18); }
.hs-tri     { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); }

/* ── Pestañas ── */
.htab-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  position: relative;
  z-index: 1;
}
.htab-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 8px;
  padding: 7px 15px;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: background 0.15s, transform 0.13s, border-color 0.15s;
}
.htab-tab:hover:not(.active) {
  background: rgba(255,255,255,0.25);
  transform: translateY(-2px);
}
.htab-tab.active {
  background: #EF9F27;
  border-color: #BA7517;
  color: #412402;
  transform: translateY(-1px);
}
/* Imágenes wiki dentro de la pestaña como icono */
.htab-tab figure { float: none !important; margin: 0 !important; }
.htab-tab img    { width: 18px; height: auto; display: block; }

/* ── Partículas ── */
.htab-prt {
  position: absolute;
  pointer-events: none;
  z-index: 20;
  border-radius: 50%;
}

/* Click — explosión */
.htab-prt-b {
  animation: htab-burst var(--dur, 0.4s) ease-out forwards;
}
@keyframes htab-burst {
  0%   { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; }
  100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; }
}

/* Hover — flotantes */
.htab-prt-h {
  animation: htab-float var(--dur, 0.65s) ease-out forwards;
}
@keyframes htab-float {
  0%   { transform: translateY(0) translateX(0); opacity: 0.85; }
  100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; }
}

/* ── Área de contenido ── */
.htab-panels {
  background: #fff;
  padding: 22px 22px 18px;
  min-height: 160px;
}
.htab-panel { display: none; }
.htab-panel.active {
  display: block;
  animation: htab-fadein 0.22s ease;
}
@keyframes htab-fadein {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 700px) {
  .htab-bar  { padding: 11px; }
  .htab-tab  { padding: 6px 12px; font-size: 12px; gap: 5px; }
  .htab-panels { padding: 16px; }
}
@media (max-width: 420px) {
  .htab-tab  { padding: 5px 10px; font-size: 11px; }
  .htab-panels { padding: 12px; }
}

/* ════════════════════════════════════════════════════════════════
   WVA - SISTEMA DE SECCIONES DE ARTÍCULO
   ════════════════════════════════════════════════════════════════ */

/* ═══ ANIMACIONES ═══ */
@keyframes wva-in  { from{opacity:0;transform:translateY(10px)}  to{opacity:1;transform:translateY(0)} }
@keyframes wva-sl  { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} }
@keyframes wva-pop { from{opacity:0;transform:scale(0.93)}       to{opacity:1;transform:scale(1)} }
@keyframes wva-bar { from{width:0} to{width:var(--w,100%)} }
@keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} }
@keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} }

/* ══════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════ */
.wva-hero{
  background:var(--pk);position:relative;overflow:hidden;
  padding:28px 24px 44px;border-bottom:3px solid #111;
  clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%);
  margin-bottom:-2px;animation:in 0.6s ease both;
}
.wva-hero-dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px);
  background-size:22px 22px;}
.wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px;
  letter-spacing:10px;animation:glo 2.5s ease-in-out infinite}
.wva-hi{position:relative;z-index:1}
.wva-hi-loc{display:inline-block;background:var(--yw);color:#111;
  font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111;
  line-height:.95;margin-bottom:12px;border:none;padding:0}
.wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px}
.wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px}

/* ══════════════════════════════════════════════════════
   FICHA TÉCNICA — barra de stats oscura
   ══════════════════════════════════════════════════════ */
.wva-ficha {
  background: var(--bk); padding: 16px 20px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
  gap: 16px; border-bottom: var(--bd);
  animation: wva-in .5s ease .08s both;
}
/* Dot pattern sobre negro */
.wva-ficha::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px);
  background-size: 14px 14px;
}
.wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; }
.wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); }
.wva-fb-info strong { color:var(--yw);font-weight:700; }

.wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; }
.wva-sg { font-size:14px;font-weight:900;width:30px; }
.wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; }
.wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; }
.sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)}
.sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)}

/* ══════════════════════════════════════════════════════
   SECTION WRAPPER
   ══════════════════════════════════════════════════════ */
.wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; }
.bg-w   { background:#fff; }
.bg-yw  { background:var(--yw);position:relative; }
.bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; }
.bg-yw &gt; * { position:relative;z-index:1; }
.bg-cr  { background:#FFF8F0; }
.bg-war { background:#FFF5F5; }
.bg-mn  { background:#FFFDE7; }
.bg-sc  { background:#FFF0F8;
  background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; }
.bg-hl  { background:#F0FFF4; }
.bg-mv  { background:#F8F8FF; }
.bg-ar  { background:#F0F9FF; }

/* ══════════════════════════════════════════════════════
   SECTION HEADER
   ══════════════════════════════════════════════════════ */
.wva-sh {
  display:flex;align-items:center;gap:10px;
  padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden;
}
.wva-sh .ico { font-size:17px;flex-shrink:0; }
.wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; }
.wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; }

/* NEGRO + AMARILLO (estilo SQUAD) */
.sh-bk { background:var(--bk); }
.sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; }
.sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; }

/* AMARILLO + NEGRO (estilo VANGUARD) */
.sh-yw { background:var(--yw); }
.sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; }
.sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; }

.sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff}
.sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff}
.sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff}
.sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff}
.sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff}
.sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff}
.sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)}

/* ══════════════════════════════════════════════════════
   SUBHEADER
   ══════════════════════════════════════════════════════ */
.wva-sub {
  display:flex;align-items:center;gap:8px;padding:8px 20px 4px;
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);
}
.wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; }

/* ══════════════════════════════════════════════════════
   BODY / 2 COLS
   ══════════════════════════════════════════════════════ */
.wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; }
.wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; }
.wva-body strong { color:var(--bk);font-weight:700; }

.wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; }
.wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   GRIDS
   ══════════════════════════════════════════════════════ */
.g    { padding:12px 20px; }
.g-2  { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.g-3  { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.g-a  { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; }
.g-r  { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; }
.g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; }

/* ══════════════════════════════════════════════════════
   PRACTICAL TIP CARD
   ══════════════════════════════════════════════════════ */
.ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden;
  transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; }
.ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); }
.ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; }
.ptip-b strong { color:var(--bk);font-weight:700; }

.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }

/* ══════════════════════════════════════════════════════
   TALENT CARD (secretos — estilo squad card)
   ══════════════════════════════════════════════════════ */
.tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px;
  overflow:hidden;position:relative;animation:wva-pop .4s ease both;
  transition:transform .15s,box-shadow .15s;cursor:default; }
.tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); }
.tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; }

.tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;
  padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; }
.tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; }
.tcard-stats { margin-bottom:7px; }
.tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); }
.tsg { font-size:13px;font-weight:900;width:26px; }
.tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; }
.tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; }
.tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; }
.tcard-tags { display:flex;gap:4px;flex-wrap:wrap; }

/* ══════════════════════════════════════════════════════
   REGION CARD
   ══════════════════════════════════════════════════════ */
.rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px;
  border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; }
.rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }
.rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; }

/* ══════════════════════════════════════════════════════
   CITY CARD
   ══════════════════════════════════════════════════════ */
.ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r);
  cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; }
.ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); }
.ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;
  border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; }
.ccard-badge.pk { background:var(--pk);color:#fff; }
.ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; }

/* ══════════════════════════════════════════════════════
   TRANSPORT CARD
   ══════════════════════════════════════════════════════ */
.tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r);
  display:flex;flex-direction:column;gap:6px;cursor:default;
  transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; }
.tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); }
.tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.tport-icon { font-size:24px;line-height:1; }
.tport-name { font-size:13px;font-weight:800;color:var(--bk); }
.tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; }
.tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)}
.tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)}
.tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)}
.tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)}
.tp-bk::before{background:var(--bk)}

/* ══════════════════════════════════════════════════════
   ALERT BOX
   ══════════════════════════════════════════════════════ */
.wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px;
  border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; }
.wva-al + .wva-al { margin-top:8px; }
.wva-al:last-of-type { margin-bottom:12px; }
.a-warn  { border-color:var(--rd); background:#FFF5F5; }
.a-tip   { border-color:var(--cy); background:#F0FDFF; }
.a-ok    { border-color:var(--gn); background:#F0FFF4; }
.a-money { border-color:#F5A000;   background:#FFFDE7; }
.a-info  { border-color:var(--bl); background:#F0F8FF; }
.a-pink  { border-color:var(--pk); background:#FFF0F8; }
.al-em   { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; }
.al-txt  { font-size:12.5px;color:#333;line-height:1.62; }
.al-txt strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   LIST ITEMS
   ══════════════════════════════════════════════════════ */
.wva-list { padding:0 20px 12px; }
.wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08);
  align-items:flex-start;transition:padding-left .14s;cursor:default; }
.wva-li:last-child { border-bottom:none; }
.wva-li:hover { padding-left:6px; }
.wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm);
  display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;
  background:var(--wh);transition:transform .14s; }
.wva-li:hover .wva-li-ico { transform:scale(1.06); }
.wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; }
.wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; }
.wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; }

/* ══════════════════════════════════════════════════════
   NEXT DESTINATIONS
   ══════════════════════════════════════════════════════ */
.wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; }
.ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r);
  padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default;
  transition:background .14s,transform .14s,box-shadow .14s; }
.ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }

/* ══════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════ */
@media (max-width:760px) {
  .wva-hero { grid-template-columns:1fr; }
  .wva-himg { display:none; }
  .wva-hc::after { display:none; }
  .wva-hi-h { font-size:38px; }
  .g-2,.g-3 { grid-template-columns:1fr; }
  .wva-2c { grid-template-columns:1fr; }
  .wva-ficha { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px) {
  .wva-hc { padding:20px 14px 28px; }
  .wva-hi-h { font-size:28px; }
  .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; }
  .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; }
  .wva-al { margin-left:14px;margin-right:14px; }
  .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; }
  .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; }
}</text>
      <sha1>1tjty5q9emqobyof7ca3sql1w9hndhx</sha1>
    </revision>
    <revision>
      <id>253795</id>
      <parentid>253793</parentid>
      <timestamp>2026-05-23T01:58:20Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253795</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="82200" sha1="27o86re8dfozw84oxzcq3osa4v79m4n" xml:space="preserve">/* ════════════════════════════════
   Función de acordeón tipo FAQ / Funciona con el js correspondiente
   ════════════════════════════════ */
.accordion-content{
    display:none;
}

.accordion-content.active {
    display:block;
}

.accordion-clicky{
    cursor:pointer;
    user-select:none;
}

:root {
  --pk: #FF00BB;  --yw: #FFE600;  --cy: #00BFFF;
  --gn: #00C853;  --or: #FF6B00;  --rd: #FF2200;
  --pu: #7A00FF;  --bl: #0099FF;  --bk: #111111;
  --wh: #FFFFFF;  --mu: #555555;
  --bd:  3px solid #111;
  --bd2: 2.5px solid #111;
  --r:   10px;
  --rsm: 6px;
  --rlg: 16px;
  --font: 'Segoe UI', Arial, sans-serif;
}

.wva-config { box-sizing: border-box; margin: 0; padding: 0; margin: 0 auto; background: var(--wh); border: var(--bd); overflow: hidden; font-family: var(--font)}

/* ── Reset interno ── */
.config-general * { box-sizing: border-box; }
.config-general { font-family: var(--font); line-height: 1.6; }

/* ── Force links icon ── */
.doc-simple-outer a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;])::after,
.config-general a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;]):not([href*=&quot;/File:&quot;]):not([href*=&quot;/Archivo:&quot;])::after {
  content: ' [↗]';
  font-size: 0.78em;
  opacity: 0.55;
  font-weight: normal;
  text-decoration: none;
}
.config-general a:has(img)::after{
    content:none !important;
}
/* El enlace [editar] no participa en el flex */
.config-general .mw-editsection {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
}

/* ════════════════════════════════
   Decorativos inline
   ════════════════════════════════ */
.chip-inline {
  display: inline-block; font-size: 0.69rem; font-weight: 700;
  padding: 1px 8px; border-radius: 20px; margin-top: 3px;
  color: #fff;
}
.badge-inline {
	background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px
			  }
.tag-inline {
  display: inline-block; font-size: 0.72rem; font-weight: 700;
  padding: 3px 10px; border-radius: 20px;
  background: #E6F1FB; color: #006699; margin-top: 0.3rem;
  text-decoration: none; transition: background 0.15s;
}
.tag-inline:hover { background: #c5dff0; }

.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }

/* ════════════════════════════════
   Structures
   ════════════════════════════════ */
.tags-structure { display:flex;gap:5px;flex-wrap:wrap; }

/* ════════════════════════════════
   DocCopiar
   ════════════════════════════════ */
.doc-copiar-wrap {
  border: 1.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1rem;
  font-family: 'Segoe UI', Arial, sans-serif;
}
.doc-copiar-bar {
  background: #f0f4f8;
  border-bottom: 1px solid #cdd8e4;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.doc-copiar-lbl {
  font-size: 11px;
  font-weight: 700;
  color: #667;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.doc-copiar-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  color: #334;
  background: #fff;
  border: 0.5px solid #bbc8d4;
  border-radius: 6px;
  padding: 3px 10px;
  user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
  white-space: nowrap;
}
.doc-copiar-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-copiar-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
.doc-copiar-pre {
  margin: 0;
  padding: 12px 14px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 13px;
  line-height: 1.65;
  color: #2a2a3a;
  white-space: pre-wrap;
  word-break: break-word;
  background: #fff;
  overflow-x: auto;
  border: none;
}
/* ════════════════════════════════
   Plantilla: Tríptico - Código para que funcione bien. Full Responsive
   ════════════════════════════════ */
.triptico {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: stretch;
}

.triptico-wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.triptico-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ── card base ── */
.tc-card {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.tc-card::before {
  content: '';
  display: block;
  padding-top: var(--card-ratio, 100%);
}

.tc-card-inner {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}

/* imagen wiki como fondo */
.tc-card-img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  display: block;
}

.tc-card-img a,
.tc-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  text-decoration: none;
  pointer-events: none;
}

/* enlace que cubre todo el card */
.tc-card-link {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 5;
  display: block;
  background: transparent;
}

.tc-card-link:hover ~ .tc-tag-top,
.tc-card-link:hover ~ .tc-tag-bot {
  background: rgba(0,0,0,0.82);
}

/* ── tags de esquina ── */
.tc-tag-top {
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-tag-bot {
  position: absolute;
  bottom: 0; right: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  text-align: right;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-card-inner:hover .tc-tag-top {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-card-inner:hover .tc-tag-bot {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-tag-top,
.tc-tag-bot {
  transition: background 0.25s;
}

.tc-tag-top::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

.tc-tag-bot::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

/* ── card-vert ── */
.tc-card-vert .tc-card-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.tc-texto-vert {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.3em;
  writing-mode: vertical-rl;
  transform: rotate(180deg) scaleX(1.4);
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  font-size: var(--vert-size, 56px);
  z-index: 3;
  position: relative;
  pointer-events: none;
  margin-right: 14px;
  margin-top: 10px;
  margin-left: 30px;
}

/* ── bloque de texto ── */
.tc-texto {
  width: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
  background: var(--tc-texto-bg, transparent);
  color: var(--tc-texto-color, inherit);
}

/* ── header flotante ── */
.tc-header-wrap {
  position: absolute;
  top: 0;
  left: 0; right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.tc-header {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 22px;
  background: var(--tc-header-bg, #111);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  white-space: nowrap;
  pointer-events: auto;
  transition: background 0.25s;
}

.tc-header::before {
  content: '';
  position: absolute;
  inset: 2px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);
}

.tc-header-accent {
  position: absolute;
  bottom: -3px;
  left: 10px; right: 10px;
  height: 2px;
  background: var(--tc-acento, #e63946);
  transition: background 0.25s;
}

@media (max-width: 900px) {
  .triptico { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .triptico { grid-template-columns: 1fr; }
}

/* tc-tira */
.tc-tira {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex: none;
  min-height: 72px;
  max-height: 110px;
  background: var(--tc-tira-bg, #111);
  overflow: hidden;
}

/* línea de acento superior */
.tc-tira::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--tc-tira-acento, #e63946);
  z-index: 2;
}

/* brillo sutil */
.tc-tira-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.tc-tira-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding: 10px 6px;
  gap: 3px;
  text-align: center;
  transition: background 0.2s;
}

.tc-tira-items {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 3px 0 0 0;
  min-width: 0;
}

.tc-tira-item:hover {
  background: rgba(255,255,255,0.04);
}

.tc-tira-item img,
.tc-tira-item a img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 2px;
}

.tc-tira-item .thumbinner,
.tc-tira-item .thumb,
.tc-tira-item figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-tira-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-valor {
  font-size: 12px;
  font-weight: bold;
  color: var(--tc-tira-txt, #fff);
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-sep {
  width: 1px;
  align-self: stretch;
  background: rgba(255,255,255,0.08);
  flex-shrink: 0;
  margin: 10px 0;
}

/* ── itinerario ── */
.tc-itinerario {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 0 6px 0;
  background: var(--tc-it-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tc-it-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  margin-bottom: 4px;
}

.tc-it-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-it-acento, #e63946);
  flex: 1;
}

.tc-it-total {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}

/* línea de tiempo vertical */
.tc-it-linea {
  position: absolute;
  left: 28px;
  top: 50px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    var(--tc-it-acento, #e63946),
    rgba(255,255,255,0.05)
  );
}

.tc-it-lista {
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.tc-it-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px 14px 8px 48px;
  transition: background 0.2s;
}

.tc-it-item:hover {
  background: rgba(255,255,255,0.03);
}

/* nodo en la línea de tiempo */
.tc-it-nodo {
  position: absolute;
  left: 22px;
  top: 13px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--tc-it-bg, #0d0d0d);
  border: 2px solid var(--tc-it-acento, #e63946);
  box-sizing: border-box;
  z-index: 2;
}

.tc-it-item:first-child .tc-it-nodo {
  background: var(--tc-it-acento, #e63946);
}

/* fila superior: lugar + tiempo */
.tc-it-fila-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}

.tc-it-lugar {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tc-it-tiempo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: var(--tc-it-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* actividad */
.tc-it-actividad {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
  margin-bottom: 4px;
}

/* badges de propiedades */
.tc-it-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.tc-it-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
  line-height: 1.4;
}

.tc-it-badge-acento {
  border-color: var(--tc-it-acento, #e63946);
  color: var(--tc-it-acento, #e63946);
}

/* separador entre items */
.tc-it-item + .tc-it-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 48px; right: 14px;
  height: 1px;
  background: rgba(255,255,255,0.05);
}

/* ════════════════════════════════
   tc-gastronomia
   ════════════════════════════════ */
.tc-gastro {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-gastro-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-gastro-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-gastro-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

.tc-gastro-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  justify-content: space-between;
}

.tc-gastro-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  position: relative;
  transition: background 0.2s;
}

.tc-gastro-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-gastro-item + .tc-gastro-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* foto */
.tc-gastro-foto {
  width: 64px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.tc-gastro-foto img,
.tc-gastro-foto a img {
  width: 64px !important;
  height: 100% !important;
  min-height: 64px;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.tc-gastro-foto .thumbinner,
.tc-gastro-foto .thumb,
.tc-gastro-foto figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
}

/* línea de acento lateral */
.tc-gastro-item::before {
  content: '';
  position: absolute;
  left: 64px;
  top: 0; bottom: 0;
  width: 2px;
  background: var(--tc-gastro-acento, #e63946);
  opacity: 0;
  transition: opacity 0.2s;
}

.tc-gastro-item:hover::before {
  opacity: 1;
}

/* contenido textual */
.tc-gastro-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 12px 10px 14px;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.tc-gastro-nombre {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-gastro-lugar {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-desc {
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  line-height: 1.4;
  margin-top: 2px;
}

.tc-gastro-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 4px;
}

.tc-gastro-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.4);
  line-height: 1.4;
}

.tc-gastro-badge-acento {
  border-color: var(--tc-gastro-acento, #e63946);
  color: var(--tc-gastro-acento, #e63946);
}


/* ════════════════════════════════
   tc-transporte
   ════════════════════════════════ */
.tc-transporte {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-trans-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-trans-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-trans-acento, #1d6fa4);
}

.tc-trans-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

/* secciones: transporte y lugares */
.tc-trans-seccion {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-seccion-label {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding: 7px 14px 4px 14px;
}

.tc-trans-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-trans-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  position: relative;
  transition: background 0.2s;
}

.tc-trans-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-trans-item + .tc-trans-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* icono de transporte o lugar */
.tc-trans-icono {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255,255,255,0.05);
  overflow: hidden;
}

.tc-trans-icono img,
.tc-trans-icono a img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-trans-icono .thumbinner,
.tc-trans-icono .thumb,
.tc-trans-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-trans-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}

.tc-trans-nombre {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-desc {
  font-size: 9px;
  color: rgba(255,255,255,0.4);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-meta {
  font-size: 9px;
  font-weight: bold;
  color: var(--tc-trans-acento, #1d6fa4);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.04em;
}

/* divisor entre secciones */
.tc-trans-div {
  height: 1px;
  background: linear-gradient(
    to right,
    var(--tc-trans-acento, #1d6fa4),
    rgba(255,255,255,0.05)
  );
  margin: 4px 14px;
}

/* badge de lugar destacado */
.tc-trans-estrella {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tc-trans-acento, #1d6fa4);
  flex-shrink: 0;
}

/* texto adaptable según fondo */
.tc-gastro-nombre  { color: var(--tc-gastro-txt, #fff); }
.tc-gastro-desc    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); }
.tc-gastro-badge   { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); 
                     border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); }

.tc-trans-nombre   { color: var(--tc-trans-txt, #fff); }
.tc-trans-desc     { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); }
.tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); }
.tc-trans-subtitulo     { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); }
.tc-gastro-subtitulo    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); }

/* ════════════════════════════════
   tc-callout — base compartida
   ════════════════════════════════ */
.tc-callout {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}

.tc-callout-barra {
  width: 4px;
  flex-shrink: 0;
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  flex: 1;
  min-width: 0;
  background: var(--tc-co-bg, rgba(29,111,164,0.08));
}

.tc-callout-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.tc-callout-icono {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.tc-callout-icono img,
.tc-callout-icono a img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-callout-icono .thumbinner,
.tc-callout-icono .thumb,
.tc-callout-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-callout-tipo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-titulo {
  font-size: 13px;
  font-weight: bold;
  color: var(--tc-co-txt, #fff);
  line-height: 1.3;
}

.tc-callout-texto {
  font-size: 11px;
  line-height: 1.6;
  color: var(--tc-co-txt2, rgba(255,255,255,0.6));
}

.tc-callout-texto a {
  color: var(--tc-co-acento, #1d6fa4);
  text-decoration: none;
}

.tc-callout-texto a:hover {
  text-decoration: underline;
}

.tc-callout-footer {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
  margin-top: 2px;
}

/* ── variante: bloque lleno sin barra lateral ── */
.tc-callout-filled {
  flex-direction: column;
}

.tc-callout-filled .tc-callout-barra {
  width: 100%;
  height: 3px;
}

.tc-callout-filled .tc-callout-body {
  padding: 12px 14px;
}

/* ── variante: destacado con fondo marcado ── */
.tc-callout-solid .tc-callout-body {
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-solid .tc-callout-tipo {
  color: rgba(255,255,255,0.7);
}

.tc-callout-solid .tc-callout-titulo {
  color: #fff;
}

.tc-callout-solid .tc-callout-texto {
  color: rgba(255,255,255,0.75);
}

.tc-callout-solid .tc-callout-footer {
  color: rgba(255,255,255,0.6);
}

.tc-callout-solid .tc-callout-barra {
  background: rgba(0,0,0,0.2);
}

/* ── separador interno ── */
.tc-callout-sep {
  height: 1px;
  background: var(--tc-co-acento, #1d6fa4);
  opacity: 0.2;
  margin: 4px 0;
}

/* ════════════════════════════════
   tc-lista — lista de ítems simple
   ════════════════════════════════ */
.tc-lista {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-lista-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-lista-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-lista-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-lista-acento, #e63946);
}

.tc-lista-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-lista-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  transition: background 0.2s;
  position: relative;
}

.tc-lista-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-lista-item + .tc-lista-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-lista-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tc-lista-acento, #e63946);
  flex-shrink: 0;
}

.tc-lista-txt {
  font-size: 12px;
  color: var(--tc-lista-txt, #fff);
  line-height: 1.4;
  flex: 1;
}

.tc-lista-meta {
  font-size: 10px;
  font-weight: bold;
  color: var(--tc-lista-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ════════════════════════════════
   tc-cita — cita o quote destacado
   ════════════════════════════════ */
.tc-cita {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-cita-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 18px 16px 22px;
  overflow: hidden;
}

.tc-cita-marca {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 52px;
  line-height: 1;
  color: var(--tc-cita-acento, #e63946);
  opacity: 0.25;
  font-family: Georgia, serif;
  pointer-events: none;
  user-select: none;
}

.tc-cita-barra {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--tc-cita-acento, #e63946);
}

.tc-cita-texto {
  font-size: 13px;
  line-height: 1.7;
  color: var(--tc-cita-txt, #fff);
  font-style: italic;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.tc-cita-autor {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-cita-acento, #e63946);
  position: relative;
  z-index: 1;
}

.tc-cita-fuente {
  font-size: 9px;
  color: var(--tc-cita-txt2, rgba(255,255,255,0.35));
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

/* ════════════════════════════════
   tc-stat — estadísticas / cifras
   ════════════════════════════════ */
.tc-stat {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-stat-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-stat-header {
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-stat-acento, #e63946);
}

.tc-stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1;
  min-height: 0;
}

.tc-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  gap: 3px;
  position: relative;
  transition: background 0.2s;
}

.tc-stat-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-stat-item:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item + .tc-stat-item,
.tc-stat-item ~ .tc-stat-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item:nth-child(1),
.tc-stat-item:nth-child(2) {
  border-top: none;
}

.tc-stat-cifra {
  font-size: 22px;
  font-weight: bold;
  color: var(--tc-stat-acento, #e63946);
  line-height: 1;
  letter-spacing: -0.02em;
}

.tc-stat-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.4));
  text-align: center;
  line-height: 1.3;
}

.tc-stat-sub {
  font-size: 9px;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.25));
  text-align: center;
}


/* ════════════════════════════════
   ASISTENTE DE CREACIÓN DE ARTÍCULOS
   ════════════════════════════════ */
/* ════════════════════════════════
   HERO BANNER
   ════════════════════════════════ */
.hero-mascot {
  background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%);
  border-radius: 16px;
  padding: 1.75rem 1.75rem 1.5rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.hero-mascot::before {
  content: ''; position: absolute; top: -50px; right: -40px;
  width: 230px; height: 230px;
  background: rgba(255,255,255,0.06); border-radius: 50%;
}
.hero-mascot::after {
  content: ''; position: absolute; bottom: -70px; left: 28%;
  width: 280px; height: 280px;
  background: rgba(255,255,255,0.04); border-radius: 50%;
}
.hero-mascot-top {
  display: flex; align-items: flex-start; gap: 1.25rem;
  position: relative; z-index: 1;
}
.hero-mascot-mascot { flex-shrink: 0; }
.hero-mascot-mascot img {
  width: 120px; height: auto;
  filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3));
  animation: wvas-float 3.5s ease-in-out infinite;
}
.hero-mascot-title {
  font-size: 1.75rem; font-weight: 800; line-height: 1.2;
  margin: 0 0 0.4rem; color: #fff; border: none; padding: 0;
}
.hero-mascot-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; }
.hero-mascot-divider {
  border: none; border-top: 1px solid rgba(255,255,255,0.22);
  margin: 1.1rem 0 1rem; position: relative; z-index: 1;
}
.hero-mascot-about { position: relative; z-index: 1; }
.hero-mascot-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; }
.hero-mascot-about a { color: #21e82b; font-weight: 700; }
.hero-mascot-about p:last-child { margin: 0; }
 
/* ════════════════════════════════
   IMAGE BANNER (5 fotos + corte diagonal)
   ════════════════════════════════ */
.banner-images-banner {
  display: flex;
  height: 195px;
  border-radius: 14px;
  overflow: hidden;
  background: #004d70;
}
.banner-images-slot {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
  min-width: 0;
}
.banner-images-slot:not(:first-child) {
  clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -22px;
}
.banner-images-slot:nth-child(2) { z-index: 2; }
.banner-images-slot:nth-child(3) { z-index: 3; }
.banner-images-slot:nth-child(4) { z-index: 4; }
.banner-images-slot:nth-child(5) { z-index: 5; }
.banner-images-slot figure,
.banner-images-slot .mw-file-description,
.banner-images-slot a {
  display: block !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
}
.banner-images-slot img {
  display: block !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  margin: 0 !important; border: 0 !important;
  vertical-align: top !important; max-width: none !important;
}
 
/* ════════════════════════════════
   SECTION HEADER
   ════════════════════════════════ */
.title-awesome {
  display: flex; align-items: center; gap: 0.65rem;
  margin: 1.9rem 0 1rem;
}
.title-awesome-icon {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; flex-shrink: 0;
}
.title-awesome h1,h2,h3,h4,h5 {
  font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c;
}
.title-awesome-line { flex: 1; height: 2px; background: #dde4ec; }

/* ════════════════════════════════
   NORMAS — siempre visibles, con hover
   ════════════════════════════════ */
.wvas-norma {
  border-radius: 12px; padding: 0.9rem 1rem;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 0.7rem;
  align-items: center;
  border: 1.5px solid;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-norma:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.wvas-norma-mascot { width: 90px;  display: flex; align-items: center; justify-content: center; }
.wvas-norma-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-norma-mascot figure { float: none !important; margin: 0 !important; }
.wvas-norma-content { min-width: 0; }
.wvas-norma-title {
  font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
  letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.wvas-norma-text { font-size: 0.82rem; line-height: 1.57; }
.wvas-norma-text a { font-weight: 700; }
.wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.wvas-n-error .wvas-norma-title { color: #A32D2D; }
.wvas-n-error a { color: #A32D2D; }
.wvas-n-warn  { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.wvas-n-warn  .wvas-norma-title { color: #7a4a00; }
.wvas-n-warn  a { color: #854F0B; }
.wvas-n-tip   { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.wvas-n-tip   .wvas-norma-title { color: #0F6E56; }
.wvas-n-tip   a { color: #085041; }
.wvas-n-info  { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.wvas-n-info  .wvas-norma-title { color: #006699; }
.wvas-n-info  a { color: #006699; }
 
/* ════════════════════════════════
   CALLOUT (genérico)
   Grid interno: mascota | contenido (desktop)
                 mascota (arriba) + contenido (abajo) en mobile
   ════════════════════════════════ */
.callout-sable {
  border-radius: 12px; padding: 0.9rem 1.1rem;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.8rem;
  align-items: center;
  border-left: 4px solid;
  transition: box-shadow 0.18s;
}
.callout-sable:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); }
.callout-sable-mascot { width: 80px; display: flex; align-items: center; justify-content: center; }
.callout-sable-mascot img { width: 80px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.callout-sable-mascot figure { float: none !important; margin: 0 !important; }
.callout-sable-content { min-width: 0; }
.callout-sable-title {
  font-weight: 800; font-size: 0.81rem; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.22rem;
}
.callout-sable-body { font-size: 0.85rem; line-height: 1.58; }
.callout-sable-body a { font-weight: 700; text-decoration: none; }
.callout-sable-body a:hover { text-decoration: underline; }
.callout-sable-co-tip    { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; }
.callout-sable-co-tip    .callout-sable-title { color: #0F6E56; }
.callout-sable-co-tip    a { color: #085041; }
.callout-sable-co-info   { background: #E6F1FB; border-color: #006699; color: #042C53; }
.callout-sable-co-info   .callout-sable-title { color: #006699; }
.callout-sable-co-info   a { color: #185FA5; }
.callout-sable-co-warn   { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; }
.callout-sable-co-warn   .callout-sable-title { color: #7a4a00; }
.callout-sable-co-warn   a { color: #854F0B; }
.callout-sable-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; }
.callout-sable-co-purple .callout-sable-title { color: #534AB7; }
.callout-sable-co-purple a { color: #534AB7; }
.callout-sable-co-error  { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; }
.callout-sable-co-error  .callout-sable-title { color: #A32D2D; }
.callout-sable-co-error  a { color: #A32D2D; }
 
/* ════════════════════════════════
   TIPO CARDS — informativas + hover
   ════════════════════════════════ */
.wvas-tipo-card {
  background: #fff; border: 1.5px solid #d0dce8;
  border-radius: 16px; padding: 1.3rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  position: relative; overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  cursor: inherit;
}
.wvas-tipo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,60,100,0.12);
  border-color: #006699;
}
.wvas-tipo-card::after {
  content: ''; position: absolute; bottom: -18px; right: -18px;
  width: 70px; height: 70px; border-radius: 50%;
  background: rgba(0,102,153,0.05);
  transition: transform 0.3s;
}
.wvas-tipo-card:hover::after { transform: scale(1.4); }
.wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; }
.wvas-tipo-icon { flex-shrink: 0; }
.wvas-tipo-icon img { width: 70px; height: auto; }
.wvas-tipo-card h3 {
  font-size: 1.06rem; font-weight: 800; color: #003d5c;
  margin: 0; padding: 0; border: none;
}
.wvas-tipo-desc   { font-size: 0.84rem; color: #445; line-height: 1.57; }
.wvas-tipo-ej     { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.wvas-tc-destino    { border-top: 4px solid #006699; }
.wvas-tc-tematico   { border-top: 4px solid #534AB7; }
.wvas-tc-itinerario { border-top: 4px solid #1D9E75; }
.wvas-tc-conv       { border-top: 4px solid #BA7517; }
 
/* ════════════════════════════════
   Plantilla: Table awesome responsive
   ════════════════════════════════ */
.table-awesome {
  width: 100%; border-collapse: separate; border-spacing: 0;
  border: 1.5px solid #dde6ef; border-radius: 14px;
  overflow: hidden; font-size: 0.84rem;
}
.table-awesome thead tr {
  background: #006699; color: #fff;
}
.table-awesome thead th {
  padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.05em;
  text-align: left; border: none;
}
.table-awesome tbody tr {
  border-bottom: 1px solid #eef1f5;
  transition: background 0.15s;
}
.table-awesome tbody tr:last-child { border-bottom: none; }
.table-awesome tbody tr:hover { background: #f0f7fc; }
.table-awesome td {
  padding: 0.65rem 0.85rem; vertical-align: top;
  border: none; line-height: 1.5;
}
.table-awesome td:first-child {
  white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%;
}
.table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; }
.table-awesome td a:hover { text-decoration: underline; }
.table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; }
 
/* ════════════════════════════════
   WIDGET CREATE PANEL (único por tipo)
   ════════════════════════════════ */
.wvas-create {
  background: #f7fbff; border: 2px dashed #9fc9dd;
  border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem;
  margin: 0.75rem 0; text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.wvas-create:hover {
  border-color: #006699;
  box-shadow: 0 4px 16px rgba(0,102,153,0.1);
}
.wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; }
.wvas-create-mascot img {
  width: 120px; height: auto;
  animation: wvas-float 2.5s ease-in-out infinite;
}
.wvas-create h3 {
  font-size: 1.02rem; font-weight: 800; color: #003d5c;
  margin: 0 0 0.28rem; padding: 0; border: none;
}
.wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; }
 
/* ════════════════════════════════
   NIVELES DE CALIDAD
   ════════════════════════════════ */
.wvas-nivel {
  border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center;
  display: flex; flex-direction: column; gap: 0.3rem;
  border: 1.5px solid transparent;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-nivel:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; }
.wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; }
.wvas-nivel p  { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; }
.wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; }
.wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; }
.wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; }
.wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; }
 
/* ════════════════════════════════
   CHECKLIST PRE-PUBLICACIÓN
   ════════════════════════════════ */
.wvas-checklist {
  background: #fff; border: 1.5px solid #c8e6c8;
  border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem;
}
.wvas-checklist-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-checklist-header img { width: 36px; height: auto; }
.wvas-checklist-header h3 {
  font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none;
}
.wvas-check-list { list-style: none; padding: 0; margin: 0; }
.wvas-check-list li {
  display: flex; align-items: flex-start; gap: 0.65rem;
  font-size: 0.84rem; padding: 0.38rem 0;
  border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5;
  transition: background 0.12s;
}
.wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; }
.wvas-check-list li:last-child { border-bottom: none; }
.wvas-check-list li::before {
  content: '✓';   
  width: 20px; height: 20px; border-radius: 50%;
  background: #E1F5EE; border: 1.5px solid #1D9E75;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: #1D9E75; flex-shrink: 0;
  font-weight: 900; margin-top: 2px; 
}
 
/* ════════════════════════════════
   AYUDA — LINKS + hover
   ════════════════════════════════ */
.wvas-ayuda-card {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 12px; padding: 1rem 0.9rem;
  text-align: center; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; align-items: center; gap: 0.38rem;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.wvas-ayuda-card:hover {
  border-color: #006699;
  box-shadow: 0 4px 14px rgba(0,102,153,0.12);
  transform: translateY(-2px);
}
.wvas-ayuda-card img  { width: 80px; height: auto; }
.wvas-ayuda-card h4   { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; }
.wvas-ayuda-card p    { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; }
 
/* ════════════════════════════════
   REFERENCIA ARTÍCULOS ACEPTABLES
   ════════════════════════════════ */
.wvas-ref-box {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem;
}
.wvas-ref-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-ref-header img { width: 36px; height: auto; }
.wvas-ref-header h3  {
  font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none;
}
.wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
.wvas-ref-col-title {
  font-size: 0.78rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.5rem;
}
.callout-sable-col-ok  .wvas-ref-col-title { color: #1D9E75; }
.callout-sable-col-bad .wvas-ref-col-title { color: #A32D2D; }
.wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; }
.wvas-ref-list li {
  font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px;
  align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45;
  transition: background 0.12s;
}
.wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; }
.wvas-ref-list li:last-child { border-bottom: none; }
.callout-sable-col-ok  .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; }
.callout-sable-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; }
.wvas-ref-nota {
  font-size: 0.78rem; color: #666; padding-top: 0.5rem;
  border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; }
.wvas-ref-nota li::before { content: '· '; }
 
/* ════════════════════════════════
   ANIMACIÓN FLOTANTE
   ════════════════════════════════ */
@keyframes wvas-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-7px); }
}
 
/* ════════════════════════════════════════════════════════
   ESTRUCTURAS EN COLUMNAS RESPONSIVE
   ════════════════════════════════════════════════════════ */
.cols-2-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 14px; margin-bottom: 1.5rem;
}
.cols-20-80-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 0;
  border: 0.5px solid #dde6ef;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.cols-3-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px; margin-bottom: 1rem;
}
.cols-4-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8px; margin-bottom: 1rem;
}
/* ════════════════════════════════════════════════════════
   RESPONSIVE (GENERAL)
   ════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  .hero-mascot-title  { font-size: 1.45rem; }
  .wvas-tipo-grid     { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .wvas-ayuda-grid    { grid-template-columns: repeat(2, 1fr); }
  .banner-images-banner    { height: 130px; }
  .table-awesome { font-size: 0.79rem; }
 
  /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */
  .callout-sable {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-norma {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .callout-sable-mascot,
  .wvas-norma-mascot {
    width: auto;
  }
  .callout-sable-content,
  .wvas-norma-content {
    width: 100%;
    text-align: left;   /* el texto interior alineado a la izquierda */
  }
  .callout-sable-title,
  .wvas-norma-title {
    text-align: center; /* solo el título centrado */
  }
}
@media (max-width: 700px) {
  .cols-20-80-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .sp-sidebar {
    border-right: none;
    border-bottom: 0.5px solid #dde6ef;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 8px;
    gap: 6px;
  }
  .sp-sidebar-label,
  .sp-sidebar-foot { display: none; }
  .sp-item {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
    padding: 8px 10px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 3px;
  }
  /* En mobile el indicador es borde inferior */
  .sp-item.active::after { display: none; }
  .sp-item.active { border-bottom: 2px solid #006699; }
  .sp-item-icon img { margin: 0 auto; }
  .sp-item-hint { display: none; }
  .sp-content { padding: 16px; }
}
@media (max-width: 520px) {
  .hero-mascot-top      { flex-direction: column; gap: 0.75rem; }
  .hero-mascot-mascot img { width: 66px; }
  .hero-mascot-title  { font-size: 1.22rem; }
  .banner-images-banner    { height: 95px; border-radius: 10px; }
  .wvas-ref-cols      { grid-template-columns: 1fr; }
  .wvas-ayuda-grid    { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .table-awesome thead { display: none; }
  .table-awesome td { display: block; padding: 0.3rem 0.7rem; }
  .table-awesome td:first-child { padding-top: 0.7rem; }
  .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; }
}
@media (max-width: 420px) {
  .sp-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
   SELECTOR PANEL (20% / 80%)
   ════════════════════════════════ */
.sp-sidebar {
  background: #f5f7fa;
  border-right: 0.5px solid #dde6ef;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sp-sidebar-label {
  font-size: 11px;
  font-weight: 700;
  color: #9aa5b4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.sp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: 0.5px solid transparent;
  transition: background 0.15s, border-color 0.15s;
  user-select: none;
  position: relative;
}
.sp-item:hover {
  background: #fff;
  border-color: #c5d0dc;
}
.sp-item.active {
  background: #fff;
  border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.sp-item.active::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 20%;
  height: 60%;
  width: 2.5px;
  background: #006699;
  border-radius: 2px 0 0 2px;
}
.sp-item-icon {
  font-size: 20px;
  flex-shrink: 0;
  color: #9aa5b4;
  transition: color 0.15s;
  width: 22px;
  text-align: center;
}
/* Soporte para imagen wiki como icono */
.sp-item-icon img {
  width: 22px;
  height: auto;
  display: block;
  opacity: 0.55;
  transition: opacity 0.15s;
}
.sp-item.active .sp-item-icon { color: #006699; }
.sp-item.active .sp-item-icon img { opacity: 1; }
.sp-item-name {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  line-height: 1.3;
}
.sp-item-hint {
  font-size: 11px;
  color: #9aa5b4;
  margin-top: 1px;
}
/* Hint inferior del sidebar */
.sp-sidebar-foot {
  font-size: 11px;
  color: #b0bec5;
  text-align: center;
  padding: 6px 0 2px;
  margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.sp-content {
  padding: 20px 24px;
  overflow-y: auto;
  min-height: 300px;
}
.sp-panel { display: none; }
.sp-panel.active { display: block; }

/* ════════════════════════════════════════════════════════
   SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE
   ════════════════════════════════════════════════════════ */

/* ── Caja exterior que envuelve todo ── */
.doc-simple-outer {
  background: #f8f9fb;
  border: 1.5px solid #d8e2ec;
  border-radius: 14px;
  padding: 1.1rem 1.25rem 1rem;
  margin-bottom: 1.5rem;
  font-family: 'Segoe UI', Arial, sans-serif;
  max-width: 700px;
}
 
/* ── Introducción ── */
.doc-simple-intro { margin-bottom: 12px; }
.doc-simple-intro-top { display: flex; align-items: flex-start; gap: 10px; }
.doc-simple-tname-head {
  font-size: 1rem; font-weight: 700; color: #003d5c;
  margin: 0 0 4px; padding: 0; border: none;
}
.doc-simple-desc {
  font-size: 0.84rem; color: #445;
  line-height: 1.6; margin: 0 0 8px;
}
.doc-simple-hint {
  font-size: 0.8rem; color: #778;
  line-height: 1.5; margin: 0 0 10px;
}
.doc-simple-req-inline { color: #C0392B; font-weight: 600; }
.doc-simple-opt-inline { color: #2471A3; font-weight: 600; }
 
/* ── Leyenda ── */
.doc-simple-legend {
  display: flex; gap: 14px; flex-wrap: wrap;
  margin-bottom: 12px;
}
.doc-simple-leg {
  display: flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 600;
}
.doc-simple-leg::before {
  content: ''; width: 3px; height: 13px;
  border-radius: 2px; flex-shrink: 0; display: inline-block;
}
.doc-simple-req-leg { color: #C0392B; }
.doc-simple-req-leg::before { background: #C0392B; }
.doc-simple-opt-leg { color: #2471A3; }
.doc-simple-opt-leg::before { background: #2471A3; }
 
/* ── Cards (sintaxis y ejemplo) ── */
.doc-simple-card {
  background: #fff;
  border: 0.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.doc-simple-example-card { margin-bottom: 10px; }
 
/* ── Cabecera de card ── */
.doc-simple-card-top {
  background: #f0f4f8;
  border-bottom: 0.5px solid #cdd8e4;
  padding: 6px 12px;
  display: flex; align-items: center;
  justify-content: space-between; gap: 8px;
}
.doc-simple-card-label {
  font-size: 11px; font-weight: 700; color: #667;
  text-transform: uppercase; letter-spacing: 0.06em;
}
.doc-simple-card-label.example-label { color: #2471A3; }
 
/* ── Botón copiar ── */
.doc-simple-copy-btn {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11.5px; font-weight: 600; cursor: pointer;
  color: #334; background: #fff;
  border: 0.5px solid #bbc8d4; border-radius: 6px;
  padding: 3px 10px; user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
}
.doc-simple-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-simple-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
 
/* ── Bloque de código ── */
.doc-simple-block {
  padding: 6px 0 8px;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.35;
}
.doc-simple-block-open,
.doc-simple-block-close {
  padding: 3px 12px;
  color: #aab;
}
.doc-simple-blockname { color: #003d5c; font-weight: 600; }
.doc-simple-brace { color: #bbc; }
 
/* ── Filas de parámetros ── */
.doc-simple-params { padding: 0; }
.doc-simple-params &gt; * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.doc-simple-params p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.doc-simple-row {
  display: flex; align-items: baseline;
  padding: 2px 12px 2px 9px;
  border-left: 3px solid transparent;
  transition: background 0.1s;
  line-height: 1.5;
}
.doc-simple-row:hover { background: #f5f8fb; }
.doc-simple-req { border-color: #C0392B; }
.doc-simple-opt { border-color: #2471A3; }
.doc-simple-req .doc-simple-key { color: #C0392B; }
.doc-simple-opt .doc-simple-key { color: #2471A3; }
.doc-simple-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; }
.doc-simple-key { font-weight: 700; white-space: nowrap; }
.doc-simple-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; }
.doc-simple-optvals { color: #889; font-size: 12px; }
 
/* Filas del bloque ejemplo (generadas por JS) */
.doc-simple-example-val { color: #334; }
 
/* ── Notas al pie ── */
.doc-simple-footer {
  border-top: 0.5px solid #dde6ef;
  padding: 8px 2px 0;
  display: flex; flex-direction: column; gap: 3px;
  margin-top: 4px;
}
.doc-simple-nota {
  font-size: 11.5px; color: #889; line-height: 1.5;
	padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem;
}
.doc-simple-nota ul { list-style: none; padding: 0; margin: 0; }
.doc-simple-nota li::before { content: '→ '; color: #bbc; }

/* ── Responsive ── */
@media (max-width: 520px) {
  .doc-simple-outer { padding: 0.85rem 0.9rem; }
  .doc-simple-card-top { flex-direction: column; align-items: flex-start; gap: 6px; }
  .doc-simple-copy-btn { width: 100%; justify-content: center; }
}

/* ════════════════════════════════════════════════════════
   SELECTOR HORIZONTAL DE PESTAÑAS
   ════════════════════════════════════════════════════════ */
/* ── Contenedor general ── */
.htab-wrap {
  border: 0.5px solid #cdd8e4;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

/* ── Barra superior: color + patrón de puntos ── */
.htab-bar {
  background-color: #D4537E;
  background-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.12) 1.5px,
    transparent 1.5px
  );
  background-size: 20px 20px;
  position: relative;
  overflow: hidden;
  padding: 14px 14px 12px;
  border-bottom: 2.5px solid #993556;
}

/* ── Fondo animado: formas moviéndose de derecha a izquierda ── */
.htab-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.htab-bg-track {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  height: 100%;
  white-space: nowrap;
  animation: htab-marquee 18s linear infinite;
}
@keyframes htab-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Formas del fondo */
.hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); }
.hs-circle  { width: 9px;  height: 9px;  border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; }
.hs-bar     { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); }
.hs-sq      { width: 8px;  height: 8px;  border: 1.5px solid rgba(255,255,255,0.18); }
.hs-tri     { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); }

/* ── Pestañas ── */
.htab-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  position: relative;
  z-index: 1;
}
.htab-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 8px;
  padding: 7px 15px;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: background 0.15s, transform 0.13s, border-color 0.15s;
}
.htab-tab:hover:not(.active) {
  background: rgba(255,255,255,0.25);
  transform: translateY(-2px);
}
.htab-tab.active {
  background: #EF9F27;
  border-color: #BA7517;
  color: #412402;
  transform: translateY(-1px);
}
/* Imágenes wiki dentro de la pestaña como icono */
.htab-tab figure { float: none !important; margin: 0 !important; }
.htab-tab img    { width: 18px; height: auto; display: block; }

/* ── Partículas ── */
.htab-prt {
  position: absolute;
  pointer-events: none;
  z-index: 20;
  border-radius: 50%;
}

/* Click — explosión */
.htab-prt-b {
  animation: htab-burst var(--dur, 0.4s) ease-out forwards;
}
@keyframes htab-burst {
  0%   { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; }
  100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; }
}

/* Hover — flotantes */
.htab-prt-h {
  animation: htab-float var(--dur, 0.65s) ease-out forwards;
}
@keyframes htab-float {
  0%   { transform: translateY(0) translateX(0); opacity: 0.85; }
  100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; }
}

/* ── Área de contenido ── */
.htab-panels {
  background: #fff;
  padding: 22px 22px 18px;
  min-height: 160px;
}
.htab-panel { display: none; }
.htab-panel.active {
  display: block;
  animation: htab-fadein 0.22s ease;
}
@keyframes htab-fadein {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 700px) {
  .htab-bar  { padding: 11px; }
  .htab-tab  { padding: 6px 12px; font-size: 12px; gap: 5px; }
  .htab-panels { padding: 16px; }
}
@media (max-width: 420px) {
  .htab-tab  { padding: 5px 10px; font-size: 11px; }
  .htab-panels { padding: 12px; }
}

/* ════════════════════════════════════════════════════════════════
   WVA - SISTEMA DE SECCIONES DE ARTÍCULO
   ════════════════════════════════════════════════════════════════ */

/* ═══ ANIMACIONES ═══ */
@keyframes wva-in  { from{opacity:0;transform:translateY(10px)}  to{opacity:1;transform:translateY(0)} }
@keyframes wva-sl  { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} }
@keyframes wva-pop { from{opacity:0;transform:scale(0.93)}       to{opacity:1;transform:scale(1)} }
@keyframes wva-bar { from{width:0} to{width:var(--w,100%)} }
@keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} }
@keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} }

/* ══════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════ */
.wva-hero{
  background:var(--pk);position:relative;overflow:hidden;
  padding:28px 24px 44px;border-bottom:3px solid #111;
  clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%);
  margin-bottom:-2px;animation:in 0.6s ease both;
}
.wva-hero-dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px);
  background-size:22px 22px;}
.wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px;
  letter-spacing:10px;animation:glo 2.5s ease-in-out infinite}
.wva-hi{position:relative;z-index:1}
.wva-hi-loc{display:inline-block;background:var(--yw);color:#111;
  font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111;
  line-height:.95;margin-bottom:12px;border:none;padding:0}
.wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px}
.wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px}

/* ══════════════════════════════════════════════════════
   FICHA TÉCNICA — barra de stats oscura
   ══════════════════════════════════════════════════════ */
.wva-ficha {
  background: var(--bk); padding: 16px 20px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
  gap: 16px; border-bottom: var(--bd);
  animation: wva-in .5s ease .08s both;
}
/* Dot pattern sobre negro */
.wva-ficha::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px);
  background-size: 14px 14px;
}
.wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; }
.wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); }
.wva-fb-info strong { color:var(--yw);font-weight:700; }

.wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; }
.wva-sg { font-size:14px;font-weight:900;width:30px; }
.wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; }
.wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; }
.sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)}
.sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)}

/* ══════════════════════════════════════════════════════
   SECTION WRAPPER
   ══════════════════════════════════════════════════════ */
.wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; }
.bg-w   { background:#fff; }
.bg-yw  { background:var(--yw);position:relative; }
.bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; }
.bg-yw &gt; * { position:relative;z-index:1; }
.bg-cr  { background:#FFF8F0; }
.bg-war { background:#FFF5F5; }
.bg-mn  { background:#FFFDE7; }
.bg-sc  { background:#FFF0F8;
  background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; }
.bg-hl  { background:#F0FFF4; }
.bg-mv  { background:#F8F8FF; }
.bg-ar  { background:#F0F9FF; }

/* ══════════════════════════════════════════════════════
   SECTION HEADER
   ══════════════════════════════════════════════════════ */
.wva-sh {
  display:flex;align-items:center;gap:10px;
  padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden;
}
.wva-sh .ico { font-size:17px;flex-shrink:0; }
.wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; }
.wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; }

/* NEGRO + AMARILLO (estilo SQUAD) */
.sh-bk { background:var(--bk); }
.sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; }
.sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; }

/* AMARILLO + NEGRO (estilo VANGUARD) */
.sh-yw { background:var(--yw); }
.sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; }
.sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; }

.sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff}
.sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff}
.sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff}
.sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff}
.sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff}
.sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff}
.sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)}

/* ══════════════════════════════════════════════════════
   SUBHEADER
   ══════════════════════════════════════════════════════ */
.wva-sub {
  display:flex;align-items:center;gap:8px;padding:8px 20px 4px;
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);
}
.wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; }

/* ══════════════════════════════════════════════════════
   BODY / 2 COLS
   ══════════════════════════════════════════════════════ */
.wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; }
.wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; }
.wva-body strong { color:var(--bk);font-weight:700; }

.wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; }
.wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   GRIDS
   ══════════════════════════════════════════════════════ */
.g    { padding:12px 20px; }
.g-2  { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.g-3  { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.g-a  { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; }
.g-r  { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; }
.g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; }

/* ══════════════════════════════════════════════════════
   PRACTICAL TIP CARD
   ══════════════════════════════════════════════════════ */
.ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden;
  transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; }
.ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); }
.ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; }
.ptip-b strong { color:var(--bk);font-weight:700; }

.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }

/* ══════════════════════════════════════════════════════
   TALENT CARD (secretos — estilo squad card)
   ══════════════════════════════════════════════════════ */
.tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px;
  overflow:hidden;position:relative;animation:wva-pop .4s ease both;
  transition:transform .15s,box-shadow .15s;cursor:default; }
.tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); }
.tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; }

.tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;
  padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; }
.tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; }
.tcard-stats { margin-bottom:7px; }
.tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); }
.tsg { font-size:13px;font-weight:900;width:26px; }
.tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; }
.tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; }
.tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; }
.tcard-tags { display:flex;gap:4px;flex-wrap:wrap; }

/* ══════════════════════════════════════════════════════
   REGION CARD
   ══════════════════════════════════════════════════════ */
.rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px;
  border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; }
.rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }
.rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; }

/* ══════════════════════════════════════════════════════
   CITY CARD
   ══════════════════════════════════════════════════════ */
.ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r);
  cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; }
.ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); }
.ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;
  border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; }
.ccard-badge.pk { background:var(--pk);color:#fff; }
.ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; }

/* ══════════════════════════════════════════════════════
   TRANSPORT CARD
   ══════════════════════════════════════════════════════ */
.tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r);
  display:flex;flex-direction:column;gap:6px;cursor:default;
  transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; }
.tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); }
.tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.tport-icon { font-size:24px;line-height:1; }
.tport-name { font-size:13px;font-weight:800;color:var(--bk); }
.tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; }
.tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)}
.tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)}
.tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)}
.tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)}
.tp-bk::before{background:var(--bk)}

/* ══════════════════════════════════════════════════════
   ALERT BOX
   ══════════════════════════════════════════════════════ */
.wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px;
  border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; }
.wva-al + .wva-al { margin-top:8px; }
.wva-al:last-of-type { margin-bottom:12px; }
.a-warn  { border-color:var(--rd); background:#FFF5F5; }
.a-tip   { border-color:var(--cy); background:#F0FDFF; }
.a-ok    { border-color:var(--gn); background:#F0FFF4; }
.a-money { border-color:#F5A000;   background:#FFFDE7; }
.a-info  { border-color:var(--bl); background:#F0F8FF; }
.a-pink  { border-color:var(--pk); background:#FFF0F8; }
.al-em   { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; }
.al-txt  { font-size:12.5px;color:#333;line-height:1.62; }
.al-txt strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   LIST ITEMS
   ══════════════════════════════════════════════════════ */
.wva-list { padding:0 20px 12px; }
.wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08);
  align-items:flex-start;transition:padding-left .14s;cursor:default; }
.wva-li:last-child { border-bottom:none; }
.wva-li:hover { padding-left:6px; }
.wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm);
  display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;
  background:var(--wh);transition:transform .14s; }
.wva-li:hover .wva-li-ico { transform:scale(1.06); }
.wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; }
.wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; }
.wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; }

/* ══════════════════════════════════════════════════════
   NEXT DESTINATIONS
   ══════════════════════════════════════════════════════ */
.wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; }
.ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r);
  padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default;
  transition:background .14s,transform .14s,box-shadow .14s; }
.ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }

/* ══════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════ */
@media (max-width:760px) {
  .wva-hero { grid-template-columns:1fr; }
  .wva-himg { display:none; }
  .wva-hc::after { display:none; }
  .wva-hi-h { font-size:38px; }
  .g-2,.g-3 { grid-template-columns:1fr; }
  .wva-2c { grid-template-columns:1fr; }
  .wva-ficha { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px) {
  .wva-hc { padding:20px 14px 28px; }
  .wva-hi-h { font-size:28px; }
  .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; }
  .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; }
  .wva-al { margin-left:14px;margin-right:14px; }
  .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; }
  .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; }
}</text>
      <sha1>27o86re8dfozw84oxzcq3osa4v79m4n</sha1>
    </revision>
    <revision>
      <id>253800</id>
      <parentid>253795</parentid>
      <timestamp>2026-05-23T01:59:57Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253800</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="82204" sha1="mjztqy1expflbwiy6tjnvo9djeot755" xml:space="preserve">/* ════════════════════════════════
   Función de acordeón tipo FAQ / Funciona con el js correspondiente
   ════════════════════════════════ */
.accordion-content{
    display:none;
}

.accordion-content.active {
    display:block;
}

.accordion-clicky{
    cursor:pointer;
    user-select:none;
}

:root {
  --pk: #FF00BB;  --yw: #FFE600;  --cy: #00BFFF;
  --gn: #00C853;  --or: #FF6B00;  --rd: #FF2200;
  --pu: #7A00FF;  --bl: #0099FF;  --bk: #111111;
  --wh: #FFFFFF;  --mu: #555555;
  --bd:  3px solid #111;
  --bd2: 2.5px solid #111;
  --r:   10px;
  --rsm: 6px;
  --rlg: 16px;
  --font: 'Segoe UI', Arial, sans-serif;
}

.wva-config { box-sizing: border-box; margin: 0; padding: 0; margin: 0 auto; background: var(--wh); border: var(--bd); overflow: hidden; font-family: var(--font)}

/* ── Reset interno ── */
.config-general * { box-sizing: border-box; }
.config-general { font-family: var(--font); line-height: 1.6; }

/* ── Force links icon ── */
.doc-simple-outer a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;])::after,
.config-general a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;]):not([href*=&quot;/File:&quot;]):not([href*=&quot;/Archivo:&quot;])::after {
  content: ' [↗]';
  font-size: 0.78em;
  opacity: 0.55;
  font-weight: normal;
  text-decoration: none;
}
.config-general a:has(img)::after{
    content:none !important;
}
/* El enlace [editar] no participa en el flex */
.config-general .mw-editsection {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
}

/* ════════════════════════════════
   Decorativos inline
   ════════════════════════════════ */
.chip-inline {
  display: inline-block; font-size: 0.69rem; font-weight: 700;
  padding: 1px 8px; border-radius: 20px; margin-top: 3px;
  color: #fff;
}
.badge-inline {
	background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px
			  }
.tag-inline {
  display: inline-block; font-size: 0.72rem; font-weight: 700;
  padding: 3px 10px; border-radius: 20px;
  background: #E6F1FB; color: #006699; margin-top: 0.3rem;
  text-decoration: none; transition: background 0.15s;
}
.tag-inline:hover { background: #c5dff0; }

.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }

/* ════════════════════════════════
   Structures
   ════════════════════════════════ */
.tags-structure { display:flex;gap:5px;flex-wrap:wrap; }

/* ════════════════════════════════
   DocCopiar
   ════════════════════════════════ */
.doc-copiar-wrap {
  border: 1.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1rem;
  font-family: 'Segoe UI', Arial, sans-serif;
}
.doc-copiar-bar {
  background: #f0f4f8;
  border-bottom: 1px solid #cdd8e4;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.doc-copiar-lbl {
  font-size: 11px;
  font-weight: 700;
  color: #667;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.doc-copiar-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  color: #334;
  background: #fff;
  border: 0.5px solid #bbc8d4;
  border-radius: 6px;
  padding: 3px 10px;
  user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
  white-space: nowrap;
}
.doc-copiar-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-copiar-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
.doc-copiar-pre {
  margin: 0;
  padding: 12px 14px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 13px;
  line-height: 1.65;
  color: #2a2a3a;
  white-space: pre-wrap;
  word-break: break-word;
  background: #fff;
  overflow-x: auto;
  border: none;
}
/* ════════════════════════════════
   Plantilla: Tríptico - Código para que funcione bien. Full Responsive
   ════════════════════════════════ */
.triptico {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: stretch;
}

.triptico-wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.triptico-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ── card base ── */
.tc-card {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.tc-card::before {
  content: '';
  display: block;
  padding-top: var(--card-ratio, 100%);
}

.tc-card-inner {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}

/* imagen wiki como fondo */
.tc-card-img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  display: block;
}

.tc-card-img a,
.tc-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  text-decoration: none;
  pointer-events: none;
}

/* enlace que cubre todo el card */
.tc-card-link {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 5;
  display: block;
  background: transparent;
}

.tc-card-link:hover ~ .tc-tag-top,
.tc-card-link:hover ~ .tc-tag-bot {
  background: rgba(0,0,0,0.82);
}

/* ── tags de esquina ── */
.tc-tag-top {
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-tag-bot {
  position: absolute;
  bottom: 0; right: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  text-align: right;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-card-inner:hover .tc-tag-top {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-card-inner:hover .tc-tag-bot {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-tag-top,
.tc-tag-bot {
  transition: background 0.25s;
}

.tc-tag-top::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

.tc-tag-bot::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

/* ── card-vert ── */
.tc-card-vert .tc-card-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.tc-texto-vert {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.3em;
  writing-mode: vertical-rl;
  transform: rotate(180deg) scaleX(1.4);
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  font-size: var(--vert-size, 56px);
  z-index: 3;
  position: relative;
  pointer-events: none;
  margin-right: 14px;
  margin-top: 10px;
  margin-left: 30px;
}

/* ── bloque de texto ── */
.tc-texto {
  width: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
  background: var(--tc-texto-bg, transparent);
  color: var(--tc-texto-color, inherit);
}

/* ── header flotante ── */
.tc-header-wrap {
  position: absolute;
  top: 0;
  left: 0; right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.tc-header {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 22px;
  background: var(--tc-header-bg, #111);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  white-space: nowrap;
  pointer-events: auto;
  transition: background 0.25s;
}

.tc-header::before {
  content: '';
  position: absolute;
  inset: 2px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);
}

.tc-header-accent {
  position: absolute;
  bottom: -3px;
  left: 10px; right: 10px;
  height: 2px;
  background: var(--tc-acento, #e63946);
  transition: background 0.25s;
}

@media (max-width: 900px) {
  .triptico { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .triptico { grid-template-columns: 1fr; }
}

/* tc-tira */
.tc-tira {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex: none;
  min-height: 72px;
  max-height: 110px;
  background: var(--tc-tira-bg, #111);
  overflow: hidden;
}

/* línea de acento superior */
.tc-tira::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--tc-tira-acento, #e63946);
  z-index: 2;
}

/* brillo sutil */
.tc-tira-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.tc-tira-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding: 10px 6px;
  gap: 3px;
  text-align: center;
  transition: background 0.2s;
}

.tc-tira-items {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 3px 0 0 0;
  min-width: 0;
}

.tc-tira-item:hover {
  background: rgba(255,255,255,0.04);
}

.tc-tira-item img,
.tc-tira-item a img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 2px;
}

.tc-tira-item .thumbinner,
.tc-tira-item .thumb,
.tc-tira-item figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-tira-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-valor {
  font-size: 12px;
  font-weight: bold;
  color: var(--tc-tira-txt, #fff);
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-sep {
  width: 1px;
  align-self: stretch;
  background: rgba(255,255,255,0.08);
  flex-shrink: 0;
  margin: 10px 0;
}

/* ── itinerario ── */
.tc-itinerario {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 0 6px 0;
  background: var(--tc-it-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tc-it-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  margin-bottom: 4px;
}

.tc-it-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-it-acento, #e63946);
  flex: 1;
}

.tc-it-total {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}

/* línea de tiempo vertical */
.tc-it-linea {
  position: absolute;
  left: 28px;
  top: 50px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    var(--tc-it-acento, #e63946),
    rgba(255,255,255,0.05)
  );
}

.tc-it-lista {
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.tc-it-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px 14px 8px 48px;
  transition: background 0.2s;
}

.tc-it-item:hover {
  background: rgba(255,255,255,0.03);
}

/* nodo en la línea de tiempo */
.tc-it-nodo {
  position: absolute;
  left: 22px;
  top: 13px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--tc-it-bg, #0d0d0d);
  border: 2px solid var(--tc-it-acento, #e63946);
  box-sizing: border-box;
  z-index: 2;
}

.tc-it-item:first-child .tc-it-nodo {
  background: var(--tc-it-acento, #e63946);
}

/* fila superior: lugar + tiempo */
.tc-it-fila-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}

.tc-it-lugar {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tc-it-tiempo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: var(--tc-it-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* actividad */
.tc-it-actividad {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
  margin-bottom: 4px;
}

/* badges de propiedades */
.tc-it-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.tc-it-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
  line-height: 1.4;
}

.tc-it-badge-acento {
  border-color: var(--tc-it-acento, #e63946);
  color: var(--tc-it-acento, #e63946);
}

/* separador entre items */
.tc-it-item + .tc-it-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 48px; right: 14px;
  height: 1px;
  background: rgba(255,255,255,0.05);
}

/* ════════════════════════════════
   tc-gastronomia
   ════════════════════════════════ */
.tc-gastro {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-gastro-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-gastro-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-gastro-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

.tc-gastro-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  justify-content: space-between;
}

.tc-gastro-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  position: relative;
  transition: background 0.2s;
}

.tc-gastro-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-gastro-item + .tc-gastro-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* foto */
.tc-gastro-foto {
  width: 64px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.tc-gastro-foto img,
.tc-gastro-foto a img {
  width: 64px !important;
  height: 100% !important;
  min-height: 64px;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.tc-gastro-foto .thumbinner,
.tc-gastro-foto .thumb,
.tc-gastro-foto figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
}

/* línea de acento lateral */
.tc-gastro-item::before {
  content: '';
  position: absolute;
  left: 64px;
  top: 0; bottom: 0;
  width: 2px;
  background: var(--tc-gastro-acento, #e63946);
  opacity: 0;
  transition: opacity 0.2s;
}

.tc-gastro-item:hover::before {
  opacity: 1;
}

/* contenido textual */
.tc-gastro-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 12px 10px 14px;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.tc-gastro-nombre {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-gastro-lugar {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-desc {
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  line-height: 1.4;
  margin-top: 2px;
}

.tc-gastro-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 4px;
}

.tc-gastro-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.4);
  line-height: 1.4;
}

.tc-gastro-badge-acento {
  border-color: var(--tc-gastro-acento, #e63946);
  color: var(--tc-gastro-acento, #e63946);
}


/* ════════════════════════════════
   tc-transporte
   ════════════════════════════════ */
.tc-transporte {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-trans-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-trans-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-trans-acento, #1d6fa4);
}

.tc-trans-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

/* secciones: transporte y lugares */
.tc-trans-seccion {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-seccion-label {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding: 7px 14px 4px 14px;
}

.tc-trans-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-trans-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  position: relative;
  transition: background 0.2s;
}

.tc-trans-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-trans-item + .tc-trans-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* icono de transporte o lugar */
.tc-trans-icono {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255,255,255,0.05);
  overflow: hidden;
}

.tc-trans-icono img,
.tc-trans-icono a img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-trans-icono .thumbinner,
.tc-trans-icono .thumb,
.tc-trans-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-trans-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}

.tc-trans-nombre {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-desc {
  font-size: 9px;
  color: rgba(255,255,255,0.4);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-meta {
  font-size: 9px;
  font-weight: bold;
  color: var(--tc-trans-acento, #1d6fa4);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.04em;
}

/* divisor entre secciones */
.tc-trans-div {
  height: 1px;
  background: linear-gradient(
    to right,
    var(--tc-trans-acento, #1d6fa4),
    rgba(255,255,255,0.05)
  );
  margin: 4px 14px;
}

/* badge de lugar destacado */
.tc-trans-estrella {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tc-trans-acento, #1d6fa4);
  flex-shrink: 0;
}

/* texto adaptable según fondo */
.tc-gastro-nombre  { color: var(--tc-gastro-txt, #fff); }
.tc-gastro-desc    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); }
.tc-gastro-badge   { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); 
                     border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); }

.tc-trans-nombre   { color: var(--tc-trans-txt, #fff); }
.tc-trans-desc     { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); }
.tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); }
.tc-trans-subtitulo     { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); }
.tc-gastro-subtitulo    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); }

/* ════════════════════════════════
   tc-callout — base compartida
   ════════════════════════════════ */
.tc-callout {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}

.tc-callout-barra {
  width: 4px;
  flex-shrink: 0;
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  flex: 1;
  min-width: 0;
  background: var(--tc-co-bg, rgba(29,111,164,0.08));
}

.tc-callout-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.tc-callout-icono {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.tc-callout-icono img,
.tc-callout-icono a img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-callout-icono .thumbinner,
.tc-callout-icono .thumb,
.tc-callout-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-callout-tipo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-titulo {
  font-size: 13px;
  font-weight: bold;
  color: var(--tc-co-txt, #fff);
  line-height: 1.3;
}

.tc-callout-texto {
  font-size: 11px;
  line-height: 1.6;
  color: var(--tc-co-txt2, rgba(255,255,255,0.6));
}

.tc-callout-texto a {
  color: var(--tc-co-acento, #1d6fa4);
  text-decoration: none;
}

.tc-callout-texto a:hover {
  text-decoration: underline;
}

.tc-callout-footer {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
  margin-top: 2px;
}

/* ── variante: bloque lleno sin barra lateral ── */
.tc-callout-filled {
  flex-direction: column;
}

.tc-callout-filled .tc-callout-barra {
  width: 100%;
  height: 3px;
}

.tc-callout-filled .tc-callout-body {
  padding: 12px 14px;
}

/* ── variante: destacado con fondo marcado ── */
.tc-callout-solid .tc-callout-body {
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-solid .tc-callout-tipo {
  color: rgba(255,255,255,0.7);
}

.tc-callout-solid .tc-callout-titulo {
  color: #fff;
}

.tc-callout-solid .tc-callout-texto {
  color: rgba(255,255,255,0.75);
}

.tc-callout-solid .tc-callout-footer {
  color: rgba(255,255,255,0.6);
}

.tc-callout-solid .tc-callout-barra {
  background: rgba(0,0,0,0.2);
}

/* ── separador interno ── */
.tc-callout-sep {
  height: 1px;
  background: var(--tc-co-acento, #1d6fa4);
  opacity: 0.2;
  margin: 4px 0;
}

/* ════════════════════════════════
   tc-lista — lista de ítems simple
   ════════════════════════════════ */
.tc-lista {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-lista-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-lista-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-lista-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-lista-acento, #e63946);
}

.tc-lista-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-lista-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  transition: background 0.2s;
  position: relative;
}

.tc-lista-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-lista-item + .tc-lista-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-lista-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tc-lista-acento, #e63946);
  flex-shrink: 0;
}

.tc-lista-txt {
  font-size: 12px;
  color: var(--tc-lista-txt, #fff);
  line-height: 1.4;
  flex: 1;
}

.tc-lista-meta {
  font-size: 10px;
  font-weight: bold;
  color: var(--tc-lista-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ════════════════════════════════
   tc-cita — cita o quote destacado
   ════════════════════════════════ */
.tc-cita {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-cita-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 18px 16px 22px;
  overflow: hidden;
}

.tc-cita-marca {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 52px;
  line-height: 1;
  color: var(--tc-cita-acento, #e63946);
  opacity: 0.25;
  font-family: Georgia, serif;
  pointer-events: none;
  user-select: none;
}

.tc-cita-barra {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--tc-cita-acento, #e63946);
}

.tc-cita-texto {
  font-size: 13px;
  line-height: 1.7;
  color: var(--tc-cita-txt, #fff);
  font-style: italic;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.tc-cita-autor {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-cita-acento, #e63946);
  position: relative;
  z-index: 1;
}

.tc-cita-fuente {
  font-size: 9px;
  color: var(--tc-cita-txt2, rgba(255,255,255,0.35));
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

/* ════════════════════════════════
   tc-stat — estadísticas / cifras
   ════════════════════════════════ */
.tc-stat {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-stat-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-stat-header {
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-stat-acento, #e63946);
}

.tc-stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1;
  min-height: 0;
}

.tc-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  gap: 3px;
  position: relative;
  transition: background 0.2s;
}

.tc-stat-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-stat-item:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item + .tc-stat-item,
.tc-stat-item ~ .tc-stat-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item:nth-child(1),
.tc-stat-item:nth-child(2) {
  border-top: none;
}

.tc-stat-cifra {
  font-size: 22px;
  font-weight: bold;
  color: var(--tc-stat-acento, #e63946);
  line-height: 1;
  letter-spacing: -0.02em;
}

.tc-stat-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.4));
  text-align: center;
  line-height: 1.3;
}

.tc-stat-sub {
  font-size: 9px;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.25));
  text-align: center;
}


/* ════════════════════════════════
   ASISTENTE DE CREACIÓN DE ARTÍCULOS
   ════════════════════════════════ */
/* ════════════════════════════════
   HERO BANNER
   ════════════════════════════════ */
.hero-mascot {
  background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%);
  border-radius: 16px;
  padding: 1.75rem 1.75rem 1.5rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.hero-mascot::before {
  content: ''; position: absolute; top: -50px; right: -40px;
  width: 230px; height: 230px;
  background: rgba(255,255,255,0.06); border-radius: 50%;
}
.hero-mascot::after {
  content: ''; position: absolute; bottom: -70px; left: 28%;
  width: 280px; height: 280px;
  background: rgba(255,255,255,0.04); border-radius: 50%;
}
.hero-mascot-top {
  display: flex; align-items: flex-start; gap: 1.25rem;
  position: relative; z-index: 1;
}
.hero-mascot-mascot { flex-shrink: 0; }
.hero-mascot-mascot img {
  width: 120px; height: auto;
  filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3));
  animation: wvas-float 3.5s ease-in-out infinite;
}
.hero-mascot-title {
  font-size: 1.75rem; font-weight: 800; line-height: 1.2;
  margin: 0 0 0.4rem; color: #fff; border: none; padding: 0;
}
.hero-mascot-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; }
.hero-mascot-divider {
  border: none; border-top: 1px solid rgba(255,255,255,0.22);
  margin: 1.1rem 0 1rem; position: relative; z-index: 1;
}
.hero-mascot-about { position: relative; z-index: 1; }
.hero-mascot-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; }
.hero-mascot-about a { color: #21e82b; font-weight: 700; }
.hero-mascot-about p:last-child { margin: 0; }
 
/* ════════════════════════════════
   IMAGE BANNER (5 fotos + corte diagonal)
   ════════════════════════════════ */
.banner-images-banner {
  display: flex;
  height: 195px;
  border-radius: 14px;
  overflow: hidden;
  background: #004d70;
}
.banner-images-slot {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
  min-width: 0;
}
.banner-images-slot:not(:first-child) {
  clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -22px;
}
.banner-images-slot:nth-child(2) { z-index: 2; }
.banner-images-slot:nth-child(3) { z-index: 3; }
.banner-images-slot:nth-child(4) { z-index: 4; }
.banner-images-slot:nth-child(5) { z-index: 5; }
.banner-images-slot figure,
.banner-images-slot .mw-file-description,
.banner-images-slot a {
  display: block !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
}
.banner-images-slot img {
  display: block !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  margin: 0 !important; border: 0 !important;
  vertical-align: top !important; max-width: none !important;
}
 
/* ════════════════════════════════
   SECTION HEADER
   ════════════════════════════════ */
.header-awesome {
  display: flex; align-items: center; gap: 0.65rem;
  margin: 1.9rem 0 1rem;
}
.header-awesome-icon {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; flex-shrink: 0;
}
.header-awesome h1,h2,h3,h4,h5 {
  font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c;
}
.header-awesome-line { flex: 1; height: 2px; background: #dde4ec; }

/* ════════════════════════════════
   NORMAS — siempre visibles, con hover
   ════════════════════════════════ */
.wvas-norma {
  border-radius: 12px; padding: 0.9rem 1rem;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 0.7rem;
  align-items: center;
  border: 1.5px solid;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-norma:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.wvas-norma-mascot { width: 90px;  display: flex; align-items: center; justify-content: center; }
.wvas-norma-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-norma-mascot figure { float: none !important; margin: 0 !important; }
.wvas-norma-content { min-width: 0; }
.wvas-norma-title {
  font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
  letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.wvas-norma-text { font-size: 0.82rem; line-height: 1.57; }
.wvas-norma-text a { font-weight: 700; }
.wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.wvas-n-error .wvas-norma-title { color: #A32D2D; }
.wvas-n-error a { color: #A32D2D; }
.wvas-n-warn  { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.wvas-n-warn  .wvas-norma-title { color: #7a4a00; }
.wvas-n-warn  a { color: #854F0B; }
.wvas-n-tip   { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.wvas-n-tip   .wvas-norma-title { color: #0F6E56; }
.wvas-n-tip   a { color: #085041; }
.wvas-n-info  { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.wvas-n-info  .wvas-norma-title { color: #006699; }
.wvas-n-info  a { color: #006699; }
 
/* ════════════════════════════════
   CALLOUT (genérico)
   Grid interno: mascota | contenido (desktop)
                 mascota (arriba) + contenido (abajo) en mobile
   ════════════════════════════════ */
.callout-sable {
  border-radius: 12px; padding: 0.9rem 1.1rem;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.8rem;
  align-items: center;
  border-left: 4px solid;
  transition: box-shadow 0.18s;
}
.callout-sable:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); }
.callout-sable-mascot { width: 80px; display: flex; align-items: center; justify-content: center; }
.callout-sable-mascot img { width: 80px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.callout-sable-mascot figure { float: none !important; margin: 0 !important; }
.callout-sable-content { min-width: 0; }
.callout-sable-title {
  font-weight: 800; font-size: 0.81rem; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.22rem;
}
.callout-sable-body { font-size: 0.85rem; line-height: 1.58; }
.callout-sable-body a { font-weight: 700; text-decoration: none; }
.callout-sable-body a:hover { text-decoration: underline; }
.callout-sable-co-tip    { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; }
.callout-sable-co-tip    .callout-sable-title { color: #0F6E56; }
.callout-sable-co-tip    a { color: #085041; }
.callout-sable-co-info   { background: #E6F1FB; border-color: #006699; color: #042C53; }
.callout-sable-co-info   .callout-sable-title { color: #006699; }
.callout-sable-co-info   a { color: #185FA5; }
.callout-sable-co-warn   { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; }
.callout-sable-co-warn   .callout-sable-title { color: #7a4a00; }
.callout-sable-co-warn   a { color: #854F0B; }
.callout-sable-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; }
.callout-sable-co-purple .callout-sable-title { color: #534AB7; }
.callout-sable-co-purple a { color: #534AB7; }
.callout-sable-co-error  { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; }
.callout-sable-co-error  .callout-sable-title { color: #A32D2D; }
.callout-sable-co-error  a { color: #A32D2D; }
 
/* ════════════════════════════════
   TIPO CARDS — informativas + hover
   ════════════════════════════════ */
.wvas-tipo-card {
  background: #fff; border: 1.5px solid #d0dce8;
  border-radius: 16px; padding: 1.3rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  position: relative; overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  cursor: inherit;
}
.wvas-tipo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,60,100,0.12);
  border-color: #006699;
}
.wvas-tipo-card::after {
  content: ''; position: absolute; bottom: -18px; right: -18px;
  width: 70px; height: 70px; border-radius: 50%;
  background: rgba(0,102,153,0.05);
  transition: transform 0.3s;
}
.wvas-tipo-card:hover::after { transform: scale(1.4); }
.wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; }
.wvas-tipo-icon { flex-shrink: 0; }
.wvas-tipo-icon img { width: 70px; height: auto; }
.wvas-tipo-card h3 {
  font-size: 1.06rem; font-weight: 800; color: #003d5c;
  margin: 0; padding: 0; border: none;
}
.wvas-tipo-desc   { font-size: 0.84rem; color: #445; line-height: 1.57; }
.wvas-tipo-ej     { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.wvas-tc-destino    { border-top: 4px solid #006699; }
.wvas-tc-tematico   { border-top: 4px solid #534AB7; }
.wvas-tc-itinerario { border-top: 4px solid #1D9E75; }
.wvas-tc-conv       { border-top: 4px solid #BA7517; }
 
/* ════════════════════════════════
   Plantilla: Table awesome responsive
   ════════════════════════════════ */
.table-awesome {
  width: 100%; border-collapse: separate; border-spacing: 0;
  border: 1.5px solid #dde6ef; border-radius: 14px;
  overflow: hidden; font-size: 0.84rem;
}
.table-awesome thead tr {
  background: #006699; color: #fff;
}
.table-awesome thead th {
  padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.05em;
  text-align: left; border: none;
}
.table-awesome tbody tr {
  border-bottom: 1px solid #eef1f5;
  transition: background 0.15s;
}
.table-awesome tbody tr:last-child { border-bottom: none; }
.table-awesome tbody tr:hover { background: #f0f7fc; }
.table-awesome td {
  padding: 0.65rem 0.85rem; vertical-align: top;
  border: none; line-height: 1.5;
}
.table-awesome td:first-child {
  white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%;
}
.table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; }
.table-awesome td a:hover { text-decoration: underline; }
.table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; }
 
/* ════════════════════════════════
   WIDGET CREATE PANEL (único por tipo)
   ════════════════════════════════ */
.wvas-create {
  background: #f7fbff; border: 2px dashed #9fc9dd;
  border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem;
  margin: 0.75rem 0; text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.wvas-create:hover {
  border-color: #006699;
  box-shadow: 0 4px 16px rgba(0,102,153,0.1);
}
.wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; }
.wvas-create-mascot img {
  width: 120px; height: auto;
  animation: wvas-float 2.5s ease-in-out infinite;
}
.wvas-create h3 {
  font-size: 1.02rem; font-weight: 800; color: #003d5c;
  margin: 0 0 0.28rem; padding: 0; border: none;
}
.wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; }
 
/* ════════════════════════════════
   NIVELES DE CALIDAD
   ════════════════════════════════ */
.wvas-nivel {
  border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center;
  display: flex; flex-direction: column; gap: 0.3rem;
  border: 1.5px solid transparent;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-nivel:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; }
.wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; }
.wvas-nivel p  { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; }
.wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; }
.wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; }
.wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; }
.wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; }
 
/* ════════════════════════════════
   CHECKLIST PRE-PUBLICACIÓN
   ════════════════════════════════ */
.wvas-checklist {
  background: #fff; border: 1.5px solid #c8e6c8;
  border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem;
}
.wvas-checklist-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-checklist-header img { width: 36px; height: auto; }
.wvas-checklist-header h3 {
  font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none;
}
.wvas-check-list { list-style: none; padding: 0; margin: 0; }
.wvas-check-list li {
  display: flex; align-items: flex-start; gap: 0.65rem;
  font-size: 0.84rem; padding: 0.38rem 0;
  border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5;
  transition: background 0.12s;
}
.wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; }
.wvas-check-list li:last-child { border-bottom: none; }
.wvas-check-list li::before {
  content: '✓';   
  width: 20px; height: 20px; border-radius: 50%;
  background: #E1F5EE; border: 1.5px solid #1D9E75;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: #1D9E75; flex-shrink: 0;
  font-weight: 900; margin-top: 2px; 
}
 
/* ════════════════════════════════
   AYUDA — LINKS + hover
   ════════════════════════════════ */
.wvas-ayuda-card {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 12px; padding: 1rem 0.9rem;
  text-align: center; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; align-items: center; gap: 0.38rem;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.wvas-ayuda-card:hover {
  border-color: #006699;
  box-shadow: 0 4px 14px rgba(0,102,153,0.12);
  transform: translateY(-2px);
}
.wvas-ayuda-card img  { width: 80px; height: auto; }
.wvas-ayuda-card h4   { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; }
.wvas-ayuda-card p    { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; }
 
/* ════════════════════════════════
   REFERENCIA ARTÍCULOS ACEPTABLES
   ════════════════════════════════ */
.wvas-ref-box {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem;
}
.wvas-ref-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-ref-header img { width: 36px; height: auto; }
.wvas-ref-header h3  {
  font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none;
}
.wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
.wvas-ref-col-title {
  font-size: 0.78rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.5rem;
}
.callout-sable-col-ok  .wvas-ref-col-title { color: #1D9E75; }
.callout-sable-col-bad .wvas-ref-col-title { color: #A32D2D; }
.wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; }
.wvas-ref-list li {
  font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px;
  align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45;
  transition: background 0.12s;
}
.wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; }
.wvas-ref-list li:last-child { border-bottom: none; }
.callout-sable-col-ok  .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; }
.callout-sable-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; }
.wvas-ref-nota {
  font-size: 0.78rem; color: #666; padding-top: 0.5rem;
  border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; }
.wvas-ref-nota li::before { content: '· '; }
 
/* ════════════════════════════════
   ANIMACIÓN FLOTANTE
   ════════════════════════════════ */
@keyframes wvas-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-7px); }
}
 
/* ════════════════════════════════════════════════════════
   ESTRUCTURAS EN COLUMNAS RESPONSIVE
   ════════════════════════════════════════════════════════ */
.cols-2-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 14px; margin-bottom: 1.5rem;
}
.cols-20-80-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 0;
  border: 0.5px solid #dde6ef;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.cols-3-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px; margin-bottom: 1rem;
}
.cols-4-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8px; margin-bottom: 1rem;
}
/* ════════════════════════════════════════════════════════
   RESPONSIVE (GENERAL)
   ════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  .hero-mascot-title  { font-size: 1.45rem; }
  .wvas-tipo-grid     { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .wvas-ayuda-grid    { grid-template-columns: repeat(2, 1fr); }
  .banner-images-banner    { height: 130px; }
  .table-awesome { font-size: 0.79rem; }
 
  /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */
  .callout-sable {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-norma {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .callout-sable-mascot,
  .wvas-norma-mascot {
    width: auto;
  }
  .callout-sable-content,
  .wvas-norma-content {
    width: 100%;
    text-align: left;   /* el texto interior alineado a la izquierda */
  }
  .callout-sable-title,
  .wvas-norma-title {
    text-align: center; /* solo el título centrado */
  }
}
@media (max-width: 700px) {
  .cols-20-80-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .sp-sidebar {
    border-right: none;
    border-bottom: 0.5px solid #dde6ef;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 8px;
    gap: 6px;
  }
  .sp-sidebar-label,
  .sp-sidebar-foot { display: none; }
  .sp-item {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
    padding: 8px 10px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 3px;
  }
  /* En mobile el indicador es borde inferior */
  .sp-item.active::after { display: none; }
  .sp-item.active { border-bottom: 2px solid #006699; }
  .sp-item-icon img { margin: 0 auto; }
  .sp-item-hint { display: none; }
  .sp-content { padding: 16px; }
}
@media (max-width: 520px) {
  .hero-mascot-top      { flex-direction: column; gap: 0.75rem; }
  .hero-mascot-mascot img { width: 66px; }
  .hero-mascot-title  { font-size: 1.22rem; }
  .banner-images-banner    { height: 95px; border-radius: 10px; }
  .wvas-ref-cols      { grid-template-columns: 1fr; }
  .wvas-ayuda-grid    { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .table-awesome thead { display: none; }
  .table-awesome td { display: block; padding: 0.3rem 0.7rem; }
  .table-awesome td:first-child { padding-top: 0.7rem; }
  .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; }
}
@media (max-width: 420px) {
  .sp-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
   SELECTOR PANEL (20% / 80%)
   ════════════════════════════════ */
.sp-sidebar {
  background: #f5f7fa;
  border-right: 0.5px solid #dde6ef;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sp-sidebar-label {
  font-size: 11px;
  font-weight: 700;
  color: #9aa5b4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.sp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: 0.5px solid transparent;
  transition: background 0.15s, border-color 0.15s;
  user-select: none;
  position: relative;
}
.sp-item:hover {
  background: #fff;
  border-color: #c5d0dc;
}
.sp-item.active {
  background: #fff;
  border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.sp-item.active::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 20%;
  height: 60%;
  width: 2.5px;
  background: #006699;
  border-radius: 2px 0 0 2px;
}
.sp-item-icon {
  font-size: 20px;
  flex-shrink: 0;
  color: #9aa5b4;
  transition: color 0.15s;
  width: 22px;
  text-align: center;
}
/* Soporte para imagen wiki como icono */
.sp-item-icon img {
  width: 22px;
  height: auto;
  display: block;
  opacity: 0.55;
  transition: opacity 0.15s;
}
.sp-item.active .sp-item-icon { color: #006699; }
.sp-item.active .sp-item-icon img { opacity: 1; }
.sp-item-name {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  line-height: 1.3;
}
.sp-item-hint {
  font-size: 11px;
  color: #9aa5b4;
  margin-top: 1px;
}
/* Hint inferior del sidebar */
.sp-sidebar-foot {
  font-size: 11px;
  color: #b0bec5;
  text-align: center;
  padding: 6px 0 2px;
  margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.sp-content {
  padding: 20px 24px;
  overflow-y: auto;
  min-height: 300px;
}
.sp-panel { display: none; }
.sp-panel.active { display: block; }

/* ════════════════════════════════════════════════════════
   SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE
   ════════════════════════════════════════════════════════ */

/* ── Caja exterior que envuelve todo ── */
.doc-simple-outer {
  background: #f8f9fb;
  border: 1.5px solid #d8e2ec;
  border-radius: 14px;
  padding: 1.1rem 1.25rem 1rem;
  margin-bottom: 1.5rem;
  font-family: 'Segoe UI', Arial, sans-serif;
  max-width: 700px;
}
 
/* ── Introducción ── */
.doc-simple-intro { margin-bottom: 12px; }
.doc-simple-intro-top { display: flex; align-items: flex-start; gap: 10px; }
.doc-simple-tname-head {
  font-size: 1rem; font-weight: 700; color: #003d5c;
  margin: 0 0 4px; padding: 0; border: none;
}
.doc-simple-desc {
  font-size: 0.84rem; color: #445;
  line-height: 1.6; margin: 0 0 8px;
}
.doc-simple-hint {
  font-size: 0.8rem; color: #778;
  line-height: 1.5; margin: 0 0 10px;
}
.doc-simple-req-inline { color: #C0392B; font-weight: 600; }
.doc-simple-opt-inline { color: #2471A3; font-weight: 600; }
 
/* ── Leyenda ── */
.doc-simple-legend {
  display: flex; gap: 14px; flex-wrap: wrap;
  margin-bottom: 12px;
}
.doc-simple-leg {
  display: flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 600;
}
.doc-simple-leg::before {
  content: ''; width: 3px; height: 13px;
  border-radius: 2px; flex-shrink: 0; display: inline-block;
}
.doc-simple-req-leg { color: #C0392B; }
.doc-simple-req-leg::before { background: #C0392B; }
.doc-simple-opt-leg { color: #2471A3; }
.doc-simple-opt-leg::before { background: #2471A3; }
 
/* ── Cards (sintaxis y ejemplo) ── */
.doc-simple-card {
  background: #fff;
  border: 0.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.doc-simple-example-card { margin-bottom: 10px; }
 
/* ── Cabecera de card ── */
.doc-simple-card-top {
  background: #f0f4f8;
  border-bottom: 0.5px solid #cdd8e4;
  padding: 6px 12px;
  display: flex; align-items: center;
  justify-content: space-between; gap: 8px;
}
.doc-simple-card-label {
  font-size: 11px; font-weight: 700; color: #667;
  text-transform: uppercase; letter-spacing: 0.06em;
}
.doc-simple-card-label.example-label { color: #2471A3; }
 
/* ── Botón copiar ── */
.doc-simple-copy-btn {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11.5px; font-weight: 600; cursor: pointer;
  color: #334; background: #fff;
  border: 0.5px solid #bbc8d4; border-radius: 6px;
  padding: 3px 10px; user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
}
.doc-simple-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-simple-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
 
/* ── Bloque de código ── */
.doc-simple-block {
  padding: 6px 0 8px;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.35;
}
.doc-simple-block-open,
.doc-simple-block-close {
  padding: 3px 12px;
  color: #aab;
}
.doc-simple-blockname { color: #003d5c; font-weight: 600; }
.doc-simple-brace { color: #bbc; }
 
/* ── Filas de parámetros ── */
.doc-simple-params { padding: 0; }
.doc-simple-params &gt; * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.doc-simple-params p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.doc-simple-row {
  display: flex; align-items: baseline;
  padding: 2px 12px 2px 9px;
  border-left: 3px solid transparent;
  transition: background 0.1s;
  line-height: 1.5;
}
.doc-simple-row:hover { background: #f5f8fb; }
.doc-simple-req { border-color: #C0392B; }
.doc-simple-opt { border-color: #2471A3; }
.doc-simple-req .doc-simple-key { color: #C0392B; }
.doc-simple-opt .doc-simple-key { color: #2471A3; }
.doc-simple-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; }
.doc-simple-key { font-weight: 700; white-space: nowrap; }
.doc-simple-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; }
.doc-simple-optvals { color: #889; font-size: 12px; }
 
/* Filas del bloque ejemplo (generadas por JS) */
.doc-simple-example-val { color: #334; }
 
/* ── Notas al pie ── */
.doc-simple-footer {
  border-top: 0.5px solid #dde6ef;
  padding: 8px 2px 0;
  display: flex; flex-direction: column; gap: 3px;
  margin-top: 4px;
}
.doc-simple-nota {
  font-size: 11.5px; color: #889; line-height: 1.5;
	padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem;
}
.doc-simple-nota ul { list-style: none; padding: 0; margin: 0; }
.doc-simple-nota li::before { content: '→ '; color: #bbc; }

/* ── Responsive ── */
@media (max-width: 520px) {
  .doc-simple-outer { padding: 0.85rem 0.9rem; }
  .doc-simple-card-top { flex-direction: column; align-items: flex-start; gap: 6px; }
  .doc-simple-copy-btn { width: 100%; justify-content: center; }
}

/* ════════════════════════════════════════════════════════
   SELECTOR HORIZONTAL DE PESTAÑAS
   ════════════════════════════════════════════════════════ */
/* ── Contenedor general ── */
.htab-wrap {
  border: 0.5px solid #cdd8e4;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

/* ── Barra superior: color + patrón de puntos ── */
.htab-bar {
  background-color: #D4537E;
  background-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.12) 1.5px,
    transparent 1.5px
  );
  background-size: 20px 20px;
  position: relative;
  overflow: hidden;
  padding: 14px 14px 12px;
  border-bottom: 2.5px solid #993556;
}

/* ── Fondo animado: formas moviéndose de derecha a izquierda ── */
.htab-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.htab-bg-track {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  height: 100%;
  white-space: nowrap;
  animation: htab-marquee 18s linear infinite;
}
@keyframes htab-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Formas del fondo */
.hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); }
.hs-circle  { width: 9px;  height: 9px;  border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; }
.hs-bar     { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); }
.hs-sq      { width: 8px;  height: 8px;  border: 1.5px solid rgba(255,255,255,0.18); }
.hs-tri     { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); }

/* ── Pestañas ── */
.htab-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  position: relative;
  z-index: 1;
}
.htab-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 8px;
  padding: 7px 15px;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: background 0.15s, transform 0.13s, border-color 0.15s;
}
.htab-tab:hover:not(.active) {
  background: rgba(255,255,255,0.25);
  transform: translateY(-2px);
}
.htab-tab.active {
  background: #EF9F27;
  border-color: #BA7517;
  color: #412402;
  transform: translateY(-1px);
}
/* Imágenes wiki dentro de la pestaña como icono */
.htab-tab figure { float: none !important; margin: 0 !important; }
.htab-tab img    { width: 18px; height: auto; display: block; }

/* ── Partículas ── */
.htab-prt {
  position: absolute;
  pointer-events: none;
  z-index: 20;
  border-radius: 50%;
}

/* Click — explosión */
.htab-prt-b {
  animation: htab-burst var(--dur, 0.4s) ease-out forwards;
}
@keyframes htab-burst {
  0%   { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; }
  100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; }
}

/* Hover — flotantes */
.htab-prt-h {
  animation: htab-float var(--dur, 0.65s) ease-out forwards;
}
@keyframes htab-float {
  0%   { transform: translateY(0) translateX(0); opacity: 0.85; }
  100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; }
}

/* ── Área de contenido ── */
.htab-panels {
  background: #fff;
  padding: 22px 22px 18px;
  min-height: 160px;
}
.htab-panel { display: none; }
.htab-panel.active {
  display: block;
  animation: htab-fadein 0.22s ease;
}
@keyframes htab-fadein {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 700px) {
  .htab-bar  { padding: 11px; }
  .htab-tab  { padding: 6px 12px; font-size: 12px; gap: 5px; }
  .htab-panels { padding: 16px; }
}
@media (max-width: 420px) {
  .htab-tab  { padding: 5px 10px; font-size: 11px; }
  .htab-panels { padding: 12px; }
}

/* ════════════════════════════════════════════════════════════════
   WVA - SISTEMA DE SECCIONES DE ARTÍCULO
   ════════════════════════════════════════════════════════════════ */

/* ═══ ANIMACIONES ═══ */
@keyframes wva-in  { from{opacity:0;transform:translateY(10px)}  to{opacity:1;transform:translateY(0)} }
@keyframes wva-sl  { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} }
@keyframes wva-pop { from{opacity:0;transform:scale(0.93)}       to{opacity:1;transform:scale(1)} }
@keyframes wva-bar { from{width:0} to{width:var(--w,100%)} }
@keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} }
@keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} }

/* ══════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════ */
.wva-hero{
  background:var(--pk);position:relative;overflow:hidden;
  padding:28px 24px 44px;border-bottom:3px solid #111;
  clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%);
  margin-bottom:-2px;animation:in 0.6s ease both;
}
.wva-hero-dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px);
  background-size:22px 22px;}
.wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px;
  letter-spacing:10px;animation:glo 2.5s ease-in-out infinite}
.wva-hi{position:relative;z-index:1}
.wva-hi-loc{display:inline-block;background:var(--yw);color:#111;
  font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111;
  line-height:.95;margin-bottom:12px;border:none;padding:0}
.wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px}
.wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px}

/* ══════════════════════════════════════════════════════
   FICHA TÉCNICA — barra de stats oscura
   ══════════════════════════════════════════════════════ */
.wva-ficha {
  background: var(--bk); padding: 16px 20px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
  gap: 16px; border-bottom: var(--bd);
  animation: wva-in .5s ease .08s both;
}
/* Dot pattern sobre negro */
.wva-ficha::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px);
  background-size: 14px 14px;
}
.wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; }
.wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); }
.wva-fb-info strong { color:var(--yw);font-weight:700; }

.wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; }
.wva-sg { font-size:14px;font-weight:900;width:30px; }
.wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; }
.wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; }
.sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)}
.sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)}

/* ══════════════════════════════════════════════════════
   SECTION WRAPPER
   ══════════════════════════════════════════════════════ */
.wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; }
.bg-w   { background:#fff; }
.bg-yw  { background:var(--yw);position:relative; }
.bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; }
.bg-yw &gt; * { position:relative;z-index:1; }
.bg-cr  { background:#FFF8F0; }
.bg-war { background:#FFF5F5; }
.bg-mn  { background:#FFFDE7; }
.bg-sc  { background:#FFF0F8;
  background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; }
.bg-hl  { background:#F0FFF4; }
.bg-mv  { background:#F8F8FF; }
.bg-ar  { background:#F0F9FF; }

/* ══════════════════════════════════════════════════════
   SECTION HEADER
   ══════════════════════════════════════════════════════ */
.wva-sh {
  display:flex;align-items:center;gap:10px;
  padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden;
}
.wva-sh .ico { font-size:17px;flex-shrink:0; }
.wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; }
.wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; }

/* NEGRO + AMARILLO (estilo SQUAD) */
.sh-bk { background:var(--bk); }
.sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; }
.sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; }

/* AMARILLO + NEGRO (estilo VANGUARD) */
.sh-yw { background:var(--yw); }
.sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; }
.sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; }

.sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff}
.sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff}
.sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff}
.sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff}
.sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff}
.sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff}
.sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)}

/* ══════════════════════════════════════════════════════
   SUBHEADER
   ══════════════════════════════════════════════════════ */
.wva-sub {
  display:flex;align-items:center;gap:8px;padding:8px 20px 4px;
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);
}
.wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; }

/* ══════════════════════════════════════════════════════
   BODY / 2 COLS
   ══════════════════════════════════════════════════════ */
.wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; }
.wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; }
.wva-body strong { color:var(--bk);font-weight:700; }

.wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; }
.wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   GRIDS
   ══════════════════════════════════════════════════════ */
.g    { padding:12px 20px; }
.g-2  { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.g-3  { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.g-a  { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; }
.g-r  { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; }
.g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; }

/* ══════════════════════════════════════════════════════
   PRACTICAL TIP CARD
   ══════════════════════════════════════════════════════ */
.ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden;
  transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; }
.ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); }
.ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; }
.ptip-b strong { color:var(--bk);font-weight:700; }

.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }

/* ══════════════════════════════════════════════════════
   TALENT CARD (secretos — estilo squad card)
   ══════════════════════════════════════════════════════ */
.tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px;
  overflow:hidden;position:relative;animation:wva-pop .4s ease both;
  transition:transform .15s,box-shadow .15s;cursor:default; }
.tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); }
.tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; }

.tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;
  padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; }
.tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; }
.tcard-stats { margin-bottom:7px; }
.tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); }
.tsg { font-size:13px;font-weight:900;width:26px; }
.tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; }
.tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; }
.tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; }
.tcard-tags { display:flex;gap:4px;flex-wrap:wrap; }

/* ══════════════════════════════════════════════════════
   REGION CARD
   ══════════════════════════════════════════════════════ */
.rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px;
  border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; }
.rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }
.rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; }

/* ══════════════════════════════════════════════════════
   CITY CARD
   ══════════════════════════════════════════════════════ */
.ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r);
  cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; }
.ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); }
.ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;
  border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; }
.ccard-badge.pk { background:var(--pk);color:#fff; }
.ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; }

/* ══════════════════════════════════════════════════════
   TRANSPORT CARD
   ══════════════════════════════════════════════════════ */
.tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r);
  display:flex;flex-direction:column;gap:6px;cursor:default;
  transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; }
.tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); }
.tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.tport-icon { font-size:24px;line-height:1; }
.tport-name { font-size:13px;font-weight:800;color:var(--bk); }
.tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; }
.tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)}
.tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)}
.tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)}
.tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)}
.tp-bk::before{background:var(--bk)}

/* ══════════════════════════════════════════════════════
   ALERT BOX
   ══════════════════════════════════════════════════════ */
.wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px;
  border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; }
.wva-al + .wva-al { margin-top:8px; }
.wva-al:last-of-type { margin-bottom:12px; }
.a-warn  { border-color:var(--rd); background:#FFF5F5; }
.a-tip   { border-color:var(--cy); background:#F0FDFF; }
.a-ok    { border-color:var(--gn); background:#F0FFF4; }
.a-money { border-color:#F5A000;   background:#FFFDE7; }
.a-info  { border-color:var(--bl); background:#F0F8FF; }
.a-pink  { border-color:var(--pk); background:#FFF0F8; }
.al-em   { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; }
.al-txt  { font-size:12.5px;color:#333;line-height:1.62; }
.al-txt strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   LIST ITEMS
   ══════════════════════════════════════════════════════ */
.wva-list { padding:0 20px 12px; }
.wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08);
  align-items:flex-start;transition:padding-left .14s;cursor:default; }
.wva-li:last-child { border-bottom:none; }
.wva-li:hover { padding-left:6px; }
.wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm);
  display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;
  background:var(--wh);transition:transform .14s; }
.wva-li:hover .wva-li-ico { transform:scale(1.06); }
.wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; }
.wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; }
.wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; }

/* ══════════════════════════════════════════════════════
   NEXT DESTINATIONS
   ══════════════════════════════════════════════════════ */
.wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; }
.ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r);
  padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default;
  transition:background .14s,transform .14s,box-shadow .14s; }
.ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }

/* ══════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════ */
@media (max-width:760px) {
  .wva-hero { grid-template-columns:1fr; }
  .wva-himg { display:none; }
  .wva-hc::after { display:none; }
  .wva-hi-h { font-size:38px; }
  .g-2,.g-3 { grid-template-columns:1fr; }
  .wva-2c { grid-template-columns:1fr; }
  .wva-ficha { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px) {
  .wva-hc { padding:20px 14px 28px; }
  .wva-hi-h { font-size:28px; }
  .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; }
  .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; }
  .wva-al { margin-left:14px;margin-right:14px; }
  .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; }
  .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; }
}</text>
      <sha1>mjztqy1expflbwiy6tjnvo9djeot755</sha1>
    </revision>
    <revision>
      <id>253809</id>
      <parentid>253800</parentid>
      <timestamp>2026-05-23T02:17:21Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253809</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="82209" sha1="3h2zc32fi4kmttpxops3gc6ssb82y9w" xml:space="preserve">/* ════════════════════════════════
   Función de acordeón tipo FAQ / Funciona con el js correspondiente
   ════════════════════════════════ */
.accordion-content{
    display:none;
}

.accordion-content.active {
    display:block;
}

.accordion-clicky{
    cursor:pointer;
    user-select:none;
}

:root {
  --pk: #FF00BB;  --yw: #FFE600;  --cy: #00BFFF;
  --gn: #00C853;  --or: #FF6B00;  --rd: #FF2200;
  --pu: #7A00FF;  --bl: #0099FF;  --bk: #111111;
  --wh: #FFFFFF;  --mu: #555555;
  --bd:  3px solid #111;
  --bd2: 2.5px solid #111;
  --r:   10px;
  --rsm: 6px;
  --rlg: 16px;
  --font: 'Segoe UI', Arial, sans-serif;
}

.wva-config { box-sizing: border-box; margin: 0; padding: 0; margin: 0 auto; background: var(--wh); border: var(--bd); overflow: hidden; font-family: var(--font)}

/* ── Reset interno ── */
.config-general * { box-sizing: border-box; }
.config-general { font-family: var(--font); line-height: 1.6; }

/* ── Force links icon ── */
.doc-simple-outer a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;])::after,
.config-general a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;]):not([href*=&quot;/File:&quot;]):not([href*=&quot;/Archivo:&quot;])::after {
  content: ' [↗]';
  font-size: 0.78em;
  opacity: 0.55;
  font-weight: normal;
  text-decoration: none;
}
.config-general a:has(img)::after{
    content:none !important;
}
/* El enlace [editar] no participa en el flex */
.config-general .mw-editsection {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
}

/* ════════════════════════════════
   Decorativos inline
   ════════════════════════════════ */
.chip-inline {
  display: inline-block; font-size: 0.69rem; font-weight: 700;
  padding: 1px 8px; border-radius: 20px; margin-top: 3px;
  color: #fff;
}
.badge-inline {
	background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px
			  }
.tag-inline {
  display: inline-block; font-size: 0.72rem; font-weight: 700;
  padding: 3px 10px; border-radius: 20px;
  background: #E6F1FB; color: #006699; margin-top: 0.3rem;
  text-decoration: none; transition: background 0.15s;
}
.tag-inline:hover { background: #c5dff0; }

.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }

/* ════════════════════════════════
   Structures
   ════════════════════════════════ */
.tags-structure { display:flex;gap:5px;flex-wrap:wrap; }

/* ════════════════════════════════
   DocCopiar
   ════════════════════════════════ */
.doc-copiar-wrap {
  border: 1.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1rem;
  font-family: 'Segoe UI', Arial, sans-serif;
}
.doc-copiar-bar {
  background: #f0f4f8;
  border-bottom: 1px solid #cdd8e4;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.doc-copiar-lbl {
  font-size: 11px;
  font-weight: 700;
  color: #667;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.doc-copiar-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  color: #334;
  background: #fff;
  border: 0.5px solid #bbc8d4;
  border-radius: 6px;
  padding: 3px 10px;
  user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
  white-space: nowrap;
}
.doc-copiar-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-copiar-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
.doc-copiar-pre {
  margin: 0;
  padding: 12px 14px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 13px;
  line-height: 1.65;
  color: #2a2a3a;
  white-space: pre-wrap;
  word-break: break-word;
  background: #fff;
  overflow-x: auto;
  border: none;
}
/* ════════════════════════════════
   Plantilla: Tríptico - Código para que funcione bien. Full Responsive
   ════════════════════════════════ */
.triptico {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: stretch;
}

.triptico-wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.triptico-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ── card base ── */
.tc-card {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.tc-card::before {
  content: '';
  display: block;
  padding-top: var(--card-ratio, 100%);
}

.tc-card-inner {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}

/* imagen wiki como fondo */
.tc-card-img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  display: block;
}

.tc-card-img a,
.tc-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  text-decoration: none;
  pointer-events: none;
}

/* enlace que cubre todo el card */
.tc-card-link {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 5;
  display: block;
  background: transparent;
}

.tc-card-link:hover ~ .tc-tag-top,
.tc-card-link:hover ~ .tc-tag-bot {
  background: rgba(0,0,0,0.82);
}

/* ── tags de esquina ── */
.tc-tag-top {
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-tag-bot {
  position: absolute;
  bottom: 0; right: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  text-align: right;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-card-inner:hover .tc-tag-top {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-card-inner:hover .tc-tag-bot {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-tag-top,
.tc-tag-bot {
  transition: background 0.25s;
}

.tc-tag-top::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

.tc-tag-bot::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

/* ── card-vert ── */
.tc-card-vert .tc-card-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.tc-texto-vert {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.3em;
  writing-mode: vertical-rl;
  transform: rotate(180deg) scaleX(1.4);
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  font-size: var(--vert-size, 56px);
  z-index: 3;
  position: relative;
  pointer-events: none;
  margin-right: 14px;
  margin-top: 10px;
  margin-left: 30px;
}

/* ── bloque de texto ── */
.tc-texto {
  width: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
  background: var(--tc-texto-bg, transparent);
  color: var(--tc-texto-color, inherit);
}

/* ── header flotante ── */
.tc-header-wrap {
  position: absolute;
  top: 0;
  left: 0; right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.tc-header {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 22px;
  background: var(--tc-header-bg, #111);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  white-space: nowrap;
  pointer-events: auto;
  transition: background 0.25s;
}

.tc-header::before {
  content: '';
  position: absolute;
  inset: 2px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);
}

.tc-header-accent {
  position: absolute;
  bottom: -3px;
  left: 10px; right: 10px;
  height: 2px;
  background: var(--tc-acento, #e63946);
  transition: background 0.25s;
}

@media (max-width: 900px) {
  .triptico { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .triptico { grid-template-columns: 1fr; }
}

/* tc-tira */
.tc-tira {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex: none;
  min-height: 72px;
  max-height: 110px;
  background: var(--tc-tira-bg, #111);
  overflow: hidden;
}

/* línea de acento superior */
.tc-tira::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--tc-tira-acento, #e63946);
  z-index: 2;
}

/* brillo sutil */
.tc-tira-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.tc-tira-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding: 10px 6px;
  gap: 3px;
  text-align: center;
  transition: background 0.2s;
}

.tc-tira-items {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 3px 0 0 0;
  min-width: 0;
}

.tc-tira-item:hover {
  background: rgba(255,255,255,0.04);
}

.tc-tira-item img,
.tc-tira-item a img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 2px;
}

.tc-tira-item .thumbinner,
.tc-tira-item .thumb,
.tc-tira-item figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-tira-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-valor {
  font-size: 12px;
  font-weight: bold;
  color: var(--tc-tira-txt, #fff);
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-sep {
  width: 1px;
  align-self: stretch;
  background: rgba(255,255,255,0.08);
  flex-shrink: 0;
  margin: 10px 0;
}

/* ── itinerario ── */
.tc-itinerario {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 0 6px 0;
  background: var(--tc-it-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tc-it-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  margin-bottom: 4px;
}

.tc-it-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-it-acento, #e63946);
  flex: 1;
}

.tc-it-total {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}

/* línea de tiempo vertical */
.tc-it-linea {
  position: absolute;
  left: 28px;
  top: 50px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    var(--tc-it-acento, #e63946),
    rgba(255,255,255,0.05)
  );
}

.tc-it-lista {
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.tc-it-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px 14px 8px 48px;
  transition: background 0.2s;
}

.tc-it-item:hover {
  background: rgba(255,255,255,0.03);
}

/* nodo en la línea de tiempo */
.tc-it-nodo {
  position: absolute;
  left: 22px;
  top: 13px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--tc-it-bg, #0d0d0d);
  border: 2px solid var(--tc-it-acento, #e63946);
  box-sizing: border-box;
  z-index: 2;
}

.tc-it-item:first-child .tc-it-nodo {
  background: var(--tc-it-acento, #e63946);
}

/* fila superior: lugar + tiempo */
.tc-it-fila-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}

.tc-it-lugar {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tc-it-tiempo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: var(--tc-it-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* actividad */
.tc-it-actividad {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
  margin-bottom: 4px;
}

/* badges de propiedades */
.tc-it-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.tc-it-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
  line-height: 1.4;
}

.tc-it-badge-acento {
  border-color: var(--tc-it-acento, #e63946);
  color: var(--tc-it-acento, #e63946);
}

/* separador entre items */
.tc-it-item + .tc-it-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 48px; right: 14px;
  height: 1px;
  background: rgba(255,255,255,0.05);
}

/* ════════════════════════════════
   tc-gastronomia
   ════════════════════════════════ */
.tc-gastro {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-gastro-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-gastro-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-gastro-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

.tc-gastro-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  justify-content: space-between;
}

.tc-gastro-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  position: relative;
  transition: background 0.2s;
}

.tc-gastro-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-gastro-item + .tc-gastro-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* foto */
.tc-gastro-foto {
  width: 64px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.tc-gastro-foto img,
.tc-gastro-foto a img {
  width: 64px !important;
  height: 100% !important;
  min-height: 64px;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.tc-gastro-foto .thumbinner,
.tc-gastro-foto .thumb,
.tc-gastro-foto figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
}

/* línea de acento lateral */
.tc-gastro-item::before {
  content: '';
  position: absolute;
  left: 64px;
  top: 0; bottom: 0;
  width: 2px;
  background: var(--tc-gastro-acento, #e63946);
  opacity: 0;
  transition: opacity 0.2s;
}

.tc-gastro-item:hover::before {
  opacity: 1;
}

/* contenido textual */
.tc-gastro-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 12px 10px 14px;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.tc-gastro-nombre {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-gastro-lugar {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-desc {
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  line-height: 1.4;
  margin-top: 2px;
}

.tc-gastro-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 4px;
}

.tc-gastro-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.4);
  line-height: 1.4;
}

.tc-gastro-badge-acento {
  border-color: var(--tc-gastro-acento, #e63946);
  color: var(--tc-gastro-acento, #e63946);
}


/* ════════════════════════════════
   tc-transporte
   ════════════════════════════════ */
.tc-transporte {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-trans-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-trans-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-trans-acento, #1d6fa4);
}

.tc-trans-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

/* secciones: transporte y lugares */
.tc-trans-seccion {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-seccion-label {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding: 7px 14px 4px 14px;
}

.tc-trans-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-trans-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  position: relative;
  transition: background 0.2s;
}

.tc-trans-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-trans-item + .tc-trans-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* icono de transporte o lugar */
.tc-trans-icono {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255,255,255,0.05);
  overflow: hidden;
}

.tc-trans-icono img,
.tc-trans-icono a img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-trans-icono .thumbinner,
.tc-trans-icono .thumb,
.tc-trans-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-trans-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}

.tc-trans-nombre {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-desc {
  font-size: 9px;
  color: rgba(255,255,255,0.4);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-meta {
  font-size: 9px;
  font-weight: bold;
  color: var(--tc-trans-acento, #1d6fa4);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.04em;
}

/* divisor entre secciones */
.tc-trans-div {
  height: 1px;
  background: linear-gradient(
    to right,
    var(--tc-trans-acento, #1d6fa4),
    rgba(255,255,255,0.05)
  );
  margin: 4px 14px;
}

/* badge de lugar destacado */
.tc-trans-estrella {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tc-trans-acento, #1d6fa4);
  flex-shrink: 0;
}

/* texto adaptable según fondo */
.tc-gastro-nombre  { color: var(--tc-gastro-txt, #fff); }
.tc-gastro-desc    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); }
.tc-gastro-badge   { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); 
                     border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); }

.tc-trans-nombre   { color: var(--tc-trans-txt, #fff); }
.tc-trans-desc     { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); }
.tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); }
.tc-trans-subtitulo     { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); }
.tc-gastro-subtitulo    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); }

/* ════════════════════════════════
   tc-callout — base compartida
   ════════════════════════════════ */
.tc-callout {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}

.tc-callout-barra {
  width: 4px;
  flex-shrink: 0;
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  flex: 1;
  min-width: 0;
  background: var(--tc-co-bg, rgba(29,111,164,0.08));
}

.tc-callout-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.tc-callout-icono {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.tc-callout-icono img,
.tc-callout-icono a img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-callout-icono .thumbinner,
.tc-callout-icono .thumb,
.tc-callout-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-callout-tipo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-titulo {
  font-size: 13px;
  font-weight: bold;
  color: var(--tc-co-txt, #fff);
  line-height: 1.3;
}

.tc-callout-texto {
  font-size: 11px;
  line-height: 1.6;
  color: var(--tc-co-txt2, rgba(255,255,255,0.6));
}

.tc-callout-texto a {
  color: var(--tc-co-acento, #1d6fa4);
  text-decoration: none;
}

.tc-callout-texto a:hover {
  text-decoration: underline;
}

.tc-callout-footer {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
  margin-top: 2px;
}

/* ── variante: bloque lleno sin barra lateral ── */
.tc-callout-filled {
  flex-direction: column;
}

.tc-callout-filled .tc-callout-barra {
  width: 100%;
  height: 3px;
}

.tc-callout-filled .tc-callout-body {
  padding: 12px 14px;
}

/* ── variante: destacado con fondo marcado ── */
.tc-callout-solid .tc-callout-body {
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-solid .tc-callout-tipo {
  color: rgba(255,255,255,0.7);
}

.tc-callout-solid .tc-callout-titulo {
  color: #fff;
}

.tc-callout-solid .tc-callout-texto {
  color: rgba(255,255,255,0.75);
}

.tc-callout-solid .tc-callout-footer {
  color: rgba(255,255,255,0.6);
}

.tc-callout-solid .tc-callout-barra {
  background: rgba(0,0,0,0.2);
}

/* ── separador interno ── */
.tc-callout-sep {
  height: 1px;
  background: var(--tc-co-acento, #1d6fa4);
  opacity: 0.2;
  margin: 4px 0;
}

/* ════════════════════════════════
   tc-lista — lista de ítems simple
   ════════════════════════════════ */
.tc-lista {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-lista-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-lista-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-lista-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-lista-acento, #e63946);
}

.tc-lista-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-lista-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  transition: background 0.2s;
  position: relative;
}

.tc-lista-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-lista-item + .tc-lista-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-lista-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tc-lista-acento, #e63946);
  flex-shrink: 0;
}

.tc-lista-txt {
  font-size: 12px;
  color: var(--tc-lista-txt, #fff);
  line-height: 1.4;
  flex: 1;
}

.tc-lista-meta {
  font-size: 10px;
  font-weight: bold;
  color: var(--tc-lista-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ════════════════════════════════
   tc-cita — cita o quote destacado
   ════════════════════════════════ */
.tc-cita {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-cita-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 18px 16px 22px;
  overflow: hidden;
}

.tc-cita-marca {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 52px;
  line-height: 1;
  color: var(--tc-cita-acento, #e63946);
  opacity: 0.25;
  font-family: Georgia, serif;
  pointer-events: none;
  user-select: none;
}

.tc-cita-barra {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--tc-cita-acento, #e63946);
}

.tc-cita-texto {
  font-size: 13px;
  line-height: 1.7;
  color: var(--tc-cita-txt, #fff);
  font-style: italic;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.tc-cita-autor {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-cita-acento, #e63946);
  position: relative;
  z-index: 1;
}

.tc-cita-fuente {
  font-size: 9px;
  color: var(--tc-cita-txt2, rgba(255,255,255,0.35));
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

/* ════════════════════════════════
   tc-stat — estadísticas / cifras
   ════════════════════════════════ */
.tc-stat {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-stat-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-stat-header {
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-stat-acento, #e63946);
}

.tc-stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1;
  min-height: 0;
}

.tc-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  gap: 3px;
  position: relative;
  transition: background 0.2s;
}

.tc-stat-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-stat-item:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item + .tc-stat-item,
.tc-stat-item ~ .tc-stat-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item:nth-child(1),
.tc-stat-item:nth-child(2) {
  border-top: none;
}

.tc-stat-cifra {
  font-size: 22px;
  font-weight: bold;
  color: var(--tc-stat-acento, #e63946);
  line-height: 1;
  letter-spacing: -0.02em;
}

.tc-stat-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.4));
  text-align: center;
  line-height: 1.3;
}

.tc-stat-sub {
  font-size: 9px;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.25));
  text-align: center;
}


/* ════════════════════════════════
   ASISTENTE DE CREACIÓN DE ARTÍCULOS
   ════════════════════════════════ */
/* ════════════════════════════════
   HERO BANNER
   ════════════════════════════════ */
.hero-mascot {
  background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%);
  border-radius: 16px;
  padding: 1.75rem 1.75rem 1.5rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.hero-mascot::before {
  content: ''; position: absolute; top: -50px; right: -40px;
  width: 230px; height: 230px;
  background: rgba(255,255,255,0.06); border-radius: 50%;
}
.hero-mascot::after {
  content: ''; position: absolute; bottom: -70px; left: 28%;
  width: 280px; height: 280px;
  background: rgba(255,255,255,0.04); border-radius: 50%;
}
.hero-mascot-top {
  display: flex; align-items: flex-start; gap: 1.25rem;
  position: relative; z-index: 1;
}
.hero-mascot-mascot { flex-shrink: 0; }
.hero-mascot-mascot img {
  width: 120px; height: auto;
  filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3));
  animation: wvas-float 3.5s ease-in-out infinite;
}
.hero-mascot-title {
  font-size: 1.75rem; font-weight: 800; line-height: 1.2;
  margin: 0 0 0.4rem; color: #fff; border: none; padding: 0;
}
.hero-mascot-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; }
.hero-mascot-divider {
  border: none; border-top: 1px solid rgba(255,255,255,0.22);
  margin: 1.1rem 0 1rem; position: relative; z-index: 1;
}
.hero-mascot-about { position: relative; z-index: 1; }
.hero-mascot-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; }
.hero-mascot-about a { color: #21e82b; font-weight: 700; }
.hero-mascot-about p:last-child { margin: 0; }
 
/* ════════════════════════════════
   IMAGE BANNER (5 fotos + corte diagonal)
   ════════════════════════════════ */
.banner-images-banner {
  display: flex;
  height: 195px;
  border-radius: 14px;
  overflow: hidden;
  background: #004d70;
}
.banner-images-slot {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
  min-width: 0;
}
.banner-images-slot:not(:first-child) {
  clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -22px;
}
.banner-images-slot:nth-child(2) { z-index: 2; }
.banner-images-slot:nth-child(3) { z-index: 3; }
.banner-images-slot:nth-child(4) { z-index: 4; }
.banner-images-slot:nth-child(5) { z-index: 5; }
.banner-images-slot figure,
.banner-images-slot .mw-file-description,
.banner-images-slot a {
  display: block !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
}
.banner-images-slot img {
  display: block !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  margin: 0 !important; border: 0 !important;
  vertical-align: top !important; max-width: none !important;
}
 
/* ════════════════════════════════
   SECTION HEADER
   ════════════════════════════════ */
.header-awesome {
  display: flex; align-items: center; gap: 0.65rem;
  margin: 1.9rem 0 1rem;
}
.header-awesome-icon {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; flex-shrink: 0;
}
.header-awesome :is(h1,h2,h3,h4,h5) {
  font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c;
}
.header-awesome-line { flex: 1; height: 2px; background: #dde4ec; }

/* ════════════════════════════════
   NORMAS — siempre visibles, con hover
   ════════════════════════════════ */
.wvas-norma {
  border-radius: 12px; padding: 0.9rem 1rem;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 0.7rem;
  align-items: center;
  border: 1.5px solid;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-norma:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.wvas-norma-mascot { width: 90px;  display: flex; align-items: center; justify-content: center; }
.wvas-norma-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-norma-mascot figure { float: none !important; margin: 0 !important; }
.wvas-norma-content { min-width: 0; }
.wvas-norma-title {
  font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
  letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.wvas-norma-text { font-size: 0.82rem; line-height: 1.57; }
.wvas-norma-text a { font-weight: 700; }
.wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.wvas-n-error .wvas-norma-title { color: #A32D2D; }
.wvas-n-error a { color: #A32D2D; }
.wvas-n-warn  { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.wvas-n-warn  .wvas-norma-title { color: #7a4a00; }
.wvas-n-warn  a { color: #854F0B; }
.wvas-n-tip   { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.wvas-n-tip   .wvas-norma-title { color: #0F6E56; }
.wvas-n-tip   a { color: #085041; }
.wvas-n-info  { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.wvas-n-info  .wvas-norma-title { color: #006699; }
.wvas-n-info  a { color: #006699; }
 
/* ════════════════════════════════
   CALLOUT (genérico)
   Grid interno: mascota | contenido (desktop)
                 mascota (arriba) + contenido (abajo) en mobile
   ════════════════════════════════ */
.callout-sable {
  border-radius: 12px; padding: 0.9rem 1.1rem;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.8rem;
  align-items: center;
  border-left: 4px solid;
  transition: box-shadow 0.18s;
}
.callout-sable:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); }
.callout-sable-mascot { width: 80px; display: flex; align-items: center; justify-content: center; }
.callout-sable-mascot img { width: 80px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.callout-sable-mascot figure { float: none !important; margin: 0 !important; }
.callout-sable-content { min-width: 0; }
.callout-sable-title {
  font-weight: 800; font-size: 0.81rem; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.22rem;
}
.callout-sable-body { font-size: 0.85rem; line-height: 1.58; }
.callout-sable-body a { font-weight: 700; text-decoration: none; }
.callout-sable-body a:hover { text-decoration: underline; }
.callout-sable-co-tip    { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; }
.callout-sable-co-tip    .callout-sable-title { color: #0F6E56; }
.callout-sable-co-tip    a { color: #085041; }
.callout-sable-co-info   { background: #E6F1FB; border-color: #006699; color: #042C53; }
.callout-sable-co-info   .callout-sable-title { color: #006699; }
.callout-sable-co-info   a { color: #185FA5; }
.callout-sable-co-warn   { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; }
.callout-sable-co-warn   .callout-sable-title { color: #7a4a00; }
.callout-sable-co-warn   a { color: #854F0B; }
.callout-sable-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; }
.callout-sable-co-purple .callout-sable-title { color: #534AB7; }
.callout-sable-co-purple a { color: #534AB7; }
.callout-sable-co-error  { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; }
.callout-sable-co-error  .callout-sable-title { color: #A32D2D; }
.callout-sable-co-error  a { color: #A32D2D; }
 
/* ════════════════════════════════
   TIPO CARDS — informativas + hover
   ════════════════════════════════ */
.wvas-tipo-card {
  background: #fff; border: 1.5px solid #d0dce8;
  border-radius: 16px; padding: 1.3rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  position: relative; overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  cursor: inherit;
}
.wvas-tipo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,60,100,0.12);
  border-color: #006699;
}
.wvas-tipo-card::after {
  content: ''; position: absolute; bottom: -18px; right: -18px;
  width: 70px; height: 70px; border-radius: 50%;
  background: rgba(0,102,153,0.05);
  transition: transform 0.3s;
}
.wvas-tipo-card:hover::after { transform: scale(1.4); }
.wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; }
.wvas-tipo-icon { flex-shrink: 0; }
.wvas-tipo-icon img { width: 70px; height: auto; }
.wvas-tipo-card h3 {
  font-size: 1.06rem; font-weight: 800; color: #003d5c;
  margin: 0; padding: 0; border: none;
}
.wvas-tipo-desc   { font-size: 0.84rem; color: #445; line-height: 1.57; }
.wvas-tipo-ej     { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.wvas-tc-destino    { border-top: 4px solid #006699; }
.wvas-tc-tematico   { border-top: 4px solid #534AB7; }
.wvas-tc-itinerario { border-top: 4px solid #1D9E75; }
.wvas-tc-conv       { border-top: 4px solid #BA7517; }
 
/* ════════════════════════════════
   Plantilla: Table awesome responsive
   ════════════════════════════════ */
.table-awesome {
  width: 100%; border-collapse: separate; border-spacing: 0;
  border: 1.5px solid #dde6ef; border-radius: 14px;
  overflow: hidden; font-size: 0.84rem;
}
.table-awesome thead tr {
  background: #006699; color: #fff;
}
.table-awesome thead th {
  padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.05em;
  text-align: left; border: none;
}
.table-awesome tbody tr {
  border-bottom: 1px solid #eef1f5;
  transition: background 0.15s;
}
.table-awesome tbody tr:last-child { border-bottom: none; }
.table-awesome tbody tr:hover { background: #f0f7fc; }
.table-awesome td {
  padding: 0.65rem 0.85rem; vertical-align: top;
  border: none; line-height: 1.5;
}
.table-awesome td:first-child {
  white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%;
}
.table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; }
.table-awesome td a:hover { text-decoration: underline; }
.table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; }
 
/* ════════════════════════════════
   WIDGET CREATE PANEL (único por tipo)
   ════════════════════════════════ */
.wvas-create {
  background: #f7fbff; border: 2px dashed #9fc9dd;
  border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem;
  margin: 0.75rem 0; text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.wvas-create:hover {
  border-color: #006699;
  box-shadow: 0 4px 16px rgba(0,102,153,0.1);
}
.wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; }
.wvas-create-mascot img {
  width: 120px; height: auto;
  animation: wvas-float 2.5s ease-in-out infinite;
}
.wvas-create h3 {
  font-size: 1.02rem; font-weight: 800; color: #003d5c;
  margin: 0 0 0.28rem; padding: 0; border: none;
}
.wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; }
 
/* ════════════════════════════════
   NIVELES DE CALIDAD
   ════════════════════════════════ */
.wvas-nivel {
  border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center;
  display: flex; flex-direction: column; gap: 0.3rem;
  border: 1.5px solid transparent;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-nivel:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; }
.wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; }
.wvas-nivel p  { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; }
.wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; }
.wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; }
.wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; }
.wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; }
 
/* ════════════════════════════════
   CHECKLIST PRE-PUBLICACIÓN
   ════════════════════════════════ */
.wvas-checklist {
  background: #fff; border: 1.5px solid #c8e6c8;
  border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem;
}
.wvas-checklist-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-checklist-header img { width: 36px; height: auto; }
.wvas-checklist-header h3 {
  font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none;
}
.wvas-check-list { list-style: none; padding: 0; margin: 0; }
.wvas-check-list li {
  display: flex; align-items: flex-start; gap: 0.65rem;
  font-size: 0.84rem; padding: 0.38rem 0;
  border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5;
  transition: background 0.12s;
}
.wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; }
.wvas-check-list li:last-child { border-bottom: none; }
.wvas-check-list li::before {
  content: '✓';   
  width: 20px; height: 20px; border-radius: 50%;
  background: #E1F5EE; border: 1.5px solid #1D9E75;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: #1D9E75; flex-shrink: 0;
  font-weight: 900; margin-top: 2px; 
}
 
/* ════════════════════════════════
   AYUDA — LINKS + hover
   ════════════════════════════════ */
.wvas-ayuda-card {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 12px; padding: 1rem 0.9rem;
  text-align: center; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; align-items: center; gap: 0.38rem;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.wvas-ayuda-card:hover {
  border-color: #006699;
  box-shadow: 0 4px 14px rgba(0,102,153,0.12);
  transform: translateY(-2px);
}
.wvas-ayuda-card img  { width: 80px; height: auto; }
.wvas-ayuda-card h4   { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; }
.wvas-ayuda-card p    { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; }
 
/* ════════════════════════════════
   REFERENCIA ARTÍCULOS ACEPTABLES
   ════════════════════════════════ */
.wvas-ref-box {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem;
}
.wvas-ref-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-ref-header img { width: 36px; height: auto; }
.wvas-ref-header h3  {
  font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none;
}
.wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
.wvas-ref-col-title {
  font-size: 0.78rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.5rem;
}
.callout-sable-col-ok  .wvas-ref-col-title { color: #1D9E75; }
.callout-sable-col-bad .wvas-ref-col-title { color: #A32D2D; }
.wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; }
.wvas-ref-list li {
  font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px;
  align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45;
  transition: background 0.12s;
}
.wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; }
.wvas-ref-list li:last-child { border-bottom: none; }
.callout-sable-col-ok  .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; }
.callout-sable-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; }
.wvas-ref-nota {
  font-size: 0.78rem; color: #666; padding-top: 0.5rem;
  border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; }
.wvas-ref-nota li::before { content: '· '; }
 
/* ════════════════════════════════
   ANIMACIÓN FLOTANTE
   ════════════════════════════════ */
@keyframes wvas-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-7px); }
}
 
/* ════════════════════════════════════════════════════════
   ESTRUCTURAS EN COLUMNAS RESPONSIVE
   ════════════════════════════════════════════════════════ */
.cols-2-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 14px; margin-bottom: 1.5rem;
}
.cols-20-80-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 0;
  border: 0.5px solid #dde6ef;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.cols-3-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px; margin-bottom: 1rem;
}
.cols-4-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8px; margin-bottom: 1rem;
}
/* ════════════════════════════════════════════════════════
   RESPONSIVE (GENERAL)
   ════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  .hero-mascot-title  { font-size: 1.45rem; }
  .wvas-tipo-grid     { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .wvas-ayuda-grid    { grid-template-columns: repeat(2, 1fr); }
  .banner-images-banner    { height: 130px; }
  .table-awesome { font-size: 0.79rem; }
 
  /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */
  .callout-sable {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-norma {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .callout-sable-mascot,
  .wvas-norma-mascot {
    width: auto;
  }
  .callout-sable-content,
  .wvas-norma-content {
    width: 100%;
    text-align: left;   /* el texto interior alineado a la izquierda */
  }
  .callout-sable-title,
  .wvas-norma-title {
    text-align: center; /* solo el título centrado */
  }
}
@media (max-width: 700px) {
  .cols-20-80-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .sp-sidebar {
    border-right: none;
    border-bottom: 0.5px solid #dde6ef;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 8px;
    gap: 6px;
  }
  .sp-sidebar-label,
  .sp-sidebar-foot { display: none; }
  .sp-item {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
    padding: 8px 10px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 3px;
  }
  /* En mobile el indicador es borde inferior */
  .sp-item.active::after { display: none; }
  .sp-item.active { border-bottom: 2px solid #006699; }
  .sp-item-icon img { margin: 0 auto; }
  .sp-item-hint { display: none; }
  .sp-content { padding: 16px; }
}
@media (max-width: 520px) {
  .hero-mascot-top      { flex-direction: column; gap: 0.75rem; }
  .hero-mascot-mascot img { width: 66px; }
  .hero-mascot-title  { font-size: 1.22rem; }
  .banner-images-banner    { height: 95px; border-radius: 10px; }
  .wvas-ref-cols      { grid-template-columns: 1fr; }
  .wvas-ayuda-grid    { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .table-awesome thead { display: none; }
  .table-awesome td { display: block; padding: 0.3rem 0.7rem; }
  .table-awesome td:first-child { padding-top: 0.7rem; }
  .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; }
}
@media (max-width: 420px) {
  .sp-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
   SELECTOR PANEL (20% / 80%)
   ════════════════════════════════ */
.sp-sidebar {
  background: #f5f7fa;
  border-right: 0.5px solid #dde6ef;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sp-sidebar-label {
  font-size: 11px;
  font-weight: 700;
  color: #9aa5b4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.sp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: 0.5px solid transparent;
  transition: background 0.15s, border-color 0.15s;
  user-select: none;
  position: relative;
}
.sp-item:hover {
  background: #fff;
  border-color: #c5d0dc;
}
.sp-item.active {
  background: #fff;
  border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.sp-item.active::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 20%;
  height: 60%;
  width: 2.5px;
  background: #006699;
  border-radius: 2px 0 0 2px;
}
.sp-item-icon {
  font-size: 20px;
  flex-shrink: 0;
  color: #9aa5b4;
  transition: color 0.15s;
  width: 22px;
  text-align: center;
}
/* Soporte para imagen wiki como icono */
.sp-item-icon img {
  width: 22px;
  height: auto;
  display: block;
  opacity: 0.55;
  transition: opacity 0.15s;
}
.sp-item.active .sp-item-icon { color: #006699; }
.sp-item.active .sp-item-icon img { opacity: 1; }
.sp-item-name {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  line-height: 1.3;
}
.sp-item-hint {
  font-size: 11px;
  color: #9aa5b4;
  margin-top: 1px;
}
/* Hint inferior del sidebar */
.sp-sidebar-foot {
  font-size: 11px;
  color: #b0bec5;
  text-align: center;
  padding: 6px 0 2px;
  margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.sp-content {
  padding: 20px 24px;
  overflow-y: auto;
  min-height: 300px;
}
.sp-panel { display: none; }
.sp-panel.active { display: block; }

/* ════════════════════════════════════════════════════════
   SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE
   ════════════════════════════════════════════════════════ */

/* ── Caja exterior que envuelve todo ── */
.doc-simple-outer {
  background: #f8f9fb;
  border: 1.5px solid #d8e2ec;
  border-radius: 14px;
  padding: 1.1rem 1.25rem 1rem;
  margin-bottom: 1.5rem;
  font-family: 'Segoe UI', Arial, sans-serif;
  max-width: 700px;
}
 
/* ── Introducción ── */
.doc-simple-intro { margin-bottom: 12px; }
.doc-simple-intro-top { display: flex; align-items: flex-start; gap: 10px; }
.doc-simple-tname-head {
  font-size: 1rem; font-weight: 700; color: #003d5c;
  margin: 0 0 4px; padding: 0; border: none;
}
.doc-simple-desc {
  font-size: 0.84rem; color: #445;
  line-height: 1.6; margin: 0 0 8px;
}
.doc-simple-hint {
  font-size: 0.8rem; color: #778;
  line-height: 1.5; margin: 0 0 10px;
}
.doc-simple-req-inline { color: #C0392B; font-weight: 600; }
.doc-simple-opt-inline { color: #2471A3; font-weight: 600; }
 
/* ── Leyenda ── */
.doc-simple-legend {
  display: flex; gap: 14px; flex-wrap: wrap;
  margin-bottom: 12px;
}
.doc-simple-leg {
  display: flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 600;
}
.doc-simple-leg::before {
  content: ''; width: 3px; height: 13px;
  border-radius: 2px; flex-shrink: 0; display: inline-block;
}
.doc-simple-req-leg { color: #C0392B; }
.doc-simple-req-leg::before { background: #C0392B; }
.doc-simple-opt-leg { color: #2471A3; }
.doc-simple-opt-leg::before { background: #2471A3; }
 
/* ── Cards (sintaxis y ejemplo) ── */
.doc-simple-card {
  background: #fff;
  border: 0.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.doc-simple-example-card { margin-bottom: 10px; }
 
/* ── Cabecera de card ── */
.doc-simple-card-top {
  background: #f0f4f8;
  border-bottom: 0.5px solid #cdd8e4;
  padding: 6px 12px;
  display: flex; align-items: center;
  justify-content: space-between; gap: 8px;
}
.doc-simple-card-label {
  font-size: 11px; font-weight: 700; color: #667;
  text-transform: uppercase; letter-spacing: 0.06em;
}
.doc-simple-card-label.example-label { color: #2471A3; }
 
/* ── Botón copiar ── */
.doc-simple-copy-btn {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11.5px; font-weight: 600; cursor: pointer;
  color: #334; background: #fff;
  border: 0.5px solid #bbc8d4; border-radius: 6px;
  padding: 3px 10px; user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
}
.doc-simple-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-simple-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
 
/* ── Bloque de código ── */
.doc-simple-block {
  padding: 6px 0 8px;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.35;
}
.doc-simple-block-open,
.doc-simple-block-close {
  padding: 3px 12px;
  color: #aab;
}
.doc-simple-blockname { color: #003d5c; font-weight: 600; }
.doc-simple-brace { color: #bbc; }
 
/* ── Filas de parámetros ── */
.doc-simple-params { padding: 0; }
.doc-simple-params &gt; * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.doc-simple-params p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.doc-simple-row {
  display: flex; align-items: baseline;
  padding: 2px 12px 2px 9px;
  border-left: 3px solid transparent;
  transition: background 0.1s;
  line-height: 1.5;
}
.doc-simple-row:hover { background: #f5f8fb; }
.doc-simple-req { border-color: #C0392B; }
.doc-simple-opt { border-color: #2471A3; }
.doc-simple-req .doc-simple-key { color: #C0392B; }
.doc-simple-opt .doc-simple-key { color: #2471A3; }
.doc-simple-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; }
.doc-simple-key { font-weight: 700; white-space: nowrap; }
.doc-simple-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; }
.doc-simple-optvals { color: #889; font-size: 12px; }
 
/* Filas del bloque ejemplo (generadas por JS) */
.doc-simple-example-val { color: #334; }
 
/* ── Notas al pie ── */
.doc-simple-footer {
  border-top: 0.5px solid #dde6ef;
  padding: 8px 2px 0;
  display: flex; flex-direction: column; gap: 3px;
  margin-top: 4px;
}
.doc-simple-nota {
  font-size: 11.5px; color: #889; line-height: 1.5;
	padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem;
}
.doc-simple-nota ul { list-style: none; padding: 0; margin: 0; }
.doc-simple-nota li::before { content: '→ '; color: #bbc; }

/* ── Responsive ── */
@media (max-width: 520px) {
  .doc-simple-outer { padding: 0.85rem 0.9rem; }
  .doc-simple-card-top { flex-direction: column; align-items: flex-start; gap: 6px; }
  .doc-simple-copy-btn { width: 100%; justify-content: center; }
}

/* ════════════════════════════════════════════════════════
   SELECTOR HORIZONTAL DE PESTAÑAS
   ════════════════════════════════════════════════════════ */
/* ── Contenedor general ── */
.htab-wrap {
  border: 0.5px solid #cdd8e4;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

/* ── Barra superior: color + patrón de puntos ── */
.htab-bar {
  background-color: #D4537E;
  background-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.12) 1.5px,
    transparent 1.5px
  );
  background-size: 20px 20px;
  position: relative;
  overflow: hidden;
  padding: 14px 14px 12px;
  border-bottom: 2.5px solid #993556;
}

/* ── Fondo animado: formas moviéndose de derecha a izquierda ── */
.htab-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.htab-bg-track {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  height: 100%;
  white-space: nowrap;
  animation: htab-marquee 18s linear infinite;
}
@keyframes htab-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Formas del fondo */
.hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); }
.hs-circle  { width: 9px;  height: 9px;  border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; }
.hs-bar     { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); }
.hs-sq      { width: 8px;  height: 8px;  border: 1.5px solid rgba(255,255,255,0.18); }
.hs-tri     { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); }

/* ── Pestañas ── */
.htab-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  position: relative;
  z-index: 1;
}
.htab-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 8px;
  padding: 7px 15px;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: background 0.15s, transform 0.13s, border-color 0.15s;
}
.htab-tab:hover:not(.active) {
  background: rgba(255,255,255,0.25);
  transform: translateY(-2px);
}
.htab-tab.active {
  background: #EF9F27;
  border-color: #BA7517;
  color: #412402;
  transform: translateY(-1px);
}
/* Imágenes wiki dentro de la pestaña como icono */
.htab-tab figure { float: none !important; margin: 0 !important; }
.htab-tab img    { width: 18px; height: auto; display: block; }

/* ── Partículas ── */
.htab-prt {
  position: absolute;
  pointer-events: none;
  z-index: 20;
  border-radius: 50%;
}

/* Click — explosión */
.htab-prt-b {
  animation: htab-burst var(--dur, 0.4s) ease-out forwards;
}
@keyframes htab-burst {
  0%   { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; }
  100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; }
}

/* Hover — flotantes */
.htab-prt-h {
  animation: htab-float var(--dur, 0.65s) ease-out forwards;
}
@keyframes htab-float {
  0%   { transform: translateY(0) translateX(0); opacity: 0.85; }
  100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; }
}

/* ── Área de contenido ── */
.htab-panels {
  background: #fff;
  padding: 22px 22px 18px;
  min-height: 160px;
}
.htab-panel { display: none; }
.htab-panel.active {
  display: block;
  animation: htab-fadein 0.22s ease;
}
@keyframes htab-fadein {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 700px) {
  .htab-bar  { padding: 11px; }
  .htab-tab  { padding: 6px 12px; font-size: 12px; gap: 5px; }
  .htab-panels { padding: 16px; }
}
@media (max-width: 420px) {
  .htab-tab  { padding: 5px 10px; font-size: 11px; }
  .htab-panels { padding: 12px; }
}

/* ════════════════════════════════════════════════════════════════
   WVA - SISTEMA DE SECCIONES DE ARTÍCULO
   ════════════════════════════════════════════════════════════════ */

/* ═══ ANIMACIONES ═══ */
@keyframes wva-in  { from{opacity:0;transform:translateY(10px)}  to{opacity:1;transform:translateY(0)} }
@keyframes wva-sl  { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} }
@keyframes wva-pop { from{opacity:0;transform:scale(0.93)}       to{opacity:1;transform:scale(1)} }
@keyframes wva-bar { from{width:0} to{width:var(--w,100%)} }
@keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} }
@keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} }

/* ══════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════ */
.wva-hero{
  background:var(--pk);position:relative;overflow:hidden;
  padding:28px 24px 44px;border-bottom:3px solid #111;
  clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%);
  margin-bottom:-2px;animation:in 0.6s ease both;
}
.wva-hero-dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px);
  background-size:22px 22px;}
.wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px;
  letter-spacing:10px;animation:glo 2.5s ease-in-out infinite}
.wva-hi{position:relative;z-index:1}
.wva-hi-loc{display:inline-block;background:var(--yw);color:#111;
  font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111;
  line-height:.95;margin-bottom:12px;border:none;padding:0}
.wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px}
.wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px}

/* ══════════════════════════════════════════════════════
   FICHA TÉCNICA — barra de stats oscura
   ══════════════════════════════════════════════════════ */
.wva-ficha {
  background: var(--bk); padding: 16px 20px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
  gap: 16px; border-bottom: var(--bd);
  animation: wva-in .5s ease .08s both;
}
/* Dot pattern sobre negro */
.wva-ficha::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px);
  background-size: 14px 14px;
}
.wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; }
.wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); }
.wva-fb-info strong { color:var(--yw);font-weight:700; }

.wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; }
.wva-sg { font-size:14px;font-weight:900;width:30px; }
.wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; }
.wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; }
.sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)}
.sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)}

/* ══════════════════════════════════════════════════════
   SECTION WRAPPER
   ══════════════════════════════════════════════════════ */
.wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; }
.bg-w   { background:#fff; }
.bg-yw  { background:var(--yw);position:relative; }
.bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; }
.bg-yw &gt; * { position:relative;z-index:1; }
.bg-cr  { background:#FFF8F0; }
.bg-war { background:#FFF5F5; }
.bg-mn  { background:#FFFDE7; }
.bg-sc  { background:#FFF0F8;
  background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; }
.bg-hl  { background:#F0FFF4; }
.bg-mv  { background:#F8F8FF; }
.bg-ar  { background:#F0F9FF; }

/* ══════════════════════════════════════════════════════
   SECTION HEADER
   ══════════════════════════════════════════════════════ */
.wva-sh {
  display:flex;align-items:center;gap:10px;
  padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden;
}
.wva-sh .ico { font-size:17px;flex-shrink:0; }
.wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; }
.wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; }

/* NEGRO + AMARILLO (estilo SQUAD) */
.sh-bk { background:var(--bk); }
.sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; }
.sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; }

/* AMARILLO + NEGRO (estilo VANGUARD) */
.sh-yw { background:var(--yw); }
.sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; }
.sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; }

.sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff}
.sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff}
.sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff}
.sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff}
.sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff}
.sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff}
.sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)}

/* ══════════════════════════════════════════════════════
   SUBHEADER
   ══════════════════════════════════════════════════════ */
.wva-sub {
  display:flex;align-items:center;gap:8px;padding:8px 20px 4px;
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);
}
.wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; }

/* ══════════════════════════════════════════════════════
   BODY / 2 COLS
   ══════════════════════════════════════════════════════ */
.wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; }
.wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; }
.wva-body strong { color:var(--bk);font-weight:700; }

.wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; }
.wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   GRIDS
   ══════════════════════════════════════════════════════ */
.g    { padding:12px 20px; }
.g-2  { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.g-3  { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.g-a  { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; }
.g-r  { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; }
.g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; }

/* ══════════════════════════════════════════════════════
   PRACTICAL TIP CARD
   ══════════════════════════════════════════════════════ */
.ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden;
  transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; }
.ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); }
.ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; }
.ptip-b strong { color:var(--bk);font-weight:700; }

.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }

/* ══════════════════════════════════════════════════════
   TALENT CARD (secretos — estilo squad card)
   ══════════════════════════════════════════════════════ */
.tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px;
  overflow:hidden;position:relative;animation:wva-pop .4s ease both;
  transition:transform .15s,box-shadow .15s;cursor:default; }
.tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); }
.tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; }

.tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;
  padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; }
.tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; }
.tcard-stats { margin-bottom:7px; }
.tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); }
.tsg { font-size:13px;font-weight:900;width:26px; }
.tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; }
.tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; }
.tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; }
.tcard-tags { display:flex;gap:4px;flex-wrap:wrap; }

/* ══════════════════════════════════════════════════════
   REGION CARD
   ══════════════════════════════════════════════════════ */
.rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px;
  border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; }
.rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }
.rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; }

/* ══════════════════════════════════════════════════════
   CITY CARD
   ══════════════════════════════════════════════════════ */
.ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r);
  cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; }
.ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); }
.ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;
  border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; }
.ccard-badge.pk { background:var(--pk);color:#fff; }
.ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; }

/* ══════════════════════════════════════════════════════
   TRANSPORT CARD
   ══════════════════════════════════════════════════════ */
.tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r);
  display:flex;flex-direction:column;gap:6px;cursor:default;
  transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; }
.tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); }
.tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.tport-icon { font-size:24px;line-height:1; }
.tport-name { font-size:13px;font-weight:800;color:var(--bk); }
.tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; }
.tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)}
.tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)}
.tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)}
.tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)}
.tp-bk::before{background:var(--bk)}

/* ══════════════════════════════════════════════════════
   ALERT BOX
   ══════════════════════════════════════════════════════ */
.wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px;
  border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; }
.wva-al + .wva-al { margin-top:8px; }
.wva-al:last-of-type { margin-bottom:12px; }
.a-warn  { border-color:var(--rd); background:#FFF5F5; }
.a-tip   { border-color:var(--cy); background:#F0FDFF; }
.a-ok    { border-color:var(--gn); background:#F0FFF4; }
.a-money { border-color:#F5A000;   background:#FFFDE7; }
.a-info  { border-color:var(--bl); background:#F0F8FF; }
.a-pink  { border-color:var(--pk); background:#FFF0F8; }
.al-em   { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; }
.al-txt  { font-size:12.5px;color:#333;line-height:1.62; }
.al-txt strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   LIST ITEMS
   ══════════════════════════════════════════════════════ */
.wva-list { padding:0 20px 12px; }
.wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08);
  align-items:flex-start;transition:padding-left .14s;cursor:default; }
.wva-li:last-child { border-bottom:none; }
.wva-li:hover { padding-left:6px; }
.wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm);
  display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;
  background:var(--wh);transition:transform .14s; }
.wva-li:hover .wva-li-ico { transform:scale(1.06); }
.wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; }
.wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; }
.wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; }

/* ══════════════════════════════════════════════════════
   NEXT DESTINATIONS
   ══════════════════════════════════════════════════════ */
.wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; }
.ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r);
  padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default;
  transition:background .14s,transform .14s,box-shadow .14s; }
.ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }

/* ══════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════ */
@media (max-width:760px) {
  .wva-hero { grid-template-columns:1fr; }
  .wva-himg { display:none; }
  .wva-hc::after { display:none; }
  .wva-hi-h { font-size:38px; }
  .g-2,.g-3 { grid-template-columns:1fr; }
  .wva-2c { grid-template-columns:1fr; }
  .wva-ficha { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px) {
  .wva-hc { padding:20px 14px 28px; }
  .wva-hi-h { font-size:28px; }
  .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; }
  .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; }
  .wva-al { margin-left:14px;margin-right:14px; }
  .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; }
  .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; }
}</text>
      <sha1>3h2zc32fi4kmttpxops3gc6ssb82y9w</sha1>
    </revision>
    <revision>
      <id>253810</id>
      <parentid>253809</parentid>
      <timestamp>2026-05-23T02:42:21Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253810</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="82214" sha1="2yafmq0yxw8s84gpoxk5sas52jg3nrl" xml:space="preserve">/* ════════════════════════════════
   Función de acordeón tipo FAQ / Funciona con el js correspondiente
   ════════════════════════════════ */
.accordion-content{
    display:none;
}

.accordion-content.active {
    display:block;
}

.accordion-clicky{
    cursor:pointer;
    user-select:none;
}

:root {
  --pk: #FF00BB;  --yw: #FFE600;  --cy: #00BFFF;
  --gn: #00C853;  --or: #FF6B00;  --rd: #FF2200;
  --pu: #7A00FF;  --bl: #0099FF;  --bk: #111111;
  --wh: #FFFFFF;  --mu: #555555;
  --bd:  3px solid #111;
  --bd2: 2.5px solid #111;
  --r:   10px;
  --rsm: 6px;
  --rlg: 16px;
  --font: 'Segoe UI', Arial, sans-serif;
}

.wva-config { box-sizing: border-box; margin: 0; padding: 0; margin: 0 auto; background: var(--wh); border: var(--bd); overflow: hidden; font-family: var(--font)}

/* ── Reset interno ── */
.config-general * { box-sizing: border-box; }
.config-general { font-family: var(--font); line-height: 1.6; }

/* ── Force links icon ── */
.doc-simple-outer a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;])::after,
.config-general a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;]):not([href*=&quot;/File:&quot;]):not([href*=&quot;/Archivo:&quot;])::after {
  content: ' [↗]';
  font-size: 0.78em;
  opacity: 0.55;
  font-weight: normal;
  text-decoration: none;
}
.config-general a:has(img)::after{
    content:none !important;
}
/* El enlace [editar] no participa en el flex */
.config-general .mw-editsection {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
}

/* ════════════════════════════════
   Decorativos inline
   ════════════════════════════════ */
.chip-inline {
  display: inline-block; font-size: 0.69rem; font-weight: 700;
  padding: 1px 8px; border-radius: 20px; margin-top: 3px;
  color: #fff;
}
.badge-inline {
	background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px
			  }
.tag-inline {
  display: inline-block; font-size: 0.72rem; font-weight: 700;
  padding: 3px 10px; border-radius: 20px;
  background: #E6F1FB; color: #006699; margin-top: 0.3rem;
  text-decoration: none; transition: background 0.15s;
}
.tag-inline:hover { background: #c5dff0; }

.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }

/* ════════════════════════════════
   Structures
   ════════════════════════════════ */
.tags-structure { display:flex;gap:5px;flex-wrap:wrap; }

/* ════════════════════════════════
   DocCopiar
   ════════════════════════════════ */
.doc-copiar-wrap {
  border: 1.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1rem;
  font-family: 'Segoe UI', Arial, sans-serif;
}
.doc-copiar-bar {
  background: #f0f4f8;
  border-bottom: 1px solid #cdd8e4;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.doc-copiar-lbl {
  font-size: 11px;
  font-weight: 700;
  color: #667;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.doc-copiar-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  color: #334;
  background: #fff;
  border: 0.5px solid #bbc8d4;
  border-radius: 6px;
  padding: 3px 10px;
  user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
  white-space: nowrap;
}
.doc-copiar-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-copiar-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
.doc-copiar-pre {
  margin: 0;
  padding: 12px 14px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 13px;
  line-height: 1.65;
  color: #2a2a3a;
  white-space: pre-wrap;
  word-break: break-word;
  background: #fff;
  overflow-x: auto;
  border: none;
}
/* ════════════════════════════════
   Plantilla: Tríptico - Código para que funcione bien. Full Responsive
   ════════════════════════════════ */
.triptico {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: stretch;
}

.triptico-wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.triptico-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ── card base ── */
.tc-card {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.tc-card::before {
  content: '';
  display: block;
  padding-top: var(--card-ratio, 100%);
}

.tc-card-inner {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}

/* imagen wiki como fondo */
.tc-card-img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  display: block;
}

.tc-card-img a,
.tc-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  text-decoration: none;
  pointer-events: none;
}

/* enlace que cubre todo el card */
.tc-card-link {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 5;
  display: block;
  background: transparent;
}

.tc-card-link:hover ~ .tc-tag-top,
.tc-card-link:hover ~ .tc-tag-bot {
  background: rgba(0,0,0,0.82);
}

/* ── tags de esquina ── */
.tc-tag-top {
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-tag-bot {
  position: absolute;
  bottom: 0; right: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  text-align: right;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-card-inner:hover .tc-tag-top {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-card-inner:hover .tc-tag-bot {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-tag-top,
.tc-tag-bot {
  transition: background 0.25s;
}

.tc-tag-top::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

.tc-tag-bot::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

/* ── card-vert ── */
.tc-card-vert .tc-card-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.tc-texto-vert {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.3em;
  writing-mode: vertical-rl;
  transform: rotate(180deg) scaleX(1.4);
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  font-size: var(--vert-size, 56px);
  z-index: 3;
  position: relative;
  pointer-events: none;
  margin-right: 14px;
  margin-top: 10px;
  margin-left: 30px;
}

/* ── bloque de texto ── */
.tc-texto {
  width: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
  background: var(--tc-texto-bg, transparent);
  color: var(--tc-texto-color, inherit);
}

/* ── header flotante ── */
.tc-header-wrap {
  position: absolute;
  top: 0;
  left: 0; right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.tc-header {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 22px;
  background: var(--tc-header-bg, #111);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  white-space: nowrap;
  pointer-events: auto;
  transition: background 0.25s;
}

.tc-header::before {
  content: '';
  position: absolute;
  inset: 2px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);
}

.tc-header-accent {
  position: absolute;
  bottom: -3px;
  left: 10px; right: 10px;
  height: 2px;
  background: var(--tc-acento, #e63946);
  transition: background 0.25s;
}

@media (max-width: 900px) {
  .triptico { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .triptico { grid-template-columns: 1fr; }
}

/* tc-tira */
.tc-tira {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex: none;
  min-height: 72px;
  max-height: 110px;
  background: var(--tc-tira-bg, #111);
  overflow: hidden;
}

/* línea de acento superior */
.tc-tira::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--tc-tira-acento, #e63946);
  z-index: 2;
}

/* brillo sutil */
.tc-tira-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.tc-tira-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding: 10px 6px;
  gap: 3px;
  text-align: center;
  transition: background 0.2s;
}

.tc-tira-items {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 3px 0 0 0;
  min-width: 0;
}

.tc-tira-item:hover {
  background: rgba(255,255,255,0.04);
}

.tc-tira-item img,
.tc-tira-item a img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 2px;
}

.tc-tira-item .thumbinner,
.tc-tira-item .thumb,
.tc-tira-item figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-tira-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-valor {
  font-size: 12px;
  font-weight: bold;
  color: var(--tc-tira-txt, #fff);
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-sep {
  width: 1px;
  align-self: stretch;
  background: rgba(255,255,255,0.08);
  flex-shrink: 0;
  margin: 10px 0;
}

/* ── itinerario ── */
.tc-itinerario {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 0 6px 0;
  background: var(--tc-it-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tc-it-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  margin-bottom: 4px;
}

.tc-it-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-it-acento, #e63946);
  flex: 1;
}

.tc-it-total {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}

/* línea de tiempo vertical */
.tc-it-linea {
  position: absolute;
  left: 28px;
  top: 50px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    var(--tc-it-acento, #e63946),
    rgba(255,255,255,0.05)
  );
}

.tc-it-lista {
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.tc-it-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px 14px 8px 48px;
  transition: background 0.2s;
}

.tc-it-item:hover {
  background: rgba(255,255,255,0.03);
}

/* nodo en la línea de tiempo */
.tc-it-nodo {
  position: absolute;
  left: 22px;
  top: 13px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--tc-it-bg, #0d0d0d);
  border: 2px solid var(--tc-it-acento, #e63946);
  box-sizing: border-box;
  z-index: 2;
}

.tc-it-item:first-child .tc-it-nodo {
  background: var(--tc-it-acento, #e63946);
}

/* fila superior: lugar + tiempo */
.tc-it-fila-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}

.tc-it-lugar {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tc-it-tiempo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: var(--tc-it-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* actividad */
.tc-it-actividad {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
  margin-bottom: 4px;
}

/* badges de propiedades */
.tc-it-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.tc-it-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
  line-height: 1.4;
}

.tc-it-badge-acento {
  border-color: var(--tc-it-acento, #e63946);
  color: var(--tc-it-acento, #e63946);
}

/* separador entre items */
.tc-it-item + .tc-it-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 48px; right: 14px;
  height: 1px;
  background: rgba(255,255,255,0.05);
}

/* ════════════════════════════════
   tc-gastronomia
   ════════════════════════════════ */
.tc-gastro {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-gastro-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-gastro-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-gastro-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

.tc-gastro-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  justify-content: space-between;
}

.tc-gastro-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  position: relative;
  transition: background 0.2s;
}

.tc-gastro-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-gastro-item + .tc-gastro-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* foto */
.tc-gastro-foto {
  width: 64px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.tc-gastro-foto img,
.tc-gastro-foto a img {
  width: 64px !important;
  height: 100% !important;
  min-height: 64px;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.tc-gastro-foto .thumbinner,
.tc-gastro-foto .thumb,
.tc-gastro-foto figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
}

/* línea de acento lateral */
.tc-gastro-item::before {
  content: '';
  position: absolute;
  left: 64px;
  top: 0; bottom: 0;
  width: 2px;
  background: var(--tc-gastro-acento, #e63946);
  opacity: 0;
  transition: opacity 0.2s;
}

.tc-gastro-item:hover::before {
  opacity: 1;
}

/* contenido textual */
.tc-gastro-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 12px 10px 14px;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.tc-gastro-nombre {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-gastro-lugar {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-desc {
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  line-height: 1.4;
  margin-top: 2px;
}

.tc-gastro-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 4px;
}

.tc-gastro-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.4);
  line-height: 1.4;
}

.tc-gastro-badge-acento {
  border-color: var(--tc-gastro-acento, #e63946);
  color: var(--tc-gastro-acento, #e63946);
}


/* ════════════════════════════════
   tc-transporte
   ════════════════════════════════ */
.tc-transporte {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-trans-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-trans-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-trans-acento, #1d6fa4);
}

.tc-trans-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

/* secciones: transporte y lugares */
.tc-trans-seccion {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-seccion-label {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding: 7px 14px 4px 14px;
}

.tc-trans-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-trans-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  position: relative;
  transition: background 0.2s;
}

.tc-trans-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-trans-item + .tc-trans-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* icono de transporte o lugar */
.tc-trans-icono {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255,255,255,0.05);
  overflow: hidden;
}

.tc-trans-icono img,
.tc-trans-icono a img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-trans-icono .thumbinner,
.tc-trans-icono .thumb,
.tc-trans-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-trans-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}

.tc-trans-nombre {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-desc {
  font-size: 9px;
  color: rgba(255,255,255,0.4);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-meta {
  font-size: 9px;
  font-weight: bold;
  color: var(--tc-trans-acento, #1d6fa4);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.04em;
}

/* divisor entre secciones */
.tc-trans-div {
  height: 1px;
  background: linear-gradient(
    to right,
    var(--tc-trans-acento, #1d6fa4),
    rgba(255,255,255,0.05)
  );
  margin: 4px 14px;
}

/* badge de lugar destacado */
.tc-trans-estrella {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tc-trans-acento, #1d6fa4);
  flex-shrink: 0;
}

/* texto adaptable según fondo */
.tc-gastro-nombre  { color: var(--tc-gastro-txt, #fff); }
.tc-gastro-desc    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); }
.tc-gastro-badge   { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); 
                     border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); }

.tc-trans-nombre   { color: var(--tc-trans-txt, #fff); }
.tc-trans-desc     { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); }
.tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); }
.tc-trans-subtitulo     { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); }
.tc-gastro-subtitulo    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); }

/* ════════════════════════════════
   tc-callout — base compartida
   ════════════════════════════════ */
.tc-callout {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}

.tc-callout-barra {
  width: 4px;
  flex-shrink: 0;
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  flex: 1;
  min-width: 0;
  background: var(--tc-co-bg, rgba(29,111,164,0.08));
}

.tc-callout-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.tc-callout-icono {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.tc-callout-icono img,
.tc-callout-icono a img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-callout-icono .thumbinner,
.tc-callout-icono .thumb,
.tc-callout-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-callout-tipo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-titulo {
  font-size: 13px;
  font-weight: bold;
  color: var(--tc-co-txt, #fff);
  line-height: 1.3;
}

.tc-callout-texto {
  font-size: 11px;
  line-height: 1.6;
  color: var(--tc-co-txt2, rgba(255,255,255,0.6));
}

.tc-callout-texto a {
  color: var(--tc-co-acento, #1d6fa4);
  text-decoration: none;
}

.tc-callout-texto a:hover {
  text-decoration: underline;
}

.tc-callout-footer {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
  margin-top: 2px;
}

/* ── variante: bloque lleno sin barra lateral ── */
.tc-callout-filled {
  flex-direction: column;
}

.tc-callout-filled .tc-callout-barra {
  width: 100%;
  height: 3px;
}

.tc-callout-filled .tc-callout-body {
  padding: 12px 14px;
}

/* ── variante: destacado con fondo marcado ── */
.tc-callout-solid .tc-callout-body {
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-solid .tc-callout-tipo {
  color: rgba(255,255,255,0.7);
}

.tc-callout-solid .tc-callout-titulo {
  color: #fff;
}

.tc-callout-solid .tc-callout-texto {
  color: rgba(255,255,255,0.75);
}

.tc-callout-solid .tc-callout-footer {
  color: rgba(255,255,255,0.6);
}

.tc-callout-solid .tc-callout-barra {
  background: rgba(0,0,0,0.2);
}

/* ── separador interno ── */
.tc-callout-sep {
  height: 1px;
  background: var(--tc-co-acento, #1d6fa4);
  opacity: 0.2;
  margin: 4px 0;
}

/* ════════════════════════════════
   tc-lista — lista de ítems simple
   ════════════════════════════════ */
.tc-lista {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-lista-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-lista-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-lista-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-lista-acento, #e63946);
}

.tc-lista-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-lista-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  transition: background 0.2s;
  position: relative;
}

.tc-lista-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-lista-item + .tc-lista-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-lista-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tc-lista-acento, #e63946);
  flex-shrink: 0;
}

.tc-lista-txt {
  font-size: 12px;
  color: var(--tc-lista-txt, #fff);
  line-height: 1.4;
  flex: 1;
}

.tc-lista-meta {
  font-size: 10px;
  font-weight: bold;
  color: var(--tc-lista-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ════════════════════════════════
   tc-cita — cita o quote destacado
   ════════════════════════════════ */
.tc-cita {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-cita-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 18px 16px 22px;
  overflow: hidden;
}

.tc-cita-marca {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 52px;
  line-height: 1;
  color: var(--tc-cita-acento, #e63946);
  opacity: 0.25;
  font-family: Georgia, serif;
  pointer-events: none;
  user-select: none;
}

.tc-cita-barra {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--tc-cita-acento, #e63946);
}

.tc-cita-texto {
  font-size: 13px;
  line-height: 1.7;
  color: var(--tc-cita-txt, #fff);
  font-style: italic;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.tc-cita-autor {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-cita-acento, #e63946);
  position: relative;
  z-index: 1;
}

.tc-cita-fuente {
  font-size: 9px;
  color: var(--tc-cita-txt2, rgba(255,255,255,0.35));
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

/* ════════════════════════════════
   tc-stat — estadísticas / cifras
   ════════════════════════════════ */
.tc-stat {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-stat-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-stat-header {
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-stat-acento, #e63946);
}

.tc-stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1;
  min-height: 0;
}

.tc-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  gap: 3px;
  position: relative;
  transition: background 0.2s;
}

.tc-stat-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-stat-item:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item + .tc-stat-item,
.tc-stat-item ~ .tc-stat-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item:nth-child(1),
.tc-stat-item:nth-child(2) {
  border-top: none;
}

.tc-stat-cifra {
  font-size: 22px;
  font-weight: bold;
  color: var(--tc-stat-acento, #e63946);
  line-height: 1;
  letter-spacing: -0.02em;
}

.tc-stat-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.4));
  text-align: center;
  line-height: 1.3;
}

.tc-stat-sub {
  font-size: 9px;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.25));
  text-align: center;
}


/* ════════════════════════════════
   ASISTENTE DE CREACIÓN DE ARTÍCULOS
   ════════════════════════════════ */
/* ════════════════════════════════
   HERO BANNER
   ════════════════════════════════ */
.hero-mascot {
  background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%);
  border-radius: 16px;
  padding: 1.75rem 1.75rem 1.5rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.hero-mascot::before {
  content: ''; position: absolute; top: -50px; right: -40px;
  width: 230px; height: 230px;
  background: rgba(255,255,255,0.06); border-radius: 50%;
}
.hero-mascot::after {
  content: ''; position: absolute; bottom: -70px; left: 28%;
  width: 280px; height: 280px;
  background: rgba(255,255,255,0.04); border-radius: 50%;
}
.hero-mascot-top {
  display: flex; align-items: flex-start; gap: 1.25rem;
  position: relative; z-index: 1;
}
.hero-mascot-mascot { flex-shrink: 0; }
.hero-mascot-mascot img {
  width: 120px; height: auto;
  filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3));
  animation: wvas-float 3.5s ease-in-out infinite;
}
.hero-mascot-title {
  font-size: 1.75rem; font-weight: 800; line-height: 1.2;
  margin: 0 0 0.4rem; color: #fff; border: none; padding: 0;
}
.hero-mascot-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; }
.hero-mascot-divider {
  border: none; border-top: 1px solid rgba(255,255,255,0.22);
  margin: 1.1rem 0 1rem; position: relative; z-index: 1;
}
.hero-mascot-about { position: relative; z-index: 1; }
.hero-mascot-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; }
.hero-mascot-about a { color: #21e82b; font-weight: 700; }
.hero-mascot-about p:last-child { margin: 0; }
 
/* ════════════════════════════════
   IMAGE BANNER (5 fotos + corte diagonal)
   ════════════════════════════════ */
.banner-images-banner {
  display: flex;
  height: 195px;
  border-radius: 14px;
  overflow: hidden;
  background: #004d70;
}
.banner-images-slot {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
  min-width: 0;
}
.banner-images-slot:not(:first-child) {
  clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -22px;
}
.banner-images-slot:nth-child(2) { z-index: 2; }
.banner-images-slot:nth-child(3) { z-index: 3; }
.banner-images-slot:nth-child(4) { z-index: 4; }
.banner-images-slot:nth-child(5) { z-index: 5; }
.banner-images-slot figure,
.banner-images-slot .mw-file-description,
.banner-images-slot a {
  display: block !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
}
.banner-images-slot img {
  display: block !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  margin: 0 !important; border: 0 !important;
  vertical-align: top !important; max-width: none !important;
}
 
/* ════════════════════════════════
   SECTION HEADER
   ════════════════════════════════ */
.header-awesome {
  display: flex; align-items: center; gap: 0.65rem;
  margin: 1.9rem 0 1rem;
}
.header-awesome-icon {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; flex-shrink: 0;
}
.header-awesome :is(h1,h2,h3,h4,h5) {
  font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c;
}
.header-awesome-line { flex: 1; height: 2px; background: #dde4ec; }

/* ════════════════════════════════
   NORMAS — siempre visibles, con hover
   ════════════════════════════════ */
.wvas-norma {
  border-radius: 12px; padding: 0.9rem 1rem;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 0.7rem;
  align-items: center;
  border: 1.5px solid;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-norma:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.wvas-norma-mascot { width: 90px;  display: flex; align-items: center; justify-content: center; }
.wvas-norma-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-norma-mascot figure { float: none !important; margin: 0 !important; }
.wvas-norma-content { min-width: 0; }
.wvas-norma-title {
  font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
  letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.wvas-norma-text { font-size: 0.82rem; line-height: 1.57; }
.wvas-norma-text a { font-weight: 700; }
.wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.wvas-n-error .wvas-norma-title { color: #A32D2D; }
.wvas-n-error a { color: #A32D2D; }
.wvas-n-warn  { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.wvas-n-warn  .wvas-norma-title { color: #7a4a00; }
.wvas-n-warn  a { color: #854F0B; }
.wvas-n-tip   { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.wvas-n-tip   .wvas-norma-title { color: #0F6E56; }
.wvas-n-tip   a { color: #085041; }
.wvas-n-info  { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.wvas-n-info  .wvas-norma-title { color: #006699; }
.wvas-n-info  a { color: #006699; }
 
/* ════════════════════════════════
   CALLOUT (genérico)
   Grid interno: mascota | contenido (desktop)
                 mascota (arriba) + contenido (abajo) en mobile
   ════════════════════════════════ */
.callout-sable {
  border-radius: 12px; padding: 0.9rem 1.1rem;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.8rem;
  align-items: center;
  border-left: 4px solid;
  transition: box-shadow 0.18s;
}
.callout-sable:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); }
.callout-sable-mascot { width: 80px; display: flex; align-items: center; justify-content: center; }
.callout-sable-mascot img { width: 80px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.callout-sable-mascot figure { float: none !important; margin: 0 !important; }
.callout-sable-content { min-width: 0; }
.callout-sable-title {
  font-weight: 800; font-size: 0.81rem; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.22rem;
}
.callout-sable-body { font-size: 0.85rem; line-height: 1.58; }
.callout-sable-body a { font-weight: 700; text-decoration: none; }
.callout-sable-body a:hover { text-decoration: underline; }
.callout-sable-co-tip    { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; }
.callout-sable-co-tip    .callout-sable-title { color: #0F6E56; }
.callout-sable-co-tip    a { color: #085041; }
.callout-sable-co-info   { background: #E6F1FB; border-color: #006699; color: #042C53; }
.callout-sable-co-info   .callout-sable-title { color: #006699; }
.callout-sable-co-info   a { color: #185FA5; }
.callout-sable-co-warn   { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; }
.callout-sable-co-warn   .callout-sable-title { color: #7a4a00; }
.callout-sable-co-warn   a { color: #854F0B; }
.callout-sable-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; }
.callout-sable-co-purple .callout-sable-title { color: #534AB7; }
.callout-sable-co-purple a { color: #534AB7; }
.callout-sable-co-error  { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; }
.callout-sable-co-error  .callout-sable-title { color: #A32D2D; }
.callout-sable-co-error  a { color: #A32D2D; }
 
/* ════════════════════════════════
   TIPO CARDS — informativas + hover
   ════════════════════════════════ */
.wvas-tipo-card {
  background: #fff; border: 1.5px solid #d0dce8;
  border-radius: 16px; padding: 1.3rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  position: relative; overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  cursor: inherit;
}
.wvas-tipo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,60,100,0.12);
  border-color: #006699;
}
.wvas-tipo-card::after {
  content: ''; position: absolute; bottom: -18px; right: -18px;
  width: 70px; height: 70px; border-radius: 50%;
  background: rgba(0,102,153,0.05);
  transition: transform 0.3s;
}
.wvas-tipo-card:hover::after { transform: scale(1.4); }
.wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; }
.wvas-tipo-icon { flex-shrink: 0; }
.wvas-tipo-icon img { width: 70px; height: auto; }
.wvas-tipo-card h3 {
  font-size: 1.06rem; font-weight: 800; color: #003d5c;
  margin: 0; padding: 0; border: none;
}
.wvas-tipo-desc   { font-size: 0.84rem; color: #445; line-height: 1.57; }
.wvas-tipo-ej     { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.wvas-tc-destino    { border-top: 4px solid #006699; }
.wvas-tc-tematico   { border-top: 4px solid #534AB7; }
.wvas-tc-itinerario { border-top: 4px solid #1D9E75; }
.wvas-tc-conv       { border-top: 4px solid #BA7517; }
 
/* ════════════════════════════════
   Plantilla: Table awesome responsive
   ════════════════════════════════ */
.table-awesome {
  width: 100%; border-collapse: separate; border-spacing: 0;
  border: 1.5px solid #dde6ef; border-radius: 14px;
  overflow: hidden; font-size: 0.84rem;
}
.table-awesome thead tr {
  background: #006699; color: #fff;
}
.table-awesome thead th {
  padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.05em;
  text-align: left; border: none;
}
.table-awesome tbody tr {
  border-bottom: 1px solid #eef1f5;
  transition: background 0.15s;
}
.table-awesome tbody tr:last-child { border-bottom: none; }
.table-awesome tbody tr:hover { background: #f0f7fc; }
.table-awesome td {
  padding: 0.65rem 0.85rem; vertical-align: top;
  border: none; line-height: 1.5;
}
.table-awesome td:first-child {
  white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%;
}
.table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; }
.table-awesome td a:hover { text-decoration: underline; }
.table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; }
 
/* ════════════════════════════════
   WIDGET CREATE PANEL (único por tipo)
   ════════════════════════════════ */
.wvas-create {
  background: #f7fbff; border: 2px dashed #9fc9dd;
  border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem;
  margin: 0.75rem 0; text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.wvas-create:hover {
  border-color: #006699;
  box-shadow: 0 4px 16px rgba(0,102,153,0.1);
}
.wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; }
.wvas-create-mascot img {
  width: 120px; height: auto;
  animation: wvas-float 2.5s ease-in-out infinite;
}
.wvas-create h3 {
  font-size: 1.02rem; font-weight: 800; color: #003d5c;
  margin: 0 0 0.28rem; padding: 0; border: none;
}
.wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; }
 
/* ════════════════════════════════
   NIVELES DE CALIDAD
   ════════════════════════════════ */
.wvas-nivel {
  border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center;
  display: flex; flex-direction: column; gap: 0.3rem;
  border: 1.5px solid transparent;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-nivel:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; }
.wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; }
.wvas-nivel p  { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; }
.wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; }
.wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; }
.wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; }
.wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; }
 
/* ════════════════════════════════
   CHECKLIST PRE-PUBLICACIÓN
   ════════════════════════════════ */
.checklist-re {
  background: #fff; border: 1.5px solid #c8e6c8;
  border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem;
}
.checklist-re-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.checklist-re-header img { width: 36px; height: auto; }
.checklist-re-header-title {
  font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none;
}
.checklist-re-list { list-style: none; padding: 0; margin: 0; }
.checklist-re-list li {
  display: flex; align-items: flex-start; gap: 0.65rem;
  font-size: 0.84rem; padding: 0.38rem 0;
  border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5;
  transition: background 0.12s;
}
.checklist-re-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; }
.checklist-re-list li:last-child { border-bottom: none; }
.checklist-re-list li::before {
  content: '✓';   
  width: 20px; height: 20px; border-radius: 50%;
  background: #E1F5EE; border: 1.5px solid #1D9E75;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: #1D9E75; flex-shrink: 0;
  font-weight: 900; margin-top: 2px; 
}
 
/* ════════════════════════════════
   AYUDA — LINKS + hover
   ════════════════════════════════ */
.wvas-ayuda-card {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 12px; padding: 1rem 0.9rem;
  text-align: center; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; align-items: center; gap: 0.38rem;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.wvas-ayuda-card:hover {
  border-color: #006699;
  box-shadow: 0 4px 14px rgba(0,102,153,0.12);
  transform: translateY(-2px);
}
.wvas-ayuda-card img  { width: 80px; height: auto; }
.wvas-ayuda-card h4   { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; }
.wvas-ayuda-card p    { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; }
 
/* ════════════════════════════════
   REFERENCIA ARTÍCULOS ACEPTABLES
   ════════════════════════════════ */
.wvas-ref-box {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem;
}
.wvas-ref-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.wvas-ref-header img { width: 36px; height: auto; }
.wvas-ref-header h3  {
  font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none;
}
.wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
.wvas-ref-col-title {
  font-size: 0.78rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.5rem;
}
.callout-sable-col-ok  .wvas-ref-col-title { color: #1D9E75; }
.callout-sable-col-bad .wvas-ref-col-title { color: #A32D2D; }
.wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; }
.wvas-ref-list li {
  font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px;
  align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45;
  transition: background 0.12s;
}
.wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; }
.wvas-ref-list li:last-child { border-bottom: none; }
.callout-sable-col-ok  .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; }
.callout-sable-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; }
.wvas-ref-nota {
  font-size: 0.78rem; color: #666; padding-top: 0.5rem;
  border-top: 1px solid #eee; margin-top: 0.5rem;
}
.wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; }
.wvas-ref-nota li::before { content: '· '; }
 
/* ════════════════════════════════
   ANIMACIÓN FLOTANTE
   ════════════════════════════════ */
@keyframes wvas-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-7px); }
}
 
/* ════════════════════════════════════════════════════════
   ESTRUCTURAS EN COLUMNAS RESPONSIVE
   ════════════════════════════════════════════════════════ */
.cols-2-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 14px; margin-bottom: 1.5rem;
}
.cols-20-80-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 0;
  border: 0.5px solid #dde6ef;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.cols-3-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px; margin-bottom: 1rem;
}
.cols-4-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8px; margin-bottom: 1rem;
}
/* ════════════════════════════════════════════════════════
   RESPONSIVE (GENERAL)
   ════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  .hero-mascot-title  { font-size: 1.45rem; }
  .wvas-tipo-grid     { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .wvas-ayuda-grid    { grid-template-columns: repeat(2, 1fr); }
  .banner-images-banner    { height: 130px; }
  .table-awesome { font-size: 0.79rem; }
 
  /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */
  .callout-sable {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-norma {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .callout-sable-mascot,
  .wvas-norma-mascot {
    width: auto;
  }
  .callout-sable-content,
  .wvas-norma-content {
    width: 100%;
    text-align: left;   /* el texto interior alineado a la izquierda */
  }
  .callout-sable-title,
  .wvas-norma-title {
    text-align: center; /* solo el título centrado */
  }
}
@media (max-width: 700px) {
  .cols-20-80-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .sp-sidebar {
    border-right: none;
    border-bottom: 0.5px solid #dde6ef;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 8px;
    gap: 6px;
  }
  .sp-sidebar-label,
  .sp-sidebar-foot { display: none; }
  .sp-item {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
    padding: 8px 10px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 3px;
  }
  /* En mobile el indicador es borde inferior */
  .sp-item.active::after { display: none; }
  .sp-item.active { border-bottom: 2px solid #006699; }
  .sp-item-icon img { margin: 0 auto; }
  .sp-item-hint { display: none; }
  .sp-content { padding: 16px; }
}
@media (max-width: 520px) {
  .hero-mascot-top      { flex-direction: column; gap: 0.75rem; }
  .hero-mascot-mascot img { width: 66px; }
  .hero-mascot-title  { font-size: 1.22rem; }
  .banner-images-banner    { height: 95px; border-radius: 10px; }
  .wvas-ref-cols      { grid-template-columns: 1fr; }
  .wvas-ayuda-grid    { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .table-awesome thead { display: none; }
  .table-awesome td { display: block; padding: 0.3rem 0.7rem; }
  .table-awesome td:first-child { padding-top: 0.7rem; }
  .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; }
}
@media (max-width: 420px) {
  .sp-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
   SELECTOR PANEL (20% / 80%)
   ════════════════════════════════ */
.sp-sidebar {
  background: #f5f7fa;
  border-right: 0.5px solid #dde6ef;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sp-sidebar-label {
  font-size: 11px;
  font-weight: 700;
  color: #9aa5b4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.sp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: 0.5px solid transparent;
  transition: background 0.15s, border-color 0.15s;
  user-select: none;
  position: relative;
}
.sp-item:hover {
  background: #fff;
  border-color: #c5d0dc;
}
.sp-item.active {
  background: #fff;
  border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.sp-item.active::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 20%;
  height: 60%;
  width: 2.5px;
  background: #006699;
  border-radius: 2px 0 0 2px;
}
.sp-item-icon {
  font-size: 20px;
  flex-shrink: 0;
  color: #9aa5b4;
  transition: color 0.15s;
  width: 22px;
  text-align: center;
}
/* Soporte para imagen wiki como icono */
.sp-item-icon img {
  width: 22px;
  height: auto;
  display: block;
  opacity: 0.55;
  transition: opacity 0.15s;
}
.sp-item.active .sp-item-icon { color: #006699; }
.sp-item.active .sp-item-icon img { opacity: 1; }
.sp-item-name {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  line-height: 1.3;
}
.sp-item-hint {
  font-size: 11px;
  color: #9aa5b4;
  margin-top: 1px;
}
/* Hint inferior del sidebar */
.sp-sidebar-foot {
  font-size: 11px;
  color: #b0bec5;
  text-align: center;
  padding: 6px 0 2px;
  margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.sp-content {
  padding: 20px 24px;
  overflow-y: auto;
  min-height: 300px;
}
.sp-panel { display: none; }
.sp-panel.active { display: block; }

/* ════════════════════════════════════════════════════════
   SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE
   ════════════════════════════════════════════════════════ */

/* ── Caja exterior que envuelve todo ── */
.doc-simple-outer {
  background: #f8f9fb;
  border: 1.5px solid #d8e2ec;
  border-radius: 14px;
  padding: 1.1rem 1.25rem 1rem;
  margin-bottom: 1.5rem;
  font-family: 'Segoe UI', Arial, sans-serif;
  max-width: 700px;
}
 
/* ── Introducción ── */
.doc-simple-intro { margin-bottom: 12px; }
.doc-simple-intro-top { display: flex; align-items: flex-start; gap: 10px; }
.doc-simple-tname-head {
  font-size: 1rem; font-weight: 700; color: #003d5c;
  margin: 0 0 4px; padding: 0; border: none;
}
.doc-simple-desc {
  font-size: 0.84rem; color: #445;
  line-height: 1.6; margin: 0 0 8px;
}
.doc-simple-hint {
  font-size: 0.8rem; color: #778;
  line-height: 1.5; margin: 0 0 10px;
}
.doc-simple-req-inline { color: #C0392B; font-weight: 600; }
.doc-simple-opt-inline { color: #2471A3; font-weight: 600; }
 
/* ── Leyenda ── */
.doc-simple-legend {
  display: flex; gap: 14px; flex-wrap: wrap;
  margin-bottom: 12px;
}
.doc-simple-leg {
  display: flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 600;
}
.doc-simple-leg::before {
  content: ''; width: 3px; height: 13px;
  border-radius: 2px; flex-shrink: 0; display: inline-block;
}
.doc-simple-req-leg { color: #C0392B; }
.doc-simple-req-leg::before { background: #C0392B; }
.doc-simple-opt-leg { color: #2471A3; }
.doc-simple-opt-leg::before { background: #2471A3; }
 
/* ── Cards (sintaxis y ejemplo) ── */
.doc-simple-card {
  background: #fff;
  border: 0.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.doc-simple-example-card { margin-bottom: 10px; }
 
/* ── Cabecera de card ── */
.doc-simple-card-top {
  background: #f0f4f8;
  border-bottom: 0.5px solid #cdd8e4;
  padding: 6px 12px;
  display: flex; align-items: center;
  justify-content: space-between; gap: 8px;
}
.doc-simple-card-label {
  font-size: 11px; font-weight: 700; color: #667;
  text-transform: uppercase; letter-spacing: 0.06em;
}
.doc-simple-card-label.example-label { color: #2471A3; }
 
/* ── Botón copiar ── */
.doc-simple-copy-btn {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11.5px; font-weight: 600; cursor: pointer;
  color: #334; background: #fff;
  border: 0.5px solid #bbc8d4; border-radius: 6px;
  padding: 3px 10px; user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
}
.doc-simple-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-simple-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
 
/* ── Bloque de código ── */
.doc-simple-block {
  padding: 6px 0 8px;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.35;
}
.doc-simple-block-open,
.doc-simple-block-close {
  padding: 3px 12px;
  color: #aab;
}
.doc-simple-blockname { color: #003d5c; font-weight: 600; }
.doc-simple-brace { color: #bbc; }
 
/* ── Filas de parámetros ── */
.doc-simple-params { padding: 0; }
.doc-simple-params &gt; * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.doc-simple-params p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.doc-simple-row {
  display: flex; align-items: baseline;
  padding: 2px 12px 2px 9px;
  border-left: 3px solid transparent;
  transition: background 0.1s;
  line-height: 1.5;
}
.doc-simple-row:hover { background: #f5f8fb; }
.doc-simple-req { border-color: #C0392B; }
.doc-simple-opt { border-color: #2471A3; }
.doc-simple-req .doc-simple-key { color: #C0392B; }
.doc-simple-opt .doc-simple-key { color: #2471A3; }
.doc-simple-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; }
.doc-simple-key { font-weight: 700; white-space: nowrap; }
.doc-simple-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; }
.doc-simple-optvals { color: #889; font-size: 12px; }
 
/* Filas del bloque ejemplo (generadas por JS) */
.doc-simple-example-val { color: #334; }
 
/* ── Notas al pie ── */
.doc-simple-footer {
  border-top: 0.5px solid #dde6ef;
  padding: 8px 2px 0;
  display: flex; flex-direction: column; gap: 3px;
  margin-top: 4px;
}
.doc-simple-nota {
  font-size: 11.5px; color: #889; line-height: 1.5;
	padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem;
}
.doc-simple-nota ul { list-style: none; padding: 0; margin: 0; }
.doc-simple-nota li::before { content: '→ '; color: #bbc; }

/* ── Responsive ── */
@media (max-width: 520px) {
  .doc-simple-outer { padding: 0.85rem 0.9rem; }
  .doc-simple-card-top { flex-direction: column; align-items: flex-start; gap: 6px; }
  .doc-simple-copy-btn { width: 100%; justify-content: center; }
}

/* ════════════════════════════════════════════════════════
   SELECTOR HORIZONTAL DE PESTAÑAS
   ════════════════════════════════════════════════════════ */
/* ── Contenedor general ── */
.htab-wrap {
  border: 0.5px solid #cdd8e4;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

/* ── Barra superior: color + patrón de puntos ── */
.htab-bar {
  background-color: #D4537E;
  background-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.12) 1.5px,
    transparent 1.5px
  );
  background-size: 20px 20px;
  position: relative;
  overflow: hidden;
  padding: 14px 14px 12px;
  border-bottom: 2.5px solid #993556;
}

/* ── Fondo animado: formas moviéndose de derecha a izquierda ── */
.htab-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.htab-bg-track {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  height: 100%;
  white-space: nowrap;
  animation: htab-marquee 18s linear infinite;
}
@keyframes htab-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Formas del fondo */
.hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); }
.hs-circle  { width: 9px;  height: 9px;  border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; }
.hs-bar     { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); }
.hs-sq      { width: 8px;  height: 8px;  border: 1.5px solid rgba(255,255,255,0.18); }
.hs-tri     { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); }

/* ── Pestañas ── */
.htab-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  position: relative;
  z-index: 1;
}
.htab-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 8px;
  padding: 7px 15px;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: background 0.15s, transform 0.13s, border-color 0.15s;
}
.htab-tab:hover:not(.active) {
  background: rgba(255,255,255,0.25);
  transform: translateY(-2px);
}
.htab-tab.active {
  background: #EF9F27;
  border-color: #BA7517;
  color: #412402;
  transform: translateY(-1px);
}
/* Imágenes wiki dentro de la pestaña como icono */
.htab-tab figure { float: none !important; margin: 0 !important; }
.htab-tab img    { width: 18px; height: auto; display: block; }

/* ── Partículas ── */
.htab-prt {
  position: absolute;
  pointer-events: none;
  z-index: 20;
  border-radius: 50%;
}

/* Click — explosión */
.htab-prt-b {
  animation: htab-burst var(--dur, 0.4s) ease-out forwards;
}
@keyframes htab-burst {
  0%   { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; }
  100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; }
}

/* Hover — flotantes */
.htab-prt-h {
  animation: htab-float var(--dur, 0.65s) ease-out forwards;
}
@keyframes htab-float {
  0%   { transform: translateY(0) translateX(0); opacity: 0.85; }
  100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; }
}

/* ── Área de contenido ── */
.htab-panels {
  background: #fff;
  padding: 22px 22px 18px;
  min-height: 160px;
}
.htab-panel { display: none; }
.htab-panel.active {
  display: block;
  animation: htab-fadein 0.22s ease;
}
@keyframes htab-fadein {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 700px) {
  .htab-bar  { padding: 11px; }
  .htab-tab  { padding: 6px 12px; font-size: 12px; gap: 5px; }
  .htab-panels { padding: 16px; }
}
@media (max-width: 420px) {
  .htab-tab  { padding: 5px 10px; font-size: 11px; }
  .htab-panels { padding: 12px; }
}

/* ════════════════════════════════════════════════════════════════
   WVA - SISTEMA DE SECCIONES DE ARTÍCULO
   ════════════════════════════════════════════════════════════════ */

/* ═══ ANIMACIONES ═══ */
@keyframes wva-in  { from{opacity:0;transform:translateY(10px)}  to{opacity:1;transform:translateY(0)} }
@keyframes wva-sl  { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} }
@keyframes wva-pop { from{opacity:0;transform:scale(0.93)}       to{opacity:1;transform:scale(1)} }
@keyframes wva-bar { from{width:0} to{width:var(--w,100%)} }
@keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} }
@keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} }

/* ══════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════ */
.wva-hero{
  background:var(--pk);position:relative;overflow:hidden;
  padding:28px 24px 44px;border-bottom:3px solid #111;
  clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%);
  margin-bottom:-2px;animation:in 0.6s ease both;
}
.wva-hero-dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px);
  background-size:22px 22px;}
.wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px;
  letter-spacing:10px;animation:glo 2.5s ease-in-out infinite}
.wva-hi{position:relative;z-index:1}
.wva-hi-loc{display:inline-block;background:var(--yw);color:#111;
  font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111;
  line-height:.95;margin-bottom:12px;border:none;padding:0}
.wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px}
.wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px}

/* ══════════════════════════════════════════════════════
   FICHA TÉCNICA — barra de stats oscura
   ══════════════════════════════════════════════════════ */
.wva-ficha {
  background: var(--bk); padding: 16px 20px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
  gap: 16px; border-bottom: var(--bd);
  animation: wva-in .5s ease .08s both;
}
/* Dot pattern sobre negro */
.wva-ficha::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px);
  background-size: 14px 14px;
}
.wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; }
.wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); }
.wva-fb-info strong { color:var(--yw);font-weight:700; }

.wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; }
.wva-sg { font-size:14px;font-weight:900;width:30px; }
.wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; }
.wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; }
.sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)}
.sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)}

/* ══════════════════════════════════════════════════════
   SECTION WRAPPER
   ══════════════════════════════════════════════════════ */
.wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; }
.bg-w   { background:#fff; }
.bg-yw  { background:var(--yw);position:relative; }
.bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; }
.bg-yw &gt; * { position:relative;z-index:1; }
.bg-cr  { background:#FFF8F0; }
.bg-war { background:#FFF5F5; }
.bg-mn  { background:#FFFDE7; }
.bg-sc  { background:#FFF0F8;
  background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; }
.bg-hl  { background:#F0FFF4; }
.bg-mv  { background:#F8F8FF; }
.bg-ar  { background:#F0F9FF; }

/* ══════════════════════════════════════════════════════
   SECTION HEADER
   ══════════════════════════════════════════════════════ */
.wva-sh {
  display:flex;align-items:center;gap:10px;
  padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden;
}
.wva-sh .ico { font-size:17px;flex-shrink:0; }
.wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; }
.wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; }

/* NEGRO + AMARILLO (estilo SQUAD) */
.sh-bk { background:var(--bk); }
.sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; }
.sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; }

/* AMARILLO + NEGRO (estilo VANGUARD) */
.sh-yw { background:var(--yw); }
.sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; }
.sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; }

.sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff}
.sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff}
.sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff}
.sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff}
.sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff}
.sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff}
.sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)}

/* ══════════════════════════════════════════════════════
   SUBHEADER
   ══════════════════════════════════════════════════════ */
.wva-sub {
  display:flex;align-items:center;gap:8px;padding:8px 20px 4px;
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);
}
.wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; }

/* ══════════════════════════════════════════════════════
   BODY / 2 COLS
   ══════════════════════════════════════════════════════ */
.wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; }
.wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; }
.wva-body strong { color:var(--bk);font-weight:700; }

.wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; }
.wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   GRIDS
   ══════════════════════════════════════════════════════ */
.g    { padding:12px 20px; }
.g-2  { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.g-3  { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.g-a  { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; }
.g-r  { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; }
.g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; }

/* ══════════════════════════════════════════════════════
   PRACTICAL TIP CARD
   ══════════════════════════════════════════════════════ */
.ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden;
  transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; }
.ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); }
.ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; }
.ptip-b strong { color:var(--bk);font-weight:700; }

.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }

/* ══════════════════════════════════════════════════════
   TALENT CARD (secretos — estilo squad card)
   ══════════════════════════════════════════════════════ */
.tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px;
  overflow:hidden;position:relative;animation:wva-pop .4s ease both;
  transition:transform .15s,box-shadow .15s;cursor:default; }
.tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); }
.tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; }

.tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;
  padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; }
.tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; }
.tcard-stats { margin-bottom:7px; }
.tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); }
.tsg { font-size:13px;font-weight:900;width:26px; }
.tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; }
.tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; }
.tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; }
.tcard-tags { display:flex;gap:4px;flex-wrap:wrap; }

/* ══════════════════════════════════════════════════════
   REGION CARD
   ══════════════════════════════════════════════════════ */
.rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px;
  border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; }
.rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }
.rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; }

/* ══════════════════════════════════════════════════════
   CITY CARD
   ══════════════════════════════════════════════════════ */
.ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r);
  cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; }
.ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); }
.ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;
  border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; }
.ccard-badge.pk { background:var(--pk);color:#fff; }
.ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; }

/* ══════════════════════════════════════════════════════
   TRANSPORT CARD
   ══════════════════════════════════════════════════════ */
.tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r);
  display:flex;flex-direction:column;gap:6px;cursor:default;
  transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; }
.tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); }
.tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.tport-icon { font-size:24px;line-height:1; }
.tport-name { font-size:13px;font-weight:800;color:var(--bk); }
.tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; }
.tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)}
.tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)}
.tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)}
.tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)}
.tp-bk::before{background:var(--bk)}

/* ══════════════════════════════════════════════════════
   ALERT BOX
   ══════════════════════════════════════════════════════ */
.wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px;
  border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; }
.wva-al + .wva-al { margin-top:8px; }
.wva-al:last-of-type { margin-bottom:12px; }
.a-warn  { border-color:var(--rd); background:#FFF5F5; }
.a-tip   { border-color:var(--cy); background:#F0FDFF; }
.a-ok    { border-color:var(--gn); background:#F0FFF4; }
.a-money { border-color:#F5A000;   background:#FFFDE7; }
.a-info  { border-color:var(--bl); background:#F0F8FF; }
.a-pink  { border-color:var(--pk); background:#FFF0F8; }
.al-em   { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; }
.al-txt  { font-size:12.5px;color:#333;line-height:1.62; }
.al-txt strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   LIST ITEMS
   ══════════════════════════════════════════════════════ */
.wva-list { padding:0 20px 12px; }
.wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08);
  align-items:flex-start;transition:padding-left .14s;cursor:default; }
.wva-li:last-child { border-bottom:none; }
.wva-li:hover { padding-left:6px; }
.wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm);
  display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;
  background:var(--wh);transition:transform .14s; }
.wva-li:hover .wva-li-ico { transform:scale(1.06); }
.wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; }
.wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; }
.wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; }

/* ══════════════════════════════════════════════════════
   NEXT DESTINATIONS
   ══════════════════════════════════════════════════════ */
.wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; }
.ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r);
  padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default;
  transition:background .14s,transform .14s,box-shadow .14s; }
.ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }

/* ══════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════ */
@media (max-width:760px) {
  .wva-hero { grid-template-columns:1fr; }
  .wva-himg { display:none; }
  .wva-hc::after { display:none; }
  .wva-hi-h { font-size:38px; }
  .g-2,.g-3 { grid-template-columns:1fr; }
  .wva-2c { grid-template-columns:1fr; }
  .wva-ficha { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px) {
  .wva-hc { padding:20px 14px 28px; }
  .wva-hi-h { font-size:28px; }
  .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; }
  .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; }
  .wva-al { margin-left:14px;margin-right:14px; }
  .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; }
  .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; }
}</text>
      <sha1>2yafmq0yxw8s84gpoxk5sas52jg3nrl</sha1>
    </revision>
    <revision>
      <id>253819</id>
      <parentid>253810</parentid>
      <timestamp>2026-05-23T02:49:58Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253819</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="82304" sha1="k6lix5792soeyhpuykgwhot8elpbugc" xml:space="preserve">/* ════════════════════════════════
   Función de acordeón tipo FAQ / Funciona con el js correspondiente
   ════════════════════════════════ */
.accordion-content{
    display:none;
}

.accordion-content.active {
    display:block;
}

.accordion-clicky{
    cursor:pointer;
    user-select:none;
}

:root {
  --pk: #FF00BB;  --yw: #FFE600;  --cy: #00BFFF;
  --gn: #00C853;  --or: #FF6B00;  --rd: #FF2200;
  --pu: #7A00FF;  --bl: #0099FF;  --bk: #111111;
  --wh: #FFFFFF;  --mu: #555555;
  --bd:  3px solid #111;
  --bd2: 2.5px solid #111;
  --r:   10px;
  --rsm: 6px;
  --rlg: 16px;
  --font: 'Segoe UI', Arial, sans-serif;
}

.wva-config { box-sizing: border-box; margin: 0; padding: 0; margin: 0 auto; background: var(--wh); border: var(--bd); overflow: hidden; font-family: var(--font)}

/* ── Reset interno ── */
.config-general * { box-sizing: border-box; }
.config-general { font-family: var(--font); line-height: 1.6; }

/* ── Force links icon ── */
.doc-simple-outer a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;])::after,
.config-general a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;]):not([href*=&quot;/File:&quot;]):not([href*=&quot;/Archivo:&quot;])::after {
  content: ' [↗]';
  font-size: 0.78em;
  opacity: 0.55;
  font-weight: normal;
  text-decoration: none;
}
.config-general a:has(img)::after{
    content:none !important;
}
/* El enlace [editar] no participa en el flex */
.config-general .mw-editsection {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
}

/* ════════════════════════════════
   Decorativos inline
   ════════════════════════════════ */
.chip-inline {
  display: inline-block; font-size: 0.69rem; font-weight: 700;
  padding: 1px 8px; border-radius: 20px; margin-top: 3px;
  color: #fff;
}
.badge-inline {
	background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px
			  }
.tag-inline {
  display: inline-block; font-size: 0.72rem; font-weight: 700;
  padding: 3px 10px; border-radius: 20px;
  background: #E6F1FB; color: #006699; margin-top: 0.3rem;
  text-decoration: none; transition: background 0.15s;
}
.tag-inline:hover { background: #c5dff0; }

.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }

/* ════════════════════════════════
   Structures
   ════════════════════════════════ */
.tags-structure { display:flex;gap:5px;flex-wrap:wrap; }

/* ════════════════════════════════
   DocCopiar
   ════════════════════════════════ */
.doc-copiar-wrap {
  border: 1.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1rem;
  font-family: 'Segoe UI', Arial, sans-serif;
}
.doc-copiar-bar {
  background: #f0f4f8;
  border-bottom: 1px solid #cdd8e4;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.doc-copiar-lbl {
  font-size: 11px;
  font-weight: 700;
  color: #667;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.doc-copiar-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  color: #334;
  background: #fff;
  border: 0.5px solid #bbc8d4;
  border-radius: 6px;
  padding: 3px 10px;
  user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
  white-space: nowrap;
}
.doc-copiar-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-copiar-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
.doc-copiar-pre {
  margin: 0;
  padding: 12px 14px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 13px;
  line-height: 1.65;
  color: #2a2a3a;
  white-space: pre-wrap;
  word-break: break-word;
  background: #fff;
  overflow-x: auto;
  border: none;
}
/* ════════════════════════════════
   Plantilla: Tríptico - Código para que funcione bien. Full Responsive
   ════════════════════════════════ */
.triptico {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: stretch;
}

.triptico-wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.triptico-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ── card base ── */
.tc-card {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.tc-card::before {
  content: '';
  display: block;
  padding-top: var(--card-ratio, 100%);
}

.tc-card-inner {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}

/* imagen wiki como fondo */
.tc-card-img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  display: block;
}

.tc-card-img a,
.tc-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  text-decoration: none;
  pointer-events: none;
}

/* enlace que cubre todo el card */
.tc-card-link {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 5;
  display: block;
  background: transparent;
}

.tc-card-link:hover ~ .tc-tag-top,
.tc-card-link:hover ~ .tc-tag-bot {
  background: rgba(0,0,0,0.82);
}

/* ── tags de esquina ── */
.tc-tag-top {
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-tag-bot {
  position: absolute;
  bottom: 0; right: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  text-align: right;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-card-inner:hover .tc-tag-top {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-card-inner:hover .tc-tag-bot {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-tag-top,
.tc-tag-bot {
  transition: background 0.25s;
}

.tc-tag-top::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

.tc-tag-bot::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

/* ── card-vert ── */
.tc-card-vert .tc-card-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.tc-texto-vert {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.3em;
  writing-mode: vertical-rl;
  transform: rotate(180deg) scaleX(1.4);
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  font-size: var(--vert-size, 56px);
  z-index: 3;
  position: relative;
  pointer-events: none;
  margin-right: 14px;
  margin-top: 10px;
  margin-left: 30px;
}

/* ── bloque de texto ── */
.tc-texto {
  width: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
  background: var(--tc-texto-bg, transparent);
  color: var(--tc-texto-color, inherit);
}

/* ── header flotante ── */
.tc-header-wrap {
  position: absolute;
  top: 0;
  left: 0; right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.tc-header {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 22px;
  background: var(--tc-header-bg, #111);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  white-space: nowrap;
  pointer-events: auto;
  transition: background 0.25s;
}

.tc-header::before {
  content: '';
  position: absolute;
  inset: 2px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);
}

.tc-header-accent {
  position: absolute;
  bottom: -3px;
  left: 10px; right: 10px;
  height: 2px;
  background: var(--tc-acento, #e63946);
  transition: background 0.25s;
}

@media (max-width: 900px) {
  .triptico { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .triptico { grid-template-columns: 1fr; }
}

/* tc-tira */
.tc-tira {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex: none;
  min-height: 72px;
  max-height: 110px;
  background: var(--tc-tira-bg, #111);
  overflow: hidden;
}

/* línea de acento superior */
.tc-tira::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--tc-tira-acento, #e63946);
  z-index: 2;
}

/* brillo sutil */
.tc-tira-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.tc-tira-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding: 10px 6px;
  gap: 3px;
  text-align: center;
  transition: background 0.2s;
}

.tc-tira-items {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 3px 0 0 0;
  min-width: 0;
}

.tc-tira-item:hover {
  background: rgba(255,255,255,0.04);
}

.tc-tira-item img,
.tc-tira-item a img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 2px;
}

.tc-tira-item .thumbinner,
.tc-tira-item .thumb,
.tc-tira-item figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-tira-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-valor {
  font-size: 12px;
  font-weight: bold;
  color: var(--tc-tira-txt, #fff);
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-sep {
  width: 1px;
  align-self: stretch;
  background: rgba(255,255,255,0.08);
  flex-shrink: 0;
  margin: 10px 0;
}

/* ── itinerario ── */
.tc-itinerario {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 0 6px 0;
  background: var(--tc-it-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tc-it-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  margin-bottom: 4px;
}

.tc-it-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-it-acento, #e63946);
  flex: 1;
}

.tc-it-total {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}

/* línea de tiempo vertical */
.tc-it-linea {
  position: absolute;
  left: 28px;
  top: 50px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    var(--tc-it-acento, #e63946),
    rgba(255,255,255,0.05)
  );
}

.tc-it-lista {
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.tc-it-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px 14px 8px 48px;
  transition: background 0.2s;
}

.tc-it-item:hover {
  background: rgba(255,255,255,0.03);
}

/* nodo en la línea de tiempo */
.tc-it-nodo {
  position: absolute;
  left: 22px;
  top: 13px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--tc-it-bg, #0d0d0d);
  border: 2px solid var(--tc-it-acento, #e63946);
  box-sizing: border-box;
  z-index: 2;
}

.tc-it-item:first-child .tc-it-nodo {
  background: var(--tc-it-acento, #e63946);
}

/* fila superior: lugar + tiempo */
.tc-it-fila-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}

.tc-it-lugar {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tc-it-tiempo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: var(--tc-it-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* actividad */
.tc-it-actividad {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
  margin-bottom: 4px;
}

/* badges de propiedades */
.tc-it-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.tc-it-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
  line-height: 1.4;
}

.tc-it-badge-acento {
  border-color: var(--tc-it-acento, #e63946);
  color: var(--tc-it-acento, #e63946);
}

/* separador entre items */
.tc-it-item + .tc-it-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 48px; right: 14px;
  height: 1px;
  background: rgba(255,255,255,0.05);
}

/* ════════════════════════════════
   tc-gastronomia
   ════════════════════════════════ */
.tc-gastro {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-gastro-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-gastro-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-gastro-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

.tc-gastro-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  justify-content: space-between;
}

.tc-gastro-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  position: relative;
  transition: background 0.2s;
}

.tc-gastro-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-gastro-item + .tc-gastro-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* foto */
.tc-gastro-foto {
  width: 64px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.tc-gastro-foto img,
.tc-gastro-foto a img {
  width: 64px !important;
  height: 100% !important;
  min-height: 64px;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.tc-gastro-foto .thumbinner,
.tc-gastro-foto .thumb,
.tc-gastro-foto figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
}

/* línea de acento lateral */
.tc-gastro-item::before {
  content: '';
  position: absolute;
  left: 64px;
  top: 0; bottom: 0;
  width: 2px;
  background: var(--tc-gastro-acento, #e63946);
  opacity: 0;
  transition: opacity 0.2s;
}

.tc-gastro-item:hover::before {
  opacity: 1;
}

/* contenido textual */
.tc-gastro-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 12px 10px 14px;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.tc-gastro-nombre {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-gastro-lugar {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-desc {
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  line-height: 1.4;
  margin-top: 2px;
}

.tc-gastro-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 4px;
}

.tc-gastro-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.4);
  line-height: 1.4;
}

.tc-gastro-badge-acento {
  border-color: var(--tc-gastro-acento, #e63946);
  color: var(--tc-gastro-acento, #e63946);
}


/* ════════════════════════════════
   tc-transporte
   ════════════════════════════════ */
.tc-transporte {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-trans-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-trans-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-trans-acento, #1d6fa4);
}

.tc-trans-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

/* secciones: transporte y lugares */
.tc-trans-seccion {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-seccion-label {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding: 7px 14px 4px 14px;
}

.tc-trans-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-trans-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  position: relative;
  transition: background 0.2s;
}

.tc-trans-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-trans-item + .tc-trans-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* icono de transporte o lugar */
.tc-trans-icono {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255,255,255,0.05);
  overflow: hidden;
}

.tc-trans-icono img,
.tc-trans-icono a img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-trans-icono .thumbinner,
.tc-trans-icono .thumb,
.tc-trans-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-trans-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}

.tc-trans-nombre {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-desc {
  font-size: 9px;
  color: rgba(255,255,255,0.4);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-meta {
  font-size: 9px;
  font-weight: bold;
  color: var(--tc-trans-acento, #1d6fa4);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.04em;
}

/* divisor entre secciones */
.tc-trans-div {
  height: 1px;
  background: linear-gradient(
    to right,
    var(--tc-trans-acento, #1d6fa4),
    rgba(255,255,255,0.05)
  );
  margin: 4px 14px;
}

/* badge de lugar destacado */
.tc-trans-estrella {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tc-trans-acento, #1d6fa4);
  flex-shrink: 0;
}

/* texto adaptable según fondo */
.tc-gastro-nombre  { color: var(--tc-gastro-txt, #fff); }
.tc-gastro-desc    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); }
.tc-gastro-badge   { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); 
                     border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); }

.tc-trans-nombre   { color: var(--tc-trans-txt, #fff); }
.tc-trans-desc     { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); }
.tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); }
.tc-trans-subtitulo     { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); }
.tc-gastro-subtitulo    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); }

/* ════════════════════════════════
   tc-callout — base compartida
   ════════════════════════════════ */
.tc-callout {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}

.tc-callout-barra {
  width: 4px;
  flex-shrink: 0;
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  flex: 1;
  min-width: 0;
  background: var(--tc-co-bg, rgba(29,111,164,0.08));
}

.tc-callout-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.tc-callout-icono {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.tc-callout-icono img,
.tc-callout-icono a img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-callout-icono .thumbinner,
.tc-callout-icono .thumb,
.tc-callout-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-callout-tipo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-titulo {
  font-size: 13px;
  font-weight: bold;
  color: var(--tc-co-txt, #fff);
  line-height: 1.3;
}

.tc-callout-texto {
  font-size: 11px;
  line-height: 1.6;
  color: var(--tc-co-txt2, rgba(255,255,255,0.6));
}

.tc-callout-texto a {
  color: var(--tc-co-acento, #1d6fa4);
  text-decoration: none;
}

.tc-callout-texto a:hover {
  text-decoration: underline;
}

.tc-callout-footer {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
  margin-top: 2px;
}

/* ── variante: bloque lleno sin barra lateral ── */
.tc-callout-filled {
  flex-direction: column;
}

.tc-callout-filled .tc-callout-barra {
  width: 100%;
  height: 3px;
}

.tc-callout-filled .tc-callout-body {
  padding: 12px 14px;
}

/* ── variante: destacado con fondo marcado ── */
.tc-callout-solid .tc-callout-body {
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-solid .tc-callout-tipo {
  color: rgba(255,255,255,0.7);
}

.tc-callout-solid .tc-callout-titulo {
  color: #fff;
}

.tc-callout-solid .tc-callout-texto {
  color: rgba(255,255,255,0.75);
}

.tc-callout-solid .tc-callout-footer {
  color: rgba(255,255,255,0.6);
}

.tc-callout-solid .tc-callout-barra {
  background: rgba(0,0,0,0.2);
}

/* ── separador interno ── */
.tc-callout-sep {
  height: 1px;
  background: var(--tc-co-acento, #1d6fa4);
  opacity: 0.2;
  margin: 4px 0;
}

/* ════════════════════════════════
   tc-lista — lista de ítems simple
   ════════════════════════════════ */
.tc-lista {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-lista-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-lista-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-lista-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-lista-acento, #e63946);
}

.tc-lista-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-lista-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  transition: background 0.2s;
  position: relative;
}

.tc-lista-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-lista-item + .tc-lista-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-lista-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tc-lista-acento, #e63946);
  flex-shrink: 0;
}

.tc-lista-txt {
  font-size: 12px;
  color: var(--tc-lista-txt, #fff);
  line-height: 1.4;
  flex: 1;
}

.tc-lista-meta {
  font-size: 10px;
  font-weight: bold;
  color: var(--tc-lista-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ════════════════════════════════
   tc-cita — cita o quote destacado
   ════════════════════════════════ */
.tc-cita {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-cita-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 18px 16px 22px;
  overflow: hidden;
}

.tc-cita-marca {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 52px;
  line-height: 1;
  color: var(--tc-cita-acento, #e63946);
  opacity: 0.25;
  font-family: Georgia, serif;
  pointer-events: none;
  user-select: none;
}

.tc-cita-barra {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--tc-cita-acento, #e63946);
}

.tc-cita-texto {
  font-size: 13px;
  line-height: 1.7;
  color: var(--tc-cita-txt, #fff);
  font-style: italic;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.tc-cita-autor {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-cita-acento, #e63946);
  position: relative;
  z-index: 1;
}

.tc-cita-fuente {
  font-size: 9px;
  color: var(--tc-cita-txt2, rgba(255,255,255,0.35));
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

/* ════════════════════════════════
   tc-stat — estadísticas / cifras
   ════════════════════════════════ */
.tc-stat {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-stat-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-stat-header {
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-stat-acento, #e63946);
}

.tc-stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1;
  min-height: 0;
}

.tc-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  gap: 3px;
  position: relative;
  transition: background 0.2s;
}

.tc-stat-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-stat-item:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item + .tc-stat-item,
.tc-stat-item ~ .tc-stat-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item:nth-child(1),
.tc-stat-item:nth-child(2) {
  border-top: none;
}

.tc-stat-cifra {
  font-size: 22px;
  font-weight: bold;
  color: var(--tc-stat-acento, #e63946);
  line-height: 1;
  letter-spacing: -0.02em;
}

.tc-stat-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.4));
  text-align: center;
  line-height: 1.3;
}

.tc-stat-sub {
  font-size: 9px;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.25));
  text-align: center;
}


/* ════════════════════════════════
   ASISTENTE DE CREACIÓN DE ARTÍCULOS
   ════════════════════════════════ */
/* ════════════════════════════════
   HERO BANNER
   ════════════════════════════════ */
.hero-mascot {
  background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%);
  border-radius: 16px;
  padding: 1.75rem 1.75rem 1.5rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.hero-mascot::before {
  content: ''; position: absolute; top: -50px; right: -40px;
  width: 230px; height: 230px;
  background: rgba(255,255,255,0.06); border-radius: 50%;
}
.hero-mascot::after {
  content: ''; position: absolute; bottom: -70px; left: 28%;
  width: 280px; height: 280px;
  background: rgba(255,255,255,0.04); border-radius: 50%;
}
.hero-mascot-top {
  display: flex; align-items: flex-start; gap: 1.25rem;
  position: relative; z-index: 1;
}
.hero-mascot-mascot { flex-shrink: 0; }
.hero-mascot-mascot img {
  width: 120px; height: auto;
  filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3));
  animation: wvas-float 3.5s ease-in-out infinite;
}
.hero-mascot-title {
  font-size: 1.75rem; font-weight: 800; line-height: 1.2;
  margin: 0 0 0.4rem; color: #fff; border: none; padding: 0;
}
.hero-mascot-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; }
.hero-mascot-divider {
  border: none; border-top: 1px solid rgba(255,255,255,0.22);
  margin: 1.1rem 0 1rem; position: relative; z-index: 1;
}
.hero-mascot-about { position: relative; z-index: 1; }
.hero-mascot-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; }
.hero-mascot-about a { color: #21e82b; font-weight: 700; }
.hero-mascot-about p:last-child { margin: 0; }
 
/* ════════════════════════════════
   IMAGE BANNER (5 fotos + corte diagonal)
   ════════════════════════════════ */
.banner-images-banner {
  display: flex;
  height: 195px;
  border-radius: 14px;
  overflow: hidden;
  background: #004d70;
}
.banner-images-slot {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
  min-width: 0;
}
.banner-images-slot:not(:first-child) {
  clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -22px;
}
.banner-images-slot:nth-child(2) { z-index: 2; }
.banner-images-slot:nth-child(3) { z-index: 3; }
.banner-images-slot:nth-child(4) { z-index: 4; }
.banner-images-slot:nth-child(5) { z-index: 5; }
.banner-images-slot figure,
.banner-images-slot .mw-file-description,
.banner-images-slot a {
  display: block !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
}
.banner-images-slot img {
  display: block !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  margin: 0 !important; border: 0 !important;
  vertical-align: top !important; max-width: none !important;
}
 
/* ════════════════════════════════
   SECTION HEADER
   ════════════════════════════════ */
.header-awesome {
  display: flex; align-items: center; gap: 0.65rem;
  margin: 1.9rem 0 1rem;
}
.header-awesome-icon {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; flex-shrink: 0;
}
.header-awesome :is(h1,h2,h3,h4,h5) {
  font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c;
}
.header-awesome-line { flex: 1; height: 2px; background: #dde4ec; }

/* ════════════════════════════════
   NORMAS — siempre visibles, con hover
   ════════════════════════════════ */
.wvas-norma {
  border-radius: 12px; padding: 0.9rem 1rem;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 0.7rem;
  align-items: center;
  border: 1.5px solid;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-norma:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.wvas-norma-mascot { width: 90px;  display: flex; align-items: center; justify-content: center; }
.wvas-norma-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-norma-mascot figure { float: none !important; margin: 0 !important; }
.wvas-norma-content { min-width: 0; }
.wvas-norma-title {
  font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
  letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.wvas-norma-text { font-size: 0.82rem; line-height: 1.57; }
.wvas-norma-text a { font-weight: 700; }
.wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.wvas-n-error .wvas-norma-title { color: #A32D2D; }
.wvas-n-error a { color: #A32D2D; }
.wvas-n-warn  { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.wvas-n-warn  .wvas-norma-title { color: #7a4a00; }
.wvas-n-warn  a { color: #854F0B; }
.wvas-n-tip   { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.wvas-n-tip   .wvas-norma-title { color: #0F6E56; }
.wvas-n-tip   a { color: #085041; }
.wvas-n-info  { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.wvas-n-info  .wvas-norma-title { color: #006699; }
.wvas-n-info  a { color: #006699; }
 
/* ════════════════════════════════
   CALLOUT (genérico)
   Grid interno: mascota | contenido (desktop)
                 mascota (arriba) + contenido (abajo) en mobile
   ════════════════════════════════ */
.callout-sable {
  border-radius: 12px; padding: 0.9rem 1.1rem;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.8rem;
  align-items: center;
  border-left: 4px solid;
  transition: box-shadow 0.18s;
}
.callout-sable:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); }
.callout-sable-mascot { width: 80px; display: flex; align-items: center; justify-content: center; }
.callout-sable-mascot img { width: 80px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.callout-sable-mascot figure { float: none !important; margin: 0 !important; }
.callout-sable-content { min-width: 0; }
.callout-sable-title {
  font-weight: 800; font-size: 0.81rem; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.22rem;
}
.callout-sable-body { font-size: 0.85rem; line-height: 1.58; }
.callout-sable-body a { font-weight: 700; text-decoration: none; }
.callout-sable-body a:hover { text-decoration: underline; }
.callout-sable-co-tip    { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; }
.callout-sable-co-tip    .callout-sable-title { color: #0F6E56; }
.callout-sable-co-tip    a { color: #085041; }
.callout-sable-co-info   { background: #E6F1FB; border-color: #006699; color: #042C53; }
.callout-sable-co-info   .callout-sable-title { color: #006699; }
.callout-sable-co-info   a { color: #185FA5; }
.callout-sable-co-warn   { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; }
.callout-sable-co-warn   .callout-sable-title { color: #7a4a00; }
.callout-sable-co-warn   a { color: #854F0B; }
.callout-sable-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; }
.callout-sable-co-purple .callout-sable-title { color: #534AB7; }
.callout-sable-co-purple a { color: #534AB7; }
.callout-sable-co-error  { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; }
.callout-sable-co-error  .callout-sable-title { color: #A32D2D; }
.callout-sable-co-error  a { color: #A32D2D; }
 
/* ════════════════════════════════
   TIPO CARDS — informativas + hover
   ════════════════════════════════ */
.wvas-tipo-card {
  background: #fff; border: 1.5px solid #d0dce8;
  border-radius: 16px; padding: 1.3rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  position: relative; overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  cursor: inherit;
}
.wvas-tipo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,60,100,0.12);
  border-color: #006699;
}
.wvas-tipo-card::after {
  content: ''; position: absolute; bottom: -18px; right: -18px;
  width: 70px; height: 70px; border-radius: 50%;
  background: rgba(0,102,153,0.05);
  transition: transform 0.3s;
}
.wvas-tipo-card:hover::after { transform: scale(1.4); }
.wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; }
.wvas-tipo-icon { flex-shrink: 0; }
.wvas-tipo-icon img { width: 70px; height: auto; }
.wvas-tipo-card h3 {
  font-size: 1.06rem; font-weight: 800; color: #003d5c;
  margin: 0; padding: 0; border: none;
}
.wvas-tipo-desc   { font-size: 0.84rem; color: #445; line-height: 1.57; }
.wvas-tipo-ej     { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.wvas-tc-destino    { border-top: 4px solid #006699; }
.wvas-tc-tematico   { border-top: 4px solid #534AB7; }
.wvas-tc-itinerario { border-top: 4px solid #1D9E75; }
.wvas-tc-conv       { border-top: 4px solid #BA7517; }
 
/* ════════════════════════════════
   Plantilla: Table awesome responsive
   ════════════════════════════════ */
.table-awesome {
  width: 100%; border-collapse: separate; border-spacing: 0;
  border: 1.5px solid #dde6ef; border-radius: 14px;
  overflow: hidden; font-size: 0.84rem;
}
.table-awesome thead tr {
  background: #006699; color: #fff;
}
.table-awesome thead th {
  padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.05em;
  text-align: left; border: none;
}
.table-awesome tbody tr {
  border-bottom: 1px solid #eef1f5;
  transition: background 0.15s;
}
.table-awesome tbody tr:last-child { border-bottom: none; }
.table-awesome tbody tr:hover { background: #f0f7fc; }
.table-awesome td {
  padding: 0.65rem 0.85rem; vertical-align: top;
  border: none; line-height: 1.5;
}
.table-awesome td:first-child {
  white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%;
}
.table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; }
.table-awesome td a:hover { text-decoration: underline; }
.table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; }
 
/* ════════════════════════════════
   WIDGET CREATE PANEL (único por tipo)
   ════════════════════════════════ */
.wvas-create {
  background: #f7fbff; border: 2px dashed #9fc9dd;
  border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem;
  margin: 0.75rem 0; text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.wvas-create:hover {
  border-color: #006699;
  box-shadow: 0 4px 16px rgba(0,102,153,0.1);
}
.wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; }
.wvas-create-mascot img {
  width: 120px; height: auto;
  animation: wvas-float 2.5s ease-in-out infinite;
}
.wvas-create h3 {
  font-size: 1.02rem; font-weight: 800; color: #003d5c;
  margin: 0 0 0.28rem; padding: 0; border: none;
}
.wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; }
 
/* ════════════════════════════════
   NIVELES DE CALIDAD
   ════════════════════════════════ */
.wvas-nivel {
  border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center;
  display: flex; flex-direction: column; gap: 0.3rem;
  border: 1.5px solid transparent;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-nivel:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; }
.wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; }
.wvas-nivel p  { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; }
.wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; }
.wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; }
.wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; }
.wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; }
 
/* ════════════════════════════════
   CHECKLIST PRE-PUBLICACIÓN
   ════════════════════════════════ */
.checklist-re {
  background: #fff; border: 1.5px solid #c8e6c8;
  border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem;
}
.checklist-re-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.checklist-re-header img { width: 36px; height: auto; }
.checklist-re-header-title {
  font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none;
}
.checklist-re-list { list-style: none; padding: 0; margin: 0; }
.checklist-re-list li {
  display: flex; align-items: flex-start; gap: 0.65rem;
  font-size: 0.84rem; padding: 0.38rem 0;
  border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5;
  transition: background 0.12s;
}
.checklist-re-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; }
.checklist-re-list li:last-child { border-bottom: none; }
.checklist-re-list li::before {
  content: '✓';   
  width: 20px; height: 20px; border-radius: 50%;
  background: #E1F5EE; border: 1.5px solid #1D9E75;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: #1D9E75; flex-shrink: 0;
  font-weight: 900; margin-top: 2px; 
}
 
/* ════════════════════════════════
   AYUDA — LINKS + hover
   ════════════════════════════════ */
.wvas-ayuda-card {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 12px; padding: 1rem 0.9rem;
  text-align: center; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; align-items: center; gap: 0.38rem;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.wvas-ayuda-card:hover {
  border-color: #006699;
  box-shadow: 0 4px 14px rgba(0,102,153,0.12);
  transform: translateY(-2px);
}
.wvas-ayuda-card img  { width: 80px; height: auto; }
.wvas-ayuda-card h4   { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; }
.wvas-ayuda-card p    { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; }
 
/* ════════════════════════════════
   REFERENCIA ARTÍCULOS ACEPTABLES
   ════════════════════════════════ */
.checklist-two-box {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem;
}
.checklist-two-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.checklist-two-header img { width: 36px; height: auto; }
.checklist-two-header h3  {
  font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none;
}
.checklist-two-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
.checklist-two-col-title {
  font-size: 0.78rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.5rem;
}
.checklist-two-col-ok  .checklist-two-col-title { color: #1D9E75; }
.checklist-two-col-bad .checklist-two-col-title { color: #A32D2D; }
.checklist-two-list { list-style: none; padding: 0; margin: 0 0 0.5rem; }
.checklist-two-list li {
  font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px;
  align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45;
  transition: background 0.12s;
}
.checklist-two-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; }
.checklist-two-list li:last-child { border-bottom: none; }
.checklist-two-col-ok  .checklist-two-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; }
.checklist-two-col-bad .checklist-two-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; }
.checklist-two-nota {
  font-size: 0.78rem; color: #666; padding-top: 0.5rem;
  border-top: 1px solid #eee; margin-top: 0.5rem;
}
.checklist-two-nota ul { list-style: none; padding: 0; margin: 0; }
.checklist-two-nota li::before { content: '· '; }
 
/* ════════════════════════════════
   ANIMACIÓN FLOTANTE
   ════════════════════════════════ */
@keyframes wvas-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-7px); }
}
 
/* ════════════════════════════════════════════════════════
   ESTRUCTURAS EN COLUMNAS RESPONSIVE
   ════════════════════════════════════════════════════════ */
.cols-2-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 14px; margin-bottom: 1.5rem;
}
.cols-20-80-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 0;
  border: 0.5px solid #dde6ef;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.cols-3-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px; margin-bottom: 1rem;
}
.cols-4-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8px; margin-bottom: 1rem;
}
/* ════════════════════════════════════════════════════════
   RESPONSIVE (GENERAL)
   ════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  .hero-mascot-title  { font-size: 1.45rem; }
  .wvas-tipo-grid     { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .wvas-ayuda-grid    { grid-template-columns: repeat(2, 1fr); }
  .banner-images-banner    { height: 130px; }
  .table-awesome { font-size: 0.79rem; }
 
  /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */
  .callout-sable {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-norma {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .callout-sable-mascot,
  .wvas-norma-mascot {
    width: auto;
  }
  .callout-sable-content,
  .wvas-norma-content {
    width: 100%;
    text-align: left;   /* el texto interior alineado a la izquierda */
  }
  .callout-sable-title,
  .wvas-norma-title {
    text-align: center; /* solo el título centrado */
  }
}
@media (max-width: 700px) {
  .cols-20-80-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .sp-sidebar {
    border-right: none;
    border-bottom: 0.5px solid #dde6ef;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 8px;
    gap: 6px;
  }
  .sp-sidebar-label,
  .sp-sidebar-foot { display: none; }
  .sp-item {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
    padding: 8px 10px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 3px;
  }
  /* En mobile el indicador es borde inferior */
  .sp-item.active::after { display: none; }
  .sp-item.active { border-bottom: 2px solid #006699; }
  .sp-item-icon img { margin: 0 auto; }
  .sp-item-hint { display: none; }
  .sp-content { padding: 16px; }
}
@media (max-width: 520px) {
  .hero-mascot-top      { flex-direction: column; gap: 0.75rem; }
  .hero-mascot-mascot img { width: 66px; }
  .hero-mascot-title  { font-size: 1.22rem; }
  .banner-images-banner    { height: 95px; border-radius: 10px; }
  .checklist-two-cols      { grid-template-columns: 1fr; }
  .wvas-ayuda-grid    { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .table-awesome thead { display: none; }
  .table-awesome td { display: block; padding: 0.3rem 0.7rem; }
  .table-awesome td:first-child { padding-top: 0.7rem; }
  .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; }
}
@media (max-width: 420px) {
  .sp-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
   SELECTOR PANEL (20% / 80%)
   ════════════════════════════════ */
.sp-sidebar {
  background: #f5f7fa;
  border-right: 0.5px solid #dde6ef;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sp-sidebar-label {
  font-size: 11px;
  font-weight: 700;
  color: #9aa5b4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.sp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: 0.5px solid transparent;
  transition: background 0.15s, border-color 0.15s;
  user-select: none;
  position: relative;
}
.sp-item:hover {
  background: #fff;
  border-color: #c5d0dc;
}
.sp-item.active {
  background: #fff;
  border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.sp-item.active::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 20%;
  height: 60%;
  width: 2.5px;
  background: #006699;
  border-radius: 2px 0 0 2px;
}
.sp-item-icon {
  font-size: 20px;
  flex-shrink: 0;
  color: #9aa5b4;
  transition: color 0.15s;
  width: 22px;
  text-align: center;
}
/* Soporte para imagen wiki como icono */
.sp-item-icon img {
  width: 22px;
  height: auto;
  display: block;
  opacity: 0.55;
  transition: opacity 0.15s;
}
.sp-item.active .sp-item-icon { color: #006699; }
.sp-item.active .sp-item-icon img { opacity: 1; }
.sp-item-name {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  line-height: 1.3;
}
.sp-item-hint {
  font-size: 11px;
  color: #9aa5b4;
  margin-top: 1px;
}
/* Hint inferior del sidebar */
.sp-sidebar-foot {
  font-size: 11px;
  color: #b0bec5;
  text-align: center;
  padding: 6px 0 2px;
  margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.sp-content {
  padding: 20px 24px;
  overflow-y: auto;
  min-height: 300px;
}
.sp-panel { display: none; }
.sp-panel.active { display: block; }

/* ════════════════════════════════════════════════════════
   SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE
   ════════════════════════════════════════════════════════ */

/* ── Caja exterior que envuelve todo ── */
.doc-simple-outer {
  background: #f8f9fb;
  border: 1.5px solid #d8e2ec;
  border-radius: 14px;
  padding: 1.1rem 1.25rem 1rem;
  margin-bottom: 1.5rem;
  font-family: 'Segoe UI', Arial, sans-serif;
  max-width: 700px;
}
 
/* ── Introducción ── */
.doc-simple-intro { margin-bottom: 12px; }
.doc-simple-intro-top { display: flex; align-items: flex-start; gap: 10px; }
.doc-simple-tname-head {
  font-size: 1rem; font-weight: 700; color: #003d5c;
  margin: 0 0 4px; padding: 0; border: none;
}
.doc-simple-desc {
  font-size: 0.84rem; color: #445;
  line-height: 1.6; margin: 0 0 8px;
}
.doc-simple-hint {
  font-size: 0.8rem; color: #778;
  line-height: 1.5; margin: 0 0 10px;
}
.doc-simple-req-inline { color: #C0392B; font-weight: 600; }
.doc-simple-opt-inline { color: #2471A3; font-weight: 600; }
 
/* ── Leyenda ── */
.doc-simple-legend {
  display: flex; gap: 14px; flex-wrap: wrap;
  margin-bottom: 12px;
}
.doc-simple-leg {
  display: flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 600;
}
.doc-simple-leg::before {
  content: ''; width: 3px; height: 13px;
  border-radius: 2px; flex-shrink: 0; display: inline-block;
}
.doc-simple-req-leg { color: #C0392B; }
.doc-simple-req-leg::before { background: #C0392B; }
.doc-simple-opt-leg { color: #2471A3; }
.doc-simple-opt-leg::before { background: #2471A3; }
 
/* ── Cards (sintaxis y ejemplo) ── */
.doc-simple-card {
  background: #fff;
  border: 0.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.doc-simple-example-card { margin-bottom: 10px; }
 
/* ── Cabecera de card ── */
.doc-simple-card-top {
  background: #f0f4f8;
  border-bottom: 0.5px solid #cdd8e4;
  padding: 6px 12px;
  display: flex; align-items: center;
  justify-content: space-between; gap: 8px;
}
.doc-simple-card-label {
  font-size: 11px; font-weight: 700; color: #667;
  text-transform: uppercase; letter-spacing: 0.06em;
}
.doc-simple-card-label.example-label { color: #2471A3; }
 
/* ── Botón copiar ── */
.doc-simple-copy-btn {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11.5px; font-weight: 600; cursor: pointer;
  color: #334; background: #fff;
  border: 0.5px solid #bbc8d4; border-radius: 6px;
  padding: 3px 10px; user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
}
.doc-simple-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-simple-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
 
/* ── Bloque de código ── */
.doc-simple-block {
  padding: 6px 0 8px;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.35;
}
.doc-simple-block-open,
.doc-simple-block-close {
  padding: 3px 12px;
  color: #aab;
}
.doc-simple-blockname { color: #003d5c; font-weight: 600; }
.doc-simple-brace { color: #bbc; }
 
/* ── Filas de parámetros ── */
.doc-simple-params { padding: 0; }
.doc-simple-params &gt; * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.doc-simple-params p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.doc-simple-row {
  display: flex; align-items: baseline;
  padding: 2px 12px 2px 9px;
  border-left: 3px solid transparent;
  transition: background 0.1s;
  line-height: 1.5;
}
.doc-simple-row:hover { background: #f5f8fb; }
.doc-simple-req { border-color: #C0392B; }
.doc-simple-opt { border-color: #2471A3; }
.doc-simple-req .doc-simple-key { color: #C0392B; }
.doc-simple-opt .doc-simple-key { color: #2471A3; }
.doc-simple-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; }
.doc-simple-key { font-weight: 700; white-space: nowrap; }
.doc-simple-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; }
.doc-simple-optvals { color: #889; font-size: 12px; }
 
/* Filas del bloque ejemplo (generadas por JS) */
.doc-simple-example-val { color: #334; }
 
/* ── Notas al pie ── */
.doc-simple-footer {
  border-top: 0.5px solid #dde6ef;
  padding: 8px 2px 0;
  display: flex; flex-direction: column; gap: 3px;
  margin-top: 4px;
}
.doc-simple-nota {
  font-size: 11.5px; color: #889; line-height: 1.5;
	padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem;
}
.doc-simple-nota ul { list-style: none; padding: 0; margin: 0; }
.doc-simple-nota li::before { content: '→ '; color: #bbc; }

/* ── Responsive ── */
@media (max-width: 520px) {
  .doc-simple-outer { padding: 0.85rem 0.9rem; }
  .doc-simple-card-top { flex-direction: column; align-items: flex-start; gap: 6px; }
  .doc-simple-copy-btn { width: 100%; justify-content: center; }
}

/* ════════════════════════════════════════════════════════
   SELECTOR HORIZONTAL DE PESTAÑAS
   ════════════════════════════════════════════════════════ */
/* ── Contenedor general ── */
.htab-wrap {
  border: 0.5px solid #cdd8e4;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

/* ── Barra superior: color + patrón de puntos ── */
.htab-bar {
  background-color: #D4537E;
  background-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.12) 1.5px,
    transparent 1.5px
  );
  background-size: 20px 20px;
  position: relative;
  overflow: hidden;
  padding: 14px 14px 12px;
  border-bottom: 2.5px solid #993556;
}

/* ── Fondo animado: formas moviéndose de derecha a izquierda ── */
.htab-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.htab-bg-track {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  height: 100%;
  white-space: nowrap;
  animation: htab-marquee 18s linear infinite;
}
@keyframes htab-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Formas del fondo */
.hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); }
.hs-circle  { width: 9px;  height: 9px;  border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; }
.hs-bar     { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); }
.hs-sq      { width: 8px;  height: 8px;  border: 1.5px solid rgba(255,255,255,0.18); }
.hs-tri     { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); }

/* ── Pestañas ── */
.htab-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  position: relative;
  z-index: 1;
}
.htab-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 8px;
  padding: 7px 15px;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: background 0.15s, transform 0.13s, border-color 0.15s;
}
.htab-tab:hover:not(.active) {
  background: rgba(255,255,255,0.25);
  transform: translateY(-2px);
}
.htab-tab.active {
  background: #EF9F27;
  border-color: #BA7517;
  color: #412402;
  transform: translateY(-1px);
}
/* Imágenes wiki dentro de la pestaña como icono */
.htab-tab figure { float: none !important; margin: 0 !important; }
.htab-tab img    { width: 18px; height: auto; display: block; }

/* ── Partículas ── */
.htab-prt {
  position: absolute;
  pointer-events: none;
  z-index: 20;
  border-radius: 50%;
}

/* Click — explosión */
.htab-prt-b {
  animation: htab-burst var(--dur, 0.4s) ease-out forwards;
}
@keyframes htab-burst {
  0%   { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; }
  100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; }
}

/* Hover — flotantes */
.htab-prt-h {
  animation: htab-float var(--dur, 0.65s) ease-out forwards;
}
@keyframes htab-float {
  0%   { transform: translateY(0) translateX(0); opacity: 0.85; }
  100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; }
}

/* ── Área de contenido ── */
.htab-panels {
  background: #fff;
  padding: 22px 22px 18px;
  min-height: 160px;
}
.htab-panel { display: none; }
.htab-panel.active {
  display: block;
  animation: htab-fadein 0.22s ease;
}
@keyframes htab-fadein {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 700px) {
  .htab-bar  { padding: 11px; }
  .htab-tab  { padding: 6px 12px; font-size: 12px; gap: 5px; }
  .htab-panels { padding: 16px; }
}
@media (max-width: 420px) {
  .htab-tab  { padding: 5px 10px; font-size: 11px; }
  .htab-panels { padding: 12px; }
}

/* ════════════════════════════════════════════════════════════════
   WVA - SISTEMA DE SECCIONES DE ARTÍCULO
   ════════════════════════════════════════════════════════════════ */

/* ═══ ANIMACIONES ═══ */
@keyframes wva-in  { from{opacity:0;transform:translateY(10px)}  to{opacity:1;transform:translateY(0)} }
@keyframes wva-sl  { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} }
@keyframes wva-pop { from{opacity:0;transform:scale(0.93)}       to{opacity:1;transform:scale(1)} }
@keyframes wva-bar { from{width:0} to{width:var(--w,100%)} }
@keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} }
@keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} }

/* ══════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════ */
.wva-hero{
  background:var(--pk);position:relative;overflow:hidden;
  padding:28px 24px 44px;border-bottom:3px solid #111;
  clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%);
  margin-bottom:-2px;animation:in 0.6s ease both;
}
.wva-hero-dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px);
  background-size:22px 22px;}
.wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px;
  letter-spacing:10px;animation:glo 2.5s ease-in-out infinite}
.wva-hi{position:relative;z-index:1}
.wva-hi-loc{display:inline-block;background:var(--yw);color:#111;
  font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111;
  line-height:.95;margin-bottom:12px;border:none;padding:0}
.wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px}
.wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px}

/* ══════════════════════════════════════════════════════
   FICHA TÉCNICA — barra de stats oscura
   ══════════════════════════════════════════════════════ */
.wva-ficha {
  background: var(--bk); padding: 16px 20px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
  gap: 16px; border-bottom: var(--bd);
  animation: wva-in .5s ease .08s both;
}
/* Dot pattern sobre negro */
.wva-ficha::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px);
  background-size: 14px 14px;
}
.wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; }
.wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); }
.wva-fb-info strong { color:var(--yw);font-weight:700; }

.wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; }
.wva-sg { font-size:14px;font-weight:900;width:30px; }
.wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; }
.wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; }
.sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)}
.sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)}

/* ══════════════════════════════════════════════════════
   SECTION WRAPPER
   ══════════════════════════════════════════════════════ */
.wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; }
.bg-w   { background:#fff; }
.bg-yw  { background:var(--yw);position:relative; }
.bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; }
.bg-yw &gt; * { position:relative;z-index:1; }
.bg-cr  { background:#FFF8F0; }
.bg-war { background:#FFF5F5; }
.bg-mn  { background:#FFFDE7; }
.bg-sc  { background:#FFF0F8;
  background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; }
.bg-hl  { background:#F0FFF4; }
.bg-mv  { background:#F8F8FF; }
.bg-ar  { background:#F0F9FF; }

/* ══════════════════════════════════════════════════════
   SECTION HEADER
   ══════════════════════════════════════════════════════ */
.wva-sh {
  display:flex;align-items:center;gap:10px;
  padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden;
}
.wva-sh .ico { font-size:17px;flex-shrink:0; }
.wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; }
.wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; }

/* NEGRO + AMARILLO (estilo SQUAD) */
.sh-bk { background:var(--bk); }
.sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; }
.sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; }

/* AMARILLO + NEGRO (estilo VANGUARD) */
.sh-yw { background:var(--yw); }
.sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; }
.sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; }

.sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff}
.sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff}
.sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff}
.sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff}
.sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff}
.sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff}
.sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)}

/* ══════════════════════════════════════════════════════
   SUBHEADER
   ══════════════════════════════════════════════════════ */
.wva-sub {
  display:flex;align-items:center;gap:8px;padding:8px 20px 4px;
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);
}
.wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; }

/* ══════════════════════════════════════════════════════
   BODY / 2 COLS
   ══════════════════════════════════════════════════════ */
.wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; }
.wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; }
.wva-body strong { color:var(--bk);font-weight:700; }

.wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; }
.wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   GRIDS
   ══════════════════════════════════════════════════════ */
.g    { padding:12px 20px; }
.g-2  { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.g-3  { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.g-a  { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; }
.g-r  { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; }
.g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; }

/* ══════════════════════════════════════════════════════
   PRACTICAL TIP CARD
   ══════════════════════════════════════════════════════ */
.ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden;
  transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; }
.ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); }
.ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; }
.ptip-b strong { color:var(--bk);font-weight:700; }

.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }

/* ══════════════════════════════════════════════════════
   TALENT CARD (secretos — estilo squad card)
   ══════════════════════════════════════════════════════ */
.tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px;
  overflow:hidden;position:relative;animation:wva-pop .4s ease both;
  transition:transform .15s,box-shadow .15s;cursor:default; }
.tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); }
.tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; }

.tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;
  padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; }
.tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; }
.tcard-stats { margin-bottom:7px; }
.tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); }
.tsg { font-size:13px;font-weight:900;width:26px; }
.tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; }
.tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; }
.tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; }
.tcard-tags { display:flex;gap:4px;flex-wrap:wrap; }

/* ══════════════════════════════════════════════════════
   REGION CARD
   ══════════════════════════════════════════════════════ */
.rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px;
  border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; }
.rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }
.rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; }

/* ══════════════════════════════════════════════════════
   CITY CARD
   ══════════════════════════════════════════════════════ */
.ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r);
  cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; }
.ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); }
.ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;
  border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; }
.ccard-badge.pk { background:var(--pk);color:#fff; }
.ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; }

/* ══════════════════════════════════════════════════════
   TRANSPORT CARD
   ══════════════════════════════════════════════════════ */
.tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r);
  display:flex;flex-direction:column;gap:6px;cursor:default;
  transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; }
.tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); }
.tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.tport-icon { font-size:24px;line-height:1; }
.tport-name { font-size:13px;font-weight:800;color:var(--bk); }
.tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; }
.tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)}
.tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)}
.tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)}
.tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)}
.tp-bk::before{background:var(--bk)}

/* ══════════════════════════════════════════════════════
   ALERT BOX
   ══════════════════════════════════════════════════════ */
.wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px;
  border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; }
.wva-al + .wva-al { margin-top:8px; }
.wva-al:last-of-type { margin-bottom:12px; }
.a-warn  { border-color:var(--rd); background:#FFF5F5; }
.a-tip   { border-color:var(--cy); background:#F0FDFF; }
.a-ok    { border-color:var(--gn); background:#F0FFF4; }
.a-money { border-color:#F5A000;   background:#FFFDE7; }
.a-info  { border-color:var(--bl); background:#F0F8FF; }
.a-pink  { border-color:var(--pk); background:#FFF0F8; }
.al-em   { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; }
.al-txt  { font-size:12.5px;color:#333;line-height:1.62; }
.al-txt strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   LIST ITEMS
   ══════════════════════════════════════════════════════ */
.wva-list { padding:0 20px 12px; }
.wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08);
  align-items:flex-start;transition:padding-left .14s;cursor:default; }
.wva-li:last-child { border-bottom:none; }
.wva-li:hover { padding-left:6px; }
.wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm);
  display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;
  background:var(--wh);transition:transform .14s; }
.wva-li:hover .wva-li-ico { transform:scale(1.06); }
.wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; }
.wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; }
.wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; }

/* ══════════════════════════════════════════════════════
   NEXT DESTINATIONS
   ══════════════════════════════════════════════════════ */
.wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; }
.ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r);
  padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default;
  transition:background .14s,transform .14s,box-shadow .14s; }
.ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }

/* ══════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════ */
@media (max-width:760px) {
  .wva-hero { grid-template-columns:1fr; }
  .wva-himg { display:none; }
  .wva-hc::after { display:none; }
  .wva-hi-h { font-size:38px; }
  .g-2,.g-3 { grid-template-columns:1fr; }
  .wva-2c { grid-template-columns:1fr; }
  .wva-ficha { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px) {
  .wva-hc { padding:20px 14px 28px; }
  .wva-hi-h { font-size:28px; }
  .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; }
  .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; }
  .wva-al { margin-left:14px;margin-right:14px; }
  .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; }
  .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; }
}</text>
      <sha1>k6lix5792soeyhpuykgwhot8elpbugc</sha1>
    </revision>
    <revision>
      <id>253827</id>
      <parentid>253819</parentid>
      <timestamp>2026-05-23T03:00:21Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253827</origin>
      <model>css</model>
      <format>text/css</format>
      <text bytes="82325" sha1="t128p7aaska0b7yoc8v2ppq5iw3kbgx" xml:space="preserve">/* ════════════════════════════════
   Función de acordeón tipo FAQ / Funciona con el js correspondiente
   ════════════════════════════════ */
.accordion-content{
    display:none;
}

.accordion-content.active {
    display:block;
}

.accordion-clicky{
    cursor:pointer;
    user-select:none;
}

:root {
  --pk: #FF00BB;  --yw: #FFE600;  --cy: #00BFFF;
  --gn: #00C853;  --or: #FF6B00;  --rd: #FF2200;
  --pu: #7A00FF;  --bl: #0099FF;  --bk: #111111;
  --wh: #FFFFFF;  --mu: #555555;
  --bd:  3px solid #111;
  --bd2: 2.5px solid #111;
  --r:   10px;
  --rsm: 6px;
  --rlg: 16px;
  --font: 'Segoe UI', Arial, sans-serif;
}

.wva-config { box-sizing: border-box; margin: 0; padding: 0; margin: 0 auto; background: var(--wh); border: var(--bd); overflow: hidden; font-family: var(--font)}

/* ── Reset interno ── */
.config-general * { box-sizing: border-box; }
.config-general { font-family: var(--font); line-height: 1.6; }

/* ── Force links icon ── */
.doc-simple-outer a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;])::after,
.config-general a:not(.image):not([href*=&quot;action=edit&quot;]):not([href*=&quot;section=&quot;]):not([href*=&quot;/File:&quot;]):not([href*=&quot;/Archivo:&quot;])::after {
  content: ' [↗]';
  font-size: 0.78em;
  opacity: 0.55;
  font-weight: normal;
  text-decoration: none;
}
.config-general a:has(img)::after{
    content:none !important;
}
/* El enlace [editar] no participa en el flex */
.config-general .mw-editsection {
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
}

/* ════════════════════════════════
   Decorativos inline
   ════════════════════════════════ */
.chip-inline {
  display: inline-block; font-size: 0.69rem; font-weight: 700;
  padding: 1px 8px; border-radius: 20px; margin-top: 3px;
  color: #fff;
}
.badge-inline {
	background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px
			  }
.tag-inline {
  display: inline-block; font-size: 0.72rem; font-weight: 700;
  padding: 3px 10px; border-radius: 20px;
  background: #E6F1FB; color: #006699; margin-top: 0.3rem;
  text-decoration: none; transition: background 0.15s;
}
.tag-inline:hover { background: #c5dff0; }

.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }

/* ════════════════════════════════
   Structures
   ════════════════════════════════ */
.tags-structure { display:flex;gap:5px;flex-wrap:wrap; }

/* ════════════════════════════════
   DocCopiar
   ════════════════════════════════ */
.doc-copiar-wrap {
  border: 1.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1rem;
  font-family: 'Segoe UI', Arial, sans-serif;
}
.doc-copiar-bar {
  background: #f0f4f8;
  border-bottom: 1px solid #cdd8e4;
  padding: 6px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.doc-copiar-lbl {
  font-size: 11px;
  font-weight: 700;
  color: #667;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.doc-copiar-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  color: #334;
  background: #fff;
  border: 0.5px solid #bbc8d4;
  border-radius: 6px;
  padding: 3px 10px;
  user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
  white-space: nowrap;
}
.doc-copiar-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-copiar-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
.doc-copiar-pre {
  margin: 0;
  padding: 12px 14px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 13px;
  line-height: 1.65;
  color: #2a2a3a;
  white-space: pre-wrap;
  word-break: break-word;
  background: #fff;
  overflow-x: auto;
  border: none;
}
/* ════════════════════════════════
   Plantilla: Tríptico - Código para que funcione bien. Full Responsive
   ════════════════════════════════ */
.triptico {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: stretch;
}

.triptico-wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.triptico-col {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ── card base ── */
.tc-card {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.tc-card::before {
  content: '';
  display: block;
  padding-top: var(--card-ratio, 100%);
}

.tc-card-inner {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}

/* imagen wiki como fondo */
.tc-card-img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  display: block;
}

.tc-card-img a,
.tc-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  text-decoration: none;
  pointer-events: none;
}

/* enlace que cubre todo el card */
.tc-card-link {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 5;
  display: block;
  background: transparent;
}

.tc-card-link:hover ~ .tc-tag-top,
.tc-card-link:hover ~ .tc-tag-bot {
  background: rgba(0,0,0,0.82);
}

/* ── tags de esquina ── */
.tc-tag-top {
  position: absolute;
  top: 0; left: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-tag-bot {
  position: absolute;
  bottom: 0; right: 0;
  z-index: 10;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 5px 10px;
  max-width: 85%;
  text-align: right;
  line-height: 1.3;
  pointer-events: none;
  transition: background 0.2s;
}

.tc-card-inner:hover .tc-tag-top {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-card-inner:hover .tc-tag-bot {
  background: var(--tc-hover, rgba(0,0,0,0.82));
}

.tc-tag-top,
.tc-tag-bot {
  transition: background 0.25s;
}

.tc-tag-top::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

.tc-tag-bot::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: var(--tc-acento, transparent);
  transition: background 0.25s;
}

/* ── card-vert ── */
.tc-card-vert .tc-card-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 2;
  background: rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.tc-texto-vert {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.3em;
  writing-mode: vertical-rl;
  transform: rotate(180deg) scaleX(1.4);
  display: inline-block;
  text-transform: uppercase;
  line-height: 1;
  font-size: var(--vert-size, 56px);
  z-index: 3;
  position: relative;
  pointer-events: none;
  margin-right: 14px;
  margin-top: 10px;
  margin-left: 30px;
}

/* ── bloque de texto ── */
.tc-texto {
  width: 100%;
  padding: 14px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.6;
  flex: 1;
  background: var(--tc-texto-bg, transparent);
  color: var(--tc-texto-color, inherit);
}

/* ── header flotante ── */
.tc-header-wrap {
  position: absolute;
  top: 0;
  left: 0; right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.tc-header {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 22px;
  background: var(--tc-header-bg, #111);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  white-space: nowrap;
  pointer-events: auto;
  transition: background 0.25s;
}

.tc-header::before {
  content: '';
  position: absolute;
  inset: 2px;
  clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
  background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);
}

.tc-header-accent {
  position: absolute;
  bottom: -3px;
  left: 10px; right: 10px;
  height: 2px;
  background: var(--tc-acento, #e63946);
  transition: background 0.25s;
}

@media (max-width: 900px) {
  .triptico { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .triptico { grid-template-columns: 1fr; }
}

/* tc-tira */
.tc-tira {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex: none;
  min-height: 72px;
  max-height: 110px;
  background: var(--tc-tira-bg, #111);
  overflow: hidden;
}

/* línea de acento superior */
.tc-tira::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--tc-tira-acento, #e63946);
  z-index: 2;
}

/* brillo sutil */
.tc-tira-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

.tc-tira-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  min-width: 0;
  padding: 10px 6px;
  gap: 3px;
  text-align: center;
  transition: background 0.2s;
}

.tc-tira-items {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 3px 0 0 0;
  min-width: 0;
}

.tc-tira-item:hover {
  background: rgba(255,255,255,0.04);
}

.tc-tira-item img,
.tc-tira-item a img {
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 2px;
}

.tc-tira-item .thumbinner,
.tc-tira-item .thumb,
.tc-tira-item figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-tira-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  text-align: center;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-valor {
  font-size: 12px;
  font-weight: bold;
  color: var(--tc-tira-txt, #fff);
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  width: 100%;
}

.tc-tira-sep {
  width: 1px;
  align-self: stretch;
  background: rgba(255,255,255,0.08);
  flex-shrink: 0;
  margin: 10px 0;
}

/* ── itinerario ── */
.tc-itinerario {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 0 6px 0;
  background: var(--tc-it-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.tc-it-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  margin-bottom: 4px;
}

.tc-it-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-it-acento, #e63946);
  flex: 1;
}

.tc-it-total {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.3);
}

/* línea de tiempo vertical */
.tc-it-linea {
  position: absolute;
  left: 28px;
  top: 50px;
  bottom: 18px;
  width: 1px;
  background: linear-gradient(
    to bottom,
    var(--tc-it-acento, #e63946),
    rgba(255,255,255,0.05)
  );
}

.tc-it-lista {
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.tc-it-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 8px 14px 8px 48px;
  transition: background 0.2s;
}

.tc-it-item:hover {
  background: rgba(255,255,255,0.03);
}

/* nodo en la línea de tiempo */
.tc-it-nodo {
  position: absolute;
  left: 22px;
  top: 13px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--tc-it-bg, #0d0d0d);
  border: 2px solid var(--tc-it-acento, #e63946);
  box-sizing: border-box;
  z-index: 2;
}

.tc-it-item:first-child .tc-it-nodo {
  background: var(--tc-it-acento, #e63946);
}

/* fila superior: lugar + tiempo */
.tc-it-fila-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}

.tc-it-lugar {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tc-it-tiempo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: var(--tc-it-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* actividad */
.tc-it-actividad {
  font-size: 10px;
  color: rgba(255,255,255,0.5);
  line-height: 1.4;
  margin-bottom: 4px;
}

/* badges de propiedades */
.tc-it-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.tc-it-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.45);
  white-space: nowrap;
  line-height: 1.4;
}

.tc-it-badge-acento {
  border-color: var(--tc-it-acento, #e63946);
  color: var(--tc-it-acento, #e63946);
}

/* separador entre items */
.tc-it-item + .tc-it-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 48px; right: 14px;
  height: 1px;
  background: rgba(255,255,255,0.05);
}

/* ════════════════════════════════
   tc-gastronomia
   ════════════════════════════════ */
.tc-gastro {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-gastro-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-gastro-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-gastro-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

.tc-gastro-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  justify-content: space-between;
}

.tc-gastro-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
  position: relative;
  transition: background 0.2s;
}

.tc-gastro-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-gastro-item + .tc-gastro-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* foto */
.tc-gastro-foto {
  width: 64px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.tc-gastro-foto img,
.tc-gastro-foto a img {
  width: 64px !important;
  height: 100% !important;
  min-height: 64px;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

.tc-gastro-foto .thumbinner,
.tc-gastro-foto .thumb,
.tc-gastro-foto figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
}

/* línea de acento lateral */
.tc-gastro-item::before {
  content: '';
  position: absolute;
  left: 64px;
  top: 0; bottom: 0;
  width: 2px;
  background: var(--tc-gastro-acento, #e63946);
  opacity: 0;
  transition: opacity 0.2s;
}

.tc-gastro-item:hover::before {
  opacity: 1;
}

/* contenido textual */
.tc-gastro-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 12px 10px 14px;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.tc-gastro-nombre {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-gastro-lugar {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-gastro-acento, #e63946);
}

.tc-gastro-desc {
  font-size: 10px;
  color: rgba(255,255,255,0.45);
  line-height: 1.4;
  margin-top: 2px;
}

.tc-gastro-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  margin-top: 4px;
}

.tc-gastro-badge {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.4);
  line-height: 1.4;
}

.tc-gastro-badge-acento {
  border-color: var(--tc-gastro-acento, #e63946);
  color: var(--tc-gastro-acento, #e63946);
}


/* ════════════════════════════════
   tc-transporte
   ════════════════════════════════ */
.tc-transporte {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-trans-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-trans-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-trans-acento, #1d6fa4);
}

.tc-trans-subtitulo {
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(255,255,255,0.25);
  text-transform: uppercase;
}

/* secciones: transporte y lugares */
.tc-trans-seccion {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-trans-seccion-label {
  font-size: 8px;
  font-weight: bold;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.2);
  padding: 7px 14px 4px 14px;
}

.tc-trans-lista {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-trans-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  position: relative;
  transition: background 0.2s;
}

.tc-trans-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-trans-item + .tc-trans-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* icono de transporte o lugar */
.tc-trans-icono {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: rgba(255,255,255,0.05);
  overflow: hidden;
}

.tc-trans-icono img,
.tc-trans-icono a img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-trans-icono .thumbinner,
.tc-trans-icono .thumb,
.tc-trans-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-trans-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex: 1;
  min-width: 0;
}

.tc-trans-nombre {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-desc {
  font-size: 9px;
  color: rgba(255,255,255,0.4);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tc-trans-meta {
  font-size: 9px;
  font-weight: bold;
  color: var(--tc-trans-acento, #1d6fa4);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.04em;
}

/* divisor entre secciones */
.tc-trans-div {
  height: 1px;
  background: linear-gradient(
    to right,
    var(--tc-trans-acento, #1d6fa4),
    rgba(255,255,255,0.05)
  );
  margin: 4px 14px;
}

/* badge de lugar destacado */
.tc-trans-estrella {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--tc-trans-acento, #1d6fa4);
  flex-shrink: 0;
}

/* texto adaptable según fondo */
.tc-gastro-nombre  { color: var(--tc-gastro-txt, #fff); }
.tc-gastro-desc    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); }
.tc-gastro-badge   { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); 
                     border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); }

.tc-trans-nombre   { color: var(--tc-trans-txt, #fff); }
.tc-trans-desc     { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); }
.tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); }
.tc-trans-subtitulo     { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); }
.tc-gastro-subtitulo    { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); }

/* ════════════════════════════════
   tc-callout — base compartida
   ════════════════════════════════ */
.tc-callout {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}

.tc-callout-barra {
  width: 4px;
  flex-shrink: 0;
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  flex: 1;
  min-width: 0;
  background: var(--tc-co-bg, rgba(29,111,164,0.08));
}

.tc-callout-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.tc-callout-icono {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.tc-callout-icono img,
.tc-callout-icono a img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

.tc-callout-icono .thumbinner,
.tc-callout-icono .thumb,
.tc-callout-icono figure {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
}

.tc-callout-tipo {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-titulo {
  font-size: 13px;
  font-weight: bold;
  color: var(--tc-co-txt, #fff);
  line-height: 1.3;
}

.tc-callout-texto {
  font-size: 11px;
  line-height: 1.6;
  color: var(--tc-co-txt2, rgba(255,255,255,0.6));
}

.tc-callout-texto a {
  color: var(--tc-co-acento, #1d6fa4);
  text-decoration: none;
}

.tc-callout-texto a:hover {
  text-decoration: underline;
}

.tc-callout-footer {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tc-co-acento, #1d6fa4);
  margin-top: 2px;
}

/* ── variante: bloque lleno sin barra lateral ── */
.tc-callout-filled {
  flex-direction: column;
}

.tc-callout-filled .tc-callout-barra {
  width: 100%;
  height: 3px;
}

.tc-callout-filled .tc-callout-body {
  padding: 12px 14px;
}

/* ── variante: destacado con fondo marcado ── */
.tc-callout-solid .tc-callout-body {
  background: var(--tc-co-acento, #1d6fa4);
}

.tc-callout-solid .tc-callout-tipo {
  color: rgba(255,255,255,0.7);
}

.tc-callout-solid .tc-callout-titulo {
  color: #fff;
}

.tc-callout-solid .tc-callout-texto {
  color: rgba(255,255,255,0.75);
}

.tc-callout-solid .tc-callout-footer {
  color: rgba(255,255,255,0.6);
}

.tc-callout-solid .tc-callout-barra {
  background: rgba(0,0,0,0.2);
}

/* ── separador interno ── */
.tc-callout-sep {
  height: 1px;
  background: var(--tc-co-acento, #1d6fa4);
  opacity: 0.2;
  margin: 4px 0;
}

/* ════════════════════════════════
   tc-lista — lista de ítems simple
   ════════════════════════════════ */
.tc-lista {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-lista-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-lista-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.tc-lista-titulo {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-lista-acento, #e63946);
}

.tc-lista-items {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  min-height: 0;
}

.tc-lista-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  transition: background 0.2s;
  position: relative;
}

.tc-lista-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-lista-item + .tc-lista-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-lista-bullet {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--tc-lista-acento, #e63946);
  flex-shrink: 0;
}

.tc-lista-txt {
  font-size: 12px;
  color: var(--tc-lista-txt, #fff);
  line-height: 1.4;
  flex: 1;
}

.tc-lista-meta {
  font-size: 10px;
  font-weight: bold;
  color: var(--tc-lista-acento, #e63946);
  white-space: nowrap;
  flex-shrink: 0;
}

/* ════════════════════════════════
   tc-cita — cita o quote destacado
   ════════════════════════════════ */
.tc-cita {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-cita-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 18px 16px 22px;
  overflow: hidden;
}

.tc-cita-marca {
  position: absolute;
  top: 6px;
  left: 12px;
  font-size: 52px;
  line-height: 1;
  color: var(--tc-cita-acento, #e63946);
  opacity: 0.25;
  font-family: Georgia, serif;
  pointer-events: none;
  user-select: none;
}

.tc-cita-barra {
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: var(--tc-cita-acento, #e63946);
}

.tc-cita-texto {
  font-size: 13px;
  line-height: 1.7;
  color: var(--tc-cita-txt, #fff);
  font-style: italic;
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
}

.tc-cita-autor {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-cita-acento, #e63946);
  position: relative;
  z-index: 1;
}

.tc-cita-fuente {
  font-size: 9px;
  color: var(--tc-cita-txt2, rgba(255,255,255,0.35));
  margin-top: 2px;
  position: relative;
  z-index: 1;
}

/* ════════════════════════════════
   tc-stat — estadísticas / cifras
   ════════════════════════════════ */
.tc-stat {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: var(--tc-stat-bg, #0d0d0d);
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.tc-stat-header {
  padding: 10px 14px 8px 14px;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--tc-stat-acento, #e63946);
}

.tc-stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex: 1;
  min-height: 0;
}

.tc-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 14px 8px;
  gap: 3px;
  position: relative;
  transition: background 0.2s;
}

.tc-stat-item:hover {
  background: rgba(255,255,255,0.03);
}

.tc-stat-item:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item + .tc-stat-item,
.tc-stat-item ~ .tc-stat-item {
  border-top: 1px solid rgba(255,255,255,0.05);
}

.tc-stat-item:nth-child(1),
.tc-stat-item:nth-child(2) {
  border-top: none;
}

.tc-stat-cifra {
  font-size: 22px;
  font-weight: bold;
  color: var(--tc-stat-acento, #e63946);
  line-height: 1;
  letter-spacing: -0.02em;
}

.tc-stat-label {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.4));
  text-align: center;
  line-height: 1.3;
}

.tc-stat-sub {
  font-size: 9px;
  color: var(--tc-stat-txt2, rgba(255,255,255,0.25));
  text-align: center;
}


/* ════════════════════════════════
   ASISTENTE DE CREACIÓN DE ARTÍCULOS
   ════════════════════════════════ */
/* ════════════════════════════════
   HERO BANNER
   ════════════════════════════════ */
.hero-mascot {
  background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%);
  border-radius: 16px;
  padding: 1.75rem 1.75rem 1.5rem;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.hero-mascot::before {
  content: ''; position: absolute; top: -50px; right: -40px;
  width: 230px; height: 230px;
  background: rgba(255,255,255,0.06); border-radius: 50%;
}
.hero-mascot::after {
  content: ''; position: absolute; bottom: -70px; left: 28%;
  width: 280px; height: 280px;
  background: rgba(255,255,255,0.04); border-radius: 50%;
}
.hero-mascot-top {
  display: flex; align-items: flex-start; gap: 1.25rem;
  position: relative; z-index: 1;
}
.hero-mascot-mascot { flex-shrink: 0; }
.hero-mascot-mascot img {
  width: 120px; height: auto;
  filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3));
  animation: wvas-float 3.5s ease-in-out infinite;
}
.hero-mascot-title {
  font-size: 1.75rem; font-weight: 800; line-height: 1.2;
  margin: 0 0 0.4rem; color: #fff; border: none; padding: 0;
}
.hero-mascot-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; }
.hero-mascot-divider {
  border: none; border-top: 1px solid rgba(255,255,255,0.22);
  margin: 1.1rem 0 1rem; position: relative; z-index: 1;
}
.hero-mascot-about { position: relative; z-index: 1; }
.hero-mascot-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; }
.hero-mascot-about a { color: #21e82b; font-weight: 700; }
.hero-mascot-about p:last-child { margin: 0; }
 
/* ════════════════════════════════
   IMAGE BANNER (5 fotos + corte diagonal)
   ════════════════════════════════ */
.banner-images-banner {
  display: flex;
  height: 195px;
  border-radius: 14px;
  overflow: hidden;
  background: #004d70;
}
.banner-images-slot {
  flex: 1 1 0;
  overflow: hidden;
  position: relative;
  min-width: 0;
}
.banner-images-slot:not(:first-child) {
  clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -22px;
}
.banner-images-slot:nth-child(2) { z-index: 2; }
.banner-images-slot:nth-child(3) { z-index: 3; }
.banner-images-slot:nth-child(4) { z-index: 4; }
.banner-images-slot:nth-child(5) { z-index: 5; }
.banner-images-slot figure,
.banner-images-slot .mw-file-description,
.banner-images-slot a {
  display: block !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
}
.banner-images-slot img {
  display: block !important; width: 100% !important; height: 100% !important;
  object-fit: cover !important; object-position: center !important;
  margin: 0 !important; border: 0 !important;
  vertical-align: top !important; max-width: none !important;
}
 
/* ════════════════════════════════
   SECTION HEADER
   ════════════════════════════════ */
.header-awesome {
  display: flex; align-items: center; gap: 0.65rem;
  margin: 1.9rem 0 1rem;
}
.header-awesome-icon {
  width: 36px; height: 36px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; flex-shrink: 0;
}
.header-awesome :is(h1,h2,h3,h4,h5) {
  font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c;
}
.header-awesome-line { flex: 1; height: 2px; background: #dde4ec; }

/* ════════════════════════════════
   NORMAS — siempre visibles, con hover
   ════════════════════════════════ */
.wvas-norma {
  border-radius: 12px; padding: 0.9rem 1rem;
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 0.7rem;
  align-items: center;
  border: 1.5px solid;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-norma:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.wvas-norma-mascot { width: 90px;  display: flex; align-items: center; justify-content: center; }
.wvas-norma-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.wvas-norma-mascot figure { float: none !important; margin: 0 !important; }
.wvas-norma-content { min-width: 0; }
.wvas-norma-title {
  font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
  letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.wvas-norma-text { font-size: 0.82rem; line-height: 1.57; }
.wvas-norma-text a { font-weight: 700; }
.wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.wvas-n-error .wvas-norma-title { color: #A32D2D; }
.wvas-n-error a { color: #A32D2D; }
.wvas-n-warn  { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.wvas-n-warn  .wvas-norma-title { color: #7a4a00; }
.wvas-n-warn  a { color: #854F0B; }
.wvas-n-tip   { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.wvas-n-tip   .wvas-norma-title { color: #0F6E56; }
.wvas-n-tip   a { color: #085041; }
.wvas-n-info  { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.wvas-n-info  .wvas-norma-title { color: #006699; }
.wvas-n-info  a { color: #006699; }
 
/* ════════════════════════════════
   CALLOUT (genérico)
   Grid interno: mascota | contenido (desktop)
                 mascota (arriba) + contenido (abajo) en mobile
   ════════════════════════════════ */
.callout-sable {
  border-radius: 12px; padding: 0.9rem 1.1rem;
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.8rem;
  align-items: center;
  border-left: 4px solid;
  transition: box-shadow 0.18s;
}
.callout-sable:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); }
.callout-sable-mascot { width: 80px; display: flex; align-items: center; justify-content: center; }
.callout-sable-mascot img { width: 80px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.callout-sable-mascot figure { float: none !important; margin: 0 !important; }
.callout-sable-content { min-width: 0; }
.callout-sable-title {
  font-weight: 800; font-size: 0.81rem; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.22rem;
}
.callout-sable-body { font-size: 0.85rem; line-height: 1.58; }
.callout-sable-body a { font-weight: 700; text-decoration: none; }
.callout-sable-body a:hover { text-decoration: underline; }
.callout-sable-co-tip    { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; }
.callout-sable-co-tip    .callout-sable-title { color: #0F6E56; }
.callout-sable-co-tip    a { color: #085041; }
.callout-sable-co-info   { background: #E6F1FB; border-color: #006699; color: #042C53; }
.callout-sable-co-info   .callout-sable-title { color: #006699; }
.callout-sable-co-info   a { color: #185FA5; }
.callout-sable-co-warn   { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; }
.callout-sable-co-warn   .callout-sable-title { color: #7a4a00; }
.callout-sable-co-warn   a { color: #854F0B; }
.callout-sable-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; }
.callout-sable-co-purple .callout-sable-title { color: #534AB7; }
.callout-sable-co-purple a { color: #534AB7; }
.callout-sable-co-error  { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; }
.callout-sable-co-error  .callout-sable-title { color: #A32D2D; }
.callout-sable-co-error  a { color: #A32D2D; }
 
/* ════════════════════════════════
   TIPO CARDS — informativas + hover
   ════════════════════════════════ */
.wvas-tipo-card {
  background: #fff; border: 1.5px solid #d0dce8;
  border-radius: 16px; padding: 1.3rem 1.2rem;
  display: flex; flex-direction: column; gap: 0.5rem;
  position: relative; overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  cursor: inherit;
}
.wvas-tipo-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,60,100,0.12);
  border-color: #006699;
}
.wvas-tipo-card::after {
  content: ''; position: absolute; bottom: -18px; right: -18px;
  width: 70px; height: 70px; border-radius: 50%;
  background: rgba(0,102,153,0.05);
  transition: transform 0.3s;
}
.wvas-tipo-card:hover::after { transform: scale(1.4); }
.wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; }
.wvas-tipo-icon { flex-shrink: 0; }
.wvas-tipo-icon img { width: 70px; height: auto; }
.wvas-tipo-card h3 {
  font-size: 1.06rem; font-weight: 800; color: #003d5c;
  margin: 0; padding: 0; border: none;
}
.wvas-tipo-desc   { font-size: 0.84rem; color: #445; line-height: 1.57; }
.wvas-tipo-ej     { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.wvas-tc-destino    { border-top: 4px solid #006699; }
.wvas-tc-tematico   { border-top: 4px solid #534AB7; }
.wvas-tc-itinerario { border-top: 4px solid #1D9E75; }
.wvas-tc-conv       { border-top: 4px solid #BA7517; }
 
/* ════════════════════════════════
   Plantilla: Table awesome responsive
   ════════════════════════════════ */
.table-awesome {
  width: 100%; border-collapse: separate; border-spacing: 0;
  border: 1.5px solid #dde6ef; border-radius: 14px;
  overflow: hidden; font-size: 0.84rem;
}
.table-awesome thead tr {
  background: #006699; color: #fff;
}
.table-awesome thead th {
  padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.05em;
  text-align: left; border: none;
}
.table-awesome tbody tr {
  border-bottom: 1px solid #eef1f5;
  transition: background 0.15s;
}
.table-awesome tbody tr:last-child { border-bottom: none; }
.table-awesome tbody tr:hover { background: #f0f7fc; }
.table-awesome td {
  padding: 0.65rem 0.85rem; vertical-align: top;
  border: none; line-height: 1.5;
}
.table-awesome td:first-child {
  white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%;
}
.table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; }
.table-awesome td a:hover { text-decoration: underline; }
.table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; }
 
/* ════════════════════════════════
   WIDGET CREATE PANEL (único por tipo)
   ════════════════════════════════ */
.create-article {
  background: #f7fbff; border: 2px dashed #9fc9dd;
  border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem;
  margin: 0.75rem 0; text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.create-article:hover {
  border-color: #006699;
  box-shadow: 0 4px 16px rgba(0,102,153,0.1);
}
.create-article-mascot { display: inline-block; margin-bottom: 0.45rem; }
.create-article-mascot img {
  width: 120px; height: auto;
  animation: wvas-float 2.5s ease-in-out infinite;
}
.create-article-title {
  font-size: 1.02rem; font-weight: 800; color: #003d5c;
  margin: 0 0 0.28rem; padding: 0; border: none;
}
.create-article p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; }
 
/* ════════════════════════════════
   NIVELES DE CALIDAD
   ════════════════════════════════ */
.wvas-nivel {
  border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center;
  display: flex; flex-direction: column; gap: 0.3rem;
  border: 1.5px solid transparent;
  transition: transform 0.18s, box-shadow 0.18s;
}
.wvas-nivel:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; }
.wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; }
.wvas-nivel p  { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; }
.wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; }
.wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; }
.wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; }
.wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; }
 
/* ════════════════════════════════
   CHECKLIST PRE-PUBLICACIÓN
   ════════════════════════════════ */
.checklist-re {
  background: #fff; border: 1.5px solid #c8e6c8;
  border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem;
}
.checklist-re-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.checklist-re-header img { width: 36px; height: auto; }
.checklist-re-header-title {
  font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none;
}
.checklist-re-list { list-style: none; padding: 0; margin: 0; }
.checklist-re-list li {
  display: flex; align-items: flex-start; gap: 0.65rem;
  font-size: 0.84rem; padding: 0.38rem 0;
  border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5;
  transition: background 0.12s;
}
.checklist-re-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; }
.checklist-re-list li:last-child { border-bottom: none; }
.checklist-re-list li::before {
  content: '✓';   
  width: 20px; height: 20px; border-radius: 50%;
  background: #E1F5EE; border: 1.5px solid #1D9E75;
  display: flex; align-items: center; justify-content: center;
  font-size: 10px; color: #1D9E75; flex-shrink: 0;
  font-weight: 900; margin-top: 2px; 
}
 
/* ════════════════════════════════
   AYUDA — LINKS + hover
   ════════════════════════════════ */
.wvas-ayuda-card {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 12px; padding: 1rem 0.9rem;
  text-align: center; text-decoration: none; color: inherit;
  display: flex; flex-direction: column; align-items: center; gap: 0.38rem;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}
.wvas-ayuda-card:hover {
  border-color: #006699;
  box-shadow: 0 4px 14px rgba(0,102,153,0.12);
  transform: translateY(-2px);
}
.wvas-ayuda-card img  { width: 80px; height: auto; }
.wvas-ayuda-card h4   { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; }
.wvas-ayuda-card p    { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; }
 
/* ════════════════════════════════
   REFERENCIA ARTÍCULOS ACEPTABLES
   ════════════════════════════════ */
.checklist-two-box {
  background: #fff; border: 1.5px solid #dde6ef;
  border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem;
}
.checklist-two-header {
  display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem;
}
.checklist-two-header img { width: 36px; height: auto; }
.checklist-two-header h3  {
  font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none;
}
.checklist-two-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; }
.checklist-two-col-title {
  font-size: 0.78rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.05em; margin-bottom: 0.5rem;
}
.checklist-two-col-ok  .checklist-two-col-title { color: #1D9E75; }
.checklist-two-col-bad .checklist-two-col-title { color: #A32D2D; }
.checklist-two-list { list-style: none; padding: 0; margin: 0 0 0.5rem; }
.checklist-two-list li {
  font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px;
  align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45;
  transition: background 0.12s;
}
.checklist-two-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; }
.checklist-two-list li:last-child { border-bottom: none; }
.checklist-two-col-ok  .checklist-two-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; }
.checklist-two-col-bad .checklist-two-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; }
.checklist-two-nota {
  font-size: 0.78rem; color: #666; padding-top: 0.5rem;
  border-top: 1px solid #eee; margin-top: 0.5rem;
}
.checklist-two-nota ul { list-style: none; padding: 0; margin: 0; }
.checklist-two-nota li::before { content: '· '; }
 
/* ════════════════════════════════
   ANIMACIÓN FLOTANTE
   ════════════════════════════════ */
@keyframes wvas-float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-7px); }
}
 
/* ════════════════════════════════════════════════════════
   ESTRUCTURAS EN COLUMNAS RESPONSIVE
   ════════════════════════════════════════════════════════ */
.cols-2-grid {
  display: grid; grid-template-columns: repeat(2, 1fr);
  gap: 14px; margin-bottom: 1.5rem;
}
.cols-20-80-grid {
  display: grid;
  grid-template-columns: 20% 80%;
  gap: 0;
  border: 0.5px solid #dde6ef;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.cols-3-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 10px; margin-bottom: 1rem;
}
.cols-4-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8px; margin-bottom: 1rem;
}
/* ════════════════════════════════════════════════════════
   RESPONSIVE (GENERAL)
   ════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  .hero-mascot-title  { font-size: 1.45rem; }
  .wvas-tipo-grid     { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .wvas-ayuda-grid    { grid-template-columns: repeat(2, 1fr); }
  .banner-images-banner    { height: 130px; }
  .table-awesome { font-size: 0.79rem; }
 
  /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */
  .callout-sable {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .wvas-norma {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .callout-sable-mascot,
  .wvas-norma-mascot {
    width: auto;
  }
  .callout-sable-content,
  .wvas-norma-content {
    width: 100%;
    text-align: left;   /* el texto interior alineado a la izquierda */
  }
  .callout-sable-title,
  .wvas-norma-title {
    text-align: center; /* solo el título centrado */
  }
}
@media (max-width: 700px) {
  .cols-20-80-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }
  .sp-sidebar {
    border-right: none;
    border-bottom: 0.5px solid #dde6ef;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 8px;
    gap: 6px;
  }
  .sp-sidebar-label,
  .sp-sidebar-foot { display: none; }
  .sp-item {
    flex: 1 1 calc(50% - 3px);
    min-width: 0;
    padding: 8px 10px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    gap: 3px;
  }
  /* En mobile el indicador es borde inferior */
  .sp-item.active::after { display: none; }
  .sp-item.active { border-bottom: 2px solid #006699; }
  .sp-item-icon img { margin: 0 auto; }
  .sp-item-hint { display: none; }
  .sp-content { padding: 16px; }
}
@media (max-width: 520px) {
  .hero-mascot-top      { flex-direction: column; gap: 0.75rem; }
  .hero-mascot-mascot img { width: 66px; }
  .hero-mascot-title  { font-size: 1.22rem; }
  .banner-images-banner    { height: 95px; border-radius: 10px; }
  .checklist-two-cols      { grid-template-columns: 1fr; }
  .wvas-ayuda-grid    { grid-template-columns: 1fr; }
  .cols-4-grid       { grid-template-columns: repeat(2, 1fr); }
  .table-awesome thead { display: none; }
  .table-awesome td { display: block; padding: 0.3rem 0.7rem; }
  .table-awesome td:first-child { padding-top: 0.7rem; }
  .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; }
}
@media (max-width: 420px) {
  .sp-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
   SELECTOR PANEL (20% / 80%)
   ════════════════════════════════ */
.sp-sidebar {
  background: #f5f7fa;
  border-right: 0.5px solid #dde6ef;
  padding: 10px 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.sp-sidebar-label {
  font-size: 11px;
  font-weight: 700;
  color: #9aa5b4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.sp-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  border: 0.5px solid transparent;
  transition: background 0.15s, border-color 0.15s;
  user-select: none;
  position: relative;
}
.sp-item:hover {
  background: #fff;
  border-color: #c5d0dc;
}
.sp-item.active {
  background: #fff;
  border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.sp-item.active::after {
  content: '';
  position: absolute;
  right: -1px;
  top: 20%;
  height: 60%;
  width: 2.5px;
  background: #006699;
  border-radius: 2px 0 0 2px;
}
.sp-item-icon {
  font-size: 20px;
  flex-shrink: 0;
  color: #9aa5b4;
  transition: color 0.15s;
  width: 22px;
  text-align: center;
}
/* Soporte para imagen wiki como icono */
.sp-item-icon img {
  width: 22px;
  height: auto;
  display: block;
  opacity: 0.55;
  transition: opacity 0.15s;
}
.sp-item.active .sp-item-icon { color: #006699; }
.sp-item.active .sp-item-icon img { opacity: 1; }
.sp-item-name {
  font-size: 13px;
  font-weight: 700;
  color: #334155;
  line-height: 1.3;
}
.sp-item-hint {
  font-size: 11px;
  color: #9aa5b4;
  margin-top: 1px;
}
/* Hint inferior del sidebar */
.sp-sidebar-foot {
  font-size: 11px;
  color: #b0bec5;
  text-align: center;
  padding: 6px 0 2px;
  margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.sp-content {
  padding: 20px 24px;
  overflow-y: auto;
  min-height: 300px;
}
.sp-panel { display: none; }
.sp-panel.active { display: block; }

/* ════════════════════════════════════════════════════════
   SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE
   ════════════════════════════════════════════════════════ */

/* ── Caja exterior que envuelve todo ── */
.doc-simple-outer {
  background: #f8f9fb;
  border: 1.5px solid #d8e2ec;
  border-radius: 14px;
  padding: 1.1rem 1.25rem 1rem;
  margin-bottom: 1.5rem;
  font-family: 'Segoe UI', Arial, sans-serif;
  max-width: 700px;
}
 
/* ── Introducción ── */
.doc-simple-intro { margin-bottom: 12px; }
.doc-simple-intro-top { display: flex; align-items: flex-start; gap: 10px; }
.doc-simple-tname-head {
  font-size: 1rem; font-weight: 700; color: #003d5c;
  margin: 0 0 4px; padding: 0; border: none;
}
.doc-simple-desc {
  font-size: 0.84rem; color: #445;
  line-height: 1.6; margin: 0 0 8px;
}
.doc-simple-hint {
  font-size: 0.8rem; color: #778;
  line-height: 1.5; margin: 0 0 10px;
}
.doc-simple-req-inline { color: #C0392B; font-weight: 600; }
.doc-simple-opt-inline { color: #2471A3; font-weight: 600; }
 
/* ── Leyenda ── */
.doc-simple-legend {
  display: flex; gap: 14px; flex-wrap: wrap;
  margin-bottom: 12px;
}
.doc-simple-leg {
  display: flex; align-items: center; gap: 6px;
  font-size: 11.5px; font-weight: 600;
}
.doc-simple-leg::before {
  content: ''; width: 3px; height: 13px;
  border-radius: 2px; flex-shrink: 0; display: inline-block;
}
.doc-simple-req-leg { color: #C0392B; }
.doc-simple-req-leg::before { background: #C0392B; }
.doc-simple-opt-leg { color: #2471A3; }
.doc-simple-opt-leg::before { background: #2471A3; }
 
/* ── Cards (sintaxis y ejemplo) ── */
.doc-simple-card {
  background: #fff;
  border: 0.5px solid #cdd8e4;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.doc-simple-example-card { margin-bottom: 10px; }
 
/* ── Cabecera de card ── */
.doc-simple-card-top {
  background: #f0f4f8;
  border-bottom: 0.5px solid #cdd8e4;
  padding: 6px 12px;
  display: flex; align-items: center;
  justify-content: space-between; gap: 8px;
}
.doc-simple-card-label {
  font-size: 11px; font-weight: 700; color: #667;
  text-transform: uppercase; letter-spacing: 0.06em;
}
.doc-simple-card-label.example-label { color: #2471A3; }
 
/* ── Botón copiar ── */
.doc-simple-copy-btn {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11.5px; font-weight: 600; cursor: pointer;
  color: #334; background: #fff;
  border: 0.5px solid #bbc8d4; border-radius: 6px;
  padding: 3px 10px; user-select: none;
  transition: background 0.14s, color 0.14s, border-color 0.14s;
  line-height: 1.6;
}
.doc-simple-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; }
.doc-simple-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; }
 
/* ── Bloque de código ── */
.doc-simple-block {
  padding: 6px 0 8px;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.35;
}
.doc-simple-block-open,
.doc-simple-block-close {
  padding: 3px 12px;
  color: #aab;
}
.doc-simple-blockname { color: #003d5c; font-weight: 600; }
.doc-simple-brace { color: #bbc; }
 
/* ── Filas de parámetros ── */
.doc-simple-params { padding: 0; }
.doc-simple-params &gt; * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.doc-simple-params p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
}
.doc-simple-row {
  display: flex; align-items: baseline;
  padding: 2px 12px 2px 9px;
  border-left: 3px solid transparent;
  transition: background 0.1s;
  line-height: 1.5;
}
.doc-simple-row:hover { background: #f5f8fb; }
.doc-simple-req { border-color: #C0392B; }
.doc-simple-opt { border-color: #2471A3; }
.doc-simple-req .doc-simple-key { color: #C0392B; }
.doc-simple-opt .doc-simple-key { color: #2471A3; }
.doc-simple-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; }
.doc-simple-key { font-weight: 700; white-space: nowrap; }
.doc-simple-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; }
.doc-simple-optvals { color: #889; font-size: 12px; }
 
/* Filas del bloque ejemplo (generadas por JS) */
.doc-simple-example-val { color: #334; }
 
/* ── Notas al pie ── */
.doc-simple-footer {
  border-top: 0.5px solid #dde6ef;
  padding: 8px 2px 0;
  display: flex; flex-direction: column; gap: 3px;
  margin-top: 4px;
}
.doc-simple-nota {
  font-size: 11.5px; color: #889; line-height: 1.5;
	padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem;
}
.doc-simple-nota ul { list-style: none; padding: 0; margin: 0; }
.doc-simple-nota li::before { content: '→ '; color: #bbc; }

/* ── Responsive ── */
@media (max-width: 520px) {
  .doc-simple-outer { padding: 0.85rem 0.9rem; }
  .doc-simple-card-top { flex-direction: column; align-items: flex-start; gap: 6px; }
  .doc-simple-copy-btn { width: 100%; justify-content: center; }
}

/* ════════════════════════════════════════════════════════
   SELECTOR HORIZONTAL DE PESTAÑAS
   ════════════════════════════════════════════════════════ */
/* ── Contenedor general ── */
.htab-wrap {
  border: 0.5px solid #cdd8e4;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

/* ── Barra superior: color + patrón de puntos ── */
.htab-bar {
  background-color: #D4537E;
  background-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 0.12) 1.5px,
    transparent 1.5px
  );
  background-size: 20px 20px;
  position: relative;
  overflow: hidden;
  padding: 14px 14px 12px;
  border-bottom: 2.5px solid #993556;
}

/* ── Fondo animado: formas moviéndose de derecha a izquierda ── */
.htab-bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.htab-bg-track {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  height: 100%;
  white-space: nowrap;
  animation: htab-marquee 18s linear infinite;
}
@keyframes htab-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
/* Formas del fondo */
.hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); }
.hs-circle  { width: 9px;  height: 9px;  border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; }
.hs-bar     { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); }
.hs-sq      { width: 8px;  height: 8px;  border: 1.5px solid rgba(255,255,255,0.18); }
.hs-tri     { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); }

/* ── Pestañas ── */
.htab-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  position: relative;
  z-index: 1;
}
.htab-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 8px;
  padding: 7px 15px;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  transition: background 0.15s, transform 0.13s, border-color 0.15s;
}
.htab-tab:hover:not(.active) {
  background: rgba(255,255,255,0.25);
  transform: translateY(-2px);
}
.htab-tab.active {
  background: #EF9F27;
  border-color: #BA7517;
  color: #412402;
  transform: translateY(-1px);
}
/* Imágenes wiki dentro de la pestaña como icono */
.htab-tab figure { float: none !important; margin: 0 !important; }
.htab-tab img    { width: 18px; height: auto; display: block; }

/* ── Partículas ── */
.htab-prt {
  position: absolute;
  pointer-events: none;
  z-index: 20;
  border-radius: 50%;
}

/* Click — explosión */
.htab-prt-b {
  animation: htab-burst var(--dur, 0.4s) ease-out forwards;
}
@keyframes htab-burst {
  0%   { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; }
  100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; }
}

/* Hover — flotantes */
.htab-prt-h {
  animation: htab-float var(--dur, 0.65s) ease-out forwards;
}
@keyframes htab-float {
  0%   { transform: translateY(0) translateX(0); opacity: 0.85; }
  100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; }
}

/* ── Área de contenido ── */
.htab-panels {
  background: #fff;
  padding: 22px 22px 18px;
  min-height: 160px;
}
.htab-panel { display: none; }
.htab-panel.active {
  display: block;
  animation: htab-fadein 0.22s ease;
}
@keyframes htab-fadein {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Responsive ── */
@media (max-width: 700px) {
  .htab-bar  { padding: 11px; }
  .htab-tab  { padding: 6px 12px; font-size: 12px; gap: 5px; }
  .htab-panels { padding: 16px; }
}
@media (max-width: 420px) {
  .htab-tab  { padding: 5px 10px; font-size: 11px; }
  .htab-panels { padding: 12px; }
}

/* ════════════════════════════════════════════════════════════════
   WVA - SISTEMA DE SECCIONES DE ARTÍCULO
   ════════════════════════════════════════════════════════════════ */

/* ═══ ANIMACIONES ═══ */
@keyframes wva-in  { from{opacity:0;transform:translateY(10px)}  to{opacity:1;transform:translateY(0)} }
@keyframes wva-sl  { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} }
@keyframes wva-pop { from{opacity:0;transform:scale(0.93)}       to{opacity:1;transform:scale(1)} }
@keyframes wva-bar { from{width:0} to{width:var(--w,100%)} }
@keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} }
@keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} }

/* ══════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════ */
.wva-hero{
  background:var(--pk);position:relative;overflow:hidden;
  padding:28px 24px 44px;border-bottom:3px solid #111;
  clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%);
  margin-bottom:-2px;animation:in 0.6s ease both;
}
.wva-hero-dots{position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px);
  background-size:22px 22px;}
.wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px;
  letter-spacing:10px;animation:glo 2.5s ease-in-out infinite}
.wva-hi{position:relative;z-index:1}
.wva-hi-loc{display:inline-block;background:var(--yw);color:#111;
  font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111;
  line-height:.95;margin-bottom:12px;border:none;padding:0}
.wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px}
.wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px}

/* ══════════════════════════════════════════════════════
   FICHA TÉCNICA — barra de stats oscura
   ══════════════════════════════════════════════════════ */
.wva-ficha {
  background: var(--bk); padding: 16px 20px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr));
  gap: 16px; border-bottom: var(--bd);
  animation: wva-in .5s ease .08s both;
}
/* Dot pattern sobre negro */
.wva-ficha::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px);
  background-size: 14px 14px;
}
.wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; }
.wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); }
.wva-fb-info strong { color:var(--yw);font-weight:700; }

.wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; }
.wva-sg { font-size:14px;font-weight:900;width:30px; }
.wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; }
.wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; }
.sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)}
.sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)}

/* ══════════════════════════════════════════════════════
   SECTION WRAPPER
   ══════════════════════════════════════════════════════ */
.wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; }
.bg-w   { background:#fff; }
.bg-yw  { background:var(--yw);position:relative; }
.bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; }
.bg-yw &gt; * { position:relative;z-index:1; }
.bg-cr  { background:#FFF8F0; }
.bg-war { background:#FFF5F5; }
.bg-mn  { background:#FFFDE7; }
.bg-sc  { background:#FFF0F8;
  background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; }
.bg-hl  { background:#F0FFF4; }
.bg-mv  { background:#F8F8FF; }
.bg-ar  { background:#F0F9FF; }

/* ══════════════════════════════════════════════════════
   SECTION HEADER
   ══════════════════════════════════════════════════════ */
.wva-sh {
  display:flex;align-items:center;gap:10px;
  padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden;
}
.wva-sh .ico { font-size:17px;flex-shrink:0; }
.wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; }
.wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; }

/* NEGRO + AMARILLO (estilo SQUAD) */
.sh-bk { background:var(--bk); }
.sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; }
.sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; }

/* AMARILLO + NEGRO (estilo VANGUARD) */
.sh-yw { background:var(--yw); }
.sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; }
.sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; }

.sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff}
.sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff}
.sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff}
.sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff}
.sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff}
.sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff}
.sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)}

/* ══════════════════════════════════════════════════════
   SUBHEADER
   ══════════════════════════════════════════════════════ */
.wva-sub {
  display:flex;align-items:center;gap:8px;padding:8px 20px 4px;
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);
}
.wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; }

/* ══════════════════════════════════════════════════════
   BODY / 2 COLS
   ══════════════════════════════════════════════════════ */
.wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; }
.wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; }
.wva-body strong { color:var(--bk);font-weight:700; }

.wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; }
.wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   GRIDS
   ══════════════════════════════════════════════════════ */
.g    { padding:12px 20px; }
.g-2  { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; }
.g-3  { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.g-a  { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; }
.g-r  { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; }
.g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; }

/* ══════════════════════════════════════════════════════
   PRACTICAL TIP CARD
   ══════════════════════════════════════════════════════ */
.ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden;
  transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; }
.ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;
  display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); }
.ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; }
.ptip-b strong { color:var(--bk);font-weight:700; }

.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }

/* ══════════════════════════════════════════════════════
   TALENT CARD (secretos — estilo squad card)
   ══════════════════════════════════════════════════════ */
.tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px;
  overflow:hidden;position:relative;animation:wva-pop .4s ease both;
  transition:transform .15s,box-shadow .15s;cursor:default; }
.tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); }
.tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; }

.tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase;
  padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; }
.tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; }
.tcard-stats { margin-bottom:7px; }
.tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; }
.tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); }
.tsg { font-size:13px;font-weight:900;width:26px; }
.tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; }
.tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; }
.tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; }
.tcard-tags { display:flex;gap:4px;flex-wrap:wrap; }

/* ══════════════════════════════════════════════════════
   REGION CARD
   ══════════════════════════════════════════════════════ */
.rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px;
  border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; }
.rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }
.rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; }

/* ══════════════════════════════════════════════════════
   CITY CARD
   ══════════════════════════════════════════════════════ */
.ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r);
  cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; }
.ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); }
.ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;
  border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; }
.ccard-badge.pk { background:var(--pk);color:#fff; }
.ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; }
.ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; }

/* ══════════════════════════════════════════════════════
   TRANSPORT CARD
   ══════════════════════════════════════════════════════ */
.tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r);
  display:flex;flex-direction:column;gap:6px;cursor:default;
  transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; }
.tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); }
.tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); }
.tport-icon { font-size:24px;line-height:1; }
.tport-name { font-size:13px;font-weight:800;color:var(--bk); }
.tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; }
.tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)}
.tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)}
.tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)}
.tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)}
.tp-bk::before{background:var(--bk)}

/* ══════════════════════════════════════════════════════
   ALERT BOX
   ══════════════════════════════════════════════════════ */
.wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px;
  border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; }
.wva-al + .wva-al { margin-top:8px; }
.wva-al:last-of-type { margin-bottom:12px; }
.a-warn  { border-color:var(--rd); background:#FFF5F5; }
.a-tip   { border-color:var(--cy); background:#F0FDFF; }
.a-ok    { border-color:var(--gn); background:#F0FFF4; }
.a-money { border-color:#F5A000;   background:#FFFDE7; }
.a-info  { border-color:var(--bl); background:#F0F8FF; }
.a-pink  { border-color:var(--pk); background:#FFF0F8; }
.al-em   { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; }
.al-txt  { font-size:12.5px;color:#333;line-height:1.62; }
.al-txt strong { color:var(--bk);font-weight:700; }

/* ══════════════════════════════════════════════════════
   LIST ITEMS
   ══════════════════════════════════════════════════════ */
.wva-list { padding:0 20px 12px; }
.wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08);
  align-items:flex-start;transition:padding-left .14s;cursor:default; }
.wva-li:last-child { border-bottom:none; }
.wva-li:hover { padding-left:6px; }
.wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm);
  display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;
  background:var(--wh);transition:transform .14s; }
.wva-li:hover .wva-li-ico { transform:scale(1.06); }
.wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; }
.wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; }
.wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; }

/* ══════════════════════════════════════════════════════
   NEXT DESTINATIONS
   ══════════════════════════════════════════════════════ */
.wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; }
.ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r);
  padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default;
  transition:background .14s,transform .14s,box-shadow .14s; }
.ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); }

/* ══════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════ */
@media (max-width:760px) {
  .wva-hero { grid-template-columns:1fr; }
  .wva-himg { display:none; }
  .wva-hc::after { display:none; }
  .wva-hi-h { font-size:38px; }
  .g-2,.g-3 { grid-template-columns:1fr; }
  .wva-2c { grid-template-columns:1fr; }
  .wva-ficha { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px) {
  .wva-hc { padding:20px 14px 28px; }
  .wva-hi-h { font-size:28px; }
  .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; }
  .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; }
  .wva-al { margin-left:14px;margin-right:14px; }
  .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; }
  .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; }
}</text>
      <sha1>t128p7aaska0b7yoc8v2ppq5iw3kbgx</sha1>
    </revision>
  </page>
  <page>
    <title>Usuario:Jsmura/common.js</title>
    <ns>2</ns>
    <id>18396</id>
    <revision>
      <id>253749</id>
      <parentid>253421</parentid>
      <timestamp>2026-05-22T20:49:02Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253749</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="14519" sha1="h3mfhc64a73x59k9w5kamtgfw7l10t1" xml:space="preserve">document.querySelectorAll('.accordion-clicky').forEach(question =&gt; {
    question.addEventListener('click', () =&gt; {
        const id = question.dataset.aco;
        document.querySelectorAll('.accordion-content').forEach(answer =&gt; {
            answer.classList.remove('active');
        });
        const target = document.querySelector(`.accordion-content[data-aco=&quot;${id}&quot;]`);
        if (target) {
            target.classList.add('active');
        }
    });
});

document.querySelectorAll('.sp-item').forEach(function(item) {
  item.addEventListener('click', function() {
    var target = this.dataset.panel;
    document.querySelectorAll('.sp-item').forEach(function(i) { i.classList.remove('active'); });
    document.querySelectorAll('.sp-panel').forEach(function(p) { p.classList.remove('active'); });
    this.classList.add('active');
    var panel = document.getElementById('sp-' + target);
    if (panel) panel.classList.add('active');
  });
});

/* ════════════════════════════════════════════════════════
   SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE
   ════════════════════════════════════════════════════════ */

(function () {
  'use strict';
 
  /* ── Función de copia con fallback ── */
  function copiarTexto(texto, btn) {
    function feedback() {
      btn.textContent = '✓ Copiado';
      btn.classList.add('copied');
      setTimeout(function () {
        btn.textContent = btn.dataset.mode === 'example'
          ? '📋 Copiar ejemplo'
          : '📋 Copiar plantilla';
        btn.classList.remove('copied');
      }, 2200);
    }
    if (navigator.clipboard &amp;&amp; navigator.clipboard.writeText) {
      navigator.clipboard.writeText(texto).then(feedback);
    } else {
      var ta = document.createElement('textarea');
      ta.value = texto;
      ta.style.cssText = 'position:absolute;left:-9999px;top:0';
      document.body.appendChild(ta);
      ta.select();
      document.execCommand('copy');
      document.body.removeChild(ta);
      feedback();
    }
  }
 
  /* ── Construir texto de copia desde las filas ── */
  function buildTexto(nombre, filas, modo) {
    var lineas = ['{{' + nombre];
    filas.forEach(function (row) {
      var key     = (row.dataset.key     || '').trim();
      var val     = (row.dataset.val     || '').trim(); /* opciones */
      var ejemplo = (row.dataset.example || '').trim();
      if (!key) return;
      if (modo === 'example') {
        /* Bloque ejemplo: solo filas con valor de ejemplo definido */
        if (ejemplo !== '') lineas.push('|' + key + '=' + ejemplo);
      } else {
        /* Bloque sintaxis: copiar opciones si las hay, si no vacío */
        lineas.push('|' + key + '=' + val);
      }
    });
    lineas.push('}}');
    return lineas.join('\n');
  }
 
  /* ── Construir el bloque de ejemplo en el DOM ── */
  function buildEjemploCard(nombre, filas) {
    /* Verificar si hay al menos un ejemplo */
    var hayEjemplo = Array.prototype.some.call(filas, function (r) {
      return (r.dataset.example || '').trim() !== '';
    });
    if (!hayEjemplo) return null;
 
    var card = document.createElement('div');
    card.className = 'doc-simple-card doc-simple-example-card';
 
    /* Cabecera */
    var top = document.createElement('div');
    top.className = 'doc-simple-card-top';
    var label = document.createElement('span');
    label.className = 'doc-simple-card-label example-label';
    label.textContent = 'Ejemplo de uso';
    var btn = document.createElement('span');
    btn.className = 'doc-simple-copy-btn';
    btn.dataset.mode = 'example';
    btn.setAttribute('role', 'button');
    btn.setAttribute('tabindex', '0');
    btn.textContent = '📋 Copiar ejemplo';
    top.appendChild(label);
    top.appendChild(btn);
    card.appendChild(top);
 
    /* Bloque de código */
    var block = document.createElement('div');
    block.className = 'doc-simple-block';
 
    var open = document.createElement('div');
    open.className = 'doc-simple-block-open';
    open.innerHTML = '&lt;span class=&quot;doc-simple-brace&quot;&gt;{{&lt;/span&gt;'
      + '&lt;span class=&quot;doc-simple-blockname&quot;&gt;' + nombre + '&lt;/span&gt;';
    block.appendChild(open);
 
    var params = document.createElement('div');
    params.className = 'doc-simple-params';
    filas.forEach(function (row) {
      var key     = (row.dataset.key     || '').trim();
      var ejemplo = (row.dataset.example || '').trim();
      if (!key || ejemplo === '') return;
      var isReq = row.classList.contains('doc-simple-req');
      var div = document.createElement('div');
      div.className = 'doc-simple-row ' + (isReq ? 'doc-simple-req' : 'doc-simple-opt');
      div.innerHTML = '&lt;span class=&quot;doc-simple-pipe&quot;&gt;|&lt;/span&gt;'
        + '&lt;span class=&quot;doc-simple-key&quot;&gt;' + key + '&lt;/span&gt;'
        + '&lt;span class=&quot;doc-simple-eq&quot;&gt;=&lt;/span&gt;'
        + '&lt;span class=&quot;doc-simple-example-val&quot;&gt;' + ejemplo + '&lt;/span&gt;';
      params.appendChild(div);
    });
    block.appendChild(params);
 
    var close = document.createElement('div');
    close.className = 'doc-simple-block-close';
    close.innerHTML = '&lt;span class=&quot;doc-simple-brace&quot;&gt;}}&lt;/span&gt;';
    block.appendChild(close);
    card.appendChild(block);
 
    /* Evento copiar del bloque ejemplo */
    btn.addEventListener('click', function () {
      copiarTexto(buildTexto(nombre, filas, 'example'), btn);
    });
 
    return card;
  }
 
  /* ── Inicialización ── */
  function init() {
    document.querySelectorAll('.doc-simple-outer').forEach(function (wrap) {
      var nombre = (wrap.dataset.tplname || '').trim();
      var filas  = wrap.querySelectorAll('.doc-simple-row');
 
      /* Botón copiar sintaxis */
      var btnSintaxis = wrap.querySelector('.doc-simple-copy-btn[data-mode=&quot;syntax&quot;]');
      if (btnSintaxis) {
        btnSintaxis.addEventListener('click', function () {
          copiarTexto(buildTexto(nombre, filas, 'syntax'), btnSintaxis);
        });
      }
 
      /* Inyectar bloque ejemplo si procede */
      var placeholder = wrap.querySelector('.doc-simple-example-placeholder');
      if (placeholder) {
        var ejemploCard = buildEjemploCard(nombre, filas);
        if (ejemploCard) placeholder.appendChild(ejemploCard);
      }
    });
  }
 
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }
 
}());

/* ════════════════════════════════════════════════════════
   SELECTOR HORIZONTAL DE PESTAÑAS
   ════════════════════════════════════════════════════════ */

(function () {
  'use strict';
 
  /* ─────────────────────────────────────────────────────
     FONDO ANIMADO — genera las formas del marquee
     ───────────────────────────────────────────────────── */
  function buildHTabBackground() {
    document.querySelectorAll('.htab-bg-track').forEach(function (track) {
      var seq = [
        'diamond', 'circle', 'bar', 'sq', 'tri',
        'diamond', 'bar',    'circle', 'sq',
        'diamond', 'tri',    'bar',    'circle', 'diamond', 'sq'
      ];
      var html = '';
      /* Duplicar el set dos veces para que el loop sea perfecto:
         la animación mueve -50% → vuelve al punto de inicio visualmente */
      for (var rep = 0; rep &lt; 2; rep++) {
        for (var i = 0; i &lt; seq.length * 4; i++) {
          html += '&lt;span class=&quot;hs hs-' + seq[i % seq.length] + '&quot;&gt;&lt;/span&gt;';
        }
      }
      track.innerHTML = html;
    });
  }
 
  /* ─────────────────────────────────────────────────────
     PARTÍCULAS — explosión en click
     ───────────────────────────────────────────────────── */
  var BURST_COLORS = ['#EF9F27', '#fff', '#FAEEDA', '#F0997B', '#fff', '#EF9F27', '#fff'];
 
  function spawnBurst(bar, cx, cy) {
    var count = 13;
    for (var i = 0; i &lt; count; i++) {
      var p   = document.createElement('span');
      var sz  = 3 + Math.random() * 4;
      var a   = (i / count) * 360 + (Math.random() * 20 - 10);
      var d   = 20 + Math.random() * 30;
      var dur = (0.28 + Math.random() * 0.22).toFixed(2) + 's';
      /* Cada 4.ª partícula es cuadrada (aspecto destrucción) */
      var isSquare = (i % 4 === 0);
 
      p.className = 'htab-prt htab-prt-b';
      p.style.cssText = [
        'left:'       + (cx - sz / 2)                    + 'px',
        'top:'        + (cy - sz / 2)                    + 'px',
        'width:'      + sz                               + 'px',
        'height:'     + sz                               + 'px',
        'background:' + BURST_COLORS[i % BURST_COLORS.length],
        '--a:'        + a.toFixed(1)                     + 'deg',
        '--d:'        + d.toFixed(1)                     + 'px',
        '--dur:'      + dur,
        isSquare ? 'border-radius:2px' : ''
      ].filter(Boolean).join(';');
 
      bar.appendChild(p);
      p.addEventListener('animationend', function () { this.remove(); }, { once: true });
    }
  }
 
  /* ─────────────────────────────────────────────────────
     PARTÍCULAS — flotantes en hover
     ───────────────────────────────────────────────────── */
  var HOVER_COLORS = [
    'rgba(255,255,255,0.85)',
    'rgba(239,159,39,0.90)',
    'rgba(250,238,218,0.90)',
    'rgba(255,255,255,0.70)'
  ];
  var hoverTimers = new Map();
 
  function spawnHoverParticle(btn, bar) {
    var br   = btn.getBoundingClientRect();
    var barR = bar.getBoundingClientRect();
    var x    = br.left - barR.left + Math.random() * br.width;
    var y    = br.top  - barR.top  + br.height * 0.4 + Math.random() * br.height * 0.3;
    var p    = document.createElement('span');
    var sz   = 2 + Math.random() * 3;
    var drift = (Math.random() - 0.5) * 12 + 'px';
    var dur   = (0.45 + Math.random() * 0.35).toFixed(2) + 's';
    var color = HOVER_COLORS[Math.floor(Math.random() * HOVER_COLORS.length)];
 
    p.className = 'htab-prt htab-prt-h';
    p.style.cssText = [
      'left:'       + (x - sz / 2) + 'px',
      'top:'        + (y - sz / 2) + 'px',
      'width:'      + sz           + 'px',
      'height:'     + sz           + 'px',
      'background:' + color,
      '--drift:'    + drift,
      '--dur:'      + dur
    ].join(';');
 
    bar.appendChild(p);
    p.addEventListener('animationend', function () { this.remove(); }, { once: true });
  }
 
  /* ─────────────────────────────────────────────────────
     CAMBIO DE PANEL
     ───────────────────────────────────────────────────── */
  function switchHTab(wrap, targetId) {
    wrap.querySelectorAll('.htab-tab').forEach(function (t) {
      t.classList.remove('active');
    });
    var activeTab = wrap.querySelector('.htab-tab[data-htab=&quot;' + targetId + '&quot;]');
    if (activeTab) activeTab.classList.add('active');
 
    wrap.querySelectorAll('.htab-panel').forEach(function (p) {
      p.classList.remove('active');
    });
    var panel = wrap.querySelector('#htab-' + targetId);
    if (panel) panel.classList.add('active');
  }
 
  /* ─────────────────────────────────────────────────────
     INICIALIZACIÓN DE CADA .htab-wrap
     ───────────────────────────────────────────────────── */
  function initHTabSelectors() {
    document.querySelectorAll('.htab-tabs').forEach(function (tabsEl) {
      var bar  = tabsEl.closest('.htab-bar');
      var wrap = tabsEl.closest('.htab-wrap');
 
      /* Click: explosión + cambio de panel */
      tabsEl.addEventListener('click', function (e) {
        var tab = e.target.closest('.htab-tab');
        if (!tab || tab.classList.contains('active')) return;
        var targetId = tab.dataset.htab;
        if (!targetId || !wrap) return;
 
        var barR = bar.getBoundingClientRect();
        spawnBurst(bar, e.clientX - barR.left, e.clientY - barR.top);
        switchHTab(wrap, targetId);
      });
 
      /* Hover: partículas flotantes por pestaña */
      tabsEl.querySelectorAll('.htab-tab').forEach(function (tab) {
        tab.addEventListener('mouseenter', function () {
          var timer = setInterval(function () {
            spawnHoverParticle(tab, bar);
          }, 105);
          hoverTimers.set(tab, timer);
        });
 
        tab.addEventListener('mouseleave', function () {
          clearInterval(hoverTimers.get(tab));
          hoverTimers.delete(tab);
        });
 
        /* Accesibilidad: teclado */
        tab.addEventListener('keydown', function (e) {
          if (e.key !== 'Enter' &amp;&amp; e.key !== ' ') return;
          e.preventDefault();
          tab.click();
        });
      });
    });
  }
 
  /* ─────────────────────────────────────────────────────
     ARRANQUE
     ───────────────────────────────────────────────────── */
  function init() {
    buildHTabBackground();
    initHTabSelectors();
  }
 
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }
 
}());</text>
      <sha1>h3mfhc64a73x59k9w5kamtgfw7l10t1</sha1>
    </revision>
    <revision>
      <id>253761</id>
      <parentid>253749</parentid>
      <timestamp>2026-05-22T21:17:15Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253761</origin>
      <model>javascript</model>
      <format>text/javascript</format>
      <text bytes="16323" sha1="bho680jyg0h40asol0opj51efsi1hp0" xml:space="preserve">document.querySelectorAll('.accordion-clicky').forEach(question =&gt; {
    question.addEventListener('click', () =&gt; {
        const id = question.dataset.aco;
        document.querySelectorAll('.accordion-content').forEach(answer =&gt; {
            answer.classList.remove('active');
        });
        const target = document.querySelector(`.accordion-content[data-aco=&quot;${id}&quot;]`);
        if (target) {
            target.classList.add('active');
        }
    });
});

document.querySelectorAll('.sp-item').forEach(function(item) {
  item.addEventListener('click', function() {
    var target = this.dataset.panel;
    document.querySelectorAll('.sp-item').forEach(function(i) { i.classList.remove('active'); });
    document.querySelectorAll('.sp-panel').forEach(function(p) { p.classList.remove('active'); });
    this.classList.add('active');
    var panel = document.getElementById('sp-' + target);
    if (panel) panel.classList.add('active');
  });
});

/* ════════════════════════════════════════════════════════
   SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE
   ════════════════════════════════════════════════════════ */

(function () {
  'use strict';
 
  /* ── Función de copia con fallback ── */
  function copiarTexto(texto, btn) {
    function feedback() {
      btn.textContent = '✓ Copiado';
      btn.classList.add('copied');
      setTimeout(function () {
        btn.textContent = btn.dataset.mode === 'example'
          ? '📋 Copiar ejemplo'
          : '📋 Copiar plantilla';
        btn.classList.remove('copied');
      }, 2200);
    }
    if (navigator.clipboard &amp;&amp; navigator.clipboard.writeText) {
      navigator.clipboard.writeText(texto).then(feedback);
    } else {
      var ta = document.createElement('textarea');
      ta.value = texto;
      ta.style.cssText = 'position:absolute;left:-9999px;top:0';
      document.body.appendChild(ta);
      ta.select();
      document.execCommand('copy');
      document.body.removeChild(ta);
      feedback();
    }
  }
 
  /* ── Construir texto de copia desde las filas ── */
  function buildTexto(nombre, filas, modo) {
    var lineas = ['{{' + nombre];
    filas.forEach(function (row) {
      var key     = (row.dataset.key     || '').trim();
      var val     = (row.dataset.val     || '').trim(); /* opciones */
      var ejemplo = (row.dataset.example || '').trim();
      if (!key) return;
      if (modo === 'example') {
        /* Bloque ejemplo: solo filas con valor de ejemplo definido */
        if (ejemplo !== '') lineas.push('|' + key + '=' + ejemplo);
      } else {
        /* Bloque sintaxis: copiar opciones si las hay, si no vacío */
        lineas.push('|' + key + '=' + val);
      }
    });
    lineas.push('}}');
    return lineas.join('\n');
  }
 
  /* ── Construir el bloque de ejemplo en el DOM ── */
  function buildEjemploCard(nombre, filas) {
    /* Verificar si hay al menos un ejemplo */
    var hayEjemplo = Array.prototype.some.call(filas, function (r) {
      return (r.dataset.example || '').trim() !== '';
    });
    if (!hayEjemplo) return null;
 
    var card = document.createElement('div');
    card.className = 'doc-simple-card doc-simple-example-card';
 
    /* Cabecera */
    var top = document.createElement('div');
    top.className = 'doc-simple-card-top';
    var label = document.createElement('span');
    label.className = 'doc-simple-card-label example-label';
    label.textContent = 'Ejemplo de uso';
    var btn = document.createElement('span');
    btn.className = 'doc-simple-copy-btn';
    btn.dataset.mode = 'example';
    btn.setAttribute('role', 'button');
    btn.setAttribute('tabindex', '0');
    btn.textContent = '📋 Copiar ejemplo';
    top.appendChild(label);
    top.appendChild(btn);
    card.appendChild(top);
 
    /* Bloque de código */
    var block = document.createElement('div');
    block.className = 'doc-simple-block';
 
    var open = document.createElement('div');
    open.className = 'doc-simple-block-open';
    open.innerHTML = '&lt;span class=&quot;doc-simple-brace&quot;&gt;{{&lt;/span&gt;'
      + '&lt;span class=&quot;doc-simple-blockname&quot;&gt;' + nombre + '&lt;/span&gt;';
    block.appendChild(open);
 
    var params = document.createElement('div');
    params.className = 'doc-simple-params';
    filas.forEach(function (row) {
      var key     = (row.dataset.key     || '').trim();
      var ejemplo = (row.dataset.example || '').trim();
      if (!key || ejemplo === '') return;
      var isReq = row.classList.contains('doc-simple-req');
      var div = document.createElement('div');
      div.className = 'doc-simple-row ' + (isReq ? 'doc-simple-req' : 'doc-simple-opt');
      div.innerHTML = '&lt;span class=&quot;doc-simple-pipe&quot;&gt;|&lt;/span&gt;'
        + '&lt;span class=&quot;doc-simple-key&quot;&gt;' + key + '&lt;/span&gt;'
        + '&lt;span class=&quot;doc-simple-eq&quot;&gt;=&lt;/span&gt;'
        + '&lt;span class=&quot;doc-simple-example-val&quot;&gt;' + ejemplo + '&lt;/span&gt;';
      params.appendChild(div);
    });
    block.appendChild(params);
 
    var close = document.createElement('div');
    close.className = 'doc-simple-block-close';
    close.innerHTML = '&lt;span class=&quot;doc-simple-brace&quot;&gt;}}&lt;/span&gt;';
    block.appendChild(close);
    card.appendChild(block);
 
    /* Evento copiar del bloque ejemplo */
    btn.addEventListener('click', function () {
      copiarTexto(buildTexto(nombre, filas, 'example'), btn);
    });
 
    return card;
  }
 
  /* ── Inicialización ── */
  function init() {
    document.querySelectorAll('.doc-simple-outer').forEach(function (wrap) {
      var nombre = (wrap.dataset.tplname || '').trim();
      var filas  = wrap.querySelectorAll('.doc-simple-row');
 
      /* Botón copiar sintaxis */
      var btnSintaxis = wrap.querySelector('.doc-simple-copy-btn[data-mode=&quot;syntax&quot;]');
      if (btnSintaxis) {
        btnSintaxis.addEventListener('click', function () {
          copiarTexto(buildTexto(nombre, filas, 'syntax'), btnSintaxis);
        });
      }
 
      /* Inyectar bloque ejemplo si procede */
      var placeholder = wrap.querySelector('.doc-simple-example-placeholder');
      if (placeholder) {
        var ejemploCard = buildEjemploCard(nombre, filas);
        if (ejemploCard) placeholder.appendChild(ejemploCard);
      }
    });
  }
 
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }
 
}());

/* ════════════════════════════════════════════════════════
   SELECTOR HORIZONTAL DE PESTAÑAS
   ════════════════════════════════════════════════════════ */

(function () {
  'use strict';
 
  /* ─────────────────────────────────────────────────────
     FONDO ANIMADO — genera las formas del marquee
     ───────────────────────────────────────────────────── */
  function buildHTabBackground() {
    document.querySelectorAll('.htab-bg-track').forEach(function (track) {
      var seq = [
        'diamond', 'circle', 'bar', 'sq', 'tri',
        'diamond', 'bar',    'circle', 'sq',
        'diamond', 'tri',    'bar',    'circle', 'diamond', 'sq'
      ];
      var html = '';
      /* Duplicar el set dos veces para que el loop sea perfecto:
         la animación mueve -50% → vuelve al punto de inicio visualmente */
      for (var rep = 0; rep &lt; 2; rep++) {
        for (var i = 0; i &lt; seq.length * 4; i++) {
          html += '&lt;span class=&quot;hs hs-' + seq[i % seq.length] + '&quot;&gt;&lt;/span&gt;';
        }
      }
      track.innerHTML = html;
    });
  }
 
  /* ─────────────────────────────────────────────────────
     PARTÍCULAS — explosión en click
     ───────────────────────────────────────────────────── */
  var BURST_COLORS = ['#EF9F27', '#fff', '#FAEEDA', '#F0997B', '#fff', '#EF9F27', '#fff'];
 
  function spawnBurst(bar, cx, cy) {
    var count = 13;
    for (var i = 0; i &lt; count; i++) {
      var p   = document.createElement('span');
      var sz  = 3 + Math.random() * 4;
      var a   = (i / count) * 360 + (Math.random() * 20 - 10);
      var d   = 20 + Math.random() * 30;
      var dur = (0.28 + Math.random() * 0.22).toFixed(2) + 's';
      /* Cada 4.ª partícula es cuadrada (aspecto destrucción) */
      var isSquare = (i % 4 === 0);
 
      p.className = 'htab-prt htab-prt-b';
      p.style.cssText = [
        'left:'       + (cx - sz / 2)                    + 'px',
        'top:'        + (cy - sz / 2)                    + 'px',
        'width:'      + sz                               + 'px',
        'height:'     + sz                               + 'px',
        'background:' + BURST_COLORS[i % BURST_COLORS.length],
        '--a:'        + a.toFixed(1)                     + 'deg',
        '--d:'        + d.toFixed(1)                     + 'px',
        '--dur:'      + dur,
        isSquare ? 'border-radius:2px' : ''
      ].filter(Boolean).join(';');
 
      bar.appendChild(p);
      p.addEventListener('animationend', function () { this.remove(); }, { once: true });
    }
  }
 
  /* ─────────────────────────────────────────────────────
     PARTÍCULAS — flotantes en hover
     ───────────────────────────────────────────────────── */
  var HOVER_COLORS = [
    'rgba(255,255,255,0.85)',
    'rgba(239,159,39,0.90)',
    'rgba(250,238,218,0.90)',
    'rgba(255,255,255,0.70)'
  ];
  var hoverTimers = new Map();
 
  function spawnHoverParticle(btn, bar) {
    var br   = btn.getBoundingClientRect();
    var barR = bar.getBoundingClientRect();
    var x    = br.left - barR.left + Math.random() * br.width;
    var y    = br.top  - barR.top  + br.height * 0.4 + Math.random() * br.height * 0.3;
    var p    = document.createElement('span');
    var sz   = 2 + Math.random() * 3;
    var drift = (Math.random() - 0.5) * 12 + 'px';
    var dur   = (0.45 + Math.random() * 0.35).toFixed(2) + 's';
    var color = HOVER_COLORS[Math.floor(Math.random() * HOVER_COLORS.length)];
 
    p.className = 'htab-prt htab-prt-h';
    p.style.cssText = [
      'left:'       + (x - sz / 2) + 'px',
      'top:'        + (y - sz / 2) + 'px',
      'width:'      + sz           + 'px',
      'height:'     + sz           + 'px',
      'background:' + color,
      '--drift:'    + drift,
      '--dur:'      + dur
    ].join(';');
 
    bar.appendChild(p);
    p.addEventListener('animationend', function () { this.remove(); }, { once: true });
  }
 
  /* ─────────────────────────────────────────────────────
     CAMBIO DE PANEL
     ───────────────────────────────────────────────────── */
  function switchHTab(wrap, targetId) {
    wrap.querySelectorAll('.htab-tab').forEach(function (t) {
      t.classList.remove('active');
    });
    var activeTab = wrap.querySelector('.htab-tab[data-htab=&quot;' + targetId + '&quot;]');
    if (activeTab) activeTab.classList.add('active');
 
    wrap.querySelectorAll('.htab-panel').forEach(function (p) {
      p.classList.remove('active');
    });
    var panel = wrap.querySelector('#htab-' + targetId);
    if (panel) panel.classList.add('active');
  }
 
  /* ─────────────────────────────────────────────────────
     INICIALIZACIÓN DE CADA .htab-wrap
     ───────────────────────────────────────────────────── */
  function initHTabSelectors() {
    document.querySelectorAll('.htab-tabs').forEach(function (tabsEl) {
      var bar  = tabsEl.closest('.htab-bar');
      var wrap = tabsEl.closest('.htab-wrap');
 
      /* Click: explosión + cambio de panel */
      tabsEl.addEventListener('click', function (e) {
        var tab = e.target.closest('.htab-tab');
        if (!tab || tab.classList.contains('active')) return;
        var targetId = tab.dataset.htab;
        if (!targetId || !wrap) return;
 
        var barR = bar.getBoundingClientRect();
        spawnBurst(bar, e.clientX - barR.left, e.clientY - barR.top);
        switchHTab(wrap, targetId);
      });
 
      /* Hover: partículas flotantes por pestaña */
      tabsEl.querySelectorAll('.htab-tab').forEach(function (tab) {
        tab.addEventListener('mouseenter', function () {
          var timer = setInterval(function () {
            spawnHoverParticle(tab, bar);
          }, 105);
          hoverTimers.set(tab, timer);
        });
 
        tab.addEventListener('mouseleave', function () {
          clearInterval(hoverTimers.get(tab));
          hoverTimers.delete(tab);
        });
 
        /* Accesibilidad: teclado */
        tab.addEventListener('keydown', function (e) {
          if (e.key !== 'Enter' &amp;&amp; e.key !== ' ') return;
          e.preventDefault();
          tab.click();
        });
      });
    });
  }
 
  /* ─────────────────────────────────────────────────────
     ARRANQUE
     ───────────────────────────────────────────────────── */
  function init() {
    buildHTabBackground();
    initHTabSelectors();
  }
 
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }
 
}());

/* ════════════════════════════════
   DocCopiar
   ════════════════════════════════ */
(function () {
  'use strict';

  function initWvCopiar() {
    document.querySelectorAll('.doc-copiar-wrap').forEach(function (wrap) {
      var btn = wrap.querySelector('.doc-copiar-btn');
      var pre = wrap.querySelector('.doc-copiar-pre');
      if (!btn || !pre) return;

      btn.addEventListener('click', function () {
        /* textContent sobre &lt;pre&gt; preserva saltos de línea,
           espacios e indentaciones exactamente como aparecen */
        var texto = pre.textContent;

        function feedback() {
          btn.textContent = '✓ Copiado';
          btn.classList.add('copied');
          setTimeout(function () {
            btn.textContent = '📋 Copiar';
            btn.classList.remove('copied');
          }, 2200);
        }

        if (navigator.clipboard &amp;&amp; navigator.clipboard.writeText) {
          navigator.clipboard.writeText(texto).then(feedback);
        } else {
          var ta = document.createElement('textarea');
          ta.value = texto;
          ta.style.cssText = 'position:absolute;left:-9999px;top:0';
          document.body.appendChild(ta);
          ta.select();
          document.execCommand('copy');
          document.body.removeChild(ta);
          feedback();
        }
      });

      btn.addEventListener('keydown', function (e) {
        if (e.key === 'Enter' || e.key === ' ') {
          e.preventDefault();
          btn.click();
        }
      });
    });
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initWvCopiar);
  } else {
    initWvCopiar();
  }
}());</text>
      <sha1>bho680jyg0h40asol0opj51efsi1hp0</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Banner images responsive</title>
    <ns>10</ns>
    <id>18397</id>
    <revision>
      <id>253776</id>
      <parentid>253386</parentid>
      <timestamp>2026-05-23T01:34:56Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253776</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1268" sha1="foaephej9rowog5bffnre3b4zfybc5c" xml:space="preserve">&lt;div class=&quot;config-general banner-images-banner&quot;&gt;
&lt;div class=&quot;banner-images-slot&quot;&gt;[[Archivo:{{{img1|Delicious Street Food - 2.jpg}}}|300px|frameless|link=|alt=Destino 1]]&lt;/div&gt;
&lt;div class=&quot;banner-images-slot&quot;&gt;[[Archivo:{{{img2|Sinulog Festival (2023) contingents in street dance 05.jpg}}}|300px|frameless|link=|alt=Destino 2]]&lt;/div&gt;
&lt;div class=&quot;banner-images-slot&quot;&gt;[[Archivo:{{{img3|Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}}}|300px|frameless|link=|alt=Destino 3]]&lt;/div&gt;
&lt;div class=&quot;banner-images-slot&quot;&gt;[[Archivo:{{{img4|Jennie Milton Uçurtma Kayağı.jpg}}}|300px|frameless|link=|alt=Destino 4]]&lt;/div&gt;
&lt;div class=&quot;banner-images-slot&quot;&gt;[[Archivo:{{{img5|Colorful autumn forest.jpg}}}|300px|frameless|link=|alt=Destino 5]]&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{DocSimple
|nombre=Banner images responsive
|desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio.
|params=
{{DocParam|img1|req||Delicious Street Food - 2.jpg}}
{{DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}}
{{DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}}
{{DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}}
{{DocParam|img5|req||Colorful autumn forest.jpg}}
}}
&lt;/noinclude&gt;</text>
      <sha1>foaephej9rowog5bffnre3b4zfybc5c</sha1>
    </revision>
    <revision>
      <id>253777</id>
      <parentid>253776</parentid>
      <timestamp>2026-05-23T01:35:12Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <minor />
      <comment>Jsmura trasladó la página [[Usuario:Jsmura/Banner images responsive]] a [[Plantilla:Banner images responsive]]</comment>
      <origin>253776</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1268" sha1="foaephej9rowog5bffnre3b4zfybc5c" xml:space="preserve">&lt;div class=&quot;config-general banner-images-banner&quot;&gt;
&lt;div class=&quot;banner-images-slot&quot;&gt;[[Archivo:{{{img1|Delicious Street Food - 2.jpg}}}|300px|frameless|link=|alt=Destino 1]]&lt;/div&gt;
&lt;div class=&quot;banner-images-slot&quot;&gt;[[Archivo:{{{img2|Sinulog Festival (2023) contingents in street dance 05.jpg}}}|300px|frameless|link=|alt=Destino 2]]&lt;/div&gt;
&lt;div class=&quot;banner-images-slot&quot;&gt;[[Archivo:{{{img3|Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}}}|300px|frameless|link=|alt=Destino 3]]&lt;/div&gt;
&lt;div class=&quot;banner-images-slot&quot;&gt;[[Archivo:{{{img4|Jennie Milton Uçurtma Kayağı.jpg}}}|300px|frameless|link=|alt=Destino 4]]&lt;/div&gt;
&lt;div class=&quot;banner-images-slot&quot;&gt;[[Archivo:{{{img5|Colorful autumn forest.jpg}}}|300px|frameless|link=|alt=Destino 5]]&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{DocSimple
|nombre=Banner images responsive
|desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio.
|params=
{{DocParam|img1|req||Delicious Street Food - 2.jpg}}
{{DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}}
{{DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}}
{{DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}}
{{DocParam|img5|req||Colorful autumn forest.jpg}}
}}
&lt;/noinclude&gt;</text>
      <sha1>foaephej9rowog5bffnre3b4zfybc5c</sha1>
    </revision>
    <revision>
      <id>253781</id>
      <parentid>253777</parentid>
      <timestamp>2026-05-23T01:36:17Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253781</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="819" sha1="crlsd4ab4zx2pwlgbmltqhgebdxmifd" xml:space="preserve">&lt;div class=&quot;config-general banner-images-banner&quot;&gt;
&lt;div class=&quot;banner-images-slot&quot;&gt;[[Archivo:{{{img1|Delicious Street Food - 2.jpg}}}|300px|frameless|link=|alt=Destino 1]]&lt;/div&gt;
&lt;div class=&quot;banner-images-slot&quot;&gt;[[Archivo:{{{img2|Sinulog Festival (2023) contingents in street dance 05.jpg}}}|300px|frameless|link=|alt=Destino 2]]&lt;/div&gt;
&lt;div class=&quot;banner-images-slot&quot;&gt;[[Archivo:{{{img3|Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}}}|300px|frameless|link=|alt=Destino 3]]&lt;/div&gt;
&lt;div class=&quot;banner-images-slot&quot;&gt;[[Archivo:{{{img4|Jennie Milton Uçurtma Kayağı.jpg}}}|300px|frameless|link=|alt=Destino 4]]&lt;/div&gt;
&lt;div class=&quot;banner-images-slot&quot;&gt;[[Archivo:{{{img5|Colorful autumn forest.jpg}}}|300px|frameless|link=|alt=Destino 5]]&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{Banner images responsive/doc}}&lt;/noinclude&gt;</text>
      <sha1>crlsd4ab4zx2pwlgbmltqhgebdxmifd</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Header awesome</title>
    <ns>10</ns>
    <id>18398</id>
    <revision>
      <id>253796</id>
      <parentid>253380</parentid>
      <timestamp>2026-05-23T01:58:40Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253796</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="770" sha1="h156r0bbk05x4x2jcdmhh6xp7oreaal" xml:space="preserve">&lt;div class=&quot;config-general title-awesome&quot;&gt;{{#if:{{{icon|}}}|&lt;div class=&quot;title-awesome-icon&quot; style=&quot;background:{{{icon bg|#FCEBEB}}};&quot;&gt;{{{icon}}}&lt;/div&gt;}}
{{#switch:{{{nivel|1}}}|1=&lt;h1&gt;|2=&lt;h2&gt;|3=&lt;h3&gt;|4=&lt;h4&gt;|5=&lt;h5&gt;|#default=&lt;h1&gt;}}
{{{title|Normas esenciales antes de empezar}}}
{{#switch:{{{nivel|1}}}|1=&lt;/h1&gt;|2=&lt;/h2&gt;|3=&lt;/h3&gt;|4=&lt;/h4&gt;|5=&lt;/h5&gt;|#default=&lt;/h1&gt;}}
&lt;div class=&quot;title-awesome-line&quot;&gt;&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{DocSimple
|nombre=Header awesome
|desc=Header bonito.
|nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc.
|params=
{{DocParam|title|req||Normas esenciales antes de empezar}}
{{DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}}
{{DocParam|icon|opt||📋}}
{{DocParam|icon bg|opt||#FCEBEB}}
}}&lt;/noinclude&gt;</text>
      <sha1>h156r0bbk05x4x2jcdmhh6xp7oreaal</sha1>
    </revision>
    <revision>
      <id>253797</id>
      <parentid>253796</parentid>
      <timestamp>2026-05-23T01:58:56Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <minor />
      <comment>Jsmura trasladó la página [[Usuario:Jsmura/Header awesome]] a [[Plantilla:Header awesome]]</comment>
      <origin>253796</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="770" sha1="h156r0bbk05x4x2jcdmhh6xp7oreaal" xml:space="preserve">&lt;div class=&quot;config-general title-awesome&quot;&gt;{{#if:{{{icon|}}}|&lt;div class=&quot;title-awesome-icon&quot; style=&quot;background:{{{icon bg|#FCEBEB}}};&quot;&gt;{{{icon}}}&lt;/div&gt;}}
{{#switch:{{{nivel|1}}}|1=&lt;h1&gt;|2=&lt;h2&gt;|3=&lt;h3&gt;|4=&lt;h4&gt;|5=&lt;h5&gt;|#default=&lt;h1&gt;}}
{{{title|Normas esenciales antes de empezar}}}
{{#switch:{{{nivel|1}}}|1=&lt;/h1&gt;|2=&lt;/h2&gt;|3=&lt;/h3&gt;|4=&lt;/h4&gt;|5=&lt;/h5&gt;|#default=&lt;/h1&gt;}}
&lt;div class=&quot;title-awesome-line&quot;&gt;&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{DocSimple
|nombre=Header awesome
|desc=Header bonito.
|nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc.
|params=
{{DocParam|title|req||Normas esenciales antes de empezar}}
{{DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}}
{{DocParam|icon|opt||📋}}
{{DocParam|icon bg|opt||#FCEBEB}}
}}&lt;/noinclude&gt;</text>
      <sha1>h156r0bbk05x4x2jcdmhh6xp7oreaal</sha1>
    </revision>
    <revision>
      <id>253802</id>
      <parentid>253797</parentid>
      <timestamp>2026-05-23T02:01:42Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253802</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="449" sha1="2mn7vhe8i40ppef1fvjr133qisq1a1e" xml:space="preserve">&lt;div class=&quot;config-general header-awesome&quot;&gt;{{#if:{{{icon|}}}|&lt;div class=&quot;header-awesome-icon&quot; style=&quot;background:{{{icon bg|#FCEBEB}}};&quot;&gt;{{{icon}}}&lt;/div&gt;}}
{{#switch:{{{nivel|1}}}|1=&lt;h1&gt;|2=&lt;h2&gt;|3=&lt;h3&gt;|4=&lt;h4&gt;|5=&lt;h5&gt;|#default=&lt;h1&gt;}}
{{{title|Normas esenciales antes de empezar}}}
{{#switch:{{{nivel|1}}}|1=&lt;/h1&gt;|2=&lt;/h2&gt;|3=&lt;/h3&gt;|4=&lt;/h4&gt;|5=&lt;/h5&gt;|#default=&lt;/h1&gt;}}
&lt;div class=&quot;header-awesome-line&quot;&gt;&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{Header awesome/doc}}&lt;/noinclude&gt;</text>
      <sha1>2mn7vhe8i40ppef1fvjr133qisq1a1e</sha1>
    </revision>
    <revision>
      <id>253808</id>
      <parentid>253802</parentid>
      <timestamp>2026-05-23T02:12:51Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253808</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="462" sha1="kr1jx4dfgpxv6qx1b23v72zutrk7km3" xml:space="preserve">&lt;div class=&quot;config-general header-awesome&quot;&gt;{{#if:{{{icon|}}}|&lt;div class=&quot;header-awesome-icon&quot; style=&quot;background:{{{icon bg|{{Color Sable|rosa}}}}};&quot;&gt;{{{icon}}}&lt;/div&gt;}}
{{#switch:{{{nivel|1}}}|1=&lt;h1&gt;|2=&lt;h2&gt;|3=&lt;h3&gt;|4=&lt;h4&gt;|5=&lt;h5&gt;|#default=&lt;h1&gt;}}
{{{title|Normas esenciales antes de empezar}}}
{{#switch:{{{nivel|1}}}|1=&lt;/h1&gt;|2=&lt;/h2&gt;|3=&lt;/h3&gt;|4=&lt;/h4&gt;|5=&lt;/h5&gt;|#default=&lt;/h1&gt;}}
&lt;div class=&quot;header-awesome-line&quot;&gt;&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{Header awesome/doc}}&lt;/noinclude&gt;</text>
      <sha1>kr1jx4dfgpxv6qx1b23v72zutrk7km3</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Callout responsive</title>
    <ns>10</ns>
    <id>18400</id>
    <revision>
      <id>253785</id>
      <parentid>253381</parentid>
      <timestamp>2026-05-23T01:44:28Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253785</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1253" sha1="f4inmmnipebp77sk7t26dg4ss8u68kg" xml:space="preserve">&lt;div class=&quot;config-general callout-sable callout-sable-co-{{{type|info}}}&quot; &gt;
&lt;div class=&quot;callout-sable-mascot&quot;&gt;[[Archivo:{{{img|Wiki Sable Chibi Map.png}}}|link=|alt=]]&lt;/div&gt;
&lt;div class=&quot;wvas-norma-content&quot;&gt;
&lt;div class=&quot;callout-sable-title&quot;&gt;{{{title|ℹ️ Elige el tipo antes de crear tu artículo}}}&lt;/div&gt;
&lt;div class=&quot;callout-sable-body&quot;&gt;{{{content|Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}}}&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{DocSimple
|nombre=Callout responsive
|desc=Recuadro vistozo para resaltar información importante.
|params=
{{DocParam|type|req|error / warn / tip /info / purple|info}}
{{DocParam|img|req||Wiki Sable Chibi Map.png}}
{{DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}}
{{DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}}
}}&lt;/noinclude&gt;</text>
      <sha1>f4inmmnipebp77sk7t26dg4ss8u68kg</sha1>
    </revision>
    <revision>
      <id>253786</id>
      <parentid>253785</parentid>
      <timestamp>2026-05-23T01:44:40Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <minor />
      <comment>Jsmura trasladó la página [[Usuario:Jsmura/Callout responsive]] a [[Plantilla:Callout responsive]]</comment>
      <origin>253785</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1253" sha1="f4inmmnipebp77sk7t26dg4ss8u68kg" xml:space="preserve">&lt;div class=&quot;config-general callout-sable callout-sable-co-{{{type|info}}}&quot; &gt;
&lt;div class=&quot;callout-sable-mascot&quot;&gt;[[Archivo:{{{img|Wiki Sable Chibi Map.png}}}|link=|alt=]]&lt;/div&gt;
&lt;div class=&quot;wvas-norma-content&quot;&gt;
&lt;div class=&quot;callout-sable-title&quot;&gt;{{{title|ℹ️ Elige el tipo antes de crear tu artículo}}}&lt;/div&gt;
&lt;div class=&quot;callout-sable-body&quot;&gt;{{{content|Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}}}&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{DocSimple
|nombre=Callout responsive
|desc=Recuadro vistozo para resaltar información importante.
|params=
{{DocParam|type|req|error / warn / tip /info / purple|info}}
{{DocParam|img|req||Wiki Sable Chibi Map.png}}
{{DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}}
{{DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}}
}}&lt;/noinclude&gt;</text>
      <sha1>f4inmmnipebp77sk7t26dg4ss8u68kg</sha1>
    </revision>
    <revision>
      <id>253790</id>
      <parentid>253786</parentid>
      <timestamp>2026-05-23T01:45:50Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253790</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="691" sha1="o0jgbyqyl8cr1mrq61qa1bxy580smci" xml:space="preserve">&lt;div class=&quot;config-general callout-sable callout-sable-co-{{{type|info}}}&quot; &gt;
&lt;div class=&quot;callout-sable-mascot&quot;&gt;[[Archivo:{{{img|Wiki Sable Chibi Map.png}}}|link=|alt=]]&lt;/div&gt;
&lt;div class=&quot;wvas-norma-content&quot;&gt;
&lt;div class=&quot;callout-sable-title&quot;&gt;{{{title|ℹ️ Elige el tipo antes de crear tu artículo}}}&lt;/div&gt;
&lt;div class=&quot;callout-sable-body&quot;&gt;{{{content|Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}}}&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{Callout responsive/doc}}&lt;/noinclude&gt;</text>
      <sha1>o0jgbyqyl8cr1mrq61qa1bxy580smci</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Create article responsive</title>
    <ns>10</ns>
    <id>18402</id>
    <revision>
      <id>253828</id>
      <parentid>253384</parentid>
      <timestamp>2026-05-23T03:00:49Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253828</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1342" sha1="rkn6j7i4v82a9rhqsuwv352t701ad4m" xml:space="preserve">&lt;div class=&quot;config-general create-article&quot;&gt;
&lt;div class=&quot;create-article-mascot&quot;&gt;[[Archivo:{{{img|Wiki Sable Chibi Bus Parade.png}}}|link=|alt=]]&lt;/div&gt;
&lt;div class=&quot;create-article-title&quot;&gt;{{{title|¡Crea tu artículo de Destino!}}}&lt;/div&gt;
&lt;p&gt;{{{content|Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto:&lt;br/&gt;[[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}}}&lt;/p&gt;
{{Buscador
|tipo       = Creación
|estilo     = font-size:90%; font-style:italic; font-weight:normal; text-align:left;
|precarga   = Plantilla:Asistente para la creación de artículos/{{{precarga}}}
|editintro  = Plantilla:Asistente para la creación de artículos/{{{editintro}}}
|etiqueta1  = Crear artículo nuevo
|mensaje    = Ingresa el nombre de tu artículo nuevo aquí
|resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]]
}}
&lt;/div&gt;&lt;noinclude&gt;{{DocSimple
|nombre=Create article responsive
|desc=Recuadro para crear un artículo.
|params=
{{DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{DocParam|title|req||¡Crea tu artículo de Destino!}}
{{DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}}
}}&lt;/noinclude&gt;</text>
      <sha1>rkn6j7i4v82a9rhqsuwv352t701ad4m</sha1>
    </revision>
    <revision>
      <id>253829</id>
      <parentid>253828</parentid>
      <timestamp>2026-05-23T03:01:02Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <minor />
      <comment>Jsmura trasladó la página [[Usuario:Jsmura/Create article responsive]] a [[Plantilla:Create article responsive]]</comment>
      <origin>253828</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1342" sha1="rkn6j7i4v82a9rhqsuwv352t701ad4m" xml:space="preserve">&lt;div class=&quot;config-general create-article&quot;&gt;
&lt;div class=&quot;create-article-mascot&quot;&gt;[[Archivo:{{{img|Wiki Sable Chibi Bus Parade.png}}}|link=|alt=]]&lt;/div&gt;
&lt;div class=&quot;create-article-title&quot;&gt;{{{title|¡Crea tu artículo de Destino!}}}&lt;/div&gt;
&lt;p&gt;{{{content|Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto:&lt;br/&gt;[[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}}}&lt;/p&gt;
{{Buscador
|tipo       = Creación
|estilo     = font-size:90%; font-style:italic; font-weight:normal; text-align:left;
|precarga   = Plantilla:Asistente para la creación de artículos/{{{precarga}}}
|editintro  = Plantilla:Asistente para la creación de artículos/{{{editintro}}}
|etiqueta1  = Crear artículo nuevo
|mensaje    = Ingresa el nombre de tu artículo nuevo aquí
|resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]]
}}
&lt;/div&gt;&lt;noinclude&gt;{{DocSimple
|nombre=Create article responsive
|desc=Recuadro para crear un artículo.
|params=
{{DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{DocParam|title|req||¡Crea tu artículo de Destino!}}
{{DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}}
}}&lt;/noinclude&gt;</text>
      <sha1>rkn6j7i4v82a9rhqsuwv352t701ad4m</sha1>
    </revision>
    <revision>
      <id>253833</id>
      <parentid>253829</parentid>
      <timestamp>2026-05-23T03:01:47Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253833</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="963" sha1="h4cge67uq3jt9t2ka0acmsitvs1p5mx" xml:space="preserve">&lt;div class=&quot;config-general create-article&quot;&gt;
&lt;div class=&quot;create-article-mascot&quot;&gt;[[Archivo:{{{img|Wiki Sable Chibi Bus Parade.png}}}|link=|alt=]]&lt;/div&gt;
&lt;div class=&quot;create-article-title&quot;&gt;{{{title|¡Crea tu artículo de Destino!}}}&lt;/div&gt;
&lt;p&gt;{{{content|Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto:&lt;br/&gt;[[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}}}&lt;/p&gt;
{{Buscador
|tipo       = Creación
|estilo     = font-size:90%; font-style:italic; font-weight:normal; text-align:left;
|precarga   = Plantilla:Asistente para la creación de artículos/{{{precarga}}}
|editintro  = Plantilla:Asistente para la creación de artículos/{{{editintro}}}
|etiqueta1  = Crear artículo nuevo
|mensaje    = Ingresa el nombre de tu artículo nuevo aquí
|resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]]
}}
&lt;/div&gt;&lt;noinclude&gt;{{Create article responsive/doc}}&lt;/noinclude&gt;</text>
      <sha1>h4cge67uq3jt9t2ka0acmsitvs1p5mx</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Checklist 2 cols responsive</title>
    <ns>10</ns>
    <id>18403</id>
    <revision>
      <id>253820</id>
      <parentid>253383</parentid>
      <timestamp>2026-05-23T02:50:23Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253820</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1464" sha1="iug85fejy32gpqggtupiwv2yda7hcup" xml:space="preserve">&lt;div class=&quot;config-general checklist-two-box&quot;&gt;
&lt;div class=&quot;checklist-two-header&quot;&gt;[[Archivo:{{{img|Wikivoyage-logo.svg}}}|link=|alt=]]
&lt;h3&gt;{{{title|Artículos aceptables e inaceptables en Wikiviajes}}}&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;checklist-two-cols&quot;&gt;

&lt;div class=&quot;checklist-two-col-ok&quot;&gt;
&lt;div class=&quot;checklist-two-col-title&quot;&gt;{{{ok title|✅ Aceptables}}}&lt;/div&gt;
&lt;ul class=&quot;checklist-two-list&quot;&gt;
{{{ok list|
* item 1
* item 2}}}
&lt;/ul&gt;
&lt;/div&gt;

&lt;div class=&quot;checklist-two-col-bad&quot;&gt;
&lt;div class=&quot;checklist-two-col-title&quot;&gt;{{{bad title|🚫 Inaceptables}}}&lt;/div&gt;
&lt;ul class=&quot;checklist-two-list&quot;&gt;
{{{bad list|
* item 1
* item 2}}}
&lt;/ul&gt;
&lt;/div&gt;

&lt;/div&gt;
{{#if:{{{note title|}}}
|&lt;div class=&quot;checklist-two-nota&quot;&gt;&lt;strong&gt;{{{note title|Ten en cuenta también que Wikiviajes no es:}}}&lt;/strong&gt;
&lt;ul&gt;
{{{note list|
* item 1
* item 2}}}
&lt;/ul&gt;
&lt;/div&gt;}}
&lt;/div&gt;&lt;noinclude&gt;{{DocSintaxis
|nombre=Checklist 2 cols responsive
|desc=Doble lista para comprobaciones de ítems buenos y malos.
|notas=* Puedes colocar tantos items (* item) como desees.
|params=
{{DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}}
{{DocParam|ok title|req||✅ Aceptables}}
{{DocParam|ok list|req||* item 1 * item 2}}
{{DocParam|bad title|req||🚫 Inaceptables}}
{{DocParam|bad list|req||* item 1 * item 2}}
{{DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}}
{{DocParam|note list|opt||* item 1 * item 2}}
}}&lt;/noinclude&gt;</text>
      <sha1>iug85fejy32gpqggtupiwv2yda7hcup</sha1>
    </revision>
    <revision>
      <id>253821</id>
      <parentid>253820</parentid>
      <timestamp>2026-05-23T02:50:33Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <minor />
      <comment>Jsmura trasladó la página [[Usuario:Jsmura/Checklist 2 cols responsive]] a [[Plantilla:Checklist 2 cols responsive]]</comment>
      <origin>253820</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1464" sha1="iug85fejy32gpqggtupiwv2yda7hcup" xml:space="preserve">&lt;div class=&quot;config-general checklist-two-box&quot;&gt;
&lt;div class=&quot;checklist-two-header&quot;&gt;[[Archivo:{{{img|Wikivoyage-logo.svg}}}|link=|alt=]]
&lt;h3&gt;{{{title|Artículos aceptables e inaceptables en Wikiviajes}}}&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;checklist-two-cols&quot;&gt;

&lt;div class=&quot;checklist-two-col-ok&quot;&gt;
&lt;div class=&quot;checklist-two-col-title&quot;&gt;{{{ok title|✅ Aceptables}}}&lt;/div&gt;
&lt;ul class=&quot;checklist-two-list&quot;&gt;
{{{ok list|
* item 1
* item 2}}}
&lt;/ul&gt;
&lt;/div&gt;

&lt;div class=&quot;checklist-two-col-bad&quot;&gt;
&lt;div class=&quot;checklist-two-col-title&quot;&gt;{{{bad title|🚫 Inaceptables}}}&lt;/div&gt;
&lt;ul class=&quot;checklist-two-list&quot;&gt;
{{{bad list|
* item 1
* item 2}}}
&lt;/ul&gt;
&lt;/div&gt;

&lt;/div&gt;
{{#if:{{{note title|}}}
|&lt;div class=&quot;checklist-two-nota&quot;&gt;&lt;strong&gt;{{{note title|Ten en cuenta también que Wikiviajes no es:}}}&lt;/strong&gt;
&lt;ul&gt;
{{{note list|
* item 1
* item 2}}}
&lt;/ul&gt;
&lt;/div&gt;}}
&lt;/div&gt;&lt;noinclude&gt;{{DocSintaxis
|nombre=Checklist 2 cols responsive
|desc=Doble lista para comprobaciones de ítems buenos y malos.
|notas=* Puedes colocar tantos items (* item) como desees.
|params=
{{DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}}
{{DocParam|ok title|req||✅ Aceptables}}
{{DocParam|ok list|req||* item 1 * item 2}}
{{DocParam|bad title|req||🚫 Inaceptables}}
{{DocParam|bad list|req||* item 1 * item 2}}
{{DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}}
{{DocParam|note list|opt||* item 1 * item 2}}
}}&lt;/noinclude&gt;</text>
      <sha1>iug85fejy32gpqggtupiwv2yda7hcup</sha1>
    </revision>
    <revision>
      <id>253825</id>
      <parentid>253821</parentid>
      <timestamp>2026-05-23T02:51:25Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253825</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="889" sha1="8042x8a61484toixffoyl8m7ebo6db5" xml:space="preserve">&lt;div class=&quot;config-general checklist-two-box&quot;&gt;
&lt;div class=&quot;checklist-two-header&quot;&gt;[[Archivo:{{{img|Wikivoyage-logo.svg}}}|link=|alt=]]
&lt;h3&gt;{{{title|Artículos aceptables e inaceptables en Wikiviajes}}}&lt;/h3&gt;
&lt;/div&gt;
&lt;div class=&quot;checklist-two-cols&quot;&gt;

&lt;div class=&quot;checklist-two-col-ok&quot;&gt;
&lt;div class=&quot;checklist-two-col-title&quot;&gt;{{{ok title|✅ Aceptables}}}&lt;/div&gt;
&lt;ul class=&quot;checklist-two-list&quot;&gt;
{{{ok list|
* item 1
* item 2}}}
&lt;/ul&gt;
&lt;/div&gt;

&lt;div class=&quot;checklist-two-col-bad&quot;&gt;
&lt;div class=&quot;checklist-two-col-title&quot;&gt;{{{bad title|🚫 Inaceptables}}}&lt;/div&gt;
&lt;ul class=&quot;checklist-two-list&quot;&gt;
{{{bad list|
* item 1
* item 2}}}
&lt;/ul&gt;
&lt;/div&gt;

&lt;/div&gt;
{{#if:{{{note title|}}}
|&lt;div class=&quot;checklist-two-nota&quot;&gt;&lt;strong&gt;{{{note title|Ten en cuenta también que Wikiviajes no es:}}}&lt;/strong&gt;
&lt;ul&gt;
{{{note list|
* item 1
* item 2}}}
&lt;/ul&gt;
&lt;/div&gt;}}
&lt;/div&gt;&lt;noinclude&gt;{{Checklist 2 cols responsive/doc}}&lt;/noinclude&gt;</text>
      <sha1>8042x8a61484toixffoyl8m7ebo6db5</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Checklist responsive</title>
    <ns>10</ns>
    <id>18404</id>
    <revision>
      <id>253811</id>
      <parentid>253382</parentid>
      <timestamp>2026-05-23T02:42:28Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253811</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="632" sha1="93jo0petjjucxnboh7fas0ozuceert3" xml:space="preserve">&lt;div class=&quot;config-general checklist-re&quot;&gt;
&lt;div class=&quot;checklist-re-header&quot;&gt;[[Archivo:{{{img|Wikivoyage-logo.svg}}}|link=|alt=]]
&lt;div class=&quot;checklist-re-header-title&quot;&gt;{{{title|¿Listo/a para publicar? Verifica estos 10 puntos}}}&lt;/div&gt;
&lt;/div&gt;
&lt;ul class=&quot;checklist-re-list&quot;&gt;
{{{list|
* item 1
* item 2}}}
&lt;/ul&gt;
&lt;/div&gt;&lt;noinclude&gt;{{DocSimple
|nombre=Checklist responsive
|desc=Lista de ítems a considerar.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}}
{{Usuario:Jsmura/DocParam|content|req|
|* item 1
* item 2}}
}}&lt;/noinclude&gt;</text>
      <sha1>93jo0petjjucxnboh7fas0ozuceert3</sha1>
    </revision>
    <revision>
      <id>253812</id>
      <parentid>253811</parentid>
      <timestamp>2026-05-23T02:42:40Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <minor />
      <comment>Jsmura trasladó la página [[Usuario:Jsmura/Checklist responsive]] a [[Plantilla:Checklist responsive]]</comment>
      <origin>253811</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="632" sha1="93jo0petjjucxnboh7fas0ozuceert3" xml:space="preserve">&lt;div class=&quot;config-general checklist-re&quot;&gt;
&lt;div class=&quot;checklist-re-header&quot;&gt;[[Archivo:{{{img|Wikivoyage-logo.svg}}}|link=|alt=]]
&lt;div class=&quot;checklist-re-header-title&quot;&gt;{{{title|¿Listo/a para publicar? Verifica estos 10 puntos}}}&lt;/div&gt;
&lt;/div&gt;
&lt;ul class=&quot;checklist-re-list&quot;&gt;
{{{list|
* item 1
* item 2}}}
&lt;/ul&gt;
&lt;/div&gt;&lt;noinclude&gt;{{DocSimple
|nombre=Checklist responsive
|desc=Lista de ítems a considerar.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}}
{{Usuario:Jsmura/DocParam|content|req|
|* item 1
* item 2}}
}}&lt;/noinclude&gt;</text>
      <sha1>93jo0petjjucxnboh7fas0ozuceert3</sha1>
    </revision>
    <revision>
      <id>253817</id>
      <parentid>253812</parentid>
      <timestamp>2026-05-23T02:44:10Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253817</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="366" sha1="k4cdrmepy8gym6ghsziaepg3uiv7s53" xml:space="preserve">&lt;div class=&quot;config-general checklist-re&quot;&gt;
&lt;div class=&quot;checklist-re-header&quot;&gt;[[Archivo:{{{img|Wikivoyage-logo.svg}}}|link=|alt=]]
&lt;div class=&quot;checklist-re-header-title&quot;&gt;{{{title|¿Listo/a para publicar? Verifica estos 10 puntos}}}&lt;/div&gt;
&lt;/div&gt;
&lt;ul class=&quot;checklist-re-list&quot;&gt;
{{{list|
* item 1
* item 2}}}
&lt;/ul&gt;
&lt;/div&gt;&lt;noinclude&gt;{{Checklist responsive/doc}}&lt;/noinclude&gt;</text>
      <sha1>k4cdrmepy8gym6ghsziaepg3uiv7s53</sha1>
    </revision>
  </page>
  <page>
    <title>Ayuda:Framework para el diseño de páginas</title>
    <ns>12</ns>
    <id>18406</id>
    <revision>
      <id>253735</id>
      <parentid>253684</parentid>
      <timestamp>2026-05-22T18:35:46Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253735</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="28885" sha1="6yt7gmj6kh1qsoj7sw6i5v2qox8g8jn" xml:space="preserve">Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive.

= Recursos generales =

{{Usuario:Jsmura/Selector horizontal responsive
|butonera=
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid1|activo=sí|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;de ancho completo}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;parciales}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;de columnas}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid4|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;texto inline}}

|main content=
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid1|activo=sí|content=
A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los &lt;nowiki&gt;= Título =&lt;/nowiki&gt;}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}}

|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content=
{{Usuario:Jsmura/Hero responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Hero responsive
|desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}}
{{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}}
{{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}}
{{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id2|content=
{{Usuario:Jsmura/Banner images responsive
|img1=Delicious Street Food - 2.jpg
|img2=Sinulog Festival (2023) contingents in street dance 05.jpg
|img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg
|img4=Jennie Milton Uçurtma Kayağı.jpg
|img5=Colorful autumn forest.jpg
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Banner images responsive
|desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio.
|params=
{{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}}
{{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}}
{{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}}
{{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}}
{{Usuario:Jsmura/DocParam|img5|req||ful autumn forest.jpg}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id7|content=
{{Usuario:Jsmura/Callout responsive
|type=error
|img=Wiki Sable Chibi Stop.png
|title=💥 '''ATENCIÓN'''
|content=Acabo de robar tu atención.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Callout responsive
|desc=Recuadro vistozo para resaltar información importante.
|params=
{{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}}
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Map.png}}
{{Usuario:Jsmura/DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}}
{{Usuario:Jsmura/DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id9|content=
{{{!}} class=&quot;table-awesome&quot;
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}}

{{Usuario:Jsmura/Callout responsive
|type=info
|img=Wiki Sable Chibi Seeking.png
|title=Forma de usarse
|content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad &lt;pre&gt;class=&quot;table-awesome&quot;&lt;/pre&gt;
}}

&lt;pre&gt;{| class=&quot;table-awesome&quot;
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|}&lt;/pre&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id8|content=
{{Usuario:Jsmura/Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg=#1f55ad}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg=#3B82F6}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg=#5288e0}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg=#a8c4f0}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg=#b6cbec}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Header awesome
|desc=Header bonito.
|nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc.
|params=
{{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}}
{{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}}
{{Usuario:Jsmura/DocParam|icon|opt||📋}}
{{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id3|content=
{{Usuario:Jsmura/Checklist responsive
|img=Wikivoyage-logo.svg
|title=¿Listo/a para publicar? Verifica estos 10 puntos
|content=* item 1
* item 2
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Checklist responsive
|desc=Lista de ítems a considerar.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}}
{{Usuario:Jsmura/DocParam|content|req|
|* item 1
* item 2}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id4|content=
{{Usuario:Jsmura/Checklist 2 cols responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=Artículos aceptables e inaceptables en Wikiviajes
|ok title=✅ Aceptables
|ok list=
* item 1
* item 2
|bad title=🚫 Inaceptables
|bad list=
* item 1
* item 2
|note title=Ten en cuenta también que Wikiviajes no es:
|note list=
* item 1
* item 2
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Checklist 2 cols responsive
|desc=Doble lista para comprobaciones de ítems buenos y malos.
|notas=* Puedes colocar tantos items (* item) como desees.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}}
{{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}}
{{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}}
{{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}}
{{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}}
{{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}}
{{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id5|content=
{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Create article responsive
|desc=Recuadro para crear un artículo.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}}
{{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id6|content=
{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
|main content=
}}
{{Usuario:Jsmura/Callout responsive
|type=error
|img=Wiki Sable Chibi Shouting.png
|title=Advertencia
|content=No se debe colocar un selector dentro de otro selector: esto arruinaría el funcionamiento de la plantilla
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Selector responsive
|desc=Selector de contenido con opción para múltiples elementos.
|params=
{{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}}
{{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}}
{{Usuario:Jsmura/DocParam|sidebar content|req|
|&lt;nowiki&gt;{{Selector responsive/Sidebar item|id=identificador1|activo=sí|img=Wikivoyage-logo.svg|title=🏙️ Destino|subtitle=Ciudades, regiones…}}
{{Selector responsive/Sidebar item|id=identificador2|img=Wikivoyage-logo.svg|title=💡 Artículo temático|subtitle=Temas generales}}&lt;/nowiki&gt;
}}
{{Usuario:Jsmura/DocParam|main content|req|
|&lt;nowiki&gt;{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}}
{{Selector responsive/Content item|id=identificador2|content=2}}&lt;/nowiki&gt;
}}
}}
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid2|content=
Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}}

|main content=

{{Usuario:Jsmura/Selector responsive/Content item|id=ida1|activo=sí|content=
{{Usuario:Jsmura/Banner responsive
|type=info
|img=Wiki Sable Chibi Thinking.png
|title=🚫 Sin copias — evita el plagio
|content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Banner responsive
|desc=Banner vistozo para resaltar información importante.
|params=
{{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}}
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}}
{{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}}
{{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida2|content=
{{Usuario:Jsmura/Card info responsive
|type=destino
|img=Wiki Sable Chibi Bus Parade.png
|title=🏙️ Destino
|content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info responsive
|desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto.
|params=
{{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}}
{{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}}
{{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}}
{{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida3|content=
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wikivoyage-logo.svg
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info small responsive
|desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable.
|params=
{{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}}
{{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}}
{{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida4|content=
{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info medium responsive
|desc=Inserta una tarjeta de información mediana
|params=
{{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|link|req||Wikiviajes:Taberna}}
{{Usuario:Jsmura/DocParam|title|req||☕ Taberna de la comunidad}}
{{Usuario:Jsmura/DocParam|subtitle|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}}
}}
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid3|content=
Estos elementos son estructuras de columnas. Pueden colocarse dentro cualquier elemento. Cada subelemento se separa con un salto de línea (''doble enter''). Los subelementos se van ordenando automáticamente en filas también.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}}
|main content=

{{Usuario:Jsmura/Selector responsive/Content item|id=idb1|activo=sí|content=
&lt;pre&gt;
&lt;div class=&quot;cols-2-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3

Elemento 4
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-2-grid&quot;&gt;
{{Usuario:Jsmura/Card info responsive
|type=destino
|img=Wiki Sable Chibi Bus Parade.png
|title=🏙️ Destino
|content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
|tag=[[#wvas-sec-destino|→ Ir a la sección Destino]]
}}

{{Usuario:Jsmura/Card info responsive
|type=tematico
|img=Wiki Sable Chibi Bus Parade.png
|title=💡 Artículo temático
|content=Trata un tema tan general que se aplica a gran cantidad de destinos y no está ligado a ninguno en particular. Cubre tópicos que el viajero necesita sin importar a dónde va.
|subcontent=Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».
|tag=[[#wvas-sec-tematico|→ Ir a la sección Temático]]
}}

{{Usuario:Jsmura/Card info responsive
|type=itinerario
|img=Wiki Sable Chibi Bus Parade.png
|title=🗓️ Itinerario
|content=Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
|tag=[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]
}}

{{Usuario:Jsmura/Card info responsive
|type=conv
|img=Wiki Sable Chibi Bus Parade.png
|title=💬 Guía de conversación
|content=&quot;&gt;Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.
|subcontent=Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.
|tag=[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb2|content=
&lt;pre&gt;
&lt;div class=&quot;cols-3-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-3-grid&quot;&gt;
{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Ayuda:Contenidos
|title=📖 Centro de ayuda
|subtitle=Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Ayuda:Introducción
|title=👋 Página de bienvenida
|subtitle=Todo lo que necesitas saber para empezar en Wikiviajes desde cero
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb3|content=
&lt;pre&gt;
&lt;div class=&quot;cols-4-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3

Elemento 4
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-4-grid&quot;&gt;
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wikivoyage-logo.svg
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.
}}

{{Usuario:Jsmura/Card info small responsive
|type=2
|img=Wikivoyage-logo.svg
|title=🗺️ Guía usable
|content=Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.
}}

{{Usuario:Jsmura/Card info small responsive
|type=3
|img=Wikivoyage-logo.svg
|title=📘 Guía
|content=Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.
}}

{{Usuario:Jsmura/Card info small responsive
|type=4
|img=Wikivoyage-logo.svg
|title=⭐ Guía estrella
|content=El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb4|content=
&lt;pre&gt;
&lt;div class=&quot;cols-4-grid&quot;&gt;
Elemento 1 (columna del 20%)

Elemento 2 (columna del 80%)

Elemento 3 (columna del 20%)

Elemento 4 (columna del 80%)
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-20-80-grid&quot;&gt;
[[Archivo:Wiki Sable Adult.png|120px|center|link=|alt=]]

{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}

[[Archivo:Wiki Sable Chibi.png|120px|center|link=|alt=]]

{{Usuario:Jsmura/Hero responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.
}}
&lt;/div&gt;
}}
}}
}}

{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid4|content=
Estos elementos pueden colocarse como acompañantes del texto.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in1|activo=sí|img=Wikivoyage-logo.svg|title=Chip inline|subtitle=Es un chip}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in2|img=Wikivoyage-logo.svg|title=Badge inline|subtitle=Es un badge}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in3|img=Wikivoyage-logo.svg|title=Tag inline|subtitle=Es un tag}}

|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=in1|activo=sí|content=
Texto de {{Usuario:Jsmura/Chip inline|content=prueba|bg=#1D9E75}} para {{Usuario:Jsmura/Chip inline|content=mostrar|bg=#BA7517}} el {{Usuario:Jsmura/Chip inline|content=elemento|bg=#D85A30}}.
{{Usuario:Jsmura/DocSintaxis
|nombre=Chip inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
{{Usuario:Jsmura/DocParam|bg|opt|#534AB7 / #1D9E75 / #BA7517 / #006699 / #639922 / #D85A30}}
}}
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=in2|content=
&lt;div style=&quot;background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); color: white;&quot;&gt;
{{Usuario:Jsmura/Tags structure}}
{{Badge inline|content=🏛️ Machu Picchu UNESCO}}
{{Badge inline|content=🦙 Imperio Inca}}
{{Badge inline|content=🍽️ Top gastronomía}}
{{Badge inline|content=🌿 Amazonia}}
{{Badge inline|content=🏄 Surf y playas}}
{{Usuario:Jsmura/Tags structure end}}
&lt;/div&gt;

&lt;pre&gt;
{{Badge inline start}}
{{Badge inline|content=🏛️ Machu Picchu UNESCO}}
{{Badge inline|content=🦙 Imperio Inca}}
{{Badge inline|content=🍽️ Top gastronomía}}
{{Badge inline|content=🌿 Amazonia}}
{{Badge inline|content=🏄 Surf y playas}}
{{Badge inline end}}
&lt;/pre&gt;
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=in3|content=
Texto de {{Usuario:Jsmura/Tag inline|content=prueba}} para {{Usuario:Jsmura/Tag inline|content=mostrar}} el {{Usuario:Jsmura/Tag inline|content=elemento}}.

{{Usuario:Jsmura/DocSintaxis
|nombre=Tag inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
}}
}}

}}
}}
}}

= Recursos específicos para Artículos =

Recursos que se utilizan para crear el resumen de artículos de un país.

= Recursos específicos para Trípticos =

commons
= Recursos de imágenes de la mascota =
&lt;gallery mode=&quot;packed&quot;&gt;
Wiki Sable Chibi Angry.png|[[:Archivo:Wiki Sable Chibi Angry.png|Wiki Sable Chibi Angry.png]]
Wiki Sable Chibi Bothered.png|[[:Archivo:Wiki Sable Chibi Bothered.png|Wiki Sable Chibi Bothered.png]]
Wiki Sable Chibi Bus Parade.png|[[:Archivo:Wiki Sable Chibi Bus Parade.png|Wiki Sable Chibi Bus Parade.png]]
Wiki Sable Chibi Camera.png|[[:Archivo:Wiki Sable Chibi Camera.png|Wiki Sable Chibi Camera.png]]
Wiki Sable Chibi Camping.png|[[:Archivo:Wiki Sable Chibi Camping.png|Wiki Sable Chibi Camping.png]]
Wiki Sable Chibi Climbing.png|[[:Archivo:Wiki Sable Chibi Climbing.png|Wiki Sable Chibi Climbing.png]]
Wiki Sable Chibi Confused.png|[[:Archivo:Wiki Sable Chibi Confused.png|Wiki Sable Chibi Confused.png]]
Wiki Sable Chibi Disappointed.png|[[:Archivo:Wiki Sable Chibi Disappointed.png|Wiki Sable Chibi Disappointed.png]]
Wiki Sable Chibi Frightened.png|[[:Archivo:Wiki Sable Chibi Frightened.png|Wiki Sable Chibi Frightened.png]]
Wiki Sable Chibi Guiding.png|[[:Archivo:Wiki Sable Chibi Guiding.png|Wiki Sable Chibi Guiding.png]]
Wiki Sable Chibi In Love.png|[[:Archivo:Wiki Sable Chibi In Love.png|Wiki Sable Chibi In Love.png]]
Wiki Sable Chibi Issue Credit Card.png|[[:Archivo:Wiki Sable Chibi Issue Credit Card.png|Wiki Sable Chibi Issue Credit Card.png]]
Wiki Sable Chibi Issue Directions.png|[[:Archivo:Wiki Sable Chibi Issue Directions.png|Wiki Sable Chibi Issue Directions.png]]
Wiki Sable Chibi Issue Language Nihongo Dare.png|[[:Archivo:Wiki Sable Chibi Issue Language Nihongo Dare.png|Wiki Sable Chibi Issue Language Nihongo Dare.png]]
Wiki Sable Chibi Issue Lost Wallet.png|[[:Archivo:Wiki Sable Chibi Issue Lost Wallet.png|Wiki Sable Chibi Issue Lost Wallet.png]]
Wiki Sable Chibi Issue Money.png|[[:Archivo:Wiki Sable Chibi Issue Money.png|Wiki Sable Chibi Issue Money.png]]
Wiki Sable Chibi Joyful.png|[[:Archivo:Wiki Sable Chibi Joyful.png|Wiki Sable Chibi Joyful.png]]
Wiki Sable Chibi Lotta Love.png|[[:Archivo:Wiki Sable Chibi Lotta Love.png|Wiki Sable Chibi Lotta Love.png]]
Wiki Sable Chibi Mad.png|[[:Archivo:Wiki Sable Chibi Mad.png|Wiki Sable Chibi Mad.png]]
Wiki Sable Chibi Map.png|[[:Archivo:Wiki Sable Chibi Map.png|Wiki Sable Chibi Map.png]]
Wiki Sable Chibi More Love.png|[[:Archivo:Wiki Sable Chibi More Love.png|Wiki Sable Chibi More Love.png]]
Wiki Sable Chibi Neutral.png|[[:Archivo:Wiki Sable Chibi Neutral.png|Wiki Sable Chibi Neutral.png]]
Wiki Sable Chibi Pleased.png|[[:Archivo:Wiki Sable Chibi Pleased.png|Wiki Sable Chibi Pleased.png]]
Wiki Sable Chibi Running.png|[[:Archivo:Wiki Sable Chibi Running.png|Wiki Sable Chibi Running.png]]
Wiki Sable Chibi Seeking.png|[[:Archivo:Wiki Sable Chibi Seeking.png|Wiki Sable Chibi Seeking.png]]
Wiki Sable Chibi Send Love.png|[[:Archivo:Wiki Sable Chibi Send Love.png|Wiki Sable Chibi Send Love.png]]
Wiki Sable Chibi Shouting.png|[[:Archivo:Wiki Sable Chibi Shouting.png|Wiki Sable Chibi Shouting.png]]
Wiki Sable Chibi Stop.png|[[:Archivo:Wiki Sable Chibi Stop.png|Wiki Sable Chibi Stop.png]]
Wiki Sable Chibi Sunset.png|[[:Archivo:Wiki Sable Chibi Sunset.png|Wiki Sable Chibi Sunset.png]]
Wiki Sable Chibi Taking Photo.png|[[:Archivo:Wiki Sable Chibi Taking Photo.png|Wiki Sable Chibi Taking Photo.png]]
Wiki Sable Chibi That's Love.png|[[:Archivo:Wiki Sable Chibi That's Love.png|Wiki Sable Chibi That's Love.png]]
Wiki Sable Chibi Thinking.png|[[:Archivo:Wiki Sable Chibi Thinking.png|Wiki Sable Chibi Thinking.png]]
Wiki Sable Chibi Writing.png|[[:Archivo:Wiki Sable Chibi Writing.png|Wiki Sable Chibi Writing.png]]
Wiki Sable Chibi.png|[[:Archivo:Wiki Sable Chibi.png|Wiki Sable Chibi.png]]
&lt;/gallery&gt;</text>
      <sha1>6yt7gmj6kh1qsoj7sw6i5v2qox8g8jn</sha1>
    </revision>
    <revision>
      <id>253758</id>
      <parentid>253735</parentid>
      <timestamp>2026-05-22T21:08:44Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253758</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="28112" sha1="kyp7v0aad7pw1n5tolhe3oc324c123c" xml:space="preserve">Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive.

= Recursos generales =

{{Usuario:Jsmura/Selector horizontal responsive
|butonera=
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid1|activo=sí|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;de ancho completo}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;parciales}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;de columnas}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid4|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;texto inline}}

|main content=
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid1|activo=sí|content=
A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los &lt;nowiki&gt;= Título =&lt;/nowiki&gt;}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}}

|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content=
{{Hero mascot responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.
}}
{{Hero mascot responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id2|content=
{{Usuario:Jsmura/Banner images responsive
|img1=Delicious Street Food - 2.jpg
|img2=Sinulog Festival (2023) contingents in street dance 05.jpg
|img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg
|img4=Jennie Milton Uçurtma Kayağı.jpg
|img5=Colorful autumn forest.jpg
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Banner images responsive
|desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio.
|params=
{{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}}
{{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}}
{{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}}
{{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}}
{{Usuario:Jsmura/DocParam|img5|req||ful autumn forest.jpg}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id7|content=
{{Usuario:Jsmura/Callout responsive
|type=error
|img=Wiki Sable Chibi Stop.png
|title=💥 '''ATENCIÓN'''
|content=Acabo de robar tu atención.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Callout responsive
|desc=Recuadro vistozo para resaltar información importante.
|params=
{{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}}
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Map.png}}
{{Usuario:Jsmura/DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}}
{{Usuario:Jsmura/DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id9|content=
{{{!}} class=&quot;table-awesome&quot;
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}}

{{Usuario:Jsmura/Callout responsive
|type=info
|img=Wiki Sable Chibi Seeking.png
|title=Forma de usarse
|content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad &lt;pre&gt;class=&quot;table-awesome&quot;&lt;/pre&gt;
}}

&lt;pre&gt;{| class=&quot;table-awesome&quot;
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|}&lt;/pre&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id8|content=
{{Usuario:Jsmura/Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg=#1f55ad}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg=#3B82F6}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg=#5288e0}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg=#a8c4f0}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg=#b6cbec}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Header awesome
|desc=Header bonito.
|nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc.
|params=
{{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}}
{{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}}
{{Usuario:Jsmura/DocParam|icon|opt||📋}}
{{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id3|content=
{{Usuario:Jsmura/Checklist responsive
|img=Wikivoyage-logo.svg
|title=¿Listo/a para publicar? Verifica estos 10 puntos
|content=* item 1
* item 2
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Checklist responsive
|desc=Lista de ítems a considerar.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}}
{{Usuario:Jsmura/DocParam|content|req|
|* item 1
* item 2}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id4|content=
{{Usuario:Jsmura/Checklist 2 cols responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=Artículos aceptables e inaceptables en Wikiviajes
|ok title=✅ Aceptables
|ok list=
* item 1
* item 2
|bad title=🚫 Inaceptables
|bad list=
* item 1
* item 2
|note title=Ten en cuenta también que Wikiviajes no es:
|note list=
* item 1
* item 2
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Checklist 2 cols responsive
|desc=Doble lista para comprobaciones de ítems buenos y malos.
|notas=* Puedes colocar tantos items (* item) como desees.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}}
{{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}}
{{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}}
{{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}}
{{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}}
{{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}}
{{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id5|content=
{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Create article responsive
|desc=Recuadro para crear un artículo.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}}
{{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id6|content=
{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
|main content=
}}
{{Usuario:Jsmura/Callout responsive
|type=error
|img=Wiki Sable Chibi Shouting.png
|title=Advertencia
|content=No se debe colocar un selector dentro de otro selector: esto arruinaría el funcionamiento de la plantilla
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Selector responsive
|desc=Selector de contenido con opción para múltiples elementos.
|params=
{{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}}
{{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}}
{{Usuario:Jsmura/DocParam|sidebar content|req|
|&lt;nowiki&gt;{{Selector responsive/Sidebar item|id=identificador1|activo=sí|img=Wikivoyage-logo.svg|title=🏙️ Destino|subtitle=Ciudades, regiones…}}
{{Selector responsive/Sidebar item|id=identificador2|img=Wikivoyage-logo.svg|title=💡 Artículo temático|subtitle=Temas generales}}&lt;/nowiki&gt;
}}
{{Usuario:Jsmura/DocParam|main content|req|
|&lt;nowiki&gt;{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}}
{{Selector responsive/Content item|id=identificador2|content=2}}&lt;/nowiki&gt;
}}
}}
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid2|content=
Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}}

|main content=

{{Usuario:Jsmura/Selector responsive/Content item|id=ida1|activo=sí|content=
{{Usuario:Jsmura/Banner responsive
|type=info
|img=Wiki Sable Chibi Thinking.png
|title=🚫 Sin copias — evita el plagio
|content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Banner responsive
|desc=Banner vistozo para resaltar información importante.
|params=
{{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}}
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}}
{{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}}
{{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida2|content=
{{Usuario:Jsmura/Card info responsive
|type=destino
|img=Wiki Sable Chibi Bus Parade.png
|title=🏙️ Destino
|content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info responsive
|desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto.
|params=
{{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}}
{{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}}
{{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}}
{{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida3|content=
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wikivoyage-logo.svg
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info small responsive
|desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable.
|params=
{{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}}
{{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}}
{{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida4|content=
{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info medium responsive
|desc=Inserta una tarjeta de información mediana
|params=
{{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|link|req||Wikiviajes:Taberna}}
{{Usuario:Jsmura/DocParam|title|req||☕ Taberna de la comunidad}}
{{Usuario:Jsmura/DocParam|subtitle|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}}
}}
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid3|content=
Estos elementos son estructuras de columnas. Pueden colocarse dentro cualquier elemento. Cada subelemento se separa con un salto de línea (''doble enter''). Los subelementos se van ordenando automáticamente en filas también.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}}
|main content=

{{Usuario:Jsmura/Selector responsive/Content item|id=idb1|activo=sí|content=
&lt;pre&gt;
&lt;div class=&quot;cols-2-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3

Elemento 4
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-2-grid&quot;&gt;
{{Usuario:Jsmura/Card info responsive
|type=destino
|img=Wiki Sable Chibi Bus Parade.png
|title=🏙️ Destino
|content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
|tag=[[#wvas-sec-destino|→ Ir a la sección Destino]]
}}

{{Usuario:Jsmura/Card info responsive
|type=tematico
|img=Wiki Sable Chibi Bus Parade.png
|title=💡 Artículo temático
|content=Trata un tema tan general que se aplica a gran cantidad de destinos y no está ligado a ninguno en particular. Cubre tópicos que el viajero necesita sin importar a dónde va.
|subcontent=Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».
|tag=[[#wvas-sec-tematico|→ Ir a la sección Temático]]
}}

{{Usuario:Jsmura/Card info responsive
|type=itinerario
|img=Wiki Sable Chibi Bus Parade.png
|title=🗓️ Itinerario
|content=Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
|tag=[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]
}}

{{Usuario:Jsmura/Card info responsive
|type=conv
|img=Wiki Sable Chibi Bus Parade.png
|title=💬 Guía de conversación
|content=&quot;&gt;Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.
|subcontent=Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.
|tag=[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb2|content=
&lt;pre&gt;
&lt;div class=&quot;cols-3-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-3-grid&quot;&gt;
{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Ayuda:Contenidos
|title=📖 Centro de ayuda
|subtitle=Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Ayuda:Introducción
|title=👋 Página de bienvenida
|subtitle=Todo lo que necesitas saber para empezar en Wikiviajes desde cero
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb3|content=
&lt;pre&gt;
&lt;div class=&quot;cols-4-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3

Elemento 4
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-4-grid&quot;&gt;
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wikivoyage-logo.svg
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.
}}

{{Usuario:Jsmura/Card info small responsive
|type=2
|img=Wikivoyage-logo.svg
|title=🗺️ Guía usable
|content=Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.
}}

{{Usuario:Jsmura/Card info small responsive
|type=3
|img=Wikivoyage-logo.svg
|title=📘 Guía
|content=Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.
}}

{{Usuario:Jsmura/Card info small responsive
|type=4
|img=Wikivoyage-logo.svg
|title=⭐ Guía estrella
|content=El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb4|content=
&lt;pre&gt;
&lt;div class=&quot;cols-4-grid&quot;&gt;
Elemento 1 (columna del 20%)

Elemento 2 (columna del 80%)

Elemento 3 (columna del 20%)

Elemento 4 (columna del 80%)
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-20-80-grid&quot;&gt;
[[Archivo:Wiki Sable Adult.png|120px|center|link=|alt=]]

{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}

[[Archivo:Wiki Sable Chibi.png|120px|center|link=|alt=]]

{{Usuario:Jsmura/Hero responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.
}}
&lt;/div&gt;
}}
}}
}}

{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid4|content=
Estos elementos pueden colocarse como acompañantes del texto.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in1|activo=sí|img=Wikivoyage-logo.svg|title=Chip inline|subtitle=Es un chip}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in2|img=Wikivoyage-logo.svg|title=Badge inline|subtitle=Es un badge}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in3|img=Wikivoyage-logo.svg|title=Tag inline|subtitle=Es un tag}}

|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=in1|activo=sí|content=
Texto de {{Usuario:Jsmura/Chip inline|content=prueba|bg=#1D9E75}} para {{Usuario:Jsmura/Chip inline|content=mostrar|bg=#BA7517}} el {{Usuario:Jsmura/Chip inline|content=elemento|bg=#D85A30}}.
{{Usuario:Jsmura/DocSintaxis
|nombre=Chip inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
{{Usuario:Jsmura/DocParam|bg|opt|#534AB7 / #1D9E75 / #BA7517 / #006699 / #639922 / #D85A30}}
}}
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=in2|content=
&lt;div style=&quot;background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); color: white;&quot;&gt;
{{Usuario:Jsmura/Tags structure}}
{{Badge inline|content=🏛️ Machu Picchu UNESCO}}
{{Badge inline|content=🦙 Imperio Inca}}
{{Badge inline|content=🍽️ Top gastronomía}}
{{Badge inline|content=🌿 Amazonia}}
{{Badge inline|content=🏄 Surf y playas}}
{{Usuario:Jsmura/Tags structure end}}
&lt;/div&gt;

&lt;pre&gt;
{{Badge inline start}}
{{Badge inline|content=🏛️ Machu Picchu UNESCO}}
{{Badge inline|content=🦙 Imperio Inca}}
{{Badge inline|content=🍽️ Top gastronomía}}
{{Badge inline|content=🌿 Amazonia}}
{{Badge inline|content=🏄 Surf y playas}}
{{Badge inline end}}
&lt;/pre&gt;
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=in3|content=
Texto de {{Usuario:Jsmura/Tag inline|content=prueba}} para {{Usuario:Jsmura/Tag inline|content=mostrar}} el {{Usuario:Jsmura/Tag inline|content=elemento}}.

{{Usuario:Jsmura/DocSintaxis
|nombre=Tag inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
}}
}}

}}
}}
}}

= Recursos específicos para Artículos =

Recursos que se utilizan para crear el resumen de artículos de un país.

= Recursos específicos para Trípticos =

commons
= Recursos de imágenes de la mascota =
&lt;gallery mode=&quot;packed&quot;&gt;
Wiki Sable Chibi Angry.png|[[:Archivo:Wiki Sable Chibi Angry.png|Wiki Sable Chibi Angry.png]]
Wiki Sable Chibi Bothered.png|[[:Archivo:Wiki Sable Chibi Bothered.png|Wiki Sable Chibi Bothered.png]]
Wiki Sable Chibi Bus Parade.png|[[:Archivo:Wiki Sable Chibi Bus Parade.png|Wiki Sable Chibi Bus Parade.png]]
Wiki Sable Chibi Camera.png|[[:Archivo:Wiki Sable Chibi Camera.png|Wiki Sable Chibi Camera.png]]
Wiki Sable Chibi Camping.png|[[:Archivo:Wiki Sable Chibi Camping.png|Wiki Sable Chibi Camping.png]]
Wiki Sable Chibi Climbing.png|[[:Archivo:Wiki Sable Chibi Climbing.png|Wiki Sable Chibi Climbing.png]]
Wiki Sable Chibi Confused.png|[[:Archivo:Wiki Sable Chibi Confused.png|Wiki Sable Chibi Confused.png]]
Wiki Sable Chibi Disappointed.png|[[:Archivo:Wiki Sable Chibi Disappointed.png|Wiki Sable Chibi Disappointed.png]]
Wiki Sable Chibi Frightened.png|[[:Archivo:Wiki Sable Chibi Frightened.png|Wiki Sable Chibi Frightened.png]]
Wiki Sable Chibi Guiding.png|[[:Archivo:Wiki Sable Chibi Guiding.png|Wiki Sable Chibi Guiding.png]]
Wiki Sable Chibi In Love.png|[[:Archivo:Wiki Sable Chibi In Love.png|Wiki Sable Chibi In Love.png]]
Wiki Sable Chibi Issue Credit Card.png|[[:Archivo:Wiki Sable Chibi Issue Credit Card.png|Wiki Sable Chibi Issue Credit Card.png]]
Wiki Sable Chibi Issue Directions.png|[[:Archivo:Wiki Sable Chibi Issue Directions.png|Wiki Sable Chibi Issue Directions.png]]
Wiki Sable Chibi Issue Language Nihongo Dare.png|[[:Archivo:Wiki Sable Chibi Issue Language Nihongo Dare.png|Wiki Sable Chibi Issue Language Nihongo Dare.png]]
Wiki Sable Chibi Issue Lost Wallet.png|[[:Archivo:Wiki Sable Chibi Issue Lost Wallet.png|Wiki Sable Chibi Issue Lost Wallet.png]]
Wiki Sable Chibi Issue Money.png|[[:Archivo:Wiki Sable Chibi Issue Money.png|Wiki Sable Chibi Issue Money.png]]
Wiki Sable Chibi Joyful.png|[[:Archivo:Wiki Sable Chibi Joyful.png|Wiki Sable Chibi Joyful.png]]
Wiki Sable Chibi Lotta Love.png|[[:Archivo:Wiki Sable Chibi Lotta Love.png|Wiki Sable Chibi Lotta Love.png]]
Wiki Sable Chibi Mad.png|[[:Archivo:Wiki Sable Chibi Mad.png|Wiki Sable Chibi Mad.png]]
Wiki Sable Chibi Map.png|[[:Archivo:Wiki Sable Chibi Map.png|Wiki Sable Chibi Map.png]]
Wiki Sable Chibi More Love.png|[[:Archivo:Wiki Sable Chibi More Love.png|Wiki Sable Chibi More Love.png]]
Wiki Sable Chibi Neutral.png|[[:Archivo:Wiki Sable Chibi Neutral.png|Wiki Sable Chibi Neutral.png]]
Wiki Sable Chibi Pleased.png|[[:Archivo:Wiki Sable Chibi Pleased.png|Wiki Sable Chibi Pleased.png]]
Wiki Sable Chibi Running.png|[[:Archivo:Wiki Sable Chibi Running.png|Wiki Sable Chibi Running.png]]
Wiki Sable Chibi Seeking.png|[[:Archivo:Wiki Sable Chibi Seeking.png|Wiki Sable Chibi Seeking.png]]
Wiki Sable Chibi Send Love.png|[[:Archivo:Wiki Sable Chibi Send Love.png|Wiki Sable Chibi Send Love.png]]
Wiki Sable Chibi Shouting.png|[[:Archivo:Wiki Sable Chibi Shouting.png|Wiki Sable Chibi Shouting.png]]
Wiki Sable Chibi Stop.png|[[:Archivo:Wiki Sable Chibi Stop.png|Wiki Sable Chibi Stop.png]]
Wiki Sable Chibi Sunset.png|[[:Archivo:Wiki Sable Chibi Sunset.png|Wiki Sable Chibi Sunset.png]]
Wiki Sable Chibi Taking Photo.png|[[:Archivo:Wiki Sable Chibi Taking Photo.png|Wiki Sable Chibi Taking Photo.png]]
Wiki Sable Chibi That's Love.png|[[:Archivo:Wiki Sable Chibi That's Love.png|Wiki Sable Chibi That's Love.png]]
Wiki Sable Chibi Thinking.png|[[:Archivo:Wiki Sable Chibi Thinking.png|Wiki Sable Chibi Thinking.png]]
Wiki Sable Chibi Writing.png|[[:Archivo:Wiki Sable Chibi Writing.png|Wiki Sable Chibi Writing.png]]
Wiki Sable Chibi.png|[[:Archivo:Wiki Sable Chibi.png|Wiki Sable Chibi.png]]
&lt;/gallery&gt;</text>
      <sha1>kyp7v0aad7pw1n5tolhe3oc324c123c</sha1>
    </revision>
    <revision>
      <id>253766</id>
      <parentid>253758</parentid>
      <timestamp>2026-05-22T21:24:47Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253766</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="28104" sha1="8ehgfwf29kjxzwm9m9sa9s3ykhylovf" xml:space="preserve">Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive.

= Recursos generales =

{{Usuario:Jsmura/Selector horizontal responsive
|butonera=
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid1|activo=sí|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;de ancho completo}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;parciales}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;de columnas}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid4|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;texto inline}}

|main content=
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid1|activo=sí|content=
A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los &lt;nowiki&gt;= Título =&lt;/nowiki&gt;}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}}

|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content=
{{Hero mascot responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.
}}
{{Hero mascot responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id2|content=
{{Usuario:Jsmura/Banner images responsive
|img1=Delicious Street Food - 2.jpg
|img2=Sinulog Festival (2023) contingents in street dance 05.jpg
|img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg
|img4=Jennie Milton Uçurtma Kayağı.jpg
|img5=Colorful autumn forest.jpg
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Banner images responsive
|desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio.
|params=
{{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}}
{{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}}
{{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}}
{{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}}
{{Usuario:Jsmura/DocParam|img5|req||ful autumn forest.jpg}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id7|content=
{{Usuario:Jsmura/Callout responsive
|type=error
|img=Wiki Sable Chibi Stop.png
|title=💥 '''ATENCIÓN'''
|content=Acabo de robar tu atención.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Callout responsive
|desc=Recuadro vistozo para resaltar información importante.
|params=
{{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}}
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Map.png}}
{{Usuario:Jsmura/DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}}
{{Usuario:Jsmura/DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id9|content=
{{{!}} class=&quot;table-awesome&quot;
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}}

{{Usuario:Jsmura/Callout responsive
|type=info
|img=Wiki Sable Chibi Seeking.png
|title=Forma de usarse
|content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad &lt;pre&gt;class=&quot;table-awesome&quot;&lt;/pre&gt;
}}

&lt;pre&gt;{| class=&quot;table-awesome&quot;
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|}&lt;/pre&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id8|content=
{{Usuario:Jsmura/Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg=#1f55ad}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg=#3B82F6}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg=#5288e0}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg=#a8c4f0}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg=#b6cbec}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Header awesome
|desc=Header bonito.
|nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc.
|params=
{{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}}
{{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}}
{{Usuario:Jsmura/DocParam|icon|opt||📋}}
{{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id3|content=
{{Usuario:Jsmura/Checklist responsive
|img=Wikivoyage-logo.svg
|title=¿Listo/a para publicar? Verifica estos 10 puntos
|content=* item 1
* item 2
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Checklist responsive
|desc=Lista de ítems a considerar.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}}
{{Usuario:Jsmura/DocParam|content|req|
|* item 1
* item 2}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id4|content=
{{Usuario:Jsmura/Checklist 2 cols responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=Artículos aceptables e inaceptables en Wikiviajes
|ok title=✅ Aceptables
|ok list=
* item 1
* item 2
|bad title=🚫 Inaceptables
|bad list=
* item 1
* item 2
|note title=Ten en cuenta también que Wikiviajes no es:
|note list=
* item 1
* item 2
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Checklist 2 cols responsive
|desc=Doble lista para comprobaciones de ítems buenos y malos.
|notas=* Puedes colocar tantos items (* item) como desees.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}}
{{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}}
{{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}}
{{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}}
{{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}}
{{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}}
{{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id5|content=
{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Create article responsive
|desc=Recuadro para crear un artículo.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}}
{{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id6|content=
{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
|main content=
}}
{{Usuario:Jsmura/Callout responsive
|type=error
|img=Wiki Sable Chibi Shouting.png
|title=Advertencia
|content=No se debe colocar un selector dentro de otro selector: esto arruinaría el funcionamiento de la plantilla
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Selector responsive
|desc=Selector de contenido con opción para múltiples elementos.
|params=
{{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}}
{{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}}
{{Usuario:Jsmura/DocParam|sidebar content|req|
|&lt;nowiki&gt;{{Selector responsive/Sidebar item|id=identificador1|activo=sí|img=Wikivoyage-logo.svg|title=🏙️ Destino|subtitle=Ciudades, regiones…}}
{{Selector responsive/Sidebar item|id=identificador2|img=Wikivoyage-logo.svg|title=💡 Artículo temático|subtitle=Temas generales}}&lt;/nowiki&gt;
}}
{{Usuario:Jsmura/DocParam|main content|req|
|&lt;nowiki&gt;{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}}
{{Selector responsive/Content item|id=identificador2|content=2}}&lt;/nowiki&gt;
}}
}}
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid2|content=
Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}}

|main content=

{{Usuario:Jsmura/Selector responsive/Content item|id=ida1|activo=sí|content=
{{Usuario:Jsmura/Banner responsive
|type=info
|img=Wiki Sable Chibi Thinking.png
|title=🚫 Sin copias — evita el plagio
|content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Banner responsive
|desc=Banner vistozo para resaltar información importante.
|params=
{{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}}
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}}
{{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}}
{{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida2|content=
{{Usuario:Jsmura/Card info responsive
|type=destino
|img=Wiki Sable Chibi Bus Parade.png
|title=🏙️ Destino
|content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info responsive
|desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto.
|params=
{{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}}
{{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}}
{{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}}
{{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida3|content=
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wikivoyage-logo.svg
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info small responsive
|desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable.
|params=
{{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}}
{{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}}
{{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida4|content=
{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info medium responsive
|desc=Inserta una tarjeta de información mediana
|params=
{{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|link|req||Wikiviajes:Taberna}}
{{Usuario:Jsmura/DocParam|title|req||☕ Taberna de la comunidad}}
{{Usuario:Jsmura/DocParam|subtitle|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}}
}}
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid3|content=
Estos elementos son estructuras de columnas. Pueden colocarse dentro cualquier elemento. Cada subelemento se separa con un salto de línea (''doble enter''). Los subelementos se van ordenando automáticamente en filas también.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}}
|main content=

{{Usuario:Jsmura/Selector responsive/Content item|id=idb1|activo=sí|content=
&lt;pre&gt;
&lt;div class=&quot;cols-2-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3

Elemento 4
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-2-grid&quot;&gt;
{{Usuario:Jsmura/Card info responsive
|type=destino
|img=Wiki Sable Chibi Bus Parade.png
|title=🏙️ Destino
|content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
|tag=[[#wvas-sec-destino|→ Ir a la sección Destino]]
}}

{{Usuario:Jsmura/Card info responsive
|type=tematico
|img=Wiki Sable Chibi Bus Parade.png
|title=💡 Artículo temático
|content=Trata un tema tan general que se aplica a gran cantidad de destinos y no está ligado a ninguno en particular. Cubre tópicos que el viajero necesita sin importar a dónde va.
|subcontent=Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».
|tag=[[#wvas-sec-tematico|→ Ir a la sección Temático]]
}}

{{Usuario:Jsmura/Card info responsive
|type=itinerario
|img=Wiki Sable Chibi Bus Parade.png
|title=🗓️ Itinerario
|content=Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
|tag=[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]
}}

{{Usuario:Jsmura/Card info responsive
|type=conv
|img=Wiki Sable Chibi Bus Parade.png
|title=💬 Guía de conversación
|content=&quot;&gt;Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.
|subcontent=Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.
|tag=[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb2|content=
&lt;pre&gt;
&lt;div class=&quot;cols-3-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-3-grid&quot;&gt;
{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Ayuda:Contenidos
|title=📖 Centro de ayuda
|subtitle=Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Ayuda:Introducción
|title=👋 Página de bienvenida
|subtitle=Todo lo que necesitas saber para empezar en Wikiviajes desde cero
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb3|content=
&lt;pre&gt;
&lt;div class=&quot;cols-4-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3

Elemento 4
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-4-grid&quot;&gt;
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wikivoyage-logo.svg
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.
}}

{{Usuario:Jsmura/Card info small responsive
|type=2
|img=Wikivoyage-logo.svg
|title=🗺️ Guía usable
|content=Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.
}}

{{Usuario:Jsmura/Card info small responsive
|type=3
|img=Wikivoyage-logo.svg
|title=📘 Guía
|content=Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.
}}

{{Usuario:Jsmura/Card info small responsive
|type=4
|img=Wikivoyage-logo.svg
|title=⭐ Guía estrella
|content=El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb4|content=
&lt;pre&gt;
&lt;div class=&quot;cols-4-grid&quot;&gt;
Elemento 1 (columna del 20%)

Elemento 2 (columna del 80%)

Elemento 3 (columna del 20%)

Elemento 4 (columna del 80%)
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-20-80-grid&quot;&gt;
[[Archivo:Wiki Sable Adult.png|120px|center|link=|alt=]]

{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}

[[Archivo:Wiki Sable Chibi.png|120px|center|link=|alt=]]

{{Hero mascot responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.
}}
&lt;/div&gt;
}}
}}
}}

{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid4|content=
Estos elementos pueden colocarse como acompañantes del texto.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in1|activo=sí|img=Wikivoyage-logo.svg|title=Chip inline|subtitle=Es un chip}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in2|img=Wikivoyage-logo.svg|title=Badge inline|subtitle=Es un badge}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in3|img=Wikivoyage-logo.svg|title=Tag inline|subtitle=Es un tag}}

|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=in1|activo=sí|content=
Texto de {{Usuario:Jsmura/Chip inline|content=prueba|bg=#1D9E75}} para {{Usuario:Jsmura/Chip inline|content=mostrar|bg=#BA7517}} el {{Usuario:Jsmura/Chip inline|content=elemento|bg=#D85A30}}.
{{Usuario:Jsmura/DocSintaxis
|nombre=Chip inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
{{Usuario:Jsmura/DocParam|bg|opt|#534AB7 / #1D9E75 / #BA7517 / #006699 / #639922 / #D85A30}}
}}
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=in2|content=
&lt;div style=&quot;background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); color: white;&quot;&gt;
{{Usuario:Jsmura/Tags structure}}
{{Badge inline|content=🏛️ Machu Picchu UNESCO}}
{{Badge inline|content=🦙 Imperio Inca}}
{{Badge inline|content=🍽️ Top gastronomía}}
{{Badge inline|content=🌿 Amazonia}}
{{Badge inline|content=🏄 Surf y playas}}
{{Usuario:Jsmura/Tags structure end}}
&lt;/div&gt;

&lt;pre&gt;
{{Badge inline start}}
{{Badge inline|content=🏛️ Machu Picchu UNESCO}}
{{Badge inline|content=🦙 Imperio Inca}}
{{Badge inline|content=🍽️ Top gastronomía}}
{{Badge inline|content=🌿 Amazonia}}
{{Badge inline|content=🏄 Surf y playas}}
{{Badge inline end}}
&lt;/pre&gt;
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=in3|content=
Texto de {{Usuario:Jsmura/Tag inline|content=prueba}} para {{Usuario:Jsmura/Tag inline|content=mostrar}} el {{Usuario:Jsmura/Tag inline|content=elemento}}.

{{Usuario:Jsmura/DocSintaxis
|nombre=Tag inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
}}
}}

}}
}}
}}

= Recursos específicos para Artículos =

Recursos que se utilizan para crear el resumen de artículos de un país.

= Recursos específicos para Trípticos =

commons
= Recursos de imágenes de la mascota =
&lt;gallery mode=&quot;packed&quot;&gt;
Wiki Sable Chibi Angry.png|[[:Archivo:Wiki Sable Chibi Angry.png|Wiki Sable Chibi Angry.png]]
Wiki Sable Chibi Bothered.png|[[:Archivo:Wiki Sable Chibi Bothered.png|Wiki Sable Chibi Bothered.png]]
Wiki Sable Chibi Bus Parade.png|[[:Archivo:Wiki Sable Chibi Bus Parade.png|Wiki Sable Chibi Bus Parade.png]]
Wiki Sable Chibi Camera.png|[[:Archivo:Wiki Sable Chibi Camera.png|Wiki Sable Chibi Camera.png]]
Wiki Sable Chibi Camping.png|[[:Archivo:Wiki Sable Chibi Camping.png|Wiki Sable Chibi Camping.png]]
Wiki Sable Chibi Climbing.png|[[:Archivo:Wiki Sable Chibi Climbing.png|Wiki Sable Chibi Climbing.png]]
Wiki Sable Chibi Confused.png|[[:Archivo:Wiki Sable Chibi Confused.png|Wiki Sable Chibi Confused.png]]
Wiki Sable Chibi Disappointed.png|[[:Archivo:Wiki Sable Chibi Disappointed.png|Wiki Sable Chibi Disappointed.png]]
Wiki Sable Chibi Frightened.png|[[:Archivo:Wiki Sable Chibi Frightened.png|Wiki Sable Chibi Frightened.png]]
Wiki Sable Chibi Guiding.png|[[:Archivo:Wiki Sable Chibi Guiding.png|Wiki Sable Chibi Guiding.png]]
Wiki Sable Chibi In Love.png|[[:Archivo:Wiki Sable Chibi In Love.png|Wiki Sable Chibi In Love.png]]
Wiki Sable Chibi Issue Credit Card.png|[[:Archivo:Wiki Sable Chibi Issue Credit Card.png|Wiki Sable Chibi Issue Credit Card.png]]
Wiki Sable Chibi Issue Directions.png|[[:Archivo:Wiki Sable Chibi Issue Directions.png|Wiki Sable Chibi Issue Directions.png]]
Wiki Sable Chibi Issue Language Nihongo Dare.png|[[:Archivo:Wiki Sable Chibi Issue Language Nihongo Dare.png|Wiki Sable Chibi Issue Language Nihongo Dare.png]]
Wiki Sable Chibi Issue Lost Wallet.png|[[:Archivo:Wiki Sable Chibi Issue Lost Wallet.png|Wiki Sable Chibi Issue Lost Wallet.png]]
Wiki Sable Chibi Issue Money.png|[[:Archivo:Wiki Sable Chibi Issue Money.png|Wiki Sable Chibi Issue Money.png]]
Wiki Sable Chibi Joyful.png|[[:Archivo:Wiki Sable Chibi Joyful.png|Wiki Sable Chibi Joyful.png]]
Wiki Sable Chibi Lotta Love.png|[[:Archivo:Wiki Sable Chibi Lotta Love.png|Wiki Sable Chibi Lotta Love.png]]
Wiki Sable Chibi Mad.png|[[:Archivo:Wiki Sable Chibi Mad.png|Wiki Sable Chibi Mad.png]]
Wiki Sable Chibi Map.png|[[:Archivo:Wiki Sable Chibi Map.png|Wiki Sable Chibi Map.png]]
Wiki Sable Chibi More Love.png|[[:Archivo:Wiki Sable Chibi More Love.png|Wiki Sable Chibi More Love.png]]
Wiki Sable Chibi Neutral.png|[[:Archivo:Wiki Sable Chibi Neutral.png|Wiki Sable Chibi Neutral.png]]
Wiki Sable Chibi Pleased.png|[[:Archivo:Wiki Sable Chibi Pleased.png|Wiki Sable Chibi Pleased.png]]
Wiki Sable Chibi Running.png|[[:Archivo:Wiki Sable Chibi Running.png|Wiki Sable Chibi Running.png]]
Wiki Sable Chibi Seeking.png|[[:Archivo:Wiki Sable Chibi Seeking.png|Wiki Sable Chibi Seeking.png]]
Wiki Sable Chibi Send Love.png|[[:Archivo:Wiki Sable Chibi Send Love.png|Wiki Sable Chibi Send Love.png]]
Wiki Sable Chibi Shouting.png|[[:Archivo:Wiki Sable Chibi Shouting.png|Wiki Sable Chibi Shouting.png]]
Wiki Sable Chibi Stop.png|[[:Archivo:Wiki Sable Chibi Stop.png|Wiki Sable Chibi Stop.png]]
Wiki Sable Chibi Sunset.png|[[:Archivo:Wiki Sable Chibi Sunset.png|Wiki Sable Chibi Sunset.png]]
Wiki Sable Chibi Taking Photo.png|[[:Archivo:Wiki Sable Chibi Taking Photo.png|Wiki Sable Chibi Taking Photo.png]]
Wiki Sable Chibi That's Love.png|[[:Archivo:Wiki Sable Chibi That's Love.png|Wiki Sable Chibi That's Love.png]]
Wiki Sable Chibi Thinking.png|[[:Archivo:Wiki Sable Chibi Thinking.png|Wiki Sable Chibi Thinking.png]]
Wiki Sable Chibi Writing.png|[[:Archivo:Wiki Sable Chibi Writing.png|Wiki Sable Chibi Writing.png]]
Wiki Sable Chibi.png|[[:Archivo:Wiki Sable Chibi.png|Wiki Sable Chibi.png]]
&lt;/gallery&gt;</text>
      <sha1>8ehgfwf29kjxzwm9m9sa9s3ykhylovf</sha1>
    </revision>
    <revision>
      <id>253783</id>
      <parentid>253766</parentid>
      <timestamp>2026-05-23T01:38:17Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253783</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="27554" sha1="864taa4uagzgqojxepjc4np8fmalv7k" xml:space="preserve">Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive.

= Recursos generales =

{{Usuario:Jsmura/Selector horizontal responsive
|butonera=
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid1|activo=sí|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;de ancho completo}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;parciales}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;de columnas}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid4|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;texto inline}}

|main content=
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid1|activo=sí|content=
A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los &lt;nowiki&gt;= Título =&lt;/nowiki&gt;}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}}

|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content=
{{Hero mascot responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.
}}
{{Hero mascot responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id2|content=
{{Banner images responsive
|img1=Delicious Street Food - 2.jpg
|img2=Sinulog Festival (2023) contingents in street dance 05.jpg
|img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg
|img4=Jennie Milton Uçurtma Kayağı.jpg
|img5=Colorful autumn forest.jpg
}}
{{Banner images responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id7|content=
{{Usuario:Jsmura/Callout responsive
|type=error
|img=Wiki Sable Chibi Stop.png
|title=💥 '''ATENCIÓN'''
|content=Acabo de robar tu atención.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Callout responsive
|desc=Recuadro vistozo para resaltar información importante.
|params=
{{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}}
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Map.png}}
{{Usuario:Jsmura/DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}}
{{Usuario:Jsmura/DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id9|content=
{{{!}} class=&quot;table-awesome&quot;
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}}

{{Usuario:Jsmura/Callout responsive
|type=info
|img=Wiki Sable Chibi Seeking.png
|title=Forma de usarse
|content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad &lt;pre&gt;class=&quot;table-awesome&quot;&lt;/pre&gt;
}}

&lt;pre&gt;{| class=&quot;table-awesome&quot;
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|}&lt;/pre&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id8|content=
{{Usuario:Jsmura/Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg=#1f55ad}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg=#3B82F6}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg=#5288e0}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg=#a8c4f0}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg=#b6cbec}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Header awesome
|desc=Header bonito.
|nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc.
|params=
{{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}}
{{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}}
{{Usuario:Jsmura/DocParam|icon|opt||📋}}
{{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id3|content=
{{Usuario:Jsmura/Checklist responsive
|img=Wikivoyage-logo.svg
|title=¿Listo/a para publicar? Verifica estos 10 puntos
|content=* item 1
* item 2
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Checklist responsive
|desc=Lista de ítems a considerar.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}}
{{Usuario:Jsmura/DocParam|content|req|
|* item 1
* item 2}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id4|content=
{{Usuario:Jsmura/Checklist 2 cols responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=Artículos aceptables e inaceptables en Wikiviajes
|ok title=✅ Aceptables
|ok list=
* item 1
* item 2
|bad title=🚫 Inaceptables
|bad list=
* item 1
* item 2
|note title=Ten en cuenta también que Wikiviajes no es:
|note list=
* item 1
* item 2
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Checklist 2 cols responsive
|desc=Doble lista para comprobaciones de ítems buenos y malos.
|notas=* Puedes colocar tantos items (* item) como desees.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}}
{{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}}
{{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}}
{{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}}
{{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}}
{{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}}
{{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id5|content=
{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Create article responsive
|desc=Recuadro para crear un artículo.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}}
{{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id6|content=
{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
|main content=
}}
{{Usuario:Jsmura/Callout responsive
|type=error
|img=Wiki Sable Chibi Shouting.png
|title=Advertencia
|content=No se debe colocar un selector dentro de otro selector: esto arruinaría el funcionamiento de la plantilla
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Selector responsive
|desc=Selector de contenido con opción para múltiples elementos.
|params=
{{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}}
{{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}}
{{Usuario:Jsmura/DocParam|sidebar content|req|
|&lt;nowiki&gt;{{Selector responsive/Sidebar item|id=identificador1|activo=sí|img=Wikivoyage-logo.svg|title=🏙️ Destino|subtitle=Ciudades, regiones…}}
{{Selector responsive/Sidebar item|id=identificador2|img=Wikivoyage-logo.svg|title=💡 Artículo temático|subtitle=Temas generales}}&lt;/nowiki&gt;
}}
{{Usuario:Jsmura/DocParam|main content|req|
|&lt;nowiki&gt;{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}}
{{Selector responsive/Content item|id=identificador2|content=2}}&lt;/nowiki&gt;
}}
}}
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid2|content=
Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}}

|main content=

{{Usuario:Jsmura/Selector responsive/Content item|id=ida1|activo=sí|content=
{{Usuario:Jsmura/Banner responsive
|type=info
|img=Wiki Sable Chibi Thinking.png
|title=🚫 Sin copias — evita el plagio
|content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Banner responsive
|desc=Banner vistozo para resaltar información importante.
|params=
{{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}}
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}}
{{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}}
{{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida2|content=
{{Usuario:Jsmura/Card info responsive
|type=destino
|img=Wiki Sable Chibi Bus Parade.png
|title=🏙️ Destino
|content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info responsive
|desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto.
|params=
{{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}}
{{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}}
{{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}}
{{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida3|content=
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wikivoyage-logo.svg
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info small responsive
|desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable.
|params=
{{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}}
{{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}}
{{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida4|content=
{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info medium responsive
|desc=Inserta una tarjeta de información mediana
|params=
{{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|link|req||Wikiviajes:Taberna}}
{{Usuario:Jsmura/DocParam|title|req||☕ Taberna de la comunidad}}
{{Usuario:Jsmura/DocParam|subtitle|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}}
}}
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid3|content=
Estos elementos son estructuras de columnas. Pueden colocarse dentro cualquier elemento. Cada subelemento se separa con un salto de línea (''doble enter''). Los subelementos se van ordenando automáticamente en filas también.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}}
|main content=

{{Usuario:Jsmura/Selector responsive/Content item|id=idb1|activo=sí|content=
&lt;pre&gt;
&lt;div class=&quot;cols-2-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3

Elemento 4
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-2-grid&quot;&gt;
{{Usuario:Jsmura/Card info responsive
|type=destino
|img=Wiki Sable Chibi Bus Parade.png
|title=🏙️ Destino
|content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
|tag=[[#wvas-sec-destino|→ Ir a la sección Destino]]
}}

{{Usuario:Jsmura/Card info responsive
|type=tematico
|img=Wiki Sable Chibi Bus Parade.png
|title=💡 Artículo temático
|content=Trata un tema tan general que se aplica a gran cantidad de destinos y no está ligado a ninguno en particular. Cubre tópicos que el viajero necesita sin importar a dónde va.
|subcontent=Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».
|tag=[[#wvas-sec-tematico|→ Ir a la sección Temático]]
}}

{{Usuario:Jsmura/Card info responsive
|type=itinerario
|img=Wiki Sable Chibi Bus Parade.png
|title=🗓️ Itinerario
|content=Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
|tag=[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]
}}

{{Usuario:Jsmura/Card info responsive
|type=conv
|img=Wiki Sable Chibi Bus Parade.png
|title=💬 Guía de conversación
|content=&quot;&gt;Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.
|subcontent=Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.
|tag=[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb2|content=
&lt;pre&gt;
&lt;div class=&quot;cols-3-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-3-grid&quot;&gt;
{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Ayuda:Contenidos
|title=📖 Centro de ayuda
|subtitle=Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Ayuda:Introducción
|title=👋 Página de bienvenida
|subtitle=Todo lo que necesitas saber para empezar en Wikiviajes desde cero
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb3|content=
&lt;pre&gt;
&lt;div class=&quot;cols-4-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3

Elemento 4
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-4-grid&quot;&gt;
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wikivoyage-logo.svg
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.
}}

{{Usuario:Jsmura/Card info small responsive
|type=2
|img=Wikivoyage-logo.svg
|title=🗺️ Guía usable
|content=Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.
}}

{{Usuario:Jsmura/Card info small responsive
|type=3
|img=Wikivoyage-logo.svg
|title=📘 Guía
|content=Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.
}}

{{Usuario:Jsmura/Card info small responsive
|type=4
|img=Wikivoyage-logo.svg
|title=⭐ Guía estrella
|content=El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb4|content=
&lt;pre&gt;
&lt;div class=&quot;cols-4-grid&quot;&gt;
Elemento 1 (columna del 20%)

Elemento 2 (columna del 80%)

Elemento 3 (columna del 20%)

Elemento 4 (columna del 80%)
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-20-80-grid&quot;&gt;
[[Archivo:Wiki Sable Adult.png|120px|center|link=|alt=]]

{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}

[[Archivo:Wiki Sable Chibi.png|120px|center|link=|alt=]]

{{Hero mascot responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.
}}
&lt;/div&gt;
}}
}}
}}

{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid4|content=
Estos elementos pueden colocarse como acompañantes del texto.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in1|activo=sí|img=Wikivoyage-logo.svg|title=Chip inline|subtitle=Es un chip}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in2|img=Wikivoyage-logo.svg|title=Badge inline|subtitle=Es un badge}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in3|img=Wikivoyage-logo.svg|title=Tag inline|subtitle=Es un tag}}

|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=in1|activo=sí|content=
Texto de {{Usuario:Jsmura/Chip inline|content=prueba|bg=#1D9E75}} para {{Usuario:Jsmura/Chip inline|content=mostrar|bg=#BA7517}} el {{Usuario:Jsmura/Chip inline|content=elemento|bg=#D85A30}}.
{{Usuario:Jsmura/DocSintaxis
|nombre=Chip inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
{{Usuario:Jsmura/DocParam|bg|opt|#534AB7 / #1D9E75 / #BA7517 / #006699 / #639922 / #D85A30}}
}}
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=in2|content=
&lt;div style=&quot;background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); color: white;&quot;&gt;
{{Usuario:Jsmura/Tags structure}}
{{Badge inline|content=🏛️ Machu Picchu UNESCO}}
{{Badge inline|content=🦙 Imperio Inca}}
{{Badge inline|content=🍽️ Top gastronomía}}
{{Badge inline|content=🌿 Amazonia}}
{{Badge inline|content=🏄 Surf y playas}}
{{Usuario:Jsmura/Tags structure end}}
&lt;/div&gt;

&lt;pre&gt;
{{Badge inline start}}
{{Badge inline|content=🏛️ Machu Picchu UNESCO}}
{{Badge inline|content=🦙 Imperio Inca}}
{{Badge inline|content=🍽️ Top gastronomía}}
{{Badge inline|content=🌿 Amazonia}}
{{Badge inline|content=🏄 Surf y playas}}
{{Badge inline end}}
&lt;/pre&gt;
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=in3|content=
Texto de {{Usuario:Jsmura/Tag inline|content=prueba}} para {{Usuario:Jsmura/Tag inline|content=mostrar}} el {{Usuario:Jsmura/Tag inline|content=elemento}}.

{{Usuario:Jsmura/DocSintaxis
|nombre=Tag inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
}}
}}

}}
}}
}}

= Recursos específicos para Artículos =

Recursos que se utilizan para crear el resumen de artículos de un país.

= Recursos específicos para Trípticos =

commons
= Recursos de imágenes de la mascota =
&lt;gallery mode=&quot;packed&quot;&gt;
Wiki Sable Chibi Angry.png|[[:Archivo:Wiki Sable Chibi Angry.png|Wiki Sable Chibi Angry.png]]
Wiki Sable Chibi Bothered.png|[[:Archivo:Wiki Sable Chibi Bothered.png|Wiki Sable Chibi Bothered.png]]
Wiki Sable Chibi Bus Parade.png|[[:Archivo:Wiki Sable Chibi Bus Parade.png|Wiki Sable Chibi Bus Parade.png]]
Wiki Sable Chibi Camera.png|[[:Archivo:Wiki Sable Chibi Camera.png|Wiki Sable Chibi Camera.png]]
Wiki Sable Chibi Camping.png|[[:Archivo:Wiki Sable Chibi Camping.png|Wiki Sable Chibi Camping.png]]
Wiki Sable Chibi Climbing.png|[[:Archivo:Wiki Sable Chibi Climbing.png|Wiki Sable Chibi Climbing.png]]
Wiki Sable Chibi Confused.png|[[:Archivo:Wiki Sable Chibi Confused.png|Wiki Sable Chibi Confused.png]]
Wiki Sable Chibi Disappointed.png|[[:Archivo:Wiki Sable Chibi Disappointed.png|Wiki Sable Chibi Disappointed.png]]
Wiki Sable Chibi Frightened.png|[[:Archivo:Wiki Sable Chibi Frightened.png|Wiki Sable Chibi Frightened.png]]
Wiki Sable Chibi Guiding.png|[[:Archivo:Wiki Sable Chibi Guiding.png|Wiki Sable Chibi Guiding.png]]
Wiki Sable Chibi In Love.png|[[:Archivo:Wiki Sable Chibi In Love.png|Wiki Sable Chibi In Love.png]]
Wiki Sable Chibi Issue Credit Card.png|[[:Archivo:Wiki Sable Chibi Issue Credit Card.png|Wiki Sable Chibi Issue Credit Card.png]]
Wiki Sable Chibi Issue Directions.png|[[:Archivo:Wiki Sable Chibi Issue Directions.png|Wiki Sable Chibi Issue Directions.png]]
Wiki Sable Chibi Issue Language Nihongo Dare.png|[[:Archivo:Wiki Sable Chibi Issue Language Nihongo Dare.png|Wiki Sable Chibi Issue Language Nihongo Dare.png]]
Wiki Sable Chibi Issue Lost Wallet.png|[[:Archivo:Wiki Sable Chibi Issue Lost Wallet.png|Wiki Sable Chibi Issue Lost Wallet.png]]
Wiki Sable Chibi Issue Money.png|[[:Archivo:Wiki Sable Chibi Issue Money.png|Wiki Sable Chibi Issue Money.png]]
Wiki Sable Chibi Joyful.png|[[:Archivo:Wiki Sable Chibi Joyful.png|Wiki Sable Chibi Joyful.png]]
Wiki Sable Chibi Lotta Love.png|[[:Archivo:Wiki Sable Chibi Lotta Love.png|Wiki Sable Chibi Lotta Love.png]]
Wiki Sable Chibi Mad.png|[[:Archivo:Wiki Sable Chibi Mad.png|Wiki Sable Chibi Mad.png]]
Wiki Sable Chibi Map.png|[[:Archivo:Wiki Sable Chibi Map.png|Wiki Sable Chibi Map.png]]
Wiki Sable Chibi More Love.png|[[:Archivo:Wiki Sable Chibi More Love.png|Wiki Sable Chibi More Love.png]]
Wiki Sable Chibi Neutral.png|[[:Archivo:Wiki Sable Chibi Neutral.png|Wiki Sable Chibi Neutral.png]]
Wiki Sable Chibi Pleased.png|[[:Archivo:Wiki Sable Chibi Pleased.png|Wiki Sable Chibi Pleased.png]]
Wiki Sable Chibi Running.png|[[:Archivo:Wiki Sable Chibi Running.png|Wiki Sable Chibi Running.png]]
Wiki Sable Chibi Seeking.png|[[:Archivo:Wiki Sable Chibi Seeking.png|Wiki Sable Chibi Seeking.png]]
Wiki Sable Chibi Send Love.png|[[:Archivo:Wiki Sable Chibi Send Love.png|Wiki Sable Chibi Send Love.png]]
Wiki Sable Chibi Shouting.png|[[:Archivo:Wiki Sable Chibi Shouting.png|Wiki Sable Chibi Shouting.png]]
Wiki Sable Chibi Stop.png|[[:Archivo:Wiki Sable Chibi Stop.png|Wiki Sable Chibi Stop.png]]
Wiki Sable Chibi Sunset.png|[[:Archivo:Wiki Sable Chibi Sunset.png|Wiki Sable Chibi Sunset.png]]
Wiki Sable Chibi Taking Photo.png|[[:Archivo:Wiki Sable Chibi Taking Photo.png|Wiki Sable Chibi Taking Photo.png]]
Wiki Sable Chibi That's Love.png|[[:Archivo:Wiki Sable Chibi That's Love.png|Wiki Sable Chibi That's Love.png]]
Wiki Sable Chibi Thinking.png|[[:Archivo:Wiki Sable Chibi Thinking.png|Wiki Sable Chibi Thinking.png]]
Wiki Sable Chibi Writing.png|[[:Archivo:Wiki Sable Chibi Writing.png|Wiki Sable Chibi Writing.png]]
Wiki Sable Chibi.png|[[:Archivo:Wiki Sable Chibi.png|Wiki Sable Chibi.png]]
&lt;/gallery&gt;</text>
      <sha1>864taa4uagzgqojxepjc4np8fmalv7k</sha1>
    </revision>
    <revision>
      <id>253792</id>
      <parentid>253783</parentid>
      <timestamp>2026-05-23T01:47:21Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253792</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="26900" sha1="qbqrw7jyqgne27w4wzs6laf4i6mv0ki" xml:space="preserve">Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive.

= Recursos generales =

{{Usuario:Jsmura/Selector horizontal responsive
|butonera=
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid1|activo=sí|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;de ancho completo}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;parciales}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;de columnas}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid4|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;texto inline}}

|main content=
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid1|activo=sí|content=
A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los &lt;nowiki&gt;= Título =&lt;/nowiki&gt;}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}}

|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content=
{{Hero mascot responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.
}}
{{Hero mascot responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id2|content=
{{Banner images responsive
|img1=Delicious Street Food - 2.jpg
|img2=Sinulog Festival (2023) contingents in street dance 05.jpg
|img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg
|img4=Jennie Milton Uçurtma Kayağı.jpg
|img5=Colorful autumn forest.jpg
}}
{{Banner images responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id7|content=
{{Callout responsive
|type=error
|img=Wiki Sable Chibi Stop.png
|title=💥 '''ATENCIÓN'''
|content=Acabo de robar tu atención.
}}
{{Callout responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id9|content=
{{{!}} class=&quot;table-awesome&quot;
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}}

{{Usuario:Jsmura/Callout responsive
|type=info
|img=Wiki Sable Chibi Seeking.png
|title=Forma de usarse
|content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad &lt;pre&gt;class=&quot;table-awesome&quot;&lt;/pre&gt;
}}

&lt;pre&gt;{| class=&quot;table-awesome&quot;
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|}&lt;/pre&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id8|content=
{{Usuario:Jsmura/Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg=#1f55ad}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg=#3B82F6}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg=#5288e0}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg=#a8c4f0}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg=#b6cbec}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Header awesome
|desc=Header bonito.
|nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc.
|params=
{{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}}
{{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}}
{{Usuario:Jsmura/DocParam|icon|opt||📋}}
{{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id3|content=
{{Usuario:Jsmura/Checklist responsive
|img=Wikivoyage-logo.svg
|title=¿Listo/a para publicar? Verifica estos 10 puntos
|content=* item 1
* item 2
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Checklist responsive
|desc=Lista de ítems a considerar.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}}
{{Usuario:Jsmura/DocParam|content|req|
|* item 1
* item 2}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id4|content=
{{Usuario:Jsmura/Checklist 2 cols responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=Artículos aceptables e inaceptables en Wikiviajes
|ok title=✅ Aceptables
|ok list=
* item 1
* item 2
|bad title=🚫 Inaceptables
|bad list=
* item 1
* item 2
|note title=Ten en cuenta también que Wikiviajes no es:
|note list=
* item 1
* item 2
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Checklist 2 cols responsive
|desc=Doble lista para comprobaciones de ítems buenos y malos.
|notas=* Puedes colocar tantos items (* item) como desees.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}}
{{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}}
{{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}}
{{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}}
{{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}}
{{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}}
{{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id5|content=
{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Create article responsive
|desc=Recuadro para crear un artículo.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}}
{{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id6|content=
{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
|main content=
}}
{{Usuario:Jsmura/Callout responsive
|type=error
|img=Wiki Sable Chibi Shouting.png
|title=Advertencia
|content=No se debe colocar un selector dentro de otro selector: esto arruinaría el funcionamiento de la plantilla
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Selector responsive
|desc=Selector de contenido con opción para múltiples elementos.
|params=
{{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}}
{{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}}
{{Usuario:Jsmura/DocParam|sidebar content|req|
|&lt;nowiki&gt;{{Selector responsive/Sidebar item|id=identificador1|activo=sí|img=Wikivoyage-logo.svg|title=🏙️ Destino|subtitle=Ciudades, regiones…}}
{{Selector responsive/Sidebar item|id=identificador2|img=Wikivoyage-logo.svg|title=💡 Artículo temático|subtitle=Temas generales}}&lt;/nowiki&gt;
}}
{{Usuario:Jsmura/DocParam|main content|req|
|&lt;nowiki&gt;{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}}
{{Selector responsive/Content item|id=identificador2|content=2}}&lt;/nowiki&gt;
}}
}}
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid2|content=
Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}}

|main content=

{{Usuario:Jsmura/Selector responsive/Content item|id=ida1|activo=sí|content=
{{Usuario:Jsmura/Banner responsive
|type=info
|img=Wiki Sable Chibi Thinking.png
|title=🚫 Sin copias — evita el plagio
|content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Banner responsive
|desc=Banner vistozo para resaltar información importante.
|params=
{{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}}
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}}
{{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}}
{{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida2|content=
{{Usuario:Jsmura/Card info responsive
|type=destino
|img=Wiki Sable Chibi Bus Parade.png
|title=🏙️ Destino
|content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info responsive
|desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto.
|params=
{{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}}
{{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}}
{{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}}
{{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida3|content=
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wikivoyage-logo.svg
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info small responsive
|desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable.
|params=
{{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}}
{{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}}
{{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida4|content=
{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info medium responsive
|desc=Inserta una tarjeta de información mediana
|params=
{{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|link|req||Wikiviajes:Taberna}}
{{Usuario:Jsmura/DocParam|title|req||☕ Taberna de la comunidad}}
{{Usuario:Jsmura/DocParam|subtitle|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}}
}}
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid3|content=
Estos elementos son estructuras de columnas. Pueden colocarse dentro cualquier elemento. Cada subelemento se separa con un salto de línea (''doble enter''). Los subelementos se van ordenando automáticamente en filas también.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}}
|main content=

{{Usuario:Jsmura/Selector responsive/Content item|id=idb1|activo=sí|content=
&lt;pre&gt;
&lt;div class=&quot;cols-2-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3

Elemento 4
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-2-grid&quot;&gt;
{{Usuario:Jsmura/Card info responsive
|type=destino
|img=Wiki Sable Chibi Bus Parade.png
|title=🏙️ Destino
|content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
|tag=[[#wvas-sec-destino|→ Ir a la sección Destino]]
}}

{{Usuario:Jsmura/Card info responsive
|type=tematico
|img=Wiki Sable Chibi Bus Parade.png
|title=💡 Artículo temático
|content=Trata un tema tan general que se aplica a gran cantidad de destinos y no está ligado a ninguno en particular. Cubre tópicos que el viajero necesita sin importar a dónde va.
|subcontent=Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».
|tag=[[#wvas-sec-tematico|→ Ir a la sección Temático]]
}}

{{Usuario:Jsmura/Card info responsive
|type=itinerario
|img=Wiki Sable Chibi Bus Parade.png
|title=🗓️ Itinerario
|content=Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
|tag=[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]
}}

{{Usuario:Jsmura/Card info responsive
|type=conv
|img=Wiki Sable Chibi Bus Parade.png
|title=💬 Guía de conversación
|content=&quot;&gt;Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.
|subcontent=Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.
|tag=[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb2|content=
&lt;pre&gt;
&lt;div class=&quot;cols-3-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-3-grid&quot;&gt;
{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Ayuda:Contenidos
|title=📖 Centro de ayuda
|subtitle=Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Ayuda:Introducción
|title=👋 Página de bienvenida
|subtitle=Todo lo que necesitas saber para empezar en Wikiviajes desde cero
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb3|content=
&lt;pre&gt;
&lt;div class=&quot;cols-4-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3

Elemento 4
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-4-grid&quot;&gt;
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wikivoyage-logo.svg
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.
}}

{{Usuario:Jsmura/Card info small responsive
|type=2
|img=Wikivoyage-logo.svg
|title=🗺️ Guía usable
|content=Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.
}}

{{Usuario:Jsmura/Card info small responsive
|type=3
|img=Wikivoyage-logo.svg
|title=📘 Guía
|content=Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.
}}

{{Usuario:Jsmura/Card info small responsive
|type=4
|img=Wikivoyage-logo.svg
|title=⭐ Guía estrella
|content=El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb4|content=
&lt;pre&gt;
&lt;div class=&quot;cols-4-grid&quot;&gt;
Elemento 1 (columna del 20%)

Elemento 2 (columna del 80%)

Elemento 3 (columna del 20%)

Elemento 4 (columna del 80%)
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-20-80-grid&quot;&gt;
[[Archivo:Wiki Sable Adult.png|120px|center|link=|alt=]]

{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}

[[Archivo:Wiki Sable Chibi.png|120px|center|link=|alt=]]

{{Hero mascot responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.
}}
&lt;/div&gt;
}}
}}
}}

{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid4|content=
Estos elementos pueden colocarse como acompañantes del texto.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in1|activo=sí|img=Wikivoyage-logo.svg|title=Chip inline|subtitle=Es un chip}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in2|img=Wikivoyage-logo.svg|title=Badge inline|subtitle=Es un badge}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in3|img=Wikivoyage-logo.svg|title=Tag inline|subtitle=Es un tag}}

|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=in1|activo=sí|content=
Texto de {{Usuario:Jsmura/Chip inline|content=prueba|bg=#1D9E75}} para {{Usuario:Jsmura/Chip inline|content=mostrar|bg=#BA7517}} el {{Usuario:Jsmura/Chip inline|content=elemento|bg=#D85A30}}.
{{Usuario:Jsmura/DocSintaxis
|nombre=Chip inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
{{Usuario:Jsmura/DocParam|bg|opt|#534AB7 / #1D9E75 / #BA7517 / #006699 / #639922 / #D85A30}}
}}
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=in2|content=
&lt;div style=&quot;background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); color: white;&quot;&gt;
{{Usuario:Jsmura/Tags structure}}
{{Badge inline|content=🏛️ Machu Picchu UNESCO}}
{{Badge inline|content=🦙 Imperio Inca}}
{{Badge inline|content=🍽️ Top gastronomía}}
{{Badge inline|content=🌿 Amazonia}}
{{Badge inline|content=🏄 Surf y playas}}
{{Usuario:Jsmura/Tags structure end}}
&lt;/div&gt;

&lt;pre&gt;
{{Badge inline start}}
{{Badge inline|content=🏛️ Machu Picchu UNESCO}}
{{Badge inline|content=🦙 Imperio Inca}}
{{Badge inline|content=🍽️ Top gastronomía}}
{{Badge inline|content=🌿 Amazonia}}
{{Badge inline|content=🏄 Surf y playas}}
{{Badge inline end}}
&lt;/pre&gt;
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=in3|content=
Texto de {{Usuario:Jsmura/Tag inline|content=prueba}} para {{Usuario:Jsmura/Tag inline|content=mostrar}} el {{Usuario:Jsmura/Tag inline|content=elemento}}.

{{Usuario:Jsmura/DocSintaxis
|nombre=Tag inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
}}
}}

}}
}}
}}

= Recursos específicos para Artículos =

Recursos que se utilizan para crear el resumen de artículos de un país.

= Recursos específicos para Trípticos =

commons
= Recursos de imágenes de la mascota =
&lt;gallery mode=&quot;packed&quot;&gt;
Wiki Sable Chibi Angry.png|[[:Archivo:Wiki Sable Chibi Angry.png|Wiki Sable Chibi Angry.png]]
Wiki Sable Chibi Bothered.png|[[:Archivo:Wiki Sable Chibi Bothered.png|Wiki Sable Chibi Bothered.png]]
Wiki Sable Chibi Bus Parade.png|[[:Archivo:Wiki Sable Chibi Bus Parade.png|Wiki Sable Chibi Bus Parade.png]]
Wiki Sable Chibi Camera.png|[[:Archivo:Wiki Sable Chibi Camera.png|Wiki Sable Chibi Camera.png]]
Wiki Sable Chibi Camping.png|[[:Archivo:Wiki Sable Chibi Camping.png|Wiki Sable Chibi Camping.png]]
Wiki Sable Chibi Climbing.png|[[:Archivo:Wiki Sable Chibi Climbing.png|Wiki Sable Chibi Climbing.png]]
Wiki Sable Chibi Confused.png|[[:Archivo:Wiki Sable Chibi Confused.png|Wiki Sable Chibi Confused.png]]
Wiki Sable Chibi Disappointed.png|[[:Archivo:Wiki Sable Chibi Disappointed.png|Wiki Sable Chibi Disappointed.png]]
Wiki Sable Chibi Frightened.png|[[:Archivo:Wiki Sable Chibi Frightened.png|Wiki Sable Chibi Frightened.png]]
Wiki Sable Chibi Guiding.png|[[:Archivo:Wiki Sable Chibi Guiding.png|Wiki Sable Chibi Guiding.png]]
Wiki Sable Chibi In Love.png|[[:Archivo:Wiki Sable Chibi In Love.png|Wiki Sable Chibi In Love.png]]
Wiki Sable Chibi Issue Credit Card.png|[[:Archivo:Wiki Sable Chibi Issue Credit Card.png|Wiki Sable Chibi Issue Credit Card.png]]
Wiki Sable Chibi Issue Directions.png|[[:Archivo:Wiki Sable Chibi Issue Directions.png|Wiki Sable Chibi Issue Directions.png]]
Wiki Sable Chibi Issue Language Nihongo Dare.png|[[:Archivo:Wiki Sable Chibi Issue Language Nihongo Dare.png|Wiki Sable Chibi Issue Language Nihongo Dare.png]]
Wiki Sable Chibi Issue Lost Wallet.png|[[:Archivo:Wiki Sable Chibi Issue Lost Wallet.png|Wiki Sable Chibi Issue Lost Wallet.png]]
Wiki Sable Chibi Issue Money.png|[[:Archivo:Wiki Sable Chibi Issue Money.png|Wiki Sable Chibi Issue Money.png]]
Wiki Sable Chibi Joyful.png|[[:Archivo:Wiki Sable Chibi Joyful.png|Wiki Sable Chibi Joyful.png]]
Wiki Sable Chibi Lotta Love.png|[[:Archivo:Wiki Sable Chibi Lotta Love.png|Wiki Sable Chibi Lotta Love.png]]
Wiki Sable Chibi Mad.png|[[:Archivo:Wiki Sable Chibi Mad.png|Wiki Sable Chibi Mad.png]]
Wiki Sable Chibi Map.png|[[:Archivo:Wiki Sable Chibi Map.png|Wiki Sable Chibi Map.png]]
Wiki Sable Chibi More Love.png|[[:Archivo:Wiki Sable Chibi More Love.png|Wiki Sable Chibi More Love.png]]
Wiki Sable Chibi Neutral.png|[[:Archivo:Wiki Sable Chibi Neutral.png|Wiki Sable Chibi Neutral.png]]
Wiki Sable Chibi Pleased.png|[[:Archivo:Wiki Sable Chibi Pleased.png|Wiki Sable Chibi Pleased.png]]
Wiki Sable Chibi Running.png|[[:Archivo:Wiki Sable Chibi Running.png|Wiki Sable Chibi Running.png]]
Wiki Sable Chibi Seeking.png|[[:Archivo:Wiki Sable Chibi Seeking.png|Wiki Sable Chibi Seeking.png]]
Wiki Sable Chibi Send Love.png|[[:Archivo:Wiki Sable Chibi Send Love.png|Wiki Sable Chibi Send Love.png]]
Wiki Sable Chibi Shouting.png|[[:Archivo:Wiki Sable Chibi Shouting.png|Wiki Sable Chibi Shouting.png]]
Wiki Sable Chibi Stop.png|[[:Archivo:Wiki Sable Chibi Stop.png|Wiki Sable Chibi Stop.png]]
Wiki Sable Chibi Sunset.png|[[:Archivo:Wiki Sable Chibi Sunset.png|Wiki Sable Chibi Sunset.png]]
Wiki Sable Chibi Taking Photo.png|[[:Archivo:Wiki Sable Chibi Taking Photo.png|Wiki Sable Chibi Taking Photo.png]]
Wiki Sable Chibi That's Love.png|[[:Archivo:Wiki Sable Chibi That's Love.png|Wiki Sable Chibi That's Love.png]]
Wiki Sable Chibi Thinking.png|[[:Archivo:Wiki Sable Chibi Thinking.png|Wiki Sable Chibi Thinking.png]]
Wiki Sable Chibi Writing.png|[[:Archivo:Wiki Sable Chibi Writing.png|Wiki Sable Chibi Writing.png]]
Wiki Sable Chibi.png|[[:Archivo:Wiki Sable Chibi.png|Wiki Sable Chibi.png]]
&lt;/gallery&gt;</text>
      <sha1>qbqrw7jyqgne27w4wzs6laf4i6mv0ki</sha1>
    </revision>
    <revision>
      <id>253794</id>
      <parentid>253792</parentid>
      <timestamp>2026-05-23T01:52:02Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253794</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="26907" sha1="2drngqepvnutr74w4gbzohdh0uw1eld" xml:space="preserve">Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive.

= Recursos generales =

{{Usuario:Jsmura/Selector horizontal responsive
|butonera=
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid1|activo=sí|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;de ancho completo}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;parciales}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;de columnas}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid4|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;texto inline}}

|main content=
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid1|activo=sí|content=
A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los &lt;nowiki&gt;= Título =&lt;/nowiki&gt;}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}}

|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content=
{{Hero mascot responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.
}}
{{Hero mascot responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id2|content=
{{Banner images responsive
|img1=Delicious Street Food - 2.jpg
|img2=Sinulog Festival (2023) contingents in street dance 05.jpg
|img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg
|img4=Jennie Milton Uçurtma Kayağı.jpg
|img5=Colorful autumn forest.jpg
}}
{{Banner images responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id7|content=
{{Callout responsive
|type=error
|img=Wiki Sable Chibi Stop.png
|title=💥 '''ATENCIÓN'''
|content=Acabo de robar tu atención.
}}
{{Callout responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id9|content=
{{{!}} class=&quot;table-awesome&quot;
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}}


{{Callout responsive
|type=info
|img=Wiki Sable Chibi Seeking.png
|title=Forma de usarse
|content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad &lt;pre&gt;class=&quot;table-awesome&quot;&lt;/pre&gt;
}}


{{DocCopiar|&lt;nowiki&gt;{| class=&quot;table-awesome&quot;
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|}&lt;/nowiki&gt;}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id8|content=
{{Usuario:Jsmura/Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg=#1f55ad}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg=#3B82F6}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg=#5288e0}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg=#a8c4f0}}
{{Usuario:Jsmura/Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg=#b6cbec}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Header awesome
|desc=Header bonito.
|nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc.
|params=
{{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}}
{{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}}
{{Usuario:Jsmura/DocParam|icon|opt||📋}}
{{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id3|content=
{{Usuario:Jsmura/Checklist responsive
|img=Wikivoyage-logo.svg
|title=¿Listo/a para publicar? Verifica estos 10 puntos
|content=* item 1
* item 2
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Checklist responsive
|desc=Lista de ítems a considerar.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}}
{{Usuario:Jsmura/DocParam|content|req|
|* item 1
* item 2}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id4|content=
{{Usuario:Jsmura/Checklist 2 cols responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=Artículos aceptables e inaceptables en Wikiviajes
|ok title=✅ Aceptables
|ok list=
* item 1
* item 2
|bad title=🚫 Inaceptables
|bad list=
* item 1
* item 2
|note title=Ten en cuenta también que Wikiviajes no es:
|note list=
* item 1
* item 2
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Checklist 2 cols responsive
|desc=Doble lista para comprobaciones de ítems buenos y malos.
|notas=* Puedes colocar tantos items (* item) como desees.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}}
{{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}}
{{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}}
{{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}}
{{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}}
{{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}}
{{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id5|content=
{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Create article responsive
|desc=Recuadro para crear un artículo.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}}
{{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id6|content=
{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
|main content=
}}
{{Usuario:Jsmura/Callout responsive
|type=error
|img=Wiki Sable Chibi Shouting.png
|title=Advertencia
|content=No se debe colocar un selector dentro de otro selector: esto arruinaría el funcionamiento de la plantilla
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Selector responsive
|desc=Selector de contenido con opción para múltiples elementos.
|params=
{{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}}
{{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}}
{{Usuario:Jsmura/DocParam|sidebar content|req|
|&lt;nowiki&gt;{{Selector responsive/Sidebar item|id=identificador1|activo=sí|img=Wikivoyage-logo.svg|title=🏙️ Destino|subtitle=Ciudades, regiones…}}
{{Selector responsive/Sidebar item|id=identificador2|img=Wikivoyage-logo.svg|title=💡 Artículo temático|subtitle=Temas generales}}&lt;/nowiki&gt;
}}
{{Usuario:Jsmura/DocParam|main content|req|
|&lt;nowiki&gt;{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}}
{{Selector responsive/Content item|id=identificador2|content=2}}&lt;/nowiki&gt;
}}
}}
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid2|content=
Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}}

|main content=

{{Usuario:Jsmura/Selector responsive/Content item|id=ida1|activo=sí|content=
{{Usuario:Jsmura/Banner responsive
|type=info
|img=Wiki Sable Chibi Thinking.png
|title=🚫 Sin copias — evita el plagio
|content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Banner responsive
|desc=Banner vistozo para resaltar información importante.
|params=
{{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}}
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}}
{{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}}
{{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida2|content=
{{Usuario:Jsmura/Card info responsive
|type=destino
|img=Wiki Sable Chibi Bus Parade.png
|title=🏙️ Destino
|content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info responsive
|desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto.
|params=
{{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}}
{{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}}
{{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}}
{{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida3|content=
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wikivoyage-logo.svg
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info small responsive
|desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable.
|params=
{{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}}
{{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}}
{{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida4|content=
{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info medium responsive
|desc=Inserta una tarjeta de información mediana
|params=
{{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|link|req||Wikiviajes:Taberna}}
{{Usuario:Jsmura/DocParam|title|req||☕ Taberna de la comunidad}}
{{Usuario:Jsmura/DocParam|subtitle|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}}
}}
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid3|content=
Estos elementos son estructuras de columnas. Pueden colocarse dentro cualquier elemento. Cada subelemento se separa con un salto de línea (''doble enter''). Los subelementos se van ordenando automáticamente en filas también.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}}
|main content=

{{Usuario:Jsmura/Selector responsive/Content item|id=idb1|activo=sí|content=
&lt;pre&gt;
&lt;div class=&quot;cols-2-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3

Elemento 4
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-2-grid&quot;&gt;
{{Usuario:Jsmura/Card info responsive
|type=destino
|img=Wiki Sable Chibi Bus Parade.png
|title=🏙️ Destino
|content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
|tag=[[#wvas-sec-destino|→ Ir a la sección Destino]]
}}

{{Usuario:Jsmura/Card info responsive
|type=tematico
|img=Wiki Sable Chibi Bus Parade.png
|title=💡 Artículo temático
|content=Trata un tema tan general que se aplica a gran cantidad de destinos y no está ligado a ninguno en particular. Cubre tópicos que el viajero necesita sin importar a dónde va.
|subcontent=Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».
|tag=[[#wvas-sec-tematico|→ Ir a la sección Temático]]
}}

{{Usuario:Jsmura/Card info responsive
|type=itinerario
|img=Wiki Sable Chibi Bus Parade.png
|title=🗓️ Itinerario
|content=Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
|tag=[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]
}}

{{Usuario:Jsmura/Card info responsive
|type=conv
|img=Wiki Sable Chibi Bus Parade.png
|title=💬 Guía de conversación
|content=&quot;&gt;Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.
|subcontent=Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.
|tag=[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb2|content=
&lt;pre&gt;
&lt;div class=&quot;cols-3-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-3-grid&quot;&gt;
{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Ayuda:Contenidos
|title=📖 Centro de ayuda
|subtitle=Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Ayuda:Introducción
|title=👋 Página de bienvenida
|subtitle=Todo lo que necesitas saber para empezar en Wikiviajes desde cero
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb3|content=
&lt;pre&gt;
&lt;div class=&quot;cols-4-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3

Elemento 4
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-4-grid&quot;&gt;
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wikivoyage-logo.svg
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.
}}

{{Usuario:Jsmura/Card info small responsive
|type=2
|img=Wikivoyage-logo.svg
|title=🗺️ Guía usable
|content=Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.
}}

{{Usuario:Jsmura/Card info small responsive
|type=3
|img=Wikivoyage-logo.svg
|title=📘 Guía
|content=Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.
}}

{{Usuario:Jsmura/Card info small responsive
|type=4
|img=Wikivoyage-logo.svg
|title=⭐ Guía estrella
|content=El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb4|content=
&lt;pre&gt;
&lt;div class=&quot;cols-4-grid&quot;&gt;
Elemento 1 (columna del 20%)

Elemento 2 (columna del 80%)

Elemento 3 (columna del 20%)

Elemento 4 (columna del 80%)
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-20-80-grid&quot;&gt;
[[Archivo:Wiki Sable Adult.png|120px|center|link=|alt=]]

{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}

[[Archivo:Wiki Sable Chibi.png|120px|center|link=|alt=]]

{{Hero mascot responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.
}}
&lt;/div&gt;
}}
}}
}}

{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid4|content=
Estos elementos pueden colocarse como acompañantes del texto.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in1|activo=sí|img=Wikivoyage-logo.svg|title=Chip inline|subtitle=Es un chip}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in2|img=Wikivoyage-logo.svg|title=Badge inline|subtitle=Es un badge}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in3|img=Wikivoyage-logo.svg|title=Tag inline|subtitle=Es un tag}}

|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=in1|activo=sí|content=
Texto de {{Usuario:Jsmura/Chip inline|content=prueba|bg=#1D9E75}} para {{Usuario:Jsmura/Chip inline|content=mostrar|bg=#BA7517}} el {{Usuario:Jsmura/Chip inline|content=elemento|bg=#D85A30}}.
{{Usuario:Jsmura/DocSintaxis
|nombre=Chip inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
{{Usuario:Jsmura/DocParam|bg|opt|#534AB7 / #1D9E75 / #BA7517 / #006699 / #639922 / #D85A30}}
}}
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=in2|content=
&lt;div style=&quot;background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); color: white;&quot;&gt;
{{Usuario:Jsmura/Tags structure}}
{{Badge inline|content=🏛️ Machu Picchu UNESCO}}
{{Badge inline|content=🦙 Imperio Inca}}
{{Badge inline|content=🍽️ Top gastronomía}}
{{Badge inline|content=🌿 Amazonia}}
{{Badge inline|content=🏄 Surf y playas}}
{{Usuario:Jsmura/Tags structure end}}
&lt;/div&gt;

&lt;pre&gt;
{{Badge inline start}}
{{Badge inline|content=🏛️ Machu Picchu UNESCO}}
{{Badge inline|content=🦙 Imperio Inca}}
{{Badge inline|content=🍽️ Top gastronomía}}
{{Badge inline|content=🌿 Amazonia}}
{{Badge inline|content=🏄 Surf y playas}}
{{Badge inline end}}
&lt;/pre&gt;
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=in3|content=
Texto de {{Usuario:Jsmura/Tag inline|content=prueba}} para {{Usuario:Jsmura/Tag inline|content=mostrar}} el {{Usuario:Jsmura/Tag inline|content=elemento}}.

{{Usuario:Jsmura/DocSintaxis
|nombre=Tag inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
}}
}}

}}
}}
}}

= Recursos específicos para Artículos =

Recursos que se utilizan para crear el resumen de artículos de un país.

= Recursos específicos para Trípticos =

commons
= Recursos de imágenes de la mascota =
&lt;gallery mode=&quot;packed&quot;&gt;
Wiki Sable Chibi Angry.png|[[:Archivo:Wiki Sable Chibi Angry.png|Wiki Sable Chibi Angry.png]]
Wiki Sable Chibi Bothered.png|[[:Archivo:Wiki Sable Chibi Bothered.png|Wiki Sable Chibi Bothered.png]]
Wiki Sable Chibi Bus Parade.png|[[:Archivo:Wiki Sable Chibi Bus Parade.png|Wiki Sable Chibi Bus Parade.png]]
Wiki Sable Chibi Camera.png|[[:Archivo:Wiki Sable Chibi Camera.png|Wiki Sable Chibi Camera.png]]
Wiki Sable Chibi Camping.png|[[:Archivo:Wiki Sable Chibi Camping.png|Wiki Sable Chibi Camping.png]]
Wiki Sable Chibi Climbing.png|[[:Archivo:Wiki Sable Chibi Climbing.png|Wiki Sable Chibi Climbing.png]]
Wiki Sable Chibi Confused.png|[[:Archivo:Wiki Sable Chibi Confused.png|Wiki Sable Chibi Confused.png]]
Wiki Sable Chibi Disappointed.png|[[:Archivo:Wiki Sable Chibi Disappointed.png|Wiki Sable Chibi Disappointed.png]]
Wiki Sable Chibi Frightened.png|[[:Archivo:Wiki Sable Chibi Frightened.png|Wiki Sable Chibi Frightened.png]]
Wiki Sable Chibi Guiding.png|[[:Archivo:Wiki Sable Chibi Guiding.png|Wiki Sable Chibi Guiding.png]]
Wiki Sable Chibi In Love.png|[[:Archivo:Wiki Sable Chibi In Love.png|Wiki Sable Chibi In Love.png]]
Wiki Sable Chibi Issue Credit Card.png|[[:Archivo:Wiki Sable Chibi Issue Credit Card.png|Wiki Sable Chibi Issue Credit Card.png]]
Wiki Sable Chibi Issue Directions.png|[[:Archivo:Wiki Sable Chibi Issue Directions.png|Wiki Sable Chibi Issue Directions.png]]
Wiki Sable Chibi Issue Language Nihongo Dare.png|[[:Archivo:Wiki Sable Chibi Issue Language Nihongo Dare.png|Wiki Sable Chibi Issue Language Nihongo Dare.png]]
Wiki Sable Chibi Issue Lost Wallet.png|[[:Archivo:Wiki Sable Chibi Issue Lost Wallet.png|Wiki Sable Chibi Issue Lost Wallet.png]]
Wiki Sable Chibi Issue Money.png|[[:Archivo:Wiki Sable Chibi Issue Money.png|Wiki Sable Chibi Issue Money.png]]
Wiki Sable Chibi Joyful.png|[[:Archivo:Wiki Sable Chibi Joyful.png|Wiki Sable Chibi Joyful.png]]
Wiki Sable Chibi Lotta Love.png|[[:Archivo:Wiki Sable Chibi Lotta Love.png|Wiki Sable Chibi Lotta Love.png]]
Wiki Sable Chibi Mad.png|[[:Archivo:Wiki Sable Chibi Mad.png|Wiki Sable Chibi Mad.png]]
Wiki Sable Chibi Map.png|[[:Archivo:Wiki Sable Chibi Map.png|Wiki Sable Chibi Map.png]]
Wiki Sable Chibi More Love.png|[[:Archivo:Wiki Sable Chibi More Love.png|Wiki Sable Chibi More Love.png]]
Wiki Sable Chibi Neutral.png|[[:Archivo:Wiki Sable Chibi Neutral.png|Wiki Sable Chibi Neutral.png]]
Wiki Sable Chibi Pleased.png|[[:Archivo:Wiki Sable Chibi Pleased.png|Wiki Sable Chibi Pleased.png]]
Wiki Sable Chibi Running.png|[[:Archivo:Wiki Sable Chibi Running.png|Wiki Sable Chibi Running.png]]
Wiki Sable Chibi Seeking.png|[[:Archivo:Wiki Sable Chibi Seeking.png|Wiki Sable Chibi Seeking.png]]
Wiki Sable Chibi Send Love.png|[[:Archivo:Wiki Sable Chibi Send Love.png|Wiki Sable Chibi Send Love.png]]
Wiki Sable Chibi Shouting.png|[[:Archivo:Wiki Sable Chibi Shouting.png|Wiki Sable Chibi Shouting.png]]
Wiki Sable Chibi Stop.png|[[:Archivo:Wiki Sable Chibi Stop.png|Wiki Sable Chibi Stop.png]]
Wiki Sable Chibi Sunset.png|[[:Archivo:Wiki Sable Chibi Sunset.png|Wiki Sable Chibi Sunset.png]]
Wiki Sable Chibi Taking Photo.png|[[:Archivo:Wiki Sable Chibi Taking Photo.png|Wiki Sable Chibi Taking Photo.png]]
Wiki Sable Chibi That's Love.png|[[:Archivo:Wiki Sable Chibi That's Love.png|Wiki Sable Chibi That's Love.png]]
Wiki Sable Chibi Thinking.png|[[:Archivo:Wiki Sable Chibi Thinking.png|Wiki Sable Chibi Thinking.png]]
Wiki Sable Chibi Writing.png|[[:Archivo:Wiki Sable Chibi Writing.png|Wiki Sable Chibi Writing.png]]
Wiki Sable Chibi.png|[[:Archivo:Wiki Sable Chibi.png|Wiki Sable Chibi.png]]
&lt;/gallery&gt;</text>
      <sha1>2drngqepvnutr74w4gbzohdh0uw1eld</sha1>
    </revision>
    <revision>
      <id>253807</id>
      <parentid>253794</parentid>
      <timestamp>2026-05-23T02:11:23Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253807</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="26501" sha1="omt6bpqtw4afhvqenfk6gfevar3ffc4" xml:space="preserve">Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive.

= Recursos generales =

{{Usuario:Jsmura/Selector horizontal responsive
|butonera=
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid1|activo=sí|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;de ancho completo}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;parciales}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;de columnas}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid4|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;texto inline}}

|main content=
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid1|activo=sí|content=
A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los &lt;nowiki&gt;= Título =&lt;/nowiki&gt;}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}}

|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content=
{{Hero mascot responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.
}}
{{Hero mascot responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id2|content=
{{Banner images responsive
|img1=Delicious Street Food - 2.jpg
|img2=Sinulog Festival (2023) contingents in street dance 05.jpg
|img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg
|img4=Jennie Milton Uçurtma Kayağı.jpg
|img5=Colorful autumn forest.jpg
}}
{{Banner images responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id7|content=
{{Callout responsive
|type=error
|img=Wiki Sable Chibi Stop.png
|title=💥 '''ATENCIÓN'''
|content=Acabo de robar tu atención.
}}
{{Callout responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id9|content=
{{{!}} class=&quot;table-awesome&quot;
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}}


{{Callout responsive
|type=info
|img=Wiki Sable Chibi Seeking.png
|title=Forma de usarse
|content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad &lt;pre&gt;class=&quot;table-awesome&quot;&lt;/pre&gt;
}}


{{DocCopiar|&lt;nowiki&gt;{| class=&quot;table-awesome&quot;
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|}&lt;/nowiki&gt;}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id8|content=
{{Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg={{Color Sable|rosa}}}}
{{Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg={{Color Sable|azul}}}}
{{Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg={{Color Sable|verde}}}}
{{Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg={{Color Sable|amarillo}}}}
{{Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg={{Color Sable|cian}}}}
{{Header awesome/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id3|content=
{{Usuario:Jsmura/Checklist responsive
|img=Wikivoyage-logo.svg
|title=¿Listo/a para publicar? Verifica estos 10 puntos
|content=* item 1
* item 2
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Checklist responsive
|desc=Lista de ítems a considerar.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}}
{{Usuario:Jsmura/DocParam|content|req|
|* item 1
* item 2}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id4|content=
{{Usuario:Jsmura/Checklist 2 cols responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=Artículos aceptables e inaceptables en Wikiviajes
|ok title=✅ Aceptables
|ok list=
* item 1
* item 2
|bad title=🚫 Inaceptables
|bad list=
* item 1
* item 2
|note title=Ten en cuenta también que Wikiviajes no es:
|note list=
* item 1
* item 2
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Checklist 2 cols responsive
|desc=Doble lista para comprobaciones de ítems buenos y malos.
|notas=* Puedes colocar tantos items (* item) como desees.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}}
{{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}}
{{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}}
{{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}}
{{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}}
{{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}}
{{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id5|content=
{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Create article responsive
|desc=Recuadro para crear un artículo.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}}
{{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id6|content=
{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
|main content=
}}
{{Usuario:Jsmura/Callout responsive
|type=error
|img=Wiki Sable Chibi Shouting.png
|title=Advertencia
|content=No se debe colocar un selector dentro de otro selector: esto arruinaría el funcionamiento de la plantilla
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Selector responsive
|desc=Selector de contenido con opción para múltiples elementos.
|params=
{{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}}
{{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}}
{{Usuario:Jsmura/DocParam|sidebar content|req|
|&lt;nowiki&gt;{{Selector responsive/Sidebar item|id=identificador1|activo=sí|img=Wikivoyage-logo.svg|title=🏙️ Destino|subtitle=Ciudades, regiones…}}
{{Selector responsive/Sidebar item|id=identificador2|img=Wikivoyage-logo.svg|title=💡 Artículo temático|subtitle=Temas generales}}&lt;/nowiki&gt;
}}
{{Usuario:Jsmura/DocParam|main content|req|
|&lt;nowiki&gt;{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}}
{{Selector responsive/Content item|id=identificador2|content=2}}&lt;/nowiki&gt;
}}
}}
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid2|content=
Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}}

|main content=

{{Usuario:Jsmura/Selector responsive/Content item|id=ida1|activo=sí|content=
{{Usuario:Jsmura/Banner responsive
|type=info
|img=Wiki Sable Chibi Thinking.png
|title=🚫 Sin copias — evita el plagio
|content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Banner responsive
|desc=Banner vistozo para resaltar información importante.
|params=
{{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}}
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}}
{{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}}
{{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida2|content=
{{Usuario:Jsmura/Card info responsive
|type=destino
|img=Wiki Sable Chibi Bus Parade.png
|title=🏙️ Destino
|content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info responsive
|desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto.
|params=
{{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}}
{{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}}
{{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}}
{{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida3|content=
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wikivoyage-logo.svg
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info small responsive
|desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable.
|params=
{{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}}
{{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}}
{{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida4|content=
{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info medium responsive
|desc=Inserta una tarjeta de información mediana
|params=
{{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|link|req||Wikiviajes:Taberna}}
{{Usuario:Jsmura/DocParam|title|req||☕ Taberna de la comunidad}}
{{Usuario:Jsmura/DocParam|subtitle|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}}
}}
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid3|content=
Estos elementos son estructuras de columnas. Pueden colocarse dentro cualquier elemento. Cada subelemento se separa con un salto de línea (''doble enter''). Los subelementos se van ordenando automáticamente en filas también.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}}
|main content=

{{Usuario:Jsmura/Selector responsive/Content item|id=idb1|activo=sí|content=
&lt;pre&gt;
&lt;div class=&quot;cols-2-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3

Elemento 4
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-2-grid&quot;&gt;
{{Usuario:Jsmura/Card info responsive
|type=destino
|img=Wiki Sable Chibi Bus Parade.png
|title=🏙️ Destino
|content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
|tag=[[#wvas-sec-destino|→ Ir a la sección Destino]]
}}

{{Usuario:Jsmura/Card info responsive
|type=tematico
|img=Wiki Sable Chibi Bus Parade.png
|title=💡 Artículo temático
|content=Trata un tema tan general que se aplica a gran cantidad de destinos y no está ligado a ninguno en particular. Cubre tópicos que el viajero necesita sin importar a dónde va.
|subcontent=Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».
|tag=[[#wvas-sec-tematico|→ Ir a la sección Temático]]
}}

{{Usuario:Jsmura/Card info responsive
|type=itinerario
|img=Wiki Sable Chibi Bus Parade.png
|title=🗓️ Itinerario
|content=Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
|tag=[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]
}}

{{Usuario:Jsmura/Card info responsive
|type=conv
|img=Wiki Sable Chibi Bus Parade.png
|title=💬 Guía de conversación
|content=&quot;&gt;Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.
|subcontent=Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.
|tag=[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb2|content=
&lt;pre&gt;
&lt;div class=&quot;cols-3-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-3-grid&quot;&gt;
{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Ayuda:Contenidos
|title=📖 Centro de ayuda
|subtitle=Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Ayuda:Introducción
|title=👋 Página de bienvenida
|subtitle=Todo lo que necesitas saber para empezar en Wikiviajes desde cero
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb3|content=
&lt;pre&gt;
&lt;div class=&quot;cols-4-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3

Elemento 4
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-4-grid&quot;&gt;
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wikivoyage-logo.svg
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.
}}

{{Usuario:Jsmura/Card info small responsive
|type=2
|img=Wikivoyage-logo.svg
|title=🗺️ Guía usable
|content=Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.
}}

{{Usuario:Jsmura/Card info small responsive
|type=3
|img=Wikivoyage-logo.svg
|title=📘 Guía
|content=Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.
}}

{{Usuario:Jsmura/Card info small responsive
|type=4
|img=Wikivoyage-logo.svg
|title=⭐ Guía estrella
|content=El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb4|content=
&lt;pre&gt;
&lt;div class=&quot;cols-4-grid&quot;&gt;
Elemento 1 (columna del 20%)

Elemento 2 (columna del 80%)

Elemento 3 (columna del 20%)

Elemento 4 (columna del 80%)
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-20-80-grid&quot;&gt;
[[Archivo:Wiki Sable Adult.png|120px|center|link=|alt=]]

{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}

[[Archivo:Wiki Sable Chibi.png|120px|center|link=|alt=]]

{{Hero mascot responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.
}}
&lt;/div&gt;
}}
}}
}}

{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid4|content=
Estos elementos pueden colocarse como acompañantes del texto.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in1|activo=sí|img=Wikivoyage-logo.svg|title=Chip inline|subtitle=Es un chip}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in2|img=Wikivoyage-logo.svg|title=Badge inline|subtitle=Es un badge}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in3|img=Wikivoyage-logo.svg|title=Tag inline|subtitle=Es un tag}}

|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=in1|activo=sí|content=
Texto de {{Usuario:Jsmura/Chip inline|content=prueba|bg=#1D9E75}} para {{Usuario:Jsmura/Chip inline|content=mostrar|bg=#BA7517}} el {{Usuario:Jsmura/Chip inline|content=elemento|bg=#D85A30}}.
{{Usuario:Jsmura/DocSintaxis
|nombre=Chip inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
{{Usuario:Jsmura/DocParam|bg|opt|#534AB7 / #1D9E75 / #BA7517 / #006699 / #639922 / #D85A30}}
}}
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=in2|content=
&lt;div style=&quot;background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); color: white;&quot;&gt;
{{Usuario:Jsmura/Tags structure}}
{{Badge inline|content=🏛️ Machu Picchu UNESCO}}
{{Badge inline|content=🦙 Imperio Inca}}
{{Badge inline|content=🍽️ Top gastronomía}}
{{Badge inline|content=🌿 Amazonia}}
{{Badge inline|content=🏄 Surf y playas}}
{{Usuario:Jsmura/Tags structure end}}
&lt;/div&gt;

&lt;pre&gt;
{{Badge inline start}}
{{Badge inline|content=🏛️ Machu Picchu UNESCO}}
{{Badge inline|content=🦙 Imperio Inca}}
{{Badge inline|content=🍽️ Top gastronomía}}
{{Badge inline|content=🌿 Amazonia}}
{{Badge inline|content=🏄 Surf y playas}}
{{Badge inline end}}
&lt;/pre&gt;
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=in3|content=
Texto de {{Usuario:Jsmura/Tag inline|content=prueba}} para {{Usuario:Jsmura/Tag inline|content=mostrar}} el {{Usuario:Jsmura/Tag inline|content=elemento}}.

{{Usuario:Jsmura/DocSintaxis
|nombre=Tag inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
}}
}}

}}
}}
}}

= Recursos específicos para Artículos =

Recursos que se utilizan para crear el resumen de artículos de un país.

= Recursos específicos para Trípticos =

commons
= Recursos de imágenes de la mascota =
&lt;gallery mode=&quot;packed&quot;&gt;
Wiki Sable Chibi Angry.png|[[:Archivo:Wiki Sable Chibi Angry.png|Wiki Sable Chibi Angry.png]]
Wiki Sable Chibi Bothered.png|[[:Archivo:Wiki Sable Chibi Bothered.png|Wiki Sable Chibi Bothered.png]]
Wiki Sable Chibi Bus Parade.png|[[:Archivo:Wiki Sable Chibi Bus Parade.png|Wiki Sable Chibi Bus Parade.png]]
Wiki Sable Chibi Camera.png|[[:Archivo:Wiki Sable Chibi Camera.png|Wiki Sable Chibi Camera.png]]
Wiki Sable Chibi Camping.png|[[:Archivo:Wiki Sable Chibi Camping.png|Wiki Sable Chibi Camping.png]]
Wiki Sable Chibi Climbing.png|[[:Archivo:Wiki Sable Chibi Climbing.png|Wiki Sable Chibi Climbing.png]]
Wiki Sable Chibi Confused.png|[[:Archivo:Wiki Sable Chibi Confused.png|Wiki Sable Chibi Confused.png]]
Wiki Sable Chibi Disappointed.png|[[:Archivo:Wiki Sable Chibi Disappointed.png|Wiki Sable Chibi Disappointed.png]]
Wiki Sable Chibi Frightened.png|[[:Archivo:Wiki Sable Chibi Frightened.png|Wiki Sable Chibi Frightened.png]]
Wiki Sable Chibi Guiding.png|[[:Archivo:Wiki Sable Chibi Guiding.png|Wiki Sable Chibi Guiding.png]]
Wiki Sable Chibi In Love.png|[[:Archivo:Wiki Sable Chibi In Love.png|Wiki Sable Chibi In Love.png]]
Wiki Sable Chibi Issue Credit Card.png|[[:Archivo:Wiki Sable Chibi Issue Credit Card.png|Wiki Sable Chibi Issue Credit Card.png]]
Wiki Sable Chibi Issue Directions.png|[[:Archivo:Wiki Sable Chibi Issue Directions.png|Wiki Sable Chibi Issue Directions.png]]
Wiki Sable Chibi Issue Language Nihongo Dare.png|[[:Archivo:Wiki Sable Chibi Issue Language Nihongo Dare.png|Wiki Sable Chibi Issue Language Nihongo Dare.png]]
Wiki Sable Chibi Issue Lost Wallet.png|[[:Archivo:Wiki Sable Chibi Issue Lost Wallet.png|Wiki Sable Chibi Issue Lost Wallet.png]]
Wiki Sable Chibi Issue Money.png|[[:Archivo:Wiki Sable Chibi Issue Money.png|Wiki Sable Chibi Issue Money.png]]
Wiki Sable Chibi Joyful.png|[[:Archivo:Wiki Sable Chibi Joyful.png|Wiki Sable Chibi Joyful.png]]
Wiki Sable Chibi Lotta Love.png|[[:Archivo:Wiki Sable Chibi Lotta Love.png|Wiki Sable Chibi Lotta Love.png]]
Wiki Sable Chibi Mad.png|[[:Archivo:Wiki Sable Chibi Mad.png|Wiki Sable Chibi Mad.png]]
Wiki Sable Chibi Map.png|[[:Archivo:Wiki Sable Chibi Map.png|Wiki Sable Chibi Map.png]]
Wiki Sable Chibi More Love.png|[[:Archivo:Wiki Sable Chibi More Love.png|Wiki Sable Chibi More Love.png]]
Wiki Sable Chibi Neutral.png|[[:Archivo:Wiki Sable Chibi Neutral.png|Wiki Sable Chibi Neutral.png]]
Wiki Sable Chibi Pleased.png|[[:Archivo:Wiki Sable Chibi Pleased.png|Wiki Sable Chibi Pleased.png]]
Wiki Sable Chibi Running.png|[[:Archivo:Wiki Sable Chibi Running.png|Wiki Sable Chibi Running.png]]
Wiki Sable Chibi Seeking.png|[[:Archivo:Wiki Sable Chibi Seeking.png|Wiki Sable Chibi Seeking.png]]
Wiki Sable Chibi Send Love.png|[[:Archivo:Wiki Sable Chibi Send Love.png|Wiki Sable Chibi Send Love.png]]
Wiki Sable Chibi Shouting.png|[[:Archivo:Wiki Sable Chibi Shouting.png|Wiki Sable Chibi Shouting.png]]
Wiki Sable Chibi Stop.png|[[:Archivo:Wiki Sable Chibi Stop.png|Wiki Sable Chibi Stop.png]]
Wiki Sable Chibi Sunset.png|[[:Archivo:Wiki Sable Chibi Sunset.png|Wiki Sable Chibi Sunset.png]]
Wiki Sable Chibi Taking Photo.png|[[:Archivo:Wiki Sable Chibi Taking Photo.png|Wiki Sable Chibi Taking Photo.png]]
Wiki Sable Chibi That's Love.png|[[:Archivo:Wiki Sable Chibi That's Love.png|Wiki Sable Chibi That's Love.png]]
Wiki Sable Chibi Thinking.png|[[:Archivo:Wiki Sable Chibi Thinking.png|Wiki Sable Chibi Thinking.png]]
Wiki Sable Chibi Writing.png|[[:Archivo:Wiki Sable Chibi Writing.png|Wiki Sable Chibi Writing.png]]
Wiki Sable Chibi.png|[[:Archivo:Wiki Sable Chibi.png|Wiki Sable Chibi.png]]
&lt;/gallery&gt;</text>
      <sha1>omt6bpqtw4afhvqenfk6gfevar3ffc4</sha1>
    </revision>
    <revision>
      <id>253818</id>
      <parentid>253807</parentid>
      <timestamp>2026-05-23T02:44:26Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253818</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="26203" sha1="om275j4xo4z40uoyrb2c8eeeg0hl1g5" xml:space="preserve">Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive.

= Recursos generales =

{{Usuario:Jsmura/Selector horizontal responsive
|butonera=
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid1|activo=sí|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;de ancho completo}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;parciales}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;de columnas}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid4|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;texto inline}}

|main content=
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid1|activo=sí|content=
A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los &lt;nowiki&gt;= Título =&lt;/nowiki&gt;}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}}

|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content=
{{Hero mascot responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.
}}
{{Hero mascot responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id2|content=
{{Banner images responsive
|img1=Delicious Street Food - 2.jpg
|img2=Sinulog Festival (2023) contingents in street dance 05.jpg
|img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg
|img4=Jennie Milton Uçurtma Kayağı.jpg
|img5=Colorful autumn forest.jpg
}}
{{Banner images responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id7|content=
{{Callout responsive
|type=error
|img=Wiki Sable Chibi Stop.png
|title=💥 '''ATENCIÓN'''
|content=Acabo de robar tu atención.
}}
{{Callout responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id9|content=
{{{!}} class=&quot;table-awesome&quot;
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}}


{{Callout responsive
|type=info
|img=Wiki Sable Chibi Seeking.png
|title=Forma de usarse
|content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad &lt;pre&gt;class=&quot;table-awesome&quot;&lt;/pre&gt;
}}


{{DocCopiar|&lt;nowiki&gt;{| class=&quot;table-awesome&quot;
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|}&lt;/nowiki&gt;}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id8|content=
{{Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg={{Color Sable|rosa}}}}
{{Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg={{Color Sable|azul}}}}
{{Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg={{Color Sable|verde}}}}
{{Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg={{Color Sable|amarillo}}}}
{{Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg={{Color Sable|cian}}}}
{{Header awesome/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id3|content=
{{Checklist responsive
|img=Wikivoyage-logo.svg
|title=¿Listo/a para publicar? Verifica estos 10 puntos
|content=* item 1
* item 2
}}
{{Checklist responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id4|content=
{{Usuario:Jsmura/Checklist 2 cols responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=Artículos aceptables e inaceptables en Wikiviajes
|ok title=✅ Aceptables
|ok list=
* item 1
* item 2
|bad title=🚫 Inaceptables
|bad list=
* item 1
* item 2
|note title=Ten en cuenta también que Wikiviajes no es:
|note list=
* item 1
* item 2
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Checklist 2 cols responsive
|desc=Doble lista para comprobaciones de ítems buenos y malos.
|notas=* Puedes colocar tantos items (* item) como desees.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}}
{{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}}
{{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}}
{{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}}
{{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}}
{{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}}
{{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id5|content=
{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Create article responsive
|desc=Recuadro para crear un artículo.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}}
{{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id6|content=
{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
|main content=
}}
{{Usuario:Jsmura/Callout responsive
|type=error
|img=Wiki Sable Chibi Shouting.png
|title=Advertencia
|content=No se debe colocar un selector dentro de otro selector: esto arruinaría el funcionamiento de la plantilla
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Selector responsive
|desc=Selector de contenido con opción para múltiples elementos.
|params=
{{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}}
{{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}}
{{Usuario:Jsmura/DocParam|sidebar content|req|
|&lt;nowiki&gt;{{Selector responsive/Sidebar item|id=identificador1|activo=sí|img=Wikivoyage-logo.svg|title=🏙️ Destino|subtitle=Ciudades, regiones…}}
{{Selector responsive/Sidebar item|id=identificador2|img=Wikivoyage-logo.svg|title=💡 Artículo temático|subtitle=Temas generales}}&lt;/nowiki&gt;
}}
{{Usuario:Jsmura/DocParam|main content|req|
|&lt;nowiki&gt;{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}}
{{Selector responsive/Content item|id=identificador2|content=2}}&lt;/nowiki&gt;
}}
}}
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid2|content=
Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}}

|main content=

{{Usuario:Jsmura/Selector responsive/Content item|id=ida1|activo=sí|content=
{{Usuario:Jsmura/Banner responsive
|type=info
|img=Wiki Sable Chibi Thinking.png
|title=🚫 Sin copias — evita el plagio
|content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Banner responsive
|desc=Banner vistozo para resaltar información importante.
|params=
{{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}}
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}}
{{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}}
{{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida2|content=
{{Usuario:Jsmura/Card info responsive
|type=destino
|img=Wiki Sable Chibi Bus Parade.png
|title=🏙️ Destino
|content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info responsive
|desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto.
|params=
{{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}}
{{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}}
{{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}}
{{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida3|content=
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wikivoyage-logo.svg
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info small responsive
|desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable.
|params=
{{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}}
{{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}}
{{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida4|content=
{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info medium responsive
|desc=Inserta una tarjeta de información mediana
|params=
{{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|link|req||Wikiviajes:Taberna}}
{{Usuario:Jsmura/DocParam|title|req||☕ Taberna de la comunidad}}
{{Usuario:Jsmura/DocParam|subtitle|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}}
}}
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid3|content=
Estos elementos son estructuras de columnas. Pueden colocarse dentro cualquier elemento. Cada subelemento se separa con un salto de línea (''doble enter''). Los subelementos se van ordenando automáticamente en filas también.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}}
|main content=

{{Usuario:Jsmura/Selector responsive/Content item|id=idb1|activo=sí|content=
&lt;pre&gt;
&lt;div class=&quot;cols-2-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3

Elemento 4
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-2-grid&quot;&gt;
{{Usuario:Jsmura/Card info responsive
|type=destino
|img=Wiki Sable Chibi Bus Parade.png
|title=🏙️ Destino
|content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
|tag=[[#wvas-sec-destino|→ Ir a la sección Destino]]
}}

{{Usuario:Jsmura/Card info responsive
|type=tematico
|img=Wiki Sable Chibi Bus Parade.png
|title=💡 Artículo temático
|content=Trata un tema tan general que se aplica a gran cantidad de destinos y no está ligado a ninguno en particular. Cubre tópicos que el viajero necesita sin importar a dónde va.
|subcontent=Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».
|tag=[[#wvas-sec-tematico|→ Ir a la sección Temático]]
}}

{{Usuario:Jsmura/Card info responsive
|type=itinerario
|img=Wiki Sable Chibi Bus Parade.png
|title=🗓️ Itinerario
|content=Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
|tag=[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]
}}

{{Usuario:Jsmura/Card info responsive
|type=conv
|img=Wiki Sable Chibi Bus Parade.png
|title=💬 Guía de conversación
|content=&quot;&gt;Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.
|subcontent=Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.
|tag=[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb2|content=
&lt;pre&gt;
&lt;div class=&quot;cols-3-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-3-grid&quot;&gt;
{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Ayuda:Contenidos
|title=📖 Centro de ayuda
|subtitle=Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Ayuda:Introducción
|title=👋 Página de bienvenida
|subtitle=Todo lo que necesitas saber para empezar en Wikiviajes desde cero
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb3|content=
&lt;pre&gt;
&lt;div class=&quot;cols-4-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3

Elemento 4
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-4-grid&quot;&gt;
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wikivoyage-logo.svg
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.
}}

{{Usuario:Jsmura/Card info small responsive
|type=2
|img=Wikivoyage-logo.svg
|title=🗺️ Guía usable
|content=Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.
}}

{{Usuario:Jsmura/Card info small responsive
|type=3
|img=Wikivoyage-logo.svg
|title=📘 Guía
|content=Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.
}}

{{Usuario:Jsmura/Card info small responsive
|type=4
|img=Wikivoyage-logo.svg
|title=⭐ Guía estrella
|content=El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb4|content=
&lt;pre&gt;
&lt;div class=&quot;cols-4-grid&quot;&gt;
Elemento 1 (columna del 20%)

Elemento 2 (columna del 80%)

Elemento 3 (columna del 20%)

Elemento 4 (columna del 80%)
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-20-80-grid&quot;&gt;
[[Archivo:Wiki Sable Adult.png|120px|center|link=|alt=]]

{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}

[[Archivo:Wiki Sable Chibi.png|120px|center|link=|alt=]]

{{Hero mascot responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.
}}
&lt;/div&gt;
}}
}}
}}

{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid4|content=
Estos elementos pueden colocarse como acompañantes del texto.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in1|activo=sí|img=Wikivoyage-logo.svg|title=Chip inline|subtitle=Es un chip}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in2|img=Wikivoyage-logo.svg|title=Badge inline|subtitle=Es un badge}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in3|img=Wikivoyage-logo.svg|title=Tag inline|subtitle=Es un tag}}

|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=in1|activo=sí|content=
Texto de {{Usuario:Jsmura/Chip inline|content=prueba|bg=#1D9E75}} para {{Usuario:Jsmura/Chip inline|content=mostrar|bg=#BA7517}} el {{Usuario:Jsmura/Chip inline|content=elemento|bg=#D85A30}}.
{{Usuario:Jsmura/DocSintaxis
|nombre=Chip inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
{{Usuario:Jsmura/DocParam|bg|opt|#534AB7 / #1D9E75 / #BA7517 / #006699 / #639922 / #D85A30}}
}}
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=in2|content=
&lt;div style=&quot;background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); color: white;&quot;&gt;
{{Usuario:Jsmura/Tags structure}}
{{Badge inline|content=🏛️ Machu Picchu UNESCO}}
{{Badge inline|content=🦙 Imperio Inca}}
{{Badge inline|content=🍽️ Top gastronomía}}
{{Badge inline|content=🌿 Amazonia}}
{{Badge inline|content=🏄 Surf y playas}}
{{Usuario:Jsmura/Tags structure end}}
&lt;/div&gt;

&lt;pre&gt;
{{Badge inline start}}
{{Badge inline|content=🏛️ Machu Picchu UNESCO}}
{{Badge inline|content=🦙 Imperio Inca}}
{{Badge inline|content=🍽️ Top gastronomía}}
{{Badge inline|content=🌿 Amazonia}}
{{Badge inline|content=🏄 Surf y playas}}
{{Badge inline end}}
&lt;/pre&gt;
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=in3|content=
Texto de {{Usuario:Jsmura/Tag inline|content=prueba}} para {{Usuario:Jsmura/Tag inline|content=mostrar}} el {{Usuario:Jsmura/Tag inline|content=elemento}}.

{{Usuario:Jsmura/DocSintaxis
|nombre=Tag inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
}}
}}

}}
}}
}}

= Recursos específicos para Artículos =

Recursos que se utilizan para crear el resumen de artículos de un país.

= Recursos específicos para Trípticos =

commons
= Recursos de imágenes de la mascota =
&lt;gallery mode=&quot;packed&quot;&gt;
Wiki Sable Chibi Angry.png|[[:Archivo:Wiki Sable Chibi Angry.png|Wiki Sable Chibi Angry.png]]
Wiki Sable Chibi Bothered.png|[[:Archivo:Wiki Sable Chibi Bothered.png|Wiki Sable Chibi Bothered.png]]
Wiki Sable Chibi Bus Parade.png|[[:Archivo:Wiki Sable Chibi Bus Parade.png|Wiki Sable Chibi Bus Parade.png]]
Wiki Sable Chibi Camera.png|[[:Archivo:Wiki Sable Chibi Camera.png|Wiki Sable Chibi Camera.png]]
Wiki Sable Chibi Camping.png|[[:Archivo:Wiki Sable Chibi Camping.png|Wiki Sable Chibi Camping.png]]
Wiki Sable Chibi Climbing.png|[[:Archivo:Wiki Sable Chibi Climbing.png|Wiki Sable Chibi Climbing.png]]
Wiki Sable Chibi Confused.png|[[:Archivo:Wiki Sable Chibi Confused.png|Wiki Sable Chibi Confused.png]]
Wiki Sable Chibi Disappointed.png|[[:Archivo:Wiki Sable Chibi Disappointed.png|Wiki Sable Chibi Disappointed.png]]
Wiki Sable Chibi Frightened.png|[[:Archivo:Wiki Sable Chibi Frightened.png|Wiki Sable Chibi Frightened.png]]
Wiki Sable Chibi Guiding.png|[[:Archivo:Wiki Sable Chibi Guiding.png|Wiki Sable Chibi Guiding.png]]
Wiki Sable Chibi In Love.png|[[:Archivo:Wiki Sable Chibi In Love.png|Wiki Sable Chibi In Love.png]]
Wiki Sable Chibi Issue Credit Card.png|[[:Archivo:Wiki Sable Chibi Issue Credit Card.png|Wiki Sable Chibi Issue Credit Card.png]]
Wiki Sable Chibi Issue Directions.png|[[:Archivo:Wiki Sable Chibi Issue Directions.png|Wiki Sable Chibi Issue Directions.png]]
Wiki Sable Chibi Issue Language Nihongo Dare.png|[[:Archivo:Wiki Sable Chibi Issue Language Nihongo Dare.png|Wiki Sable Chibi Issue Language Nihongo Dare.png]]
Wiki Sable Chibi Issue Lost Wallet.png|[[:Archivo:Wiki Sable Chibi Issue Lost Wallet.png|Wiki Sable Chibi Issue Lost Wallet.png]]
Wiki Sable Chibi Issue Money.png|[[:Archivo:Wiki Sable Chibi Issue Money.png|Wiki Sable Chibi Issue Money.png]]
Wiki Sable Chibi Joyful.png|[[:Archivo:Wiki Sable Chibi Joyful.png|Wiki Sable Chibi Joyful.png]]
Wiki Sable Chibi Lotta Love.png|[[:Archivo:Wiki Sable Chibi Lotta Love.png|Wiki Sable Chibi Lotta Love.png]]
Wiki Sable Chibi Mad.png|[[:Archivo:Wiki Sable Chibi Mad.png|Wiki Sable Chibi Mad.png]]
Wiki Sable Chibi Map.png|[[:Archivo:Wiki Sable Chibi Map.png|Wiki Sable Chibi Map.png]]
Wiki Sable Chibi More Love.png|[[:Archivo:Wiki Sable Chibi More Love.png|Wiki Sable Chibi More Love.png]]
Wiki Sable Chibi Neutral.png|[[:Archivo:Wiki Sable Chibi Neutral.png|Wiki Sable Chibi Neutral.png]]
Wiki Sable Chibi Pleased.png|[[:Archivo:Wiki Sable Chibi Pleased.png|Wiki Sable Chibi Pleased.png]]
Wiki Sable Chibi Running.png|[[:Archivo:Wiki Sable Chibi Running.png|Wiki Sable Chibi Running.png]]
Wiki Sable Chibi Seeking.png|[[:Archivo:Wiki Sable Chibi Seeking.png|Wiki Sable Chibi Seeking.png]]
Wiki Sable Chibi Send Love.png|[[:Archivo:Wiki Sable Chibi Send Love.png|Wiki Sable Chibi Send Love.png]]
Wiki Sable Chibi Shouting.png|[[:Archivo:Wiki Sable Chibi Shouting.png|Wiki Sable Chibi Shouting.png]]
Wiki Sable Chibi Stop.png|[[:Archivo:Wiki Sable Chibi Stop.png|Wiki Sable Chibi Stop.png]]
Wiki Sable Chibi Sunset.png|[[:Archivo:Wiki Sable Chibi Sunset.png|Wiki Sable Chibi Sunset.png]]
Wiki Sable Chibi Taking Photo.png|[[:Archivo:Wiki Sable Chibi Taking Photo.png|Wiki Sable Chibi Taking Photo.png]]
Wiki Sable Chibi That's Love.png|[[:Archivo:Wiki Sable Chibi That's Love.png|Wiki Sable Chibi That's Love.png]]
Wiki Sable Chibi Thinking.png|[[:Archivo:Wiki Sable Chibi Thinking.png|Wiki Sable Chibi Thinking.png]]
Wiki Sable Chibi Writing.png|[[:Archivo:Wiki Sable Chibi Writing.png|Wiki Sable Chibi Writing.png]]
Wiki Sable Chibi.png|[[:Archivo:Wiki Sable Chibi.png|Wiki Sable Chibi.png]]
&lt;/gallery&gt;</text>
      <sha1>om275j4xo4z40uoyrb2c8eeeg0hl1g5</sha1>
    </revision>
    <revision>
      <id>253826</id>
      <parentid>253818</parentid>
      <timestamp>2026-05-23T02:52:26Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253826</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="25478" sha1="pfv7aexy7lleznqewsafpws8blh5fp9" xml:space="preserve">Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive.

= Recursos generales =

{{Usuario:Jsmura/Selector horizontal responsive
|butonera=
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid1|activo=sí|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;de ancho completo}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;parciales}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;de columnas}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid4|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;texto inline}}

|main content=
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid1|activo=sí|content=
A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los &lt;nowiki&gt;= Título =&lt;/nowiki&gt;}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}}

|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content=
{{Hero mascot responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.
}}
{{Hero mascot responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id2|content=
{{Banner images responsive
|img1=Delicious Street Food - 2.jpg
|img2=Sinulog Festival (2023) contingents in street dance 05.jpg
|img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg
|img4=Jennie Milton Uçurtma Kayağı.jpg
|img5=Colorful autumn forest.jpg
}}
{{Banner images responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id7|content=
{{Callout responsive
|type=error
|img=Wiki Sable Chibi Stop.png
|title=💥 '''ATENCIÓN'''
|content=Acabo de robar tu atención.
}}
{{Callout responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id9|content=
{{{!}} class=&quot;table-awesome&quot;
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}}


{{Callout responsive
|type=info
|img=Wiki Sable Chibi Seeking.png
|title=Forma de usarse
|content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad &lt;pre&gt;class=&quot;table-awesome&quot;&lt;/pre&gt;
}}


{{DocCopiar|&lt;nowiki&gt;{| class=&quot;table-awesome&quot;
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|}&lt;/nowiki&gt;}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id8|content=
{{Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg={{Color Sable|rosa}}}}
{{Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg={{Color Sable|azul}}}}
{{Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg={{Color Sable|verde}}}}
{{Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg={{Color Sable|amarillo}}}}
{{Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg={{Color Sable|cian}}}}
{{Header awesome/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id3|content=
{{Checklist responsive
|img=Wikivoyage-logo.svg
|title=¿Listo/a para publicar? Verifica estos 10 puntos
|content=* item 1
* item 2
}}
{{Checklist responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id4|content=
{{Checklist 2 cols responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=Artículos aceptables e inaceptables en Wikiviajes
|ok title=✅ Aceptables
|ok list=
* item 1
* item 2
|bad title=🚫 Inaceptables
|bad list=
* item 1
* item 2
|note title=Ten en cuenta también que Wikiviajes no es:
|note list=
* item 1
* item 2
}}
{{Checklist 2 cols responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id5|content=
{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Create article responsive
|desc=Recuadro para crear un artículo.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}}
{{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id6|content=
{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
|main content=
}}
{{Usuario:Jsmura/Callout responsive
|type=error
|img=Wiki Sable Chibi Shouting.png
|title=Advertencia
|content=No se debe colocar un selector dentro de otro selector: esto arruinaría el funcionamiento de la plantilla
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Selector responsive
|desc=Selector de contenido con opción para múltiples elementos.
|params=
{{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}}
{{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}}
{{Usuario:Jsmura/DocParam|sidebar content|req|
|&lt;nowiki&gt;{{Selector responsive/Sidebar item|id=identificador1|activo=sí|img=Wikivoyage-logo.svg|title=🏙️ Destino|subtitle=Ciudades, regiones…}}
{{Selector responsive/Sidebar item|id=identificador2|img=Wikivoyage-logo.svg|title=💡 Artículo temático|subtitle=Temas generales}}&lt;/nowiki&gt;
}}
{{Usuario:Jsmura/DocParam|main content|req|
|&lt;nowiki&gt;{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}}
{{Selector responsive/Content item|id=identificador2|content=2}}&lt;/nowiki&gt;
}}
}}
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid2|content=
Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}}

|main content=

{{Usuario:Jsmura/Selector responsive/Content item|id=ida1|activo=sí|content=
{{Usuario:Jsmura/Banner responsive
|type=info
|img=Wiki Sable Chibi Thinking.png
|title=🚫 Sin copias — evita el plagio
|content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Banner responsive
|desc=Banner vistozo para resaltar información importante.
|params=
{{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}}
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}}
{{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}}
{{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida2|content=
{{Usuario:Jsmura/Card info responsive
|type=destino
|img=Wiki Sable Chibi Bus Parade.png
|title=🏙️ Destino
|content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info responsive
|desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto.
|params=
{{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}}
{{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}}
{{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}}
{{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida3|content=
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wikivoyage-logo.svg
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info small responsive
|desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable.
|params=
{{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}}
{{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}}
{{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida4|content=
{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info medium responsive
|desc=Inserta una tarjeta de información mediana
|params=
{{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|link|req||Wikiviajes:Taberna}}
{{Usuario:Jsmura/DocParam|title|req||☕ Taberna de la comunidad}}
{{Usuario:Jsmura/DocParam|subtitle|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}}
}}
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid3|content=
Estos elementos son estructuras de columnas. Pueden colocarse dentro cualquier elemento. Cada subelemento se separa con un salto de línea (''doble enter''). Los subelementos se van ordenando automáticamente en filas también.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}}
|main content=

{{Usuario:Jsmura/Selector responsive/Content item|id=idb1|activo=sí|content=
&lt;pre&gt;
&lt;div class=&quot;cols-2-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3

Elemento 4
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-2-grid&quot;&gt;
{{Usuario:Jsmura/Card info responsive
|type=destino
|img=Wiki Sable Chibi Bus Parade.png
|title=🏙️ Destino
|content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
|tag=[[#wvas-sec-destino|→ Ir a la sección Destino]]
}}

{{Usuario:Jsmura/Card info responsive
|type=tematico
|img=Wiki Sable Chibi Bus Parade.png
|title=💡 Artículo temático
|content=Trata un tema tan general que se aplica a gran cantidad de destinos y no está ligado a ninguno en particular. Cubre tópicos que el viajero necesita sin importar a dónde va.
|subcontent=Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».
|tag=[[#wvas-sec-tematico|→ Ir a la sección Temático]]
}}

{{Usuario:Jsmura/Card info responsive
|type=itinerario
|img=Wiki Sable Chibi Bus Parade.png
|title=🗓️ Itinerario
|content=Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
|tag=[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]
}}

{{Usuario:Jsmura/Card info responsive
|type=conv
|img=Wiki Sable Chibi Bus Parade.png
|title=💬 Guía de conversación
|content=&quot;&gt;Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.
|subcontent=Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.
|tag=[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb2|content=
&lt;pre&gt;
&lt;div class=&quot;cols-3-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-3-grid&quot;&gt;
{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Ayuda:Contenidos
|title=📖 Centro de ayuda
|subtitle=Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Ayuda:Introducción
|title=👋 Página de bienvenida
|subtitle=Todo lo que necesitas saber para empezar en Wikiviajes desde cero
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb3|content=
&lt;pre&gt;
&lt;div class=&quot;cols-4-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3

Elemento 4
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-4-grid&quot;&gt;
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wikivoyage-logo.svg
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.
}}

{{Usuario:Jsmura/Card info small responsive
|type=2
|img=Wikivoyage-logo.svg
|title=🗺️ Guía usable
|content=Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.
}}

{{Usuario:Jsmura/Card info small responsive
|type=3
|img=Wikivoyage-logo.svg
|title=📘 Guía
|content=Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.
}}

{{Usuario:Jsmura/Card info small responsive
|type=4
|img=Wikivoyage-logo.svg
|title=⭐ Guía estrella
|content=El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb4|content=
&lt;pre&gt;
&lt;div class=&quot;cols-4-grid&quot;&gt;
Elemento 1 (columna del 20%)

Elemento 2 (columna del 80%)

Elemento 3 (columna del 20%)

Elemento 4 (columna del 80%)
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-20-80-grid&quot;&gt;
[[Archivo:Wiki Sable Adult.png|120px|center|link=|alt=]]

{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}

[[Archivo:Wiki Sable Chibi.png|120px|center|link=|alt=]]

{{Hero mascot responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.
}}
&lt;/div&gt;
}}
}}
}}

{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid4|content=
Estos elementos pueden colocarse como acompañantes del texto.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in1|activo=sí|img=Wikivoyage-logo.svg|title=Chip inline|subtitle=Es un chip}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in2|img=Wikivoyage-logo.svg|title=Badge inline|subtitle=Es un badge}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in3|img=Wikivoyage-logo.svg|title=Tag inline|subtitle=Es un tag}}

|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=in1|activo=sí|content=
Texto de {{Usuario:Jsmura/Chip inline|content=prueba|bg=#1D9E75}} para {{Usuario:Jsmura/Chip inline|content=mostrar|bg=#BA7517}} el {{Usuario:Jsmura/Chip inline|content=elemento|bg=#D85A30}}.
{{Usuario:Jsmura/DocSintaxis
|nombre=Chip inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
{{Usuario:Jsmura/DocParam|bg|opt|#534AB7 / #1D9E75 / #BA7517 / #006699 / #639922 / #D85A30}}
}}
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=in2|content=
&lt;div style=&quot;background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); color: white;&quot;&gt;
{{Usuario:Jsmura/Tags structure}}
{{Badge inline|content=🏛️ Machu Picchu UNESCO}}
{{Badge inline|content=🦙 Imperio Inca}}
{{Badge inline|content=🍽️ Top gastronomía}}
{{Badge inline|content=🌿 Amazonia}}
{{Badge inline|content=🏄 Surf y playas}}
{{Usuario:Jsmura/Tags structure end}}
&lt;/div&gt;

&lt;pre&gt;
{{Badge inline start}}
{{Badge inline|content=🏛️ Machu Picchu UNESCO}}
{{Badge inline|content=🦙 Imperio Inca}}
{{Badge inline|content=🍽️ Top gastronomía}}
{{Badge inline|content=🌿 Amazonia}}
{{Badge inline|content=🏄 Surf y playas}}
{{Badge inline end}}
&lt;/pre&gt;
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=in3|content=
Texto de {{Usuario:Jsmura/Tag inline|content=prueba}} para {{Usuario:Jsmura/Tag inline|content=mostrar}} el {{Usuario:Jsmura/Tag inline|content=elemento}}.

{{Usuario:Jsmura/DocSintaxis
|nombre=Tag inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
}}
}}

}}
}}
}}

= Recursos específicos para Artículos =

Recursos que se utilizan para crear el resumen de artículos de un país.

= Recursos específicos para Trípticos =

commons
= Recursos de imágenes de la mascota =
&lt;gallery mode=&quot;packed&quot;&gt;
Wiki Sable Chibi Angry.png|[[:Archivo:Wiki Sable Chibi Angry.png|Wiki Sable Chibi Angry.png]]
Wiki Sable Chibi Bothered.png|[[:Archivo:Wiki Sable Chibi Bothered.png|Wiki Sable Chibi Bothered.png]]
Wiki Sable Chibi Bus Parade.png|[[:Archivo:Wiki Sable Chibi Bus Parade.png|Wiki Sable Chibi Bus Parade.png]]
Wiki Sable Chibi Camera.png|[[:Archivo:Wiki Sable Chibi Camera.png|Wiki Sable Chibi Camera.png]]
Wiki Sable Chibi Camping.png|[[:Archivo:Wiki Sable Chibi Camping.png|Wiki Sable Chibi Camping.png]]
Wiki Sable Chibi Climbing.png|[[:Archivo:Wiki Sable Chibi Climbing.png|Wiki Sable Chibi Climbing.png]]
Wiki Sable Chibi Confused.png|[[:Archivo:Wiki Sable Chibi Confused.png|Wiki Sable Chibi Confused.png]]
Wiki Sable Chibi Disappointed.png|[[:Archivo:Wiki Sable Chibi Disappointed.png|Wiki Sable Chibi Disappointed.png]]
Wiki Sable Chibi Frightened.png|[[:Archivo:Wiki Sable Chibi Frightened.png|Wiki Sable Chibi Frightened.png]]
Wiki Sable Chibi Guiding.png|[[:Archivo:Wiki Sable Chibi Guiding.png|Wiki Sable Chibi Guiding.png]]
Wiki Sable Chibi In Love.png|[[:Archivo:Wiki Sable Chibi In Love.png|Wiki Sable Chibi In Love.png]]
Wiki Sable Chibi Issue Credit Card.png|[[:Archivo:Wiki Sable Chibi Issue Credit Card.png|Wiki Sable Chibi Issue Credit Card.png]]
Wiki Sable Chibi Issue Directions.png|[[:Archivo:Wiki Sable Chibi Issue Directions.png|Wiki Sable Chibi Issue Directions.png]]
Wiki Sable Chibi Issue Language Nihongo Dare.png|[[:Archivo:Wiki Sable Chibi Issue Language Nihongo Dare.png|Wiki Sable Chibi Issue Language Nihongo Dare.png]]
Wiki Sable Chibi Issue Lost Wallet.png|[[:Archivo:Wiki Sable Chibi Issue Lost Wallet.png|Wiki Sable Chibi Issue Lost Wallet.png]]
Wiki Sable Chibi Issue Money.png|[[:Archivo:Wiki Sable Chibi Issue Money.png|Wiki Sable Chibi Issue Money.png]]
Wiki Sable Chibi Joyful.png|[[:Archivo:Wiki Sable Chibi Joyful.png|Wiki Sable Chibi Joyful.png]]
Wiki Sable Chibi Lotta Love.png|[[:Archivo:Wiki Sable Chibi Lotta Love.png|Wiki Sable Chibi Lotta Love.png]]
Wiki Sable Chibi Mad.png|[[:Archivo:Wiki Sable Chibi Mad.png|Wiki Sable Chibi Mad.png]]
Wiki Sable Chibi Map.png|[[:Archivo:Wiki Sable Chibi Map.png|Wiki Sable Chibi Map.png]]
Wiki Sable Chibi More Love.png|[[:Archivo:Wiki Sable Chibi More Love.png|Wiki Sable Chibi More Love.png]]
Wiki Sable Chibi Neutral.png|[[:Archivo:Wiki Sable Chibi Neutral.png|Wiki Sable Chibi Neutral.png]]
Wiki Sable Chibi Pleased.png|[[:Archivo:Wiki Sable Chibi Pleased.png|Wiki Sable Chibi Pleased.png]]
Wiki Sable Chibi Running.png|[[:Archivo:Wiki Sable Chibi Running.png|Wiki Sable Chibi Running.png]]
Wiki Sable Chibi Seeking.png|[[:Archivo:Wiki Sable Chibi Seeking.png|Wiki Sable Chibi Seeking.png]]
Wiki Sable Chibi Send Love.png|[[:Archivo:Wiki Sable Chibi Send Love.png|Wiki Sable Chibi Send Love.png]]
Wiki Sable Chibi Shouting.png|[[:Archivo:Wiki Sable Chibi Shouting.png|Wiki Sable Chibi Shouting.png]]
Wiki Sable Chibi Stop.png|[[:Archivo:Wiki Sable Chibi Stop.png|Wiki Sable Chibi Stop.png]]
Wiki Sable Chibi Sunset.png|[[:Archivo:Wiki Sable Chibi Sunset.png|Wiki Sable Chibi Sunset.png]]
Wiki Sable Chibi Taking Photo.png|[[:Archivo:Wiki Sable Chibi Taking Photo.png|Wiki Sable Chibi Taking Photo.png]]
Wiki Sable Chibi That's Love.png|[[:Archivo:Wiki Sable Chibi That's Love.png|Wiki Sable Chibi That's Love.png]]
Wiki Sable Chibi Thinking.png|[[:Archivo:Wiki Sable Chibi Thinking.png|Wiki Sable Chibi Thinking.png]]
Wiki Sable Chibi Writing.png|[[:Archivo:Wiki Sable Chibi Writing.png|Wiki Sable Chibi Writing.png]]
Wiki Sable Chibi.png|[[:Archivo:Wiki Sable Chibi.png|Wiki Sable Chibi.png]]
&lt;/gallery&gt;</text>
      <sha1>pfv7aexy7lleznqewsafpws8blh5fp9</sha1>
    </revision>
    <revision>
      <id>253834</id>
      <parentid>253826</parentid>
      <timestamp>2026-05-23T03:02:22Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253834</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="25022" sha1="qjlbwrj4qazmyhfdp4psgf1lz97sghq" xml:space="preserve">Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive.

= Recursos generales =

{{Usuario:Jsmura/Selector horizontal responsive
|butonera=
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid1|activo=sí|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;de ancho completo}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;parciales}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;de columnas}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid4|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive&lt;br/&gt;texto inline}}

|main content=
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid1|activo=sí|content=
A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los &lt;nowiki&gt;= Título =&lt;/nowiki&gt;}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}}

|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content=
{{Hero mascot responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.
}}
{{Hero mascot responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id2|content=
{{Banner images responsive
|img1=Delicious Street Food - 2.jpg
|img2=Sinulog Festival (2023) contingents in street dance 05.jpg
|img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg
|img4=Jennie Milton Uçurtma Kayağı.jpg
|img5=Colorful autumn forest.jpg
}}
{{Banner images responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id7|content=
{{Callout responsive
|type=error
|img=Wiki Sable Chibi Stop.png
|title=💥 '''ATENCIÓN'''
|content=Acabo de robar tu atención.
}}
{{Callout responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id9|content=
{{{!}} class=&quot;table-awesome&quot;
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}-
{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo
{{!}}}


{{Callout responsive
|type=info
|img=Wiki Sable Chibi Seeking.png
|title=Forma de usarse
|content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad &lt;pre&gt;class=&quot;table-awesome&quot;&lt;/pre&gt;
}}


{{DocCopiar|&lt;nowiki&gt;{| class=&quot;table-awesome&quot;
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|}&lt;/nowiki&gt;}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id8|content=
{{Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg={{Color Sable|rosa}}}}
{{Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg={{Color Sable|azul}}}}
{{Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg={{Color Sable|verde}}}}
{{Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg={{Color Sable|amarillo}}}}
{{Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg={{Color Sable|cian}}}}
{{Header awesome/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id3|content=
{{Checklist responsive
|img=Wikivoyage-logo.svg
|title=¿Listo/a para publicar? Verifica estos 10 puntos
|content=* item 1
* item 2
}}
{{Checklist responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id4|content=
{{Checklist 2 cols responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=Artículos aceptables e inaceptables en Wikiviajes
|ok title=✅ Aceptables
|ok list=
* item 1
* item 2
|bad title=🚫 Inaceptables
|bad list=
* item 1
* item 2
|note title=Ten en cuenta también que Wikiviajes no es:
|note list=
* item 1
* item 2
}}
{{Checklist 2 cols responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id5|content=
{{Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}
{{Create article responsive/doc}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=id6|content=
{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
|main content=
}}
{{Usuario:Jsmura/Callout responsive
|type=error
|img=Wiki Sable Chibi Shouting.png
|title=Advertencia
|content=No se debe colocar un selector dentro de otro selector: esto arruinaría el funcionamiento de la plantilla
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Selector responsive
|desc=Selector de contenido con opción para múltiples elementos.
|params=
{{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}}
{{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}}
{{Usuario:Jsmura/DocParam|sidebar content|req|
|&lt;nowiki&gt;{{Selector responsive/Sidebar item|id=identificador1|activo=sí|img=Wikivoyage-logo.svg|title=🏙️ Destino|subtitle=Ciudades, regiones…}}
{{Selector responsive/Sidebar item|id=identificador2|img=Wikivoyage-logo.svg|title=💡 Artículo temático|subtitle=Temas generales}}&lt;/nowiki&gt;
}}
{{Usuario:Jsmura/DocParam|main content|req|
|&lt;nowiki&gt;{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}}
{{Selector responsive/Content item|id=identificador2|content=2}}&lt;/nowiki&gt;
}}
}}
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid2|content=
Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}}

|main content=

{{Usuario:Jsmura/Selector responsive/Content item|id=ida1|activo=sí|content=
{{Usuario:Jsmura/Banner responsive
|type=info
|img=Wiki Sable Chibi Thinking.png
|title=🚫 Sin copias — evita el plagio
|content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Banner responsive
|desc=Banner vistozo para resaltar información importante.
|params=
{{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}}
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}}
{{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}}
{{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida2|content=
{{Usuario:Jsmura/Card info responsive
|type=destino
|img=Wiki Sable Chibi Bus Parade.png
|title=🏙️ Destino
|content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info responsive
|desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto.
|params=
{{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}}
{{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}}
{{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}}
{{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}}
{{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida3|content=
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wikivoyage-logo.svg
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info small responsive
|desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable.
|params=
{{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}}
{{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}}
{{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}}
}}
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=ida4|content=
{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}
{{Usuario:Jsmura/DocSintaxis
|nombre=Card info medium responsive
|desc=Inserta una tarjeta de información mediana
|params=
{{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|link|req||Wikiviajes:Taberna}}
{{Usuario:Jsmura/DocParam|title|req||☕ Taberna de la comunidad}}
{{Usuario:Jsmura/DocParam|subtitle|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}}
}}
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid3|content=
Estos elementos son estructuras de columnas. Pueden colocarse dentro cualquier elemento. Cada subelemento se separa con un salto de línea (''doble enter''). Los subelementos se van ordenando automáticamente en filas también.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}}
|main content=

{{Usuario:Jsmura/Selector responsive/Content item|id=idb1|activo=sí|content=
&lt;pre&gt;
&lt;div class=&quot;cols-2-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3

Elemento 4
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-2-grid&quot;&gt;
{{Usuario:Jsmura/Card info responsive
|type=destino
|img=Wiki Sable Chibi Bus Parade.png
|title=🏙️ Destino
|content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
|tag=[[#wvas-sec-destino|→ Ir a la sección Destino]]
}}

{{Usuario:Jsmura/Card info responsive
|type=tematico
|img=Wiki Sable Chibi Bus Parade.png
|title=💡 Artículo temático
|content=Trata un tema tan general que se aplica a gran cantidad de destinos y no está ligado a ninguno en particular. Cubre tópicos que el viajero necesita sin importar a dónde va.
|subcontent=Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».
|tag=[[#wvas-sec-tematico|→ Ir a la sección Temático]]
}}

{{Usuario:Jsmura/Card info responsive
|type=itinerario
|img=Wiki Sable Chibi Bus Parade.png
|title=🗓️ Itinerario
|content=Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».
|subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.
|tag=[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]
}}

{{Usuario:Jsmura/Card info responsive
|type=conv
|img=Wiki Sable Chibi Bus Parade.png
|title=💬 Guía de conversación
|content=&quot;&gt;Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.
|subcontent=Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.
|tag=[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb2|content=
&lt;pre&gt;
&lt;div class=&quot;cols-3-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-3-grid&quot;&gt;
{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Ayuda:Contenidos
|title=📖 Centro de ayuda
|subtitle=Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wikivoyage-logo.svg
|link=Ayuda:Introducción
|title=👋 Página de bienvenida
|subtitle=Todo lo que necesitas saber para empezar en Wikiviajes desde cero
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb3|content=
&lt;pre&gt;
&lt;div class=&quot;cols-4-grid&quot;&gt;
Elemento 1

Elemento 2

Elemento 3

Elemento 4
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-4-grid&quot;&gt;
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wikivoyage-logo.svg
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.
}}

{{Usuario:Jsmura/Card info small responsive
|type=2
|img=Wikivoyage-logo.svg
|title=🗺️ Guía usable
|content=Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.
}}

{{Usuario:Jsmura/Card info small responsive
|type=3
|img=Wikivoyage-logo.svg
|title=📘 Guía
|content=Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.
}}

{{Usuario:Jsmura/Card info small responsive
|type=4
|img=Wikivoyage-logo.svg
|title=⭐ Guía estrella
|content=El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.
}}
&lt;/div&gt;
}}

{{Usuario:Jsmura/Selector responsive/Content item|id=idb4|content=
&lt;pre&gt;
&lt;div class=&quot;cols-4-grid&quot;&gt;
Elemento 1 (columna del 20%)

Elemento 2 (columna del 80%)

Elemento 3 (columna del 20%)

Elemento 4 (columna del 80%)
&lt;/div&gt;
&lt;/pre&gt;

&lt;div class=&quot;cols-20-80-grid&quot;&gt;
[[Archivo:Wiki Sable Adult.png|120px|center|link=|alt=]]

{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}

[[Archivo:Wiki Sable Chibi.png|120px|center|link=|alt=]]

{{Hero mascot responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.
}}
&lt;/div&gt;
}}
}}
}}

{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid4|content=
Estos elementos pueden colocarse como acompañantes del texto.

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in1|activo=sí|img=Wikivoyage-logo.svg|title=Chip inline|subtitle=Es un chip}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in2|img=Wikivoyage-logo.svg|title=Badge inline|subtitle=Es un badge}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=in3|img=Wikivoyage-logo.svg|title=Tag inline|subtitle=Es un tag}}

|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=in1|activo=sí|content=
Texto de {{Usuario:Jsmura/Chip inline|content=prueba|bg=#1D9E75}} para {{Usuario:Jsmura/Chip inline|content=mostrar|bg=#BA7517}} el {{Usuario:Jsmura/Chip inline|content=elemento|bg=#D85A30}}.
{{Usuario:Jsmura/DocSintaxis
|nombre=Chip inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
{{Usuario:Jsmura/DocParam|bg|opt|#534AB7 / #1D9E75 / #BA7517 / #006699 / #639922 / #D85A30}}
}}
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=in2|content=
&lt;div style=&quot;background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); color: white;&quot;&gt;
{{Usuario:Jsmura/Tags structure}}
{{Badge inline|content=🏛️ Machu Picchu UNESCO}}
{{Badge inline|content=🦙 Imperio Inca}}
{{Badge inline|content=🍽️ Top gastronomía}}
{{Badge inline|content=🌿 Amazonia}}
{{Badge inline|content=🏄 Surf y playas}}
{{Usuario:Jsmura/Tags structure end}}
&lt;/div&gt;

&lt;pre&gt;
{{Badge inline start}}
{{Badge inline|content=🏛️ Machu Picchu UNESCO}}
{{Badge inline|content=🦙 Imperio Inca}}
{{Badge inline|content=🍽️ Top gastronomía}}
{{Badge inline|content=🌿 Amazonia}}
{{Badge inline|content=🏄 Surf y playas}}
{{Badge inline end}}
&lt;/pre&gt;
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=in3|content=
Texto de {{Usuario:Jsmura/Tag inline|content=prueba}} para {{Usuario:Jsmura/Tag inline|content=mostrar}} el {{Usuario:Jsmura/Tag inline|content=elemento}}.

{{Usuario:Jsmura/DocSintaxis
|nombre=Tag inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
}}
}}

}}
}}
}}

= Recursos específicos para Artículos =

Recursos que se utilizan para crear el resumen de artículos de un país.

= Recursos específicos para Trípticos =

commons
= Recursos de imágenes de la mascota =
&lt;gallery mode=&quot;packed&quot;&gt;
Wiki Sable Chibi Angry.png|[[:Archivo:Wiki Sable Chibi Angry.png|Wiki Sable Chibi Angry.png]]
Wiki Sable Chibi Bothered.png|[[:Archivo:Wiki Sable Chibi Bothered.png|Wiki Sable Chibi Bothered.png]]
Wiki Sable Chibi Bus Parade.png|[[:Archivo:Wiki Sable Chibi Bus Parade.png|Wiki Sable Chibi Bus Parade.png]]
Wiki Sable Chibi Camera.png|[[:Archivo:Wiki Sable Chibi Camera.png|Wiki Sable Chibi Camera.png]]
Wiki Sable Chibi Camping.png|[[:Archivo:Wiki Sable Chibi Camping.png|Wiki Sable Chibi Camping.png]]
Wiki Sable Chibi Climbing.png|[[:Archivo:Wiki Sable Chibi Climbing.png|Wiki Sable Chibi Climbing.png]]
Wiki Sable Chibi Confused.png|[[:Archivo:Wiki Sable Chibi Confused.png|Wiki Sable Chibi Confused.png]]
Wiki Sable Chibi Disappointed.png|[[:Archivo:Wiki Sable Chibi Disappointed.png|Wiki Sable Chibi Disappointed.png]]
Wiki Sable Chibi Frightened.png|[[:Archivo:Wiki Sable Chibi Frightened.png|Wiki Sable Chibi Frightened.png]]
Wiki Sable Chibi Guiding.png|[[:Archivo:Wiki Sable Chibi Guiding.png|Wiki Sable Chibi Guiding.png]]
Wiki Sable Chibi In Love.png|[[:Archivo:Wiki Sable Chibi In Love.png|Wiki Sable Chibi In Love.png]]
Wiki Sable Chibi Issue Credit Card.png|[[:Archivo:Wiki Sable Chibi Issue Credit Card.png|Wiki Sable Chibi Issue Credit Card.png]]
Wiki Sable Chibi Issue Directions.png|[[:Archivo:Wiki Sable Chibi Issue Directions.png|Wiki Sable Chibi Issue Directions.png]]
Wiki Sable Chibi Issue Language Nihongo Dare.png|[[:Archivo:Wiki Sable Chibi Issue Language Nihongo Dare.png|Wiki Sable Chibi Issue Language Nihongo Dare.png]]
Wiki Sable Chibi Issue Lost Wallet.png|[[:Archivo:Wiki Sable Chibi Issue Lost Wallet.png|Wiki Sable Chibi Issue Lost Wallet.png]]
Wiki Sable Chibi Issue Money.png|[[:Archivo:Wiki Sable Chibi Issue Money.png|Wiki Sable Chibi Issue Money.png]]
Wiki Sable Chibi Joyful.png|[[:Archivo:Wiki Sable Chibi Joyful.png|Wiki Sable Chibi Joyful.png]]
Wiki Sable Chibi Lotta Love.png|[[:Archivo:Wiki Sable Chibi Lotta Love.png|Wiki Sable Chibi Lotta Love.png]]
Wiki Sable Chibi Mad.png|[[:Archivo:Wiki Sable Chibi Mad.png|Wiki Sable Chibi Mad.png]]
Wiki Sable Chibi Map.png|[[:Archivo:Wiki Sable Chibi Map.png|Wiki Sable Chibi Map.png]]
Wiki Sable Chibi More Love.png|[[:Archivo:Wiki Sable Chibi More Love.png|Wiki Sable Chibi More Love.png]]
Wiki Sable Chibi Neutral.png|[[:Archivo:Wiki Sable Chibi Neutral.png|Wiki Sable Chibi Neutral.png]]
Wiki Sable Chibi Pleased.png|[[:Archivo:Wiki Sable Chibi Pleased.png|Wiki Sable Chibi Pleased.png]]
Wiki Sable Chibi Running.png|[[:Archivo:Wiki Sable Chibi Running.png|Wiki Sable Chibi Running.png]]
Wiki Sable Chibi Seeking.png|[[:Archivo:Wiki Sable Chibi Seeking.png|Wiki Sable Chibi Seeking.png]]
Wiki Sable Chibi Send Love.png|[[:Archivo:Wiki Sable Chibi Send Love.png|Wiki Sable Chibi Send Love.png]]
Wiki Sable Chibi Shouting.png|[[:Archivo:Wiki Sable Chibi Shouting.png|Wiki Sable Chibi Shouting.png]]
Wiki Sable Chibi Stop.png|[[:Archivo:Wiki Sable Chibi Stop.png|Wiki Sable Chibi Stop.png]]
Wiki Sable Chibi Sunset.png|[[:Archivo:Wiki Sable Chibi Sunset.png|Wiki Sable Chibi Sunset.png]]
Wiki Sable Chibi Taking Photo.png|[[:Archivo:Wiki Sable Chibi Taking Photo.png|Wiki Sable Chibi Taking Photo.png]]
Wiki Sable Chibi That's Love.png|[[:Archivo:Wiki Sable Chibi That's Love.png|Wiki Sable Chibi That's Love.png]]
Wiki Sable Chibi Thinking.png|[[:Archivo:Wiki Sable Chibi Thinking.png|Wiki Sable Chibi Thinking.png]]
Wiki Sable Chibi Writing.png|[[:Archivo:Wiki Sable Chibi Writing.png|Wiki Sable Chibi Writing.png]]
Wiki Sable Chibi.png|[[:Archivo:Wiki Sable Chibi.png|Wiki Sable Chibi.png]]
&lt;/gallery&gt;</text>
      <sha1>qjlbwrj4qazmyhfdp4psgf1lz97sghq</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:DocSimple</title>
    <ns>10</ns>
    <id>18407</id>
    <revision>
      <id>253737</id>
      <parentid>253388</parentid>
      <timestamp>2026-05-22T20:27:37Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253737</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="2035" sha1="htyeu7eaa0q7c8ouks7xu8mr6gxqpt8" xml:space="preserve">&lt;div class=&quot;config-general wv-doc-outer&quot; data-tplname=&quot;{{{nombre}}}&quot;&gt;
&lt;div class=&quot;wv-doc-intro&quot;&gt;
&lt;div class=&quot;wv-doc-intro-top&quot;&gt;&lt;div&gt;
&lt;h3 class=&quot;wv-doc-tname-head&quot;&gt;[[Plantilla:{{{nombre}}}|{{{nombre}}}]]&lt;/h3&gt;
&lt;p class=&quot;wv-doc-desc&quot;&gt;{{{desc}}}&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p class=&quot;wv-doc-hint&quot;&gt;Rellena los parámetros &lt;span class=&quot;wv-doc-req-inline&quot;&gt;obligatorios&lt;/span&gt; y omite los &lt;span class=&quot;wv-doc-opt-inline&quot;&gt;opcionales&lt;/span&gt; que no necesites. Usa &lt;strong&gt;Copiar&lt;/strong&gt; para obtener la plantilla lista.&lt;/p&gt;
&lt;div class=&quot;wv-doc-legend&quot;&gt;&lt;span class=&quot;wv-doc-leg wv-doc-req-leg&quot;&gt;Obligatorio&lt;/span&gt;&lt;span class=&quot;wv-doc-leg wv-doc-opt-leg&quot;&gt;Opcional&lt;/span&gt;&lt;/div&gt;

&lt;div class=&quot;wv-doc-card wv-doc-syntax-card&quot;&gt;
&lt;div class=&quot;wv-doc-card-top&quot;&gt;&lt;span class=&quot;wv-doc-card-label&quot;&gt;Sintaxis&lt;/span&gt;&lt;span class=&quot;wv-doc-copy-btn&quot; role=&quot;button&quot; tabindex=&quot;0&quot; data-mode=&quot;syntax&quot;&gt;📋 Copiar plantilla&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;wv-doc-block&quot;&gt;&lt;div class=&quot;wv-doc-block-open&quot;&gt;&lt;span class=&quot;wv-doc-brace&quot;&gt;{{&lt;/span&gt;&lt;span class=&quot;wv-doc-blockname&quot;&gt;{{{nombre}}}&lt;/span&gt;&lt;/div&gt;

&lt;div class=&quot;wv-doc-params&quot;&gt;{{{params}}}&lt;/div&gt;
&lt;div class=&quot;wv-doc-block-close&quot;&gt;&lt;span class=&quot;wv-doc-brace&quot;&gt;}}&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;wv-doc-example-placeholder&quot;&gt;&lt;/div&gt;{{#if:{{{notas|}}}
|&lt;div class=&quot;wv-doc-foot2er&quot;&gt;&lt;ul class=&quot;wv-doc-nota&quot;&gt;
{{{notas}}}
&lt;/ul&gt;
&lt;/div&gt;}}
&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{Usuario:Jsmura/DocSintaxis
|nombre=DocSintaxis
|desc=Bloque principal de documentación de sintaxis de una plantilla.
Genera automáticamente el bloque de ejemplo si algún DocParam tiene valor en el parámetro 4.
|params=
{{Usuario:Jsmura/DocParam|nombre|req||DocSintaxis}}
{{Usuario:Jsmura/DocParam|desc|req||Bloque principal de documentación de sintaxis de una plantilla.
Genera automáticamente el bloque de ejemplo si algún DocParam tiene valor en el parámetro 4.}}
{{Usuario:Jsmura/DocParam|notas|opt||* nota 1 * nota 2}}
{{Usuario:Jsmura/DocParam|params|req||&lt;nowiki&gt;{{DocParam|param1|req|opcionA / opcionB|opcionA}}
{{DocParam|param2|opt||valor de ejemplo}}&lt;/nowiki&gt;}}
}}&lt;/noinclude&gt;</text>
      <sha1>htyeu7eaa0q7c8ouks7xu8mr6gxqpt8</sha1>
    </revision>
    <revision>
      <id>253742</id>
      <parentid>253737</parentid>
      <timestamp>2026-05-22T20:42:41Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <minor />
      <comment>Jsmura trasladó la página [[Usuario:Jsmura/DocSintaxis]] a [[Plantilla:DocSimple]]</comment>
      <origin>253737</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="2035" sha1="htyeu7eaa0q7c8ouks7xu8mr6gxqpt8" xml:space="preserve">&lt;div class=&quot;config-general wv-doc-outer&quot; data-tplname=&quot;{{{nombre}}}&quot;&gt;
&lt;div class=&quot;wv-doc-intro&quot;&gt;
&lt;div class=&quot;wv-doc-intro-top&quot;&gt;&lt;div&gt;
&lt;h3 class=&quot;wv-doc-tname-head&quot;&gt;[[Plantilla:{{{nombre}}}|{{{nombre}}}]]&lt;/h3&gt;
&lt;p class=&quot;wv-doc-desc&quot;&gt;{{{desc}}}&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p class=&quot;wv-doc-hint&quot;&gt;Rellena los parámetros &lt;span class=&quot;wv-doc-req-inline&quot;&gt;obligatorios&lt;/span&gt; y omite los &lt;span class=&quot;wv-doc-opt-inline&quot;&gt;opcionales&lt;/span&gt; que no necesites. Usa &lt;strong&gt;Copiar&lt;/strong&gt; para obtener la plantilla lista.&lt;/p&gt;
&lt;div class=&quot;wv-doc-legend&quot;&gt;&lt;span class=&quot;wv-doc-leg wv-doc-req-leg&quot;&gt;Obligatorio&lt;/span&gt;&lt;span class=&quot;wv-doc-leg wv-doc-opt-leg&quot;&gt;Opcional&lt;/span&gt;&lt;/div&gt;

&lt;div class=&quot;wv-doc-card wv-doc-syntax-card&quot;&gt;
&lt;div class=&quot;wv-doc-card-top&quot;&gt;&lt;span class=&quot;wv-doc-card-label&quot;&gt;Sintaxis&lt;/span&gt;&lt;span class=&quot;wv-doc-copy-btn&quot; role=&quot;button&quot; tabindex=&quot;0&quot; data-mode=&quot;syntax&quot;&gt;📋 Copiar plantilla&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;wv-doc-block&quot;&gt;&lt;div class=&quot;wv-doc-block-open&quot;&gt;&lt;span class=&quot;wv-doc-brace&quot;&gt;{{&lt;/span&gt;&lt;span class=&quot;wv-doc-blockname&quot;&gt;{{{nombre}}}&lt;/span&gt;&lt;/div&gt;

&lt;div class=&quot;wv-doc-params&quot;&gt;{{{params}}}&lt;/div&gt;
&lt;div class=&quot;wv-doc-block-close&quot;&gt;&lt;span class=&quot;wv-doc-brace&quot;&gt;}}&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;wv-doc-example-placeholder&quot;&gt;&lt;/div&gt;{{#if:{{{notas|}}}
|&lt;div class=&quot;wv-doc-foot2er&quot;&gt;&lt;ul class=&quot;wv-doc-nota&quot;&gt;
{{{notas}}}
&lt;/ul&gt;
&lt;/div&gt;}}
&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{Usuario:Jsmura/DocSintaxis
|nombre=DocSintaxis
|desc=Bloque principal de documentación de sintaxis de una plantilla.
Genera automáticamente el bloque de ejemplo si algún DocParam tiene valor en el parámetro 4.
|params=
{{Usuario:Jsmura/DocParam|nombre|req||DocSintaxis}}
{{Usuario:Jsmura/DocParam|desc|req||Bloque principal de documentación de sintaxis de una plantilla.
Genera automáticamente el bloque de ejemplo si algún DocParam tiene valor en el parámetro 4.}}
{{Usuario:Jsmura/DocParam|notas|opt||* nota 1 * nota 2}}
{{Usuario:Jsmura/DocParam|params|req||&lt;nowiki&gt;{{DocParam|param1|req|opcionA / opcionB|opcionA}}
{{DocParam|param2|opt||valor de ejemplo}}&lt;/nowiki&gt;}}
}}&lt;/noinclude&gt;</text>
      <sha1>htyeu7eaa0q7c8ouks7xu8mr6gxqpt8</sha1>
    </revision>
    <revision>
      <id>253748</id>
      <parentid>253742</parentid>
      <timestamp>2026-05-22T20:45:27Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253748</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1956" sha1="iif9pj4ad598hwyg19iozwk664kkuyj" xml:space="preserve">&lt;div class=&quot;config-general wv-doc-outer&quot; data-tplname=&quot;{{{nombre}}}&quot;&gt;
&lt;div class=&quot;wv-doc-intro&quot;&gt;
&lt;div class=&quot;wv-doc-intro-top&quot;&gt;&lt;div&gt;
&lt;h3 class=&quot;wv-doc-tname-head&quot;&gt;[[Plantilla:{{{nombre}}}|{{{nombre}}}]]&lt;/h3&gt;
&lt;p class=&quot;wv-doc-desc&quot;&gt;{{{desc}}}&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p class=&quot;wv-doc-hint&quot;&gt;Rellena los parámetros &lt;span class=&quot;wv-doc-req-inline&quot;&gt;obligatorios&lt;/span&gt; y omite los &lt;span class=&quot;wv-doc-opt-inline&quot;&gt;opcionales&lt;/span&gt; que no necesites. Usa &lt;strong&gt;Copiar&lt;/strong&gt; para obtener la plantilla lista.&lt;/p&gt;
&lt;div class=&quot;wv-doc-legend&quot;&gt;&lt;span class=&quot;wv-doc-leg wv-doc-req-leg&quot;&gt;Obligatorio&lt;/span&gt;&lt;span class=&quot;wv-doc-leg wv-doc-opt-leg&quot;&gt;Opcional&lt;/span&gt;&lt;/div&gt;

&lt;div class=&quot;wv-doc-card wv-doc-syntax-card&quot;&gt;
&lt;div class=&quot;wv-doc-card-top&quot;&gt;&lt;span class=&quot;wv-doc-card-label&quot;&gt;Sintaxis&lt;/span&gt;&lt;span class=&quot;wv-doc-copy-btn&quot; role=&quot;button&quot; tabindex=&quot;0&quot; data-mode=&quot;syntax&quot;&gt;📋 Copiar plantilla&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;wv-doc-block&quot;&gt;&lt;div class=&quot;wv-doc-block-open&quot;&gt;&lt;span class=&quot;wv-doc-brace&quot;&gt;{{&lt;/span&gt;&lt;span class=&quot;wv-doc-blockname&quot;&gt;{{{nombre}}}&lt;/span&gt;&lt;/div&gt;

&lt;div class=&quot;wv-doc-params&quot;&gt;{{{params}}}&lt;/div&gt;
&lt;div class=&quot;wv-doc-block-close&quot;&gt;&lt;span class=&quot;wv-doc-brace&quot;&gt;}}&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;wv-doc-example-placeholder&quot;&gt;&lt;/div&gt;{{#if:{{{notas|}}}
|&lt;div class=&quot;wv-doc-foot2er&quot;&gt;&lt;ul class=&quot;wv-doc-nota&quot;&gt;
{{{notas}}}
&lt;/ul&gt;
&lt;/div&gt;}}
&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{DocSimple
|nombre=DocSimple
|desc=Bloque principal de documentación de sintaxis de una plantilla.
Genera automáticamente el bloque de ejemplo si algún DocParam tiene valor en el parámetro 4.
|params=
{{DocParam|nombre|req||DocSintaxis}}
{{DocParam|desc|req||Bloque principal de documentación de sintaxis de una plantilla.
Genera automáticamente el bloque de ejemplo si algún DocParam tiene valor en el parámetro 4.}}
{{DocParam|notas|opt||* nota 1 * nota 2}}
{{DocParam|params|req||&lt;nowiki&gt;{{DocParam|param1|req|opcionA / opcionB|opcionA}}
{{DocParam|param2|opt||valor de ejemplo}}&lt;/nowiki&gt;}}
}}&lt;/noinclude&gt;</text>
      <sha1>iif9pj4ad598hwyg19iozwk664kkuyj</sha1>
    </revision>
    <revision>
      <id>253753</id>
      <parentid>253748</parentid>
      <timestamp>2026-05-22T20:50:33Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253753</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="2070" sha1="suxmg9t2kwjwrvzmj4xnf3qt20lwlda" xml:space="preserve">&lt;div class=&quot;config-general doc-simple-outer&quot; data-tplname=&quot;{{{nombre}}}&quot;&gt;
&lt;div class=&quot;doc-simple-intro&quot;&gt;
&lt;div class=&quot;doc-simple-intro-top&quot;&gt;&lt;div&gt;
&lt;div class=&quot;doc-simple-tname-head&quot;&gt;[[Plantilla:{{{nombre}}}|{{{nombre}}}]]&lt;/div&gt;
&lt;p class=&quot;doc-simple-desc&quot;&gt;{{{desc}}}&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p class=&quot;doc-simple-hint&quot;&gt;Rellena los parámetros &lt;span class=&quot;doc-simple-req-inline&quot;&gt;obligatorios&lt;/span&gt; y omite los &lt;span class=&quot;doc-simple-opt-inline&quot;&gt;opcionales&lt;/span&gt; que no necesites. Usa &lt;strong&gt;Copiar&lt;/strong&gt; para obtener la plantilla lista.&lt;/p&gt;
&lt;div class=&quot;doc-simple-legend&quot;&gt;&lt;span class=&quot;doc-simple-leg doc-simple-req-leg&quot;&gt;Obligatorio&lt;/span&gt;&lt;span class=&quot;doc-simple-leg doc-simple-opt-leg&quot;&gt;Opcional&lt;/span&gt;&lt;/div&gt;

&lt;div class=&quot;doc-simple-card doc-simple-syntax-card&quot;&gt;
&lt;div class=&quot;doc-simple-card-top&quot;&gt;&lt;span class=&quot;doc-simple-card-label&quot;&gt;Sintaxis&lt;/span&gt;&lt;span class=&quot;doc-simple-copy-btn&quot; role=&quot;button&quot; tabindex=&quot;0&quot; data-mode=&quot;syntax&quot;&gt;📋 Copiar plantilla&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;doc-simple-block&quot;&gt;&lt;div class=&quot;doc-simple-block-open&quot;&gt;&lt;span class=&quot;doc-simple-brace&quot;&gt;{{&lt;/span&gt;&lt;span class=&quot;doc-simple-blockname&quot;&gt;{{{nombre}}}&lt;/span&gt;&lt;/div&gt;

&lt;div class=&quot;doc-simple-params&quot;&gt;{{{params}}}&lt;/div&gt;
&lt;div class=&quot;doc-simple-block-close&quot;&gt;&lt;span class=&quot;doc-simple-brace&quot;&gt;}}&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;doc-simple-example-placeholder&quot;&gt;&lt;/div&gt;{{#if:{{{notas|}}}
|&lt;div class=&quot;doc-simple-foot2er&quot;&gt;&lt;ul class=&quot;doc-simple-nota&quot;&gt;
{{{notas}}}
&lt;/ul&gt;
&lt;/div&gt;}}
&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{DocSimple
|nombre=DocSimple
|desc=Bloque principal de documentación de sintaxis de una plantilla.
Genera automáticamente el bloque de ejemplo si algún DocParam tiene valor en el parámetro 4.
|params=
{{DocParam|nombre|req||DocSintaxis}}
{{DocParam|desc|req||Bloque principal de documentación de sintaxis de una plantilla.
Genera automáticamente el bloque de ejemplo si algún DocParam tiene valor en el parámetro 4.}}
{{DocParam|notas|opt||* nota 1 * nota 2}}
{{DocParam|params|req||&lt;nowiki&gt;{{DocParam|param1|req|opcionA / opcionB|opcionA}}
{{DocParam|param2|opt||valor de ejemplo}}&lt;/nowiki&gt;}}
}}&lt;/noinclude&gt;</text>
      <sha1>suxmg9t2kwjwrvzmj4xnf3qt20lwlda</sha1>
    </revision>
    <revision>
      <id>253755</id>
      <parentid>253753</parentid>
      <timestamp>2026-05-22T21:05:38Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253755</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1822" sha1="hhrxhbru9ctd76j4ltzffyqw503rtib" xml:space="preserve">&lt;div class=&quot;config-general doc-simple-outer&quot; data-tplname=&quot;{{{nombre}}}&quot;&gt;
&lt;div class=&quot;doc-simple-intro&quot;&gt;
&lt;div class=&quot;doc-simple-intro-top&quot;&gt;&lt;div&gt;
&lt;div&gt; &lt;span class=&quot;doc-simple-tname-head&quot;&gt;[[Plantilla:{{{nombre}}}|{{{nombre}}}]]&lt;/span&gt; &lt;span class=&quot;editsection plainlinks&quot; id=&quot;doc_editlinks&quot;&gt;{{#ifexist:{{{1|{{SUBJECTSPACE}}:{{PAGENAME}}/doc}}}|[[{{fullurl:{{{1|{{SUBJECTSPACE}}:{{PAGENAME}}/doc}}}|action=edit}} editar]] [{{purgar}}]|[[{{fullurl:{{{1|{{SUBJECTSPACE}}:{{PAGENAME}}/doc}}}|action=edit&amp;preload=Plantilla:Documentación/precarga}} crear]]}}&lt;/span&gt;&lt;/div&gt;
&lt;p class=&quot;doc-simple-desc&quot;&gt;{{{desc}}}&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p class=&quot;doc-simple-hint&quot;&gt;Rellena los parámetros &lt;span class=&quot;doc-simple-req-inline&quot;&gt;obligatorios&lt;/span&gt; y omite los &lt;span class=&quot;doc-simple-opt-inline&quot;&gt;opcionales&lt;/span&gt; que no necesites. Usa &lt;strong&gt;Copiar&lt;/strong&gt; para obtener la plantilla lista.&lt;/p&gt;
&lt;div class=&quot;doc-simple-legend&quot;&gt;&lt;span class=&quot;doc-simple-leg doc-simple-req-leg&quot;&gt;Obligatorio&lt;/span&gt;&lt;span class=&quot;doc-simple-leg doc-simple-opt-leg&quot;&gt;Opcional&lt;/span&gt;&lt;/div&gt;

&lt;div class=&quot;doc-simple-card doc-simple-syntax-card&quot;&gt;
&lt;div class=&quot;doc-simple-card-top&quot;&gt;&lt;span class=&quot;doc-simple-card-label&quot;&gt;Sintaxis&lt;/span&gt;&lt;span class=&quot;doc-simple-copy-btn&quot; role=&quot;button&quot; tabindex=&quot;0&quot; data-mode=&quot;syntax&quot;&gt;📋 Copiar plantilla&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;doc-simple-block&quot;&gt;&lt;div class=&quot;doc-simple-block-open&quot;&gt;&lt;span class=&quot;doc-simple-brace&quot;&gt;{{&lt;/span&gt;&lt;span class=&quot;doc-simple-blockname&quot;&gt;{{{nombre}}}&lt;/span&gt;&lt;/div&gt;

&lt;div class=&quot;doc-simple-params&quot;&gt;{{{params}}}&lt;/div&gt;
&lt;div class=&quot;doc-simple-block-close&quot;&gt;&lt;span class=&quot;doc-simple-brace&quot;&gt;}}&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;doc-simple-example-placeholder&quot;&gt;&lt;/div&gt;{{#if:{{{notas|}}}
|&lt;div class=&quot;doc-simple-foot2er&quot;&gt;&lt;ul class=&quot;doc-simple-nota&quot;&gt;
{{{notas}}}
&lt;/ul&gt;
&lt;/div&gt;}}
&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{DocSimple/doc}}&lt;/noinclude&gt;</text>
      <sha1>hhrxhbru9ctd76j4ltzffyqw503rtib</sha1>
    </revision>
    <revision>
      <id>253768</id>
      <parentid>253755</parentid>
      <timestamp>2026-05-22T21:27:47Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253768</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1649" sha1="t5t9rvx10qxzz2llwkor1i777szf5rz" xml:space="preserve">&lt;div class=&quot;config-general doc-simple-outer&quot; data-tplname=&quot;{{{nombre}}}&quot;&gt;
&lt;div class=&quot;doc-simple-intro&quot;&gt;
&lt;div class=&quot;doc-simple-intro-top&quot;&gt;&lt;div&gt;
&lt;div&gt; &lt;span class=&quot;doc-simple-tname-head&quot;&gt;[[Plantilla:{{{nombre}}}|{{{nombre}}}]]&lt;/span&gt; &lt;span class=&quot;editsection plainlinks&quot; id=&quot;doc_editlinks&quot;&gt;[[{{fullurl:{{{1|{{SUBJECTSPACE}}:{{PAGENAME}}/doc}}}|action=edit}} editar]] [{{purgar}}]&lt;/span&gt;&lt;/div&gt;
&lt;p class=&quot;doc-simple-desc&quot;&gt;{{{desc}}}&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p class=&quot;doc-simple-hint&quot;&gt;Rellena los parámetros &lt;span class=&quot;doc-simple-req-inline&quot;&gt;obligatorios&lt;/span&gt; y omite los &lt;span class=&quot;doc-simple-opt-inline&quot;&gt;opcionales&lt;/span&gt; que no necesites. Usa &lt;strong&gt;Copiar&lt;/strong&gt; para obtener la plantilla lista.&lt;/p&gt;
&lt;div class=&quot;doc-simple-legend&quot;&gt;&lt;span class=&quot;doc-simple-leg doc-simple-req-leg&quot;&gt;Obligatorio&lt;/span&gt;&lt;span class=&quot;doc-simple-leg doc-simple-opt-leg&quot;&gt;Opcional&lt;/span&gt;&lt;/div&gt;

&lt;div class=&quot;doc-simple-card doc-simple-syntax-card&quot;&gt;
&lt;div class=&quot;doc-simple-card-top&quot;&gt;&lt;span class=&quot;doc-simple-card-label&quot;&gt;Sintaxis&lt;/span&gt;&lt;span class=&quot;doc-simple-copy-btn&quot; role=&quot;button&quot; tabindex=&quot;0&quot; data-mode=&quot;syntax&quot;&gt;📋 Copiar plantilla&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;doc-simple-block&quot;&gt;&lt;div class=&quot;doc-simple-block-open&quot;&gt;&lt;span class=&quot;doc-simple-brace&quot;&gt;{{&lt;/span&gt;&lt;span class=&quot;doc-simple-blockname&quot;&gt;{{{nombre}}}&lt;/span&gt;&lt;/div&gt;

&lt;div class=&quot;doc-simple-params&quot;&gt;{{{params}}}&lt;/div&gt;
&lt;div class=&quot;doc-simple-block-close&quot;&gt;&lt;span class=&quot;doc-simple-brace&quot;&gt;}}&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;doc-simple-example-placeholder&quot;&gt;&lt;/div&gt;{{#if:{{{notas|}}}
|&lt;div class=&quot;doc-simple-foot2er&quot;&gt;&lt;ul class=&quot;doc-simple-nota&quot;&gt;
{{{notas}}}
&lt;/ul&gt;
&lt;/div&gt;}}
&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{DocSimple/doc}}&lt;/noinclude&gt;</text>
      <sha1>t5t9rvx10qxzz2llwkor1i777szf5rz</sha1>
    </revision>
    <revision>
      <id>253769</id>
      <parentid>253768</parentid>
      <timestamp>2026-05-22T21:28:47Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253769</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1642" sha1="hhtml8etm6mgmh6l46hdjxyqg3bs7gy" xml:space="preserve">&lt;div class=&quot;config-general doc-simple-outer&quot; data-tplname=&quot;{{{nombre}}}&quot;&gt;
&lt;div class=&quot;doc-simple-intro&quot;&gt;
&lt;div class=&quot;doc-simple-intro-top&quot;&gt;&lt;div&gt;
&lt;div&gt; &lt;span class=&quot;doc-simple-tname-head&quot;&gt;[[Plantilla:{{{nombre}}}|{{{nombre}}}]]&lt;/span&gt; &lt;span class=&quot;editsection plainlinks&quot; id=&quot;doc_editlinks&quot;&gt;[[{{fullurl:{{{1|Plantilla:{{{nombre}}}/doc}}}|action=edit}} editar]] [{{purgar}}]&lt;/span&gt;&lt;/div&gt;
&lt;p class=&quot;doc-simple-desc&quot;&gt;{{{desc}}}&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p class=&quot;doc-simple-hint&quot;&gt;Rellena los parámetros &lt;span class=&quot;doc-simple-req-inline&quot;&gt;obligatorios&lt;/span&gt; y omite los &lt;span class=&quot;doc-simple-opt-inline&quot;&gt;opcionales&lt;/span&gt; que no necesites. Usa &lt;strong&gt;Copiar&lt;/strong&gt; para obtener la plantilla lista.&lt;/p&gt;
&lt;div class=&quot;doc-simple-legend&quot;&gt;&lt;span class=&quot;doc-simple-leg doc-simple-req-leg&quot;&gt;Obligatorio&lt;/span&gt;&lt;span class=&quot;doc-simple-leg doc-simple-opt-leg&quot;&gt;Opcional&lt;/span&gt;&lt;/div&gt;

&lt;div class=&quot;doc-simple-card doc-simple-syntax-card&quot;&gt;
&lt;div class=&quot;doc-simple-card-top&quot;&gt;&lt;span class=&quot;doc-simple-card-label&quot;&gt;Sintaxis&lt;/span&gt;&lt;span class=&quot;doc-simple-copy-btn&quot; role=&quot;button&quot; tabindex=&quot;0&quot; data-mode=&quot;syntax&quot;&gt;📋 Copiar plantilla&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;doc-simple-block&quot;&gt;&lt;div class=&quot;doc-simple-block-open&quot;&gt;&lt;span class=&quot;doc-simple-brace&quot;&gt;{{&lt;/span&gt;&lt;span class=&quot;doc-simple-blockname&quot;&gt;{{{nombre}}}&lt;/span&gt;&lt;/div&gt;

&lt;div class=&quot;doc-simple-params&quot;&gt;{{{params}}}&lt;/div&gt;
&lt;div class=&quot;doc-simple-block-close&quot;&gt;&lt;span class=&quot;doc-simple-brace&quot;&gt;}}&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;doc-simple-example-placeholder&quot;&gt;&lt;/div&gt;{{#if:{{{notas|}}}
|&lt;div class=&quot;doc-simple-foot2er&quot;&gt;&lt;ul class=&quot;doc-simple-nota&quot;&gt;
{{{notas}}}
&lt;/ul&gt;
&lt;/div&gt;}}
&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{DocSimple/doc}}&lt;/noinclude&gt;</text>
      <sha1>hhtml8etm6mgmh6l46hdjxyqg3bs7gy</sha1>
    </revision>
    <revision>
      <id>253770</id>
      <parentid>253769</parentid>
      <timestamp>2026-05-22T21:30:42Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253770</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1629" sha1="my64947af7hiqrql9xnf89dgwxcbkwl" xml:space="preserve">&lt;div class=&quot;config-general doc-simple-outer&quot; data-tplname=&quot;{{{nombre}}}&quot;&gt;
&lt;div class=&quot;doc-simple-intro&quot;&gt;
&lt;div class=&quot;doc-simple-intro-top&quot;&gt;&lt;div&gt;
&lt;div&gt; &lt;span class=&quot;doc-simple-tname-head&quot;&gt;[[Plantilla:{{{nombre}}}|{{{nombre}}}]]&lt;/span&gt; &lt;span class=&quot;editsection plainlinks&quot; id=&quot;doc_editlinks&quot;&gt;[[{{fullurl:{{{1|Plantilla:{{{nombre}}}/doc}}}|action=edit}} editar]]&lt;/span&gt;&lt;/div&gt;
&lt;p class=&quot;doc-simple-desc&quot;&gt;{{{desc}}}&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p class=&quot;doc-simple-hint&quot;&gt;Rellena los parámetros &lt;span class=&quot;doc-simple-req-inline&quot;&gt;obligatorios&lt;/span&gt; y omite los &lt;span class=&quot;doc-simple-opt-inline&quot;&gt;opcionales&lt;/span&gt; que no necesites. Usa &lt;strong&gt;Copiar&lt;/strong&gt; para obtener la plantilla lista.&lt;/p&gt;
&lt;div class=&quot;doc-simple-legend&quot;&gt;&lt;span class=&quot;doc-simple-leg doc-simple-req-leg&quot;&gt;Obligatorio&lt;/span&gt;&lt;span class=&quot;doc-simple-leg doc-simple-opt-leg&quot;&gt;Opcional&lt;/span&gt;&lt;/div&gt;

&lt;div class=&quot;doc-simple-card doc-simple-syntax-card&quot;&gt;
&lt;div class=&quot;doc-simple-card-top&quot;&gt;&lt;span class=&quot;doc-simple-card-label&quot;&gt;Sintaxis&lt;/span&gt;&lt;span class=&quot;doc-simple-copy-btn&quot; role=&quot;button&quot; tabindex=&quot;0&quot; data-mode=&quot;syntax&quot;&gt;📋 Copiar plantilla&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;doc-simple-block&quot;&gt;&lt;div class=&quot;doc-simple-block-open&quot;&gt;&lt;span class=&quot;doc-simple-brace&quot;&gt;{{&lt;/span&gt;&lt;span class=&quot;doc-simple-blockname&quot;&gt;{{{nombre}}}&lt;/span&gt;&lt;/div&gt;

&lt;div class=&quot;doc-simple-params&quot;&gt;{{{params}}}&lt;/div&gt;
&lt;div class=&quot;doc-simple-block-close&quot;&gt;&lt;span class=&quot;doc-simple-brace&quot;&gt;}}&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;doc-simple-example-placeholder&quot;&gt;&lt;/div&gt;{{#if:{{{notas|}}}
|&lt;div class=&quot;doc-simple-foot2er&quot;&gt;&lt;ul class=&quot;doc-simple-nota&quot;&gt;
{{{notas}}}
&lt;/ul&gt;
&lt;/div&gt;}}
&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{DocSimple/doc}}&lt;/noinclude&gt;</text>
      <sha1>my64947af7hiqrql9xnf89dgwxcbkwl</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:DocParam</title>
    <ns>10</ns>
    <id>18409</id>
    <revision>
      <id>253745</id>
      <parentid>253339</parentid>
      <timestamp>2026-05-22T20:44:33Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <minor />
      <comment>Jsmura trasladó la página [[Usuario:Jsmura/DocParam]] a [[Plantilla:DocParam]]</comment>
      <origin>253339</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="911" sha1="f7tf5ivonvm84ajriren1naf7c1ifkj" xml:space="preserve">&lt;div class=&quot;wv-doc-row wv-doc-{{#ifeq:{{{2}}}|req|req|opt}}&quot; data-key=&quot;{{{1}}}&quot; data-val=&quot;{{{3|}}}&quot; data-example=&quot;{{{4|}}}&quot;&gt;&lt;span class=&quot;wv-doc-pipe&quot;&gt;&lt;nowiki&gt;|&lt;/nowiki&gt;&lt;/span&gt;&lt;span class=&quot;wv-doc-key&quot;&gt;{{{1}}}&lt;/span&gt;&lt;span class=&quot;wv-doc-eq&quot;&gt;&lt;nowiki&gt;=&lt;/nowiki&gt;&lt;/span&gt;{{#if:{{{3|}}}|&lt;span class=&quot;wv-doc-optvals&quot;&gt;{{{3}}}&lt;/span&gt;|}}&lt;/div&gt;
&lt;noinclude&gt;
Fila individual de parámetro para usar dentro de &lt;nowiki&gt;{{DocSintaxis}}&lt;/nowiki&gt;.

; Parámetros posicionales
* '''1''' — nombre del parámetro
* '''2''' — &lt;code&gt;req&lt;/code&gt; (obligatorio) u &lt;code&gt;opt&lt;/code&gt; (opcional)
* '''3''' — opciones a mostrar inline y que se incluyen al copiar (ej: &lt;code&gt;1 / 2 / 3 / 4&lt;/code&gt;)
* '''4''' — valor de ejemplo; si se incluye, aparece el bloque «Ejemplo de uso»

; Uso
&lt;pre&gt;
{{DocParam|type|req|1 / 2 / 3 / 4|2}}
{{DocParam|img|opt||Foto.jpg}}
{{DocParam|title|req||Mi título}}
{{DocParam|content|req}}
&lt;/pre&gt;&lt;/noinclude&gt;</text>
      <sha1>f7tf5ivonvm84ajriren1naf7c1ifkj</sha1>
    </revision>
    <revision>
      <id>253750</id>
      <parentid>253745</parentid>
      <timestamp>2026-05-22T20:49:16Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253750</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="935" sha1="02n3bowmoerje7ixo31id49xs6olr3g" xml:space="preserve">&lt;div class=&quot;doc-simple-row doc-simple-{{#ifeq:{{{2}}}|req|req|opt}}&quot; data-key=&quot;{{{1}}}&quot; data-val=&quot;{{{3|}}}&quot; data-example=&quot;{{{4|}}}&quot;&gt;&lt;span class=&quot;doc-simple-pipe&quot;&gt;&lt;nowiki&gt;|&lt;/nowiki&gt;&lt;/span&gt;&lt;span class=&quot;doc-simple-key&quot;&gt;{{{1}}}&lt;/span&gt;&lt;span class=&quot;doc-simple-eq&quot;&gt;&lt;nowiki&gt;=&lt;/nowiki&gt;&lt;/span&gt;{{#if:{{{3|}}}|&lt;span class=&quot;doc-simple-optvals&quot;&gt;{{{3}}}&lt;/span&gt;|}}&lt;/div&gt;
&lt;noinclude&gt;
Fila individual de parámetro para usar dentro de &lt;nowiki&gt;{{DocSintaxis}}&lt;/nowiki&gt;.

; Parámetros posicionales
* '''1''' — nombre del parámetro
* '''2''' — &lt;code&gt;req&lt;/code&gt; (obligatorio) u &lt;code&gt;opt&lt;/code&gt; (opcional)
* '''3''' — opciones a mostrar inline y que se incluyen al copiar (ej: &lt;code&gt;1 / 2 / 3 / 4&lt;/code&gt;)
* '''4''' — valor de ejemplo; si se incluye, aparece el bloque «Ejemplo de uso»

; Uso
&lt;pre&gt;
{{DocParam|type|req|1 / 2 / 3 / 4|2}}
{{DocParam|img|opt||Foto.jpg}}
{{DocParam|title|req||Mi título}}
{{DocParam|content|req}}
&lt;/pre&gt;&lt;/noinclude&gt;</text>
      <sha1>02n3bowmoerje7ixo31id49xs6olr3g</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Hero mascot responsive</title>
    <ns>10</ns>
    <id>18440</id>
    <revision>
      <id>253738</id>
      <parentid>253387</parentid>
      <timestamp>2026-05-22T20:33:43Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <minor />
      <comment>Jsmura trasladó la página [[Usuario:Jsmura/Hero responsive]] a [[Plantilla:Hero mascot responsive]]</comment>
      <origin>253387</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1640" sha1="mkawexkpj4zequ6wxop3eepf3siq3l1" xml:space="preserve">&lt;div class=&quot;config-general wvas-hero&quot;&gt;
&lt;div class=&quot;wvas-hero-top&quot;&gt;
&lt;div class=&quot;wvas-hero-mascot&quot;&gt;[[Archivo:{{{img|Wiki Sable Chibi.png}}}|link=|alt=img]]&lt;/div&gt;
&lt;div class=&quot;wvas-hero-text&quot;&gt;
&lt;h1&gt;{{{title|¡Crea tu guía de viaje en Wikiviajes!}}}&lt;/h1&gt;
&lt;div class=&quot;wvas-hero-lead&quot;&gt;{{{subtitle|Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}}}
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr class=&quot;wvas-hero-divider&quot;/&gt;
&lt;div class=&quot;wvas-hero-about&quot; &gt;{{{content|'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}}}&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{Usuario:Jsmura/DocSintaxis
|nombre=Hero responsive
|desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}}
{{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}}
{{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}}
{{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}}
}}&lt;/noinclude&gt;</text>
      <sha1>mkawexkpj4zequ6wxop3eepf3siq3l1</sha1>
    </revision>
    <revision>
      <id>253752</id>
      <parentid>253738</parentid>
      <timestamp>2026-05-22T20:50:18Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253752</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1682" sha1="nt73ynztqd4r9w3zusxpoz4oykq2220" xml:space="preserve">&lt;div class=&quot;config-general hero-mascot&quot;&gt;
&lt;div class=&quot;hero-mascot-top&quot;&gt;
&lt;div class=&quot;hero-mascot-mascot&quot;&gt;[[Archivo:{{{img|Wiki Sable Chibi.png}}}|link=|alt=img]]&lt;/div&gt;
&lt;div class=&quot;hero-mascot-text&quot;&gt;
&lt;div class=&quot;hero-mascot-title&quot;&gt;{{{title|¡Crea tu guía de viaje en Wikiviajes!}}}&lt;/div&gt;
&lt;div class=&quot;hero-mascot-lead&quot;&gt;{{{subtitle|Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}}}
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr class=&quot;hero-mascot-divider&quot;/&gt;
&lt;div class=&quot;hero-mascot-about&quot; &gt;{{{content|'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}}}&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{Usuario:Jsmura/DocSintaxis
|nombre=Hero responsive
|desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}}
{{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}}
{{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}}
{{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}}
}}&lt;/noinclude&gt;</text>
      <sha1>nt73ynztqd4r9w3zusxpoz4oykq2220</sha1>
    </revision>
    <revision>
      <id>253757</id>
      <parentid>253752</parentid>
      <timestamp>2026-05-22T21:07:34Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253757</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="917" sha1="auvlm7brzs1uso2po5bb0qz5qbva9iv" xml:space="preserve">&lt;div class=&quot;config-general hero-mascot&quot;&gt;
&lt;div class=&quot;hero-mascot-top&quot;&gt;
&lt;div class=&quot;hero-mascot-mascot&quot;&gt;[[Archivo:{{{img|Wiki Sable Chibi.png}}}|link=|alt=img]]&lt;/div&gt;
&lt;div class=&quot;hero-mascot-text&quot;&gt;
&lt;div class=&quot;hero-mascot-title&quot;&gt;{{{title|¡Crea tu guía de viaje en Wikiviajes!}}}&lt;/div&gt;
&lt;div class=&quot;hero-mascot-lead&quot;&gt;{{{subtitle|Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}}}
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;hr class=&quot;hero-mascot-divider&quot;/&gt;
&lt;div class=&quot;hero-mascot-about&quot; &gt;{{{content|'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}}}&lt;/div&gt;
&lt;/div&gt;&lt;noinclude&gt;{{Hero mascot responsive/doc}}&lt;/noinclude&gt;</text>
      <sha1>auvlm7brzs1uso2po5bb0qz5qbva9iv</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Badge inline</title>
    <ns>10</ns>
    <id>18446</id>
    <revision>
      <id>253729</id>
      <parentid>253574</parentid>
      <timestamp>2026-05-22T18:31:54Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253729</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="239" sha1="3vt8swva7xux8h49j2gpv6klt5mcn90" xml:space="preserve">&lt;span class=&quot;badge-inline&quot;&gt;{{{content}}}&lt;/span&gt;&lt;noinclude&gt;{{Usuario:Jsmura/DocSintaxis
|nombre=Badge inline
|desc=Distintivo que se puede colocar en el texto.
|params=
{{Usuario:Jsmura/DocParam|content|req|Texto de ejemplo}}
}}&lt;/noinclude&gt;</text>
      <sha1>3vt8swva7xux8h49j2gpv6klt5mcn90</sha1>
    </revision>
  </page>
  <page>
    <title>Usuario:Jsmura/WVA-Item</title>
    <ns>2</ns>
    <id>18451</id>
    <revision>
      <id>253715</id>
      <parentid>253481</parentid>
      <timestamp>2026-05-22T15:19:33Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253715</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="10597" sha1="02i2foi7694677rwdewizc550w0w3kf" xml:space="preserve">&lt;div class=&quot;rcard&quot; style=&quot;border-left-color:#b07cb0&quot;&gt;&lt;div class=&quot;rcard-name&quot;&gt;🌆 Costa Central&lt;/div&gt;&lt;div class=&quot;rcard-desc&quot;&gt;Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ccard&quot;&gt;&lt;span class=&quot;ccard-badge pk&quot;&gt;Capital&lt;/span&gt;&lt;div class=&quot;ccard-name&quot;&gt;🏙️ Lima&lt;/div&gt;&lt;div class=&quot;ccard-desc&quot;&gt;La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ccard&quot;&gt;&lt;span class=&quot;ccard-badge&quot;&gt;UNESCO&lt;/span&gt;&lt;div class=&quot;ccard-name&quot;&gt;🏛️ Arequipa&lt;/div&gt;&lt;div class=&quot;ccard-desc&quot;&gt;La Ciudad Blanca. Rica mezcla de culturas indígenas y coloniales españolas.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-bk&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;🌄 Machu Picchu&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Símbolo del Imperio Inca y Patrimonio UNESCO. &lt;strong&gt;Reservar acceso con meses de anticipación&lt;/strong&gt; en temporada alta.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;tport tp-or&quot;&gt;&lt;div class=&quot;tport-icon&quot;&gt;🚌&lt;/div&gt;&lt;div class=&quot;tport-name&quot;&gt;En bus internacional&lt;/div&gt;&lt;div class=&quot;tport-desc&quot;&gt;Desde Chile por &lt;strong&gt;Arica→Tacna&lt;/strong&gt;. Desde Ecuador por &lt;strong&gt;Tumbes o Loja→Piura&lt;/strong&gt;. Desde Bolivia por &lt;strong&gt;La Paz→Puno&lt;/strong&gt;. Desde Brasil por &lt;strong&gt;Iñapari→Puerto Maldonado&lt;/strong&gt;.&lt;/div&gt;&lt;div class=&quot;tport-tags&quot;&gt;&lt;span class=&quot;tag t-yw&quot;&gt;Económico&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;tport tp-gn&quot;&gt;&lt;div class=&quot;tport-icon&quot;&gt;🚗&lt;/div&gt;&lt;div class=&quot;tport-name&quot;&gt;En auto propio&lt;/div&gt;&lt;div class=&quot;tport-desc&quot;&gt;Por el sur desde &lt;strong&gt;Arica (Chile)&lt;/strong&gt; hacia Tacna. Por el norte desde &lt;strong&gt;Macará, Zapotillo o Arenillas (Ecuador)&lt;/strong&gt;. Por el este desde &lt;strong&gt;Assis Brasil&lt;/strong&gt;.&lt;/div&gt;&lt;div class=&quot;tport-tags&quot;&gt;&lt;span class=&quot;tag t-gn&quot;&gt;Flexible&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;tport tp-bl&quot;&gt;&lt;div class=&quot;tport-icon&quot;&gt;🚢&lt;/div&gt;&lt;div class=&quot;tport-name&quot;&gt;En barco / crucero&lt;/div&gt;&lt;div class=&quot;tport-desc&quot;&gt;Cruceros que incluyen El &lt;strong&gt;Callao, Iquitos o Puno.&lt;/strong&gt; También navegación fluvial desde Brasil por el río Amazonas.&lt;/div&gt;&lt;div class=&quot;tport-tags&quot;&gt;&lt;span class=&quot;tag t-bl&quot;&gt;Turístico&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;tport tp-pu&quot;&gt;&lt;div class=&quot;tport-icon&quot;&gt;🚂&lt;/div&gt;&lt;div class=&quot;tport-name&quot;&gt;En tren (Chile)&lt;/div&gt;&lt;div class=&quot;tport-desc&quot;&gt;Servicio turístico del &lt;strong&gt;Tren Tacna-Arica&lt;/strong&gt; que conecta Perú con Chile. Experiencia pintoresca y nostálgica.&lt;/div&gt;&lt;div class=&quot;tport-tags&quot;&gt;&lt;span class=&quot;tag t-pu&quot;&gt;Experiencia&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
    
&lt;div class=&quot;ptip ptip-money&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;💹 Mejor tipo de cambio&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Las &lt;strong&gt;casas de cambio&lt;/strong&gt; ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-warn&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;🚫 Nunca en la calle&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;No cambies con personas en la calle. &lt;strong&gt;Las falsificaciones abundan.&lt;/strong&gt; Marca los billetes que entregues. También verificarán los tuyos.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-tip&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;🤝 Regateo obligatorio&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;En mercados y puestos: sin regatear pagas &lt;strong&gt;15-25% más.&lt;/strong&gt; Pide siempre la &lt;em&gt;yapa&lt;/em&gt; (pequeño extra o descuento).&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-ok&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;🍽️ Menú del día&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;La forma más inteligente de comer: &lt;strong&gt;S/10-15 (~$3-4 USD)&lt;/strong&gt; por sopa, segundo, refresco y postre. En mercados y restaurantes de barrio.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-info&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;🏧 Cajeros automáticos&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Retira soles directamente en cajero. &lt;strong&gt;Evita cambiar en la recepción del hotel:&lt;/strong&gt; tipo de cambio muy bajo. Revisa comisiones de tu banco.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-or&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;💱 Billetes falsos&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Aprende a reconocerlos con marcas de agua. Es normal que verifiquen billetes &lt;em&gt;en ambas direcciones.&lt;/em&gt; Sin ofensa.&lt;/div&gt;&lt;/div&gt;

    &lt;div class=&quot;ptip ptip-warn&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;👜 Robo en grupo&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;&lt;strong&gt;Grupos de jóvenes&lt;/strong&gt; intentan distraer rodeando a personas para extraer objetos de mochilas o bolsos. Máxima atención en zonas turísticas y mercados de Lima.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-warn&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;📄 Pasaporte&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Deja el &lt;strong&gt;original en el hotel&lt;/strong&gt; y lleva siempre una fotocopia. La copia es válida para la mayoría de trámites turísticos cotidianos.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-or&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;🏨 Cusco: Terminal de buses&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Al llegar, &lt;strong&gt;«representantes» de hostels&lt;/strong&gt; insistirán. Exige ver su &lt;strong&gt;identificación de la Cámara de Turismo.&lt;/strong&gt; Hay casos de llevarte a sitios diferentes al ofrecido.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-ok&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;📞 Emergencias&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Policía: &lt;strong&gt;105.&lt;/strong&gt; Iperú (turismo): &lt;strong&gt;+51 1 574-8000&lt;/strong&gt; gratuito, 24h, 365 días. 15 oficinas en todo el país.&lt;/div&gt;&lt;/div&gt;


    &lt;div class=&quot;tcard&quot;&gt;
      &lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--yw);color:var(--bk)&quot;&gt;🗣️ CULTURA&lt;/div&gt;
      &lt;div class=&quot;tcard-title&quot;&gt;«Gringo» — sin ofensa&lt;/div&gt;
      &lt;div class=&quot;tcard-stats&quot;&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;OFENSA&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;—&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:5%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;NORMAL&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--pk)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-pk&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;tcard-text&quot;&gt;Los peruanos llaman «gringo» sin mala intención a &lt;strong&gt;personas de piel clara o cabello rubio.&lt;/strong&gt; «¡Hola, gringo!» es un saludo amistoso.&lt;/div&gt;
      &lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-yw&quot;&gt;Lima&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;Todo el país&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;tcard&quot;&gt;
      &lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--rd);color:#fff&quot;&gt;🚫 EVITAR&lt;/div&gt;
      &lt;div class=&quot;tcard-title&quot;&gt;No digas «senderismo» fuera de contexto&lt;/div&gt;
      &lt;div class=&quot;tcard-stats&quot;&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;RIESGO&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--rd)&quot;&gt;B-&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-rd&quot; style=&quot;--w:58%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;tcard-text&quot;&gt;Al hablar de &lt;strong&gt;ciclismo de montaña,&lt;/strong&gt; muchos confunden «senderismo» con &lt;strong&gt;Sendero Luminoso&lt;/strong&gt; (terrorismo). Usa &lt;em&gt;trekking&lt;/em&gt; o &lt;em&gt;ciclismo de montaña.&lt;/em&gt;&lt;/div&gt;
      &lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-rd&quot;&gt;Sensible&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;Historia&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;tcard&quot;&gt;
      &lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--or);color:#fff&quot;&gt;🔌 TÉCNICO&lt;/div&gt;
      &lt;div class=&quot;tcard-title&quot;&gt;Electricidad 220V · Enchufes A/B&lt;/div&gt;
      &lt;div class=&quot;tcard-stats&quot;&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;VOLTAJE&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--or)&quot;&gt;220V&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-or&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;tcard-text&quot;&gt;&lt;strong&gt;220 voltios / 60 Hz.&lt;/strong&gt; Enchufes tipo A y B (americanos de dos clavijas planas). Dispositivos europeos necesitan &lt;strong&gt;adaptador de clavija.&lt;/strong&gt;&lt;/div&gt;
      &lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-or&quot;&gt;Llevar adaptador&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;tcard&quot;&gt;
      &lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--cy);color:var(--bk)&quot;&gt;📅 TEMPORADAS&lt;/div&gt;
      &lt;div class=&quot;tcard-title&quot;&gt;Cuándo ir y cuándo evitar&lt;/div&gt;
      &lt;div class=&quot;tcard-stats&quot;&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;SECA&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;A+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:92%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;LLUVIAS&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--or)&quot;&gt;B-&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-or&quot; style=&quot;--w:44%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;tcard-text&quot;&gt;&lt;strong&gt;Mayo–Octubre:&lt;/strong&gt; temporada seca en sierra, ideal para trekking. &lt;strong&gt;Junio-Agosto:&lt;/strong&gt; alta temporada, &lt;strong&gt;reservar alojamiento meses antes.&lt;/strong&gt;&lt;/div&gt;
      &lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-cy&quot;&gt;Mayo-Oct ideal&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;Reserva anticipada&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;tcard&quot;&gt;
      &lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--bl);color:#fff&quot;&gt;🗣️ IDIOMA&lt;/div&gt;
      &lt;div class=&quot;tcard-title&quot;&gt;Español costeño: el más claro&lt;/div&gt;
      &lt;div class=&quot;tcard-stats&quot;&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;CLARIDAD&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:95%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;tcard-text&quot;&gt;El español costeño peruano es &lt;strong&gt;uno de los más claros de América Latina.&lt;/strong&gt; Lima es excelente destino para aprender español.&lt;/div&gt;
      &lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-bl&quot;&gt;Lima&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;Cursos disponibles&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;


&lt;div class=&quot;ptip ptip-warn&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;⚠️ Síntomas del soroche&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Al llegar a Cusco (3.400m) o Puno (3.800m): &lt;strong&gt;mareo, dolor de cabeza, fatiga, náuseas.&lt;/strong&gt; Los primeros 24-48h son críticos. La mayoría se aclimatan en ese tiempo.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-ok&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;✅ Cómo combatirlo&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;&lt;strong&gt;Descansar el primer día.&lt;/strong&gt; Andar lentamente. &lt;strong&gt;Comer ligero.&lt;/strong&gt; Beber mucha agua. &lt;strong&gt;Mate de coca&lt;/strong&gt; como remedio natural. Evitar el alcohol los primeros días.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-tip&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;💊 Medicamentos&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Farmacias &lt;strong&gt;Inkafarma y Mifarma&lt;/strong&gt; son las cadenas más confiables. Para soroche: &lt;strong&gt;Sorojchi Pills&lt;/strong&gt; o &lt;strong&gt;Coramina Glucosada.&lt;/strong&gt; Sin receta.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-info&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;💉 Vacunas para la selva&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Si visitas la Amazonia: &lt;strong&gt;vacunación contra la fiebre amarilla recomendada.&lt;/strong&gt; Consulta con tu médico al menos 10 días antes de viajar.&lt;/div&gt;&lt;/div&gt;
&lt;noinclude&gt;
Item individual de listado para usar dentro de WVA-Seccion.

; Ejemplo de uso
&lt;pre&gt;
{{WVA-Item
|icon=🍲
|color=pink
|name=Chicha — Gastronomía de autor
|desc=El restaurante de Gastón Acurio en Cusco. Reserva obligatoria.
|tag1=$$$$
|tag1color=pink
|tag2=Reserva previa
|tag2color=gray
|tag3=Imperdible
|tag3color=yellow
}}
&lt;/pre&gt;
&lt;/noinclude&gt;</text>
      <sha1>02i2foi7694677rwdewizc550w0w3kf</sha1>
    </revision>
    <revision>
      <id>253716</id>
      <parentid>253715</parentid>
      <timestamp>2026-05-22T15:20:58Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253716</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="11577" sha1="69kd315nm81xe9crgg39baj8l4fahwl" xml:space="preserve">&lt;div class=&quot;rcard&quot; style=&quot;border-left-color:#b07cb0&quot;&gt;&lt;div class=&quot;rcard-name&quot;&gt;🌆 Costa Central&lt;/div&gt;&lt;div class=&quot;rcard-desc&quot;&gt;Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ccard&quot;&gt;&lt;span class=&quot;ccard-badge pk&quot;&gt;Capital&lt;/span&gt;&lt;div class=&quot;ccard-name&quot;&gt;🏙️ Lima&lt;/div&gt;&lt;div class=&quot;ccard-desc&quot;&gt;La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ccard&quot;&gt;&lt;span class=&quot;ccard-badge&quot;&gt;UNESCO&lt;/span&gt;&lt;div class=&quot;ccard-name&quot;&gt;🏛️ Arequipa&lt;/div&gt;&lt;div class=&quot;ccard-desc&quot;&gt;La Ciudad Blanca. Rica mezcla de culturas indígenas y coloniales españolas.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-bk&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;🌄 Machu Picchu&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Símbolo del Imperio Inca y Patrimonio UNESCO. &lt;strong&gt;Reservar acceso con meses de anticipación&lt;/strong&gt; en temporada alta.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;tport tp-or&quot;&gt;&lt;div class=&quot;tport-icon&quot;&gt;🚌&lt;/div&gt;&lt;div class=&quot;tport-name&quot;&gt;En bus internacional&lt;/div&gt;&lt;div class=&quot;tport-desc&quot;&gt;Desde Chile por &lt;strong&gt;Arica→Tacna&lt;/strong&gt;. Desde Ecuador por &lt;strong&gt;Tumbes o Loja→Piura&lt;/strong&gt;. Desde Bolivia por &lt;strong&gt;La Paz→Puno&lt;/strong&gt;. Desde Brasil por &lt;strong&gt;Iñapari→Puerto Maldonado&lt;/strong&gt;.&lt;/div&gt;&lt;div class=&quot;tport-tags&quot;&gt;&lt;span class=&quot;tag t-yw&quot;&gt;Económico&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;tport tp-gn&quot;&gt;&lt;div class=&quot;tport-icon&quot;&gt;🚗&lt;/div&gt;&lt;div class=&quot;tport-name&quot;&gt;En auto propio&lt;/div&gt;&lt;div class=&quot;tport-desc&quot;&gt;Por el sur desde &lt;strong&gt;Arica (Chile)&lt;/strong&gt; hacia Tacna. Por el norte desde &lt;strong&gt;Macará, Zapotillo o Arenillas (Ecuador)&lt;/strong&gt;. Por el este desde &lt;strong&gt;Assis Brasil&lt;/strong&gt;.&lt;/div&gt;&lt;div class=&quot;tport-tags&quot;&gt;&lt;span class=&quot;tag t-gn&quot;&gt;Flexible&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;tport tp-bl&quot;&gt;&lt;div class=&quot;tport-icon&quot;&gt;🚢&lt;/div&gt;&lt;div class=&quot;tport-name&quot;&gt;En barco / crucero&lt;/div&gt;&lt;div class=&quot;tport-desc&quot;&gt;Cruceros que incluyen El &lt;strong&gt;Callao, Iquitos o Puno.&lt;/strong&gt; También navegación fluvial desde Brasil por el río Amazonas.&lt;/div&gt;&lt;div class=&quot;tport-tags&quot;&gt;&lt;span class=&quot;tag t-bl&quot;&gt;Turístico&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;tport tp-pu&quot;&gt;&lt;div class=&quot;tport-icon&quot;&gt;🚂&lt;/div&gt;&lt;div class=&quot;tport-name&quot;&gt;En tren (Chile)&lt;/div&gt;&lt;div class=&quot;tport-desc&quot;&gt;Servicio turístico del &lt;strong&gt;Tren Tacna-Arica&lt;/strong&gt; que conecta Perú con Chile. Experiencia pintoresca y nostálgica.&lt;/div&gt;&lt;div class=&quot;tport-tags&quot;&gt;&lt;span class=&quot;tag t-pu&quot;&gt;Experiencia&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
    
&lt;div class=&quot;ptip ptip-money&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;💹 Mejor tipo de cambio&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Las &lt;strong&gt;casas de cambio&lt;/strong&gt; ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-warn&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;🚫 Nunca en la calle&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;No cambies con personas en la calle. &lt;strong&gt;Las falsificaciones abundan.&lt;/strong&gt; Marca los billetes que entregues. También verificarán los tuyos.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-tip&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;🤝 Regateo obligatorio&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;En mercados y puestos: sin regatear pagas &lt;strong&gt;15-25% más.&lt;/strong&gt; Pide siempre la &lt;em&gt;yapa&lt;/em&gt; (pequeño extra o descuento).&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-ok&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;🍽️ Menú del día&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;La forma más inteligente de comer: &lt;strong&gt;S/10-15 (~$3-4 USD)&lt;/strong&gt; por sopa, segundo, refresco y postre. En mercados y restaurantes de barrio.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-info&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;🏧 Cajeros automáticos&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Retira soles directamente en cajero. &lt;strong&gt;Evita cambiar en la recepción del hotel:&lt;/strong&gt; tipo de cambio muy bajo. Revisa comisiones de tu banco.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-or&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;💱 Billetes falsos&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Aprende a reconocerlos con marcas de agua. Es normal que verifiquen billetes &lt;em&gt;en ambas direcciones.&lt;/em&gt; Sin ofensa.&lt;/div&gt;&lt;/div&gt;

    &lt;div class=&quot;ptip ptip-warn&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;👜 Robo en grupo&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;&lt;strong&gt;Grupos de jóvenes&lt;/strong&gt; intentan distraer rodeando a personas para extraer objetos de mochilas o bolsos. Máxima atención en zonas turísticas y mercados de Lima.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-warn&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;📄 Pasaporte&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Deja el &lt;strong&gt;original en el hotel&lt;/strong&gt; y lleva siempre una fotocopia. La copia es válida para la mayoría de trámites turísticos cotidianos.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-or&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;🏨 Cusco: Terminal de buses&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Al llegar, &lt;strong&gt;«representantes» de hostels&lt;/strong&gt; insistirán. Exige ver su &lt;strong&gt;identificación de la Cámara de Turismo.&lt;/strong&gt; Hay casos de llevarte a sitios diferentes al ofrecido.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-ok&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;📞 Emergencias&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Policía: &lt;strong&gt;105.&lt;/strong&gt; Iperú (turismo): &lt;strong&gt;+51 1 574-8000&lt;/strong&gt; gratuito, 24h, 365 días. 15 oficinas en todo el país.&lt;/div&gt;&lt;/div&gt;

    &lt;div class=&quot;tcard hot&quot;&gt;
      &lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--pk);color:#fff;border-color:var(--pk)&quot;&gt;⭐ ESENCIAL&lt;/div&gt;
      &lt;div class=&quot;tcard-title&quot;&gt;Iperú — Tu aliado gratuito&lt;/div&gt;
      &lt;div class=&quot;tcard-stats&quot;&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;ÚTIL&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;GRATIS&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--bl)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-bl&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;tcard-text&quot;&gt;&lt;strong&gt;+51 1 574-8000 · 24h · 365 días · GRATIS.&lt;/strong&gt; 15 oficinas en todo el país. Resuelven problemas con operadores turísticos. &lt;em&gt;peru.travel/iperu&lt;/em&gt;&lt;/div&gt;
      &lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-pk&quot;&gt;Gratuito&lt;/span&gt;&lt;span class=&quot;tag t-bk&quot;&gt;24/7&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;15 ciudades&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;tcard&quot;&gt;
      &lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--yw);color:var(--bk)&quot;&gt;🗣️ CULTURA&lt;/div&gt;
      &lt;div class=&quot;tcard-title&quot;&gt;«Gringo» — sin ofensa&lt;/div&gt;
      &lt;div class=&quot;tcard-stats&quot;&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;OFENSA&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;—&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:5%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;NORMAL&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--pk)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-pk&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;tcard-text&quot;&gt;Los peruanos llaman «gringo» sin mala intención a &lt;strong&gt;personas de piel clara o cabello rubio.&lt;/strong&gt; «¡Hola, gringo!» es un saludo amistoso.&lt;/div&gt;
      &lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-yw&quot;&gt;Lima&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;Todo el país&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;tcard&quot;&gt;
      &lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--rd);color:#fff&quot;&gt;🚫 EVITAR&lt;/div&gt;
      &lt;div class=&quot;tcard-title&quot;&gt;No digas «senderismo» fuera de contexto&lt;/div&gt;
      &lt;div class=&quot;tcard-stats&quot;&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;RIESGO&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--rd)&quot;&gt;B-&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-rd&quot; style=&quot;--w:58%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;tcard-text&quot;&gt;Al hablar de &lt;strong&gt;ciclismo de montaña,&lt;/strong&gt; muchos confunden «senderismo» con &lt;strong&gt;Sendero Luminoso&lt;/strong&gt; (terrorismo). Usa &lt;em&gt;trekking&lt;/em&gt; o &lt;em&gt;ciclismo de montaña.&lt;/em&gt;&lt;/div&gt;
      &lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-rd&quot;&gt;Sensible&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;Historia&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;tcard&quot;&gt;
      &lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--or);color:#fff&quot;&gt;🔌 TÉCNICO&lt;/div&gt;
      &lt;div class=&quot;tcard-title&quot;&gt;Electricidad 220V · Enchufes A/B&lt;/div&gt;
      &lt;div class=&quot;tcard-stats&quot;&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;VOLTAJE&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--or)&quot;&gt;220V&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-or&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;tcard-text&quot;&gt;&lt;strong&gt;220 voltios / 60 Hz.&lt;/strong&gt; Enchufes tipo A y B (americanos de dos clavijas planas). Dispositivos europeos necesitan &lt;strong&gt;adaptador de clavija.&lt;/strong&gt;&lt;/div&gt;
      &lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-or&quot;&gt;Llevar adaptador&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;tcard&quot;&gt;
      &lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--cy);color:var(--bk)&quot;&gt;📅 TEMPORADAS&lt;/div&gt;
      &lt;div class=&quot;tcard-title&quot;&gt;Cuándo ir y cuándo evitar&lt;/div&gt;
      &lt;div class=&quot;tcard-stats&quot;&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;SECA&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;A+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:92%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;LLUVIAS&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--or)&quot;&gt;B-&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-or&quot; style=&quot;--w:44%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;tcard-text&quot;&gt;&lt;strong&gt;Mayo–Octubre:&lt;/strong&gt; temporada seca en sierra, ideal para trekking. &lt;strong&gt;Junio-Agosto:&lt;/strong&gt; alta temporada, &lt;strong&gt;reservar alojamiento meses antes.&lt;/strong&gt;&lt;/div&gt;
      &lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-cy&quot;&gt;Mayo-Oct ideal&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;Reserva anticipada&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;tcard&quot;&gt;
      &lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--bl);color:#fff&quot;&gt;🗣️ IDIOMA&lt;/div&gt;
      &lt;div class=&quot;tcard-title&quot;&gt;Español costeño: el más claro&lt;/div&gt;
      &lt;div class=&quot;tcard-stats&quot;&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;CLARIDAD&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:95%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;tcard-text&quot;&gt;El español costeño peruano es &lt;strong&gt;uno de los más claros de América Latina.&lt;/strong&gt; Lima es excelente destino para aprender español.&lt;/div&gt;
      &lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-bl&quot;&gt;Lima&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;Cursos disponibles&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;


&lt;div class=&quot;ptip ptip-warn&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;⚠️ Síntomas del soroche&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Al llegar a Cusco (3.400m) o Puno (3.800m): &lt;strong&gt;mareo, dolor de cabeza, fatiga, náuseas.&lt;/strong&gt; Los primeros 24-48h son críticos. La mayoría se aclimatan en ese tiempo.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-ok&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;✅ Cómo combatirlo&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;&lt;strong&gt;Descansar el primer día.&lt;/strong&gt; Andar lentamente. &lt;strong&gt;Comer ligero.&lt;/strong&gt; Beber mucha agua. &lt;strong&gt;Mate de coca&lt;/strong&gt; como remedio natural. Evitar el alcohol los primeros días.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-tip&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;💊 Medicamentos&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Farmacias &lt;strong&gt;Inkafarma y Mifarma&lt;/strong&gt; son las cadenas más confiables. Para soroche: &lt;strong&gt;Sorojchi Pills&lt;/strong&gt; o &lt;strong&gt;Coramina Glucosada.&lt;/strong&gt; Sin receta.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-info&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;💉 Vacunas para la selva&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Si visitas la Amazonia: &lt;strong&gt;vacunación contra la fiebre amarilla recomendada.&lt;/strong&gt; Consulta con tu médico al menos 10 días antes de viajar.&lt;/div&gt;&lt;/div&gt;
&lt;noinclude&gt;
Item individual de listado para usar dentro de WVA-Seccion.

; Ejemplo de uso
&lt;pre&gt;
{{WVA-Item
|icon=🍲
|color=pink
|name=Chicha — Gastronomía de autor
|desc=El restaurante de Gastón Acurio en Cusco. Reserva obligatoria.
|tag1=$$$$
|tag1color=pink
|tag2=Reserva previa
|tag2color=gray
|tag3=Imperdible
|tag3color=yellow
}}
&lt;/pre&gt;
&lt;/noinclude&gt;</text>
      <sha1>69kd315nm81xe9crgg39baj8l4fahwl</sha1>
    </revision>
    <revision>
      <id>253717</id>
      <parentid>253716</parentid>
      <timestamp>2026-05-22T15:23:38Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253717</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="13272" sha1="5wpcggosfoodl6s7cp1550f633dmv2p" xml:space="preserve">    &lt;div class=&quot;rcard&quot; style=&quot;border-left-color:#b07cb0&quot;&gt;&lt;div class=&quot;rcard-name&quot;&gt;🌆 Costa Central&lt;/div&gt;&lt;div class=&quot;rcard-desc&quot;&gt;Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;rcard&quot; style=&quot;border-left-color:#abb27a&quot;&gt;&lt;div class=&quot;rcard-name&quot;&gt;🏜️ Costa Sur&lt;/div&gt;&lt;div class=&quot;rcard-desc&quot;&gt;Nazca, Paracas, Ica. Fusiona con el Desierto de Atacama.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;rcard&quot; style=&quot;border-left-color:#ab8880&quot;&gt;&lt;div class=&quot;rcard-name&quot;&gt;🌊 Costa Norte&lt;/div&gt;&lt;div class=&quot;rcard-desc&quot;&gt;Sitios Mochica, playas de surf, Máncora. Mejor clima del país.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;rcard&quot; style=&quot;border-left-color:#83aa92&quot;&gt;&lt;div class=&quot;rcard-name&quot;&gt;⛰️ Sierra Sur&lt;/div&gt;&lt;div class=&quot;rcard-desc&quot;&gt;Cusco, Machu Picchu, Valle Sagrado. El corazón inca.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;rcard&quot; style=&quot;border-left-color:#7a8cb1&quot;&gt;&lt;div class=&quot;rcard-name&quot;&gt;🏔️ Sierra Central&lt;/div&gt;&lt;div class=&quot;rcard-desc&quot;&gt;Huancayo, Ayacucho. Cultura andina profunda.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;rcard&quot; style=&quot;border-left-color:#7ba1b0&quot;&gt;&lt;div class=&quot;rcard-name&quot;&gt;💧 Sierra Norte&lt;/div&gt;&lt;div class=&quot;rcard-desc&quot;&gt;Cascadas, ruinas preincaicas, Cajamarca.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;rcard&quot; style=&quot;border-left-color:#8abb71&quot;&gt;&lt;div class=&quot;rcard-name&quot;&gt;🏞️ Altiplano&lt;/div&gt;&lt;div class=&quot;rcard-desc&quot;&gt;Lago Titicaca, Puno. Por encima de los 3.500 m.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;rcard&quot; style=&quot;border-left-color:#b77698&quot;&gt;&lt;div class=&quot;rcard-name&quot;&gt;🌿 San Martín&lt;/div&gt;&lt;div class=&quot;rcard-desc&quot;&gt;Alta selva amazónica. Acceso desde los Andes.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;rcard&quot; style=&quot;border-left-color:#689c65&quot;&gt;&lt;div class=&quot;rcard-name&quot;&gt;🌳 Amazonia Peruana&lt;/div&gt;&lt;div class=&quot;rcard-desc&quot;&gt;Iquitos, Parque del Manu. Biodiversidad incomparable.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;rcard&quot; style=&quot;border-left-color:#ae6b6a&quot;&gt;&lt;div class=&quot;rcard-name&quot;&gt;🦜 Madre de Dios&lt;/div&gt;&lt;div class=&quot;rcard-desc&quot;&gt;Puerto Maldonado. Frontera con Bolivia.&lt;/div&gt;&lt;/div&gt;

&lt;div class=&quot;ccard&quot;&gt;&lt;span class=&quot;ccard-badge pk&quot;&gt;Capital&lt;/span&gt;&lt;div class=&quot;ccard-name&quot;&gt;🏙️ Lima&lt;/div&gt;&lt;div class=&quot;ccard-desc&quot;&gt;La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;ccard&quot;&gt;&lt;span class=&quot;ccard-badge&quot;&gt;UNESCO&lt;/span&gt;&lt;div class=&quot;ccard-name&quot;&gt;🏛️ Arequipa&lt;/div&gt;&lt;div class=&quot;ccard-desc&quot;&gt;La Ciudad Blanca. Rica mezcla de culturas indígenas y coloniales españolas.&lt;/div&gt;&lt;/div&gt;


&lt;div class=&quot;ptip ptip-bk&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;🌄 Machu Picchu&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Símbolo del Imperio Inca y Patrimonio UNESCO. &lt;strong&gt;Reservar acceso con meses de anticipación&lt;/strong&gt; en temporada alta.&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tport tp-or&quot;&gt;&lt;div class=&quot;tport-icon&quot;&gt;🚌&lt;/div&gt;&lt;div class=&quot;tport-name&quot;&gt;En bus internacional&lt;/div&gt;&lt;div class=&quot;tport-desc&quot;&gt;Desde Chile por &lt;strong&gt;Arica→Tacna&lt;/strong&gt;. Desde Ecuador por &lt;strong&gt;Tumbes o Loja→Piura&lt;/strong&gt;. Desde Bolivia por &lt;strong&gt;La Paz→Puno&lt;/strong&gt;. Desde Brasil por &lt;strong&gt;Iñapari→Puerto Maldonado&lt;/strong&gt;.&lt;/div&gt;&lt;div class=&quot;tport-tags&quot;&gt;&lt;span class=&quot;tag t-yw&quot;&gt;Económico&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tport tp-gn&quot;&gt;&lt;div class=&quot;tport-icon&quot;&gt;🚗&lt;/div&gt;&lt;div class=&quot;tport-name&quot;&gt;En auto propio&lt;/div&gt;&lt;div class=&quot;tport-desc&quot;&gt;Por el sur desde &lt;strong&gt;Arica (Chile)&lt;/strong&gt; hacia Tacna. Por el norte desde &lt;strong&gt;Macará, Zapotillo o Arenillas (Ecuador)&lt;/strong&gt;. Por el este desde &lt;strong&gt;Assis Brasil&lt;/strong&gt;.&lt;/div&gt;&lt;div class=&quot;tport-tags&quot;&gt;&lt;span class=&quot;tag t-gn&quot;&gt;Flexible&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tport tp-bl&quot;&gt;&lt;div class=&quot;tport-icon&quot;&gt;🚢&lt;/div&gt;&lt;div class=&quot;tport-name&quot;&gt;En barco / crucero&lt;/div&gt;&lt;div class=&quot;tport-desc&quot;&gt;Cruceros que incluyen El &lt;strong&gt;Callao, Iquitos o Puno.&lt;/strong&gt; También navegación fluvial desde Brasil por el río Amazonas.&lt;/div&gt;&lt;div class=&quot;tport-tags&quot;&gt;&lt;span class=&quot;tag t-bl&quot;&gt;Turístico&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tport tp-pu&quot;&gt;&lt;div class=&quot;tport-icon&quot;&gt;🚂&lt;/div&gt;&lt;div class=&quot;tport-name&quot;&gt;En tren (Chile)&lt;/div&gt;&lt;div class=&quot;tport-desc&quot;&gt;Servicio turístico del &lt;strong&gt;Tren Tacna-Arica&lt;/strong&gt; que conecta Perú con Chile. Experiencia pintoresca y nostálgica.&lt;/div&gt;&lt;div class=&quot;tport-tags&quot;&gt;&lt;span class=&quot;tag t-pu&quot;&gt;Experiencia&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;


&lt;div class=&quot;ptip ptip-money&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;💹 Mejor tipo de cambio&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Las &lt;strong&gt;casas de cambio&lt;/strong&gt; ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-warn&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;🚫 Nunca en la calle&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;No cambies con personas en la calle. &lt;strong&gt;Las falsificaciones abundan.&lt;/strong&gt; Marca los billetes que entregues. También verificarán los tuyos.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-tip&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;🤝 Regateo obligatorio&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;En mercados y puestos: sin regatear pagas &lt;strong&gt;15-25% más.&lt;/strong&gt; Pide siempre la &lt;em&gt;yapa&lt;/em&gt; (pequeño extra o descuento).&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-ok&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;🍽️ Menú del día&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;La forma más inteligente de comer: &lt;strong&gt;S/10-15 (~$3-4 USD)&lt;/strong&gt; por sopa, segundo, refresco y postre. En mercados y restaurantes de barrio.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-info&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;🏧 Cajeros automáticos&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Retira soles directamente en cajero. &lt;strong&gt;Evita cambiar en la recepción del hotel:&lt;/strong&gt; tipo de cambio muy bajo. Revisa comisiones de tu banco.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-or&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;💱 Billetes falsos&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Aprende a reconocerlos con marcas de agua. Es normal que verifiquen billetes &lt;em&gt;en ambas direcciones.&lt;/em&gt; Sin ofensa.&lt;/div&gt;&lt;/div&gt;

    &lt;div class=&quot;ptip ptip-warn&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;👜 Robo en grupo&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;&lt;strong&gt;Grupos de jóvenes&lt;/strong&gt; intentan distraer rodeando a personas para extraer objetos de mochilas o bolsos. Máxima atención en zonas turísticas y mercados de Lima.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-warn&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;📄 Pasaporte&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Deja el &lt;strong&gt;original en el hotel&lt;/strong&gt; y lleva siempre una fotocopia. La copia es válida para la mayoría de trámites turísticos cotidianos.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-or&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;🏨 Cusco: Terminal de buses&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Al llegar, &lt;strong&gt;«representantes» de hostels&lt;/strong&gt; insistirán. Exige ver su &lt;strong&gt;identificación de la Cámara de Turismo.&lt;/strong&gt; Hay casos de llevarte a sitios diferentes al ofrecido.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-ok&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;📞 Emergencias&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Policía: &lt;strong&gt;105.&lt;/strong&gt; Iperú (turismo): &lt;strong&gt;+51 1 574-8000&lt;/strong&gt; gratuito, 24h, 365 días. 15 oficinas en todo el país.&lt;/div&gt;&lt;/div&gt;

    &lt;div class=&quot;tcard hot&quot;&gt;
      &lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--pk);color:#fff;border-color:var(--pk)&quot;&gt;⭐ ESENCIAL&lt;/div&gt;
      &lt;div class=&quot;tcard-title&quot;&gt;Iperú — Tu aliado gratuito&lt;/div&gt;
      &lt;div class=&quot;tcard-stats&quot;&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;ÚTIL&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;GRATIS&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--bl)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-bl&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;tcard-text&quot;&gt;&lt;strong&gt;+51 1 574-8000 · 24h · 365 días · GRATIS.&lt;/strong&gt; 15 oficinas en todo el país. Resuelven problemas con operadores turísticos. &lt;em&gt;peru.travel/iperu&lt;/em&gt;&lt;/div&gt;
      &lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-pk&quot;&gt;Gratuito&lt;/span&gt;&lt;span class=&quot;tag t-bk&quot;&gt;24/7&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;15 ciudades&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;tcard&quot;&gt;
      &lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--yw);color:var(--bk)&quot;&gt;🗣️ CULTURA&lt;/div&gt;
      &lt;div class=&quot;tcard-title&quot;&gt;«Gringo» — sin ofensa&lt;/div&gt;
      &lt;div class=&quot;tcard-stats&quot;&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;OFENSA&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;—&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:5%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;NORMAL&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--pk)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-pk&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;tcard-text&quot;&gt;Los peruanos llaman «gringo» sin mala intención a &lt;strong&gt;personas de piel clara o cabello rubio.&lt;/strong&gt; «¡Hola, gringo!» es un saludo amistoso.&lt;/div&gt;
      &lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-yw&quot;&gt;Lima&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;Todo el país&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;tcard&quot;&gt;
      &lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--rd);color:#fff&quot;&gt;🚫 EVITAR&lt;/div&gt;
      &lt;div class=&quot;tcard-title&quot;&gt;No digas «senderismo» fuera de contexto&lt;/div&gt;
      &lt;div class=&quot;tcard-stats&quot;&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;RIESGO&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--rd)&quot;&gt;B-&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-rd&quot; style=&quot;--w:58%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;tcard-text&quot;&gt;Al hablar de &lt;strong&gt;ciclismo de montaña,&lt;/strong&gt; muchos confunden «senderismo» con &lt;strong&gt;Sendero Luminoso&lt;/strong&gt; (terrorismo). Usa &lt;em&gt;trekking&lt;/em&gt; o &lt;em&gt;ciclismo de montaña.&lt;/em&gt;&lt;/div&gt;
      &lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-rd&quot;&gt;Sensible&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;Historia&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;tcard&quot;&gt;
      &lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--or);color:#fff&quot;&gt;🔌 TÉCNICO&lt;/div&gt;
      &lt;div class=&quot;tcard-title&quot;&gt;Electricidad 220V · Enchufes A/B&lt;/div&gt;
      &lt;div class=&quot;tcard-stats&quot;&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;VOLTAJE&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--or)&quot;&gt;220V&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-or&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;tcard-text&quot;&gt;&lt;strong&gt;220 voltios / 60 Hz.&lt;/strong&gt; Enchufes tipo A y B (americanos de dos clavijas planas). Dispositivos europeos necesitan &lt;strong&gt;adaptador de clavija.&lt;/strong&gt;&lt;/div&gt;
      &lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-or&quot;&gt;Llevar adaptador&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;tcard&quot;&gt;
      &lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--cy);color:var(--bk)&quot;&gt;📅 TEMPORADAS&lt;/div&gt;
      &lt;div class=&quot;tcard-title&quot;&gt;Cuándo ir y cuándo evitar&lt;/div&gt;
      &lt;div class=&quot;tcard-stats&quot;&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;SECA&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;A+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:92%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;LLUVIAS&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--or)&quot;&gt;B-&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-or&quot; style=&quot;--w:44%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;tcard-text&quot;&gt;&lt;strong&gt;Mayo–Octubre:&lt;/strong&gt; temporada seca en sierra, ideal para trekking. &lt;strong&gt;Junio-Agosto:&lt;/strong&gt; alta temporada, &lt;strong&gt;reservar alojamiento meses antes.&lt;/strong&gt;&lt;/div&gt;
      &lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-cy&quot;&gt;Mayo-Oct ideal&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;Reserva anticipada&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;tcard&quot;&gt;
      &lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--bl);color:#fff&quot;&gt;🗣️ IDIOMA&lt;/div&gt;
      &lt;div class=&quot;tcard-title&quot;&gt;Español costeño: el más claro&lt;/div&gt;
      &lt;div class=&quot;tcard-stats&quot;&gt;
        &lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;CLARIDAD&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:95%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;tcard-text&quot;&gt;El español costeño peruano es &lt;strong&gt;uno de los más claros de América Latina.&lt;/strong&gt; Lima es excelente destino para aprender español.&lt;/div&gt;
      &lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-bl&quot;&gt;Lima&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;Cursos disponibles&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;


&lt;div class=&quot;ptip ptip-warn&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;⚠️ Síntomas del soroche&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Al llegar a Cusco (3.400m) o Puno (3.800m): &lt;strong&gt;mareo, dolor de cabeza, fatiga, náuseas.&lt;/strong&gt; Los primeros 24-48h son críticos. La mayoría se aclimatan en ese tiempo.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-ok&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;✅ Cómo combatirlo&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;&lt;strong&gt;Descansar el primer día.&lt;/strong&gt; Andar lentamente. &lt;strong&gt;Comer ligero.&lt;/strong&gt; Beber mucha agua. &lt;strong&gt;Mate de coca&lt;/strong&gt; como remedio natural. Evitar el alcohol los primeros días.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-tip&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;💊 Medicamentos&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Farmacias &lt;strong&gt;Inkafarma y Mifarma&lt;/strong&gt; son las cadenas más confiables. Para soroche: &lt;strong&gt;Sorojchi Pills&lt;/strong&gt; o &lt;strong&gt;Coramina Glucosada.&lt;/strong&gt; Sin receta.&lt;/div&gt;&lt;/div&gt;
    &lt;div class=&quot;ptip ptip-info&quot;&gt;&lt;div class=&quot;ptip-h&quot;&gt;💉 Vacunas para la selva&lt;/div&gt;&lt;div class=&quot;ptip-b&quot;&gt;Si visitas la Amazonia: &lt;strong&gt;vacunación contra la fiebre amarilla recomendada.&lt;/strong&gt; Consulta con tu médico al menos 10 días antes de viajar.&lt;/div&gt;&lt;/div&gt;
&lt;noinclude&gt;
Item individual de listado para usar dentro de WVA-Seccion.

; Ejemplo de uso
&lt;pre&gt;
{{WVA-Item
|icon=🍲
|color=pink
|name=Chicha — Gastronomía de autor
|desc=El restaurante de Gastón Acurio en Cusco. Reserva obligatoria.
|tag1=$$$$
|tag1color=pink
|tag2=Reserva previa
|tag2color=gray
|tag3=Imperdible
|tag3color=yellow
}}
&lt;/pre&gt;
&lt;/noinclude&gt;</text>
      <sha1>5wpcggosfoodl6s7cp1550f633dmv2p</sha1>
    </revision>
    <revision>
      <id>253719</id>
      <parentid>253717</parentid>
      <timestamp>2026-05-22T15:57:20Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253719</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="5636" sha1="tqz3246owmxcs2x9xamctbg033n64ye" xml:space="preserve">&lt;!-- 
.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }
.t-pk{background:var(--pk);color:#fff}  .t-yw{background:var(--yw);color:var(--bk)}
.t-cy{background:var(--cy);color:var(--bk)} .t-gn{background:var(--gn);color:#fff}
.t-rd{background:var(--rd);color:#fff}  .t-bl{background:var(--bl);color:#fff}
.t-or{background:var(--or);color:#fff}  .t-pu{background:var(--pu);color:#fff}
.t-wh{background:var(--wh);color:var(--bk)} .t-bk{background:var(--bk);color:var(--wh)}
 --&gt;

&lt;!-- #abb27a  #ab8880 #83aa92 #7a8cb1 #7ba1b0 #8abb71 #b77698 #689c65 #ae6b6a--&gt;
&lt;div class=&quot;rcard&quot; style=&quot;border-left-color:#b07cb0&quot;&gt;
&lt;div class=&quot;rcard-name&quot;&gt;🌆 Costa Central&lt;/div&gt;
&lt;div class=&quot;rcard-desc&quot;&gt;Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.&lt;/div&gt;
&lt;/div&gt;


&lt;div class=&quot;ccard&quot;&gt;&lt;span class=&quot;ccard-badge pk&quot;&gt;Capital&lt;/span&gt;
&lt;div class=&quot;ccard-name&quot;&gt;🏙️ Lima&lt;/div&gt;
&lt;div class=&quot;ccard-desc&quot;&gt;La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.&lt;/div&gt;&lt;/div&gt;


&lt;!-- tp-gn tp-bl tp-pu --&gt;
&lt;div class=&quot;tport tp-or&quot;&gt;
&lt;div class=&quot;tport-icon&quot;&gt;🚌&lt;/div&gt;
&lt;div class=&quot;tport-name&quot;&gt;En bus internacional&lt;/div&gt;
&lt;div class=&quot;tport-desc&quot;&gt;Desde Chile por &lt;strong&gt;Arica→Tacna&lt;/strong&gt;. Desde Ecuador por &lt;strong&gt;Tumbes o Loja→Piura&lt;/strong&gt;. Desde Bolivia por &lt;strong&gt;La Paz→Puno&lt;/strong&gt;. Desde Brasil por &lt;strong&gt;Iñapari→Puerto Maldonado&lt;/strong&gt;.&lt;/div&gt;&lt;div class=&quot;tport-tags&quot;&gt;&lt;span class=&quot;tag t-yw&quot;&gt;Económico&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;tport-tags&quot;&gt;&lt;span style=&quot;font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm);&quot; class=&quot;t-bl&quot;&gt;Turístico&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-pk&quot;&gt;Gratuito&lt;/span&gt;&lt;span class=&quot;tag t-bk&quot;&gt;24/7&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;15 ciudades&lt;/span&gt;&lt;/div&gt;


&lt;div class=&quot;tcard hot&quot;&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--pk);color:#fff;border-color:var(--pk)&quot;&gt;⭐ ESENCIAL&lt;/div&gt;
&lt;div class=&quot;tcard-title&quot;&gt;Iperú — Tu aliado gratuito&lt;/div&gt;
&lt;div class=&quot;tcard-stats&quot;&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;ÚTIL&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;GRATIS&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--bl)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-bl&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;SECA&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;A+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:92%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;LLUVIAS&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--or)&quot;&gt;B-&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-or&quot; style=&quot;--w:44%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tcard-text&quot;&gt;&lt;strong&gt;+51 1 574-8000 · 24h · 365 días · GRATIS.&lt;/strong&gt; 15 oficinas en todo el país. Resuelven problemas con operadores turísticos. &lt;em&gt;peru.travel/iperu&lt;/em&gt;&lt;/div&gt;
&lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-pk&quot;&gt;Gratuito&lt;/span&gt;&lt;span class=&quot;tag t-bk&quot;&gt;24/7&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;15 ciudades&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;tcard&quot;&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--yw);color:var(--bk)&quot;&gt;🗣️ CULTURA&lt;/div&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--rd);color:#fff&quot;&gt;🚫 EVITAR&lt;/div&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--cy);color:var(--bk)&quot;&gt;📅 TEMPORADAS&lt;/div&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--or);color:#fff&quot;&gt;🔌 TÉCNICO&lt;/div&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--bl);color:#fff&quot;&gt;🗣️ IDIOMA&lt;/div&gt;

&lt;div class=&quot;tcard-title&quot;&gt;«Gringo» — sin ofensa&lt;/div&gt;
&lt;div class=&quot;tcard-stats&quot;&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;OFENSA&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;—&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:5%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;NORMAL&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--pk)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-pk&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;RIESGO&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--rd)&quot;&gt;B-&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-rd&quot; style=&quot;--w:58%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;VOLTAJE&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--or)&quot;&gt;220V&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-or&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;CLARIDAD&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:95%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;tcard-text&quot;&gt;Los peruanos llaman «gringo» sin mala intención a &lt;strong&gt;personas de piel clara o cabello rubio.&lt;/strong&gt; «¡Hola, gringo!» es un saludo amistoso.&lt;/div&gt;
&lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-yw&quot;&gt;Lima&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;Todo el país&lt;/span&gt;&lt;span class=&quot;tag t-rd&quot;&gt;Sensible&lt;/span&gt;&lt;span class=&quot;tag t-cy&quot;&gt;Mayo-Oct ideal&lt;/span&gt;&lt;span class=&quot;tag t-bl&quot;&gt;Lima&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;


&lt;!--ptip-bk  ptip-warn ptip-tip ptip-ok  ptip-info ptip-or --&gt;
&lt;div class=&quot;ptip ptip-money&quot;&gt;
&lt;div class=&quot;ptip-h&quot;&gt;💹 Mejor tipo de cambio&lt;/div&gt;
&lt;div class=&quot;ptip-b&quot;&gt;Las &lt;strong&gt;casas de cambio&lt;/strong&gt; ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.&lt;/div&gt;
&lt;/div&gt;


&lt;noinclude&gt;
Item individual de listado para usar dentro de WVA-Seccion.

; Ejemplo de uso
&lt;pre&gt;
{{WVA-Item
|icon=🍲
|color=pink
|name=Chicha — Gastronomía de autor
|desc=El restaurante de Gastón Acurio en Cusco. Reserva obligatoria.
|tag1=$$$$
|tag1color=pink
|tag2=Reserva previa
|tag2color=gray
|tag3=Imperdible
|tag3color=yellow
}}
&lt;/pre&gt;
&lt;/noinclude&gt;</text>
      <sha1>tqz3246owmxcs2x9xamctbg033n64ye</sha1>
    </revision>
    <revision>
      <id>253722</id>
      <parentid>253719</parentid>
      <timestamp>2026-05-22T16:24:17Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253722</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="5658" sha1="2yatb3esskbn6g69uwihdaz07vml41y" xml:space="preserve">&lt;!-- 
.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }
.t-pk{background:var(--pk);color:#fff}  .t-yw{background:var(--yw);color:var(--bk)}
.t-cy{background:var(--cy);color:var(--bk)} .t-gn{background:var(--gn);color:#fff}
.t-rd{background:var(--rd);color:#fff}  .t-bl{background:var(--bl);color:#fff}
.t-or{background:var(--or);color:#fff}  .t-pu{background:var(--pu);color:#fff}
.t-wh{background:var(--wh);color:var(--bk)} .t-bk{background:var(--bk);color:var(--wh)}
 --&gt;

&lt;!-- #abb27a  #ab8880 #83aa92 #7a8cb1 #7ba1b0 #8abb71 #b77698 #689c65 #ae6b6a--&gt;
&lt;div class=&quot;rcard&quot; style=&quot;border-left-color:#b07cb0&quot;&gt;
&lt;div class=&quot;rcard-name&quot;&gt;🌆 Costa Central&lt;/div&gt;
&lt;div class=&quot;rcard-desc&quot;&gt;Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.&lt;/div&gt;
&lt;/div&gt;


&lt;div class=&quot;ccard&quot;&gt;&lt;span class=&quot;ccard-badge pk&quot;&gt;Capital&lt;/span&gt;
&lt;div class=&quot;ccard-name&quot;&gt;🏙️ Lima&lt;/div&gt;
&lt;div class=&quot;ccard-desc&quot;&gt;La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.&lt;/div&gt;&lt;/div&gt;


&lt;!-- tp-gn tp-bl tp-pu --&gt;
&lt;div class=&quot;tport tp-or&quot;&gt;
&lt;div class=&quot;tport-icon&quot;&gt;🚌&lt;/div&gt;
&lt;div class=&quot;tport-name&quot;&gt;En bus internacional&lt;/div&gt;
&lt;div class=&quot;tport-desc&quot;&gt;Desde Chile por &lt;strong&gt;Arica→Tacna&lt;/strong&gt;. Desde Ecuador por &lt;strong&gt;Tumbes o Loja→Piura&lt;/strong&gt;. Desde Bolivia por &lt;strong&gt;La Paz→Puno&lt;/strong&gt;. Desde Brasil por &lt;strong&gt;Iñapari→Puerto Maldonado&lt;/strong&gt;.&lt;/div&gt;&lt;div class=&quot;tport-tags&quot;&gt;&lt;span class=&quot;tag t-yw&quot;&gt;Económico&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;tport-tags&quot;&gt;&lt;span style=&quot;font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm);&quot; class=&quot;t-bl&quot;&gt;Turístico&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-pk&quot;&gt;Gratuito&lt;/span&gt;&lt;span class=&quot;tag t-bk&quot;&gt;24/7&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;15 ciudades&lt;/span&gt;&lt;/div&gt;


&lt;div class=&quot;tcard hot&quot;&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:{{Color Sable|rosa}};color:#fff;border-color:{{Color Sable|rosa}}&quot;&gt;⭐ ESENCIAL&lt;/div&gt;
&lt;div class=&quot;tcard-title&quot;&gt;Iperú — Tu aliado gratuito&lt;/div&gt;
&lt;div class=&quot;tcard-stats&quot;&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;ÚTIL&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;GRATIS&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--bl)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-bl&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;SECA&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;A+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:92%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;LLUVIAS&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--or)&quot;&gt;B-&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-or&quot; style=&quot;--w:44%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tcard-text&quot;&gt;&lt;strong&gt;+51 1 574-8000 · 24h · 365 días · GRATIS.&lt;/strong&gt; 15 oficinas en todo el país. Resuelven problemas con operadores turísticos. &lt;em&gt;peru.travel/iperu&lt;/em&gt;&lt;/div&gt;
&lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-pk&quot;&gt;Gratuito&lt;/span&gt;&lt;span class=&quot;tag t-bk&quot;&gt;24/7&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;15 ciudades&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;tcard&quot;&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--yw);color:var(--bk)&quot;&gt;🗣️ CULTURA&lt;/div&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--rd);color:#fff&quot;&gt;🚫 EVITAR&lt;/div&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--cy);color:var(--bk)&quot;&gt;📅 TEMPORADAS&lt;/div&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--or);color:#fff&quot;&gt;🔌 TÉCNICO&lt;/div&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--bl);color:#fff&quot;&gt;🗣️ IDIOMA&lt;/div&gt;

&lt;div class=&quot;tcard-title&quot;&gt;«Gringo» — sin ofensa&lt;/div&gt;
&lt;div class=&quot;tcard-stats&quot;&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;OFENSA&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;—&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:5%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;NORMAL&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--pk)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-pk&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;RIESGO&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--rd)&quot;&gt;B-&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-rd&quot; style=&quot;--w:58%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;VOLTAJE&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--or)&quot;&gt;220V&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-or&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;CLARIDAD&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:95%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;tcard-text&quot;&gt;Los peruanos llaman «gringo» sin mala intención a &lt;strong&gt;personas de piel clara o cabello rubio.&lt;/strong&gt; «¡Hola, gringo!» es un saludo amistoso.&lt;/div&gt;
&lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-yw&quot;&gt;Lima&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;Todo el país&lt;/span&gt;&lt;span class=&quot;tag t-rd&quot;&gt;Sensible&lt;/span&gt;&lt;span class=&quot;tag t-cy&quot;&gt;Mayo-Oct ideal&lt;/span&gt;&lt;span class=&quot;tag t-bl&quot;&gt;Lima&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;


&lt;!--ptip-bk  ptip-warn ptip-tip ptip-ok  ptip-info ptip-or --&gt;
&lt;div class=&quot;ptip ptip-money&quot;&gt;
&lt;div class=&quot;ptip-h&quot;&gt;💹 Mejor tipo de cambio&lt;/div&gt;
&lt;div class=&quot;ptip-b&quot;&gt;Las &lt;strong&gt;casas de cambio&lt;/strong&gt; ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.&lt;/div&gt;
&lt;/div&gt;


&lt;noinclude&gt;
Item individual de listado para usar dentro de WVA-Seccion.

; Ejemplo de uso
&lt;pre&gt;
{{WVA-Item
|icon=🍲
|color=pink
|name=Chicha — Gastronomía de autor
|desc=El restaurante de Gastón Acurio en Cusco. Reserva obligatoria.
|tag1=$$$$
|tag1color=pink
|tag2=Reserva previa
|tag2color=gray
|tag3=Imperdible
|tag3color=yellow
}}
&lt;/pre&gt;
&lt;/noinclude&gt;</text>
      <sha1>2yatb3esskbn6g69uwihdaz07vml41y</sha1>
    </revision>
    <revision>
      <id>253723</id>
      <parentid>253722</parentid>
      <timestamp>2026-05-22T16:31:46Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253723</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="6432" sha1="ig73lcjjvgyf8kn64j52gp0jwr61g23" xml:space="preserve">&lt;!-- 
.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }
.t-pk{background:var(--pk);color:#fff}  .t-yw{background:var(--yw);color:var(--bk)}
.t-cy{background:var(--cy);color:var(--bk)} .t-gn{background:var(--gn);color:#fff}
.t-rd{background:var(--rd);color:#fff}  .t-bl{background:var(--bl);color:#fff}
.t-or{background:var(--or);color:#fff}  .t-pu{background:var(--pu);color:#fff}
.t-wh{background:var(--wh);color:var(--bk)} .t-bk{background:var(--bk);color:var(--wh)}
 --&gt;

&lt;!-- #abb27a  #ab8880 #83aa92 #7a8cb1 #7ba1b0 #8abb71 #b77698 #689c65 #ae6b6a--&gt;
&lt;div class=&quot;rcard&quot; style=&quot;border-left-color:#b07cb0&quot;&gt;
&lt;div class=&quot;rcard-name&quot;&gt;🌆 Costa Central&lt;/div&gt;
&lt;div class=&quot;rcard-desc&quot;&gt;Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.&lt;/div&gt;
&lt;/div&gt;


&lt;div class=&quot;ccard&quot;&gt;&lt;span class=&quot;ccard-badge pk&quot;&gt;Capital&lt;/span&gt;
&lt;div class=&quot;ccard-name&quot;&gt;🏙️ Lima&lt;/div&gt;
&lt;div class=&quot;ccard-desc&quot;&gt;La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.&lt;/div&gt;&lt;/div&gt;


&lt;!-- tp-gn tp-bl tp-pu --&gt;
&lt;div class=&quot;tport tp-or&quot;&gt;
&lt;div class=&quot;tport-icon&quot;&gt;🚌&lt;/div&gt;
&lt;div class=&quot;tport-name&quot;&gt;En bus internacional&lt;/div&gt;
&lt;div class=&quot;tport-desc&quot;&gt;Desde Chile por &lt;strong&gt;Arica→Tacna&lt;/strong&gt;. Desde Ecuador por &lt;strong&gt;Tumbes o Loja→Piura&lt;/strong&gt;. Desde Bolivia por &lt;strong&gt;La Paz→Puno&lt;/strong&gt;. Desde Brasil por &lt;strong&gt;Iñapari→Puerto Maldonado&lt;/strong&gt;.&lt;/div&gt;&lt;div class=&quot;tport-tags&quot;&gt;&lt;span class=&quot;tag t-yw&quot;&gt;Económico&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;tport-tags&quot;&gt;&lt;span style=&quot;font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm);&quot; class=&quot;t-bl&quot;&gt;Turístico&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-pk&quot;&gt;Gratuito&lt;/span&gt;&lt;span class=&quot;tag t-bk&quot;&gt;24/7&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;15 ciudades&lt;/span&gt;&lt;/div&gt;


&lt;div class=&quot;tcard hot&quot;&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:{{Color Sable|rosa}};color:#fff;border-color:{{Color Sable|rosa}}&quot;&gt;⭐ ESENCIAL&lt;/div&gt;
&lt;div class=&quot;tcard-title&quot;&gt;Iperú — Tu aliado gratuito&lt;/div&gt;
&lt;div class=&quot;tcard-stats&quot;&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;ÚTIL&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;GRATIS&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--bl)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-bl&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;SECA&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;A+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:92%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;LLUVIAS&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--or)&quot;&gt;B-&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-or&quot; style=&quot;--w:44%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tcard-text&quot;&gt;&lt;strong&gt;+51 1 574-8000 · 24h · 365 días · GRATIS.&lt;/strong&gt; 15 oficinas en todo el país. Resuelven problemas con operadores turísticos. &lt;em&gt;peru.travel/iperu&lt;/em&gt;&lt;/div&gt;
&lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-pk&quot;&gt;Gratuito&lt;/span&gt;&lt;span class=&quot;tag t-bk&quot;&gt;24/7&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;15 ciudades&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;tcard&quot;&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--yw);color:var(--bk)&quot;&gt;🗣️ CULTURA&lt;/div&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--rd);color:#fff&quot;&gt;🚫 EVITAR&lt;/div&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--cy);color:var(--bk)&quot;&gt;📅 TEMPORADAS&lt;/div&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--or);color:#fff&quot;&gt;🔌 TÉCNICO&lt;/div&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--bl);color:#fff&quot;&gt;🗣️ IDIOMA&lt;/div&gt;

&lt;div class=&quot;tcard-title&quot;&gt;«Gringo» — sin ofensa&lt;/div&gt;
&lt;div class=&quot;tcard-stats&quot;&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;OFENSA&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;—&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:5%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;NORMAL&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--pk)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-pk&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;RIESGO&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--rd)&quot;&gt;B-&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-rd&quot; style=&quot;--w:58%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;VOLTAJE&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--or)&quot;&gt;220V&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-or&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;CLARIDAD&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:95%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;tcard-text&quot;&gt;Los peruanos llaman «gringo» sin mala intención a &lt;strong&gt;personas de piel clara o cabello rubio.&lt;/strong&gt; «¡Hola, gringo!» es un saludo amistoso.&lt;/div&gt;
&lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-yw&quot;&gt;Lima&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;Todo el país&lt;/span&gt;&lt;span class=&quot;tag t-rd&quot;&gt;Sensible&lt;/span&gt;&lt;span class=&quot;tag t-cy&quot;&gt;Mayo-Oct ideal&lt;/span&gt;&lt;span class=&quot;tag t-bl&quot;&gt;Lima&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;!-- 
.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }
 --&gt;
&lt;!--ptip-bk  ptip-warn ptip-tip ptip-ok  ptip-info ptip-or --&gt;
&lt;div class=&quot;ptip ptip-money&quot;&gt;
&lt;div class=&quot;ptip-h&quot;&gt;💹 Mejor tipo de cambio&lt;/div&gt;
&lt;div class=&quot;ptip-b&quot;&gt;Las &lt;strong&gt;casas de cambio&lt;/strong&gt; ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.&lt;/div&gt;
&lt;/div&gt;


&lt;noinclude&gt;
Item individual de listado para usar dentro de WVA-Seccion.

; Ejemplo de uso
&lt;pre&gt;
{{WVA-Item
|icon=🍲
|color=pink
|name=Chicha — Gastronomía de autor
|desc=El restaurante de Gastón Acurio en Cusco. Reserva obligatoria.
|tag1=$$$$
|tag1color=pink
|tag2=Reserva previa
|tag2color=gray
|tag3=Imperdible
|tag3color=yellow
}}
&lt;/pre&gt;
&lt;/noinclude&gt;</text>
      <sha1>ig73lcjjvgyf8kn64j52gp0jwr61g23</sha1>
    </revision>
    <revision>
      <id>253724</id>
      <parentid>253723</parentid>
      <timestamp>2026-05-22T18:20:38Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253724</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="6532" sha1="b555px6h2812q46iv2voensisi4dt74" xml:space="preserve">&lt;!-- 
.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }
.t-pk{background:var(--pk);color:#fff}  .t-yw{background:var(--yw);color:var(--bk)}
.t-cy{background:var(--cy);color:var(--bk)} .t-gn{background:var(--gn);color:#fff}
.t-rd{background:var(--rd);color:#fff}  .t-bl{background:var(--bl);color:#fff}
.t-or{background:var(--or);color:#fff}  .t-pu{background:var(--pu);color:#fff}
.t-wh{background:var(--wh);color:var(--bk)} .t-bk{background:var(--bk);color:var(--wh)}
 --&gt;

&lt;!-- #abb27a  #ab8880 #83aa92 #7a8cb1 #7ba1b0 #8abb71 #b77698 #689c65 #ae6b6a--&gt;
&lt;div class=&quot;rcard&quot; style=&quot;border-left-color:#b07cb0&quot;&gt;
&lt;div class=&quot;rcard-name&quot;&gt;🌆 Costa Central&lt;/div&gt;
&lt;div class=&quot;rcard-desc&quot;&gt;Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.&lt;/div&gt;
&lt;/div&gt;


&lt;div class=&quot;ccard&quot;&gt;&lt;span class=&quot;ccard-badge pk&quot;&gt;Capital&lt;/span&gt;
&lt;div class=&quot;ccard-name&quot;&gt;🏙️ Lima&lt;/div&gt;
&lt;div class=&quot;ccard-desc&quot;&gt;La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.&lt;/div&gt;&lt;/div&gt;


&lt;!-- tp-gn tp-bl tp-pu --&gt;
&lt;div class=&quot;tport tp-or&quot;&gt;
&lt;div class=&quot;tport-icon&quot;&gt;🚌&lt;/div&gt;
&lt;div class=&quot;tport-name&quot;&gt;En bus internacional&lt;/div&gt;
&lt;div class=&quot;tport-desc&quot;&gt;Desde Chile por &lt;strong&gt;Arica→Tacna&lt;/strong&gt;. Desde Ecuador por &lt;strong&gt;Tumbes o Loja→Piura&lt;/strong&gt;. Desde Bolivia por &lt;strong&gt;La Paz→Puno&lt;/strong&gt;. Desde Brasil por &lt;strong&gt;Iñapari→Puerto Maldonado&lt;/strong&gt;.&lt;/div&gt;&lt;div class=&quot;tport-tags&quot;&gt;&lt;span class=&quot;tag t-yw&quot;&gt;Económico&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;display:flex;gap:5px;flex-wrap:wrap;&quot;&gt;&lt;span style=&quot;font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid {{Color Sable|negro}};border-radius:6px; background:{{Color Sable|azul}};color:#fff&quot; class=&quot;t-bl&quot;&gt;Turístico&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;display:flex;gap:5px;flex-wrap:wrap;&quot;&gt;&lt;span class=&quot;tag t-pk&quot;&gt;Gratuito&lt;/span&gt;&lt;span class=&quot;tag t-bk&quot;&gt;24/7&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;15 ciudades&lt;/span&gt;&lt;/div&gt;


&lt;div class=&quot;tcard hot&quot;&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:{{Color Sable|rosa}};color:#fff;border-color:{{Color Sable|rosa}}&quot;&gt;⭐ ESENCIAL&lt;/div&gt;
&lt;div class=&quot;tcard-title&quot;&gt;Iperú — Tu aliado gratuito&lt;/div&gt;
&lt;div class=&quot;tcard-stats&quot;&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;ÚTIL&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;GRATIS&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--bl)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-bl&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;SECA&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;A+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:92%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;LLUVIAS&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--or)&quot;&gt;B-&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-or&quot; style=&quot;--w:44%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tcard-text&quot;&gt;&lt;strong&gt;+51 1 574-8000 · 24h · 365 días · GRATIS.&lt;/strong&gt; 15 oficinas en todo el país. Resuelven problemas con operadores turísticos. &lt;em&gt;peru.travel/iperu&lt;/em&gt;&lt;/div&gt;
&lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-pk&quot;&gt;Gratuito&lt;/span&gt;&lt;span class=&quot;tag t-bk&quot;&gt;24/7&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;15 ciudades&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;tcard&quot;&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--yw);color:var(--bk)&quot;&gt;🗣️ CULTURA&lt;/div&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--rd);color:#fff&quot;&gt;🚫 EVITAR&lt;/div&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--cy);color:var(--bk)&quot;&gt;📅 TEMPORADAS&lt;/div&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--or);color:#fff&quot;&gt;🔌 TÉCNICO&lt;/div&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--bl);color:#fff&quot;&gt;🗣️ IDIOMA&lt;/div&gt;

&lt;div class=&quot;tcard-title&quot;&gt;«Gringo» — sin ofensa&lt;/div&gt;
&lt;div class=&quot;tcard-stats&quot;&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;OFENSA&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;—&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:5%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;NORMAL&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--pk)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-pk&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;RIESGO&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--rd)&quot;&gt;B-&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-rd&quot; style=&quot;--w:58%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;VOLTAJE&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--or)&quot;&gt;220V&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-or&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;CLARIDAD&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:95%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;tcard-text&quot;&gt;Los peruanos llaman «gringo» sin mala intención a &lt;strong&gt;personas de piel clara o cabello rubio.&lt;/strong&gt; «¡Hola, gringo!» es un saludo amistoso.&lt;/div&gt;
&lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-yw&quot;&gt;Lima&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;Todo el país&lt;/span&gt;&lt;span class=&quot;tag t-rd&quot;&gt;Sensible&lt;/span&gt;&lt;span class=&quot;tag t-cy&quot;&gt;Mayo-Oct ideal&lt;/span&gt;&lt;span class=&quot;tag t-bl&quot;&gt;Lima&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;!-- 
.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }
 --&gt;
&lt;!--ptip-bk  ptip-warn ptip-tip ptip-ok  ptip-info ptip-or --&gt;
&lt;div class=&quot;ptip ptip-money&quot;&gt;
&lt;div class=&quot;ptip-h&quot;&gt;💹 Mejor tipo de cambio&lt;/div&gt;
&lt;div class=&quot;ptip-b&quot;&gt;Las &lt;strong&gt;casas de cambio&lt;/strong&gt; ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.&lt;/div&gt;
&lt;/div&gt;


&lt;noinclude&gt;
Item individual de listado para usar dentro de WVA-Seccion.

; Ejemplo de uso
&lt;pre&gt;
{{WVA-Item
|icon=🍲
|color=pink
|name=Chicha — Gastronomía de autor
|desc=El restaurante de Gastón Acurio en Cusco. Reserva obligatoria.
|tag1=$$$$
|tag1color=pink
|tag2=Reserva previa
|tag2color=gray
|tag3=Imperdible
|tag3color=yellow
}}
&lt;/pre&gt;
&lt;/noinclude&gt;</text>
      <sha1>b555px6h2812q46iv2voensisi4dt74</sha1>
    </revision>
    <revision>
      <id>253725</id>
      <parentid>253724</parentid>
      <timestamp>2026-05-22T18:26:53Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253725</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="6476" sha1="841tj26w4l4vobpg6a84nxyhynlnera" xml:space="preserve">&lt;!-- 
.tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); }
.t-pk{background:var(--pk);color:#fff}  .t-yw{background:var(--yw);color:var(--bk)}
.t-cy{background:var(--cy);color:var(--bk)} .t-gn{background:var(--gn);color:#fff}
.t-rd{background:var(--rd);color:#fff}  .t-bl{background:var(--bl);color:#fff}
.t-or{background:var(--or);color:#fff}  .t-pu{background:var(--pu);color:#fff}
.t-wh{background:var(--wh);color:var(--bk)} .t-bk{background:var(--bk);color:var(--wh)}
 --&gt;

&lt;!-- #abb27a  #ab8880 #83aa92 #7a8cb1 #7ba1b0 #8abb71 #b77698 #689c65 #ae6b6a--&gt;
&lt;div class=&quot;rcard&quot; style=&quot;border-left-color:#b07cb0&quot;&gt;
&lt;div class=&quot;rcard-name&quot;&gt;🌆 Costa Central&lt;/div&gt;
&lt;div class=&quot;rcard-desc&quot;&gt;Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.&lt;/div&gt;
&lt;/div&gt;


&lt;div class=&quot;ccard&quot;&gt;&lt;span class=&quot;ccard-badge pk&quot;&gt;Capital&lt;/span&gt;
&lt;div class=&quot;ccard-name&quot;&gt;🏙️ Lima&lt;/div&gt;
&lt;div class=&quot;ccard-desc&quot;&gt;La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.&lt;/div&gt;&lt;/div&gt;


&lt;!-- tp-gn tp-bl tp-pu --&gt;
&lt;div class=&quot;tport tp-or&quot;&gt;
&lt;div class=&quot;tport-icon&quot;&gt;🚌&lt;/div&gt;
&lt;div class=&quot;tport-name&quot;&gt;En bus internacional&lt;/div&gt;
&lt;div class=&quot;tport-desc&quot;&gt;Desde Chile por &lt;strong&gt;Arica→Tacna&lt;/strong&gt;. Desde Ecuador por &lt;strong&gt;Tumbes o Loja→Piura&lt;/strong&gt;. Desde Bolivia por &lt;strong&gt;La Paz→Puno&lt;/strong&gt;. Desde Brasil por &lt;strong&gt;Iñapari→Puerto Maldonado&lt;/strong&gt;.&lt;/div&gt;&lt;div class=&quot;tport-tags&quot;&gt;&lt;span class=&quot;tag t-yw&quot;&gt;Económico&lt;/span&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;tags-row&quot;&gt;&lt;span style=&quot;font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid {{Color Sable|negro}};border-radius:6px; background:{{Color Sable|azul}};color:#fff&quot; class=&quot;t-bl&quot;&gt;Turístico&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;tags-row&quot;&gt;&lt;span class=&quot;tag t-pk&quot;&gt;Gratuito&lt;/span&gt;&lt;span class=&quot;tag t-bk&quot;&gt;24/7&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;15 ciudades&lt;/span&gt;&lt;/div&gt;


&lt;div class=&quot;tcard hot&quot;&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:{{Color Sable|rosa}};color:#fff;border-color:{{Color Sable|rosa}}&quot;&gt;⭐ ESENCIAL&lt;/div&gt;
&lt;div class=&quot;tcard-title&quot;&gt;Iperú — Tu aliado gratuito&lt;/div&gt;
&lt;div class=&quot;tcard-stats&quot;&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;ÚTIL&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;GRATIS&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--bl)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-bl&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;SECA&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;A+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:92%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;LLUVIAS&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--or)&quot;&gt;B-&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-or&quot; style=&quot;--w:44%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tcard-text&quot;&gt;&lt;strong&gt;+51 1 574-8000 · 24h · 365 días · GRATIS.&lt;/strong&gt; 15 oficinas en todo el país. Resuelven problemas con operadores turísticos. &lt;em&gt;peru.travel/iperu&lt;/em&gt;&lt;/div&gt;
&lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-pk&quot;&gt;Gratuito&lt;/span&gt;&lt;span class=&quot;tag t-bk&quot;&gt;24/7&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;15 ciudades&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;tcard&quot;&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--yw);color:var(--bk)&quot;&gt;🗣️ CULTURA&lt;/div&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--rd);color:#fff&quot;&gt;🚫 EVITAR&lt;/div&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--cy);color:var(--bk)&quot;&gt;📅 TEMPORADAS&lt;/div&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--or);color:#fff&quot;&gt;🔌 TÉCNICO&lt;/div&gt;
&lt;div class=&quot;tcard-cat&quot; style=&quot;background:var(--bl);color:#fff&quot;&gt;🗣️ IDIOMA&lt;/div&gt;

&lt;div class=&quot;tcard-title&quot;&gt;«Gringo» — sin ofensa&lt;/div&gt;
&lt;div class=&quot;tcard-stats&quot;&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;OFENSA&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;—&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:5%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;NORMAL&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--pk)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-pk&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;RIESGO&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--rd)&quot;&gt;B-&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-rd&quot; style=&quot;--w:58%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;VOLTAJE&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--or)&quot;&gt;220V&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-or&quot; style=&quot;--w:100%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;tsr&quot;&gt;&lt;span class=&quot;tsl&quot;&gt;CLARIDAD&lt;/span&gt;&lt;span class=&quot;tsg&quot; style=&quot;color:var(--gn)&quot;&gt;S+&lt;/span&gt;&lt;div class=&quot;tsb&quot;&gt;&lt;div class=&quot;tsf sf-gn&quot; style=&quot;--w:95%&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;div class=&quot;tcard-text&quot;&gt;Los peruanos llaman «gringo» sin mala intención a &lt;strong&gt;personas de piel clara o cabello rubio.&lt;/strong&gt; «¡Hola, gringo!» es un saludo amistoso.&lt;/div&gt;
&lt;div class=&quot;tcard-tags&quot;&gt;&lt;span class=&quot;tag t-yw&quot;&gt;Lima&lt;/span&gt;&lt;span class=&quot;tag t-wh&quot;&gt;Todo el país&lt;/span&gt;&lt;span class=&quot;tag t-rd&quot;&gt;Sensible&lt;/span&gt;&lt;span class=&quot;tag t-cy&quot;&gt;Mayo-Oct ideal&lt;/span&gt;&lt;span class=&quot;tag t-bl&quot;&gt;Lima&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;!-- 
.ptip-warn  .ptip-h { background:var(--rd); color:#fff; } .ptip-warn  { border-color:var(--rd); }
.ptip-money .ptip-h { background:var(--yw); color:var(--bk); }
.ptip-tip   .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip   { border-color:var(--cy); }
.ptip-ok    .ptip-h { background:var(--gn); color:#fff; }   .ptip-ok    { border-color:var(--gn); }
.ptip-info  .ptip-h { background:var(--bl); color:#fff; }   .ptip-info  { border-color:var(--bl); }
.ptip-or    .ptip-h { background:var(--or); color:#fff; }   .ptip-or    { border-color:var(--or); }
.ptip-pu    .ptip-h { background:var(--pu); color:#fff; }   .ptip-pu    { border-color:var(--pu); }
.ptip-bk    .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); }
 --&gt;
&lt;!--ptip-bk  ptip-warn ptip-tip ptip-ok  ptip-info ptip-or --&gt;
&lt;div class=&quot;ptip ptip-money&quot;&gt;
&lt;div class=&quot;ptip-h&quot;&gt;💹 Mejor tipo de cambio&lt;/div&gt;
&lt;div class=&quot;ptip-b&quot;&gt;Las &lt;strong&gt;casas de cambio&lt;/strong&gt; ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.&lt;/div&gt;
&lt;/div&gt;


&lt;noinclude&gt;
Item individual de listado para usar dentro de WVA-Seccion.

; Ejemplo de uso
&lt;pre&gt;
{{WVA-Item
|icon=🍲
|color=pink
|name=Chicha — Gastronomía de autor
|desc=El restaurante de Gastón Acurio en Cusco. Reserva obligatoria.
|tag1=$$$$
|tag1color=pink
|tag2=Reserva previa
|tag2color=gray
|tag3=Imperdible
|tag3color=yellow
}}
&lt;/pre&gt;
&lt;/noinclude&gt;</text>
      <sha1>841tj26w4l4vobpg6a84nxyhynlnera</sha1>
    </revision>
  </page>
  <page>
    <title>Usuario:Jsmura/Taller2</title>
    <ns>2</ns>
    <id>18487</id>
    <revision>
      <id>253765</id>
      <parentid>253659</parentid>
      <timestamp>2026-05-22T21:23:52Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253765</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="20539" sha1="7yt9q43bcch1dzvlyqgwgt2a0qps1g9" xml:space="preserve">&lt;!-- ================================================================
     PLANTILLA: ACA Hero
     ================================================================ --&gt;
{{Hero mascot responsive
|img=Wiki Sable Chibi.png
|title=¡Crea tu guía de viaje en Wikiviajes!
|subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.

{{Badge inline|content=Proyecto colaborativo}} {{Badge inline|content=Contenido libre}} {{Badge inline|content=Desde el 15 de enero de 2013}}

&lt;div class=&quot;wva-hi-tags&quot;&gt;&lt;span class=&quot;wva-hi-tag&quot;&gt;🏛️ Machu Picchu UNESCO&lt;/span&gt; &lt;span class=&quot;wva-hi-tag&quot;&gt;🦙 Imperio Inca&lt;/span&gt; &lt;span class=&quot;wva-hi-tag&quot;&gt;🍽️ Top gastronomía&lt;/span&gt; &lt;span class=&quot;wva-hi-tag&quot;&gt;🌿 Amazonia&lt;/span&gt; &lt;span class=&quot;wva-hi-tag&quot;&gt;🏄 Surf y playas&lt;/span&gt;
&lt;/div&gt;
|content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.


El [[WV:Objetivos|objetivo principal]] es crear una guía turística sobre cada [[WV:Destinos|destino del mundo]]. Existen [[WV:R|criterios claros]] sobre qué es un [[WV:¿Qué es un artículo?|artículo aceptable]]: cualquier contribución que los cumpla es bienvenida. Puedes crear, actualizar, editar e ilustrar artículos. ¡[[WV:Sé valiente|Sé valiente]] y empieza a contribuir!
}}
&lt;!-- ================================================================
     PLANTILLA: ACA ImageBanner
     ================================================================ --&gt;
{{Usuario:Jsmura/Banner images responsive
|img1=Delicious Street Food - 2.jpg
|img2=Sinulog Festival (2023) contingents in street dance 05.jpg
|img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg
|img4=Jennie Milton Uçurtma Kayağı.jpg
|img5=Colorful autumn forest.jpg
}}
&lt;!-- ================================================================
     PLANTILLA: ACA Normas
     ================================================================ --&gt;
{{Usuario:Jsmura/Header awesome|title=Normas esenciales antes de empezar|icon=📋|icon bg=#FCEBEB}}

&lt;div class=&quot;cols-2-grid&quot;&gt;
{{Usuario:Jsmura/Banner responsive
|type=error
|img=Wiki Sable Chibi Shouting.png
|title=🚫 Sin copias — evita el plagio
|content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.
}}

{{Usuario:Jsmura/Banner responsive
|type=warn
|img=Wiki Sable Chibi Map.png
|title=✍️ Tono coloquial, no académico
|content=Usa [[WV:Tono|un tono]] animado e informal. No caigas en el argot extremo, pero tampoco en el lenguaje académico pesado. Escríbele al lector como si le contaras el destino a un amigo curioso. La redacción aburrida no es bienvenida.
}}

{{Usuario:Jsmura/Banner responsive
|type=tip
|img=Wiki Sable Chibi Camera.png
|title=⚖️ Honestidad y objetividad
|content=Recuerda que el [[WV:El viajero es lo primero|viajero es lo primero]]. Sé [[WV:Sé justo|honesto y objetivo]] al describir un destino o atracción. Tus puntos de vista personales o [[WV:PROMO|intereses promocionales]] no deben alterar la neutralidad de la reseña.
}}

{{Usuario:Jsmura/Banner responsive
|type=info
|img=Wiki Sable Chibi Writing.png
|title=📐 Sigue el manual de estilo
|content=Crea tu artículo siguiendo el [[WV:MDE|manual de estilo]]: formato de números, [[WV:Convención de títulos|títulos]], formato de [[WV:Listados|listados]] y categorización. Una presentación coherente hace los artículos más útiles y confiables para quien viaja.
}}
&lt;/div&gt;

&lt;!-- ================================================================
     PLANTILLA: ACA CalloutBorrador
     ================================================================ --&gt;
{{Usuario:Jsmura/Callout responsive
|type=info
|img=Wiki Sable Chibi Seeking.png
|title=📝 ¿Eres nuevo/a en Wikiviajes? Usa tu taller personal
|content=Antes de publicar directamente en el espacio principal, te recomendamos trabajar en tu '''[{{fullurl:Especial:MiPágina/Taller|action=edit&amp;redlink=1}} taller personal]'''. Esto te permite desarrollar el artículo a tu ritmo sin riesgo de que sea borrado por no cumplir aún todos los [[WV:BR|criterios de borrado]]. Una vez que estés satisfecho/a con el resultado, puedes moverlo al espacio principal con la ayuda de la comunidad.
}}
&lt;!-- ================================================================
     PLANTILLA: ACA TiposOverview
     ================================================================ --&gt;
{{Usuario:Jsmura/Header awesome|title=Tipos de artículo en Wikiviajes|icon=📂|icon bg=#E1F5EE}}

{{Usuario:Jsmura/Selector responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=identificador1|activo=sí|img=Wikivoyage-logo.svg|title=🏙️ Destino|subtitle=Ciudades, regiones…}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=identificador2|img=Wikivoyage-logo.svg|title=💡 Artículo temático|subtitle=Temas generales}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=identificador3|img=Wikivoyage-logo.svg|title=🗓️ Itinerario|subtitle=Rutas y recorridos}}
{{Usuario:Jsmura/Selector responsive/Sidebar item|id=identificador4|img=Wikivoyage-logo.svg|title=💬 Conversación|subtitle=Guías de idioma}}
|main content=
{{Usuario:Jsmura/Selector responsive/Content item|id=identificador1|activo=sí|content=
{{Usuario:Jsmura/Callout responsive
|type=info
|img=Wiki Sable Chibi Running.png
|title=🏙️ ¿Qué es un artículo de Destino?
|content=Un destino es un lugar geográfico donde el viajero se aventura para realizar actividades, visitar atracciones turísticas y hospedarse. Existen [[WV:JG|varios subtipos]] según la escala y la cantidad de información disponible. Consulta la tabla siguiente para identificar cuál corresponde a lo que quieres crear, y luego usa el asistente al final de esta sección.
}}

{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Bus Parade.png
|title=¡Crea tu artículo de Destino!
|content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto:&lt;br/&gt;[[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}

{{{!}} class=&quot;table-awesome&quot;
! Subtipo !! Descripción y criterios !! Ejemplos
{{!}}-
{{!}} 🌄 '''Región'''
{{!}}{{!}} División subnacional inferior a un país pero superior a una ciudad. Puede ser geográfica, cultural o administrativa. No debe solaparse con regiones existentes. Consulta los [[WV:JG#Regiones|criterios de región]].
{{!}}{{!}} &lt;small&gt;Patagonia, Andalucía, Altiplano, Caribe colombiano, Región Metropolitana&lt;/small&gt;
{{!}}-
{{!}} 🌿 '''Parque / Reserva'''
{{!}}{{!}} Espacio natural al aire libre donde el viajero disfruta la naturaleza y realiza actividades. Incluye parques nacionales, reservas, áreas de conservación y monumentos naturales. Consulta los [[WV:JG#Otras divisiones|criterios de parque]].
{{!}}{{!}} &lt;small&gt;P. N. Yellowstone, P. N. Torres del Paine, Reserva de la Biósfera del Manu&lt;/small&gt;
{{!}}-
{{!}} 🏘️ '''Ciudad pequeña'''
{{!}}{{!}} Localidad de poca población y escasos sitios de interés turístico, con información suficiente para una guía básica pero sin llegar a la densidad de una ciudad mediana. Consulta los [[WV:JG#Ciudades|criterios de ciudad]].
{{!}}{{!}} &lt;small&gt;Iqaluit, Granollers, Villa de Leyva, Puerto Natales&lt;/small&gt;
{{!}}-
{{!}} 🌆 '''Ciudad'''
{{!}}{{!}} Destino urbano de tamaño intermedio con oferta turística variada: más contenido que una ciudad pequeña, pero sin requerir división en distritos. Es el tipo más frecuente. Consulta los [[WV:JG#Ciudades|criterios de ciudad]].
{{!}}{{!}} &lt;small&gt;Adelaida, Cusco, Medellín, Montevideo, Quito&lt;/small&gt;
{{!}}-
{{!}} 🏙️ '''Ciudad grande'''
{{!}}{{!}} Gran metrópolis con amplia superficie, mucha población y tantas atracciones que resulta necesario dividirla en distritos. Si la ciudad que vas a crear podría dividirse en distritos, usa este subtipo. Consulta los [[WV:JG#Ciudades|criterios de ciudad grande]].
{{!}}{{!}} &lt;small&gt;Ciudad de México, Buenos Aires, Lima, Bogotá, Santiago de Chile&lt;/small&gt;
{{!}}-
{{!}} 📍 '''Distrito'''
{{!}}{{!}} Subdivisión de una ciudad grande. '''La ciudad madre debe existir antes de crear el distrito.''' El título debe indicar la ciudad: entre paréntesis — [[Cuauhtémoc (Ciudad de México)]] — o con barra diagonal — [[Buenos Aires/Microcentro]]. Consulta los [[WV:JG#Distritos|criterios de distrito]].
{{!}}{{!}} &lt;small&gt;Cuauhtémoc (CdMx), BA/San Telmo, Lima/Miraflores, Santiago/Bellavista&lt;/small&gt;
{{!}}}
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=identificador2|content=
{{Usuario:Jsmura/Callout responsive
|type=purple
|img=Wiki Sable Chibi Taking Photo.png
|title=💡 ¿Qué es un artículo temático?
|content=Un artículo temático [[WV:R#Nota de viaje|trata un tema específico]] que es demasiado general para incluirse en un artículo de destino concreto. Sus tópicos se aplican a gran cantidad de destinos y no están ligados a ninguno en particular. Debe ser '''genérico''' (aplicable en muchos contextos), '''independiente''' del destino y claramente relacionado con los viajes.&lt;br/&gt;&lt;br/&gt;Si el tema que quieres escribir solo aplica a un destino específico, coloca esa información directamente dentro del artículo de ese destino, no como artículo temático separado.
}}

{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Guiding.png
|title=¡Crea tu artículo temático!
|content=Debe ser genérico, aplicable a muchos destinos y no ligado a ninguno. Consulta los [[WV:R#Nota de viaje|criterios establecidos]].
}}
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=identificador3|content=
{{Usuario:Jsmura/Callout responsive
|type=tip
|img=Wiki Sable Chibi Seeking.png
|title=🗓️ ¿Qué es un itinerario?
|content=Un [[WV:R#Itinerario|itinerario]] es una guía para viajar a lo largo de una ruta específica o a través de varios destinos, con sugerencias sobre dónde detenerse, qué ver, cómo prepararse y en qué orden visitar los puntos. A diferencia de un artículo de destino, el itinerario describe el '''recorrido en sí''', no el lugar aislado.
}}

{{Usuario:Jsmura/Callout responsive
|type=warn
|img=Wiki Sable Chibi Stop.png
|title=⚠️ Requisitos mínimos para que sea aceptado
|content=Para ser [[WV:R#Itinerarios|incluido en Wikiviajes]], el itinerario debe cumplir '''todos''' estos requisitos:
* Incluir '''al menos dos destinos'''
* Describir '''al menos cinco atracciones''' turísticas
* Cubrir '''al menos un día entero''' de actividad
* Todos los puntos deben poder '''ubicarse en un mapa'''
Sin cumplir estos mínimos, el itinerario no podrá ser publicado.
}}

{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Camping.png
|title=¡Crea tu itinerario!
|content=Recuerda: mínimo 2 destinos, 5 atracciones, 1 día completo y poder ubicarse en un mapa. Consulta los [[WV:R#Itinerarios|criterios establecidos]].
}}
}}
{{Usuario:Jsmura/Selector responsive/Content item|id=identificador4|content=
{{Usuario:Jsmura/Callout responsive
|type=warn
|img=Wiki Sable Chibi Camera.png
|title=💬 ¿Qué es una guía de conversación?
|content=Una guía de conversación es una lista comprensiva con los aspectos más esenciales del idioma en cuestión, para que el viajero pueda manejarse por sí mismo con los locales en un destino donde se habla otra lengua.&lt;br/&gt;&lt;br/&gt;Una buena guía incluye: sistema de escritura y pronunciación básica, saludos y expresiones cotidianas, frases para transporte, alojamiento, gastronomía, compras, salud y emergencias. El título debe seguir el formato '''«Guía de conversación del [idioma]»'''.
}}

{{Usuario:Jsmura/Create article responsive
|img=Wiki Sable Chibi Issue Language Nihongo Dare.png
|title=¡Crea tu guía de conversación!
|content=Lista comprensiva del idioma con vocabulario esencial: saludos, transporte, alojamiento, gastronomía y emergencias. Incluye vocabulario esencial para que el viajero pueda comunicarse con los locales en las situaciones más habituales.
}}
}}
}}

{{Usuario:Jsmura/Callout responsive
|type=error
|img=Wiki Sable Chibi Stop.png
|title=🔍 Antes de crear: verifica que no exista
|content=Busca en la [[Especial:Buscar|caja de búsqueda]] si ya existe un artículo sobre el mismo lugar. Consulta la [[WV:Convención de títulos|convención de títulos]] para asegurarte del nombre correcto: mayúsculas, idioma y formato de paréntesis o barra. ¡Evita duplicar esfuerzos!
}}

&lt;!-- ================================================================
     PLANTILLA: ACA ReferenciaArticulos
     ================================================================ --&gt;
{{Usuario:Jsmura/Header awesome|title=Referencia: ¿qué puede y qué no puede tener artículo propio?|icon=📌|icon bg=#FCEBEB}}

{{Usuario:Jsmura/Checklist 2 cols responsive
|img=Wikivoyage-logo.svg
|title=Artículos aceptables e inaceptables en Wikiviajes
|ok title=✅ Aceptables
|ok list=
*Continentes (ej. [[África]])
*Regiones continentales (ej. [[Medio Oriente]])
*Países (ej. [[España]], [[México]])
*Regiones subnacionales (ej. [[Provincia de Buenos Aires]])
*Ciudades de cualquier tamaño (ej. [[Tokio]], [[Iqaluit]])
*Distritos de ciudades grandes
*Parques nacionales y reservas naturales
*Itinerarios que cumplen los criterios mínimos
*Artículos temáticos genéricos sobre viajes
*Guías de conversación de idiomas
|bad title=🚫 Inaceptables
|bad list=
* Empresas y otras organizaciones
* Museos, estatuas e instituciones de arte aisladas
* Parques locales, plazas y calles
* Festivales y eventos de reducida envergadura
* Sistemas de transporte y estaciones
* Personas, animales u objetos no relacionados con viajes
* Cuerpos de agua como artículo independiente
* Islas deshabitadas
* Instalaciones gubernamentales o militares restringidas
* Directorios web y páginas amarillas
* [[WV:PROMO|Páginas de autopromoción]]
* Revistas de viajes y anécdotas personales
|note title=Ten en cuenta también que Wikiviajes no es:
|note list=
* Una [[w:|enciclopedia]] — los artículos con tono enciclopédico no cumplen el objetivo del proyecto.
* Un [[wikt:|diccionario]], [[b:|libro de texto]] ni [[s:|depósito de discursos o textos]].
* Un [[n:|sitio de noticias]], [[q:|lugar de citas y frases]] ni plataforma de [[v:|temas educativos]] genéricos.
}}
&lt;!-- ================================================================
     PLANTILLA: ACA NivelesCalidad
     ================================================================ --&gt;
{{Usuario:Jsmura/Header awesome|title=Niveles de calidad de un artículo|icon=⭐|icon bg=#EAF3DE}}

{{Usuario:Jsmura/Callout responsive
|type=info
|img=Wiki Sable Chibi Taking Photo.png
|title=⭐ No importa si empiezas desde cero
|content=Los artículos de Wikiviajes siguen una escala de calidad progresiva. Un esbozo bien intencionado es el primer paso: con el tiempo y la colaboración de la comunidad, cualquier artículo puede crecer hasta convertirse en una guía estrella.
}}

&lt;div class=&quot;cols-4-grid&quot;&gt;
{{Usuario:Jsmura/Card info small responsive
|type=1
|img=Wiki Sable Chibi Bothered.png
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.
}}

{{Usuario:Jsmura/Card info small responsive
|type=2
|img=Wiki Sable Chibi Guiding.png
|title=🗺️ Guía usable
|content=Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.
}}

{{Usuario:Jsmura/Card info small responsive
|type=3
|img=Wiki Sable Chibi Sunset.png
|title=📘 Guía
|content=Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.
}}

{{Usuario:Jsmura/Card info small responsive
|type=4
|img=Wiki Sable Chibi Map.png
|title=⭐ Guía estrella
|content=El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.
}}
&lt;/div&gt;
&lt;!-- ================================================================
     PLANTILLA: ACA ChecklistPublicacion
     ================================================================ --&gt;
{{Usuario:Jsmura/Header awesome|title=Checklist antes de publicar|icon=✅|icon bg=#E1F5EE}}

{{Usuario:Jsmura/Checklist responsive
|img=Wikivoyage-logo.svg
|title=¿Listo/a para publicar? Verifica estos 10 puntos
|list=
* Verifiqué en la [[Especial:Buscar|caja de búsqueda]] que no existe ya un artículo sobre el mismo tema.
* El título sigue la [[WV:Convención de títulos|convención de títulos]] (mayúsculas, idioma, paréntesis o barra si aplica).
* El artículo cumple los criterios de [[WV:R|relevancia]] del tipo elegido (destino, itinerario, temático, etc.).
* El contenido es propio: no copié de Wikipedia ni de otras páginas con derechos de autor.
* El tono es [[WV:Tono|coloquial e informativo]], orientado al viajero, no enciclopédico ni promocional.
* Incluí información práctica para el viajero: cómo llegar, dónde comer, dónde hospedarse, qué ver.
* La redacción es [[WV:Sé justo|honesta y objetiva]], sin autopromoción ni sesgos personales.
* Seguí el [[WV:MDE|manual de estilo]]: formato de números, estructura de secciones y formato de listados.
* Categoricé correctamente el artículo según el [[WV:Destinos|tipo de destino]] o tema correspondiente.
* Si es un distrito, el artículo de la ciudad madre ya existe en Wikiviajes con ese nombre.
}}
&lt;!-- ================================================================
     PLANTILLA: ACA AyudaComunidad
     ================================================================ --&gt;
{{Usuario:Jsmura/Header awesome|title=¿Dónde pedir ayuda?|icon=🤝|icon bg=#E6F1FB}}

{{Usuario:Jsmura/Callout responsive
|type=info
|img=Wiki Sable Chibi Camera.png
|title=😊 La comunidad está aquí para ayudarte
|content=Si tienes dudas, cometiste un error o necesitas orientación, no estás solo/a. Wikiviajes tiene una comunidad activa de colaboradores dispuestos a ayudar. No dudes en consultar antes —o después— de publicar.
}}

&lt;div class=&quot;cols-3-grid&quot;&gt;
{{Usuario:Jsmura/Card info medium responsive
|img=Wiki Sable Chibi Issue Directions.png
|link=Wikiviajes:Taberna
|title=☕ Taberna de la comunidad
|subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wiki Sable Chibi Issue Language Nihongo Dare.png
|link=Ayuda:Contenidos
|title=📖 Centro de ayuda
|subtitle=Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wiki Sable Chibi Climbing.png
|link=Ayuda:Introducción
|title=👋 Página de bienvenida
|subtitle=Todo lo que necesitas saber para empezar en Wikiviajes desde cero
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wiki Sable Chibi Writing.png
|link=WV:Políticas
|title=📋 Políticas del proyecto
|subtitle=Las normas que rigen la creación y edición de artículos en Wikiviajes
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wiki Sable Chibi Thinking.png
|link=WV:MDE
|title=✏️ Manual de estilo
|subtitle=Convenciones de formato, títulos, listados y redacción para todos los artículos
}}

{{Usuario:Jsmura/Card info medium responsive
|img=Wiki Sable Chibi Seeking.png
|link=Especial:MiDiscusión
|title=💬 Mi página de discusión
|subtitle=Revisa los mensajes que la comunidad o los administradores te hayan dejado
}}
&lt;/div&gt;
&lt;!-- ================================================================
     PLANTILLA: ACA CierreMotivacional
     ================================================================ --&gt;
{{Usuario:Jsmura/Callout responsive
|type=tip
|img=Wiki Sable Chibi Camera.png
|title=🌍 ¡Toda contribución cuenta!
|content=Wikiviajes nació el '''15 de enero de 2013''' y cada día crece gracias a voluntarios como tú. No importa si tu artículo empieza corto o imperfecto: un buen esbozo es el primer paso hacia una guía estrella, y la comunidad te ayudará a mejorarlo. ¡[[WV:Sé valiente|Sé valiente]] y empieza a contribuir hoy mismo!
}}</text>
      <sha1>7yt9q43bcch1dzvlyqgwgt2a0qps1g9</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Badge inline start</title>
    <ns>10</ns>
    <id>18488</id>
    <revision>
      <id>253727</id>
      <parentid>253660</parentid>
      <timestamp>2026-05-22T18:30:40Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253727</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="22" sha1="4z93gz11uu1gm11vmsq9hy3511n53tw" xml:space="preserve">&lt;div class=&quot;tags-row&quot;&gt;</text>
      <sha1>4z93gz11uu1gm11vmsq9hy3511n53tw</sha1>
    </revision>
    <revision>
      <id>253732</id>
      <parentid>253727</parentid>
      <timestamp>2026-05-22T18:34:00Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Añadiendo plantilla de borrado mediante [[WV:Serena|Serena]]</comment>
      <origin>253732</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="63" sha1="delg4n8rm6jhwayw1t26ux0jqwni3c1" xml:space="preserve">&lt;noinclude&gt;{{destruir|g11}} 
&lt;/noinclude&gt;&lt;div class=&quot;tags-row&quot;&gt;</text>
      <sha1>delg4n8rm6jhwayw1t26ux0jqwni3c1</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Badge inline end</title>
    <ns>10</ns>
    <id>18489</id>
    <revision>
      <id>253733</id>
      <parentid>253661</parentid>
      <timestamp>2026-05-22T18:35:02Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Añadiendo plantilla de borrado mediante [[WV:Serena|Serena]]</comment>
      <origin>253733</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="47" sha1="4vs52w208w4xlue36idksdkasructcm" xml:space="preserve">&lt;noinclude&gt;{{destruir|g11}} 
&lt;/noinclude&gt;&lt;/div&gt;</text>
      <sha1>4vs52w208w4xlue36idksdkasructcm</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Color Sable</title>
    <ns>10</ns>
    <id>18502</id>
    <revision>
      <id>253720</id>
      <timestamp>2026-05-22T16:16:26Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página creada con «{{#switch:{{{1}}} |rosa={{#if:{{{nombre|}}}|Rosa|#FF00BB}} |amarillo={{#if:{{{nombre|}}}|Amarillo|#FFE600}} |cian={{#if:{{{nombre|}}}|Cian|#00BFFF}} |verde={{#if:{{{nombre|}}}|Verde|#00C853}} |naranja={{#if:{{{nombre|}}}|Naranja|#FF6B00}} |rojo={{#if:{{{nombre|}}}|Rojo|#FF2200}} |purpura={{#if:{{{nombre|}}}|Purpura|#7A00FF}} |azul={{#if:{{{nombre|}}}|Azul|#0099FF}} |negro={{#if:{{{nombre|}}}|Negro|#111111}} |blanco={{#if:{{{nombre|}}}|Blanco|#FFFFFF}} |gris={{#if:{{{n…»</comment>
      <origin>253720</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1246" sha1="4w4w47jlkvl3sn31pixnaju1ufwrlo7" xml:space="preserve">{{#switch:{{{1}}}
|rosa={{#if:{{{nombre|}}}|Rosa|#FF00BB}}
|amarillo={{#if:{{{nombre|}}}|Amarillo|#FFE600}}
|cian={{#if:{{{nombre|}}}|Cian|#00BFFF}}
|verde={{#if:{{{nombre|}}}|Verde|#00C853}}
|naranja={{#if:{{{nombre|}}}|Naranja|#FF6B00}}
|rojo={{#if:{{{nombre|}}}|Rojo|#FF2200}}
|purpura={{#if:{{{nombre|}}}|Purpura|#7A00FF}}
|azul={{#if:{{{nombre|}}}|Azul|#0099FF}}
|negro={{#if:{{{nombre|}}}|Negro|#111111}}
|blanco={{#if:{{{nombre|}}}|Blanco|#FFFFFF}}
|gris={{#if:{{{nombre|}}}|Gris|#555555}}
|#default={{#if:{{{nombre|}}}|Rosa|#FF00BB}}
}}&lt;noinclude&gt;
&lt;div style=&quot;background:{{Color Sable|rosa}}&quot;&gt;pink&lt;/div&gt;
&lt;div style=&quot;background:#FFE600&quot;&gt;yellow&lt;/div&gt;
&lt;div style=&quot;background:#00BFFF&quot;&gt;cyan&lt;/div&gt;
&lt;div style=&quot;background:#00C853&quot;&gt;green&lt;/div&gt;
&lt;div style=&quot;background:#FF6B00&quot;&gt;orange&lt;/div&gt;
&lt;div style=&quot;background:#FF2200&quot;&gt;red&lt;/div&gt;
&lt;div style=&quot;background:#7A00FF&quot;&gt;purple&lt;/div&gt;
&lt;div style=&quot;background:#0099FF&quot;&gt;blue&lt;/div&gt;
&lt;div style=&quot;background:#111111&quot;&gt;black&lt;/div&gt;
&lt;div style=&quot;background:#FFFFFF&quot;&gt;white&lt;/div&gt;
&lt;div style=&quot;background:#555555&quot;&gt;grey&lt;/div&gt;

{|
|style=&quot;background:{{Color Sable|rosa}}&quot;| ||style=&quot;background:#FFE600&quot;| Ejemplo ||style=&quot;background:#00BFFF&quot;| Ejemplo
|-
| {{Color Sable|rosa|nombre=sí}} || Ejemplo || Ejemplo
|}
&lt;/noinclude&gt;</text>
      <sha1>4w4w47jlkvl3sn31pixnaju1ufwrlo7</sha1>
    </revision>
    <revision>
      <id>253721</id>
      <parentid>253720</parentid>
      <timestamp>2026-05-22T16:21:13Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253721</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1617" sha1="l2nklqav45r5rfazf9mnvmle9heidf2" xml:space="preserve">{{#switch:{{{1}}}
|rosa={{#if:{{{nombre|}}}|Rosa|#FF00BB}}
|amarillo={{#if:{{{nombre|}}}|Amarillo|#FFE600}}
|cian={{#if:{{{nombre|}}}|Cian|#00BFFF}}
|verde={{#if:{{{nombre|}}}|Verde|#00C853}}
|naranja={{#if:{{{nombre|}}}|Naranja|#FF6B00}}
|rojo={{#if:{{{nombre|}}}|Rojo|#FF2200}}
|purpura={{#if:{{{nombre|}}}|Purpura|#7A00FF}}
|azul={{#if:{{{nombre|}}}|Azul|#0099FF}}
|negro={{#if:{{{nombre|}}}|Negro|#111111}}
|blanco={{#if:{{{nombre|}}}|Blanco|#FFFFFF}}
|gris={{#if:{{{nombre|}}}|Gris|#555555}}
|#default={{#if:{{{nombre|}}}|Rosa|#FF00BB}}
}}&lt;noinclude&gt;
{|
|&lt;div style=&quot;background:{{Color Sable|rosa}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|amarillo}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|cian}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|verde}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|naranja}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|rojo}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|purpura}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|azul}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|negro}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|blanco}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|gris}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|-
|{{Color Sable|rosa|nombre=sí}}
|{{Color Sable|amarillo|nombre=sí}}
|{{Color Sable|cian|nombre=sí}}
|{{Color Sable|verde|nombre=sí}}
|{{Color Sable|naranja|nombre=sí}}
|{{Color Sable|rojo|nombre=sí}}
|{{Color Sable|purpura|nombre=sí}}
|{{Color Sable|azul|nombre=sí}}
|{{Color Sable|negro|nombre=sí}}
|{{Color Sable|blanco|nombre=sí}}
|{{Color Sable|gris|nombre=sí}}
|}
&lt;/noinclude&gt;</text>
      <sha1>l2nklqav45r5rfazf9mnvmle9heidf2</sha1>
    </revision>
    <revision>
      <id>253771</id>
      <parentid>253721</parentid>
      <timestamp>2026-05-22T21:36:34Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253771</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1895" sha1="pmi54wa8a5hhu9qwku0pl4irz5ldbh2" xml:space="preserve">{{#switch:{{{1}}}
|rosa={{#if:{{{nombre|}}}|Rosa|#FF00BB}}
|amarillo={{#if:{{{nombre|}}}|Amarillo|#FFE600}}
|cian={{#if:{{{nombre|}}}|Cian|#00BFFF}}
|verde={{#if:{{{nombre|}}}|Verde|#00C853}}
|naranja={{#if:{{{nombre|}}}|Naranja|#FF6B00}}
|rojo={{#if:{{{nombre|}}}|Rojo|#FF2200}}
|purpura={{#if:{{{nombre|}}}|Purpura|#7A00FF}}
|azul={{#if:{{{nombre|}}}|Azul|#0099FF}}
|negro={{#if:{{{nombre|}}}|Negro|#111111}}
|blanco={{#if:{{{nombre|}}}|Blanco|#FFFFFF}}
|gris={{#if:{{{nombre|}}}|Gris|#555555}}
|#default={{#if:{{{nombre|}}}|Rosa|#FF00BB}}
}}&lt;noinclude&gt;
{|
|&lt;div style=&quot;background:{{Color Sable|rosa}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|amarillo}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|cian}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|verde}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|naranja}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|rojo}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|purpura}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|azul}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|negro}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|blanco}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|gris}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|-
|{{Color Sable|rosa|nombre=sí}}
|{{Color Sable|amarillo|nombre=sí}}
|{{Color Sable|cian|nombre=sí}}
|{{Color Sable|verde|nombre=sí}}
|{{Color Sable|naranja|nombre=sí}}
|{{Color Sable|rojo|nombre=sí}}
|{{Color Sable|purpura|nombre=sí}}
|{{Color Sable|azul|nombre=sí}}
|{{Color Sable|negro|nombre=sí}}
|{{Color Sable|blanco|nombre=sí}}
|{{Color Sable|gris|nombre=sí}}
|}
{{DocCopiar|
&lt;nowiki&gt;{{Color Sable|rosa}}
{{Color Sable|amarillo}}
{{Color Sable|cian}}
{{Color Sable|verde}}
{{Color Sable|naranja}}
{{Color Sable|rojo}}
{{Color Sable|purpura}}
{{Color Sable|azul}}
{{Color Sable|negro}}
{{Color Sable|blanco}}
{{Color Sable|gris}}&lt;/nowiki&gt;
}}
&lt;/noinclude&gt;</text>
      <sha1>pmi54wa8a5hhu9qwku0pl4irz5ldbh2</sha1>
    </revision>
    <revision>
      <id>253803</id>
      <parentid>253771</parentid>
      <timestamp>2026-05-23T02:05:54Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253803</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="2123" sha1="jbp29ism3rgkw1n2qoah5d624w9fdn0" xml:space="preserve">{{#switch:{{{1}}}
|rosa={{#if:{{{nombre|}}}|Rosa|#FF00BB}}
|amarillo={{#if:{{{nombre|}}}|Amarillo|#FFE600}}
|cian={{#if:{{{nombre|}}}|Cian|#00BFFF}}
|verde={{#if:{{{nombre|}}}|Verde|#00C853}}
|naranja={{#if:{{{nombre|}}}|Naranja|#FF6B00}}
|rojo={{#if:{{{nombre|}}}|Rojo|#FF2200}}
|purpura={{#if:{{{nombre|}}}|Purpura|#7A00FF}}
|azul={{#if:{{{nombre|}}}|Azul|#0099FF}}
|negro={{#if:{{{nombre|}}}|Negro|#111111}}
|blanco={{#if:{{{nombre|}}}|Blanco|#FFFFFF}}
|gris={{#if:{{{nombre|}}}|Gris|#555555}}
|#default={{#if:{{{nombre|}}}|Rosa|#FF00BB}}
}}&lt;noinclude&gt;
{|
|&lt;div style=&quot;background:{{Color Sable|rosa}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|amarillo}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|cian}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|verde}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|naranja}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|rojo}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|purpura}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|azul}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|negro}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|blanco}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|gris}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|-
|{{Color Sable|rosa|nombre=sí}}
|{{Color Sable|amarillo|nombre=sí}}
|{{Color Sable|cian|nombre=sí}}
|{{Color Sable|verde|nombre=sí}}
|{{Color Sable|naranja|nombre=sí}}
|{{Color Sable|rojo|nombre=sí}}
|{{Color Sable|purpura|nombre=sí}}
|{{Color Sable|azul|nombre=sí}}
|{{Color Sable|negro|nombre=sí}}
|{{Color Sable|blanco|nombre=sí}}
|{{Color Sable|gris|nombre=sí}}
|}
{{DocSimple
|nombre=Color Sable
|desc=Colores para el tema de Sable.
|params=
{{DocParam|1|req|rosa / amarillo / cian / verde / naranja / rojo / purpura / azul / negro / blanco / gris|rosa}}
{{DocParam|nombre|opt|sí / no|}}
}}
{{DocCopiar|
&lt;nowiki&gt;{{Color Sable|rosa}}
{{Color Sable|amarillo}}
{{Color Sable|cian}}
{{Color Sable|verde}}
{{Color Sable|naranja}}
{{Color Sable|rojo}}
{{Color Sable|purpura}}
{{Color Sable|azul}}
{{Color Sable|negro}}
{{Color Sable|blanco}}
{{Color Sable|gris}}&lt;/nowiki&gt;
}}
&lt;/noinclude&gt;</text>
      <sha1>jbp29ism3rgkw1n2qoah5d624w9fdn0</sha1>
    </revision>
    <revision>
      <id>253805</id>
      <parentid>253803</parentid>
      <timestamp>2026-05-23T02:10:19Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253805</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="586" sha1="4xyetgaez9z7cdfn081szftgha4l71c" xml:space="preserve">{{#switch:{{{1}}}
|rosa={{#if:{{{nombre|}}}|Rosa|#FF00BB}}
|amarillo={{#if:{{{nombre|}}}|Amarillo|#FFE600}}
|cian={{#if:{{{nombre|}}}|Cian|#00BFFF}}
|verde={{#if:{{{nombre|}}}|Verde|#00C853}}
|naranja={{#if:{{{nombre|}}}|Naranja|#FF6B00}}
|rojo={{#if:{{{nombre|}}}|Rojo|#FF2200}}
|purpura={{#if:{{{nombre|}}}|Purpura|#7A00FF}}
|azul={{#if:{{{nombre|}}}|Azul|#0099FF}}
|negro={{#if:{{{nombre|}}}|Negro|#111111}}
|blanco={{#if:{{{nombre|}}}|Blanco|#FFFFFF}}
|gris={{#if:{{{nombre|}}}|Gris|#555555}}
|#default={{#if:{{{nombre|}}}|Rosa|#FF00BB}}
}}&lt;noinclude&gt;{{Color Sable/doc}}&lt;/noinclude&gt;</text>
      <sha1>4xyetgaez9z7cdfn081szftgha4l71c</sha1>
    </revision>
  </page>
  <page>
    <title>Usuario:Jsmura/Tags structure</title>
    <ns>2</ns>
    <id>18503</id>
    <revision>
      <id>253731</id>
      <timestamp>2026-05-22T18:33:45Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página creada con «&lt;div class=&quot;tags-structure&quot;&gt;»</comment>
      <origin>253731</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="28" sha1="hnldlic1quu7r2lgefjfoz6qzhwoelq" xml:space="preserve">&lt;div class=&quot;tags-structure&quot;&gt;</text>
      <sha1>hnldlic1quu7r2lgefjfoz6qzhwoelq</sha1>
    </revision>
  </page>
  <page>
    <title>Usuario:Jsmura/Tags structure end</title>
    <ns>2</ns>
    <id>18504</id>
    <revision>
      <id>253734</id>
      <timestamp>2026-05-22T18:35:20Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página creada con «&lt;/div&gt;»</comment>
      <origin>253734</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="6" sha1="2568t9pwnrdu7nojkgqsf497qhewjep" xml:space="preserve">&lt;/div&gt;</text>
      <sha1>2568t9pwnrdu7nojkgqsf497qhewjep</sha1>
    </revision>
  </page>
  <page>
    <title>Usuario:Jsmura/Hero responsive</title>
    <ns>2</ns>
    <id>18505</id>
    <revision>
      <id>253739</id>
      <timestamp>2026-05-22T20:33:43Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Jsmura trasladó la página [[Usuario:Jsmura/Hero responsive]] a [[Plantilla:Hero mascot responsive]]</comment>
      <origin>253739</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="50" sha1="onwl1l14dzla06xubj5o2u4cnu32ehl" xml:space="preserve">#REDIRECCIÓN [[Plantilla:Hero mascot responsive]]</text>
      <sha1>onwl1l14dzla06xubj5o2u4cnu32ehl</sha1>
    </revision>
    <revision>
      <id>253740</id>
      <parentid>253739</parentid>
      <timestamp>2026-05-22T20:33:53Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Añadiendo plantilla de borrado mediante [[WV:Serena|Serena]]</comment>
      <origin>253740</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="68" sha1="d7y71h6bfbhg56g04nvgrkz8ucllpp3" xml:space="preserve">{{destruir|g11}} 
#REDIRECCIÓN [[Plantilla:Hero mascot responsive]]</text>
      <sha1>d7y71h6bfbhg56g04nvgrkz8ucllpp3</sha1>
    </revision>
    <revision>
      <id>253760</id>
      <parentid>253740</parentid>
      <timestamp>2026-05-22T21:11:13Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página blanqueada</comment>
      <origin>253760</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="0" sha1="phoiac9h4m842xq45sp7s6u21eteeq1" />
      <sha1>phoiac9h4m842xq45sp7s6u21eteeq1</sha1>
    </revision>
    <revision>
      <id>253767</id>
      <parentid>253760</parentid>
      <timestamp>2026-05-22T21:24:56Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Añadiendo plantilla de borrado mediante [[WV:Serena|Serena]]</comment>
      <origin>253767</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="16" sha1="hmmvquhymoxqw6ewofl3426228fxajq" xml:space="preserve">{{destruir|g11}}</text>
      <sha1>hmmvquhymoxqw6ewofl3426228fxajq</sha1>
    </revision>
  </page>
  <page>
    <title>Usuario:Jsmura/DocSintaxis</title>
    <ns>2</ns>
    <id>18506</id>
    <revision>
      <id>253743</id>
      <timestamp>2026-05-22T20:42:41Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Jsmura trasladó la página [[Usuario:Jsmura/DocSintaxis]] a [[Plantilla:DocSimple]]</comment>
      <origin>253743</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="37" sha1="nyrytqim6ufc72vn8a071mp25rw41z4" xml:space="preserve">#REDIRECCIÓN [[Plantilla:DocSimple]]</text>
      <sha1>nyrytqim6ufc72vn8a071mp25rw41z4</sha1>
    </revision>
    <revision>
      <id>253744</id>
      <parentid>253743</parentid>
      <timestamp>2026-05-22T20:43:51Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Añadiendo plantilla de borrado mediante [[WV:Serena|Serena]]</comment>
      <origin>253744</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="55" sha1="dncwn0q58ilsh0ye7n2ntn5v7rwxvkl" xml:space="preserve">{{destruir|g11}} 
#REDIRECCIÓN [[Plantilla:DocSimple]]</text>
      <sha1>dncwn0q58ilsh0ye7n2ntn5v7rwxvkl</sha1>
    </revision>
    <revision>
      <id>253759</id>
      <parentid>253744</parentid>
      <timestamp>2026-05-22T21:10:07Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página blanqueada</comment>
      <origin>253759</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="0" sha1="phoiac9h4m842xq45sp7s6u21eteeq1" />
      <sha1>phoiac9h4m842xq45sp7s6u21eteeq1</sha1>
    </revision>
  </page>
  <page>
    <title>Usuario:Jsmura/DocParam</title>
    <ns>2</ns>
    <id>18507</id>
    <revision>
      <id>253746</id>
      <timestamp>2026-05-22T20:44:33Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Jsmura trasladó la página [[Usuario:Jsmura/DocParam]] a [[Plantilla:DocParam]]</comment>
      <origin>253746</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="36" sha1="qo9p6u7ot7nhnre4jn6obtbxx7ogwja" xml:space="preserve">#REDIRECCIÓN [[Plantilla:DocParam]]</text>
      <sha1>qo9p6u7ot7nhnre4jn6obtbxx7ogwja</sha1>
    </revision>
    <revision>
      <id>253747</id>
      <parentid>253746</parentid>
      <timestamp>2026-05-22T20:44:42Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Añadiendo plantilla de borrado mediante [[WV:Serena|Serena]]</comment>
      <origin>253747</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="54" sha1="6ap6nlighymcyiv6zi312pi4ab1n1sq" xml:space="preserve">{{destruir|g11}} 
#REDIRECCIÓN [[Plantilla:DocParam]]</text>
      <sha1>6ap6nlighymcyiv6zi312pi4ab1n1sq</sha1>
    </revision>
    <revision>
      <id>253775</id>
      <parentid>253747</parentid>
      <timestamp>2026-05-23T01:34:22Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página blanqueada</comment>
      <origin>253775</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="0" sha1="phoiac9h4m842xq45sp7s6u21eteeq1" />
      <sha1>phoiac9h4m842xq45sp7s6u21eteeq1</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:DocSimple/doc</title>
    <ns>10</ns>
    <id>18508</id>
    <revision>
      <id>253754</id>
      <timestamp>2026-05-22T20:53:13Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página creada con «{{DocSimple |nombre=DocSimple |desc=Bloque principal de documentación de sintaxis de una plantilla. Genera automáticamente el bloque de ejemplo si algún DocParam tiene valor en el parámetro 4. |params= {{DocParam|nombre|req||DocSintaxis}} {{DocParam|desc|req||Bloque principal de documentación de sintaxis de una plantilla. Genera automáticamente el bloque de ejemplo si algún DocParam tiene valor en el parámetro 4.}} {{DocParam|notas|opt||* nota 1 * nota 2}} {{D…»</comment>
      <origin>253754</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="605" sha1="hu5qwkszfz1xtqu3z9g0yv92xmzel3n" xml:space="preserve">{{DocSimple
|nombre=DocSimple
|desc=Bloque principal de documentación de sintaxis de una plantilla.
Genera automáticamente el bloque de ejemplo si algún DocParam tiene valor en el parámetro 4.
|params=
{{DocParam|nombre|req||DocSintaxis}}
{{DocParam|desc|req||Bloque principal de documentación de sintaxis de una plantilla.
Genera automáticamente el bloque de ejemplo si algún DocParam tiene valor en el parámetro 4.}}
{{DocParam|notas|opt||* nota 1 * nota 2}}
{{DocParam|params|req||&lt;nowiki&gt;{{DocParam|param1|req|opcionA / opcionB|opcionA}}
{{DocParam|param2|opt||valor de ejemplo}}&lt;/nowiki&gt;}}
}}</text>
      <sha1>hu5qwkszfz1xtqu3z9g0yv92xmzel3n</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Hero mascot responsive/doc</title>
    <ns>10</ns>
    <id>18509</id>
    <revision>
      <id>253756</id>
      <timestamp>2026-05-22T21:06:59Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página creada con «{{DocSimple |nombre=Hero mascot responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{DocParam|img|req||Wiki Sable Chibi.png}} {{DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{DocParam|content|req||'''Wikiviajes''' es una guía d…»</comment>
      <origin>253756</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="725" sha1="jq9bz7sggjuhxz1ixsf7oqp55doss6f" xml:space="preserve">{{DocSimple
|nombre=Hero mascot responsive
|desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola.
|params=
{{DocParam|img|req||Wiki Sable Chibi.png}}
{{DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}}
{{DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}}
{{DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}}
}}</text>
      <sha1>jq9bz7sggjuhxz1ixsf7oqp55doss6f</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:DocCopiar</title>
    <ns>10</ns>
    <id>18510</id>
    <revision>
      <id>253763</id>
      <timestamp>2026-05-22T21:20:07Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página creada con «&lt;includeonly&gt;&lt;div class=&quot;doc-copiar-wrap&quot;&gt;&lt;div class=&quot;doc-copiar-bar&quot;&gt;&lt;span class=&quot;doc-copiar-lbl&quot;&gt;{{#if:{{{label|}}}|{{{label}}}|Copiar}}&lt;/span&gt;&lt;span class=&quot;doc-copiar-btn&quot; role=&quot;button&quot; tabindex=&quot;0&quot;&gt;📋 Copiar&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;doc-copiar-pre&quot;&gt;{{{1|}}}&lt;/div&gt;&lt;/div&gt;&lt;/includeonly&gt;&lt;noinclude&gt; Recuadro con botón «Copiar» que preserva la estructura del contenido: espacios, indentaciones y saltos de línea.  ; Parámetros * '''1''' / '''contenido''' — texto o c…»</comment>
      <origin>253763</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1065" sha1="0ejvk9n02l4c7ddo3xjw6tncjj9sm94" xml:space="preserve">&lt;includeonly&gt;&lt;div class=&quot;doc-copiar-wrap&quot;&gt;&lt;div class=&quot;doc-copiar-bar&quot;&gt;&lt;span class=&quot;doc-copiar-lbl&quot;&gt;{{#if:{{{label|}}}|{{{label}}}|Copiar}}&lt;/span&gt;&lt;span class=&quot;doc-copiar-btn&quot; role=&quot;button&quot; tabindex=&quot;0&quot;&gt;📋 Copiar&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;doc-copiar-pre&quot;&gt;{{{1|}}}&lt;/div&gt;&lt;/div&gt;&lt;/includeonly&gt;&lt;noinclude&gt;
Recuadro con botón «Copiar» que preserva la estructura del contenido:
espacios, indentaciones y saltos de línea.

; Parámetros
* '''1''' / '''contenido''' — texto o código a copiar (obligatorio)
* '''label''' — texto de la etiqueta (por defecto: &lt;code&gt;Copiar&lt;/code&gt;)

; Uso básico
&lt;pre&gt;
{{WV-Copiar|
Línea 1
  Línea 2 con indentación
Línea 3
}}
&lt;/pre&gt;

; Con etiqueta y contenido nombrado
&lt;pre&gt;
{{WV-Copiar
|label=Ejemplo de uso
|contenido=
  Texto aquí
  con la estructura que necesites
}}
&lt;/pre&gt;

; Código wiki literal (envolver en nowiki)
&lt;pre&gt;
{{WV-Copiar|label=Plantilla|&lt;nowiki&gt;
{{WVA-Hero
|title=Lima
|badge1=Capital
}}
&lt;/nowiki&gt;}}
&lt;/pre&gt;
{{DocCopiar|label=Plantilla|&lt;nowiki&gt;
{{WVA-Hero
|title=Lima
|badge1=Capital
}}
&lt;/nowiki&gt;}}
&lt;/noinclude&gt;</text>
      <sha1>0ejvk9n02l4c7ddo3xjw6tncjj9sm94</sha1>
    </revision>
    <revision>
      <id>253764</id>
      <parentid>253763</parentid>
      <timestamp>2026-05-22T21:22:59Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253764</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="828" sha1="acsg5gghrb8wc1dzbyxszwbsjcvsbpn" xml:space="preserve">&lt;includeonly&gt;&lt;div class=&quot;doc-copiar-wrap&quot;&gt;&lt;div class=&quot;doc-copiar-bar&quot;&gt;&lt;span class=&quot;doc-copiar-lbl&quot;&gt;{{#if:{{{label|}}}|{{{label}}}|Copiar}}&lt;/span&gt;&lt;span class=&quot;doc-copiar-btn&quot; role=&quot;button&quot; tabindex=&quot;0&quot;&gt;📋 Copiar&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;doc-copiar-pre&quot;&gt;{{{1|}}}&lt;/div&gt;&lt;/div&gt;&lt;/includeonly&gt;&lt;noinclude&gt;
Recuadro con botón «Copiar» que preserva la estructura del contenido:
espacios, indentaciones y saltos de línea.

; Parámetros
* '''1''' / '''contenido''' — texto o código a copiar (obligatorio)
* '''label''' — texto de la etiqueta (por defecto: &lt;code&gt;Copiar&lt;/code&gt;)

; Código wiki literal (envolver en nowiki)
&lt;pre&gt;
{{WV-Copiar|label=Plantilla|&lt;nowiki&gt;
{{WVA-Hero
|title=Lima
|badge1=Capital
}}
&lt;/nowiki&gt;}}
&lt;/pre&gt;
{{DocCopiar|label=Plantilla
|&lt;nowiki&gt;{{WVA-Hero
|title=Lima
|badge1=Capital
}}
&lt;/nowiki&gt;}}
&lt;/noinclude&gt;</text>
      <sha1>acsg5gghrb8wc1dzbyxszwbsjcvsbpn</sha1>
    </revision>
  </page>
  <page>
    <title>Usuario:Jsmura/Banner images responsive</title>
    <ns>2</ns>
    <id>18511</id>
    <revision>
      <id>253778</id>
      <timestamp>2026-05-23T01:35:12Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Jsmura trasladó la página [[Usuario:Jsmura/Banner images responsive]] a [[Plantilla:Banner images responsive]]</comment>
      <origin>253778</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="52" sha1="ciut3gng49fictncltc9yttdi3agon4" xml:space="preserve">#REDIRECCIÓN [[Plantilla:Banner images responsive]]</text>
      <sha1>ciut3gng49fictncltc9yttdi3agon4</sha1>
    </revision>
    <revision>
      <id>253779</id>
      <parentid>253778</parentid>
      <timestamp>2026-05-23T01:35:22Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página blanqueada</comment>
      <origin>253779</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="0" sha1="phoiac9h4m842xq45sp7s6u21eteeq1" />
      <sha1>phoiac9h4m842xq45sp7s6u21eteeq1</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Banner images responsive/doc</title>
    <ns>10</ns>
    <id>18512</id>
    <revision>
      <id>253780</id>
      <timestamp>2026-05-23T01:35:55Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página creada con «{{DocSimple |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{DocParam|img1|req||Delicious Street Food - 2.jpg}} {{DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{DocParam|img5|req||Colorful autumn forest.…»</comment>
      <origin>253780</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="480" sha1="ipyr86utpfz3vqggxjjs76ad3c20fr2" xml:space="preserve">{{DocSimple
|nombre=Banner images responsive
|desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio.
|params=
{{DocParam|img1|req||Delicious Street Food - 2.jpg}}
{{DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}}
{{DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}}
{{DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}}
{{DocParam|img5|req||Colorful autumn forest.jpg}}
}}</text>
      <sha1>ipyr86utpfz3vqggxjjs76ad3c20fr2</sha1>
    </revision>
  </page>
  <page>
    <title>Usuario:Jsmura/Callout responsive</title>
    <ns>2</ns>
    <id>18513</id>
    <revision>
      <id>253787</id>
      <timestamp>2026-05-23T01:44:40Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Jsmura trasladó la página [[Usuario:Jsmura/Callout responsive]] a [[Plantilla:Callout responsive]]</comment>
      <origin>253787</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="46" sha1="s69wuywo0jvwlqgd66zm2gyy1on27o6" xml:space="preserve">#REDIRECCIÓN [[Plantilla:Callout responsive]]</text>
      <sha1>s69wuywo0jvwlqgd66zm2gyy1on27o6</sha1>
    </revision>
    <revision>
      <id>253788</id>
      <parentid>253787</parentid>
      <timestamp>2026-05-23T01:44:52Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página blanqueada</comment>
      <origin>253788</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="0" sha1="phoiac9h4m842xq45sp7s6u21eteeq1" />
      <sha1>phoiac9h4m842xq45sp7s6u21eteeq1</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Callout responsive/doc</title>
    <ns>10</ns>
    <id>18514</id>
    <revision>
      <id>253789</id>
      <timestamp>2026-05-23T01:45:18Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página creada con «{{DocSimple |nombre=Callout responsive |desc=Recuadro vistozo para resaltar información importante. |params= {{DocParam|type|req|error / warn / tip /info / purple|info}} {{DocParam|img|req||Wiki Sable Chibi Map.png}} {{DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}} {{DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a…»</comment>
      <origin>253789</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="588" sha1="9435bvhokvza8e24xjp5xwnrgbj98dl" xml:space="preserve">{{DocSimple
|nombre=Callout responsive
|desc=Recuadro vistozo para resaltar información importante.
|params=
{{DocParam|type|req|error / warn / tip /info / purple|info}}
{{DocParam|img|req||Wiki Sable Chibi Map.png}}
{{DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}}
{{DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}}
}}</text>
      <sha1>9435bvhokvza8e24xjp5xwnrgbj98dl</sha1>
    </revision>
  </page>
  <page>
    <title>Usuario:Jsmura/Header awesome</title>
    <ns>2</ns>
    <id>18515</id>
    <revision>
      <id>253798</id>
      <timestamp>2026-05-23T01:58:56Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Jsmura trasladó la página [[Usuario:Jsmura/Header awesome]] a [[Plantilla:Header awesome]]</comment>
      <origin>253798</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="42" sha1="k7ot6vnzhjwg0ji25oy1j71sfgrri0i" xml:space="preserve">#REDIRECCIÓN [[Plantilla:Header awesome]]</text>
      <sha1>k7ot6vnzhjwg0ji25oy1j71sfgrri0i</sha1>
    </revision>
    <revision>
      <id>253799</id>
      <parentid>253798</parentid>
      <timestamp>2026-05-23T01:59:18Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página blanqueada</comment>
      <origin>253799</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="0" sha1="phoiac9h4m842xq45sp7s6u21eteeq1" />
      <sha1>phoiac9h4m842xq45sp7s6u21eteeq1</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Header awesome/doc</title>
    <ns>10</ns>
    <id>18516</id>
    <revision>
      <id>253801</id>
      <timestamp>2026-05-23T02:00:16Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página creada con «{{DocSimple |nombre=Header awesome |desc=Header bonito. |nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc. |params= {{DocParam|title|req||Normas esenciales antes de empezar}} {{DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}} {{DocParam|icon|opt||📋}} {{DocParam|icon bg|opt||#FCEBEB}} }}»</comment>
      <origin>253801</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="346" sha1="qcyqcohp0tm0spdswu5in1bnatue2ih" xml:space="preserve">{{DocSimple
|nombre=Header awesome
|desc=Header bonito.
|nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc.
|params=
{{DocParam|title|req||Normas esenciales antes de empezar}}
{{DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}}
{{DocParam|icon|opt||📋}}
{{DocParam|icon bg|opt||#FCEBEB}}
}}</text>
      <sha1>qcyqcohp0tm0spdswu5in1bnatue2ih</sha1>
    </revision>
    <revision>
      <id>253806</id>
      <parentid>253801</parentid>
      <timestamp>2026-05-23T02:11:18Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253806</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="396" sha1="saj6fg641zsepcaj3sijhgrbrjktgrc" xml:space="preserve">{{DocSimple
|nombre=Header awesome
|desc=Header bonito.
|nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc.
|params=
{{DocParam|title|req||Normas esenciales antes de empezar}}
{{DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}}
{{DocParam|icon|opt||📋}}
{{DocParam|icon bg|opt||&lt;nowiki&gt;{{Color Sable|rosa}}&lt;/nowiki&gt;}}
}}
{{Color Sable/doc}}</text>
      <sha1>saj6fg641zsepcaj3sijhgrbrjktgrc</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Color Sable/doc</title>
    <ns>10</ns>
    <id>18517</id>
    <revision>
      <id>253804</id>
      <timestamp>2026-05-23T02:09:59Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página creada con «{| |&lt;div style=&quot;background:{{Color Sable|rosa}}&quot;&gt;&amp;nbsp;&lt;/div&gt; |&lt;div style=&quot;background:{{Color Sable|amarillo}}&quot;&gt;&amp;nbsp;&lt;/div&gt; |&lt;div style=&quot;background:{{Color Sable|cian}}&quot;&gt;&amp;nbsp;&lt;/div&gt; |&lt;div style=&quot;background:{{Color Sable|verde}}&quot;&gt;&amp;nbsp;&lt;/div&gt; |&lt;div style=&quot;background:{{Color Sable|naranja}}&quot;&gt;&amp;nbsp;&lt;/div&gt; |&lt;div style=&quot;background:{{Color Sable|rojo}}&quot;&gt;&amp;nbsp;&lt;/div&gt; |&lt;div style=&quot;background:{{Color Sable|purpura}}&quot;&gt;&amp;nbsp;&lt;/div&gt; |&lt;div style=&quot;background:{{Color Sable|azul}}&quot;…»</comment>
      <origin>253804</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="1320" sha1="royaj5jc1fbd5mkq9ymtgj9gxuv4hj5" xml:space="preserve">{|
|&lt;div style=&quot;background:{{Color Sable|rosa}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|amarillo}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|cian}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|verde}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|naranja}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|rojo}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|purpura}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|azul}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|negro}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|blanco}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|&lt;div style=&quot;background:{{Color Sable|gris}}&quot;&gt;&amp;nbsp;&lt;/div&gt;
|-
|{{Color Sable|rosa|nombre=sí}}
|{{Color Sable|amarillo|nombre=sí}}
|{{Color Sable|cian|nombre=sí}}
|{{Color Sable|verde|nombre=sí}}
|{{Color Sable|naranja|nombre=sí}}
|{{Color Sable|rojo|nombre=sí}}
|{{Color Sable|purpura|nombre=sí}}
|{{Color Sable|azul|nombre=sí}}
|{{Color Sable|negro|nombre=sí}}
|{{Color Sable|blanco|nombre=sí}}
|{{Color Sable|gris|nombre=sí}}
|}
{{DocSimple
|nombre=Color Sable
|desc=Colores para el tema de Sable. Puedes usar cualquier color predeterminado.
|params=
{{DocParam|1|req|rosa / amarillo / cian / verde / naranja / rojo / purpura / azul / negro / blanco / gris|rosa}}
{{DocParam|nombre|opt|sí / no|}}
}}</text>
      <sha1>royaj5jc1fbd5mkq9ymtgj9gxuv4hj5</sha1>
    </revision>
  </page>
  <page>
    <title>Usuario:Jsmura/Checklist responsive</title>
    <ns>2</ns>
    <id>18518</id>
    <revision>
      <id>253813</id>
      <timestamp>2026-05-23T02:42:40Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Jsmura trasladó la página [[Usuario:Jsmura/Checklist responsive]] a [[Plantilla:Checklist responsive]]</comment>
      <origin>253813</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="48" sha1="5yjbsldhnpx13yxgfzor0rayvvzwcu5" xml:space="preserve">#REDIRECCIÓN [[Plantilla:Checklist responsive]]</text>
      <sha1>5yjbsldhnpx13yxgfzor0rayvvzwcu5</sha1>
    </revision>
    <revision>
      <id>253814</id>
      <parentid>253813</parentid>
      <timestamp>2026-05-23T02:42:49Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página blanqueada</comment>
      <origin>253814</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="0" sha1="phoiac9h4m842xq45sp7s6u21eteeq1" />
      <sha1>phoiac9h4m842xq45sp7s6u21eteeq1</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Checklist responsive/doc</title>
    <ns>10</ns>
    <id>18519</id>
    <revision>
      <id>253815</id>
      <timestamp>2026-05-23T02:43:09Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página creada con «{{DocSimple |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }}»</comment>
      <origin>253815</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="294" sha1="mxvoumopw0kxtsv9nhy3g363rrp61z1" xml:space="preserve">{{DocSimple
|nombre=Checklist responsive
|desc=Lista de ítems a considerar.
|params=
{{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}}
{{Usuario:Jsmura/DocParam|content|req|
|* item 1
* item 2}}
}}</text>
      <sha1>mxvoumopw0kxtsv9nhy3g363rrp61z1</sha1>
    </revision>
    <revision>
      <id>253816</id>
      <parentid>253815</parentid>
      <timestamp>2026-05-23T02:44:07Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <origin>253816</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="249" sha1="rk7uylevu43xwdyzzdhhu3hhtfgcvu4" xml:space="preserve">{{DocSimple
|nombre=Checklist responsive
|desc=Lista de ítems a considerar.
|params=
{{DocParam|img|req||Wikivoyage-logo.svg}}
{{DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}}
{{DocParam|content|req|
|* item 1
* item 2}}
}}</text>
      <sha1>rk7uylevu43xwdyzzdhhu3hhtfgcvu4</sha1>
    </revision>
  </page>
  <page>
    <title>Usuario:Jsmura/Checklist 2 cols responsive</title>
    <ns>2</ns>
    <id>18520</id>
    <revision>
      <id>253822</id>
      <timestamp>2026-05-23T02:50:33Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Jsmura trasladó la página [[Usuario:Jsmura/Checklist 2 cols responsive]] a [[Plantilla:Checklist 2 cols responsive]]</comment>
      <origin>253822</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="55" sha1="l23ca7lo9w1rj2uuydv3ue86y6bl4gi" xml:space="preserve">#REDIRECCIÓN [[Plantilla:Checklist 2 cols responsive]]</text>
      <sha1>l23ca7lo9w1rj2uuydv3ue86y6bl4gi</sha1>
    </revision>
    <revision>
      <id>253823</id>
      <parentid>253822</parentid>
      <timestamp>2026-05-23T02:50:45Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página blanqueada</comment>
      <origin>253823</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="0" sha1="phoiac9h4m842xq45sp7s6u21eteeq1" />
      <sha1>phoiac9h4m842xq45sp7s6u21eteeq1</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Checklist 2 cols responsive/doc</title>
    <ns>10</ns>
    <id>18521</id>
    <revision>
      <id>253824</id>
      <timestamp>2026-05-23T02:51:11Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página creada con «{{DocSimple |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{DocParam|ok title|req||✅ Aceptables}} {{DocParam|ok list|req||* item 1 * item 2}} {{DocParam|bad title|req||🚫 Inaceptables}} {{DocParam|bad list|req||* item…»</comment>
      <origin>253824</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="608" sha1="0akb70s4v9owbkadacl8bkwhgf5pu5v" xml:space="preserve">{{DocSimple
|nombre=Checklist 2 cols responsive
|desc=Doble lista para comprobaciones de ítems buenos y malos.
|notas=* Puedes colocar tantos items (* item) como desees.
|params=
{{DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}}
{{DocParam|ok title|req||✅ Aceptables}}
{{DocParam|ok list|req||* item 1 * item 2}}
{{DocParam|bad title|req||🚫 Inaceptables}}
{{DocParam|bad list|req||* item 1 * item 2}}
{{DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}}
{{DocParam|note list|opt||* item 1 * item 2}}
}}</text>
      <sha1>0akb70s4v9owbkadacl8bkwhgf5pu5v</sha1>
    </revision>
  </page>
  <page>
    <title>Usuario:Jsmura/Create article responsive</title>
    <ns>2</ns>
    <id>18522</id>
    <revision>
      <id>253830</id>
      <timestamp>2026-05-23T03:01:02Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Jsmura trasladó la página [[Usuario:Jsmura/Create article responsive]] a [[Plantilla:Create article responsive]]</comment>
      <origin>253830</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="53" sha1="8rpfkpj3g8cxqbg7scr1ytthuueh354" xml:space="preserve">#REDIRECCIÓN [[Plantilla:Create article responsive]]</text>
      <sha1>8rpfkpj3g8cxqbg7scr1ytthuueh354</sha1>
    </revision>
    <revision>
      <id>253831</id>
      <parentid>253830</parentid>
      <timestamp>2026-05-23T03:01:10Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página blanqueada</comment>
      <origin>253831</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="0" sha1="phoiac9h4m842xq45sp7s6u21eteeq1" />
      <sha1>phoiac9h4m842xq45sp7s6u21eteeq1</sha1>
    </revision>
  </page>
  <page>
    <title>Plantilla:Create article responsive/doc</title>
    <ns>10</ns>
    <id>18523</id>
    <revision>
      <id>253832</id>
      <timestamp>2026-05-23T03:01:19Z</timestamp>
      <contributor>
        <username>Jsmura</username>
        <id>5370</id>
      </contributor>
      <comment>Página creada con «{{DocSimple |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{DocParam|title|req||¡Crea tu artículo de Destino!}} {{DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }}»</comment>
      <origin>253832</origin>
      <model>wikitext</model>
      <format>text/x-wiki</format>
      <text bytes="412" sha1="l87whd0lelawjwbzftrpxhkpcyx83i3" xml:space="preserve">{{DocSimple
|nombre=Create article responsive
|desc=Recuadro para crear un artículo.
|params=
{{DocParam|img|req||Wiki Sable Chibi Bus Parade.png}}
{{DocParam|title|req||¡Crea tu artículo de Destino!}}
{{DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}}
}}</text>
      <sha1>l87whd0lelawjwbzftrpxhkpcyx83i3</sha1>
    </revision>
  </page>
</mediawiki>